/* ==========================================================================
   WOW24 — information pages (about, shipping, payment, returns, terms, privacy,
   FAQ, contacts), design B · Vitrina.
   Markup: resources/views/frontend/static-pages/b/*.blade.php, frontend/pages/b/contact.blade.php
   Tokens: site-designs.css (--x1..x8, --t-*, --ink … --paper, --tap)

     1. frame, head, crumbs     4. shipping list        7. contacts + form
     2. layout + page nav       5. FAQ                  8. tablet / phone
     3. reading column (prose)  6. help / notes         9. focus · motion
   The page texts are legacy HTML (the privacy policy is <font>/<p style> soup
   pasted from a word processor): the prose rules neutralise inline type and colour.
   ========================================================================== */

/* ============================================ 1. frame, head, crumbs */
html[data-pdp-design="b"] .sp-section{
    width:100%; align-self:stretch; margin:0 !important; padding:0 !important; background:var(--paper);
}
html[data-pdp-design="b"] .sp-page{
    --sp-nav:220px;
    --sp-measure:720px;
    --sp-title:clamp(32px, 1.6vw + 22px, 52px);
    --sp-field:#8c9095;
    --sp-err:#b3261e;
    width:100%; max-width:1280px; margin:0 auto; padding:0 var(--x6) 120px; box-sizing:border-box;
    font-family:'Jost',sans-serif; font-size:16px; line-height:1.7; color:var(--ink);
    -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
}
html[data-pdp-design="b"] .sp-page *,
html[data-pdp-design="b"] .sp-page *::before,
html[data-pdp-design="b"] .sp-page *::after{ box-sizing:border-box; border-radius:0 !important; }
html[data-pdp-design="b"] .sp-page :is(h1,h2,h3,h4,h5,h6,p,a,span,li,ul,ol,dl,dt,dd,label,button,input,textarea,strong,b,em,td,th,summary){ font-family:'Jost',sans-serif; }
html[data-pdp-design="b"] .sp-page svg{ display:block; flex:0 0 auto; }

html[data-pdp-design="b"] .sp-head{ padding-top:var(--x5); }
html[data-pdp-design="b"] .sp-crumbs{ display:block; min-height:0; }/* the plate strip (.bcx-list, site-designs.css) */
html[data-pdp-design="b"] .sp-page .sp-title{
    margin:var(--x6) 0 0 !important; padding:0 0 var(--x6) !important; border-bottom:1px solid var(--ink);
    font-size:var(--sp-title) !important; font-weight:200 !important; line-height:1.05 !important;
    letter-spacing:-.02em !important; text-transform:none !important; color:var(--ink) !important; overflow-wrap:anywhere;
}

/* ============================================ 2. layout + page nav */
html[data-pdp-design="b"] .sp-layout{
    display:grid; grid-template-columns:var(--sp-nav) minmax(0,1fr); gap:0 var(--x8); align-items:start; margin-top:var(--x7);
}
html[data-pdp-design="b"] .sp-nav{ position:sticky; top:var(--x5); min-width:0; }
html[data-pdp-design="b"] .sp-page .sp-nav-cap{
    margin:0 0 var(--x3) !important; font-size:var(--t-xs) !important; font-weight:500; letter-spacing:.16em; text-transform:uppercase; color:var(--muted) !important;
}
html[data-pdp-design="b"] .sp-nav-list{ list-style:none; margin:0; padding:0; border-top:1px solid var(--rule); }
html[data-pdp-design="b"] .sp-nav-list li{ margin:0; padding:0; border-bottom:1px solid var(--rule); }
html[data-pdp-design="b"] .sp-page .sp-nav-list a{
    position:relative; display:flex; align-items:center; min-height:44px; padding:var(--x2) 0 var(--x2) var(--x4);
    font-size:15px !important; line-height:1.35; color:var(--ink2) !important; text-decoration:none !important;
}
html[data-pdp-design="b"] .sp-page .sp-nav-list a::before{
    content:""; position:absolute; left:0; top:50%; width:2px; height:0; background:var(--ink); transform:translateY(-50%); transition:height .2s ease;
}
html[data-pdp-design="b"] .sp-page .sp-nav-list a:hover{ color:var(--ink) !important; }
html[data-pdp-design="b"] .sp-page .sp-nav-list li.is-on a{ color:var(--ink) !important; font-weight:500; }
html[data-pdp-design="b"] .sp-page .sp-nav-list li.is-on a::before{ height:22px; }
html[data-pdp-design="b"] .sp-main{ min-width:0; max-width:var(--sp-measure); }
html[data-pdp-design="b"] .sp-page--contact .sp-main{ max-width:none; }

