[data-bs-theme=light]{--flexi-toast-background-color: #ffffff !important;--flexi-toast-btn-border-color: #dee2e6 !important;--flexi-toast-cancel-btn-background-color: #6c757d !important;--flexi-toast-text-color: #212529 !important;--flexi-toast-success: #47D764 !important;--flexi-toast-warning: #FFC021 !important;--flexi-toast-error: #ff355b !important;--flexi-toast-info: #2F86EB !important;--flexi-toast-default: #ffffff !important}[data-bs-theme=dark]{--flexi-toast-background-color: #343a40 !important;--flexi-toast-btn-border-color: #495057 !important;--flexi-toast-cancel-btn-background-color: #6c757d !important;--flexi-toast-text-color: #ffffff !important;--flexi-toast-success: #47D764 !important;--flexi-toast-warning: #FFC021 !important;--flexi-toast-error: #ff355b !important;--flexi-toast-info: #2F86EB !important;--flexi-toast-default: #343a40 !important}.flexi-toast-wrapper{width:380px;position:fixed;z-index:9999}.flexi-taost-top-left{top:20px;left:20px}.flexi-taost-top-right{top:20px;right:20px}.flexi-taost-bottom-left{bottom:20px;left:20px}.flexi-taost-bottom-right{bottom:20px;right:20px}.flexi-taost-bottom-full{padding-left:10%;padding-right:10%;width:100%;bottom:20px}.flexi-taost-top-full{padding-left:10%;padding-right:10%;width:100%;top:20px}.flexi-toast{padding:20px;background-color:var(--flexi-toast-background-color);color:var(--flexi-toast-text-color);border-radius:7px;display:flex;justify-content:space-between;gap:10px;box-shadow:0 15px 30px #00000014;opacity:0;transform:translateY(20px);transition:opacity .5s,transform .5s}.flexi-toast-success{border-left:8px solid var(--flexi-toast-success)}.flexi-toast-error{border-left:8px solid var(--flexi-toast-error)}.flexi-toast-info{border-left:8px solid var(--flexi-toast-info)}.flexi-toast-warning{border-left:8px solid var(--flexi-toast-warning)}.flexi-toast-container-1 svg{width:35px}.flexi-toast-success svg{fill:var(--flexi-toast-success)}.flexi-toast-error svg{fill:var(--flexi-toast-error)}.flexi-toast-info svg{fill:var(--flexi-toast-info)}.flexi-toast-warning svg{fill:var(--flexi-toast-warning)}.flexi-toast:not(:last-child){margin-bottom:10px}.flexi-toast-container{display:flex;gap:10px}.flexi-toast-container-1,.container-2{align-self:center}.flexi-toast-container-2{display:flex;flex-direction:column}.flexi-toast-container-2 span:first-child{color:var(--flexi-toast-text-color);font-weight:600;font-size:16px}.flexi-toast-container-2 span:last-child{font-size:12px;font-weight:400;color:var(--flexi-toast-text-color)}.flexi-toast-close-btn{align-self:flex-start;background-color:transparent;font-size:25px;color:#656565;line-height:0;cursor:pointer}.flexi-toast-fade-in{opacity:1;transform:translateY(0)}.flexi-toast-fade-out{opacity:0;transform:translateY(20px)}.flexi-toast-progress-bar{position:absolute;bottom:0;left:0;height:100%;width:0;opacity:.1}.flex-toast-progress-bar-success{background:var(--flexi-toast-success)}.flex-toast-progress-bar-error{background:var(--flexi-toast-error)}.flex-toast-progress-bar-info{background:var(--flexi-toast-info)}.flex-toast-progress-bar-warning{background:var(--flexi-toast-warning)}.flexi-swal-container{display:flex;position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;justify-content:center;align-items:center;z-index:9999}.flexi-swal-content{background-color:var(--flexi-toast-background-color);color:var(--flexi-toast-text-color);min-width:300px;border-radius:8px;box-shadow:0 10px 30px #0000004d;animation:fadeIn .3s ease-in-out}.flexi-swal-title-container,.flexi-swal-question-container,.flexi-swal-button-container{padding:10px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--flexi-toast-btn-border-color)}.flexi-swal-title-container{padding:10px 15px;font-size:1rem;background-color:var(--flexi-toast-background-color);color:var(--flexi-toast-text-color);border-top-left-radius:8px;border-top-right-radius:8px}.flexi-swal-question-container{padding:15px;font-size:.9rem;color:var(--flexi-toast-text-color);background-color:var(--flexi-toast-background-color)}.flexi-swal-button-container{gap:5px;background-color:var(--flexi-toast-background-color);border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-bottom:none}.flexi-swal-button{width:100%;padding:8px 16px;border:1px solid var(--flexi-toast-btn-border-color);background-color:var(--flexi-toast-background-color);color:var(--flexi-toast-text-color);border-radius:4px;font-size:14px;cursor:pointer;transition:all .2s ease-in-out}.flexi-swal-button:hover{opacity:.8;transform:translateY(-1px)}.flexi-swal-button-primary{background-color:#108ae5;border-color:#108ae5;color:#fff}.flexi-swal-button-primary:hover{background-color:#0a6ebe}.flexi-swal-close-button{border:0px;background-color:transparent;padding:1px 10px;color:var(--flexi-toast-text-color);border-radius:4px;transition:background-color .2s ease-in-out}.flexi-swal-close-button:hover{background-color:var(--flexi-toast-btn-border-color)}.flexi-swal-close-btn{position:absolute;top:10px;right:15px;background-color:transparent;border:none;font-size:20px;color:var(--flexi-toast-text-color);cursor:pointer;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s ease-in-out}.flexi-swal-close-btn:hover{background-color:var(--flexi-toast-btn-border-color)}[data-bs-theme=dark] .flexi-swal-container{background:#000000b3}[data-bs-theme=dark] .flexi-swal-content{box-shadow:0 10px 30px #00000080}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.fade-out{animation:fadeOut .2s ease-in-out forwards}@keyframes fadeOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}@font-face{font-family:Montserrat;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v31/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCu173w0aXpsog.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Montserrat;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v31/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCu173w9aXpsog.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Montserrat;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v31/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCu173w2aXpsog.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Montserrat;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v31/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCu173w3aXpsog.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Montserrat;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v31/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCu173w5aXo.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.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}.main-content{margin-top:75px;padding-top:20px}@media (max-width: 768px){.main-content{margin-top:0;padding-top:0}.main-content.category-page{margin-top:55px;padding-top:15px}}.category-sidebar{background:linear-gradient(135deg,#f8f9fab3,#e9ecef99);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:1px solid rgba(255,255,255,.3)}.category-sidebar:not(.active){background:linear-gradient(135deg,#f8f9fa,#e9ecef);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);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:background .2s ease;-webkit-overflow-scrolling:touch;touch-action:pan-y pan-x pinch-zoom;min-height:100%;position:relative}.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(76,175,80,.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,#4caf50,#8bc34a);-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,#4caf50,#8bc34a,#4caf50);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 .2s ease,transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s ease;gap:16px;border-radius:16px;position:relative;overflow:hidden;will-change:transform;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.main-category-header:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(76,175,80,.1),transparent);transition:left .4s cubic-bezier(.4,0,.2,1)}@media (hover: hover) and (pointer: fine){.main-category-item.expanded .main-category-header:hover:before{left:100%}.main-category-item.expanded .main-category-header:hover{background:linear-gradient(135deg,#f8f9fa,#e8f5e8);transform:translate3d(0,-2px,0) scale(1.02);box-shadow:0 8px 32px #4caf5026}.main-category-item.expanded .main-category-header:hover img{transform:scale(1.1) rotate(3deg);filter:drop-shadow(0 4px 8px rgba(76,175,80,.3))}.main-category-item.expanded .main-category-header:hover span{color:#4caf50;transform:translate(4px)}}.main-category-header img{flex-shrink:0;transition:transform .2s cubic-bezier(.4,0,.2,1),filter .2s ease;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));will-change:transform;outline:none;border:none;display:block;background:transparent;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.main-category-header span{flex:1;font-weight:600;color:#2a2a2a;transition:color .2s ease,transform .2s ease;font-size:16px;letter-spacing:.3px;will-change:transform}.main-category-header i{transition:transform .2s cubic-bezier(.4,0,.2,1),color .2s ease,background .2s ease,box-shadow .2s ease;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;will-change:transform}.main-category-header i.rotated{transform:rotate(180deg);color:#fff;background:linear-gradient(135deg,#4caf50,#45a049);box-shadow:0 4px 12px #4caf5066}.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:opacity .25s cubic-bezier(.4,0,.2,1),transform .25s cubic-bezier(.4,0,.2,1),padding .25s cubic-bezier(.4,0,.2,1);background:linear-gradient(135deg,#f8f9fa99,#e9ecef80,#f0f8f066);border-radius:0 0 16px 16px;opacity:0;transform:translate3d(0,-10px,0) scale(.98);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid rgba(76,175,80,.2);will-change:opacity,transform;contain:layout style}.sub-category-list.expanded{max-height:600px;opacity:1;transform:translateZ(0) scale(1);padding:12px 0}.sub-category-list:not(.expanded){max-height:0;opacity:0;transform:translate3d(0,-10px,0) scale(.98);padding:0}.category-sidebar:not(.active) .sub-category-list{max-height:0;opacity:0;transform:translate3d(0,-10px,0) 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 #4caf5026}.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,#4caf50,#8bc34a);border-radius:50%;opacity:0;transition:all .4s cubic-bezier(.25,.46,.45,.94);box-shadow:0 2px 4px #4caf504d}.sub-category-list a:after{content:"";position:absolute;left:20px;top:50%;transform:translateY(-50%);width:2px;height:0;background:linear-gradient(180deg,#4caf50,#8bc34a);border-radius:1px;opacity:0;transition:all .4s ease}.sub-category-list a:hover{color:#2a2a2a;background:linear-gradient(135deg,#e8f5e8,#f0f8f0,#e8f5e8);transform:translate(8px) scale(1.02);box-shadow:0 6px 20px #4caf5040;font-weight:600}.sub-category-list a:hover:before{opacity:1;transform:translateY(-50%) scale(1.8);box-shadow:0 4px 8px #4caf5066}.sub-category-list a:hover:after{opacity:1;height:20px;transform:translateY(-50%)}router-outlet{display:block}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:1300px;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:999;box-shadow:0 2px 10px #0000001a}.nav-container{max-width:1300px;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 #7ec242;font-family:Montserrat,sans-serif;font-optical-sizing:auto;font-weight:600;font-style:normal}.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:#4caf50;background-color:#4caf501a}.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:#7ec242;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:#7ec242;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #7ec2424d}.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:1300px;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 (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:15px;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}@media (hover: hover) and (pointer: fine){.product-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #00000026}}@media (hover: none) and (pointer: coarse){.product-card.button-clicked,.product-card.button-clicked:active{transform:none!important;opacity:1!important}.product-card:active:not(.button-clicked){transform:scale(.98);opacity:.9}.product-card:active:not(.button-clicked),.product-card:focus:not(.button-clicked){transform:scale(.98);opacity:.9}.product-card{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}}.product-card .thumb{position:relative;width:100%;aspect-ratio:1 / 1;overflow:hidden;border-radius:10px;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:#7ec242;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,#7ec242,#3f3f41);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}@media (hover: hover) and (pointer: fine){.add-to-cart:hover{background:linear-gradient(135deg,#8bd24f,#525355);transform:translateY(-2px);box-shadow:0 5px 15px #667eea66}}@media (hover: none) and (pointer: coarse){.add-to-cart{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.add-to-cart:active:not(.pressed){transform:scale(.95);opacity:.9}.add-to-cart.pressed{transform:none!important;opacity:1!important}}.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:linear-gradient(180deg,#fff,#f6fffe);color:#3f3f41;padding:3rem 0 1rem;border-top:2px solid #e9f8f7}.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:#3f3f41}.footer-section h3{font-size:1.5rem;color:#7ec242}.footer-section ul{list-style:none}.footer-section ul li{margin-bottom:.5rem}.footer-section ul li a{color:#3f3f41;text-decoration:none;transition:color .3s ease,transform .2s ease}.footer-section ul li a:hover{color:#7ec242;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:#eaf8e1;color:#3f3f41}.social-icons i:hover{background:#7ec242;color:#fff;transform:translateY(-3px)}.footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid #e9f8f7;color:#3f3f41}.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:#7ec242;margin-right:.5rem}.cart-header p{font-size:1.1rem;color:#666}#cart-count{color:#7ec242;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}@media (hover: hover) and (pointer: fine){.qty-btn:hover{background:#55585a;transform:scale(1.1)}}@media (hover: none) and (pointer: coarse){.qty-btn{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.qty-btn:active{transform:scale(.9);opacity:.8}.qty-btn:not(:active){transform:none;opacity:1}}.quantity{font-weight:800;min-width:30px;text-align:center;color:#7ec242}.cart-items .quantity-controls .quantity,.quantity-controls span.quantity{color:#7ec242!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:#28a745;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: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,#28a745,#20c997);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 #28a74566}.complete-order-btn i{margin-right:.5rem}.security-info{display:flex;align-items:center;justify-content:center;gap:.5rem;color:#28a745;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,#e9f8f7)}.login-container{display:grid;grid-template-columns:1fr 1fr;gap:4rem;max-width:1300px;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:#7ec242;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:#7ec242;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:#7ec242;box-shadow:0 0 0 3px #7ec24226}.input-group input:focus+i,.input-group input:focus~.password-toggle i{color:#7ec242}.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:#7ec242;text-decoration:none;font-size:.9rem;font-weight:500;transition:color .3s ease}.forgot-password-link:hover{color:#6ab737;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:#7ec242}.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:#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:12px;font-weight:700}.checkbox-container a{color:#7ec242;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,#7ec242,#3f3f41);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 #7ec2424d}.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:#28a745;font-weight:500}.discount-amount{color:#28a745;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,#7ec242,#3f3f41);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:220px;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;display:flex;align-items:center;gap:8px}.dropdown-item-user:hover{background-color:#f8f9fa;color:#7ec242;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:#667eea}.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:#f8f9fa;color:#667eea;transform:translate(5px)}.dropdown-item:hover:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#667eea}.dropdown-item.active{background:#f8f9fa;color:#667eea;font-weight:600}.dropdown-item.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#667eea}.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:#667eea}.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:8px;border-radius:8px;transition:all .3s ease;overflow:visible;min-width:40px;min-height:40px;cursor:pointer}.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:#fff3;border:none;border-radius:8px;padding:8px 12px;cursor:pointer;transition:all .3s cubic-bezier(.25,.46,.45,.94);margin-right:1rem;order:-1;position:relative;overflow:hidden}.mobile-menu-toggle:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s ease}.mobile-menu-toggle:hover:before{left:100%}.mobile-menu-toggle:hover{background:#ffffff4d;transform:scale(1.05);box-shadow:0 4px 12px #00000026}.mobile-menu-toggle:active{transform:scale(.95)}.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:#7ec242}.mobile-menu-toggle.active{background:#7ec24233;box-shadow:0 4px 15px #7ec2424d}.category-sidebar{position:fixed;top:80px;left:0;width:320px;height:calc(100vh - 160px);max-height:calc(100vh - 160px);background:#ffffffb3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 0 40px #00000014;z-index:1001;transform:translate3d(-100%,0,0);transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s ease;overflow-y:scroll;overflow-x:hidden;border-right:1px solid rgba(255,255,255,.2);will-change:transform;contain:layout style;-webkit-overflow-scrolling:touch;touch-action:pan-y pan-x pinch-zoom;overscroll-behavior:contain;scroll-behavior:smooth;padding-bottom:80px;box-sizing:border-box}.category-sidebar.active{transform:translateZ(0);box-shadow:0 0 40px #00000026}body.no-scroll{overflow:hidden;position:fixed;width:100%;touch-action:none;inset:0}body.no-scroll .category-sidebar{touch-action:pan-y pan-x pinch-zoom;overflow-y:scroll!important;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;pointer-events:auto}body.no-scroll .sidebar-overlay{touch-action:none;pointer-events:auto}body.no-scroll .main-content{touch-action:none;pointer-events:none}.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(126,194,66,.1),transparent);transition:left .5s ease}.category-link:hover:before{left:100%}.category-link:hover{background:#7ec24214;color:#7ec242;transform:translate(8px);box-shadow:0 4px 12px #7ec24226}.category-link i{font-size:1.1rem;color:#7ec242;width:24px;text-align:center;transition:all .3s ease}.category-link:hover i{transform:scale(1.1);color:#6bb03a}.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:opacity .3s cubic-bezier(.4,0,.2,1),visibility .3s ease;will-change:opacity;pointer-events:none}.sidebar-overlay.active{opacity:1;visibility:visible;pointer-events:auto}.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:6px;border-radius:6px;transition:all .3s ease;overflow:visible;min-width:36px;min-height:36px}.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:fixed!important;top:60px!important;right:10px!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;display:none}.language-dropdown.show{display:block!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:all .3s cubic-bezier(.25,.46,.45,.94)}.mobile-menu-toggle:hover{transform:scale(1.1);box-shadow:0 6px 16px #0003}.mobile-menu-toggle:active{transform:scale(.9)}.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:#7ec242}.mobile-menu-toggle.active{background:#7ec24240;box-shadow:0 6px 18px #7ec24266}.category-sidebar{top:60px;height:calc(100dvh - 60px);max-height:calc(100dvh - 60px);width:280px;left:0;transform:translate3d(-100%,0,0);background:#ffffffa6;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 0 45px #0000001f;z-index:1001;transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .25s ease;overflow-y:scroll!important;overflow-x:hidden;-webkit-overflow-scrolling:touch;touch-action:pan-y pan-x pinch-zoom;overscroll-behavior:contain;contain:layout style;scroll-behavior:smooth;min-height:calc(100dvh - 60px);box-sizing:border-box;padding-bottom:20px}.category-sidebar.active{transform:translateZ(0)}.sidebar-overlay{top:60px;height:calc(100vh - 60px);z-index:999;transition:opacity .25s cubic-bezier(.4,0,.2,1),visibility .25s ease}.sidebar-content{padding:1.5rem .5rem 1rem;-webkit-overflow-scrolling:touch;touch-action:pan-y pan-x pinch-zoom;min-height:100%;position:relative}body.no-scroll .category-sidebar{touch-action:pan-y pan-x pinch-zoom!important;overflow-y:scroll!important;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;-webkit-transform:translateZ(0);transform:translateZ(0)}.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 #7ec242!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:36px;height:36px;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(126,194,66,.5);outline-offset:2px}.user-icon-container i{font-size:16px;color:#333;transition:all .3s ease}.user-icon-container:hover i{color:#7ec242;transform:scale(1.1)}.dropdown-menu-user{position:fixed!important;top:60px!important;right:10px!important;background-color:#fff!important;border:1px solid #ccc!important;border-radius:8px!important;box-shadow:0 5px 15px #0003!important;min-width:140px!important;z-index:99999!important;overflow:hidden!important;opacity:0!important;visibility:hidden!important;transform:translateY(-10px) scale(.95)!important;transition:all .3s 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:#f8f9fa;color:#7ec242;transform:scale(1.02)}.dropdown-greeting{padding:10px 12px 6px;font-size:.85rem;font-weight:500;color:#333;transition:all .2s ease;border-radius:4px;margin:1px 3px}.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:32px;min-height:32px;padding:4px}.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:32px;height:32px}.user-icon-container{width:32px;height:32px;border-radius:5px}.user-icon-container i{font-size:14px}.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}.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:all .3s cubic-bezier(.25,.46,.45,.94)}.mobile-menu-toggle:hover{transform:scale(1.15);box-shadow:0 5px 14px #00000040}.mobile-menu-toggle:active{transform:scale(.85)}.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:#7ec242}.mobile-menu-toggle.active{background:#7ec2424d;box-shadow:0 5px 16px #7ec24280}}.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 #7ec242!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:#7ec242b1!important;color:#fff!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px #7ec2424d!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}}