:root{--bg: #f7f3ea;--card: #fff;--ink: #111;--muted: #6b7280}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,system-ui,Arial}.nav{position:sticky;top:0;z-index:100;background:#f7f3eaee;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:10px 0;display:flex;justify-content:center;align-items:center;border-bottom:1px solid #ede7db}.nav .wrap{display:flex;justify-content:space-between;align-items:center;width:92%;max-width:1200px}.nav .left{display:flex;align-items:center;gap:8px}.nav .left img{width:26px;height:26px}.nav .right{display:flex;align-items:center;gap:14px}.links{display:flex;gap:10px;align-items:center}.lang{display:flex;gap:6px}button,a{cursor:pointer}.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:center;max-width:1100px;margin:30px auto;padding:16px;background:#fff;border-radius:22px;box-shadow:0 10px 30px #0000000f}.hero-img{width:100%;border-radius:18px}.cta .btn{display:block;margin:8px 0;padding:12px;border-radius:14px;background:#f2f2f2;text-align:center;text-decoration:none;color:inherit}.cta .primary{background:#111;color:#fff}.ship-note{opacity:.8;margin-top:6px}.grid-wrap{max-width:1100px;margin:40px auto;padding:0 16px}.cat h3{margin:26px 8px;font-size:1.2rem;font-weight:600}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px}.card{background:var(--card);border-radius:16px;box-shadow:0 10px 30px #0000000f;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #0000001a}.card-img-wrap{cursor:pointer;height:180px;display:flex;align-items:center;justify-content:center;background:#fafafa}.card-img-wrap img{max-width:100%;max-height:100%}.card-body{padding:12px}.price{opacity:.85;margin:6px 0}.buy{width:100%;padding:10px 12px;border-radius:12px;background:#111;color:#fff;border:none;cursor:pointer;transition:background .2s ease}.buy:hover{background:#333}.drawer{position:fixed;top:0;right:-420px;width:420px;max-width:95vw;height:100vh;background:#fff;box-shadow:-10px 0 40px #00000026;transition:right .25s ease;z-index:999;display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior:contain;padding-bottom:40px}.drawer.open{right:0}.drawer-head{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid #eee}.items{list-style:none;margin:0;padding:0;overflow:auto;flex:1}.row{display:flex;gap:10px;padding:10px 14px;border-bottom:1px solid #f3f3f3}.row img{width:56px;height:56px;object-fit:cover;border-radius:8px}.row .info{display:flex;flex-direction:column;gap:4px}.remove{margin-left:auto;border:none;background:#eee;border-radius:8px;padding:0 10px;cursor:pointer}.summary{padding:12px 16px;border-top:1px solid #eee}.summary .line{display:flex;justify-content:space-between;margin:6px 0}.summary .total{font-size:18px}.pp{padding:0 16px 12px}.clear{margin:6px 16px 16px;border:1px solid #ddd;background:#fff;border-radius:10px;padding:10px;cursor:pointer}.fsb{position:relative;height:28px;background:#f6f6f6;margin:10px;border-radius:999px;overflow:hidden;padding:0 10px;text-align:center}.fsb-line{position:absolute;left:0;top:0;bottom:0;background:#d9c6a3;z-index:0}.fsb-text{position:relative;z-index:1;font-size:12px;line-height:28px;font-weight:600}.modal{position:fixed;inset:0;background:#000000a6;display:flex;align-items:center;justify-content:center;z-index:60}.modal-img{max-width:90vw;max-height:90vh;border-radius:12px}@media (max-width: 900px){.hero{grid-template-columns:1fr;gap:12px}.nav .wrap{flex-direction:column;gap:6px}.links{flex-wrap:wrap;justify-content:center}}.fsb{position:relative;height:28px;background:#f6efe0;margin:10px;border-radius:999px;overflow:hidden;padding:0 10px}.fsb-line{position:absolute;left:0;top:0;bottom:0;background:#c9a857;z-index:0}.fsb-text{position:relative;z-index:1;text-align:center;font-size:12px;line-height:28px;font-weight:600;color:#5a4a29}.backdrop{position:fixed;inset:0;background:#00000040;-webkit-backdrop-filter:saturate(120%) blur(1px);backdrop-filter:saturate(120%) blur(1px);opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:45}.backdrop.show{opacity:1;pointer-events:auto}.cart-badge{border:1px solid #ddd;background:#fff;border-radius:999px;padding:6px 12px;font-size:13px;cursor:pointer}.policies{background:#f7f1e7;padding:56px 16px 80px;margin-top:40px}.policies .wrap{max-width:960px;margin:0 auto}.policies-header{text-align:left;margin-bottom:24px}.policies-header h2{font-size:1.8rem;margin:0;color:#1f2933}.policies-sub{margin:4px 0 0;color:#6b7280;font-size:.95rem}.policies-divider{width:60px;height:3px;background:#d4a34a;border-radius:999px;margin-top:10px}.policies-card{background:#fffdf8;border-radius:18px;box-shadow:0 18px 40px #0f172a0f;padding:24px 22px 28px;border:1px solid rgba(148,163,184,.25)}.pol-block+.pol-block{border-top:1px solid rgba(209,213,219,.7);margin-top:20px;padding-top:20px}.pol-title{font-size:1.05rem;margin:0 0 6px;color:#111827}.pol-subtitle{font-size:.95rem;margin:0 0 10px;font-weight:500;color:#4b5563}.pol-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px}@media (max-width: 768px){.policies-card{padding:18px 14px 22px}.pol-columns{grid-template-columns:1fr}}.pol-col p{margin:4px 0 8px;color:#374151;font-size:.92rem;line-height:1.5}.pol-label{display:inline-block;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;font-weight:600;color:#9ca3af;margin-bottom:2px}.pol-list{margin:4px 0 0 1.1rem;padding:0;color:#374151;font-size:.9rem;line-height:1.5}.pol-list li+li{margin-top:4px}.policies a{color:#b7791f;text-decoration:none}.policies a:hover{text-decoration:underline}.pol-footer{margin-top:24px;font-size:.85rem;text-align:center;color:#6b7280}.hero-text h1{font-size:2.4rem;line-height:1.2;margin-bottom:.75rem}@media (min-width: 1024px){.hero-text h1{font-size:2.8rem}}.product-card{transition:transform .2s ease,box-shadow .2s ease}.product-card:hover{transform:translateY(-4px);box-shadow:0 8px 18px #0000001f}.product-card img{transition:transform .3s ease}.product-card:hover img{transform:scale(1.03)}
