body{background:#f0f1ef;color:#26302e}
.catalog{position:relative;isolation:isolate}
.products{gap:26px 22px;isolation:isolate}
.glass-product{--edge-left:225,228,226;--edge-right:229,230,227;position:relative;display:flex;flex-direction:column;border-radius:8px;isolation:isolate}
.glass-product::before{content:"";position:absolute;z-index:-1;pointer-events:none;left:-18px;right:-18px;top:12%;bottom:-38px;background-image:var(--background-texture,linear-gradient(90deg,rgb(var(--edge-left)),rgb(var(--edge-right))));background-size:100% 100%;filter:blur(22px) saturate(.85);opacity:.72;border-radius:8px;mask-image:linear-gradient(transparent,#000 12%,#000 85%,transparent)}
.glass-product::after{content:"";position:absolute;inset:-5px;z-index:2;pointer-events:none;border:1px solid transparent;border-radius:8px;transition:background-color .18s,border-color .18s,box-shadow .18s}
@media(hover:hover){.glass-product:hover::after{border-color:#9aa9a699;background:#ffffff0d;box-shadow:0 4px 18px #26302e0f}}
.glass-product:focus-within::after{border-color:#819691aa;background:#ffffff08;box-shadow:0 3px 16px #26302e0c}
.glass-product .product-image{aspect-ratio:3/4;border-radius:8px 8px 0 0;background:transparent;border:1px solid #7d898322;border-bottom:0;padding:0;z-index:1}
.glass-product .product-image img{display:block;width:100%;height:100%;object-fit:contain;transform:none!important;transition:none}
.glass-info{padding:12px 12px 8px;display:flex;flex:1;flex-direction:column;position:relative;z-index:1;background:linear-gradient(#f0f1ef80,#f0f1efba);border-radius:0 0 8px 8px}
.glass-product .product-meta{margin:0 0 8px;font-size:11px;color:#53615c;flex-wrap:wrap}
.glass-product h3{font-size:16px;line-height:1.4;margin:0 0 8px;min-height:2.8em;overflow-wrap:anywhere}
.glass-product h3 button{font:inherit;color:inherit;line-height:inherit}
.glass-colors{display:flex;flex-wrap:wrap;gap:3px;min-height:32px;align-items:center}
.glass-color{display:grid;place-items:center;width:32px;height:32px;flex:0 0 32px;padding:4px;border:1px solid transparent;border-radius:50%;background:transparent}
.glass-color span{display:block;width:20px;height:20px;border-radius:50%;background:var(--swatch);border:1px solid #46554d44}
.glass-color[aria-pressed="true"]{border-color:#627570}
.glass-color:focus-visible,.glass-product button:focus-visible{outline:2px solid #546f66;outline-offset:2px}
.glass-color-name{font-size:12px;color:#53615c;line-height:1.4;margin:4px 0 8px;min-height:1.4em}
.glass-product .product-bottom{margin-top:auto;display:flex;flex-direction:column;align-items:stretch;gap:10px;padding-top:6px}
.glass-product .price{font-size:20px;line-height:1.3}
.glass-product .add-button{width:100%;min-height:42px;display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid #71878070;background:#ffffff14;color:#354a43;border-radius:6px;padding:9px 12px;font-size:13px}
.glass-product .add-button:not(:disabled):hover{background:#ffffff52;border-color:#718780}
.glass-product .add-button:disabled{opacity:.55;cursor:not-allowed}
.glass-product .add-button svg{width:17px;height:17px}
.glass-actions{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:6px}
.glass-product .buy-now{min-height:42px;padding:8px 5px;border:1px solid #71878070;border-radius:6px;background:#ffffff38;color:#354a43;font-size:13px;line-height:1.25}
.glass-product .buy-now:hover:not(:disabled){background:#ffffff66}
.glass-product .buy-now:disabled{opacity:.55;cursor:not-allowed}
.glass-actions .add-button{padding:8px 4px;gap:4px;font-size:12px}
@media(max-width:600px){.glass-actions{grid-template-columns:minmax(0,1fr) 40px}.glass-actions .add-button{font-size:0;gap:0}.glass-actions .buy-now{font-size:12px}}
@media(max-width:600px){.products{gap:24px 12px}.glass-info{padding:10px 5px 6px}.glass-product h3{font-size:14px}.glass-product .product-meta{font-size:10px}.glass-product .price{font-size:18px}.glass-product .add-button{font-size:12px;padding:8px 4px;gap:6px}.glass-product::before{left:-7px;right:-7px;filter:blur(14px)}}
@media(prefers-reduced-motion:reduce){.glass-product::after{transition:none}}

/* Light shore: move only the ambient layer, keeping the product photo intact. */
body{background:#f1f5f3}
.glass-product{border-radius:16px;transition:transform .28s ease;--glow-x:50%;--glow-y:30%;--ambient-x:0px;--ambient-y:0px}
.glass-product::before{border-radius:18px;filter:blur(28px) saturate(.95);opacity:.65;transform:translate(var(--ambient-x),var(--ambient-y));transition:transform .25s ease}
.glass-product::after{border-radius:18px;background:radial-gradient(circle at var(--glow-x) var(--glow-y),#ffffff24,transparent 58%);opacity:0;transition:opacity .25s,border-color .25s,box-shadow .25s}
.glass-product .product-image{border-radius:16px 16px 0 0;overflow:hidden}
.glass-info{border-radius:0 0 16px 16px;background:linear-gradient(#f1f5f34d,#f1f5f3c7);padding-bottom:14px}
.glass-product .buy-now{background:#f0d792;color:#3d3827;border-color:#bea45788;border-radius:8px;box-shadow:0 3px 9px #ac92351a;transition:background-color .2s,box-shadow .2s}
.glass-product .buy-now:hover:not(:disabled){background:#f5dfa5;box-shadow:0 4px 13px #ac923533}
.glass-product .buy-now:disabled{background:#e8e1c9;color:#62665e;box-shadow:none;opacity:.65}
.glass-product .add-button{border-radius:8px;background:#ffffff24}
.glass-product:focus-within::after{opacity:1;border-color:#8da79ba8;box-shadow:0 8px 24px #34594c12}
@media(hover:hover) and (pointer:fine){.glass-product:hover{transform:translateY(-4px)}.glass-product:hover::after{opacity:1;border-color:#ffffffdd;background-color:#ffffff06;box-shadow:0 14px 28px #34594c1c,inset 0 0 0 1px #839c8d25}}
@media(max-width:600px){.glass-product::before{filter:blur(17px)}.glass-actions .add-button{font-size:0;gap:0}}
@media(prefers-reduced-motion:reduce){.glass-product,.glass-product::before,.glass-product::after{transition:none;transform:none}}