/* YCP product page 2026 (B1, research/pdp_2026/PDP_2026.md). Enqueued only on is_product(), after ycp.css.
   ink #0E0F13 · indigo #565B83 · surface #F6F6F8 · line #E3E4E9 · muted #5F6169. Glass only on the sticky bar. Logical properties (RTL). */
body.single-product{--pdp-ink:#0E0F13;--pdp-ind:#565B83;--pdp-ind-d:#3F4366;--pdp-sur:#F6F6F8;--pdp-line:#E3E4E9;--pdp-mut:#5F6169;--pdp-top:110px}
body.single-product div.product{color:var(--pdp-ink)}

/* ---------- breadcrumb: one line, ellipsis on mobile ---------- */
body.single-product .woocommerce-breadcrumb{color:var(--pdp-mut)}
body.single-product .woocommerce-breadcrumb a{color:#4A4C55}
@media (max-width:767px){body.single-product .woocommerce-breadcrumb{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:12px}}

/* ---------- top: gallery 56% · rail 44%, the shorter column sticks ---------- */
@media (min-width:1025px){
 body.single-product .ycp-pdp-top{display:grid;grid-template-columns:minmax(0,1.27fr) minmax(0,1fr);gap:64px;align-items:start;margin-bottom:0}
 body.single-product .ycp-pdp-top>.woocommerce-product-gallery{grid-column:1;grid-row:1;position:sticky!important;top:var(--pdp-top);align-self:start;width:100%!important;float:none!important;margin:0!important}
 body.single-product .ycp-pdp-top>.summary{grid-column:2;grid-row:1;position:sticky;top:var(--pdp-top);align-self:start;width:100%!important;max-width:520px;float:none!important;margin:0!important}
}
@media (min-width:1025px) and (max-height:760px){body.single-product .ycp-pdp-top>.woocommerce-product-gallery,body.single-product .ycp-pdp-top>.summary{position:static!important}}
@media (max-width:1024px){body.single-product .ycp-pdp-top>.woocommerce-product-gallery,body.single-product .ycp-pdp-top>.summary{width:100%!important;float:none!important;position:static}}
body.single-product .ycp-pdp-top>span.onsale{display:none}

/* ---------- gallery ---------- */
body.single-product div.product .woocommerce-product-gallery{position:relative;background:#fff;border:1px solid var(--pdp-line);border-radius:24px;padding:24px;margin:0}
body.single-product .woocommerce-product-gallery .flex-viewport{border-radius:16px}
body.single-product .woocommerce-product-gallery__image>a{display:block;aspect-ratio:1/1}
body.single-product .woocommerce-product-gallery__image>a>img{width:100%!important;height:100%!important;object-fit:contain;border-radius:12px!important}
body.single-product div.product.ycp-gal-1 .woocommerce-product-gallery__image>a{aspect-ratio:auto}
body.single-product div.product.ycp-gal-1 .woocommerce-product-gallery__image>a>img{max-height:520px;height:auto!important}
body.single-product .woocommerce-product-gallery .flex-control-thumbs{display:flex!important;gap:10px;margin:16px 0 0!important;padding:0}
body.single-product .woocommerce-product-gallery .flex-control-thumbs li{width:72px!important;flex:0 0 72px;float:none!important;margin:0!important;position:relative;list-style:none}
body.single-product .woocommerce-product-gallery .flex-control-thumbs li img{aspect-ratio:1/1;object-fit:contain;background:#fff;border:1px solid var(--pdp-line);border-radius:12px;opacity:.6;transition:opacity .15s ease,border-color .15s ease}
body.single-product .woocommerce-product-gallery .flex-control-thumbs li img.flex-active,body.single-product .woocommerce-product-gallery .flex-control-thumbs li img:hover{opacity:1;border-color:var(--pdp-ind)}
@media (min-width:768px){
 body.single-product .woocommerce-product-gallery .flex-control-thumbs li:nth-child(n+7){display:none}
 body.single-product .woocommerce-product-gallery .flex-control-thumbs li[data-more]::after{content:attr(data-more);position:absolute;inset:0;display:grid;place-items:center;border-radius:12px;background:rgba(14,15,19,.55);color:#fff;font-weight:600;font-size:15px;pointer-events:none}
}
.woocommerce-product-gallery__trigger{inset-inline-start:auto!important;inset-inline-end:16px!important;top:16px!important;z-index:5;background:rgba(255,255,255,.9)!important;border:1px solid var(--pdp-line)!important;border-radius:50%!important}
.ycp-gal-count{display:none}
.ycp-vid__stage{position:relative;aspect-ratio:1/1;background:#0E0F13 center/cover no-repeat;border-radius:12px;display:grid;place-items:center}
.ycp-vid__play{width:72px;height:72px;border-radius:50%;border:0;background:rgba(255,255,255,.92);color:var(--pdp-ind);display:grid;place-items:center;cursor:pointer;box-shadow:0 10px 30px -10px rgba(14,15,19,.6)}
.ycp-vid__play .ycp-ic{transform:translateX(2px)}
.ycp-vid iframe{width:100%;aspect-ratio:1/1;border:0;border-radius:12px}
@media (max-width:767px){
 body.single-product div.product .woocommerce-product-gallery{margin-inline:-16px!important;width:calc(100% + 32px)!important;border-radius:0;border-inline:0;padding:12px 16px 14px}
 body.single-product .woocommerce-product-gallery .flex-control-thumbs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
 body.single-product .woocommerce-product-gallery .flex-control-thumbs::-webkit-scrollbar{display:none}
 body.single-product .woocommerce-product-gallery .flex-control-thumbs li{width:60px!important;flex-basis:60px}
 .ycp-gal-count{display:block;position:absolute;inset-inline-start:24px;top:22px;z-index:4;padding:4px 10px;border-radius:999px;background:rgba(14,15,19,.62);color:#fff;font-size:12.5px;font-weight:600;unicode-bidi:isolate;min-width:38px;text-align:center}
}

/* ---------- rail ---------- */
body.single-product .ycp-pdp-top>.summary>*{margin-block:0}
.ycp-eb{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 8px!important;font-size:13px;font-weight:600;line-height:1.4;color:var(--pdp-ind)}
.ycp-eb a{color:var(--pdp-ind)!important;text-decoration:none}
.ycp-eb a:hover{text-decoration:underline;text-underline-offset:3px}
.ycp-eb__brand.is-latin{text-transform:uppercase;letter-spacing:.12em}
.ycp-eb__sep{color:#9A9CA6}
body.single-product div.product .ycp-title{margin:0 0 10px!important;font-size:clamp(28px,1.6vw + 16px,40px);font-weight:500;line-height:1.15;letter-spacing:0;color:var(--pdp-ink)}
.ycp-title__model{display:block}
.ycp-title__desc{display:block;margin-top:8px;font-size:18px;font-weight:400;line-height:1.45;color:var(--pdp-mut)}
.ycp-sku{margin:0 0 14px!important;font-size:12px;color:var(--pdp-mut)}
.ycp-spchips{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0 0 18px!important;padding:0}
.ycp-spchips li{padding:6px 12px;border:1px solid var(--pdp-line);border-radius:999px;font-size:13px;color:#2A2C33;white-space:nowrap}
body.single-product div.product .summary p.price{margin:6px 0 4px!important;font-size:28px;font-weight:600;line-height:1.3;color:var(--pdp-ink)!important}
body.single-product div.product .summary p.price:empty{display:none}
body.single-product div.product .summary p.price .amount{color:var(--pdp-ink)}
.ycp-vat{font-size:13px;font-weight:400;color:var(--pdp-mut)}
.ycp-inst{margin:2px 0 0!important;font-size:14px;color:#2A2C33}
.ycp-avail{display:flex;align-items:center;flex-wrap:wrap;gap:8px;min-height:24px;margin:10px 0 4px!important;font-size:15px;color:#2A2C33}
.ycp-avail__dot{width:9px;height:9px;border-radius:50%;background:#2E9E6A;box-shadow:0 0 0 4px rgba(46,158,106,.14);flex-shrink:0}
.ycp-avail--back .ycp-avail__dot{background:#C98A12;box-shadow:0 0 0 4px rgba(201,138,18,.15)}
.ycp-avail--out .ycp-avail__dot{background:#9A9CA6;box-shadow:none}
.ycp-avail--out{color:var(--pdp-mut)}
.ycp-avail__date{color:var(--pdp-mut)}

/* variation chips over the hidden native select */
body.single-product div.product form.cart{margin:18px 0 0!important}
body.single-product div.product form.cart .variations{display:block;background:none;padding:0;border:0;margin:0 0 4px}
body.single-product div.product form.cart .variations tbody,body.single-product div.product form.cart .variations tr,body.single-product div.product form.cart .variations td{display:block;padding:0!important;border:0;background:none}
body.single-product div.product form.cart .variations tr+tr{margin-top:14px}
body.single-product div.product form.cart .variations th.label{display:none}
.ycp-varsel{position:relative}
.ycp-varsel select{position:absolute!important;opacity:0!important;pointer-events:none;width:1px!important;height:1px!important;inset-inline-start:0;top:0}
.ycp-chips__l{font-size:14px;color:var(--pdp-mut);margin-bottom:8px;min-height:21px}
.ycp-chips__l b{color:var(--pdp-ink);font-weight:600}
.ycp-chips{display:flex;flex-wrap:wrap;gap:8px;border-radius:999px}
.ycp-chip{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 18px;border-radius:999px;border:1px solid #D6D7DE;background:#fff;color:var(--pdp-ink);font:inherit;font-size:15px;cursor:pointer;transition:border-color .15s ease,background-color .15s ease,color .15s ease}
.ycp-chip:hover{border-color:var(--pdp-ind)}
.ycp-chip[aria-checked=true]{background:var(--pdp-ind);border-color:var(--pdp-ind);color:#fff}
.ycp-chip[aria-disabled=true]{color:#8A8C96;cursor:not-allowed;background:linear-gradient(to top left,transparent calc(50% - 1px),#C9CAD2 50%,transparent calc(50% + 1px)) #fff}
.ycp-chip__sw{width:14px;height:14px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(14,15,19,.2)}
.ycp-chip .ycp-chip__na{display:none}
.ycp-chip[aria-disabled=true] .ycp-chip__na{display:inline}
.ycp-chips.is-pulse{animation:ycpPulseRing 1s ease-out 2}
@keyframes ycpPulseRing{0%{box-shadow:0 0 0 0 rgba(86,91,131,.45)}100%{box-shadow:0 0 0 12px rgba(86,91,131,0)}}
body.single-product .single_variation_wrap .woocommerce-variation-price,body.single-product .single_variation_wrap .woocommerce-variation-availability,body.single-product .summary>.stock,body.single-product .summary form.cart .stock{display:none!important}
.woocommerce-variation-description{font-size:14px;color:var(--pdp-mut)}

/* quantity + add to cart */
body.single-product div.product form.cart:not(.variations_form),body.single-product div.product form.cart .woocommerce-variation-add-to-cart{display:flex;gap:12px;align-items:stretch;margin-top:16px}
body.single-product div.product form.cart .single_add_to_cart_button{flex:1;min-height:54px;font-size:17px!important;display:inline-flex;align-items:center;justify-content:center;gap:10px}
body.single-product div.product form.cart .quantity{margin:0!important}
.ycp-qty{display:inline-flex!important;align-items:center;border:1px solid var(--pdp-line);border-radius:999px;background:#fff;padding:4px;height:54px}
.ycp-qty .qty{border:0!important;width:44px!important;height:44px!important;text-align:center;-moz-appearance:textfield;font-weight:600;padding:0!important}
.ycp-qty .qty::-webkit-outer-spin-button,.ycp-qty .qty::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.ycp-qty-btn{width:44px;height:44px;border-radius:50%;border:0;background:var(--pdp-sur);color:var(--pdp-ink);font-size:20px;line-height:1;cursor:pointer}
.ycp-qty-btn:hover{background:#EDEEF4}
.single_add_to_cart_button.is-busy{pointer-events:none}
.single_add_to_cart_button.is-busy::after{content:"";width:18px;height:18px;border-radius:50%;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;animation:ycpSpin .7s linear infinite}
.single_add_to_cart_button.is-done{background:#2E7D5B!important}
@keyframes ycpSpin{to{transform:rotate(360deg)}}
.ycp-atc-msg{flex-basis:100%;margin:6px 0 0!important;font-size:14px;color:#2E7D5B;min-height:0}
.ycp-atc-msg:empty{display:none}
.ycp-atc-msg.is-err{color:#B4372A}
body.single-product div.product.ycp-state-oos form.cart .woocommerce-variation-add-to-cart{display:none!important}

/* buttons used by the alternative CTAs, sheet and cards */
.ycp-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 26px;border-radius:999px;font:inherit;font-size:16px;font-weight:600;text-decoration:none!important;cursor:pointer;border:0;transition:background-color .15s ease}
.ycp-btn--primary{background:var(--pdp-ind);color:#fff!important}
.ycp-btn--primary:hover{background:var(--pdp-ind-d)}
.ycp-btn--ghost{background:#fff;color:var(--pdp-ink)!important;border:1px solid #D6D7DE}
.ycp-btn--ghost:hover{border-color:var(--pdp-ind)}
.ycp-cta-alt{display:flex;flex-direction:column;gap:10px;margin:18px 0 0!important}
.ycp-cta-alt .ycp-btn{width:100%;min-height:54px;font-size:17px}
.ycp-cta-alt__tel{align-self:center;font-size:15px;color:#2A2C33!important}
.ycp-cta-alt__tel bdi{font-weight:600}

/* installation · pairs-with · ask · policy */
.ycp-inst-card{display:flex;gap:12px;align-items:flex-start;margin:18px 0 0!important;padding:14px 16px;border:1px solid var(--pdp-line);border-radius:16px;font-size:14.5px;line-height:1.55;color:#2A2C33}
.ycp-inst-card .ycp-ic{color:var(--pdp-ind);flex-shrink:0;margin-top:1px}
.ycp-inst-card a{color:var(--pdp-ind)!important;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
.ycp-pairs{margin:22px 0 0!important}
.ycp-pairs__h{margin:0 0 8px!important;font-size:14px;font-weight:600;color:var(--pdp-ink)}
.ycp-ask{display:inline-flex;align-items:center;gap:10px;margin:20px 0 0!important;font-size:16px;font-weight:600;color:var(--pdp-ind)!important;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.ycp-ask:hover{color:var(--pdp-ind-d)!important}
.ycp-ask .ycp-ic{flex-shrink:0}
.ycp-policy{display:flex;flex-wrap:wrap;gap:8px 20px;list-style:none;margin:18px 0 0!important;padding:16px 0 0!important;border-top:1px solid var(--pdp-line)}
.ycp-policy a{display:inline-flex;align-items:center;gap:7px;font-size:13.5px;color:#2A2C33!important;text-decoration:none}
.ycp-policy a:hover span{text-decoration:underline;text-underline-offset:3px}
.ycp-policy .ycp-ic{color:var(--pdp-ind)}

/* ---------- cards (complete your system / pairs-with / sheet) ---------- */
.ycp-cards{list-style:none;margin:0;padding:0}
.ycp-card{position:relative;display:flex;align-items:center;gap:12px;background:#fff}
.ycp-card__img{flex-shrink:0;display:block}
.ycp-card__img img{display:block;width:64px;height:64px;object-fit:contain;border-radius:12px;border:1px solid #F0F1F4;background:#fff}
.ycp-card__tx{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
.ycp-card__eb{font-size:12px;font-weight:600;color:var(--pdp-ind)}
.ycp-card__t{font-size:14.5px;font-weight:500;line-height:1.35;color:var(--pdp-ink)!important;text-decoration:none;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.ycp-card__t:hover{text-decoration:underline}
.ycp-card__why{font-size:13px;color:var(--pdp-mut);line-height:1.4}
.ycp-card__p{font-size:14.5px;font-weight:600;color:var(--pdp-ink)}
.ycp-card__p .ycp-vat{display:none}
.ycp-card__add{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;min-height:40px;min-width:72px;padding:0 16px;border-radius:999px;border:1px solid var(--pdp-ind);color:var(--pdp-ind)!important;font-size:14px;font-weight:600;text-decoration:none!important;background:#fff;transition:background-color .15s ease,color .15s ease}
.ycp-card__add:hover{background:var(--pdp-ind);color:#fff!important}
.ycp-card__add.is-busy{opacity:.6;pointer-events:none}
.ycp-card__add.is-done{background:#2E7D5B;border-color:#2E7D5B;color:#fff!important}
.ycp-cards--compact{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}
.ycp-cards--compact .ycp-card{padding:8px 10px;border:1px solid var(--pdp-line);border-radius:14px}
.ycp-cards--compact .ycp-card__img img{width:52px;height:52px}
.ycp-cards--full{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.ycp-cards--full .ycp-card{flex-direction:column;align-items:stretch;gap:12px;padding:16px;border:1px solid var(--pdp-line);border-radius:20px;transition:border-color .15s ease,box-shadow .2s ease}
.ycp-cards--full .ycp-card:hover{border-color:var(--pdp-ind);box-shadow:0 18px 40px -26px rgba(14,15,19,.35)}
.ycp-cards--full .ycp-card__img img{width:100%;height:auto;aspect-ratio:1/1;border:0}
.ycp-cards--full .ycp-card__add{align-self:flex-start}
@media (max-width:1024px){.ycp-cards--full{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(220px,62%);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-inline:-16px;padding:2px 16px 8px}.ycp-cards--full::-webkit-scrollbar{display:none}.ycp-cards--full .ycp-card{scroll-snap-align:start}}

/* ---------- key specs band ---------- */
.ycp-keyspecs{margin:72px 0 0;padding:32px;background:var(--pdp-sur);border-radius:24px}
.ycp-keyspecs dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:24px;margin:0}
.ycp-keyspecs dt{font-size:13px;color:var(--pdp-mut);margin:0 0 4px}
.ycp-keyspecs dd{margin:0;font-size:22px;font-weight:500;line-height:1.25;color:var(--pdp-ink)}
@media (max-width:767px){.ycp-keyspecs{margin-top:40px;padding:20px}.ycp-keyspecs dl{grid-template-columns:1fr 1fr;gap:18px}.ycp-keyspecs dd{font-size:18px}}

/* ---------- sections: expanded on desktop, accordions on mobile (pdp.js) ---------- */
.ycp-secs{margin-top:16px}
.ycp-sec{padding-top:88px}
.ycp-sec__h{margin:0 0 24px;font-size:clamp(24px,1vw + 18px,32px);font-weight:500;line-height:1.2;color:var(--pdp-ink)}
.ycp-acc{display:flex;width:100%;min-height:58px;align-items:center;justify-content:space-between;gap:12px;padding:0;border:0;background:none;font:inherit;font-size:19px;font-weight:600;color:var(--pdp-ink);text-align:start;cursor:pointer}
.ycp-acc i{flex-shrink:0;width:9px;height:9px;border-right:2px solid var(--pdp-ind);border-bottom:2px solid var(--pdp-ind);transform:rotate(45deg) translateY(-3px);transition:transform .2s ease;margin-inline-end:6px}
.ycp-acc[aria-expanded=true] i{transform:rotate(225deg)}
.ycp-specs__h .ycp-acc{font-size:16px;min-height:50px}
@media (max-width:767px){
 .ycp-secs{margin-top:28px;border-bottom:1px solid var(--pdp-line)}
 .ycp-sec{padding-top:0;border-top:1px solid var(--pdp-line)}
 .ycp-sec__h{margin:0;font-size:19px}
 .ycp-sec__b{padding-bottom:24px}
 .ycp-sec--flat{padding:24px 0 28px}
 .ycp-sec--flat .ycp-sec__h{margin-bottom:16px}
}

/* overview */
.ycp-lead{max-width:68ch;margin:0 0 20px;font-size:19px;line-height:1.65;color:#2A2C33}
.ycp-lead strong{display:block;margin-bottom:4px;font-size:21px;font-weight:500;color:var(--pdp-ink)}
body.single-product .ycp-prose{max-width:68ch;font-size:17px;line-height:1.75;color:#2A2C33}
body.single-product .ycp-prose h2{font-size:clamp(21px,.8vw + 16px,26px);font-weight:500;margin:36px 0 10px}
body.single-product .ycp-prose h3{font-size:19px;font-weight:600;margin:26px 0 8px}
body.single-product .ycp-prose img{border-radius:14px}
body.single-product .ycp-prose>:first-child{margin-top:0}
.ycp-clamp:not(.is-open){max-height:640px;overflow:hidden;-webkit-mask-image:linear-gradient(#000 78%,transparent);mask-image:linear-gradient(#000 78%,transparent)}
.ycp-more{margin-top:8px;padding:12px 22px;border-radius:999px;border:1px solid #D6D7DE;background:#fff;font:inherit;font-size:15px;font-weight:600;color:var(--pdp-ink);cursor:pointer}
.ycp-more:hover{border-color:var(--pdp-ind)}
.ycp-tbl{max-width:100%;overflow-x:auto;margin:16px 0 24px}
.ycp-tbl table{margin:0!important}
.ycp-hl{list-style:none;margin:0 0 28px;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}
.ycp-hl__i{display:flex;gap:12px;align-items:flex-start}
.ycp-hl__i .ycp-ic{color:var(--pdp-ind);flex-shrink:0}
.ycp-hl__t{margin:0 0 4px;font-size:17px;font-weight:600}
.ycp-hl__i p{margin:0;font-size:15px;color:var(--pdp-mut)}
.ycp-hl--rows{grid-template-columns:1fr;gap:56px}
.ycp-hl--rows .ycp-hl__i{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.ycp-hl--rows .ycp-hl__i:nth-child(even) .ycp-hl__img{order:2}
.ycp-hl--rows .ycp-hl__t{font-size:28px;font-weight:500}
.ycp-hl__img{width:100%;height:auto;border-radius:20px}
@media (max-width:767px){.ycp-hl--rows .ycp-hl__i{grid-template-columns:1fr;gap:16px}.ycp-lead{font-size:17px}.ycp-lead strong{font-size:19px}}

/* specs */
.ycp-specs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}
.ycp-specs__g{border:1px solid var(--pdp-line);border-radius:20px;padding:20px 24px}
.ycp-specs__h{margin:0 0 8px;font-size:17px;font-weight:600}
.ycp-specs__b,.ycp-room dl{margin:0}
.ycp-specs__b>div,.ycp-room dl>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:16px;padding:10px 0;border-top:1px solid #F0F1F4;font-size:15px}
.ycp-specs__b>div:first-child{border-top:0}
.ycp-specs__b dt,.ycp-room dt{color:var(--pdp-mut)}
.ycp-specs__b dd,.ycp-room dd{margin:0;color:var(--pdp-ink)}
.ycp-specs__soon{margin:0;font-size:16px;color:#2A2C33}
.ycp-specs__soon a,.ycp-svc__c a{color:var(--pdp-ind)!important;text-decoration:underline;text-underline-offset:3px}
.ycp-room{margin-top:24px;padding:20px 24px;background:var(--pdp-sur);border-radius:20px}
.ycp-room h3{margin:0 0 6px;font-size:17px;font-weight:600}
.ycp-dl{display:flex;flex-wrap:wrap;gap:10px;list-style:none;margin:24px 0 0;padding:0}
.ycp-dl a{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border:1px solid #D6D7DE;border-radius:999px;font-size:14.5px;color:var(--pdp-ink)!important;text-decoration:none}
.ycp-dl a:hover{border-color:var(--pdp-ind)}
.ycp-dl .ycp-ic{color:var(--pdp-ind)}
@media (max-width:767px){.ycp-specs{grid-template-columns:1fr;gap:0}.ycp-specs__g{border:0;border-radius:0;padding:0;border-top:1px solid #F0F1F4}.ycp-specs__g:first-child{border-top:0}.ycp-specs__h{margin:0}.ycp-specs__b{padding-bottom:12px}}

/* in the box */
.ycp-box{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;list-style:none;margin:0;padding:0}
.ycp-box li{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid var(--pdp-line);border-radius:16px;font-size:15px}
.ycp-box .ycp-ic{color:var(--pdp-ind);flex-shrink:0}
.ycp-box b{margin-inline-start:auto;font-weight:600;color:var(--pdp-mut)}

/* service */
.ycp-svc{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.ycp-svc--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.ycp-svc__c{padding:24px;border:1px solid var(--pdp-line);border-radius:20px;font-size:15px;line-height:1.6;color:#2A2C33}
.ycp-svc__c:focus{outline:none}
.ycp-svc__c:focus-visible,.ycp-svc__c:target{border-color:var(--pdp-ind)}
.ycp-svc__c>.ycp-ic{color:var(--pdp-ind)}
.ycp-svc__c h3{margin:10px 0 6px;font-size:17px;font-weight:600;color:var(--pdp-ink)}
.ycp-svc__c p{margin:0 0 6px}
@media (max-width:1024px){.ycp-svc,.ycp-svc--4{grid-template-columns:1fr 1fr}}
@media (max-width:767px){.ycp-svc,.ycp-svc--4{grid-template-columns:1fr;gap:12px}.ycp-svc__c{padding:18px}}

/* questions */
.ycp-faq{max-width:820px;margin-bottom:28px}
.ycp-faq details{border-bottom:1px solid var(--pdp-line)}
.ycp-faq summary{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:56px;font-size:16px;font-weight:600;cursor:pointer;list-style:none}
.ycp-faq summary::-webkit-details-marker{display:none}
.ycp-faq summary::after{content:"+";font-size:22px;font-weight:400;color:var(--pdp-ind)}
.ycp-faq details[open] summary::after{content:"−"}
.ycp-faq p{margin:0 0 16px;font-size:15.5px;line-height:1.7;color:#2A2C33}
.ycp-askcard{display:flex;align-items:center;gap:20px;padding:24px 28px;border-radius:24px;background:var(--pdp-sur)}
.ycp-askcard img{width:56px;height:56px;border-radius:14px;background:#fff;flex-shrink:0}
.ycp-askcard__tx{flex:1;min-width:0}
.ycp-askcard h3{margin:0 0 4px;font-size:19px;font-weight:600}
.ycp-askcard p{margin:0;font-size:15px;line-height:1.6;color:#2A2C33}
.ycp-askcard__cta{display:flex;gap:10px;flex-shrink:0}
.ycp-askcard__cta .ycp-btn{min-height:48px;padding:0 20px;font-size:15px}
@media (max-width:767px){.ycp-askcard{flex-direction:column;align-items:flex-start;padding:20px}.ycp-askcard__cta{width:100%;flex-direction:column}.ycp-askcard__cta .ycp-btn{width:100%}}

/* ---------- similar models: scroll-snap row ---------- */
body.single-product .related.products{position:relative;margin-top:88px;padding-top:0;border-top:0}
body.single-product .related.products>h2{margin:0 0 20px;font-size:clamp(24px,1vw + 18px,32px);font-weight:500}
body.single-product .related ul.products{display:grid!important;grid-template-columns:none!important;grid-auto-flow:column;grid-auto-columns:calc((100% - 60px)/4);gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:2px 2px 10px;margin:0}
body.single-product .related ul.products::-webkit-scrollbar{display:none}
body.single-product .related ul.products::before,body.single-product .related ul.products::after{display:none!important}
body.single-product .related ul.products li.product{scroll-snap-align:start;width:auto!important;margin:0!important;float:none!important;transition:border-color .15s ease,box-shadow .2s ease}
body.single-product .related ul.products li.product:hover{border-color:var(--pdp-ind);box-shadow:0 18px 40px -24px rgba(14,15,19,.35)}
body.single-product .related ul.products li.product .onsale{display:none}
body.single-product .related ul.products li.product .price{color:var(--pdp-ink)!important;font-weight:600}
.ycp-rel-arrows{position:absolute;inset-inline-end:0;top:0;display:flex;gap:8px}
.ycp-rel-arrows button{width:44px;height:44px;border-radius:50%;border:1px solid #D6D7DE;background:#fff;color:var(--pdp-ink);display:grid;place-items:center;cursor:pointer}
.ycp-rel-arrows button:hover{border-color:var(--pdp-ind);color:var(--pdp-ind)}
[dir=rtl] .ycp-rel-next svg,[dir=ltr] .ycp-rel-prev svg{transform:scaleX(-1)}
@media (max-width:1024px){body.single-product .related ul.products{grid-auto-columns:minmax(200px,46%);margin-inline:-16px;padding:2px 16px 10px}.ycp-rel-arrows{display:none}}
body.single-product div.product.ycp-state-oos .related.products{margin-top:56px}

/* ---------- sticky bar (T25 refined: glass, client-side anchors, fixed Hello button states) ---------- */
.ycp-sticky-atc{display:none}
.ycp-sticky-atc__info{display:flex;align-items:center;gap:12px;min-width:0}
.ycp-sticky-atc__img{width:44px;height:44px;object-fit:contain;border-radius:10px;background:#fff;border:1px solid #F0F1F4;flex-shrink:0}
.ycp-sticky-atc__tx{display:flex;flex-direction:column;min-width:0}
.ycp-sticky-atc__name{font-size:15px;font-weight:600;color:var(--pdp-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ycp-sticky-atc__price{font-size:16px;font-weight:600;color:var(--pdp-ink);white-space:nowrap;min-width:max-content}
.ycp-sticky-atc__btn,.ycp-sticky-atc__btn:hover,.ycp-sticky-atc__btn:focus,.ycp-sticky-atc__btn:active{background:var(--pdp-ind)!important;color:#fff!important;border:0!important;box-shadow:none}
.ycp-sticky-atc__btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-height:48px;border-radius:999px!important;font:inherit;font-weight:600;font-size:16px;padding:0 26px!important;cursor:pointer;text-decoration:none!important;white-space:nowrap}
.ycp-sticky-atc__btn:hover{background:var(--pdp-ind-d)!important}
.ycp-sticky-atc__nav{display:none}
@media (min-width:1025px){
 .ycp-sticky-atc{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:24px;position:fixed;inset-inline:0;bottom:0;z-index:9980;padding:12px max(40px,calc((100vw - 1280px)/2));background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(20px) saturate(1.5);backdrop-filter:blur(20px) saturate(1.5);border-top:1px solid rgba(227,228,233,.9);box-shadow:0 -18px 40px -28px rgba(14,15,19,.35);transform:translateY(110%);transition:transform .25s ease}
 .ycp-sticky-atc__tx{flex-direction:row;align-items:baseline;gap:14px}
 .ycp-sticky-atc__nav{display:flex;gap:4px}
 .ycp-sticky-atc__nav a{padding:9px 14px;border-radius:999px;font-size:14.5px;font-weight:500;color:#2A2C33!important;text-decoration:none}
 .ycp-sticky-atc__nav a:hover{background:#EDEEF4;color:var(--pdp-ind)!important}
 .ycp-sticky-atc__nav a[aria-current=true]{background:#EDEEF4;color:var(--pdp-ind)!important;font-weight:600}
 body.ycp-has-sticky-atc{--ycp-wa-bottom:92px}
}
@media (max-width:1024px){
 .ycp-sticky-atc{display:flex;position:fixed;inset-inline:0;bottom:0;z-index:9980;gap:12px;align-items:center;justify-content:space-between;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(18px) saturate(1.5);backdrop-filter:blur(18px) saturate(1.5);border-top:1px solid rgba(227,228,233,.9);transform:translateY(110%);transition:transform .25s ease}
 .ycp-sticky-atc__name{display:none}
 .ycp-sticky-atc__price{font-size:17px}
 .ycp-sticky-atc__btn{min-height:46px;padding:0 22px!important}
 body.ycp-has-sticky-atc{--ycp-wa-bottom:88px}
}
.ycp-sticky-atc.is-visible{transform:none}
html.ycp-sheet-open .ycp-sticky-atc{display:none!important}
html.ycp-sheet-open .ycp-wa-float{opacity:0;pointer-events:none}

/* ---------- add-to-cart confirmation sheet (inline-end side on desktop = left in RTL; bottom sheet on mobile) ---------- */
.ycp-sheet{position:fixed;inset:0;z-index:10002}
.ycp-sheet[hidden]{display:none}
.ycp-sheet__scrim{position:absolute;inset:0;background:rgba(14,15,19,.38);opacity:0;transition:opacity .22s ease}
.ycp-sheet.is-on .ycp-sheet__scrim{opacity:1}
.ycp-sheet__panel{position:absolute;top:0;bottom:0;inset-inline-end:0;width:min(420px,100vw);display:flex;flex-direction:column;gap:20px;padding:24px;background:#fff;box-shadow:0 0 60px -20px rgba(14,15,19,.45);overflow-y:auto;transform:translateX(-104%);transition:transform .26s cubic-bezier(.2,.8,.2,1)}
[dir=ltr] .ycp-sheet__panel{transform:translateX(104%)}
.ycp-sheet.is-on .ycp-sheet__panel{transform:none}
.ycp-sheet__panel:focus{outline:none}
.ycp-sheet__head{display:flex;justify-content:space-between;align-items:center}
.ycp-sheet__head h2{display:flex;align-items:center;gap:8px;margin:0;font-size:21px;font-weight:600}
.ycp-sheet__head .ycp-ic{color:#2E7D5B}
.ycp-sheet__x{width:44px;height:44px;border-radius:50%;border:0;background:var(--pdp-sur);font-size:24px;line-height:1;cursor:pointer;color:var(--pdp-ink)}
.ycp-sheet__item{display:flex;gap:14px;align-items:center}
.ycp-sheet__item img{width:72px;height:72px;object-fit:contain;border-radius:12px;border:1px solid #F0F1F4}
.ycp-sheet__item>div{display:flex;flex-direction:column;gap:2px;font-size:14.5px;color:var(--pdp-mut);min-width:0}
.ycp-sheet__item b{font-size:16px;font-weight:600;color:var(--pdp-ink)}
.ycp-sheet__ship{padding:14px 16px;border-radius:16px;background:var(--pdp-sur)}
.ycp-sheet__shiptx{margin:0 0 10px;font-size:14.5px;color:#2A2C33}
.ycp-sheet__shiptx strong{color:var(--pdp-ind)}
.ycp-sheet__bar{height:6px;border-radius:999px;background:#E3E4E9;overflow:hidden}
.ycp-sheet__bar span{display:block;height:100%;width:0;background:var(--pdp-ind);border-radius:inherit;transition:width .4s ease}
.ycp-sheet__more h3{margin:0 0 10px;font-size:15px;font-weight:600}
.ycp-sheet__cta{display:flex;flex-direction:column;gap:10px;margin-top:auto}
.ycp-sheet__cta .ycp-btn{width:100%}
@media (max-width:767px){
 .ycp-sheet__panel{top:auto;inset-inline:0;width:auto;max-height:88dvh;border-radius:24px 24px 0 0;padding:20px 16px calc(16px + env(safe-area-inset-bottom));transform:translateY(104%)!important}
 .ycp-sheet.is-on .ycp-sheet__panel{transform:none!important}
}
@media (prefers-reduced-motion:reduce){.ycp-sheet__panel,.ycp-sheet__scrim,.ycp-sticky-atc,.ycp-chip{transition:none!important}.ycp-chips.is-pulse{animation:none}}

/* ---------- small screens: rail spacing ---------- */
@media (max-width:1024px){body.single-product .ycp-pdp-top>.summary{margin-top:20px!important}}
@media (max-width:767px){
 body.single-product div.product .ycp-title{font-size:28px}
 .ycp-title__desc{font-size:16px;margin-top:6px}
 .ycp-spchips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:-16px!important;padding:0 16px!important}
 .ycp-spchips::-webkit-scrollbar{display:none}
 .ycp-policy{gap:10px 16px}
}

/* 16.10 — 3D icons: service cards + key-spec tiles */
.ycp-svc__c>.ycp-i3d{display:block;width:76px;height:76px;object-fit:contain;margin:-6px 0 2px -4px}
.ycp-keyspecs__t{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:12px;align-items:center}
.ycp-keyspecs__t>.ycp-i3d{grid-row:1/3;width:52px;height:52px;object-fit:contain}
.ycp-keyspecs__t>dt,.ycp-keyspecs__t>dd{grid-column:2}
.ycp-keyspecs__t>dt{align-self:end}.ycp-keyspecs__t>dd{align-self:start}
@media (max-width:767px){.ycp-svc__c>.ycp-i3d{width:52px;height:52px}.ycp-keyspecs__t>.ycp-i3d{width:36px;height:36px}.ycp-keyspecs__t{column-gap:10px}}

/* ===== UX review 16.10 (qa/ux_2026-10-16/UX_REVIEW.md) ===== */
/* #9 tablet (768–1024): two columns like desktop — gallery beside the rail, so title, price and ATC are on the first screen */
@media (min-width:768px) and (max-width:1024px){
 body.single-product .ycp-pdp-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:start}
 body.single-product .ycp-pdp-top>.woocommerce-product-gallery{grid-column:1;grid-row:1;margin:0!important;padding:16px}
 body.single-product .ycp-pdp-top>.summary{grid-column:2;grid-row:1;margin-top:0!important}
 body.single-product .woocommerce-product-gallery .flex-control-thumbs li{width:56px!important;flex-basis:56px}
}
/* #10 the Latin model is its own LTR block — align it with the RTL rail */
.ycp-title__model{text-align:right}
/* #27 phones: a shorter gallery brings the price above the fold */
@media (max-width:767px){
 body.single-product .woocommerce-product-gallery__image>a{aspect-ratio:4/3}
 body.single-product div.product.ycp-gal-1 .woocommerce-product-gallery__image>a>img{max-height:300px}
 body.single-product .woocommerce-product-gallery .flex-control-thumbs{margin-top:10px!important;gap:8px}
 body.single-product .woocommerce-product-gallery .flex-control-thumbs li{width:56px!important;flex-basis:56px}
}
/* #35 policy row: three equal columns on phones (icon over text), no 2+1 wrap */
@media (max-width:767px){
 .ycp-policy{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
 .ycp-policy a{flex-direction:column;justify-content:center;text-align:center;gap:6px;min-height:56px;font-size:13px;line-height:1.35}
}
/* #29 tap targets: "שאלו את יאיר" ≥44px; small links get a larger hit area without moving the layout */
.ycp-ask{min-height:44px}
.ycp-eb__brand{padding-block:13px;margin-block:-13px}
.ycp-card__t{padding-block:12px;margin-block:-12px}
/* #28 */
@media (max-width:767px){.ycp-card__why{font-size:14px}}
/* POLISH 16.10 P4: a chosen variation is a ring, not a filled pill — the only filled indigo in the rail is "הוספה לסל" */
.ycp-chip[aria-checked=true]{background:#EDEEF4;border-color:var(--pdp-ind);box-shadow:inset 0 0 0 1px var(--pdp-ind);color:var(--pdp-ink);font-weight:600}
.ycp-chip[aria-checked=true]:hover{background:#E4E6F0}
/* POLISH 16.10 P5: key-spec values were 22px and broke into 3 lines ("Dolby Atmos / DTS:X") */
.ycp-keyspecs dd{font-size:18px;font-weight:600;line-height:1.3}
@media (min-width:768px){.ycp-keyspecs__t{column-gap:10px}.ycp-keyspecs__t>.ycp-i3d{width:44px;height:44px}}
@media (max-width:767px){.ycp-keyspecs dd{font-size:16.5px}}

/* ===== 16.10 competitor round (GAPS #4 #6 #9 #11) ===== */
/* #4 gallery + PDP cards on the light product stage (multiply: white JPEG backgrounds sit in the tile; zoom image too) */
body.single-product .woocommerce-product-gallery__image{background:var(--ycp-stage,#F2F2F5);border-radius:16px;overflow:hidden;isolation:isolate}
body.single-product .woocommerce-product-gallery__image>a{padding:6%;box-sizing:border-box}
body.single-product .woocommerce-product-gallery__image img,body.single-product .woocommerce-product-gallery__image .zoomImg{mix-blend-mode:multiply;background:transparent!important}
body.single-product .woocommerce-product-gallery .flex-control-thumbs li{background:var(--ycp-stage,#F2F2F5);border-radius:12px;isolation:isolate}
body.single-product .woocommerce-product-gallery .flex-control-thumbs li img{background:transparent!important;mix-blend-mode:multiply}
.ycp-card__img{display:flex!important;align-items:center;justify-content:center;padding:4px;background:var(--ycp-stage,#F2F2F5);border-radius:12px;isolation:isolate}
.ycp-card__img img{width:56px;height:56px;border:0!important;background:transparent!important;mix-blend-mode:multiply}
.ycp-cards--compact .ycp-card__img img{width:44px;height:44px}
.ycp-cards--full .ycp-card__img{padding:9%}
.ycp-cards--full .ycp-card__img img{width:100%;height:auto}
.ycp-card .ycp-stock{margin-top:2px}
/* #6 fit notes (under the spec chips) */
.ycp-fit{list-style:none;margin:0 0 18px!important;padding:12px 14px;display:flex;flex-direction:column;gap:10px;background:var(--pdp-sur);border-radius:16px}
.ycp-fit li{display:flex;align-items:flex-start;gap:12px;margin:0}
.ycp-fit .ycp-i3d{width:36px;height:36px;flex-shrink:0;object-fit:contain}
.ycp-fit p{margin:0!important;font-size:14.5px;line-height:1.55;color:#2A2C33}
.ycp-fit bdi{white-space:nowrap}
.ycp-fit__l{display:flex;flex-wrap:wrap;gap:2px 16px;margin-top:4px}
.ycp-fit__l a{font-size:14px;font-weight:600;color:var(--pdp-ind)!important;text-decoration:underline;text-underline-offset:3px}
.ycp-fit__l a:hover{color:var(--pdp-ind-d)!important}
/* #11 ask row: WhatsApp · call · call me back · share */
.ycp-askrow{margin:20px 0 0!important}
.ycp-askrow__h{margin:0 0 10px!important;font-size:15px;font-weight:600;color:var(--pdp-ink)}
.ycp-askrow__b{display:flex;flex-wrap:wrap;gap:8px}
.ycp-askrow__i{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 16px;border:1px solid #D9DAE2;border-radius:999px;background:#fff;color:var(--pdp-ink)!important;font:inherit;font-size:14.5px;font-weight:600;text-decoration:none!important;cursor:pointer;transition:border-color .15s ease,background-color .15s ease}
.ycp-askrow__i:hover,.ycp-askrow__i:focus-visible{border-color:var(--pdp-ind);background:#F5F5FA;color:var(--pdp-ink)!important}
.ycp-askrow__i .ycp-ic{color:var(--pdp-ind);flex-shrink:0}
.ycp-askrow__i[hidden]{display:none}
.ycp-askrow__msg{margin:8px 0 0!important;font-size:13.5px;color:#2E7D5B}
.ycp-askrow__msg:empty{display:none}
@media (max-width:767px){.ycp-askrow__b{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}
.ycp-askcard.has-photo img{border-radius:50%;object-fit:cover}
.ycp-eb__auth{color:#2E7D5B;font-weight:600}
/* #9 quick compare */
.ycp-qc{margin-top:72px}
.ycp-qc__hd h2{margin:0 0 4px;font-size:clamp(24px,1vw + 18px,32px);font-weight:500}
.ycp-qc__hd p{margin:0 0 18px;font-size:15px;color:var(--pdp-mut)}
.ycp-qc__wrap{overflow-x:auto;border:1px solid var(--pdp-line);border-radius:20px;background:#fff}
.ycp-qc__wrap:focus-visible{outline:2px solid var(--pdp-ind);outline-offset:2px}
.ycp-qc__t{width:100%;min-width:620px;margin:0!important;border:0!important;border-collapse:collapse;table-layout:fixed}
.ycp-qc__t th,.ycp-qc__t td{padding:12px 16px;border:0!important;border-bottom:1px solid #EEEFF2!important;background:transparent;text-align:start;vertical-align:middle;font-size:15px;line-height:1.45;color:var(--pdp-ink)}
.ycp-qc__t tbody tr:last-child>*{border-bottom:0!important}
.ycp-qc__t thead th{vertical-align:top;font-weight:600;padding-top:18px}
.ycp-qc__t thead td{width:22%}
.ycp-qc__t tbody th{font-size:14px;font-weight:600;color:var(--pdp-mut)}
.ycp-qc__t .is-me{background:#F7F7FB}
.ycp-qc__t thead .ycp-stage{aspect-ratio:1/1;width:min(120px,100%);padding:10px;margin-bottom:10px}
.ycp-qc__t thead .ycp-stage img{width:100%;height:100%}
.ycp-qc__t thead a{display:block;color:var(--pdp-ink)!important;text-decoration:none!important}
.ycp-qc__t thead a:hover .ycp-qc__m{text-decoration:underline;text-underline-offset:3px}
.ycp-qc__b{display:block;margin-bottom:2px;font-size:12.5px;font-weight:600;color:var(--pdp-ind)}
.ycp-qc__m{display:block;font-size:15px;font-weight:600;line-height:1.35}
.ycp-qc__tag{display:inline-block;margin-bottom:8px;padding:2px 10px;border-radius:999px;background:var(--pdp-ind);color:#fff;font-size:12px;font-weight:600}
.ycp-qc__price td{font-weight:700}
.ycp-qc__price .ycp-vat{display:none}
@media (max-width:767px){.ycp-qc{margin-top:56px}.ycp-qc__t{min-width:520px}.ycp-qc__t th,.ycp-qc__t td{padding:10px 12px;font-size:14px}.ycp-qc__t tbody th,.ycp-qc__t thead td{position:sticky;inset-inline-start:0;z-index:1;background:#fff}}
/* 16.10 axe definition-list: key-spec icon moved inside <dt> → positioned beside the label/value pair */
.ycp-keyspecs__t{display:flex;flex-direction:column;justify-content:center;position:relative;min-height:48px;padding-inline-start:56px}
.ycp-keyspecs__t dt .ycp-i3d{position:absolute;inset-inline-start:0;top:50%;transform:translateY(-50%);width:44px;height:44px;object-fit:contain}
@media (max-width:767px){.ycp-keyspecs__t{padding-inline-start:46px;min-height:40px}.ycp-keyspecs__t dt .ycp-i3d{width:36px;height:36px}}
/* 16.10 description media: images inside figure.ycp-desc-media sat stacked at 540px and left half the column empty → a fluid grid (2 across on desktop, 1 on phones) */
.ycp-prose .ycp-desc-media{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;margin:20px 0}
.ycp-prose .ycp-desc-media img{width:100%;height:auto;border-radius:12px}
/* 16.10 Tal: Woo's hover zoom blew low-res photos up in place. Zoom support stays ON in PHP because Woo only prints the magnifier
   (.woocommerce-product-gallery__trigger → PhotoSwipe lightbox) when zoom is enabled — so only the hover layer is hidden. */
body.single-product .woocommerce-product-gallery .zoomImg{display:none!important}

/* ===== 17.10 perf: gallery CLS (Lighthouse mobile CLS 0.73 on PDPs) =====
   Flexslider builds the slider over two frames; in between, the first slide is laid out several times too wide (1520px tall
   on a phone) and pushes the rail down, then snaps back. (1) The viewport keeps the slide's own aspect whatever the slides do
   (it already clips: overflow hidden). (2) Before init, the gallery already has its built height: only the first image shows
   and the thumbnail row's height is reserved. */
body.single-product div.product:not(.ycp-gal-1) .woocommerce-product-gallery .flex-viewport{aspect-ratio:1/1;height:auto!important}
body.single-product .woocommerce-product-gallery>.woocommerce-product-gallery__wrapper>.woocommerce-product-gallery__image:nth-child(n+2){display:none!important}
body.single-product div.product:not(.ycp-gal-1) .woocommerce-product-gallery>.woocommerce-product-gallery__wrapper::after{content:"";display:block;height:88px}
@media (min-width:768px) and (max-width:1024px){body.single-product div.product:not(.ycp-gal-1) .woocommerce-product-gallery>.woocommerce-product-gallery__wrapper::after{height:72px}}
@media (max-width:767px){
 body.single-product div.product:not(.ycp-gal-1):not(:has(.ycp-vid)) .woocommerce-product-gallery .flex-viewport{aspect-ratio:4/3}
 body.single-product div.product:not(.ycp-gal-1) .woocommerce-product-gallery>.woocommerce-product-gallery__wrapper::after{height:66px}
 /* a video slide is 1:1, so a gallery with one is 1:1 once built: match it before init */
 body.single-product div.product:has(.ycp-vid) .woocommerce-product-gallery>.woocommerce-product-gallery__wrapper>.woocommerce-product-gallery__image:first-child>a{aspect-ratio:1/1}
}

/* =====================================================================================================================
   PDP MOBILE ROUND (16.10, plugin 1.19.x) — merged here (one render-blocking file, not two); was assets/pdp-mobile.css
   ===================================================================================================================== */
/* YCP PDP mobile round (research/pdp_mobile_2026-10-16/PDP_MOBILE.md top 8 + IMPLEMENT.md). Enqueued after pdp.css on is_product().
   Brain playbook rules in brackets (P1 … P36). One vertical rhythm on the 4/8 scale in the buy box; sizes: H1 28/1.2,
   descriptor 17, price 30/600, CTA + qty 52, chips 44 (P34 wins over the earlier 36 px idea). Logical properties (RTL). */

/* =====================================================================================================================
   ALL VIEWPORTS
   ===================================================================================================================== */

/* P17: a button waiting for a choice never reads as "not for sale" (Woo greys .disabled to .5; the tap is caught in JS) */
body.single-product div.product form.cart .single_add_to_cart_button.disabled,
body.single-product div.product form.cart .single_add_to_cart_button.disabled:hover{opacity:1!important;cursor:pointer;background-color:var(--pdp-ind)!important;color:#fff!important}

/* P17: inline prompt under a chip group (filled by ycp-pdp-mobile.js; role=alert) */
.ycp-chips__msg{margin:8px 0 0!important;font-size:14px;line-height:1.5;font-weight:600;color:#B4372A}
.ycp-chips__msg:empty{display:none}
.ycp-chips__msg .ycp-vnotify{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:44px;margin-top:8px;padding:0 18px;border:1px solid var(--pdp-ind);border-radius:999px;background:#fff;color:var(--pdp-ind)!important;font-size:15px;font-weight:600;text-decoration:none!important}
.ycp-chips__msg .ycp-vnotify:hover{background:#F5F5FA}
.ycp-varsel.is-need .ycp-chips{outline:2px solid var(--pdp-ind);outline-offset:6px;border-radius:16px}

/* P10/P12/P13: colour dots, a clear selected ring + check, unavailable values visible and tappable */
.ycp-chip{gap:8px}
.ycp-chip__sw{width:20px;height:20px;border-radius:50%;flex-shrink:0;box-shadow:inset 0 0 0 1px rgba(14,15,19,.22)}
/* the selection changes no box size (pdp.js marks the default chip after first paint: a wider chip would be a layout shift):
   one weight for every state, and the check is a badge on the corner */
.ycp-chip{position:relative;font-weight:500}
.ycp-chip[aria-checked=true]{background:#F1F2F7;border-color:var(--pdp-ind);box-shadow:0 0 0 1px var(--pdp-ind);color:var(--pdp-ink);font-weight:500}
.ycp-chip[aria-checked=true]::after{content:"";position:absolute;top:-7px;inset-inline-end:-5px;width:18px;height:18px;border-radius:50%;background:var(--pdp-ind) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/12px no-repeat;box-shadow:0 0 0 2px #fff}
.ycp-chip[aria-disabled=true]{cursor:pointer;color:#5F6169}
.ycp-chip[aria-disabled=true] .ycp-chip__sw{opacity:.45}

/* P34: magnifier 44 × 44 (Woo draws the glass with ::before/::after for a 36 px box; moved +4 px to stay centred) */
body.single-product div.product div.images .woocommerce-product-gallery__trigger{width:44px!important;height:44px!important;box-sizing:border-box!important}
body.single-product div.product div.images .woocommerce-product-gallery__trigger::before{top:13px;left:13px}
body.single-product div.product div.images .woocommerce-product-gallery__trigger::after{top:23px;left:26px}

/* P25–P27: service row right under the CTA (inc/pdp-mobile.php p31): one compact link into the service section */
.ycp-svcrow{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:8px;align-items:center;margin:16px 0 0!important;padding:10px 14px;border-radius:14px;background:var(--pdp-sur);color:#2A2C33!important;text-decoration:none!important}
.ycp-svcrow__i{grid-column:1;display:flex;align-items:center;gap:8px;min-width:0;font-size:14px;line-height:22px}
/* CLS: one line each, whatever font is showing (a wrap in the fallback font moved everything below it when Google Sans arrived) */
.ycp-svcrow__i>span{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* 19.10 brand warranty line (importer · period): up to 2 lines in a fixed 2-line box, so a wrap never shifts the buy box */
.ycp-svcrow__i--w{min-height:44px}
.ycp-svcrow__i--w>span{white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}
.ycp-sku{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ycp-svcrow__i .ycp-ic{color:var(--pdp-ind);flex-shrink:0}
.ycp-svcrow__go{grid-column:2;grid-row:1/span 3;display:grid;color:var(--pdp-mut)}
.ycp-svcrow:hover .ycp-svcrow__i>span{text-decoration:underline;text-underline-offset:3px}
.ycp-svcrow:focus-visible{outline:2px solid var(--pdp-ind);outline-offset:2px}

/* P34: small text links in the rail get a 44 px tall hit area without moving the layout */
.ycp-fit__l a,.ycp-inst-card a{display:inline-block;padding-block:13px;margin-block:-13px}
.ycp-eb__brand{padding-inline:12px;margin-inline:-12px}

/* CLS: the quantity box has its final width before pdp.js adds the −/+ buttons (otherwise the ATC narrows after first paint) */
body.single-product div.product form.cart .quantity{flex:0 0 142px;width:142px;box-sizing:border-box}
body.single-product div.product form.cart .quantity:not(.ycp-qty){display:flex;align-items:center;justify-content:center;height:52px;padding:4px;border:1px solid var(--pdp-line);border-radius:999px;background:#fff}
body.single-product div.product form.cart .quantity:not(.ycp-qty) .qty{width:44px!important;height:44px;border:0!important;padding:0!important;text-align:center;font-weight:600;-moz-appearance:textfield}

/* P20: price unit from pa_sold-as */
.ycp-unit{font-size:14px;font-weight:400;color:var(--pdp-mut)}

/* P34: one-tap add buttons on accessory cards (rail, section, sheet) */
.ycp-card__add{min-height:44px}

/* P19: cart summary line in the added-to-cart sheet (ycp-pdp-mobile.js) */
.ycp-sheet__sum{margin:0!important;font-size:14.5px;line-height:1.5;color:#2A2C33}
.ycp-sheet__sum:empty{display:none}
.ycp-sheet__sum bdi{font-weight:600;color:var(--pdp-ink)}

/* =====================================================================================================================
   PHONES (≤ 767): first screen = header 76 · image · name · price · stock (P1, P2, P16), measured at 390 × 664
   ===================================================================================================================== */
@media (max-width:767px){
 /* The floating header keeps its site-wide size (same bar on every page); the stage gives way instead. The sticky bar is on screen
    from load (P16), so the first screen ends at its top edge: header 76 + gap 8 + stage + thumbs 56 + 16 + eyebrow 18 + 8 + H1 62
    + 12 + price 36 + 8 + stock 24 must stay ≤ 100svh − bar 61 − 4 → stage = 100svh − 390 (274 at the 664 px Safari view). */
 body.single-product{--pdpm-stage:274px;--pdpm-stage:clamp(240px,calc(100svh - 390px),360px)}
 /* P2: nothing above the gallery but the header: the status strip stays in the drawer + ask row, the eyebrow carries brand + category.
    BreadcrumbList schema is printed separately by Woo's structured data, so it stays. */
 body.single-product .elementor-location-header .ycp-hdr-top{display:none!important}
 body.single-product .woocommerce-breadcrumb{display:none!important}
 body.single-product .site-main{padding-top:8px}

 /* P5/P6: full-bleed stage, one height before and after FlexSlider builds (CLS), thumbnails kept (48 px strip) */
 body.single-product div.product .woocommerce-product-gallery{margin:0 -16px!important;width:calc(100% + 32px)!important;padding:0!important;border:0!important;border-radius:0!important}
 body.single-product .woocommerce-product-gallery .flex-viewport,body.single-product div.product .woocommerce-product-gallery__image{border-radius:0}
 body.single-product div.product.type-product:not(.ycp-gal-1) .woocommerce-product-gallery .flex-viewport,
 body.single-product div.product.type-product:not(.ycp-gal-1):not(:has(.ycp-vid)) .woocommerce-product-gallery .flex-viewport,
 body.single-product div.product.type-product:not(.ycp-gal-1):has(.ycp-vid) .woocommerce-product-gallery .flex-viewport{aspect-ratio:auto!important;height:var(--pdpm-stage)!important}
 body.single-product div.product.type-product .woocommerce-product-gallery__image>a{aspect-ratio:auto!important;height:var(--pdpm-stage);padding:5%}
 body.single-product div.product.type-product.ycp-gal-1 .woocommerce-product-gallery__image>a>img{max-height:none;height:100%!important}
 body.single-product div.product.type-product .ycp-vid__stage,body.single-product div.product.type-product .ycp-vid iframe{aspect-ratio:auto;height:var(--pdpm-stage);border-radius:0}
 body.single-product div.product.type-product:not(.ycp-gal-1) .woocommerce-product-gallery>.woocommerce-product-gallery__wrapper::after{height:56px}
 body.single-product div.product .woocommerce-product-gallery .flex-control-thumbs{margin:8px 0 0!important;padding:0 16px!important;gap:8px}
 body.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li{width:48px!important;flex:0 0 48px!important;border-radius:10px}
 body.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li img{border-radius:10px}
 .ycp-gal-count{inset-inline-start:12px;top:12px}
 body.single-product div.product div.images .woocommerce-product-gallery__trigger{top:8px!important;inset-inline-end:8px!important}

 /* buy box: visual order for the first screen (P1) and one 4/8 rhythm; SKU + spec chips + fit notes are reference, below the CTA */
 body.single-product div.product .ycp-pdp-top>.summary{display:flex!important;flex-direction:column;margin-top:16px!important}
 body.single-product div.product .ycp-pdp-top>.summary>*{order:20;margin-block:0!important}
 body.single-product div.product .ycp-pdp-top>.summary>.ycp-eb{order:1}
 body.single-product div.product .ycp-pdp-top>.summary>.ycp-title{order:2;margin-block:8px 0!important}
 body.single-product div.product .ycp-pdp-top>.summary>.woocommerce-product-rating{order:3;margin-block:8px 0!important}
 body.single-product div.product .ycp-pdp-top>.summary>p.price{order:3;margin-block:12px 0!important}
 body.single-product div.product .ycp-pdp-top>.summary>.ycp-inst{order:4;margin-block:4px 0!important}
 body.single-product div.product .ycp-pdp-top>.summary>.ycp-avail{order:5;margin-block:8px 0!important}
 body.single-product div.product .ycp-pdp-top>.summary>form.cart{order:6;margin-block:20px 0!important}
 body.single-product div.product .ycp-pdp-top>.summary>.ycp-cta-alt{order:7;margin-block:20px 0!important}
 body.single-product div.product .ycp-pdp-top>.summary>.ycp-svcrow{order:8;margin-block:12px 0!important}
 body.single-product div.product .ycp-pdp-top>.summary>.ycp-sku{order:9;margin-block:24px 0!important}
 body.single-product div.product .ycp-pdp-top>.summary>.ycp-spchips{order:10;margin-block:8px 0!important}
 body.single-product div.product .ycp-pdp-top>.summary>.ycp-fit{order:11;margin-block:16px 0!important}
 body.single-product div.product .ycp-pdp-top>.summary>.ycp-inst-card{order:12;margin-block:16px 0!important}
 body.single-product div.product .ycp-pdp-top>.summary>.ycp-pairs{order:13;margin-block:32px 0!important}
 body.single-product div.product .ycp-pdp-top>.summary>.ycp-askrow{order:14;margin-block:32px 0!important}
 body.single-product div.product .ycp-pdp-top>.summary>.ycp-policy{order:15;margin-block:24px 0!important}
 /* CLS: SKU, spec chips and fit notes come early in the HTML but show after the service row. While the page streams in, the
    price / form / service row would arrive above them and push them down (seen in a Lighthouse trace: 0.011). They wait until
    the service row (p31) has been parsed. Browsers without :has() ignore this and keep the old behaviour. */
 body.single-product div.product .ycp-pdp-top>.summary:not(:has(>.ycp-svcrow))>:is(.ycp-sku,.ycp-spchips,.ycp-fit){display:none!important}

 body.single-product div.product .ycp-title{font-size:28px;line-height:1.2}
 .ycp-title__desc{margin-top:4px;font-size:17px;line-height:1.4}
 body.single-product div.product .summary p.price{font-size:30px;line-height:1.2;font-weight:600}
 .ycp-vat{font-size:14px}
 .ycp-avail{min-height:24px;font-size:15px;line-height:24px}
 .ycp-sku{font-size:13px}
 .ycp-spchips li{padding:6px 12px;font-size:13px;line-height:18px}

 /* variations: label → chips 8, group → group 16, chips → button row 20 */
 body.single-product div.product form.cart .variations tr+tr{margin-top:16px}
 body.single-product div.product form.cart .woocommerce-variation-add-to-cart{margin-top:20px}
 body.single-product div.product form.cart:not(.variations_form),body.single-product div.product form.cart .woocommerce-variation-add-to-cart{gap:8px}

 /* P3/P20: CTA 52 tall; qty 52 (−/+ 44); one-at-a-time products (cfg qty_one_cats) get no stepper and a full-width button */
 body.single-product div.product form.cart .single_add_to_cart_button{min-height:52px;font-size:17px!important}
 body.single-product div.product form.cart .ycp-qty{height:52px;padding:4px}
 body.single-product div.product form.cart .ycp-qty .qty{width:44px!important}
 body.single-product div.product.ycp-qty1 form.cart .quantity{display:none!important}
 body.single-product div.product.ycp-qty1 form.cart .single_add_to_cart_button{width:100%}
 .ycp-cta-alt .ycp-btn{min-height:52px}

 /* P16: sticky bar ≤ 64 + safe area; the footer keeps room so nothing ends under it */
 body.single-product .ycp-sticky-atc{padding:6px 16px calc(6px + env(safe-area-inset-bottom))}
 body.single-product .ycp-sticky-atc__btn{min-height:48px}
 body.single-product .elementor-location-footer{padding-bottom:calc(72px + env(safe-area-inset-bottom))}
 html.ycp-consent-open body.single-product .elementor-location-footer{padding-bottom:calc(72px + 112px + env(safe-area-inset-bottom))}

 /* P2/P16: consent on the PDP: compact, above the sticky bar, never over price / stock / buttons (JS tucks it while they are under it).
    Hidden until ycp-pdp-mobile.js runs: with no JS nothing is tracked anyway (Consent Mode stays denied). */
 html.ycp-consent-open body.single-product .ycp-sticky-atc{opacity:1;pointer-events:auto}
 /* 17.10 CLS: the lift above the sticky bar is a translate (compositor only); moving `bottom` was a layout shift (~0.011 per first scroll) */
 body.single-product .ycp-cc{left:8px;right:8px;bottom:8px;translate:0 calc(-1 * var(--ycp-satc-h,0px));padding:8px 12px;border-radius:14px;transition:opacity .2s ease,transform .2s ease,translate .25s ease}
 body.single-product .ycp-cc__t{margin:0 0 6px!important;font-size:12.5px;line-height:17px}
 body.single-product .ycp-cc__b button{min-height:40px;padding:6px 10px;font-size:14px}
 html.ycp-consent-pending body.single-product .ycp-cc:not(.ycp-cc--js),
 body.single-product .ycp-cc.ycp-cc--tuck{opacity:0!important;transform:translateY(12px)!important;visibility:hidden;pointer-events:none}

 /* P19: a short phone keeps the sheet's buttons in view; the accessories scroll inside */
 .ycp-sheet__sum{margin-top:-8px!important}
}
@media (max-width:767px) and (max-height:700px){
 .ycp-sheet__panel{max-height:80vh!important;overflow:hidden;gap:16px}
 .ycp-sheet__more{min-height:0;flex:0 1 auto;overflow-y:auto;overscroll-behavior:contain}
 .ycp-sheet__cta{flex-shrink:0}
}

/* tablet (768–1024) shares the sticky-bar rule: shown whenever the in-page button is off screen (pdp.js) */
@media (min-width:768px) and (max-width:1024px){
 body.single-product .elementor-location-footer{padding-bottom:calc(72px + env(safe-area-inset-bottom))}
}
@media (prefers-reduced-motion:reduce){body.single-product .ycp-cc{transition:none}}

/* 17.10 lightbox on real iPhones (Tal: "no way to dismiss it"): PhotoSwipe above every floating layer, the top bar clears
   the status bar (viewport-fit=cover), a 48px close with a contrast disc, an LTR counter, and a big bottom "סגירה" pill. */
.pswp{z-index:2147483000!important}
html.ycp-lb-open :is(.ycp-sticky-atc,.ycp-wa-float,.ycp-cc,.elementor-location-header,.ycp-hdr-bar){visibility:hidden!important;pointer-events:none!important}
.pswp__top-bar{height:calc(60px + env(safe-area-inset-top,0px))!important;padding-top:env(safe-area-inset-top,0px);box-sizing:border-box}
.pswp__counter{top:env(safe-area-inset-top,0px)!important;height:60px!important;line-height:60px!important;direction:ltr;unicode-bidi:isolate;font-size:15px!important;opacity:.9!important}
.pswp .pswp__button--close{width:48px!important;height:48px!important;margin:6px 8px!important;border-radius:50%;opacity:1!important;
  background:rgba(14,15,19,.72) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6 6 18'/%3E%3C/svg%3E") center/22px no-repeat!important;box-shadow:0 0 0 1px rgba(255,255,255,.35)}
.pswp .pswp__button--close:focus-visible{outline:2px solid #fff;outline-offset:2px}
.ycp-pswp-close{position:absolute;z-index:2000;left:50%;bottom:calc(20px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);min-height:52px;min-width:132px;padding:0 28px;border-radius:999px;
  border:1px solid rgba(255,255,255,.5);background:rgba(14,15,19,.78);color:#fff;font:inherit;font-size:17px;font-weight:600;cursor:pointer;-webkit-tap-highlight-color:transparent}
.ycp-pswp-close:focus-visible{outline:2px solid #fff;outline-offset:3px}
.pswp:not(.pswp--open) .ycp-pswp-close,.pswp:not(.pswp--open){display:none!important}

/* ===================== 17.10 glass bento ("מפרט", Tal: E2) — inc/pdp-bento.php =====================
   Aurora stage (isolation, 3 blurred blobs drifting on transform only, grain), glass tiles (blur 22 / saturate 160,
   white .52, gradient edge via the mask trick, inset highlight, soft shadow), @supports fallback near-solid white.
   No filter / opacity / will-change on any ANCESTOR of a glass tile (the blobs are siblings). Tokens live on .ycp-sx;
   a dark theme only through an explicit [data-theme=dark] (the store itself is light). */
.ycp-sx{--sx-ink:#0E0F13;--sx-mut:#5F6169;--sx-line:#E3E4E9;--sx-sur:#fff;--sx-ind:#565B83;--sx-ind2:#8A8FC4;--sx-lav:#C7C3F0;--sx-warm:#E9C9A8;
  --sx-glass:rgba(255,255,255,.52);--sx-glass-strong:rgba(255,255,255,.9);--sx-edge:rgba(255,255,255,.75);--sx-shadow:rgba(40,44,80,.28);--sx-blur:22px;
  position:relative;isolation:isolate;overflow:hidden;border-radius:30px;border:1px solid var(--sx-line);background:var(--sx-sur);color:var(--sx-ink)}
:root[data-theme=dark] .ycp-sx{--sx-ink:#F2F2F6;--sx-mut:#A5A8B8;--sx-line:#262833;--sx-sur:#14151B;--sx-ind:#9DA2D6;--sx-glass:rgba(30,32,44,.55);--sx-glass-strong:rgba(34,36,50,.9);--sx-edge:rgba(255,255,255,.14);--sx-shadow:rgba(0,0,0,.5)}
.ycp-sx__aur{position:absolute;inset:-20%;z-index:-2;pointer-events:none}
.ycp-sx__aur i{position:absolute;border-radius:50%;filter:blur(60px);opacity:.75}
.ycp-sx__aur i:nth-child(1){width:55%;height:60%;left:5%;top:8%;background:radial-gradient(circle,var(--sx-ind2),transparent 70%)}
.ycp-sx__aur i:nth-child(2){width:50%;height:55%;right:2%;bottom:6%;background:radial-gradient(circle,var(--sx-lav),transparent 70%)}
.ycp-sx__aur i:nth-child(3){width:38%;height:40%;left:42%;top:0;background:radial-gradient(circle,var(--sx-warm),transparent 70%);opacity:.55}
@media (prefers-reduced-motion:no-preference){
 .ycp-sx__aur i:nth-child(1){animation:ycp-sx1 26s ease-in-out infinite alternate}
 .ycp-sx__aur i:nth-child(2){animation:ycp-sx2 32s ease-in-out infinite alternate}
 .ycp-sx__aur i:nth-child(3){animation:ycp-sx3 38s ease-in-out infinite alternate}
 .ycp-sx.is-off .ycp-sx__aur i{animation-play-state:paused}
}
@keyframes ycp-sx1{to{transform:translate(12%,10%) scale(1.12)}}
@keyframes ycp-sx2{to{transform:translate(-14%,-8%) scale(1.08)}}
@keyframes ycp-sx3{to{transform:translate(-10%,14%) scale(1.15)}}
.ycp-sx__grain{position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.06;mix-blend-mode:multiply;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.ycp-sx__in{position:relative;padding:clamp(22px,3.2vw,44px)}
.ycp-sx__src{margin:0 0 18px;font-size:14px;color:var(--sx-mut)}
/* glass material */
.ycp-g{position:relative;background:var(--sx-glass);-webkit-backdrop-filter:blur(var(--sx-blur)) saturate(160%);backdrop-filter:blur(var(--sx-blur)) saturate(160%);
  border:1px solid var(--sx-edge);border-radius:22px;box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 24px 48px -28px var(--sx-shadow)}
.ycp-g::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;
  background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(255,255,255,.1) 40%,rgba(138,143,196,.45) 100%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.ycp-g{background:var(--sx-glass-strong)}}
.ycp-sx .ycp-i3d{width:44px;height:44px;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 6px 10px rgba(40,44,80,.18))}
/* bento: 6 columns, spans computed server-side (c2/c3/c4/c6 · m1/m2 on phones) */
.ycp-bento{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin:0}
.ycp-bt{padding:20px 22px;display:flex;flex-direction:column;gap:12px;min-width:0;margin:0}
.ycp-bento>.c2{grid-column:span 2}.ycp-bento>.c3{grid-column:span 3}.ycp-bento>.c4{grid-column:span 4}.ycp-bento>.c6{grid-column:span 6}
.ycp-bt__hd{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0}
.ycp-bt__lbl{font-size:13px;color:var(--sx-mut);font-weight:500}
.ycp-bt__bd{margin:0;display:flex;flex-direction:column;gap:10px;min-width:0}
.ycp-bt__big{font-size:clamp(30px,2.6vw,40px);font-weight:600;line-height:1.05;color:var(--sx-ink);font-variant-numeric:tabular-nums}
.ycp-bt__big small{font-size:.45em;font-weight:500;color:var(--sx-mut);margin-inline-start:3px}
.ycp-bt__big--t{font-size:clamp(22px,1.8vw,28px)}
.ycp-bt__dash{margin:0 .12em;font-weight:400;color:var(--sx-mut)}
.ycp-bt--dims bdi[dir=ltr]{white-space:nowrap}
.ycp-bt__val{font-size:17px;font-weight:500;line-height:1.45;color:var(--sx-ink);overflow-wrap:anywhere}
.ycp-bt__sub{font-size:13px;line-height:1.45;color:var(--sx-mut)}
.ycp-bt__chips{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0;padding:0}
.ycp-bt__chips li{font-size:13.5px;line-height:1.3;padding:6px 11px;border-radius:999px;background:rgba(255,255,255,.62);border:1px solid rgba(86,91,131,.18);color:var(--sx-ink)}
.ycp-bt__sw{display:inline-flex;gap:8px}
.ycp-bt__sw i{width:20px;height:20px;border-radius:50%;border:1px solid rgba(0,0,0,.14);display:inline-block}
.ycp-freq{direction:ltr}
.ycp-freq__track{position:relative;height:8px;border-radius:999px;background:rgba(86,91,131,.15)}
.ycp-freq__band{position:absolute;top:0;bottom:0;border-radius:999px;background:linear-gradient(90deg,var(--sx-ind),var(--sx-ind2));box-shadow:0 0 16px rgba(138,143,196,.8)}
.ycp-freq__ticks{position:relative;height:16px;margin-top:7px;font-size:11px;color:var(--sx-mut)}
.ycp-freq__ticks span{position:absolute;transform:translateX(-50%)}
.ycp-freq__ticks span:first-child{transform:none}.ycp-freq__ticks span:last-child{transform:translateX(-100%)}
/* the full spec: one glass sheet, a row per group (E4) */
.ycp-sheet{margin-top:14px;padding:clamp(18px,2.4vw,28px) clamp(18px,2.4vw,32px)}
.ycp-sheet__g{display:grid;grid-template-columns:200px minmax(0,1fr);gap:24px;padding:18px 0;border-top:1px solid rgba(14,15,19,.08)}
.ycp-sheet__g:first-child{border-top:0;padding-top:4px}
.ycp-sheet__g:last-child{padding-bottom:4px}
.ycp-sheet__h{margin:0;display:flex;align-items:center;gap:10px;font-size:17px;font-weight:600;color:var(--sx-ink);align-self:start}
.ycp-sheet__h .ycp-i3d{width:30px;height:30px}
.ycp-sheet__dl{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 28px}
.ycp-sheet__dl>div{display:flex;flex-direction:column;gap:2px;min-width:0}
.ycp-sheet__dl>.w{grid-column:1/-1}
.ycp-sheet__dl dt{font-size:13px;color:var(--sx-mut)}
.ycp-sheet__dl dd{margin:0;font-size:16px;font-weight:500;line-height:1.5;color:var(--sx-ink);overflow-wrap:anywhere}
.ycp-dl .ycp-i3d{width:28px;height:28px;object-fit:contain}
.ycp-box .ycp-i3d{width:36px;height:36px;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 4px 8px rgba(40,44,80,.16))}
@media (max-width:767px){
 .ycp-sx{border-radius:24px;--sx-blur:14px}
 .ycp-sx__in{padding:20px 14px}
 .ycp-bento{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;grid-auto-flow:row dense}
 .ycp-bento>[class*=" c"]{grid-column:span 2}
 .ycp-bento>.m1{grid-column:span 1}
 .ycp-bt{padding:16px;gap:10px}
 .ycp-sx .ycp-bt .ycp-i3d{width:36px;height:36px}
 .ycp-bt__big{font-size:28px}.ycp-bt__big--t{font-size:21px}
 .ycp-bt__val{font-size:16px}
 .ycp-sheet{padding:16px}
 .ycp-freq__ticks span:nth-child(4){display:none}
 .ycp-sheet__g{grid-template-columns:1fr;gap:10px}
 .ycp-sheet__dl{grid-template-columns:1fr;gap:12px}
}

/* ===================== 17.10 O3 overview ("סקירה") — inc/pdp-overview.php =====================
   Same aurora stage + glass as the spec bento (blobs mirrored so the two stages don't read as copies). A magazine lead
   (first sentence, brand + model in indigo), the rest of the paragraph muted below it, then one glass card per benefit with
   its 3D icon (check disc when no icon fits). Columns: --cd from PHP (≤5 = one row, 6 = 3 × 2), ≤3 on tablets, 2 on phones;
   cards on a short last row stretch to fill it. "נתונים נוספים" = chips. Server-rendered, no late inserts. */
.ycp-sx--ov .ycp-sx__aur i:nth-child(1){left:auto;right:2%;top:4%}
.ycp-sx--ov .ycp-sx__aur i:nth-child(2){right:auto;left:0;bottom:4%}
.ycp-sx--ov .ycp-sx__aur i:nth-child(3){left:34%;top:auto;bottom:-4%}
.ycp-ov__lead{margin:0;max-width:30em;font-size:clamp(22px,1vw + 16px,30px);font-weight:500;line-height:1.42;letter-spacing:-.005em;color:var(--sx-ink);text-wrap:balance}
.ycp-ov__lead em{font-style:normal;color:var(--sx-ind)}
.ycp-ov__sub{margin:14px 0 0;max-width:62ch;font-size:17px;line-height:1.7;color:var(--sx-mut);text-wrap:pretty}
.ycp-ov__feat{--c:var(--cd,4);--gap:12px;list-style:none;margin:28px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:var(--gap)}
.ycp-ov__f{flex:1 1 calc((100% - (var(--c) - 1) * var(--gap)) / var(--c));min-width:0;margin:0;padding:20px 16px 18px;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;font-size:15px;line-height:1.5;color:var(--sx-ink);overflow-wrap:break-word}
.ycp-sx .ycp-ov__f .ycp-i3d{width:56px;height:56px}
.ycp-ov__chk{width:56px;height:56px;display:grid;place-items:center;flex-shrink:0}
.ycp-ov__chk svg{width:30px;height:30px;padding:7px;box-sizing:border-box;border-radius:50%;background:var(--sx-ind);color:#fff;stroke:currentColor;box-shadow:0 6px 14px -6px rgba(86,91,131,.9)}
.ycp-ov__ft{min-width:0}
.ycp-ov__more{margin-top:22px;display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}
.ycp-ov__mh{margin:0;font-size:13px;font-weight:500;line-height:1.4;color:var(--sx-mut)}
.ycp-ov__chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px;min-width:0}
.ycp-ov__chips li{max-width:100%;padding:7px 13px;border-radius:14px;background:rgba(255,255,255,.62);border:1px solid rgba(86,91,131,.18);font-size:14px;line-height:1.45;color:var(--sx-ink);overflow-wrap:anywhere}
.ycp-ov__xl{color:var(--sx-mut)}
.ycp-ov__xv{font-weight:500}
.ycp-ov__rest{margin-top:32px}
@media (max-width:1024px){.ycp-ov__feat{--c:min(var(--cd,4),3)}}
@media (max-width:767px){
 .ycp-ov__lead{font-size:21px;line-height:1.48}
 .ycp-ov__sub{margin-top:10px;font-size:16px;line-height:1.65}
 .ycp-ov__feat{--c:2;--gap:10px;margin-top:20px}
 .ycp-ov__f{padding:16px 10px 14px;gap:10px;font-size:14px;line-height:1.45}
 .ycp-sx .ycp-ov__f .ycp-i3d,.ycp-ov__chk{width:44px;height:44px}
 .ycp-ov__chk svg{width:26px;height:26px;padding:6px}
 .ycp-ov__more{margin-top:18px}
 .ycp-ov__mh{flex-basis:100%}
 .ycp-ov__chips li{font-size:13.5px;padding:6px 11px}
 .ycp-ov__rest{margin-top:24px}
}