@font-face{font-family:Oswald;src:url(/Fonts/Oswald/static/Oswald-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Oswald;src:url(/Fonts/Oswald/static/Oswald-Medium.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Montserrat;src:url(/Fonts/Montserrat/Montserrat-VariableFont_wght.ttf) format("truetype-variations");font-weight:100 900;font-style:normal;font-display:block}.cursor{cursor:pointer}.icon-button{background:none;border:none;cursor:pointer;padding:0}.category-bar{background-color:#fff}.category-item{padding:8px 20px;border-radius:50px;background-color:#f2f2f2;color:#333;text-decoration:none;font-weight:500;white-space:nowrap;transition:all .3s ease}.category-item:hover{background-color:#007bff;color:#fff}.logout-btn:hover,.logout-btn:hover .material-symbols-outlined{color:red}*{margin:0;padding:0;box-sizing:border-box}:root{--navbar-height: 75px}.main-content:not(.category-page){margin-top:0;padding-top:0}body:has(.free-shipping-banner) .main-content:not(.category-page){padding-top:38.5px}.main-content.category-page{margin-top:75px;padding-top:20px}body:has(.free-shipping-banner) .main-content.category-page{margin-top:113.5px}.main-content.category-page:has(.checkout-section){padding-top:0;margin-top:60px}body:has(.free-shipping-banner) .main-content.category-page:has(.checkout-section){margin-top:98.5px}@media (max-width: 768px){.main-content:not(.category-page){margin-top:0;padding-top:0}body:has(.free-shipping-banner:not(.hidden)) .main-content:not(.category-page){padding-top:38.5px}.main-content.category-page{margin-top:55px;padding-top:15px}body:has(.free-shipping-banner) .main-content.category-page{margin-top:93.5px}.main-content.category-page:has(.checkout-section){margin-top:45px}body:has(.free-shipping-banner) .main-content.category-page:has(.checkout-section){margin-top:83.5px}}.category-sidebar{background:linear-gradient(135deg,#f8f9fab3,#e9ecef99);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border-right:1px solid rgba(255,255,255,.3);transition:all .3s cubic-bezier(.4,0,.2,1)}.category-sidebar:not(.active){background:linear-gradient(135deg,#f8f9fa,#e9ecef);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:1px solid rgba(255,255,255,.2)}.sidebar-content{padding:20px 0;background:linear-gradient(180deg,rgba(255,255,255,.05) 0%,transparent 100%);transition:all .3s cubic-bezier(.4,0,.2,1)}.category-sidebar:not(.active) .sidebar-content{background:linear-gradient(180deg,rgba(255,255,255,.1) 0%,transparent 100%)}.sidebar-header{padding:24px 20px;border-bottom:1px solid rgba(218,165,32,.2);background:linear-gradient(135deg,#fff,#f8f9fa);margin:0 12px 16px;border-radius:16px;box-shadow:0 4px 16px #0000000d}.sidebar-header h3{margin:0;font-size:20px;font-weight:700;color:#2a2a2a;text-align:center;letter-spacing:.5px;background:linear-gradient(135deg,#daa520,#b8860b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.main-category-list{list-style:none;padding:0;margin:0}.main-category-item{border:none;border-radius:16px;margin:6px 12px;overflow:hidden;background:linear-gradient(135deg,#fffc,#f8f9fab3);box-shadow:0 4px 20px #0000000d;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.3);position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.category-sidebar:not(.active) .main-category-item{background:linear-gradient(135deg,#fff,#f8f9fa);box-shadow:0 4px 20px #00000014;transform:translateY(0) scale(1)}.main-category-item:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#daa520,#b8860b,#daa520);opacity:0;transition:opacity .3s ease}.main-category-item:hover:before{opacity:1}.main-category-item:not([class*=expanded]):before{opacity:0}.main-category-item:not([class*=expanded]){background:linear-gradient(135deg,#fff,#f8f9fa);box-shadow:0 4px 20px #00000014;transform:translateY(0) scale(1)}.main-category-header{display:flex;align-items:center;padding:20px 24px;cursor:pointer;transition:background-color .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1);gap:16px;border-radius:16px;position:relative;overflow:hidden}.main-category-header:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(218,165,32,.1),transparent);transition:left .4s cubic-bezier(.4,0,.2,1)}.main-category-header:hover:before{left:100%}.main-category-header:hover{background:linear-gradient(135deg,#f8f9fa,#daa52014);transform:translateY(-2px) scale(1.02);box-shadow:0 8px 32px #daa52026}.main-category-header img{flex-shrink:0;transition:transform .3s cubic-bezier(.4,0,.2,1),filter .3s cubic-bezier(.4,0,.2,1);filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.main-category-header:hover img{transform:scale(1.1) rotate(3deg);filter:drop-shadow(0 4px 8px rgba(218,165,32,.3))}.main-category-header span{flex:1;font-weight:600;color:#2a2a2a;transition:all .3s ease;font-size:16px;letter-spacing:.3px}.main-category-header:hover span{color:#daa520;transform:translate(4px)}.main-category-header i{transition:transform .3s cubic-bezier(.4,0,.2,1),color .3s cubic-bezier(.4,0,.2,1),background .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1);color:#666;font-size:16px;background:linear-gradient(135deg,#f0f0f0,#e0e0e0);border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000001a}.main-category-header i.rotated{transform:rotate(180deg);color:#fff;background:linear-gradient(135deg,#daa520,#b8860b);box-shadow:0 4px 12px #daa52066}.main-category-header-link{display:flex;align-items:center;padding:20px 24px;cursor:pointer;transition:background-color .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1);gap:16px;border-radius:16px;position:relative;text-decoration:none;color:inherit}.main-category-header-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,0,0,.05),transparent);transition:left .5s cubic-bezier(.4,0,.2,1)}.main-category-header-link:hover:before{left:100%}.main-category-header-link:hover{background:linear-gradient(135deg,#f8f9fa,#e9ecef);transform:translateY(-2px) scale(1.02);box-shadow:0 8px 32px #0000001a}.main-category-header-link img{flex-shrink:0;transition:transform .3s cubic-bezier(.4,0,.2,1),filter .3s cubic-bezier(.4,0,.2,1);filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.main-category-header-link:hover img{transform:scale(1.1) rotate(3deg);filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}.main-category-header-link span{flex:1;font-weight:600;color:#2a2a2a;transition:all .3s ease;font-size:16px;letter-spacing:.3px}.main-category-header-link:hover span{color:#333;transform:translate(4px)}.main-category-item:not([class*=expanded]) .main-category-header i{transform:rotate(0);color:#666;background:linear-gradient(135deg,#f0f0f0,#e0e0e0);box-shadow:0 2px 8px #0000001a}.main-category-item:not([class*=expanded]) .main-category-header span{color:#2a2a2a;transform:translate(0)}.main-category-item:not([class*=expanded]) .main-category-header img{transform:scale(1) rotate(0);filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.sub-category-list{list-style:none;padding:0;margin:0;max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1),padding .4s cubic-bezier(.4,0,.2,1);background:linear-gradient(135deg,#f8f9fa99,#e9ecef80,#f0f8f066);border-radius:0 0 16px 16px;opacity:0;transform:translateY(-10px) scale(.98);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(218,165,32,.2)}.sub-category-list.expanded{max-height:600px;opacity:1;transform:translateY(0) scale(1);padding:12px 0}.sub-category-list:not(.expanded){max-height:0;opacity:0;transform:translateY(-10px) scale(.98);padding:0}.category-sidebar:not(.active) .sub-category-list{max-height:0;opacity:0;transform:translateY(-10px) scale(.98);padding:0}.category-sidebar:not(.active) .main-category-item{transform:translateY(0) scale(1)}.category-sidebar:not(.active) .main-category-header i{transform:rotate(0);color:#666;background:linear-gradient(135deg,#f0f0f0,#e0e0e0);box-shadow:0 2px 8px #0000001a}.category-sidebar:not(.active) .main-category-header span{color:#2a2a2a;transform:translate(0)}.category-sidebar:not(.active) .main-category-header img{transform:scale(1) rotate(0);filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.sub-category-list li{border:none;margin:4px 12px;border-radius:12px;overflow:hidden;background:#ffffff80;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 2px 8px #0000000d;transition:all .3s ease}.sub-category-list li:hover{transform:translateY(-1px);box-shadow:0 4px 16px #daa52026}.sub-category-list li:last-child{border-bottom:none}.sub-category-list a{display:block;padding:16px 24px 16px 56px;color:#555;text-decoration:none;transition:all .4s cubic-bezier(.25,.46,.45,.94);position:relative;border-radius:12px;margin:0;font-weight:500;font-size:15px;letter-spacing:.2px}.sub-category-list a:before{content:"";position:absolute;left:24px;top:50%;transform:translateY(-50%);width:6px;height:6px;background:linear-gradient(135deg,#daa520,#b8860b);border-radius:50%;opacity:0;transition:all .4s cubic-bezier(.25,.46,.45,.94);box-shadow:0 2px 4px #daa5204d}.sub-category-list a:after{content:"";position:absolute;left:20px;top:50%;transform:translateY(-50%);width:2px;height:0;background:linear-gradient(180deg,#daa520,#b8860b);border-radius:1px;opacity:0;transition:all .4s ease}.sub-category-list a:hover{color:#2a2a2a;background:linear-gradient(135deg,#daa52014,#daa5201f,#daa52014);transform:translate(8px) scale(1.02);box-shadow:0 6px 20px #daa52040;font-weight:600}.sub-category-list a:hover:before{opacity:1;transform:translateY(-50%) scale(1.8);box-shadow:0 4px 8px #daa52066}.sub-category-list a:hover:after{opacity:1;height:20px;transform:translateY(-50%)}router-outlet{display:block}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}html,body{max-width:100vw;overflow-x:hidden}div,section,article,main,aside,header,footer,nav{max-width:100%;box-sizing:border-box}input,button,select,textarea{max-width:100%;box-sizing:border-box}img,video,iframe{max-width:100%;height:auto}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:#333;background-color:#f8f9fa}.container{max-width:1400px;margin:0 auto;padding:0 20px;width:100%;box-sizing:border-box}.navbar{background:linear-gradient(135deg,#fff 0% 100%);padding:1rem 0;position:fixed;top:0;width:100%;z-index:1000;box-shadow:0 2px 10px #0000001a;transition:top .3s ease}body:has(.free-shipping-banner) .navbar{top:38.5px}.navbar.banner-hidden{top:0!important}.nav-container{max-width:1400px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center}.nav-logo h2{color:#fff;font-size:1.8rem;font-weight:700}.nav-menu{list-style:none;display:flex;gap:2rem}.nav-link{color:#fff;text-decoration:none;font-weight:500;transition:all .3s ease;padding:.5rem 1rem;border-radius:25px;cursor:pointer}.nav-link:hover{background:#fff3;transform:translateY(-2px)}.nav-link img{transition:all .3s ease}.nav-link:hover img{transform:scale(1.1)}.nav-dropdown{position:relative}.dropdown-arrow{margin-left:8px;font-size:12px;transition:transform .3s ease}.nav-dropdown:hover .dropdown-arrow{transform:rotate(180deg)}.nav-dropdown.active img{filter:brightness(0) saturate(100%) invert(27%) sepia(51%) saturate(2878%) hue-rotate(346deg) brightness(96%) contrast(87%)}.dropdown-menu{position:absolute;top:100%;left:50%;transform:translate(-50%) translateY(-10px);width:600px;min-width:500px;max-width:90vw;background:#fff;border-radius:12px;box-shadow:0 10px 40px #00000026;opacity:0;visibility:hidden;transition:all .3s ease;z-index:999;border:1px solid #e5e7eb}.dropdown-menu:before{content:"";position:absolute;top:-8px;left:50%;transform:translate(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid white;z-index:1001}.dropdown-menu:after{content:"";position:absolute;top:-9px;left:50%;transform:translate(-50%);width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-bottom:9px solid #e5e7eb;z-index:999}.dropdown-menu.active{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.dropdown-content{display:flex;min-height:150px;width:100%;padding:20px}.dropdown-sidebar{width:100%;background:#f8f9fa;padding:24px;border-radius:12px}.dropdown-sidebar h3{font-size:18px;font-weight:700;color:#2a2a2a;margin-bottom:16px;padding-bottom:8px;border-bottom:2px solid #daa520}.dropdown-categories{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;width:100%}.dropdown-categories li a{display:block;padding:10px 12px;color:#333;text-decoration:none;transition:color .2s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px;border-radius:6px;background:#ffffffb3;border:1px solid rgba(0,0,0,.05)}.dropdown-categories li a:hover{color:#daa520;background-color:#daa5201a}.dropdown-categories li{margin-bottom:8px}.dropdown-categories a{display:block;padding:8px 12px;color:#4a5568;text-decoration:none;border-radius:6px;transition:all .2s ease;font-size:14px}.dropdown-categories a:hover{background:#daa520;color:#fff}.dropdown-products{flex:1;padding:24px}.dropdown-products h4{font-size:16px;font-weight:600;color:#2a2a2a;margin-bottom:16px}.product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:16px}.product-category{display:flex;flex-direction:column;align-items:center;padding:16px;background:#f8f9fa;border-radius:8px;transition:all .2s ease;cursor:pointer;text-decoration:none;color:#2a2a2a}.product-category:hover{background:#daa520;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #daa5204d}.product-category img{width:48px;height:48px;object-fit:cover;border-radius:6px;margin-bottom:8px}.product-category span{font-size:12px;font-weight:500;text-align:center}.no-categories{grid-column:1 / -1;text-align:center;padding:40px 20px;color:#6b7280}.no-categories p{font-size:14px;margin:0}.nav-icons{display:flex;gap:1.5rem}.greeting-text{font-family:Caveat,Comic Sans MS,Segoe Script,cursive;color:#fff;font-size:1.2rem;margin-right:.25rem;opacity:.95}.nav-icons i{color:#fff;font-size:1.2rem;cursor:pointer;transition:all .3s ease;padding:.5rem;border-radius:50%}.nav-icons i:hover{background:#fff3;transform:scale(1.1)}.hero{max-width:1400px;margin:0 auto;border-style:solid;border-radius:26px;background:linear-gradient(180deg,#fff 0% 100%);overflow:hidden;padding:120px 0 80px;text-align:center}.hero-content h1{font-size:3rem;margin-bottom:1rem;font-weight:700}.hero-content p{font-size:1.2rem;opacity:.9}.products{padding:80px 0;background:#fff}.section-title{text-align:center;font-size:2.5rem;margin-bottom:3rem;color:#333;font-weight:700}.products-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:2rem;align-items:stretch;width:100%;box-sizing:border-box;padding:0 1rem}@media (min-width: 641px){.products-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width: 640px){.products-grid{grid-template-columns:repeat(2,1fr);gap:.5rem;padding:0 .5rem;margin-top:1rem}.product-card{padding:.8rem;margin:0;width:100%;box-sizing:border-box}.product-card h3{font-size:.9rem;margin-bottom:.3rem}.product-card .price{font-size:1rem;margin-bottom:.8rem}.add-to-cart{white-space:nowrap;word-break:keep-all;display:inline-flex;align-items:center;justify-content:center;padding:6px 8px;font-size:.7rem;width:100%;box-sizing:border-box;text-overflow:ellipsis;overflow:hidden}.product-card .thumb{margin-bottom:.8rem}}.product-card{background:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 10px 30px #0000001a;transition:all .3s ease;text-align:center;border:1px solid #e9ecef;display:flex;flex-direction:column}.product-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #00000026}.product-card .thumb{position:relative;width:100%;aspect-ratio:1 / 1;overflow:hidden;border-radius:8px;margin-bottom:1rem}.product-card .thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.product-card h3{font-size:1.3rem;margin-bottom:.5rem;color:#333;font-weight:600}.product-card .price{font-size:1.5rem;color:#28a745;font-weight:800;margin-bottom:1rem;display:flex;align-items:baseline;gap:8px;justify-content:center}.product-card .price .unit{color:#3f3f41;font-weight:800;font-size:.9rem}.add-to-cart{background:linear-gradient(135deg,#6c757d,#495057);color:#fff;border:none;padding:12px 24px;border-radius:25px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;width:100%;margin-top:auto;background-size:200% 100%;background-position:0% 50%;position:relative;overflow:hidden}.add-to-cart:hover{background:linear-gradient(135deg,#5a6268,#343a40);transform:translateY(-2px);box-shadow:0 5px 15px #6c757d66}.add-to-cart.pressed{animation:slideGlow 1.4s ease forwards}@keyframes slideGlow{0%{background-position:0% 50%}to{background-position:100% 50%}}.add-to-cart.pressed:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#fff0,#fffc,#fff0);transform:translate(-120%);animation:sweep 1.5s ease forwards;mix-blend-mode:screen}@keyframes sweep{to{transform:translate(120%)}}.footer{background:#202020;color:#fff;padding:3rem 0 1rem;border-top:2px solid #333333}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:2rem}.footer-section h3,.footer-section h4{margin-bottom:1rem;color:#fff}.footer-section h3{font-size:1.5rem;color:#fff}.footer-section ul{list-style:none}.footer-section ul li{margin-bottom:.5rem}.footer-section ul li a{color:#fff;text-decoration:none;transition:color .3s ease,transform .2s ease}.footer-section ul li a:hover{color:#daa520;transform:translate(2px)}.social-icons{display:flex;gap:1rem}.social-icons i{font-size:1.5rem;cursor:pointer;transition:all .3s ease;padding:.5rem;border-radius:50%;background:#ffffff1a;color:#fff}.social-icons i:hover{background:#fff3;color:#fff;transform:translateY(-3px)}.footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid #333333;color:#fff}.cart-section{padding:120px 0 80px;min-height:100vh}.preparation-notes{margin:1.5rem 0;padding:1rem;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.preparation-notes label{display:block;font-weight:600;color:#495057;margin-bottom:.5rem;font-size:.9rem}.preparation-notes textarea{width:100%;padding:.75rem;border:1px solid #ced4da;border-radius:6px;font-size:.9rem;font-family:inherit;resize:vertical;min-height:80px;transition:border-color .3s ease}.preparation-notes textarea:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.preparation-notes textarea::placeholder{color:#6c757d;font-style:italic}.cart-header{text-align:center;margin-bottom:3rem}.cart-header h1{font-size:2.5rem;color:#333;margin-bottom:.5rem;font-weight:700}.cart-header h1 i{color:#daa520;margin-right:.5rem}.cart-header p{font-size:1.1rem;color:#666}#cart-count{color:#daa520;font-weight:700}.cart-content{display:grid;grid-template-columns:2fr 1fr;gap:3rem;margin-bottom:4rem}.cart-items{background:#fff;border-radius:15px;padding:2rem;box-shadow:0 5px 20px #0000001a}.cart-item{display:grid;grid-template-columns:120px 1fr auto auto;gap:1.5rem;align-items:center;padding:1.5rem 0;border-bottom:1px solid #eee}.cart-item:last-child{border-bottom:none}.cart-item img{width:120px;height:100px;object-fit:cover;border-radius:10px}.item-details h3{font-size:1.3rem;margin-bottom:.5rem;color:#333;font-weight:600}.item-specs{color:#666;font-size:.9rem;margin-bottom:1rem}.item-actions{display:flex;gap:1rem}.remove-btn,.save-btn{background:none;border:none;color:#666;font-size:.9rem;cursor:pointer;transition:color .3s ease;padding:.5rem}.remove-btn:hover{color:#dc3545}.save-btn:hover{color:#e74c3c}.quantity-controls{display:flex;align-items:center;gap:.5rem;background:#f8f9fa;border-radius:25px;padding:.5rem}.qty-btn{background:#3f3f41;color:#fff;border:none;width:30px;height:30px;border-radius:50%;cursor:pointer;font-size:1rem;font-weight:700;transition:all .3s ease}.qty-btn.plus,.qty-btn.minus{background:#606070}.qty-btn:hover{background:#55585a;transform:scale(1.1)}.quantity{font-weight:800;min-width:30px;text-align:center;color:#daa520}.cart-items .quantity-controls .quantity,.quantity-controls span.quantity{color:#daa520!important}.item-price .price{font-size:1.3rem;font-weight:700;color:#333}.order-summary{position:sticky;top:120px;height:fit-content}.summary-card{background:#fff;border-radius:15px;padding:2rem;box-shadow:0 5px 20px #0000001a}.summary-card h3{font-size:1.5rem;margin-bottom:1.5rem;color:#333;text-align:center}.summary-row{display:flex;justify-content:space-between;margin-bottom:1rem;font-size:1rem}.summary-row.total{font-size:1.2rem;font-weight:700;color:#333;margin-top:1rem}.free{color:#333;font-weight:700}hr{border:none;border-top:1px solid #eee;margin:1rem 0}.promo-code{margin:1.5rem 0}.promo-code input{flex:1;padding:.8rem;border:1px solid #ddd;border-radius:8px;font-size:.9rem}.promo-btn{background:#667eea;color:#fff;border:none;padding:.8rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:600;transition:background .3s ease}.promo-btn:hover{background:#3f3f41}.checkout-btn{width:100%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:1rem;border-radius:10px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;margin-bottom:1.5rem}.checkout-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #667eea66}.checkout-btn i{margin-right:.5rem}.payment-methods{text-align:center}.payment-methods p{font-size:.9rem;color:#666;margin-bottom:.5rem}.payment-icons{display:flex;justify-content:center;gap:1rem}.payment-icons i{font-size:1.5rem;color:#666}.recommended-section{background:#fff;border-radius:15px;padding:2rem;box-shadow:0 5px 20px #0000001a}.recommended-section h2{text-align:center;margin-bottom:2rem;color:#333;font-weight:600}.recommended-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem}.recommended-item{text-align:center;padding:1rem;border:1px solid #eee;border-radius:10px;transition:all .3s ease}.recommended-item:hover{transform:translateY(-5px);box-shadow:0 5px 15px #0000001a}.recommended-item img{width:100%;height:120px;object-fit:cover;border-radius:8px;margin-bottom:1rem}.recommended-item h4{font-size:1rem;margin-bottom:.5rem;color:#333}.rec-price{font-size:1.1rem;font-weight:700;color:#667eea;display:block;margin-bottom:1rem}.add-rec-btn{background:#667eea;color:#fff;border:none;padding:.5rem 1rem;border-radius:20px;cursor:pointer;font-size:.9rem;font-weight:600;transition:all .3s ease}.add-rec-btn:hover{background:#5a6fd8;transform:translateY(-2px)}@media (max-width: 768px){.nav-menu{display:none}.cart-content{grid-template-columns:1fr;gap:2rem}.cart-item{grid-template-columns:60px 1fr;gap:1rem}.cart-item img{width:60px;height:50px;object-fit:cover;border-radius:8px}.quantity-controls,.item-price{grid-column:2;justify-self:start;margin-top:1rem}.item-price{justify-self:end;margin-top:0}.cart-header h1{font-size:2rem}.recommended-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.footer-content{grid-template-columns:1fr;text-align:center}.order-summary{position:static}}@media (max-width: 480px){.cart-item{grid-template-columns:50px 1fr;gap:.8rem;padding:1rem 0}.cart-item img{width:50px;height:40px;object-fit:cover;border-radius:6px}.item-details h3{font-size:1.1rem;margin-bottom:.3rem}.quantity-controls,.item-price{margin-top:.5rem}}.checkout-section{padding:120px 0 80px;min-height:100vh}.progress-bar{display:flex;justify-content:center;align-items:center;margin-bottom:3rem;position:relative}.progress-bar:before{content:"";position:absolute;top:20px;left:50%;transform:translate(-50%);width:300px;height:2px;background:#eee;z-index:1}.step{display:flex;flex-direction:column;align-items:center;position:relative;z-index:2;background:#fff;padding:0 1rem}.step i{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#eee;color:#999;margin-bottom:.5rem;font-size:1rem}.step span{font-size:.9rem;color:#666}.step.completed i{background:#28a745;color:#fff}.step.active i{background:#667eea;color:#fff}.step.completed span,.step.active span{color:#333;font-weight:600}.checkout-content{display:grid;grid-template-columns:2fr 1fr;gap:3rem}.checkout-form{background:#fff;border-radius:15px;padding:2rem;box-shadow:0 5px 20px #0000001a}.checkout-summary{position:sticky;top:120px;height:fit-content}.form-section{margin-bottom:2.5rem;padding-bottom:2rem;border-bottom:1px solid #eee}.form-section:last-child{border-bottom:none;margin-bottom:0}.form-section h3{font-size:1.3rem;margin-bottom:1.5rem;color:#333;display:flex;align-items:center;gap:.5rem}.form-section h3 i{color:#667eea}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.form-group{display:flex;flex-direction:column}.form-group label{margin-bottom:.5rem;font-weight:600;color:#333;font-size:.9rem}.form-group input,.form-group select,.form-group textarea{padding:.8rem;border:1px solid #ddd;border-radius:8px;font-size:1rem;transition:border-color .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group textarea{min-height:80px;resize:vertical}.payment-options{display:flex;flex-direction:column;gap:.8rem}.checkbox-container{display:inline-flex;align-items:center;gap:.6rem;cursor:pointer;font-size:1rem;color:#3f3f41;position:relative;border-left:none!important;padding-left:0;line-height:1.2}.checkmark{width:20px;height:20px;border:2px solid #cfd6db;border-radius:6px;position:relative;transition:all .2s ease;flex-shrink:0;background:#fff;display:inline-block;vertical-align:middle}.checkbox-container:hover .checkmark{border-color:#7ec242}.checkbox-container input[type=checkbox]:focus+.checkmark{box-shadow:0 0 0 3px #7ec24226}.checkbox-container input[type=checkbox]:checked+.checkmark{background:#7ec242;border-color:#7ec242}.checkbox-container input[type=checkbox]:checked+.checkmark:after{content:"\2713";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:14px;font-weight:800}.checkbox-container span,.checkbox-container a{vertical-align:middle}.payment-option{border:2px solid #eee;border-radius:10px;padding:1rem;transition:all .3s ease;cursor:pointer}.payment-option:hover{border-color:#667eea}.payment-option input[type=radio]{display:none}.payment-option input[type=radio]:checked+label{color:#667eea}.payment-option input[type=radio]:checked{border-color:#667eea;background:#667eea1a}.payment-option label{display:flex;align-items:center;gap:1rem;cursor:pointer;font-weight:600;margin:0}.payment-option label i{font-size:1.5rem;color:#667eea}.card-form{background:#f8f9fa;border-radius:10px;padding:1.5rem;margin-top:1rem}.installment-options{margin-top:1rem}.installment-options label{display:block;margin-bottom:.5rem;font-weight:600;color:#333}.installment-options select{width:100%;padding:.8rem;border:1px solid #ddd;border-radius:8px;font-size:1rem}.agreements{display:flex;flex-direction:column;gap:1rem}.agreement-item{display:flex;align-items:flex-start;gap:.5rem}.agreement-item input[type=checkbox]{margin-top:.2rem;accent-color:#667eea}.agreement-item label{font-size:.9rem;line-height:1.5;cursor:pointer}.agreement-item label a{color:#667eea;text-decoration:none}.agreement-item label a:hover{text-decoration:underline}.order-item{display:flex;align-items:center;gap:1rem;padding:1rem 0;border-bottom:1px solid #eee}.order-item img{width:60px;height:50px;object-fit:cover;border-radius:8px}.item-info{flex:1}.item-info h4{font-size:1rem;margin-bottom:.2rem;color:#333}.item-info span{font-size:.9rem;color:#666}.item-total{font-weight:700;color:#333}.complete-order-btn{width:100%;background:linear-gradient(135deg,#333,#000);color:#fff;border:none;padding:1rem;border-radius:10px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;margin-bottom:1rem}.complete-order-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0006;background:linear-gradient(135deg,#000,#333)}.complete-order-btn i{margin-right:.5rem}.security-info{display:flex;align-items:center;justify-content:center;gap:.5rem;color:#333;font-size:.9rem;font-weight:600}.security-info i{font-size:1rem}@media (max-width: 768px){.checkout-content{grid-template-columns:1fr;gap:2rem}.form-row{grid-template-columns:1fr}.progress-bar{flex-direction:column;gap:1rem}.progress-bar:before{display:none}.step{flex-direction:row;padding:0}.step i{margin-bottom:0;margin-right:.5rem;width:35px;height:35px;font-size:.9rem}.checkout-summary{position:static}.payment-options{gap:.5rem}.payment-option{padding:.8rem}}.order-section{padding:120px 0 80px;min-height:100vh}.success-message{text-align:center;margin-bottom:3rem;background:#fff;border-radius:15px;padding:3rem 2rem;box-shadow:0 5px 20px #0000001a}.success-icon{margin-bottom:1.5rem}.success-icon i{font-size:4rem;color:#28a745;animation:bounce 1s ease-in-out}@keyframes bounce{0%,20%,60%,to{transform:translateY(0)}40%{transform:translateY(-20px)}80%{transform:translateY(-10px)}}.success-message h1{font-size:2.5rem;color:#333;margin-bottom:1rem;font-weight:700}.success-message p{font-size:1.1rem;color:#666}.order-content{display:grid;grid-template-columns:2fr 1fr;gap:3rem;margin-bottom:4rem}.order-info{background:#fff;border-radius:15px;padding:2rem;box-shadow:0 5px 20px #0000001a}.order-summary-sidebar{position:sticky;top:120px;height:fit-content}.order-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid #eee}.order-header h2{font-size:1.8rem;color:#333;font-weight:600}.order-number{text-align:right}.order-number span{display:block;margin-bottom:.5rem;color:#666}.order-number strong{color:#333}.order-status{margin-bottom:2.5rem}.order-status h3{font-size:1.3rem;margin-bottom:1.5rem;color:#333;display:flex;align-items:center;gap:.5rem}.order-status h3 i{color:#667eea}.status-timeline{display:flex;flex-direction:column;gap:1.5rem;position:relative;padding-left:2rem}.status-timeline:before{content:"";position:absolute;left:20px;top:20px;bottom:20px;width:2px;background:#eee}.status-step{display:flex;align-items:center;gap:1rem;position:relative}.status-icon{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#eee;color:#999;position:absolute;left:-2rem;z-index:2}.status-step.completed .status-icon{background:#28a745;color:#fff}.status-step.active .status-icon{background:#667eea;color:#fff}.status-info h4{font-size:1.1rem;margin-bottom:.2rem;color:#333;font-weight:600}.status-info span{font-size:.9rem;color:#666}.status-step.completed .status-info h4,.status-step.active .status-info h4{color:#333}.ordered-items{margin-bottom:2.5rem}.ordered-items h3{font-size:1.3rem;margin-bottom:1.5rem;color:#333;display:flex;align-items:center;gap:.5rem}.ordered-items h3 i{color:#667eea}.items-list{border:1px solid #eee;border-radius:10px;overflow:hidden}.order-item{display:flex;align-items:center;gap:1rem;padding:1.5rem;border-bottom:1px solid #eee;background:#fafafa}.order-item:last-child{border-bottom:none}.item-details h4{font-size:1.1rem;margin-bottom:.3rem;color:#333;font-weight:600}.item-details p{font-size:.9rem;color:#666;margin-bottom:.3rem}.item-price{text-align:right}.item-price span{font-size:1.2rem;font-weight:700;color:#333}.delivery-info h3{font-size:1.3rem;margin-bottom:1.5rem;color:#333;display:flex;align-items:center;gap:.5rem}.delivery-info h3 i{color:#667eea}.delivery-details{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.delivery-address h4,.delivery-method h4{font-size:1rem;margin-bottom:.8rem;color:#333;font-weight:600}.delivery-address p,.delivery-method p{line-height:1.6;color:#666;margin-bottom:.5rem}.track-btn{background:#667eea;color:#fff;border:none;padding:.8rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease;margin-top:1rem}.track-btn:hover{background:#5a6fd8;transform:translateY(-2px)}.track-btn i{margin-right:.5rem}.payment-info{margin:2rem 0;padding:1.5rem;background:#f8f9fa;border-radius:10px}.payment-info h4{font-size:1rem;margin-bottom:1rem;color:#333;font-weight:600}.payment-info p{margin-bottom:.5rem;color:#666;display:flex;align-items:center;gap:.5rem}.payment-info i{color:#667eea}.order-actions{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.download-invoice-btn,.print-order-btn{background:#667eea;color:#fff;border:none;padding:.8rem 1rem;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.download-invoice-btn:hover,.print-order-btn:hover{background:#5a6fd8;transform:translateY(-2px)}.help-section{padding:1.5rem;background:#f8f9fa;border-radius:10px;text-align:center}.help-section h4{font-size:1rem;margin-bottom:1rem;color:#333;font-weight:600}.contact-btn{background:#28a745;color:#fff;border:none;padding:.8rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%}.contact-btn:hover{background:#218838;transform:translateY(-2px)}.next-steps{background:#fff;border-radius:15px;padding:2rem;box-shadow:0 5px 20px #0000001a;margin-bottom:4rem}.next-steps h2{text-align:center;margin-bottom:2rem;color:#333;font-weight:600}.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.step-card{text-align:center;padding:2rem 1.5rem;border:1px solid #eee;border-radius:10px;transition:all .3s ease}.step-card:hover{transform:translateY(-5px);box-shadow:0 5px 15px #0000001a}.step-card i{font-size:2.5rem;color:#667eea;margin-bottom:1rem}.step-card h3{font-size:1.2rem;margin-bottom:1rem;color:#333;font-weight:600}.step-card p{color:#666;line-height:1.5}@media (max-width: 768px){.order-content{grid-template-columns:1fr;gap:2rem}.order-header{flex-direction:column;gap:1rem}.order-number{text-align:left}.delivery-details{grid-template-columns:1fr;gap:1.5rem}.success-message h1{font-size:2rem}.success-icon i{font-size:3rem}.steps-grid{grid-template-columns:1fr;gap:1rem}.step-card{padding:1.5rem 1rem}.order-summary-sidebar{position:static}.status-timeline{padding-left:1.5rem}.status-timeline:before{left:15px}.status-icon{left:-1.5rem;width:30px;height:30px}}@media (max-width: 480px){.status-timeline{padding-left:1rem}.status-timeline:before{left:10px}.status-icon{left:-1rem;width:20px;height:20px;font-size:.8rem}.status-info h4{font-size:1rem;margin-bottom:.1rem}.status-info span{font-size:.8rem}.step i{width:30px;height:30px;font-size:.8rem;margin-right:.3rem}.step span{font-size:.8rem}}.login-section{padding:120px 0 80px;min-height:100vh;background:linear-gradient(135deg,#fff,#f5f5f5)}.login-container{display:grid;grid-template-columns:1fr 1fr;gap:4rem;max-width:1400px;margin:0 auto;align-items:start}.login-form-container{background:#fff;border-radius:20px;padding:2.5rem;box-shadow:0 10px 40px #0000001a;border:1px solid #e9ecef}.login-header{text-align:center;margin-bottom:2rem}.login-icon{margin-bottom:1rem}.login-icon i{font-size:4rem;color:#333;opacity:.8}.login-header h1{font-size:2.2rem;color:#3f3f41;margin-bottom:.5rem;font-weight:700}.login-header p{color:#666;font-size:1rem;opacity:.9}.login-tabs{display:flex;background:#f8f9fa;border-radius:10px;padding:.3rem;margin-bottom:2rem;border:1px solid #e9ecef}.tab-btn{flex:1;background:none;border:none;padding:.8rem 1rem;border-radius:8px;cursor:pointer;font-weight:600;color:#666;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.tab-btn.active{background:#fff;color:#333;box-shadow:0 2px 8px #0000001a}.tab-btn:hover:not(.active){color:#3f3f41}.tab-content{display:none}.tab-content.active{display:block}.auth-form{margin-bottom:1.5rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#333;font-size:.9rem}.input-group{position:relative;display:flex;align-items:center}.input-group i{position:absolute;left:1rem;color:#999;z-index:2}.input-group input{width:100%;padding:.9rem 1rem .9rem 2.5rem;border:2px solid #e9ecef;border-radius:10px;font-size:1rem;transition:all .3s ease;background:#fff}.input-group input:focus{outline:none;border-color:#333;box-shadow:0 0 0 3px #0000001a}.input-group input:focus+i,.input-group input:focus~.password-toggle i{color:#333}.error-message{display:flex;align-items:center;gap:.5rem;background:#fee;color:#c53030;padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem;font-size:.9rem;font-weight:500;border:1px solid #feb2b2}.error-message i{color:#c53030;font-size:1rem}.forgot-password{text-align:right;margin-top:.5rem}.forgot-password-link{color:#daa520;text-decoration:none;font-size:.9rem;font-weight:500;transition:color .3s ease}.forgot-password-link:hover{color:#b8860b;text-decoration:underline}.password-toggle{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;color:#999;cursor:pointer;padding:.25rem;border-radius:5px;transition:color .3s ease;z-index:2}.password-toggle:hover{color:#333}.form-options{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.checkbox-container{display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.9rem;color:#666;position:relative}.checkbox-container input[type=checkbox]{display:none}.checkmark{width:18px;height:18px;border:2px solid #ddd;border-radius:4px;position:relative;transition:all .3s ease;flex-shrink:0}.checkbox-container input[type=checkbox]:checked+.checkmark{background:#333;border-color:#333}.checkbox-container input[type=checkbox]:checked+.checkmark:after{content:"\2713";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px;font-weight:700}.checkbox-container a{color:#333;text-decoration:none}.checkbox-container a:hover{text-decoration:underline}.forgot-password{color:#667eea;text-decoration:none;font-size:.9rem;font-weight:500;transition:color .3s ease}.forgot-password:hover{color:#5a6fd8;text-decoration:underline}.auth-btn{width:100%;background:linear-gradient(135deg,#333,#000);color:#fff;border:none;padding:1rem;border-radius:10px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1.5rem}.auth-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000004d;background:linear-gradient(135deg,#000,#333)}.auth-btn:active{transform:translateY(0)}.divider{text-align:center;margin:2rem 0;position:relative;color:#999;font-size:.9rem}.divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#e9ecef;z-index:1}.divider span{background:#fff;padding:0 1rem;position:relative;z-index:2}.promo-input-group{display:flex;gap:.5rem;margin-bottom:.5rem;width:100%}.promo-input-group input{flex:1;padding:.75rem;border:1px solid #ddd;border-radius:8px;font-size:.9rem}.promo-btn{padding:.75rem 1.5rem;background:#007bff;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:.9rem;transition:all .3s ease}.promo-btn:hover:not(:disabled){background:#3f3f41;transform:translateY(-1px)}.promo-btn:disabled{background:#6c757d;cursor:not-allowed}.applied-promo{display:flex;align-items:center;justify-content:space-between;background:#d4edda;border:1px solid #c3e6cb;border-radius:8px;padding:.75rem;margin-top:.5rem}.promo-code-text{font-weight:600;color:#155724}.promo-discount{color:#155724;font-weight:500}.remove-promo{background:none;border:none;color:#721c24;cursor:pointer;padding:.25rem;border-radius:4px;transition:background .2s ease}.remove-promo:hover{background:#f8d7da}.promo-error{color:#dc3545;background:#f8d7da;border:1px solid #dc3545;border-radius:8px;padding:.75rem;font-weight:500;margin-top:.5rem;font-size:.9rem;display:flex;align-items:center;gap:.5rem}.promo-error i{font-size:1rem}.summary-row.discount{color:#333;font-weight:500}.discount-amount{color:#333;font-weight:600}.social-login{display:flex;flex-direction:column;gap:.8rem}.social-btn{width:100%;padding:.9rem;border:2px solid #e9ecef;border-radius:10px;background:#fff;color:#333;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.8rem}.social-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0000001a}.social-btn.google:hover{border-color:#db4437;color:#db4437}.social-btn.facebook:hover{border-color:#4267b2;color:#4267b2}.social-btn i{font-size:1.2rem}.login-benefits{background:#fff;border-radius:20px;padding:2.5rem;box-shadow:0 10px 40px #0000001a;border:1px solid #e9ecef;height:fit-content;position:sticky;top:140px}.benefits-header{text-align:center;margin-bottom:2.5rem}.benefits-header h2{font-size:1.8rem;color:#3f3f41;margin-bottom:.5rem;font-weight:700}.benefits-header p{color:#666;font-size:1rem;opacity:.9}.benefits-list{display:flex;flex-direction:column;gap:1.5rem}.benefit-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem;border-radius:12px;transition:all .3s ease;border:1px solid transparent}.benefit-item:hover{background:#f8f9fa;border-color:#e9ecef;transform:translateY(-2px)}.benefit-icon{width:50px;height:50px;background:linear-gradient(135deg,#333,#000);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.benefit-icon i{color:#fff;font-size:1.3rem}.benefit-content h3{font-size:1.1rem;color:#3f3f41;margin-bottom:.3rem;font-weight:600}.benefit-content p{color:#666;font-size:.9rem;line-height:1.5}@media (max-width: 768px){.login-container{grid-template-columns:1fr;gap:2rem;padding:0 1rem}.login-form-container,.login-benefits{padding:2rem 1.5rem}.form-row{grid-template-columns:1fr;gap:0}.form-options{flex-direction:column;align-items:flex-start;gap:1rem}.social-login{flex-direction:row;gap:.5rem}.social-btn{padding:.8rem .5rem;font-size:.9rem}.login-header h1{font-size:1.8rem}.benefits-header h2{font-size:1.5rem}.benefit-item{padding:.8rem}.benefit-icon{width:45px;height:45px}.benefit-icon i{font-size:1.1rem}.login-benefits{position:static}}@media (max-width: 480px){.login-section{padding:100px 0 60px}.login-form-container,.login-benefits{padding:1.5rem 1rem;border-radius:15px}.tab-btn{padding:.6rem .8rem;font-size:.9rem}.input-group input{padding:.8rem 1rem .8rem 2.3rem;font-size:.9rem}.auth-btn{padding:.9rem;font-size:1rem}.login-header h1{font-size:1.6rem}.login-header p{font-size:.9rem}.benefit-content h3{font-size:1rem}.benefit-content p{font-size:.8rem}}.dropdown-menu{position:absolute;top:calc(100% + 15px);background:#fff;border-radius:15px;box-shadow:0 10px 40px #00000026;border:1px solid #e9ecef;min-width:280px;z-index:999;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease}.user-dropdown-wrapper{position:relative;overflow:visible;display:flex;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0}.dropdown-menu-user{position:absolute;top:45px;right:0;background-color:#fff;border:1px solid #ccc;border-radius:8px;box-shadow:0 5px 15px #0003;min-width:150px;z-index:999;overflow:hidden;opacity:0;visibility:hidden;transform:translateY(-10px) scale(.95);transition:all .3s cubic-bezier(.4,0,.2,1);transform-origin:top right}.dropdown-menu-user.show{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.dropdown-item-user{width:100%;padding:10px;text-align:left;border:none;background:none;cursor:pointer;transition:all .2s ease;border-radius:4px;margin:2px 4px;color:#333;font-weight:500}.dropdown-item-user:hover{background-color:#daa5201a;color:#daa520;transform:scale(1.02)}.dropdown-greeting{padding:12px 15px 6px;font-size:.9rem;font-weight:500;color:#333;transition:all .2s ease;border-radius:4px;margin:2px 4px}.dropdown-divider{border:none;border-top:1px solid #eee;margin:6px 0;transition:all .2s ease}.nav-icon{font-size:18px;cursor:pointer;color:#333}.dropdown-header:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="20" cy="20" r="2" fill="rgba(255,255,255,0.1)"/><circle cx="80" cy="40" r="1" fill="rgba(255,255,255,0.1)"/><circle cx="40" cy="80" r="1.5" fill="rgba(255,255,255,0.1)"/></svg>');opacity:.3}.user-avatar{position:relative;z-index:2}.user-info{display:flex;flex-direction:column;position:relative;z-index:2}.dropdown-item:hover i{color:#daa520}.dropdown-menu.show .dropdown-item{animation:slideInRight .3s ease forwards}.dropdown-menu.show .dropdown-item:nth-child(1){animation-delay:.1s}.dropdown-menu.show .dropdown-item:nth-child(2){animation-delay:.15s}.dropdown-menu.show .dropdown-item:nth-child(3){animation-delay:.2s}.dropdown-menu.show .dropdown-item:nth-child(4){animation-delay:.25s}.dropdown-menu.show .dropdown-item:nth-child(5){animation-delay:.3s}.dropdown-menu.show .dropdown-item:nth-child(6){animation-delay:.35s}.dropdown-menu.show .dropdown-item:nth-child(7){animation-delay:.4s}@keyframes slideInRight{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@media (max-width: 768px){.dropdown-menu{min-width:250px;right:-20px}.dropdown-menu:before{right:35px}.dropdown-header{padding:1.2rem}.dropdown-item{padding:.8rem 1.2rem}.user-avatar i{font-size:2.2rem}.user-name{font-size:1rem}.user-email{font-size:.85rem}}@media (max-width: 480px){.dropdown-menu{min-width:220px;right:-30px}.dropdown-menu:before{right:45px}.dropdown-header{padding:1rem}.dropdown-item{padding:.7rem 1rem}.dropdown-item span{font-size:.9rem}}.orders-section{padding:120px 0 80px;min-height:100vh;background:#f8f9fa}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem;padding:2rem;background:#fff;border-radius:15px;box-shadow:0 5px 20px #0000001a}.header-content h1{font-size:2.5rem;color:#333;margin-bottom:.5rem;font-weight:700;display:flex;align-items:center;gap:1rem}.header-content h1 i{color:#667eea}.header-content p{font-size:1.1rem;color:#666}.header-stats{display:flex;gap:2rem}.stat-item{text-align:center;padding:1rem;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;min-width:100px}.stat-number{display:block;font-size:2rem;font-weight:700;margin-bottom:.3rem}.stat-label{font-size:.9rem;opacity:.9}.orders-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1.5rem;background:#fff;border-radius:15px;box-shadow:0 5px 20px #0000001a;gap:2rem}.search-box{position:relative;flex:1;max-width:400px;width:100%;box-sizing:border-box}.search-box i{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#999}.search-box input{width:100%;padding:.8rem 1rem .8rem 2.5rem;border:2px solid #e9ecef;border-radius:10px;font-size:1rem;transition:border-color .3s ease;box-sizing:border-box}.search-box input:focus{outline:none;border-color:#667eea}.filter-controls{display:flex;gap:1rem;align-items:center}.filter-select{padding:.8rem 1rem;border:2px solid #e9ecef;border-radius:10px;font-size:.9rem;background:#fff;cursor:pointer;transition:border-color .3s ease}.filter-select:focus{outline:none;border-color:#667eea}.filter-btn{background:#667eea;color:#fff;border:none;padding:.8rem 1.5rem;border-radius:10px;cursor:pointer;font-weight:600;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.filter-btn:hover{background:#5a6fd8;transform:translateY(-2px)}.orders-list{display:flex;flex-direction:column;gap:1.5rem}.order-card{background:#fff;border-radius:15px;padding:2rem;box-shadow:0 5px 20px #0000001a;border:1px solid #e9ecef;transition:all .3s ease}.order-card:hover{transform:translateY(-2px);box-shadow:0 8px 30px #00000026}.order-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #f0f0f0}.order-info h3{font-size:1.3rem;color:#333;margin-bottom:.3rem;font-weight:600}.order-date{color:#666;font-size:.9rem}.status-badge{padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.status-badge.pending{background:#fff3cd;color:#856404;border:1px solid #ffeaa7}.status-badge.shipped{background:#d1ecf1;color:#0c5460;border:1px solid #bee5eb}.status-badge.delivered{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.status-badge.cancelled{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.order-items{margin-bottom:1.5rem}.order-item{display:flex;align-items:center;gap:1rem;padding:1rem 0;border-bottom:1px solid #f8f9fa}.order-item:last-child{border-bottom:none;padding-bottom:0}.order-item img{width:80px;height:60px;object-fit:cover;border-radius:8px}.item-details{flex:1}.item-details h4{font-size:1.1rem;color:#333;margin-bottom:.3rem;font-weight:600}.item-details p{color:#666;font-size:.9rem;margin-bottom:.3rem}.quantity{font-size:.8rem;color:#667eea;font-weight:600}.item-price{font-size:1.1rem;font-weight:700;color:#333}.order-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid #f0f0f0}.order-total{font-size:1.2rem;color:#333}.order-total strong{color:#667eea}.order-actions{display:flex;gap:.8rem}.btn-primary,.btn-secondary,.btn-success{padding:.6rem 1.2rem;border:none;border-radius:8px;cursor:pointer;font-weight:600;font-size:.9rem;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.btn-primary{background:#667eea;color:#fff}.btn-primary:hover{background:#5a6fd8;transform:translateY(-2px);box-shadow:0 5px 15px #667eea4d}.btn-secondary{background:#f8f9fa;color:#333;border:1px solid #e9ecef}.btn-secondary:hover{background:#e9ecef;transform:translateY(-2px);box-shadow:0 5px 15px #0000001a}.btn-success{background:#28a745;color:#fff}.btn-success:hover{background:#218838;transform:translateY(-2px);box-shadow:0 5px 15px #28a7454d}.load-more{text-align:center;margin-top:2rem}.load-more-btn{background:#fff;color:#667eea;border:2px solid #667eea;padding:1rem 2rem;border-radius:10px;cursor:pointer;font-weight:600;font-size:1rem;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem}.load-more-btn:hover{background:#667eea;color:#fff;transform:translateY(-2px);box-shadow:0 5px 15px #667eea4d}.user-dropdown{position:relative;display:inline-block}.dropdown-toggle{cursor:pointer;transition:all .3s ease;padding:.5rem;border-radius:50%;position:relative}.dropdown-toggle:hover{background:#fff3;transform:scale(1.1)}.dropdown-toggle.active{background:#fff3}.dropdown-menu{position:absolute;top:calc(100% + 15px);right:0;background:#fff;border-radius:15px;box-shadow:0 10px 40px #00000026;border:1px solid #e9ecef;min-width:280px;z-index:999;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease}.dropdown-menu.show{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-menu:before{content:"";position:absolute;top:-8px;right:20px;width:16px;height:16px;background:#fff;border:1px solid #e9ecef;border-bottom:none;border-right:none;transform:rotate(45deg);z-index:1001}.dropdown-header{padding:1.5rem;border-bottom:1px solid #f0f0f0;display:flex;align-items:center;gap:1rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:15px 15px 0 0;position:relative;overflow:hidden}.user-avatar i{font-size:2.5rem;color:#ffffffe6}.user-info{display:flex;flex-direction:column}.user-name{font-weight:600;font-size:1.1rem;margin-bottom:.2rem}.user-email{font-size:.9rem;opacity:.8}.dropdown-divider{height:1px;background:#f0f0f0;margin:.5rem 0}.dropdown-item{display:flex;align-items:center;gap:.8rem;padding:1rem 1.5rem;color:#333;text-decoration:none;transition:all .3s ease;border-radius:0;position:relative;overflow:hidden}.dropdown-item:hover{background:#daa5201a;color:#daa520;transform:translate(5px)}.dropdown-item:hover:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#daa520}.dropdown-item.active{background:#daa5201a;color:#daa520;font-weight:600}.dropdown-item.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#daa520}.dropdown-item i{font-size:1rem;width:20px;text-align:center;color:#666;transition:color .3s ease}.dropdown-item:hover i,.dropdown-item.active i{color:#daa520}.dropdown-item span{font-weight:500;font-size:.95rem}.dropdown-item.logout{border-top:1px solid #f0f0f0;margin-top:.5rem}.dropdown-item.logout:hover{background:#fff5f5;color:#dc3545}.dropdown-item.logout:hover i{color:#dc3545}.dropdown-item.logout:hover:before{background:#dc3545}@media (max-width: 768px){.page-header{flex-direction:column;gap:2rem;text-align:center}.header-stats{flex-wrap:wrap;justify-content:center;gap:1rem}.stat-item{min-width:80px;padding:.8rem}.stat-number{font-size:1.5rem}.orders-controls{flex-direction:column;gap:1rem;align-items:stretch}.search-box{max-width:none;width:100%;padding:0 .5rem}.search-box input{padding:.6rem .8rem .6rem 2rem;font-size:.9rem}.search-box i{left:.8rem;font-size:.9rem}.filter-controls{flex-wrap:wrap;justify-content:center}.order-header{flex-direction:column;gap:1rem;align-items:flex-start}.order-item{flex-direction:column;text-align:center;gap:.8rem}.order-item img{width:100px;height:75px}.order-footer{flex-direction:column;gap:1rem;align-items:stretch;text-align:center}.order-actions{flex-wrap:wrap;justify-content:center}.dropdown-menu{min-width:250px;right:-20px}.dropdown-menu:before{right:35px}}@media (max-width: 480px){.orders-section{padding:100px 0 60px}.page-header,.orders-controls,.order-card{padding:1.5rem 1rem;margin-left:1rem;margin-right:1rem;border-radius:10px}.header-content h1{font-size:2rem}.stat-item{padding:.6rem;min-width:70px}.stat-number{font-size:1.3rem}.filter-controls{flex-direction:column;align-items:stretch}.filter-select,.filter-btn{width:100%}.order-actions{flex-direction:column}.btn-primary,.btn-secondary,.btn-success{width:100%;justify-content:center;padding:.8rem}.dropdown-menu{min-width:220px;right:-30px}.dropdown-menu:before{right:45px}}.basket-icon-container{position:relative;display:flex;align-items:center;justify-content:center;padding:4px;border-radius:8px;transition:all .3s ease;overflow:visible;min-width:28px;min-height:28px;cursor:pointer}.basket-icon-container i{font-size:20px;line-height:20px}.basket-icon-container:hover{background:#0000000d;transform:translateY(-1px)}.basket-icon-container.basket-add-animation{animation:basketPulse .6s cubic-bezier(.25,.46,.45,.94)}.basket-icon-container.basket-add-animation .basket-count{animation:basketBounce .6s cubic-bezier(.25,.46,.45,.94)}@keyframes basketPulse{0%{transform:scale(1);box-shadow:0 0 #7ec242b3}25%{transform:scale(1.15);box-shadow:0 0 0 8px #7ec24200}50%{transform:scale(1);box-shadow:0 0 #7ec24200}75%{transform:scale(1.08)}to{transform:scale(1);box-shadow:0 0 #7ec24200}}@keyframes basketBounce{0%{transform:scale(1)}25%{transform:scale(1.3) rotate(-10deg);box-shadow:0 5px 20px #ff4757cc}50%{transform:scale(.9) rotate(5deg)}75%{transform:scale(1.15) rotate(-5deg);box-shadow:0 3px 15px #ff475799}to{transform:scale(1) rotate(0);box-shadow:0 2px 8px #ff475766}}.basket-count{min-width:22px;height:22px;font-size:12px;font-weight:700;padding:0;border:2px solid white;border-radius:50%;background:linear-gradient(135deg,#ff4757,#ff3838);color:#fff;display:flex;align-items:center;justify-content:center;z-index:10;position:absolute;top:-2px;right:-2px;overflow:hidden;white-space:nowrap;line-height:1;box-sizing:border-box}.basket-icon-container:hover .basket-count{transform:scale(1.1);box-shadow:0 4px 12px #ff475799}.mobile-menu-toggle{display:none;background:transparent!important;border:none;border-radius:8px;padding:8px 12px;cursor:pointer;transition:transform .3s ease;margin-right:1rem;order:-1;position:relative;overflow:visible;box-shadow:none!important;outline:none;-webkit-tap-highlight-color:transparent;tap-highlight-color:transparent}.mobile-menu-toggle:before{display:none}.mobile-menu-toggle:hover,.mobile-menu-toggle:focus,.mobile-menu-toggle:focus-visible,.mobile-menu-toggle:active{background:transparent!important;box-shadow:none!important;outline:none;-webkit-tap-highlight-color:transparent;tap-highlight-color:transparent}.mobile-menu-toggle:not(.active):hover,.mobile-menu-toggle:not(.active):active,.mobile-menu-toggle:not(.active):focus{transform:scale(1)}.mobile-menu-toggle i{font-size:1.2rem;color:#fff;transition:all .3s cubic-bezier(.25,.46,.45,.94);position:relative;z-index:1}.mobile-menu-toggle.active i{transform:rotate(180deg);color:#daa520}.mobile-menu-toggle.active{background:transparent!important;box-shadow:none!important;transform:scale(1.08)}.mobile-menu-toggle.active:active{transform:scale(1.02)}.category-sidebar{position:fixed;top:80px;left:-320px;width:320px;height:calc(100vh - 80px);background:#ffffffb3;-webkit-backdrop-filter:blur(35px);backdrop-filter:blur(35px);box-shadow:0 0 40px #00000014;z-index:1001;transition:all .4s cubic-bezier(.25,.46,.45,.94);overflow-y:auto;border-right:1px solid rgba(255,255,255,.2)}.category-sidebar.active{left:0;box-shadow:0 0 40px #00000026}body.no-scroll,html.no-scroll{overflow:hidden}.sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;background:linear-gradient(135deg,#ffffff9e,#acfdfd8c);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#000;border-bottom:1px solid rgba(238,238,238,.4)}.sidebar-header h3{margin:0;font-size:1.3rem;font-weight:600}.close-sidebar{background:none;border:none;color:#fff;font-size:1.2rem;cursor:pointer;padding:.5rem;border-radius:50%;transition:background .3s ease}.close-sidebar:hover{background:#fff3}.sidebar-content{padding:1.5rem 0}.category-list{list-style:none;margin:0;padding:0}.category-list li{margin:0}.category-link{display:flex;align-items:center;gap:1rem;padding:1.2rem 1.5rem;color:#333;text-decoration:none;transition:all .3s cubic-bezier(.25,.46,.45,.94);border-bottom:1px solid rgba(0,0,0,.05);border-radius:8px;margin:.2rem .5rem;position:relative;overflow:hidden}.category-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(218,165,32,.1),transparent);transition:left .5s ease}.category-link:hover:before{left:100%}.category-link:hover{background:#daa52014;color:#daa520;transform:translate(8px);box-shadow:0 4px 12px #daa52026}.category-link i{font-size:1.1rem;color:#daa520;width:24px;text-align:center;transition:all .3s ease}.category-link:hover i{transform:scale(1.1);color:#b8860b}.category-link span{font-weight:600;font-size:1rem;transition:all .3s ease}.sidebar-overlay{position:fixed;top:80px;left:0;width:100%;height:calc(100vh - 80px);background:#0009;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:999;opacity:0;visibility:hidden;transition:all .4s cubic-bezier(.25,.46,.45,.94)}.sidebar-overlay.active{opacity:1;visibility:visible}.desktop-only{display:block}@media (max-width: 768px){body,html{overflow-x:hidden;max-width:100vw}.container{padding:0 .5rem;max-width:100vw}*{box-sizing:border-box}div,section,article,main,aside,header,footer{max-width:100%;overflow-x:hidden}input,button,select,textarea{max-width:100%;box-sizing:border-box}img{max-width:100%;height:auto}.mobile-menu-toggle{display:block;order:-1;margin-right:.5rem;margin-left:0}.desktop-only{display:none}.nav-container{padding:0 8px;min-width:0;overflow:visible;display:flex;justify-content:space-between;align-items:center;width:100%;box-sizing:border-box;max-width:100vw;gap:8px}.navbar{padding:.3rem 0;overflow:visible;z-index:999;width:100%;box-sizing:border-box;max-width:100vw}.nav-logo{flex-shrink:1;min-width:0;overflow:hidden}.nav-logo img{height:56px!important;max-width:100%;object-fit:contain;transition:height .4s cubic-bezier(.25,.46,.45,.94)}.navbar.shrink .nav-logo img{height:48px!important}.nav-icons{flex-shrink:0;min-width:0;gap:8px;position:relative;z-index:9998;overflow:visible;max-width:fit-content;display:flex;align-items:center}.nav-icons i{font-size:.9rem;padding:.3rem}.basket-icon-container{position:relative;display:flex;align-items:center;justify-content:center;padding:4px;border-radius:6px;transition:all .3s ease;overflow:visible;min-width:28px;min-height:28px}.basket-icon-container i{font-size:20px;line-height:20px}.basket-icon-container:hover{background:#0000000d;transform:translateY(-1px)}.basket-icon-container.basket-add-animation{animation:basketPulse .6s cubic-bezier(.25,.46,.45,.94)}.basket-icon-container.basket-add-animation .basket-count{animation:basketBounce .6s cubic-bezier(.25,.46,.45,.94)}@keyframes basketPulse{0%{transform:scale(1);box-shadow:0 0 #7ec242b3}25%{transform:scale(1.15);box-shadow:0 0 0 8px #7ec24200}50%{transform:scale(1);box-shadow:0 0 #7ec24200}75%{transform:scale(1.08)}to{transform:scale(1);box-shadow:0 0 #7ec24200}}@keyframes basketBounce{0%{transform:scale(1)}25%{transform:scale(1.3) rotate(-10deg);box-shadow:0 5px 20px #ff4757cc}50%{transform:scale(.9) rotate(5deg)}75%{transform:scale(1.15) rotate(-5deg);box-shadow:0 3px 15px #ff475799}to{transform:scale(1) rotate(0);box-shadow:0 2px 8px #ff475766}}.basket-count{min-width:20px;height:20px;font-size:11px;font-weight:700;padding:0;border:1.5px solid white;border-radius:50%;background:linear-gradient(135deg,#ff4757,#ff3838);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #ff475766;transition:all .3s ease;z-index:10;position:absolute;top:0;right:0;overflow:hidden;white-space:nowrap;line-height:1;box-sizing:border-box}.basket-icon-container:hover .basket-count{transform:scale(1.1);box-shadow:0 3px 10px #ff475799}.language-dropdown-wrapper{position:relative;z-index:99999;overflow:visible}.language-selector{padding:.25rem .3rem;gap:.15rem;font-size:.65rem}.language-flag{font-size:.7rem}.language-code{font-size:.65rem}.language-selector i{font-size:.5rem}.language-dropdown{position:absolute!important;top:100%!important;left:auto!important;right:0!important;margin-top:8px!important;min-width:120px;z-index:99999!important;background:#fff!important;border-radius:8px!important;box-shadow:0 4px 12px #00000026!important;border:1px solid #e0e6ea!important;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}.language-dropdown.show{opacity:1!important;visibility:visible!important}.language-option{padding:.6rem .7rem;font-size:.8rem}.mobile-menu-toggle{padding:.4rem .5rem;margin-right:.3rem;margin-left:0;flex-shrink:0;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;transition:transform .3s ease;background:transparent!important;box-shadow:none!important;outline:none;-webkit-tap-highlight-color:transparent;tap-highlight-color:transparent}.mobile-menu-toggle:hover,.mobile-menu-toggle:focus,.mobile-menu-toggle:focus-visible,.mobile-menu-toggle:active{background:transparent!important;box-shadow:none!important;outline:none;-webkit-tap-highlight-color:transparent}.mobile-menu-toggle:not(.active):hover,.mobile-menu-toggle:not(.active):active,.mobile-menu-toggle:not(.active):focus{transform:scale(1)}.mobile-menu-toggle.active{transform:scale(1.1)}.mobile-menu-toggle.active:active{transform:scale(1.02)}.mobile-menu-toggle i{font-size:1.4rem;transition:all .3s cubic-bezier(.25,.46,.45,.94)}.mobile-menu-toggle.active i{transform:rotate(180deg);color:#daa520}.mobile-menu-toggle.active{background:transparent!important;box-shadow:none!important;transform:scale(1.1)}.category-sidebar{top:55px;height:calc(100vh - 55px);width:280px;left:-280px;background:#ffffffa6;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);box-shadow:0 0 45px #0000001f;z-index:1001;transition:left .3s ease,top .3s ease,height .3s ease}body:has(.free-shipping-banner) .category-sidebar{top:93.5px;height:calc(100vh - 93.5px)}body:has(.navbar.banner-hidden) .category-sidebar{top:55px;height:calc(100vh - 55px)}.sidebar-overlay{top:55px;height:calc(100vh - 55px);z-index:999;transition:top .3s ease,height .3s ease}body:has(.free-shipping-banner) .sidebar-overlay{top:93.5px;height:calc(100vh - 93.5px)}body:has(.navbar.banner-hidden) .sidebar-overlay{top:55px;height:calc(100vh - 55px)}.sidebar-content{padding:1.5rem .5rem 1rem}.category-link{padding:1rem;margin:.1rem .3rem;font-size:.95rem}.category-link i{font-size:1rem;width:20px}.nav-auth-section{gap:.2rem;flex-shrink:0;display:flex;align-items:center;overflow:visible}.btn-auth{padding:.3rem .4rem!important;font-size:.65rem!important;background:#fff!important;border:1px solid #333!important;color:#3f3f41!important;gap:.2rem!important;min-width:auto!important;white-space:nowrap}.btn-auth .icon{width:10px!important;height:10px!important}.btn-auth .icon svg{width:10px!important;height:10px!important;fill:currentColor!important}.btn-auth span:not(.icon){display:none!important}.btn-auth:after{content:"Giri\15f  Yap\aKay\131t Ol"!important;white-space:pre;line-height:1.15;text-align:center;font-size:.6rem!important;color:#3f3f41!important;display:inline-block}html[lang=en] .btn-auth:after{content:"Sign In\aSign Up"!important}.user-dropdown-wrapper{position:relative;z-index:9999;overflow:visible;display:flex;align-items:center;justify-content:center;width:36px;height:36px;flex-shrink:0}.user-icon-container{position:relative;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;transition:all .3s ease;overflow:hidden;cursor:pointer;background:transparent;border:none;outline:none}.user-icon-container:hover{background:#0000000d;transform:translateY(-1px)}.user-icon-container:focus{outline:2px solid rgba(218,165,32,.5);outline-offset:2px}.user-icon-container i{font-size:20px;line-height:20px;color:#333;transition:all .3s ease}.user-icon-container:hover i{color:#daa520;transform:scale(1.1)}.dropdown-menu-user{position:absolute!important;top:100%!important;right:0!important;left:auto!important;margin-top:6px!important;background-color:#fff!important;border:1px solid #ccc!important;border-radius:8px!important;box-shadow:0 5px 15px #0003!important;min-width:120px!important;max-width:200px!important;width:max-content!important;z-index:99999!important;overflow:hidden!important;opacity:0!important;visibility:hidden!important;transform:translateY(-6px) scale(.98)!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important;transform-origin:top right!important}.dropdown-menu-user.show{opacity:1!important;visibility:visible!important;transform:translateY(0) scale(1)!important}.dropdown-item-user{width:100%;padding:10px 12px;text-align:left;border:none;background:none;cursor:pointer;font-size:.85rem;transition:all .2s ease;border-radius:4px;margin:1px 3px;color:#333;font-weight:500}.dropdown-item-user:hover{background-color:#daa5201a;color:#daa520;transform:scale(1.02)}.dropdown-greeting{padding:8px 10px 4px;font-size:.8rem;font-weight:500;color:#333;transition:all .2s ease;border-radius:4px;margin:1px 3px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-menu-user .dropdown-item-user{padding:8px 10px;font-size:.8rem}.dropdown-divider{border:none;border-top:1px solid #eee;margin:4px 0;transition:all .2s ease}}@media (max-width: 480px){.nav-container{padding:0 4px;gap:4px}.basket-icon-container{min-width:28px;min-height:28px;padding:4px}.basket-icon-container i{font-size:20px;line-height:20px}.basket-count{min-width:18px;height:18px;font-size:10px;top:0;right:0;overflow:hidden;white-space:nowrap;line-height:1;box-sizing:border-box}.user-dropdown-wrapper{width:28px;height:28px}.user-icon-container{width:28px;height:28px;border-radius:5px}.user-icon-container i{font-size:20px;line-height:20px}.container{padding:0 .25rem}.products-grid{padding:0 .25rem;gap:.25rem}.product-card{padding:.6rem}.add-to-cart{padding:4px 6px!important;font-size:.65rem!important;background:linear-gradient(135deg,#6c757d,#495057)!important}.add-to-cart:hover{background:linear-gradient(135deg,#5a6268,#343a40)!important}.nav-logo{max-width:20%}.nav-logo img{height:56px!important;transition:height .4s cubic-bezier(.25,.46,.45,.94)}.navbar.shrink .nav-logo img{height:48px!important}.nav-auth-section{gap:.2rem;display:flex;align-items:center}.btn-auth{padding:.3rem .4rem!important;font-size:.65rem!important}.btn-auth .icon{width:10px!important;height:10px!important}.btn-auth .icon svg{width:10px!important;height:10px!important}.language-selector{padding:.25rem .3rem;font-size:.65rem}.language-flag{font-size:.7rem}.language-code{font-size:.65rem}.mobile-menu-toggle{padding:.35rem .4rem;margin-right:.25rem;min-width:40px;min-height:40px;display:flex;align-items:center;justify-content:center;transition:transform .3s ease;background:transparent!important;box-shadow:none!important;outline:none;-webkit-tap-highlight-color:transparent}.mobile-menu-toggle:hover,.mobile-menu-toggle:focus,.mobile-menu-toggle:focus-visible,.mobile-menu-toggle:active{background:transparent!important;box-shadow:none!important;outline:none;-webkit-tap-highlight-color:transparent}.mobile-menu-toggle:not(.active):hover,.mobile-menu-toggle:not(.active):active,.mobile-menu-toggle:not(.active):focus{transform:scale(1)}.mobile-menu-toggle.active{transform:scale(1.1)}.mobile-menu-toggle.active:active{transform:scale(1.02)}.mobile-menu-toggle i{font-size:1.2rem;transition:all .3s cubic-bezier(.25,.46,.45,.94)}.mobile-menu-toggle.active i{transform:rotate(180deg);color:#daa520}.mobile-menu-toggle.active{background:transparent!important;box-shadow:none!important;transform:scale(1.1)}}.nav-auth-section{display:flex;align-items:center;gap:1rem}.btn-auth{display:flex!important;align-items:center!important;gap:.5rem!important;padding:.75rem 1.5rem!important;background:#fff!important;border:2px solid #333!important;border-radius:8px!important;color:#3f3f41!important;font-weight:500!important;font-size:.9rem!important;text-decoration:none!important;transition:all .3s ease!important;cursor:pointer!important}.btn-auth:hover{background:#333!important;color:#fff!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px #0000004d!important}.btn-auth .icon{display:flex!important;align-items:center!important;justify-content:center!important;width:20px!important;height:20px!important}.btn-auth .icon svg{width:20px!important;height:20px!important;fill:currentColor!important}.verify-email-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fff,#e9f8f7);padding:2rem 1rem}.verify-email-card{background:#fff;border-radius:16px;border:1px solid #e0e6ea;box-shadow:0 20px 40px #0000000f;padding:3rem;max-width:500px;width:100%;text-align:center}.verify-email-header{margin-bottom:2rem}.verify-email-header i{font-size:3rem;color:#7ec242;margin-bottom:1rem}.verify-email-header h1{color:#3f3f41;margin-bottom:.5rem;font-size:1.8rem}.verify-email-header p{color:#606b74;font-size:1rem}.verify-email-content{margin-bottom:2rem}.loading-state{padding:2rem 0}.spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #7ec242;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.success-state i{font-size:4rem;color:#7ec242;margin-bottom:1rem}.success-state h2{color:#7ec242;margin-bottom:1rem;font-size:1.5rem}.success-state p{color:#606b74}.error-state i{font-size:3rem;color:#dc3545;margin-bottom:.5rem}.error-state h2{color:#dc3545;margin-bottom:.5rem}.error-state p{color:#606b74}.info-state i{font-size:3rem;color:#7ec242;margin-bottom:.5rem}.info-state h2{color:#3f3f41;margin-bottom:.5rem}.info-state p{color:#606b74}.verification-actions,.error-actions{display:flex;justify-content:center;gap:1rem}.btn-primary{background:linear-gradient(135deg,#7ec242,#3f3f41);color:#fff}.btn-primary:hover{background:linear-gradient(135deg,#8bd24f,#525355);transform:translateY(-2px)}.btn-secondary{background:#606070;color:#fff}.btn-secondary:hover{background:#55585a;transform:translateY(-2px)}.verify-email-footer{border-top:1px solid #e9ecef;padding-top:1rem}.verify-email-footer p{color:#606b74;font-size:.9rem;margin:0}.verify-email-footer i{color:#7ec242;margin-right:.5rem}@media (max-width: 768px){.verify-email-card{padding:2rem 1.5rem;margin:1rem}.verify-email-header h1{font-size:1.5rem}.success-state h2,.error-state h2,.info-state h2{font-size:1.3rem}.verification-actions,.error-actions{flex-direction:column;align-items:center}.btn-primary,.btn-secondary{width:100%;max-width:220px}}.page-header{text-align:center;padding:80px 20px 60px;background-color:#f8fff8;margin-top:2rem;margin-bottom:0}.page-header h1{font-size:48px;color:#333;margin-bottom:10px;position:relative;display:inline-block;padding-bottom:10px;font-weight:700}.page-header h1:after{content:"";display:block;width:60px;height:3px;background-color:#7ec242;margin:10px auto 0}.page-header .subtitle{font-size:18px;color:#555;margin-top:0;font-weight:400}@media (max-width: 768px){.page-header{padding:60px 15px 40px;margin-top:6.5rem}.page-header h1{font-size:36px}.page-header .subtitle{font-size:16px}}@media screen and (max-width: 767px){textarea,select,input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]):not([type=button]):not([type=submit]):not([type=reset]):not([type=image]):not([type=file]){font-size:max(16px,1rem)!important}}