/* ============================================ 3. reading column (prose) */
html[data-pdp-design="b"] .sp-prose > [class*="col-"]{ width:100% !important; max-width:none !important; flex:none !important; padding:0 !important; margin:0 !important; }
html[data-pdp-design="b"] .sp-prose :is(font, span, b, strong, em, i){
    font-family:inherit !important; font-size:inherit !important; color:inherit !important; background:none !important;
}
html[data-pdp-design="b"] .sp-prose :is(b, strong){ font-weight:500 !important; color:var(--ink) !important; }
html[data-pdp-design="b"] .sp-prose i{ font-style:italic; }
html[data-pdp-design="b"] .sp-prose p{
    margin:0 0 var(--x4) !important; padding:0 !important; background:none !important; text-align:left !important;
    font-size:16px !important; line-height:1.75 !important; color:var(--ink2) !important;
}
html[data-pdp-design="b"] .sp-prose :is(h2,h3){
    margin:var(--x7) 0 var(--x4) !important; padding:0 !important;
    font-size:var(--t-2xl) !important; font-weight:300 !important; line-height:1.25 !important; letter-spacing:-.01em !important;
    text-transform:none !important; color:var(--ink) !important; text-align:left !important;
}
html[data-pdp-design="b"] .sp-prose :is(h4,h5,h6){
    margin:var(--x6) 0 var(--x3) !important; padding:0 !important;
    font-size:var(--t-lg) !important; font-weight:500 !important; line-height:1.4 !important; letter-spacing:0 !important;
    text-transform:none !important; color:var(--ink) !important;
}
html[data-pdp-design="b"] .sp-prose > :first-child > :is(h2,h3,h4):first-child,
html[data-pdp-design="b"] .sp-prose > :is(h2,h3,h4):first-child{ margin-top:0 !important; }
/* the about-us headings are typed in capitals */
html[data-pdp-design="b"] .sp-page--about-us .sp-prose h2{ text-transform:lowercase !important; }
html[data-pdp-design="b"] .sp-page--about-us .sp-prose h2::first-letter{ text-transform:uppercase; }
html[data-pdp-design="b"] .sp-prose :is(ul,ol){ margin:0 0 var(--x5) !important; padding:0 !important; list-style:none; }
html[data-pdp-design="b"] .sp-prose li{
    position:relative; margin:0 0 var(--x2) !important; padding:0 0 0 var(--x5) !important;
    font-size:16px !important; line-height:1.7 !important; color:var(--ink2) !important;
}
html[data-pdp-design="b"] .sp-prose ul > li::before{ content:""; position:absolute; left:2px; top:.8em; width:8px; height:1px; background:var(--ink); }
html[data-pdp-design="b"] .sp-prose ol{ counter-reset:sp; }
html[data-pdp-design="b"] .sp-prose ol > li{ counter-increment:sp; }
html[data-pdp-design="b"] .sp-prose ol > li::before{ content:counter(sp) "."; position:absolute; left:0; top:0; font-size:var(--t-sm); color:var(--muted); font-variant-numeric:tabular-nums; }
html[data-pdp-design="b"] .sp-prose a,
html[data-pdp-design="b"] .sp-page .sp-link{
    color:var(--ink) !important; text-decoration:underline !important; text-underline-offset:3px; text-decoration-thickness:1px;
    text-decoration-color:var(--rule) !important; overflow-wrap:anywhere;
}
html[data-pdp-design="b"] .sp-prose a:hover,
html[data-pdp-design="b"] .sp-page .sp-link:hover{ text-decoration-color:var(--ink) !important; }
html[data-pdp-design="b"] .sp-prose img{ display:block; max-width:100%; height:auto; margin:var(--x5) 0 !important; }
html[data-pdp-design="b"] .sp-prose table{ width:100% !important; margin:0 0 var(--x5); border-collapse:collapse; display:block; overflow-x:auto; }
html[data-pdp-design="b"] .sp-prose :is(td,th){
    padding:var(--x2) var(--x3) !important; border:0 !important; border-bottom:1px solid var(--rule) !important; vertical-align:top;
    font-size:var(--t-base) !important; line-height:1.55 !important; color:var(--ink2) !important; text-align:left !important; background:none !important;
}
html[data-pdp-design="b"] .sp-prose th{ font-weight:500 !important; color:var(--ink) !important; }
html[data-pdp-design="b"] .sp-prose :is(td,th) p{ margin:0 !important; font-size:inherit !important; }
html[data-pdp-design="b"] .sp-prose br + br{ display:none; }
/* legacy payment text blocks (lv/ee) and bootstrap bits inside the texts */
html[data-pdp-design="b"] .sp-prose .payment-method{ padding:var(--x4) 0 !important; margin:0 !important; border-top:1px solid var(--rule); }
html[data-pdp-design="b"] .sp-prose .payment-method :is(h4){ margin:0 0 var(--x1) !important; }
html[data-pdp-design="b"] .sp-prose .payment-method p{ margin:0 !important; }
html[data-pdp-design="b"] .sp-prose .payment-security{ margin-top:var(--x6) !important; padding:var(--x5) !important; background:var(--surface); }
html[data-pdp-design="b"] .sp-prose .payment-security h4{ margin-top:0 !important; }
html[data-pdp-design="b"] .sp-prose button{ display:none !important; }   /* stray print/expand buttons in pasted texts */

