/* Product page v6: picture on white with side thumbnails, one navy price block, options with prices, bordered facts, tabs */
.pv6{--pv-navy:var(--theme-primary,#041b41);--pv-lime:var(--lime,#d5f802);--pv-line:#e9edf3;--pv-soft:#f1f3f7;--pv-muted:#6d7890}

/* Picture */
.pv6 .pv5-gallery{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
.pv6 .pv5-stage{background:#fff;border:1.5px solid var(--pv-line);border-radius:26px;max-height:none;width:100%}
.pv6 .pv5-stage img{max-width:84%;max-height:84%;mix-blend-mode:normal}
.pv6 .pv5-badge{top:16px;inset-inline-start:16px;border-radius:10px}
.pv6-share{position:absolute;top:14px;inset-inline-end:14px;width:44px;height:44px;border-radius:15px;border:0;background:var(--pv-soft);color:var(--pv-navy);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;z-index:2}
.pv6-share svg{width:20px;height:20px}
.pv6-share:hover{background:#e6eaf1}
.pv6-share:focus-visible{outline:3px solid #7c9400;outline-offset:3px}
.pv6-share[data-copied]:after{content:attr(data-done);position:absolute;top:50px;inset-inline-end:0;white-space:nowrap;background:var(--pv-navy);color:#fff;font-size:12px;font-weight:600;border-radius:9px;padding:3px 10px}
.pv6-count{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);background:var(--pv-navy);color:#fff;border-radius:10px;padding:1px 11px;font-size:12px;font-weight:700;line-height:1.9}
.pv6-count b{font-weight:700}
.pv6 .pv5-thumbs{margin:0;gap:8px;justify-content:flex-start;flex-wrap:nowrap}
.pv6 .pv5-thumbs button{width:58px;height:58px;flex:none;padding:5px;border-radius:15px;background:#fff;border:1.5px solid var(--pv-line)}
.pv6 .pv5-thumbs button[aria-current=true]{border-color:var(--pv-navy);background:#fff}
.pv6 .pv5-thumbs img{display:block;mix-blend-mode:normal}

/* Brand, availability, rating */
.pv6 .pv5-meta{gap:6px;flex-wrap:wrap}
.pv6 .pv5-brand{background:var(--pv-soft);color:var(--pv-navy);border-radius:9px;padding:2px 11px;font-size:12.5px;line-height:1.9}
.pv6 .pv5-meta .pv5-stock{margin:0;font-size:12.5px;line-height:1.9;color:#1a7a35;background:#e8f6ea;border-radius:9px;padding:2px 11px;gap:6px;white-space:nowrap}
.pv6 .pv5-meta .pv5-stock i{width:7px;height:7px}
.pv6 .pv5-meta .pv5-stock.low{color:#b3560f;background:#fbf0e6}
.pv6 .pv5-meta .pv5-stock.out{color:#c62828;background:#fde8e9}
.pv6 .pv5-rating{margin-inline-start:auto;font-size:13px}
.pv6 .pv5-info h1{margin-top:10px;font-size:clamp(19px,2.1vw,25px);line-height:1.55;letter-spacing:-.2px}

/* Price block */
.pv6-price{margin-top:14px;border-radius:22px;background:var(--pv-navy);color:#fff;padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.pv6-price-main{display:flex;align-items:baseline;flex-wrap:wrap;gap:2px 10px;min-width:0}
.pv6-price strong{font-size:clamp(27px,2.8vw,33px);font-weight:700;line-height:1.3;letter-spacing:-.4px;color:#fff}
.pv6-price del{font-size:14px;color:#8fa0c2}
.pv6-inst{flex-basis:100%;display:flex;align-items:center;gap:7px;font-size:12.5px;color:#c3cde2;text-decoration:none;margin-top:2px}
.pv6-inst svg{width:16px;height:16px;flex:none;color:var(--pv-lime)}
.pv6-inst b{color:var(--pv-lime);font-weight:700}
.pv6-inst u{text-underline-offset:3px;color:#fff;font-weight:600}
.pv6-inst:focus-visible{outline:2px solid var(--pv-lime);outline-offset:4px;border-radius:6px}
.pv6-save{flex:none;background:var(--pv-lime);color:var(--pv-navy);border-radius:14px;padding:7px 12px;font-weight:700;font-size:12px;text-align:center;line-height:1.45;display:flex;flex-direction:column}
.pv6-save b{font-size:14.5px;white-space:nowrap}

/* Options */
.pv6 .pv5-options{border-top:0;margin-top:6px;padding-top:12px}
.pv6 .pv5-options .gp-picker h3{justify-content:flex-start;gap:6px;font-size:13px;font-weight:400;color:var(--pv-muted);margin:16px 0 9px}
.pv6 .pv5-options .gp-current{font-size:13px;font-weight:700;color:var(--pv-navy)}
.pv6 .pv5-options .gp-choice-row{gap:8px}
.pv6 .pv5-options .gp-choice-row:first-of-type .gp-choice:not(.gp-swatch){flex:1 1 0}
.pv6 .pv5-options .gp-choice:not(.gp-swatch){flex:none;min-width:86px;min-height:50px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:0;border-radius:15px;background:var(--pv-soft);color:var(--pv-navy);font-weight:700;font-size:13.5px;line-height:1.35;padding:6px 12px;text-align:center}
.pv6 .pv5-options .gp-choice:not(.gp-swatch)[aria-current=page]{background:#fff;color:var(--pv-navy);box-shadow:0 0 0 2px var(--pv-navy);padding:6px 12px}
.pv6 .pv5-options .gp-choice small{font-size:11px;font-weight:400;color:var(--pv-muted)}
.pv6 .pv5-options .gp-choice[aria-current=page] small{color:var(--pv-muted)}
.pv6 .pv5-options .gp-swatch,.pv6 .pv5-options .gp-swatch[aria-current=page]{width:38px;height:38px;border-radius:13px;margin:3px}
.pv6 .pv5-options .gp-swatch[aria-current=page]{box-shadow:inset 0 0 0 1px rgba(0,0,0,.14),0 0 0 3px #fff,0 0 0 5px var(--pv-navy)}
.pv6 .pv5-options .variant-picker h3{font-size:13px;font-weight:400;color:var(--pv-muted)}
.pv6 .pv5-options .variant-picker .variant-choice{border:0;border-radius:15px;background:var(--pv-soft);min-height:46px;font-weight:600}
.pv6 .pv5-options .variant-picker .variant-choice[aria-current=page]{border:0;background:#fff;box-shadow:0 0 0 2px var(--pv-navy);padding:9px 13px}

/* Facts: three separate tiles */
.pv6 .pv5-facts{background:none;border-radius:0;padding:0;gap:8px;margin-top:18px}
.pv6 .pv5-fact{border:1.5px solid var(--pv-line);border-radius:18px;padding:12px 6px;background:#fff;font:inherit;cursor:default}
.pv6 .pv5-fact:first-child{border:1.5px solid var(--pv-line)}
.pv6 .pv5-fact svg{width:22px;height:22px}
.pv6 .pv5-fact-ship,.pv6 .pv5-fact-link,.pv6 .pv6-fact-btn{cursor:pointer}
.pv6 .pv6-fact-btn small,.pv6 .pv5-fact-link small{text-decoration:underline;text-underline-offset:3px}
.pv6 .pv5-fact-link b u{background:none}
.pv6 .pv6-fact-btn:hover,.pv6 .pv5-fact-link:hover,.pv6 .pv5-fact-ship:hover{border-color:var(--pv-navy)}
.pv6 .pv6-fact-btn:focus-visible{outline:3px solid #7c9400;outline-offset:3px}

/* Tabs (without JavaScript the parts simply follow each other with their headings) */
.pv6-tabs{margin-top:20px}
.pv6-tablist{display:none;gap:6px;background:var(--pv-soft);border-radius:16px;padding:5px}
.pv6-tabs.is-ready .pv6-tablist{display:flex}
.pv6-tablist button{flex:1 1 0;min-width:0;border:0;background:none;border-radius:12px;min-height:40px;padding:4px 6px;font:inherit;font-size:13px;font-weight:700;color:var(--pv-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}
.pv6-tablist button[aria-selected=true]{background:#fff;color:var(--pv-navy);box-shadow:0 2px 8px rgba(4,27,65,.08)}
.pv6-tablist button small{background:var(--pv-navy);color:#fff;border-radius:9px;font-size:10.5px;padding:0 6px;line-height:1.7}
.pv6-tablist button:focus-visible{outline:3px solid #7c9400;outline-offset:2px}
.pv6-pane{padding:8px 2px 0}
.pv6-pane>h2{font-size:16px;margin:16px 0 6px;color:var(--pv-navy)}
.pv6-tabs.is-ready .pv6-pane>h2{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
/* Specifications: one bordered card, name and value side by side, every other row tinted */
.pv6 .pv5-specs{margin-top:8px;border:1.5px solid var(--pv-line);border-radius:18px;overflow:hidden}
.pv6 .pv5-specs div{display:grid;grid-template-columns:minmax(110px,36%) minmax(0,1fr);gap:14px;padding:11px 16px;border-bottom:0;font-size:13.5px;align-items:baseline}
.pv6 .pv5-specs div:nth-child(even){background:#f7f8fa}
.pv6 .pv5-specs dt{max-width:none;color:var(--pv-muted)}
.pv6 .pv5-specs dd{text-align:start;font-weight:700;color:var(--pv-navy)}
.pv6 .pv5-specs dd[dir=ltr]{text-align:end;unicode-bidi:plaintext}
.pv6 .pv5-links{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;margin-top:18px}
.pv6 .pv5-links a,.pv6 .pv5-links button{min-height:48px;font-size:13px;padding:6px 8px}
.pv6-pane .product-short-description{margin:8px 0;line-height:1.9}
.pv6-pane .preline{line-height:1.9}
.pv6 .pv5-branches{margin-top:8px;background:#fff;border:1.5px solid var(--pv-line);border-radius:18px}

/* Buy row */
.pv6 form.pv5-buy .button{border-radius:18px;min-height:56px;font-size:15px;font-weight:700}
.pv6 form.pv5-buy .pv5-qty{border:0;background:var(--pv-soft);border-radius:18px}
.pv6 form.pv5-buy .pv5-qty button:is(:hover,:focus-visible){background:#e3e7ee!important;color:var(--pv-navy)!important}
.pv6 .pv5-links a,.pv6 .pv5-links button{border-color:var(--pv-line);border-radius:15px}

@media (min-width:900px){
 .pv6 .pv5-top{gap:44px}
 .pv6 form.pv5-buy{background:none!important;border:0!important;box-shadow:none!important}
 .pv6 .pv5-gallery.has-thumbs{grid-template-columns:66px minmax(0,1fr)}
 .pv6 .pv5-gallery.has-thumbs .pv5-stage{grid-column:2;grid-row:1}
 .pv6 .pv5-gallery.has-thumbs .pv5-thumbs{grid-column:1;grid-row:1;flex-direction:column;max-height:560px;overflow-y:auto;scrollbar-width:none;padding:2px}
 .pv6 .pv5-thumbs::-webkit-scrollbar{display:none}
 .pv6 .pv5-thumbs button{width:62px;height:62px}
 .pv6 .pv5-stage{max-height:600px}
}
@media (max-width:899px){
 .pv6 .pv5-gallery{position:relative;gap:0}
 .pv6 .pv5-stage{border:0;border-radius:0;margin-inline:calc(50% - 50vw);width:auto;max-width:none;border-bottom:1px solid #eef0f4;aspect-ratio:1/1.05}
 /* Small pictures stand in a column over the corner of the big one. */
 .pv6 .pv5-thumbs{position:absolute;inset-inline-end:0;bottom:14px;z-index:2;flex-direction:column;gap:7px;max-height:176px;overflow-y:auto;scrollbar-width:none;padding:2px;margin:0}
 .pv6 .pv5-thumbs::-webkit-scrollbar{display:none}
 .pv6 .pv5-thumbs button,.pv6 .pv5-thumbs button[aria-current=true]{width:50px;height:50px;padding:4px;border-radius:14px;background:#fff;border:1.5px solid var(--pv-line)}
 .pv6 .pv5-thumbs button[aria-current=true]{border-color:var(--pv-navy)}
 .pv6 .pv5-thumbs img{display:block}
 .pv6 .pv5-top{gap:16px;margin-top:0}
 .pv6>.breadcrumb{display:none}
 .pv6.product-page{padding-top:0}
 /* Quantity is back next to the two buttons. */
 .pv6 form.pv5-buy{grid-template-columns:96px minmax(0,1.25fr) minmax(0,1fr)!important;gap:8px;padding:10px 12px}
 .pv6 form.pv5-buy .pv5-qty{display:grid!important;width:96px!important;max-width:96px;grid-template-columns:30px minmax(0,1fr) 30px}
 .pv6 form.pv5-buy .pv5-qty button{width:30px!important;max-width:30px}
 .pv6 form.pv5-buy .button{min-height:52px;font-size:13.5px;padding-inline:6px;border-radius:16px}
 .pv6 form.pv5-buy .button svg{display:none}
 .pv6-price{padding:14px 16px;border-radius:20px}
}
@media (max-width:359px){
 .pv6 form.pv5-buy{grid-template-columns:84px minmax(0,1fr) minmax(0,1fr)!important}
 .pv6 form.pv5-buy .pv5-qty{width:84px!important;max-width:84px;grid-template-columns:26px minmax(0,1fr) 26px}
 .pv6 form.pv5-buy .button{font-size:12.5px}
}
@media (max-width:520px){
 .pv6 .pv5-links{grid-template-columns:repeat(2,minmax(0,1fr))}
 .pv6 .pv5-links>:last-child:nth-child(odd){grid-column:1/-1}
}