/* YCP sitewide — source of truth. Shipped as plugin ycp-helpers/assets/ycp.css (enqueued, versioned; review M10). Snippet 1006 is empty. */
body,button,input,select,textarea,.elementor-nav-menu,.woocommerce{font-family:"Google Sans","Google Sans Fallback",Arial,sans-serif}
.screen-reader-text{border:0!important;clip:rect(1px,1px,1px,1px)!important;clip-path:inset(50%)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important;word-wrap:normal!important}
del{color:#6B6E7C;font-weight:400;font-size:.82em;margin-inline-end:8px;text-decoration:line-through}
ins{text-decoration:none;background:none}
/* V4 dynamic price tag strips classes: <del>old</del> <span>SR text</span><span>price</span><span>SR text</span> → hide the two SR spans */
p.e-paragraph-base > del + span, p.e-paragraph-base > del ~ span:last-child{display:none}
/* Elementor nav pointer: kit default accent is green #61CE70 → brand indigo */
.elementor-nav-menu--main .elementor-item:after,.elementor-nav-menu--main .elementor-item:before{background-color:#565B83!important}
.elementor-nav-menu--main .elementor-item:hover,.elementor-nav-menu--main .elementor-item.elementor-item-active{color:#565B83!important}
.elementor-nav-menu--dropdown{background:#fff}.elementor-nav-menu--dropdown .elementor-item:hover,.elementor-nav-menu--dropdown .elementor-item.elementor-item-active{background:#EDEEF4!important;color:#3F4366!important}
.elementor-menu-toggle{background:#F6F6F8!important;color:#0E0F13!important;border-radius:999px}
footer .elementor-nav-menu .elementor-item{color:#D6D7DE!important;padding-inline:0!important;padding-block:7px!important}
footer .elementor-nav-menu .elementor-item:hover{color:#fff!important}
/* ---------- WooCommerce: brand skin (single product, shop, cart, checkout) ---------- */
.woocommerce,.woocommerce-page{--wc-primary:#565B83;--wc-primary-text:#fff;--wc-secondary:#F6F6F8;--wc-highlight:#565B83}
.woocommerce a{color:#565B83}.woocommerce a:hover{color:#3F4366}
body.single-product .site-main,body.woocommerce-cart .site-main,body.woocommerce-checkout .site-main,body.woocommerce-account .site-main{max-width:1280px;margin-inline:auto;padding:24px 40px 80px}
@media (max-width:767px){body.single-product .site-main,body.woocommerce-cart .site-main,body.woocommerce-checkout .site-main,body.woocommerce-account .site-main{padding:16px 16px 56px}}
.woocommerce .woocommerce-breadcrumb{font-size:13px;color:#5F6169;margin-bottom:20px}
.woocommerce div.product .product_title{font-size:clamp(26px,1.4vw + 18px,40px);line-height:1.15;font-weight:700;color:#0E0F13;margin-bottom:12px}
.woocommerce div.product p.price,.woocommerce div.product span.price{color:#565B83!important;font-size:28px;font-weight:700}
.woocommerce div.product p.price del,.woocommerce div.product span.price del{color:#6B6E7C;font-size:.6em;font-weight:400;opacity:1}
.woocommerce div.product .woocommerce-product-details__short-description{font-size:17px;line-height:1.7;color:#2A2C33;margin:12px 0 20px}
.woocommerce span.onsale{background:#565B83!important;color:#fff;border-radius:999px;min-height:0;min-width:0;padding:6px 14px;line-height:1.2;font-size:13px;font-weight:600;top:12px!important;inset-inline-start:12px}
.woocommerce div.product form.cart .variations{background:#F6F6F8;border-radius:14px;padding:12px 16px;border:0}
.woocommerce div.product form.cart .variations select{border:1px solid #E3E4E9;border-radius:10px;padding:10px 12px;background:#fff;font-size:15px}
.woocommerce div.product form.cart .quantity .qty{height:50px;border:1px solid #E3E4E9;border-radius:999px;width:84px;font-size:16px}
.woocommerce button.button,.woocommerce a.button,.woocommerce input.button,.woocommerce #respond input#submit,.woocommerce button.button.alt,.woocommerce a.button.alt,.wc-block-components-button:not(.is-link){background:#565B83!important;color:#fff!important;border-radius:999px!important;padding:14px 28px!important;font-weight:600!important;font-size:16px!important;border:0!important}
.woocommerce button.button:hover,.woocommerce a.button:hover,.woocommerce button.button.alt:hover,.wc-block-components-button:not(.is-link):hover{background:#3F4366!important}
.woocommerce button.button.disabled,.woocommerce button.button:disabled{opacity:.45!important}
.woocommerce div.product .product_meta{font-size:14px;color:#5F6169;border-top:1px solid #E3E4E9;padding-top:14px;margin-top:20px}
.woocommerce div.product .product_meta .tagged_as{display:none}
.woocommerce div.product div.images img{border-radius:16px}
.woocommerce div.product div.images .flex-control-thumbs li img{border-radius:10px;border:1px solid #E3E4E9}
.woocommerce .related.products>h2,.woocommerce .upsells.products>h2{font-size:clamp(24px,1vw + 18px,32px);margin:48px 0 20px}
.woocommerce ul.products li.product{background:#fff;border:1px solid #E3E4E9;border-radius:16px;padding:16px!important;text-align:start}
.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:15px!important;line-height:1.4;color:#0E0F13;min-height:42px}
.woocommerce ul.products li.product .price{color:#565B83!important;font-weight:700;font-size:17px!important}
.woocommerce-store-notice,p.demo_store{background:#0E0F13!important}
/* T1 — Google Sans everywhere (the V3 nav widget received font-family:"var(--ycp-font)" as a literal string) */
.elementor-nav-menu .elementor-item,.elementor-nav-menu--dropdown .elementor-item{font-family:"Google Sans","Google Sans Fallback",Arial,sans-serif!important}
body :is(h1,h2,h3,h4,h5,h6,p,a,li,label,button,input,select,textarea,td,th,dt,dd,small,strong,em,bdi,span):not([class*="icon"]):not([class*="eicon"]):not(.star-rating):not(.star-rating *){font-family:"Google Sans","Google Sans Fallback",Arial,sans-serif}
/* T2 — floating WhatsApp button */
.ycp-wa-float{position:fixed;right:22px;bottom:var(--ycp-wa-bottom,22px);z-index:9990;display:flex;align-items:center;gap:0;height:60px;padding:0 6px;border-radius:999px;background:#565B83;color:#fff!important;box-shadow:0 14px 34px -10px rgba(14,15,19,.55),0 0 0 1px rgba(255,255,255,.08) inset;text-decoration:none;transition:gap .25s ease,padding .25s ease,background-color .2s ease,transform .2s ease}
.ycp-wa-float:hover{background:#3F4366;transform:translateY(-2px);gap:10px;padding:0 6px 0 20px}
.ycp-wa-float__icon{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.12);position:relative}
.ycp-wa-float__icon::after{content:"";position:absolute;inset:-6px;border-radius:50%;border:2px solid rgba(86,91,131,.55);animation:ycpPulse 2.4s ease-out infinite}
.ycp-wa-float__label{max-width:0;overflow:hidden;white-space:nowrap;font-weight:600;font-size:15px;transition:max-width .3s ease}
.ycp-wa-float:hover .ycp-wa-float__label,.ycp-wa-float:focus-visible .ycp-wa-float__label{max-width:140px}
@keyframes ycpPulse{0%{transform:scale(.85);opacity:.9}70%{transform:scale(1.35);opacity:0}100%{opacity:0}}
@media (prefers-reduced-motion:reduce){.ycp-wa-float__icon::after{animation:none}}
@media (max-width:767px){.ycp-wa-float{right:14px;height:56px}.ycp-wa-float__icon{width:44px;height:44px}}

/* T3 — desktop mega menu (structure from header v2; global classes ycp-mega-*) */
.ycp-mega{display:flex!important;flex-direction:row;align-items:stretch;gap:2px;padding:0!important;width:auto!important;flex-grow:1;justify-content:center;position:static!important;align-self:stretch}
.ycp-mega-item{position:static!important;display:flex!important;align-items:center;padding:0!important;width:auto!important}
.ycp-mega-label{font-size:15.5px!important;font-weight:500;color:#0E0F13!important;padding:0 11px;flex-shrink:0;height:76px;display:flex;align-items:center;position:relative;white-space:nowrap}
.ycp-mega-label::after{content:"";position:absolute;inset-inline:11px;bottom:18px;height:2px;background:#565B83;transform:scaleX(0);transition:transform .2s ease}
html:not(.ycp-js) .ycp-mega-item:hover .ycp-mega-label::after,.ycp-mega-item:focus-within .ycp-mega-label::after,.ycp-mega-item.is-open .ycp-mega-label::after,.ycp-mega-item.is-current .ycp-mega-label::after{transform:scaleX(1)}
html:not(.ycp-js) .ycp-mega-item:hover .ycp-mega-label,.ycp-mega-item:focus-within .ycp-mega-label,.ycp-mega-item.is-open .ycp-mega-label,.ycp-mega-item.is-current .ycp-mega-label{color:#565B83!important}
.ycp-mega-panel{position:absolute!important;top:100%;inset-inline:0;z-index:60;padding:0!important;background:#fff;border-top:1px solid #E3E4E9;box-shadow:0 30px 60px -30px rgba(14,15,19,.35);opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .18s ease,transform .18s ease,visibility 0s linear .18s;pointer-events:none}
html:not(.ycp-js) .ycp-mega-item:hover>.ycp-mega-panel,html:not(.ycp-js) .ycp-mega-item:focus-within>.ycp-mega-panel,.ycp-mega-item.is-open>.ycp-mega-panel{opacity:1;visibility:visible;transform:none;transition:opacity .16s ease-out,transform .16s ease-out,visibility 0s;pointer-events:auto}
.ycp-mega-item.is-switch>.ycp-mega-panel{transition:opacity .1s ease,visibility 0s;transform:none}
.ycp-mega-inner{display:grid!important;grid-template-columns:1.1fr 1fr 1.25fr;gap:48px;max-width:1280px;margin:0 auto;padding:36px 40px 40px!important;width:100%}
.ycp-mega-col{display:flex!important;flex-direction:column;gap:2px;padding:0!important}
.ycp-mega-head{font-size:14px!important;font-weight:600;letter-spacing:0;color:#565B83!important;margin-bottom:10px!important}
.ycp-mega-link{font-size:15.5px!important;color:#2A2C33!important;padding:8px 0;display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #F0F1F4;transition:color .15s ease,padding .15s ease}
.ycp-mega-link:hover{color:#565B83!important;padding-inline-start:6px}
.ycp-mega-count{font-size:12.5px;color:#6B6E7C;font-weight:500}
.ycp-mega-all{font-size:15px!important;font-weight:600;color:#565B83!important;margin-top:14px!important}
.ycp-mega-promo{position:relative;display:block!important;padding:0!important;border-radius:18px;overflow:hidden;min-height:260px;background:#0E0F13}
.ycp-mega-promo-img{position:absolute!important;inset:0;width:100%!important;height:100%!important;object-fit:cover;opacity:.9;transition:transform .5s ease}
.ycp-mega-promo:hover .ycp-mega-promo-img{transform:scale(1.04)}
.ycp-mega-promo-tx{position:absolute!important;inset-inline:0;bottom:0;padding:24px!important;flex-direction:column!important;align-items:flex-start;gap:4px;background:linear-gradient(to top,rgba(14,15,19,.85),rgba(14,15,19,0))}
.ycp-mega-promo-tx .ycp-eyebrow{color:#C9CBE0!important}
.ycp-mega-promo-title{font-size:26px!important;font-weight:700;color:#fff!important}
@media (min-width:1025px){.elementor-location-header .elementor-widget-nav-menu{display:none!important}}
@media (max-width:1024px){.ycp-mega{display:none!important}}
/* T10 — prose for text pages (single-page template, class ycp-prose) */
.ycp-prose{font-size:17px;line-height:1.8;color:#2A2C33}
.ycp-prose h2{font-size:clamp(22px,1vw + 16px,28px);line-height:1.25;font-weight:700;color:#0E0F13;margin:44px 0 12px}
.ycp-prose h3{font-size:19px;font-weight:600;color:#0E0F13;margin:28px 0 8px}
.ycp-prose p{margin:0 0 14px}.ycp-prose ul,.ycp-prose ol{margin:0 0 18px;padding-inline-start:22px}.ycp-prose li{margin:6px 0}
.ycp-prose a{color:#565B83;text-decoration:underline;text-underline-offset:3px}
.ycp-prose table{width:100%;border-collapse:collapse;margin:16px 0 24px;font-size:15.5px;border:1px solid #E3E4E9;border-radius:12px;overflow:hidden}
.ycp-prose th{background:#F6F6F8;font-weight:600;text-align:start}.ycp-prose th,.ycp-prose td{padding:12px 14px;border-bottom:1px solid #E3E4E9;vertical-align:top}
.ycp-prose strong{color:#0E0F13}
mark.ycp-todo{background:#FFF3C4;color:#5A4500;border-radius:6px;padding:1px 6px;font-size:.92em}

/* T19 — glassmorphism */
.elementor-location-header{position:sticky;top:calc(-1 * var(--ycp-topbar-h,40px));z-index:100}
body.admin-bar .elementor-location-header{top:calc(32px - var(--ycp-topbar-h,40px))}
/* B22: glass only on 4 surfaces — scrolled header, mega panel (kept opaque), sticky product bar, WhatsApp pill; each has a solid fallback */
.elementor-location-header>header,.elementor-location-header header.e-con{background:#fff!important;transition:background-color .25s ease,box-shadow .25s ease}


body.ycp-scrolled .elementor-location-header header{box-shadow:0 10px 30px -18px rgba(14,15,19,.45)}
.ycp-mega-panel{background:#fff!important;border-top:1px solid #E3E4E9!important}
.ycp-mega-promo-tx{background:none!important}
.ycp-mega-promo-tx>*{position:relative}
.ycp-mega-promo-tx::before{content:"";position:absolute;inset:12px;border-radius:14px;background:rgba(14,15,19,.72);border:1px solid rgba(255,255,255,.14)}
.ycp-glass-dark{background:#1A1C26!important;border:1px solid #2E3142!important}
.ycp-glass-chip{display:inline-flex!important;width:fit-content!important;align-self:flex-start;padding:7px 14px!important;border-radius:999px;background:#20222E;border:1px solid #3A3D52}
.ycp-wa-float{background:rgba(86,91,131,.92);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.22)}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.elementor-location-header header.e-con,body.ycp-scrolled .elementor-location-header header.e-con{background:#fff!important}.ycp-mega-panel{background:#fff!important}.ycp-wa-float{background:#565B83}.ycp-sticky-atc{background:#fff!important}}

/* T5/T25 product page rules moved to plugin assets/pdp.css (B1, enqueued only on product pages) */
.woocommerce ul.products li.product a img{aspect-ratio:1/1;object-fit:contain;background:#fff}
.woocommerce ul.products li.product .button{display:none!important}
/* responsive embeds/images inside product descriptions & prose; no horizontal page scroll (1.22.4: html only, see the iOS block near the end) */
html{overflow-x:clip}
.woocommerce-Tabs-panel iframe,.woocommerce-tabs iframe,.ycp-prose iframe,.woocommerce-product-details__short-description iframe{width:100%!important;max-width:100%!important;height:auto!important;aspect-ratio:16/9;border:0;border-radius:14px}
.woocommerce-Tabs-panel img,.woocommerce-tabs img,.ycp-prose img{max-width:100%!important;height:auto!important}
.woocommerce-Tabs-panel table{display:block;max-width:100%;overflow-x:auto}

/* T7 — cart & checkout (WooCommerce blocks) */
.ycp-ship{max-width:1280px;margin:8px auto 22px;padding:16px 20px;border:1px solid #E3E4E9;border-radius:16px;background:#fff}
.ycp-ship__txt{font-size:15.5px;color:#2A2C33;margin-bottom:10px}.ycp-ship__txt strong{color:#565B83}
.ycp-ship__bar{height:8px;border-radius:999px;background:#EDEEF4;overflow:hidden}.ycp-ship__bar span{display:block;height:100%;width:0;background:linear-gradient(90deg,#3F4366,#565B83);border-radius:999px;transition:width .4s ease}
.ycp-ship.is-free .ycp-ship__bar span{background:#565B83} /* UX #33: one bar colour (indigo, as in the ATC sheet) */
.wp-block-woocommerce-cart,.wp-block-woocommerce-checkout{font-family:"Google Sans","Google Sans Fallback",Arial,sans-serif}
.wc-block-cart__main,.wc-block-checkout__main{background:#fff;border:1px solid #E3E4E9;border-radius:20px;padding:20px 24px!important}
.wc-block-cart__sidebar,.wc-block-checkout__sidebar{background:#F6F6F8;border-radius:20px;padding:20px 22px!important}
.wc-block-components-product-name{color:#0E0F13!important;font-weight:600;text-decoration:none}
.wc-block-components-product-price,.wc-block-components-totals-footer-item .wc-block-components-totals-item__value{color:#565B83;font-weight:700}
.wc-block-cart-item__image img{border-radius:12px;background:#fff}
.wc-block-components-quantity-selector{border-radius:999px!important;border-color:#E3E4E9!important;overflow:hidden}
.wc-block-components-text-input input,.wc-block-components-combobox .wc-block-components-combobox-control input,.wc-blocks-components-select__select,.wc-block-components-textarea{border-radius:12px!important;border-color:#D9DAE2!important}
.wc-block-components-text-input.is-active input:focus,.wc-block-components-text-input input:focus{border-color:#565B83!important;box-shadow:0 0 0 3px rgba(86,91,131,.18)!important}
.wc-block-components-radio-control__option-checked,.wc-block-components-radio-control-accordion-option--checked-option-highlighted{box-shadow:inset 0 0 0 1.5px #565B83!important;border-radius:12px}
.wc-block-components-checkout-place-order-button,.wc-block-cart__submit-button{min-height:56px;font-size:17px!important;width:100%}
.wc-block-components-title,.wc-block-components-checkout-step__title{font-weight:700!important;color:#0E0F13}
.wc-block-components-notice-banner.is-info{border-color:#565B83;background:#EDEEF4}
/* cart / checkout / account pages use the page template — give the blocks full width */
.ycp-prose:has(.wp-block-woocommerce-cart),.ycp-prose:has(.wp-block-woocommerce-checkout),.ycp-prose:has(.woocommerce-MyAccount-navigation),.ycp-prose:has(.woocommerce-account){max-width:1280px!important}
.ycp-prose:has(.wp-block-woocommerce-cart) .ycp-ship,.ycp-prose:has(.wp-block-woocommerce-checkout) .ycp-ship{max-width:none}

/* T4 — mobile full-screen menu (replaces the V3 dropdown) + cart badge */
@media (max-width:1024px){.elementor-location-header .elementor-nav-menu--dropdown{display:none!important}
 .elementor-location-header .elementor-widget-nav-menu{flex-grow:0!important;order:3}
 .elementor-location-header .elementor-menu-toggle{width:46px;height:46px;border-radius:50%!important;display:grid!important;place-items:center}}
html.ycp-mm-lock,html.ycp-mm-lock body{overflow:hidden}
.ycp-mm{position:fixed;inset:0;z-index:10000;background:rgba(14,15,19,.55);opacity:0;visibility:hidden;transition:opacity .25s ease,visibility 0s linear .25s}
.ycp-mm.is-open{opacity:1;visibility:visible;transition-delay:0s}
.ycp-mm__panel{position:absolute;inset-block:0;right:0;width:min(420px,92vw);background:#fff;box-shadow:-30px 0 60px -30px rgba(14,15,19,.5);transform:translateX(100%);transition:transform .32s cubic-bezier(.2,.8,.2,1);overflow-y:auto;padding:18px 20px 28px;display:flex;flex-direction:column;gap:14px}
.ycp-mm.is-open .ycp-mm__panel{transform:none}
.ycp-mm__head{display:flex;align-items:center;justify-content:space-between}
.ycp-mm__title{font-size:14px;font-weight:600;color:#565B83}
.ycp-mm__close{width:44px;height:44px;border-radius:50%;border:0;background:#F6F6F8;font-size:26px;line-height:1;color:#0E0F13;cursor:pointer}
.ycp-mm__search{display:flex;gap:8px;background:#fff;border:1px solid #E3E4E9;border-radius:999px;padding:5px}
.ycp-mm__search input[type=search]{flex:1;border:0;outline:0;padding:10px 14px;font-size:16px;background:transparent}
.ycp-mm__search button{border:0;border-radius:999px;background:#565B83;color:#fff;font-weight:600;padding:10px 18px}
.ycp-mm__list,.ycp-mm__links,.ycp-mm__sub{list-style:none;margin:0;padding:0}
.ycp-mm__item{border-bottom:1px solid #ECEDF1}
.ycp-mm__top{display:flex;justify-content:space-between;align-items:center;padding:16px 4px;font-size:19px;font-weight:600;color:#0E0F13!important;cursor:pointer;list-style:none}
.ycp-mm__top::-webkit-details-marker{display:none}
details>summary.ycp-mm__top::after{content:"";width:9px;height:9px;border-right:2px solid #565B83;border-bottom:2px solid #565B83;transform:rotate(45deg) translateY(-3px);transition:transform .2s ease;margin-inline-end:6px}
details[open]>summary.ycp-mm__top::after{transform:rotate(225deg) translateY(-1px)}
.ycp-mm__sub{padding:0 4px 14px}.ycp-mm__sub a{display:block;padding:9px 12px;font-size:16px;color:#2A2C33!important;border-radius:10px}
.ycp-mm__sub a:active,.ycp-mm__sub a:hover{background:#EDEEF4}
.ycp-mm__sub li:first-child a{font-weight:600;color:#565B83!important}
.ycp-mm__links{display:flex;flex-wrap:wrap;gap:8px 18px;padding-top:6px}.ycp-mm__links a{font-size:15px;color:#5F6169!important}
.ycp-mm__cta{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:auto;padding-top:12px}
.ycp-mm__wa,.ycp-mm__tel{display:flex;justify-content:center;align-items:center;padding:14px;border-radius:999px;font-weight:600;font-size:15px}
.ycp-mm__wa{background:#565B83;color:#fff!important}.ycp-mm__tel{background:#F6F6F8;color:#0E0F13!important}
.ycp-cart-badge{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;margin-inline-start:8px;border-radius:999px;background:#565B83;color:#fff;font-size:12px;font-weight:700;line-height:1}

/* T6 — archive toolbar */
.ycp-archive-desc{max-height:calc(1.7em * 2)!important;overflow:hidden!important;-webkit-mask-image:linear-gradient(#000 55%,transparent);mask-image:linear-gradient(#000 55%,transparent)}
.ycp-archive-desc p{margin:0!important}
.ycp-archive-desc.is-open{max-height:none!important;-webkit-mask-image:none;mask-image:none}
.ycp-readmore{align-self:flex-start;background:none;border:0;color:#A9ADCB;font-weight:600;font-size:14px;padding:0;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.ycp-chipbar>span{display:flex;flex-wrap:wrap;gap:8px}
.ycp-chipbar a{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;font-size:14px;font-weight:500;color:#E4E5EE!important;background:#23263A;border:1px solid #3A3E58;transition:background-color .15s ease,border-color .15s ease}
.ycp-chipbar a span{font-size:12px;color:#A9ADCB}
.ycp-chipbar a:hover{background:#30344C;border-color:#4E5372}
.ycp-chipbar a.is-active{background:#fff;color:#0E0F13!important;border-color:#fff}.ycp-chipbar a.is-active span{color:#565B83}
.ycp-sortbar>span{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:0 0 8px}
.ycp-sortbar>span>span:first-child{font-size:15px;color:#5F6169;font-weight:500}
.ycp-sortbar>span>span:last-child{display:flex;flex-wrap:wrap;gap:6px;background:#fff;border:1px solid #E3E4E9;border-radius:999px;padding:4px}
.ycp-sortbar a{padding:8px 14px;border-radius:999px;font-size:14px;color:#2A2C33!important}
.ycp-sortbar a.is-active{background:#565B83;color:#fff!important}
@media (max-width:767px){.ycp-sortbar>span>span:last-child{border-radius:999px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;max-width:100%;-webkit-mask-image:linear-gradient(to left,#000 88%,transparent);mask-image:linear-gradient(to left,#000 88%,transparent)}.ycp-sortbar>span>span:last-child::-webkit-scrollbar{display:none}.ycp-sortbar a{flex:0 0 auto;display:inline-flex;align-items:center;min-height:44px;padding:0 14px;font-size:14px;white-space:nowrap}} /* UX #5: one scrolling row, 44px chips */
.ycp-glass-chip a{color:#E4E5EE!important}.ycp-glass-chip:hover{background:#2C2F40}

/* T6 — free filters (plugin [ycp_filters]; classes stripped → structure + data-on via JS) */
.ycp-filterbar>span{display:flex;flex-direction:column;gap:10px;padding:16px 18px;background:#fff;border:1px solid #E3E4E9;border-radius:18px}
.ycp-filterbar>span>span{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.ycp-filterbar b{font-size:13px;font-weight:600;letter-spacing:0;color:#565B83;min-width:64px}
.ycp-filterbar a{padding:7px 13px;border-radius:999px;font-size:14px;color:#2A2C33!important;background:#F6F6F8;border:1px solid transparent;transition:background-color .15s ease,border-color .15s ease}
.ycp-filterbar a:hover{border-color:#565B83;background:#EDEEF4}
.ycp-filterbar a.is-on{background:#565B83;color:#fff!important}
@media (max-width:767px){.ycp-filterbar>span>span{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.ycp-filterbar>span>span::-webkit-scrollbar{display:none}.ycp-filterbar a{white-space:nowrap}}

/* T23 — brand archive hero logo (plugin prints the URL on brand archives only) */
.ycp-brandlogo{display:none;width:min(280px,70vw);height:64px;background-repeat:no-repeat;background-position:right center;background-size:contain;margin:4px 0 6px}
@media (max-width:767px){.ycp-brandlogo{height:48px}}

/* ========== T29 — header · menu · footer, 2026 pass (research/nav_footer_2026) ========== */
:root{--ycp-ink2:#16171D;--ycp-indigo-l:#8E92BF;--ycp-on-ink:#E4E5EE;--ycp-muted-ink:#A9ABB8}
@view-transition{navigation:auto}
/* 17.10 P1: the name sits on the bar, not on .elementor-location-header: an ancestor with a view-transition-name is a Backdrop Root, so the bar's backdrop-filter saw only the header's own transparent layer (no blur in Chromium) */
.ycp-hdr-bar{view-transition-name:ycp-header}
::view-transition-old(root),::view-transition-new(root){animation-duration:.18s}
@media (prefers-reduced-motion:reduce){@view-transition{navigation:none}}
/* skip link + focus rings */
.ycp-skip{position:fixed;top:-60px;inset-inline-start:16px;z-index:100000;padding:12px 18px;border-radius:12px;background:#0E0F13;color:#fff!important;font-weight:600;transition:top .15s ease}
.ycp-skip:focus{top:12px}
:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:2px solid #fff;outline-offset:2px;box-shadow:0 0 0 4px #565B83}
:where(.elementor-location-footer,.ycp-ss__chips) :where(a,button,summary):focus-visible,.elementor-location-header header>:first-child :focus-visible{outline-color:#8E92BF}
/* mega: disclosure button, scrim, utility row */
.ycp-mega-label{gap:2px}
.ycp-mega-btn{display:inline-grid;place-items:center;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);position:absolute;inset-inline-end:-4px;bottom:6px;padding:0;border:0;background:none;color:#6B6E7C;cursor:pointer;border-radius:8px}
.ycp-mega-btn svg{width:10px;height:10px;transition:transform .16s ease}
.ycp-mega-item.is-open .ycp-mega-btn svg{transform:rotate(180deg)}
.ycp-mega-btn:hover{color:#565B83}
.ycp-scrim{position:fixed;inset:0;z-index:40;background:rgba(14,15,19,.42);opacity:0;transition:opacity .2s ease}
.ycp-scrim.is-on{opacity:1}
.ycp-mega-util{grid-column:1/-1;display:flex!important;flex-direction:row!important;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:8px -40px -40px!important;padding:16px 40px!important;background:#F6F6F8;border-top:1px solid #E3E4E9}
.ycp-mega-util-a{font-size:15px!important;font-weight:600;color:#0E0F13!important}
.ycp-mega-util-a a,.ycp-mega-util-b a{color:inherit!important}
.ycp-mega-util-b{font-size:15px!important;font-weight:600;color:#565B83!important}
.ycp-mega-inner{grid-template-columns:1.1fr 1fr .9fr 1.2fr;gap:40px}
/* search pill (header) + search sheet */
.ycp-search-pill{display:inline-flex!important;align-items:center;gap:10px;min-width:240px;height:42px;justify-content:space-between;padding:0 16px!important;border-radius:999px!important;background:#F6F6F8!important;border:1px solid transparent!important;color:#6B6E7C!important;font-weight:400!important;font-size:15px!important;cursor:text;transition:border-color .15s ease,background-color .15s ease}
.ycp-search-pill:hover{border-color:#D9DAE2!important;background-color:#fff!important} /* UX #3: colour only — the shorthand wiped the icon at ≤1439 */
.ycp-search-pill::after{content:"/";display:inline-grid;place-items:center;width:22px;height:22px;border:1px solid #D9DAE2;border-radius:6px;font-size:12px;color:#6B6E7C;background:#fff}
@media (max-width:1279px) and (min-width:1025px){.ycp-search-pill{min-width:0}.ycp-search-pill::after{display:none}}
@media (max-width:1024px){.ycp-search-pill{min-width:0;width:44px;height:44px;padding:0!important;justify-content:center;font-size:0!important;background:#F6F6F8 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='11' cy='11' r='7' fill='none' stroke='%230E0F13' stroke-width='2'/%3E%3Cpath d='m20 20-3.5-3.5' stroke='%230E0F13' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center/20px no-repeat!important}.ycp-search-pill::after{display:none}}
.ycp-ss{position:fixed;inset-inline:0;top:0;z-index:10001;background:#fff;box-shadow:0 30px 60px -30px rgba(14,15,19,.45);max-height:78vh;overflow:auto;opacity:0;transform:translateY(-8px);transition:opacity .16s ease-out,transform .16s ease-out}
.ycp-ss.is-on{opacity:1;transform:none}
.ycp-ss[hidden]{display:none}
.ycp-ss__in{max-width:920px;margin:0 auto;padding:22px 24px 28px}
.ycp-ss__form{display:flex;align-items:center;gap:10px;padding:6px 6px 6px 8px;border:1.5px solid #565B83;border-radius:999px;background:#fff}
.ycp-ss__ic{width:22px;height:22px;color:#565B83;margin-inline-start:12px;flex-shrink:0}
.ycp-ss__form input[type=search]{flex:1;border:0!important;outline:0!important;box-shadow:none!important;font-size:18px;padding:10px 4px;background:transparent;min-width:0}
.ycp-ss__go{border:0;border-radius:999px;background:#565B83;color:#fff;font-weight:600;font-size:15px;padding:11px 20px;cursor:pointer}
.ycp-ss__x{border:0;background:#F6F6F8;width:42px;height:42px;border-radius:50%;font-size:24px;line-height:1;cursor:pointer;color:#0E0F13;flex-shrink:0}
.ycp-ss__chips{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 4px}
.ycp-ss.has-q .ycp-ss__chips{display:none}
.ycp-ss__chip{border:1px solid #E3E4E9;background:#fff;border-radius:999px;padding:8px 14px;font-size:14.5px;color:#2A2C33;cursor:pointer}
.ycp-ss__chip:hover{border-color:#565B83;background:#EDEEF4}
.ycp-ss__res{display:grid;grid-template-columns:1.6fr 1fr;gap:8px 32px;margin-top:14px}
.ycp-ss__g h3{font-size:13.5px;font-weight:600;color:#565B83;margin:10px 0 6px}
.ycp-ss__g:first-child{grid-row:span 3}
.ycp-ss__res ul{list-style:none;margin:0;padding:0}
.ycp-ss__prods a{display:flex;align-items:center;gap:12px;padding:8px;border-radius:12px;color:#0E0F13!important}
.ycp-ss__prods a:hover,.ycp-ss__links a:hover{background:#F6F6F8}
.ycp-ss__prods img,.ycp-ss__noimg{width:48px;height:48px;object-fit:contain;border-radius:8px;background:#fff;border:1px solid #F0F1F4;flex-shrink:0}
.ycp-ss__pt{display:flex;flex-direction:column;flex:1;font-size:15px;line-height:1.35;min-width:0}
.ycp-ss__pt small{font-size:12px;color:#565B83;font-weight:600}
.ycp-ss__prods b{font-size:15px;color:#565B83;white-space:nowrap}
.ycp-ss__links a{display:block;padding:7px 8px;border-radius:10px;font-size:15px;color:#2A2C33!important}
.ycp-ss__links small{color:#6B6E7C}
.ycp-ss__all{grid-column:1/-1;margin-top:8px;font-weight:600;color:#565B83!important}
.ycp-ss__empty{grid-column:1/-1;font-size:16px;color:#2A2C33}.ycp-ss__empty a{color:#565B83!important;text-decoration:underline}
html.ycp-ss-open{overflow:hidden}
@media (max-width:767px){.ycp-ss{max-height:100dvh;height:100dvh}.ycp-ss__in{padding:14px 16px}.ycp-ss__res{grid-template-columns:1fr}.ycp-ss__g:first-child{grid-row:auto}.ycp-ss__go{display:none}}
/* live status */
.ycp-status{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:#E4E5EE;white-space:nowrap}
.ycp-status i{width:8px;height:8px;border-radius:50%;background:#A9ABB8;flex-shrink:0}
.ycp-status.is-open i{background:#3FBF7F;box-shadow:0 0 0 0 rgba(63,191,127,.5);animation:ycpLive 2.2s ease-out infinite}
.ycp-status--light{color:#2A2C33}
@keyframes ycpLive{0%{box-shadow:0 0 0 0 rgba(63,191,127,.55)}70%{box-shadow:0 0 0 7px rgba(63,191,127,0)}100%{box-shadow:0 0 0 0 rgba(63,191,127,0)}}
@media (prefers-reduced-motion:reduce){.ycp-status.is-open i{animation:none}}
/* header: icon buttons, mobile hide-on-scroll */
.ycp-hdr-icon{display:inline-grid!important;place-items:center;width:44px;height:44px;padding:0!important;border-radius:50%!important}
/* 17.10 Tal: header no longer hides on scroll-down (was body.ycp-hdr-hidden → translateY(-100%)) */
@media (prefers-reduced-motion:reduce){.elementor-location-header{transition:none!important}}
/* floating WhatsApp: one button, never over a sheet, the PDP bar or the footer band */
.ycp-wa-float{transition:opacity .2s ease,transform .2s ease,gap .25s ease,padding .25s ease,background-color .2s ease}
html.ycp-mm-lock .ycp-wa-float,html.ycp-ss-open .ycp-wa-float,body.ycp-ftr-in .ycp-wa-float{opacity:0;pointer-events:none;transform:translateY(12px)}
/* mobile drawer additions */
.ycp-mm__sub small,.ycp-mm__top small{font-size:13px;color:#6B6E7C;font-weight:500}
.ycp-mm__brands .ycp-mm__top{border:0}
.ycp-mm__logos{display:flex;gap:18px;overflow-x:auto;padding:2px 4px 16px;scrollbar-width:none}
.ycp-mm__logos::-webkit-scrollbar{display:none}
.ycp-mm__logos img{height:22px;width:auto;max-width:110px;object-fit:contain;opacity:.75}
.ycp-mm__concierge{margin-top:auto;padding:16px;border-radius:18px;background:#F6F6F8;display:flex;flex-direction:column;gap:12px}
.ycp-mm__ch{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:16px}
.ycp-mm__concierge .ycp-mm__cta{margin:0;padding:0}
.ycp-mm__tel{background:#fff!important}

/* ---------- footer v2 ---------- */
.elementor-location-footer{position:relative;overflow:hidden}
.ycp-ftr-band{border-radius:24px}
.ycp-ftr-trust{display:grid!important;grid-template-columns:repeat(4,1fr);gap:0!important}
.ycp-ftr-trust-cell{display:flex!important;flex-direction:row!important;align-items:center;gap:14px;padding:6px 24px!important;border-inline-start:1px solid #22232B}
.ycp-ftr-trust-cell:first-child{border-inline-start:0;padding-inline-start:0!important}
@media (max-width:767px){.ycp-ftr-trust{grid-template-columns:1fr 1fr!important;gap:22px 12px!important;padding:26px 0!important}.ycp-ftr-trust-cell{border:0!important;padding:0!important;flex-direction:column!important;align-items:flex-start!important;gap:8px!important}}
.ycp-ftr-cols .elementor-nav-menu--main .elementor-item{padding:6px 0!important;color:#A9ABB8!important;font-size:15px!important;transition:color .15s ease}
.ycp-ftr-cols .elementor-nav-menu--main .elementor-item:hover{color:#fff!important}
.ycp-ftr-cols .elementor-nav-menu--main .elementor-item::after,.ycp-ftr-cols .elementor-nav-menu--main .elementor-item::before{display:none!important}
.ycp-ftr-acc{display:none!important}
.ycp-ftr-acc details{border-bottom:1px solid #22232B}
.ycp-ftr-acc summary{display:flex;justify-content:space-between;align-items:center;min-height:52px;font-size:16px;font-weight:600;color:#E4E5EE;cursor:pointer;list-style:none}
.ycp-ftr-acc summary::-webkit-details-marker{display:none}
.ycp-ftr-acc summary::after{content:"";width:8px;height:8px;border-right:2px solid #8E92BF;border-bottom:2px solid #8E92BF;transform:rotate(45deg) translateY(-3px);transition:transform .2s ease;margin-inline-end:4px}
.ycp-ftr-acc details[open] summary::after{transform:rotate(225deg)}
.ycp-ftr-acc ul{list-style:none;margin:0;padding:0 0 12px}
.ycp-ftr-acc a{display:block;padding:9px 0;font-size:15.5px;color:#A9ABB8!important}
@supports (interpolate-size:allow-keywords){.ycp-ftr-acc{interpolate-size:allow-keywords}.ycp-ftr-acc details::details-content{height:0;overflow:clip;transition:height .25s ease,content-visibility .25s allow-discrete}.ycp-ftr-acc details[open]::details-content{height:auto}}
@media (max-width:767px){.ycp-ftr-acc{display:block!important}.ycp-ftr-desk{display:none!important}.elementor-location-footer{padding-bottom:calc(96px + env(safe-area-inset-bottom))}}
.ycp-ftr-legal a{color:#A9ABB8!important}.ycp-ftr-legal a:hover{color:#fff!important}
.ycp-hc-toggle{border:1px solid #2A2C33;background:none;color:#A9ABB8;border-radius:999px;padding:6px 12px;font:inherit;font-size:13px;cursor:pointer}
.ycp-hc-toggle[aria-pressed=true]{background:#E4E5EE;color:#0E0F13;border-color:#E4E5EE}
.ycp-credit{opacity:.7;transition:opacity .15s ease}
.ycp-credit:hover,.ycp-credit:focus-visible{opacity:1}
.elementor-location-footer::after{content:"YCP";position:absolute;inset-inline-start:50%;bottom:-.28em;transform:translateX(50%);font-size:clamp(120px,22vw,340px);font-weight:700;line-height:1;letter-spacing:-.04em;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.06);pointer-events:none;z-index:0}
.elementor-location-footer>*{position:relative;z-index:1}
/* high contrast (footer toggle) */
html.ycp-hc body{--ycp-muted:#2A2C33}
html.ycp-hc :is(.elementor-location-footer,.ycp-prose,.ycp-mm__sub,.ycp-mega-col) a{text-decoration:underline!important;text-underline-offset:3px}
html.ycp-hc .ycp-mega-link{color:#0E0F13!important}
html.ycp-hc .elementor-location-footer *{color:#F2F2F5!important;border-color:#6B6E7C!important}
html.ycp-hc .ycp-mega-link,html.ycp-hc .ycp-mega-head,html.ycp-hc .ycp-mega-count{color:#0E0F13!important}
html.ycp-hc .elementor-location-footer::after{display:none}
.ycp-mega-btn:focus-visible,.ycp-mega-item.is-open .ycp-mega-btn:focus{width:20px;height:20px;clip-path:none;overflow:visible;background:#fff}
.ycp-ftr-acc{display:none}
.ycp-hc-slot:empty,.ycp-status-slot:empty{display:none}
@media (min-width:1440px){.ycp-search-pill{min-width:210px}}
@media (max-width:1439px) and (min-width:1025px){.ycp-search-pill{min-width:44px;width:44px;height:44px;padding:0!important;justify-content:center;font-size:0!important;background:#F6F6F8 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='11' cy='11' r='7' fill='none' stroke='%230E0F13' stroke-width='2'/%3E%3Cpath d='m20 20-3.5-3.5' stroke='%230E0F13' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center/20px no-repeat!important}.ycp-search-pill::after{display:none}}
.ycp-hdr-wa{width:44px!important;height:44px!important;padding:0!important;font-size:0!important;border-radius:50%!important;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23565B83' d='M12 2.2a9.8 9.8 0 0 0-8.43 14.8L2.2 21.8l4.93-1.3A9.8 9.8 0 1 0 12 2.2zm0 1.7a8.1 8.1 0 1 1-4.13 15.07l-.3-.18-2.93.77.78-2.85-.19-.31A8.1 8.1 0 0 1 12 3.9zm-2.95 3.35c-.2-.45-.41-.46-.6-.47h-.51a.98.98 0 0 0-.71.33c-.25.27-.93.91-.93 2.22s.95 2.58 1.09 2.76c.13.18 1.84 2.94 4.55 4 2.25.89 2.71.71 3.2.67.49-.05 1.58-.65 1.8-1.27.22-.62.22-1.16.16-1.27-.07-.11-.25-.18-.51-.31-.27-.13-1.58-.78-1.82-.87-.25-.09-.43-.13-.6.13-.18.27-.69.87-.85 1.05-.15.18-.31.2-.58.07-.27-.13-1.13-.42-2.15-1.33-.8-.71-1.33-1.58-1.49-1.85-.16-.27-.02-.41.12-.54.12-.12.27-.31.4-.47.14-.16.18-.27.27-.45.09-.18.05-.33-.02-.47-.07-.13-.58-1.45-.82-1.92z'/%3E%3C/svg%3E") center/22px no-repeat!important}

/* ========== T21 — cookie consent ========== */
.ycp-cc{position:fixed;right:20px;bottom:20px;z-index:9995;width:min(420px,calc(100vw - 32px));padding:18px 18px 16px;border-radius:18px;background:#0E0F13;color:#E4E5EE;box-shadow:0 24px 60px -20px rgba(14,15,19,.6);opacity:0;transform:translateY(12px);transition:opacity .2s ease,transform .2s ease}
.ycp-cc.is-on{opacity:1;transform:none}
.ycp-cc[hidden]{display:none}
.ycp-cc__t{margin:0 0 14px;font-size:14px;line-height:1.65;color:#C9CBD6}
.ycp-cc__t strong{display:block;font-size:15px;color:#fff;margin-bottom:2px}
.ycp-cc__t a{color:#8E92BF!important;text-decoration:underline;text-underline-offset:3px}
.ycp-cc__b{display:flex;gap:8px}
.ycp-cc__b button{flex:1;border-radius:999px;padding:11px 14px;font:inherit;font-size:14.5px;font-weight:600;cursor:pointer}
.ycp-cc__all{border:0;background:#565B83;color:#fff}.ycp-cc__all:hover{background:#6A6FA0}
.ycp-cc__nec{border:1px solid #565B83;background:#2A2C33;color:#fff}.ycp-cc__nec:hover{border-color:#8E92BF}
html.ycp-consent-open .ycp-wa-float{opacity:0;pointer-events:none}
@media (max-width:767px){.ycp-cc{left:12px;right:12px;bottom:10px;width:auto;padding:14px 14px 12px}.ycp-cc__t{font-size:13px;margin-bottom:10px}.ycp-cc__t strong{display:inline;margin-inline-end:4px}html.ycp-consent-open .ycp-sticky-atc{opacity:0;pointer-events:none}html.ycp-consent-open body{padding-bottom:170px}}
@media (prefers-reduced-motion:reduce){.ycp-cc{transition:none}}

/* review 16.10 — H1 badge without layout shift, focus not hidden under sticky bars (WCAG 2.4.11) */
.elementor-location-header a[href$="/cart/"]{position:relative}
.ycp-cart-badge{position:absolute;inset-block-start:-5px;inset-inline-end:-5px;margin:0!important}
.ycp-cart-badge[hidden]{display:none}
html{scroll-padding-block:140px 110px}

/* review M14 — one global reduced-motion guard */
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* audit 16.10 — contrast (#10), checkout (#5), category above the fold (#12), mobile filter toggle */
.elementor-location-header header header>:first-child a,.elementor-location-footer a[href^="tel:"]{color:#fff!important}
.woocommerce form .form-row label,.woocommerce-MyAccount-content,.woocommerce-MyAccount-navigation a,.wc-block-components-text-input label,.wc-block-components-checkbox__label{color:#4A4C55}
.woocommerce .woocommerce-breadcrumb a{text-decoration:underline;text-underline-offset:3px}
.wc-block-components-address-form__country,.wc-block-components-country-input{display:none!important}
.woocommerce-Tabs-panel table{display:block;overflow-x:auto}
.ycp-filter-toggle{display:inline-flex;align-items:center;gap:8px;margin:0 0 12px;padding:10px 18px;border:1px solid #D9DAE2;border-radius:999px;background:#fff;font:inherit;font-size:15px;font-weight:600;color:#0E0F13;cursor:pointer}
.ycp-filter-toggle::before{content:"";width:14px;height:10px;background:linear-gradient(#0E0F13 0 0) top/100% 2px no-repeat,linear-gradient(#0E0F13 0 0) center/70% 2px no-repeat,linear-gradient(#0E0F13 0 0) bottom/40% 2px no-repeat}
.ycp-filter-toggle[aria-expanded=true]{border-color:#565B83;background:#EDEEF4}
.ycp-ship[hidden]{display:none!important}
.ycp-filterbar[hidden]{display:none!important}

/* B3 — if a script fails (CDN reset, JS error) the Woo gallery must not stay at its inline opacity:0 */
.woocommerce-product-gallery{animation:ycpGalleryShow 0s 2s forwards}
@keyframes ycpGalleryShow{to{opacity:1}}
body:not(.ycp-has-catimg) .ycp-archive-img{display:none!important}

/* B16 — V4 burger (replaces the V3 nav-menu toggle) */
.ycp-burger{display:none!important}
@media (max-width:1024px){.ycp-burger{display:inline-grid!important;place-items:center;width:46px!important;height:46px!important;padding:0!important;border-radius:50%!important;font-size:0!important;background:#F6F6F8 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 7h16M4 12h16M4 17h16' stroke='%230E0F13' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center/22px no-repeat!important;order:9}}

/* PDP mobile: the rail has "שאלו את יאיר" + the sticky bar carries the CTA — no floating WA pill over the stepper */
@media (max-width:1024px){body.single-product .ycp-wa-float{display:none!important}} /* UX #9: tablet too (it covered thumbnail #2) */

/* ===== B27 — QA 16.10 fixes ===== */
/* (a) mega disclosure button: visible focus */
.ycp-mega-btn:focus-visible{width:20px!important;height:20px!important;min-width:20px!important;min-height:20px!important;clip-path:none!important;overflow:visible!important;background:#fff;border-radius:6px}
/* (b) Elementor's .e-flexbox-base{flex-direction:row} must not collapse the mega columns */
.ycp-mega-col{flex-direction:column!important}
.ycp-mega-inner{display:grid!important}
/* (c) mobile footer tap targets ≥44px */
@media (max-width:767px){.ycp-ftr-legal a{display:inline-block;padding:12px 6px;min-height:44px}.ycp-ftr-acc a{padding:12px 0}.ycp-hc-toggle{min-height:44px;padding:10px 16px}}
/* (d) consent banner never hides the footer's last row */
html.ycp-consent-open body{padding-bottom:190px}
/* scrolled glass header (B22: glass only once scrolled; .95 keeps #6B6E7C text ≥4.5:1 even over a black backdrop) */
body.ycp-scrolled .elementor-location-header>header,body.ycp-scrolled .elementor-location-header header.e-con{background:rgba(255,255,255,.95)!important;-webkit-backdrop-filter:blur(20px) saturate(1.5)!important;backdrop-filter:blur(20px) saturate(1.5)!important}

/* perf 16.10: consent banner painted with the page (no fade), so it can't become a late LCP */
html.ycp-consent-pending .ycp-cc{display:block;opacity:1;transform:none;transition:none}

/* B29 — extra attribute rows behind a toggle (desktop) */
.ycp-filterbar>span>span[hidden]{display:none!important}
.ycp-more-filters{width:fit-content!important;align-self:flex-start;display:inline-flex;margin:4px 0 0;padding:8px 16px;border:1px dashed #C9CBD6;border-radius:999px;background:#fff;font:inherit;font-size:14px;font-weight:600;color:#565B83;cursor:pointer}
.ycp-more-filters:hover{border-color:#565B83;background:#EDEEF4}
.ycp-filterbar a small{font-size:12px;color:#6B6E7C;margin-inline-start:4px}

/* 16.10 Tal — header cart = icon button (label stays as the accessible name), badge on the icon */
.ycp-hdr-cart{display:inline-grid!important;place-items:center;width:46px!important;height:46px!important;padding:0!important;font-size:0!important;border-radius:50%!important;background:#F6F6F8 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230E0F13' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9.5' cy='19.5' r='1.5'/%3E%3Ccircle cx='17.5' cy='19.5' r='1.5'/%3E%3Cpath d='M2.5 3.5h2.4l2.5 11.1a1.6 1.6 0 0 0 1.6 1.3h8.4a1.6 1.6 0 0 0 1.6-1.2l1.6-7.2H6'/%3E%3C/svg%3E") center/23px no-repeat!important;transition:background-color .2s}
.ycp-hdr-cart:hover{background-color:#ECEDF3!important}
.ycp-hdr-cart .ycp-cart-badge{font-size:11px;min-width:19px;height:19px;padding:0 5px}

/* 16.10 — mobile menu 3D icons */
.ycp-mm__top{gap:14px}
.ycp-mm__top>span{flex:1}
.ycp-mm__ic{width:40px;height:40px;object-fit:contain;flex-shrink:0;margin-block:-6px}

/* 16.10 — in-place filtering: dim the results while the next state loads */
.elementor-location-archive{transition:opacity .15s ease}
.elementor-location-archive.ycp-loading{opacity:.55;cursor:progress}

/* 16.10 — home "from the magazine" carousel */
.ycp-hp{position:relative}
.ycp-hp__track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 72px) / 4);column-gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;list-style:none;margin:0;padding:0 0 4px;overscroll-behavior-x:contain}
.ycp-hp__track::-webkit-scrollbar{display:none}
.ycp-hp__track:focus-visible{outline:2px solid #565B83;outline-offset:4px;border-radius:8px}
.ycp-hp__c{scroll-snap-align:start}
.ycp-hp__c a{display:flex;flex-direction:column;gap:6px;color:#0E0F13;text-decoration:none}
.ycp-hp__img{position:relative;display:block;aspect-ratio:16/10;border-radius:16px;overflow:hidden;background:#F6F6F8;margin-bottom:8px}
.ycp-hp__img img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.ycp-hp__c a:hover .ycp-hp__img img{transform:scale(1.04)}
.ycp-hp__draft{position:absolute;inset-block-start:10px;inset-inline-start:10px;padding:3px 10px;border-radius:999px;background:#0E0F13;color:#fff;font-size:12px;font-weight:600}
.ycp-hp__cat{font-size:13px;font-weight:600;color:#565B83}
.ycp-hp__t{font-size:18px;font-weight:600;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ycp-hp__c a:hover .ycp-hp__t{text-decoration:underline;text-underline-offset:3px}
.ycp-hp__m{font-size:13px;color:#6B6E7C}
.ycp-hp__nav{position:absolute;inset-block-start:-64px;inset-inline-end:0;display:flex;gap:8px}
.ycp-hp__nav button{width:44px;height:44px;border-radius:50%;border:1px solid #E4E5EA;background:#fff center/18px no-repeat;cursor:pointer;transition:background-color .2s}
.ycp-hp__nav button:hover{background-color:#F6F6F8}
.ycp-hp__prev{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230E0F13' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 6 6 6-6 6'/%3E%3C/svg%3E")!important}
.ycp-hp__next{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230E0F13' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m15 6-6 6 6 6'/%3E%3C/svg%3E")!important}
@media (max-width:1024px){.ycp-hp__track{grid-auto-columns:calc((100% - 24px) / 2.3)}}
@media (max-width:767px){.ycp-hp__track{grid-auto-columns:78%;column-gap:14px}.ycp-hp__nav{display:none}.ycp-hp__t{font-size:16px}}

/* ===== UX review 16.10 (qa/ux_2026-10-16/UX_REVIEW.md) ===== */
/* #1 cart/checkout: the block's alignwide negative margins pushed it 80px off-screen */
.wp-block-woocommerce-cart.alignwide,.wp-block-woocommerce-checkout.alignwide{margin-inline:0!important;width:auto!important;max-width:100%!important}
/* #8 belt and braces while reference prices are off (body.ycp-noref from the plugin) */
body.ycp-noref :is(.wc-block-components-product-price del,.wc-block-components-product-price__regular,.wc-block-components-sale-badge,.wc-block-components-product-sale-badge,span.onsale){display:none!important}
/* #20 Hebrew is never letter-spaced (headings, eyebrows, filter labels) */
:is(h1,h2,h3,h4,h5,h6),.ycp-eyebrow{letter-spacing:0!important}
/* #16 Hello paints every button #c36 on hover/focus — keep ours on brand */
:is(.ycp-mm__close,.ycp-ss__x,.ycp-sheet__x):is(:hover,:focus,:focus-visible,:active){background-color:#ECEDF3!important;color:#0E0F13!important}
.ycp-readmore:is(:hover,:focus,:active){background:none!important;color:#C9CBE0!important}
:is(.ycp-filter-toggle,.ycp-more-filters,.ycp-ss__chip):is(:hover,:focus,:active){background-color:#EDEEF4!important;color:#0E0F13!important}
.ycp-more-filters:is(:hover,:focus,:active){color:#565B83!important}
:is(.ycp-ss__go,.ycp-mm__search button,.ycp-cc__all):is(:hover,:focus,:active){background-color:#3F4366!important;color:#fff!important}
.ycp-cc__nec:is(:hover,:focus,:active){background-color:#2A2C33!important;color:#fff!important}
.ycp-hc-toggle:not([aria-pressed=true]):is(:hover,:focus,:active){background:none!important;color:#fff!important}
.ycp-hc-toggle[aria-pressed=true]:is(:hover,:focus,:active){background-color:#E4E5EE!important;color:#0E0F13!important}
.ycp-hp__nav button:is(:hover,:focus,:active){background-color:#F6F6F8!important;color:#0E0F13!important}
.ycp-mega-btn:is(:hover,:focus,:active){background-color:#fff!important;color:#565B83!important}
/* #15 search sheet: one close button (hide the native search cancel ×) */
#ycp-ss input[type=search]::-webkit-search-cancel-button,.ycp-mm__search input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none;display:none}
/* #17 drawer tap targets ≥44px */
.ycp-mm__links a,.ycp-mm__logos a{display:inline-flex;align-items:center;min-height:44px}
.ycp-mm__links{gap:0 18px}
.ycp-mm__sub a{display:flex;align-items:center;min-height:44px;padding-block:6px}
/* #18 consent: short copy + inline buttons on phones (≈110px instead of 150px) */
.ycp-cc__short{display:none}
@media (max-width:767px){.ycp-cc{padding:10px 12px}.ycp-cc__long{display:none}.ycp-cc__short{display:inline}.ycp-cc__t{margin:0 0 8px;font-size:13px;line-height:1.5}.ycp-cc__b button{min-height:44px;padding:8px 10px;font-size:14px}html.ycp-consent-open body{padding-bottom:130px}}
/* #22 free-shipping text was Roboto */
.ycp-ship,.ycp-ship *{font-family:"Google Sans","Google Sans Fallback",Arial,sans-serif}
/* #26 cart/checkout tap targets */
.wc-block-components-quantity-selector{min-height:44px}
.wc-block-components-quantity-selector__button{min-width:44px!important;min-height:44px}
.wc-block-cart-item__remove-link{display:inline-flex!important;align-items:center;justify-content:center;min-width:44px;min-height:44px}
.wc-block-components-panel__button{min-height:44px}
.wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox],.wc-block-components-radio-control__input{min-width:24px;min-height:24px}
/* #32 checkout button without underline */
.wc-block-cart__submit-button,.wc-block-cart__submit-button:hover{text-decoration:none!important}
/* #14 pagination: no disabled "previous" button on page 1 / "next" on the last page */
.e-pagination-prev-base[aria-disabled=true],.e-pagination-next-base[aria-disabled=true]{visibility:hidden}
/* #28 small text on phones */
@media (max-width:767px){.woocommerce .woocommerce-breadcrumb{font-size:14px}}
/* #29 targets under 44px */
.ycp-readmore{min-height:44px;display:inline-flex;align-items:center}
/* #30 footer legal row: separators drawn by CSS (the text "·" dangled at a line end on phones) */
.ycp-ftr-legal{font-size:0!important}
.ycp-ftr-legal a{font-size:13px}
.ycp-ftr-legal a+a::before{content:"·";display:inline-block;margin-inline:8px;color:#6B6E7C;text-decoration:none}
@media (max-width:767px){.ycp-ftr-legal{display:flex!important;flex-wrap:wrap;justify-content:center;column-gap:4px}.ycp-ftr-legal a+a::before{display:none}}
/* #1b cart row on phones: Woo's 4-track grid (80+132+54+52) was wider than the card → line total clipped at the left */
@media (max-width:767px){.wc-block-cart__main{padding:14px!important}.wc-block-cart-items{width:100%!important;table-layout:fixed}.wc-block-cart-items__row{grid-template-columns:72px minmax(0,1fr)!important;column-gap:12px}.wc-block-cart-item__image{padding-inline-end:0!important}}
/* #29b tap targets on touch widths (≤1024): archive chips/filters, contrast toggle, checkout address-2 toggle */
@media (max-width:1024px){.ycp-chipbar a,.ycp-filterbar a{box-sizing:border-box;min-height:44px;display:inline-flex;align-items:center;padding-block:6px}.ycp-hc-toggle{box-sizing:border-box;min-height:44px;padding:10px 16px}}
@media (max-width:767px){.ycp-chipbar>span{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:-16px;padding-inline:16px;-webkit-mask-image:linear-gradient(to left,#000 90%,transparent);mask-image:linear-gradient(to left,#000 90%,transparent)}.ycp-chipbar>span::-webkit-scrollbar{display:none}.ycp-chipbar a{flex:0 0 auto;white-space:nowrap}}
.wc-block-components-address-form__address_2-toggle{min-height:44px;display:inline-flex;align-items:center}
/* #5b sort chips + "עוד סינונים" ≥44px on tablets too */
@media (min-width:768px) and (max-width:1024px){.ycp-sortbar a{display:inline-flex;align-items:center;min-height:44px;box-sizing:border-box}.ycp-more-filters{min-height:44px;box-sizing:border-box;align-items:center}}

/* ---------- 16.10 round 2 (plugin 1.12.0) ---------- */
/* B10 contrast: `.woocommerce a` (indigo) leaked into the dark top bar + footer on Woo pages (2.93:1) → those links inherit like on every other page */
.woocommerce .elementor-location-header a:not([class]),.woocommerce .elementor-location-footer a:not([class]),.woocommerce .elementor-location-header a:not([class]):hover,.woocommerce .elementor-location-footer a:not([class]):hover{color:inherit}
/* B10 contrast: Woo cart/checkout blocks inherited the Elementor kit grey #7A7A7A (3.97–4.29:1) */
.wp-block-woocommerce-cart,.wp-block-woocommerce-checkout{color:#30323F}
.wc-block-components-text-input label,.wc-block-components-combobox .wc-block-components-combobox-control label,.wc-block-components-address-form__address_2-toggle,.wc-block-components-panel__button,.wc-block-components-totals-item__label,.wc-block-components-totals-shipping__via,.wc-block-components-totals-footer-item-tax,.wc-block-components-totals-footer-item-tax-value,.wc-block-components-product-metadata__description,.wc-block-components-quantity-selector__input,.wc-block-cart-items__header span,.wc-block-cart__totals-title,.wc-block-components-checkout-step__description,.wc-block-components-order-summary-item__description{color:#4A4D5C!important}
/* UX #29: ≥44px targets — 404 category chips, top-bar phone, desktop mega labels, form fields */
.ycp-glass-chip:has(a){padding:0!important}
.ycp-glass-chip a{display:inline-flex!important;align-items:center!important;min-height:44px!important;padding:0 16px!important;border-radius:inherit;box-sizing:border-box!important}
.elementor-location-header a[href^="tel:"]:not([class]){display:inline-block;padding:13px 8px;margin:-13px -8px}
.ycp-mega-label a{align-self:stretch!important;display:flex!important;align-items:center!important}
.e-form-input-base,.e-form-textarea-base{min-height:48px;box-sizing:border-box}
/* UX #32: cart — bigger product thumbnail on desktop; light, compact page head on cart + checkout instead of the dark photo band */
@media (min-width:768px){.wc-block-cart table.wc-block-cart-items td.wc-block-cart-item__image,.wc-block-cart .wc-block-cart-items__header-image{width:112px!important}.wc-block-cart table.wc-block-cart-items td.wc-block-cart-item__image img{width:96px!important;max-width:96px!important;height:96px;object-fit:contain}}
body.woocommerce-cart .elementor-location-single>section:first-child,body.woocommerce-checkout .elementor-location-single>section:first-child{background-color:#F6F6F8!important;background-image:none!important;padding-block:32px 24px!important;border-bottom:1px solid #E3E4E9;gap:4px!important}
body.woocommerce-cart .elementor-location-single>section:first-child h1,body.woocommerce-checkout .elementor-location-single>section:first-child h1{color:#0E0F13!important;font-size:clamp(26px,1vw + 18px,34px)!important}
body.woocommerce-cart .elementor-location-single>section:first-child .ycp-eyebrow,body.woocommerce-checkout .elementor-location-single>section:first-child .ycp-eyebrow{color:#565B83!important}
@media (max-width:767px){body.woocommerce-cart .elementor-location-single>section:first-child,body.woocommerce-checkout .elementor-location-single>section:first-child{padding-block:20px 16px!important}}

/* ===== POLISH 16.10 (qa/polish_2026-10-16/POLISH.md, plugin 1.13.0) ===== */
/* P1 empty cart: branded state instead of Woo's sad face, raw grid and dark "מידע נוסף" buttons */
.wp-block-woocommerce-empty-cart-block{max-width:1040px;margin:8px auto 0;text-align:center}
.wc-block-cart__empty-cart__title.with-empty-cart-icon::before{-webkit-mask-image:none!important;mask-image:none!important;width:84px!important;height:84px!important;margin:0 auto 20px!important;border-radius:50%;background:#EDEEF4 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23565B83' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9.5' cy='19.5' r='1.5'/%3E%3Ccircle cx='17.5' cy='19.5' r='1.5'/%3E%3Cpath d='M2.5 3.5h2.4l2.5 11.1a1.6 1.6 0 0 0 1.6 1.3h8.4a1.6 1.6 0 0 0 1.6-1.2l1.6-7.2H6'/%3E%3C/svg%3E") center/36px no-repeat!important}
.wc-block-cart__empty-cart__title{font-size:clamp(22px,1vw + 16px,28px)!important;font-weight:700!important;color:#0E0F13;margin:0 0 8px!important;line-height:1.3}
.ycp-empty-sub{font-size:16px;line-height:1.7;color:#4A4D5C;margin:0 auto 22px!important;max-width:460px}
.ycp-empty-sub a{color:#565B83!important;text-decoration:underline;text-underline-offset:3px}
.ycp-empty-cta a{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 32px;border-radius:999px;background:#565B83;color:#fff!important;font-weight:600;font-size:16px;text-decoration:none!important;transition:background-color .2s ease}
.ycp-empty-cta a:hover{background:#3F4366}
.wp-block-woocommerce-empty-cart-block .wp-block-separator{border:0!important;height:1px!important;width:100%!important;max-width:none!important;background:#E3E4E9!important;margin:56px 0 36px!important}
.wp-block-woocommerce-empty-cart-block .wp-block-separator::before{display:none!important}
.wp-block-woocommerce-empty-cart-block>h2:not(.wc-block-cart__empty-cart__title){text-align:start!important;font-size:clamp(20px,.6vw + 16px,24px)!important;font-weight:700!important;color:#0E0F13;margin:0 0 18px!important}
.wp-block-woocommerce-empty-cart-block .wc-block-grid__products{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0!important;padding:0!important;list-style:none}
.wp-block-woocommerce-empty-cart-block .wc-block-grid__product{position:relative;display:flex!important;flex-direction:column;gap:6px;max-width:none!important;width:auto!important;flex:none!important;margin:0!important;padding:12px 14px 16px!important;border:1px solid #E3E4E9!important;border-radius:16px;background:#fff;text-align:start!important;transition:border-color .15s ease,box-shadow .2s ease,transform .2s ease}
.wp-block-woocommerce-empty-cart-block .wc-block-grid__product:hover{border-color:#565B83!important;box-shadow:0 18px 40px -24px rgba(14,15,19,.35);transform:translateY(-2px)}
.wp-block-woocommerce-empty-cart-block .wc-block-grid__product-link{display:flex;flex-direction:column;gap:10px;color:#0E0F13!important;text-decoration:none!important}
.wp-block-woocommerce-empty-cart-block .wc-block-grid__product-link::after{content:"";position:absolute;inset:0;border-radius:inherit}
.wp-block-woocommerce-empty-cart-block .wc-block-grid__product-image{margin:0!important}
.wp-block-woocommerce-empty-cart-block .wc-block-grid__product-image img{width:100%!important;height:auto!important;aspect-ratio:1/1;object-fit:contain;padding:10px;border-radius:12px;background:#fff}
.wp-block-woocommerce-empty-cart-block .wc-block-grid__product-title{font-size:15px!important;font-weight:600;line-height:1.4;color:#0E0F13;margin:0!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.wp-block-woocommerce-empty-cart-block .wc-block-grid__product-price{margin:auto 0 0!important;color:#565B83!important;font-weight:700;font-size:16px!important}
.wp-block-woocommerce-empty-cart-block .wc-block-grid__product-add-to-cart,.wp-block-woocommerce-empty-cart-block .wc-block-grid__product-onsale{display:none!important}
@media (max-width:767px){.wp-block-woocommerce-empty-cart-block .wc-block-grid__products{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.wp-block-woocommerce-empty-cart-block .wp-block-separator{margin:40px 0 28px!important}.wc-block-cart__empty-cart__title.with-empty-cart-icon::before{width:72px!important;height:72px!important;background-size:30px!important}}
/* P2 headings never leave a one-word last line; body copy avoids orphans (progressive enhancement) */
:is(h1,h2,h3,.ycp-hp__t,.ycp-keyspecs dd){text-wrap:balance}
:is(.ycp-prose,.ycp-art-wrap,.elementor-location-single,.elementor-location-archive) :is(p,li){text-wrap:pretty}
/* P3 one primary per view: a section's "view all" link is a secondary button (the hero keeps the only filled indigo) */
.ycp-section a.ycp-btn-primary{background:#fff!important;color:#565B83!important;border:1px solid #D9DAE2!important;box-shadow:none!important;transition:border-color .15s ease,background-color .15s ease}
.ycp-section a.ycp-btn-primary:hover,.ycp-section a.ycp-btn-primary:focus-visible{background:#fff!important;border-color:#565B83!important;color:#3F4366!important}
/* P6 /brands/: logos optically normalised (wide wordmarks no longer dwarf compact marks) */
.elementor-928 a.ycp-card img{max-height:40px!important;max-width:min(62%,172px)!important;width:auto!important;object-fit:contain}
/* P7 brand archive: every card said the same brand — the hero already names it */
body.tax-product_brand .elementor-location-archive a.ycp-card .ycp-eyebrow{display:none!important}
/* P9 magazine empty state (/blog/ until posts are published): a designed card, not a stray grey line */
.elementor-1517 .e-collection-loop-empty-state-base{display:flex!important;flex-direction:column!important;align-items:center!important;gap:14px;max-width:640px;margin:8px auto 0;padding:44px 28px!important;border:1px solid #E3E4E9;border-radius:24px;background:#fff;text-align:center}
.elementor-1517 .e-collection-loop-empty-state-base::before{content:"";position:static!important;inset:auto!important;display:block!important;align-self:center;margin-inline:auto;width:88px;height:88px;background:url("/wp-content/uploads/2026/10/ycp-icon3d-consultation.webp") center/contain no-repeat}
.elementor-1517 .e-collection-loop-empty-state-base p{font-size:18px!important;line-height:1.6;color:#2A2C33!important;margin:0!important;max-width:420px}
/* P10 product cards: the photo lifts a touch on hover (the global reduced-motion guard cancels it) */
a.ycp-card:has(.ycp-eyebrow)>img{transition:transform .45s cubic-bezier(.2,.8,.2,1)}
a.ycp-card:has(.ycp-eyebrow):hover>img{transform:scale(1.035)}
/* P11 PDP "דגמים דומים" (Woo loop): same type scale as the YCP cards, titles clamp to 2 lines */
.woocommerce .related.products ul.products li.product .woocommerce-loop-product__title{font-size:15px!important;font-weight:600;line-height:1.4;min-height:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;padding:8px 0 4px!important}
.woocommerce .related.products ul.products li.product{transition:border-color .15s ease,box-shadow .2s ease,transform .2s ease}
.woocommerce .related.products ul.products li.product:hover{border-color:#565B83;box-shadow:0 18px 40px -24px rgba(14,15,19,.35);transform:translateY(-2px)}
/* a11y: Hello's skip link targets #content, which does not exist on Elementor templates — ours (.ycp-skip) is the one */
a.skip-link.screen-reader-text[href="#content"]{display:none!important}
/* P12 cart + checkout head: the "YCP" eyebrow above "סל קניות" said nothing — the title stands alone */
body.woocommerce-cart .elementor-location-single>section:first-child .ycp-eyebrow,body.woocommerce-checkout .elementor-location-single>section:first-child .ycp-eyebrow{display:none!important}
/* P13 brand-coloured text selection */
::selection{background:#565B83;color:#fff}
/* P14 no grey tap flash on phones — every control has its own :active/:focus state */
a,button,summary,[role=button],[role=radio]{-webkit-tap-highlight-color:transparent}
/* P15 prices use tabular figures, so amounts line up in cards, the sticky bar and cart totals */
.ycp-card,.price,.wc-block-components-product-price,.wc-block-components-totals-item__value,.wc-block-formatted-money-amount,.ycp-pick__price,.ycp-pc__price,.ycp-sticky-atc{font-variant-numeric:tabular-nums}

/* ===== 16.10 competitor round (research/competitors_2026-10-16/GAPS.md #4 #5 #8 #12 #14 #15, polish D1 D4) ===== */
/* #4/D1 product stage: one light tile behind every product photo; multiply lets white / off-white packshot backgrounds sit in it */
:root{--ycp-stage:#F2F2F5}
.ycp-stage{display:flex!important;align-items:center;justify-content:center;background:var(--ycp-stage)!important;border-radius:12px;isolation:isolate;overflow:hidden}
.ycp-stage img{mix-blend-mode:multiply;object-fit:contain!important;background:transparent!important;border-radius:0!important}
a.ycp-card .ycp-stage>img{width:100%;height:100%;transition:transform .45s cubic-bezier(.2,.8,.2,1)}
a.ycp-card:hover .ycp-stage>img{transform:scale(1.035)}
.woocommerce ul.products li.product .ycp-stage{aspect-ratio:1/1;padding:10%;margin:0 0 10px}
.woocommerce ul.products li.product .ycp-stage img{width:100%!important;height:100%!important;margin:0!important;aspect-ratio:auto}
.wp-block-woocommerce-empty-cart-block .wc-block-grid__product-image{background:var(--ycp-stage);border-radius:12px;isolation:isolate;overflow:hidden}
.wp-block-woocommerce-empty-cart-block .wc-block-grid__product-image img{background:transparent!important;mix-blend-mode:multiply}
/* #5 stock line: green dot only for in stock; backorder and sold out stay neutral. V4 cards: .ycp-stockline (in stock = the one with a <span>) */
.ycp-stockline,.ycp-stock{display:inline-flex;align-items:center;gap:6px;font-size:13px;line-height:1.4;font-weight:500;color:#5F6169}
.ycp-stockline{display:flex}
.ycp-stockline::before,.ycp-stock::before{content:"";width:7px;height:7px;border-radius:50%;background:#A3A6B4;flex-shrink:0}
.ycp-stockline:has(span)::before,.ycp-stock--in::before{background:#2E9E6A;box-shadow:0 0 0 3px rgba(46,158,106,.14)}
.ycp-stockline:empty{display:none}
.woocommerce ul.products li.product .ycp-stock{display:flex;margin-top:4px}
/* #15 recently viewed (filled by ycp-site.js; hidden under 2 products) */
.ycp-rv-sec:not(.is-on){display:none!important}
.ycp-rv--pdp{margin-top:72px}
.ycp-rv__h{margin:0 0 18px;font-size:clamp(22px,1vw + 16px,28px);font-weight:500;line-height:1.25;color:#0E0F13}
.ycp-rv-slot{width:100%}
.ycp-rv__list{list-style:none;margin:0;padding:2px 2px 10px;display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 80px)/6);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.ycp-rv__list::-webkit-scrollbar{display:none}
.ycp-rv__i{scroll-snap-align:start;margin:0;min-width:0}
.ycp-rv__i a{display:flex;flex-direction:column;gap:4px;height:100%;padding:10px 10px 14px;background:#fff;border:1px solid #E3E4E9;border-radius:16px;color:#0E0F13!important;text-decoration:none!important;transition:border-color .15s ease,box-shadow .2s ease}
.ycp-rv__i a:hover{border-color:#565B83;box-shadow:0 18px 40px -26px rgba(14,15,19,.35)}
.ycp-rv__i .ycp-stage{aspect-ratio:1/1;padding:10%;margin-bottom:6px}
.ycp-rv__i .ycp-stage img{width:100%;height:100%}
.ycp-rv__b{font-size:12.5px;font-weight:600;color:#565B83}
.ycp-rv__t{font-size:14.5px;font-weight:600;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ycp-rv__p{margin-top:auto;padding-top:4px;font-size:15px;font-weight:700;color:#565B83}
@media (max-width:1024px){.ycp-rv__list{grid-auto-columns:minmax(150px,40%);margin-inline:-16px;padding:2px 16px 10px}}
/* #12 brand facet search */
.ycp-filterbar input.ycp-bsearch{flex:0 1 180px;min-width:140px;height:36px;padding:0 14px;border:1px solid #D9DAE2;border-radius:999px;background:#fff;font:inherit;font-size:14px;color:#0E0F13}
.ycp-filterbar input.ycp-bsearch:focus{outline:2px solid #565B83;outline-offset:1px;border-color:#565B83}
.ycp-bmore{padding:7px 13px;border:1px dashed #C9CBD6;border-radius:999px;background:#fff;font:inherit;font-size:14px;font-weight:600;color:#565B83;cursor:pointer}
.ycp-bmore:hover,.ycp-bmore:focus-visible{border-color:#565B83;background:#EDEEF4;color:#3F4366}
.ycp-bmore[hidden],.ycp-filterbar a[hidden]{display:none!important}
@media (max-width:767px){.ycp-filterbar>span>span.ycp-brandrow{flex-wrap:wrap;overflow:visible}.ycp-filterbar input.ycp-bsearch{flex:1 1 100%}}
/* #8 "עזרו לי לבחור" */
html.ycp-ch-open{overflow:hidden}
html.ycp-ch-open .ycp-wa-float{opacity:0;pointer-events:none}
.ycp-ch{position:fixed;inset:0;z-index:10003}
.ycp-ch[hidden]{display:none}
.ycp-ch__scrim{position:absolute;inset:0;background:rgba(14,15,19,.55);opacity:0;transition:opacity .22s ease}
.ycp-ch.is-on .ycp-ch__scrim{opacity:1}
.ycp-ch__panel{position:absolute;left:50%;top:50%;width:min(560px,calc(100vw - 32px));max-height:calc(100dvh - 48px);overflow-y:auto;display:flex;flex-direction:column;gap:16px;padding:24px 28px 28px;background:#fff;border-radius:24px;box-shadow:0 40px 100px -30px rgba(14,15,19,.55);transform:translate(-50%,-46%);opacity:0;transition:transform .22s cubic-bezier(.2,.8,.2,1),opacity .22s ease;outline:0}
.ycp-ch.is-on .ycp-ch__panel{transform:translate(-50%,-50%);opacity:1}
.ycp-ch__head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.ycp-ch__step{margin:0!important;font-size:13px;font-weight:600;color:#565B83}
.ycp-ch__x{width:40px;height:40px;padding:0;border:0;border-radius:50%;background:#F6F6F8;color:#0E0F13;font:inherit;font-size:22px;line-height:1;cursor:pointer}
.ycp-ch__x:hover,.ycp-ch__x:focus-visible{background:#EDEEF4;color:#0E0F13}
.ycp-ch__bar{height:4px;border-radius:4px;background:#EDEEF4;overflow:hidden}
.ycp-ch__bar span{display:block;height:100%;width:0;background:#565B83;border-radius:inherit;transition:width .25s ease}
.ycp-ch__q{margin:2px 0 0!important;font-size:24px;font-weight:700;line-height:1.25;color:#0E0F13;text-wrap:balance}
.ycp-ch__opts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.ycp-ch__o{min-height:56px;padding:12px 16px;border:1px solid #D9DAE2;border-radius:14px;background:#fff;color:#0E0F13;font:inherit;font-size:15.5px;font-weight:500;line-height:1.35;text-align:start;cursor:pointer;transition:border-color .15s ease,background-color .15s ease}
.ycp-ch__o:hover,.ycp-ch__o:focus-visible{border-color:#565B83;background:#F5F5FA;color:#0E0F13}
.ycp-ch__o.is-on{border-color:#565B83;box-shadow:inset 0 0 0 1px #565B83;background:#EDEEF4;color:#0E0F13}
.ycp-ch__foot{display:flex}
.ycp-ch__back{padding:8px 0;border:0;background:none;font:inherit;font-size:14px;font-weight:600;color:#565B83;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.ycp-ch__back:hover,.ycp-ch__back:focus-visible{background:none;color:#3F4366}
.ycp-ch__back[hidden]{display:none}
.ycp-ch__sum{margin:0;padding:14px 18px;list-style:none;display:flex;flex-direction:column;gap:6px;background:#F6F6F8;border-radius:14px;font-size:15px;line-height:1.5;color:#2A2C33}
.ycp-ch__cta{display:flex;flex-direction:column;gap:10px}
.ycp-ch__go,.ycp-ch__wa{display:flex;align-items:center;justify-content:center;min-height:52px;padding:0 24px;border-radius:999px;font-size:16px;font-weight:600;text-decoration:none!important;transition:background-color .15s ease,border-color .15s ease}
.ycp-ch__go{background:#565B83;color:#fff!important}
.ycp-ch__go:hover{background:#3F4366}
.ycp-ch__wa{border:1px solid #D9DAE2;background:#fff;color:#0E0F13!important}
.ycp-ch__wa:hover{border-color:#565B83}
.ycp-ch__note{margin:0!important;font-size:14px;line-height:1.5;color:#5F6169;text-align:center}
.ycp-chooser-btn{align-self:flex-start;display:inline-flex;align-items:center;margin-top:6px;padding:9px 16px;border:1px solid #4E5372;border-radius:999px;background:transparent;color:#E4E5EE;font:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .15s ease,border-color .15s ease}
.ycp-chooser-btn:hover,.ycp-chooser-btn:focus-visible{background:#30344C;border-color:#8E92BF;color:#fff}
@media (max-width:767px){.ycp-ch__panel{left:0;right:0;top:auto;bottom:0;width:auto;max-height:90dvh;border-radius:24px 24px 0 0;padding:20px 16px calc(20px + env(safe-area-inset-bottom));transform:translateY(100%);opacity:1}.ycp-ch.is-on .ycp-ch__panel{transform:none}.ycp-ch__q{font-size:21px}.ycp-ch__opts{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.ycp-ch__panel,.ycp-ch__scrim,.ycp-ch__bar span{transition:none!important}}
/* #14 order tracking (Woo form, copied into the V4 slot) */
.ycp-track-slot{width:100%}
.ycp-track-slot form.track_order{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0;padding:28px;background:#fff;border:1px solid #E3E4E9;border-radius:20px;box-shadow:0 12px 40px rgba(14,15,19,.06)}
.ycp-track-slot form.track_order>p:first-child{display:none} /* Woo's own singular intro; the page intro above says it in the site voice */
.ycp-track-slot form.track_order .form-row{display:flex;flex-direction:column;gap:6px;width:auto!important;float:none!important;margin:0!important;padding:0!important}
.ycp-track-slot form.track_order .form-row:has(button){grid-column:1/-1}
.ycp-track-slot form.track_order label{font-size:14px;font-weight:600;color:#0E0F13}
.ycp-track-slot form.track_order .form-row input.input-text{width:100%;min-height:50px;padding:12px 16px;border:1px solid #D9DAE2!important;border-radius:12px!important;background:#fff;font:inherit;font-size:16px;line-height:1.4;color:#0E0F13}
.ycp-track-slot form.track_order .form-row input.input-text:focus{border-color:#565B83;outline:2px solid #565B83;outline-offset:1px}
.ycp-track-slot .clear{display:none}
.ycp-track-slot button[type=submit]{width:100%;min-height:52px;border:0;border-radius:999px;background:#565B83;color:#fff;font:inherit;font-size:16px;font-weight:700;cursor:pointer}
.ycp-track-slot button[type=submit]:hover,.ycp-track-slot button[type=submit]:focus-visible{background:#3F4366;color:#fff}
.ycp-track-slot .woocommerce-error,.ycp-track-slot .woocommerce-info{margin:0 0 16px;padding:14px 18px;border-radius:14px;background:#FBEFF0;color:#7A2430;list-style:none}
@media (max-width:767px){.ycp-track-slot form.track_order{grid-template-columns:1fr;padding:20px}}
/* D4: on a brand page the hero logo already names the brand → H1 kept for SEO / screen readers, visually hidden */
body.ycp-has-brandlogo .ycp-brandlogo + h1{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
/* 16.10 Tal: no white strip under the footer — banner room lives inside the dark footer; overscroll shows the dark canvas (top bar + footer are dark) */
html{background-color:#0E0F13}
body{background-color:#fff}
.elementor-location-footer{background-color:#0E0F13}
html.ycp-consent-open body{padding-bottom:0!important}
html.ycp-consent-open .elementor-location-footer{padding-bottom:190px}
@media (max-width:767px){html.ycp-consent-open .elementor-location-footer{padding-bottom:130px}}

/* ===================================================================================================================
   UI ROUND 16.10 (merged here from assets/ui-2026.css so it costs no extra render-blocking request; LH +0.2 s LCP as a
   separate file). It overrides pdp.css/article.css (printed earlier); reuses the motion tokens from motion.css.
   =================================================================================================================== */
/* YCP UI round 16.10 (Tal): floating header · glass image tiles · racing-line motif · mobile comparison table ·
 * mobile filter + sort row · subcategory image tiles · search sheet under the admin bar · modern-CSS pass.
 * Loaded after ycp-sitewide / ycp-pdp / ycp-article / ycp-motion (inc/ui-2026.php, priority 115), so equal-specificity
 * rules here win. Reuses the motion tokens (--m-*) from assets/motion.css; adds no new animation keyframes for reveals. */

:root{
  --ycp-bar-gap:12px; --ycp-bar-in:16px; --ycp-bar-r:20px; --ycp-bar-h:78px;
  --ycp-glass-w:rgba(255,255,255,.6); --ycp-glass-line:rgba(255,255,255,.6);
  --ycp-racing:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 676'%3E%3Cg fill='none' opacity='.05'%3E%3Cpath d='M-20 624H300C392 624 420 590 466 512L522 414C566 336 600 286 700 286H1220' stroke='%23565B83' stroke-width='44'/%3E%3Cpath d='M-20 624H300C392 624 420 590 466 512L522 414C566 336 600 286 700 286H1220' stroke='%23fff' stroke-width='5'/%3E%3Cpath d='M470 700L578 520C620 450 650 400 780 400H1220' stroke='%23565B83' stroke-width='44'/%3E%3Cpath d='M470 700L578 520C620 450 650 400 780 400H1220' stroke='%23fff' stroke-width='5'/%3E%3C/g%3E%3C/svg%3E");
  accent-color:#565B83;
}
@media (max-width:1024px){:root{--ycp-bar-h:68px}}
@media (max-width:767px){:root{--ycp-bar-gap:8px;--ycp-bar-in:10px;--ycp-bar-r:18px}}

/* ======================= 1. floating header ======================= */
/* the header element is now only a carrier: transparent, no shadow, no blur (B22's scrolled glass moves onto the bar) */
.elementor-location-header>header,.elementor-location-header header.e-con,
body.ycp-scrolled .elementor-location-header>header,body.ycp-scrolled .elementor-location-header header.e-con{background:transparent!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
/* bridge until site part 971 / 972 are republished without the 6px stripes (no-ops afterwards: the last/first child is then a flexbox) */
.elementor-location-header header.e-con>.e-div-block-base:last-child:not([class*="ycp-"]),.elementor-location-footer footer.e-con>.e-div-block-base:first-child:not([class*="ycp-"]){display:none!important}
.ycp-hdr-bar{box-sizing:border-box;min-height:var(--ycp-bar-h)!important;width:min(calc(100% - 2 * var(--ycp-bar-in)),1400px)!important;max-width:none!important;min-width:0!important;align-self:center!important;margin:var(--ycp-bar-gap) auto 0!important;border-radius:var(--ycp-bar-r);background:#fff;border:1px solid rgba(14,15,19,.08);box-shadow:0 10px 30px -16px rgba(14,15,19,.22),0 1px 2px rgba(14,15,19,.04);transition:background-color var(--m-base,.24s) var(--m-ease,ease),box-shadow var(--m-base,.24s) var(--m-ease,ease),border-color var(--m-base,.24s) var(--m-ease,ease)}
body.ycp-scrolled .ycp-hdr-bar{background:rgba(255,255,255,.8);-webkit-backdrop-filter:blur(18px) saturate(1.5);backdrop-filter:blur(18px) saturate(1.5);border-color:rgba(255,255,255,.6);box-shadow:0 14px 36px -18px rgba(14,15,19,.38),0 0 0 1px rgba(14,15,19,.05)}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){body.ycp-scrolled .ycp-hdr-bar{background:rgba(255,255,255,.97)}}
/* mega panel: floats 8px under the bar with the bar's radius; a transparent bridge keeps the hover path continuous */
.ycp-hdr-bar .ycp-mega-panel{top:calc(100% + 8px);border-radius:var(--ycp-bar-r);border:1px solid #E3E4E9!important}
.ycp-hdr-bar .ycp-mega-panel::before{content:"";position:absolute;inset-inline:0;bottom:100%;height:10px}
.ycp-hdr-bar .ycp-mega-util{border-radius:0 0 calc(var(--ycp-bar-r) - 1px) calc(var(--ycp-bar-r) - 1px)}
/* home: the bar floats over the hero (header pulled up by bar + gap, the hero gets the same back as padding: content does not move) */
body.home .elementor-location-header{margin-bottom:calc(-1 * (var(--ycp-bar-h) + var(--ycp-bar-gap)))}
body.home .elementor-location-header~[data-elementor-type="wp-page"]>.e-con:first-child{padding-top:calc(104px + var(--ycp-bar-h) + var(--ycp-bar-gap))!important;min-height:calc(min(78vh,760px) + var(--ycp-bar-h) + var(--ycp-bar-gap))!important}
@media (max-width:1024px){body.home .elementor-location-header~[data-elementor-type="wp-page"]>.e-con:first-child{padding-top:calc(72px + var(--ycp-bar-h) + var(--ycp-bar-gap))!important;min-height:0!important}}
@media (max-width:767px){body.home .elementor-location-header~[data-elementor-type="wp-page"]>.e-con:first-child{padding-top:calc(190px + var(--ycp-bar-h) + var(--ycp-bar-gap))!important}} /* Yair 23.10: was 250px, opening image too tall on mobile; 190 since the hero video (its square band needs room above the eyebrow) */
/* product archives (dark head): same float, the head keeps its own top padding below the bar */
body.ycp-arch .elementor-location-header{margin-bottom:calc(-1 * (var(--ycp-bar-h) + var(--ycp-bar-gap)))} /* 17.10 CLS: server class (inc/core.php), applies before the first layout */
body:has([data-elementor-type="product-archive"]) .elementor-location-header{margin-bottom:calc(-1 * (var(--ycp-bar-h) + var(--ycp-bar-gap)))}
.elementor-location-header~[data-elementor-type="product-archive"]>.e-con:first-child{padding-top:calc(40px + var(--ycp-bar-h) + var(--ycp-bar-gap))!important}
@media (max-width:767px){.elementor-location-header~[data-elementor-type="product-archive"]>.e-con:first-child{padding-top:calc(24px + var(--ycp-bar-h) + var(--ycp-bar-gap))!important}}
/* the actions group never forces the bar wider than the screen */
.ycp-hdr-bar>*{min-width:0}

/* ======================= 7b. search sheet under the WP admin bar (--ycp-ab set by ycp-ui.js on open) ======================= */
body.admin-bar .ycp-ss{top:var(--ycp-ab,var(--wp-admin--admin-bar--height,32px))}
@media (max-width:767px){body.admin-bar .ycp-ss{height:calc(100dvh - var(--ycp-ab,46px));max-height:none}}

/* ======================= 2. glass image tiles (home categories + brands tile) ======================= */
.elementor a.ycp-gtile{position:relative;display:block!important;aspect-ratio:4/3;min-height:0!important;padding:0!important;overflow:hidden;isolation:isolate;border-color:transparent;contain:layout paint}
.elementor a.ycp-gtile>img{position:absolute!important;inset:0;width:100%!important;height:100%!important;max-width:none!important;aspect-ratio:auto!important;object-fit:cover}
.ycp-gtile-panel,.ycp-sc__p{position:absolute!important;inset-inline:10px;bottom:10px;z-index:1;padding:10px 14px!important;border-radius:14px;background:var(--ycp-glass-w);-webkit-backdrop-filter:blur(12px) saturate(1.4);backdrop-filter:blur(12px) saturate(1.4);border:1px solid var(--ycp-glass-line);box-shadow:0 8px 24px -14px rgba(14,15,19,.4)}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.ycp-gtile-panel,.ycp-sc__p{background:rgba(255,255,255,.94)}}
@media (max-width:767px){.elementor a.ycp-gtile{aspect-ratio:1/1}.ycp-gtile-panel{inset-inline:8px;bottom:8px;padding:8px 10px!important;border-radius:12px}}

/* ======================= 3. racing-line motif (logo's double line) on white sections, ~5% ======================= */
.elementor .ycp-racing{background-image:var(--ycp-racing);background-repeat:no-repeat;background-size:min(1200px,170%) auto;background-position:left -80px bottom -40px}
.elementor .ycp-racing-end{background-position:right -260px top -120px}
.elementor .ycp-racing-band{background-size:min(760px,220%) auto;background-position:left -40px bottom -30px}
@media (max-width:767px){.elementor .ycp-racing{background-position:left -160px bottom -20px}.elementor .ycp-racing-end{background-position:right -320px top -60px}}
.ycp-bh-photo::before{display:none}

/* ======================= 4. PDP quick compare (.ycp-qc, inc/compete.php) on phones: no sideways scroll, no sticky column ======================= */
@media (max-width:767px){
  .ycp-qc__wrap{overflow:visible;border-radius:16px}
  .ycp-qc__t{display:block;min-width:0!important;width:100%;table-layout:auto}
  .ycp-qc__t thead,.ycp-qc__t tbody{display:block}
  .ycp-qc__t tr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
  .ycp-qc__t thead td{display:none}
  .ycp-qc__t thead th{position:static;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding:14px 8px 12px;text-align:center;border-bottom:1px solid #EEEFF2!important;font-size:13.5px}
  .ycp-qc__t thead th>a{display:flex!important;flex-direction:column;align-items:center}
  .ycp-qc__t thead .ycp-stage{width:100%;max-width:92px;margin:0 auto 8px;padding:8px}
  .ycp-qc__t .ycp-qc__tag{margin-bottom:6px;padding:2px 8px;font-size:11.5px}
  .ycp-qc__b{font-size:11.5px}
  .ycp-qc__m{font-size:13.5px;overflow-wrap:anywhere}
  .ycp-qc__t tbody th{grid-column:1/-1;position:static!important;z-index:auto;background:#F6F6F8!important;padding:7px 12px 6px!important;font-size:12.5px!important;border-bottom:0!important}
  .ycp-qc__t tbody td{position:static;padding:9px 8px!important;font-size:13.5px;text-align:center;overflow-wrap:anywhere}
  .ycp-qc__t tbody tr:last-child>td{border-bottom:0!important}
}

/* ======================= 5. archive: "סינון" + "מיון" in one row on phones (ycp-ui.js builds it; desktop unchanged) ======================= */
@media (max-width:767px){
  /* before the script: reserve the row, hide the pill strip + the filter panel so nothing jumps */
  html.ycp-js .elementor-location-archive .ycp-sortbar>span{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8px 10px;min-height:72px;padding:0 0 4px;align-content:start}
  html.ycp-js .elementor-location-archive .ycp-sortbar>span>span:first-child{grid-column:1/-1;font-size:13px;line-height:20px;color:#5F6169}
  html.ycp-js .elementor-location-archive .ycp-sortbar:not(.ycp-fs-on)>span>span:last-child{display:none}
  html.ycp-js .elementor-location-archive .ycp-filterbar:not(.ycp-fs-on){display:none!important}
  .ycp-fs-on .ycp-filter-toggle{grid-column:1;margin:0;width:100%;min-height:44px;justify-content:center}
  .ycp-sortbar>span>span.ycp-sortdd{grid-column:2;position:relative;display:block;overflow:visible;max-width:none;padding:0;border:0;border-radius:0;background:none;-webkit-mask-image:none;mask-image:none}
  .ycp-sort-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;min-height:44px;padding:10px 14px;border:1px solid #D9DAE2;border-radius:999px;background:#fff;font:inherit;font-size:15px;font-weight:600;color:#0E0F13;cursor:pointer;white-space:nowrap;overflow:hidden}
  .ycp-sort-btn b{font-weight:600;color:#565B83;overflow:hidden;text-overflow:ellipsis}
  .ycp-sort-btn::after{content:"";flex-shrink:0;width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform var(--m-base,.24s) var(--m-ease,ease)}
  .ycp-sort-btn[aria-expanded=true]{border-color:#565B83;background:#EDEEF4}
  .ycp-sort-btn[aria-expanded=true]::after{transform:rotate(225deg) translateY(-2px)}
  .ycp-fs-on .ycp-sort-pop{position:absolute;top:calc(100% + 6px);inset-inline:0;z-index:20;display:flex!important;flex-direction:column;gap:2px;padding:6px!important;margin:0;border:1px solid #E3E4E9!important;border-radius:16px!important;background:#fff!important;box-shadow:0 18px 40px -18px rgba(14,15,19,.35);overflow:visible!important;-webkit-mask-image:none!important;mask-image:none!important;opacity:1;translate:0 0;transition:opacity var(--m-base,.24s) var(--m-ease-out,ease),translate var(--m-base,.24s) var(--m-ease-out,ease),display var(--m-base,.24s) allow-discrete}
  .ycp-fs-on .ycp-sort-pop[hidden]{display:none!important;opacity:0;translate:0 -6px}
  .ycp-fs-on .ycp-sort-pop a{display:flex!important;align-items:center;min-height:44px;padding:0 14px!important;border-radius:12px;font-size:15px;white-space:nowrap}
  .ycp-fs-on .ycp-sort-pop a.is-active{background:#EDEEF4!important;color:#3F4366!important;font-weight:600}
  .ycp-fs-on .ycp-sort-pop a:not(.is-active):hover{background:#F6F6F8}
}
@starting-style{.ycp-fs-on .ycp-sort-pop:not([hidden]){opacity:0;translate:0 -6px}}
/* the filter panel (shown/hidden with [hidden] by ycp-archive.js) eases in where @starting-style exists */
.ycp-filterbar:not([hidden]){transition:opacity var(--m-base,.24s) var(--m-ease-out,ease),translate var(--m-base,.24s) var(--m-ease-out,ease)}
@starting-style{.ycp-filterbar:not([hidden]){opacity:0;translate:0 -6px}}

/* ======================= 6. subcategory image tiles in the archive head (template #ycp-tpl-subcats → .ycp-subcats-slot) ======================= */
.ycp-subcats-slot{display:none;width:100%}
.ycp-sc__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
.ycp-sc__t{position:relative;display:block;height:150px;border-radius:16px;overflow:hidden;isolation:isolate;background:#23263A;border:1px solid rgba(255,255,255,.14);color:#0E0F13!important;text-decoration:none!important;contain:layout paint}
.ycp-sc__t img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform var(--m-slow,.42s) var(--m-ease,ease)}
.ycp-sc__p{display:flex;flex-direction:column;gap:0;inset-inline:8px;bottom:8px;padding:7px 12px!important;border-radius:12px}
.ycp-sc__n{font-size:15px;font-weight:600;line-height:1.3;color:#0E0F13;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ycp-sc__c{font-size:12.5px;line-height:1.35;font-weight:500;color:#3A3D52}
.ycp-sc__t.is-current{border-color:#fff;box-shadow:0 0 0 2px #fff}
.ycp-sc__t.is-current .ycp-sc__p{background:#fff}
.ycp-sc__t.is-current .ycp-sc__n{color:#3F4366}
.ycp-sc__t.is-noimg{background:#23263A var(--ycp-racing) left bottom/220% auto no-repeat}
.ycp-sc__t:focus-visible{outline:2px solid #fff;outline-offset:2px;box-shadow:0 0 0 4px #565B83}
@media (max-width:1024px){.ycp-sc__list{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.ycp-sc__t{height:132px}}
@media (max-width:767px){.ycp-sc__list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ycp-sc__t{height:104px;border-radius:14px}.ycp-sc__p{inset-inline:6px;bottom:6px;padding:6px 10px!important}.ycp-sc__n{font-size:14px}.ycp-sc__c{font-size:12px}}

/* ======================= 8. modern-CSS pass ======================= */
/* scrollbar-gutter:stable was tried and dropped: headless Chromium reserved an unpainted 15px strip (the dark html canvas showed) */
/* smooth <details> (mobile drawer, footer, PDP FAQ, article FAQ/TOC): animate to/from auto where supported; instant elsewhere */
@supports (interpolate-size:allow-keywords){
  :root{interpolate-size:allow-keywords}
  details::details-content{block-size:0;overflow-y:clip;transition:block-size var(--m-base,.24s) var(--m-ease,ease),content-visibility var(--m-base,.24s) allow-discrete}
  details[open]::details-content{block-size:auto}
}
/* one focus ring everywhere a component reset it (same ring as the global :where rule in ycp.css) */
:is(.ycp-sort-btn,.ycp-filter-toggle,.ycp-more-filters,.ycp-bmore,.ycp-sc__t,.ycp-gtile,.ycp-hdr-cart,.ycp-search-pill,.ycp-burger,.ycp-chooser-btn,summary):focus-visible{outline:2px solid #fff;outline-offset:2px;box-shadow:0 0 0 4px #565B83}
/* product cards: size their insides by their own width (2-up phones vs 4-up desktop vs rails) */
.elementor a.ycp-card:has(.ycp-stage){container:ycpcard/inline-size;contain:layout paint}
@container ycpcard (max-width:200px){
  .ycp-stage+.e-con{padding-inline:10px!important;padding-bottom:12px!important;gap:4px!important}
  .ycp-stage+.e-con :is(h2,h3){font-size:14.5px!important}
}
@container ycpcard (min-width:300px){.ycp-stage+.e-con :is(h2,h3){font-size:17px!important}}
/* touch: no sticky hover lift / zoom after a tap (the global classes set &:hover unconditionally) */
@media (hover:none),(pointer:coarse){
  .elementor a.ycp-card:hover{transform:none!important;box-shadow:none;border-color:var(--ycp-line,#E3E4E9)}
  .elementor a.ycp-card:hover img,.ycp-sc__t:hover img,.ycp-mega-promo:hover .ycp-mega-promo-img{transform:none!important}
}
@media (hover:hover) and (pointer:fine){
  .ycp-sc__t:hover img{transform:scale(1.04)}
  .ycp-sc__t:not(.is-current):hover{border-color:rgba(255,255,255,.4)}
  .elementor a.ycp-gtile:hover{border-color:transparent}
}
/* below the fold: skip layout/paint until near the viewport */
.elementor-location-footer,.ycp-cv,.ycp-rv-sec{content-visibility:auto;contain-intrinsic-size:auto 640px}
@media (max-width:767px){.elementor-location-footer{contain-intrinsic-size:auto 1400px}}
/* media boxes keep their shape before the bytes arrive */
.ycp-rv__i .ycp-stage,.ycp-qc__t thead .ycp-stage{aspect-ratio:1/1}
.ycp-ss__prods img{aspect-ratio:1/1}
.wc-block-cart-item__image img,.woocommerce ul.products li.product a img{aspect-ratio:1/1;height:auto}
/* body copy wraps without orphans site-wide (headings are balanced in ycp.css) */
:is(.elementor-location-header,.elementor-location-footer,[data-elementor-type="wp-page"],.woocommerce) :is(p,li,dd){text-wrap:pretty}

/* ======================= placements (brand/imagery/PLACEMENTS_2026-10-16.md) ======================= */
/* #6 empty cart — 17.10: the 3D "cart-empty" icon (media 2748, same set as the empty-search state) above the title; was the "ready for gear" shelf photo
   (media 2642: url("/wp-content/uploads/2026/10/ycp-page-cart-empty-768x576.webp") center/cover on #EDEEF4, 4:3, radius 16) */
.wc-block-cart__empty-cart__title.with-empty-cart-icon::before{width:136px!important;height:136px!important;aspect-ratio:auto;border-radius:0!important;margin:0 auto 18px!important;background:transparent url("/wp-content/uploads/2026/10/ycp-icon3d-cart-empty.webp") center/contain no-repeat!important;filter:drop-shadow(0 12px 18px rgba(40,44,80,.18))}
@media (max-width:767px){.wc-block-cart__empty-cart__title.with-empty-cart-icon::before{width:112px!important;height:112px!important;margin-bottom:14px!important}}

@media (prefers-reduced-motion:reduce){
  details::details-content{transition:none!important}
  .ycp-sort-pop,.ycp-filterbar,.ycp-hdr-bar,.ycp-sc__t img{transition:none!important}
}
@media print{.ycp-hdr-bar{box-shadow:none;margin:0!important}body.home .elementor-location-header{margin-bottom:0}}

/* ======================= 17.10 perf + UX round (qa/perf_2026-10-16/PERF.md §7) ======================= */
/* status pill: the slot keeps the pill's height before it is filled (inc/perf.php fills it before first paint; this is the belt) */
.ycp-status-slot{min-height:24px}
/* anchors: the floating bar never hides now, so in-page targets stop below it */
html{scroll-padding-top:calc(var(--ycp-bar-gap,12px) + var(--ycp-bar-h,78px) + 12px)}
/* iOS (Tal 17.10: page opened shifted ~30px left with a white strip): screen-reader boxes pinned to the left so their RTL static
   position can't poke past the right edge; document-level horizontal overflow clipped; the bar never wider than the viewport */
.screen-reader-text,.elementor-screen-only,#elementor-device-mode{left:0!important;right:auto!important}
/* 1.22.4 (Tal 17.10, iPhone 4G: white strip beside the top bar, the bar's right corners cut while loading): the clip moved OFF body.
   html's overflow-x goes to the viewport (no element clip). body's own clip was an ANCESTOR clip of the sticky, composited header,
   and on iOS that clip was painted 16px off while the page loaded (screenshot: header cut at x=424 of 440, body's white behind it;
   not reproducible in desktop WebKit). No element overflows (measured), so the guard now sits on the content wrappers,
   which are not ancestors of the header. clip (not hidden) = no scroll container, so position:sticky inside keeps working. */
html{overflow-x:clip}
body{overflow-x:visible}
body>:is(#ycp-main,#primary,#content,main,.elementor-location-footer,[data-elementor-type]:not([data-elementor-type="header"])){overflow-x:clip}
@supports not (overflow:clip){html{overflow-x:hidden}}
.elementor-location-header .ycp-hdr-bar{max-width:calc(100vw - 2 * var(--ycp-bar-in))!important}

/* carousels on phones (Tal 17.10: the first room card sat flush on the screen edge). The track bleeds to both screen edges and
   scrolls itself (overflow-x on the track, so nothing escapes the page); its padding and scroll-padding equal the page gutter, so
   the first card lines up with the heading and snapping never pulls a card onto the edge. Cards are 84% wide so the next one peeks.
   .ycp-rail = any Elementor V4 row that scroll-snaps on phones (tagged before first paint by inc/perf.php, again by ycp-rails.js). */
@media (max-width:767px){
 :where(.ycp-rail,.ycp-hp__track,.ycp-rv__list,.ycp-cards--full,.ycp-picks__row,.related ul.products){--ycp-gut:16px}
 body.single-post :is(.ycp-picks__row,.ycp-cards--full){--ycp-gut:20px}
 :is(.ycp-rail,.ycp-hp__track,.ycp-rv__list,.ycp-cards--full,.ycp-picks__row,body.single-product .related ul.products){
  display:grid!important;grid-auto-flow:column!important;grid-template-columns:none!important;grid-auto-columns:84%!important;
  gap:12px!important;
  width:auto!important;max-width:none!important;align-self:stretch!important;box-sizing:border-box;
  margin-inline:calc(-1 * var(--ycp-gut))!important;padding-inline:var(--ycp-gut)!important;
  overflow-x:auto!important;overflow-y:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;
  scroll-snap-type:x mandatory!important;scroll-padding-inline:var(--ycp-gut)!important;
  scrollbar-width:none}
 :is(.ycp-rail,.ycp-hp__track,.ycp-rv__list,.ycp-cards--full,.ycp-picks__row,body.single-product .related ul.products)::-webkit-scrollbar{display:none}
 :is(.ycp-rail,.ycp-hp__track,.ycp-rv__list,.ycp-cards--full,.ycp-picks__row,body.single-product .related ul.products)>*{scroll-snap-align:start;min-width:0;width:auto!important;max-width:none!important;flex:none!important;margin:0!important}
}
/* tablets: two cards with a peek, same edge rules */
@media (min-width:768px) and (max-width:1024px){
 :is(.ycp-hp__track,.ycp-cards--full){grid-auto-columns:calc((100% - 12px) / 2.15)!important;column-gap:12px!important}
 :is(.ycp-rv__list,.ycp-cards--full){scroll-padding-inline:16px}
}
/* dots under phone carousels (built by assets/js/ycp-rails.js; hidden when every card fits) */
.ycp-dots{display:none}
@media (max-width:767px){
 .ycp-dots:not([hidden]){display:flex;justify-content:center;flex-wrap:wrap;gap:2px;margin:10px 0 0;padding:0}
 .ycp-dots button{display:grid;place-items:center;width:24px;height:24px;padding:0;margin:0;border:0;border-radius:50%;background:transparent!important;cursor:pointer;-webkit-tap-highlight-color:transparent}
 .ycp-dots button::before{content:"";width:7px;height:7px;border-radius:999px;background:#C9CBD6;transition:width .2s ease,background-color .2s ease}
 .ycp-dots button[aria-current=true]::before{width:18px;background:#565B83}
 .ycp-dots button:focus-visible{outline:2px solid #565B83;outline-offset:1px}
 .ycp-dots--dark button::before{background:rgba(255,255,255,.35)}
 .ycp-dots--dark button[aria-current=true]::before{background:#fff}
}
@media (prefers-reduced-motion:reduce){.ycp-dots button::before{transition:none}}

/* ===== 17.10 cross-browser QA (qa/xbrowser_2026-10-16/XBROWSER.md) ===== */
/* X3: at 768–1024 the bar renders 74.5px (logo + 46px buttons), not 68 → the header's negative margin left a 6.5px white strip */
@media (min-width:768px) and (max-width:1024px){:root{--ycp-bar-h:75px}}
/* X4: subcategory tile names wrap to 2 lines instead of "…" (the panel is absolute, tiles keep their height) */
.ycp-sc__n{white-space:normal!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:clip;text-wrap:balance}
/* X5: Latin model tokens never break at a hyphen / never reorder (search sheet + chips wrap them in bdi.ycp-model) */
.ycp-model{white-space:nowrap;unicode-bidi:isolate}
/* X6: the count is a muted, isolated number after the value */
.ycp-filterbar a>span{display:inline-block;font-size:.78em;color:#6B6E7C;margin-inline-start:.35em;unicode-bidi:isolate;font-variant-numeric:tabular-nums}
.ycp-filterbar a.is-on>span,.ycp-filterbar a[aria-current]>span{color:inherit;opacity:.8}
/* X4 at ≥768: names may take 3 lines (6 tiles across leave little width) */
@media (min-width:768px){.ycp-sc__n{-webkit-line-clamp:3}}
/* X7: the mega utility row spans the panel (negative margins widen it instead of moving it) */
.ycp-mega-util{width:auto!important;max-width:none!important;justify-self:stretch}
/* X8: checkout screen-reader boxes pinned inside the viewport */
.wc-block-checkout legend.screen-reader-text,.wc-block-components-address-form__address_2-hidden-input{left:0!important;right:auto!important;clip-path:inset(50%)}
/* X12: the WA pill steps aside while the phone filter panel is open, and sits above the desktop PDP gallery corner */
body:has(.ycp-filterbar.ycp-fs-on:not([hidden])) .ycp-wa-float{opacity:0;visibility:hidden;pointer-events:none}
@media (min-width:1025px){body.single-product .ycp-wa-float{--ycp-wa-bottom:88px}}
/* X14: phone filter rows fade at the cut edge (RTL end = left) */
@media (max-width:767px){.ycp-filterbar>span>span{-webkit-mask-image:linear-gradient(to left,#000 85%,transparent);mask-image:linear-gradient(to left,#000 85%,transparent)}}
/* X15: at 1025–1279 the chevron's focus ring stays inside its own box */
@media (min-width:1025px) and (max-width:1279px){.ycp-mega-btn:focus-visible{outline-offset:-2px!important}}
/* P1 17.10 (research/effects_2026-10-16/EFFECTS.md §4): V4's `.elementor .e-default-a:hover{color:#3F4366}` (0,3,0) beat the button
   classes, so the hero "לחנות", "עזרו לי לבחור" and the dark-band "ייעוץ בוואטסאפ" labels vanished or fell to ~2.3:1 on hover/focus */
.elementor :is(a.ycp-btn-primary,a.ycp-btn-ghost,a[href$="#ycp-chooser"],.ycp-ftr-band a.e-button-base,.ycp-cta-band a.e-button-base):not(.ycp-wa-title):is(:hover,:focus-visible){color:var(--ycp-white,#fff)}
/* the article band's light lavender WA button keeps dark text on its lighter hover fill */
.elementor a.ycp-wa-title:is(:hover,:focus-visible){color:#0E0F13}
/* perf 17.10: the blog hero search (filled from <template> by article.js) keeps its 50px before it arrives (CLS 0.035 on /blog/) */
.ycp-bsearch-slot{min-height:50px}

/* ===== 17.10 3D icon placements (brand/icons-3d "Added 2026-10-17") ===== */
.ycp-sc__t .ycp-sc__i3d{position:absolute;top:12px;left:0;right:0;inset-inline:0;margin-inline:auto;width:84px;height:84px;object-fit:contain;filter:drop-shadow(0 0 18px rgba(138,143,196,.5))}
@media (max-width:1024px){.ycp-sc__t .ycp-sc__i3d{width:70px;height:70px;top:10px}}
@media (max-width:767px){.ycp-sc__t .ycp-sc__i3d{width:52px;height:52px;top:8px}}
.ycp-track-i3d{display:flex;justify-content:center;margin:0 0 14px}
.ycp-track-i3d img{width:96px;height:96px;object-fit:contain;filter:drop-shadow(0 10px 16px rgba(40,44,80,.18))}
:is(.ycp-qc__h,.ycp-rv__h){display:flex;align-items:center;gap:12px}
:is(.ycp-qc__h,.ycp-rv__h) .ycp-i3d{width:40px;height:40px;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 6px 10px rgba(40,44,80,.18))}

/* ===== 1.22.4 (Tal 17.10, iPhone): subcategory tiles on phones + tablets ===== */
/* Were short landscape boxes (104px phone / 132px tablet) with the glass label covering ~half the photo. Now: one tile height
   per breakpoint, from the viewport: phone = the column width (1:1, like the home grid), tablet = the column width capped at
   200px. inc/ui-2026.php reserves the slot with the SAME variable (rows × --ycp-sc-h + gaps), so filling it moves nothing.
   Gutters assumed: 16px (phone) / 40px (tablet) = the archive head's padding. Desktop keeps 150px. */
:root{--ycp-sc-h:150px}
@media (max-width:1024px){:root{--ycp-sc-h:min(calc((100vw - 116px) / 4),200px)}}
@media (max-width:767px){:root{--ycp-sc-h:min(calc((100vw - 42px) / 2),240px)}}
.ycp-sc__t{height:var(--ycp-sc-h)}
@media (max-width:1024px){
  .ycp-sc__t img:not(.ycp-sc__i3d){object-position:50% 35%}
  /* compact strip pinned to the bottom: name up to 2 lines (no one-line ellipsis), small count under it */
  .ycp-sc__p{inset-inline:6px;bottom:6px;padding:6px 9px 7px!important;border-radius:11px;gap:1px}
  .ycp-sc__n{font-size:13px;line-height:1.25;-webkit-line-clamp:2;line-clamp:2;text-wrap:wrap}
  .ycp-sc__c{font-size:11.5px;line-height:1.3}
}
@media (max-width:767px){.ycp-sc__t .ycp-sc__i3d{width:64px;height:64px;top:18px}}
/* 18.10 pre-handoff QA (1.22.5) */
/* block cart coupon toggle: our 44px tap height left the label at the top while Woo centres the absolute chevron → centre both */
.wc-block-components-panel__button{display:flex;align-items:center}
/* category head image with no image set (subcategory without its own picture): an empty <img> without src/alt still took space */
.ycp-archive-img:not([src]),.ycp-archive-img[src=""]{display:none!important}
/* 18.10 Yair: room pages v2, live bundles [ycp_bundle] (plugin inc/rooms.php). V4 paragraphs strip classes → styled by tag under .ycp-bundle-host */
.ycp-bundle-host{display:flex;flex-direction:column;flex-grow:1;margin:0}
.ycp-bundle-host>span{display:flex;flex-direction:column;gap:14px;flex-grow:1}
.ycp-bundle-host>span>span{display:flex;flex-direction:column;gap:12px}
.ycp-bundle-host>span>span>span{display:grid;grid-template-columns:1fr auto;column-gap:12px;row-gap:2px;align-items:baseline;padding-bottom:12px;border-bottom:1px solid var(--ycp-line)}
.ycp-bundle-host>span>span>span>a{font-size:15px;line-height:1.4;font-weight:600;color:var(--ycp-ink);text-decoration:none}
.ycp-bundle-host>span>span>span>a:hover{color:var(--ycp-indigo);text-decoration:underline}
.ycp-bundle-host>span>span>span>small{font-size:14px;color:var(--ycp-graphite)}
.ycp-bundle-host>span>span>span>b{grid-column:2;grid-row:1;font-size:15px;font-weight:600;color:var(--ycp-ink);white-space:nowrap}
.ycp-bundle-host>span>span>span>em{grid-column:1/-1;font-style:normal;font-size:14px;line-height:1.5;color:#5F6169}
.ycp-bundle-host>span>em{display:block;font-style:normal;font-size:14px;color:#8A4B00}
.ycp-bundle-host>span>strong{display:flex;justify-content:space-between;align-items:baseline;margin-top:auto;padding-top:4px;font-size:16px;font-weight:500;color:var(--ycp-ink)}
.ycp-bundle-host>span>strong>b{font-size:24px;font-weight:700}
.ycp-bundle-host>span>a{display:block;text-align:center;padding:13px 18px;border-radius:999px;background:var(--ycp-ink);color:#fff!important;font-weight:600;font-size:15px;text-decoration:none}
.ycp-bundle-host>span>a:hover{background:var(--ycp-indigo)}
@media (max-width:767px){.ycp-bundle-host>span>span>span>a,.ycp-bundle-host>span>span>span>b{font-size:16px}}

/* Yair 23.10: availability off (ycp_show_availability) */
.ycp-noavail .ycp-stockline{display:none}
/* Yair 23.10 mobile: centred headings, shorter opening image (home hero = first container of page 924, structural selector: element ids change on every rebuild) */
@media (max-width:767px){
.ycp-section-title{text-align:center}
body.home [data-elementor-type="wp-page"]>.e-con:first-child{background-size:auto,100% auto;background-position:center,50% -30px} /* 23.10: square poster of the hero video (lcp_bg pid), full width at the top, 30px up like the video */
body.home [data-elementor-type="wp-page"]>.e-con:first-child>.e-con:first-child{align-items:center;text-align:center}
body.home [data-elementor-type="wp-page"]>.e-con:first-child>.e-con:first-child>*{text-align:center}
body.home [data-elementor-type="wp-page"]>.e-con:first-child>.e-con:first-child .e-flexbox-base{justify-content:center}
}
.ycp-noavail .ycp-stock{display:none} /* 23.10: recently-viewed strip (filled by ycp-site.js) */
/* 23.10 Tal: home hero video (inc/hero-video.php + ycp-home.js). The wrapper repeats the section's own gradient layers over the
   video and its frame matches the background, so the fade-in from the poster is invisible. Phones: a square band at the top. */
body.home [data-elementor-type="wp-page"]>.e-con:first-child.ycp-has-video{position:relative;isolation:isolate;overflow:hidden}
.ycp-has-video>:not(.ycp-hero-media){position:relative;z-index:1}
.ycp-hero-media{position:absolute;inset:0;z-index:0;opacity:0;transition:opacity .9s ease;pointer-events:none}
.ycp-hero-media.is-on{opacity:1}
.ycp-hero-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:30% 50%}
.ycp-hero-media::after{content:"";position:absolute;inset:0;background:linear-gradient(to left,rgba(14,15,19,.94) 0%,rgba(14,15,19,.72) 36%,rgba(14,15,19,.05) 68%),linear-gradient(to top,rgba(14,15,19,.55) 0%,rgba(14,15,19,0) 30%)}
@media (max-width:1024px){.ycp-hero-media video{object-position:20% 50%}.ycp-hero-media::after{background:linear-gradient(to left,rgba(14,15,19,.92) 0%,rgba(14,15,19,.85) 55%,rgba(14,15,19,.45) 100%)}}
@media (max-width:767px){.ycp-hero-media video{top:-30px;bottom:auto;height:auto;aspect-ratio:1/1;object-position:50% 0}.ycp-hero-media::after{background:linear-gradient(to top,rgba(14,15,19,.97) 0%,rgba(14,15,19,.88) 50%,rgba(14,15,19,.35) 63%,rgba(14,15,19,.08) 100%)}} /* = lcp_bg home grad */
@media (prefers-reduced-motion:reduce){.ycp-hero-media{display:none}}
.ycp-filterbar:not(:has(a)){display:none!important} /* QA 24.10 S1: a 1-product archive can have no filter row left (bands with 0 products are no longer printed) */
/* QA 24.10 S4: 768–1024 the status + phone group shrank below its content, so the phone spilled onto the status text */
.elementor-location-header .e-con:has(>.ycp-status-slot){flex-shrink:0} /* the status+phone group; the USP line (min-width auto, wraps) gives way instead */
/* QA 24.10 S7: the checkout block mounts client-side; the footer painted at y≈278 and was shoved down (CLS 0.67/0.60 → 0/0.05) → reserve the space until it renders. Cart (0.17 at 1440) left: its second shift is Woo loading the totals, a fixed reserve did not help */
.wp-block-woocommerce-checkout:not(:has(.wc-block-checkout__main)){min-height:1150px}
@media (max-width:767px){.wp-block-woocommerce-checkout:not(:has(.wc-block-checkout__main)){min-height:1500px}}
/* 27.10 Yair: 404 page (inc/e404.php + builds/build_404_v2.py) — search pre-filled from the missed address, "אולי חיפשתם" cards, centred on phones */
.ycp-404s{display:flex;align-items:center;gap:6px;width:100%;max-width:560px;padding:5px;border:1px solid rgba(255,255,255,.26);border-radius:999px;background:rgba(255,255,255,.10);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.ycp-404s:focus-within{border-color:rgba(255,255,255,.6)}
.ycp-404s input[type=search]{flex:1;min-width:0;height:46px;padding:0 18px;border:0;border-radius:999px;background:transparent;color:#fff;font:inherit;font-size:16px;outline:0}
.ycp-404s input::placeholder{color:#A9ABB8}
.ycp-404s input::-webkit-search-cancel-button{filter:invert(1);opacity:.6}
.ycp-404s button{display:inline-flex;align-items:center;gap:6px;height:46px;padding:0 20px;border:0;border-radius:999px;background:#565B83;color:#fff;font:inherit;font-size:16px;font-weight:600;cursor:pointer}
.ycp-404s button:hover,.ycp-404s button:focus-visible{background:#6A6F99}
.ycp-404s button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2}
.ycp-404-search-slot{width:100%;max-width:560px;min-height:58px}
.ycp-404-sugg:not(.is-on){display:none!important}
@media (max-width:767px){
 .ycp-404-hero{align-items:center!important;text-align:center}
 .ycp-404-hero>.e-con,.ycp-404-hero .ycp-404-row{justify-content:center!important}
 .ycp-404-hero p{margin-inline:auto}
 .ycp-404-hero>.ycp-eyebrow,.ycp-404-hero>p:first-child{align-self:center!important;margin-inline:auto}
 .ycp-404s button span{display:none}
 .ycp-404s button{padding:0 16px}
}