/* ============================================ 4. shipping list */
html[data-pdp-design="b"] .sp-callout{ padding:var(--x5) var(--x5); background:var(--surface); border-left:2px solid var(--ink); }
html[data-pdp-design="b"] .sp-page .sp-callout-title{ margin:0 !important; font-size:var(--t-lg) !important; line-height:1.5 !important; color:var(--ink) !important; }
html[data-pdp-design="b"] .sp-page .sp-callout-text{ margin:var(--x2) 0 0 !important; font-size:var(--t-md) !important; line-height:1.55 !important; color:var(--muted) !important; }
html[data-pdp-design="b"] .sp-page .sp-h2{
    margin:var(--x7) 0 var(--x4) !important; padding:0 !important;
    font-size:var(--t-2xl) !important; font-weight:300 !important; line-height:1.25 !important; letter-spacing:-.01em;
    text-transform:none !important; color:var(--ink) !important;
}
html[data-pdp-design="b"] .sp-ship{ list-style:none; margin:0; padding:0; }
html[data-pdp-design="b"] .sp-ship li{
    display:grid; grid-template-columns:40px minmax(0,1fr) 150px 90px; column-gap:var(--x4); align-items:center;
    margin:0; padding:var(--x4) 0; border-bottom:1px solid var(--rule);
}
html[data-pdp-design="b"] .sp-ship .sp-ship-head{ padding:var(--x2) 0; border-bottom-color:var(--ink); }
html[data-pdp-design="b"] .sp-page .sp-ship-head span{ font-size:var(--t-xs) !important; font-weight:500; letter-spacing:.16em; text-transform:uppercase; color:var(--muted) !important; }
html[data-pdp-design="b"] .sp-ship-head span:first-child{ grid-column:1 / 3; }
html[data-pdp-design="b"] .sp-ship-head span:last-child{ text-align:right; }
html[data-pdp-design="b"] .sp-ship-logo{ display:flex; align-items:center; justify-content:center; width:40px; height:40px; background:var(--surface); }
html[data-pdp-design="b"] .sp-ship-logo img{ width:26px; height:26px; object-fit:contain; filter:grayscale(1); mix-blend-mode:multiply; }
html[data-pdp-design="b"] .sp-page .sp-ship-name{ font-size:var(--t-lg) !important; color:var(--ink) !important; line-height:1.35; }
html[data-pdp-design="b"] .sp-page .sp-ship-eta{ font-size:var(--t-base) !important; color:var(--ink2) !important; }
html[data-pdp-design="b"] .sp-page .sp-ship-price{ font-size:var(--t-lg) !important; font-weight:500; color:var(--ink) !important; text-align:right; font-variant-numeric:tabular-nums; white-space:nowrap; }
html[data-pdp-design="b"] .sp-page .sp-ship-desc{
    grid-column:2 / -1; margin-top:var(--x1); font-size:var(--t-md) !important; line-height:1.55; color:var(--muted) !important;
}

