
/* ---- product image tiles (all product loops) ---- */
body:not(#hud) li.product .cc-pimg{position:relative;display:block;aspect-ratio:1/1;margin:-12px -12px 14px;background:radial-gradient(circle at 50% 40%,#f7f7f7 0%,#ebebeb 58%,#dcdcdc 100%);overflow:hidden}
body:not(#hud) li.product .cc-pimg img{position:absolute!important;inset:0;width:100%!important;height:100%!important;max-width:none!important;padding:5%!important;margin:0!important;background:transparent!important;object-fit:contain;mix-blend-mode:multiply;border:0!important;border-radius:0!important;box-shadow:none!important;transition:opacity .3s,transform .4s}
body:not(#hud) li.product .cc-pimg .cc-pimg__alt{opacity:0}
body:not(#hud) ul.products:not(.elementor-grid) li.product .cc-pimg{margin:-14px -14px 14px}
body:not(#hud) li.product .cc-pimg img.is-photo{object-fit:cover;padding:0!important;mix-blend-mode:normal}
@media (hover:hover){
 body:not(#hud) li.product:hover .cc-pimg img{transform:scale(1.04)}
 body:not(#hud) li.product:hover .cc-pimg.has-alt img:first-child{opacity:0}
 body:not(#hud) li.product:hover .cc-pimg.has-alt .cc-pimg__alt{opacity:1}
}

/* ---- product page gallery + cart/checkout thumbnails on the same studio backdrop ---- */
body:not(#hud) .woocommerce-product-gallery .flex-viewport,body:not(#hud) .woocommerce-product-gallery .woocommerce-product-gallery__image{background:radial-gradient(circle at 50% 40%,#f7f7f7 0%,#ebebeb 58%,#dcdcdc 100%)!important}
body:not(#hud) .woocommerce-product-gallery .woocommerce-product-gallery__image img{mix-blend-mode:multiply;background:transparent!important}
body:not(#hud) .woocommerce-product-gallery .flex-control-thumbs li{background:#e9e9e9;margin-top:8px}
body:not(#hud) .woocommerce-product-gallery .flex-control-thumbs img{mix-blend-mode:multiply;opacity:.55;transition:opacity .15s;border:0!important}
body:not(#hud) .woocommerce-product-gallery .flex-control-thumbs img.flex-active,body:not(#hud) .woocommerce-product-gallery .flex-control-thumbs img:hover{opacity:1}
body:not(#hud) .woocommerce-product-gallery .flex-control-thumbs li:has(img.flex-active){box-shadow:inset 0 -3px 0 #EE212E}
body:not(#hud) .wc-block-cart-item__image a,body:not(#hud) .wc-block-components-order-summary-item__image{display:block;background:#ebebeb!important;border-radius:0!important;overflow:hidden}
body:not(#hud) .wc-block-cart-item__image img,body:not(#hud) .wc-block-components-order-summary-item__image img{mix-blend-mode:multiply;border-radius:0!important;background:transparent!important}
body:not(#hud) .woocommerce-product-gallery img.is-photo,body:not(#hud) .wc-block-cart-item__image img.is-photo,body:not(#hud) .wc-block-components-order-summary-item__image img.is-photo{mix-blend-mode:normal}
body:not(#hud) li.product .price .cc-from{font-weight:500;color:#a6a6a6;font-size:.85em;margin-right:2px}
body:not(#hud) li.product-type-variable a.button.product_type_variable{display:none!important}

/* ---- shop nav ---- */
body:not(#hud) .cc-sn{--r:#EE212E;--line:rgba(255,255,255,.09);font-family:Poppins,sans-serif;color:#fff;display:flex;flex-direction:column;gap:22px}
body:not(#hud) .cc-sn__search{display:flex;height:46px}
body:not(#hud) .cc-sn__search input[type=search]{flex:1;min-width:0;height:46px!important;background:#141414!important;border:1px solid var(--line)!important;border-right:0!important;border-radius:0!important;color:#fff!important;padding:0 14px!important;font:400 16px Poppins,sans-serif!important;box-shadow:none!important}
body:not(#hud) .cc-sn__search input[type=search]:focus{border-color:var(--r)!important;outline:0}
body:not(#hud) .cc-sn__search button{width:48px;height:46px;flex:0 0 48px;background:var(--r)!important;border:0!important;border-radius:0!important;padding:0!important;display:grid;place-items:center;cursor:pointer;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%)}
body:not(#hud) .cc-sn__search svg{width:20px;height:20px;fill:none;stroke:#fff;stroke-width:2.4;stroke-linecap:round}
body:not(#hud) .cc-sn__label{display:block;font:700 12px/1.3 Poppins,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--r);margin:0 0 10px}
body:not(#hud) .cc-sn ul{list-style:none!important;margin:0!important;padding:0!important}
body:not(#hud) .cc-sn__chips{display:flex;flex-direction:column;gap:2px}
body:not(#hud) .cc-sn__chips a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 12px;font:600 14px/1.2 Poppins,sans-serif;color:#d6d6d6!important;text-decoration:none!important;border-left:3px solid transparent;transition:background .15s,color .15s,border-color .15s}
body:not(#hud) .cc-sn__chips a i{font-style:normal;font:600 12px Poppins,sans-serif;color:#8a8a8a}
body:not(#hud) .cc-sn__chips a:hover{background:rgba(255,255,255,.04);color:#fff!important}
body:not(#hud) .cc-sn__chips a.is-on{background:rgba(238,33,46,.14);border-left-color:var(--r);color:#fff!important}
body:not(#hud) .cc-sn__chips a.is-on i{color:#fff}
body:not(#hud) .cc-sn__ed::before{content:"";width:14px;height:14px;flex:0 0 14px;order:-1;border:1px solid rgba(255,255,255,.25)}
body:not(#hud) .cc-sn__ed{justify-content:flex-start!important}
body:not(#hud) .cc-sn__ed--og-red-black::before{background:repeating-linear-gradient(135deg,#EE212E 0 3px,#111 3px 6px)}
body:not(#hud) .cc-sn__ed--black-edition::before{background:repeating-linear-gradient(135deg,#555 0 3px,#111 3px 6px)}
body:not(#hud) .cc-sn__players{display:flex;flex-direction:column;gap:2px}
body:not(#hud) .cc-sn__players a{display:flex;align-items:center;gap:12px;padding:6px 12px 6px 8px;text-decoration:none!important;color:#d6d6d6!important;border-left:3px solid transparent;transition:background .15s,border-color .15s}
body:not(#hud) .cc-sn__players a:hover{background:rgba(255,255,255,.04);color:#fff!important}
body:not(#hud) .cc-sn__players a.is-on{background:rgba(238,33,46,.14);border-left-color:var(--r);color:#fff!important}
body:not(#hud) .cc-sn__av{width:38px;height:38px;flex:0 0 38px;background:#e9e9e9 center 46%/250% no-repeat;background-blend-mode:multiply;border:2px solid #2a2a2a;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,0 100%)}
body:not(#hud) .cc-sn__players a.is-on .cc-sn__av,body:not(#hud) .cc-sn__players a:hover .cc-sn__av{border-color:var(--r)}
body:not(#hud) .cc-sn__pn{font:700 14px/1.2 Poppins,sans-serif;text-transform:uppercase;letter-spacing:.02em}
body:not(#hud) .cc-sn__note{display:flex;align-items:center;gap:8px;margin:0!important;padding-top:16px;border-top:1px solid var(--line);font:500 13.5px/1.4 Poppins,sans-serif;color:#bdbdbd}
body:not(#hud) .cc-sn__note svg{width:20px;height:20px;fill:none;stroke:var(--r);stroke-width:1.8;stroke-linejoin:round}

/* phones / tablets: horizontal scroll rows */
@media (max-width:1024px){
 body:not(#hud) .cc-sn{gap:16px}
 body:not(#hud) .cc-sn__chips,body:not(#hud) .cc-sn__players{flex-direction:row;overflow-x:auto;gap:8px;scrollbar-width:none;margin:0 -20px!important;padding:0 20px 2px!important;scroll-snap-type:x proximity}
 body:not(#hud) .cc-sn__chips::-webkit-scrollbar,body:not(#hud) .cc-sn__players::-webkit-scrollbar{display:none}
 body:not(#hud) .cc-sn__chips li,body:not(#hud) .cc-sn__players li{flex:0 0 auto;scroll-snap-align:start}
 body:not(#hud) .cc-sn__chips a{border:1px solid var(--line);border-left-width:1px;padding:9px 13px;white-space:nowrap;background:#1d1d1d;border-radius:3px}
 body:not(#hud) .cc-sn__chips a.is-on{border-color:var(--r);background:rgba(238,33,46,.18)}
 body:not(#hud) .cc-sn__players a{flex-direction:column;gap:6px;padding:0;border:0;background:none!important;width:64px}
 body:not(#hud) .cc-sn__av{width:60px;height:60px;flex-basis:60px}
 body:not(#hud) .cc-sn__pn{font-size:11px;max-width:64px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}
 body:not(#hud) .cc-sn__players a.is-on .cc-sn__pn{color:var(--r)}
 body:not(#hud) .cc-sn__label{margin-bottom:8px}
 body:not(#hud) .cc-sn__note{padding-top:12px}
}

/* sort / count toolbar */
body:not(#hud) .cc-sort{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 16px;font-family:Poppins,sans-serif}
body:not(#hud) .cc-sort__n{font:500 13.5px Poppins,sans-serif;color:#a6a6a6}
body:not(#hud) .cc-sort select{height:40px!important;background:#1d1d1d!important;color:#fff!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:0!important;padding:0 34px 0 12px!important;font:600 13.5px Poppins,sans-serif!important;appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,#fff 50%),linear-gradient(135deg,#fff 50%,transparent 50%)!important;background-position:calc(100% - 17px) 17px,calc(100% - 12px) 17px!important;background-size:5px 5px!important;background-repeat:no-repeat!important;width:auto!important}

/* ---- checkout steps bar ---- */
body:not(#hud) ol.cc-steps-bar{display:grid!important;grid-template-columns:repeat(3,1fr)!important;max-width:520px;width:100%;margin:22px auto 0!important;padding:0!important;list-style:none!important;gap:0!important;background:none!important;border:0!important}
body:not(#hud) ol.cc-steps-bar > li{position:relative;display:flex!important;flex-direction:column;align-items:center;gap:8px;padding:0!important;margin:0!important;background:none!important;border:0!important;box-shadow:none!important;font:700 12px/1.2 Poppins,sans-serif!important;letter-spacing:.06em!important;text-transform:uppercase;color:rgba(255,255,255,.72)!important;clip-path:none!important;min-width:0;text-align:center}
body:not(#hud) ol.cc-steps-bar > li > a{display:flex!important;flex-direction:column;align-items:center;gap:8px;color:inherit!important;text-decoration:none!important;background:none!important;padding:0!important}
body:not(#hud) ol.cc-steps-bar > li::before{content:"";position:absolute;top:16px;right:50%;width:100%;height:3px;background:rgba(0,0,0,.35);z-index:0}
body:not(#hud) ol.cc-steps-bar > li:first-child::before{display:none}
body:not(#hud) ol.cc-steps-bar > li.is-done::before,body:not(#hud) ol.cc-steps-bar > li.is-current::before{background:#fff}
body:not(#hud) ol.cc-steps-bar .cc-steps-bar__n{position:relative;z-index:1;width:34px!important;height:34px!important;display:grid!important;place-items:center;margin:0!important;border-radius:0!important;border:0!important;background:#171717!important;color:#fff!important;font:800 14px/1 Poppins,sans-serif!important;clip-path:polygon(0 0,calc(100% - 9px) 0,100% 9px,100% 100%,0 100%);box-shadow:none!important}
body:not(#hud) ol.cc-steps-bar > li.is-current{color:#fff!important}
body:not(#hud) ol.cc-steps-bar > li.is-current .cc-steps-bar__n{background:#fff!important;color:#EE212E!important}
body:not(#hud) ol.cc-steps-bar > li.is-done .cc-steps-bar__n{background:#171717!important;color:#fff!important}
body:not(#hud) ol.cc-steps-bar > li.is-done{color:#fff!important}
body:not(#hud) ol.cc-steps-bar > li.is-done a:hover{opacity:.85}
@media (max-width:480px){body:not(#hud) ol.cc-steps-bar > li{font-size:11px!important;letter-spacing:.04em!important}}
