@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";
@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";
:root{--primary:#042f2e;--primary-neon:#10b981;--primary-hover:#059669;--primary-light:#34d399;--primary-soft:#10b9810d;--accent-gold:#fbbf24;--secondary:#f8fafc;--text-main:#0f172a;--text-muted:#64748b;--border-color:#e2e8f0;--white:#fff;--error:#f43f5e;--success:#10b981;--glass-bg:#ffffffb3;--glass-border:#fff6;--glass-blur:blur(16px);--glass-glow:0 8px 32px 0 #10b9811a;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 10px 15px -3px #0f172a14,0 4px 6px -2px #0f172a0d;--shadow-lg:0 25px 50px -12px #0f172a1f;--shadow-glow:0 0 20px #10b98133;--grad-premium:linear-gradient(135deg,#042f2e 0%,#064e3b 100%);--grad-surface:linear-gradient(to bottom,#fff,#f8fafc)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:100px;overflow-x:hidden}body{-webkit-font-smoothing:antialiased;-moz-osx-smoothing:grayscale;color:var(--text-main);background-color:var(--white);font-family:Outfit,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5;position:relative;width:100%!important;overflow-x:hidden!important}a{color:inherit;text-decoration:none;transition:all .3s}button{cursor:pointer;border:none;outline:none;font-family:inherit;transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}button:active{transform:scale(.98)}input,select,textarea{font-family:inherit;font-size:16px}img{max-width:100%;height:auto;display:block}@media (max-width:767px){::-webkit-scrollbar{width:0;height:0}}.container{width:100%;max-width:1400px;margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px}@media (min-width:640px){.container{padding-left:24px;padding-right:24px}}@media (min-width:1024px){.container{padding-left:32px;padding-right:32px}}.w-full{width:100%!important}.overflow-x-hidden{overflow-x:hidden!important}.pt-navbar{padding-top:85px}@media (max-width:767px){.pt-navbar{padding-top:64px}}h1{font-size:clamp(2.5rem,8vw,4rem);line-height:1.1}h2{font-size:clamp(2rem,6vw,3rem);line-height:1.2}h3{font-size:clamp(1.25rem,4vw,1.75rem);line-height:1.3}p{font-size:clamp(.9rem,1.5vw,1.1rem);line-height:1.6}.section-subtitle{font-size:clamp(.7rem,2vw,.85rem)!important}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.shimmer{background:linear-gradient(90deg,#f1f5f9 25%,#f8fafc 50%,#f1f5f9 75%) 0 0/200% 100%;animation:1.5s linear infinite shimmer}.skeleton-box{background:#f1f5f9;border-radius:12px;position:relative;overflow:hidden}.loading-screen{z-index:99999;opacity:1;visibility:visible;background:#fff;justify-content:center;align-items:center;transition:opacity .8s,visibility .8s;display:flex;position:fixed;inset:0}.loading-screen.exit-active{opacity:0;visibility:hidden}.loading-content{flex-direction:column;align-items:center;gap:35px;display:flex}.loading-blur-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:10;pointer-events:none;background:#0000000d;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.blurred{filter:blur(6px);opacity:.7;transition:filter .6s,opacity .6s}@keyframes pageSlideIn{0%{opacity:0;filter:blur(10px);transform:translateY(20px)scale(.98)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}.page-transition{animation:1s cubic-bezier(.16,1,.3,1) forwards pageSlideIn}.fade-in{animation:1.2s cubic-bezier(.16,1,.3,1) forwards fadeIn}.fade-in-up{animation:1.4s cubic-bezier(.16,1,.3,1) forwards fadeInUp}.reveal{opacity:0;filter:blur(5px);transition:all 1.2s cubic-bezier(.16,1,.3,1);transform:translateY(40px)}.reveal.active{opacity:1;filter:blur();transform:translateY(0)}.reveal-scale{opacity:0;transition:all 1.2s cubic-bezier(.16,1,.3,1);transform:scale(.95)}.reveal-scale.active{opacity:1;transform:scale(1)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--secondary)}::-webkit-scrollbar-thumb{border:2px solid var(--secondary);background:#cbd5e1;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}html{scroll-behavior:smooth;scroll-padding-top:100px}.section-title .highlight{background:linear-gradient(to right,var(--primary)20%,var(--primary-neon)40%,#6ee7b7 50%,var(--primary-neon)60%,var(--primary)80%);color:#0000;background-size:200%;-webkit-background-clip:text;background-clip:text;transition:all .4s cubic-bezier(.16,1,.3,1);animation:5s linear infinite windyShimmer;display:inline-block}.section-title:hover .highlight{filter:drop-shadow(0 0 20px #10b98166);transform:scale(1.02)}@keyframes windyShimmer{to{background-position:200%}}.max-w-screen-xl{max-width:1280px!important}.mx-auto{margin-left:auto!important;margin-right:auto!important}.px-4{padding-left:1rem!important;padding-right:1rem!important}.py-6{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.grid{display:grid!important}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}@media (min-width:640px){.sm\:px-6{padding-left:1.5rem!important;padding-right:1.5rem!important}.sm\:gap-4{gap:1rem!important}.sm\:p-3{padding:.75rem!important}.sm\:text-sm{font-size:.875rem!important}.sm\:flex-row{flex-direction:row!important}.sm\:items-center{align-items:center!important}}@media (min-width:1024px){.lg\:px-8{padding-left:2rem!important;padding-right:2rem!important}}@media (min-width:768px){.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}}@media (min-width:1024px){.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}}.gap-3{gap:.75rem!important}.bg-white{background-color:#fff!important}.rounded-xl{border-radius:.75rem!important}.overflow-hidden{overflow:hidden!important}.shadow-sm{box-shadow:0 1px 2px #0000000d!important}.border{border-width:1px!important}.border-gray-100{border-color:#f3f4f6!important}.flex{display:flex!important}.flex-col{flex-direction:column!important}.aspect-square{aspect-ratio:1!important}.bg-gray-100{background-color:#f3f4f6!important}.relative{position:relative!important}.object-cover{object-fit:cover!important}.object-center{object-position:center!important}.p-2{padding:.5rem!important}.flex-1{flex:1!important}.text-xs{font-size:.75rem!important}.font-semibold{font-weight:600!important}.text-gray-800{color:#1f2937!important}.line-clamp-2{-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;display:-webkit-box!important;overflow:hidden!important}.mb-1{margin-bottom:.25rem!important}.text-sm{font-size:.875rem!important}.font-bold{font-weight:700!important}.text-teal-800{color:#115e59!important}.bg-teal-800{background-color:#115e59!important}.text-white{color:#fff!important}.font-medium{font-weight:500!important}.py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.rounded-lg{border-radius:.5rem!important}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke!important;transition-duration:.15s!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.hover\:bg-teal-700:hover{background-color:#0f766e!important}.py-3{padding-top:.75rem!important;padding-bottom:.75rem!important}.mb-4{margin-bottom:1rem!important}.items-start{align-items:flex-start!important}.justify-between{justify-content:space-between!important}.border-gray-200{border-color:#e5e7eb!important}.px-3{padding-left:.75rem!important;padding-right:.75rem!important}.transition-all{transition-property:all!important;transition-duration:.15s!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.duration-300{transition-duration:.3s!important}.group:hover .group-hover\:scale-105{transform:scale(1.05)!important}.mt-auto{margin-top:auto!important}.mt-2{margin-top:.5rem!important}.duration-500{transition-duration:.5s!important}.ease-out-expo{transition-timing-function:cubic-bezier(.16,1,.3,1)!important}
.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;background:#0006;justify-content:center;align-items:center;animation:.3s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-content{text-align:center;background:#fff;border-radius:40px;width:100%;max-width:400px;padding:60px 30px 40px;animation:.4s cubic-bezier(.4,0,.2,1) slideUp;position:relative;box-shadow:0 30px 60px -12px #00000040}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.close-btn{cursor:pointer;color:#6b7280;background:#f3f4f6;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex;position:absolute;top:24px;right:24px}.close-btn:hover{color:#111;background:#e5e7eb}.auth-modal-header{margin-bottom:30px}.auth-modal-header h2{color:#111;letter-spacing:-.5px;margin-bottom:8px;font-size:1.75rem;font-weight:800}.auth-modal-header p{color:var(--text-muted);font-size:.95rem;line-height:1.4}.auth-visual{color:var(--primary);opacity:.8;justify-content:center;margin-bottom:30px;display:flex}.shield-icon{animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.google-auth-btn.large{color:#374151;background:#fff;border:1px solid #e5e7eb;border-radius:20px;justify-content:center;align-items:center;gap:12px;width:100%;padding:18px;font-size:1.05rem;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 6px #00000005}.google-auth-btn.large:hover{background:#f9fafb;border-color:#d1d5db;transform:translateY(-2px);box-shadow:0 10px 15px #0000000d}.modal-footer-minimal{border-top:1px solid #f3f4f6;margin-top:30px;padding-top:20px}.modal-footer-minimal p{color:#9ca3af;font-size:.8rem;line-height:1.5}.modal-footer-minimal p strong{color:#6b7280}.terms-checkbox-modal{text-align:left;margin:20px 0 10px}.checkbox-container{cursor:pointer;color:var(--text-muted);-webkit-user-select:none;user-select:none;align-items:center;padding-left:30px;font-size:.85rem;line-height:1.4;display:flex;position:relative}.checkbox-container input{opacity:0;cursor:pointer;width:0;height:0;position:absolute}.checkmark{background-color:#f3f4f6;border:1.5px solid #e5e7eb;border-radius:5px;width:18px;height:18px;transition:all .2s;position:absolute;top:50%;left:0;transform:translateY(-50%)}.checkbox-container:hover input~.checkmark{border-color:var(--primary);background-color:#e5e7eb}.checkbox-container input:checked~.checkmark{background-color:var(--primary);border-color:var(--primary)}.checkmark:after{content:"";display:none;position:absolute}.checkbox-container input:checked~.checkmark:after{display:block}.checkbox-container .checkmark:after{border:2px solid #fff;border-width:0 2px 2px 0;width:5px;height:9px;top:1px;left:5px;transform:rotate(45deg)}.checkbox-container .label-text a{color:var(--primary);font-weight:600}.google-auth-btn.large.disabled{opacity:.6;cursor:not-allowed;background:#fdfdfd}.google-auth-btn.large.disabled:hover{box-shadow:none;transform:none}.checkbox-container.error-text{color:#ef4444}.checkbox-container.error-text .checkmark{background-color:#fef2f2;border-color:#ef4444}.error-hint{color:#ef4444;margin-top:5px;font-size:.75rem;font-weight:600}.shake-error{animation:.5s cubic-bezier(.36,.07,.19,.97) both shake}@keyframes shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}@media (max-width:480px){.modal-content{max-width:90%;height:auto;padding:60px 24px 40px}}
.navbar{background:var(--white);z-index:1000;border-bottom:1px solid var(--border-color);align-items:center;height:85px;transition:all .6s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;left:0;right:0}.navbar.scrolled{-webkit-backdrop-filter:blur(12px);background:#ffffffd9;border-bottom:1px solid #ffffff4d;height:72px;box-shadow:0 4px 30px #0000000d}.navbar--auth-page.scrolled{-webkit-backdrop-filter:none;border-bottom:1px solid var(--border-color);background:#fff;box-shadow:0 4px 20px #00000014}.nav-content{justify-content:space-between;align-items:center;width:100%;display:flex;max-width:1400px!important}.logo-container{cursor:pointer;align-items:center;gap:12px;display:flex}.logo-wrapper{background:#fff;border-radius:12px;width:48px;height:48px;transition:transform .3s;position:relative;overflow:hidden;box-shadow:0 4px 10px #0000000d}.logo-container:hover .logo-wrapper{transform:scale(1.05)}.main-logo{object-fit:cover}.logo-text{flex-direction:column;display:flex}.brand-name{color:#111;letter-spacing:-.5px;font-size:1.1rem;font-weight:800;line-height:1}.brand-tagline{color:var(--primary);text-transform:uppercase;letter-spacing:1px;margin-top:2px;font-size:.7rem;font-weight:600}.nav-left{flex:1;align-items:center;display:flex}.nav-center{flex:2;justify-content:center;display:flex}.nav-right{flex:1;justify-content:flex-end;display:flex}@media (max-width:1200px){.nav-left{gap:20px}}.nav-links{align-items:center;gap:12px;display:flex}.nav-item{padding:0;position:relative}.nav-link{color:var(--text-main);border-radius:12px;align-items:center;gap:4px;padding:8px 10px;font-size:14px;font-weight:600;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex}.nav-item:hover .nav-link{background:var(--primary-soft);color:var(--primary);transform:translateY(-2px)}.nav-link.active{color:var(--primary);background:var(--primary-soft)}.nav-link.active:after{content:"";background:var(--primary);border-radius:50%;width:4px;height:4px;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}.nav-dropdown{background:var(--white);min-width:240px;box-shadow:var(--shadow-lg);border:1px solid var(--border-color);transform-origin:100% 0;border-radius:20px;flex-direction:column;gap:4px;padding:12px;display:flex;position:absolute;top:calc(100% + 10px);right:0}.nav-right{align-items:center;display:flex}.nav-actions{align-items:center;gap:30px;display:flex}@media (max-width:1200px){.nav-actions{gap:8px}}.search-wrapper{-webkit-backdrop-filter:blur(8px);background:#f8fafccc;border:1px solid #0000000d;border-radius:100px;align-items:center;gap:12px;width:240px;padding:10px 18px;transition:all .5s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.search-wrapper:focus-within{border-color:var(--primary);background:#fff;width:320px;box-shadow:0 10px 30px #00000014}@media (max-width:1100px){.search-wrapper{width:180px}.search-wrapper:focus-within{width:240px}}.search-input{width:100%;color:var(--text-main);background:0 0;padding:0;font-size:.9rem;font-weight:600;box-shadow:none!important;border:none!important;outline:none!important}.search-input::placeholder{color:#94a3b8;font-weight:500}.search-icon{color:#64748b;transition:color .3s}.search-wrapper:focus-within .search-icon{color:var(--primary)}.search-suggestions{-webkit-backdrop-filter:blur(20px);z-index:1100;background:#fffffffa;border:1px solid #00000014;border-radius:16px;flex-direction:column;width:100%;display:flex;position:absolute;top:calc(100% + 5px);left:0;overflow:hidden;box-shadow:0 15px 35px #0000001f}.suggestions-list{max-height:300px;overflow-y:auto}.suggestions-list::-webkit-scrollbar{width:6px}.suggestions-list::-webkit-scrollbar-track{background:0 0}.suggestions-list::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:10px}.suggestions-list::-webkit-scrollbar-thumb:hover{background:#cbd5e1}.suggestion-item{cursor:pointer;border-bottom:1px solid #00000005;align-items:center;gap:12px;padding:10px 14px;transition:all .2s;display:flex}.suggestion-item:last-of-type{border-bottom:none}.suggestion-item:hover{background:rgba(var(--primary-rgb),.05)}.suggestion-img{border:1px solid #f1f5f9;border-radius:8px;flex-shrink:0;width:40px;height:40px;overflow:hidden}.suggestion-img img{object-fit:cover;width:100%;height:100%}.suggestion-info{flex-direction:column;display:flex}.suggestion-name{color:#1e293b;font-size:.85rem;font-weight:700;line-height:1.2}.suggestion-price{color:var(--primary);font-size:.75rem;font-weight:600}.suggestion-see-all{text-align:center;color:var(--primary);cursor:pointer;background:#f8fafc;border-top:1px solid #f1f5f9;padding:12px;font-size:.8rem;font-weight:700;transition:all .2s}.suggestion-see-all:hover{background:var(--primary-soft)}.action-icons{align-items:center;gap:12px;display:flex}.icon-btn{width:40px;height:40px;color:var(--text-main);cursor:pointer;background:var(--white);border:1px solid var(--border-color);border-radius:14px;justify-content:center;align-items:center;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.icon-btn:hover{background:var(--primary-soft);color:var(--primary-neon);border-color:var(--primary-neon);box-shadow:var(--shadow-md);transform:translateY(-2px)}.icon-btn.orders-btn:hover{color:#0ea5e9;background:#f0f9ff;border-color:#bae6fd}.icon-btn.wishlist-btn:hover{color:#ef4444;background:#fff5f5;border-color:#fecaca}.nav-action-item{width:36px;height:36px;color:var(--text-main);background:0 0;border-radius:50%;justify-content:center;align-items:center;text-decoration:none;transition:all .2s;display:flex;position:relative}.nav-action-item:hover{color:var(--primary);background:#0000000d}.action-label{display:none}.action-icon-wrapper{justify-content:center;align-items:center;display:flex;position:relative}.action-badge{color:#fff;border:1.5px solid var(--white);background:#ef4444;border-radius:50%;justify-content:center;align-items:center;min-width:14px;height:14px;font-size:.6rem;font-weight:700;display:flex;position:absolute;top:-4px;right:-4px}.google-signin-btn{cursor:pointer;background:#fff;border:1px solid #dadce0;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;padding:0;transition:all .2s;display:flex;position:relative;overflow:hidden}.google-signin-btn:hover{background:#f8f9fa;border-color:#d2e3fc;box-shadow:0 1px 3px #3c404326}.google-btn-text{display:none}.google-icon-wrapper{justify-content:center;align-items:center;width:24px;height:24px;display:flex}.mobile-menu-trigger{width:40px;height:40px;color:var(--text-main);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;margin-left:10px;display:flex}.cart-badge{color:#fff;background:#ef4444;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:.65rem;font-weight:800;display:flex;position:absolute;top:-5px;right:-5px;box-shadow:0 2px 5px #ef44444d}body.menu-open{height:100vh;overflow:hidden!important}.auth-separator{background:#e0e0e0;width:1px;height:25px}.user-menu-item{padding:10px 0;position:relative}.icon-btn.profile-btn:hover,.profile-btn-wrapper:hover .icon-btn.profile-btn{background:var(--primary);color:#fff;transform:translateY(-2px);box-shadow:0 8px 20px #064e3b33}.user-dropdown-align{width:250px;padding:20px;left:auto;right:0}.dropdown-header{margin-bottom:20px}.dropdown-header p{color:#111;margin-bottom:4px;font-size:1rem;font-weight:800}.dropdown-header span{color:#888;font-size:.8rem}.dropdown-action-btn{text-align:center;color:#111;background:0 0;border-radius:10px;width:100%;padding:12px;font-size:.9rem;font-weight:700;transition:all .2s}.dropdown-action-btn.primary.google-btn{color:#fff;background:#111;border:1px solid #ffffff1a;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex}.dropdown-action-btn.primary.google-btn:hover{color:#111;background:#fff;border-color:#111;transform:translateY(-2px);box-shadow:0 10px 20px #0000001a}.dropdown-action-btn.primary.google-btn svg{filter:drop-shadow(0 2px 4px #0000001a)}.dropdown-action-btn.primary.google-btn.disabled{opacity:.5;cursor:not-allowed;background:#444}.dropdown-action-btn.primary.google-btn.disabled:hover{box-shadow:none;border-color:#ffffff1a;transform:none}.terms-checkbox-nav{text-align:left;margin:0 0 15px}.terms-checkbox-nav.mobile{margin-bottom:20px;padding:0 10px}.terms-checkbox-nav .checkbox-container{cursor:pointer;color:#64748b;-webkit-user-select:none;user-select:none;align-items:center;padding-left:28px;font-size:.75rem;line-height:1.4;display:flex;position:relative}.terms-checkbox-nav .checkbox-container input{opacity:0;cursor:pointer;width:0;height:0;position:absolute}.terms-checkbox-nav .checkmark{background-color:#f1f5f9;border:1.5px solid #e2e8f0;border-radius:4px;width:16px;height:16px;transition:all .2s;position:absolute;top:50%;left:0;transform:translateY(-50%)}.terms-checkbox-nav .checkbox-container:hover input~.checkmark{border-color:var(--primary)}.terms-checkbox-nav .checkbox-container input:checked~.checkmark{background-color:var(--primary);border-color:var(--primary)}.terms-checkbox-nav .checkmark:after{content:"";display:none;position:absolute}.terms-checkbox-nav .checkbox-container input:checked~.checkmark:after{display:block}.terms-checkbox-nav .checkmark:after{border:2px solid #fff;border-width:0 2px 2px 0;width:4px;height:8px;top:1px;left:4px;transform:rotate(45deg)}.terms-checkbox-nav a{color:var(--primary);font-weight:700;text-decoration:underline}.shake-error{animation:.5s cubic-bezier(.36,.07,.19,.97) both nav-shake}@keyframes nav-shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}.error-text{color:var(--error)!important}.nav-error-hint{color:var(--error);text-align:center;margin-top:4px;font-size:.7rem;font-weight:700}.auth-spinner-mini{border:2px solid #0000001a;border-top-color:var(--primary);border-radius:50%;width:18px;height:18px;animation:.8s linear infinite auth-spin}@keyframes auth-spin{to{transform:rotate(360deg)}}.btn-nav{white-space:nowrap;border-radius:12px;padding:8px 18px;font-size:.9rem;font-weight:700;transition:all .3s cubic-bezier(.16,1,.3,1)}.btn-nav.outlined{border:2px solid var(--primary);color:var(--primary);background:0 0}.btn-nav.outlined:hover{background:var(--primary-soft);color:var(--primary);transform:translateY(-2px)}.btn-nav.solid{background:var(--primary);border:2px solid var(--primary);color:#fff;box-shadow:0 4px 12px #064e3b26}.btn-nav.solid:hover{background:var(--primary-hover);border-color:var(--primary-hover);transform:translateY(-2px);box-shadow:0 8px 20px #064e3b40}.nav-actions-group{align-items:center;gap:16px;display:flex}.mobile-menu-trigger{color:var(--text-main);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.mobile-menu-trigger:hover{color:var(--primary)}@media (min-width:1024px){.nav-center{display:flex}.mobile-menu-trigger{display:none}.google-signin-btn,.nav-action-item{display:flex}}@media (max-width:1023px){.nav-center{display:none}.google-signin-btn,.nav-action-item{display:flex}}@media (max-width:767px){.navbar,.navbar.scrolled{height:64px!important}.nav-content{padding:0 16px}.desktop-only,.nav-center{display:none!important}.logo-container{gap:8px}.logo-wrapper{width:36px;height:36px}.brand-name{font-size:.95rem}.brand-tagline{display:none}.nav-action-item{width:36px;height:36px}.nav-actions-group .nav-action-item:not(.cart-action-item),.nav-actions-group .google-signin-btn{display:none}.nav-actions-group .cart-action-item{display:flex}.logo-text .brand-tagline{display:none}.mobile-search-dropdown{border-bottom:1px solid var(--border-color);z-index:999;background:#fff;position:absolute;top:100%;left:0;right:0;overflow:hidden;box-shadow:0 10px 30px #0000001a}.mobile-search-container{background:#fff;padding:12px 16px}.mobile-search-input-wrap{background:#f1f5f9;border:1px solid #0000;border-radius:12px;align-items:center;gap:10px;padding:10px 14px;transition:all .3s;display:flex}.mobile-search-input-wrap:focus-within{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-soft);background:#fff}.mobile-search-input-wrap input{color:var(--text-main);background:0 0;border:none;outline:none;flex:1;padding:0;font-size:14px;font-weight:600}.mobile-search-input-wrap .search-icon{color:#64748b}.clear-search{color:#64748b;background:#e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;padding:0;display:flex}.mobile-search-suggestions{border-top:1px solid #f1f5f9;max-height:60vh;margin-top:12px;overflow-y:auto}.mobile-search-trigger{display:flex!important}.mobile-menu-trigger{width:36px;height:36px;margin-left:0;padding:0}}@media (min-width:768px){.mobile-search-trigger,.mobile-search-dropdown{display:none!important}}.mobile-drawer-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;background:#0006;position:fixed;inset:0}.mobile-drawer-container{z-index:2001;background:#fff;flex-direction:column;width:80%;max-width:320px;height:100%;display:flex;position:fixed;top:0;right:0;overflow:hidden;box-shadow:-10px 0 30px #0000001a}.drawer-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.drawer-logo-section{align-items:center;gap:12px;display:flex}.drawer-logo-wrap{border-radius:8px;width:32px;height:32px;overflow:hidden}.drawer-brand-name{color:#1e293b;letter-spacing:-.5px;font-size:1.1rem;font-weight:800}.drawer-header-actions{align-items:center;gap:16px;display:flex}.drawer-cart-trigger{cursor:pointer;color:#475569;position:relative}.drawer-cart-badge{color:#fff;background:#ef4444;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;min-width:16px;height:16px;font-size:.6rem;font-weight:800;display:flex;position:absolute;top:-6px;right:-6px}.drawer-close-btn{color:#64748b;background:0 0;border:none;padding:4px}.drawer-nav-links{flex-direction:column;flex:1;gap:4px;padding:12px 8px;display:flex;overflow-y:auto}.drawer-link-item{color:#475569;border-radius:12px;align-items:center;gap:12px;padding:12px 16px;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.drawer-link-item:active,.drawer-link-item:hover{color:var(--primary);background:#f8fafc}.drawer-link-item svg{color:#94a3b8;transition:color .2s}.drawer-link-item:hover svg{color:var(--primary)}.drawer-user-actions{border-top:1px solid #f1f5f9;flex-direction:column;gap:4px;padding:16px;display:flex}.drawer-action-row{color:#475569;background:0 0;border:none;border-radius:12px;align-items:center;gap:12px;width:100%;padding:12px 16px;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.drawer-action-row:hover{background:#f8fafc}.drawer-signin-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;justify-content:center;align-items:center;gap:12px;width:100%;padding:12px 16px;font-size:.9rem;font-weight:600;display:flex}