/* ───────────────────────────────
   LANDSCAPE PRODUCT CARD
─────────────────────────────── */

.product-landscape {
    background: #fff;
    border-radius: 6px;
    padding: 18px;
    transition: 0.3s ease;
    align-items: flex-start;
    gap: 25px;

    display: flex;

    /* Alap animáció */
    opacity: 0;
    transform: translateY(20px);

    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}

.landscape-certicons{
  display: flex;
  gap: 6px;
  justify-content: center;
  align-items: center;
  margin: 4px 0 6px 0;
  flex-wrap: wrap;
}

.landscape-certicons img{
  height: 22px;
  width: auto;
  object-fit: contain;
}


/* Hover */
.product-landscape:hover {
    background: #fff;
    box-shadow: 0 6px 16px rgba(3,71,136,.12);
    transform: translateY(-3px);
}
/* alapból rejtve */
.product-landscape .wishlist-icon {
    opacity: 0;
    transition: opacity .25s ease;
}

/* hover esetén mutat */
.product-landscape:hover .wishlist-icon {
    opacity: 1;
}

/* ha a termék benne van a wishlistben → mindig látszik */
.product-landscape .wishlist-icon.active {
    opacity: 1 !important;
}


/* BAL OLDAL – 65% */
.landscape-left {
    flex: 0 0 65%;
    min-width: 0;

    display: flex;
    flex-direction: column;
}

.landscape-title {
    font-size: 1.2rem;
    color: #034788;
	margin-top:10px;
}

.landscape-desc {
    font-size: .95rem;
    line-height: 1.5;
    text-align: justify;
    color: #555;
}

.landscape-img-link{
  text-decoration: none;
  color: inherit;
}

/* TULAJDONSÁG DOBOZ */

.landscape-tulaj {
    margin-top: auto;   /* ➜ ez tolja le teljesen az aljára */
}

.landscape-tulaj .row > div {
    background: #f9fbff;
    border-radius: 6px;
    padding: 8px 6px;
    border: 1px solid #e3eef8;
}

.landscape-tulaj .fw-semibold {
    font-size: .9rem;
}

/* MARADÉK TÁBLÁZAT */
.landscape-tulaj .table-container {
    max-height: 200px;
    overflow-y: auto;
    border-radius: 6px;
}

/* JOBB OLDAL – szélesebb (35%) */
.landscape-right {
    flex: 1 1 320px;     /* legyen min. 320px és nőhet */
    max-width: 380px;    /* de max 380px - szabadon állítható */
    display: flex;
    flex-direction: column;
    align-items: center;
}


/* Gyártó logó — gomb alatt */
.manufacturer-landscape-logo {
    text-align: center;
    margin-top: 10px;
}

.manuf-logo-img {
    max-width: 130px;
    max-height: 45px;
    object-fit: contain;
}

/* KÉP DOBOZ – nagyobb */
.landscape-img-box {
    width: 100%;
    padding: 10px;
    background: #fff;
    border-radius: 6px;
    display: flex;
    justify-content: center;
    align-items: center;

    /* 💡 csak szélesség limit, magasság ne legyen limitálva */
    max-width: 340px;
    height: auto;
}

.landscape-img {
    width: 100%;
    height: auto;
    object-fit: contain;
    display: block;
}

img.lazy {
  filter: blur(6px);
  transition: filter .4s ease-out;
}

img:not(.lazy) {
  filter: blur(0);
}




/* GOMB */
.btn-outline-delta {
    border: 1px solid #2B2D42;
    color: #2B2D42;
    font-weight: 600;
}

.btn-outline-delta:hover {
    background: #034788;
    color: #fff!important;
}


.tulaj-collapsible{
  max-height: 170px;           /* default, JS felülírhatja data-collapsed alapján */
  overflow: hidden;
  position: relative;
}