/* ============================================ 5. FAQ */
html[data-pdp-design="b"] .sp-faq{ border-top:1px solid var(--rule); }
html[data-pdp-design="b"] .sp-faq-item{ border-bottom:1px solid var(--rule); }
html[data-pdp-design="b"] .sp-faq-q{
    display:flex; align-items:center; justify-content:space-between; gap:var(--x4); min-height:64px; padding:var(--x3) 0;
    list-style:none; cursor:pointer;
}
html[data-pdp-design="b"] .sp-faq-q::-webkit-details-marker{ display:none; }
html[data-pdp-design="b"] .sp-page .sp-faq-qt{
    margin:0 !important; padding:0 !important; font-size:var(--t-lg) !important; font-weight:400 !important; line-height:1.45 !important;
    letter-spacing:0 !important; text-transform:none !important; color:var(--ink) !important;
}
html[data-pdp-design="b"] .sp-faq-ico{ color:var(--ink); transition:transform .25s ease; }
html[data-pdp-design="b"] .sp-faq-item[open] .sp-faq-ico{ transform:rotate(45deg); }
html[data-pdp-design="b"] .sp-faq-q:hover .sp-faq-qt{ text-decoration:underline; text-underline-offset:4px; text-decoration-thickness:1px; }
html[data-pdp-design="b"] .sp-page .sp-faq-a{ padding:0 var(--x7) var(--x5) 0; font-size:16px !important; line-height:1.75; color:var(--ink2) !important; }
html[data-pdp-design="b"] .sp-page .sp-faq-a div{ font-size:inherit !important; color:inherit !important; }
html[data-pdp-design="b"] .sp-page .sp-empty{ padding:var(--x6) 0; color:var(--muted) !important; }

/* ============================================ 6. help / notes */
html[data-pdp-design="b"] .sp-help{ margin-top:var(--x7); padding-top:var(--x5); border-top:1px solid var(--ink); }
html[data-pdp-design="b"] .sp-page .sp-help-title{ margin:0 !important; font-size:var(--t-xs) !important; font-weight:500; letter-spacing:.16em; text-transform:uppercase; color:var(--muted) !important; }
html[data-pdp-design="b"] .sp-page .sp-help-text{ display:flex; flex-wrap:wrap; gap:0 var(--x3); margin:var(--x2) 0 0 !important; font-size:var(--t-xl) !important; font-weight:300; color:var(--ink) !important; }
html[data-pdp-design="b"] .sp-page .sp-help-text a{ color:var(--ink) !important; text-decoration:none !important; }
html[data-pdp-design="b"] .sp-page .sp-help-text a:hover{ text-decoration:underline !important; text-underline-offset:4px; }
html[data-pdp-design="b"] .sp-page .sp-help-text span{ color:var(--rule) !important; font-size:inherit !important; }
html[data-pdp-design="b"] .sp-page .sp-note{
    margin:0 0 var(--x5) !important; padding:var(--x3) var(--x4) !important; border-left:2px solid var(--ink); background:var(--surface);
    font-size:var(--t-base) !important; line-height:1.5; color:var(--ink) !important;
}
html[data-pdp-design="b"] .sp-page .sp-note--err{ border-left-color:var(--sp-err); }
html[data-pdp-design="b"] .sp-page .sp-note p{ margin:0 !important; font-size:inherit !important; color:inherit !important; }
html[data-pdp-design="b"] .sp-page .sp-muted{ color:var(--muted) !important; font-size:inherit !important; }

