@import "https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,500;0,9..144,600;0,9..144,700;1,9..144,500&display=swap";@import "https://api.fontshare.com/v2/css?f[]=general-sans@400,500,600,700&display=swap";:root{--cream:#faf6ef;--cream-deep:#f1e9db;--cream-card:#fff;--marine:#173a5e;--marine-700:#102b45;--marine-100:#e8f0f8;--coral:#ff5e4d;--coral-600:#e8412f;--coral-50:#fff0ee;--citrus:#f4a92e;--melon:#e5556e;--sage:#d8ddd4;--sage-text:#6e7a6c;--ink:#10211c;--serif:"Fraunces", Georgia, serif;--sans:"General Sans", -apple-system, BlinkMacSystemFont, sans-serif;--s1:4px;--s2:8px;--s3:16px;--s4:24px;--s5:32px;--s6:48px;--s7:64px;--s8:96px;--r-sm:6px;--r-md:12px;--r-lg:20px;--r-xl:28px;--r-pill:999px;--shadow-sm:0 1px 4px #10211c0f;--shadow-md:0 8px 24px #10211c1a;--shadow-lg:0 20px 50px #10211c24;--maxw:1240px;--header-h:72px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--sans);background:var(--cream);color:var(--ink);-webkit-font-smoothing:antialiased;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{cursor:pointer;font-family:var(--sans);background:0 0;border:none}input,select,textarea{font-family:var(--sans);outline:none;font-size:1rem}h1,h2,h3,h4,h5{font-family:var(--serif);color:var(--marine);font-weight:600;line-height:1.1}.eyebrow{font-family:var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--coral);align-items:center;gap:8px;font-size:.75rem;font-weight:600;display:inline-flex}.eyebrow:before{content:"";background:var(--coral);width:20px;height:1.5px;display:inline-block}.btn{font-family:var(--sans);border-radius:var(--r-pill);cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:8px;padding:12px 22px;font-size:.92rem;font-weight:600;transition:all .22s;display:inline-flex}.btn-primary{background:var(--coral);color:#fff}.btn-primary:hover{background:var(--coral-600);transform:translateY(-1px);box-shadow:0 8px 20px #ff5e4d4d}.btn-marine{background:var(--marine);color:#fff}.btn-marine:hover{background:var(--marine-700);transform:translateY(-1px)}.btn-ghost{color:var(--marine);border:1.5px solid var(--sage);background:0 0}.btn-ghost:hover{border-color:var(--marine);background:var(--marine);color:#fff}.btn-sm{padding:8px 16px;font-size:.82rem}.btn-lg{padding:15px 30px;font-size:1rem}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.badge{font-family:var(--sans);letter-spacing:.06em;text-transform:uppercase;border-radius:var(--r-pill);align-items:center;padding:4px 10px;font-size:.66rem;font-weight:700;display:inline-flex}.badge-sale{background:var(--coral);color:#fff}.badge-premium{background:var(--marine);color:#fff}.badge-off{background:var(--citrus);color:#fff}.badge-new{background:var(--melon);color:#fff}.field{flex-direction:column;gap:6px;display:flex}.field label{color:var(--ink);font-size:.88rem;font-weight:600}.field input,.field select,.field textarea{border:1.5px solid var(--sage);border-radius:var(--r-md);color:var(--ink);background:#fff;padding:12px 16px;transition:border-color .2s}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--marine)}.field.error input,.field.error select{border-color:var(--coral)}.field .err-msg{color:var(--coral);font-size:.8rem}.wrap{max-width:var(--maxw);padding:0 var(--s4);margin:0 auto}.section{padding:var(--s8) 0}.section-sm{padding:var(--s6) 0}.grid-2{gap:var(--s5);grid-template-columns:1fr 1fr;display:grid}.grid-3{gap:var(--s4);grid-template-columns:repeat(3,1fr);display:grid}.grid-4{gap:var(--s4);grid-template-columns:repeat(4,1fr);display:grid}.card{border-radius:var(--r-lg);box-shadow:var(--shadow-sm);background:#fff;transition:all .25s;overflow:hidden}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}.fade-up{animation:.6s cubic-bezier(.2,.7,.2,1) both fadeUp}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--cream-deep)}::-webkit-scrollbar-thumb{background:var(--sage);border-radius:3px}@media (width<=900px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}.section{padding:var(--s6) 0}}
