/* Editorial product frames: layered shapes using each store's palette. */
body[data-theme] .products .product{--art-a:color-mix(in srgb,var(--green) 19%,var(--white));--art-b:color-mix(in srgb,var(--metal) 35%,var(--white));border-radius:23px;box-shadow:0 7px 22px #173c2110;overflow:hidden}
html[data-appearance=dark] body[data-theme] .products .product{--art-a:color-mix(in srgb,var(--green) 42%,var(--white));--art-b:color-mix(in srgb,var(--metal) 18%,var(--white))}
body[data-theme] .products .product:nth-child(3n+2){--art-a:color-mix(in srgb,var(--metal) 32%,var(--white));--art-b:color-mix(in srgb,var(--green) 15%,var(--white))}
html[data-appearance=dark] body[data-theme] .products .product:nth-child(3n+2){--art-a:color-mix(in srgb,var(--metal) 20%,var(--white));--art-b:color-mix(in srgb,var(--green) 32%,var(--white))}
body[data-theme] .products .product .product-media,html[data-appearance=dark] body[data-theme] .products .product .product-media{border-bottom:0;background:var(--card-tint)}
body[data-theme] .products .product .product-visual,body[data-theme] .products .product .product-visual:has(.product-photo){position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(135deg,var(--card-tint),var(--art-b));}
body[data-theme] .products .product .product-visual::before{content:"";position:absolute;z-index:-1;pointer-events:none;width:74%;aspect-ratio:1;left:13%;top:12%;border-radius:50% 50% 42% 42%;background:linear-gradient(145deg,var(--art-a),var(--card-surface));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--green) 12%,transparent);transform:rotate(-12deg);transition:transform .4s ease}
body[data-theme] .products .product .product-visual::after{content:"";position:absolute;z-index:-1;pointer-events:none;width:62%;height:100%;right:-36%;top:-15%;border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);border-radius:50%;transform:rotate(25deg);box-shadow:0 0 0 13px color-mix(in srgb,var(--accent) 5%,transparent),0 0 0 27px color-mix(in srgb,var(--accent) 4%,transparent)}
body[data-theme] .products .product:nth-child(3n+2) .product-visual::before{border-radius:44% 44% 16% 44%;transform:rotate(16deg);}
body[data-theme] .products .product:nth-child(3n) .product-visual::before{border-radius:48% 15% 48% 15%;transform:rotate(-18deg)}
body[data-theme] .products .product .placeholder-icon{position:relative;z-index:1;display:grid;place-items:center;width:100px;height:100px;border-radius:29px;background:color-mix(in srgb,var(--card-surface) 87%,transparent);color:var(--green);opacity:1;border:1px solid color-mix(in srgb,var(--accent) 28%,transparent);box-shadow:0 12px 22px #12342712;transform:rotate(-8deg);transition:transform .3s}
body[data-theme] .products .product .placeholder-icon svg{width:53px;height:60px;stroke-width:1.15;transform:rotate(8deg)}
html[data-appearance=dark] body[data-theme] .products .product .placeholder-icon{color:var(--metal)}
body[data-theme] .products .product .placeholder-label{position:relative;z-index:1;opacity:1;color:var(--muted);letter-spacing:1.5px;margin-top:13px}
body[data-theme] .products .product .visual-note{color:var(--muted);opacity:1}
body[data-theme] .products .product .media-brand{top:15px;left:15px;padding:5px 8px;border-radius:20px;background:color-mix(in srgb,var(--card-surface) 80%,transparent);color:var(--ink);opacity:1;font-size:9px;letter-spacing:-.2px}
body[data-theme] .products .product .favorite-button{box-shadow:0 4px 12px #15342112;width:34px;height:34px}
body[data-theme] .products .product .product-photo{position:relative;z-index:1;padding:27px;transition:transform .35s;mix-blend-mode:multiply;background:transparent}
html[data-appearance=dark] body[data-theme] .products .product .product-visual:has(.product-photo){--art-a:color-mix(in srgb,var(--metal) 28%,#f2f5ee);--art-b:color-mix(in srgb,var(--green) 12%,#f2f5ee);background:linear-gradient(135deg,var(--card-photo),var(--art-b))}
body[data-theme] .products .product .product-info{position:relative;padding-top:21px;border-top:1px solid var(--line)}
body[data-theme] .products .product .product-info::before{content:"";position:absolute;top:0;left:18px;width:36px;height:3px;border-radius:0 0 5px 5px;background:var(--accent)}
body[data-theme] .products .product .product-category{color:var(--accent);font-weight:700;letter-spacing:1.2px}
body[data-theme] .products .product h3{font-weight:700;font-size:14px}
body[data-theme] .products .product .product-bottom{padding:12px 10px;border-radius:12px;background:color-mix(in srgb,var(--soft) 70%,var(--card-surface));border:1px solid var(--line);margin-bottom:13px}
body[data-theme] .products .product .price{font-size:25px;letter-spacing:-1px}
body[data-theme] .products .product .quick-view{background:var(--card-surface);width:29px;height:29px}
body[data-theme] .products .product .add,body[data-theme] .products .product .stepper{border-radius:12px;height:42px;box-shadow:0 4px 12px #103c2010}
@media(hover:hover){body[data-theme] .products .product:hover .product-visual::before{transform:rotate(0deg) scale(1.04)}body[data-theme] .products .product:hover .placeholder-icon{transform:rotate(0deg) translateY(-3px)}body[data-theme] .products .product:hover .product-photo{transform:translateY(-3px) scale(1.045)}}
body[data-theme] .products.list-view .product .product-visual::before{width:70%;top:10%;left:15%}
body[data-theme] .products.list-view .product .placeholder-icon{width:68px;height:68px;border-radius:20px}
body[data-theme] .products.list-view .product .placeholder-icon svg{width:37px;height:43px}
body[data-theme] .products.list-view .product .product-bottom{padding:8px;margin:0}
@media(max-width:700px){body[data-theme] .products .product{border-radius:18px}body[data-theme] .products .product .placeholder-icon{width:66px;height:66px;border-radius:20px}body[data-theme] .products .product .placeholder-icon svg{width:36px;height:42px}body[data-theme] .products .product .media-brand{font-size:7px;left:9px;top:10px;padding:4px 6px}body[data-theme] .products .product .favorite-button{width:28px;height:28px}body[data-theme] .products .product .product-photo{padding:17px}body[data-theme] .products .product .placeholder-label{font-size:5px;letter-spacing:.8px;margin-top:9px}body[data-theme] .products .product h3{font-size:12px}body[data-theme] .products .product .product-bottom{padding:9px 7px;gap:4px}body[data-theme] .products .product .price{font-size:20px}body[data-theme] .products .product .quick-view{width:23px;height:23px}body[data-theme] .products .product .product-info{padding-top:17px}body[data-theme] .products .product .add,body[data-theme] .products .product .stepper{height:38px}}
@media(prefers-reduced-motion:reduce){body[data-theme] .products .product .product-visual::before,body[data-theme] .products .product .placeholder-icon,body[data-theme] .products .product .product-photo{transition:none}}