/* ============================================ 7. contacts + form */
html[data-pdp-design="b"] .sp-contact{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:var(--x6) var(--x7); align-items:start; }
html[data-pdp-design="b"] .sp-contact-lines{ min-width:0; }
html[data-pdp-design="b"] .sp-page .sp-contact-big{
    display:block; width:max-content; max-width:100%; font-size:clamp(26px, .9vw + 20px, 36px) !important; font-weight:200; line-height:1.2;
    letter-spacing:-.01em; color:var(--ink) !important; text-decoration:none !important; overflow-wrap:anywhere;
}
html[data-pdp-design="b"] .sp-page .sp-contact-big + .sp-contact-big{ margin-top:var(--x2); }
html[data-pdp-design="b"] .sp-page .sp-contact-big:hover{ text-decoration:underline !important; text-underline-offset:6px; text-decoration-thickness:1px !important; }
html[data-pdp-design="b"] .sp-dl{ margin:var(--x6) 0 0; border-top:1px solid var(--rule); }
html[data-pdp-design="b"] .sp-dl > div{ display:grid; grid-template-columns:140px minmax(0,1fr); gap:var(--x4); padding:var(--x3) 0; border-bottom:1px solid var(--rule); }
html[data-pdp-design="b"] .sp-page .sp-dl dt{ margin:0; font-size:var(--t-xs) !important; font-weight:500; letter-spacing:.16em; text-transform:uppercase; color:var(--muted) !important; line-height:2; }
html[data-pdp-design="b"] .sp-page .sp-dl dd{ margin:0; font-size:15px !important; line-height:1.6; color:var(--ink) !important; overflow-wrap:anywhere; }
html[data-pdp-design="b"] .sp-page .sp-dl dd a{ color:var(--ink) !important; }
html[data-pdp-design="b"] .sp-pickup{ padding:var(--x6); background:var(--surface); min-width:0; }
html[data-pdp-design="b"] .sp-pickup .sp-h2{ margin-top:0 !important; }
html[data-pdp-design="b"] .sp-page .sp-pickup-lede{ margin:0 !important; font-size:15px !important; color:var(--ink2) !important; }
html[data-pdp-design="b"] .sp-pickup .sp-dl{ margin-top:var(--x4); }
html[data-pdp-design="b"] .sp-pickup .sp-dl > div{ grid-template-columns:110px minmax(0,1fr); }
html[data-pdp-design="b"] .sp-page .sp-pickup-note{ margin:var(--x4) 0 var(--x3) !important; white-space:pre-line; font-size:var(--t-md) !important; line-height:1.6; color:var(--ink2) !important; }

html[data-pdp-design="b"] .sp-form-wrap{ max-width:var(--sp-measure); margin-top:var(--x8); scroll-margin-top:var(--x5); }
html[data-pdp-design="b"] .sp-form{ display:flex; flex-direction:column; gap:var(--x5); }
html[data-pdp-design="b"] .sp-form-row{ display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:var(--x5) var(--x4); }
html[data-pdp-design="b"] .sp-field{ display:flex; flex-direction:column; min-width:0; }
html[data-pdp-design="b"] .sp-page .sp-field label{
    margin:0 0 var(--x2) !important; font-size:var(--t-xs) !important; font-weight:500 !important; line-height:1.4 !important;
    letter-spacing:.16em !important; text-transform:uppercase !important; color:var(--ink2) !important;
}
html[data-pdp-design="b"] .sp-page .sp-field :is(input,textarea){
    display:block; width:100% !important; margin:0 !important; padding:0 var(--x4) !important;
    border:1px solid var(--sp-field) !important; background:var(--paper) !important; box-shadow:none !important; outline:none;
    font-size:16px !important; line-height:1.5 !important; color:var(--ink) !important; transition:border-color .2s ease, box-shadow .2s ease;
}
html[data-pdp-design="b"] .sp-page .sp-field input{ height:52px !important; }
html[data-pdp-design="b"] .sp-page .sp-field textarea{ min-height:160px; padding:var(--x3) var(--x4) !important; resize:vertical; }
html[data-pdp-design="b"] .sp-page .sp-field :is(input,textarea):hover{ border-color:var(--ink) !important; }
html[data-pdp-design="b"] .sp-page .sp-field :is(input,textarea):focus{ border-color:var(--ink) !important; box-shadow:inset 0 0 0 1px var(--ink) !important; }
html[data-pdp-design="b"] .sp-page .sp-field [aria-invalid="true"]{ border-color:var(--sp-err) !important; }
html[data-pdp-design="b"] .sp-hp{ position:absolute !important; left:-9999px !important; width:1px; height:1px; overflow:hidden; }

