:root{--header-text:#FB184E;--header-background:#ffffff;--header-primary:#ff3901;--header-secondary:#ffeb00;--header-accent:#00553f;--header-black:#1a1a1a;--header-gray:#666}.header{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(255,255,255,.95);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:all .3s ease}.header--scrolled{background:rgba(255,255,255,.98);box-shadow:0 4px 30px rgba(0,0,0,.08)}.header__container{max-width:1400px;margin:0 auto;padding:16px 24px;display:flex;justify-content:space-between;align-items:center;gap:40px}.header__logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--header-black);transition:all .3s;flex-shrink:0}.header__logo:hover{transform:scale(1.02)}.header__logo-img{height:44px;width:auto}.header__nav{flex:1 1;justify-content:space-between}.header__nav,.header__nav-left,.header__nav-right{display:flex;align-items:center;gap:8px}.header__nav-left .header__dropdown{display:flex;align-items:center}.header__nav-link{position:relative;color:var(--header-black);text-decoration:none;font-weight:600;font-size:15px;padding:12px 20px;border-radius:50px;transition:all .3s;white-space:nowrap}.header__nav-link:after{content:"";position:absolute;bottom:8px;left:50%;transform:translateX(-50%) scaleX(0);width:20px;height:3px;background:var(--header-accent);border-radius:2px;transition:transform .3s}.header__nav-link:hover{color:var(--header-accent)}.header__nav-link:hover:after{transform:translateX(-50%) scaleX(1)}.header__nav-link--active{background:var(--header-accent);color:white!important}.header__nav-link--active:after{display:none}.header__nav-link--dashboard{background:linear-gradient(135deg,var(--header-accent) 0,#003d2e 100%);color:white!important;padding:10px 20px;border-radius:12px;font-weight:700;box-shadow:0 4px 12px rgba(0,85,63,.3);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.header__nav-link--dashboard:after{display:none}.header__nav-link--dashboard: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 .5s}.header__nav-link--dashboard:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,85,63,.4);background:linear-gradient(135deg,#006b52,#004d3a)}.header__nav-link--dashboard:hover:before{left:100%}.header__nav-link--dashboard.header__nav-link--active{background:linear-gradient(135deg,#006b52,#004d3a);box-shadow:0 4px 16px rgba(0,85,63,.5)}.header__dashboard-icon{margin-right:6px;font-size:18px;display:inline-block;animation:pulse 2s ease-in-out infinite}.header__dropdown{position:relative}.header__nav-link--dropdown{display:flex;align-items:center;gap:6px;cursor:pointer}.header__dropdown-arrow{width:16px;height:16px;transition:transform .3s}.header__dropdown:hover .header__dropdown-arrow{transform:rotate(180deg)}.header__dropdown-menu{position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(10px);min-width:220px;background:white;border-radius:16px;box-shadow:0 20px 50px rgba(0,0,0,.15);padding:12px;opacity:0;visibility:hidden;transition:all .3s;z-index:100}.header__dropdown:hover .header__dropdown-menu{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}.header__dropdown-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;color:var(--header-black);text-decoration:none;font-size:14px;font-weight:500;border-radius:10px;transition:all .2s}.header__dropdown-item:hover{background:var(--header-accent);color:white}.header__dropdown-item--active{background:rgba(0,85,63,.1);color:var(--header-accent)}.header__dropdown-count{font-size:12px;padding:2px 8px;background:rgba(0,0,0,.05);border-radius:20px}.header__dropdown-item:hover .header__dropdown-count{background:rgba(255,255,255,.2);color:white}.header__dropdown-item--all{margin-top:8px;padding-top:12px;border-top:1px solid #eee;color:var(--header-accent);font-weight:600}.header__dropdown-item--all:hover{background:var(--header-secondary);color:var(--header-black)}.header__actions{display:flex;align-items:center;gap:16px}.header__auth-buttons{display:flex;align-items:center;gap:12px}.header__mobile-toggle{display:none;flex-direction:column;justify-content:center;gap:6px;width:40px;height:40px;background:transparent;border:none;cursor:pointer;padding:8px;z-index:1002}.header__mobile-toggle span{display:block;width:24px;height:2px;background:var(--header-black);border-radius:2px;transition:all .3s;transform-origin:center}.header__mobile-toggle--open span:first-child{transform:rotate(45deg) translateY(6px)}.header__mobile-toggle--open span:nth-child(2){opacity:0;transform:scaleX(0)}.header__mobile-toggle--open span:nth-child(3){transform:rotate(-45deg) translateY(-6px)}.header__mobile-categories,.header__mobile-header,.header__mobile-main-nav{display:none}.header__mobile-label{display:block;font-size:12px;font-weight:700;color:var(--header-gray);text-transform:uppercase;letter-spacing:1px;padding:16px 16px 8px;border-top:1px solid #eee;margin-top:16px}@media (max-width:1024px){.header__dropdown{display:none}}@media (max-width:768px){.header__container{padding:12px 20px}.header__mobile-toggle{display:flex}.header__mobile-toggle--open,.header__nav-left,.header__nav-right{display:none!important}.header__nav{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100vw!important;height:100vh!important;min-height:100vh!important;max-height:100vh!important;background:linear-gradient(135deg,#ffffff,#f8f9fa);flex-direction:column;justify-content:flex-start;align-items:stretch;gap:0;padding:0;opacity:0;visibility:hidden;transform:translateX(100%);transition:all .4s cubic-bezier(.4,0,.2,1);z-index:1001;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;margin:0!important;flex:none!important}.header__nav--open{opacity:1;visibility:visible;transform:translateX(0)}.header__mobile-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:linear-gradient(135deg,var(--header-accent) 0,#003d2e 100%);border-bottom:1px solid rgba(255,255,255,.1);position:-webkit-sticky;position:sticky;top:0;z-index:10;box-shadow:0 4px 20px rgba(0,0,0,.1)}.header__mobile-logo{display:flex;align-items:center;text-decoration:none}.header__mobile-logo-img{height:36px;width:auto}.header__mobile-close{width:44px;height:44px;border-radius:12px;background:rgba(255,255,255,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:white}.header__mobile-close svg{width:24px;height:24px}.header__mobile-close:active{background:rgba(255,255,255,.25);transform:scale(.95)}.header__mobile-main-nav{padding:24px;display:flex;flex-direction:column;gap:12px;background:white;border-bottom:1px solid #f0f0f0}.header__mobile-nav-link{display:flex;align-items:center;gap:16px;padding:18px 20px;border-radius:16px;text-decoration:none;color:var(--header-black);font-size:17px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);background:#f8f9fa;border:2px solid transparent}.header__mobile-nav-link:active{transform:scale(.98)}.header__mobile-nav-link--active{background:linear-gradient(135deg,var(--header-accent) 0,#003d2e 100%);color:white;border-color:var(--header-accent);box-shadow:0 4px 12px rgba(0,85,63,.2)}.header__mobile-nav-icon{font-size:24px;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.header__mobile-categories{display:block;width:100%;padding:24px;background:#fafbfc}.header__mobile-categories-label{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;color:var(--header-gray);margin-bottom:20px;padding-left:4px}.header__mobile-category-card{width:100%;margin-bottom:16px;background:white;border-radius:16px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.04);border:1px solid #e8e9ea;transition:all .3s cubic-bezier(.4,0,.2,1)}.header__mobile-category-card:active{transform:scale(.98)}.header__mobile-category-card--open{box-shadow:0 4px 16px rgba(0,85,63,.15);border-color:var(--header-accent)}.header__mobile-category-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:0;background:transparent;transition:all .3s ease}.header__mobile-category-link{flex:1 1;display:flex;align-items:center;padding:18px 20px;text-decoration:none;color:var(--header-black);font-size:16px;font-weight:600;transition:all .3s ease}.header__mobile-category-name{flex:1 1}.header__mobile-category-link--active{color:var(--header-accent)}.header__mobile-category-toggle-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;margin-right:8px;border-radius:10px;transition:all .2s ease;flex-shrink:0}.header__mobile-category-toggle-btn:active{background:rgba(0,85,63,.1);transform:scale(.95)}.header__mobile-category-arrow{width:20px;height:20px;transition:transform .3s cubic-bezier(.4,0,.2,1);color:var(--header-gray)}.header__mobile-category-header--open .header__mobile-category-arrow{transform:rotate(180deg);color:var(--header-accent)}.header__mobile-subcategories{padding:8px 0 16px;background:#fafbfc;border-top:1px solid #f0f0f0;animation:slideDown .3s cubic-bezier(.4,0,.2,1)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.header__mobile-subcategory-link{display:flex;align-items:center;gap:12px;padding:14px 20px 14px 56px;color:var(--header-gray);text-decoration:none;font-size:15px;font-weight:500;transition:all .2s ease;position:relative}.header__mobile-subcategory-link:before{content:"";position:absolute;left:36px;top:50%;transform:translateY(-50%);width:6px;height:6px;border-radius:50%;background:var(--header-accent);opacity:0;transition:all .2s ease}.header__mobile-subcategory-link:hover{color:var(--header-accent);padding-left:64px;background:rgba(0,85,63,.03)}.header__mobile-subcategory-link:hover:before{opacity:1}.header__mobile-subcategory-link--active{color:var(--header-accent);font-weight:600;background:rgba(0,85,63,.08);padding-left:64px}.header__mobile-subcategory-link--active:before{opacity:1}.header__mobile-subcategory-dot{width:6px;height:6px;border-radius:50%;background:var(--header-accent);opacity:.5}.header__mobile-subcategory-link--active .header__mobile-subcategory-dot{opacity:1}.header__dropdown,.header__nav-link:after,.header__nav>.header__nav-link:not(.header__nav-link--dropdown){display:none}.header__logo-img{height:36px}.header__auth-buttons{display:none}.header__mobile-auth{display:flex;flex-direction:column;gap:12px;padding:24px;border-top:1px solid #eee;margin-top:16px}}@media (min-width:769px){.header__mobile-auth{display:none}}.header .cart-icon{display:flex!important;visibility:visible!important;opacity:1!important;position:relative!important}.header .cart-icon,.header .cart-icon *,.header .cart-icon circle,.header .cart-icon path,.header .cart-icon svg,.header .cart-icon svg *{color:#000000!important;stroke:#000000!important;fill:none!important;display:block!important;visibility:visible!important;opacity:1!important}.header .cart-icon circle{fill:#000000!important}.header .cart-icon:hover,.header .cart-icon:hover *,.header .cart-icon:hover circle,.header .cart-icon:hover path,.header .cart-icon:hover svg,.header .cart-icon:hover svg *{color:#000000!important;stroke:#000000!important;fill:none!important}.header .cart-icon:hover circle{fill:#000000!important}.header .cart-icon__badge{background:var(--header-primary)}.main-layout{display:flex;flex-direction:column;min-height:100vh}.main-layout__content{flex:1 1;background-color:var(--color-bg-secondary)}*,:after,:before{box-sizing:border-box}html{text-size-adjust:none}*{margin:0;padding:0}ol,ul{list-style:none}html:focus-within{scroll-behavior:smooth}body{line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}a:not([class]){-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}canvas,img,picture,svg,video{display:block;max-width:100%;height:auto}button,input,select,textarea{font:inherit;color:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}button{background:none;border:none;cursor:pointer}@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}fieldset{border:none}table{border-collapse:collapse;border-spacing:0}:focus:not(:focus-visible){outline:none}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}:root{--color-primary:#1a1a2e;--color-primary-light:#16213e;--color-secondary:#0f3460;--color-accent:#e94560;--color-accent-light:#ff6b6b;--color-success:#27ae60;--color-success-light:#2ecc71;--color-error:#e74c3c;--color-error-light:#ff6b6b;--color-warning:#f39c12;--color-warning-light:#f1c40f;--color-info:#3498db;--color-info-light:#5dade2;--color-white:#ffffff;--color-black:#000000;--color-gray-50:#fafafa;--color-gray-100:#f5f5f5;--color-gray-200:#eeeeee;--color-gray-300:#e0e0e0;--color-gray-400:#bdbdbd;--color-gray-500:#9e9e9e;--color-gray-600:#757575;--color-gray-700:#616161;--color-gray-800:#424242;--color-gray-900:#212121;--color-text-primary:#1a1a2e;--color-text-secondary:#4a4a68;--color-text-muted:#7f8c8d;--color-text-inverse:#ffffff;--color-bg-primary:#ffffff;--color-bg-secondary:#f8f9fa;--color-bg-tertiary:#f1f3f4;--color-bg-dark:#1a1a2e;--font-family-primary:"Outfit","Poppins",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-family-display:"Playfair Display","Georgia",serif;--font-family-mono:"JetBrains Mono","Fira Code",monospace;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-md:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-size-6xl:3.75rem;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--letter-spacing-tight:-0.025em;--letter-spacing-normal:0;--letter-spacing-wide:0.025em;--letter-spacing-wider:0.05em;--letter-spacing-widest:0.1em;--spacing-0:0;--spacing-1:0.25rem;--spacing-2:0.5rem;--spacing-3:0.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--spacing-16:4rem;--spacing-20:5rem;--spacing-24:6rem;--border-width-thin:1px;--border-width-normal:2px;--border-width-thick:4px;--border-radius-none:0;--border-radius-sm:4px;--border-radius-md:8px;--border-radius-lg:12px;--border-radius-xl:16px;--border-radius-2xl:24px;--border-radius-full:9999px;--shadow-xs:0 1px 2px rgba(0,0,0,0.05);--shadow-sm:0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04);--shadow-2xl:0 25px 50px -12px rgba(0,0,0,0.25);--shadow-inner:inset 0 2px 4px rgba(0,0,0,0.06);--shadow-accent:0 4px 14px rgba(233,69,96,0.4);--shadow-success:0 4px 14px rgba(39,174,96,0.4);--transition-fast:150ms ease;--transition-normal:300ms ease;--transition-slow:500ms ease;--transition-bounce:500ms cubic-bezier(0.68,-0.55,0.265,1.55);--z-index-dropdown:100;--z-index-sticky:200;--z-index-fixed:300;--z-index-modal-backdrop:400;--z-index-modal:500;--z-index-popover:600;--z-index-tooltip:700;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-2xl:1536px}@media (prefers-color-scheme:dark){:root{--color-bg-primary:#1a1a2e;--color-bg-secondary:#16213e;--color-bg-tertiary:#0f3460;--color-text-primary:#ffffff;--color-text-secondary:#e0e0e0;--color-text-muted:#9e9e9e}}@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Playfair+Display:wght@400;500;600;700&display=swap");:root{font-family:var(--font-family-primary);font-size:16px;line-height:var(--line-height-normal);font-weight:var(--font-weight-normal);color:var(--color-text-primary);background-color:var(--color-bg-primary);font-synthesis:none}body{min-width:320px;min-height:100vh}a{color:var(--color-accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-accent-light)}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--color-text-primary)}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-md)}p{margin-bottom:var(--spacing-4)}::selection{background-color:var(--color-accent);color:var(--color-white)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-gray-100)}::-webkit-scrollbar-thumb{background:var(--color-gray-400);border-radius:var(--border-radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-gray-500)}.container{width:100%;max-width:var(--container-xl);margin:0 auto;padding:0 var(--spacing-4)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.loading{display:flex;align-items:center;justify-content:center;padding:var(--spacing-12);font-size:var(--font-size-lg);color:var(--color-text-muted)}.error-message{background-color:rgba(231,76,60,.1);color:var(--color-error);padding:var(--spacing-4);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-6)}@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 pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fade-in{animation:fadeIn .5s ease-out}.animate-slide-up{animation:slideUp .5s ease-out}.animate-slide-down{animation:slideDown .5s ease-out}.animate-scale-in{animation:scaleIn .3s ease-out}