/* finom “fade” az alján, hogy látszódjon, hogy van még */
.tulaj-collapsible::after{
  content:"";
  position:absolute;
  left:0; right:0; bottom:0;
  height:46px;
  pointer-events:none;
  background: linear-gradient(to bottom, rgba(255,255,255,0), var(--bs-body-bg, #fff));
}

.tulaj-collapsible.is-expanded{
  max-height: none !important;
}

.tulaj-collapsible.is-expanded::after{
  display:none;
}

.landscape-filterprops{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
}

.landscape-filterprops .prop-pill{
  background:#f9fbff;
  border:1px solid #e3eef8;
  border-radius:999px;
  padding:4px 10px;
  font-size:.85rem;
  line-height:1.2;
}

.landscape-filterprops .prop-k{
  font-weight:600;
  color:#034788;
}

.landscape-filterprops .prop-v{
  color:#555;
}

/* MOBIL */
/* MOBIL – EGYSÉGES */
@media (max-width: 768px) {

  .product-landscape{
    flex-direction: column;
    align-items: stretch;     /* fontos: ne “csak” középre, hanem töltse ki */
    padding: 14px;
    gap: 14px;
    text-align: left;
  }

  /* JOBB OLDAL FENT */
  .landscape-right{
    order: 1;
    flex: 0 0 auto !important;     /* legfontosabb: felülírja a 320px basis-t */
    width: 100% !important;
    max-width: 100% !important;
    align-items: center;
    text-align: center;
  }

  /* BAL OLDAL LENT */
  .landscape-left{
    order: 2;
    flex: 0 0 auto !important;
    width: 100% !important;
    padding-right: 0 !important;   /* HTML pe-4 ellensúlyozása */
  }

  /* Mobilon ne tolja le “auto”-val */
  .landscape-tulaj{
    margin-top: 12px;              /* margin-top:auto helyett */
  }

  .manufacturer-landscape-logo{
    width: 100%;
    display: flex;
    justify-content: center;
    margin: 0 0 8px 0;
  }

  .landscape-img-box{
    max-width: 100% !important;
    width: 100%;
    padding: 6px;
  }

  .landscape-img{
    width: 100%;
    max-height: 220px;
    height: auto;
    object-fit: contain;
  }

  .landscape-btn{
    width: 100%;
    max-width: 360px; /* opcionális */
    margin: 6px auto 0;
  }

  /* Mobilon nincs hover -> legyen látható a wishlist */
  .product-landscape .wishlist-icon{
    opacity: 1;
  }

  /* Ha akarod: desc mobilon maradhat rejtve */
  .landscape-desc{
    display: none;
  }
}


/* ===========================
   COMPACT VIEW
   - fix kártyamagasság
   - gomb legalul
   - 2 soros cím
   - compact property pill-ek
   - desktop + mobil együtt
   =========================== */

body.view-compact .product-landscape{
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 8px;
  padding: 12px;
  min-height: 470px;
  height: auto;
  overflow: visible;
}

/* Bal oldal */
body.view-compact .landscape-left{
  order: 1;
  flex: 0 0 auto !important;
  width: 100% !important;
  padding-right: 0 !important;
  display: flex;
  flex-direction: column;
  min-width: 0;
}

/* Cím max 2 sor */
body.view-compact .landscape-title{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  line-height: 1.25;
  max-height: calc(1.25em * 2);
  margin-bottom: 6px;
}

/* Rövid leírás compactban rejtve */
body.view-compact .landscape-desc{
  display: none !important;
  margin-bottom: 0;
}

/* Detailed tulaj blokk compactban rejtve */
body.view-compact .landscape-tulaj,
body.view-compact .tulaj-toggle{
  display: none !important;
}

/* Jobb oldal */
body.view-compact .landscape-right{
  order: 2;
  flex: 1 1 auto !important;
  width: 100% !important;
  max-width: 100% !important;
  padding: 0;
  min-height: 0;
  height: 100%;

  display: grid;
  grid-template-rows: 190px minmax(0, 1fr) auto;
  justify-items: center;
  align-items: start;
  row-gap: 6px;
}

/* Gyártó logó */
body.view-compact .manufacturer-landscape-logo{
  width: 100%;
  display: flex;
  justify-content: center;
  margin: 0 0 8px 0 !important;
}

body.view-compact .manuf-logo-img{
  max-width: 120px;
  max-height: 38px;
  object-fit: contain;
}

/* Képdoboz */
body.view-compact .landscape-img-box{
  width: 100%;
  max-width: 100% !important;
  padding: 4px;
  height: 190px;
  min-height: 190px;
  max-height: 190px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0;
}

body.view-compact .landscape-img{
  width: 100%;
  height: auto;
  max-height: 165px;
  object-fit: contain;
}

/* Property pill doboz */
body.view-compact .landscape-midbox{
  width: 100%;
  max-width: 320px;
  margin: 2px auto 0;
  border-radius: 10px;
  background: #f9fbff;
  border: 1px solid #e3eef8;
  padding: 6px;
  min-height: 0;
  max-height: none;
  overflow: visible;
}

body.view-compact .landscape-midbox:empty{
  display: none !important;
}

body.view-compact .compact-props-grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
  width: 100%;
}

body.view-compact .compact-prop{
  width: 100%;
  min-width: 0;
  max-width: none;

  padding: 4px 6px;
  border-radius: 6px;

  background: #fff;
  border: 1px solid rgba(3,71,136,.10);

  text-align: center;
  line-height: 1.1;
}

body.view-compact .compact-prop-k{
  display: block;
  font-size: .68rem;
  font-weight: 600;
  color: #034788;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

body.view-compact .compact-prop-v{
  display: block;
  margin-top: 2px;
  font-size: .72rem;
  color: #555;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Gomb legalul */
body.view-compact .landscape-btn{
  display: block !important;
  width: 100%;
  max-width: 360px;
  margin: 0 !important;
  padding: .45rem .75rem;
  font-size: .95rem;
  line-height: 1.2;
  height: auto !important;

  justify-self: center;
  align-self: end;

  flex: 0 0 auto;
}

body.view-compact .landscape-meta-block{
  width: 100%;
  max-width: 360px;
  min-height: 0;
  overflow: hidden;

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

body.view-compact .landscape-certicons{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 4px;
  margin: 2px 0;
}

body.view-compact .landscape-midbox:empty,
body.view-compact .landscape-certicons:empty{
  display: none !important;
}
body.view-compact .landscape-meta-block{
  width: 100%;
  max-width: 360px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  overflow: visible;
}

body.view-compact .landscape-meta-block:empty{
  display: none !important;
}

/* Detailed nézetben a compact pill doboz ne látszódjon */
body:not(.view-compact) .landscape-midbox{
  display: none;
}

/* Detailed nézetben desktopon látszódjon a "Mutass többet" */
@media (min-width: 769px){
  body:not(.view-compact) .product-landscape .tulaj-toggle{
    display: inline-block !important;
  }
}

/* ===========================
   MOBIL COMPACT
   =========================== */
@media (max-width: 768px){

  body.view-compact .product-landscape{
    height: auto !important;
    min-height: 400px;
    padding: 10px;
    gap: 8px;
  }

  body.view-compact .landscape-left{
    order: 1;
    width: 100% !important;
    padding-right: 0 !important;
  }

  body.view-compact .landscape-right{
    order: 2;
    flex: 0 0 auto !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    row-gap: 0;
  }

  body.view-compact .landscape-title{
    font-size: 1rem;
  }

  body.view-compact .manufacturer-landscape-logo{
    width: 100%;
    display: flex;
    justify-content: center;
    margin: 0 0 8px 0 !important;
    padding-top: 18px;
  }

  body.view-compact .landscape-img-box{
    width: 100%;
    height: 160px;
    min-height: 160px;
    max-height: 160px;
    margin-bottom: 0 !important;
  }

  body.view-compact .landscape-img{
    max-height: 135px;
  }

  body.view-compact .landscape-meta-block{
    width: 100%;
    max-width: 100% !important;
    margin: 6px 0 10px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    overflow: visible;
  }

  body.view-compact .landscape-certicons{
    margin: 0 0 6px 0;
  }

  body.view-compact .landscape-midbox{
    width: 100%;
    min-height: 38px;
    max-height: none;
    padding: 6px;
    margin: 0;
  }

  body.view-compact .compact-props-grid{
    gap: 5px 6px;
  }

  body.view-compact .compact-prop{
    padding: 4px 6px;
  }

  body.view-compact .compact-prop-k{
    font-size: .64rem;
  }

  body.view-compact .compact-prop-v{
    font-size: .68rem;
  }

  body.view-compact .landscape-btn{
    display: block !important;
    width: 100%;
    max-width: 100% !important;
    margin: 0 !important;
    padding: .35rem .5rem;
    font-size: .85rem;
    line-height: 1.2;
  }
}
/* Card layout only in redesigned native category pages. */
.delta-category-page .product-landscape{width:100%;margin-bottom:0!important;border:1px solid #e4e6eb;border-radius:8px;padding:22px;gap:24px;box-shadow:none;opacity:1;transform:none;align-items:flex-start}
.delta-category-page .product-landscape:hover{box-shadow:0 4px 18px rgba(43,45,66,.06);transform:none}
.delta-category-page .product-landscape .wishlist-icon{opacity:1}
.delta-category-page .landscape-left{flex:1 1 0;padding-right:0!important;min-width:0}
.delta-category-page .landscape-right{flex:0 0 210px;max-width:210px;gap:12px}
.delta-category-page .manufacturer-landscape-logo{text-align:left;margin:0!important}
.delta-category-page .manuf-logo-img{max-height:32px;max-width:120px}
.delta-category-page .landscape-title{font-size:1.1rem;line-height:1.35;margin:10px 0;color:#034788;overflow-wrap:anywhere}
.delta-category-page .landscape-desc{font-size:.85rem;text-align:left;line-height:1.6;margin-bottom:16px!important}
.delta-category-page .landscape-img-box{width:100%;height:160px;padding:8px;background:#fff}
.delta-category-page .landscape-img{width:100%;height:100%;max-height:150px;object-fit:contain}
.delta-category-page .landscape-btn{width:100%;font-size:.8rem;padding:8px 10px;border-radius:5px;color:#07599f;border-color:#07599f}
.delta-category-page .landscape-btn:hover{background:#07599f;color:#fff}
.delta-category-page .landscape-tulaj{margin-top:0;width:100%}
.delta-category-page .tulaj-collapsible{overflow:hidden}
.delta-category-page .tulaj-collapsible.is-expanded{max-height:none!important}
.delta-category-page .landscape-tulaj .row>div{box-shadow:none;border-color:#e8edf4;background:#f9fbff}
.delta-category-page .landscape-meta-block{width:100%}
body.view-compact .delta-category-page .product-landscape{flex-direction:column;gap:10px;padding:16px;min-height:0;height:100%;align-items:stretch}
body.view-compact .delta-category-page .landscape-left{flex:0 0 auto!important;width:100%!important}
body.view-compact .delta-category-page .landscape-title{font-size:1rem;min-height:2.7em;max-height:2.7em;line-height:1.35;margin:6px 0 0!important}
body.view-compact .delta-category-page .manufacturer-landscape-logo{justify-content:flex-start;margin:0 0 6px!important}
body.view-compact .delta-category-page .landscape-right{flex:1 1 auto!important;width:100%;max-width:100%;height:auto;display:flex;flex-direction:column;gap:12px;align-items:stretch}
body.view-compact .delta-category-page .landscape-img-box{height:150px;min-height:150px;max-height:150px;padding:5px;margin:0}
body.view-compact .delta-category-page .landscape-img{height:100%;max-height:140px;object-fit:contain}
body.view-compact .delta-category-page .landscape-meta-block{display:flex;flex-direction:column;gap:6px;margin:0;padding:0;flex:1 1 auto;width:100%}
body.view-compact .delta-category-page .landscape-midbox{margin:0;max-width:none;width:100%;background:transparent;border:0;border-radius:0;padding:0}
body.view-compact .delta-category-page .compact-props-grid{grid-template-columns:minmax(0,1fr);gap:0}
body.view-compact .delta-category-page .compact-prop{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:8px 0;border:0;border-bottom:1px solid #e8edf4;background:transparent;border-radius:0}
body.view-compact .delta-category-page .compact-prop-k{font-size:.75rem;white-space:normal;overflow:visible;text-overflow:clip;flex:1;overflow-wrap:anywhere}
body.view-compact .delta-category-page .compact-prop-v{font-size:.75rem;text-align:right;white-space:normal;overflow:visible;text-overflow:clip;max-width:55%;overflow-wrap:anywhere}
body.view-compact .delta-category-page .compact-prop-v-multi{max-width:55%}
body.view-compact .delta-category-page .landscape-btn{margin-top:auto;width:100%;font-size:.8rem;padding:8px 10px}
@media(max-width:767.98px){body:not(.view-compact) .delta-category-page .product-landscape{flex-direction:column;padding:16px;gap:16px}body:not(.view-compact) .delta-category-page .landscape-left{flex:0 0 auto!important;width:100%}body:not(.view-compact) .delta-category-page .landscape-right{flex:0 0 auto;max-width:none;width:100%}body:not(.view-compact) .delta-category-page .landscape-img-box{height:180px}body:not(.view-compact) .delta-category-page .landscape-tulaj{display:block!important}body:not(.view-compact) .delta-category-page .tulaj-toggle:not(.d-none){display:inline-block!important}}
@media(prefers-reduced-motion:reduce){.delta-category-page .product-landscape{transition:none}}

/* NextDayStore compact cards. Detailed view keeps the original layout. */
.compact-category-label{display:none}
body.view-compact #productGrid:has(.product-landscape){display:grid!important;grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr))!important;gap:16px!important}
body.view-compact #productGrid:has(.product-landscape)>[class*="col-"]{width:100%!important;max-width:none!important;min-width:0;padding:0!important}
body.view-compact #productGrid .product-landscape{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:0!important;padding:16px!important;margin:0!important;width:100%;height:100%!important;min-height:0!important;box-sizing:border-box;background:#fff;border:1px solid #e3e9ed;border-radius:15px!important;overflow:hidden;opacity:1;transform:none;box-shadow:none;transition:border-color .2s ease,box-shadow .2s ease}
body.view-compact #productGrid .product-landscape:hover{border-color:#b6cbd4;box-shadow:0 5px 18px #124e6610;transform:none}
body.view-compact #productGrid .landscape-left,body.view-compact #productGrid .landscape-right{display:contents!important}
body.view-compact #productGrid .compact-category-label{display:none!important}
body.view-compact #productGrid .landscape-img-box{order:1;flex:0 0 auto;width:100%!important;max-width:none!important;height:172px!important;min-height:172px!important;max-height:172px!important;margin:0 0 9px!important;padding:12px 18px 5px!important;display:flex;align-items:center;justify-content:center;background:#fff;border:0;border-radius:0!important;overflow:hidden;box-sizing:border-box}
body.view-compact #productGrid .landscape-img-link{width:100%;height:100%;min-height:0;display:flex!important;align-items:center;justify-content:center}
body.view-compact #productGrid .landscape-img{display:block;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain;object-position:center;min-width:0;min-height:0}
body.view-compact #productGrid .manufacturer-landscape-logo{order:2;display:flex!important;align-items:center;justify-content:center!important;width:100%;height:26px;min-height:26px;margin:0 0 10px!important;padding:0!important;text-align:center}
body.view-compact #productGrid .manuf-logo-img{width:auto!important;height:auto!important;max-width:112px!important;max-height:24px!important;object-fit:contain;object-position:center}
body.view-compact #productGrid .landscape-title{order:3;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;min-height:2.9em;max-height:2.9em;overflow:hidden;overflow-wrap:anywhere;font-size:15px!important;font-weight:600!important;line-height:1.45;text-align:left!important;color:#124e66!important;margin:0 0 8px!important}
body.view-compact #productGrid .landscape-desc{display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:2;order:4;overflow:hidden;min-height:3.1em;max-height:3.1em;margin:0 0 13px!important;font-size:12px!important;line-height:1.55;text-align:left;color:#75828c}
body.view-compact #productGrid .landscape-tulaj,body.view-compact #productGrid .tulaj-toggle{display:none!important}
body.view-compact #productGrid .landscape-meta-block{order:5;display:flex;flex-direction:column;align-items:stretch!important;justify-content:flex-start;flex:1 1 auto;width:100%;max-width:none!important;margin:0 0 15px!important;padding:0;gap:8px;overflow:visible}
body.view-compact #productGrid .landscape-meta-block:empty{display:none!important}
body.view-compact #productGrid .landscape-certicons{justify-content:center;margin:0 0 5px;gap:7px}
body.view-compact #productGrid .landscape-certicons img{max-height:20px;max-width:44px;object-fit:contain}
body.view-compact #productGrid .landscape-midbox{width:100%;max-width:none!important;margin:0!important;padding:0!important;border:0;border-radius:0;background:transparent;min-height:0;max-height:none;overflow:visible}
body.view-compact #productGrid .compact-props-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
body.view-compact #productGrid .compact-prop{display:block;width:100%;min-width:0;max-width:none;padding:8px 9px!important;border:0;border-radius:8px;background:#f5f8fa;text-align:left;line-height:1.45;box-sizing:border-box}
body.view-compact #productGrid .compact-prop-k{display:block;margin:0 0 3px;font-size:11px!important;font-weight:400;color:#75828c;white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}
body.view-compact #productGrid .compact-prop-v{display:block;width:100%;min-width:0;max-width:none;margin:0;font-size:12px!important;font-weight:600;color:#24323e;text-align:left;white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}
body.view-compact #productGrid .compact-prop-v-multi{max-width:none}
body.view-compact #productGrid .landscape-btn{order:6;display:flex!important;align-items:center;justify-content:center;gap:9px;width:100%;min-height:42px;max-width:none!important;height:auto!important;margin:auto 0 0!important;padding:10px 8px!important;background:#124e66;border:1px solid #124e66;border-radius:8px;color:#fff!important;font-size:12px!important;font-weight:500;line-height:1.4;text-decoration:none;text-align:center}
body.view-compact #productGrid .landscape-btn::after{content:'→';font-size:16px;flex:0 0 auto}
body.view-compact #productGrid .landscape-btn:hover{background:#0b3c50;border-color:#0b3c50;color:#fff!important}
body.view-compact #productGrid .product-landscape>.position-absolute{top:10px!important;right:10px!important;padding:0!important}
body.view-compact #productGrid .wishlist-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;opacity:1!important;border:1px solid #e3e9ed;border-radius:50%;background:#fff;color:#124e66;cursor:pointer;box-shadow:none}
body.view-compact #productGrid .wishlist-toggle{font-size:16px;color:#124e66!important}
body.view-compact #productGrid .wishlist-icon.active .wishlist-toggle{color:#c52152!important}
@media(max-width:575.98px){
 body.view-compact #productGrid:has(.product-landscape){grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;padding:10px!important;margin-inline:0}
 body.view-compact #productGrid .product-landscape{padding:11px!important;border-radius:12px!important}
 body.view-compact #productGrid .landscape-img-box{height:145px!important;min-height:145px!important;max-height:145px!important;padding:10px 6px 5px!important}
 body.view-compact #productGrid .landscape-title{font-size:13px!important;min-height:2.9em;max-height:2.9em}
 body.view-compact #productGrid .landscape-desc{font-size:11px!important}
 body.view-compact #productGrid .compact-props-grid{gap:5px!important}
 body.view-compact #productGrid .compact-prop{padding:7px!important}
 body.view-compact #productGrid .compact-prop-k{font-size:11px!important}
 body.view-compact #productGrid .compact-prop-v{font-size:11px!important}
 body.view-compact #productGrid .landscape-btn{padding:9px 5px!important;font-size:11px!important;gap:5px}
}
@media(prefers-reduced-motion:reduce){body.view-compact #productGrid .product-landscape{transition:none}}

@media(pointer:coarse){body.view-compact #productGrid .landscape-btn{min-height:44px}}
@media(pointer:coarse){body.view-compact #productGrid .wishlist-icon{width:44px;height:44px}}
body.view-compact #productGrid .landscape-btn:focus-visible{outline:3px solid #6eafc5;outline-offset:3px}

/* NextDayStore: gross price above the detail link. */
.product-landscape .nd-card-price{text-align:left;margin:12px 0;color:#d62839}
.product-landscape .nd-card-old-price{min-height:18px;font-size:12px;line-height:18px;color:#75828c}
.product-landscape .nd-card-price-value{font-size:24px;font-weight:700;line-height:1.25;color:var(--nd-card-price-color,#d62839);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.product-landscape .nd-card-vat{margin-top:4px;font-size:11px;line-height:1.4;color:#75828c}
body.view-compact #productGrid .nd-card-price{order:6;flex:0 0 auto;width:100%;margin:auto 0 14px;text-align:left}
body.view-compact #productGrid .landscape-btn{order:7;margin:0!important}
@media(max-width:575.98px){body.view-compact #productGrid .nd-card-price-value{font-size:20px}body.view-compact #productGrid .nd-card-price{margin-bottom:12px}}

/* Keep card content clear of the border, including narrow/mobile layouts. */
body.view-compact #productGrid .product-landscape{padding:18px!important}
body.view-compact #productGrid .landscape-title,body.view-compact #productGrid .landscape-desc{padding-left:5px!important;padding-right:5px!important;box-sizing:border-box;max-width:100%}
body.view-compact #productGrid .nd-card-price{padding-inline:5px;box-sizing:border-box}
body.view-compact #productGrid .landscape-meta-block{padding-inline:3px!important;box-sizing:border-box}
@media(max-width:575.98px){body.view-compact #productGrid .product-landscape{padding:14px!important}body.view-compact #productGrid .landscape-title,body.view-compact #productGrid .landscape-desc{padding-inline:3px!important}}

/* Smaller price and a visible inset below the detail button. */
.product-landscape .nd-card-vat{display:none!important}
body.view-compact #productGrid .product-landscape .nd-card-price{text-align:right!important}
body.view-compact #productGrid .product-landscape .nd-card-price-value{font-size:20px!important}
body.view-compact #productGrid .product-landscape .landscape-btn{width:calc(100% - 16px)!important;margin:0 8px 14px!important;box-sizing:border-box}
@media(max-width:575.98px){body.view-compact #productGrid .product-landscape .nd-card-price-value{font-size:18px!important}}

/* Compact colour cards: full image, no lead. */
body.view-compact #productGrid:has(.product-landscape){grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr))!important;gap:14px!important}
body.view-compact #productGrid .product-landscape{padding:14px!important}
body.view-compact #productGrid .landscape-desc{display:none!important}
body.view-compact #productGrid .landscape-img-box{height:142px!important;min-height:142px!important;max-height:142px!important;padding:6px!important;overflow:hidden}
body.view-compact #productGrid .landscape-img-link{display:flex!important;align-items:center;justify-content:center;width:100%;height:100%;min-height:0}
body.view-compact #productGrid .landscape-img{display:block;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important;transform:none!important}
body.view-compact #productGrid .landscape-title{font-size:13px!important;margin-bottom:3px!important}
body.view-compact #productGrid .nd-card-colours{order:4;display:flex;flex-wrap:wrap;gap:2px;padding:0 4px;margin:0 0 9px}
.nd-colour-item{position:relative;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;outline-offset:1px;border-radius:50%}
.nd-colour-dot{display:block;width:15px;height:15px;border-radius:50%;box-shadow:inset 0 0 0 1px #0002}
.nd-colour-tooltip{display:none;position:absolute;bottom:100%;left:0;z-index:5;background:#124e66;color:#fff;border-radius:5px;padding:4px 7px;font-size:11px;white-space:nowrap;max-width:150px;overflow-wrap:anywhere}
.nd-colour-item:hover .nd-colour-tooltip,.nd-colour-item:focus .nd-colour-tooltip{display:block}
body.view-compact #productGrid .landscape-meta-block{margin-bottom:9px!important;gap:5px}
body.view-compact #productGrid .compact-prop{padding:6px 8px!important}
body.view-compact #productGrid .nd-card-price{margin-bottom:10px!important}
body.view-compact #productGrid .landscape-btn{min-height:40px;font-size:11px!important;margin-bottom:6px!important}
@media(max-width:575.98px){body.view-compact #productGrid:has(.product-landscape){grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}body.view-compact #productGrid .product-landscape{padding:12px!important}body.view-compact #productGrid .landscape-img-box{height:130px!important;min-height:130px!important;max-height:130px!important}}
@media(pointer:coarse){.nd-colour-item{width:36px;height:36px}body.view-compact #productGrid .landscape-btn{min-height:44px}}

/* Colour-card correction and tighter corners. */
body.view-compact #productGrid .product-landscape{border-radius:8px!important}
body.view-compact #productGrid .product-landscape .nd-card-colours{order:4!important;display:flex!important;flex-wrap:wrap;align-items:center;gap:2px;margin:0 0 9px!important;padding:0 4px!important}
.product-landscape .nd-colour-item{position:relative!important;display:inline-flex!important;align-items:center;justify-content:center;flex:0 0 28px;width:28px;height:28px}
.product-landscape .nd-colour-dot{display:block!important;width:15px!important;height:15px!important;border-radius:50%!important}
.product-landscape .nd-colour-tooltip{display:none!important}
.product-landscape .nd-colour-item:hover .nd-colour-tooltip,.product-landscape .nd-colour-item:focus .nd-colour-tooltip{display:block!important}

/* Four compact specifications in one row. */
body.view-compact #productGrid .compact-props-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:4px!important}
body.view-compact #productGrid .compact-prop{padding:6px 3px!important;border-radius:5px;text-align:center}
body.view-compact #productGrid .compact-prop-k{font-size:9px!important;line-height:1.25;margin-bottom:4px;text-align:center}
body.view-compact #productGrid .compact-prop-v{font-size:11px!important;line-height:1.3;text-align:center}