html[data-pdp-design="b"] .sp-page .sp-check{ position:relative; display:inline-flex; align-items:flex-start; gap:var(--x3); align-self:flex-start; margin:0 !important; cursor:pointer; }
html[data-pdp-design="b"] .sp-check input{ position:absolute; opacity:0; width:20px; height:20px; margin:0; }
html[data-pdp-design="b"] .sp-check-box{ position:relative; flex:0 0 20px; width:20px; height:20px; margin-top:3px; border:1px solid var(--ink); background:var(--paper); }
html[data-pdp-design="b"] .sp-check input:checked + .sp-check-box{ background:var(--ink); }
html[data-pdp-design="b"] .sp-check input:checked + .sp-check-box::after{
    content:""; position:absolute; left:6px; top:2px; width:6px; height:11px; border:solid var(--paper); border-width:0 1.5px 1.5px 0; transform:rotate(45deg);
}
html[data-pdp-design="b"] .sp-check input:focus-visible + .sp-check-box{ outline:2px solid var(--ink); outline-offset:2px; }
html[data-pdp-design="b"] .sp-check input[aria-invalid="true"] + .sp-check-box{ border-color:var(--sp-err); box-shadow:0 0 0 1px var(--sp-err); }
html[data-pdp-design="b"] .sp-page .sp-check-text{ font-size:15px !important; line-height:1.6; color:var(--ink2) !important; }
html[data-pdp-design="b"] .sp-page .sp-btn{
    display:flex; align-items:center; justify-content:center; align-self:flex-start; min-width:240px; min-height:56px; margin:0; padding:0 var(--x6);
    background:var(--ink); border:1px solid var(--ink); color:var(--paper) !important; cursor:pointer; -webkit-appearance:none; appearance:none;
    font-size:var(--t-base) !important; font-weight:500; letter-spacing:.16em; text-transform:uppercase; transition:background-color .2s ease, color .2s ease;
}
html[data-pdp-design="b"] .sp-page .sp-btn:hover{ background:var(--paper); color:var(--ink) !important; }

