.products .product{padding:14px;border:1px solid #252523;border-radius:16px;background:#10100f;transition:border-color .2s;overflow:hidden}
.products .product:hover{border-color:#494437}
.products .product-top{gap:9px;margin:0 0 13px;font-size:11px;line-height:1.5}
.product-top .brand-avatar{width:28px;height:28px;background:#20201c;border:1px solid #333128;border-radius:50%;padding:4px}
.brand-avatar img{display:block;width:100%;height:100%;object-fit:contain;filter:invert(1)}
.products .product-top b{font-weight:500;color:#d5d1c7;letter-spacing:.1px}
.products .product-gallery,.products .product-image{border-radius:10px}
.products .gallery-count{top:11px;right:11px;padding:5px 8px;background:#181815b3;font-size:9px;letter-spacing:.5px}
.products .gallery-prev,.products .gallery-next{width:30px;height:30px;background:#fffffff0;color:#24231e;font-size:21px;box-shadow:0 2px 10px #0002;opacity:0;transition:opacity .15s}
.products .product-gallery:hover .gallery-prev,.products .product-gallery:hover .gallery-next,.products .product-gallery:focus-within .gallery-prev,.products .product-gallery:focus-within .gallery-next{opacity:1}
.products .gallery-dots{bottom:10px;padding:0 4px;gap:0;background:#ffffffe0;box-shadow:0 1px 5px #0001}
.products .gallery-dots button{width:19px;height:22px;padding:7px}
.products .gallery-dots button::after{width:5px;height:5px;background:#bdbab1}
.products .gallery-dots button.current::after{background:#484033}
.products .product-actions{gap:9px;margin:12px 0 0;padding:0 0 12px;border-bottom:1px solid #262622}
.products .heart{display:grid;place-items:center;width:34px;height:34px;border:1px solid #36342c;border-radius:50%;font:26px/1 Arial,sans-serif;background:#191916;color:#e3d8bf;transition:background .15s,color .15s}
.products .heart:hover{background:#302a21}
.products .heart.saved{color:#ff6574;background:#302025;border-color:#56303a}
.products .product-actions small{font-size:10px;color:#a6a093;line-height:1.5}
.products .product-actions .arrow{display:grid;place-items:center;width:34px;height:34px;border:1px solid #36342c;border-radius:50%;font-size:20px;color:#ddd3bd}
.products .product-actions .arrow:hover{background:#302a21}
.products .product h3{margin:14px 0 7px;line-height:1.5}
.product-name{border:0;padding:0;background:none;text-align:left;font:inherit;color:#f1ede4;cursor:pointer}
.product-name:hover{color:#ded1b5}
.products .product-info{align-items:center;gap:12px;font-size:11px;color:#a6a093}
.products .product-info strong{font-size:14px;letter-spacing:-.2px;font-weight:600;color:#e6d9bd;margin:0}
.products .product-actions{gap:8px;padding-bottom:13px}
.products .product-actions .heart,.products .product-actions .share-card,.products .product-actions .arrow{display:grid;place-items:center;flex-shrink:0;width:40px;height:40px;padding:0;border:1px solid #36332b;border-radius:11px;background:#1b1a17;color:#d7c8a9;transition:background .18s,border-color .18s,color .18s}
.products .product-actions svg{display:block;width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.products .product-actions .heart:hover,.products .product-actions .share-card:hover{background:#30291f;border-color:#8c7957;color:#f5e5c4}
.products .product-actions .arrow{background:#e8dfcc;border-color:#e8dfcc;color:#232019}
.products .product-actions .arrow:hover{background:#fff0d0;border-color:#fff0d0;color:#171510}
.products .product-actions .heart.saved{background:#302025;border-color:#65404a;color:#ff8190}
.products .product-actions .heart.saved svg{fill:currentColor;stroke-width:1.3}
.products .product-actions small{font-size:10px;line-height:1.4;flex:1;min-width:0;color:#a69d8a}
.products .product-actions button:focus-visible{outline:2px solid #ead9b5;outline-offset:3px}
@media(prefers-reduced-motion:reduce){.products .product-actions button{transition:none}}
.products .product{position:relative}
.products .product-actions{position:absolute;top:24px;left:24px;z-index:1;margin:0;padding:0;border:0}
.products .product-actions .heart{width:34px;height:34px;border-radius:50%;background:#171716de;backdrop-filter:blur(5px)}
.products .product h3{margin:12px 0 5px;padding-right:80px;font-size:13px}
.products .product-info{position:relative;font-size:10px}
.products .product-info strong{position:absolute;right:0;top:-25px;font-size:13px}
.products .color-options{display:inline-flex;gap:6px;margin-top:9px;vertical-align:middle}
.products .color-option{width:26px;height:26px;padding:4px}
.products .color-option.selected{padding:3px}
.products .product-code{display:inline-block;margin:9px 0 0 10px;vertical-align:middle;font-size:9px;letter-spacing:.3px}
.products .product-actions .heart,.products .product-actions .share-card{width:28px;height:28px;border-radius:50%;background:#171716de;border-color:#555044;color:#eee1c5}
.products .product-actions .heart svg{width:15px;height:15px}
.products .product-actions .heart{margin-right:0}
.products .product-actions small{flex:1;font-size:11px;color:#b9b09d}
.products .product-actions .share-card{margin-left:auto}
.products .product-actions .arrow{display:flex;justify-content:center;gap:8px;width:auto;min-width:98px;height:42px;padding:0 13px;border-radius:12px;background:#e8dfcc;color:#242018}
.products .product-actions .arrow span{font-size:11px;font-weight:600;white-space:nowrap}
.products .product-actions .arrow svg{width:16px;height:16px}
.products .product-actions button:active{transform:scale(.96)}
@media(min-width:801px) and (max-width:1400px){.products .product-actions small{display:none}.products .product-actions .arrow{min-width:90px}}
@media(max-width:360px){.products .product-actions small{display:none}}
@media(hover:none){.products .gallery-prev,.products .gallery-next{opacity:1}}
@media(max-width:500px){.products .product{padding:12px;border-radius:14px}.products .product-top{font-size:12px}.products .product h3{font-size:14px}.products .product-info{font-size:12px}.products .product-actions small{font-size:11px}.products .product-info strong{font-size:15px}}
@media(prefers-reduced-motion:reduce){.products .product,.products .heart,.products .gallery-prev,.products .gallery-next{transition:none}}