*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--cream-50: #FFFDF8;--cream-100: #FDF8F0;--cream-200: #F7F1E6;--cream-300: #EDE4D4;--cream-400: #DDD3C0;--brown-50: #FAF5F0;--brown-100: #E8DED1;--brown-200: #D6C8B5;--brown-300: #C4B299;--brown-400: #B08968;--brown-500: #9A7356;--brown-600: #7A5C45;--brown-700: #5A4533;--brown-800: #3B2E22;--brown-900: #2B1E12;--gold-100: #FEF9E7;--gold-200: #FCF0C3;--gold-300: #F9E48C;--gold-400: #F5D456;--gold-500: #E6B800;--gold-600: #C49A00;--amber-deep: #B08968;--amber-light: #D6C8B5;--amber-glow: rgba(176, 137, 104, .4);--font-display: "Playfair Display", serif;--font-body: "Outfit", sans-serif;--shadow-sm: 0 1px 2px rgba(43, 30, 18, .05);--shadow-md: 0 4px 12px rgba(43, 30, 18, .08);--shadow-lg: 0 12px 40px rgba(43, 30, 18, .12);--shadow-xl: 0 25px 60px rgba(43, 30, 18, .18);--shadow-glow: 0 0 60px rgba(176, 137, 104, .25);--shadow-gold: 0 8px 32px rgba(176, 137, 104, .35);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--radius-xl: 24px;--radius-2xl: 32px;--radius-3xl: 40px;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease;--transition-bounce: .4s cubic-bezier(.34, 1.56, .64, 1)}html{scroll-behavior:smooth}body{font-family:var(--font-body);font-size:16px;line-height:1.6;color:var(--brown-900);background-color:var(--cream-200);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600;line-height:1.2;color:var(--brown-900)}::selection{background-color:var(--amber-deep);color:var(--cream-50)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--cream-200)}::-webkit-scrollbar-thumb{background:var(--brown-400);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--brown-500)}.container{max-width:1280px;margin:0 auto;padding:0 16px}@media(min-width:640px){.container{padding:0 24px}}.glass{background:#fffdf8bf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(176,137,104,.12)}.glass-dark{background:#2b1e12d9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08)}.gradient-text{background:linear-gradient(135deg,var(--brown-800) 0%,var(--brown-500) 50%,var(--gold-500) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 28px;font-family:var(--font-body);font-size:14px;font-weight:600;color:var(--cream-50);background:linear-gradient(135deg,var(--brown-600) 0%,var(--brown-700) 100%);border:none;border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-normal);box-shadow:var(--shadow-gold);position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s ease}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl),var(--shadow-glow)}.btn-primary:hover:before{left:100%}.btn-primary:active{transform:translateY(0)}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 28px;font-family:var(--font-body);font-size:14px;font-weight:600;color:var(--brown-700);background:var(--cream-50);border:2px solid var(--brown-200);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-normal)}.btn-secondary:hover{background:var(--brown-50);border-color:var(--brown-400);transform:translateY(-1px)}.card{background:var(--cream-50);border:1px solid var(--brown-100);border-radius:var(--radius-2xl);box-shadow:var(--shadow-md);transition:all var(--transition-normal)}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.card-premium{background:linear-gradient(145deg,var(--cream-50) 0%,var(--cream-100) 100%);border:1px solid var(--brown-100);border-radius:var(--radius-3xl);box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.card-premium:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 30% 20%,rgba(176,137,104,.08),transparent 40%);pointer-events:none}.pill{display:inline-flex;align-items:center;padding:6px 14px;font-size:11px;font-weight:500;color:var(--brown-600);background:var(--cream-100);border:1px solid var(--brown-100);border-radius:100px;text-transform:uppercase;letter-spacing:.04em}.pill-gold{color:var(--brown-800);background:linear-gradient(135deg,var(--gold-100) 0%,var(--gold-200) 100%);border-color:var(--gold-300)}.input{width:100%;padding:14px 18px;font-family:var(--font-body);font-size:14px;color:var(--brown-900);background:var(--cream-50);border:2px solid var(--brown-100);border-radius:var(--radius-lg);outline:none;transition:all var(--transition-fast)}.input::placeholder{color:var(--brown-300)}.input:focus{border-color:var(--brown-400);box-shadow:0 0 0 4px #b089681a}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #b089684d}50%{box-shadow:0 0 40px #b0896880}}.animate-fadeIn{animation:fadeIn .5s ease forwards}.animate-slideUp{animation:slideUp .6s ease forwards}.animate-scaleIn{animation:scaleIn .4s ease forwards}.animate-float{animation:float 3s ease-in-out infinite}.animate-pulse-glow{animation:pulse-glow 2s ease-in-out infinite}.pattern-dots{background-image:radial-gradient(circle,var(--brown-200) 1px,transparent 1px);background-size:20px 20px}.pattern-lines{background-image:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(176,137,104,.03) 10px,rgba(176,137,104,.03) 20px)}.overlay-gradient-bottom{background:linear-gradient(to top,var(--cream-200) 0%,transparent 100%)}.overlay-gradient-radial{background:radial-gradient(circle at center,transparent 0%,var(--cream-200) 70%)}*:focus-visible{outline:2px solid var(--brown-400);outline-offset:2px}@media(max-width:639px){.hide-mobile{display:none!important}}@media(min-width:640px){.show-mobile-only{display:none!important}}@media(min-width:1024px){.hide-desktop{display:none!important}}.divider{height:1px;background:linear-gradient(90deg,transparent,var(--brown-200),transparent)}.divider-thick{height:2px;background:linear-gradient(90deg,transparent,var(--brown-300),var(--gold-400),var(--brown-300),transparent)}.glow-amber{box-shadow:0 0 40px #b0896840}.glow-gold{box-shadow:0 0 40px #e6b80033}.meter{height:6px;background:var(--cream-300);border-radius:100px;overflow:hidden}.meter-fill{height:100%;background:linear-gradient(90deg,var(--brown-400),var(--gold-500));border-radius:100px;transition:width .6s ease}.skeleton{background:linear-gradient(90deg,var(--cream-200) 0%,var(--cream-100) 50%,var(--cream-200) 100%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}html,body{overflow-x:hidden;width:100%;max-width:100vw}#root{width:100%;max-width:100vw;overflow-x:hidden}@media(min-width:768px)and (max-width:1199px){.container{padding:0 32px;max-width:100%}section[style*="85vh"]{min-height:70vh!important}.products-grid,[style*=gridTemplateColumns]{grid-template-columns:repeat(2,1fr)!important;gap:20px!important}.combo-card{flex:0 0 340px!important}section{padding-left:24px!important;padding-right:24px!important}h1{font-size:clamp(28px,5vw,48px)!important}h2{font-size:clamp(24px,4vw,36px)!important}h3{font-size:clamp(16px,3vw,22px)!important}.hide-tablet{display:none!important}}@media(max-width:767px){.container{padding:0 16px;max-width:100%}section[style*="85vh"]{min-height:60vh!important;height:auto!important}.products-grid,[style*=gridTemplateColumns]{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))!important;gap:12px!important}.combo-card{flex:0 0 280px!important}section{padding:40px 16px!important}h1{font-size:clamp(24px,6vw,36px)!important}h2{font-size:clamp(20px,5vw,28px)!important}h3{font-size:clamp(14px,4vw,18px)!important}.btn-primary,.btn-secondary{width:100%;padding:12px 20px;font-size:14px}.card,.card-premium{border-radius:var(--radius-lg)}button[style*="52px"]{width:40px!important;height:40px!important}section[style*="80px 20px"]{padding:48px 16px!important}}@media(max-width:479px){.container{padding:0 12px}section[style*="85vh"]{min-height:50vh!important}.products-grid,[style*=gridTemplateColumns]{grid-template-columns:1fr!important;gap:16px!important}.combo-card{flex:0 0 260px!important}section{padding:32px 12px!important}h1{font-size:22px!important}h2{font-size:18px!important}h3{font-size:14px!important}.pill{padding:4px 10px;font-size:10px}}@media(min-width:1400px){.container{max-width:1400px}}@media(max-width:767px)and (orientation:landscape){section[style*="85vh"]{min-height:80vh!important}}@media(min-width:1024px)and (max-width:1199px){.products-grid,[style*=gridTemplateColumns]{grid-template-columns:repeat(3,1fr)!important}}.scroll-container{-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory}.scroll-container>*{scroll-snap-align:start}