/* ============================================ 8. tablet / phone */
@media (max-width:1199.98px){
    html[data-pdp-design="b"] .sp-page{ --sp-nav:200px; }
    html[data-pdp-design="b"] .sp-layout{ column-gap:var(--x7); }
    html[data-pdp-design="b"] .sp-contact{ grid-template-columns:minmax(0,1fr); }
}
@media (max-width:991.98px){
    html[data-pdp-design="b"] .sp-page{ padding:0 var(--x5) var(--x8); }
    html[data-pdp-design="b"] .sp-layout{ grid-template-columns:minmax(0,1fr); margin-top:0; }
    /* page nav becomes a swipe row of chips under the title */
    html[data-pdp-design="b"] .sp-nav{ position:static; margin:0 calc(var(--x5) * -1) var(--x6); }
    html[data-pdp-design="b"] .sp-nav-cap{ display:none; }
    html[data-pdp-design="b"] .sp-nav-list{
        display:flex; gap:var(--x2); overflow-x:auto; padding:var(--x4) var(--x5); border:0; border-bottom:1px solid var(--rule);
        scrollbar-width:none; overscroll-behavior-x:contain;
    }
    html[data-pdp-design="b"] .sp-nav-list::-webkit-scrollbar{ display:none; }
    html[data-pdp-design="b"] .sp-nav-list li{ flex:0 0 auto; border:0; }
    html[data-pdp-design="b"] .sp-page .sp-nav-list a{
        min-height:40px; padding:0 var(--x4); border:1px solid var(--rule); font-size:var(--t-md) !important; white-space:nowrap;
    }
    html[data-pdp-design="b"] .sp-page .sp-nav-list a::before{ display:none; }
    html[data-pdp-design="b"] .sp-page .sp-nav-list li.is-on a{ border-color:var(--ink); background:var(--ink); color:var(--paper) !important; }
    html[data-pdp-design="b"] .sp-page .sp-title{ padding-bottom:var(--x5) !important; border-bottom:0; }
}
@media (max-width:767.98px){
    html[data-pdp-design="b"] .sp-page{ padding:0 var(--x4) var(--x7); }
    html[data-pdp-design="b"] .sp-nav{ margin:0 calc(var(--x4) * -1) var(--x5); }
    html[data-pdp-design="b"] .sp-nav-list{ padding:var(--x3) var(--x4); }
    html[data-pdp-design="b"] .sp-page .sp-title{ margin-top:var(--x4) !important; }
    html[data-pdp-design="b"] .sp-prose p,
    html[data-pdp-design="b"] .sp-prose li{ font-size:15px !important; }
    html[data-pdp-design="b"] .sp-prose :is(h2,h3){ font-size:22px !important; margin-top:var(--x6) !important; }
    html[data-pdp-design="b"] .sp-ship li{ grid-template-columns:40px minmax(0,1fr) auto; row-gap:var(--x1); }
    html[data-pdp-design="b"] .sp-ship .sp-ship-head{ display:none; }
    html[data-pdp-design="b"] .sp-ship-logo{ grid-row:1 / span 2; align-self:start; }
    html[data-pdp-design="b"] .sp-ship-eta{ grid-column:2; grid-row:2; }
    html[data-pdp-design="b"] .sp-ship-price{ grid-column:3; grid-row:1; }
    html[data-pdp-design="b"] .sp-ship-desc{ grid-column:2 / -1; }
    html[data-pdp-design="b"] .sp-pickup{ margin:0 calc(var(--x4) * -1); padding:var(--x5) var(--x4); }
    html[data-pdp-design="b"] .sp-dl > div,
    html[data-pdp-design="b"] .sp-pickup .sp-dl > div{ grid-template-columns:minmax(0,1fr); gap:0; }
    html[data-pdp-design="b"] .sp-form-row{ grid-template-columns:minmax(0,1fr); }
    html[data-pdp-design="b"] .sp-page .sp-btn{ align-self:stretch; }
    html[data-pdp-design="b"] .sp-page .sp-faq-a{ padding-right:0; }
    html[data-pdp-design="b"] .sp-page .sp-help-text{ font-size:var(--t-lg) !important; }
}

/* ============================================ 9. focus · motion */
html[data-pdp-design="b"] .sp-page :is(a, button, summary):focus-visible{ outline:2px solid var(--ink) !important; outline-offset:2px; }
@media (prefers-reduced-motion:reduce){
    html[data-pdp-design="b"] .sp-page *{ transition:none !important; }
}

/* legacy privacy cookie table: its inline style forces nowrap + block + scroll (2400px wide in a
   358px column). Let it wrap as a normal table; long cookie names may break. */
html[data-pdp-design="b"] .sp-prose table.privacy-table{
    display:table !important; width:100% !important; white-space:normal !important; overflow:visible !important; table-layout:auto;
}
html[data-pdp-design="b"] .sp-prose table.privacy-table col{ width:auto !important; }
html[data-pdp-design="b"] .sp-prose table.privacy-table :is(td, th){ width:auto !important; white-space:normal !important; overflow-wrap:anywhere; word-break:break-word; }
@media (max-width:767.98px){
    html[data-pdp-design="b"] .sp-prose table.privacy-table :is(td, th){ padding:var(--x2) var(--x1) !important; font-size:12px !important; line-height:1.45 !important; }
    html[data-pdp-design="b"] .sp-prose table.privacy-table :is(td, th) :is(p, font, b){ font-size:12px !important; }
}

