:root { --gold: #E8A078; }
body { background:#000; color:#fff; font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, Helvetica Neue, Arial, 'Apple Color Emoji', 'Segoe UI Emoji'; }
.card-shadow { box-shadow: 0 10px 25px rgba(0,0,0,0.35); }
header.sticky { position: sticky; top: 0; z-index: 40; background: rgba(0,0,0,.8); backdrop-filter: blur(6px); border-bottom: 1px solid rgba(255,255,255,.1); }
.reviews-viewport { overflow: hidden; width:100%; }
.reviews-track { display:flex; gap:16px; will-change: transform; }
.review-card { width:220px; flex:0 0 auto; background: rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.1); border-radius:16px; }
.tag { display:inline-flex; gap:8px; background: var(--gold); color:#000; font-weight:600; padding:4px 8px; border-radius:6px; font-size:12px; }
.grid-products { display:grid; gap:24px; grid-template-columns: repeat(1, minmax(0,1fr)); }
@media (min-width: 640px){ .grid-products{ grid-template-columns: repeat(2, minmax(0,1fr)); } }
@media (min-width: 1024px){ .grid-products{ grid-template-columns: repeat(4, minmax(0,1fr)); } }
.btn { background: var(--gold); color:#000; font-weight:600; border:0; border-radius:12px; padding:14px 20px; cursor:pointer; }
.btn:hover { filter: brightness(0.92); }
.lang { color: rgba(255,255,255,.8); background: transparent; border:0; cursor:pointer; }
.lang:hover { color:#fff; text-decoration: underline; text-underline-offset: 4px; }
.underline-gold { text-decoration: underline; text-decoration-color: var(--gold); text-underline-offset:4px; text-decoration-thickness:2px; }
html.no-js .reviews-track { animation: marquee-fallback 30s linear infinite; width:200%; }
@keyframes marquee-fallback { from { transform: translateX(0); } to { transform: translateX(-50%); } }

/* Mobile hero clipping fix */
.hero-title{ overflow-wrap:anywhere; word-break:normal; }
@media (max-width: 640px){ .hero-safe{ padding-right:.5rem; } }