/* Focused refinements to the original Bluebell preview. */
:root{--grad:linear-gradient(135deg,#fbf8f7 0%,#f7f2ef 52%,#f2ece7 100%)}
:focus-visible{outline:2px solid var(--navy);outline-offset:3px}
.skip-link{position:absolute;inset-block-start:0;inset-inline-start:16px;z-index:100;padding:10px 16px;background:#fff;transform:translateY(-150%)}
.skip-link:focus{transform:none}
.lang-header{margin-inline-end:10px;font-size:12px;white-space:nowrap}
.phead{background:var(--grad)}
.advisor-band{background:var(--grad)}
.featured-products{overflow:hidden}
.featured-products.best-sellers{background:#faf8f6}
.featured-products.you-will-love{background:#fbf8f5}
.featured-products .shead{margin-block-end:44px}
.featured-products .pc{overflow:visible;background:#fff;border:1px solid #e8e1dc;box-shadow:0 7px 24px rgba(76,67,57,.045);margin-block-start:28px;transition:transform .25s ease,box-shadow .25s ease}
.featured-products .pc:hover{transform:translateY(-5px);box-shadow:0 16px 36px rgba(76,67,57,.11)}
.featured-products .pc .im{overflow:visible;background:transparent;aspect-ratio:1.08;margin-block-start:-28px;margin-inline:12px;border-radius:8px;background:radial-gradient(ellipse at 50% 70%,#f2eae4 0%,#f8f5f2 62%,transparent 75%)}
.featured-products .pc .im img{padding:14px 24px 5px;filter:drop-shadow(0 14px 10px rgba(76,67,57,.13))}
.featured-products .pc .im .badges{inset-block-start:36px;inset-inline-start:-3px}
.featured-products .pc .wish{inset-block-start:6px;inset-inline-end:8px}
.featured-products .pc .tx{padding-block-start:10px}
.featured-products .pc .btn[data-add]{min-height:42px}
.stock-logo-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;max-width:1160px;margin-inline:auto}
.stock-logo{min-height:108px;padding:18px;background:#fff;border:1px solid var(--line);border-radius:8px;display:flex;align-items:center;justify-content:center;transition:border-color .2s,box-shadow .2s,transform .2s}
.stock-logo:hover{border-color:#cbb9ae;box-shadow:0 9px 25px rgba(76,67,57,.08);transform:translateY(-2px)}
.stock-logo img{display:block;width:100%;max-width:142px;height:62px;object-fit:contain}
.stock-logo span{display:none;font-size:14px;font-weight:600;text-align:center}
.stock-logo.no-logo img{display:none}.stock-logo.no-logo span{display:block}
.account-track-link{margin-block-start:-12px;margin-block-end:56px;text-align:center}
.account-track-link a{color:var(--navy);text-decoration:underline;text-underline-offset:4px}
@media(max-width:1024px){.stock-logo-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:820px){.lang-header{display:none}.featured-products .shead{margin-block-end:34px}.featured-products .pc{margin-block-start:20px}.featured-products .pc .im{margin-block-start:-20px;margin-inline:5px}.featured-products .pc .im img{padding:10px 8px 4px}.featured-products .pc .im .badges{inset-block-start:24px}.stock-logo-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.stock-logo{min-height:76px;padding:10px}.stock-logo img{height:48px}}
@media(max-width:480px){.stock-logo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.featured-products .pc,.stock-logo{transition:none}.featured-products .pc:hover,.stock-logo:hover{transform:none}}

/* Neutral canvas for shopping: products and their packaging provide the colour. */
.featured-products.best-sellers,.featured-products.you-will-love{background:#fff}
.featured-products{border-block-start:1px solid #eeeae6}
.featured-products .pc{border-color:#e9e8e6;box-shadow:none}
.featured-products .pc .im{background:#f7f8f9}
.pc .im,.gal .main,.gal .th button{background:#f7f8f9}
.phead{background:#fff;border-block-end:1px solid #eeeae6}

/* Open, unboxed product presentation on a plain white page. */
.featured-products.best-sellers,.featured-products.you-will-love,.featured-products .pc .im,.pc .im,.gal .main,.gal .th button{background:#fff}
.featured-products{border-block-start:0}
.pc,.featured-products .pc{background:#fff;border:0;box-shadow:none;border-radius:0;overflow:visible}
.pc:hover,.featured-products .pc:hover{box-shadow:none;transform:none}
.pc .im,.featured-products .pc .im{background:#fff;border-radius:0}
.pc .im img,.featured-products .pc .im img{filter:drop-shadow(0 12px 10px rgba(76,67,57,.10))}
.pc .tx,.featured-products .pc .tx{padding-inline:5px}
.pc .btn[data-add]{background:#fff;color:var(--ink);border:1px solid #b9aaa0}
.pc .btn[data-add]:hover{background:var(--ink);border-color:var(--ink);color:#fff}
.pc .btn[data-qv]{background:transparent;border:0;color:var(--ink2);text-decoration:underline;text-underline-offset:3px}
.pc .btn[data-qv]:hover{color:var(--navy)}

/* Product cards: a soft arch for the product image, with no rectangular card shell. */
.pc .im,.featured-products .pc .im{
  background:#f7f5f3;
  border-radius:48% 48% 18px 18px / 34% 34% 18px 18px;
  overflow:visible;
  margin-inline:8px;
}
.pc .im img,.featured-products .pc .im img{
  padding:24px 25px 13px;
  filter:drop-shadow(0 13px 9px rgba(76,67,57,.11));
  mix-blend-mode:multiply;
}
.pc .tx,.featured-products .pc .tx{padding:20px 10px 0;gap:5px}
.pc .br{letter-spacing:.18em}
.pc .nm{font-family:var(--head);font-size:15px;font-weight:400;line-height:1.4}
.pc .price{margin-block:10px 5px}
.pc .btn[data-add]{border-radius:999px;min-height:42px}
.pc .btn[data-qv]{align-self:flex-start;padding-inline:0;font-size:12px}
@media(max-width:820px){
  .pc .im,.featured-products .pc .im{margin-inline:3px;border-radius:48% 48% 14px 14px / 28% 28% 14px 14px}
  .pc .im img,.featured-products .pc .im img{padding:14px 12px 8px}
  .pc .tx,.featured-products .pc .tx{padding:13px 4px 0}
}

/* Final product treatment: white section, open cards, simple image panels. */
#app .sec.nude.featured-products,#app .sec.nude:has(.shead + .pgrid){background:#fff}
#app .featured-products .shead{margin-block-end:28px}
#app .pc,#app .featured-products .pc{margin:0;background:transparent;border:0;border-radius:0;box-shadow:none;transform:none;overflow:visible}
#app .card-media{position:relative}
#app .pc .im,#app .featured-products .pc .im{
  display:block;
  margin:0;
  background:#f8f8f7;
  border:0;
  border-radius:8px;
  overflow:hidden;
  aspect-ratio:1;
}
#app .pc .im img,#app .featured-products .pc .im img{padding:18px;filter:none;mix-blend-mode:multiply}
#app .pc .badges{inset-block-start:10px;inset-inline-start:10px}
#app .pc .wish{inset-block-start:10px;inset-inline-end:10px}
#app .pc .tx,#app .featured-products .pc .tx{padding:15px 2px 0;gap:4px;background:transparent}
#app .pc .nm{font-family:var(--body);font-size:14.5px;font-weight:500}
#app .pc .price{margin-block:8px 4px}
#app .pc .btn[data-add]{margin-block-start:12px;width:100%;min-height:40px;border:1px solid var(--ink);border-radius:4px;background:var(--ink);color:#fff}
#app .pc .btn[data-add]:hover{background:#2f2922;border-color:#2f2922}
#app .pc .card-quick-view{position:absolute;inset-inline:12px;inset-block-end:12px;z-index:3;margin:0;background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:4px;text-decoration:none;opacity:0;transform:translateY(5px);pointer-events:none;transition:opacity .2s,transform .2s}
#app .pc .card-media:hover .card-quick-view,#app .pc .card-media:focus-within .card-quick-view{opacity:1;transform:none;pointer-events:auto}
@media(max-width:820px){#app .pc .im img,#app .featured-products .pc .im img{padding:10px}#app .pc .tx,#app .featured-products .pc .tx{padding-block-start:11px}#app .pc .card-quick-view{display:none}}
@media(prefers-reduced-motion:reduce){#app .pc .card-quick-view{transition:none}}

/* Keep each brand feature tied to its own product imagery. */
#app .sec.grad.malinda-spotlight{background:#fff}
.malinda-spotlight .split{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.malinda-spotlight-media{position:relative;isolation:isolate;display:flex;align-items:flex-end;justify-content:space-around;gap:8px;width:100%;min-width:0;min-height:450px;padding:32px 22px 20px;overflow:hidden;border-radius:8px;background:#f7f4f0}
.malinda-spotlight-media::before{content:'';position:absolute;z-index:-1;width:76%;aspect-ratio:1;inset-block-start:8%;inset-inline-start:12%;border:1px solid #e9ded8;border-radius:50%}
.malinda-spotlight-media img{display:block;width:32%;height:370px;max-width:32%;object-fit:contain;mix-blend-mode:multiply;filter:drop-shadow(0 14px 12px rgba(76,67,57,.12))}
.malinda-spotlight-media img:nth-child(2){height:325px}
.malinda-spotlight-media img:nth-child(3){height:260px}
.bioxee-feature{background:#f6f2f3}
.bioxee-feature-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:48px;min-height:470px;padding-block:54px}
.bioxee-feature-copy{max-width:500px}
.bioxee-feature-copy h2{font-size:clamp(30px,3vw,44px);margin-block:10px 18px}
.bioxee-feature-media{display:grid;place-items:center;width:100%;min-height:370px;border-radius:8px;background:#eee4e9;overflow:hidden}
.bioxee-feature-media img{display:block;width:100%;height:370px;padding:28px;object-fit:contain;mix-blend-mode:multiply;filter:drop-shadow(0 16px 12px rgba(76,67,57,.13))}
@media(max-width:820px){
  .malinda-spotlight .split,.bioxee-feature-layout{grid-template-columns:1fr}
  .malinda-spotlight-media{min-height:320px;padding:18px 10px 8px}
  .malinda-spotlight-media img{height:280px}
  .malinda-spotlight-media img:nth-child(2){height:250px}
  .malinda-spotlight-media img:nth-child(3){height:200px}
  .bioxee-feature-layout{gap:20px;padding-block:42px}
  .bioxee-feature-media,.bioxee-feature-media img{min-height:300px;height:300px}
}


/* Product card v3 — modelled on the current ebluebell.com card: a soft panel the product
   rises out of, a starburst discount, quiet text and a round add-to-cart button. */
#app .pc{--panel:#F3EEEA;display:flex;flex-direction:column;background:transparent;border:0;box-shadow:none;margin:0}
#app .sec.nude:not(.featured-products):not(:has(.shead + .pgrid)) .pc,#app .sec.sand .pc{--panel:#fff}
#app .pc .card-media{position:relative;isolation:isolate}
#app .pc .card-media::before{content:'';position:absolute;z-index:-1;inset:24% 0 0;background:var(--panel);border-radius:10px 10px 0 0}
#app .pc .im,#app .featured-products .pc .im{display:block;position:relative;aspect-ratio:1/1.02;margin:0;background:transparent;border-radius:0;overflow:visible}
#app .pc .im img,#app .featured-products .pc .im img{position:absolute;inset:0;width:100%;height:100%;padding:0 16% 4%;object-fit:contain;object-position:center bottom;mix-blend-mode:normal;filter:drop-shadow(0 10px 8px rgba(76,67,57,.10));transition:opacity .35s,transform .45s}
#app .pc:hover .im img:only-child,#app .pc:hover .im img.alt{transform:translateY(-6px)}
#app .pc .tx,#app .featured-products .pc .tx{flex:1;display:flex;flex-direction:column;gap:3px;padding:6px 16px 16px;background:var(--panel);border-radius:0 0 10px 10px}
#app .pc .nm{font-family:var(--body);font-size:14.5px;font-weight:600;line-height:1.35;color:var(--ink)}
#app .pc .path{font-size:12px;color:var(--muted);display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
#app .pc .prow{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:10px}
#app .pc .prow .price{margin:0;font-size:14.5px}
#app .pc .addic{flex:none;width:40px;height:40px;border-radius:50%;border:1px solid var(--ink);background:#fff;color:var(--ink);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s,color .2s}
#app .pc .addic:hover,#app .pc .addic:focus-visible{background:var(--ink);color:#fff}
#app .pc .addic svg{width:19px;height:19px}
#app .pc .offer-line{font-size:11.5px;font-weight:600;color:var(--berry);letter-spacing:.02em}
#app .pc .offer-line::before{content:'✦ '}
#app .pc .shade-row{display:flex;gap:10px;margin-top:6px}
#app .pc .shade-row a{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:10.5px;color:var(--ink2)}
#app .pc .shade-row i{width:20px;height:20px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px var(--line);display:block}
#app .pc .shade-row a:hover i{box-shadow:0 0 0 1px var(--ink)}
#app .pc .burst{position:absolute;z-index:2;inset-block-start:calc(24% - 26px);inset-inline-end:10px;width:56px;height:56px;background:#C8102E;color:#fff;clip-path:polygon(50.0% 0.0%,58.4% 7.8%,69.1% 3.8%,73.9% 14.2%,85.4% 14.6%,85.8% 26.1%,96.2% 30.9%,92.2% 41.6%,100.0% 50.0%,92.2% 58.4%,96.2% 69.1%,85.8% 73.9%,85.4% 85.4%,73.9% 85.8%,69.1% 96.2%,58.4% 92.2%,50.0% 100.0%,41.6% 92.2%,30.9% 96.2%,26.1% 85.8%,14.6% 85.4%,14.2% 73.9%,3.8% 69.1%,7.8% 58.4%,0.0% 50.0%,7.8% 41.6%,3.8% 30.9%,14.2% 26.1%,14.6% 14.6%,26.1% 14.2%,30.9% 3.8%,41.6% 7.8%);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:10px;font-weight:700;line-height:1.05;letter-spacing:.02em}
#app .pc .burst b{font-size:13px}
#app .pc .flag{position:absolute;z-index:2;inset-block-start:calc(24% + 10px);inset-inline-start:12px;font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--navy);background:#fff;border-radius:999px;padding:3px 9px}
#app .pc .wish{position:absolute;z-index:2;inset-block-end:10px;inset-inline-end:10px;inset-block-start:auto;width:34px;height:34px;background:#fff;box-shadow:0 2px 8px rgba(76,67,57,.12);opacity:0;transition:opacity .2s}
#app .pc .wish.on,#app .pc:hover .wish,#app .pc .wish:focus-visible{opacity:1}
#app .pc .card-quick-view{position:absolute;z-index:3;inset-inline:auto;inset-block-end:12px;left:50%;transform:translate(-50%,6px);width:auto;padding:7px 16px;font-size:12px;font-weight:500;background:rgba(255,255,255,.95);color:var(--ink);border:1px solid var(--line);border-radius:999px;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;white-space:nowrap}
#app .pc .card-media:hover .card-quick-view,#app .pc .card-media:focus-within .card-quick-view{opacity:1;transform:translate(-50%,0);pointer-events:auto}
#app .pgrid{row-gap:34px}
@media(max-width:820px){
  #app .pc .tx,#app .featured-products .pc .tx{padding:4px 10px 12px}
  #app .pc .nm{font-size:13.5px}
  #app .pc .im img,#app .featured-products .pc .im img{padding:0 10% 4%}
  #app .pc .burst{width:46px;height:46px;font-size:8.5px;inset-block-start:calc(24% - 20px);inset-inline-end:6px}
  #app .pc .burst b{font-size:11px}
  #app .pc .addic{width:36px;height:36px}
  #app .pc .wish{opacity:1;width:30px;height:30px}
  #app .pc .card-quick-view{display:none}
  #app .pgrid{row-gap:22px}
}
@media(prefers-reduced-motion:reduce){#app .pc .im img,#app .pc .card-quick-view,#app .pc .wish{transition:none}}

/* New launch (Malinda Sensitive) */
.new-launch .split{align-items:center}
.new-launch-media{position:relative;border-radius:10px;overflow:hidden;background:#f3eeea;aspect-ratio:4/4.2}
.new-launch-media img{width:100%;height:100%;object-fit:cover}
.new-launch-media .pack{position:absolute;inset-block-end:4%;inset-inline-end:4%;width:34%;height:auto;object-fit:contain;filter:drop-shadow(0 14px 12px rgba(0,0,0,.18))}
.new-launch .acts{margin-top:14px}

/* Brand cards with lifestyle photography */
.brandcard .ph{width:100%;aspect-ratio:4/3;object-fit:cover}
.brandcard .lg{height:76px}
.brandcard .lg img{max-height:64px}

/* Instagram tiles */
.insta a{overflow:hidden;display:block}
.insta img{transition:transform .5s}
.insta a:hover img{transform:scale(1.05)}

/* Product content: one statement up top, structured detail below (no repeated paragraphs) */
.pdp-struct{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))!important;margin-top:4px}
.pdp-struct div{line-height:1.55}
.tabpanel[data-panel=ov]{max-width:none}

/* Footer social icons */
.social a{color:var(--ink)}
.social svg{width:18px;height:18px}

/* Advisor band: photo fills its half edge to edge */
.advisor-band{align-items:stretch}
.advisor-band img{display:block;width:100%;height:100%;min-height:360px;max-height:none;object-fit:cover;object-position:center 30%}
@media(max-width:820px){.advisor-band img{min-height:280px;max-height:340px}}

/* Quick view: keep the dimmed backdrop behind the dialog, not on top of it */
.modal #moverlay{z-index:0}
.modal .box{z-index:1;box-shadow:0 24px 60px rgba(43,37,32,.25)}

/* ---------- About us (corporate, editorial layout) ---------- */
.standard .nums{flex-wrap:wrap}
.ab2-hero{background:linear-gradient(180deg,#F7F4F0 0%,#fff 100%);padding:56px 0 64px}
.ab2-hero .wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:64px;align-items:center}
.ab2-hero h1{font-size:clamp(40px,5vw,68px);line-height:1.04;margin:10px 0 22px;color:var(--navy);letter-spacing:-.01em}
.ab2-hero .sub{font-size:17px;line-height:1.75;color:var(--ink2);max-width:520px;margin:0 0 28px}
.ab2-hero .ctas{display:flex;gap:10px;flex-wrap:wrap}
.ab2-hero-media{position:relative}
.ab2-hero-media img{width:100%;aspect-ratio:5/4;object-fit:cover;border-radius:18px}
.ab2-badge{position:absolute;inset-block-end:-26px;inset-inline-start:-26px;background:#fff;border-radius:14px;padding:18px 22px;box-shadow:0 18px 40px rgba(13,59,112,.14);display:flex;align-items:center;gap:14px}
.ab2-badge b{font-family:var(--head);font-weight:300;font-size:40px;line-height:1;color:var(--navy)}
.ab2-badge span{font-size:13px;line-height:1.35;color:var(--ink2)}
.ab2-stats{border-block:1px solid var(--line);background:#fff}
.ab2-stats .wrap{display:grid;grid-template-columns:repeat(5,1fr)}
.ab2-stats div{padding:30px 10px;text-align:center}
.ab2-stats div+div{border-inline-start:1px solid var(--line)}
.ab2-stats b{display:block;font-family:var(--head);font-weight:300;font-size:clamp(30px,3vw,44px);color:var(--navy);line-height:1.1}
.ab2-stats span{font-size:13px;color:var(--muted);letter-spacing:.02em}
.ab2-story{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(0,2fr);gap:72px}
.ab2-story aside{position:sticky;top:170px;align-self:start}
.ab2-story aside .year{display:block;font-family:var(--head);font-weight:300;font-size:clamp(72px,9vw,128px);line-height:.9;color:#E8E1DA;margin-top:8px}
.ab2-story aside p{margin:10px 0 0;color:var(--muted);font-size:14px}
.ab2-prose p{font-size:17px;line-height:1.85;color:var(--ink2);margin:0 0 22px}
.ab2-prose p.lead{font-family:var(--head);font-weight:300;font-size:clamp(22px,2.2vw,30px);line-height:1.45;color:var(--ink)}
.ab2-prose b{color:var(--navy);font-weight:600}
.ab2-leader{background:var(--nude)}
.ab2-leader .wrap{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:80px;align-items:center}
.ab2-portrait{position:relative;margin:0;padding:0 0 24px 24px}
[dir=rtl] .ab2-portrait{padding:0 24px 24px 0}
.ab2-portrait::before{content:'';position:absolute;inset:36px 0 0 0;background:var(--navy);border-radius:18px}
[dir=rtl] .ab2-portrait::before{inset:36px 0 0 0}
.ab2-portrait img{position:relative;width:calc(100% - 24px);aspect-ratio:4/5;object-fit:cover;object-position:top;border-radius:18px;box-shadow:0 20px 50px rgba(43,37,32,.18)}
.ab2-portrait figcaption{position:relative;margin-top:18px;color:#fff;padding-inline-start:4px}
.ab2-portrait figcaption b{display:block;font-size:17px;font-weight:600}
.ab2-portrait figcaption span{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#c9d6e8}
.ab2-leader h2{font-size:clamp(28px,3vw,40px);line-height:1.2;margin:8px 0 18px}
.ab2-leader p{color:var(--ink2);font-size:16px;line-height:1.8;margin:0 0 16px}
.ab2-team{display:flex;align-items:center;gap:16px;margin-top:26px;padding-top:22px;border-top:1px solid #e3d9d0}
.ab2-team b{font-family:var(--head);font-weight:300;font-size:46px;color:var(--navy);line-height:1}
.ab2-team span{font-size:14px;color:var(--ink2);line-height:1.5}
.ab2-vm{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.ab2-vm article{position:relative;border-radius:18px;overflow:hidden;background:linear-gradient(180deg,#F3EEEA 0%,#EAE2DA 100%);display:grid;grid-template-rows:auto 1fr}
.ab2-vm .media{height:300px;display:flex;align-items:flex-end;justify-content:center;overflow:hidden}
.ab2-vm .media img{height:100%;width:auto;max-width:90%;object-fit:contain;object-position:bottom;mix-blend-mode:multiply}
.ab2-vm .txt{background:#fff;margin:0 14px 14px;border-radius:12px;padding:26px 28px}
.ab2-vm .tag{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#fff;background:var(--navy);border-radius:999px;padding:4px 12px;margin-bottom:12px}
.ab2-vm h3{font-size:1.5rem;margin:0 0 10px;color:var(--ink);font-weight:300}
.ab2-vm p{margin:0;color:var(--ink2);line-height:1.75}
.ab2-values{display:grid;grid-template-columns:repeat(5,1fr);gap:28px}
.ab2-values div{border-top:2px solid var(--navy);padding-top:22px}
.ab2-values img{width:52px;height:52px;object-fit:contain;margin-bottom:16px}
.ab2-values b{display:block;font-family:var(--head);font-weight:400;font-size:1.08rem;color:var(--ink);margin-bottom:8px;line-height:1.35}
.ab2-values p{margin:0;font-size:14px;line-height:1.65;color:var(--ink2)}
.ab2-row{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}
.ab2-row+.ab2-row{margin-top:72px}
.ab2-row.flip .ab2-row-media{order:2}
.ab2-row-media img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:18px;background:#fff}
.ab2-row h3{font-size:clamp(26px,2.6vw,36px);font-weight:300;margin:6px 0 18px}
.ab2-row p{color:var(--ink2);font-size:16px;line-height:1.8;margin:0 0 12px}
.ab2-steps{list-style:none;margin:0;padding:0;counter-reset:s}
.ab2-steps li{counter-increment:s;display:grid;grid-template-columns:52px 1fr;gap:4px 14px;padding:16px 0;border-bottom:1px solid var(--line)}
.ab2-steps li::before{content:'0' counter(s);grid-row:span 2;font-family:var(--head);font-weight:300;font-size:26px;color:var(--taupe);line-height:1.1}
.ab2-steps b{font-weight:600;color:var(--ink)}
.ab2-steps span{color:var(--ink2);font-size:14.5px}
.ab2-export{background:var(--navy);color:#fff;border-radius:22px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;overflow:hidden}
.ab2-export .t{padding:52px}
.ab2-export .t .eyebrow{color:#c9d6e8}
.ab2-export h3{color:#fff;font-size:clamp(28px,3vw,42px);font-weight:300;margin:8px 0 14px}
.ab2-export p{color:#dfe6f0;line-height:1.75;margin:0;max-width:460px}
.ab2-export .m{background:#fff;height:100%;display:flex;align-items:center;justify-content:center;padding:28px}
.ab2-export .m img{width:100%;max-width:380px}
.ab2-brands{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:18px 48px}
.ab2-brands a{opacity:.85;transition:opacity .2s}
.ab2-brands a:hover{opacity:1}
.ab2-brands img{height:62px;width:auto}
.ab2-close{background:var(--navy);text-align:center}
.ab2-close p{font-family:var(--head);font-weight:300;font-size:clamp(24px,2.8vw,36px);max-width:860px;margin:0 auto 28px;color:#fff;line-height:1.35}
@media(max-width:1024px){.ab2-values{grid-template-columns:repeat(3,1fr)}.ab2-stats .wrap{grid-template-columns:repeat(3,1fr)}.ab2-stats div:nth-child(4){border-inline-start:0}}
@media(max-width:820px){
  .ab2-hero{padding:32px 0 56px}
  .ab2-hero .wrap,.ab2-story,.ab2-leader .wrap,.ab2-vm,.ab2-row,.ab2-export{grid-template-columns:1fr;gap:36px}
  .ab2-badge{inset-inline-start:12px;inset-block-end:-22px;padding:12px 16px}.ab2-badge b{font-size:30px}
  .ab2-stats .wrap{grid-template-columns:1fr 1fr}.ab2-stats div{border-inline-start:0!important;border-top:1px solid var(--line)}.ab2-stats div:nth-child(-n+2){border-top:0}.ab2-stats div:last-child{grid-column:1/-1}
  .ab2-story aside{position:static}.ab2-story aside .year{font-size:84px}
  .ab2-prose p{font-size:15.5px}
  .ab2-portrait{max-width:360px;margin:0 auto}
  .ab2-vm .media{height:240px}
  .ab2-values{grid-template-columns:1fr 1fr;gap:22px}
  .ab2-row.flip .ab2-row-media{order:0}.ab2-row+.ab2-row{margin-top:48px}
  .ab2-export .t{padding:32px 24px}
  .ab2-brands{gap:14px 28px}.ab2-brands img{height:44px}
}
/* About v2 fixes */
.ab2-portrait .ph{position:relative;width:calc(100% - 24px);border-radius:18px;overflow:hidden;box-shadow:0 20px 50px rgba(43,37,32,.18)}
.ab2-portrait .ph img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:top;transform:scale(1.07);transform-origin:center 30%;border-radius:0;box-shadow:none}
.ab2-row-media.contain img{object-fit:contain;background:#fff;border:1px solid var(--line);padding:24px}
.ab2-export .m{background:transparent;padding:28px 28px 28px 0}
[dir=rtl] .ab2-export .m{padding:28px 0 28px 28px}
.ab2-export .m .card{background:#fff;border-radius:16px;width:100%;display:flex;align-items:center;justify-content:center;padding:20px}
@media(max-width:820px){.ab2-portrait .ph{width:calc(100% - 24px)}.ab2-export .m{padding:0 20px 24px!important}}

/* Blend cards into their section; shades sit inside the product image area. */
#app .pc .card-media::before{background:transparent}
#app .pc .tx,#app .featured-products .pc .tx{background:transparent}
#app .pc .shade-row{position:absolute;z-index:3;inset-inline-start:8px;inset-block-end:16px;flex-direction:column;gap:8px;margin:0}
#app .pc .shade-row a{min-width:30px;min-height:38px;justify-content:center}
#app .pc .card-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-block-start:12px;opacity:0;pointer-events:none;transform:translateY(5px);transition:opacity .2s,transform .2s}
#app .pc:hover .card-actions,#app .pc:focus-within .card-actions{opacity:1;pointer-events:auto;transform:none}
#app .pc .card-actions .btn{margin:0;min-height:42px;width:100%;padding:9px 6px;font-size:12px;border-radius:4px;text-align:center}
#app .pc .card-actions .card-buy{background:transparent;border:1px solid var(--ink);color:var(--ink)}
#app .pc .card-actions .card-buy:hover{background:var(--ink);color:#fff}
@media(hover:none),(pointer:coarse),(max-width:820px){
  #app .pc .card-actions{opacity:1;pointer-events:auto;transform:none}
  #app .pc .shade-row{inset-inline-start:2px;inset-block-end:8px;gap:3px}
  #app .pc .shade-row a{min-width:28px;min-height:34px;font-size:10px}
}
@media(prefers-reduced-motion:reduce){#app .pc .card-actions{transition:none;transform:none}}

/* Full-width touch targets keep product actions legible on narrow cards. */
@media(max-width:820px){
  #app .pc .card-actions{grid-template-columns:minmax(0,1fr);gap:8px}
  #app .pc .card-actions .btn{min-height:44px;padding:11px 8px;font-size:13px;font-weight:500;line-height:1.3;white-space:nowrap;border-radius:8px}
  #app .pc .card-actions .card-buy{border-color:var(--line)}
}