/* ============================================ thank you (payment success) */
html[data-pdp-design="b"] .ty-page{ max-width:880px; padding-top:var(--x7); }
html[data-pdp-design="b"] .ty-mark{ display:flex; align-items:center; justify-content:center; width:56px; height:56px; border:1px solid var(--ink); color:var(--ink); }
html[data-pdp-design="b"] .sp-page .ty-eyebrow{ margin:var(--x5) 0 0 !important; font-size:var(--t-xs) !important; font-weight:500; letter-spacing:.16em; text-transform:uppercase; color:var(--muted) !important; }
html[data-pdp-design="b"] .sp-page .ty-title{ margin-top:var(--x3) !important; }
html[data-pdp-design="b"] .sp-page .ty-lede{ margin:var(--x5) 0 0 !important; font-size:var(--t-lg) !important; line-height:1.6; color:var(--ink2) !important; }
html[data-pdp-design="b"] .sp-page .ty-lede strong{ margin-left:4px; font-weight:500; color:var(--ink) !important; overflow-wrap:anywhere; }
html[data-pdp-design="b"] .ty-grid{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:var(--x6); margin-top:var(--x7); align-items:start; }
html[data-pdp-design="b"] .ty-facts{ margin-top:0; }
html[data-pdp-design="b"] .ty-items{ padding:var(--x5); background:var(--surface); }
html[data-pdp-design="b"] .ty-items ul{ list-style:none; margin:var(--x3) 0 0; padding:0; }
html[data-pdp-design="b"] .ty-items li{ display:grid; grid-template-columns:minmax(0,1fr) auto auto; gap:var(--x3); padding:var(--x2) 0; border-bottom:1px solid var(--rule); }
html[data-pdp-design="b"] .sp-page .ty-items li span{ font-size:var(--t-base) !important; color:var(--ink) !important; }
html[data-pdp-design="b"] .sp-page .ty-item-qty{ color:var(--muted) !important; }
html[data-pdp-design="b"] .sp-page .ty-item-sum{ font-variant-numeric:tabular-nums; white-space:nowrap; }
html[data-pdp-design="b"] .ty-actions{ display:flex; flex-wrap:wrap; align-items:center; gap:var(--x4) var(--x6); margin-top:var(--x7); }
html[data-pdp-design="b"] .ty-actions .sp-btn{ text-decoration:none !important; }
html[data-pdp-design="b"] .sp-page .ty-line{ font-size:var(--t-base) !important; color:var(--ink) !important; text-decoration:underline !important; text-underline-offset:4px; text-decoration-color:var(--rule) !important; }
@media (max-width:767.98px){
    html[data-pdp-design="b"] .ty-page{ padding-top:var(--x6); }
    html[data-pdp-design="b"] .ty-grid{ grid-template-columns:minmax(0,1fr); }
    html[data-pdp-design="b"] .ty-items{ margin:0 calc(var(--x4) * -1); padding:var(--x5) var(--x4); }
}

/* thank-you page lines (2026-09-21): photo · brand / title / size · qty · sum */
html[data-pdp-design="b"] .ty-items li{ grid-template-columns:56px minmax(0,1fr) auto auto !important; align-items:center; }
html[data-pdp-design="b"] .ty-item-img{ width:56px; height:56px; background:var(--paper); display:block; }
html[data-pdp-design="b"] .ty-item-img img{ width:100%; height:100%; object-fit:contain; mix-blend-mode:multiply; display:block; }
html[data-pdp-design="b"] .sp-page .ty-items .ty-item-name{ display:flex !important; flex-direction:column; gap:2px; min-width:0; }
html[data-pdp-design="b"] .sp-page .ty-items .ty-item-brand{ font-size:10px !important; font-weight:500; letter-spacing:.12em; text-transform:uppercase; color:var(--muted) !important; }
html[data-pdp-design="b"] .sp-page .ty-items .ty-item-title{ font-size:var(--t-base) !important; color:var(--ink) !important; line-height:1.35; }
html[data-pdp-design="b"] .sp-page .ty-items .ty-item-meta{ font-size:var(--t-sm) !important; color:var(--muted) !important; }
@media (max-width:767px){
    html[data-pdp-design="b"] .ty-items li{ grid-template-columns:48px minmax(0,1fr) auto auto !important; gap:var(--x2) !important; }
    html[data-pdp-design="b"] .ty-item-img{ width:48px; height:48px; }
}

/* outlined twin of .sp-btn (account deletion page: "Ne, palikti paskyrą") */
html[data-pdp-design="b"] .sp-page .sp-btn.sp-btn--line{ background:transparent !important; color:var(--ink) !important; border:1px solid var(--ink) !important; }
html[data-pdp-design="b"] .sp-page .sp-btn.sp-btn--line:hover{ background:var(--ink) !important; color:var(--paper) !important; }