@charset "UTF-8";:root{--card-transition: all .4s cubic-bezier(.165, .84, .44, 1);--hover-transition: all .3s cubic-bezier(.175, .885, .32, 1.275);--content-transition: all .25s ease-out;--card-shadow: 0 8px 20px rgba(0, 0, 0, .07);--card-hover-shadow: 0 15px 30px rgba(0, 0, 0, .12);--card-border: 1px solid rgba(var(--primary-rgb, 0, 175, 175), .15);--card-hover-border: 1px solid rgba(var(--primary-rgb, 0, 175, 175), .4);--card-radius: 12px;--btn-radius: 8px;--badge-radius: 20px;--primary-rgb: 0, 175, 175;--secondary-rgb: 255, 140, 0;--accent-rgb: 128, 0, 255}.home-container{font-family:Inter,sans-serif;max-width:1800px;margin:0 auto;padding:0;background-color:var(--body-color);color:var(--text-color);overflow-x:hidden;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative}.home-hero{position:relative;margin:clamp(20px,5vw,50px) auto clamp(30px,6vw,60px);height:clamp(450px,60vh,650px);width:100%;max-width:1800px;display:flex;align-items:center;overflow:hidden;border-radius:clamp(15px,3vw,30px);box-shadow:0 15px 50px #00000026;animation:backgroundhomeSlide 25s infinite;will-change:background-image;transition:all .5s ease;background-size:cover;background-position:center}.home-hero:hover:after{opacity:.7}@keyframes backgroundhomeSlide{0%,to{background:url(https://images.unsplash.com/photo-1581539250439-c96689b516dd?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA==&auto=format&fit=crop&w=2070&q=80);background-size:cover;background-position:center}25%{background:url(https://images.unsplash.com/photo-1493663284031-b7e3aefcae8e?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA==&auto=format&fit=crop&w=2070&q=80);background-size:cover;background-position:center}50%{background:url(https://images.unsplash.com/photo-1498049794561-7780e7231661?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA==&auto=format&fit=crop&w=2070&q=80);background-size:cover;background-position:center}75%{background:url(https://images.unsplash.com/photo-1441986300917-64674bd600d8?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA==&auto=format&fit=crop&w=2070&q=80);background-size:cover;background-position:center}}.home-hero-content{max-width:min(550px,90%);margin-left:clamp(20px,8%,80px);z-index:2;opacity:0;animation:fadeInUp 1s ease forwards;animation-delay:.2s;position:relative;padding:clamp(1rem,3vw,2rem);background:#ffffff1a;backdrop-filter:blur(5px);border-radius:var(--card-radius);border-left:3px solid rgba(var(--primary-rgb),.7);box-shadow:0 10px 30px #0000001a}.home-hero-badge{background-color:var(--accent-color-light);color:var(--accent-color);font-family:Montserrat,sans-serif;font-weight:600;font-size:clamp(.8rem,2vw,.9rem);padding:clamp(6px,1.5vw,8px) clamp(12px,2vw,16px);border-radius:var(--badge-radius);display:inline-block;margin-bottom:clamp(1rem,3vw,1.5rem);box-shadow:0 5px 15px #0000000d;transform:translateY(0);transition:var(--hover-transition);backdrop-filter:blur(5px);border:1px solid rgba(var(--primary-rgb),.3);letter-spacing:.05em;text-transform:uppercase}.home-hero-badge:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 8px 20px #0000001a;background-color:var(--background-color-light)}.home-hero-title{font-family:Montserrat,sans-serif;font-size:clamp(2rem,6vw,4rem);font-weight:800;margin-bottom:clamp(1rem,3vw,1.5rem);color:#fff;line-height:1.1;text-shadow:0 2px 10px rgba(0,0,0,.2);position:relative;display:inline-block}.home-hero-title:after{content:"";position:absolute;bottom:-10px;left:0;width:60px;height:4px;background:linear-gradient(90deg,var(--accent-color),transparent);border-radius:2px}.home-hero-subtitle{font-family:Inter,sans-serif;font-size:clamp(.9rem,2.5vw,1.2rem);margin-bottom:clamp(1.5rem,4vw,2.5rem);color:#ffffffe6;line-height:1.6;max-width:95%;text-shadow:0 1px 3px rgba(0,0,0,.1)}.home-cta-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:clamp(12px,2vw,15px) clamp(25px,4vw,40px);background-color:var(--accent-color);color:#fff;font-family:Montserrat,sans-serif;font-weight:600;font-size:clamp(.9rem,2vw,1.1rem);text-decoration:none;border-radius:50px;transition:var(--hover-transition);box-shadow:0 5px 15px var(--accent-color-light);position:relative;overflow:hidden;z-index:1;border:none;cursor:pointer}.home-cta-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:all .6s ease;z-index:-1}.home-cta-button:hover{transform:translateY(-5px);background-color:var(--background-color-light);box-shadow:0 10px 25px rgba(var(--primary-rgb),.6)}.home-cta-button:hover:before{left:100%}.home-cta-button:active{transform:translateY(-2px);box-shadow:0 5px 15px var(--accent-color-light)}.home-cta-button:focus-visible{outline:2px solid white;outline-offset:2px}@media (hover: none){.home-cta-button:hover{transform:none;box-shadow:0 5px 15px #e5c0c066}}.home-categories{margin:80px auto;padding:0 2rem;position:relative}.home-categories:before{content:"";position:absolute;top:-50px;left:0;width:100%;height:100px;background:linear-gradient(to bottom,transparent,var(--body-color));z-index:1;pointer-events:none}.home-section-header{text-align:center;margin-bottom:3rem;position:relative}.home-section-title{font-family:Montserrat,sans-serif;font-size:2.5rem;font-weight:700;color:var(--text-color);margin-bottom:.5rem;position:relative;display:inline-block}.home-section-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:80px;height:3px;background:linear-gradient(90deg,var(--accent-color),var(--secondary-color));border-radius:3px}.home-section-subtitle{font-family:Inter,sans-serif;font-size:1.1rem;color:var(--text-secondary);margin-top:1.5rem;max-width:700px;margin-left:auto;margin-right:auto}.mds-section-badge{background-color:var(--accent-color-light);color:var(--accent-color);font-family:Montserrat,sans-serif;font-weight:600;font-size:.9rem;padding:8px 16px;border-radius:30px;display:inline-block;margin-bottom:1.2rem;border:1px solid rgba(var(--primary-rgb),.3);text-transform:uppercase;letter-spacing:.05em;transition:all .3s ease}.mds-section-badge:hover{background-color:var(--background-color-light);transform:translateY(-2px)}.ec-product-card{background:#fff;border-radius:var(--card-radius);overflow:hidden;box-shadow:var(--card-shadow);transition:var(--card-transition);cursor:pointer;position:relative;border:var(--card-border);transform-origin:center bottom;height:100%;display:flex;flex-direction:column;-webkit-tap-highlight-color:transparent;touch-action:manipulation;outline:none;background-color:#fff;contain:layout style}.ec-product-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:var(--card-hover-shadow);border-color:var(--accent-color)}@media (hover: none){.ec-product-card:hover{transform:translateY(-4px);box-shadow:var(--card-shadow)}.ec-product-card:active{transform:translateY(-2px);transition:transform .1s ease}}.ec-product-badge{position:absolute;top:1rem;left:1rem;background-color:var(--accent-color);color:#fff;font-size:.75rem;font-weight:600;padding:.4rem 1rem;border-radius:var(--mds-radius-full);z-index:2;box-shadow:0 4px 10px #0000001a;transform:translateY(0);transition:all .3s ease}.ec-product-card:hover .ec-product-badge{transform:translateY(-3px);box-shadow:0 6px 12px #00000026}.ec-product-img-container{position:relative;height:clamp(16rem,40vw,20rem);overflow:hidden;background-color:#f9f9f9;flex-shrink:0;background-image:linear-gradient(110deg,#ececec 8%,#f5f5f5 18%,#ececec 33%);background-size:200% 100%;animation:1.5s shine linear infinite}.ec-product-img{width:100%;height:100%;object-fit:cover;transition:all .7s cubic-bezier(.33,1,.68,1);filter:brightness(.97);will-change:transform}.ec-product-img.loaded{animation:fadeIn .5s ease forwards}.ec-product-card:hover .ec-product-img{transform:scale(1.1);filter:brightness(1.05)}.dark-mode-toggle{position:fixed;bottom:clamp(20px,4vw,30px);left:clamp(20px,4vw,30px);width:clamp(45px,6vw,50px);height:clamp(45px,6vw,50px);background-color:#333;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 5px 15px #0000001a;transition:all .3s ease;z-index:100}.dark-mode-toggle:hover{transform:translateY(-5px) rotate(15deg);box-shadow:0 8px 20px #00000026}.dark-mode-toggle i{font-size:clamp(18px,2.5vw,24px);transition:transform .5s ease}.dark-mode-toggle:hover i{transform:rotate(30deg)}.ec-product-img-container:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#0000,#00000005 70%,#0000001a);opacity:0;transition:opacity .4s ease}@keyframes shine{to{background-position-x:-200%}}.ec-product-card:hover .ec-product-actions{opacity:1;transform:translate(0);pointer-events:all}@media (hover: none){.ec-product-actions{opacity:1;transform:translate(0);pointer-events:all;inset:auto 0 0;flex-direction:row;justify-content:space-around;padding:.8rem;background:linear-gradient(to top,rgba(0,0,0,.7),transparent);gap:.5rem}}.ec-action-btn{width:clamp(34px,5vw,38px);height:clamp(34px,5vw,38px);border-radius:50%;background:#fffffff2;border:none;display:flex;align-items:center;justify-content:center;color:var(--text-color);opacity:.8;cursor:pointer;box-shadow:0 4px 10px #0000001a;transition:var(--hover-transition);transform:translateY(0);-webkit-tap-highlight-color:transparent}.ec-action-btn:hover{background:var(--accent-color);color:#fff;opacity:1;transform:translateY(-3px) scale(1.1);box-shadow:0 6px 15px #00000026}@media (hover: none){.ec-action-btn{background:#ffffffe6;color:var(--text-color)}.ec-action-btn:active{transform:scale(.95);transition:transform .1s ease}}.ec-product-content{padding:1.5rem;flex-grow:1;display:flex;flex-direction:column}.ec-product-brand{font-size:.85rem;color:var(--text-color);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em;font-weight:500;background-color:var(--accent-color-light);display:inline-block;padding:.2rem .6rem;border-radius:4px;transition:all .3s ease}.ec-product-card:hover .ec-product-brand{background-color:var(--background-color-light)}.ec-product-title{font-family:Montserrat,sans-serif;font-size:1.15rem;font-weight:600;margin-bottom:.7rem;color:var(--text-color);transition:all .3s ease;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;height:2.8em}.ec-product-rating{display:flex;align-items:center;gap:.5rem;margin-bottom:.9rem}.ec-star-rating{color:gold;font-size:1rem;display:flex;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.ec-star-rating .material-icons{transition:transform .3s ease}.ec-product-card:hover .ec-star-rating .material-icons{transform:scale(1.1)}.ec-product-price{display:flex;align-items:center;gap:.75rem;margin-bottom:1.2rem;margin-top:auto}.ec-current-price{font-family:Montserrat,sans-serif;font-size:1.25rem;font-weight:700;color:var(--accent-color);transition:all .3s ease}.ec-product-card:hover .ec-current-price{transform:scale(1.05)}.ec-add-to-cart{width:100%;padding:clamp(.7rem,2vw,.9rem);background-color:var(--accent-color);color:#fff;font-family:Montserrat,sans-serif;font-weight:600;font-size:clamp(.85rem,2vw,.95rem);border:none;border-radius:var(--btn-radius);cursor:pointer;transition:var(--hover-transition);position:relative;overflow:hidden;z-index:1;display:flex;align-items:center;justify-content:center;gap:.5rem;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.ec-add-to-cart:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:all .6s ease;z-index:-1}.ec-add-to-cart:hover{background-color:var(--secondary-color);transform:translateY(-3px);box-shadow:0 6px 15px var(--accent-color-light)}.ec-add-to-cart:hover:before{left:100%}.ec-add-to-cart:active{transform:translateY(-1px);box-shadow:0 4px 10px rgba(var(--primary-rgb),.3)}@media (hover: none){.ec-add-to-cart:hover{transform:none;box-shadow:0 4px 10px rgba(var(--primary-rgb),.3)}.ec-add-to-cart:active{transform:scale(.98);background-color:var(--background-color-light);transition:all .1s ease}.ec-add-to-cart:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:shimmer 2s infinite;z-index:-1}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}}.home-categories-wrapper{position:relative;display:flex;align-items:center;width:98%;margin:0 auto}.home-categories-grid::-webkit-scrollbar-track,.home-categories-grid::-webkit-scrollbar,.mds-categories-scroll::-webkit-scrollbar-track,.mds-categories-scroll::-webkit-scrollbar{display:none}.home-categories-grid,.mds-categories-scroll{display:flex;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;scroll-snap-type:x mandatory;gap:1.5rem;padding:1rem 0px;width:100%}.home-category-card,.mds-category-card{position:relative;height:clamp(180px,30vw,240px);border-radius:var(--card-radius);overflow:hidden;display:flex;align-items:center;justify-content:center;transition:var(--card-transition);box-shadow:var(--card-shadow);border:var(--card-border);animation-delay:0s;cursor:pointer;flex:0 0 auto;width:clamp(250px,30vw,25rem);scroll-snap-align:start;transform-origin:center bottom;-webkit-tap-highlight-color:transparent;touch-action:manipulation;outline:none;background-color:#f9f9f9}.home-category-card:hover,.mds-category-card:hover{transform:translateY(-12px) scale(1.02);box-shadow:0 15px 30px #00000026;border-color:var(--accent-color-light)}.home-category-image{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.33,1,.68,1)}.home-category-card:hover .home-category-image{transform:scale(1.12)}.home-category-overlay,.mds-category-overlay{position:absolute;inset:0;background:linear-gradient(to top,#000000d9,#0009,#0000004d 60%,#0000001a);display:flex;flex-direction:column;justify-content:flex-end;padding:1.8rem;transition:all .4s ease}.mds-category-card:hover .mds-category-overlay{background:linear-gradient(to top,#000000e6,#000000b3,#0006 60%,#0003)}.mds-category-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;transition:transform .7s cubic-bezier(.33,1,.68,1)}.mds-category-card:hover .mds-category-bg{transform:scale(1.12)}.mds-category-content{position:relative;z-index:2;color:#fff;text-align:center;transform:translateY(0);transition:transform .4s ease}.home-category-title,.mds-category-title{font-family:Montserrat,sans-serif;font-size:1.6rem;font-weight:700;color:#fff;margin-bottom:.6rem;text-shadow:0 2px 4px rgba(0,0,0,.3);transition:all .3s ease}.mds-category-card:hover .mds-category-title{transform:scale(1.05)}.home-category-count,.mds-category-count{font-family:Inter,sans-serif;font-size:.95rem;color:#ffffffe6;background-color:rgba(var(--primary-rgb),.3);padding:.3rem .8rem;border-radius:20px;display:inline-block;margin-bottom:.8rem;backdrop-filter:blur(2px);transition:all .3s ease}.mds-category-card:hover .mds-category-count{background-color:rgba(var(--primary-rgb),.5)}.home-category-link{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}.scroll-button{position:absolute;top:50%;transform:translateY(-50%);background:#00000080;color:#fff;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1;opacity:1;transition:opacity .3s ease}.scroll-button.left{left:-30px}.scroll-button.right{right:-30px}.scroll-button.hidden{opacity:0;pointer-events:none}.scroll-button:hover{background:#000000b3}.home-featured-products{margin:80px auto;padding:0 2rem}.home-products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem}.home-product-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 5px 15px #0000000d;transition:all .3s ease;position:relative;border:1px solid rgba(229,192,192,.1);cursor:pointer}.home-product-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #00000014;border-color:var(--accent-color)}.home-product-badge{position:absolute;top:12px;left:12px;background-color:var(--accent-color);color:#fff;font-family:Montserrat,sans-serif;font-weight:600;font-size:.8rem;padding:5px 10px;border-radius:20px;z-index:2}.home-product-image{height:220px;background-size:cover;background-position:center;position:relative;overflow:hidden}.home-product-actions{position:absolute;bottom:-50px;left:0;right:0;background-color:#ffffffe6;display:flex;justify-content:center;gap:15px;padding:10px 0;transition:bottom .3s ease}.home-product-card:hover .home-product-actions{bottom:0}.collection-image-hover{transition:transform .5s ease}.mds-card:hover .collection-image-hover{transform:scale(1.1)}.home-action-button{background:none;border:none;color:#666;cursor:pointer;transition:color .2s}.home-action-button:hover{color:var(--accent-color)}.home-product-details{padding:1.5rem}.home-product-brand{color:#888;font-size:.9rem;margin-bottom:.5rem}.home-product-title{font-family:Montserrat,sans-serif;font-weight:600;font-size:1.1rem;color:#333;margin:0 0 .5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-product-rating{display:flex;align-items:center;margin-bottom:.8rem}.star-rating{display:flex;color:gold;font-size:.8rem}.home-review-count{color:#888;font-size:.8rem;margin-left:5px}.home-product-price{display:flex;align-items:center;gap:10px;margin-bottom:1rem}.home-price{font-family:Montserrat,sans-serif;font-weight:700;font-size:1.2rem;color:var(--accent-color)}.home-add-to-cart{width:100%;padding:.8rem;background-color:var(--accent-color);color:#fff;border:none;border-radius:5px;font-size:1rem;font-family:Montserrat,sans-serif;font-weight:600;cursor:pointer;transition:background-color .3s}.home-add-to-cart:hover{background-color:var(--background-color-light)}.home-trending{margin:80px auto;padding:0 2rem}.home-banner{position:relative;height:400px;border-radius:20px;overflow:hidden;display:flex;align-items:center;margin-bottom:3rem;background:linear-gradient(to right,#000000b3,#0000004d),url(https://images.unsplash.com/photo-1550330545-58ce6d656d9f?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2070&q=80);background-size:cover;background-position:center}.home-banner-content{max-width:500px;margin-left:8%;z-index:2;color:#fff}.home-banner-subtitle{font-family:Inter,sans-serif;font-size:1rem;margin-bottom:1rem;text-transform:uppercase;letter-spacing:2px}.home-banner-title{font-family:Montserrat,sans-serif;font-size:2.8rem;font-weight:800;margin-bottom:1.5rem;line-height:1.2}.home-banner-text{font-family:Inter,sans-serif;margin-bottom:2rem;line-height:1.6}.enhanced-banner{background:linear-gradient(to right,#000c,#00000080),url(https://images.unsplash.com/photo-1555529669-e69e7aa0ba9a?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2070&q=80);background-size:cover;background-position:center;border-radius:16px;overflow:hidden;box-shadow:0 15px 30px #0000001a;height:450px}.enhanced-overlay{background:linear-gradient(to right,#000c,#0006);opacity:.85}.enhanced-content{padding:3rem}.banner-badge{display:inline-block;background-color:#e68c8ccc;color:#fff;font-family:Montserrat,sans-serif;font-weight:600;font-size:.85rem;padding:.4rem 1rem;border-radius:30px;margin-bottom:1.2rem;box-shadow:0 4px 10px #0000001a;backdrop-filter:blur(4px);animation:fadeIn .5s ease-out forwards}.banner-image-grid{gap:1.2rem;flex:1;z-index:1;padding:2rem;align-content:center;height:100%}.category-image-container{position:relative;overflow:hidden;border-radius:12px;box-shadow:0 8px 20px #00000026;transition:all .4s ease;height:140px;cursor:pointer;animation:slideInUp .6s ease-out forwards;animation-delay:calc(.1s * var(--animation-order, 1))}.category-image-container:nth-child(1){--animation-order: 1}.category-image-container:nth-child(2){--animation-order: 2}.category-image-container:nth-child(3){--animation-order: 3}.category-image-container:nth-child(4){--animation-order: 4}.category-image-container:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 12px 25px #0003}.category-image{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.category-image-container:hover .category-image{transform:scale(1.1)}.category-label{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,#000c,#0000);color:#fff;padding:1rem .8rem .6rem;font-family:Montserrat,sans-serif;font-weight:600;font-size:.9rem;text-align:center;opacity:0;transform:translateY(10px);transition:all .3s ease}.category-image-container:hover .category-label{opacity:1;transform:translateY(0)}.mds-banner .mds-btn-primary{display:flex;align-items:center;gap:.5rem;padding:.8rem 1.5rem;border-radius:30px;background-color:#e68c8ccc;transition:all .3s ease;box-shadow:0 5px 15px #0000001a}.mds-banner .mds-btn-primary:hover{background-color:var(--accent-color);transform:translateY(-3px);box-shadow:0 8px 20px #00000026}.mds-banner .mds-btn-primary .material-icons{font-size:1.1rem;transition:transform .3s ease}.mds-banner .mds-btn-primary:hover .material-icons{transform:translate(3px)}.home-brands{margin:80px auto;padding:0 2rem}.brand-logo-container{cursor:pointer}.brand-logo-container:hover{opacity:1!important;filter:grayscale(0%)!important}.mds-brands-wrapper{position:relative;display:flex;align-items:center;width:100%;margin:2rem 0}.mds-brands-scroll{display:flex;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;scroll-snap-type:x mandatory;gap:1.5rem;padding:1rem 0px;width:100%;justify-content:center}.mds-brands-scroll::-webkit-scrollbar,.mds-categories-scroll::-webkit-scrollbar{display:none}.mds-brand-item{flex:0 0 auto;width:280px;height:320px;position:relative;border-radius:16px;overflow:hidden;box-shadow:0 8px 25px #00000014;transition:all .4s ease;cursor:pointer}.mds-brand-item:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 15px 35px rgba(var(--primary-rgb),.25)}.mds-brand-bg{position:absolute;top:0;left:0;width:100%;height:100%;transition:transform .6s ease;background-color:#f5f5f5}.mds-brand-item:hover .mds-brand-bg{transform:scale(1.1)}.mds-brand-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to top,#000c,#0006,#0000001a);z-index:1}.mds-brand-content{position:absolute;bottom:0;left:0;width:100%;padding:2rem;z-index:2;color:#fff;display:flex;flex-direction:column;align-items:flex-start}.mds-brand-rating-badge{display:flex;align-items:center;background-color:var(--color-rateing-bg);padding:.4rem .8rem;border-radius:30px;margin-bottom:1rem;backdrop-filter:blur(4px)}.mds-brand-rating-badge .material-icons{color:gold;font-size:1rem;margin-right:.3rem}.mds-brand-title{font-family:Montserrat,sans-serif;font-weight:700;font-size:1.5rem;margin-bottom:.8rem;text-shadow:0 2px 4px rgba(0,0,0,.2)}.mds-brand-desc{font-family:Inter,sans-serif;font-size:.9rem;opacity:.9;margin-bottom:1.5rem;line-height:1.5;text-shadow:0 1px 3px rgba(0,0,0,.2)}.mds-brand-btn{background-color:#e68c8ccc;color:#fff;border:none;padding:.6rem 1.2rem;border-radius:30px;font-family:Montserrat,sans-serif;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(4px)}.mds-brand-btn:hover{background-color:var(--accent-color);transform:translateY(-3px);box-shadow:0 5px 15px #0003}.mds-scroll-button{position:absolute;width:clamp(36px,5vw,40px);height:clamp(36px,5vw,40px);border-radius:50%;background-color:#fff;border:none;box-shadow:0 4px 12px #0000001a;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:3;transition:var(--hover-transition);-webkit-tap-highlight-color:transparent;touch-action:manipulation}.mds-scroll-button:hover{background-color:var(--accent-color);color:#fff;transform:scale(1.1);box-shadow:0 6px 15px #00000026}.mds-scroll-button:active{transform:scale(.95);transition:transform .1s ease}.mds-scroll-button.left{left:clamp(-10px,-2vw,-20px)}.mds-scroll-button.right{right:clamp(-10px,-2vw,-20px)}@media (hover: none){.mds-scroll-button{opacity:.9;width:clamp(32px,4vw,36px);height:clamp(32px,4vw,36px)}.mds-scroll-button:hover{transform:none;background-color:#fff;color:inherit}.mds-scroll-button:active{background-color:var(--accent-color);color:#fff;transform:scale(.95)}.mds-scroll-button.left{left:5px}.mds-scroll-button.right{right:5px}}.mds-btn-outline{background:transparent;border:2px solid var(--accent-color);color:var(--accent-color);padding:.7rem 1.4rem;border-radius:8px;font-family:Montserrat,sans-serif;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;width:100%;gap:.5rem}.mds-btn-outline:hover{background-color:var(--accent-color);color:#fff;transform:translateY(-2px);box-shadow:0 5px 15px rgba(var(--primary-rgb),.3)}.mds-btn-outline .material-icons{font-size:1.1rem;transition:transform .3s ease}.mds-btn-outline:hover .material-icons{transform:translate(3px)}.mds-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 0;background-color:#f9f9f980;border-radius:16px}.mds-loading-spinner{border:3px solid var(--background-color-light);border-radius:50%;border-top:3px solid var(--accent-color);width:50px;height:50px;animation:spin 1s linear infinite;margin-bottom:1.2rem;box-shadow:0 0 20px var(--accent-color-light)}.mds-loading-container p{font-family:Montserrat,sans-serif;font-weight:500;color:#666;font-size:1rem}.mds-empty-state{text-align:center;padding:4rem 2rem;background-color:#f9f9f980;border-radius:16px;border:1px dashed rgba(var(--primary-rgb),.3)}.mds-empty-state p{font-family:Montserrat,sans-serif;font-weight:500;color:#666;font-size:1.1rem;margin-bottom:1.5rem}.mds-section-footer{display:flex;justify-content:center;margin-top:3rem}.mds-btn-secondary{background-color:transparent;color:#555;border:1px solid #ddd;padding:.8rem 1.8rem;border-radius:8px;font-family:Montserrat,sans-serif;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.mds-btn-secondary:hover{background-color:#f9f9f9;border-color:#ccc;transform:translateY(-2px);box-shadow:0 5px 15px #0000000d}.mds-btn-secondary .material-icons{transition:transform .3s ease}.mds-btn-secondary:hover .material-icons{transform:translate(3px)}.home-brands-logos{display:flex;justify-content:space-around;align-items:center;flex-wrap:wrap;gap:2rem;margin-top:2rem}.home-brand-logo{height:60px;opacity:.8;transition:all .3s ease;filter:grayscale(100%)}.home-brand-logo:hover{opacity:1;filter:grayscale(0%);transform:scale(1.05)}.home-testimonials{margin:80px auto;padding:3rem 2rem;background-color:rgba(var(--primary-rgb),.05);border-radius:20px}.home-testimonial-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}.home-testimonial-card{background-color:#fff;border-radius:15px;padding:2rem;box-shadow:0 5px 15px #0000000d;transition:all .3s ease}.home-testimonial-card:hover{transform:translateY(-10px);box-shadow:0 10px 25px #0000001a}.home-testimonial-rating{color:gold;margin-bottom:1.5rem}.home-testimonial-text{font-family:Inter,sans-serif;font-style:italic;font-size:1rem;color:#666;margin-bottom:1.5rem;line-height:1.6}.home-testimonial-author{display:flex;align-items:center}.home-author-avatar{width:50px;height:50px;border-radius:50%;object-fit:cover;margin-right:1rem}.home-author-info h4{font-family:Montserrat,sans-serif;font-weight:600;font-size:1rem;color:#333;margin:0}.home-author-info p{font-family:Inter,sans-serif;font-size:.8rem;color:#888;margin:0}.home-benefits-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;padding:3rem 2rem;background-color:rgba(var(--primary-rgb),.05);margin:60px auto;border-radius:20px}.home-benefit-card{display:flex;flex-direction:column;align-items:center;text-align:center}.home-benefit-icon{width:70px;height:70px;background-color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;box-shadow:0 5px 15px #0000000d;color:var(--accent-color)}.home-benefit-icon .material-icons{font-size:2rem}.home-benefit-card h3{font-family:Montserrat,sans-serif;font-weight:600;font-size:1.2rem;color:#333;margin-bottom:.5rem}.home-benefit-card p{font-family:Inter,sans-serif;color:#666;font-size:.9rem}.home-newsletter{background-color:rgba(var(--primary-rgb),.05);padding:4rem 2rem;margin:60px auto;text-align:center;border-radius:20px}.home-newsletter-content{max-width:600px;margin:0 auto}.home-newsletter h2{font-family:Montserrat,sans-serif;font-size:2.5rem;font-weight:700;color:#333;margin-bottom:1rem}.home-newsletter p{font-family:Inter,sans-serif;font-size:1.1rem;color:#666;margin-bottom:2rem}.home-newsletter-form{display:flex;overflow:hidden;border-radius:50px;box-shadow:0 5px 15px #0000001a}.home-newsletter-form input{flex:1;padding:1.2rem 1.5rem;border:none;font-size:1rem;font-family:Inter,sans-serif;outline:none}.home-newsletter-form button{background-color:var(--accent-color);color:#fff;border:none;padding:0 2.5rem;font-family:Montserrat,sans-serif;font-weight:600;font-size:1rem;cursor:pointer;transition:background-color .3s ease}.home-newsletter-form button:hover{background-color:var(--background-color-light)}.mds-grid-responsive{display:grid;grid-template-columns:repeat(5,1fr);gap:1.5rem}.mds-grid-collections{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.mds-grid-benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}.mds-newsletter-form{display:flex;gap:1rem}@media (max-width: 1200px){.home-hero{height:550px}.home-hero-title{font-size:3.5rem}.home-products-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.home-banner-title{font-size:2.5rem}.mds-grid-responsive{grid-template-columns:repeat(4,1fr)}}@media (max-width: 992px){.home-hero{height:500px}.home-hero-content{margin-left:5%}.home-hero-title{font-size:3rem}.home-banner{height:350px}.home-banner-content{margin-left:5%}.home-banner-title{font-size:2.2rem}.mds-grid-responsive{grid-template-columns:repeat(3,1fr)}.mds-grid-collections,.mds-grid-benefits{grid-template-columns:repeat(2,1fr)}.mds-banner{flex-direction:column!important;height:auto!important;min-height:650px}.enhanced-banner{background-position:top center}.enhanced-content{padding:2rem!important;margin-right:0!important;margin-bottom:1rem;text-align:center;display:flex;flex-direction:column;align-items:center}.banner-image-grid{padding:0 2rem 2rem!important}.category-image-container{height:120px}.category-label{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.home-hero{height:450px;margin:30px auto 40px}.home-hero-badge{font-size:.8rem;padding:6px 12px}.home-hero-title{font-size:2.5rem}.home-hero-subtitle{font-size:1rem}.home-section-title{font-size:2rem}.home-categories-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.home-banner{height:300px}.home-banner-title{font-size:1.8rem}.home-brands-logos{gap:1rem}.home-brand-logo{height:40px}.mds-grid-responsive{grid-template-columns:repeat(2,1fr)}.mds-grid-collections{grid-template-columns:1fr}.mds-grid-benefits{grid-template-columns:repeat(2,1fr);gap:1rem}.home-category-card,.mds-category-card{height:200px;width:20rem}.home-category-title,.mds-category-title{font-size:1.4rem}.home-category-count,.mds-category-count{font-size:.85rem;padding:.25rem .7rem}.ec-product-img-container{height:18rem}.ec-product-title{font-size:1.05rem;height:2.6em}.ec-product-brand{font-size:.8rem}.ec-current-price{font-size:1.15rem}.ec-original-price{font-size:.9rem}.ec-add-to-cart{padding:.8rem;font-size:.9rem}.mds-newsletter-form{flex-direction:column}.mds-newsletter-form input{margin-bottom:1rem}.category-image-container{height:100px}.enhanced-content{padding:1.5rem!important}.mds-banner-title{font-size:1.8rem!important}.mds-brand-item{width:240px;height:300px}.mds-brand-content{padding:1.5rem}.mds-brand-title{font-size:1.3rem}.mds-brand-desc{font-size:.85rem;margin-bottom:1.2rem}.mds-scroll-button{width:36px;height:36px}.mds-scroll-button.left{left:-10px}.mds-scroll-button.right{right:-10px}}@media (max-width: 768px){.home-testimonial-cards{grid-template-columns:1fr}.home-newsletter h2{font-size:2rem}.home-newsletter-form{flex-direction:column;border-radius:15px}.home-newsletter-form input{padding:1rem;text-align:center}.home-newsletter-form button{padding:1rem;border-radius:0}}@media (max-width: 576px){.home-hero{height:400px;text-align:center}.home-hero-content{margin-left:auto;margin-right:auto;padding:0 1rem}.home-hero-title{font-size:2rem}.home-hero-subtitle{font-size:.9rem}.home-cta-button{padding:12px 30px;font-size:1rem}.mds-grid-responsive{gap:.5rem}.mds-grid-collections,.mds-grid-benefits{grid-template-columns:1fr;gap:1.5rem}.home-category-card,.mds-category-card{height:180px;width:100%;min-width:250px;max-width:100%}.home-category-title,.mds-category-title{font-size:1.3rem}.home-category-count,.mds-category-count{font-size:.8rem;padding:.2rem .6rem}.mds-category-overlay{padding:1.5rem}.mds-categories-scroll{gap:1rem}.ec-product-img-container{height:16rem}.ec-product-content{padding:1.2rem}.ec-product-title{font-size:1rem;margin-bottom:.5rem;height:2.5em}.ec-product-brand{font-size:.75rem;padding:.15rem .5rem}.ec-product-rating{margin-bottom:.7rem}.ec-star-rating .material-icons{font-size:.9rem}.ec-current-price{font-size:1.1rem}.ec-original-price{font-size:.85rem}.ec-add-to-cart{padding:.7rem;font-size:.85rem}.ec-product-badge{font-size:.7rem;padding:.3rem .8rem;top:.8rem;left:.8rem}.ec-action-btn{width:34px;height:34px}.ec-action-btn .material-icons{font-size:1.1rem}.mds-brand-item{width:220px;height:280px}.mds-brand-content{padding:1.2rem}.mds-brand-title{font-size:1.2rem;margin-bottom:.6rem}.mds-brand-desc{font-size:.8rem;margin-bottom:1rem;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mds-brand-btn{padding:.5rem 1rem;font-size:.8rem}.mds-brand-rating-badge{padding:.3rem .6rem;font-size:.8rem}.mds-scroll-button{width:32px;height:32px}.mds-scroll-button .material-icons{font-size:1.2rem}.mds-section-badge{font-size:.8rem;padding:1rem 0;margin:var(--mds-spacing-xs) 0px}.home-banner{height:450px;text-align:center}.home-banner-content{margin-left:auto;margin-right:auto;padding:0 1rem}.home-banner-title{font-size:1.5rem}.mds-banner{flex-direction:column!important;height:auto!important;padding-bottom:1rem;min-height:600px}.banner-image-grid{padding:0 1rem 1.5rem!important}.category-image-container{height:80px}.category-label{font-size:.8rem;padding:.7rem .5rem .5rem}.banner-badge{font-size:.75rem;padding:.3rem .8rem}.mds-banner-title{font-size:1.5rem!important;margin-bottom:1rem}.mds-banner .mds-btn-primary{padding:.6rem 1.2rem;font-size:.9rem}.home-section-title{font-size:1.8rem}.home-section-subtitle{font-size:1rem}.mds-brands-scroll{justify-content:flex-start;gap:1rem}.home-products-grid{grid-template-columns:1fr}.mds-container{padding:0 1rem}}@media (max-width: 375px){.home-hero{height:350px;border-radius:20px}.home-hero-title{font-size:1.8rem}.home-hero-subtitle{font-size:.85rem}.ec-product-img-container{height:14rem}.mds-section-title{font-size:1.5rem}.mds-section-subtitle{font-size:.9rem}.mds-category-card{width:100%;min-width:200px}.mds-brand-item{width:200px;height:260px}.mds-banner-title{font-size:1.3rem!important}.mds-text{font-size:.9rem!important}.banner-image-grid{gap:.8rem!important}.category-image-container{height:70px}.mds-btn{padding:.5rem 1rem!important;font-size:.85rem!important}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-5px)}to{transform:translateY(0)}}.ec-product-card:focus-visible,.mds-category-card:focus-visible,.ec-action-btn:focus-visible,.ec-add-to-cart:focus-visible,.mds-scroll-button:focus-visible,.home-cta-button:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:2rem}.testimonial-card{background-color:#fff;border-radius:16px;padding:2rem;box-shadow:0 10px 25px #0000000d;transition:all .3s ease;border:1px solid rgba(var(--primary-rgb),.1);height:100%;display:flex;flex-direction:column}.testimonial-card:hover{transform:translateY(-10px);box-shadow:0 15px 35px #0000001a;border-color:var(--accent-color-light)}.testimonial-rating{margin-bottom:1.5rem}.testimonial-text{font-family:Inter,sans-serif;font-style:italic;font-size:1rem;color:#666;margin-bottom:1.5rem;line-height:1.6;flex-grow:1}.testimonial-author{display:flex;align-items:center;margin-top:auto}.testimonial-avatar{width:50px;height:50px;border-radius:50%;object-fit:cover;margin-right:1rem;border:2px solid var(--accent-color-light)}.testimonial-author-info h4{font-family:Montserrat,sans-serif;font-weight:600;font-size:1rem;color:#333;margin:0 0 .2rem}.testimonial-author-info p{font-family:Inter,sans-serif;font-size:.8rem;color:#888;margin:0}.special-offer-container{display:flex;background-color:#fff;border-radius:16px;overflow:hidden;box-shadow:0 15px 30px #0000001a;margin:2rem 0;border:1px solid rgba(var(--primary-rgb),.1)}.special-offer-content{flex:1;padding:3rem;display:flex;flex-direction:column;justify-content:center}.special-offer-badge{display:inline-block;background-color:var(--accent-color-light);color:var(--accent-color);font-family:Montserrat,sans-serif;font-weight:600;font-size:.85rem;padding:.4rem 1rem;border-radius:30px;margin-bottom:1.2rem;box-shadow:0 4px 10px #0000000d}.special-offer-title{font-family:Montserrat,sans-serif;font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:#333}.special-offer-description{font-family:Inter,sans-serif;font-size:1.1rem;color:#666;margin-bottom:2rem;line-height:1.6}.countdown-container{display:flex;gap:1rem;margin-bottom:2rem}.countdown-item{background-color:var(--accent-color);color:#fff;border-radius:12px;padding:1rem;min-width:80px;text-align:center;box-shadow:0 8px 15px rgba(var(--primary-rgb),.2);display:flex;flex-direction:column}.countdown-value{font-family:Montserrat,sans-serif;font-size:1.8rem;font-weight:700;margin-bottom:.3rem}.countdown-label{font-family:Inter,sans-serif;font-size:.8rem;text-transform:uppercase;letter-spacing:1px}.special-offer-button{display:inline-flex;align-items:center;gap:.5rem;background-color:var(--accent-color);color:#fff;border:none;padding:1rem 2rem;border-radius:50px;font-family:Montserrat,sans-serif;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 15px rgba(var(--primary-rgb),.2);align-self:flex-start}.special-offer-button:hover{background-color:var(--background-color-light);transform:translateY(-3px);box-shadow:0 12px 20px rgba(var(--primary-rgb),.3)}.special-offer-button .material-icons{transition:transform .3s ease}.special-offer-button:hover .material-icons{transform:translate(5px)}.special-offer-image{flex:1;position:relative;overflow:hidden;min-height:400px}.special-offer-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.special-offer-container:hover .special-offer-image img{transform:scale(1.05)}.floating-action-buttons{position:fixed;bottom:6rem;right:1.5rem;display:flex;flex-direction:column;gap:1rem;z-index:100}.scroll-top-button,.chat-button{width:3rem;height:3rem;border-radius:50%;background-color:var(--accent-color);color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 5px 15px #0003;transition:all .3s ease}.scroll-top-button:hover,.chat-button:hover{transform:translateY(-5px);box-shadow:0 8px 20px #0000004d;background-color:var(--background-color-light)}.scroll-top-button .material-icons,.chat-button .material-icons{font-size:1.5rem}@media (max-width: 992px){.testimonials-grid{grid-template-columns:repeat(2,1fr)}.special-offer-container{flex-direction:column}.special-offer-content{padding:2rem;text-align:center;align-items:center}.special-offer-title{font-size:2rem}.special-offer-button{align-self:center}.countdown-container{justify-content:center}}@media (max-width: 768px){.testimonials-grid{grid-template-columns:1fr}.countdown-container{flex-wrap:wrap;justify-content:center}.countdown-item{min-width:70px}.special-offer-title{font-size:1.8rem}.special-offer-description{font-size:1rem}.floating-action-buttons{bottom:1.5rem;right:1.5rem}.scroll-top-button,.chat-button{width:45px;height:45px}}@media (max-width: 576px){.countdown-item{min-width:60px;padding:.8rem}.countdown-value{font-size:1.5rem}.special-offer-content{padding:1.5rem}.special-offer-title{font-size:1.5rem}.special-offer-button{padding:.8rem 1.5rem;font-size:.9rem}.floating-action-buttons{bottom:1rem;right:1rem}.scroll-top-button,.chat-button{width:40px;height:40px}.scroll-top-button .material-icons,.chat-button .material-icons{font-size:1.2rem}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.sale-container{font-family:Inter,sans-serif;max-width:1800px;margin:0 auto;padding:0;background-color:var(--body-color);color:var(--text-color)}.sale-hero{position:relative;border-radius:30px;overflow:hidden;margin:50px auto 60px;height:500px;width:100%;max-width:1800px;display:flex;align-items:center;justify-content:center;background:linear-gradient(to right,#000000b3,#0006),url(https://images.unsplash.com/photo-1607082350899-7e105aa886ae?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2070&q=80);background-size:cover;background-position:center;color:#fff}.sale-hero-content{text-align:center;z-index:2;padding:0 1rem}.sale-title{font-family:Montserrat,sans-serif;font-size:4rem;font-weight:800;margin-bottom:1rem;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.sale-subtitle{font-family:Inter,sans-serif;font-size:1.5rem;margin-bottom:2rem;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.sale-cta-button{display:inline-block;padding:15px 40px;background-color:var(--accent-color);color:var(--text-on-primary);font-family:Montserrat,sans-serif;font-weight:600;font-size:1.1rem;text-decoration:none;border-radius:50px;transition:all .3s ease;box-shadow:0 5px 15px var(--accent-color-light)}.sale-cta-button:hover{transform:translateY(-3px);background-color:var(--secondary-color);box-shadow:0 8px 20px rgba(var(--primary-rgb),.6)}.sale-products-section{padding:2rem;margin:60px auto}.sale-section-header{text-align:center;margin-bottom:3rem}.sale-section-title{font-family:Montserrat,sans-serif;font-size:2.5rem;font-weight:700;color:var(--text-color, #333);margin-bottom:.5rem;position:relative;display:inline-block}.sale-section-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:80px;height:3px;background:linear-gradient(90deg,var(--text-color),var(--accent-color));border-radius:3px}.sale-section-subtitle{font-family:Inter,sans-serif;font-size:1.1rem;color:var(--text-color, #666);opacity:.7;margin-top:1.5rem}.sale-controls{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:0 1rem}.sale-category-tabs{display:flex;flex-wrap:nowrap;width:100%;padding:.5rem;overflow-x:auto;gap:1rem;scroll-behavior:smooth;scrollbar-width:none;scroll-snap-type:x mandatory}.sale-category-tabs::-webkit-scrollbar{display:none}.sale-category-tab{padding:.8rem 1rem;background:none;text-wrap:nowrap;border:1px solid var(--secondary-color);border-radius:30px;color:var(--text-secondary);font-family:Inter,sans-serif;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease}.sale-category-tab:hover{background-color:var(--primary-50);color:var(--text-color);transform:translateY(-2px)}.sale-category-tab.active{background-color:var(--accent-color);color:var(--text-on-primary);border-color:var(--accent-color)}.sale-sort-filter{display:flex;align-items:center;gap:1.5rem;width:100%;justify-content:flex-end}.sale-sort{display:flex;align-items:center;gap:.5rem}.sale-sort label{font-family:Inter,sans-serif;font-size:.9rem;color:var(--text-color, #666);opacity:.7}.sale-sort-select{padding:.5rem 1rem;border:1px solid var(--border-color, #e0e0e0);border-radius:8px;font-family:Inter,sans-serif;font-size:.9rem;color:var(--text-color, #333);background-color:var(--input-bg, white);cursor:pointer;outline:none;transition:all .3s ease}.sale-sort-select:focus,.sale-sort-select:hover{border-color:var(--secondary-color);box-shadow:0 0 0 2px var(--accent-color-light)}.sale-view-options{display:flex;gap:.5rem}.sale-view-button{background:none;border:1px solid var(--border-color, #e0e0e0);width:36px;height:36px;border-radius:6px;display:flex;align-items:center;justify-content:center;color:var(--text-color, #666);opacity:.7;cursor:pointer;transition:all .2s ease}.sale-view-button:hover,.sale-view-button.active{background-color:var(--accent-color);color:var(--text-on-primary);border-color:var(--accent-color)}.sale-products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem;padding:1rem}.sale-products-grid.list-view{grid-template-columns:1fr}.sale-loading,.sale-no-products{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center;min-height:300px}.sale-loading-spinner{width:50px;height:50px;border:3px solid rgba(var(--primary-rgb),.3);border-radius:50%;border-top-color:var(--accent-color);animation:spin 1s ease-in-out infinite;margin-bottom:1rem}.sale-loading p,.sale-no-products p{font-family:Inter,sans-serif;color:#666;font-size:1.1rem}.sale-pagination{display:flex;justify-content:center;align-items:center;margin-top:3rem;gap:.5rem}.sale-pagination-button,.sale-pagination-number{min-width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-color, #e0e0e0);background:var(--body-color);border-radius:8px;cursor:pointer;transition:all .2s ease;font-family:Inter,sans-serif;font-size:.9rem;color:var(--text-color, #666)}.s-flex-between{width:100%;display:flex;align-items:center;margin-bottom:1rem}.sale-pagination-button:disabled{opacity:.5;cursor:not-allowed}.sale-pagination-button:not(:disabled):hover,.sale-pagination-number:hover,.sale-pagination-number.active{background-color:var(--accent-color);color:var(--text-on-primary);border-color:var(--accent-color)}.sale-action-button{background:none;border:none;color:#666;cursor:pointer;transition:color .2s,transform .2s;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center}.sale-action-button:hover{color:var(--accent-color);transform:scale(1.1);background-color:#fff3}.sale-action-button.active,.sale-action-button.active i{color:var(--accent-color)}.sale-product-image{height:280px;background-size:cover;background-position:center;position:relative;overflow:hidden}.list-view .sale-product-image{height:100%}.sale-benefits-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;padding:3rem 2rem;background-color:var( --accent-color-light);margin:60px auto;border-radius:20px}.sale-benefit-card{display:flex;flex-direction:column;align-items:center;text-align:center}.sale-benefit-icon{width:70px;height:70px;background-color:var(--body-color);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;box-shadow:0 5px 15px var(--shadow-color, rgba(0, 0, 0, .05));color:var(--accent-color)}.sale-benefit-icon .material-icons{font-size:2rem}.sale-benefit-card h3{font-family:Montserrat,sans-serif;font-weight:600;font-size:1.2rem;color:var(--text-color, #333);margin-bottom:.5rem}.sale-benefit-card p{font-family:Inter,sans-serif;color:var(--text-color, #666);opacity:.7;font-size:.9rem}.sale-newsletter{background-color:var( --accent-color-light);padding:4rem 2rem;margin:60px auto;text-align:center;border-radius:20px}.sale-newsletter-content{max-width:600px;margin:0 auto}.sale-newsletter h2{font-family:Montserrat,sans-serif;font-size:2.5rem;font-weight:700;color:var(--text-color, #333);margin-bottom:1rem}.sale-newsletter p{font-family:Inter,sans-serif;font-size:1.1rem;color:var(--text-color, #666);opacity:.7;margin-bottom:2rem}.sale-newsletter-form{display:flex;overflow:hidden;border-radius:50px;box-shadow:0 5px 15px #0000001a}.sale-newsletter-form input{flex:1;padding:1.2rem 1.5rem;border:none;font-size:1rem;font-family:Inter,sans-serif;outline:none;background-color:var(--input-bg, white);color:var(--text-color)}.sale-newsletter-form button{background-color:var(--accent-color);color:var(--text-on-primary);border:none;padding:0 2.5rem;font-family:Montserrat,sans-serif;font-weight:600;font-size:1rem;cursor:pointer;transition:background-color .3s ease}.sale-newsletter-form button:hover{background-color:var(--background-color-light)}@media (max-width: 1200px){.sale-title{font-size:3.5rem}.sale-products-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.list-view .sale-product-card{grid-template-columns:240px 1fr}}@media (max-width: 992px){.sale-hero{height:450px}.sale-title{font-size:3rem}.sale-controls{flex-direction:column;align-items:flex-start}.sale-sort-filter{width:100%;justify-content:space-between;margin-top:1.5rem}}@media (max-width: 768px){.sale-hero{height:400px;margin:30px auto 40px}.sale-title{font-size:2.5rem}.sale-subtitle{font-size:1.2rem}.sale-section-title{font-size:2rem}.list-view .sale-product-card{grid-template-columns:1fr}.list-view .sale-product-image{height:280px}.sale-benefits-section{grid-template-columns:1fr 1fr;padding:2rem 1rem}.sale-newsletter{padding:3rem 1.5rem}.sale-newsletter h2{font-size:2rem}.sale-newsletter-form{flex-direction:column;border-radius:15px}.sale-newsletter-form input{padding:1rem;text-align:center}.sale-newsletter-form button{padding:1rem;border-radius:0}}@media (max-width: 576px){.sale-hero{height:350px}.sale-products-section{padding:0}.sale-title{font-size:2rem}.sale-subtitle{font-size:1rem}.sale-cta-button{padding:12px 30px;font-size:1rem}.sale-benefits-section{grid-template-columns:1fr}.sale-section-title{font-size:1.8rem}.sale-section-subtitle{font-size:1rem}.sale-pagination{display:flex;justify-content:center;align-items:center;margin-top:2rem;gap:1rem}.sale-pagination-button{background-color:var(--body-color);border:1px solid var(--accent-color-light);color:var(--text-color);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.sale-pagination-button:hover:not(:disabled){background-color:var(--accent-color-light);color:var(--accent-color)}.sale-pagination-button:disabled{opacity:.5;cursor:not-allowed}.sale-pagination-info{font-family:Montserrat,sans-serif;font-size:.9rem;color:var(--text-color)}.sale-products-grid{grid-template-columns:1fr 1fr;gap:.5rem}.sale-sort-filter{margin-top:.2rem}.sale-sort{width:100%;justify-content:space-between}}.card-shop-product-card{background:var(--body-color);border-radius:12px;overflow:hidden;box-shadow:0 5px 15px var(--shadow-color, rgba(0, 0, 0, .05));transition:all .3s ease;position:relative}.list-view .card-shop-product-card{display:flex;flex-direction:row;gap:1.5rem}.card-shop-product-image{height:280px;background-size:cover;background-position:center;position:relative;overflow:hidden}.list-view .card-shop-product-image{height:100%;flex-shrink:0;width:280px}.card-product-actions{position:absolute;bottom:-50px;left:0;right:0;background-color:#ffffffe6;display:flex;justify-content:center;gap:15px;padding:10px 0;transition:bottom .3s ease}.card-shop-product-card:hover .card-product-actions{bottom:0}.card-shop-action-button{background:none;border:none;color:#666;cursor:pointer;transition:color .2s,transform .2s;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center}.card-shop-product-badge{position:absolute;top:12px;left:12px;background-color:var(--accent-color);color:var(--text-on-primary);font-family:Montserrat,sans-serif;font-weight:600;font-size:.8rem;padding:5px 10px;border-radius:20px;z-index:2}.card-shop-action-button.active{color:var(--accent-color)}.options-flow{display:flex;flex-direction:column;gap:0rem}.list-view .options-flow{display:flex;flex-direction:row;gap:.5rem}.card-shop-product-details{padding:1.5rem;width:100%;position:relative}.card-shop-product-brand{color:var(--text-color, #888);opacity:.6;font-size:.9rem;margin-bottom:.5rem}.card-shop-product-title{font-family:Montserrat,sans-serif;font-weight:600;font-size:1.1rem;color:var(--text-color, #333);margin:0 0 .5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-shop-product-rating{display:flex;align-items:center;margin-bottom:.8rem}.card-shop-review-count{color:var(--text-color, #888);opacity:.6;font-size:.8rem;margin-left:5px}.card-shop-product-price{display:flex;align-items:center;gap:10px;margin-bottom:1rem}.card-shop-discount-price{font-family:Montserrat,sans-serif;font-weight:700;font-size:1.2rem;color:var(--accent-color)}.card-shop-original-price{font-family:Inter,sans-serif;color:var(--text-color, #888);opacity:.6;text-decoration:line-through;font-size:.9rem}.card-shop-product-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:1.2rem}.card-shop-tag{font-size:.7rem;background-color:var(--hover-bg, #f5f5f5);color:var(--text-color, #666);opacity:.7;padding:3px 10px;border-radius:15px}.card-shop-add-to-cart{width:100%;display:flex;align-items:center;padding:.8rem;background-color:var(--accent-color);color:var(--text-on-primary);border:none;border-radius:5px;font-size:1rem;font-family:Montserrat,sans-serif;font-weight:600;cursor:pointer;transition:background-color .3s;justify-content:center}.card-shop-add-to-cart:hover{background-color:var(--background-color-light);transform:translateY(-2px);color:var(--text-color)}.product-cat-options{display:flex;flex-direction:column;position:absolute;z-index:99;bottom:0;width:100%;padding:1rem;background:var(--card-bg);left:0;animation:fadeInOption .3s ease-in-out}@keyframes fadeInOption{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.product-cat-options-inputs{display:flex}.card-shop-add-to-cart .material-icons{font-size:20px}.card-shop-add-to-cart.in-cart{background:var(--background-color-light);color:var(--text-color)}.card-shop-add-to-cart.in-cart:hover{background:var(--accent-color);color:var(--body-color)}.card-shop-add-to-cart.in-cart .material-icons{color:var(--text-color)}.card-shop-option-label{font-family:Montserrat,sans-serif;font-size:1rem;font-weight:600;color:var(--text-color);margin-bottom:.5rem}.card-shop-selected-option{font-weight:400;color:var(--text-tertiary)}.card-shop-color-options{display:flex;gap:10px}.card-shop-size-options{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:.5rem}.card-shop-product-quantity{display:flex;flex-direction:column}.card-shop-product-shipping{position:absolute;top:12px;right:3px;background-color:#00800014;border:1px solid var(--accent-color);backdrop-filter:blur(8px);color:var(--text-color);font-family:Montserrat,sans-serif;font-weight:600;font-size:.8rem;padding:5px 10px;border-radius:20px;z-index:2}.card-shop-quantity-selector{display:flex;align-items:center;height:45px;width:fit-content;border:1px solid #ddd;border-radius:8px;overflow:hidden}.card-shop-quantity-btn{width:45px;height:100%;display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;transition:background-color .2s}.card-shop-quantity-btn:hover:not(:disabled){background-color:var(--primary-50)}.card-shop-quantity-btn:disabled{color:#ccc;cursor:not-allowed}.card-shop-quantity-input{width:50px;height:100%;border:none;text-align:center;font-size:1rem;font-family:Inter,sans-serif;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.card-shop-stock-info{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:#333}.card-shop-stock-info .material-icons{font-size:1.2rem}.card-shop-stock-info .material-icons:first-child{color:#4caf50}.card-shop-product-subtotal{font-family:Montserrat,sans-serif;font-size:1.2rem;color:#333}.card-shop-product-subtotal span{font-weight:600;color:var(--accent-color)}.card-shop-btn-add-to-cart,.card-shop-btn-cancel-to-cart,.card-shop-btn-wishlist{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem .5rem;border:none;border-radius:8px;font-family:Montserrat,sans-serif;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease}.card-shop-btn-cancel-to-cart{background-color:var(--body-color);color:var( --accent-color);border:1px solid var(--accent-color);flex:2}.card-shop-btn-add-to-cart{background-color:var(--accent-color);color:var(--text-on-primary);flex:2}.card-shop-btn-add-to-cart:hover,.card-shop-btn-cancel-to-cart:hover{background-color:var(--background-color-light);transform:translateY(-3px);color:var(--accent-color);box-shadow:0 5px 15px var(--accent-color-light)}.card-shop-product-actions{display:flex;gap:1rem;margin-top:1rem}@media (max-width: 576px){.card-shop-product-brand{font-size:.8rem;margin-bottom:0rem}.card-shop-product-title,.card-shop-product-rating{font-size:1rem;margin-bottom:0}.card-shop-product-rating .material-icons{font-size:1.2rem}.card-shop-product-price{margin-bottom:0}.card-shop-original-price{font-size:.8rem}.card-shop-discount-price{font-size:1rem}.card-shop-product-tags{margin-bottom:.1rem}.card-shop-add-to-cart,.card-shop-btn-add-to-cart,.card-shop-btn-cancel-to-cart,.card-shop-btn-wishlist{padding:.5rem;font-size:.8rem}.card-shop-product-image{height:10rem}.card-shop-product-details{padding:.5rem}.card-shop-product-price-container{flex-direction:column;align-items:flex-start;gap:.5rem}.card-shop-product-price{font-size:1.8rem}.card-shop-product-original-price{font-size:1.1rem}.card-shop-btn-add-to-cart,.card-shop-btn-cancel-to-cart,.card-shop-btn-wishlist{padding:.5rem;font-size:.8rem}.card-shop-product-actions{gap:.5rem}.card-shop-btn-add-to-cart{order:1}.card-shop-btn-cancel-to-cart{order:2}.card-shop-product-subtotal{font-size:.9rem}.card-shop-stock-info{font-size:.7rem}.card-shop-quantity-input,.card-shop-size-options,.card-shop-color-options,.color-select,.size-select{min-height:2.5rem!important;height:2rem!important}.card-shop-quantity-selector{height:1.5rem}.card-shop-option-label{font-size:.8rem;margin-bottom:0}.card-shop-size-options{margin-bottom:0}.card-shop-color-options{margin-top:0}.card-shop-related-products-grid,.card-shop-recently-viewed-grid{grid-template-columns:1fr}.card-shop-product-actions{flex-direction:column}}:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: hsl(6, 78%, 57%);--toastify-color-transparent: rgba(255, 255, 255, .7);--toastify-icon-color-info: var(--toastify-color-info);--toastify-icon-color-success: var(--toastify-color-success);--toastify-icon-color-warning: var(--toastify-color-warning);--toastify-icon-color-error: var(--toastify-color-error);--toastify-container-width: fit-content;--toastify-toast-width: 320px;--toastify-toast-offset: 16px;--toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));--toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));--toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));--toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));--toastify-toast-background: #fff;--toastify-toast-padding: 14px;--toastify-toast-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-toast-bd-radius: 6px;--toastify-toast-shadow: 0px 4px 12px rgba(0, 0, 0, .1);--toastify-font-family: sans-serif;--toastify-z-index: 9999;--toastify-text-color-light: #757575;--toastify-text-color-dark: #fff;--toastify-text-color-info: #fff;--toastify-text-color-success: #fff;--toastify-text-color-warning: #fff;--toastify-text-color-error: #fff;--toastify-spinner-color: #616161;--toastify-spinner-color-empty-area: #e0e0e0;--toastify-color-progress-light: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);--toastify-color-progress-dark: #bb86fc;--toastify-color-progress-info: var(--toastify-color-info);--toastify-color-progress-success: var(--toastify-color-success);--toastify-color-progress-warning: var(--toastify-color-warning);--toastify-color-progress-error: var(--toastify-color-error);--toastify-color-progress-bgo: .2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0,0,var(--toastify-z-index));position:fixed;width:var(--toastify-container-width);box-sizing:border-box;color:#fff;display:flex;flex-direction:column}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right);align-items:end}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right);align-items:end}.Toastify__toast{--y: 0;position:relative;touch-action:none;width:var(--toastify-toast-width);min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:var(--toastify-toast-padding);border-radius:var(--toastify-toast-bd-radius);box-shadow:var(--toastify-toast-shadow);max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);z-index:0;display:flex;flex:1 auto;align-items:center;word-break:break-word}@media only screen and (max-width: 480px){.Toastify__toast-container{width:100vw;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}.Toastify__toast{--toastify-toast-width: 100%;margin-bottom:0;border-radius:0}}.Toastify__toast-container[data-stacked=true]{width:var(--toastify-toast-width)}.Toastify__toast--stacked{position:absolute;width:100%;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";position:absolute;left:0;right:0;height:calc(var(--g) * 1px);bottom:100%}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";position:absolute;left:0;right:0;bottom:0;height:100%;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{margin-inline-end:10px;width:22px;flex-shrink:0;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.5s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;position:absolute;top:6px;right:6px;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:unset}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:1;opacity:.7;transform-origin:left}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right;border-bottom-left-radius:initial}.Toastify__progress-bar--wrp{position:absolute;overflow:hidden;bottom:0;left:0;width:100%;height:5px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg);opacity:1}to{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(110%,var(--y),0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(-110%,var(--y),0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-timing-function:ease-in;animation-duration:.3s}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--font-normal-size: 16px;--font-small-size: 10px;--font-large-size: 24px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--background-color);color:var(--text-color);margin:0;padding:0;transition:background-color .3s ease,color .3s ease}.font-inter{font-family:Inter,Montserrat,sans-serif}.font-montserrat{font-family:Montserrat,sans-serif}.font-light{font-weight:300}.font-regular{font-weight:400}.font-medium{font-weight:500}.font-bold{font-weight:700}:root{--primary-50: #e6f7f7;--primary-100: #ccefef;--primary-200: #99dfdf;--primary-300: #66cfcf;--primary-400: #33bfbf;--primadry-500: #00afaf;--primary-600: #008c8c;--primary-700: #006969;--primary-800: #004646;--primary-900: #002323;--secondary-50: #fff3e6;--secondary-100: #ffe8cc;--secondary-200: #ffd199;--secondary-300: #ffba66;--secondary-400: #ffa333;--secondary-500: #ff8c00;--secondary-600: #cc7000;--secondary-700: #995400;--secondary-800: #663800;--secondary-900: #331c00;--accent-50: #f2e6ff;--accent-100: #e6ccff;--accent-200: #cc99ff;--accent-300: #b366ff;--accent-400: #9933ff;--accent-500: #8000ff;--accent-600: #6600cc;--accent-700: #4d0099;--accent-800: #330066;--accent-900: #1a0033;--neutral-50: #f8f9fa;--neutral-100: #f1f3f5;--neutral-200: #e9ecef;--neutral-300: #dee2e6;--neutral-400: #ced4da;--neutral-500: #adb5bd;--neutral-600: #6c757d;--neutral-700: #495057;--neutral-800: #343a40;--neutral-900: #212529;--success-50: #e6f7ef;--success-100: #ccefdf;--success-500: #00af5f;--success-700: #006937;--warning-50: #fff8e6;--warning-100: #fff1cc;--warning-500: #ffcc00;--warning-700: #997a00;--error-50: #fce6e6;--error-100: #f9cccc;--error-500: #dc3545;--error-700: #842029;--info-50: #e6f1ff;--info-100: #cce4ff;--info-500: #0d6efd;--info-700: #084298;--surface-background: var(--neutral-50);--surface-card: #ffffff;--surface-border: var(--neutral-300);--surface-hover: var(--neutral-100);--surface-active: var(--neutral-200);--surface-disabled: var(--neutral-200);--text-primary: var(--neutral-900);--text-secondary: var(--neutral-700);--text-tertiary: var(--neutral-600);--text-disabled: var(--neutral-500);--text-on-primary: #ffffff;--text-on-secondary: #ffffff;--text-on-accent: #ffffff;--text-title: var(--neutral-900);--text-subtitle: var(--neutral-700);--text-body: var(--neutral-600);--text-placeholder: var(--neutral-500);--text-link: var(--primary-500);--text-link-hover: var(--background-color-light);--text-link-active: var(--primary-700);--text-button: var(--neutral-900);--text-button-hover: var(--neutral-700);--text-button-active: var(--neutral-600);--text-button-bgNan: var(--neutral-500);--text-button-add: #ffffff;--text-button-edit: #ffffff;--text-button-cancel: #ffffff;--text-button-delete: #ffffff;--text-button-save: #221e55;--text-button-close: #ffffff;--text-button-reset: #ffffff;--text-button-search: #ffffff;--text-button-filter: #ffffff;--bg-body: var(--neutral-50);--bg-card: var(--neutral-50);--bg-border: var(--neutral-50);--bg-hover: var(--neutral-50);--bg-active: var(--neutral-50);--gradient-primary: linear-gradient(to right,#d79393 ,#ffbf001d);--gradient-secondary: linear-gradient(to right, #FFD700, #FFE800);--gradient-accent: linear-gradient(to right, #FFE800, #FFF900);--gradient-success: linear-gradient(to right, var(--success-500), var(--success-600));--gradient-warning: linear-gradient(to right, var(--warning-500), var(--warning-600));--gradient-error: linear-gradient(to right, var(--error-500), var(--error-600));--gradient-info: linear-gradient(to right, var(--info-500), var(--info-600));--body-color: #F8F9FA;--gray-color: #495057;--secondary-color: #e9a07e;--accent-color: #e97e7e;--accent-color-light: #e9a07e67;--button-action: #4361EE;--text-color: #212529;--text-button-color: #FFFFFF;--active-button: #3A0CA3;--active-button-bg: #D7D9FD;--background-color: #f5913f;--background-color-light: #ff5e0070;--card-bg: #FFFFFF;--border-color: #DEE2E6;--shape-shadow: 0 2px 8px rgba(0, 0, 0, .08);--shape-border: 1px solid var(--border-color);--shape-border-radius: 12px;--shape-border-radius-top: 12px 12px 0 0;--background-overlay: linear-gradient(135deg, #E63946 0%, #3A0CA3 100%);--background-text-2: linear-gradient(90deg, #E63946 0%, #FFD166 50%, #4361EE 100%);--color-rateing: #FFD166;--color-rateing-bg: rgba(255, 209, 102, .1)}.dark-mode{--surface-background: var(--neutral-900);--surface-card: var(--neutral-800);--surface-border: var(--neutral-700);--surface-hover: var(--neutral-700);--surface-active: var(--neutral-600);--text-primary: var(--neutral-100);--text-secondary: var(--neutral-300);--text-tertiary: var(--neutral-400);--text-disabled: var(--neutral-600);--body-color: var(--surface-background);--background-color: var(--surface-background);--card-bg: var(--surface-card);--border-color: var(--surface-border);--text-color: var(--text-color)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--neutral-100);border-radius:10px;box-shadow:inset 0 0 3px #0000000d}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--accent-color) 0%,var(--background-color) 50%,var(--secondary-color) 100%);border-radius:10px;border:1px solid var(--neutral-200);transition:all .3s ease}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--background-color) 0%,var(--accent-color) 50%,var(--secondary-color) 100%);box-shadow:0 2px 8px #00000026;transform:scale(1.1)}::-webkit-scrollbar-thumb:active{background:var(--accent-color)}::-webkit-scrollbar-corner{background:var(--neutral-100)}*,.scrollbar-custom{scrollbar-width:thin;scrollbar-color:var(--accent-color) var(--neutral-100)}.scrollbar-custom::-webkit-scrollbar{width:10px;height:10px}.scrollbar-custom::-webkit-scrollbar-track{background:var(--neutral-50);border-radius:12px;margin:2px}.scrollbar-custom::-webkit-scrollbar-thumb{background:var(--gradient-primary);border-radius:12px;border:2px solid var(--neutral-50)}.scrollbar-custom::-webkit-scrollbar-thumb:hover{background:var(--background-overlay);border:1px solid var(--accent-color)}.dark-mode ::-webkit-scrollbar-track{background:var(--neutral-800)}.dark-mode ::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--accent-color) 0%,var(--primary-500) 50%,var(--secondary-500) 100%);border:1px solid var(--neutral-700)}.dark-mode ::-webkit-scrollbar-thumb:hover{background:var(--accent-color);box-shadow:0 2px 8px #ffffff1a}.dark-mode ::-webkit-scrollbar-corner{background:var(--neutral-800)}:root{--mds-shadow-sm: 0 2px 4px rgba(0, 0, 0, .05);--mds-shadow-md: 0 4px 8px rgba(0, 0, 0, .08);--mds-shadow-lg: 0 8px 16px rgba(0, 0, 0, .1);--mds-shadow-hover: 0 8px 20px rgba(0, 0, 0, .3);--mds-radius-sm: .5rem;--mds-radius-md: 1rem;--mds-radius-lg: 1.5rem;--mds-radius-xl: 2rem;--mds-radius-full: 9999px;--mds-transition-fast: .2s ease;--mds-transition-normal: .3s ease;--mds-transition-slow: .5s ease;--mds-spacing-xs: .25rem;--mds-spacing-sm: .5rem;--mds-spacing-md: 1rem;--mds-spacing-lg: 1.5rem;--mds-spacing-xl: 2rem;--mds-spacing-xxl: 3rem}.mds-container{width:100%;max-width:1800px;margin:0 auto;padding:0 var(--mds-spacing-lg)}.mds-section{margin:var(--mds-spacing-xxl) 0}.mds-grid{display:grid;gap:var(--mds-spacing-lg)}.mds-grid-2{grid-template-columns:repeat(2,1fr)}.mds-grid-3{grid-template-columns:repeat(3,1fr)}.mds-grid-4{grid-template-columns:repeat(4,1fr)}.mds-grid-5{grid-template-columns:repeat(5,1fr)}.mds-flex{display:flex}.mds-flex-center{display:flex;align-items:center;justify-content:center}.mds-flex-between{display:flex;align-items:center;justify-content:space-between}.mds-title-xl{font-family:Montserrat,sans-serif;font-size:3.5rem;font-weight:800;line-height:1.1;margin-bottom:var(--mds-spacing-lg)}.mds-title-lg{font-family:Montserrat,sans-serif;font-size:2.5rem;font-weight:700;line-height:1.2;margin-bottom:var(--mds-spacing-md)}.mds-title-md{font-family:Montserrat,sans-serif;font-size:2rem;font-weight:700;line-height:1.3;margin-bottom:var(--mds-spacing-md)}.mds-title-sm{font-family:Montserrat,sans-serif;font-size:1.5rem;font-weight:600;line-height:1.4;margin-bottom:var(--mds-spacing-sm)}.mds-subtitle{font-family:Inter,sans-serif;font-size:1.25rem;font-weight:400;line-height:1.5;margin-bottom:var(--mds-spacing-lg);color:#253d4ecc}.mds-text{font-family:Inter,sans-serif;font-size:1rem;line-height:1.6;margin-bottom:var(--mds-spacing-md)}.mds-text-sm{font-family:Inter,sans-serif;font-size:.875rem;line-height:1.6}.mds-badge{display:inline-block;padding:.25rem .75rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border-radius:var(--mds-radius-full);background-color:var(--accent-color-light);color:var(--text-color)}.mds-btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;font-family:Montserrat,sans-serif;font-weight:600;font-size:1rem;border-radius:var(--mds-radius-full);transition:all var(--mds-transition-normal);cursor:pointer;text-decoration:none;border:none}.mds-btn-primary{background-color:var(--accent-color);color:var(--text-on-primary);box-shadow:var(--mds-shadow-sm)}.mds-btn-primary:hover{transform:translateY(-3px);box-shadow:var(--mds-shadow-hover)}.mds-btn-secondary{background-color:var(--surface-card);color:var(--text-color);border:1px solid var(--primary-300)}.mds-btn-secondary:hover{background-color:var(--accent-color-light);transform:translateY(-3px);box-shadow:var(--mds-shadow-sm)}.mds-btn-icon{display:inline-flex;align-items:center;gap:.5rem}.mds-btn-icon i{font-size:1.25rem}.mds-card{background-color:var(--surface-card);border-radius:var(--mds-radius-md);overflow:hidden;box-shadow:var(--mds-shadow-sm);transition:transform var(--mds-transition-normal),box-shadow var(--mds-transition-normal);color:var(--text-color)}.mds-card:hover{transform:translateY(-5px);box-shadow:var(--mds-shadow-lg)}.mds-card-img{width:100%;height:240px;object-fit:cover;transition:transform var(--mds-transition-normal)}.mds-card:hover .mds-card-img{transform:scale(1.05)}.mds-card-body{padding:var(--mds-spacing-lg)}.mds-card-title{font-family:Montserrat,sans-serif;font-size:1.25rem;font-weight:600;margin-bottom:var(--mds-spacing-sm)}.mds-card-text{font-family:Inter,sans-serif;font-size:.875rem;color:var(--text-secondary);margin-bottom:var(--mds-spacing-md)}.mds-card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:var(--mds-spacing-md);border-top:1px solid rgba(0,0,0,.05)}.mds-product-card{position:relative;background-color:var(--surface-card);border-radius:var(--mds-radius-md);overflow:hidden;box-shadow:var(--mds-shadow-sm);transition:all var(--mds-transition-normal);color:var(--text-color)}.mds-product-card:hover{transform:translateY(-5px);box-shadow:var(--mds-shadow-lg)}.mds-product-img-container{position:relative;height:280px;overflow:hidden}.mds-product-img{width:100%;height:100%;object-fit:cover;transition:transform var(--mds-transition-normal)}.mds-product-card:hover .mds-product-img{transform:scale(1.08)}.mds-product-badge{position:absolute;top:var(--mds-spacing-md);left:var(--mds-spacing-md);padding:.25rem .75rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border-radius:var(--mds-radius-full);background-color:var(--accent-color);color:var(--text-on-accent);z-index:1}.mds-product-actions{position:absolute;top:var(--mds-spacing-md);right:var(--mds-spacing-md);display:flex;flex-direction:column;gap:var(--mds-spacing-sm);opacity:0;transform:translate(10px);transition:all var(--mds-transition-normal);z-index:1}.mds-product-card:hover .mds-product-actions{opacity:1;transform:translate(0)}.mds-action-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background-color:var(--surface-card);color:var(--text-color);box-shadow:var(--mds-shadow-sm);transition:all var(--mds-transition-fast);cursor:pointer;border:none}.mds-action-btn:hover{background-color:var(--accent-color);color:var(--text-on-accent);transform:scale(1.1)}.mds-product-content{padding:var(--mds-spacing-lg)}.mds-product-category{font-size:.75rem;font-weight:500;color:var(--text-tertiary);margin-bottom:var(--mds-spacing-xs);text-transform:uppercase;letter-spacing:.05em}.mds-product-title{font-family:Montserrat,sans-serif;font-size:1.1rem;font-weight:600;margin-bottom:var(--mds-spacing-sm);transition:color var(--mds-transition-fast)}.mds-product-card:hover .mds-product-title{color:var(--accent-color)}.mds-product-price{display:flex;align-items:center;gap:var(--mds-spacing-sm);margin-bottom:var(--mds-spacing-sm)}.mds-price-current{font-family:Montserrat,sans-serif;font-size:1.25rem;font-weight:700;color:var(--text-color)}.mds-price-old{font-family:Inter,sans-serif;font-size:.875rem;text-decoration:line-through;color:var(--text-disabled)}.mds-product-rating{display:flex;align-items:center;gap:var(--mds-spacing-xs);margin-bottom:var(--mds-spacing-md)}.mds-rating-stars{color:var(--warning-500)}.mds-rating-count{font-size:.75rem;color:var(--text-tertiary)}.mds-hero{position:relative;height:650px;width:100%;border-radius:var(--mds-radius-lg);overflow:hidden;display:flex;align-items:center;margin-bottom:var(--mds-spacing-xxl)}.mds-hero-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;z-index:-1}.mds-hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to right,#fff,#0000001a);z-index:0}.mds-hero-content{position:relative;z-index:1;max-width:600px;margin-left:8%;padding:var(--mds-spacing-xl)}.mds-hero-badge{display:inline-block;padding:.5rem 1rem;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;border-radius:var(--mds-radius-full);background-color:var(--surface-card);color:var(--text-color);margin-bottom:var(--mds-spacing-md);box-shadow:var(--mds-shadow-sm)}.mds-hero-title{font-family:Montserrat,sans-serif;font-size:3.5rem;font-weight:800;line-height:1.1;margin-bottom:var(--mds-spacing-md);color:var(--text-color)}.mds-hero-subtitle{font-family:Inter,sans-serif;font-size:1.25rem;line-height:1.6;margin-bottom:var(--mds-spacing-lg);color:var(--text-secondary)}.mds-banner{position:relative;height:400px;border-radius:var(--mds-radius-md);overflow:hidden;display:flex;align-items:center;margin-bottom:var(--mds-spacing-xxl)}.mds-banner-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;z-index:-1}.mds-banner-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to right,#000000b3,#0000004d);z-index:0}.mds-banner-content{position:relative;z-index:1;max-width:500px;margin-left:8%;color:#fff}.mds-banner-subtitle{font-family:Inter,sans-serif;font-size:1rem;margin-bottom:var(--mds-spacing-md);text-transform:uppercase;letter-spacing:2px}.mds-banner-title{font-family:Montserrat,sans-serif;font-size:2.5rem;font-weight:700;line-height:1.2;margin-bottom:var(--mds-spacing-md)}.mds-category-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;transition:transform var(--mds-transition-slow);z-index:-1;filter:brightness(.95)}.mds-category-card:hover .mds-category-bg{transform:scale(1.15);filter:brightness(1.05)}.mds-category-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#0000001a,#000000b3);z-index:0;transition:background var(--mds-transition-normal)}.mds-category-card:hover .mds-category-overlay{background:linear-gradient(to bottom,#ffb9b933,#000000b3)}.mds-category-content{position:relative;z-index:1;text-align:center;width:30rem;display:flex;color:#fff;padding:var(--mds-spacing-md);transform:translateY(0);transition:transform var(--mds-transition-normal);flex-direction:column;align-items:center;justify-content:center}.mds-category-card:hover .mds-category-content{transform:translateY(-5px)}.mds-category-title{font-family:Montserrat,sans-serif;font-size:1.5rem;font-weight:700;margin-bottom:var(--mds-spacing-sm);text-shadow:0 2px 4px rgba(0,0,0,.3);position:relative;display:inline-block}.mds-category-title:after{content:"";position:absolute;bottom:-4px;left:50%;width:0;height:2px;background-color:var(--secondary-color);transform:translate(-50%);transition:width var(--mds-transition-normal)}.mds-category-card:hover .mds-category-title:after{width:50%}.mds-category-count{font-family:Inter,sans-serif;font-size:.875rem;opacity:.9;background-color:#fff3;padding:3px 10px;border-radius:var(--mds-radius-full);display:inline-block;backdrop-filter:blur(2px);transition:background-color var(--mds-transition-normal)}.mds-category-card:hover .mds-category-count{background-color:var(--background-color-light)}.mds-section-header{text-align:center;margin-bottom:var(--mds-spacing-xl)}.mds-section-title{font-family:Montserrat,sans-serif;font-size:2.25rem;font-weight:700;margin-bottom:var(--mds-spacing-sm);color:var(--text-color)}.mds-section-subtitle{font-family:Inter,sans-serif;font-size:1.1rem;max-width:600px;margin:0 auto;color:var(--text-secondary)}@media (max-width: 1200px){.mds-grid-4{grid-template-columns:repeat(3,1fr)}.mds-grid-5{grid-template-columns:repeat(4,1fr)}.mds-hero-title{font-size:3rem}}@media (max-width: 992px){.mds-grid-3,.mds-grid-4,.mds-grid-5{grid-template-columns:repeat(2,1fr)}.mds-hero{height:550px}.mds-hero-title{font-size:2.5rem}.mds-hero-subtitle{font-size:1.1rem}.mds-title-xl{font-size:3rem}.mds-title-lg{font-size:2.25rem}}@media (max-width: 768px){.mds-grid-3,.mds-grid-4,.mds-grid-5{grid-template-columns:1fr}.mds-hero{height:450px;margin-bottom:var(--mds-spacing-xl)}.mds-hero-content{padding:var(--mds-spacing-lg);text-align:center;margin:0 auto}.mds-hero-title{font-size:2rem}.mds-hero-subtitle{font-size:1rem}.mds-banner{height:350px;margin-bottom:var(--mds-spacing-xl)}.mds-banner-content{padding:var(--mds-spacing-lg);text-align:center;margin:0 auto}.mds-banner-title{font-size:2rem}.mds-section-title{font-size:1.75rem}.mds-section-subtitle{font-size:1rem}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideLeft{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slideRight{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.mds-animate-fade{animation:fadeIn .6s ease forwards}.mds-animate-up{animation:slideUp .6s ease forwards}.mds-animate-down{animation:slideDown .6s ease forwards}.mds-animate-left{animation:slideLeft .6s ease forwards}.mds-animate-right{animation:slideRight .6s ease forwards}.mds-delay-1{animation-delay:.1s}.mds-delay-2{animation-delay:.2s}.mds-delay-3{animation-delay:.3s}.mds-delay-4{animation-delay:.4s}.mds-delay-5{animation-delay:.5s}[dir=rtl]{direction:rtl;text-align:right}[dir=rtl] .eh-header,[dir=rtl] .eh-container,[dir=rtl] .eh-nav,[dir=rtl] .eh-nav-links,[dir=rtl] .eh-right,[dir=rtl] .site-header,[dir=rtl] .site-header-container,[dir=rtl] .site-header-navbar,[dir=rtl] .site-header-nav-links,[dir=rtl] .site-header-right{direction:ltr;text-align:left}[dir=rtl] .eh-nav-links,[dir=rtl] .site-header-nav-links{flex-direction:row;justify-content:flex-start}[dir=rtl] .eh-right{direction:ltr;display:flex;align-items:center;gap:1rem}[dir=rtl] .eh-logo,[dir=rtl] .site-header-logo{direction:ltr}[dir=rtl] .ltr-content,[dir=rtl] input[type=email],[dir=rtl] input[type=url],[dir=rtl] input[type=tel],[dir=rtl] .code,[dir=rtl] .price,[dir=rtl] .number{direction:ltr;text-align:left}[dir=rtl] .form-control{text-align:right}[dir=rtl] input::placeholder,[dir=rtl] textarea::placeholder{text-align:right;direction:rtl}[dir=rtl] .content,[dir=rtl] .main-content,[dir=rtl] .page-content,[dir=rtl] .article-content,[dir=rtl] .product-description,[dir=rtl] .card-body,[dir=rtl] .modal-body,[dir=rtl] .table th,[dir=rtl] .table td{text-align:right}[dir=rtl] .price,[dir=rtl] .amount,[dir=rtl] .currency,[dir=rtl] .number,[dir=rtl] .quantity{direction:ltr;text-align:left}[dir=rtl]{font-family:Segoe UI,Tahoma,Arial,Helvetica Neue,sans-serif;line-height:1.6}[dir=rtl] p,[dir=rtl] span,[dir=rtl] div,[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3,[dir=rtl] h4,[dir=rtl] h5,[dir=rtl] h6{line-height:1.6}.site-header{background-color:#fff;padding:20px 0;box-shadow:0 2px 10px #0000000d;position:sticky;top:0;z-index:1000}.site-header-container{max-width:1800px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center}.site-header-logo img{height:50px}.site-header-logo h1{font-family:Montserrat,sans-serif;font-weight:700;font-size:1.8rem;margin:0;color:var(--accent-color)}.site-header-buttons{display:flex;gap:15px}.site-header-login-button,.site-header-signup-button{padding:10px 22px;border:none;border-radius:25px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s ease}.site-header-login-button{background-color:var(--accent-color);color:var(--text-on-primary)}.site-header-signup-button{background-color:var(--primary-50);color:var(--text-color)}.site-header-login-button:hover,.site-header-signup-button:hover{transform:translateY(-3px);box-shadow:0 5px 15px #0000001a}.site-header-login-button:active,.site-header-signup-button:active{transform:scale(.95)}.site-header-navbar{display:flex;align-items:center}.site-header-navbar-container{display:flex;justify-content:space-between;width:100%;max-width:1200px;padding:0 20px}.site-header-navbar-menu{display:flex;list-style:none;margin:0;padding:0;gap:30px}.site-header-navbar-item{position:relative}.site-header-navbar-link{color:#333;text-decoration:none;font-weight:500;padding:10px 0;transition:color .3s ease;display:block}.site-header-navbar-link:hover,.site-header-navbar-link.active{color:var(--accent-color)}.site-header-navbar-link.active:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:var(--accent-color)}.site-header-nav-links{display:flex;list-style:none;margin:0;padding:0;gap:30px}.site-header-nav-links a{text-decoration:none;color:#333;font-weight:500;font-size:1.05rem;transition:color .3s ease;position:relative;padding:5px 0}.site-header-nav-links a:hover,.site-header-nav-links a.active{color:var(--accent-color)}.site-header-nav-links a.active:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:var(--accent-color)}.site-header-right{display:flex;align-items:center;gap:20px}.site-header-search-bar{position:absolute;top:-100px;left:0;right:0;background:#fff;padding:15px;box-shadow:0 5px 10px #0000001a;transition:top .3s ease;display:flex;z-index:1001}.site-header-search-bar.active{top:80px}.site-header-search-bar input{flex:1;padding:10px 15px;border:1px solid var(--secondary-color);border-radius:30px;font-size:1rem}.site-header-search-bar input:focus{outline:none;border-color:var(--accent-color)}.site-header-search-close{background:none;border:none;color:#666;font-size:1.2rem;cursor:pointer;margin-left:10px}.site-header-icons{display:flex;align-items:center;gap:15px}.site-header-icon-button{background:none;border:none;color:#333;font-size:1.2rem;cursor:pointer;position:relative;padding:5px;transition:color .3s ease}.site-header-icon-button:hover{color:var(--accent-color)}.site-header-badge{position:absolute;top:-5px;right:-5px;background-color:var(--accent-color);color:var(--text-on-primary);font-size:.7rem;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center}.site-header-auth-buttons{display:flex;gap:15px}.site-header-mobile-menu-button,.site-header-close-menu{display:none;background:none;border:none;font-size:1.5rem;cursor:pointer;color:#333}.modelCart{position:fixed;top:5rem;right:.5rem;background-color:#f8fafc;padding:1rem 2rem;border-radius:1rem;box-shadow:1px 3px 16px -6px #000;animation:slideIn .5s ease-out}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.user-menu{position:absolute;top:45px;right:-10px;width:280px;background:#fff;border-radius:8px;box-shadow:0 5px 25px #0000001a;padding:0;z-index:1000;border:1px solid rgba(229,192,192,.1);overflow:hidden}.user-menu-greeting{padding:16px;background:linear-gradient(to right,var(--accent-color),var(--secondary-color));color:var(--text-on-primary);font-weight:500;border-bottom:1px solid rgba(0,0,0,.05)}.user-menu li{margin:0;transition:all .2s ease}.user-menu li:last-child{border-top:1px solid #eee}.user-menu a{padding:12px 16px;color:#444;display:flex;align-items:center;gap:12px;border:none;transition:all .2s ease;font-size:.9rem}.user-menu a svg{font-size:1.1rem;color:#666}.user-menu li:hover{background-color:rgba(var(--primary-rgb),.08)}.user-menu li:hover a{color:var(--accent-color)}.user-menu li:hover svg{color:var(--accent-color)}.user-menu li:last-child a{color:#e45858}.user-menu li:last-child:hover a{background-color:#fff5f5;color:#e45858}.user-menu li:last-child:hover svg{color:#e45858}@keyframes slidetop{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1200px){.site-header-auth-buttons{display:none}}@media (max-width: 992px){.site-header-navbar{position:fixed;top:0;right:-100%;width:70%;max-width:300px;height:100vh;background-color:#fff;box-shadow:-5px 0 15px #0000001a;flex-direction:column;align-items:flex-start;padding:80px 30px 30px;transition:right .3s ease;z-index:1001}.site-header-navbar.active{right:0}.site-header-nav-links{flex-direction:column;width:100%}.site-header-nav-links a{display:block;padding:15px 0;font-size:1.2rem}.site-header-mobile-menu-button{display:block}.site-header-close-menu{display:block;position:absolute;top:20px;right:20px;font-size:1.8rem}.site-header-search-bar.active{top:70px}}@media (max-width: 576px){.site-header-container{padding:0 15px}.site-header-logo h1{font-size:1.5rem}.site-header-icons{gap:10px}.site-header-icon-button{font-size:1rem}}.site-header a,.site-header .site-header-nav-links a,.site-header .user-menu a,.site-header-auth-buttons a{text-decoration:none}.eh-header{background-color:var(--header-bg, white);padding:1rem 0;box-shadow:var(--mds-shadow-sm);position:sticky;top:0;z-index:1000;transition:all .3s ease;color:var(--text-color)}.eh-header.scrolled{padding:.75rem 0;box-shadow:var(--mds-shadow-md)}.eh-container{max-width:1800px;margin:0 auto;padding:0 1.5rem;display:flex;justify-content:space-between;align-items:center}.eh-logo{display:flex;align-items:center;position:relative}.eh-logo:after{content:"";position:absolute;width:70%;height:5%;left:16%;background-color:#00000061;box-shadow:0 0 5px #000;bottom:-.2rem;border-radius:1rem}.eh-logo img{height:50px;transition:all .3s ease;border-radius:1rem}.eh-header.scrolled .eh-logo img{height:45px}.eh-nav{display:flex;align-items:center}.eh-nav-links{display:flex;list-style:none;margin:0;padding:0;gap:2rem}.eh-nav-link{position:relative;color:var(--text-color);font-weight:500;font-size:1rem;text-decoration:none;padding:.5rem 0;transition:all .3s ease}.eh-nav-link:hover{color:var(--accent-color)}.eh-nav-link.active{color:var(--accent-color);font-weight:600}.eh-nav-link.active:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:var(--accent-color);transform:scaleX(1);transform-origin:left;transition:transform .3s ease}.eh-nav-link:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:var(--accent-color);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.eh-nav-link:hover:after{transform:scaleX(1)}.eh-right{display:flex;align-items:center;gap:1.5rem}.eh-search-container{position:relative}.eh-search-bar{position:absolute;top:100%;right:0;width:0;overflow:hidden;transition:all .3s ease;opacity:0;visibility:hidden;background-color:var(--body-color);border-radius:var(--mds-radius-md);box-shadow:var(--mds-shadow-md);margin-top:.5rem;z-index:1002}.eh-search-bar.active{width:300px;opacity:1;visibility:visible;padding:.75rem}.eh-search-form{display:flex;align-items:center;width:100%;position:relative}.eh-search-input{width:100%;padding:.75rem 4.5rem .75rem 1rem;border:1px solid var(--border-color, rgba(0, 0, 0, .1));border-radius:var(--mds-radius-full);font-size:.9rem;outline:none;transition:all .3s ease;background-color:var(--input-bg, #f9f9f9);color:var(--text-color)}.eh-search-input:focus{border-color:var(--accent-color);box-shadow:0 0 0 2px #e5c0c033}.eh-search-submit{position:absolute;top:50%;right:2.5rem;transform:translateY(-50%);background:none;border:none;color:var(--accent-color);cursor:pointer;font-size:1rem;opacity:.8;transition:all .3s ease}.eh-search-submit:hover{opacity:1;transform:translateY(-50%) scale(1.1)}.eh-search-submit:disabled{opacity:.4;cursor:not-allowed}.eh-search-close{position:absolute;top:50%;right:1rem;transform:translateY(-50%);background:none;border:none;color:var(--text-color);cursor:pointer;font-size:1rem;opacity:.6;transition:all .3s ease}.eh-search-close:hover{opacity:1;color:var(--accent-color)}.eh-search-results{position:absolute;top:calc(100% + 5px);left:0;width:100%;background-color:var(--body-color);border-radius:var(--mds-radius-md);box-shadow:var(--mds-shadow-lg);z-index:1003;max-height:400px;overflow-y:auto;transition:all .3s ease;transform-origin:top center;animation:searchResultsAppear .3s ease forwards}@keyframes searchResultsAppear{0%{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.eh-search-loading{display:flex;align-items:center;justify-content:center;padding:1.5rem;gap:.5rem;color:var(--text-color)}.eh-search-results-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-bottom:1px solid rgba(0,0,0,.05);font-weight:600}.eh-search-results-count{font-size:.8rem;color:var(--text-muted);font-weight:400}.eh-search-results-list{padding:.5rem 0}.eh-search-result-item{display:flex;align-items:center;padding:.75rem 1rem;cursor:pointer;transition:background-color .2s ease}.eh-search-result-item:hover{background-color:#e5c0c01a}.eh-search-result-image{width:50px;height:50px;border-radius:var(--mds-radius-sm);overflow:hidden;margin-right:1rem;flex-shrink:0}.eh-search-result-image img{width:100%;height:100%;object-fit:cover}.eh-search-result-info{flex:1}.eh-search-result-info h4{margin:0 0 .25rem;font-size:.9rem;font-weight:500;color:var(--text-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.eh-search-result-price{display:flex;align-items:center;gap:.5rem}.eh-search-result-discount{font-weight:600;color:var(--accent-color)}.eh-search-result-original{font-size:.8rem;color:var(--text-muted);text-decoration:line-through}.eh-search-results-more{padding:.75rem 1rem;border-top:1px solid rgba(0,0,0,.05);text-align:center}.eh-search-results-more button{background:none;border:none;color:var(--accent-color);font-weight:500;cursor:pointer;padding:.5rem 1rem;border-radius:var(--mds-radius-full);transition:all .2s ease}.eh-search-results-more button:hover{background-color:#e5c0c01a}.eh-search-no-results{padding:1.5rem;text-align:center;color:var(--text-muted)}.eh-icons{display:flex;align-items:center;gap:1rem}.eh-icon-btn{position:relative;background:none;border:none;color:var(--text-color);font-size:1.25rem;cursor:pointer;padding:.5rem;border-radius:50%;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.eh-icon-btn.eh-theme-toggle{overflow:hidden}.eh-icon-btn.eh-theme-toggle:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle,rgba(229,192,192,.2) 0%,transparent 70%);opacity:0;transition:opacity .3s ease;border-radius:50%;z-index:-1}.eh-icon-btn.eh-theme-toggle:hover:before{opacity:1}.eh-icon-btn.eh-theme-toggle .material-icons{transition:transform .5s ease}.eh-icon-btn.eh-theme-toggle:hover .material-icons{transform:rotate(30deg)}.eh-icon-btn .material-icons{font-size:1.25rem}.eh-icon-btn.eh-search-btn:after{content:"Ctrl+K";position:absolute;bottom:-20px;left:50%;transform:translate(-50%);font-size:.6rem;background-color:#000000b3;color:#fff;padding:2px 5px;border-radius:3px;opacity:0;visibility:hidden;transition:all .2s ease;white-space:nowrap}.eh-icon-btn.eh-search-btn:hover:after{opacity:1;visibility:visible}.eh-icon-btn:hover{color:var(--accent-color);background-color:#e5c0c01a;transform:translateY(-2px)}.eh-badge{position:absolute;top:0;right:0;background-color:var(--accent-color);color:#fff;font-size:.7rem;font-weight:600;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;transform:translate(25%,-25%);z-index:2}.eh-auth-buttons,.eh-auth-buttons-inline{display:flex;gap:1rem}.eh-auth-buttons-inline{margin-left:.5rem}.eh-btn-login{padding:.6rem 1.5rem;border:1px solid var(--accent-color);border-radius:var(--mds-radius-full);background-color:transparent;color:var(--text-color);font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease;text-decoration:none}.eh-btn-login:hover{background-color:#e5c0c01a;transform:translateY(-2px)}.eh-btn-signup{padding:.6rem 1.5rem;border:none;border-radius:var(--mds-radius-full);background-color:var(--accent-color);color:#fff;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease;text-decoration:none;box-shadow:var(--mds-shadow-sm)}.eh-btn-signup:hover{transform:translateY(-2px);box-shadow:var(--mds-shadow-md)}.eh-mobile-menu-btn{display:none;background:none;border:none;color:var(--text-color);cursor:pointer}.eh-mobile-menu-btn .material-icons{font-size:1.5rem}.eh-close-menu-btn{display:none;background:none;border:none;color:var(--text-color);cursor:pointer;position:absolute;top:1.5rem;right:1.5rem}.eh-close-menu-btn .material-icons{font-size:1.5rem}.eh-user-menu{position:absolute;top:100%;right:0;width:280px;background:#fff;border-radius:var(--mds-radius-md);box-shadow:var(--mds-shadow-md);padding:0;margin-top:.75rem;z-index:1000;border:1px solid rgba(229,192,192,.1);overflow:hidden;transform:translateY(10px);opacity:0;visibility:hidden;transition:all .3s ease}.eh-user-menu.active{transform:translateY(0);opacity:1;visibility:visible}.eh-user-menu-greeting{padding:1.25rem;background-color:#e5c0c01a;font-weight:600;border-bottom:1px solid rgba(0,0,0,.05)}.eh-user-menu li{list-style:none}.eh-user-menu li a{display:flex;align-items:center;gap:.75rem;padding:.9rem 1.25rem;color:var(--text-color);text-decoration:none;transition:all .3s ease}.eh-user-menu li a .material-icons{font-size:1.2rem}.eh-user-menu li a:hover{background-color:#e5c0c01a}.eh-user-menu li:last-child a,.eh-user-menu li:last-child button{color:#e74c3c}.eh-logout-button{display:flex;align-items:center;gap:.75rem;padding:.9rem 1.25rem;color:#e74c3c;text-decoration:none;transition:all .3s ease;background:none;border:none;cursor:pointer;font-family:inherit;font-size:inherit;width:100%;text-align:left}.eh-logout-button .material-icons{font-size:1.2rem}.eh-logout-button:hover{background-color:#e5c0c01a}.eh-logout-indicator{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;background-color:#e5c0c01a;border-radius:var(--mds-radius-full);color:var(--text-color)}.eh-spinner{animation:spin 1s linear infinite;display:inline-block;font-size:1.2rem}.eh-cart-model{position:absolute;padding:1rem 1.5rem;top:4rem;right:1.5rem;background-color:#fff;border-radius:12px;box-shadow:0 10px 25px #0000001a;z-index:1000;animation:slideInRight .3s ease-out;max-width:400px;width:100%}.eh-loading-dot{position:absolute;top:0;right:0;width:8px;height:8px;background-color:var(--accent-color);border-radius:50%;animation:pulse 1.5s infinite}@keyframes pulse{0%{transform:scale(.8);opacity:.5}50%{transform:scale(1.2);opacity:1}to{transform:scale(.8);opacity:.5}}@media (max-width: 1024px){.eh-nav-links{gap:1.5rem}.eh-right{gap:1rem}}@media (max-width: 992px){.eh-mobile-menu-btn{display:block}.eh-nav{position:fixed;top:0;right:-300px;width:300px;height:100vh;background-color:#fff;box-shadow:var(--mds-shadow-lg);padding:5rem 2rem 2rem;transition:all .3s ease;z-index:1001}.eh-nav.active{right:0}.eh-close-menu-btn{display:block}.eh-nav-links{flex-direction:column;gap:1.5rem}.eh-nav-link{font-size:1.1rem}.eh-auth-buttons{display:none}.eh-auth-buttons-inline{display:flex}}@media (max-width: 768px){.eh-search-container{position:static}.eh-search-bar{position:fixed;top:0;left:0;right:0;width:100%;margin-top:0;border-radius:0;padding:0;height:0;background-color:#fffffff2;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.eh-search-bar.active{width:100%;height:auto;padding:1rem;box-shadow:0 2px 10px #0000001a}.eh-search-form{max-width:600px;margin:0 auto}.eh-search-results{position:fixed;top:70px;left:0;right:0;width:100%;max-width:600px;margin:0 auto;border-radius:0 0 var(--mds-radius-md) var(--mds-radius-md)}.eh-cart-model{right:1rem;left:1rem;width:auto}.eh-search-result-info h4{font-size:.8rem}.eh-search-result-image{width:40px;height:40px}}@media (max-width: 576px){.eh-container{padding:0 1rem}.eh-logo img{height:40px}.eh-icons{gap:.5rem}.eh-icon-btn{font-size:1.1rem}.eh-auth-buttons-inline .eh-btn-login,.eh-auth-buttons-inline .eh-btn-signup{padding:.5rem 1rem;font-size:.8rem}.eh-search-bar.active{padding:.75rem}.eh-search-form{max-width:100%}.eh-search-input{padding:.6rem 4rem .6rem .8rem;font-size:.85rem}.eh-search-submit{right:2.2rem}.eh-search-close{right:.7rem}.eh-search-results{top:60px;max-width:100%;max-height:80vh}.eh-search-result-item{padding:.5rem}.eh-search-result-image{width:35px;height:35px;margin-right:.5rem}.eh-search-result-info h4{font-size:.75rem}.eh-search-result-price{font-size:.7rem}.eh-search-results-header{padding:.6rem .75rem;font-size:.9rem}.eh-search-results-count{font-size:.7rem}}.gotopay{background:var(--secondary-color);border:2px solid var(--secondary-color);color:var(--text-on-secondary);padding:.8rem 2rem;border-radius:5px;cursor:pointer;font-weight:600;margin-top:.5rem;float:right}.gotopay:hover{background:var(--body-color);color:var(--accent-color);border:2px solid var(--accent-color)}.cart-order-info p{font-size:12px;color:var(--text-tertiary);margin:0}.close-btn:hover{color:var(--error-500);text-shadow:1px 0px 12px rgba(var(--error-500),.3)}.cart-auth-message,.cart-empty-message{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1rem;text-align:center;min-height:150px}.cart-auth-message p,.cart-empty-message p{font-size:1rem;margin-bottom:1.5rem;color:var(--text-secondary)}.cart-order-list{width:100%;max-width:500px;margin:auto;font-family:Arial,sans-serif}h2{font-size:20px;font-weight:700;margin-bottom:10px}.articles-list{margin-top:1rem;max-height:16rem;padding:.5rem;overflow-x:auto}.gotopay{background:var(--secondary-color);border:2px solid var(--secondary-color);padding:.8rem 2rem;border-radius:5px;cursor:pointer;font-weight:600;margin-top:.5rem;float:right}.gotopay:hover{background:var(--body-color);border:2px solid var(--accent-color)}.cart-order-item{display:flex;position:relative;align-items:center;justify-content:space-between;background:#fff;padding:10px;gap:.6rem;border-radius:10px;box-shadow:0 4px 10px #0000001a;margin-bottom:10px}.cart-order-image{width:50px;height:50px;border-radius:5px}.cart-order-image img{width:100%;height:100%;object-fit:cover;border-radius:5px}.cart-order-info{flex:1;margin-left:10px}.cart-order-info h3{font-size:16px;margin:0}.cart-order-info p{font-size:12px;color:gray;margin:0}.close-btn{position:absolute;top:0;right:.5rem;font-size:20px;padding:2px;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center}.close-btn .material-icons{font-size:18px}.close-btn:hover{color:red;text-shadow:1px 0px 12px #720202}.cart-order-quantity{font-size:18px;font-weight:700;left:0rem;top:0;border-radius:.3rem;padding:2px 5px}.cart-order-price{font-size:18px;font-weight:700;color:#000}.cart-total-section{margin-top:1rem;border-top:2px solid #eee;padding-top:1rem}.cart-total-section>div{display:flex;justify-content:space-between;margin:.5rem 0}.cart-total{font-weight:700;font-size:1.2rem;color:var(--secondary-color)}.empty-wishlist{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.empty-wishlist p{margin-bottom:20px;color:#777}.wishlist-model-content{flex:1;overflow-y:auto;padding:0}.wishlist-model-footer{padding:15px 20px;border-top:1px solid #f0f0f0;display:flex;justify-content:center}.item-details{flex:1;min-width:0}.item-details h4{margin:0 0 5px;font-size:14px;font-weight:500;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-price{display:flex;align-items:center;margin-bottom:5px}.current-price{font-weight:600;color:var(--secondary-color);margin-right:8px;font-size:16px}.original-price{font-size:12px;color:#999;text-decoration:line-through}.item-category{font-size:12px;color:#777}.item-actions{display:flex;flex-direction:column;gap:5px;margin-left:10px}.add-to-cart-btn,.remove-btn,.cancel-btn{background:none;border:none;cursor:pointer;font-size:13px;padding:6px 10px;border-radius:6px;transition:all .2s ease;font-weight:500}.add-to-cart-btn{color:var(--secondary-color);background-color:#f0f4ff}.add-to-cart-btn:hover{background-color:var(--secondary-color);color:#fff}.add-to-cart-btn:disabled{opacity:.5;cursor:not-allowed}.cancel-btn{color:#777;background-color:#f0f0f0}.cancel-btn:hover{background-color:#e0e0e0}.remove-btn{color:#ff5252}.remove-btn:hover{background-color:#fff0f0}.product-options{display:flex;flex-direction:column;gap:10px;width:100%;padding:10px;background-color:#f9f9f9;border-radius:8px;margin-top:10px}.option-group{display:flex;flex-direction:column;gap:5px}.option-group label{font-size:12px;font-weight:600;color:#555}.color-options,.size-options{display:flex;flex-wrap:wrap;gap:5px}.color-option{width:30px;height:30px;border-radius:50%;border:2px solid transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:0;transition:all .2s ease}.color-option.selected{border-color:#333;transform:scale(1.1)}.size-option{min-width:30px;height:30px;border-radius:4px;border:1px solid #ddd;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:12px;transition:all .2s ease;padding:0 8px}.size-option.selected{background-color:var(--secondary-color);color:#fff;border-color:var(--secondary-color)}.option-actions{display:flex;justify-content:space-between;margin-top:10px}.cart-order-item{flex-wrap:wrap}.ft-footer{background:linear-gradient(to right,var(--primary-50),var(--primary-100));color:var(--text-color);padding:60px 0 20px;margin-top:80px;position:relative;z-index:99;box-shadow:0 -10px 30px #0000000d;overflow:hidden}.ft-footer:before{content:"";position:absolute;top:0;left:0;width:100%;height:5px;background:linear-gradient(to right,var(--accent-color),var(--secondary-color))}.ft-footer-container{max-width:1800px;margin:0 auto;padding:0 var(--mds-spacing-lg)}.ft-newsletter{background-color:#fff;border-radius:var(--mds-radius-md);padding:2.5rem;margin-bottom:3rem;box-shadow:var(--mds-shadow-md);transform:translateY(-40px);border:1px solid rgba(var(--primary-rgb),.1)}.ft-newsletter-content{max-width:600px;margin:0 auto;text-align:center}.ft-newsletter-content h2{margin-bottom:.5rem;color:var(--text-color)}.ft-newsletter-content p{margin-bottom:1.5rem;color:var(--text-secondary)}.ft-newsletter-form{display:flex;gap:1rem;max-width:500px;margin:0 auto}.ft-newsletter-form input{flex:1;padding:1rem 1.5rem;border-radius:var(--mds-radius-full);border:1px solid rgba(0,0,0,.1);font-size:1rem;box-shadow:var(--mds-shadow-sm);transition:all .3s ease}.ft-newsletter-form input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1)}.ft-newsletter-form button{display:flex;align-items:center;gap:.5rem;padding:1rem 1.5rem;background-color:var(--accent-color);color:#fff;border:none;border-radius:var(--mds-radius-full);font-weight:600;cursor:pointer;transition:all .3s ease}.ft-newsletter-form button:hover{background-color:var(--background-color-light);transform:translateY(-3px);box-shadow:0 5px 15px rgba(var(--primary-rgb),.2)}.ft-newsletter-form button .material-icons{font-size:1.2rem;transition:transform .3s ease}.ft-newsletter-form button:hover .material-icons{transform:translate(3px)}.ft-footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:clamp(1.5rem,3vw,2.5rem);margin-bottom:clamp(2rem,4vw,3rem)}.ft-footer-column h3{color:var(--text-color);font-family:Montserrat,sans-serif;font-size:1.2rem;font-weight:600;margin-bottom:1.5rem;position:relative;padding-bottom:.8rem}.ft-footer-column h3:after{content:"";position:absolute;bottom:0;left:0;width:40px;height:3px;background:linear-gradient(to right,var(--accent-color),var(--accent-color-light));border-radius:3px;transition:width .3s ease}.ft-footer-column:hover h3:after{width:60px}.ft-footer-column ul{list-style:none;padding:0;margin:0}.ft-footer-column li{margin-bottom:.8rem;transition:transform .3s ease}.ft-footer-column li:hover{transform:translate(5px)}.ft-footer-column a{color:var(--text-secondary);text-decoration:none;transition:color .3s ease;font-size:.95rem;display:inline-flex;align-items:center}.ft-footer-column a:hover{color:var(--accent-color)}.ft-footer-column a:before{content:"";display:inline-block;width:0;height:1px;background-color:var(--accent-color);margin-right:0;transition:all .3s ease;opacity:0}.ft-footer-column a:hover:before{width:8px;margin-right:8px;opacity:1}.ft-contact-info{display:flex;flex-direction:column;gap:1rem}.ft-contact-item{display:flex;align-items:center;gap:.8rem;color:var(--text-secondary)}.ft-contact-item .material-icons{color:var(--accent-color);font-size:1.2rem}.ft-contact-item p{margin:0;font-size:.95rem}.ft-social-icons{display:flex;gap:.8rem;margin-top:1.2rem}.ft-social-icon{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;overflow:hidden;object-fit:cover;border-radius:50%;background:linear-gradient(135deg,var(--accent-color),var(--accent-color-light));color:#fff;transition:all .3s ease;box-shadow:0 4px 10px rgba(var(--primary-rgb),.2)}.ft-social-icon-img{width:6rem;height:3rem;border-radius:50%}.ft-social-icon .material-icons{font-size:1.2rem}.ft-social-icon:hover{transform:translateY(-5px) rotate(5deg);box-shadow:0 8px 15px rgba(var(--primary-rgb),.3)}.ft-footer-middle{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:2rem;margin-bottom:3rem;padding:2rem 0;border-top:1px solid rgba(var(--primary-rgb),.1);border-bottom:1px solid rgba(var(--primary-rgb),.1)}.ft-payment-methods,.ft-app-download{flex:1;min-width:250px}.ft-payment-methods h4,.ft-app-download h4{font-family:Montserrat,sans-serif;font-size:1.1rem;font-weight:600;margin-bottom:1rem;color:var(--text-color)}.ft-payment-icons{display:flex;gap:1rem;flex-wrap:wrap}.ft-payment-icons img{height:30px;filter:grayscale(100%);opacity:.7;transition:all .3s ease}.ft-payment-icons img:hover{filter:grayscale(0%);opacity:1;transform:scale(1.1)}.ft-app-buttons{display:flex;gap:1rem;flex-wrap:wrap}.ft-app-button img{height:40px;transition:all .3s ease}.ft-app-button:hover img{transform:translateY(-3px);filter:drop-shadow(0 5px 10px rgba(0,0,0,.1))}.ft-footer-bottom{display:flex;flex-direction:column;align-items:center;gap:1.5rem;text-align:center;padding-top:1.5rem}.ft-footer-links{display:flex;gap:1.5rem;flex-wrap:wrap;justify-content:center}.ft-footer-links a{color:var(--text-tertiary);text-decoration:none;font-size:.9rem;transition:color .3s ease}.ft-footer-links a:hover{color:var(--accent-color)}.ft-copyright{color:var(--text-tertiary);font-size:.9rem;margin:0}@media (max-width: 992px){.ft-footer{padding:40px 0 20px;margin-top:60px}.ft-newsletter{padding:clamp(1.5rem,4vw,2.5rem);margin:0 1rem;transform:translateY(-25px)}.ft-footer-middle{flex-direction:column;align-items:flex-start;gap:2rem;padding:1.5rem 0}.ft-payment-methods,.ft-app-download{width:100%}.ft-app-buttons{justify-content:flex-start}}@media (max-width: 768px){.ft-footer{margin-top:40px}.ft-footer-content{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem}.ft-newsletter-form{flex-direction:column;gap:1rem}.ft-newsletter-form input{width:100%;text-align:center;font-size:.95rem}.ft-newsletter-form button{width:100%;justify-content:center}.ft-newsletter{transform:translateY(-20px);margin:0 .5rem}.ft-social-icons{gap:.6rem}.ft-social-icon{width:34px;height:34px}.ft-payment-icons img{height:25px}.ft-app-button img{height:35px}}@media (max-width: 576px){.ft-footer-content{grid-template-columns:1fr 1fr}.ft-footer-column a:before{display:none}.ft-footer-column li:hover{transform:translateY(-3px)}.ft-social-icons{justify-content:center}.ft-footer-middle{align-items:center;text-align:center;padding:1rem 0;margin-bottom:0}.ft-payment-methods,.ft-app-download{display:flex;flex-direction:column;align-items:center}.ft-payment-icons,.ft-app-buttons{justify-content:center}.ft-footer-links{gap:1rem}.ft-copyright{font-size:.85rem;text-align:center;padding:0 1rem}.ft-footer-container{padding:0 1rem}.ft-newsletter{padding:1.5rem;margin:0}.ft-newsletter-content h2{font-size:clamp(1.5rem,5vw,2rem)}.ft-newsletter-content p{font-size:clamp(.9rem,4vw,1rem)}}@media (max-width: 320px){.ft-footer-content{gap:.5rem}}.dark-mode .ft-footer{background:linear-gradient(to right,var(--neutral-800),var(--neutral-900));box-shadow:0 -10px 30px #0003}.dark-mode .ft-newsletter{background-color:var(--surface-card);border-color:var(--neutral-700)}.dark-mode .ft-footer-column h3{color:var(--text-on-primary)}.dark-mode .ft-footer-column a,.dark-mode .ft-contact-item{color:var(--text-secondary)}.dark-mode .ft-footer-middle{border-color:var(--neutral-700)}.dark-mode .ft-footer-bottom{color:var(--text-tertiary)}.dark-mode .ft-social-icon{background:linear-gradient(135deg,var(--accent-color),var(--accent-color-light));box-shadow:0 4px 10px #0000004d}.dark-mode .ft-payment-icons img{filter:brightness(.8) grayscale(100%)}.dark-mode .ft-payment-icons img:hover{filter:brightness(1) grayscale(0%)}.ft-newsletter-form input:focus+button{background-color:var(--background-color-light)}.ft-footer-column{transition:transform .3s ease}.ft-footer-column:hover{transform:translateY(-5px)}@media (max-width: 1200px){.ft-footer-container{padding:0 var(--mds-spacing-md)}.ft-newsletter{margin:0 1rem;transform:translateY(-30px)}}@media (hover: hover){.ft-footer-column a:hover{transform:translate(5px)}.ft-social-icon:hover{transform:translateY(-5px) rotate(5deg)}.ft-payment-icons img:hover{transform:scale(1.1)}.ft-app-button:hover img{transform:translateY(-3px)}}@media (hover: none){.ft-footer-column a:active{color:var(--accent-color)}.ft-social-icon:active{transform:scale(.95)}.ft-newsletter-form button:active{transform:scale(.98)}}:root{--hue: 223;--bg: hsl(var(--hue),10%,90%);--fg: hsl(var(--hue),10%,10%);--primary: hsl(var(--hue),90%,55%);--trans-dur: .3s}.preloader{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#ffffffe3;z-index:9999;text-align:center;max-width:100%}.preloader__text{position:relative;height:1.5em}.preloader__msg{animation:msg .3s 13.7s linear forwards;position:absolute;width:100%;color:#414141}.preloader__msg--last{animation-direction:reverse;animation-delay:14s;visibility:hidden}.cart{display:block;margin:0 auto 1.5em;width:8em;height:8em}.cart__lines,.cart__top,.cart__wheel1,.cart__wheel2,.cart__wheel-stroke{animation:cartLines 2s ease-in-out infinite}.cart__lines{stroke:var(--accent-color)}.cart__top{animation-name:cartTop}.cart__wheel1{animation-name:cartWheel1;transform:rotate(-.25turn);transform-origin:43px 111px}.cart__wheel2{animation-name:cartWheel2;transform:rotate(.25turn);transform-origin:102px 111px}.cart__wheel-stroke{animation-name:cartWheelStroke}.cart__track{stroke:hsla(var(--hue),10%,10%,.1);transition:stroke var(--trans-dur)}@media (prefers-color-scheme: dark){:root{--bg: hsl(var(--hue),10%,10%);--fg: hsl(var(--hue),10%,90%)}.cart__track{stroke:hsla(var(--hue),10%,90%,.1)}}@keyframes msg{0%{opacity:1;visibility:visible}99.9%{opacity:0;visibility:visible}to{opacity:0;visibility:hidden}}@keyframes cartLines{0%,to{opacity:0}8%,92%{opacity:1}}@keyframes cartTop{0%{stroke-dashoffset:-338}50%{stroke-dashoffset:0}to{stroke-dashoffset:338}}@keyframes cartWheel1{0%{transform:rotate(-.25turn)}to{transform:rotate(2.75turn)}}@keyframes cartWheel2{0%{transform:rotate(.25turn)}to{transform:rotate(3.25turn)}}@keyframes cartWheelStroke{0%,to{stroke-dashoffset:81.68}50%{stroke-dashoffset:40.84}}.language-toggle-btn{display:flex;align-items:center;justify-content:center;background-color:var(--secondary-color, #4a6cf7);color:#fff;border:none;border-radius:50%;width:3rem;height:3rem;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 5px #00000057;position:relative;overflow:hidden}.language-toggle-btn:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle,#ffffff4d,#fff0 70%);opacity:0;transition:opacity .3s ease}.language-toggle-btn:hover{background-color:var(--secondary-color);transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.language-toggle-btn:hover:before{opacity:1}.language-toggle-btn:active{transform:translateY(0);box-shadow:0 2px 3px #0000001a}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.language-toggle-btn:active{animation:pulse .3s ease-in-out}@media (max-width: 768px){.language-toggle-btn{width:32px;height:32px;font-size:12px}}.global-language-toggle-container{position:fixed;z-index:1000;display:flex;justify-content:center;align-items:center;bottom:2rem;right:1.5rem}.global-language-toggle{border-radius:50%;display:flex;justify-content:center;align-items:center;font-weight:700;font-size:14px;box-shadow:0 2px 10px #0000001a;cursor:pointer;transition:all .3s ease}.global-language-toggle:hover{transform:scale(1.05);box-shadow:0 4px 15px #00000026}@media (max-width: 768px){.global-language-toggle{width:36px;height:36px;font-size:12px}.global-language-toggle-container{right:1rem;top:5rem;bottom:auto}}.pay-payment-container{display:grid;grid-template-columns:2fr 2fr;gap:2rem;padding:2rem;max-width:1200px;width:100%;margin:0 auto}.pay-order-summary{background:#fff;padding:1.5rem;border-radius:10px;box-shadow:0 2px 4px #0000001a;height:fit-content}.pay-cart-pay-items{max-height:300px;overflow-y:auto;margin:1rem 0}.pay-cart-item{display:flex;align-items:flex-start;padding:1.5rem 0;border-bottom:1px solid #ddd;gap:1rem;transition:background .3s ease,transform .3s ease}.pay-cart-item:hover{background:#f9f9f9;transform:translateY(-3px)}.pay-cart-item img{width:70px;height:auto;max-height:90px;object-fit:cover;border-radius:8px;box-shadow:0 2px 4px #0000001a}.pay-item-details{flex:1}.pay-item-details h3{margin:0;font-size:1.1rem;font-weight:600;color:#333}.pay-item-details p{margin:.2rem 0;font-size:.95rem;color:#555}.pay-item-attributes{margin-top:.5rem;font-size:.9rem;color:#666;display:flex;flex-wrap:wrap;gap:1rem}.pay-total-section{margin-top:1rem;border-top:2px solid #eee;padding-top:1rem}.pay-total-section>div{display:flex;justify-content:space-between;margin:.5rem 0}.pay-total{font-weight:700;font-size:1.4rem;color:var(--text-color);margin-top:1rem;padding:.8rem 0;border-top:2px solid var(--secondary-color);display:flex;justify-content:space-between;align-items:center}.pay-total span:first-child{font-size:1.2rem;text-transform:uppercase;letter-spacing:1px}.pay-total span:last-child{font-size:1.5rem;color:var(--accent-color);background-color:var(--primary-50);padding:.5rem 1rem;border-radius:8px;box-shadow:0 2px 4px #0000001a;transition:transform .3s ease}.pay-total span:last-child:hover{transform:scale(1.05)}.pay-shipping-form,.pay-payment-form{background:#fff;padding:2.5rem;border-radius:12px;box-shadow:0 4px 8px #0000001a;transition:transform .3s ease,box-shadow .3s ease;width:100%}.pay-shipping-form:hover,.pay-payment-form:hover{transform:translateY(-5px);box-shadow:0 6px 12px #00000026}.pay-form-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:1.5rem}.pay-form-group label{width:100%}.pay-form-group input,.pay-form-group textarea{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:6px;font-size:1rem}.pay-payment-methods{display:grid;gap:1.5rem;margin-top:1.5rem}.pay-payment-method{margin:2rem 0;padding:1rem;border:1px solid #e0e0e0;border-radius:8px;background-color:#fff}.pay-payment-method h3{margin-bottom:1rem;font-size:1.2rem;color:#333}.pay-payment-options{display:flex;flex-direction:column;gap:1rem}.pay-payment-option{display:flex;align-items:center;padding:1rem;border:1px solid #e0e0e0;border-radius:6px;cursor:pointer;transition:all .3s ease}.pay-payment-option:hover{border-color:var(--accent-color);background-color:#f8f9fa}.pay-payment-option input[type=radio]{margin-right:1rem}.pay-payment-label{display:flex;align-items:center;gap:.5rem;font-size:1rem;color:#333}.pay-payment-label .material-icons{color:var(--accent-color)}.pay-payment-option input[type=radio]:checked+.pay-payment-label{color:var(--accent-color);font-weight:600}.pay-payment-option input[type=radio]:checked{accent-color:var(--accent-color)}.pay-button-group{display:flex;justify-content:space-between;gap:1.5rem;margin-top:2.5rem}.pay-continue-btn{background:var(--secondary-color);color:#fff;border:none;padding:1rem 2.5rem;border-radius:8px;cursor:pointer;font-weight:600;transition:background .3s ease,transform .3s ease}.pay-pay-btn{background:linear-gradient(135deg,var(--text-color),var(--background-color-light));color:var(--text-on-primary);border:none;padding:1.2rem 3rem;border-radius:12px;cursor:pointer;font-weight:700;font-size:1.1rem;letter-spacing:1px;text-transform:uppercase;box-shadow:0 4px 8px var(--accent-color-light);transition:all .3s ease;width:100%;margin-top:1.5rem;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden}.pay-pay-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:all .6s ease}.pay-continue-btn:hover{background:var(--body-color);color:var(--text-color);border:1px solid var(--accent-color);transform:translateY(-3px)}.pay-pay-btn:hover{background:linear-gradient(135deg,var(--accent-color),var(--secondary-color));transform:translateY(-5px);box-shadow:0 6px 12px rgba(var(--primary-rgb),.6)}.pay-pay-btn:hover:before{left:100%}.pay-back-btn{background:#ddd;color:#333;border:none;padding:1rem 2.5rem;border-radius:8px;cursor:pointer;font-weight:500;transition:background .3s ease,transform .3s ease}.pay-back-btn:hover{background:#ccc;transform:translateY(-3px)}@media (max-width: 1200px){.pay-payment-container{max-width:95%;gap:1.5rem;padding:1.5rem}.pay-shipping-form,.pay-payment-form{padding:2rem}}@media (max-width: 992px){.pay-payment-container{grid-template-columns:1fr 1fr;gap:1.25rem;padding:1.25rem}.pay-cart-pay-items{max-height:250px}.pay-cart-item{padding:1.25rem 0}.pay-shipping-form,.pay-payment-form{padding:1.75rem}}@media (max-width: 768px){.pay-payment-container{grid-template-columns:1fr;width:95%;gap:1rem;padding:1rem}.pay-form-group{grid-template-columns:1fr}.pay-button-group{flex-direction:column}.pay-back-btn,.pay-continue-btn{width:100%}.pay-total span:last-child{font-size:1.3rem;padding:.4rem .8rem}.pay-pay-btn{padding:1rem 2rem;font-size:1rem}.pay-cart-item{padding:1rem 0}.pay-shipping-form,.pay-payment-form{padding:1.5rem}}@media (max-width: 576px){.pay-payment-container{width:100%;padding:.75rem;gap:.75rem}.pay-order-summary{padding:1rem}.pay-cart-pay-items{max-height:200px}.pay-cart-item{padding:.75rem 0;gap:.75rem}.pay-cart-item img{width:60px;max-height:80px}.pay-item-details h3{font-size:1rem}.pay-item-details p{font-size:.85rem}.pay-item-attributes{font-size:.8rem;gap:.5rem}.pay-total-section>div{margin:.3rem 0;font-size:.9rem}.pay-total span:first-child{font-size:1rem}.pay-total span:last-child{font-size:1.1rem;padding:.3rem .6rem}.pay-shipping-form,.pay-payment-form{padding:1rem}.pay-form-group{gap:1rem;margin-bottom:1rem}.pay-form-group input,.pay-form-group textarea{padding:.6rem;font-size:.9rem}.pay-pay-btn{padding:.8rem 1.5rem;font-size:.9rem;margin-top:1rem}.pay-modal-content{padding:15px;width:95%}}@media (max-width: 375px){.pay-payment-container{padding:.5rem;gap:.5rem}.pay-cart-item img{width:50px;max-height:70px}.pay-item-details h3{font-size:.9rem}.pay-item-details p{font-size:.8rem}.pay-item-attributes{font-size:.75rem;gap:.4rem}.pay-pay-btn{padding:.7rem 1.2rem;font-size:.85rem}}.pay-review-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center}.pay-modal-content{background:#fff;padding:20px;border-radius:8px;width:90%;max-width:500px;box-shadow:0 2px 10px #0000001a;overflow-y:auto;max-height:90vh}.pay-modal-content h2{margin-top:0}.pay-rating,.pay-review{margin-bottom:15px}.pay-rating select,.pay-review textarea{width:100%;padding:10px;margin-top:5px;border:1px solid #ccc;border-radius:4px}.pay-button-group{display:flex;justify-content:flex-end}.pay-cancel-btn,.pay-submit-btn{padding:10px 20px;margin-left:10px;border:none;border-radius:4px;cursor:pointer}.pay-cancel-btn,.pay-submit-btn{background:#ccc}.pay-stars{display:flex;gap:5px}.pay-star{font-size:1.5rem;color:#ccc;cursor:pointer}.pay-star.filled{color:var(--secondary-500)}.admin-dashboard{display:flex;width:100%;min-height:100vh;background-color:#f8fafc}.sales-section,.brands-section{min-width:0}.dashboard-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;padding:20px;margin-bottom:20px}.dashboard-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.dashboard-card-title{font-size:1.2rem;color:#2c3e50;font-weight:600;margin:0}.dashboard-card-actions{display:flex;gap:10px}@media (max-width: 992px){.dashboard-middle-section{flex-direction:column}.sales-section,.brands-section{width:100%}}@media (max-width: 768px){.dashboard-main{margin-left:0;padding:16px;width:calc(100% - 70px)}.dashboard-header h1{font-size:1.5rem}}.sidebar{width:250px;height:100vh;position:fixed;left:0;top:0;background-color:#fff;box-shadow:2px 0 10px #0000000d;display:flex;flex-direction:column;transition:all .3s ease;z-index:100}.sidebar.collapsed{width:70px;overflow:visible}.sidebar-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #f1f5f9;min-height:70px;position:relative;margin-top:10px}.logo{font-size:1.25rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;text-align:center;padding-right:40px}.logo img{height:50px;transition:all .3s ease;border-radius:1rem}.collapsed .logo{padding:0;margin:0;width:100%}.logo-text{color:#1e293b}.logo-icon{color:var(--accent-color);display:block;font-size:1.5rem}.toggle-btn{position:absolute;right:-16px;top:50%;transform:translateY(-50%);width:32px;height:32px;background:#fff;border:1px solid #e2e8f0;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--gray-color);box-shadow:0 2px 4px #0000001a;z-index:10;transition:all .2s ease;margin-top:32px}.sidebar:not(.collapsed) .toggle-btn{right:12px;background-color:#f8fafc;width:36px;height:36px}.toggle-btn:hover{background-color:#f1f5f9;color:var(--accent-color);transform:translateY(-50%) scale(1.1);box-shadow:0 4px 6px #0000001a}.toggle-btn .material-icons{font-size:20px;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.sidebar-nav{flex:1;padding:20px 0;overflow-y:auto;margin-top:10px}.sidebar-nav ul{list-style:none;padding:0;margin:0}.nav-item{padding:12px 20px;display:flex;align-items:center;gap:12px;color:var(--gray-color);cursor:pointer;transition:all .2s;position:relative;overflow:hidden;white-space:nowrap;margin-top:5px}.nav-item:hover{background-color:#f8fafc;color:var(--active-button)}.nav-item.active{background-color:var(--active-button-bg);color:var(--active-button);border-left:3px solid var(--active-button)}.nav-item.has-subitems{cursor:default;position:relative;overflow:visible}.nav-item.has-subitems .arrow{cursor:pointer}.nav-item.has-subitems:after{content:"";position:absolute;right:20px;top:50%;transform:translateY(-50%);width:8px;height:8px;border-radius:50%;background-color:transparent;transition:background-color .2s}.sidebar.collapsed .nav-item.has-subitems:after{right:10px;background-color:#e2e8f0}.nav-item .material-icons{font-size:20px;min-width:20px}.nav-text{font-size:.875rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.arrow{margin-left:auto;transition:transform .3s ease}.arrow.expanded{transform:rotate(180deg)}.sub-nav{list-style:none;padding:0;margin:0;max-height:0;overflow:hidden;transition:max-height .3s ease}.sub-nav.visible{max-height:200px;margin-top:5px}.sub-item{padding-left:48px;font-size:.875rem;margin-top:3px}.sub-item .material-icons{font-size:8px;margin-right:8px;min-width:8px}.sub-nav .nav-item.sub-item{padding:10px 20px 10px 40px;background-color:#fff}.sidebar-footer{padding:20px;border-top:1px solid #f1f5f9;flex-shrink:0;margin-top:auto;background-color:#fff}.user-quick-info{display:flex;align-items:center;gap:12px;padding:8px 0}.quick-info-avatar{position:relative;width:40px;height:40px;flex-shrink:0}.quick-info-avatar.small{width:32px;height:32px}.quick-info-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.status-badge{bottom:0;right:0;width:10px;height:10px;border-radius:50%;border:2px solid white}.quick-info-text{display:flex;flex-direction:column;overflow:hidden}.quick-info-name{font-size:.875rem;font-weight:500;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quick-info-status{font-size:.75rem;color:#4caf50}.logout-sidebar-button{display:flex;align-items:center;gap:10px;background-color:transparent;border:none;padding:10px;cursor:pointer;color:var(--gray-color);font-size:.875rem;font-weight:500;width:100%;border-radius:4px;transition:all .2s ease}.logout-sidebar-button:hover{background-color:#f8fafc;color:#e53e3e}.logout-sidebar-button .material-icons{font-size:20px}.sidebar-footer.logging-out{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100px;gap:15px}.logout-spinner{width:24px;height:24px;border:3px solid var(--background-color-light);border-top:3px solid var(--accent-color);border-radius:50%;animation:spin 1s linear infinite}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.logout-confirmation-modal{background-color:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;width:400px;max-width:90vw;overflow:hidden}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #f1f5f9}.modal-header h2{margin:0;font-size:1.25rem;color:#1e293b}.btn-close{background:transparent;border:none;cursor:pointer;color:var(--gray-color);display:flex;align-items:center;justify-content:center;padding:4px;border-radius:4px;transition:all .2s}.btn-close:hover{background-color:#f1f5f9;color:#e53e3e}.logout-confirmation-content{display:flex;flex-direction:column;align-items:center;text-align:center}.logout-warning-icon{width:60px;height:60px;background-color:#fff3cd;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.logout-warning-icon .material-icons{font-size:32px;color:#ffc107}.logout-confirmation-message{font-size:1rem;color:#1e293b;margin-bottom:8px}.logout-confirmation-submessage{font-size:.875rem;color:var(--gray-color);margin-bottom:20px}.logout-confirmation-actions{display:flex;gap:12px;margin-top:16px}.btn-secondary{background-color:#f1f5f9;color:var(--gray-color);border:none;padding:8px 16px;border-radius:4px;font-weight:500;cursor:pointer;transition:all .2s}.btn-secondary:hover{background-color:#e2e8f0;color:#1e293b}.btn-primary{background-color:var(--accent-color);color:var(--text-on-primary);border:none;padding:8px 16px;border-radius:4px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px}.btn-primary:hover{background-color:var(--background-color-light)}.btn-primary .material-icons{font-size:18px}@media screen and (max-width: 768px){.sidebar{width:100%;height:auto;position:fixed;bottom:0;top:auto;left:0;flex-direction:row;padding:.5rem;box-shadow:0 -2px 10px #0000000d}.sidebar.collapsed{width:100%}.sidebar-header{display:none}.sidebar-nav{flex:1;overflow-x:auto;padding:0}.sidebar-nav ul{display:flex;flex-direction:row;gap:.5rem;padding:0 .5rem}.sidebar-nav li{flex:1;min-width:auto}.nav-item{flex-direction:column;align-items:center;padding:.5rem;gap:.25rem}.nav-text{font-size:.75rem}.sidebar-footer,.sub-nav,.toggle-btn{display:none}.mobile-logout{display:flex!important;align-items:center;padding:.5rem}.mobile-logout .logout-sidebar-button{padding:.5rem;border-radius:8px;background:none;border:none;color:var(--gray-color);cursor:pointer;transition:all .2s}.mobile-logout .logout-sidebar-button:hover{background-color:#f1f5f9;color:var(--error-500)}.nav-item.active{background-color:#f1f5f9;border-radius:8px}.nav-item.active .material-icons{color:var(--button-action)}.sub-nav.visible{max-height:1000px;position:absolute;bottom:100%;left:0;width:100%;background-color:#fff;box-shadow:0 -2px 10px #0000000d;border-radius:8px 8px 0 0;z-index:1}}@media screen and (max-width: 1024px){.sidebar{width:200px}.sidebar.collapsed{width:60px}.nav-text{font-size:.8rem}}@media screen and (max-width: 768px){.sidebar{width:100%;height:60px;position:fixed;bottom:0;top:auto;left:0;flex-direction:row;padding:0;box-shadow:0 -2px 10px #0000000d;background-color:#fffffff2;backdrop-filter:blur(10px)}.sidebar.collapsed{width:100%;height:60px}.sidebar-header{display:none}.sidebar-nav{flex:1;overflow-x:auto;padding:0;margin:0;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.sidebar-nav::-webkit-scrollbar{display:none}.sidebar-nav ul{display:flex;flex-direction:row;justify-content:space-around;align-items:center;gap:0;padding:0 10px;height:100%}.nav-item{flex:1;flex-direction:column;align-items:center;justify-content:center;padding:8px 4px;gap:4px;min-width:60px;max-width:80px;height:100%;border-radius:0;margin:0}.nav-item .material-icons{font-size:24px}.nav-text{font-size:.7rem;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-item.active{background-color:transparent;border-left:none;border-top:2px solid var(--active-button)}.sidebar-footer,.sub-nav,.toggle-btn,.arrow{display:none}.mobile-logout{display:flex!important;align-items:center;justify-content:center;padding:0}.mobile-logout .logout-sidebar-button{padding:8px;min-width:60px;max-width:80px;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.mobile-logout .material-icons{font-size:24px}.nav-item.has-subitems .arrow{display:none}}@media screen and (max-width: 480px){.nav-item{min-width:50px;padding:8px 2px}.nav-item .material-icons{font-size:20px}.nav-text{font-size:.65rem}.sidebar-nav ul{padding:0 5px}}@media screen and (max-width: 768px) and (orientation: landscape){.sidebar,.sidebar.collapsed{height:50px}.nav-item{flex-direction:row;gap:8px;padding:4px 8px;max-width:none}.nav-item .material-icons{font-size:18px}.nav-text{font-size:.7rem;display:inline-block}}@supports (padding: max(0px)){@media screen and (max-width: 768px){.sidebar{padding-bottom:env(safe-area-inset-bottom,0);height:calc(60px + env(safe-area-inset-bottom,0))}}}.profile-dashboard{display:flex;width:100%;min-height:100vh;background-color:#f8fafc}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:16px;border-bottom:1px solid rgba(0,0,0,.08)}.dashboard-header h1{font-size:1.8rem;color:#1e293b;margin:0;font-weight:600;position:relative}.dashboard-header h1 .unread-badge{position:absolute;top:-5px;right:-24px;background-color:#ff5252;color:#fff;font-size:.7rem;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:500}.notification-badge{position:absolute;top:0;right:0;background-color:#f44336;color:#fff;font-size:.65rem;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid white;transform:translate(30%,-30%)}.profile-metrics{width:100%}.profile-main-section{display:grid;grid-template-columns:2fr 1fr;gap:24px}.profile-content,.profile-history{min-width:0}.btn-primary,.btn-secondary,.btn-checkout,.btn-apply{padding:10px 18px;border-radius:8px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:all .2s ease;font-size:14px;border:none;box-shadow:0 2px 5px #0000000d;white-space:nowrap}.btn-primary{background-color:var(--accent-color);color:var(--text-on-primary)}.btn-primary:hover{background-color:var(--background-color-light);transform:translateY(-2px);box-shadow:0 4px 10px rgba(var(--primary-rgb),.3)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{background-color:var(--primary-200);cursor:not-allowed;transform:none;box-shadow:none}.btn-secondary{background-color:#fff;color:#4b5563;border:1px solid #e5e7eb}.btn-secondary:hover{background-color:#f9fafb;transform:translateY(-2px);box-shadow:0 4px 8px #0000000d}.btn-secondary:active{transform:translateY(0)}.btn-checkout{background-color:var(--secondary-500);color:var(--text-on-secondary);width:100%;padding:14px;margin-top:16px}.btn-checkout:hover{background-color:var(--secondary-600);transform:translateY(-2px);box-shadow:0 4px 10px rgba(var(--secondary-rgb),.3)}.btn-checkout:disabled{background-color:var(--accent-color);cursor:not-allowed;transform:none;box-shadow:none}.btn-icon{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:none;background-color:#fff;color:#6b7280;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 5px #0000000d;position:relative}.btn-icon:hover{background-color:#f9fafb;transform:translateY(-2px);box-shadow:0 4px 8px #0000001a;color:var(--accent-color)}.btn-icon.active{background-color:var(--accent-color);color:var(--text-on-primary)}.btn-icon.remove:hover{background-color:#fee2e2;color:#ef4444}.settings-content{margin-top:1rem;min-width:30rem;width:max-content}.detailRow{display:flex;gap:.5rem;margin-bottom:.3rem}input[type=text],input[type=number],input[type=email],input[type=password],input[type=tel],input[type=date],textarea,select{width:100%;padding:10px 14px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;color:#1f2937;background-color:#fff;transition:all .15s ease}input[type=text]:focus,input[type=number]:focus,input[type=email]:focus,input[type=tel]:focus,input[type=password]:focus,textarea:focus,select:focus{border-color:var(--secondary-color);outline:none;box-shadow:0 0 0 3px var(--background-color-light)}input[type=text]::placeholder,input[type=number]::placeholder,input[type=email]::placeholder,input[type=password]::placeholder,input[type=tel]::placeholder,textarea::placeholder{color:#9ca3af}input[type=text]:disabled,input[type=number]:disabled,input[type=email]:disabled,input[type=password]:disabled,textarea:disabled,select:disabled{background-color:#f9fafb;cursor:not-allowed}.search-bar{position:relative;min-width:250px}.search-bar input{padding-right:40px;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;height:40px;width:100%;padding-left:14px;transition:all .2s ease}.search-bar input:focus{background-color:#fff;border-color:var(--secondary-color);box-shadow:0 0 0 3px var(--background-color-light)}.search-bar .material-icons{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none}.item-actions-overlay{display:flex}.cart-item-card,.saved-item-card,.ticket-card,.faq-item,.price-alert-card,.alert-card,.wishlist-item-card,.summary-card,.promocode-card{background-color:#fff;border-radius:12px;box-shadow:0 1px 3px #0000000d,0 1px 2px #0000001a;padding:16px;margin-bottom:16px;transition:all .3s cubic-bezier(.25,.8,.25,1);overflow:hidden;border:1px solid rgba(0,0,0,.03)}.cart-items{max-height:35rem;overflow-y:auto}.not-authenticated-message{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#fff;border-radius:12px;box-shadow:0 1px 3px #0000000d,0 1px 2px #0000001a;padding:3rem 2rem;margin:2rem auto;max-width:500px;text-align:center}.not-authenticated-message .material-icons{font-size:4rem;color:#6b7280;margin-bottom:1rem}.not-authenticated-message h3{font-size:1.5rem;font-weight:600;margin-bottom:.5rem;color:#1f2937}.not-authenticated-message p{color:#6b7280;margin-bottom:1.5rem}.item-quantity{display:flex;width:15rem}.item-quantity input[type=number]{width:4rem;border-left:none;border-radius:0;border-right:none;height:2rem;-moz-appearance:textfield;appearance:textfield}.item-quantity input[type=number]::-webkit-inner-spin-button,.item-quantity input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.item-quantity input[type=number]:focus{box-shadow:0 0 #a5b4fc80}.btn-quantity-left{background-color:#fff;border:1px solid var(--accent-color);border-radius:0 1rem 1rem 0;border-left:none;height:2rem}.btn-quantity-right{background-color:#fff;height:2rem;border:1px solid var(--accent-color);border-radius:1rem 0 0 1rem;border-right:none}.btn-quantity:hover{background-color:#dfdfdf}.item-actions{display:flex;gap:.5rem}.btn-remove{color:#fff;border:none;padding:10px 16px;border-radius:8px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;width:fit-content;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 5px #0000001a;overflow:hidden;background-color:#f55d5d}.btn-remove-confirm{position:relative}.btn-save-later{background-color:var(--accent-color)}.btn-save-later:hover{background-color:var(--background-color-light);transform:translateY(-2px);box-shadow:0 4px 8px rgba(var(--primary-rgb),.3)}.btn-save-later:active{transform:translateY(0);box-shadow:0 2px 4px #6e42e533}.btn-remove:hover{background-color:#e74444;transform:translateY(-2px);box-shadow:0 4px 8px #f55d5d4d}.btn-remove:active{transform:translateY(0);box-shadow:0 2px 4px #f55d5d33}.btn-remove:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(#ffffff1a,#fff0);opacity:0;transition:opacity .3s ease}.btn-remove:hover:before{opacity:1}.btn-remove .material-icons{transition:transform .3s ease}.btn-remove:hover .material-icons{transform:rotate(10deg)}.cart-item-card:hover,.ticket-card:hover,.price-alert-card:hover{box-shadow:0 10px 20px #0000000d,0 6px 6px #00000012;transform:translateY(-3px)}.filter-bar{display:flex;gap:.5rem}.price-alert-card{display:flex;justify-content:space-between}.price-alert-card .product-info{display:flex;gap:12px;align-items:center;flex:1}.price-alert-card .product-info img{width:150px;height:150px;object-fit:cover;border-radius:8px;flex-shrink:0}.price-alert-card .product-details{flex:1;min-width:0}.price-alert-card .product-details h3{font-size:1rem;margin:0 0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.price-alert-card .price-info{display:flex;gap:12px;margin-bottom:6px;font-size:.9rem}.price-alert-card .alert-date{font-size:.75rem;color:#6b7280;display:block;margin-bottom:6px}.shipping-selector{display:flex;flex-wrap:wrap;gap:1rem;padding:.5rem}.alert-card{position:relative}.alerts-list{display:grid;gap:1rem;margin-top:1rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.alert-actions{display:flex;gap:.5rem;position:absolute;right:.5rem;align-items:center}.modal-overlay{position:fixed;inset:0;background-color:#0009;backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content,.checkout-modal,.compare-modal,.chat-modal{background-color:#fff;border-radius:16px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;position:sticky;top:-1.5rem;z-index:2;background-color:var(--body-color);border-bottom:1px solid #e5e7eb}.modal-header h2{font-size:1.25rem;color:#1f2937;margin:0}.modal-body{padding:20px}.modal-footer{padding:16px 20px;display:flex;justify-content:flex-end;gap:12px;border-top:1px solid #e5e7eb}.btn-close{background:transparent;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;width:36px;height:36px;border-radius:50%;transition:background-color .2s}.btn-close:hover{background-color:#f3f4f6}.status-badge{font-size:.8rem;font-weight:600;padding:6px 12px;border-radius:12px;text-transform:uppercase;letter-spacing:.03em;width:fit-content;height:fit-content;display:inline-block}.status-success{background-color:#d1fae5;color:#065f46}.status-warning{background-color:#fef3c7;color:#92400e}.status-danger{background-color:#fee2e2;color:#b91c1c}.status-default{background-color:#e5e7eb;color:#374151}.status-badge.open{background-color:#ecfdf5;color:#059669}.status-badge.closed{background-color:#f3f4f6;color:#6b7280}.availability-badge{font-size:.75rem;padding:3px 8px;border-radius:12px;font-weight:500}.availability-badge.in-stock{background-color:#ecfdf5;color:#059669}.availability-badge.low-stock{background-color:#fff7ed;color:#c2410c}.notification-toast{position:fixed;bottom:70px;right:30px;background-color:#fff;border-left:4px solid #059669;padding:16px;border-radius:8px;display:flex;align-items:center;gap:12px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;z-index:1000}.notification-toast .material-icons.success{color:#059669}.cart-grid,.support-grid,.alerts-container,.wishlist-main{display:grid;gap:24px}.cart-grid{grid-template-columns:2fr 1fr}.support-grid{grid-template-columns:1fr 1fr}.wishlist-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.empty-state .material-icons{font-size:48px;color:#d1d5db;margin-bottom:16px}.empty-state h3{font-size:1.1rem;color:#4b5563;margin-bottom:8px}.empty-state p{color:#6b7280;max-width:300px;margin-bottom:20px}.typing-indicator{display:inline-flex;align-items:center;gap:4px;padding:8px 16px;border-radius:18px;background-color:#f3f4f6;margin:10px 0}.typing-indicator span{width:8px;height:8px;background-color:#9ca3af;border-radius:50%;animation:typing-animation 1s infinite ease-in-out}.typing-indicator span:nth-child(1){animation-delay:0s}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing-animation{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-5px)}}.progress-bar{height:8px;background-color:#f3f4f6;border-radius:4px;overflow:hidden;margin:10px 0}.progress-bar .progress{height:100%;background:linear-gradient(90deg,var(--button-action),#818cf8);border-radius:4px;transition:width .3s ease}.form-group label{display:block;margin-bottom:6px;font-weight:500;font-size:14px;color:#4b5563}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.file-upload{position:relative}.file-upload input[type=file]{position:absolute;width:.1px;height:.1px;opacity:0;overflow:hidden;z-index:-1}.file-upload-label{display:flex;align-items:center;gap:8px;padding:10px 16px;background-color:#f9fafb;border:1px dashed #d1d5db;border-radius:8px;cursor:pointer;transition:all .2s ease;color:#6b7280}.file-upload-label:hover{background-color:#f3f4f6;border-color:#9ca3af}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #a5b4fc;outline-offset:2px}.contact-card{opacity:1;transform:none;position:fixed;bottom:1rem;right:1.5rem}.contact-options{display:flex;align-items:center;flex-wrap:wrap;justify-content:end}.contact-option,.tab-button,.btn-danger,.btn-filter{border:1px solid #754ce6;background-color:var(--body-color);padding:10px;border-radius:6px;font-weight:500;display:flex;align-items:center;justify-content:center;gap:8px;color:#4d4d4e;cursor:pointer;transition:border .2s}.btn-add{border:1px solid #32bb5e;background-color:green;padding:10px;border-radius:6px;font-weight:500;display:flex;align-items:center;justify-content:center;gap:8px;color:#fff;cursor:pointer;transition:border .2s}.contact-option:hover,.tab-button:hover,.btn-filter:hover{background-color:#f9fafb;color:var(--button-action);border:2px solid var(--accent-color)}.settings-sidebar .active,.tab-button.active,.btn-filter.active{background-color:var(--button-action);color:#fff;border:2px solid var(--accent-color)}.toggle-item{display:flex;gap:.5rem;padding:.5rem;align-items:center}.btns-chatting-actions{position:absolute;right:.5rem;display:flex;top:0;background-color:transparent;border:none;align-items:center;flex-direction:row;flex-wrap:nowrap}.btn-toggle-position{background-color:transparent;border:none;color:#110b26;cursor:pointer;padding:.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.btn-toggle-position:hover{background-color:#f3f4f6;color:#4338ca}.btn-send{border-radius:0 .3rem .3rem 0;border:1px solid #e5e7eb;border-left:none;background-color:transparent;padding:.2rem}.btn-send:hover{background-color:#f3f4f6;color:#4338ca}#chatting{position:absolute;bottom:3rem;width:20rem;right:.5rem}.chatting-over{position:relative}.chat-messages{display:flex;flex-direction:column;gap:16px;padding:20px;max-height:400px;overflow-y:auto}.chat-message{display:flex;gap:12px;max-width:80%}.chat-message.support{align-self:flex-start}.chat-message.user{align-self:flex-end;flex-direction:row-reverse}.message-bubble{background-color:#f3f4f6;border-radius:18px;padding:12px 16px;position:relative}.chat-message.support .message-bubble{border-top-left-radius:4px}.chat-message.user .message-bubble{background-color:#e0e7ff;border-top-right-radius:4px}.message-time{font-size:.7rem;color:#9ca3af;margin-top:4px;display:block;text-align:right}.avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:#f3f4f6}.avatar.user{background-color:#e0e7ff;color:var(--button-action)}.enhanced-empty-cart{text-align:center;padding:2rem;background-color:#f9f9f9;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin-top:2rem;display:flex;flex-direction:column;align-items:center;justify-content:center}.empty-cart-icon{font-size:4rem;color:#ccc;margin-bottom:1rem}.item-attributes{margin-top:.5rem;display:flex;gap:1rem;margin-bottom:.5rem}.item-attributes .attribute{background-color:#f9f9f9;padding:.3rem .6rem;border-radius:4px;font-size:.9rem;color:#555;border:1px solid #ddd}.item-attributes .attribute strong{color:#333;margin-right:.3rem}.empty-cart-title{font-size:1.5rem;font-weight:700;color:#333;margin-bottom:.5rem}.empty-cart-message{font-size:1rem;color:#666;margin-bottom:1.5rem}.empty-cart-button{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background-color:#ccc;color:#fff;border-radius:1rem;text-decoration:none;border:none;cursor:pointer;font-size:1rem;font-weight:600;transition:all .2s ease}.empty-cart-button:hover{background-color:#be9696}.empty-cart-button:hover .material-icons{color:#fff}.order-details-modal{background-color:#fff;border-radius:16px;padding:24px;max-width:800px;width:100%;box-shadow:0 10px 20px #0000001a;overflow-y:auto;max-height:90vh}.order-details-modal .modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e5e7eb;padding-bottom:16px;margin-bottom:16px}.order-details-modal .modal-title h2{font-size:1.5rem;font-weight:600;color:#1f2937;margin:0}.order-details-modal .modal-tabs{display:flex;gap:16px;margin-bottom:16px}.order-details-modal .tab-button{padding:10px 16px;border-radius:8px;font-weight:500;cursor:pointer;background-color:#f9fafb;border:1px solid #e5e7eb;transition:all .2s ease}.order-details-modal .tab-button.active{background-color:var(--button-action);color:#fff;border-color:var(--button-action)}.order-details-modal .tab-button:hover{background-color:#e0e7ff}.order-details-modal .modal-body{padding:16px 0}.order-details-modal .order-info-section{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px}.order-details-modal .order-info-item{display:flex;justify-content:flex-start;font-size:.9rem;color:#4b5563;align-items:center;gap:.5rem}.order-details-modal .order-info-item .label{font-weight:600;color:#1f2937}.order-details-modal .order-items-list{margin-bottom:24px}.order-details-modal .detailed-order-item{display:flex;gap:16px;padding:16px;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:16px;background-color:#f9fafb}.order-details-modal .detailed-order-item img{width:80px;height:80px;border-radius:8px;object-fit:cover}.order-details-modal .detailed-order-item .item-info{flex:1}.order-details-modal .detailed-order-item .item-info h4{font-size:1rem;font-weight:600;color:#1f2937;margin:0 0 8px}.order-details-modal .detailed-order-item .item-price-info{display:flex;gap:8px;align-items:center;font-size:.9rem;color:#1f2937;justify-content:space-between;flex-wrap:wrap}.order-details-modal .detailed-order-item .item-price-info span{display:flex;flex-direction:column}.order-details-modal .detailed-order-item .item-price-info .price{font-weight:600;color:#1f2937}.order-details-modal .order-summary{border-top:1px solid #e5e7eb;padding-top:16px}.order-details-modal .order-summary h3{font-size:1.2rem;font-weight:600;color:#1f2937;margin-bottom:16px}.order-details-modal .summary-row{display:flex;justify-content:space-between;font-size:.9rem;color:#4b5563;margin-bottom:8px}.order-details-modal .summary-row.total{font-weight:600;color:#1f2937}.order-details-modal .order-actions{display:flex;gap:16px;margin-top:24px}.order-details-modal .order-actions .btn-secondary{background-color:#f9fafb;color:#4b5563;border:1px solid #e5e7eb}.order-details-modal .order-actions .btn-danger{background-color:red;color:#fff;border:1px solid #e5e7eb}.order-details-modal .order-actions .btn-secondary:hover{background-color:#e0e7ff}.order-details-modal .order-actions .btn-danger:hover{background-color:#9b0303}.delete-confirmation-modal{max-width:500px}.delete-confirmation-content{display:flex;flex-direction:column;align-items:center;text-align:center;padding:10px 0}.delete-item-preview{display:flex;align-items:center;gap:20px;margin-bottom:20px;padding:15px;background-color:#f9fafb;border-radius:10px;width:100%}.delete-item-preview img{width:80px;height:80px;object-fit:cover;border-radius:8px;border:1px solid #e5e7eb}.delete-item-details{text-align:left}.delete-item-details h3{font-size:16px;font-weight:600;margin:0 0 8px;color:#1f2937}.delete-item-details p{font-size:14px;color:#6b7280;margin:4px 0}.delete-confirmation-message{font-size:16px;color:#1f2937;margin-bottom:10px;font-weight:500}.delete-confirmation-submessage{font-size:14px;color:#ef4444;margin-bottom:20px}.delete-confirmation-actions{display:flex;gap:15px;margin-top:20px}.clear-cart-icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;background-color:#fee2e2;border-radius:50%;margin-bottom:20px}.clear-cart-icon .material-icons{font-size:40px;color:#ef4444}.order-details-modal .order-actions .btn-primary{background-color:var(--button-action);color:#fff;border:none}.order-details-modal .order-actions .btn-primary:hover{background-color:#4338ca}.order-details-modal .order-timeline{margin-top:16px}.order-details-modal .timeline-item{display:flex;gap:16px;margin-bottom:16px}.order-details-modal .timeline-item .timeline-point{width:12px;height:12px;background-color:var(--button-action);border-radius:50%;flex-shrink:0}.order-details-modal .timeline-item .timeline-content{flex:1}.order-details-modal .timeline-item .timeline-date{font-size:.8rem;color:#6b7280;margin-bottom:4px}.order-details-modal .timeline-item .timeline-status{font-size:1rem;font-weight:600;color:#1f2937;margin-bottom:4px}.order-details-modal .timeline-item .timeline-description{font-size:.9rem;color:#4b5563}.order-items-column{display:flex;flex-direction:column;gap:12px;position:relative}.order-item{display:flex;align-items:center;gap:2px}.order-item-image{width:60px;height:60px;object-fit:cover;border-radius:8px;border:1px solid #e5e7eb;box-shadow:0 2px 4px #0000000d;transition:transform .2s ease,box-shadow .2s ease}.order-item-image:hover{transform:scale(1.05);box-shadow:0 4px 8px #0000001a}.order-item-details{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.order-item-name{font-weight:600;font-size:14px;color:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .2s ease}.order-item-quantity{font-size:13px;color:#6b7280;display:flex;align-items:center;gap:4px}.order-item-quantity:before{content:"•";font-size:16px;color:#9ca3af}.order-more-items{font-size:12px;color:#6b7280;font-weight:500;background-color:#e0e7ff;color:var(--button-action);padding:4px 8px;border-radius:12px;margin-left:auto;transition:all .2s ease}.order-more-items:hover{background-color:#c7d2fe;transform:translateY(-1px)}.cart-item-image img{width:10rem;object-fit:cover;border-radius:8px;border:1px solid #e5e7eb;box-shadow:0 2px 4px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.cart-item-image img:hover{transform:scale(1.05);box-shadow:0 4px 8px #0003}.metrics-panel{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin-bottom:2rem;transition:all .3s ease}.metric-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 10px #0000000d;transition:all .3s ease;border:1px solid rgba(0,0,0,.05);display:flex;align-items:flex-start;gap:1rem}.metric-card:hover{transform:translateY(-2px);box-shadow:0 4px 15px #00000014}.metric-icon{padding:12px;border-radius:12px;display:flex;align-items:center;justify-content:center}.metric-title{font-size:.875rem;color:#6b7280;margin-bottom:.5rem}.metric-value{font-size:1.5rem;font-weight:600;color:#1f2937;margin-bottom:.25rem}.metric-period{font-size:.75rem;color:#9ca3af}.filter-bar{display:flex;flex-wrap:wrap;gap:1rem;background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 2px 10px #0000000d;border:1px solid rgba(0,0,0,.05);margin-bottom:2rem;position:relative}.filter-group{display:flex;align-items:center;gap:.75rem;flex:1;min-width:200px}.filter-group label{font-size:.875rem;font-weight:500;color:#4b5563;white-space:nowrap}.filter-group select{flex:1;padding:.5rem;border:1px solid #e5e7eb;border-radius:8px;background-color:#fff;color:#1f2937;font-size:.875rem;transition:all .2s ease;cursor:pointer;outline:none}.filter-group select:hover{border-color:#d1d5db}.filter-group select:focus{border-color:var(--button-action);box-shadow:0 0 0 2px rgba(var(--button-action-rgb),.1)}.search-bar{width:100%;max-width:300px;position:relative}.search-bar input{width:100%;padding:.5rem 2.5rem .5rem 1rem;border:1px solid #e5e7eb;border-radius:8px;font-size:.875rem;transition:all .2s ease}.search-bar input:focus{border-color:var(--button-action);box-shadow:0 0 0 2px rgba(var(--button-action-rgb),.1)}.orders-table-container{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;border:1px solid rgba(0,0,0,.05);overflow:hidden}.data-table th{background-color:#f9fafb;padding:1rem;text-align:left;font-size:.875rem;font-weight:600;color:#4b5563;border-bottom:1px solid #e5e7eb}.data-table td{padding:1rem;font-size:.875rem;color:#1f2937;border-bottom:1px solid #e5e7eb;vertical-align:middle}.data-table tr:hover{background-color:#f9fafb}.order-id{font-family:Roboto Mono,monospace;color:var(--button-action);font-weight:500}.table-actions{display:flex;gap:.5rem;justify-content:flex-end}@media (max-width: 1200px){.metrics-panel{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (max-width: 992px){.filter-bar{padding:1rem;gap:.75rem}.filter-group{min-width:180px}.metric-card{padding:1.25rem}}@media (max-width: 768px){.metrics-panel{grid-template-columns:1fr}.filter-bar{flex-direction:column;padding:1rem}.order-details-modal .detailed-order-item{flex-direction:column}.filter-group{width:100%}.search-bar{width:100%;max-width:none;order:-1}.data-table{display:block;overflow-x:auto;white-space:nowrap}.data-table tr{border-bottom:1px solid #e5e7eb;padding:1rem;margin-bottom:.5rem}.data-table td{justify-content:space-between;align-items:center;padding:.5rem 0;border:none}.data-table td:before{content:attr(data-label);font-weight:600;margin-right:1rem}}@media (max-width: 576px){.metrics-panel{gap:.75rem}.metric-card{padding:1rem}.metric-value{font-size:1.25rem}.filter-bar{padding:.75rem}.table-actions{flex-wrap:wrap;justify-content:flex-start;display:block}.order-details-modal{padding:1rem}}@media (max-width: 1200px){.profile-main-section,.cart-grid,.support-grid,.alerts-container,.wishlist-main{grid-template-columns:1fr;gap:1.5rem}.wishlist-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.cart-item-card{flex-wrap:wrap}.item-actions-overlay{flex-wrap:wrap;gap:.75rem}.dashboard-main{margin-left:200px;width:calc(100% - 200px);transition:all .3s ease}.dashboard-main.expanded{margin-left:60px;width:calc(100% - 60px)}}@media (max-width: 992px){.dashboard-content{gap:1.5rem;padding:1rem}.card-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.cart-item-card,.saved-item-card,.ticket-card{padding:1rem;border-radius:.75rem;box-shadow:0 2px 4px #0000000d;transition:transform .2s ease,box-shadow .2s ease}.cart-item-card:hover,.saved-item-card:hover,.ticket-card:hover{transform:translateY(-2px);box-shadow:0 4px 6px #0000001a}.btn-icon{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s ease}}@media (max-width: 768px){.dashboard-main,.dashboard-main.expanded{margin-left:0;width:100%;padding:1rem 1rem 4rem}.settings-content{min-width:100%}.dashboard-header{flex-direction:column;align-items:flex-start;gap:1rem;padding-bottom:.75rem;margin-bottom:1.25rem}.dashboard-header h1{font-size:1.5rem;line-height:1.2}.dashboard-actions{width:100%;display:flex;justify-content:space-between;flex-wrap:wrap;gap:.75rem}.button-group{display:flex;gap:.5rem;flex-wrap:wrap}.btn-primary,.btn-secondary,.btn-checkout,.btn-apply{min-height:2.75rem;padding:.625rem 1.25rem;border-radius:.5rem;font-size:.9375rem;font-weight:500;transition:all .2s ease}.modal-container{padding:1rem}.modal-content,.checkout-modal,.compare-modal,.chat-modal{max-width:95%;border-radius:1rem;padding:1.25rem;box-shadow:0 10px 25px #0000001a}}@media (max-width: 576px){.dashboard-main{padding:.875rem}.search-bar{width:100%}.form-row{grid-template-columns:1fr}.input-group{position:relative}input[type=text],input[type=number],input[type=email],input[type=password],input[type=tel],input[type=date],textarea,select{width:100%;min-height:2.75rem;padding:.5rem .75rem;font-size:1rem;border-radius:.5rem;border:1px solid var(--border-color, #e5e7eb);transition:border-color .2s ease,box-shadow .2s ease}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--primary-color, #4f46e5);box-shadow:0 0 0 2px #4f46e51a}.notification-toast{left:1rem;right:1rem;bottom:4rem;padding:1rem;border-radius:.75rem;background:#fff;box-shadow:0 4px 6px #0000001a}.price-alert-card{flex-direction:column;gap:.75rem;padding:1rem;border-radius:.75rem;background:#fff;box-shadow:0 2px 4px #0000000d}}@media (max-width: 480px){.dashboard-header h1{font-size:1.25rem}.order-details-modal .order-actions{gap:.5rem}.dashboard-content{gap:.75rem}.btn-primary,.btn-secondary,.btn-checkout{width:100%;font-size:.875rem;padding:.5rem 1rem}.cart-item-card,.saved-item-card,.ticket-card{padding:.75rem;margin-bottom:.5rem}.item-quantity input[type=number]{width:3rem;text-align:center}.modal-header,.modal-body{padding:.75rem}}@media (max-width: 400px){.dashboard-main{padding:.625rem}.order-more-items{padding:2px;position:absolute;bottom:0}.dashboard-header h1{font-size:1.125rem}.btn-group{flex-direction:column;width:100%}.btn-primary,.btn-secondary,.btn-checkout{margin-bottom:.5rem}.detailRow{flex-direction:column;gap:.25rem}}.profile-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 10px #0000000d;transition:all .3s ease}.profile-card:hover{box-shadow:0 8px 15px #0000001a}.profile-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.profile-avatar-wrapper{position:relative;width:100px;height:100px}.profile-avatar{width:100%;height:100%;border-radius:50%;object-fit:cover;border:4px solid white;box-shadow:0 2px 10px #0000001a;transition:all .3s ease}.profile-card:hover .profile-avatar{transform:scale(1.05);box-shadow:0 4px 15px #00000026}.level-badge{position:absolute;bottom:-5px;right:-5px;background:var(--button-action);color:#fff;font-size:.75rem;padding:4px 8px;border-radius:12px;border:2px solid white;transition:all .3s ease}.profile-card:hover .level-badge{transform:scale(1.1)}.profile-actions{display:flex;gap:8px}.btn-edit{background:none;border:none;width:36px;height:36px;border-radius:8px;color:var(--gray-color);cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.btn-edit:hover{background-color:#f1f5f9;color:var(--button-action);transform:translateY(-2px)}.profile-level-info{text-align:center;margin-bottom:24px;padding:16px;background-color:#f8fafc;border-radius:8px;transition:all .3s ease}.profile-card:hover .profile-level-info{background-color:#f1f5f9}.level-message{color:var(--gray-color);margin:0 0 12px}.btn-upgrade{background:none;border:none;color:var(--button-action);font-weight:500;display:flex;align-items:center;gap:4px;margin:0 auto;padding:8px 16px;border-radius:6px;cursor:pointer;transition:all .3s ease}.btn-upgrade:hover{background-color:var(--button-action)15;transform:translateY(-2px)}.profile-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{display:flex;align-items:center;gap:8px;color:var(--gray-color);font-size:.875rem;font-weight:500}.form-group label .material-icons{font-size:18px}.form-group input{width:100%;padding:12px;border:1px solid #e2e8f0;border-radius:8px;font-size:.875rem;color:#1e293b;transition:all .2s}.form-group input:focus{outline:none;border-color:var(--button-action);box-shadow:0 0 0 3px var(--button-action) 15}.form-group input:disabled{background-color:#f8fafc;cursor:not-allowed}.btn-save{background-color:var(--button-action);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:500;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .3s ease;margin-top:8px;justify-content:center}.btn-save:hover{background-color:#5e35dc;transform:translateY(-2px);box-shadow:0 4px 8px #5e35dc4d}.btn-save:active{transform:translateY(0);box-shadow:0 2px 4px #5e35dc33}.btn-save .material-icons{font-size:18px}@media (max-width: 992px){.profile-card{padding:20px}.profile-avatar-wrapper{width:90px;height:90px}.level-badge{font-size:.7rem;padding:3px 7px}.btn-edit{width:32px;height:32px}.profile-level-info{padding:14px;margin-bottom:20px}.btn-upgrade{padding:7px 14px}.form-group{gap:6px}.form-group input{padding:10px}.btn-save{padding:10px 20px}}@media (max-width: 768px){.profile-card{padding:16px}.profile-avatar-wrapper{width:80px;height:80px}.profile-form{gap:16px}.form-group label{font-size:.8rem}.form-group label .material-icons{font-size:16px}.form-group input{font-size:.8rem}.btn-save{padding:10px 16px;font-size:.9rem}.btn-save .material-icons{font-size:16px}}@media (max-width: 576px){.profile-header{flex-direction:column;align-items:center;text-align:center;gap:16px}.profile-avatar-wrapper{width:100px;height:100px}.profile-actions{align-self:flex-end}.profile-level-info{margin-top:10px}.level-message{font-size:.9rem}.form-group label{font-size:.85rem}}@media (max-width: 400px){.profile-card{padding:14px}.profile-avatar-wrapper{width:80px;height:80px}.level-badge{font-size:.65rem;padding:3px 6px}.profile-level-info{padding:12px}.level-message{font-size:.8rem;margin-bottom:10px}.btn-upgrade{padding:6px 12px;font-size:.8rem}.form-group{gap:5px}.form-group label{font-size:.75rem}.form-group input{padding:8px;font-size:.75rem}.btn-save{padding:8px 16px;font-size:.8rem;margin-top:6px}}@media (max-width: 1200px){.profile-card{padding:20px!important}.profile-avatar-wrapper{width:90px!important;height:90px!important}.level-badge{font-size:.7rem!important;padding:3px 8px!important}}@media (max-width: 992px){.profile-card{padding:16px!important}.profile-avatar-wrapper{width:80px!important;height:80px!important}.profile-level-info{padding:12px!important;margin-bottom:16px!important}.level-message{font-size:.9rem!important}.profile-form{gap:16px!important}.form-group input{padding:10px!important}}@media (max-width: 768px){.profile-card{padding:14px!important}.profile-header{flex-direction:column!important;align-items:center!important;text-align:center!important;gap:12px!important}.profile-actions{margin-top:-2.5rem}.profile-avatar-wrapper{width:70px!important;height:70px!important}.level-message{font-size:.85rem!important}.form-group label{font-size:.8rem!important}.form-group input{font-size:.85rem!important}.btn-save{padding:10px!important;font-size:.9rem!important}}@media (max-width: 576px){.profile-card{padding:12px!important}.profile-avatar-wrapper{width:60px!important;height:60px!important}.level-badge{font-size:.65rem!important;padding:2px 6px!important}.profile-level-info{padding:10px!important;margin-bottom:14px!important}.level-message{font-size:.8rem!important}.form-group{gap:4px!important}.form-group input{padding:8px!important;font-size:.8rem!important}.btn-save{padding:8px!important;font-size:.85rem!important}}@media (max-width: 400px){.profile-card{padding:10px!important}.profile-avatar-wrapper{width:50px!important;height:50px!important}.level-badge{font-size:.6rem!important;padding:2px 4px!important}.profile-level-info{padding:8px!important;margin-bottom:12px!important}.level-message{font-size:.75rem!important}.form-group input{padding:6px!important;font-size:.75rem!important}.btn-save{padding:6px!important;font-size:.8rem!important}}.metrics-panel{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:24px}.metric-card{background:#fff;border-radius:12px;padding:20px;display:flex;align-items:flex-start;gap:16px;box-shadow:0 2px 10px #0000000d;transition:all .3s ease;border:1px solid transparent}.metric-card:hover{transform:translateY(-5px);box-shadow:0 8px 15px #0000001a;border-color:#e2e8f0}.client-metrics-panel{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:24px}.client-metric-card{background:#fff;border-radius:12px;padding:20px;display:flex;align-items:flex-start;gap:16px;box-shadow:0 2px 10px #0000000d;transition:all .3s ease;border:1px solid transparent}.client-metric-card:hover{transform:translateY(-5px);box-shadow:0 8px 15px #0000001a;border-color:#e2e8f0}.metric-icon{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.metric-content{flex:1;min-width:0}.metric-title{font-size:.875rem;color:var(--gray-color);margin:0 0 8px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metric-data{display:flex;flex-direction:column;gap:4px}.metric-value{font-size:1.5rem;font-weight:600;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metric-subtitle{font-size:.75rem;color:var(--gray-color);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 1200px){.metrics-panel,.client-metrics-panel{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}}@media (max-width: 992px){.metrics-panel,.client-metrics-panel{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.metric-card,.client-metric-card{padding:16px;gap:12px}.metric-icon{width:40px;height:40px}.metric-icon .material-icons{font-size:20px}.metric-value{font-size:1.3rem}}@media (max-width: 992px){.metrics-panel,.profile-card,.shopping-section{padding:14px!important}.metric-card,.shopping-product-card{padding:8px!important;gap:8px!important}.profile-avatar-wrapper{width:70px!important;height:70px!important}.shopping-product-image{height:120px!important}.shopping-product-name{font-size:.9rem!important}}@media (max-width: 768px){.metrics-panel,.client-metrics-panel{grid-template-columns:repeat(2,1fr);margin-bottom:20px}.metric-card,.client-metric-card{padding:16px;gap:12px;display:flex;align-items:center}.metric-icon{width:38px;height:38px}.metric-icon .material-icons{font-size:18px}.metric-title{font-size:.8rem}.metric-value{font-size:1.2rem}.metric-subtitle{font-size:.7rem}}@media (max-width: 768px){.metrics-panel,.profile-card,.shopping-section{padding:10px!important}.profile-header,.shopping-header{flex-direction:column!important;align-items:flex-start!important;gap:8px!important}.profile-avatar-wrapper{width:60px!important;height:60px!important}.shopping-products-container{grid-template-columns:1fr!important;gap:10px!important}.shopping-product-card{min-width:0!important}}@media (max-width: 576px){.metrics-panel,.client-metrics-panel{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:16px}.metric-card,.client-metric-card{padding:16px;gap:12px;flex-direction:column;align-items:flex-start;text-align:left}.metric-icon{width:40px;height:40px;margin-bottom:8px}.metric-icon .material-icons{font-size:20px}.metric-value{font-size:1.3rem}.metric-content{width:100%}}@media (max-width: 576px){.metrics-panel,.profile-card,.shopping-section{padding:8px!important}.profile-header,.shopping-header{gap:6px!important}.profile-avatar-wrapper{width:48px!important;height:48px!important}.shopping-product-image{height:80px!important}.shopping-product-name{font-size:.8rem!important}.shopping-product-card{gap:6px!important;padding:6px!important}}@media (max-width: 480px){.metrics-panel,.client-metrics-panel{grid-template-columns:1fr;gap:10px}.metric-card,.client-metric-card{padding:14px;flex-direction:row;align-items:center;gap:14px}.metric-icon{width:36px;height:36px;margin-bottom:0}.metric-icon .material-icons{font-size:18px}.metric-title{font-size:.8rem;margin-bottom:4px}.metric-value{font-size:1.2rem}.metric-subtitle{font-size:.7rem}}@media (max-width: 400px){.metric-card,.client-metric-card{padding:12px;gap:10px}.metric-icon{width:32px;height:32px}.metric-icon .material-icons{font-size:16px}.metric-title{font-size:.75rem;margin-bottom:4px}.metric-value{font-size:1.1rem}.metric-subtitle{font-size:.65rem}.metrics-panel,.profile-card,.shopping-section{padding:4px!important}.profile-header h3,.shopping-header h3{font-size:.9rem!important}.profile-avatar-wrapper{width:36px!important;height:36px!important}.shopping-product-name{font-size:.7rem!important}}.history-panel{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 10px #0000000d;height:100%}.history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.history-header h3{font-size:1.25rem;color:#1e293b;margin:0}.btn-view-all{display:flex;text-decoration:none;align-items:center;gap:4px;background:none;border:none;color:var(--gray-color);font-size:.875rem;font-weight:500;cursor:pointer;padding:8px;border-radius:6px;transition:background-color .2s}.btn-view-all:hover{background-color:var(--button-action)15;color:#323d4d}.purchases-list{display:flex;flex-direction:column;gap:16px;max-height:500px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--button-action) #f1f5f9}.purchases-list::-webkit-scrollbar{width:6px}.purchases-list::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.purchases-list::-webkit-scrollbar-thumb{background-color:var(--button-action);border-radius:10px}.purchase-card{display:flex;align-items:center;gap:16px;padding:12px;border-radius:8px;transition:all .2s ease;border:1px solid transparent}.purchase-card:hover{background-color:#f8fafc;transform:translateY(-2px);border-color:#e2e8f0;box-shadow:0 4px 6px #0000000d}.purchase-image{width:64px;height:64px;border-radius:8px;overflow:hidden;flex-shrink:0}.purchase-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.purchase-card:hover .purchase-image img{transform:scale(1.05)}.purchase-details{flex:1;display:flex;justify-content:space-between;align-items:center;min-width:0}.purchase-info{display:flex;flex-direction:column;gap:4px;min-width:0}.purchase-name{font-size:.875rem;font-weight:500;color:#1e293b;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.purchase-date{font-size:.75rem;color:var(--gray-color)}.purchase-stats{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0}.purchase-price{font-weight:600;color:var(--button-action)}.purchase-points{display:flex;align-items:center;gap:4px;font-size:.75rem;color:var(--gray-color)}.purchase-points .material-icons{font-size:14px;color:#f59e0b}.loading-state,.error-state,.empty-state{padding:20px;text-align:center;color:var(--gray-color);font-size:.875rem;border-radius:8px;background-color:#f8fafc}.error-state{color:#ef4444;background-color:#fee2e2}.empty-state{padding:30px 20px}@media (max-width: 1200px){.purchases-list{max-height:400px}}@media (max-width: 992px){.history-panel{padding:16px}.purchase-card{padding:10px}}@media (max-width: 992px){.history-panel{padding:14px!important}.purchase-card{padding:8px!important;gap:8px!important}.purchase-image{width:48px!important;height:48px!important}.purchase-name{font-size:.8rem!important}.purchase-date{font-size:.7rem!important}.purchase-price{font-size:.9rem!important}}@media (max-width: 768px){.purchases-list{max-height:350px}.purchase-image{width:56px;height:56px}.purchase-name{font-size:.8rem}.purchase-date{font-size:.7rem}.purchase-price{font-size:.9rem}}@media (max-width: 768px){.history-header{flex-direction:column!important;align-items:flex-start!important;gap:8px!important}.btn-view-all{align-self:flex-end!important;width:100%!important;justify-content:flex-end!important}.purchases-list{max-height:250px!important;gap:8px!important}.purchase-details{flex-direction:column!important;align-items:flex-start!important;gap:6px!important}.purchase-stats{flex-direction:row!important;align-items:center!important;width:100%!important;justify-content:space-between!important}}@media (max-width: 576px){.history-header{flex-direction:column;align-items:flex-start;gap:10px}.btn-view-all{align-self:flex-end}.purchase-card{gap:10px}.purchase-image{width:48px;height:48px}.purchase-details{flex-direction:column;align-items:flex-start;gap:8px}.purchase-stats{flex-direction:row;align-items:center;width:100%;justify-content:space-between}}@media (max-width: 576px){.history-panel{padding:10px!important}.history-header h3{font-size:1rem!important}.purchase-image{width:36px!important;height:36px!important}.purchase-name{font-size:.75rem!important}.purchase-date,.purchase-points{font-size:.65rem!important}.purchase-price{font-size:.8rem!important}.purchase-card{gap:6px!important;padding:6px!important}}@media (max-width: 400px){.history-panel{padding:12px}.history-header h3{font-size:1.1rem}.purchase-image{width:40px;height:40px}.purchase-name{font-size:.75rem}.purchase-date,.purchase-points{font-size:.65rem}.purchase-price{font-size:.8rem}}@media (max-width: 400px){.history-panel{padding:6px!important}.history-header h3{font-size:.9rem!important}.purchase-image{width:28px!important;height:28px!important}.purchase-name{font-size:.7rem!important}.purchase-date,.purchase-points{font-size:.6rem!important}.purchase-price{font-size:.7rem!important}}.shopping-section{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 10px #0000000d;transition:all .3s ease}.shopping-section:hover{box-shadow:0 8px 15px #0000001a}.shopping-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.shopping-header h3{font-size:1.25rem;color:#1e293b;margin:0}.shopping-products-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;padding:.5rem;width:100%;margin:0 auto;position:relative;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--accent-color) rgba(229,192,192,.1)}.shopping-products-container::-webkit-scrollbar{height:6px}.shopping-products-container::-webkit-scrollbar-track{background:#e5c0c01a;border-radius:10px}.shopping-products-container::-webkit-scrollbar-thumb{background-color:var(--accent-color);border-radius:10px}.shopping-product-card{background:#fff;border-radius:var(--mds-radius-md, 8px);overflow:hidden;box-shadow:var(--mds-shadow-sm, 0 1px 3px rgba(0, 0, 0, .1));transition:all .3s ease;cursor:pointer;position:relative;border:1px solid rgba(229,192,192,.1);height:100%;display:flex;flex-direction:column}.shopping-product-card:hover{transform:translateY(-5px);box-shadow:var(--mds-shadow-md, 0 4px 6px rgba(0, 0, 0, .1));border-color:var(--accent-color)}.shopping-product-discount{position:absolute;top:1rem;left:1rem;background-color:var(--accent-color);color:#fff;font-size:.75rem;font-weight:600;padding:.3rem .8rem;border-radius:var(--mds-radius-full, 9999px);z-index:2}.shopping-product-image{position:relative;height:180px;overflow:hidden;background-color:#f9f9f9}.shopping-product-image img{width:100%;height:100%;object-fit:cover;transition:all .5s ease;filter:brightness(.97)}.shopping-product-card:hover .shopping-product-image img{transform:scale(1.08);filter:brightness(1.03)}.shopping-product-image:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#0000,#0000000d);opacity:0;transition:opacity .3s ease}.shopping-product-card:hover .shopping-product-image:after{opacity:1}.shopping-product-actions{position:absolute;top:1rem;right:1rem;display:flex;flex-direction:column;gap:.5rem;z-index:2;opacity:0;transform:translate(10px);transition:all .3s ease}.shopping-product-card:hover .shopping-product-actions{opacity:1;transform:translate(0)}.shopping-action-btn{width:36px;height:36px;border-radius:50%;background:#fff;border:none;display:flex;align-items:center;justify-content:center;color:var(--text-color, #333);cursor:pointer;box-shadow:0 2px 5px #0000001a;transition:all .2s ease}.shopping-action-btn:hover{background:var(--accent-color);color:#fff;transform:scale(1.1)}.shopping-product-info{padding:.8rem;display:flex;flex-direction:column;flex-grow:1}.shopping-product-brand{font-size:.85rem;color:var(--accent-color-light, #888);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em}.shopping-product-name{font-family:Montserrat,sans-serif;font-size:.9rem;font-weight:600;margin-bottom:.4rem;color:var(--text-color, #333);transition:color .3s ease;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;height:2.4em}.shopping-product-card:hover .shopping-product-name{color:var(--accent-color)}.shopping-product-description{font-size:.9rem;color:#253d4eb3;margin-bottom:.75rem;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex-grow:1}.shopping-product-rating{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.shopping-star-rating{color:gold;font-size:1rem;display:flex}.shopping-review-count{font-size:.85rem;color:var(--accent-color-light, #888)}.product-price{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.price-current{font-family:Montserrat,sans-serif;font-weight:700;font-size:1.2rem;color:var(--text-color, #333)}.price-original{font-family:Inter,sans-serif;color:#253d4e80;text-decoration:line-through;font-size:.9rem}.shopping-product-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.shopping-product-tag{font-size:.75rem;background:#00000008;color:var(--accent-color-light, #888);padding:.2rem .6rem;border-radius:var(--mds-radius-full, 9999px)}.btn-add-shopping-cart{width:100%;padding:.8rem;background-color:var(--accent-color);color:#fff;font-family:Montserrat,sans-serif;font-weight:600;font-size:.95rem;border:none;border-radius:var(--mds-radius-md, 8px);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:auto}.btn-add-shopping-cart:hover{background-color:#d8a8a8;transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.btn-add-shopping-cart:active{transform:translateY(0);box-shadow:0 2px 4px #0000001a}.btn-add-shopping-cart .material-icons{font-size:1.1rem}.scroll-buttons{display:flex;gap:.5rem}.btn-scroll{background:none;border:1px solid rgba(0,0,0,.1);width:40px;height:40px;border-radius:var(--mds-radius-sm, 4px);display:flex;align-items:center;justify-content:center;color:var(--accent-color-light, #888);cursor:pointer;transition:all .2s ease;box-shadow:0 2px 5px #0000000d;z-index:2}.btn-scroll:hover{background-color:var(--accent-color);color:#fff;border-color:var(--accent-color);transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.btn-scroll:active{transform:translateY(0);box-shadow:0 2px 3px #0000001a}.btn-scroll:disabled{opacity:.5;cursor:not-allowed;background-color:#f5f5f5;color:#aaa;border-color:#ddd;transform:none;box-shadow:none}.loading-state,.empty-state{padding:2rem;text-align:center;color:#253d4eb3;font-family:Inter,sans-serif}@media (max-width: 1200px){.shopping-products-container{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))!important;gap:.8rem!important}.shopping-product-image{height:160px!important}}@media (max-width: 992px){.shopping-section{padding:16px!important}.shopping-products-container{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))!important;gap:.6rem!important}.shopping-product-image{height:140px!important}.shopping-product-card{border-radius:6px!important}.shopping-product-info{padding:.6rem!important}.shopping-product-name{font-size:.85rem!important}.price-current{font-size:1rem!important}}@media (max-width: 768px){.shopping-section{padding:12px!important}.shopping-header{flex-direction:column!important;align-items:flex-start!important;gap:10px!important}.shopping-products-container{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))!important;gap:.5rem!important}.shopping-product-image{height:120px!important}.shopping-product-info{padding:.5rem!important}.btn-add-shopping-cart{padding:.6rem!important;font-size:.85rem!important}}@media (max-width: 576px){.shopping-section{padding:10px!important}.shopping-header h3{font-size:1.1rem!important}.shopping-products-container{grid-template-columns:repeat(2,1fr)!important}.shopping-product-image{height:100px!important}.shopping-product-name{font-size:.8rem!important;-webkit-line-clamp:1!important;line-clamp:1!important}.price-current{font-size:.9rem!important}.price-original{font-size:.8rem!important}}@media (max-width: 400px){.shopping-section{padding:8px!important}.shopping-header h3{font-size:1rem!important}.shopping-products-container{grid-template-columns:1fr!important}.shopping-product-image{height:140px!important}.shopping-product-card{max-width:100%!important}.shopping-product-actions{transform:none!important;opacity:1!important}.btn-add-shopping-cart{padding:.5rem!important;font-size:.8rem!important}}.brand-dashboard{display:flex;width:100%;min-height:100vh;background-color:#f8fafc}.dashboard-main{flex:1;margin-left:250px;transition:margin-left .3s ease;padding:24px;width:calc(100% - 250px);overflow-x:hidden}.dashboard-main.expanded{margin-left:70px;width:calc(100% - 70px)}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.dashboard-header h1{font-size:1.8rem;color:#1e293b;margin:0;font-weight:600}.dashboard-actions{display:flex;align-items:center;gap:16px}.btn-notifications{background:transparent;border:none;position:relative;padding:8px;cursor:pointer;border-radius:8px;transition:background-color .2s}.btn-notifications:hover{background-color:#0000000d}.btn-notifications .material-icons{font-size:24px;color:var(--gray-color)}.notification-badge{position:absolute;top:0;right:0;background-color:var(--error-500);color:var(--text-on-error);font-size:.65rem;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center}.user-profile{cursor:pointer;position:relative}.user-avatar{width:38px;height:38px;border-radius:50%;object-fit:cover}.brand-profile{display:flex;align-items:center;gap:12px;padding:6px;border-radius:8px;transition:background-color .2s;cursor:pointer}.dashboard-content{display:flex;flex-direction:column;gap:24px}.dashboard-middle-section{display:grid;grid-template-columns:2fr 1fr;gap:24px}.sales-section,.products-section{min-width:0}.dashboard-bottom-section{width:100%}@media (max-width: 1200px){.dashboard-middle-section{grid-template-columns:1fr}}@media (max-width: 768px){.dashboard-main{margin-left:0;width:100%;padding:1rem 1rem 4rem}.dashboard-header{flex-direction:column;align-items:flex-start;gap:16px}.dashboard-header h1{font-size:1.5rem}.dashboard-actions{width:100%;justify-content:space-between}}@media (max-width: 576px){.dashboard-header{flex-direction:column;align-items:flex-start;gap:16px}.dashboard-actions{width:100%;justify-content:space-between}}.signup-container{display:flex;min-height:100vh;width:100%;font-family:Inter,Segoe UI,Roboto,sans-serif;background-color:#fff;transition:opacity .3s ease-in-out,transform .3s ease-in-out}.signup-container.page-enter{opacity:0;transform:translate(20px)}.signup-container.page-enter-active{opacity:1;transform:translate(0)}.signup-container.page-exit{opacity:0;transform:translate(-20px)}.signup-form-section{flex:1;padding:0rem 3rem;display:flex;flex-direction:column;justify-content:center;background-color:#fff;position:relative;z-index:1}.signup-form-section:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 15% 85%,rgba(110,66,229,.05) 0%,transparent 40%),radial-gradient(circle at 85% 15%,rgba(255,209,102,.08) 0%,transparent 45%);z-index:-1}.signup-heading{font-size:3.2rem;font-weight:800;margin:0 auto 2.5rem;color:#333;background:var(--background-text-2);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:-.5px;line-height:1.1;animation:fadeInUp 1s ease-out}.signup-form{max-width:1200px;width:100%}.form-row{display:flex;flex-direction:row;gap:20px;width:100%;justify-content:space-evenly}.form-row .form-group{width:50%;flex:1}.form-input{width:100%;padding:1.1rem 1.2rem;border-radius:12px;border:1.5px solid rgba(225,225,225,.8);background-color:#f9f9f980;font-size:1rem;transition:all .3s ease;box-shadow:0 2px 8px #0000000a;box-sizing:border-box}.form-input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 3px 12px var(--accent-color-light);transform:translateY(-2px);background-color:#fff}.form-input.valid{border-color:#4caf50;background-color:#4caf5008}.form-input.invalid{border-color:#ff5252;background-color:#ff525208}.form-input.valid:focus{box-shadow:0 3px 12px #4caf5026}.form-input.invalid:focus{box-shadow:0 3px 12px #ff525226}.form-input.valid+.validation-message,.form-input.invalid+.validation-message{animation:fadeIn .3s ease-out}.validation-message{color:#ff5252;font-size:.8rem;top:100%;padding-left:.5rem;position:absolute}.form-error-message{display:flex;align-items:center;background-color:#ff52521a;border-left:4px solid #FF5252;color:#ff5252;padding:1rem;margin-bottom:1.5rem;border-radius:8px;font-size:.95rem;box-shadow:0 3px 10px #ff525226;animation:shakeError .5s ease-out;transition:all .3s ease}.form-error-message:hover{background-color:#ff525226;transform:translateY(-2px);box-shadow:0 5px 15px #ff525233}.form-success-message{display:flex;align-items:center;background:linear-gradient(to right,#4caf501a,#4caf500d);border-left:4px solid #4CAF50;color:#4caf50;padding:1rem;margin-bottom:1.5rem;border-radius:8px;font-size:.95rem;box-shadow:0 3px 10px #4caf5026;animation:fadeInSuccess .5s ease-out;transition:all .3s ease;position:relative;overflow:hidden}.form-success-message:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.2),transparent);transform:translate(-100%);transition:transform .8s ease}.form-success-message:hover{background:linear-gradient(to right,#4caf5026,#4caf501a);transform:translateY(-2px);box-shadow:0 5px 15px #4caf5033}.form-success-message:hover:after{transform:translate(100%)}.error-icon,.success-icon{display:flex;align-items:center;justify-content:center;margin-right:12px;flex-shrink:0}.success-icon svg{animation:successPulse 1.5s ease-in-out}@keyframes successPulse{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.2);opacity:1}to{transform:scale(1);opacity:1}}.error-content,.success-content{flex:1}.success-content{font-weight:500;text-shadow:0 1px 1px rgba(255,255,255,.8);letter-spacing:.2px}@keyframes shakeError{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}@keyframes fadeInSuccess{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.checkbox-group{display:flex;align-items:center;flex-direction:column;align-items:flex-start}.checkbox-group label{display:flex;align-items:center;font-size:.95rem;color:#555;cursor:pointer;user-select:none}.checkbox-message{margin-top:.5rem}.terms-link{color:var(--button-action);text-decoration:none;position:relative;transition:color .3s ease}.terms-link:hover{text-decoration:underline}.signup-button{width:100%;padding:1.2rem;border-radius:12px;border:none;font-size:1.05rem;font-weight:700;cursor:pointer;transition:all .4s ease;background-color:#ddd;color:#888;position:relative;overflow:hidden;letter-spacing:.5px;text-transform:uppercase}.signup-button.active{background:linear-gradient(135deg,var(--accent-color),var(--text-color));color:var(--text-on-primary);box-shadow:0 8px 20px rgba(var(--primary-rgb),.3)}.signup-button.active:hover{transform:translateY(-3px);box-shadow:0 10px 25px var(--accent-color-light)}.signup-button.active:active{transform:translateY(-1px);box-shadow:0 5px 15px rgba(var(--primary-rgb),.25)}.signup-button:after{content:"";position:absolute;top:50%;left:50%;width:5px;height:5px;background-color:#ffffff80;opacity:0;border-radius:100%;transform:translate(-50%,-50%) scale(1);transition:all .6s ease}.signup-button.active:hover:after{opacity:1;transform:translate(-50%,-50%) scale(20)}.signup-illustration-section{flex:1;background:linear-gradient(135deg,#f3f9ec,#e3f1fc);position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center;padding:2rem;box-shadow:-10px 0 25px #0000000d}.profile-icon{position:absolute;top:2rem;right:2rem;width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#ff6b93,#ff8e72);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.2rem;box-shadow:0 5px 15px #ff6b9366;z-index:10;cursor:pointer;transition:all .3s ease}.profile-icon:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 8px 20px #ff6b9380}.illustration-container{position:relative;width:100%;animation:float 6s ease-in-out infinite;display:flex;justify-content:center;align-items:center}.illustration-elements{position:relative;width:100%;height:100%}.element{position:absolute;border-radius:8px;box-shadow:0 8px 20px #0000001a;transition:all .3s ease}.element:hover{transform:scale(1.05) translateY(-5px);box-shadow:0 12px 25px #00000026}.smartphone{width:120px;height:220px;background:linear-gradient(135deg,#fff,#f1f1f1);border:2px solid #ddd;left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:0 10px 20px #0000001a}.smartphone:before{content:"";position:absolute;width:90%;height:70%;top:15%;left:5%;background-color:var(--button-action);border-radius:5px}.smartphone:after{content:"ECOMMERCE";position:absolute;width:80%;height:30px;top:45%;left:10%;background-color:#ffd166;border-radius:15px;display:flex;align-items:center;justify-content:center;color:#333;font-weight:700;font-size:10px;box-shadow:0 2px 5px #0000001a}.money-bag{width:100px;height:130px;background-color:#ffd166;bottom:20%;right:20%;border-radius:50% 50% 8px 8px;box-shadow:0 8px 15px #0000001a}.money-bag:before{content:"$";position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#333;font-size:2rem;font-weight:700}.coins{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#ffd166,#f8c145);left:25%;bottom:25%;box-shadow:0 5px 10px #0000001a}.coins:before{content:"";position:absolute;width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#ffeaaa,#ffd166);top:-15px;left:15px}.dollar-bills{width:140px;height:70px;background-color:#94d28a;left:20%;top:30%;transform:rotate(-15deg);box-shadow:0 5px 10px #0000001a}.dollar-bills:before{content:"$100";position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#1a5e1a;font-weight:700}.credit-card{width:140px;height:90px;background:linear-gradient(135deg,var(--button-action),#9b7bff);right:20%;top:35%;transform:rotate(10deg);box-shadow:0 8px 15px #6e42e54d}.leaf{background-color:#94d28a;border-radius:50% 0 50% 50%;transform:rotate(45deg)}.leaf-1{width:60px;height:60px;left:15%;top:15%}.leaf-2{width:40px;height:40px;right:10%;top:20%}.leaf-3{width:50px;height:50px;right:30%;bottom:15%}.role-group{display:flex;gap:20px;margin-bottom:1rem}.radio-label{display:flex;align-items:center;cursor:pointer;font-size:14px;color:#333}.radio-input{display:none}.radio-custom{width:16px;height:16px;border:2px solid #ccc;border-radius:50%;margin-right:8px;display:inline-block;position:relative;transition:border-color .3s ease}.radio-input:checked+.radio-custom{border-color:var(--button-action);background:linear-gradient(to right,#333,var(--button-action))}.radio-custom:after{content:"";width:8px;height:8px;background-color:#fff;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;transition:opacity .3s ease}.radio-input:checked+.radio-custom:after{opacity:1}@media (max-width: 1280px){.signup-heading{font-size:2.8rem}}@media (max-width: 1024px){.signup-container{flex-direction:column}.signup-form-section{order:2;padding:2.5rem 3rem}.signup-illustration-section{order:1;min-height:400px}.signup-form{max-width:500px;margin:0 auto}.signup-heading{text-align:center}}@media (max-width: 768px){.signup-heading{font-size:2.5rem}.signup-form-section{padding:2rem}.signup-illustration-section{min-height:300px}.illustration-container{height:300px}}@media (max-width: 480px){.signup-heading{font-size:2.2rem}.signup-form-section{padding:1.5rem}.signup-illustration-section{min-height:250px}.form-input,.auth-social-button,.signup-button{padding:.9rem}}.signin-link{margin-top:2.5rem;text-align:center;font-size:.95rem;color:#666}.signin-link a{color:var(--accent-color);text-decoration:none;font-weight:600;position:relative;padding-bottom:2px}.signin-link a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background-color:var(--accent-color);transition:width .3s ease}.signin-link a:hover:after{width:100%}.signup-container.dark-theme{background-color:#121212;color:#f5f5f5}.signup-container.dark-theme .signup-form-section{background-color:#121212}.signup-container.dark-theme .signup-form-section:before{background-image:radial-gradient(circle at 15% 85%,rgba(110,66,229,.1) 0%,transparent 40%),radial-gradient(circle at 85% 15%,rgba(255,209,102,.12) 0%,transparent 45%)}.signup-container.dark-theme .signup-illustration-section{background:linear-gradient(135deg,#1a1a2e,#16213e);box-shadow:10px 0 25px #0003}.signup-container.dark-theme .signup-heading{color:#f5f5f5;background:linear-gradient(to right,#f5f5f5,var(--button-action));-webkit-background-clip:text;background-clip:text;color:transparent}.signup-container.dark-theme .form-input{background-color:#1e1e1ecc;border-color:#3c3c3ccc;color:#f5f5f5}.signup-container.dark-theme .form-input:focus{border-color:var(--button-action);background-color:#282828e6;box-shadow:0 3px 12px #6e42e540}.signup-container.dark-theme .form-input::placeholder{color:#888}.signup-container.dark-theme .form-input.valid{border-color:#4caf50;background-color:#4caf501a}.signup-container.dark-theme .form-input.invalid{border-color:#ff5252;background-color:#ff52521a}.signup-container.dark-theme .validation-message{color:#ff7070}.signup-container.dark-theme .form-error-message{background-color:#ff525226;color:#ff7070}.signup-container.dark-theme .form-success-message{background:linear-gradient(to right,#4caf5026,#4caf501a);color:#7cff80}.signup-container.dark-theme .toggle-password{color:#888}.signup-container.dark-theme .toggle-password:hover,.signup-container.dark-theme .checkbox-group label{color:#f5f5f5}.signup-container.dark-theme .terms-link{color:var(--button-action)}.signup-container.dark-theme .signup-button{background:linear-gradient(to right,#333,#16213e);color:#aaa}.signup-container.dark-theme .signup-button.active{background:linear-gradient(to right,var(--button-action),#9b6dff);color:#fff}.signup-container.dark-theme .signin-link{color:#aaa}.signup-container.dark-theme .signin-link a{color:var(--button-action)}.theme-toggle-btn{background:none;border:none;color:#333;font-size:1.5rem;cursor:pointer;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease;background-color:#ffffff1a;backdrop-filter:blur(5px);box-shadow:0 2px 10px #0000001a}.theme-toggle-btn:hover{background-color:#fff3;transform:translateY(-2px)}.signup-container.dark-theme .theme-toggle-btn{color:#f5f5f5;background-color:#1e1e1e99;box-shadow:0 2px 10px #0000004d}.signup-container.dark-theme .theme-toggle-btn:hover{background-color:#3c3c3ccc}.shop-catalogue-container{font-family:Inter,sans-serif;max-width:1800px;margin:0 auto;padding:0;background-color:var(--body-color);color:var(--text-color)}.shop-catalogue-hero{position:relative;border-radius:30px;overflow:hidden;margin:50px auto 60px;height:400px;width:100%;max-width:1800px;display:flex;align-items:center;justify-content:center;color:#fff;background:linear-gradient(to right,#000000b3,#0006),url(https://images.unsplash.com/photo-1472851294608-062f824d29cc?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2070&q=80);background-size:cover;background-position:center}.shop-catalogue-hero-content{text-align:center;z-index:2;padding:0 1rem}.shop-catalogue-title{font-family:Montserrat,sans-serif;font-size:3.5rem;font-weight:800;margin-bottom:1rem;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.shop-catalogue-subtitle{font-family:Inter,sans-serif;font-size:1.3rem;margin-bottom:2rem;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.shop-catalogue-filters{display:grid;grid-template-columns:280px 1fr;gap:2rem;margin-bottom:3rem}.shop-filter-sidebar{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 5px 15px #0000000d;position:sticky;top:100px;max-height:calc(100vh - 120px);overflow-y:auto}.shop-filter-sidebar::-webkit-scrollbar{width:6px}.shop-filter-sidebar::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.shop-filter-sidebar::-webkit-scrollbar-thumb{background:#e5c0c0;border-radius:10px}.shop-filter-sidebar::-webkit-scrollbar-thumb:hover{background:#d8a8a8}.shop-filter-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.shop-filter-title{font-family:Montserrat,sans-serif;font-size:1.3rem;font-weight:600;color:#333;margin:0}.shop-clear-filters{background:none;border:none;color:#e5c0c0;font-family:Inter,sans-serif;font-size:.9rem;font-weight:500;cursor:pointer;transition:color .3s ease}.shop-clear-filters:hover{color:#d8a8a8;text-decoration:underline}.shop-filter-section{border-bottom:1px solid #f1f1f1;padding-bottom:1.5rem;margin-bottom:1.5rem}.shop-filter-section:last-child{border-bottom:none;padding-bottom:0;margin-bottom:0}.shop-filter-section-title{font-family:Montserrat,sans-serif;font-size:1rem;font-weight:600;color:#333;margin:0 0 1rem;display:flex;justify-content:space-between;align-items:center}.shop-toggle-icon{font-size:1.1rem;color:#666;cursor:pointer;transition:transform .3s ease}.shop-toggle-icon.open{transform:rotate(180deg)}.shop-category-list{display:flex;flex-direction:column;gap:.8rem}.shop-category-item{display:flex;align-items:center;cursor:pointer}.shop-category-checkbox{appearance:none;width:18px;height:18px;border:1.5px solid #ddd;border-radius:4px;margin-right:10px;position:relative;transition:all .2s ease}.shop-category-checkbox:checked{background-color:#e5c0c0;border-color:#e5c0c0}.shop-category-checkbox:checked:before{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px}.shop-category-label{font-family:Inter,sans-serif;font-size:.95rem;color:#333;user-select:none}.shop-category-count{margin-left:auto;font-size:.85rem;color:#999;background:#f7f7f7;padding:2px 8px;border-radius:10px}.shop-price-range{margin-top:1rem}.shop-price-inputs{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.shop-price-input{width:45%;padding:.6rem;border:1px solid #ddd;border-radius:8px;font-family:Inter,sans-serif;font-size:.9rem;color:#333;transition:border-color .3s ease}.shop-price-input:focus{outline:none;border-color:#e5c0c0}.shop-price-divider{color:#999}.shop-range-slider{width:100%;height:4px;background:#ddd;border-radius:2px;position:relative}.shop-price-progress{height:100%;background-color:#e5c0c0;border-radius:2px;position:absolute;left:25%;right:25%}.shop-range-input{position:relative}.shop-range-input input{position:absolute;top:-5px;height:5px;width:100%;background:none;pointer-events:none;-webkit-appearance:none;appearance:none}.shop-range-input input::-webkit-slider-thumb{height:18px;width:18px;border-radius:50%;background:#fff;pointer-events:auto;-webkit-appearance:none;border:2px solid #e5c0c0;cursor:pointer}.shop-color-filter{display:flex;flex-wrap:wrap;gap:10px;margin-top:1rem}.shop-color-option{width:25px;height:25px;border-radius:50%;border:2px solid transparent;cursor:pointer;position:relative;transition:transform .2s ease}.shop-color-option:hover{transform:scale(1.1)}.shop-color-option.selected{border-color:#e5c0c0}.shop-color-option.selected:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px;text-shadow:0px 0px 2px rgba(0,0,0,.5)}.shop-star-filter{display:flex;flex-direction:column;gap:.7rem;margin-top:.5rem}.shop-star-item{display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:transform .2s ease}.shop-star-item:hover{transform:translate(3px)}.shop-stars{color:gold;font-size:1rem}.shop-star-label{font-family:Inter,sans-serif;font-size:.95rem;color:#333}.shop-star-count{margin-left:auto;font-size:.85rem;color:#999}.shop-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:.5rem}.shop-tag{background:#f7f7f7;color:#666;font-family:Inter,sans-serif;font-size:.85rem;padding:5px 12px;border-radius:20px;cursor:pointer;transition:all .2s ease}.shop-tag:hover{background:#f2e7e7;color:#e5c0c0}.shop-tag.selected{background:#e5c0c0;color:#fff}.shop-apply-filters{display:block;width:100%;padding:1rem;background-color:#e5c0c0;color:#fff;font-family:Montserrat,sans-serif;font-weight:600;font-size:1rem;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s ease,transform .2s ease;margin-top:2rem}.shop-apply-filters:hover{background-color:#d8a8a8;transform:translateY(-2px)}.shop-products-section{flex:1}.shop-products-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;background:#fff;padding:1.2rem;border-radius:12px;box-shadow:0 2px 10px #00000008}.shop-products-count{font-family:Montserrat,sans-serif;font-size:1rem;font-weight:600;color:#333}.shop-products-count span{color:#e5c0c0}.shop-products-controls{display:flex;align-items:center;gap:1.5rem}.shop-sort-control{display:flex;align-items:center;gap:.8rem}.shop-sort-label{font-family:Inter,sans-serif;font-size:.95rem;color:#666}.shop-sort-select{padding:.6rem 1rem;border:1px solid #e0e0e0;border-radius:8px;font-family:Inter,sans-serif;font-size:.9rem;color:#333;background-color:#fff;cursor:pointer;outline:none;transition:all .3s ease}.shop-sort-select:focus,.shop-sort-select:hover{border-color:#e5c0c0;box-shadow:0 0 0 2px #e5c0c01a}.shop-view-options{display:flex;gap:.5rem}.shop-view-button{background:none;border:1px solid #e0e0e0;width:36px;height:36px;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#666;cursor:pointer;transition:all .2s ease}.shop-view-button:hover,.shop-view-button.active{background-color:#e5c0c0;color:#fff;border-color:#e5c0c0}.shop-products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.shop-products-grid.shop-list-view{grid-template-columns:1fr}.sale-product-card{background:var(--body-color);border-radius:12px;overflow:hidden;box-shadow:0 5px 15px var(--shadow-color, rgba(0, 0, 0, .05));transition:all .3s ease;position:relative}.sale-product-card:hover{transform:translateY(-10px);box-shadow:0 10px 25px #0000001a}.sale-product-badge{position:absolute;top:12px;left:12px;background-color:var(--accent-color);color:var(--text-on-primary);font-family:Montserrat,sans-serif;font-weight:600;font-size:.8rem;padding:5px 10px;border-radius:20px;z-index:2}.sale-product-actions{position:absolute;bottom:-50px;left:0;right:0;background-color:#ffffffe6;display:flex;justify-content:center;gap:15px;padding:10px 0;transition:bottom .3s ease}.sale-product-card:hover .sale-product-actions{bottom:0}.sale-action-button{background:#ffffffe6;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:#666}.sale-action-button:hover{background:#fff;transform:scale(1.1)}.sale-action-button.active{background:#fff;color:#e74c3c}.sale-action-button.active i{color:#e74c3c}.sale-product-details{padding:1.5rem}.sale-product-brand{color:var(--text-color, #888);opacity:.6;font-size:.9rem;margin-bottom:.5rem}.sale-product-title{font-family:Montserrat,sans-serif;font-weight:600;font-size:1.1rem;color:var(--text-color, #333);margin:0 0 .5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sale-product-rating{display:flex;align-items:center;margin-bottom:.8rem}.star-rating{display:flex;color:var(--secondary-500);font-size:.8rem}.star-rating .material-icons{font-size:16px}.sale-review-count{color:var(--text-color, #888);opacity:.6;font-size:.8rem;margin-left:5px}.sale-product-price{display:flex;align-items:center;gap:10px;margin-bottom:1rem}.sale-discount-price{font-family:Montserrat,sans-serif;font-weight:700;font-size:1.2rem;color:var(--accent-color)}.sale-original-price{font-family:Inter,sans-serif;color:var(--text-color, #888);opacity:.6;text-decoration:line-through;font-size:.9rem}.sale-product-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:1.2rem}.sale-tag{font-size:.7rem;background-color:var(--hover-bg, #f5f5f5);color:var(--text-color, #666);opacity:.7;padding:3px 10px;border-radius:15px}.sale-add-to-cart{width:100%;display:flex;align-items:center;padding:.8rem;background-color:var(--accent-color);color:var(--text-on-primary);border:none;border-radius:5px;font-size:1rem;font-family:Montserrat,sans-serif;font-weight:600;cursor:pointer;transition:background-color .3s}.sale-add-to-cart:hover{background-color:var(--background-color-light);transform:translateY(-2px);color:var(--text-color)}.sale-add-to-cart .material-icons{font-size:20px}.sale-add-to-cart.in-cart{background:var(--background-color-light);color:var(--text-color)}.sale-add-to-cart.in-cart:hover{background:var(--accent-color);color:var(--body-color)}.sale-add-to-cart.in-cart .material-icons{color:var(--text-color)}.list-view .sale-product-card{display:grid;grid-template-columns:280px 1fr;height:auto}.list-view .sale-product-details{padding:1.5rem 2rem}.list-view .sale-product-title{font-size:1.3rem;white-space:normal}.shop-product-description{display:none}.shop-pagination{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-top:3rem}.shop-pagination-button{width:40px;height:40px;border:1px solid #e0e0e0;border-radius:8px;background:#fff;color:#666;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-family:Inter,sans-serif;font-weight:500}.shop-pagination-button:hover:not(.disabled),.shop-pagination-button.active{background-color:#e5c0c0;color:#fff;border-color:#e5c0c0}.shop-pagination-button.disabled{opacity:.5;cursor:not-allowed}.catalogue-newsletter{background-color:#f9f5f5;padding:4rem 2rem;margin:60px auto;text-align:center;border-radius:20px}.newsletter-content{max-width:600px;margin:0 auto}.catalogue-newsletter h2{font-family:Montserrat,sans-serif;font-size:2.5rem;font-weight:700;color:#333;margin-bottom:1rem}.catalogue-newsletter p{font-family:Inter,sans-serif;font-size:1.1rem;color:#666;margin-bottom:2rem}.newsletter-form{display:flex;overflow:hidden;border-radius:50px;box-shadow:0 5px 15px #0000001a}.newsletter-form input{flex:1;padding:1.2rem 1.5rem;border:none;font-size:1rem;font-family:Inter,sans-serif;outline:none}.newsletter-form button{background-color:#e5c0c0;color:#fff;border:none;padding:0 2.5rem;font-family:Montserrat,sans-serif;font-weight:600;font-size:1rem;cursor:pointer;transition:background-color .3s ease}.newsletter-form button:hover{background-color:#d8a8a8}.empty-state{text-align:center;padding:4rem 1rem}.empty-state-icon{font-size:3.5rem;color:#e5c0c0;opacity:.5;margin-bottom:1.5rem}.empty-state-title{font-family:Montserrat,sans-serif;font-weight:600;font-size:1.5rem;color:#333;margin-bottom:1rem}.empty-state-message{font-family:Inter,sans-serif;color:#666;margin-bottom:2rem;max-width:500px;margin-left:auto;margin-right:auto}.empty-state-button{background-color:#e5c0c0;color:#fff;border:none;padding:.8rem 2rem;border-radius:50px;font-family:Montserrat,sans-serif;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease}.empty-state-button:hover{background-color:#d8a8a8;transform:translateY(-3px);box-shadow:0 5px 15px #e5c0c066}.shop-loading-state{display:flex;justify-content:center;align-items:center;padding:4rem 0}.shop-spinner{width:40px;height:40px;border:4px solid rgba(229,192,192,.3);border-radius:50%;border-top-color:#e5c0c0;animation:shop-spin 1s linear infinite}@keyframes shop-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 1200px){.shop-catalogue-title{font-size:3rem}.shop-products-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.shop-list-view .sale-product-card{grid-template-columns:240px 1fr}}@media (max-width: 992px){.shop-catalogue-filters{grid-template-columns:240px 1fr}.shop-catalogue-hero{height:350px;margin:30px auto 40px}.shop-catalogue-title{font-size:2.5rem}.shop-products-header{flex-direction:column;align-items:flex-start;gap:1rem}.shop-products-controls{width:100%;justify-content:space-between}}@media (max-width: 768px){.shop-catalogue-filters{grid-template-columns:1fr}.shop-filter-sidebar{position:static;max-height:none;margin-bottom:2rem}.shop-catalogue-hero{height:300px}.shop-catalogue-title{font-size:2rem}.shop-catalogue-subtitle{font-size:1.1rem}.shop-list-view .sale-product-card{grid-template-columns:1fr}.shop-catalogue-newsletter{padding:3rem 1.5rem}.shop-catalogue-newsletter h2{font-size:2rem}.shop-newsletter-form{flex-direction:column;border-radius:15px}.shop-newsletter-form input{padding:1rem;text-align:center}.shop-newsletter-form button{padding:1rem;border-radius:0}.sale-product-actions{bottom:0;padding:0}}@media (max-width: 576px){.shop-catalogue-hero{height:250px}.shop-catalogue-title{font-size:1.8rem}.shop-catalogue-subtitle{font-size:1rem}.shop-products-controls{flex-direction:column;gap:1rem;align-items:flex-start}.shop-sort-control{width:100%}.shop-sort-select{flex:1}.shop-products-grid{grid-template-columns:1fr 1fr}}.ec-container{font-family:Inter,sans-serif;max-width:1800px;margin:0 auto;padding:0 1.5rem;background-color:var(--body-color);color:var(--text-color);position:relative}.ec-hero{position:relative;border-radius:var(--mds-radius-lg);overflow:hidden;margin:3rem auto 4rem;height:400px;width:100%;display:flex;align-items:center;justify-content:center}.ec-hero-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;z-index:-1}.ec-hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to right,#000000b3,#0006);z-index:0}.ec-hero-content{position:relative;z-index:1;text-align:center;padding:0 2rem;max-width:800px}.ec-hero-title{font-family:Montserrat,sans-serif;font-size:3.5rem;font-weight:800;margin-bottom:1rem;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.ec-hero-subtitle{font-family:Inter,sans-serif;font-size:1.3rem;margin-bottom:2rem;color:#ffffffe6;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.ec-main{display:grid;grid-template-columns:300px 1fr;gap:2rem;margin-bottom:4rem;position:relative}.ec-filter-toggle{display:none;position:fixed;bottom:20px;right:20px;width:50px;height:50px;border-radius:50%;background-color:var(--accent-color);color:var(--text-on-accent);border:none;box-shadow:0 4px 10px #0003;z-index:100;cursor:pointer;align-items:center;justify-content:center;transition:all .3s ease}.ec-filter-toggle:hover{transform:scale(1.05);background-color:var(--accent-600)}.ec-filter-toggle .material-icons{font-size:24px}.ec-sidebar{background:var(--body-color);padding:2rem;border-radius:var(--mds-radius-md);box-shadow:var(--mds-shadow-sm);position:sticky;top:100px;height:fit-content;max-height:calc(100vh - 120px);overflow-y:auto;transition:all .3s ease;z-index:10;color:var(--text-color)}.ec-sidebar::-webkit-scrollbar{width:6px}.ec-sidebar::-webkit-scrollbar-track{background:#f5f5f5;border-radius:10px}.ec-sidebar::-webkit-scrollbar-thumb{background:var(--accent-color);border-radius:10px}.ec-sidebar::-webkit-scrollbar-thumb:hover{background:var(--accent-600)}.ec-sidebar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.ec-sidebar-title{font-family:Montserrat,sans-serif;font-size:1.3rem;font-weight:600;color:var(--text-color);margin:0}.ec-clear-btn{background:none;border:none;color:var(--accent-color);font-family:Inter,sans-serif;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease}.ec-clear-btn:hover{color:#d8a8a8;text-decoration:underline}.ec-filter-section{border-bottom:1px solid var(--border-color, rgba(0, 0, 0, .05));padding-bottom:1.5rem;margin-bottom:1.5rem;transition:all .3s ease}.ec-filter-section:last-child{border-bottom:none;padding-bottom:0;margin-bottom:0}.ec-filter-title{font-family:Montserrat,sans-serif;font-size:1rem;font-weight:600;color:var(--text-color);margin:0 0 1rem;display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding:8px 10px;border-radius:8px;transition:all .25s ease;position:relative}.ec-filter-title:hover{background-color:rgba(var(--primary-rgb),.08)}.ec-filter-title:active{transform:scale(.98)}.ec-filter-count{font-size:.85rem;color:var(--accent-color);margin-left:5px;font-weight:500;background:rgba(var(--accent-rgb),.15);padding:2px 8px;border-radius:10px}.ec-filter-icon{font-size:1.1rem;color:var(--accent-color-light);transition:all .3s ease}.ec-filter-title:hover .ec-filter-icon{color:var(--accent-color)}.ec-filter-icon.open{transform:rotate(180deg)}.ec-category-list{animation:slideDown .3s ease-out}.ec-category-list{display:flex;flex-direction:column;gap:.8rem}.ec-category-wrapper{display:flex;flex-direction:column}.ec-category-item{display:flex;align-items:center;cursor:pointer;transition:all .25s ease;padding:8px 10px;border-radius:8px;position:relative;overflow:hidden;outline:none}.ec-category-item:hover{background-color:rgba(var(--primary-rgb),.08);transform:translate(3px)}.ec-category-item:active{transform:translate(5px) scale(.98)}.ec-category-item:focus-within{box-shadow:0 0 0 2px rgba(var(--primary-rgb),.3);background-color:rgba(var(--primary-rgb),.05)}.ec-category-item:before{content:"";position:absolute;left:-5px;top:0;height:100%;width:3px;background-color:var(--accent-color);opacity:0;transition:all .25s ease}.ec-category-item:hover:before{opacity:.5;left:0}.ec-category-item.active{background-color:var(--accent-color-light)}.ec-category-item.active:before{opacity:1;left:0}.ec-category-actions{display:flex;align-items:center;margin-left:auto;gap:.5rem}.ec-subcategory-toggle{background:none;border:none;padding:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--accent-color-light);transition:all .25s ease;border-radius:50%}.ec-subcategory-toggle:hover{color:var(--accent-color);background-color:#e5c0c01a}.ec-subcategory-toggle .material-icons{font-size:18px;transition:transform .3s ease}.ec-subcategory-toggle .material-icons.expanded{transform:rotate(180deg);color:var(--accent-color)}.ec-category-checkbox{appearance:none;width:18px;height:18px;border:1.5px solid var(--border-color, rgba(0, 0, 0, .15));border-radius:4px;margin-right:10px;position:relative;transition:all .25s ease;cursor:pointer;flex-shrink:0}.ec-category-checkbox:hover{border-color:var(--accent-color);box-shadow:0 0 0 2px #e5c0c01a}.ec-category-checkbox:checked{background-color:var(--accent-color);border-color:var(--accent-color)}.ec-category-checkbox:checked:before{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px}.ec-category-label{font-family:Inter,sans-serif;font-size:.95rem;color:var(--text-color);user-select:none;flex:1;transition:color .25s ease;padding:2px 0}.ec-category-item:hover .ec-category-label{color:var(--accent-color)}.ec-category-count{font-size:.85rem;color:#253d4e80;background:var(--hover-bg, rgba(0, 0, 0, .03));padding:2px 8px;border-radius:10px;transition:all .25s ease}.ec-category-item:hover .ec-category-count{background:#e5c0c026;color:var(--accent-color)}.ec-subcategory-list{display:flex;flex-direction:column;gap:.6rem;margin-top:.5rem;margin-left:1.5rem;padding-left:.5rem;padding-bottom:.5rem;border-left:1px dashed var(--border-color, rgba(37, 61, 78, .1));animation:fadeIn .3s ease-in-out}.ec-subcategory-item{display:flex;align-items:center;cursor:pointer;transition:all .25s ease;font-size:.9rem;padding:6px 10px;border-radius:6px;position:relative;outline:none}.ec-subcategory-item:hover{background-color:#e5c0c014;transform:translate(3px)}.ec-subcategory-item:active{transform:translate(5px) scale(.98)}.ec-subcategory-item:focus-within{box-shadow:0 0 0 2px #e5c0c04d;background-color:#e5c0c00d}.ec-subcategory-item.selected{background-color:#e5c0c026}.ec-subcategory-item:before{content:"";position:absolute;left:-5px;top:0;height:100%;width:2px;background-color:var(--accent-color);opacity:0;transition:all .25s ease}.ec-subcategory-item:hover:before{opacity:.5;left:0}.ec-subcategory-item.selected:before{opacity:1;left:0}.ec-subcategory-item:hover .ec-category-label{color:var(--accent-color)}.ec-subcategory-item:hover .ec-category-count{background:#e5c0c026;color:var(--accent-color)}.ec-subcategory-loading{margin-left:1.5rem;padding:.5rem;font-size:.85rem;color:var(--accent-color-light);font-style:italic;animation:pulse 1.5s infinite ease-in-out}.ec-no-subcategories{margin-left:1.5rem;padding:.5rem;font-size:.85rem;color:#253d4e80;font-style:italic}.ec-price-range{margin-top:1rem}.ec-price-inputs{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.ec-price-input{width:45%;padding:.6rem;border:1px solid var(--border-color, rgba(0, 0, 0, .1));border-radius:var(--mds-radius-sm);font-family:Inter,sans-serif;font-size:.9rem;color:var(--text-color);background-color:var(--input-bg, white);transition:all .3s ease}.ec-price-input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px #e5c0c01a}.ec-price-divider{color:#253d4e80}.ec-range-slider{width:100%;height:4px;background:var(--border-color, rgba(0, 0, 0, .1));border-radius:2px;position:relative;margin-top:1.5rem}.ec-price-progress{height:100%;background-color:var(--accent-color);border-radius:2px;position:absolute;left:25%;right:25%}.ec-range-input{position:relative}.ec-range-input input{position:absolute;top:-5px;height:5px;width:100%;background:none;pointer-events:none;-webkit-appearance:none;appearance:none}.ec-range-input input::-webkit-slider-thumb{height:18px;width:18px;border-radius:50%;background:var(--body-color);pointer-events:auto;-webkit-appearance:none;border:2px solid var(--accent-color);cursor:pointer;box-shadow:0 2px 5px #0000001a}.ec-color-filter{display:flex;flex-wrap:wrap;gap:10px;margin-top:1rem}.ec-clear-colors-btn,.ec-clear-sizes-btn{background:none;border:none;color:var(--accent-color);font-size:.85rem;padding:5px 0;margin-top:10px;cursor:pointer;text-decoration:underline;transition:all .2s ease}.ec-clear-colors-btn:hover,.ec-clear-sizes-btn:hover{color:#d8a8a8}.ec-color-option{width:28px;height:28px;border-radius:50%;border:2px solid transparent;cursor:pointer;position:relative;transition:all .2s ease;box-shadow:0 2px 5px #0000000d}.ec-color-option:hover{transform:scale(1.1);box-shadow:0 3px 8px #0000001a}.ec-color-option.selected{border-color:var(--accent-color);transform:scale(1.1);animation:pulse .5s ease-out}@keyframes pulse{0%{box-shadow:0 0 #e5c0c0b3}70%{box-shadow:0 0 0 10px #e5c0c000}to{box-shadow:0 0 #e5c0c000}}.ec-size-filter{display:flex;flex-wrap:wrap;gap:8px;margin-top:1rem}.ec-size-option{display:flex;align-items:center;justify-content:center;position:relative;width:40px;height:40px;border-radius:8px;border:1px solid rgba(0,0,0,.1);background-color:#fff;font-family:Inter,sans-serif;font-size:.9rem;font-weight:500;color:var(--text-color);cursor:pointer;transition:all .2s ease}.ec-size-option:hover{border-color:var(--accent-color);background-color:#e5c0c01a;transform:translateY(-2px)}.ec-size-option.selected{background-color:var(--accent-color);color:#fff;border-color:var(--accent-color);transform:translateY(-2px);box-shadow:0 2px 5px #e5c0c04d}.ec-size-count{position:absolute;top:-8px;right:-8px;background-color:#0000000d;color:var(--text-color);font-size:.65rem;padding:1px 4px;border-radius:10px;font-weight:400}.ec-size-option.selected .ec-size-count{background-color:#fff3;color:#fff}.ec-color-option.selected:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px;text-shadow:0px 0px 3px rgba(0,0,0,.8);font-weight:700}.ec-color-option[style*="background-color: #FFFFFF"].selected:after,.ec-color-option[style*="background-color: #FFFF00"].selected:after,.ec-color-option[style*="background-color: #F9E1B6"].selected:after,.ec-color-option[style*="background-color: #B9FBC0"].selected:after,.ec-color-option[style*="background-color: #E6E6FA"].selected:after,.ec-color-option[style*="background-color: #FFDAB9"].selected:after,.ec-color-option[style*="background-color: #98FF98"].selected:after,.ec-color-option[style*="background-color: #F0E68C"].selected:after,.ec-color-option[style*="background-color: #FFC87C"].selected:after,.ec-color-option[style*="background-color: #7FFFD4"].selected:after{color:#333;text-shadow:0px 0px 3px rgba(255,255,255,.8)}.ec-rating-filter{display:flex;flex-direction:column;gap:.7rem;margin-top:.5rem}.ec-rating-item{display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .2s ease;padding:.3rem 0}.ec-rating-item:hover{transform:translate(3px)}.ec-rating-item.selected{background-color:var(--accent-color-light);border-radius:var(--mds-radius-sm);padding-left:8px;transform:translate(3px)}.ec-rating-item.selected .ec-rating-stars{text-shadow:-.5px -.5px 1px #000000bd}.ec-rating-stars{color:gold;font-size:1rem}.ec-rating-label{font-family:Inter,sans-serif;font-size:.95rem;color:var(--text-color)}.ec-rating-count{margin-left:auto;font-size:.85rem;color:#253d4e80}.ec-clear-rating-btn,.ec-clear-tags-btn,.ec-clear-dimensions-btn,.ec-clear-weights-btn{background:none;border:none;color:var(--accent-color);font-size:.85rem;padding:5px 0;margin-top:10px;cursor:pointer;text-decoration:underline;transition:all .2s ease}.ec-clear-rating-btn:hover,.ec-clear-tags-btn:hover,.ec-clear-dimensions-btn:hover,.ec-clear-weights-btn:hover{color:#d8a8a8}.ec-dimensions-filter{display:flex;flex-direction:column;gap:.7rem;margin-top:.5rem}.ec-dimension-option{display:flex;align-items:center;justify-content:space-between;padding:.5rem .8rem;border-radius:var(--mds-radius-sm);background-color:#00000008;color:#253d4eb3;font-family:Inter,sans-serif;font-size:.9rem;cursor:pointer;transition:all .2s ease}.ec-dimension-option:hover{background-color:#e5c0c01a;color:var(--accent-color);transform:translate(3px)}.ec-dimension-option.selected{background-color:var(--accent-color);color:#fff;transform:translate(3px)}.ec-dimension-option span{font-size:.8rem;color:inherit;opacity:.8}.ec-weights-filter{display:flex;flex-direction:column;gap:.7rem;margin-top:.5rem}.ec-weight-option{display:flex;align-items:center;justify-content:space-between;padding:.5rem .8rem;border-radius:var(--mds-radius-sm);background-color:#00000008;color:#253d4eb3;font-family:Inter,sans-serif;font-size:.9rem;cursor:pointer;transition:all .2s ease}.ec-weight-option:hover{background-color:#e5c0c01a;color:var(--accent-color);transform:translate(3px)}.ec-weight-option.selected{background-color:var(--accent-color);color:#fff;transform:translate(3px)}.ec-weight-option span{font-size:.8rem;color:inherit;opacity:.8}.ec-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:.5rem}.ec-tag{background:#00000008;color:#253d4eb3;font-family:Inter,sans-serif;font-size:.85rem;padding:5px 12px;border-radius:20px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:space-between;gap:6px}.ec-tag:hover{background:#e5c0c01a;color:var(--accent-color);transform:translateY(-2px);box-shadow:0 2px 5px #0000000d}.ec-tag.selected{background:var(--accent-color);color:#fff}.ec-tag span{background:#ffffff4d;padding:2px 6px;border-radius:10px;font-size:.75rem}.ec-apply-btn{display:block;width:100%;padding:1rem;background-color:var(--accent-color);color:#fff;font-family:Montserrat,sans-serif;font-weight:600;font-size:1rem;border:none;border-radius:var(--mds-radius-md);cursor:pointer;transition:all .3s ease;margin-top:2rem;box-shadow:var(--mds-shadow-sm)}.ec-apply-btn:hover{background-color:#d8a8a8;transform:translateY(-2px);box-shadow:var(--mds-shadow-md)}.ec-secondary-btn{background-color:transparent;color:var(--accent-color);border:1px solid var(--accent-color);font-size:.9rem;padding:.8rem}.ec-secondary-btn:hover{background-color:#e5c0c01a;color:var(--accent-color);transform:translateY(-2px)}.ec-products{flex:1}.ec-products-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;background:var(--body-color);padding:1.2rem 1.5rem;border-radius:var(--mds-radius-md);box-shadow:var(--mds-shadow-sm);color:var(--text-color)}.ec-products-count{font-family:Montserrat,sans-serif;font-size:1rem;font-weight:600;color:var(--text-color)}.ec-products-count span{color:var(--accent-color)}.ec-search-query{background-color:#e5c0c026;padding:.5rem 1rem;border-radius:var(--mds-radius-md);margin-bottom:.75rem;display:flex;align-items:center;font-size:.9rem}.ec-search-query span{font-weight:600;color:var(--accent-color);margin:0 .5rem}.ec-clear-search-btn{background:none;border:none;color:var(--accent-color-light);cursor:pointer;display:flex;align-items:center;justify-content:center;margin-left:auto;padding:.25rem;border-radius:50%;transition:all .2s ease}.ec-clear-search-btn:hover{background-color:#e5c0c04d;color:var(--accent-color)}.ec-clear-search-btn .material-icons{font-size:1rem}.ec-products-controls{display:flex;align-items:center;gap:1.5rem}.ec-sort-control{display:flex;align-items:center;gap:.8rem}.ec-sort-label{font-family:Inter,sans-serif;font-size:.95rem;color:#253d4eb3}.ec-sort-select{padding:.6rem 1rem;border:1px solid var(--border-color, rgba(0, 0, 0, .1));border-radius:var(--mds-radius-sm);font-family:Inter,sans-serif;font-size:.9rem;color:var(--text-color);background-color:var(--input-bg, white);cursor:pointer;outline:none;transition:all .3s ease}.ec-sort-select:focus,.ec-sort-select:hover{border-color:var(--accent-color);box-shadow:0 0 0 2px #e5c0c01a}.ec-view-options{display:flex;gap:.5rem}.ec-view-btn{background:none;border:1px solid var(--border-color, rgba(0, 0, 0, .1));width:36px;height:36px;border-radius:var(--mds-radius-sm);display:flex;align-items:center;justify-content:center;color:var(--text-color, var(--accent-color-light));cursor:pointer;transition:all .2s ease}.ec-view-btn:hover,.ec-view-btn.active{background-color:var(--accent-color);color:#fff;border-color:var(--accent-color)}.ec-products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;transition:all .3s ease}.ec-products-grid.list-view{grid-template-columns:1fr}.ec-product-card{background:var(--body-color);border-radius:var(--mds-radius-md);overflow:hidden;box-shadow:var(--mds-shadow-sm);transition:all .3s ease;cursor:pointer;position:relative;border:1px solid rgba(229,192,192,.1);color:var(--text-color)}.ec-product-card:hover{box-shadow:var(--mds-shadow-md);border-color:var(--accent-color)}.ec-product-badge{position:absolute;top:1rem;left:1rem;background-color:var(--accent-color);color:#fff;font-size:.75rem;font-weight:600;padding:.3rem .8rem;border-radius:var(--mds-radius-full);z-index:2}.ec-product-img-container{position:relative;height:20rem;overflow:hidden;background-color:var(--input-bg, #f9f9f9);display:flex;align-items:center;justify-content:center}.ec-product-img{width:100%;height:100%;object-fit:cover;transition:all .5s ease;filter:brightness(.97)}.ec-product-card:hover .ec-product-img{transform:scale(1.08);filter:brightness(1.03)}.ec-product-img-container:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#0000,#0000000d);opacity:0;transition:opacity .3s ease}.ec-product-card:hover .ec-product-img-container:after{opacity:1}.ec-product-actions{position:absolute;top:1rem;display:flex;flex-direction:column;gap:.5rem;z-index:2;opacity:0;transform:translate(10px);transition:all .3s ease;align-items:flex-end;justify-content:flex-start}.ec-product-card:hover .ec-product-actions{opacity:1;transform:translate(0)}.ec-action-btn{width:36px;height:36px;position:relative;border-radius:50%;background:var(--body-color);border:none;display:flex;align-items:center;justify-content:center;color:var(--text-color);cursor:pointer;box-shadow:0 2px 5px #0000001a;transition:all .2s ease}.ec-action-btn:hover{background:var(--accent-color);color:#fff;transform:scale(1.1)}.ec-action-btn .cart-item-count{position:absolute;top:-5px;right:-5px;background-color:var(--accent-color);color:#fff;font-size:.7rem;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;box-shadow:0 2px 4px #0003}.ec-product-content{padding:1.5rem}.ec-product-title{font-family:Montserrat,sans-serif;font-size:1.1rem;font-weight:600;margin-bottom:.5rem;color:var(--text-color);transition:color .3s ease}.ec-product-card:hover .ec-product-title{color:var(--accent-color)}.ec-product-description{font-size:.9rem;color:#253d4eb3;margin-bottom:.75rem;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ec-product-rating{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.ec-star-rating{color:gold;font-size:1rem;display:flex}.ec-review-count{font-size:.85rem;color:var(--accent-color-light)}.ec-product-price{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.ec-current-price{font-family:Montserrat,sans-serif;font-size:1.2rem;font-weight:700;color:var(--text-color)}.ec-original-price{font-size:.95rem;color:#253d4e80;text-decoration:line-through}.ec-product-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.ec-product-tag{font-size:.75rem;background:#00000008;color:var(--accent-color-light);padding:.2rem .6rem;border-radius:var(--mds-radius-full);cursor:pointer;transition:all .2s ease}.ec-product-tag:hover{background:var(--accent-color);color:#fff;transform:translateY(-2px)}.ec-add-to-cart{width:100%;padding:.8rem;background-color:var(--accent-color);color:#fff;font-family:Montserrat,sans-serif;font-weight:600;font-size:.95rem;border:none;border-radius:var(--mds-radius-md);cursor:pointer;transition:all .3s ease}.ec-products-grid.list-view .ec-product-card{display:grid;grid-template-columns:280px 1fr;height:auto}.ec-products-grid.list-view .ec-product-img-container{height:25rem}.ec-products-grid.list-view .ec-product-description{-webkit-line-clamp:3;line-clamp:3}.ec-pagination{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-top:3rem}.ec-pagination-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-color, rgba(0, 0, 0, .1));border-radius:var(--mds-radius-md);background:var(--body-color);color:var(--text-color);font-family:Montserrat,sans-serif;font-weight:500;cursor:pointer;transition:all .2s ease}.ec-pagination-btn:hover:not(.disabled){background-color:#e5c0c01a;border-color:var(--accent-color);color:var(--accent-color)}.ec-pagination-btn.active{background-color:var(--accent-color);color:#fff;border-color:var(--accent-color)}.ec-pagination-btn.disabled{opacity:.5;cursor:not-allowed}.ec-empty-state{background:var(--body-color);border-radius:var(--mds-radius-md);padding:3rem;text-align:center;box-shadow:var(--mds-shadow-sm);color:var(--text-color)}.ec-empty-icon{font-size:3rem;color:#253d4e4d;margin-bottom:1rem}.ec-empty-title{font-family:Montserrat,sans-serif;font-size:1.5rem;font-weight:600;margin-bottom:1rem;color:var(--text-color)}.ec-empty-message{font-size:1rem;color:#253d4eb3;margin-bottom:1.5rem;max-width:500px;margin-left:auto;margin-right:auto}.ec-empty-button{padding:.8rem 1.5rem;background-color:var(--accent-color);color:#fff;font-family:Montserrat,sans-serif;font-weight:600;font-size:.95rem;border:none;border-radius:var(--mds-radius-md);cursor:pointer;transition:all .3s ease}.ec-empty-button:hover{background-color:#d8a8a8;transform:translateY(-3px);box-shadow:0 5px 15px #e5c0c066}.ec-newsletter{background:var(--card-bg, linear-gradient(to right, #f9f5f5, #fff));padding:4rem 0;margin-top:4rem;border-radius:var(--mds-radius-md);color:var(--text-color)}body.dark-mode .ec-newsletter{background:linear-gradient(to right,#2a2a2a,#1e1e1e)}.ec-newsletter-content{max-width:600px;margin:0 auto;text-align:center}.ec-newsletter-title{font-family:Montserrat,sans-serif;font-size:2rem;font-weight:700;margin-bottom:1rem;color:var(--text-color)}.ec-newsletter-text{font-size:1.1rem;color:#253d4eb3;margin-bottom:2rem}.ec-newsletter-form{display:flex;gap:1rem}.ec-newsletter-input{flex:1;padding:1rem 1.5rem;border-radius:var(--mds-radius-full);border:1px solid rgba(0,0,0,.1);font-size:1rem;box-shadow:var(--mds-shadow-sm);transition:all .3s ease}.ec-newsletter-input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px #e5c0c01a}.ec-newsletter-btn{padding:1rem 2rem;background-color:var(--accent-color);color:#fff;font-family:Montserrat,sans-serif;font-weight:600;font-size:1rem;border:none;border-radius:var(--mds-radius-full);cursor:pointer;transition:all .3s ease;box-shadow:var(--mds-shadow-sm)}.ec-newsletter-btn:hover{background-color:#d8a8a8;transform:translateY(-2px);box-shadow:var(--mds-shadow-md)}@media (max-width: 1200px){.ec-hero-title{font-size:3rem}.ec-hero-subtitle{font-size:1.2rem}.ec-products-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (max-width: 992px){.ec-main{grid-template-columns:250px 1fr;gap:1.5rem}.ec-hero-title{font-size:2.5rem}.ec-hero-subtitle{font-size:1.1rem}.ec-products-grid.list-view .ec-product-card{grid-template-columns:220px 1fr}.ec-product-img-container{height:18rem}.ec-sidebar{padding:3.5rem 1.5rem 1.5rem}}@media (max-width: 768px){.ec-product-actions{opacity:1;transform:translate(0);flex-direction:row;top:auto;bottom:1rem;right:1rem}.ec-language-toggle{top:10px;right:10px;padding:6px 10px;font-size:.85rem}.ec-filter-toggle{display:flex}.ec-main{grid-template-columns:1fr}.ec-sidebar{position:fixed;top:0;left:0;width:85%;height:100vh;max-height:100vh;margin-bottom:0;border-radius:0;transform:translate(-100%);box-shadow:var(--mds-shadow-lg);z-index:1000;padding-bottom:5rem}.ec-sidebar.active{transform:translate(0)}.ec-sidebar-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:999;opacity:0;visibility:hidden;transition:all .3s ease}.ec-sidebar-overlay.active{opacity:1;visibility:visible}.ec-sidebar-close{position:absolute;top:1rem;right:1rem;background-color:var(--accent-color);border:none;color:#fff;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1001;box-shadow:0 2px 8px #e5c0c080;transition:all .3s ease}.ec-sidebar-close:hover{background-color:#d8a8a8;transform:rotate(90deg)}.ec-sidebar-close .material-icons{font-size:20px}.ec-hero{height:350px;margin:2rem auto 3rem}.ec-hero-title{font-size:2rem}.ec-hero-subtitle{font-size:1rem}.ec-products-header{flex-direction:column;gap:1rem;align-items:flex-start}.ec-products-controls{width:100%;justify-content:space-between}.ec-products-grid.list-view .ec-product-card{grid-template-columns:1fr}.ec-products-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.ec-newsletter-form{flex-direction:column}.ec-newsletter-btn{width:100%}.ec-product-img-container{height:16rem}}@media (max-width: 576px){.ec-container{padding:0 1rem}.disabledMedia,.ec-view-options{display:none}.ec-hero{height:300px;margin:1.5rem auto 2.5rem}.ec-hero-title{font-size:1.8rem}.ec-products-grid{grid-template-columns:1fr 1fr;gap:1rem}.ec-product-card{margin-bottom:.5rem}.ec-sort-control{align-items:center;gap:.5rem}.ec-sort-select{width:100%}.ec-sort-label{text-wrap:nowrap}.ec-sidebar{width:90%}.ec-product-img-container{height:14rem}.ec-pagination{flex-wrap:wrap;justify-content:center}}.ec-loading{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:4rem 0;min-height:50vh}.ec-loading:after{content:"";width:50px;height:50px;border:4px solid rgba(229,192,192,.3);border-radius:50%;border-top-color:var(--accent-color);animation:ec-spin 1s linear infinite;margin-bottom:1rem}.ec-loading:before{content:"Loading Products...";font-family:Montserrat,sans-serif;font-size:1.2rem;color:var(--accent-color);margin-bottom:1rem}@keyframes ec-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ec-skeleton-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.ec-skeleton-card{background:#fff;border-radius:var(--mds-radius-md);overflow:hidden;box-shadow:var(--mds-shadow-sm);height:400px;position:relative}.ec-skeleton-img{height:60%;background:linear-gradient(110deg,#ececec 8%,#f5f5f5 18%,#ececec 33%);background-size:200% 100%;animation:ec-skeleton-wave 1.5s linear infinite}.ec-skeleton-content{padding:1.5rem}.ec-skeleton-title{height:20px;width:80%;background:linear-gradient(110deg,#ececec 8%,#f5f5f5 18%,#ececec 33%);background-size:200% 100%;animation:ec-skeleton-wave 1.5s linear infinite;border-radius:4px;margin-bottom:1rem}.ec-skeleton-text{height:15px;width:100%;background:linear-gradient(110deg,#ececec 8%,#f5f5f5 18%,#ececec 33%);background-size:200% 100%;animation:ec-skeleton-wave 1.5s linear infinite;border-radius:4px;margin-bottom:.5rem}.ec-skeleton-text:last-child{width:60%}@keyframes ec-skeleton-wave{0%{background-position:100% 0}to{background-position:-100% 0}}.ec-language-toggle{position:fixed;top:20px;right:20px;z-index:1000;background-color:#3498db;color:#fff;border:none;padding:8px 12px;border-radius:4px;font-weight:700;cursor:pointer;box-shadow:0 2px 5px #0003;transition:all .3s ease}.ec-language-toggle:hover{background-color:#2980b9;transform:translateY(-2px)}.ec-language-toggle:active{transform:translateY(0)}.single-product-page{font-family:Inter,sans-serif;max-width:1800px;margin:0 auto;padding:0;background-color:var(--body-color);color:var(--text-color)}.single-product-container{padding:2rem}.single-product-breadcrumbs{margin-bottom:2rem;font-size:.9rem;color:#666}.single-product-breadcrumbs a{text-decoration:none;color:#666;transition:color .3s ease}.single-product-breadcrumbs a:hover{color:var(--accent-color)}.single-breadcrumb-separator{margin:0 .5rem;color:var(--neutral-400)}.single-current-page{color:var(--accent-color);font-weight:500}.single-product-main{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin-bottom:4rem}.single-product-gallery{display:flex;gap:1.5rem}.single-product-thumbnails{display:flex;flex-direction:column;gap:1rem;width:100px}.single-product-thumbnail{width:100px;height:100px;border-radius:8px;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:all .3s ease}.single-product-thumbnail:hover{transform:translateY(-3px);box-shadow:0 5px 10px #0000001a}.single-product-thumbnail.single-active{border-color:#e5c0c0}.single-product-thumbnail img{width:100%;height:100%;object-fit:cover}.single-product-main-image{flex:1;position:relative;height:fit-content;border-radius:12px;overflow:hidden;box-shadow:0 5px 15px #0000001a}.single-product-main-image img{width:100%;height:500px;object-fit:cover;display:block}.single-product-badge{position:absolute;top:15px;left:15px;background-color:#e5c0c0;color:#fff;font-family:Montserrat,sans-serif;font-weight:600;font-size:.8rem;padding:6px 12px;border-radius:20px;z-index:2}.single-product-info{display:flex;flex-direction:column;gap:1.5rem}.single-product-brand{font-family:Inter,sans-serif;color:#888;font-size:1rem;text-transform:uppercase;letter-spacing:1px}.single-product-title{font-family:Montserrat,sans-serif;font-size:2.5rem;font-weight:700;color:var(--text-color);margin:0;line-height:1.2}.single-product-rating{display:flex;align-items:center;gap:.5rem}.single-stars{display:flex;color:var(--secondary-500)}.single-stars .material-icons{font-size:1.2rem}.single-stars .single-filled{color:var(--secondary-500)}.single-stars .single-empty{color:var(--neutral-300)}.single-review-count{color:var(--text-tertiary);font-size:.9rem}.single-product-price-container{display:flex;align-items:center;gap:1rem}.single-product-price{font-family:Montserrat,sans-serif;font-size:2rem;font-weight:700;color:var(--accent-color)}.single-product-original-price{font-family:Inter,sans-serif;color:var(--text-tertiary);text-decoration:line-through;font-size:1.3rem}.single-product-short-description{font-family:Inter,sans-serif;font-size:1rem;line-height:1.6;color:var(--text-secondary);margin-bottom:1rem}.single-product-options{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:1rem}.single-option-label{font-family:Montserrat,sans-serif;font-size:1rem;font-weight:600;color:var(--text-color);margin-bottom:.5rem}.single-selected-option{font-weight:400;color:var(--text-tertiary)}.single-color-options{display:flex;gap:10px}.single-color-option{width:30px;height:30px;border-radius:50%;cursor:pointer;position:relative;transition:transform .2s ease;border:2px solid transparent}.single-color-option:hover{transform:scale(1.1)}.single-color-option.single-selected{border-color:var(--accent-color)}.single-color-option.single-selected:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:14px;text-shadow:0px 0px 2px rgba(0,0,0,.5)}.single-color-options{display:flex;gap:8px;margin-top:8px}.single-color-radio{cursor:pointer}.single-color-radio input{display:none}.single-color-swatch{display:block;width:24px;height:24px;border-radius:50%;border:2px solid #ddd;transition:border-color .2s}.single-color-radio input:checked+.single-color-swatch{border-color:#000}.single-size-options{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:.5rem}.single-size-option{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid #ddd;border-radius:8px;font-size:.9rem;cursor:pointer;transition:all .2s ease}.single-size-option:hover{background-color:var(--primary-50);border-color:var(--accent-color)}.single-size-option.single-selected{background-color:var(--accent-color);color:var(--text-on-primary);border-color:var(--accent-color)}.single-size-guide-link{display:inline-block;color:var(--accent-color);font-size:.9rem;text-decoration:none;margin-top:.5rem;transition:color .3s ease}.single-size-guide-link:hover{text-decoration:underline}.single-size-radio{cursor:pointer;margin-right:8px}.single-size-radio input{display:none}.single-size-label{display:inline-block;padding:8px 16px;border:1px solid #ddd;border-radius:4px;transition:all .2s}.single-size-radio input:checked+.single-size-label{background-color:var(--accent-color);color:var(--text-on-primary);border-color:var(--accent-color)}.single-product-quantity{display:flex;flex-direction:column;gap:.5rem}.single-quantity-selector{display:flex;align-items:center;height:45px;width:fit-content;border:1px solid #ddd;border-radius:8px;overflow:hidden}.single-quantity-btn{width:45px;height:100%;display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;transition:background-color .2s}.single-quantity-btn:hover:not(:disabled){background-color:var(--primary-50)}.single-quantity-btn:disabled{color:#ccc;cursor:not-allowed}.single-quantity-input{width:50px;height:100%;border:none;text-align:center;font-size:1rem;font-family:Inter,sans-serif;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.single-quantity-input::-webkit-outer-spin-button,.single-quantity-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.single-stock-info{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:#333}.single-stock-info .material-icons{font-size:1.2rem}.single-stock-info .material-icons:first-child{color:#4caf50}.single-product-subtotal{font-family:Montserrat,sans-serif;font-size:1.2rem;color:#333}.single-product-subtotal span{font-weight:600;color:var(--accent-color)}.single-product-actions{display:flex;gap:1rem;margin-top:1rem}.single-btn-add-to-cart,.single-btn-cancel-to-cart,.single-btn-wishlist{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem .5rem;border:none;border-radius:8px;font-family:Montserrat,sans-serif;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease}.single-btn-cancel-to-cart{background-color:var(--body-color);color:var( --accent-color);border:1px solid var(--accent-color);flex:2}.single-btn-add-to-cart{background-color:var(--accent-color);color:var(--text-on-primary);flex:2}.single-btn-add-to-cart:hover,.single-btn-cancel-to-cart:hover{background-color:var(--background-color-light);transform:translateY(-3px);color:var(--accent-color);box-shadow:0 5px 15px var(--accent-color-light)}.single-btn-wishlist{background-color:var(--primary-50);color:var(--text-color);flex:1}.single-btn-wishlist:hover{background-color:var(--accent-color-light);transform:translateY(-3px);box-shadow:0 5px 15px var(--background-color-light)}.single-product-meta{border-top:1px solid #f1f1f1;padding-top:1.5rem;display:flex;flex-direction:column;gap:.75rem}.single-meta-item{display:flex;align-items:center;gap:.5rem;font-size:.9rem}.single-meta-label{color:#888}.single-meta-value{color:#333;font-weight:500}.single-meta-tags{display:flex;flex-wrap:wrap;gap:.5rem}.single-meta-tag{background:#f7f7f7;color:#666;padding:4px 10px;border-radius:20px;font-size:.85rem;text-decoration:none;transition:all .2s ease}.single-meta-tag:hover{background:#e5c0c0;color:#fff}.single-no-tags{color:#999;font-style:italic;font-size:.85rem}.single-product-shipping-info{display:flex;gap:2rem;padding:1.5rem;background-color:#f9f5f5;border-radius:12px}.single-shipping-item{display:flex;align-items:center;gap:1rem}.single-shipping-item .material-icons{font-size:2rem;color:#e5c0c0}.single-shipping-title{font-family:Montserrat,sans-serif;font-weight:600;font-size:1rem;color:#333}.single-shipping-details{font-size:.9rem;color:#666}.single-product-details{margin-bottom:4rem;order:3}.single-product-tabs{display:flex;border-bottom:1px solid #f1f1f1;margin-bottom:2rem}.single-product-tab{background:none;border:none;padding:1rem 2rem;font-family:Montserrat,sans-serif;font-size:1.1rem;font-weight:600;color:#888;cursor:pointer;position:relative;transition:color .3s ease}.single-product-tab:hover,.single-product-tab.single-active{color:#e5c0c0}.single-product-tab.single-active:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:3px;background-color:#e5c0c0}.single-product-tab-content{min-height:300px;padding:1rem}.single-product-description{line-height:1.8;color:#444;font-size:1.05rem}.single-product-description p{font-size:1rem;color:#666;text-align:start;max-width:100%;margin:0;margin-bottom:1.5rem}.single-product-description h3{font-family:Montserrat,sans-serif;font-size:1.5rem;font-weight:600;color:#333;margin:2rem 0 1rem}.single-product-features{list-style:none;padding:0;display:flex;flex-direction:column;gap:1rem}.single-product-feature-item{display:flex;align-items:center;gap:.75rem;font-size:1rem}.single-feature-icon{color:#e5c0c0;font-size:1.25rem}.single-product-specifications{padding:1rem 0}.single-specs-table{width:100%;border-collapse:collapse;font-size:1rem}.single-specs-table tr:not(:last-child){border-bottom:1px solid #f1f1f1}.single-specs-table td{padding:1rem}.single-spec-name{font-weight:500;color:#333;width:30%}.single-spec-value{color:#666}.single-product-reviews{display:flex;flex-direction:column;gap:2.5rem;background-color:#fcfafa;border-radius:16px;padding:2rem;box-shadow:0 4px 20px #00000008;transition:all .3s ease}.single-reviews-summary{display:flex;justify-content:space-between;align-items:center;background-color:#f9f5f5;padding:2.5rem;border-radius:14px;box-shadow:0 6px 15px #e5c0c01a;border:1px solid rgba(229,192,192,.2);position:relative;overflow:hidden}.single-reviews-summary:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#e5c0c0,#f2a1a1)}.single-reviews-average{display:flex;flex-direction:column;align-items:center;gap:.8rem;position:relative;padding:1rem}.single-average-rating{font-family:Montserrat,sans-serif;font-size:3.5rem;font-weight:700;color:#333;text-shadow:2px 2px 4px rgba(0,0,0,.1);background:linear-gradient(135deg,#333,#555);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;line-height:1}.single-average-stars{display:flex;color:gold;filter:drop-shadow(0 2px 3px var(--color-rateing-bg));transform:scale(1.2)}.single-total-reviews{font-size:1rem;color:#666;margin-top:.8rem;font-family:Inter,sans-serif;letter-spacing:.5px;background-color:#e5c0c01a;padding:.5rem 1rem;border-radius:20px;border:1px solid rgba(229,192,192,.2)}.single-add-review-btn{background-color:#e5c0c0;color:#fff;border:none;padding:.9rem 1.8rem;border-radius:30px;font-family:Montserrat,sans-serif;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;z-index:1}.single-add-review-btn:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,#e5c0c0,#f2a1a1);z-index:-1;transition:opacity .3s ease;opacity:0}.single-add-review-btn:hover{background-color:transparent;transform:translateY(-3px);box-shadow:0 8px 20px #e5c0c066}.single-add-review-btn:hover:before{opacity:1}.single-reviews-list{display:flex;flex-direction:column;gap:1.8rem;padding:.5rem}.single-review-item{background-color:#fff;border-radius:16px;padding:1.8rem;box-shadow:0 8px 20px #0000000a;border:1px solid #f1f1f1;transition:all .3s ease;position:relative;overflow:hidden}.single-review-item:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(to bottom,#e5c0c0,#f2a1a1);opacity:.7}.single-review-item:hover{transform:translateY(-5px);box-shadow:0 12px 30px #00000014}.single-review-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px dashed rgba(229,192,192,.3)}.single-reviewer-info{display:flex;align-items:center;gap:1.2rem}.single-reviewer-avatar{width:60px;height:60px;border-radius:50%;object-fit:cover;box-shadow:0 4px 10px #0000001a;border:2px solid #E5C0C0}.single-reviewer-avatar-placeholder{width:60px;height:60px;border-radius:50%;background-color:#f9f5f5;display:flex;align-items:center;justify-content:center;color:#e5c0c0;box-shadow:0 4px 10px #0000001a;border:2px solid #E5C0C0}.single-reviewer-avatar-placeholder .material-icons{font-size:30px}.single-reviewer-name{font-weight:600;color:#333;font-size:1.1rem;margin-bottom:.3rem;font-family:Montserrat,sans-serif}.single-review-date{color:#888;font-size:.85rem;display:flex;align-items:center;gap:.3rem}.single-review-date:before{content:"•";font-size:1.2rem;color:#e5c0c0}.single-review-content{color:#555;line-height:1.8;font-size:1.05rem;padding:.5rem 0;font-family:Inter,sans-serif;position:relative;margin-left:1rem}.single-review-content:before{content:"“";font-size:3rem;color:#e5c0c033;position:absolute;left:-1.5rem;top:-1rem;font-family:Georgia,serif}.single-review-actions{display:flex;justify-content:flex-end;gap:.8rem;margin-top:1.5rem;padding-top:1rem;border-top:1px dashed rgba(229,192,192,.3);opacity:.7;transition:opacity .3s ease}.single-review-item:hover .single-review-actions{opacity:1}.single-review-action-btn{background:none;border:none;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 2px 8px #0000000d;border:1px solid #f1f1f1}.single-review-action-btn.edit{color:#4caf50}.single-review-action-btn.edit:hover{background-color:#4caf501a;transform:translateY(-3px);box-shadow:0 5px 15px #4caf5033}.single-review-action-btn.delete{color:#f44336}.single-review-action-btn.delete:hover{background-color:#f443361a;transform:translateY(-3px);box-shadow:0 5px 15px #f4433633}.single-review-action-btn .material-icons{font-size:20px;transition:transform .3s ease}.single-review-action-btn:hover .material-icons{transform:scale(1.2)}.single-load-more-reviews{background:none;border:2px solid #E5C0C0;color:#e5c0c0;padding:1rem 2rem;border-radius:30px;font-family:Montserrat,sans-serif;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;align-self:center;margin-top:2rem;position:relative;overflow:hidden;z-index:1}.single-load-more-reviews:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,#e5c0c0,#f2a1a1);z-index:-1;transition:transform .5s ease;transform:scaleX(0);transform-origin:right}.single-load-more-reviews:hover{color:#fff;transform:translateY(-3px);box-shadow:0 8px 20px #e5c0c04d;border-color:transparent}.single-load-more-reviews:hover:before{transform:scaleX(1);transform-origin:left}.single-review-form-container{background-color:#fff;border-radius:16px;padding:2.5rem;box-shadow:0 8px 20px #0000000a;border:1px solid #f1f1f1;margin-top:2rem;position:relative;overflow:hidden}.single-review-form-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#e5c0c0,#f2a1a1)}.single-review-form{display:flex;flex-direction:column;gap:1.5rem}.single-review-form h3{font-family:Montserrat,sans-serif;font-size:1.5rem;font-weight:600;color:#333;margin:0 0 1rem;position:relative;display:inline-block}.single-review-form h3:after{content:"";position:absolute;bottom:-8px;left:0;width:50px;height:3px;background:linear-gradient(90deg,#e5c0c0,#f2a1a1);border-radius:3px}.single-review-form-rating{display:flex;flex-direction:column;gap:.8rem}.single-review-form-rating label{font-family:Montserrat,sans-serif;font-weight:500;color:#333}.single-rating-stars-input{display:flex;gap:.5rem}.single-rating-stars-input .material-icons{font-size:2rem;cursor:pointer;transition:all .2s ease}.single-rating-stars-input .material-icons:hover{transform:scale(1.2)}.single-review-form-comment{display:flex;flex-direction:column;gap:.8rem}.single-review-form-comment label{font-family:Montserrat,sans-serif;font-weight:500;color:#333}.single-review-form-comment textarea{padding:1rem;border:1px solid #ddd;border-radius:8px;resize:vertical;min-height:120px;font-family:Inter,sans-serif;font-size:1rem;transition:all .3s ease}.single-review-form-comment textarea:focus{outline:none;border-color:#e5c0c0;box-shadow:0 0 0 3px #e5c0c033}.single-review-form-comment textarea::placeholder{color:#aaa}.single-review-form-actions{display:flex;gap:1rem;margin-top:.5rem;justify-content:flex-end}.single-cancel-edit-btn{background:none;border:2px solid #ccc;color:#666;padding:.8rem 1.5rem;border-radius:30px;font-family:Montserrat,sans-serif;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s ease}.single-cancel-edit-btn:hover{background-color:#f1f1f1;transform:translateY(-3px);box-shadow:0 5px 15px #0000001a}.single-submit-review-btn{background-color:#e5c0c0;color:#fff;border:none;padding:.8rem 1.8rem;border-radius:30px;font-family:Montserrat,sans-serif;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;z-index:1}.single-submit-review-btn:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,#e5c0c0,#f2a1a1);z-index:-1;transition:opacity .3s ease;opacity:0}.single-submit-review-btn:hover{background-color:transparent;transform:translateY(-3px);box-shadow:0 8px 20px #e5c0c066}.single-submit-review-btn:hover:before{opacity:1}.single-submit-review-btn:disabled{background-color:#f1f1f1;color:#999;cursor:not-allowed;transform:none;box-shadow:none}.single-submit-review-btn:disabled:before{display:none}.single-no-reviews{text-align:center;padding:2rem;color:#666;font-size:1.1rem;font-style:italic;background-color:#e5c0c00d;border-radius:12px;border:1px dashed rgba(229,192,192,.3)}.single-already-reviewed-message{background-color:#fff;border-radius:16px;padding:2.5rem;box-shadow:0 8px 20px #0000000a;border:1px solid #f1f1f1;margin-top:2rem;position:relative;overflow:hidden;text-align:center}.single-already-reviewed-message:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#e5c0c0,#f2a1a1)}.single-already-reviewed-message p{margin:.5rem 0;color:#555;font-size:1.05rem;line-height:1.6}.single-already-reviewed-message p:first-child{font-weight:600;color:#333;font-size:1.2rem;margin-bottom:1rem}.single-reviews-loading{text-align:center;padding:2rem;color:#666;font-size:1.1rem}.single-review-pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:2rem}.single-pagination-btn{display:flex;align-items:center;gap:.5rem;padding:.8rem 1.2rem;border:1px solid #ddd;border-radius:30px;background:none;font-family:Montserrat,sans-serif;font-weight:500;font-size:.9rem;color:#666;cursor:pointer;transition:all .3s ease}.single-pagination-btn:hover:not(:disabled){background-color:#f9f5f5;border-color:#e5c0c0;color:#e5c0c0;transform:translateY(-2px)}.single-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.single-pagination-info{font-family:Inter,sans-serif;font-size:.9rem;color:#888}.single-related-products,.single-recently-viewed{margin-bottom:4rem}.single-section-title{font-family:Montserrat,sans-serif;font-size:1.8rem;font-weight:700;color:#333;margin-bottom:2rem;text-align:center;position:relative;display:inline-block;left:50%;transform:translate(-50%)}.single-section-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:80px;height:3px;background:linear-gradient(90deg,#e5c0c0,#f2a1a1);border-radius:3px}.single-related-products-grid,.single-recently-viewed-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem}.single-related-product-card,.single-recently-viewed-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 5px 15px #0000000d;transition:all .3s ease;position:relative}.single-related-product-card:hover,.single-recently-viewed-card:hover{transform:translateY(-10px);box-shadow:0 10px 25px #0000001a}.single-related-product-image,.single-recently-viewed-image{height:220px;overflow:hidden}.single-related-product-image img,.single-recently-viewed-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.single-related-product-card:hover .single-related-product-image img,.single-recently-viewed-card:hover .single-recently-viewed-image img{transform:scale(1.05)}.single-related-product-details,.single-recently-viewed-details{padding:1.5rem}.single-related-product-brand,.single-recently-viewed-brand{color:#888;font-size:.9rem;margin-bottom:.5rem}.single-related-product-name,.single-recently-viewed-name{font-family:Montserrat,sans-serif;font-weight:600;font-size:1.1rem;color:#333;margin:0 0 .5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.single-related-product-rating{display:flex;align-items:center;margin-bottom:.8rem}.single-related-product-rating .single-stars{display:flex;color:gold;font-size:.8rem}.single-related-product-rating .single-stars .material-icons{font-size:16px}.single-related-review-count{color:#888;font-size:.8rem;margin-left:5px}.single-related-product-price,.single-recently-viewed-price{font-family:Montserrat,sans-serif;font-weight:700;font-size:1.2rem;color:#e5c0c0;display:flex;align-items:center;gap:.5rem}.single-related-product-original-price{font-family:Inter,sans-serif;color:#888;text-decoration:line-through;font-size:.9rem}.single-related-products-loading,.single-related-products-empty{grid-column:1 / -1;text-align:center;padding:2rem;color:#666;font-size:1.1rem;background-color:#e5c0c00d;border-radius:12px;border:1px dashed rgba(229,192,192,.3)}@media (max-width: 1200px){.single-product-main{gap:2rem}.single-product-title{font-size:2.2rem}.single-related-products-grid,.single-recently-viewed-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}@media (max-width: 992px){.single-product-main{grid-template-columns:1fr;gap:3rem}.single-product-gallery{order:1}.single-product-info{order:2}.single-product-main-image img{height:auto}.single-shipping-item{flex-direction:column;align-items:flex-start;text-align:center}.single-shipping-item .material-icons{margin:0 auto .5rem}}@media (max-width: 768px){.single-product-container{padding:1.5rem}.single-product-gallery{flex-direction:column-reverse}.single-product-thumbnails{flex-direction:row;width:auto;overflow-x:auto;padding-bottom:.5rem}.single-product-thumbnail{width:80px;height:80px;flex-shrink:0}.single-product-actions{flex-direction:column}.single-shipping-item{align-items:center}.single-product-tabs{overflow-x:auto;white-space:nowrap;padding-bottom:5px}.single-product-tab{padding:1rem}.single-related-products-grid,.single-recently-viewed-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.single-review-header{flex-direction:column;align-items:flex-start;gap:1rem}.single-product-reviews{padding:1.5rem}.single-reviews-summary{padding:1.5rem;flex-direction:column;gap:1.5rem}.single-review-form-container{padding:1.5rem}.single-review-form-actions{flex-direction:column;gap:1rem}.single-cancel-edit-btn,.single-submit-review-btn{width:100%}.single-review-pagination{flex-direction:column;gap:1rem}}@media (max-width: 576px){.single-product-title{font-size:1.8rem}.single-product-price-container{flex-direction:column;align-items:flex-start;gap:.5rem}.single-product-price{font-size:1.8rem}.single-product-original-price{font-size:1.1rem}.single-btn-add-to-cart,.single-btn-cancel-to-cart,.single-btn-wishlist{padding:.5rem;font-size:.8rem}.single-product-actions{gap:.5rem}.single-btn-add-to-cart{order:1}.single-btn-cancel-to-cart{order:2}.single-related-products-grid,.single-recently-viewed-grid{grid-template-columns:1fr}}.dashboard-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:#fff;box-shadow:0 2px 4px #0000001a}.btn-notifications{position:relative;background:none;border:none;cursor:pointer;color:#666}.notification-badge{position:absolute;top:-5px;right:-5px;background:#ff4757;color:#fff;border-radius:50%;padding:2px 6px;font-size:12px}.analytics-overview,.orders-summary,.customers-analytics{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:2rem}.summary-card,.analytics-card{background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 4px #0000001a}.metric-trend,.analytics-trend,.summary-trend{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;font-size:.875rem}.positive{color:#2ecc71}.negative{color:#e74c3c}.table-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-top:2rem;overflow:hidden}.data-table th,.data-table td{padding:1rem;text-align:left;border-bottom:1px solid #eee}.data-table th{background:#f8f9fa;font-weight:600}.data-table th{cursor:pointer;position:relative;padding-right:1.5rem;user-select:none}.data-table th .sort-icon{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);font-size:1rem;opacity:.7;color:var(--accent-color)}.data-table th:hover{background-color:#f5f7ff}.status{padding:.25rem .75rem;border-radius:50px;font-size:.875rem;font-weight:500}.status.active{background:#e1f8e1;color:#2ecc71}.status.pending{background:#fff3cd;color:#ffa502}.status.completed{background:#e1f8e1;color:#2ecc71}.status.processing{background:#cce5ff;color:#2196f3}.status.cancelled{background:#ffe4e4;color:#e74c3c}.status.shipped{background:#e8f0fe;color:#3498db}.status.inactive{background:#e9ecef;color:#6c757d}.brand-logo-cell{width:80px;text-align:center}.brand-logo-container{display:flex;justify-content:center;align-items:center;width:50px;height:50px;margin:0 auto;border-radius:4px;overflow:hidden;background-color:#f5f5f5}.brand-logo{max-width:100%;max-height:100%;object-fit:contain}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3498db;outline:none;box-shadow:0 0 0 2px #3498db33}.form-select{appearance:none;background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 24 24' fill='none' stroke='%23555' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M6 9l6 6 6-6'/></svg>");background-repeat:no-repeat;background-position:right .75rem center;background-size:.75rem;padding-right:2rem;cursor:pointer}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:#e74c3c}.error-message{color:#e74c3c;font-size:.875rem;margin-top:.25rem;display:block}.form-group.checkbox{display:flex;align-items:center;gap:.5rem}.form-group.checkbox label{margin-bottom:0}.form-group.category-group{display:flex;align-items:center}.form-group.category-group select{flex:1}.category-group{margin-bottom:1.5rem}.category-selection{display:flex;gap:10px;align-items:flex-start;flex-wrap:wrap}.category-selection select{flex:1;min-width:200px}.add-category-btn{padding:8px 12px;font-size:.9rem;height:40px}.btn-primary,.btn-secondary{padding:.75rem 1.5rem;border:none;border-radius:4px;font-size:1rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem}.btn-primary{background:#3498db;color:#fff}.btn-primary:hover{background:#2980b9;transform:translateY(-1px)}.btn-secondary{background:#f1f2f6;color:#2f3542}.btn-secondary:hover{background:#e4e7f2;transform:translateY(-1px)}.btn-icon{background:#f9f9f9;border:none;cursor:pointer;color:#666;padding:.5rem;border-radius:50%;transition:all .3s ease;width:36px;height:36px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0000000d}.btn-icon:hover{background:#f1f2f6;color:var(--accent-color);transform:translateY(-2px);box-shadow:0 4px 8px var(--background-color-light)}.btn-icon .material-icons{font-size:18px}.btn-icon[title="Toggle Subcategories"],.btn-icon[title="Basculer les sous-catégories"]{background-color:var(--background-color-light);color:#777}.btn-icon[title="Toggle Subcategories"]:hover,.btn-icon[title="Basculer les sous-catégories"]:hover{background-color:var(--accent-color);color:var(--text-on-primary)}.btn-icon[title=edit],.btn-icon[title=Modifier]{background-color:#f0f9ff;color:#3498db}.btn-icon[title=edit]:hover,.btn-icon[title=Modifier]:hover{background-color:#3498db;color:#fff}.btn-icon[title=Delete],.btn-icon[title=Supprimer]{background-color:#fff5f5;color:#e74c3c}.btn-icon[title=Delete]:hover,.btn-icon[title=Supprimer]:hover{background-color:#e74c3c;color:#fff}.btn-icon[title="Add Subcategories"],.btn-icon[title="Ajouter des sous-catégories"]{background-color:#f0fff4;color:#2ecc71}.btn-icon[title="Add Subcategories"]:hover,.btn-icon[title="Ajouter des sous-catégories"]:hover{background-color:#2ecc71;color:#fff}.add-category-btn{margin-left:10px;padding:8px 15px;background-color:#f0f0f0;border:1px solid #ddd;border-radius:4px;font-size:.9rem;transition:all .2s ease}.add-category-btn:hover{background-color:#e0e0e0}.search-container{position:relative;max-width:300px}.date-filter{max-width:10rem;display:flex;align-items:center;gap:.5rem}.search-container input{width:100%;padding:.75rem 1rem .75rem 2.5rem;border:1px solid #ddd;border-radius:4px;transition:all .2s}.search-container input:focus{border-color:#3498db;box-shadow:0 0 0 2px #3498db33;outline:none}.search-container .material-icons{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#666}.filter-container{display:flex;gap:.5rem;margin:1rem 0;flex-wrap:wrap}.filter-btn{padding:.5rem 1rem;border:1px solid #ddd;border-radius:4px;background:#fff;cursor:pointer;transition:all .2s}.filter-btn:hover{border-color:#3498db;color:#3498db}.filter-btn.active{background:#3498db;color:#fff;border-color:#3498db}.analytics-charts{display:grid;gap:1.5rem;margin-top:2rem}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.chart-container{background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:2rem}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap}.chart-controls{display:flex;gap:.5rem}.chart-control{padding:.25rem .5rem;border:1px solid #ddd;border-radius:4px;background:#fff;cursor:pointer;font-size:.875rem}.chart-control.active{background:#3498db;color:#fff;border-color:#3498db}.modal{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.form-group label{display:block;margin-bottom:.5rem;color:#666;font-weight:500}.form-helper{font-size:.875rem;color:#666;margin-top:.25rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#333}.form-group input[type=text],.form-group input[type=file],.form-group select,.form-group .react-datepicker-wrapper,.form-group .react-datepicker-wrapper input{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;background-color:#fff}.image-preview{margin-top:1rem;padding:1rem;border:1px solid #ddd;border-radius:4px;background-color:#f8f9fa}.image-preview img{max-width:100%;max-height:200px;object-fit:contain;display:block;margin:0 auto}.modal-content{background:#fff;padding:2rem;border-radius:8px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 4px 6px #0000001a}.modal-content h2{margin-bottom:1.5rem;color:#333;font-size:1.5rem}.modal-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem}.btn-primary,.btn-secondary{padding:.75rem 1.5rem;border-radius:4px;font-size:1rem;cursor:pointer;border:none;transition:background-color .2s}.btn-primary{background-color:#007bff;color:#fff}.btn-primary:hover{background-color:#0056b3}.btn-secondary{background-color:#6c757d;color:#fff}.btn-secondary:hover{background-color:#545b62}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem}.settings-section{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 4px #0000001a}.pagination{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-top:2rem;flex-wrap:wrap}.page-btn{padding:.5rem 1rem;border:1px solid #ddd;background:#fff;border-radius:4px;cursor:pointer;transition:all .2s}.page-btn:hover{border-color:#3498db;color:#3498db}.page-btn.active{background:#3498db;color:#fff;border-color:#3498db}.page-ellipsis{color:#666}.pagination-controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;margin-top:1.5rem;padding:1rem;background-color:#f9fafc;border-radius:8px;box-shadow:0 1px 3px #0000000d}.page-size-selector label{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:#555}.page-size-selector select{padding:.35rem 2rem .35rem .75rem;border:1px solid #e0e0e0;border-radius:4px;background-color:#fff;appearance:none;background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 24 24' fill='none' stroke='%23555' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M6 9l6 6 6-6'/></svg>");background-repeat:no-repeat;background-position:right .5rem center;background-size:.75rem;cursor:pointer;transition:border-color .2s,box-shadow .2s}.page-size-selector select:hover{border-color:var(--accent-color)}.page-size-selector select:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px #3b82f633}.pagination-info{font-size:.9rem;color:#666;text-align:center;padding:0 1rem}.pagination-button{display:flex;align-items:center;justify-content:center;min-width:2rem;height:2rem;padding:.25rem .5rem;border:1px solid #e0e0e0;border-radius:4px;background-color:#fff;color:#555;font-size:.875rem;cursor:pointer;transition:all .2s ease}.pagination-button:hover:not(:disabled){background-color:#f5f7ff;border-color:var(--accent-color);color:var(--accent-color)}.pagination-button:focus{outline:none;box-shadow:0 0 0 2px #3b82f633}.pagination-button.active{background-color:var(--accent-color);border-color:var(--accent-color);color:#fff;font-weight:500}.pagination-button:disabled{opacity:.5;cursor:not-allowed;background-color:#f5f5f5}.page-indicators{display:flex;align-items:center;gap:.25rem}.brands-list{background:#f8f9fa;padding:1.5rem;border-radius:8px}.list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.header-actions{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.brand-info{display:flex;align-items:center;gap:1rem}.brand-info img{width:40px;height:40px;object-fit:contain;border-radius:4px;border:1px solid #eee}.actions-cell{display:flex;gap:.5rem}.no-results{text-align:center;padding:2rem;color:#666}.add-brand-container{background:#f8f9fa;border-radius:8px;padding:1.5rem}.add-brand-header{margin-bottom:2rem}.add-brand-header p{color:#666;margin-top:.5rem}.add-brand-form{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 4px #0000001a}.form-layout{display:grid;grid-template-columns:1fr 1fr;gap:2rem}@media screen and (max-width: 992px){.form-layout{grid-template-columns:1fr;gap:1.5rem}.add-brand-form{padding:1.5rem}.form-actions{flex-wrap:wrap;gap:1rem}.form-actions button{width:100%}.logo-preview{height:180px}}@media screen and (max-width: 768px){.add-brand-container{padding:1rem}.category-selection{flex-direction:column;gap:1rem}.category-selection select{width:100%;min-width:unset}.add-category-btn{width:100%}.form-group textarea{min-height:100px}}@media screen and (max-width: 576px){.add-brand-header{margin-bottom:1.5rem}.add-brand-form{padding:1rem}.form-group{margin-bottom:1rem}.form-group label{font-size:.9rem}.form-group input,.form-group select,.form-group textarea{padding:.5rem;font-size:.9rem}.help-text{font-size:.8rem}.character-count{font-size:.7rem}.logo-preview{height:150px}.modal-content{padding:1rem}.modal-content h3{font-size:1.2rem;margin-bottom:1rem}}@media screen and (max-width: 480px){.modal-content{width:95%;padding:1rem}.modal-content .form-actions{flex-direction:column;gap:.5rem}.logo-preview{height:120px}.upload-placeholder .material-icons{font-size:1.5rem}.upload-placeholder span{font-size:.9rem}}@media (hover: none) and (pointer: coarse){.form-group input,.form-group select,.form-group textarea{font-size:16px;padding:.75rem}.logo-preview{min-height:120px}.form-actions button{padding:.75rem 1rem;min-height:44px}.add-category-btn{min-height:44px}.modal-content input,.modal-content textarea{font-size:16px}}.form-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #eee}.logo-upload{margin-bottom:2rem}.logo-preview{width:100%;height:200px;border:2px dashed #ddd;border-radius:8px;display:flex;justify-content:center;align-items:center;overflow:hidden;position:relative;margin-bottom:.5rem;transition:all .2s}.logo-preview:hover{border-color:#3498db}.logo-preview.error{border-color:#e74c3c}.logo-preview.has-preview{border-style:solid}.logo-preview img{max-width:100%;max-height:100%;object-fit:contain}.upload-placeholder{display:flex;flex-direction:column;align-items:center;gap:.5rem;color:#666}.file-input{position:absolute;width:100%;height:100%;opacity:0;cursor:pointer}.help-text{color:#666;font-size:.875rem;margin-top:.25rem}.required{color:#e74c3c}.brand-reports-container{background:#f8f9fa;border-radius:8px;padding:1.5rem}.brand-reports-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.brand-reports-header p{color:#666;margin-top:.5rem}.report-actions{display:flex;gap:1rem}.report-filters{display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:2rem;background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 4px #0000001a}.filter-group{min-width:200px}.filter-group label{display:block;font-weight:500;margin-bottom:.5rem}.date-inputs{display:flex;align-items:center;gap:.5rem}.date-inputs span{color:#666}.brand-selector{flex-grow:1}.brand-checkboxes{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.75rem}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-weight:400}.checkbox-label input{width:auto}.report-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.metrics-card{background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 4px #0000001a}.metrics-card h4{color:#666;font-size:.875rem;margin-bottom:.5rem}.metric-value{font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.report-charts{display:grid;grid-template-columns:1fr;gap:1.5rem}.chart-visualization{height:300px;display:flex;align-items:center;justify-content:center}.chart-placeholder{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center}.chart-bars{display:flex;flex-direction:column;gap:1rem;width:100%;height:100%}.chart-bar-group{display:flex;align-items:center;gap:1rem;width:100%}.chart-label{width:130px;text-align:right;font-size:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chart-bar{height:20px;background:linear-gradient(90deg,#3498db,#2980b9);border-radius:4px;transition:width .5s}.chart-value{font-size:.875rem;font-weight:500}.chart-bar-group.odd .chart-bar{background:linear-gradient(90deg,#2ecc71,#27ae60)}.chart-lines{position:relative;height:100%;width:100%;display:flex;justify-content:space-between;align-items:flex-end}.chart-month-label{font-size:.75rem;color:#666;text-align:center}.chart-line{position:absolute;top:40px;left:0;right:0;height:2px}.line-0{background:#3498db;top:30%}.line-1{background:#2ecc71;top:40%}.line-2{background:#f1c40f;top:50%}.line-3{background:#9b59b6;top:60%}.brand-comparison{background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-top:2rem}.brand-comparison h3{margin-bottom:1.5rem}.comparison-table{width:100%;border-collapse:collapse}.comparison-table th,.comparison-table td{padding:1rem;text-align:left;border-bottom:1px solid #eee}.comparison-table tr.highlighted{background-color:#f0f8ff}.score-bar-container{width:100%;height:10px;background:#f1f2f6;border-radius:10px;overflow:hidden;position:relative}.score-bar{height:100%;background:linear-gradient(90deg,#3498db,#2980b9);border-radius:10px}.score-bar-container span{position:absolute;right:0;top:-20px;font-size:.875rem;font-weight:500}.page-tabs{display:flex;gap:1rem;margin-bottom:2rem;border-bottom:1px solid #ddd;overflow-x:auto;padding-bottom:1px}.page-tabs a{padding:.75rem 1.5rem;color:#666;text-decoration:none;font-weight:500;border-bottom:2px solid transparent;transition:all .2s;white-space:nowrap}.page-tabs a:hover,.page-tabs a.active{color:#3498db;border-color:#3498db}.admin-settings-container{padding:2rem;background-color:#f9fafc}.admin-settings-header{font-size:2rem;margin-bottom:2rem;color:#333}.settings-section{background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:2rem}.settings-section h2{font-size:1.5rem;color:#555}.settings-list{list-style:none;padding:0;margin:0 0 1rem}.settings-list li{padding:.5rem 0;border-bottom:1px solid #eee;color:#666}.add-category-btn{display:inline-block;padding:.5rem 1rem;font-size:1rem;background-color:#3498db;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s ease}.add-category-btn:hover{background-color:#2980b9}.tabs-container{display:flex;gap:1rem;margin-bottom:2rem;border-bottom:2px solid #ddd;padding-bottom:.5rem}.tab-btn{padding:.75rem 1.5rem;background:none;border:none;border-bottom:2px solid transparent;font-size:1rem;cursor:pointer;transition:all .2s ease;color:#666}.tab-btn:hover{color:#3498db}.tab-btn.active{color:#3498db;border-color:#3498db;font-weight:700}.header-listing{display:flex;align-items:center;margin-bottom:1rem;gap:1rem;justify-content:flex-start}.settings-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;padding:1rem 0;align-items:start}.category-item{display:flex;flex-direction:column;background-color:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #0000000d;transition:all .3s ease;position:relative;border:1px solid #f0f0f0}.category-item:hover{transform:translateY(-5px);box-shadow:0 8px 24px #e5c0c026;border-color:#e5c0c0}.category-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid #f5f5f5}.parentCat{display:flex;align-items:center;gap:1rem;flex:1}.parentCat span{font-weight:600;color:#333;font-size:1.1rem}.parentCat img{width:60px;height:60px;object-fit:cover;border-radius:10px;border:1px solid #eee;transition:all .3s ease;box-shadow:0 2px 5px #0000000d}.category-item:hover .parentCat img{transform:scale(1.05);border-color:#e5c0c0;box-shadow:0 5px 15px #e5c0c033}.category-footer{padding:.75rem 1rem;background-color:#f9f9f9;display:flex;justify-content:flex-end;gap:.75rem}.subcategories-container{padding:.5rem 1rem 1rem;animation:fadeIn .3s ease-in-out;background-color:#fcfcfc;max-height:13rem;overflow-y:auto}.subcategory-toggle{position:relative}.subcategory-count{position:absolute;top:-8px;right:-8px;background-color:#e5c0c0;color:#fff;font-size:.7rem;min-width:20px;height:20px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:700;box-shadow:0 3px 6px #e5c0c04d;animation:fadeIn .3s ease-in-out;border:2px solid white;transition:all .3s ease}.btn-icon:hover .subcategory-count{transform:scale(1.1);box-shadow:0 4px 8px #e5c0c066}.subcategory-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:.75rem;margin-top:.5rem}.subcategory-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem;background-color:#fff;border-radius:8px;transition:all .3s ease;border:1px solid #eee;box-shadow:0 2px 8px #00000008}.subcategory-item:hover{background-color:#fff;transform:translateY(-3px);box-shadow:0 4px 12px #e5c0c026;border-color:#e5c0c0}.subcategory-item .parentCat img{width:40px;height:40px;border-color:#e5c0c0}.subcategory-item:hover .parentCat img{transform:scale(1.1);border-color:#e5c0c0;box-shadow:0 4px 10px #e5c0c04d}.subcategory-item .category-actions{display:flex;gap:.5rem}.no-subcategories{padding:1.5rem;text-align:center;color:#888;font-style:italic;background-color:#fff;border-radius:8px;margin:.5rem 0;border:1px dashed #E5C0C0}.category-actions{display:flex;gap:.75rem;justify-content:flex-end}.btn-primary{background-color:#3498db;color:#fff;padding:.5rem 1rem;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s ease}.btn-primary:hover{background-color:#2980b9}.btn-secondary{background-color:#f1f2f6;color:#2f3542;padding:.5rem 1rem;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s ease}.btn-secondary:hover{background-color:#e4e7f2}.image-upload-container{display:flex;flex-direction:column;gap:1rem}.image-preview{display:flex;flex-direction:column;align-items:center;gap:.5rem}.image-preview img{max-width:100%;max-height:200px;border:2px dashed #ddd;border-radius:8px;object-fit:cover}.image-preview button{padding:.5rem 1rem;font-size:.9rem;background-color:#f1f2f6;color:#2f3542;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s ease}.image-preview button:hover{background-color:#e4e7f2}.brand-logo-preview{width:10rem;height:10rem;border-radius:50%;overflow:hidden;margin:0 auto 1rem;box-shadow:0 5px 15px #e5c0c04d;display:flex;align-items:center;justify-content:center;background-color:#fff;transition:all .3s ease;position:relative}.brand-logo-preview:hover{transform:scale(1.05);box-shadow:0 8px 20px #e5c0c066;border-width:4px}.brand-logo-preview img{max-width:100%;max-height:100%;object-fit:contain;transition:all .3s ease}.brand-logo-preview:hover img{transform:scale(1.1)}.custom-file-upload{display:inline-block;padding:.75rem 1.5rem;font-size:1rem;color:#fff!important;background-color:#6e6e6e;border:none;width:10rem;border-radius:4px;cursor:pointer;text-align:center;transition:background-color .2s ease}.custom-file-upload:hover{background-color:#2980b9}.custom-file-upload input{display:none}.admin-settings-container{padding:1rem;max-width:100%;margin:0 auto}.tabs-container{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;padding:.5rem;background:#f8f9fa;border-radius:8px}.tab-btn{flex:1;min-width:120px;padding:.75rem 1rem;border:none;background:transparent;color:#666;cursor:pointer;transition:all .3s ease;border-radius:6px;white-space:nowrap}.tab-btn.active{background:#fff;color:#3498db;box-shadow:0 2px 4px #0000001a}.settings-section{background:#fff;border-radius:8px;padding:1rem;box-shadow:0 2px 4px #0000001a}.header-listing{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;align-items:center}.search-input{flex:1;min-width:200px;padding:.75rem;border:1px solid #ddd;border-radius:6px;font-size:.9rem}.add-category-btn{white-space:nowrap;padding:.75rem 1.5rem;border-radius:6px;background:#3498db;color:#fff;border:none;cursor:pointer;transition:background .3s ease}.settings-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;list-style:none;padding:0;margin:0}.category-item{background:#f8f9fa;border-radius:8px;padding:1rem;transition:transform .2s ease,box-shadow .2s ease}.category-item:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.category-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.parentCat{display:flex;align-items:center;gap:.75rem}.parentCat img{width:40px;height:40px;border-radius:4px;object-fit:cover}.category-footer{display:flex;gap:.5rem;justify-content:flex-end}.btn-icon{padding:.5rem;border:none;background:transparent;color:#666;cursor:pointer;border-radius:4px;transition:background .2s ease}.btn-icon:hover{background:#0000000d;color:#3498db}.subcategory-toggle{display:flex;align-items:center;gap:.25rem}.subcategory-count{font-size:.8rem;background:#3498db;color:#fff;padding:.2rem .5rem;border-radius:12px;min-width:20px;text-align:center}@media (max-width: 768px){.admin-settings-container{padding:.5rem}.tab-btn{width:100%;min-width:unset}.header-listing{flex-direction:column;align-items:stretch}.search-input,.add-category-btn{width:100%}.settings-list{grid-template-columns:1fr}.category-header{flex-direction:column;gap:.5rem;align-items:flex-start}.btn-icon[title="Toggle Subcategories"],.btn-icon[title="Basculer les sous-catégories"]{width:2rem}.category-footer{justify-content:space-between}}@media (max-width: 480px){.parentCat{flex-direction:column;align-items:flex-start;gap:.5rem}.category-item{padding:.75rem}.btn-icon{padding:.35rem}.subcategory-toggle{position:absolute;right:1rem;top:1rem}}.modal-content{max-width:90vw;width:100%;margin:2rem auto;padding:1rem}@media (min-width: 768px){.modal-content{max-width:600px;padding:2rem}}@media (max-width: 480px){.Toastify__toast-container{width:90vw!important;padding:.5rem!important}.Toastify__toast{margin-bottom:.5rem!important}}.product-select{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;background-color:#fff}.product-select optgroup{font-weight:700;color:#333;background-color:#f8f9fa}.product-select option{padding:.5rem;color:#666;background-color:#fff}.product-select option:hover{background-color:#f1f3f5}.product-select optgroup+optgroup{margin-top:.5rem;border-top:1px solid #eee;padding-top:.5rem}.select-container{position:relative;margin-bottom:1.5rem}.product-select.enhanced{width:100%;min-height:200px;padding:.75rem;border:2px solid #e0e0e0;border-radius:8px;background-color:#fff;font-size:.9rem;transition:all .3s ease;box-shadow:0 2px 4px #0000000d}.product-select.enhanced:focus{border-color:#2196f3;box-shadow:0 0 0 3px #2196f31a;outline:none}.product-select.enhanced optgroup{padding:8px;font-weight:600;color:#1976d2;background-color:#f5f9ff;border-bottom:1px solid #e3f2fd}.product-select.enhanced option{padding:10px 12px;margin:2px 0;border-radius:4px;cursor:pointer;transition:all .2s ease}.product-select.enhanced option:checked{background-color:#e3f2fd!important;color:#1976d2;font-weight:500}.product-select.enhanced option:hover{background-color:#f5f5f5}.selected-products-container{background:#fff;border-radius:12px;padding:1.5rem;margin-top:1rem;box-shadow:0 4px 6px #0000000d;border:1px solid #f0f0f0}.selected-products-container h4{color:#1976d2;font-size:1.1rem;margin:0 0 1rem;padding-bottom:.75rem;border-bottom:2px solid #e3f2fd}.selected-products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem;max-height:400px;overflow-y:auto;padding:.5rem}.selected-product-item{display:flex;align-items:center;padding:1rem;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;border:1px solid #f0f0f0;transition:all .3s ease;position:relative}.selected-product-item:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.product-thumbnail{width:50px;height:50px;object-fit:cover;border-radius:6px;margin-right:1rem;border:2px solid #f0f0f0}.productS-info{flex:1;min-width:0}.product-name{display:block;font-weight:500;color:#333;margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-price{display:block;color:#1976d2;font-size:.9rem;font-weight:500}.remove-product{position:absolute;top:.5rem;right:.5rem;width:24px;height:24px;border:none;background:#0000000d;color:#666;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;transition:all .2s ease;padding:0;line-height:1}.remove-product:hover{background:#ffebee;color:#f44336}.selected-products-grid::-webkit-scrollbar{width:8px}.selected-products-grid::-webkit-scrollbar-track{background:#f5f5f5;border-radius:4px}.selected-products-grid::-webkit-scrollbar-thumb{background:#bdbdbd;border-radius:4px}.selected-products-grid::-webkit-scrollbar-thumb:hover{background:#9e9e9e}.select-info{display:flex;align-items:center;justify-content:space-between;margin-top:.5rem}.select-helper-text{color:#666;font-size:.8rem;display:flex;align-items:center;gap:.5rem}.metrics-panel{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:30px}.metric-card{background:#fff;border-radius:12px;padding:20px;display:flex;align-items:flex-start;gap:16px;box-shadow:0 2px 10px #0000000d;transition:transform .2s ease,box-shadow .2s ease}.metric-data{margin-bottom:8px}.metric-value{font-size:1.5rem;font-weight:600;color:#1e293b;margin:0}.metric-change,.metric-trend{display:flex;align-items:center;gap:4px;font-size:.875rem;font-weight:500}.metric-change.positive,.metric-trend.positive{color:var(--success-500)}.metric-change.negative,.metric-trend.negative{color:var(--error-500)}.metric-change .material-icons,.metric-trend .material-icons{font-size:16px}.metric-card.loading{justify-content:center;grid-column:1 / -1;text-align:center;animation:pulse 1.5s infinite ease-in-out}.metric-card.loading .metric-title{color:var(--gray-color);font-size:1rem}.metric-card.loading .metric-value{color:#a0aec0}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.admin-metrics-panel{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:30px}.admin-metric-card{background:#fff;border-radius:12px;padding:20px;display:flex;align-items:flex-start;gap:16px;box-shadow:0 2px 10px #0000000d;transition:transform .2s ease,box-shadow .2s ease}@media screen and (max-width: 1200px){.metrics-panel{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media screen and (max-width: 768px){.metrics-panel{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px}.metric-card{padding:15px}.metric-icon{width:40px;height:40px}.metric-icon .material-icons{font-size:20px}.metric-value{font-size:1.25rem}}@media screen and (max-width: 480px){.metrics-panel{grid-template-columns:1fr;gap:12px}.metric-card{padding:12px}.metric-title{font-size:.8125rem}.metric-value{font-size:1.125rem}.metric-period{font-size:.75rem}}@media screen and (max-width: 768px){.admin-metrics-panel{grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:8px}.admin-metric-card{padding:15px}}@media screen and (max-width: 360px){.admin-metrics-panel{grid-template-columns:1fr;gap:12px}.admin-metric-card{padding:12px}}.sales-report-card{background:#fff;border-radius:16px;padding:28px;box-shadow:0 4px 20px #0000000f;height:100%;border:1px solid rgba(0,0,0,.03);transition:all .3s ease;max-width:100%;overflow:hidden}.sales-report-card:hover{box-shadow:0 6px 24px #00000014}.sales-report-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.sales-report-info{display:flex;flex-direction:column;gap:8px}.sales-report-title{font-size:1.25rem;color:#1e293b;margin:0}.sales-summary{display:flex;gap:16px;color:var(--gray-color);font-size:.875rem}.total-sales{color:var(--accent-color);font-weight:500}.average-sales{color:var(--gray-color)}.loading-indicator,.error-indicator{font-size:.875rem;padding:4px 8px;border-radius:4px}.loading-indicator{color:#3b82f6;background-color:#dbeafe}.error-indicator{color:#ef4444;background-color:#fee2e2}.loading-container,.error-container,.warning-container,.no-data-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;text-align:center;color:var(--gray-color);margin-bottom:20px;border-radius:8px}.loading-container{background-color:#f0f9ff}.error-container{background-color:#fee2e2}.warning-container{background-color:#fff7ed}.no-data-container{background-color:#f8fafc;padding:40px}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid var(--accent-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.error-container .material-icons-outlined{font-size:40px;color:#ef4444;margin-bottom:16px}.warning-container .material-icons-outlined{font-size:40px;color:#f59e0b;margin-bottom:16px}.no-data-container .material-icons-outlined{font-size:40px;color:#94a3b8;margin-bottom:16px}.sales-period-tabs{display:flex;gap:8px;background:#f8fafc;padding:4px;border-radius:8px}.period-tab{padding:6px 12px;border:none;background:none;border-radius:6px;color:var(--gray-color);font-size:.875rem;cursor:pointer;transition:all .2s ease}.period-tab:hover{background-color:#f1f5f9;color:var(--accent-color)}.period-tab.active{background-color:var(--accent-color);color:var(--text-on-primary)}.analytics-section{margin-top:30px;max-width:100%;overflow:hidden}.donut-chart-container{display:flex;gap:30px;margin-bottom:30px;flex-wrap:wrap;max-width:100%;overflow:hidden}.donut-chart{width:300px;height:300px;position:relative;filter:drop-shadow(0px 2px 8px rgba(0,0,0,.05));max-width:100%}.donut-svg{width:100%;height:100%;overflow:visible;max-width:100%}.donut-svg.animate .segment-path{animation:donutFadeIn .6s cubic-bezier(.215,.61,.355,1) forwards}.segment-path{opacity:0;transition:all .4s cubic-bezier(.175,.885,.32,1.275);transform-origin:center;stroke-width:1.5px;stroke:#fffc}.segment-path.hovered{filter:brightness(1.1) drop-shadow(0px 0px 4px rgba(0,0,0,.1));transform:scale(1.05)}.segment-label{opacity:0;animation:fadeIn .5s ease-in-out forwards;animation-delay:.4s;font-weight:500;text-shadow:0px 0px 3px rgba(255,255,255,.8)}.donut-center-text{opacity:0;animation:fadeIn .5s ease-in-out forwards;animation-delay:.6s;filter:drop-shadow(0px 1px 2px rgba(0,0,0,.1))}@keyframes donutFadeIn{0%{opacity:0;transform:scale(.8) rotate(-15deg)}60%{opacity:.8}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.category-legend{flex:1;display:flex;flex-direction:column;gap:10px;padding:20px;background-color:#f8fafc;border-radius:12px;max-height:300px;overflow-y:auto;box-shadow:0 2px 8px #0000000d;scrollbar-width:thin;scrollbar-color:#cbd5e1 #f1f5f9}.category-legend::-webkit-scrollbar{width:6px}.category-legend::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.category-legend::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:10px}.legend-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;transition:all .3s ease;border:1px solid transparent;position:relative}.legend-item:hover,.legend-item.active{background-color:#fffc;box-shadow:0 2px 6px #0000000d;border-color:#0000000d;transform:translateY(-2px)}.legend-color{width:18px;height:18px;border-radius:6px;box-shadow:0 2px 4px #0000001a}.legend-info{flex:1;display:flex;flex-direction:column;gap:2px}.legend-name{font-size:.9rem;color:#1e293b;font-weight:600}.legend-value{font-size:.8rem;color:var(--gray-color)}.legend-percent{display:flex;align-items:center;gap:4px;font-size:.8rem;font-weight:600;padding:4px 8px;border-radius:6px;box-shadow:0 1px 2px #0000000d;white-space:nowrap}.legend-percent.positive{background-color:#4caf5026;color:#2e7d32}.legend-percent.negative{background-color:#ef444426;color:#c62828}.trend-icon-small{font-size:14px;margin-right:2px}.analytics-insights{margin-top:20px}.analytics-insights h4{font-size:1rem;color:#1e293b;margin:0 0 16px}.insights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}.insight-card{background-color:#f8fafc;border-radius:12px;padding:20px;display:flex;gap:18px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);border:1px solid rgba(0,0,0,.03);box-shadow:0 2px 8px #00000008;position:relative;overflow:hidden}.insight-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--button-action),#8a63ff);opacity:0;transition:opacity .3s ease}.insight-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #00000014;border-color:#0000000d}.insight-card:hover:before{opacity:1}.insight-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,#6e42e526,#6e42e540);border-radius:12px;color:var(--button-action);box-shadow:0 2px 6px #6e42e526;transition:all .3s ease}.insight-card:hover .insight-icon{transform:scale(1.1);background:linear-gradient(135deg,#6e42e533,#6e42e54d)}.insight-icon .material-icons-outlined{font-size:24px;filter:drop-shadow(0px 1px 2px rgba(0,0,0,.1))}.insight-content{flex:1;display:flex;flex-direction:column;gap:6px}.insight-title{font-size:.85rem;color:var(--gray-color);margin-bottom:2px;font-weight:500}.insight-value{font-size:1.25rem;color:#1e293b;font-weight:600;margin-bottom:2px;letter-spacing:-.01em}.insight-description{font-size:.8rem;color:var(--gray-color);line-height:1.4}.demographics-chart{margin-bottom:30px;position:relative;width:100%;overflow:visible}.demographics-chart h4{font-size:1rem;color:#1e293b;margin:0 0 16px}.bar-chart{display:flex;justify-content:space-around;align-items:flex-end;padding:30px 0 20px;background-color:#f8fafc;border-radius:12px;box-shadow:inset 0 0 0 1px #00000008;position:relative;overflow-x:auto;overflow-y:visible;max-width:100%;min-height:220px}.bar-chart:before{content:"";position:absolute;left:0;right:0;bottom:40px;height:1px;background:#0000000d;z-index:0}.bar-group{display:flex;flex-direction:column;align-items:center;width:70px;position:relative;z-index:1;flex-shrink:0;margin:0 5px}.bar-container{display:flex;align-items:flex-end;height:100%;justify-content:center;width:100%;position:relative}.demographic-bar{width:40px;background:linear-gradient(180deg,#6e42e5e6,#6e42e580);border-radius:6px 6px 0 0;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;box-shadow:0 2px 8px #0000000d;animation:barRise .8s cubic-bezier(.215,.61,.355,1) forwards;transform:scaleY(0);transform-origin:bottom}@keyframes barRise{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.demographic-bar.active{background:linear-gradient(180deg,#6e42e5,#6e42e5b3);transform:scaleY(1.05);transform-origin:bottom;box-shadow:0 4px 12px #6e42e533}.bar-tooltip{position:fixed;transform:translate(-50%,-100%);background-color:#1e293b;color:#fff;padding:10px 14px;border-radius:8px;font-size:.75rem;pointer-events:none;z-index:9999;box-shadow:0 4px 12px #00000026;min-width:140px;text-align:center;max-width:180px;word-wrap:break-word;white-space:normal;animation:tooltipFadeIn .3s ease forwards;margin-top:-10px}.tooltip-title{font-weight:600;font-size:.8rem;margin-bottom:4px;color:#e2e8f0;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:4px;text-align:center}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(-5px) scale(.95);visibility:visible}to{opacity:1;transform:translateY(0) scale(1);visibility:visible}}.bar-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#1e293b;pointer-events:none}.bar-label{font-size:.8rem;color:#1e293b;font-weight:500;padding:1px 8px;border-radius:4px;transition:all .2s ease}.demographics-details h4{font-size:1rem;color:#1e293b;margin:0 0 16px}.demographics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.demographic-card{background-color:#f8fafc;border-radius:8px;padding:16px;transition:transform .2s ease}.demographic-card:hover{transform:translateY(-2px)}.demographic-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.demographic-title{font-size:.875rem;color:#1e293b;font-weight:500}.demographic-value{font-size:1rem;color:var(--button-action);font-weight:500}.demographic-chart{margin-bottom:16px}.demographic-distribution{display:flex;height:16px;border-radius:8px;overflow:hidden;margin-bottom:12px}.distribution-segment{height:100%;transition:all .3s ease}.distribution-segment:hover{transform:scaleY(1.2);transform-origin:center}.demographic-labels{display:flex;flex-wrap:wrap;gap:8px}.demographic-label{display:flex;align-items:center;gap:4px;font-size:.75rem;color:var(--gray-color);padding:2px 6px;border-radius:4px;transition:background-color .2s ease}.demographic-label:hover,.demographic-label.active{background-color:#e2e8f0}.label-color{width:8px;height:8px;border-radius:2px}.demographic-insights{display:flex;flex-direction:column;gap:12px}.demographic-insight{display:flex;gap:12px;font-size:.75rem;color:var(--gray-color)}.demographic-insight .material-icons-outlined{color:var(--button-action);font-size:18px}.line-chart-container{margin-bottom:30px}.line-chart-container h4{font-size:1rem;color:#1e293b;margin:0 0 16px}.line-chart{background-color:#f8fafc;border-radius:12px;padding:24px;position:relative;box-shadow:inset 0 0 0 1px #00000008,0 2px 8px #00000005;overflow:hidden;max-width:100%}.line-svg{width:100%;height:300px;overflow:visible;display:block;max-width:100%}.grid-line{opacity:.3;stroke-dasharray:4,4}.value-line,.count-line{opacity:0;stroke-dasharray:1000;stroke-dashoffset:1000;animation:drawLine 1.8s cubic-bezier(.34,1.56,.64,1) forwards;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0px 2px 3px rgba(0,0,0,.1))}.count-line{animation-delay:.3s}.value-area{opacity:0;animation:fadeIn 1s ease-in-out .8s forwards;filter:drop-shadow(0px 1px 2px rgba(0,0,0,.05))}.data-point,.brand-data-point{opacity:0;animation:fadeIn .5s ease-in-out 1.2s forwards;transition:all .4s cubic-bezier(.175,.885,.32,1.275);cursor:pointer;filter:drop-shadow(0px 1px 2px rgba(0,0,0,.1))}.data-point:hover,.brand-data-point:hover{r:8;filter:drop-shadow(0px 2px 4px rgba(0,0,0,.2))}.point-tooltip{opacity:0;animation:tooltipFadeIn .3s ease-in-out forwards;filter:drop-shadow(0px 4px 8px rgba(0,0,0,.25));transition:all .2s ease;pointer-events:none;transform-origin:top center}.point-tooltip rect{rx:6px;stroke:#fff3;stroke-width:1px;filter:brightness(1.05)}.point-tooltip text{font-weight:600;font-size:12px;letter-spacing:.02em;text-shadow:0px 1px 2px rgba(0,0,0,.2);margin:0 auto}.point-tooltip path{filter:drop-shadow(0px 1px 1px rgba(0,0,0,.2))}@keyframes drawLine{0%{opacity:0;stroke-dashoffset:1000}60%{opacity:.8}to{opacity:1;stroke-dashoffset:0}}.chart-legend{display:flex;justify-content:center;gap:24px;margin-top:16px;padding:8px 16px;background-color:#ffffffb3;border-radius:20px;box-shadow:0 1px 3px #0000000d;position:relative;z-index:2;backdrop-filter:blur(4px);width:fit-content;margin-left:auto;margin-right:auto}.chart-legend .legend-item{display:flex;align-items:center;gap:8px;font-size:.8rem;color:#1e293b;font-weight:500;padding:4px 8px;border-radius:4px;transition:all .2s ease}.chart-legend .legend-item:hover{background-color:#00000008}.chart-legend .legend-color{width:24px;height:4px;border-radius:2px;box-shadow:0 1px 2px #0000001a}.order-insights h4{font-size:1rem;color:#1e293b;margin:0 0 16px}@media (max-width: 992px){.donut-chart-container,.radar-chart-container{flex-direction:column;align-items:center}.donut-chart,.radar-chart{width:100%;max-width:320px;margin:0 auto 20px}.category-legend,.performance-metrics{margin-top:0;max-height:none;width:100%}.line-chart{padding:16px;overflow-x:auto}.line-svg{min-width:500px}}@media (max-width: 768px){.sales-report-card{padding:20px;border-radius:10px}.sales-report-header{flex-direction:column;align-items:stretch;gap:16px}.sales-period-tabs{width:100%;justify-content:space-between}.insights-grid,.demographics-grid{grid-template-columns:1fr;gap:16px}.bar-chart{height:180px;padding:20px 0 16px;min-width:400px;margin:0 auto;overflow-x:auto;overflow-y:visible}.demographic-bar{width:32px}.bar-group{width:60px;gap:8px;margin:0 4px}.bar-tooltip{max-width:150px;font-size:.7rem}.line-chart{padding:16px;overflow-x:auto}.line-svg{height:250px}.chart-legend{flex-wrap:wrap;justify-content:center}.demographics-chart{overflow:hidden;max-width:100%;padding-bottom:20px}}@media (max-width: 480px){.sales-report-card{padding:16px}.sales-report-title{font-size:1.1rem}.sales-summary{flex-direction:column;gap:8px;align-items:flex-start}.bar-chart{height:150px;padding:16px 0 12px;min-width:0px}.demographic-bar{width:24px}.bar-group{width:40px;gap:6px;margin:0 2px}.bar-label{font-size:.7rem;padding:2px 4px;white-space:nowrap}.bar-tooltip{max-width:120px;font-size:.65rem;padding:8px 10px}.insight-card{flex-direction:column;align-items:flex-start;padding:16px}.insight-icon{margin-bottom:12px}.insight-value{font-size:1.1rem}.line-svg{height:200px}.demographic-label{font-size:.7rem}.demographic-insight{font-size:.7rem;gap:8px}}@media screen and (max-width: 1200px){.donut-chart-container{justify-content:center}.donut-chart{width:250px;height:250px}.insights-grid{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width: 992px){.sales-report-card{padding:20px}.sales-period-tabs{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:16px}.demographics-grid{grid-template-columns:repeat(2,1fr);gap:16px}.line-chart{height:300px}}@media screen and (max-width: 768px){.sales-report-header{flex-direction:column;gap:16px}.sales-summary{flex-wrap:wrap}.donut-chart-container{flex-direction:column}.category-legend{max-height:none;padding:16px}.demographics-grid{grid-template-columns:1fr}.bar-chart{overflow-x:auto;padding-bottom:16px}.bar-group{min-width:80px}}@media screen and (max-width: 480px){.sales-report-card{padding:16px;border-radius:12px}.sales-report-title{font-size:1.125rem}.donut-chart{width:200px;height:200px}.legend-item{padding:8px}.insight-card{padding:16px}.demographic-card{padding:12px}.line-chart{height:250px}.chart-legend{flex-wrap:wrap;gap:8px}}@media screen and (max-width: 768px){.loading-container,.error-container,.warning-container,.no-data-container{padding:16px}.loading-spinner{width:32px;height:32px}}@media screen and (max-width: 640px){.point-tooltip{font-size:12px}.grid-line{stroke-width:.5}.value-line,.count-line{stroke-width:2}.data-point,.brand-data-point{r:4}}.brands-panel{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 10px #0000000d}.brands-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.brands-header h3{font-size:1.25rem;color:#1e293b;margin:0}.view-all-btn{display:flex;align-items:center;gap:4px;background:none;border:none;color:var(--accent-color);font-size:.875rem;cursor:pointer;padding:8px;border-radius:6px;transition:background-color .2s}.view-all-btn:hover{background-color:var(--accent-color-light)}.view-all-btn .material-icons{font-size:18px}.brands-list{display:flex;flex-direction:column;gap:16px}.brand-item{display:flex;align-items:center;gap:16px;padding:12px;border-radius:8px;transition:background-color .2s}.brand-item:hover{background-color:#f8fafc}.brand-image{width:64px;height:64px;border-radius:8px;overflow:hidden}.brand-image img{width:100%;height:100%;object-fit:cover}.brand-details{flex:1}.brand-name{font-size:1rem;color:#1e293b;margin:0 0 4px}.brand-info{display:flex;align-items:center;justify-content:space-between}.brand-price{font-weight:600;color:var(--button-action)}.brand-rating{display:flex;gap:2px}.brand-rating .material-icons{font-size:16px}@media screen and (max-width: 1024px){.brands-list{gap:12px}.brand-item{padding:10px}.brand-image{width:56px;height:56px}}@media screen and (max-width: 768px){.brands-header{flex-direction:column;gap:12px;align-items:flex-start}.brands-list{gap:10px}.brand-item{padding:8px;gap:12px}.brand-image{width:48px;height:48px}.brand-name{font-size:.9375rem}}@media screen and (max-width: 480px){.brands-panel{padding:16px}.brand-item{flex-direction:column;align-items:flex-start;gap:10px}.brand-image{width:100%;height:120px}.brand-details{width:100%}.brand-info{flex-direction:column;align-items:flex-start;gap:8px}.brand-rating{width:100%;justify-content:flex-start}}@media screen and (max-width: 360px){.brand-rating .material-icons{font-size:14px}.brand-price{font-size:.875rem}}.dashboard-header-shared{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:16px;border-bottom:1px solid rgba(0,0,0,.08)}.dashboard-header-shared h1{font-size:1.8rem;color:#1e293b;margin:0;font-weight:600;position:relative}.dashboard-header-shared h1 .unread-badge{position:absolute;top:-5px;right:-24px;background-color:#ff5252;color:#fff;font-size:.7rem;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:500}.dashboard-actions-shared{display:flex;align-items:center;gap:16px;position:relative}.user-profile-menu{display:flex;align-items:center;gap:.5rem;position:relative;cursor:pointer;padding:.5rem;border-radius:.5rem;transition:background-color .2s ease}.user-profile-menu:hover{background-color:#f1f5f9}.user-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover}.profile-dropdown-menu{position:absolute;top:calc(100% + .5rem);right:0;width:220px;background-color:#fff;border-radius:.5rem;box-shadow:0 4px 12px #0000001a;z-index:100;overflow:hidden;text-decoration:none;animation:fadeIn .2s ease}.profile-dropdown-menu li{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;color:#1e293b;font-size:.875rem;transition:background-color .15s ease;text-decoration:none;cursor:pointer}.logout-item{color:#ef4444!important;cursor:pointer}.logout-item .material-icons{color:#ef4444!important}.navlink{text-decoration:none;display:flex;align-items:center;gap:.75rem;width:100%;color:inherit}.logout-button{background:none;border:none;cursor:pointer;font-family:inherit;font-size:inherit;padding:0;text-align:left;width:100%}.profile-dropdown-menu.logout-only{width:150px}.user-profile-menu.logging-out{cursor:default;display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:4px;background-color:#f1f5f9;color:var(--gray-color);font-size:.875rem}.logout-spinner{width:16px;height:16px;border:2px solid rgba(100,116,139,.2);border-top-color:var(--gray-color);border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 768px){.dashboard-header-shared{flex-direction:column;align-items:flex-start;gap:1rem;padding-bottom:12px;margin-bottom:20px}.dashboard-actions-shared{width:100%;justify-content:space-between}.profile-dropdown-menu{right:0;width:100%;max-width:280px}}@media (max-width: 1024px){.dashboard-header-shared h1{font-size:1.5rem}.dashboard-actions-shared{gap:12px}}@media (max-width: 480px){.dashboard-header-shared h1{font-size:1.3rem}.dashboard-header-shared h1 .unread-badge{top:-3px;right:-20px;width:18px;height:18px;font-size:.65rem}.user-profile-menu{padding:.35rem}.user-avatar{width:32px;height:32px}.profile-dropdown-menu li{padding:.6rem .75rem;font-size:.8125rem}.profile-dropdown-menu .material-icons{font-size:1.1rem}}@media (max-width: 360px){.dashboard-header-shared h1{font-size:1.2rem}.dashboard-actions-shared{flex-wrap:wrap;gap:8px}.user-avatar{width:28px;height:28px}}.customers-table-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 10px #0000000d}.customers-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.customers-header h3{font-size:1.25rem;color:#1e293b;margin:0}.btn-customer-page{display:flex;align-items:center;gap:4px;background:none;border:none;color:var(--accent-color);font-size:.875rem;cursor:pointer;padding:8px;border-radius:6px;transition:background-color .2s}.btn-customer-page:hover{background-color:var(--accent-color-light)}.btn-customer-page .material-icons{font-size:18px}.customers-table{width:100%;border-collapse:collapse;font-size:.875rem}.customers-table th{text-align:left;padding:12px 16px;color:var(--gray-color);font-weight:500;border-bottom:1px solid #e2e8f0}.customers-table td{padding:12px 16px;color:#1e293b;border-bottom:1px solid #f1f5f9}.customer-info{display:flex;align-items:center;gap:12px}.customer-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.customer-name{font-weight:500}.customer-id{font-family:monospace;color:var(--gray-color)}.customer-points{color:var(--accent-color);font-weight:500}.customer-level{display:inline-flex;align-items:center;padding:4px 8px;border-radius:4px;font-size:.75rem;font-weight:500}.level-gold{background-color:#fef9c3;color:#854d0e}.level-silver{background-color:#f1f5f9;color:#475569}.level-bronze{background-color:#fff7ed;color:#9a3412}.customer-actions{display:flex;gap:8px}.action-btn{background:none;border:none;width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s}.action-btn.edit{color:var(--button-action)}.action-btn.edit:hover{background-color:var(--button-action)15}.action-btn.delete{color:#ef4444}.action-btn.delete:hover{background-color:#ef444415}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;backdrop-filter:blur(2px)}.status-modal{background-color:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:450px;max-width:90%;overflow:hidden;animation:modal-appear .3s ease-out forwards;transform-origin:center center}@keyframes modal-appear{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid #e2e8f0;background-color:#f8fafc}.modal-header h3{font-size:1.25rem;color:#1e293b;margin:0}.close-modal-btn{background:none;border:none;cursor:pointer;color:var(--gray-color);display:flex;align-items:center;justify-content:center;padding:4px;border-radius:50%;transition:background-color .2s,color .2s}.close-modal-btn:hover{background-color:#e2e8f0;color:#1e293b}.modal-body p{margin:0 0 12px;color:#334155}.modal-body p:last-of-type{margin-bottom:24px}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:#334155}.status-select{width:100%;padding:12px 16px;border-radius:8px;border:1px solid #cbd5e1;font-size:1rem;color:#1e293b;background-color:#f8fafc;transition:border-color .2s,box-shadow .2s;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%2364748B' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10l-5 5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center}.status-select:focus{outline:none;border-color:var(--button-action);box-shadow:0 0 0 3px #6e42e533}.status-select option{padding:8px}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #e2e8f0;background-color:#f8fafc}.btn-cancel{padding:10px 16px;border-radius:8px;font-weight:500;border:1px solid #cbd5e1;background-color:#fff;color:var(--gray-color);cursor:pointer;transition:background-color .2s,color .2s}.btn-cancel:hover{background-color:#f1f5f9;color:#334155}.btn-update{padding:10px 24px;border-radius:8px;font-weight:500;border:none;background-color:var(--button-action);color:#fff;cursor:pointer;transition:background-color .2s,transform .1s}.btn-update:hover{background-color:#5e35dc;transform:translateY(-1px)}.btn-update:active{transform:translateY(0)}.btn-update:disabled{background-color:#cbd5e1;cursor:not-allowed;transform:none}.delete-modal{background-color:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:450px;max-width:90%;overflow:hidden;animation:modal-appear .3s ease-out forwards;transform-origin:center center}.delete-warning{display:flex;align-items:center;gap:16px;margin-bottom:20px;padding:16px;background-color:#fee2e2;border-radius:8px}.warning-icon{color:#dc2626;font-size:24px}.delete-warning p{color:#991b1b;font-weight:600;margin:0}.customer-delete-info{background-color:#f8fafc;border-radius:8px;padding:12px 16px;margin-bottom:16px}.customer-delete-info p{margin:8px 0;color:#334155}.delete-consequence{font-size:.875rem;color:var(--gray-color);line-height:1.5;padding:8px 0;border-top:1px dashed #cbd5e1;margin-top:16px}.btn-delete{padding:10px 24px;border-radius:8px;font-weight:500;border:none;background-color:#dc2626;color:#fff;cursor:pointer;transition:background-color .2s,transform .1s}.btn-delete:hover{background-color:#b91c1c;transform:translateY(-1px)}.btn-delete:active{transform:translateY(0)}.btn-delete:disabled{background-color:#fca5a5;cursor:not-allowed;transform:none}@media screen and (max-width: 1024px){.customers-table th,.customers-table td{padding:10px 12px}.customer-avatar{width:28px;height:28px}}@media screen and (max-width: 768px){.customers-header{flex-direction:column;gap:12px;align-items:flex-start}.table-container{margin:0 -20px;width:calc(100% + 40px)}.customers-table{font-size:.8125rem}.customers-table th,.customers-table td{padding:8px 10px;align-content:flex-start}.customer-info{gap:8px}.action-btn{width:28px;height:28px}}@media screen and (max-width: 640px){.customers-table tr{margin-bottom:16px;border:1px solid #e2e8f0;border-radius:8px;padding:12px}.customers-table td:before{content:attr(data-label);float:left;font-weight:500;color:var(--gray-color)}.customer-info,.customer-actions{justify-content:flex-end}}@media screen and (max-width: 768px){.status-modal,.delete-modal{width:90%;margin:0 16px}.modal-header{padding:12px 16px}.modal-body{padding:16px}.modal-footer{padding:12px 16px}.btn-update,.btn-cancel,.btn-delete{padding:8px 16px;font-size:.875rem}}@media screen and (max-width: 480px){.customer-delete-info{padding:10px}.delete-warning{padding:12px;gap:12px}.warning-icon{font-size:20px}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,Segoe UI,Roboto,-apple-system,sans-serif;color:#333;background-color:#f8fafc;line-height:1.5}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #e2e8f0}.dashboard-header h1{font-size:1.75rem;font-weight:600;color:#2d3748}.dashboard-actions{display:flex;gap:.75rem;align-items:center;position:relative}.validation-warning{display:flex;align-items:center;gap:.5rem;background-color:#fff7ed;color:#f59e0b;padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;margin-right:1rem;border:1px solid #fed7aa;animation:fadeIn .3s ease-in-out}.validation-warning .material-icons{font-size:1.25rem}.btn-disabled{opacity:.7;cursor:not-allowed!important;background-color:#94a3b8!important}.btn-disabled:hover{background-color:#94a3b8!important}.filter-controls{display:flex;gap:.5rem;align-items:center}.status-filter{padding:.5rem 1rem;border:1px solid #e2e8f0;border-radius:.5rem;background-color:#fff;color:#1e293b;font-size:.875rem;cursor:pointer;transition:all .15s ease}.status-filter:hover{border-color:#cbd5e1}.status-filter:focus{outline:none;border-color:var(--button-action);box-shadow:0 0 0 3px #6e42e51a}.table-container{background-color:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000000d,0 1px 2px #0000001a;overflow:hidden}.table-container ::-webkit-scrollbar-thumb{display:none}.table-container::-webkit-scrollbar{display:none}.data-table{width:100%;border-collapse:collapse;overflow-x:auto;white-space:nowrap}.data-table thead{background-color:#f8fafc}.data-table th{text-align:left;padding:1rem 1.5rem;font-weight:600;color:var(--gray-color);font-size:.875rem;border-bottom:1px solid #e2e8f0;text-transform:uppercase;letter-spacing:.05em}.data-table td{padding:1rem 1.5rem;border-bottom:1px solid #e2e8f0;color:#1e293b;font-size:.875rem}.data-table tr:last-child td{border-bottom:none}.data-table tbody tr{transition:background-color .15s ease}.data-table tbody tr:hover{background-color:#f1f5f9}.customer-info{display:flex;align-items:center;gap:.5rem}.order-id{font-family:monospace;font-weight:600}.order-amount{font-weight:600}.brand-profile{display:flex;align-items:center;gap:.5rem;position:relative;cursor:pointer;padding:.5rem;border-radius:.5rem;transition:background-color .2s ease}.brand-profile:hover{background-color:#f1f5f9}.brand-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover}.navlink{text-decoration:none;display:flex;align-items:center;gap:.75rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.profile-dropdown-menu ul{list-style:none;padding:0;margin:0}.profile-dropdown-menu li{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;color:#1e293b;font-size:.875rem;transition:background-color .15s ease;cursor:pointer}.profile-dropdown-menu li:hover{background-color:#f8fafc}.profile-dropdown-menu .material-icons{font-size:1.25rem;color:var(--gray-color)}.menu-divider{height:1px;background-color:#e2e8f0;margin:.5rem 0;padding:0!important}.logout-item,.logout-item .material-icons{color:#ef4444!important}.btn-primary{background:var(--accent-color);color:var(--text-on-primary);border:none;padding:.5rem 1rem;border-radius:.5rem;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:background-color .2s}.btn-primary:hover{background:var(--background-color-light)}.btn-secondary{display:flex;align-items:center;gap:.5rem;background-color:#fff;color:#1e293b;border:1px solid #e2e8f0;padding:.5rem 1rem;border-radius:.5rem;font-weight:500;cursor:pointer;transition:all .15s ease}.btn-secondary:hover{background-color:#f8fafc;border-color:#cbd5e1}.btn-secondary.active{background:var(--accent-color);color:var(--text-on-primary);border-color:var(--accent-color)}.btn-icon{display:flex;align-items:center;justify-content:center;background:none;border:none;width:2rem;height:2rem;border-radius:.375rem;cursor:pointer;color:var(--gray-color);transition:all .15s ease}.btn-icon:hover{background-color:#f1f5f9;color:#1e293b}.select-range{padding:.5rem 1rem;border:1px solid #e2e8f0;border-radius:.5rem;background-color:#fff;color:#1e293b;font-size:.875rem;cursor:pointer;transition:all .15s ease}.select-range:hover{border-color:#cbd5e1}.select-range:focus{outline:none;border-color:var(--button-action);box-shadow:0 0 0 3px #6e42e51a}.page-tabs{display:flex;gap:1rem;margin-bottom:2rem}.tabs{display:flex;gap:0;margin-bottom:1.5rem;border-bottom:1px solid #e2e8f0}.tab{background:none;border:none;padding:.75rem 1.5rem;color:var(--gray-color);cursor:pointer;border-bottom:2px solid transparent;transition:all .2s;font-weight:500;font-size:.875rem}.tab:hover{color:#1e293b}.tab.active{color:var(--accent-color);border-bottom-color:var(--accent-color)}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.product-card{position:relative;background:#fff;border-radius:.75rem;overflow:hidden;box-shadow:0 2px 4px #0000000d;transition:transform .2s}.product-image{position:relative;height:200px}.product-status{position:absolute;top:1rem;right:1rem;padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:500}.product-status.in-stock{background:#4caf5015;color:#4caf50}.product-status.low-stock{background:#ff980015;color:#ff9800}.product-status.out-of-stock{background:#f4433615;color:#f44336}.product-name{font-size:1rem;font-weight:500;color:#1e293b;margin:0 0 .5rem}.price_line{display:flex;align-items:center;gap:1rem}.product_both_Price{font-size:1.25rem;font-weight:600;margin-bottom:1rem}.product_discountPrice{color:var(--accent-color)}.product_Price{color:var(--accent-color);opacity:.7;text-decoration:line-through;text-decoration-color:var(--neutral-600)}.product-stats{display:flex;justify-content:space-between;margin-bottom:1rem}.product_discount{color:var(--text-color);position:absolute;top:0rem;background-color:var(--background-color-light);padding:.2rem .4rem;border-radius:.7rem 0;left:0;width:4rem;font-weight:600;display:flex;align-items:center;justify-content:center}.stat{display:flex;align-items:center;gap:.25rem;color:var(--gray-color);font-size:.875rem}.product-actions{display:flex;justify-content:flex-end;gap:.5rem}.table-container{background:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 2px 4px #0000000d;overflow-x:auto}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:1rem;text-align:left}.data-table th{color:var(--gray-color);font-weight:500;border-bottom:1px solid #e2e8f0}.data-table td{border-bottom:1px solid #f1f5f9}.order-amount{color:var(--accent-color);font-weight:500}.status-approved,.status-accepted{background:#4caf5015;color:#4caf50}.status-pending{background:#ff980015;color:#ff9800}.status-shipped{background:#2196f315;color:#2196f3}.status-delivered{background:#4caf5015;color:#4caf50}.status-cancelled,.status-rejected{background:#f4433615;color:#f44336}.status-refunded{background:#9c27b015;color:#9c27b0}.status-processing{background:#00bcd415;color:#00bcd4}.items-preview{margin-top:.25rem;font-size:.75rem;color:var(--gray-color)}.item-preview{margin-bottom:.125rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.table-actions{display:flex;gap:.5rem}.pagination-controls{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:1.5rem;padding:1rem;background-color:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000000d,0 1px 2px #0000001a}.page-size-selector label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--gray-color)}.page-size-selector select{padding:.375rem .75rem;border:1px solid #e2e8f0;border-radius:.375rem;color:#1e293b;background:#fff;cursor:pointer;margin:0 .5rem}.pagination-info{font-size:.875rem;color:var(--gray-color)}.pagination-buttons{display:flex;align-items:center;gap:.25rem}.page-indicators{display:flex;align-items:center;gap:.25rem;margin:0 .5rem}.pagination-button{display:flex;align-items:center;justify-content:center;min-width:2rem;height:2rem;padding:0 .5rem;border:1px solid #e2e8f0;border-radius:.375rem;background-color:#fff;color:#1e293b;font-size:.875rem;cursor:pointer;transition:all .15s ease}.pagination-button:hover:not(:disabled){background-color:#f8fafc;border-color:#cbd5e1}.pagination-button .material-icons{font-size:1.25rem}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-container{background-color:#fff;border-radius:.75rem;box-shadow:0 4px 6px #0000001a,0 2px 4px #0000000f;width:90%;max-width:1000px;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid #e2e8f0}.modal-header h2{font-size:1.25rem;font-weight:600;color:#1e293b;margin:0}.close-button{background:none;border:none;color:var(--gray-color);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:.25rem;border-radius:.375rem;transition:all .15s ease}.close-button:hover{background-color:#f1f5f9;color:#1e293b}.modal-body{padding:1.5rem;overflow-y:auto}.modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1.25rem 1.5rem;border-top:1px solid #e2e8f0}.order-details-modal{width:90%;max-width:1000px}.status-update-modal{width:90%;max-width:600px}.status-update-modal .order-info{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e2e8f0}.order-items-list{display:flex;flex-direction:column;gap:1.25rem;margin-top:1rem}.order-item{display:flex;flex-direction:column;gap:1rem;padding:1rem;border:1px solid #e2e8f0;border-radius:.5rem;background-color:#f8fafc}.order-item-details{display:flex;flex-direction:column;gap:.5rem}.order-item-name{font-size:1rem;color:#1e293b}.order-item-info{display:flex;flex-wrap:wrap;gap:.75rem;font-size:.875rem;color:var(--gray-color)}.order-item-status{margin-top:.5rem;font-size:.875rem}.order-item-actions{display:flex;flex-direction:column;gap:.75rem;padding-top:.75rem;border-top:1px solid #e2e8f0}.form-group{margin-bottom:1.25rem;position:relative}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#1e293b;font-size:.875rem}.validation-message{font-size:.75rem;margin-top:.25rem;display:block}.validation-message.error{color:#ef4444;animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}.character-count{font-size:.75rem;color:var(--gray-color);text-align:right;margin-top:.25rem;transition:color .3s ease,font-weight .3s ease}.input-error{border-color:#ef4444!important;box-shadow:0 0 0 1px #ef444433!important;background-color:#fef2f2!important}input.input-error:focus,textarea.input-error:focus{border-color:#ef4444!important;box-shadow:0 0 0 3px #ef444433!important;animation:pulse-error 1.5s infinite}@keyframes pulse-error{0%{box-shadow:0 0 #ef444466}70%{box-shadow:0 0 0 6px #ef444400}to{box-shadow:0 0 #ef444400}}.form-actions{display:flex;justify-content:flex-end;margin-top:1rem}.message{padding:.75rem 1rem;border-radius:.5rem;margin-bottom:1rem;font-size:.875rem}.message.success{background-color:#ecfdf5;color:#10b981;border:1px solid #d1fae5}.message.error{background-color:#fef2f2;color:#ef4444;border:1px solid #fee2e2}.form-control{width:100%;padding:.625rem;border:1px solid #e2e8f0;border-radius:.375rem;font-size:.875rem;color:#1e293b;transition:all .15s ease}.form-control:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px var(--accent-color-light)}.form-control:disabled{background-color:#f8fafc;cursor:not-allowed}.alert{padding:1rem;border-radius:.375rem;margin-top:1rem;display:flex;align-items:flex-start;gap:.75rem}.alert p{margin:0;font-size:.875rem}.alert-warning{background-color:#fff7ed;border:1px solid #ffedd5;color:#c2410c}.alert-warning .material-icons{color:#f97316}.spinner{display:inline-block;width:1rem;height:1rem;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite;margin-right:.5rem}@keyframes spin{to{transform:rotate(360deg)}}.order-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.order-details-grid h3{font-size:1rem;font-weight:600;color:#1e293b;margin:0 0 1rem;padding-bottom:.5rem;border-bottom:1px solid #e2e8f0}.detail-row{display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:.875rem}.detail-label{color:var(--gray-color);font-weight:500}.order-items-section{margin-bottom:2rem}.order-items-table{width:100%;border-collapse:collapse;margin-top:.5rem}.order-items-table th{text-align:left;padding:.75rem;background-color:#f8fafc;font-weight:500;color:var(--gray-color);font-size:.875rem;border-bottom:1px solid #e2e8f0}.order-items-table td{padding:.75rem;border-bottom:1px solid #f1f5f9;font-size:.875rem}.product-info{display:flex;align-items:center;gap:.75rem;padding:1rem}.product-thumbnail{width:48px;height:48px;object-fit:cover;border-radius:.25rem;border:1px solid #e2e8f0}.product-name{font-weight:500;color:#1e293b;margin-bottom:.25rem}.product-attributes{display:flex;gap:.75rem;font-size:.75rem;color:var(--gray-color)}.order-totals-section{margin-left:auto;width:100%;max-width:300px;margin-bottom:2rem}.totals-row{display:flex;justify-content:space-between;padding:.5rem 0;font-size:.875rem}.totals-row.discount{color:#f43f5e}.totals-row.total{font-weight:600;font-size:1rem;color:#1e293b;border-top:1px solid #e2e8f0;padding-top:.75rem;margin-top:.5rem}.notes-section{background-color:#f8fafc;padding:1rem;border-radius:.5rem;font-size:.875rem}.notes-section h3{font-size:1rem;font-weight:600;color:#1e293b;margin:0 0 .5rem}.loading-container,.error-container{display:flex;justify-content:center;align-items:center;padding:2rem;background-color:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000000d,0 1px 2px #0000001a;margin:1rem 0}.loading-container{color:var(--button-action);font-weight:500}.error-container{color:#f44336;font-weight:500}.no-data{text-align:center;color:var(--gray-color);padding:2rem;font-style:italic}.select-range{padding:.5rem;border:1px solid #e2e8f0;border-radius:.5rem;color:#1e293b;background:#fff}.analytics-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.chart-container{background:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 2px 4px #0000000d}.chart-container.sales-trends{grid-column:1 / -1}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.chart-actions{display:flex;gap:.5rem}.chart-content{min-height:300px;display:flex;align-items:center;justify-content:center;color:var(--gray-color)}.amount{color:var(--button-action);font-weight:500}@media (max-width: 1024px){.analytics-grid{grid-template-columns:1fr}}@media (max-width: 768px){.dashboard-header{flex-direction:column;align-items:flex-start;gap:1rem}.dashboard-actions{width:100%;justify-content:space-between}.products-grid{grid-template-columns:1fr}.data-table{min-width:800px}}@media (max-width: 768px){.dashboard-header{flex-direction:column;align-items:flex-start;gap:1rem}.metrics-panel{grid-template-columns:1fr}.table-container{overflow-x:auto}.data-table th,.data-table td{padding:.75rem 1rem}}@media (max-width: 576px){.metric-card{padding:1rem}.order-item{gap:.1rem}.review-header,.review-product{flex-direction:column;align-items:flex-start;gap:.75rem}.review-status{margin-top:.5rem}}.reviews-list{display:flex;flex-direction:column;gap:1rem}.review-card{background:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 2px 4px #0000000d}.review-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.review-customer-info .material-icons{font-size:2rem;color:var(--gray-color)}.customer-name{font-size:1rem;font-weight:500;color:#1e293b;margin:0}.review-date{font-size:.875rem;color:var(--gray-color)}.status-badge.published{background:#4caf5015;color:#4caf50}.status-badge.pending{background:#ff980015;color:#ff9800}.review-product{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.product-name{font-weight:500;color:var(--button-action)}.review-comment{color:#1e293b;margin:0 0 1rem;line-height:1.5}.review-actions{display:flex;justify-content:flex-end;gap:.5rem}.reviews-list{display:flex;flex-direction:column;gap:1.5rem}.review-card{background-color:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 1px 3px #0000000d,0 1px 2px #0000001a;transition:transform .2s ease,box-shadow .2s ease}.review-card:hover{transform:translateY(-2px);box-shadow:0 4px 6px #0000000d,0 2px 4px #0000001a}.review-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.review-customer-info{display:flex;align-items:center;gap:.75rem}.customer-name{font-weight:600;font-size:1rem;color:#1e293b;margin-bottom:.25rem}.review-date{font-size:.75rem;color:var(--gray-color)}.review-product{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.product-name{font-weight:500;font-size:.875rem;color:#1e293b}.review-rating{display:flex;gap:.25rem}.review-comment{font-size:.875rem;color:#334155;margin-bottom:1.5rem;line-height:1.5}.review-actions{display:flex;justify-content:flex-end;gap:.75rem}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1.5rem}.settings-section{background:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 2px 4px #0000000d}.settings-section h3{color:#1e293b;margin:0 0 1.5rem}.settings-form{display:flex;flex-direction:column;gap:1.25rem}.form-group-line{display:flex;align-items:center;justify-content:space-around;gap:1rem;position:relative}.form-group label{font-size:.875rem;font-weight:500;color:var(--gray-color)}.form-group textarea{resize:vertical;min-height:100px}.logo-upload{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.current-logo{width:80px;height:80px;object-fit:cover;border-radius:.5rem}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;color:#1e293b;font-size:.875rem}.checkbox-label input[type=checkbox]{width:1rem;height:1rem;border-radius:.25rem;border:1px solid #e2e8f0;cursor:pointer}.customer-info{display:flex;align-items:center;gap:.75rem}.customer-info .material-icons{font-size:1.5rem;color:var(--gray-color)}.status-badge.active{background-color:#ecfdf5;color:#10b981}.status-badge.inactive{background-color:#f1f5f9;color:#94a3b8}.status-badge.pending{background-color:#fff7ed;color:#f59e0b}.status-badge.approved,.status-badge.published{background-color:#ecfdf5;color:#10b981}.status-badge.shipped{background-color:#eff6ff;color:#3b82f6}.customers-controls{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;transition:box-shadow .3s ease}.search-container{position:relative;flex:1;min-width:250px}.search-container input{width:100%;padding:.75rem 1rem .75rem 2.5rem;border:1px solid #e2e8f0;border-radius:.5rem;font-size:.875rem;color:#1e293b;background-color:#f8fafc;transition:all .2s ease}.search-container input:focus{outline:none;border-color:var(--button-action);box-shadow:0 0 0 3px #6e42e51a;background-color:#fff}.search-container .material-icons{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--gray-color);font-size:1.25rem;pointer-events:none;transition:color .2s ease}.search-container input:focus+.material-icons{color:var(--button-action)}.filter-container{display:flex;flex-wrap:wrap;gap:.5rem}.filter-btn{padding:.625rem 1rem;border:1px solid #e2e8f0;border-radius:.5rem;background-color:#fff;color:var(--gray-color);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.filter-btn:hover{background-color:#f8fafc;border-color:#cbd5e1;transform:translateY(-2px)}.filter-btn.active{background-color:var(--button-action);color:#fff;border-color:var(--button-action)}@media (max-width: 768px){.customers-controls{flex-direction:column;align-items:stretch}.search-container{margin-bottom:1rem}.filter-container{justify-content:center;flex-wrap:wrap;margin:0}}.custom-file-input{position:relative;display:flex;align-items:center;gap:10px;width:fit-content;cursor:pointer}.custom-file-input input[type=file]{opacity:0;position:absolute;cursor:pointer;height:100%}.custom-file-input span{background-color:#f8f9fa;padding:10px 15px;border:1px solid #ccc;border-radius:5px;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px;cursor:pointer}.custom-color-input{display:flex;align-items:center;gap:10px}.custom-color-input input[type=color]{width:40px;height:40px;border:none;padding:0;cursor:pointer}.custom-color-input input[type=text]{flex:1;padding:10px;border:1px solid #ccc;border-radius:5px}.no-products{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px}.no-products-svg{width:100px;height:100px;margin-bottom:20px;color:#ccc}.no-products-text{font-size:1.2rem;color:#555}.file-list{padding:.5rem;list-style-type:none;color:#1e293b;font-size:.875rem;display:flex;flex-wrap:wrap;gap:.5rem}.file-list li{padding:.5rem;border:1px solid #f5caca;border-radius:.5rem;background-color:#fff;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px;gap:.5rem}.search-input{padding:8px 12px;margin-right:10px;border:1px solid #ccc;border-radius:4px;font-size:14px;width:fit-content!important}.search-input:focus{outline:none;border-color:#007bff}.features-container{display:flex;flex-direction:column;gap:10px}.feature-input-group{display:flex;gap:10px;align-items:center}.feature-input-group input{flex:1}.feature-btn-icon{padding:5px;min-width:35px;height:35px;display:flex;align-items:center;justify-content:center;border:none;background:#ff4d4d;color:#fff;border-radius:4px;cursor:pointer}.feature-btn-icon:hover{background:#f33}.dimensions-inputs{display:flex;gap:.2rem;flex-wrap:wrap}.error-message-quantity{color:red;font-size:.875rem;position:absolute;bottom:0}.required-field{border-color:#e74c3c!important;box-shadow:0 0 0 1px #e74c3c33!important}.required{color:#e74c3c;margin-left:4px}.selected-category-type{background-color:#f8f9fa;padding:8px 12px;border-radius:4px;margin-bottom:16px;border-left:3px solid #E5C0C0}.selected-category-type span{color:var(--gray-color);font-size:.9rem;margin-right:8px}.selected-category-type strong{color:#e5c0c0;font-weight:600}.file-list li:hover{background-color:#f1f5f9;cursor:pointer}.form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.5rem;align-items:center}.product-details-modal{max-width:800px;padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 4px 10px #0003}.product-details{display:flex;gap:20px}.product-details-gallery{display:flex;flex-direction:column;gap:10px;max-width:300px}.product-details-main-image{width:100%;height:250px;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.product-details-main-image img{width:100%;height:100%;object-fit:cover;border-radius:8px}.product-details-thumbnails{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.product-thumbnail{width:60px;height:60px;border-radius:4px;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:all .2s ease}.product-thumbnail:hover{transform:translateY(-2px)}.product-thumbnail.active{border-color:#e5c0c0}.product-thumbnail img{width:100%;height:100%;object-fit:cover}.product-details-info{flex:1}.details-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px;align-items:end;justify-items:start}.details-grid div{border-bottom:1px solid var(--accent-color);background:#e7e7e770;padding:3px 8px;border-radius:.5rem 0rem 0 0}.color-box{display:inline-block;width:20px;height:20px;border:1px solid #ccc;border-radius:4px;vertical-align:middle}.subcategories-list{margin-top:5px;font-size:.9rem}.subcategory-item,.tag-item{display:inline-block;background-color:#f8f9fa;padding:2px 8px;margin:2px;border-radius:4px;font-size:.85rem}.tag-item{background-color:#f2e7e7;color:#e5c0c0;border:1px solid #E5C0C0}.size-item{display:inline-block;background-color:#f8f9fa;padding:2px 8px;margin:2px;border-radius:4px;font-size:.85rem;border:1px solid #e2e8f0}.pro-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:.5rem}.pro-tag{position:relative}.pro-tag input{display:none}.pro-tag label{background:#f7f7f7;color:#666;font-family:Inter,sans-serif;font-size:.85rem;padding:5px 12px;border-radius:20px;cursor:pointer;transition:all .2s ease;display:inline-block}.pro-tag label:hover{background:#f2e7e7;color:#e5c0c0}.pro-tag input:checked+label{background-color:#e5c0c0;color:#fff}.input-error{border-color:#ef4444!important}.validation-message{font-size:.75rem;color:#ef4444}.character-count{font-size:.75rem;transition:all .2s ease}.message{padding:.75rem;border-radius:.375rem;margin-bottom:1rem;font-size:.875rem}.message.success{background-color:#ecfdf5;color:#10b981}.message.error{background-color:#fef2f2;color:#ef4444}.btn-primary,.btn-secondary{padding:.75rem 1.5rem;border-radius:.375rem;font-size:.875rem;font-weight:500;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer}.btn-primary{background-color:var(--button-action);color:#fff;border:none}.btn-secondary{background-color:#f1f5f9;color:#64748b;border:1px solid #e2e8f0}.btn-primary:hover{background-color:var(--button-action-hover)}.btn-secondary:hover{background-color:#e2e8f0}@media (max-width: 1024px){.settings-grid{grid-template-columns:1fr;gap:1.25rem}.settings-section{padding:1.25rem}}@media (max-width: 768px){.settings-section h3{font-size:1.1rem;margin-bottom:1.25rem}.form-actions{flex-direction:column;gap:.75rem}.form-actions button{width:100%}.validation-warning{flex-direction:column;text-align:center;padding:.75rem}.dashboard-actions{flex-direction:column;gap:.75rem;width:100%}.dashboard-actions button{width:100%}}@media (max-width: 576px){.settings-section{padding:1rem}.form-group{gap:.375rem}.form-group label{font-size:.8125rem}.form-group input,.form-group textarea,.form-group select{padding:.625rem;font-size:.8125rem}.logo-upload{flex-direction:column;align-items:flex-start}.logo-upload label{width:100%}.current-logo{width:60px;height:60px}.character-count{font-size:.6875rem}.message{padding:.625rem;font-size:.8125rem}.btn-primary,.btn-secondary{padding:.625rem 1.25rem;font-size:.8125rem}}.metrics-panel{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-bottom:30px}.metric-card{background:#fff;border-radius:12px;padding:24px;display:flex;align-items:flex-start;gap:16px;box-shadow:0 2px 10px #0000000d;transition:transform .2s ease,box-shadow .2s ease}.metric-card:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0000001a}.metric-icon{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center}.metric-icon .material-icons{font-size:24px}.metric-content{flex:1}.metric-title{color:var(--gray-color);font-size:.875rem;margin:0 0 8px;font-weight:500}.metric-data{margin-bottom:0}.metric-value{font-size:1.75rem;font-weight:600;color:#1e293b;margin:0}.metric-period{font-size:.875rem;color:var(--gray-color);margin:4px 0 0}@media (max-width: 768px){.metrics-panel{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.metric-card{padding:20px}.metric-value{font-size:1.5rem}}.brand-metrics-panel{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-bottom:30px}.brand-metric-card{background:#fff;border-radius:12px;padding:24px;display:flex;align-items:flex-start;gap:16px;box-shadow:0 2px 10px #0000000d;transition:transform .2s ease,box-shadow .2s ease}.brand-metric-card:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0000001a}@media (max-width: 768px){.brand-metrics-panel{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.brand-metric-card{padding:20px}.metric-value{font-size:1.5rem}}.products-panel{background:linear-gradient(to bottom right,#ffffff,var(--primary-50));border-radius:12px;padding:24px;box-shadow:0 4px 20px rgba(var(--primary-rgb),.08);height:100%;border:1px solid var(--accent-color-light)}.products-panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.products-panel-title{font-size:1.35rem;color:#1e293b;margin:0;font-weight:600;position:relative;padding-left:14px}.products-panel-title:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:24px;background:linear-gradient(to bottom,var(--accent-color),var(--secondary-color));border-radius:4px}.products-view-all{display:flex;align-items:center;gap:4px;background:none;border:none;color:var(--button-action);font-size:.875rem;cursor:pointer;padding:8px;border-radius:6px;transition:background-color .2s}.products-view-all:hover{background-color:var(--button-action)15}.dash-brand-products-list{display:flex;flex-direction:column;gap:.2rem}.brand-product-item{display:flex;align-items:center;gap:16px;padding:16px;border-radius:12px;transition:all .3s ease;background-color:#fff;border:1px solid rgba(226,232,240,.6);position:relative;overflow:hidden}.brand-product-item:hover{background-color:#f8fafc;transform:translateY(-4px);box-shadow:0 10px 25px -5px #0000001a;border-color:#6e42e533}.brand-product-item:after{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(to bottom,var(--button-action),#9f7aea);opacity:0;transition:opacity .3s ease}.brand-product-item:hover:after{opacity:1}.brand-product-image{width:5rem;height:5rem;border-radius:10px;overflow:hidden;flex-shrink:0;box-shadow:0 4px 12px #00000014;border:3px solid white;transition:all .3s ease}.brand-product-item:hover .brand-product-image{transform:scale(1.03);box-shadow:0 8px 20px #0000001f}.brand-product-image img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .5s ease}.brand-product-item:hover .brand-product-image img{transform:scale(1.08)}.brand-product-details{flex:1;display:flex;justify-content:space-between;align-items:center;gap:12px}.brand-product-info{display:flex;flex-direction:column;gap:4px}.star-rating{display:flex;align-items:center;gap:2px;margin-top:8px;position:relative}.rating-badge{position:absolute;right:-50px;top:-2px;background:linear-gradient(to right,var(--button-action),#9f7aea);color:#fff;font-size:.75rem;font-weight:600;padding:3px 8px;border-radius:12px;box-shadow:0 2px 8px #6e42e54d}.brand-product-name{font-size:1rem;font-weight:600;color:#1e293b;margin-bottom:4px;transition:color .3s ease}.brand-product-item:hover .brand-product-name{color:var(--button-action)}.brand-product-price{font-size:1.1rem;font-weight:700;color:var(--button-action);background:linear-gradient(to right,var(--button-action),#9f7aea);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.brand-product-trend{display:flex;align-items:center;gap:6px;font-size:.8rem;font-weight:500;padding:4px 10px;border-radius:20px;transition:all .3s ease}.brand-product-trend.active{color:#10b981;background-color:#10b9811a}.brand-product-trend.inactive{color:#ef4444;background-color:#ef44441a}.trend-up{font-size:16px}.view-all-products{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px;margin-top:20px;border:1px solid rgba(110,66,229,.2);border-radius:10px;background:#fff;color:var(--button-action);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 10px #6e42e50d;position:relative;overflow:hidden}.view-all-products:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to right,#6e42e51a,#9f7aea1a);transform:translate(-100%);transition:transform .5s ease}.view-all-products:hover{background-color:#fff;border-color:#6e42e580;box-shadow:0 4px 15px #6e42e526;transform:translateY(-2px)}.view-all-products:hover:before{transform:translate(0)}.view-all-products .material-icons{transition:transform .3s ease}.view-all-products:hover .material-icons{transform:translate(4px)}.products-loading,.no-products-message{display:flex;justify-content:center;align-items:center;height:250px;color:var(--text-secondary);font-size:1rem;text-align:center;border:1px dashed var(--background-color-light);border-radius:12px;margin:20px 0;background-color:rgba(var(--primary-rgb),.05);flex-direction:column;gap:12px}@media (max-width: 768px){.products-panel{padding:20px}.products-panel-title{font-size:1.2rem}.brand-product-item{padding:12px;align-items:flex-start}.brand-product-image{margin-bottom:12px}.brand-product-details{width:100%}.rating-badge{right:auto;left:100px}.brand-product-trend{margin-top:8px}}.orders-table-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 10px #0000000d}.orders-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.orders-title{font-size:1.25rem;color:#1e293b;margin:0}.btn-orders-page{display:flex;align-items:center;gap:4px;background:none;border:none;color:var(--button-action);font-size:.875rem;cursor:pointer;padding:8px;border-radius:6px;transition:background-color .2s}.btn-orders-page:hover{background-color:var(--button-action)15}.table-container{overflow-x:auto}.orders-table{width:100%;border-collapse:collapse;font-size:.875rem}.orders-table th{text-align:left;padding:12px 16px;color:var(--gray-color);font-weight:500;border-bottom:1px solid #e2e8f0}.orders-table td{padding:12px 16px;color:#1e293b;border-bottom:1px solid #f1f5f9}.order-id{font-family:monospace;color:var(--gray-color)}.order-name{font-weight:500}.order-amount{font-weight:600;color:var(--button-action)}.order-status{display:inline-flex;align-items:center;padding:4px 8px;border-radius:4px;font-size:.75rem;font-weight:500}.status-approved{background-color:#4caf5015;color:#4caf50}.status-pending{background-color:#ff980015;color:#ff9800}.status-paused{background-color:#f4433615;color:#f44336}.order-actions{display:flex;gap:8px}.action-btn{background:none;border:none;width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.action-btn.view{color:var(--button-action)}.action-btn.edit{color:var(--gray-color)}.action-btn:hover{background-color:#f8fafc;transform:translateY(-2px)}.action-btn .material-icons{font-size:18px}@media (max-width: 1024px){.orders-table{min-width:800px}}.orders-loading,.no-orders-message{display:flex;justify-content:center;align-items:center;height:200px;color:var(--gray-color);font-size:.9rem;text-align:center;border:1px dashed #e2e8f0;border-radius:8px;margin:16px 0}.order-customer{font-weight:500}.order-items{color:var(--gray-color)}@media (max-width: 768px){.orders-header{flex-direction:column;align-items:flex-start;gap:16px}.btn-orders-page{width:100%;justify-content:center}}.dashboard-content{padding:1rem;max-width:100%}.tabs-container{display:flex;flex-wrap:wrap;gap:.5rem}.tab{padding:.75rem 1rem;border:none;border-radius:.5rem;background:#f5f5f5;cursor:pointer;transition:all .3s ease;white-space:nowrap;flex:1;min-width:120px}.tab.active{background:#007bff;color:#fff}.search-and-add{display:flex;gap:1rem;flex-wrap:wrap}.search-wrapper{flex:1;min-width:200px}.search-input{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:.5rem;font-size:1rem}.add-product-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;white-space:nowrap}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.product-card{background:#fff;border-radius:1rem;box-shadow:0 2px 8px #0000001a;overflow:hidden;transition:transform .3s ease}.product-card:hover{transform:translateY(-4px)}.product-image{position:relative;overflow:hidden}.product-image img{width:100%;height:100%;object-fit:cover}.switch-container .switch{position:relative;display:inline-block;width:50px;height:24px}.switch-container .switch input{opacity:0;width:0;height:0}.switch-container .slider{position:absolute;cursor:pointer;background-color:#ccc;transition:.4s;border-radius:24px;inset:0}.switch-container .slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}.switch-container input:checked+.slider{background-color:var(--accent-color)}.switch-container input:checked+.slider:before{transform:translate(26px)}.product-status{position:absolute;top:.5rem;right:.5rem;padding:.25rem .75rem;border-radius:1rem;font-size:.875rem;font-weight:500}.product-details{padding:1rem}.product-name{font-size:1.125rem;margin-bottom:.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.price-container{display:flex;gap:.5rem;align-items:center}.original-price{text-decoration:line-through;color:#666;font-size:.875rem}.discounted-price,.regular-price{font-weight:600;color:#007bff}.stock-info{display:flex;align-items:center;gap:.25rem;font-size:.875rem;color:#666}.product-actions{display:flex;gap:.5rem;justify-content:flex-end}.action-btn{padding:.5rem;border:none;border-radius:.5rem;cursor:pointer;transition:all .3s ease}.view-btn{background:#e3f2fd}.edit-btn{background:#e8f5e9}.delete-btn{background:#ffebee}.action-btn:hover{opacity:.8}.pagination-controls{display:flex;flex-direction:column;gap:1rem;margin-top:2rem}.pagination-info-wrapper{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;align-items:center}.page-size-selector{display:flex;align-items:center;gap:.5rem}.page-size-select{padding:.5rem;border:1px solid #ddd;border-radius:.25rem}.pagination-buttons{display:flex;justify-content:center;gap:.5rem;flex-wrap:wrap}.pagination-button{padding:.5rem;border:1px solid #ddd;border-radius:.25rem;background:#fff;cursor:pointer}.pagination-button:disabled{opacity:.5;cursor:not-allowed}.page-numbers{display:flex;gap:.25rem;flex-wrap:wrap}.page-number{padding:.5rem 1rem;border:1px solid #ddd;border-radius:.25rem;background:#fff;cursor:pointer}.page-number.active{background:#007bff;color:#fff;border-color:#007bff}@media (max-width: 768px){.page-tabs{gap:.75rem;flex-direction:row;flex-wrap:wrap}.product-details{flex-direction:column}.product-image{width:100%}.tabs-container{flex-direction:column}.tab{width:100%;text-align:center}.search-and-add{flex-direction:column}.products-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem}.pagination-info-wrapper{flex-direction:column;align-items:flex-start}.pagination-buttons{width:100%;justify-content:space-between}}@media (max-width: 480px){.products-grid{grid-template-columns:1fr}.page-numbers{display:none}.product-info{flex-direction:column;align-items:flex-start;gap:.5rem}}.no-products{grid-column:1 / -1;text-align:center;padding:2rem}.no-products-svg{width:64px;height:64px;margin-bottom:1rem;color:#666}.no-products-text{color:#666;font-size:1.125rem}.cart-grid{display:grid;grid-template-columns:1fr 350px;gap:24px;width:100%}.cart-items-container{background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #0000000d;padding:24px;border:1px solid rgba(0,0,0,.05)}.cart-items-container h2{font-size:1.5rem;color:#1e293b;margin:0 0 20px;font-weight:600}.cart-items{display:flex;flex-direction:column;gap:20px}.cart-item-card{background-color:#fff;border-radius:12px;padding:1rem 16px;box-shadow:0 2px 8px #0000000d;border:1px solid rgba(0,0,0,.05);transition:all .3s ease;display:flex;align-items:center;position:relative;gap:16px}.cart-item-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.cart-item-image{width:100px;height:100px;border-radius:8px;overflow:hidden;flex-shrink:0}.cart-item-image img{width:100%;height:100%;object-fit:cover}.item-details{flex:1;display:flex;flex-direction:column;gap:12px}.item-info{display:flex;flex-direction:column;gap:4px}.item-info h3{font-size:16px;font-weight:600;color:#1e293b;margin:0}.brand-name{font-size:12px;color:var(--button-action);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.availability-badge{display:inline-flex;align-items:center;font-size:12px;font-weight:600;padding:4px 8px;border-radius:4px;width:fit-content}.low-stock{background-color:#fee2e2;color:#b91c1c}.item-attributes{display:flex;flex-wrap:wrap;gap:12px;font-size:13px;color:#4b5563}.attribute{display:flex;align-items:center;gap:4px}.item-quantity{display:flex;align-items:center;position:relative;width:fit-content}.item-quantity input{width:50px;height:36px;text-align:center;border:1px solid #e5e7eb;border-radius:0;font-size:14px;color:#1e293b;-moz-appearance:textfield;appearance:textfield}.item-quantity input::-webkit-outer-spin-button,.item-quantity input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.btn-quantity{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background-color:#f3f4f6;border:1px solid #e5e7eb;color:#4b5563;cursor:pointer;transition:all .2s ease}.btn-quantity:hover:not(:disabled){background-color:#e5e7eb}.btn-quantity:disabled{opacity:.5;cursor:not-allowed}.btn-quantity-right{border-radius:6px 0 0 6px}.btn-quantity-left{border-radius:0 6px 6px 0}.max-quantity-alert{position:absolute;bottom:-20px;left:0;font-size:11px;color:#ef4444}.item-price,.item-total,.item-category{display:flex;align-items:center;gap:4px}.price-label,.total-label,.category-label{font-size:13px;color:#6b7280}.price-value,.total-value,.category-value{font-size:14px;font-weight:600;color:#1e293b}.total-value{color:var(--button-action)}.category-value{color:#4b5563;text-transform:capitalize}.item-actions{display:flex;gap:8px;margin-top:8px}.btn-remove{display:flex;align-items:center;gap:4px;padding:6px 12px;border-radius:6px;font-size:13px;font-weight:500;background-color:#fee2e2;color:#b91c1c;border:none;cursor:pointer;transition:all .2s ease}.btn-remove:hover{background-color:#fecaca}.btn-remove-first{right:1rem;bottom:1rem;position:absolute;margin-left:auto}.empty-cart{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.empty-cart-icon{font-size:48px;color:#9ca3af;margin-bottom:16px}.empty-cart-title{font-size:18px;font-weight:600;color:#1e293b;margin:0 0 8px}.empty-cart-message{font-size:14px;color:#6b7280;margin:0 0 20px;max-width:300px}.empty-cart-button{padding:10px 20px;background-color:var(--button-action);color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease}.empty-cart-button:hover{background-color:#4338ca}.enhanced-empty-cart{background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #0000000d;padding:40px 20px;border:1px solid rgba(0,0,0,.05)}.cart-summary{position:sticky;top:24px;height:fit-content}.summary-card{background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #0000000d;padding:24px;border:1px solid rgba(0,0,0,.05)}.summary-card h3{font-size:18px;font-weight:600;color:#1e293b;margin:0 0 20px}.summary-items{display:flex;flex-direction:column;gap:16px}.summary-item{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:#4b5563;position:relative}.summary-divider{height:1px;background-color:#e5e7eb;margin:8px 0}.summary-item.total{font-size:16px;font-weight:600;color:#1e293b}.shipping-options{display:flex;flex-direction:column;gap:12px;width:100%}.shipping-selector{display:flex;flex-direction:column;gap:8px}.shipping-option{display:flex;align-items:flex-start}.shipping-option input{margin-top:4px}.shipping-option input[type=radio]{display:none}.shipping-option input[type=radio]+label{padding:.5rem 1rem;border:1px solid #e5e7eb;border-radius:.5rem;cursor:pointer}.shipping-option input[type=radio]:checked+label{background-color:var(--button-action);color:#fff}.shipping-option input[type=radio]+label:hover{background-color:#eff6fc;transform:translateY(-2px)}.shipping-option input[type=radio]:checked+label:hover{background-color:#8e69f4;color:#eaeaea}.shipping-price{position:absolute;top:0;right:1rem}.shipping-option label{display:flex;justify-content:space-between;align-items:center;width:100%;padding:8px 12px;border-radius:6px;cursor:pointer;transition:all .2s ease}.shipping-option input:checked+label{background-color:#f3f4f6}.option-details{display:flex;flex-direction:column;gap:2px}.option-name{font-size:14px;font-weight:500}.option-time{font-size:12px}.option-price{font-size:14px;font-weight:500}.btn-checkout{width:100%;padding:12px 20px;background-color:var(--button-action);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:16px;margin-top:24px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.btn-checkout:hover:not(:disabled){background-color:#4338ca;transform:translateY(-2px);box-shadow:0 4px 8px #4f46e54d}.btn-checkout:disabled{background-color:#c7d2fe;cursor:not-allowed;transform:none}.checkout-modal{background-color:#fff;border-radius:12px;box-shadow:0 10px 25px #0000001a;width:100%;max-width:500px;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e7eb}.btn-close{background:none;border:none;color:#6b7280;cursor:pointer;font-size:24px;display:flex;align-items:center;justify-content:center;padding:4px;border-radius:50%;transition:all .2s ease}.btn-close:hover{background-color:#f3f4f6;color:#1e293b}.modal-body{padding:24px}.checkout-summary{background-color:#f9fafb;border-radius:8px;padding:16px;margin-bottom:20px}.checkout-summary h3{font-size:16px;font-weight:600;color:#1e293b;margin:0 0 16px}.summary-row{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:#4b5563;margin-bottom:8px}.summary-row.discount{color:#ef4444}.summary-row.total{font-size:16px;font-weight:600;color:#1e293b;margin-top:8px;padding-top:8px;border-top:1px solid #e5e7eb}.checkout-message{display:flex;align-items:flex-start;gap:12px;background-color:#eff6ff;border-radius:8px;padding:16px;margin-bottom:20px}.checkout-message .material-icons{color:#3b82f6;font-size:20px}.checkout-message p{font-size:14px;color:#1e40af;margin:0}.btn-proceed{width:100%;padding:12px 20px;font-size:16px}.delete-confirmation-modal{max-width:400px}.delete-confirmation-content{display:flex;flex-direction:column;align-items:center;text-align:center}.delete-item-preview{display:flex;align-items:center;gap:16px;width:100%;margin-bottom:20px;text-align:left}.delete-item-preview img{width:80px;height:80px;object-fit:cover;border-radius:8px}.delete-item-details{flex:1}.delete-item-details h3{font-size:16px;font-weight:600;color:#1e293b;margin:0 0 8px}.delete-item-details p{font-size:13px;color:#6b7280;margin:0 0 4px}.delete-confirmation-message{font-size:16px;color:#1e293b;margin:0 0 8px}.delete-confirmation-submessage{font-size:14px;color:#6b7280;margin:0 0 20px}.delete-confirmation-actions{display:flex;gap:12px;width:100%;justify-content:center}.btn-secondary{padding:10px 20px;background-color:#f3f4f6;color:#4b5563;border:1px solid #e5e7eb;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{background-color:#e5e7eb}.btn-remove-confirm{padding:10px 20px}.clear-cart-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;background-color:#fee2e2;color:#b91c1c;border-radius:50%;margin-bottom:16px}.clear-cart-icon .material-icons{font-size:32px}.dashboard-actions{display:flex;gap:12px;margin-bottom:24px}.btn-primary{padding:10px 20px;background-color:var(--button-action);color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.btn-primary:hover:not(:disabled){background-color:#4338ca}.btn-primary:disabled{background-color:#c7d2fe;cursor:not-allowed}@media (max-width: 1200px){.cart-grid{grid-template-columns:1fr 300px;gap:20px}.cart-items-container,.summary-card{padding:20px}.item-attributes{flex-wrap:wrap}.cart-item-image{width:90px;height:90px}}@media (max-width: 992px){.cart-grid{grid-template-columns:1fr 280px;gap:16px}.cart-item-card{gap:12px}.item-details{gap:8px}.btn-checkout{padding:12px 16px}}@media (max-width: 768px){.cart-grid{grid-template-columns:1fr}.cart-summary{position:static;margin-top:20px}.checkout-modal{width:95%;max-width:500px}.shipping-option label{padding:8px}.option-name{font-size:13px}.option-time{font-size:11px}.cart-item-image{width:80px;height:80px}.item-info h3{font-size:15px}.brand-name{font-size:11px}.item-quantity input{width:45px}.cart-item-card{flex-direction:row;align-items:flex-start;padding:16px 12px;overflow-y:auto}.cart-item-image{width:100%;height:180px;margin-bottom:12px}.item-details{width:100%}.item-info{margin-bottom:12px}.item-info h3{font-size:18px;margin-bottom:6px}.brand-name{font-size:14px;margin-bottom:6px;display:block}.availability-badge{margin-bottom:8px;font-size:13px;padding:4px 10px}.item-attributes{flex-direction:column;gap:10px;margin-bottom:16px;font-size:14px}.attribute{display:flex;gap:8px}.attribute strong{min-width:50px}.item-actions{width:100%;justify-content:space-between;margin-top:12px}.btn-remove-first{margin-left:0}.dashboard-actions{flex-direction:column;gap:8px}.delete-item-preview{flex-direction:column;text-align:center}.delete-item-preview img{width:100px;height:100px}.delete-confirmation-actions{flex-direction:column;gap:8px}.shipping-options{margin-bottom:30px}.summary-item{flex-direction:column;align-items:flex-start;gap:8px}.summary-item.total{flex-direction:row;align-items:center;justify-content:space-between}.shipping-selector{flex-direction:column;gap:8px}.shipping-option{width:100%}.shipping-option label{width:100%;justify-content:space-between}}@media (max-width: 480px){.cart-items-container,.summary-card{padding:16px 12px;border-radius:8px}.cart-items-container h2,.summary-card h3{font-size:16px;margin-bottom:16px}.btn-remove-first{position:relative}.item-quantity{width:100%;justify-content:flex-start;margin:8px 0}.item-price,.item-total,.item-category{width:100%;justify-content:space-between;margin-bottom:4px}.modal-header{padding:14px}.modal-header h2{font-size:18px}.modal-body{padding:14px}.checkout-summary{padding:12px 10px}.checkout-message{padding:12px 10px;font-size:13px}.btn-checkout,.btn-proceed{padding:10px 16px;font-size:14px}.delete-confirmation-message{font-size:14px}.delete-confirmation-submessage{font-size:12px}.btn-secondary,.btn-remove-confirm{padding:8px 16px;font-size:13px}.empty-cart-title{font-size:16px}.empty-cart-message{font-size:13px}.empty-cart-button{padding:8px 16px;font-size:13px}.cart-item-image{height:160px}.item-actions{flex-direction:column;gap:8px}.btn-remove,.btn-save-later{top:0;right:0;justify-content:center}}@media (max-width: 380px){.cart-item-card{padding:12px 10px}.cart-item-image{height:140px}.item-info h3{font-size:16px}.brand-name{font-size:12px}.availability-badge{font-size:11px;padding:3px 8px}.attribute{font-size:13px}.attribute strong{min-width:45px}.item-quantity input{width:40px;height:32px}.btn-quantity{width:32px;height:32px}.price-value,.total-value{font-size:13px}.btn-remove{padding:5px 10px;font-size:12px}.summary-card h3{font-size:15px}.summary-item{font-size:13px}.summary-item.total{font-size:15px}.empty-cart-icon{font-size:40px}}@media (max-width: 320px){.cart-items-container,.summary-card{padding:12px 10px}.cart-item-image{height:120px}.item-info h3{font-size:15px}.item-quantity input{width:36px;height:30px}.btn-quantity{width:30px;height:30px}.btn-checkout,.btn-proceed,.empty-cart-button{padding:8px 12px;font-size:12px}}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding:20px;border-radius:12px;background-color:#fff;box-shadow:0 4px 12px #0000000d;border:1px solid rgba(0,0,0,.05);transition:all .3s ease}.dashboard-header:hover{box-shadow:0 6px 16px #00000014;transform:translateY(-2px)}.dashboard-header h1{font-size:1.8rem;color:#1e293b;margin:0;font-weight:700;position:relative;display:flex;align-items:center;gap:10px}.dashboard-header h1:before{content:"";display:inline-block;width:24px;height:24px;background-color:var(--button-action);border-radius:6px;margin-right:4px}.search-bar{position:relative;min-width:280px}.search-bar input{padding-right:40px;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;height:44px;width:100%;padding-left:14px;transition:all .2s ease;font-size:14px}.search-bar input:focus{background-color:#fff;border-color:#a5b4fc;box-shadow:0 0 0 3px #4f46e533}.search-bar .material-icons{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none;transition:all .2s ease}.search-bar input:focus+.material-icons{color:var(--button-action)}.sort-dropdown{padding:12px 36px 12px 16px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;color:#1f2937;background-color:#fff;transition:all .15s ease;cursor:pointer;min-width:180px;box-shadow:0 2px 4px #0000000d;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.sort-dropdown:focus{border-color:#a5b4fc;box-shadow:0 0 0 3px #4f46e533;outline:none}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:60vh;color:#6b7280}.loading-icon{font-size:48px;margin-bottom:16px;animation:spin 1.5s linear infinite;color:var(--button-action)}.dashboard-wishlist-content{display:grid;grid-template-columns:280px 1fr;gap:24px}.wishlist-sidebar{position:sticky;top:24px;height:fit-content;transition:all .3s ease}.category-filter{background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #0000000d;padding:20px;margin-bottom:20px;border:1px solid rgba(0,0,0,.05);transition:all .3s ease}.category-filter:hover{box-shadow:0 6px 16px #00000014;transform:translateY(-2px)}.category-filter h3{font-size:16px;font-weight:600;margin:0 0 16px;color:#1e293b}.category-filter-btns{display:flex;flex-direction:column;gap:12px;width:100%}.btn-filter{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-radius:8px;background-color:#f9fafb;border:1px solid #e5e7eb;color:#4b5563;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;width:100%;text-align:left}.btn-filter:hover{background-color:#f3f4f6;border-color:#d1d5db}.btn-filter.active{background-color:#eff6ff;border-color:#bfdbfe;color:#3b82f6}.item-count{background-color:#e5e7eb;color:#4b5563;font-size:12px;padding:2px 8px;border-radius:12px;font-weight:500}.btn-filter.active .item-count{background-color:#bfdbfe;color:#1d4ed8}.wishlist-main{min-width:0}.results-header{margin-bottom:24px;background-color:#fff;padding:16px 20px;border-radius:12px;box-shadow:0 4px 12px #0000000d;border:1px solid rgba(0,0,0,.05);display:flex;justify-content:space-between;align-items:center}.results-header h2{font-size:18px;font-weight:600;color:#1e293b;margin:0;display:flex;align-items:center;gap:8px}.results-count{font-size:14px;font-weight:500;color:var(--button-action);background-color:#eff6ff;padding:4px 10px;border-radius:20px}.wishlist-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;padding:4px;width:100%}.wishlist-item-card{border-radius:12px;overflow:hidden;transition:all .3s ease;position:relative;display:flex;flex-direction:column;height:100%;padding:0!important;background-color:#fff;border:1px solid rgba(0,0,0,.05);box-shadow:0 4px 12px #0000000d;width:100%;max-width:100%}.wishlist-item-card.removing{opacity:.5;transform:scale(.95)}.wishlist-item-card:hover{transform:translateY(-5px);box-shadow:0 12px 28px #0000001f!important;border-color:#00000014}.item-image{position:relative;height:240px;overflow:hidden;background-color:#f9fafb;width:100%;display:flex;align-items:center;justify-content:center}.item-image img{max-width:100%;max-height:100%;object-fit:contain;object-position:center;transition:transform .5s ease;display:block;margin:0 auto;background-color:#f9fafb;padding:10px}.wishlist-item-card:hover .item-image img{transform:scale(1.05)}.discount-badge{position:absolute;top:12px;left:12px;background-color:#ef4444;color:#fff;font-size:12px;font-weight:700;padding:6px 10px;border-radius:4px;z-index:1;box-shadow:0 2px 4px #ef44444d}.stock-badge{position:absolute;bottom:12px;right:12px;font-size:12px;font-weight:600;padding:6px 12px;border-radius:4px;z-index:1;display:flex;align-items:center;gap:4px;box-shadow:0 2px 4px #0000001a}.stock-badge.in-stock{background-color:#16a34ae6;color:#fff}.stock-badge.in-stock:before{content:"";display:inline-block;width:6px;height:6px;background-color:#fff;border-radius:50%}.stock-badge.out-of-stock{background-color:#dc2626e6;color:#fff}.stock-badge.out-of-stock:before{content:"";display:inline-block;width:6px;height:6px;background-color:#fff;border-radius:50%}.item-actions-overlay{position:absolute;top:12px;right:12px;display:flex;flex-direction:column;gap:8px;z-index:1;width:auto;pointer-events:auto}.item-actions-overlay .btn-icon{background-color:#fff;color:#6b7280;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 5px #0000001a;opacity:.9;border:1px solid rgba(0,0,0,.05)}.item-actions-overlay .btn-icon:hover{transform:scale(1.1);opacity:1}.item-actions-overlay .btn-icon.active{background-color:var(--button-action);color:#fff}.item-actions-overlay .btn-icon.remove:hover{background-color:#ef4444;color:#fff}.item-content{padding:20px;display:flex;flex-direction:column;flex:1;background-color:#fff}.item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.brand-name{font-size:12px;color:var(--button-action);font-weight:600;text-transform:uppercase;letter-spacing:.5px;background-color:#eff6ff;padding:3px 8px;border-radius:4px;display:inline-block}.rating{display:flex;align-items:center;gap:4px;color:#f59e0b;font-size:14px}.rating .material-icons{font-size:16px}.item-name{font-size:16px;font-weight:600;color:#1e293b;margin:0 0 12px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;height:46px;padding-top:4px}.item-pricing{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.price-info{display:flex;align-items:center;gap:8px}.current-price{font-size:20px;font-weight:700;color:#1e293b}.original-price{font-size:14px;color:#9ca3af;text-decoration:line-through}.stock-status{font-size:12px;font-weight:600;padding:4px 10px;border-radius:4px;display:inline-flex;align-items:center;gap:4px}.in-stock{background-color:#dcfce7;color:#166534}.in-stock:before{content:"";display:inline-block;width:6px;height:6px;background-color:#16a34a;border-radius:50%}.out-of-stock{background-color:#fee2e2;color:#b91c1c}.out-of-stock:before{content:"";display:inline-block;width:6px;height:6px;background-color:#dc2626;border-radius:50%}.item-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.item-category{font-size:13px;color:#6b7280;background-color:#f3f4f6;padding:4px 10px;border-radius:4px}.item-rating{display:flex;align-items:center;gap:4px;color:#f59e0b;font-weight:600}.item-rating .material-icons{font-size:16px}.price-discount{display:flex;align-items:center}.discount-percent{font-size:12px;font-weight:600;color:#ef4444;background-color:#fee2e2;padding:3px 8px;border-radius:4px}.item-actions{margin-top:auto;display:flex;gap:8px}.btn-add-cart{flex:1;background-color:var(--button-action);color:#fff;border:none;padding:12px;border-radius:8px;font-weight:600;font-size:14px;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #4f46e533}.btn-add-cart:hover{background-color:#4338ca;transform:translateY(-2px);box-shadow:0 4px 8px #4f46e54d}.btn-add-cart:disabled{background-color:#c7d2fe;cursor:not-allowed;transform:none}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;background-color:#fff;border-radius:12px;box-shadow:0 1px 3px #0000000d,0 1px 2px #0000001a;grid-column:1 / -1}.empty-state .material-icons{font-size:48px;color:#9ca3af;margin-bottom:16px}.empty-state h3{font-size:18px;font-weight:600;color:#1e293b;margin:0 0 8px}.empty-state p{font-size:14px;color:#6b7280;margin:0;max-width:300px}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.compare-modal{background-color:#fff;border-radius:12px;box-shadow:0 10px 25px #0000001a;width:100%;max-width:900px;max-height:90vh;overflow-y:auto;padding:24px}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #e5e7eb}.modal-header h2{font-size:20px;font-weight:600;color:#1e293b;margin:0}.btn-close-modal{background:none;border:none;color:#6b7280;cursor:pointer;font-size:24px;display:flex;align-items:center;justify-content:center;padding:4px;border-radius:50%;transition:all .2s ease}.btn-close-modal:hover{background-color:#f3f4f6;color:#1e293b}.compare-table{width:100%;border-collapse:separate;border-spacing:0}.compare-row{display:grid;grid-template-columns:150px repeat(3,1fr);gap:16px;margin-bottom:16px;align-items:center}.compare-row:nth-child(odd){background-color:#f9fafb;border-radius:8px;padding:12px}.compare-cell{padding:8px}.label-cell{font-weight:600;color:#4b5563}.compare-cell img{width:100%;height:120px;object-fit:cover;border-radius:8px}.compare-product-name{font-weight:600;color:#1e293b;margin:8px 0;font-size:16px}.compare-price{font-weight:700;color:var(--button-action);font-size:18px}.compare-actions{display:flex;justify-content:center;gap:8px;margin-top:16px}.btn-compare{background-color:var(--button-action);color:#fff;border:none;padding:10px 18px;border-radius:8px;font-weight:600;font-size:14px;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #4f46e533}.btn-compare:hover{background-color:#4338ca;transform:translateY(-2px);box-shadow:0 4px 8px #4f46e54d}.btn-compare .material-icons{font-size:18px}.btn-clear-wishlist{margin-top:1rem;padding:.5rem 1rem;background-color:#f44336;color:#fff;border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:.5rem;width:100%;justify-content:center;font-weight:500;transition:all .2s ease}.btn-clear-wishlist:hover{background-color:#d32f2f;transform:translateY(-2px);box-shadow:0 4px 8px #f443364d}.btn-clear-wishlist:active{transform:translateY(0)}.add-to-cart-notification{position:fixed;bottom:20px;right:20px;background-color:#10b981;color:#fff;padding:16px;border-radius:8px;box-shadow:0 4px 12px #0000001a;display:flex;align-items:center;gap:12px;z-index:1000;animation:slideIn .3s ease,fadeOut .3s ease 2.7s forwards}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.notification-icon{font-size:24px}.notification-content{flex:1}.notification-content h4{margin:0 0 4px;font-size:16px;font-weight:600}.notification-content p{margin:0;font-size:14px}@media (max-width: 1200px){.dashboard-wishlist-content{grid-template-columns:250px 1fr;gap:20px}.wishlist-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}}@media (max-width: 1024px){.dashboard-wishlist-content{grid-template-columns:220px 1fr;gap:16px}.search-bar{min-width:220px}.sort-dropdown{min-width:160px}.wishlist-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.item-image{height:200px}}@media (max-width: 900px){.dashboard-header{padding:16px}.dashboard-header h1{font-size:1.5rem}.dashboard-actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.search-bar{order:3;width:100%}.sort-dropdown{order:1}.btn-compare{order:2}}@media (max-width: 768px){.dashboard-wishlist-content{grid-template-columns:1fr}.wishlist-sidebar{position:static;margin-bottom:24px}.mobile-hidden{display:none}.mobile-visible{display:block;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.btn-filter-toggle{display:flex;align-items:center;gap:8px;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:10px 16px;font-size:14px;font-weight:500;color:#4b5563;cursor:pointer;transition:all .2s ease}.btn-filter-toggle.active{background-color:#eff6ff;border-color:#bfdbfe;color:#3b82f6}.btn-filter-toggle:hover{background-color:#f3f4f6;border-color:#d1d5db}.category-filter-btns{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;width:100%}.btn-filter{width:100%;min-width:0;font-size:13px;justify-content:space-between}.wishlist-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.compare-row{grid-template-columns:100px repeat(3,1fr);gap:8px}.metrics-panel{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.metric-card{padding:12px;flex-direction:column;text-align:center;border:1px solid #f3f4f6;border-radius:8px}.metric-icon{margin:0 auto 8px}.btn-clear-wishlist{grid-column:1 / -1;margin-top:12px}}@media (max-width: 640px){.dashboard-header{flex-direction:column;align-items:flex-start;gap:16px;padding:16px;margin-bottom:16px}.dashboard-actions{width:100%;flex-wrap:wrap;gap:10px}.search-bar{width:100%}.sort-dropdown,.btn-compare{flex:1;min-width:0;font-size:13px;padding:10px}.wishlist-grid{grid-template-columns:repeat(auto-fill,minmax(100%,1fr))}.item-image{height:180px}.compare-row{grid-template-columns:80px repeat(3,1fr);font-size:12px;gap:4px}.compare-modal{padding:16px;width:95%;max-width:none}.metrics-panel{grid-template-columns:1fr 1fr}.metric-card:nth-child(5){grid-column:1 / -1}.results-header{padding:12px;margin-bottom:16px}.results-header h2{font-size:16px}.results-count{font-size:12px;padding:3px 8px}.item-actions{flex-direction:column;gap:8px}.btn-icon{width:100%;border-radius:6px;height:36px}}@media (max-width: 480px){.dashboard-header h1{font-size:1.3rem}.dashboard-header h1:before{width:20px;height:20px}.back-to-top{position:fixed;bottom:20px;right:20px;width:44px;height:44px;border-radius:50%;background-color:var(--button-action);color:#fff;display:flex;align-items:center;justify-content:center;border:none;box-shadow:0 4px 12px #00000026;cursor:pointer;z-index:100;transition:all .2s ease}.back-to-top:hover{transform:translateY(-4px);box-shadow:0 6px 16px #0003}.category-filter{padding:16px}.category-filter h3{font-size:14px;margin-bottom:12px}.category-filter-btns{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px}.btn-filter{padding:8px 10px;font-size:12px;min-width:0;flex:1}.item-count{font-size:10px;padding:2px 6px}.metrics-panel{gap:8px}.metric-card{flex-direction:row;text-align:left;padding:10px}.metric-icon{margin:0;width:36px;height:36px}.metric-title{font-size:12px}.metric-value{font-size:16px}.item-content{padding:16px}.item-name{font-size:14px;height:40px}.current-price{font-size:16px}.original-price{font-size:12px}.item-category{font-size:11px}.btn-add-cart{padding:10px;font-size:13px}.compare-modal{padding:12px}.modal-header h2{font-size:16px}.compare-table{font-size:11px}.compare-row{gap:2px}.compare-cell{padding:6px 4px}.add-to-cart-notification{width:90%;left:5%;right:5%;padding:12px}.notification-icon{font-size:20px}.notification-content h4{font-size:14px}.notification-content p{font-size:12px}}.login-container{display:flex;min-height:100vh;width:100%;font-family:Inter,Segoe UI,Roboto,sans-serif;background-color:#fff;flex-direction:row;transition:all .3s ease-in-out;overflow-x:hidden}.page-transition{overflow-x:hidden}.login-container.page-enter{opacity:0;transform:translate(-20px)}.login-container.page-enter-active{opacity:1;transform:translate(0)}.login-container.page-exit{opacity:0;transform:translate(20px)}.login-illustration-section{flex:1;background:linear-gradient(135deg,#e3f1fc,#f3f9ec);position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center;padding:2rem;box-shadow:10px 0 25px #0000000d}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}.ecommerce-illustration{max-width:100%;height:auto;filter:drop-shadow(0 10px 20px rgba(0,0,0,.1))}.login-form-section{flex:1;padding:0rem 3rem;display:flex;flex-direction:column;justify-content:center;background-color:#fff;position:relative;z-index:1;align-items:center}.login-form-section:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 85% 15%,rgba(110,66,229,.05) 0%,transparent 40%),radial-gradient(circle at 15% 85%,rgba(255,209,102,.08) 0%,transparent 45%);z-index:-1}.login-heading{font-size:3.2rem;font-weight:800;margin-bottom:2.5rem;color:#333;background:linear-gradient(to right,#333,var(--button-action));-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:-.5px;line-height:1.1;animation:fadeInUp 1s ease-out}.login-form{max-width:450px;width:100%;margin:0 auto;padding:0 1rem;box-sizing:border-box}.form-group{margin-bottom:1.8rem;position:relative;animation:fadeIn .5s ease-out}.form-label{font-size:.95rem;font-weight:500;color:#333;margin-bottom:.5rem;display:flex;align-items:center}.form-input{width:100%;padding:1.1rem 1.2rem;border-radius:12px;border:1.5px solid rgba(225,225,225,.8);background-color:#f9f9f980;font-size:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0000000a;box-sizing:border-box;-webkit-appearance:none;appearance:none}.form-input:focus{outline:none;border-color:var(--button-action);box-shadow:0 3px 12px #6e42e526;transform:translateY(-2px);background-color:#fff}.form-input::placeholder{color:#aaa;transition:color .3s ease}.form-input:focus::placeholder{color:#bbb}.form-input.valid{border-color:#4caf50;background-color:#4caf5008;animation:validPulse .5s ease-out}.form-input.invalid{border-color:#ff5252;background-color:#ff525208;animation:invalidShake .5s cubic-bezier(.36,.07,.19,.97) both}.validation-message{color:#ff5252;font-size:.85rem;margin-top:.5rem;animation:fadeIn .3s ease-out;display:flex;align-items:center;gap:.3rem}@keyframes validPulse{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}@keyframes invalidShake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}.form-error-message{background-color:#ff52521a;border-left:4px solid #FF5252;color:#ff5252;padding:1rem;margin-bottom:1.5rem;border-radius:8px;font-size:.95rem;animation:slideIn .3s ease-out;display:flex;align-items:center;gap:.5rem;word-break:break-word}.form-error-message:before{content:"⚠️";font-size:1.1rem;flex-shrink:0}@media (max-width: 480px){.form-error-message{padding:.8rem;font-size:.85rem;margin-bottom:1.2rem}.form-options{margin-bottom:1.2rem}.forgot-password-link{font-size:.85rem}}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.password-group{position:relative}.toggle-password{position:absolute;right:15px;top:50%;transform:translateY(-50%);background:none;border:none;color:#888;cursor:pointer;font-size:1rem;padding:0;display:flex;align-items:center;justify-content:center;transition:color .3s ease;z-index:2}.toggle-password:hover{color:var(--button-action)}.remember-forgot-container{display:flex;justify-content:space-between;align-items:center;width:100%}.checkbox-group{display:flex;flex-direction:column;align-items:flex-start}.remember-me-label{display:flex;align-items:center;font-size:.95rem;color:#555;cursor:pointer;user-select:none}.checkbox-group input{appearance:none;width:18px!important;height:18px;margin-right:10px;border:1.5px solid #ddd;border-radius:4px;cursor:pointer;position:relative;transition:all .3s ease}.checkbox-group input:checked{background-color:var(--button-action);border-color:var(--button-action)}.checkbox-group input:checked:before{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px}.checkbox-group input:hover{border-color:var(--button-action)}.forgot-password-link{color:var(--button-action);text-decoration:none;font-size:.95rem;transition:all .3s ease}.forgot-password-link:hover{text-decoration:underline}.form-options{display:flex;justify-content:flex-end;align-items:center;margin-bottom:1.5rem;width:100%}.login-button{width:100%;padding:1.2rem;border-radius:12px;border:none;font-size:1.05rem;font-weight:700;cursor:pointer;transition:all .4s ease;background-color:#ddd;color:#888;position:relative;overflow:hidden;letter-spacing:.5px;text-transform:uppercase}.login-button.active{background:linear-gradient(135deg,var(--accent-color),var(--text-color));color:var(--text-on-primary);box-shadow:0 8px 20px rgba(var(--primary-rgb),.3)}.login-button.active:hover{transform:translateY(-3px);box-shadow:0 10px 25px var(--accent-color-light)}.login-button.active:active{transform:translateY(-1px);box-shadow:0 5px 15px rgba(var(--primary-rgb),.25)}.login-button:after{content:"";position:absolute;top:50%;left:50%;width:5px;height:5px;background-color:#ffffff80;opacity:0;border-radius:100%;transform:translate(-50%,-50%) scale(1);transition:all .6s ease}.login-button.active:hover:after{opacity:1;transform:translate(-50%,-50%) scale(20)}.login-toggle{display:flex;justify-content:center;gap:.8rem;margin-bottom:2.5rem;position:relative;padding:.6rem;background:#6e42e514;border-radius:20px;box-shadow:0 8px 25px #6e42e526;border:1px solid rgba(110,66,229,.1);backdrop-filter:blur(10px);width:90%;max-width:40rem;height:auto;min-height:8rem;margin-left:auto;margin-right:auto;transition:all .4s ease;transform:translateY(0);align-items:center}.login-toggle-btn{padding:1rem 2rem;border:none;background:transparent;border-radius:16px;cursor:pointer;display:flex;align-items:center;gap:.8rem;font-size:1.1rem;color:#666;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;z-index:1;font-weight:500;letter-spacing:.3px;flex:1;justify-content:center;height:80%}.login-toggle-btn .toggle-icon{font-size:1.5rem;transition:transform .3s ease,color .3s ease;display:flex;align-items:center;justify-content:center}.login-toggle-btn .toggle-icon .brand-svg-icon{width:2.2rem;height:2.2rem;fill:url(#brand-gradient);filter:drop-shadow(0 2px 3px rgba(255,107,107,.3));transition:all .4s ease}.login-toggle-btn .toggle-icon .brand-svg-icon path{fill:url(#brand-gradient)}.login-toggle-btn .toggle-icon .customer-svg-icon{width:2.2rem;height:2.2rem;fill:url(#customer-gradient);filter:drop-shadow(0 2px 3px rgba(110,66,229,.3));transition:all .4s ease}.login-toggle-btn .toggle-icon svg{overflow:visible}.login-toggle-btn .toggle-icon .customer-svg-icon path{fill:url(#customer-gradient)}.login-toggle{position:relative}.login-toggle-btn:hover .toggle-icon{transform:scale(1.2);color:var(--button-action)}.login-toggle-btn:hover .toggle-icon .brand-svg-icon{filter:drop-shadow(0 3px 5px rgba(255,107,107,.5));transform:scale(1.2) rotate(-5deg)}.login-toggle-btn:hover .toggle-icon .customer-svg-icon{filter:drop-shadow(0 3px 5px rgba(110,66,229,.5));transform:scale(1.2) rotate(5deg)}.login-toggle-btn.active{color:#fff;font-weight:600;background:linear-gradient(135deg,var(--button-action),#8a63d2);box-shadow:0 4px 15px #6e42e540;transform:translateY(-2px)}.login-toggle-btn.active .toggle-icon{transform:scale(1.2);color:#fff}.login-toggle-btn.active .toggle-icon .brand-svg-icon{animation:svgStorePulse 2s infinite;fill:#fff}.login-toggle-btn.active .toggle-icon .customer-svg-icon{animation:svgUserPulse 2s infinite;fill:#fff}@keyframes svgUserPulse{0%{transform:scale(1) rotate(0);filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}50%{transform:scale(1.15) rotate(5deg);filter:drop-shadow(0 4px 8px rgba(110,66,229,.4))}to{transform:scale(1) rotate(0);filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}}@keyframes svgStorePulse{0%{transform:scale(1) rotate(0);filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}50%{transform:scale(1.15) rotate(-5deg);filter:drop-shadow(0 4px 8px rgba(255,107,107,.4))}to{transform:scale(1) rotate(0);filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}}.login-toggle-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#6e42e51a,#8a63d21a);border-radius:16px;opacity:0;transition:opacity .3s ease}.login-toggle-btn:hover:before{opacity:1}.login-toggle-btn:hover{color:var(--button-action);transform:translateY(-2px);box-shadow:0 6px 20px #6e42e533}.login-toggle-btn.active:hover{color:#fff;box-shadow:0 8px 25px #6e42e566;transform:translateY(-3px)}.login-toggle-btn:focus{outline:none;box-shadow:0 0 0 3px #6e42e533}@keyframes pulse{0%{box-shadow:0 4px 15px #6e42e540}50%{box-shadow:0 8px 25px #6e42e566}to{box-shadow:0 4px 15px #6e42e540}}.login-toggle-btn.active{animation:pulse 2s infinite}.login-toggle.toggle-active{transform:translateY(-10px);margin-bottom:3.5rem}.welcome-message{text-align:center;margin:2rem auto;max-width:450px;animation:fadeIn .8s ease-out;padding:2rem;background:#fffc;border-radius:16px;box-shadow:0 8px 30px #6e42e51a;border:1px solid rgba(110,66,229,.1);backdrop-filter:blur(10px);transition:all .5s ease}.welcome-message h2{font-size:1.8rem;margin-bottom:1rem;color:#333;background:linear-gradient(to right,#333,var(--button-action));-webkit-background-clip:text;background-clip:text;color:transparent}.welcome-message p{color:#666;font-size:1.1rem;line-height:1.6}.login-form.form-hidden{opacity:0;transform:translateY(20px);max-height:0;overflow:hidden;margin-top:0;transition:opacity .5s ease,transform .5s ease,max-height .5s ease,margin-top .5s ease}.login-form.form-visible{opacity:1;transform:translateY(0);max-height:1000px;margin-top:20px;transition:opacity .5s ease,transform .5s ease,max-height .5s ease,margin-top .5s ease}@media (max-width: 480px){.login-toggle{padding:.3rem;gap:.3rem;min-height:6rem}.login-toggle-btn{padding:.6rem 1rem;font-size:.9rem}.login-toggle-btn .toggle-icon{font-size:1.3rem}.login-toggle-btn .toggle-icon .brand-svg-icon,.login-toggle-btn .toggle-icon .customer-svg-icon{width:1.8rem;height:1.8rem}}.login-button{position:relative;overflow:hidden}.login-button.loading{pointer-events:none;opacity:.8}.signup-link{font-size:.95rem;margin-top:2rem;text-align:center;color:#555}.signup-link a{color:var(--accent-color);text-decoration:none;font-weight:500;transition:all .3s ease}.signup-link a:hover{text-decoration:underline;color:var(--text-color)}.login-button.loading:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:loading 1.5s infinite}@keyframes loading{0%{transform:translate(-100%)}to{transform:translate(100%)}}.tooltip{position:relative;display:inline-block;margin-left:.1rem;cursor:help}.tooltip .tooltip-text{visibility:hidden;width:200px;background-color:#333;color:#fff;text-align:center;border-radius:6px;padding:.5rem;position:absolute;z-index:10;bottom:125%;left:50%;transform:translate(-50%);opacity:0;transition:opacity .3s,visibility .3s;font-size:.85rem;box-shadow:0 4px 12px #00000026;pointer-events:none}.tooltip .tooltip-text:after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:#333 transparent transparent transparent}.tooltip:hover .tooltip-text{visibility:visible;opacity:1}@media (max-width: 768px){.tooltip .tooltip-text{width:180px;font-size:.8rem;padding:.4rem}}@media (max-width: 480px){.tooltip .tooltip-text{width:160px;font-size:.75rem;padding:.3rem;bottom:130%}}.success-message{background-color:#4caf501a;border-left:4px solid #4CAF50;color:#4caf50;padding:1rem;margin-bottom:1.5rem;border-radius:8px;font-size:.95rem;animation:slideIn .3s ease-out;display:flex;align-items:center;gap:.5rem}.success-message:before{content:"✓";font-size:1.2rem}@media (max-width: 1280px){.login-heading{font-size:2.8rem}.login-toggle{max-width:35rem}}@media (max-width: 1024px){.login-container{flex-direction:column-reverse}.login-form-section{order:1;padding:2.5rem 3rem}.login-illustration-section{order:2;min-height:350px;max-height:40vh}.login-form,.social-login{max-width:500px;margin:0 auto}.login-heading{text-align:center;margin-bottom:1.5rem}.login-toggle{margin-bottom:2rem}.login-toggle.toggle-active{margin-bottom:2.5rem}}@media (max-width: 768px){.login-heading{font-size:2.5rem}.login-form-section{padding:2rem 1.5rem}.login-illustration-section{min-height:280px;max-height:35vh}.illustration-container{height:280px}.login-toggle{max-width:90%;min-height:7rem}.login-toggle-btn{padding:.8rem 1.5rem}.form-group{margin-bottom:1.5rem}}@media (max-width: 480px){.login-heading{font-size:2.2rem;margin-bottom:1.2rem}.login-form-section{padding:1.5rem 1rem}.login-illustration-section{min-height:200px;max-height:30vh;padding:1rem}.form-input,.login-button{padding:.9rem;font-size:.95rem}.form-label{font-size:.95rem}.form-group{margin-bottom:1.2rem}.validation-message{font-size:.85rem}.signup-link{font-size:.95rem;margin-top:1.5rem}}@media (max-width: 360px){.login-heading{font-size:1.8rem}.login-toggle{min-height:5.5rem}.login-toggle-btn{padding:.5rem .8rem;font-size:.85rem}.login-toggle-btn .toggle-icon .brand-svg-icon,.login-toggle-btn .toggle-icon .customer-svg-icon{width:1.5rem;height:1.5rem}.form-input,.login-button{padding:.8rem;font-size:.9rem}}.login-container.dark-theme{background-color:var(--body-color);color:var(--text-color)}.login-container.dark-theme .login-form-section{background-color:var(--body-color)}.login-container.dark-theme .login-form-section:before{background-image:radial-gradient(circle at 85% 15%,rgba(229,192,192,.1) 0%,transparent 40%),radial-gradient(circle at 15% 85%,rgba(229,192,192,.08) 0%,transparent 45%)}.login-container.dark-theme .login-illustration-section{background:linear-gradient(135deg,#2a2a2a,#1a1a1a);box-shadow:10px 0 25px #0003}.login-container.dark-theme .login-heading{color:var(--text-color);background:var(--background-text-2);-webkit-background-clip:text;background-clip:text}.login-container.dark-theme .form-label{color:var(--text-color)}.login-container.dark-theme .form-input{border:1.5px solid var(--border-color);background-color:var(--input-bg);color:var(--text-color);box-shadow:0 2px 8px #0000001a}.login-container.dark-theme .form-input:focus{border-color:var(--accent-color);box-shadow:0 3px 12px #e5c0c033;background-color:var(--card-bg)}.login-container.dark-theme .form-input::placeholder{color:#888}.login-container.dark-theme .form-input.valid{border-color:var(--success-color);background-color:#4caf500d}.login-container.dark-theme .form-input.invalid{border-color:var(--error-color);background-color:#ff52520d}.login-container.dark-theme .validation-message{color:var(--error-color)}.login-container.dark-theme .form-error-message{background-color:#ff525226;border-left:4px solid var(--error-color);color:var(--error-color)}.login-container.dark-theme .toggle-password{color:var(--text-color);background-color:transparent}.login-container.dark-theme .toggle-password:hover,.login-container.dark-theme .forgot-password-link{color:var(--accent-color)}.login-container.dark-theme .login-button{background-color:var(--card-bg);color:var(--text-color);border:1px solid var(--border-color)}.login-container.dark-theme .login-button.active{background-color:var(--accent-color);color:#fff;border-color:var(--accent-color)}.login-container.dark-theme .login-toggle{background-color:var(--card-bg);border:1px solid var(--border-color)}.login-container.dark-theme .login-toggle-btn{color:var(--text-color)}.login-container.dark-theme .login-toggle-btn:hover{background-color:var(--hover-bg)}.login-container.dark-theme .login-toggle-btn.active{background-color:var(--card-bg);box-shadow:0 4px 12px #00000026;color:var(--accent-color)}.login-container.dark-theme .login-toggle-btn.active .toggle-icon,.login-container.dark-theme .login-toggle-btn:hover .toggle-icon{color:var(--accent-color)}.login-container.dark-theme .form-options{color:var(--text-color)}.login-container.dark-theme .login-button.loading{background-color:var(--card-bg);color:var(--text-color);opacity:.7}.login-container.dark-theme .login-button.loading:after{border-color:var(--accent-color) transparent var(--accent-color) transparent}.login-container.dark-theme .login-form.form-visible{box-shadow:0 10px 30px #0003}.theme-toggle-wrapper{position:absolute;top:20px;right:20px;z-index:10}.theme-toggle-btn{background:transparent;border:none;cursor:pointer;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:#333;transition:all .3s ease;box-shadow:0 2px 10px #0000001a;background-color:#fffc;backdrop-filter:blur(5px)}.theme-toggle-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #00000026}.theme-toggle-btn:active{transform:translateY(0)}.login-container.dark-theme .theme-toggle-btn{background-color:#282828cc;color:#f1f1f1;box-shadow:0 2px 10px #0000004d}.login-container.dark-theme .theme-toggle-btn:hover{box-shadow:0 4px 15px #0006}.login-container.dark-theme .signup-link{color:var(--text-color)}.login-container.dark-theme .signup-link a{color:var(--accent-color)}.login-container.dark-theme .tooltip .tooltip-text{background-color:var(--tooltip-bg);color:var(--tooltip-text)}@font-face{font-family:Material Icons;font-style:normal;font-weight:400;font-display:block;src:url(/assets/material-icons-kAwBdRge.woff2) format("woff2"),url(/assets/material-icons-Dr0goTwe.woff) format("woff")}.material-icons{font-family:Material Icons;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"liga"}@font-face{font-family:Material Icons Outlined;font-style:normal;font-weight:400;font-display:block;src:url(/assets/material-icons-outlined-DZhiGvEA.woff2) format("woff2"),url(/assets/material-icons-outlined-BpWbwl2n.woff) format("woff")}.material-icons-outlined{font-family:Material Icons Outlined;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"liga"}@font-face{font-family:Material Icons Round;font-style:normal;font-weight:400;font-display:block;src:url(/assets/material-icons-round-DrirKXBx.woff2) format("woff2"),url(/assets/material-icons-round-BDlwx-sv.woff) format("woff")}.material-icons-round{font-family:Material Icons Round;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"liga"}@font-face{font-family:Material Icons Sharp;font-style:normal;font-weight:400;font-display:block;src:url(/assets/material-icons-sharp-gidztirS.woff2) format("woff2"),url(/assets/material-icons-sharp-CH1KkVu7.woff) format("woff")}.material-icons-sharp{font-family:Material Icons Sharp;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"liga"}@font-face{font-family:Material Icons Two Tone;font-style:normal;font-weight:400;font-display:block;src:url(/assets/material-icons-two-tone-DuNIpaEj.woff2) format("woff2"),url(/assets/material-icons-two-tone-B7wz7mED.woff) format("woff")}.material-icons-two-tone{font-family:Material Icons Two Tone;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"liga"}.list-Brands{display:flex;gap:2rem;flex-direction:column;align-items:center}.card-brand{display:flex;gap:1.25rem;border:1px solid var(--border-color, rgba(204, 204, 204, .8));border-radius:16px;padding:1.5rem;width:100%;height:100%;min-height:auto;max-height:none;overflow:hidden;flex-direction:column;transition:all .3s ease;background-color:var(--body-color);box-sizing:border-box;max-width:100%;box-shadow:0 4px 12px var(--shadow-color, rgba(0, 0, 0, .05));color:var(--text-color, #253D4E);position:relative;z-index:1}.card-brand:hover{transform:translateY(-5px);box-shadow:0 12px 30px #0000001a;border-color:var(--accent-color)}.card-brand:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#e5c0c00d,#fff0 50%);z-index:-1;opacity:0;transition:opacity .5s ease;border-radius:16px}.card-brand:hover:before{opacity:1}.card-brand-inner{display:flex;flex-direction:column;gap:1.25rem;flex:1;width:100%}.list-view .scrollbuttons{display:flex;opacity:0;visibility:hidden;position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:100%;justify-content:space-between;padding:0 .5rem;pointer-events:none}.list-view .scrollbuttons button{pointer-events:auto}.list-view .card-brand:hover .scrollbuttons{opacity:1;visibility:visible}.list-view .content-card-products{position:relative;padding:1rem;height:100%;display:flex;flex-direction:column}.list-view .card-products-list{display:flex;overflow-x:auto;scroll-behavior:smooth;padding:.5rem 0;width:100%;max-width:100%;flex:1}.scrollbutton span{display:inline-block;line-height:1;transform:translateY(-1px);font-size:1.3rem}.scrollbutton:hover{background-color:#fff;color:var(--secondary-color);transform:translateY(-50%) scale(1.1);box-shadow:0 5px 12px #00000026;opacity:1}.scrollbutton:active{transform:translateY(-50%) scale(.95);box-shadow:0 2px 5px #0000001a}.card-products-list::-webkit-scrollbar-track{display:none}.btn-to-brand-page{width:100%;height:100%;border-radius:1rem;border:2px solid #e5c0c0;background-color:transparent;color:var(--accent-color);font-weight:700;font-size:.95rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;padding:.5rem;text-align:center;position:relative;overflow:hidden;z-index:1}.btn-to-brand-page:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#e5c0c0;transform:scaleX(0);transform-origin:right;transition:transform .3s ease;z-index:-1}.btn-to-brand-page:hover{color:#fff;transform:translateY(-2px);box-shadow:0 4px 8px #e5c0c04d}.card-products-list::-webkit-scrollbar-thumb{display:none}.card-products-list{display:flex;overflow-x:auto;scroll-behavior:smooth}.item-products{flex:0 0 auto;margin-right:10px}.page-navigation{display:flex;justify-content:center;margin-top:10px}.page-button{background-color:#f0f0f0;border:none;padding:5px 10px;margin:0 5px;cursor:pointer}.page-button:hover{background-color:#e0e0e0}.item-products{width:9rem;min-width:9rem;height:9rem;border-radius:1rem;position:relative;display:flex;justify-content:space-around;flex-direction:column;align-items:center;overflow:hidden;box-shadow:0 4px 8px var(--shadow-color, rgba(0, 0, 0, .05));transition:all .4s cubic-bezier(.175,.885,.32,1.275);border:1px solid var(--border-color, rgba(229, 192, 192, .1));flex:0 0 auto;cursor:pointer;background-color:var(--card-bg, #fff);transform-origin:center bottom}.item-products:hover{transform:translateY(-8px) scale(1.03);box-shadow:0 12px 20px #e5c0c040;border-color:var(--accent-color);z-index:2}.item-products:active{transform:translateY(-2px) scale(.98);transition-duration:.1s}.product-image-container{width:100%;height:100%;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center}.product-image-container img{width:100%;height:100%;object-fit:cover;transition:all .5s ease}.item-products:hover .product-image-container img{transform:scale(1.1);filter:brightness(1.05)}.view-all-container{display:flex;align-items:center;justify-content:center;background-color:#f8f8f8;border:1px dashed #e0e0e0;transition:all .3s ease}.view-all-container:hover{background-color:#f0f0f0;border-color:#d0d0d0}@media (max-width: 1400px){.item-products{width:8.75rem;min-width:8.75rem;height:8.75rem}}@media (max-width: 1200px){.item-products{width:8.5rem;min-width:8.5rem;height:8.5rem}}@media (max-width: 992px){.item-products{width:8rem;min-width:8rem;height:8rem}}.item-products:hover{transform:translateY(-3px);box-shadow:0 8px 16px #e5c0c033;border-color:var(--accent-color)}.item-products:after{background-color:#fffefe00;border-radius:1rem;content:"";position:absolute;inset:-6px;z-index:1;transition:background-color .3s ease}.item-products:last-child:after{display:none}.item-products:hover:after{background-color:#ffffff3b;filter:blur(2px)}.item-products:hover .name-product-card,.item-products:hover .solde-product-card{display:block}.item-products img{width:100%;height:100%;object-fit:cover;border-radius:1rem;transition:all .5s ease;filter:brightness(.97)}.item-products:hover img{transform:scale(1.12);filter:brightness(1.05)}.name-product-card{position:absolute;bottom:0;left:0;width:100%;padding:.5rem;background-color:#fffffff2;color:var(--text-color, #253D4E);font-size:.8rem;font-weight:600;text-align:center;transform:translateY(100%);transition:all .3s ease;z-index:2;backdrop-filter:blur(3px);border-top:1px solid rgba(229,192,192,.2);box-shadow:0 -2px 10px #0000000d}.item-products:hover .name-product-card{transform:translateY(0)}.line-card{width:100%;height:0;border:1px solid var(--secondary-color);margin:.5rem 0;opacity:.4;background:linear-gradient(to right,transparent,var(--secondary-color),transparent)}.solde-product-card{position:absolute;top:0;right:0;padding:.3rem .6rem;background-color:var(--accent-color, #E5C0C0);color:#fff;font-size:.75rem;font-weight:700;border-radius:0 1rem;z-index:2;transform:translateY(-100%);transition:all .3s ease;box-shadow:0 3px 8px #0000001a}.item-products:hover .solde-product-card{transform:translateY(0)}.brand-img-container{display:flex;justify-content:center;align-items:center;position:relative;z-index:2}.logo-brand{width:5.5rem;height:5.5rem;box-shadow:0 4px 16px #00000026;border-radius:50%;object-fit:cover;transition:all .3s ease;border:3px solid #ffffff;background-color:#fff;position:relative;z-index:2}.logo-brand:hover{transform:scale(1.08) rotate(3deg);box-shadow:0 8px 20px #0003}.brand-img-container{position:relative;display:flex;justify-content:center;align-items:center;z-index:2}.brand-img-container:after{content:"";position:absolute;width:5rem;height:5rem;background:#e5c0c033;border-radius:50%;z-index:1;transform:scale(0);transition:transform .4s ease}.brand-img-container:hover:after{transform:scale(1.5)}.hedding-card-brand{display:flex;align-items:center;gap:1.5rem;min-height:6rem;position:relative;flex-wrap:wrap;padding-bottom:1rem;border-bottom:1px dashed rgba(204,204,204,.5);width:100%}.brand-header-info{display:flex;flex-direction:column;gap:.75rem;flex:1;width:100%;max-width:100%;overflow:hidden;box-sizing:border-box}.brand-header-info h3{margin:0;font-size:1.25rem;font-weight:700;color:var(--text-color, #253D4E);transition:all .3s ease;position:relative;padding-bottom:.5rem;display:inline-block;cursor:pointer}.brand-header-info h3:hover{color:var(--accent-color);transform:translate(3px)}.brand-header-info h3:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background-color:var(--accent-color);transition:width .3s ease}.brand-header-info h3:hover:after{width:100%}.brand-rating{display:flex;gap:2px;margin-top:.25rem}.brand-rating .material-icons{font-size:1.2rem}.brand-rating .filled{color:#fbbf24}.brand-rating .empty{color:#e2e8f0}.content-card-brand{display:flex;align-items:center;gap:1rem}.tag-text{font-size:16px;font-weight:500;display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.brand-category-badge{display:inline-block;padding:.25rem .75rem;background-color:var(--accent-color, #E5C0C0);color:#fff;font-size:.8rem;font-weight:600;border-radius:1rem;margin-right:.5rem;margin-bottom:.5rem;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;box-shadow:0 2px 4px #e5c0c033}.brand-category-badge:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff3;transform:scaleX(0);transform-origin:left;transition:transform .3s ease;z-index:1}.brand-category-badge:hover{transform:translateY(-2px);box-shadow:0 4px 8px #e5c0c04d}.brand-category-badge:hover:before{transform:scaleX(1)}.content-card-products{display:flex;gap:1.25rem;flex-direction:column;justify-content:space-around;position:relative;padding:1.25rem;overflow:hidden;background-color:var(--input-bg, #fafafa);border-radius:12px;margin-top:.75rem;width:100%;box-sizing:border-box;box-shadow:0 2px 8px var(--shadow-color, rgba(0, 0, 0, .05));border:1px solid var(--border-color, rgba(229, 192, 192, .2));color:var(--text-color)}.products-header{display:flex;flex-direction:column;gap:.75rem;position:relative}.nbProduct{font-size:1rem;font-weight:600;color:var(--text-color, #253D4E);margin:0}.articles-text{font-size:.9rem;font-weight:500;color:var(--text-color, #253D4E);margin:0}.card-products-list{display:flex;gap:1rem;overflow-x:auto;scroll-behavior:smooth;padding:1rem .5rem;scrollbar-width:none;-ms-overflow-style:none;position:relative}.social-buttons{display:flex;align-items:center;justify-content:center;font-size:1rem;text-decoration:none;border-radius:50%;padding:.5rem;margin-right:.5rem;width:40px;height:40px;background-color:#e5c0c0;color:#fff;transition:all .3s ease;box-shadow:0 3px 8px #0000001a;position:relative;overflow:hidden}.social-buttons:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#ffffff4d;border-radius:50%;transform:scale(0);transition:transform .3s ease}.social-buttons:hover:before{transform:scale(1)}.social-buttons:after{content:"";position:absolute;top:50%;left:50%;width:5px;height:5px;background:#ffffff80;border-radius:50%;transform:translate(-50%,-50%) scale(0);transition:transform .5s ease}.social-buttons:hover:after{transform:translate(-50%,-50%) scale(8);opacity:0}.social-buttons:hover{background-color:#d8a8a8;transform:translateY(-3px) scale(1.08);box-shadow:0 6px 12px #00000026}.social-buttons .material-icons{position:relative;z-index:2}.list-social-buttons{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.5rem;animation:fadeIn .5s ease-out}.list-social-buttons{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.5rem}.no-links{font-size:.9rem;color:#888;font-style:italic;padding:.25rem 0}.brand-content-wrapper{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:100%;overflow:hidden;box-sizing:border-box;padding:.5rem 0}.content-card-brand{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.description-container{display:flex;flex-direction:column;gap:.75rem;width:100%;max-width:100%;overflow:hidden;box-sizing:border-box;position:relative;background-color:var(--input-bg, #fafafa);padding:1rem;border-radius:12px;color:var(--text-color);box-shadow:0 3px 10px #00000008;border:1px solid rgba(229,192,192,.1);transition:all .3s ease}.description-container:hover{box-shadow:0 5px 15px #0000000d;border-color:#e5c0c04d;background-color:var(--input-bg, #fcfcfc)}.description-card-brand{font-size:.95rem;line-height:1.6;color:var(--text-color, #253D4E);margin:0;padding:0 .5rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;position:relative;transition:all .3s ease;max-height:4.8rem;font-style:italic}.description-card-brand:before{content:'"';position:absolute;top:-5px;left:-5px;font-size:2rem;color:#e5c0c04d;font-family:serif;transform:rotate(-10deg)}.description-card-brand:after{content:'"';position:absolute;bottom:-15px;right:-5px;font-size:2rem;color:#e5c0c04d;font-family:serif;transform:rotate(10deg)}.read-more-btn{align-self:flex-end;background:transparent;border:1px solid rgba(229,192,192,.3);color:var(--accent-color);font-size:.9rem;font-weight:600;cursor:pointer;padding:.35rem .85rem;transition:all .3s ease;text-decoration:none;border-radius:20px;display:flex;align-items:center;box-shadow:0 2px 5px #00000008;position:relative;overflow:hidden;z-index:1}.read-more-btn:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#e5c0c01a;transform:scaleX(0);transform-origin:right;transition:transform .3s ease;z-index:-1}.read-more-btn:after{content:"→";margin-left:5px;transition:all .3s ease}.read-more-btn:hover{color:var(--secondary-color);border-color:var(--accent-color);box-shadow:0 3px 8px #e5c0c033}.read-more-btn:hover:before{transform:scaleX(1);transform-origin:left}.read-more-btn:hover:after{transform:translate(3px)}.read-more-btn:active{transform:scale(.98)}.categories{display:flex;gap:.3rem;flex-wrap:wrap}.item-categorie:hover{background-color:#ddc5c5}.item-categorie{padding:.5rem;border:1px solid #d3d3d3;border-radius:1rem}.brands-content{grid-area:m;padding:1rem}*{box-sizing:border-box}.brands-page-container{width:100%;max-width:100vw;display:flex;justify-content:center;overflow:hidden;box-sizing:border-box;margin:0;padding:0}.brands-page-wrapper{width:100%;max-width:100%;display:flex;justify-content:center;overflow:hidden;box-sizing:border-box}.brands-container-inner{width:100%;max-width:100%;padding:0 1rem;box-sizing:border-box;overflow:hidden;display:flex;flex-direction:column;margin:0 auto;background-color:var(--body-color, transparent)}.brand-hero{position:relative;border-radius:30px;overflow:hidden;margin:50px auto 60px;height:500px;width:100%;max-width:1800px;display:flex;align-items:center;justify-content:center;background:linear-gradient(to right,#000000b3,#0006),url(https://images.unsplash.com/photo-1483985988355-763728e1935b?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA==&auto=format&fit=crop&w=2070&q=80);background-size:cover;background-position:center;color:#fff;box-shadow:0 10px 30px #0000001a;transition:all .3s ease}.brand-hero-content{text-align:center;z-index:2;padding:0 1rem;max-width:800px}.brand-title{font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:#fff;animation:fadeInDown .8s ease}.brand-subtitle{font-size:1.2rem;font-weight:400;margin-bottom:2rem;color:#ffffffe6;max-width:600px;animation:fadeInUp .8s ease .2s both}.brand-cta-button{display:inline-block;padding:15px 40px;background-color:var(--accent-color);color:#fff;font-family:Montserrat,sans-serif;font-weight:600;font-size:1.1rem;text-decoration:none;border-radius:50px;transition:all .3s ease;box-shadow:0 5px 15px #e5c0c066;animation:fadeInUp 1s ease-out .4s both}.brand-cta-button:hover{transform:translateY(-3px);background-color:var(--secondary-color);box-shadow:0 8px 20px #e5c0c099}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.brands-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;position:sticky;top:4.5rem;backdrop-filter:blur(8px);background:var(--header-bg, rgba(255, 255, 255, .8));padding:1rem;z-index:10;border-bottom:1px solid var(--border-color, rgba(204, 204, 204, .5));width:100%;flex-wrap:wrap;color:var(--text-color)}.brands-count h2{font-size:1.5rem;font-weight:600;margin:0;color:var(--text-color, #253D4E)}.brands-count span{font-weight:400;color:var(--text-color, #253D4E);opacity:.7}.brands-controls{display:flex;gap:1.5rem;align-items:center}.sort-options{display:flex;align-items:center;gap:.5rem}.sort-options label{margin-right:.5rem;font-weight:500;color:var(--text-color, #253D4E)}.sort-options select{padding:.5rem;border-radius:.25rem;border:1px solid var(--border-color, #e0e0e0);background-color:var(--body-color);color:var(--text-color, #253D4E);font-size:.9rem;cursor:pointer}.view-options{display:flex;gap:.5rem}.view-btn{padding:.5rem 1rem;border:1px solid var(--border-color, #e0e0e0);background-color:var(--body-color);color:var(--text-color, #253D4E);cursor:pointer;transition:all .3s ease;font-size:.9rem;border-radius:.25rem;margin:0 .1rem}.view-btn:hover{background-color:var(--hover-bg, #f5f5f5);border-color:var(--border-color, #d0d0d0)}.view-btn.active{background-color:var(--accent-color, #E5C0C0);color:#fff;border-color:var(--accent-color, #E5C0C0);font-weight:500}@media (max-width: 760px){.view-btn:nth-child(2){display:none}}.brands-layout{display:grid;grid-template-columns:1fr 3fr;gap:2rem;align-items:start;width:100%;max-width:100%;overflow:hidden;box-sizing:border-box;background-color:var(--body-color, transparent)}.brands-list{display:grid;gap:2rem;width:100%;max-width:100%;overflow:hidden;background-color:var(--body-color, transparent)}.brands-list.grid-view{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));width:100%}.brands-list.list-view{grid-template-columns:1fr}.list-view .card-brand{max-width:100%;align-items:self-start;min-height:auto;height:auto;display:grid;grid-template-columns:1fr}@media (min-width: 768px){.list-view .card-brand{grid-template-columns:2fr 1fr;grid-template-areas:"header products" "description products" "category products"}.list-view .hedding-card-brand{grid-area:header}.list-view .description-card-brand{grid-area:description}.list-view .content-card-brand{grid-area:category}.list-view .content-card-products{grid-area:products;height:100%;display:flex;flex-direction:column;padding:1rem;position:relative}.list-view .card-products-list{flex:1;overflow-x:auto;display:flex;padding:.5rem 0;margin-top:.5rem;scroll-behavior:smooth;width:100%}.list-view .products-header{margin-bottom:.5rem}.list-view .scrollbuttons{width:100%;height:auto;flex-direction:row;justify-content:space-between;align-items:center;position:absolute;top:50%;left:0;transform:translateY(-50%);pointer-events:none;padding:0 .5rem;z-index:20}}.list-view .content-card-brand{align-items:baseline}.list-view .content-card-products{flex:0 0 100%}@media (max-width: 767px){.list-view .card-brand{display:flex;flex-direction:column}}.content-card-products{position:relative;padding:1rem}.scrollbuttons{display:flex;justify-content:space-between;position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:100%;padding:0 .5rem;pointer-events:none}.scrollbuttons button{pointer-events:auto}.scrollbuttonLeft{position:absolute;left:.5rem;z-index:20}.scrollbuttonright{position:absolute;right:.5rem;z-index:20}.scrollbutton{background-color:#ffffffe6;border:none;border-radius:50%;width:2.75rem;height:2.75rem;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.2rem;font-weight:700;color:var(--accent-color);box-shadow:0 3px 8px #0000001a;transition:all .3s ease;backdrop-filter:blur(3px);position:absolute;top:50%;transform:translateY(-50%);z-index:20;opacity:0;border:1px solid rgba(229,192,192,.3)}.card-brand:hover .scrollbutton,.content-card-products:hover .scrollbutton{opacity:.9}.card-products-list{display:flex;overflow-x:auto;scroll-behavior:smooth;padding:0 1rem;width:100%;max-width:100%;box-sizing:border-box;scrollbar-width:none;-ms-overflow-style:none}.card-products-list::-webkit-scrollbar{display:none}.item-products{flex:0 0 auto;margin-right:1rem}.item-products:last-child{margin-right:0}.btn-to-brand-page{background-color:transparent;border:2px solid var(--accent-color, #E5C0C0);color:var(--accent-color, #E5C0C0);font-size:1rem;text-align:center;font-weight:600;padding:.75rem 1.25rem;cursor:pointer;transition:all .3s ease;border-radius:8px;box-shadow:0 3px 8px #0000000d;position:relative;overflow:hidden;z-index:1;display:flex;align-items:center;justify-content:center;gap:.5rem}.btn-to-brand-page:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--accent-color, #E5C0C0);transform:scaleX(0);transform-origin:right;transition:transform .3s ease;z-index:-1}.btn-to-brand-page:after{content:"→";opacity:0;transform:translate(-10px);transition:all .3s ease}.btn-to-brand-page:hover{color:#fff;transform:translateY(-2px);box-shadow:0 6px 15px #e5c0c033}.btn-to-brand-page:hover:before{transform:scaleX(1);transform-origin:left}.btn-to-brand-page:hover:after{opacity:1;transform:translate(5px)}.btn-to-brand-page:active{transform:translateY(0) scale(.98)}.brands-sidebar{display:flex;flex-direction:column;gap:2rem;position:sticky;top:10rem}.featured-brands,.brands-stats,.popular-tags{background-color:var(--body-color);border-radius:12px;padding:1.5rem;box-shadow:0 4px 6px var(--shadow-color, rgba(0, 0, 0, .05));border:1px solid var(--border-color, rgba(204, 204, 204, .5));color:var(--text-color)}.featured-brands h3,.brands-stats h3,.popular-tags h3{font-size:1.25rem;margin:0 0 1rem;color:var(--text-color);font-weight:600;padding-bottom:.75rem;border-bottom:1px solid rgba(204,204,204,.3)}.featured-brand-item{display:flex;align-items:center;gap:1rem;padding:1rem 0;border-bottom:1px solid rgba(204,204,204,.2)}.featured-brand-item:last-child{border-bottom:none;padding-bottom:0}.featured-brand-item img{width:50px;height:50px;border-radius:50%;object-fit:cover}.featured-brand-info h4{margin:0 0 .25rem;font-size:1rem}.featured-brand-info p{margin:0 0 .25rem;font-size:.85rem;color:#666}.featured-brand-rating{font-size:.9rem}.featured-brand-rating .star-filled{color:gold}.featured-brand-rating .star-empty{color:#d1d1d1}.category-stats{list-style:none;padding:0;margin:0}.category-stats li{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;cursor:pointer;transition:all .3s ease;border-radius:.25rem;color:var(--text-color, #253D4E)}.category-stats li:hover{background-color:#cccccc1a}.category-stats li.active{background-color:var(--accent-color-light);color:#fff;padding-left:1rem}.category-stats li.active .category-count{background-color:#fff;color:var(--accent-color)}.category-stats li:last-child{border-bottom:none}.loading-categories,.no-categories{padding:1rem 0;text-align:center;color:#666;font-style:italic}.category-name{font-weight:500;color:var(--text-color, #253D4E)}.category-count{background-color:var(--hover-bg, #f5f5f5);color:var(--text-color, #253D4E);padding:.2rem .5rem;border-radius:1rem;font-size:.8rem;font-weight:500;transition:all .3s ease}.tags-cloud{display:flex;flex-wrap:wrap;gap:.5rem}.tag{background-color:var(--input-bg, #f9f9f9);padding:.5rem 1rem;border-radius:2rem;font-size:.9rem;border:1px solid var(--border-color, #e0e0e0);transition:all .2s ease;cursor:pointer;color:var(--text-color)}.tag:hover{background-color:var(--secondary-color);color:#fff;border-color:var(--secondary-color)}.products-loading,.products-error,.no-products{padding:1rem;text-align:center;width:100%;font-size:.9rem}.products-loading{color:#666}.products-error{color:#e74c3c}.no-products{color:#888;font-style:italic}.pagination-controls{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-top:2rem;margin-bottom:2rem;padding:1rem;background-color:var(--body-color);border-radius:8px;box-shadow:0 2px 4px var(--shadow-color, rgba(0, 0, 0, .05));border:1px solid var(--border-color, rgba(204, 204, 204, .5));width:100%;max-width:1800px;color:var(--text-color)}.page-size-selector{display:flex;align-items:center}.page-size-selector label{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--text-color, #253D4E)}.page-size-selector select{padding:.25rem .5rem;border-radius:.25rem;border:1px solid var(--border-color, #e0e0e0);background-color:var(--body-color);color:var(--text-color, #253D4E);font-size:.9rem}.pagination-info{font-size:.9rem;color:var(--text-color, #253D4E)}.pagination-buttons{display:flex;gap:.5rem;align-items:center}.pagination-buttons button{padding:.5rem .75rem;border:1px solid var(--border-color, #e0e0e0);background-color:var(--body-color);color:var(--text-color, #253D4E);cursor:pointer;transition:all .3s ease;font-size:.9rem;margin:0 .1rem}.pagination-buttons button:hover:not(:disabled){background-color:var(--accent-color, #E5C0C0);color:#fff;border-color:var(--accent-color, #E5C0C0)}.pagination-buttons button.active{background-color:var(--accent-color, #E5C0C0);color:#fff;border-color:var(--accent-color, #E5C0C0);font-weight:600}.pagination-buttons button:disabled{opacity:.5;cursor:not-allowed}.error-container{text-align:center;padding:2rem;background-color:var(--body-color);border-radius:8px;box-shadow:0 4px 6px var(--shadow-color, rgba(0, 0, 0, .05));margin:2rem auto;max-width:600px;color:var(--text-color)}.error-container h2{color:#e74c3c;margin-bottom:1rem}.error-container button{padding:.75rem 1.5rem;background-color:var(--accent-color);color:#fff;border:none;border-radius:4px;cursor:pointer;margin-top:1rem;font-size:1rem}.error-container button:hover{background-color:#0056b3}.no-brands-message{display:flex;justify-content:center;align-items:center;width:100%;padding:2rem;color:var(--text-color, #253D4E);font-size:1.1rem;font-weight:500}@media (max-width: 1400px){.brands-layout{grid-template-columns:1fr 3fr}}@media (max-width: 1200px){.brand-hero{height:450px;margin:40px auto 50px}.brand-title{font-size:3.5rem}.brands-layout{grid-template-columns:1fr 2fr}.card-brand{width:100%}.brand-hero-content{max-width:700px}}@media (max-width: 992px){.brands-container-inner{padding:0 .5rem}.brands-layout{grid-template-columns:1fr;width:100%;max-width:100%;overflow:hidden}.brands-sidebar{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));position:static;gap:1rem;margin-bottom:2rem;width:100%;max-width:100%;overflow:hidden}.brands-header{flex-direction:column;align-items:flex-start;gap:1rem;width:100%;max-width:100%;overflow:hidden}.brands-controls{width:100%;justify-content:space-between}.brands-list.grid-view{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));width:100%;max-width:100%;overflow:hidden}.brand-hero{border-radius:20px;height:420px;width:100%;max-width:100%;overflow:hidden}.card-brand{width:100%;max-width:100%;overflow:hidden}}@media (max-width: 768px){.brand-hero{height:380px;margin:30px auto 40px;border-radius:15px}.brand-title{font-size:2.5rem}.brand-subtitle{font-size:1.2rem}.brand-cta-button{padding:12px 30px;font-size:1rem}.brands-controls{flex-direction:column;align-items:flex-start;gap:1rem}.brands-sidebar{grid-template-columns:1fr}.brands-list.grid-view{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));padding:0}.card-brand{padding:1.25rem;min-height:auto;max-height:none;border-radius:10px;gap:1rem}.hedding-card-brand{flex-direction:column;align-items:center;text-align:center;height:auto;padding-bottom:1rem;gap:1rem}.brand-img-container{margin-bottom:.5rem}.logo-brand{width:5rem;height:5rem}.brand-header-info{align-items:center;text-align:center}.brand-header-info h3{font-size:1.3rem}.brand-header-info h3:hover{transform:none}.content-card-brand{justify-content:center}.brand-content-wrapper{align-items:center;text-align:center}.description-container{align-items:center;padding:.75rem}.description-card-brand{text-align:center;height:auto;max-height:5rem;text-indent:0;font-size:.9rem}.description-card-brand:before{display:none}.read-more-btn{align-self:center;margin-top:.5rem}.read-more-btn:after{display:none}.content-card-products{padding:1rem;border-radius:10px}.products-header{align-items:center}.card-products-list{justify-content:center;padding:.75rem 0;gap:.75rem}.item-products{width:7.5rem;min-width:7.5rem;height:7.5rem;border-radius:.75rem}.scrollbutton{width:2.5rem;height:2.5rem}.scrollbuttonLeft{left:.25rem}.scrollbuttonright{right:.25rem}.list-social-buttons{justify-content:center}.social-buttons{width:36px;height:36px}.pagination-controls{flex-direction:column;gap:1rem;margin-top:0}.pagination-buttons{width:100%;justify-content:center;flex-wrap:wrap}.page-size-selector,.pagination-info{width:100%;text-align:center;justify-content:center}}@media (max-width: 576px){.brands-list.grid-view{grid-template-columns:1fr}.brand-hero{height:350px;margin:20px auto 30px;border-radius:10px}.brand-title{font-size:2rem}.brand-subtitle{font-size:1rem;margin-bottom:1.5rem}.brand-cta-button{padding:10px 25px;font-size:.9rem}.brands-header{padding:.75rem 0}.brands-count h2{font-size:1.2rem}.sort-options select,.view-btn{font-size:.8rem;padding:.4rem .6rem}.pagination-buttons button{padding:.4rem .6rem;font-size:.8rem}.brand-item{padding:0}.card-brand{padding:.75rem .2rem}.item-products{margin-right:0}}@media (max-width: 480px){.card-brand{min-height:auto;border-radius:8px;box-shadow:0 3px 10px #0000000d}.card-brand-inner{gap:.75rem}.hedding-card-brand{padding-bottom:.75rem;flex-direction:row}.brand-header-info,.brand-content-wrapper{gap:0}.item-products{width:6.5rem;min-width:6.5rem;height:6.5rem;border-radius:.75rem}.logo-brand{width:4.5rem;height:4.5rem;border-width:2px}.brand-hero{height:300px}.brand-title{font-size:1.75rem}.brand-subtitle{font-size:.9rem}.content-card-products{padding:.75rem 0;gap:.3rem;border-radius:8px;margin-top:0}.products-header{gap:.5rem}.card-products-list{padding:.5rem 0;gap:.3rem}.tag-text{font-size:15px}.pagination-controls{padding:.75rem}.brand-header-info,.brand-content-wrapper,.description-container{text-align:start;align-items:start}.brand-header-info h3{font-size:1.2rem}.brand-header-info h3:after{display:none}.social-buttons{width:34px;height:34px;font-size:.9rem;margin-right:.25rem}.list-social-buttons{gap:.5rem}.description-container{padding:.75rem}.description-card-brand{font-size:.9rem;-webkit-line-clamp:2;line-clamp:2;min-height:auto}.read-more-btn{font-size:.85rem;padding:.2rem .5rem}.brand-category-badge{font-size:.8rem;padding:.25rem .6rem}.brand-category-badge:before{font-size:1rem}.name-product-card{font-size:.8rem;padding:4px 8px;width:80%}.solde-product-card{font-size:.8rem;min-width:2rem;height:1.75rem}.scrollbutton{width:2.25rem;height:2.25rem;font-size:1rem}.btn-to-brand-page{font-size:.85rem}}@media (max-width: 360px){.brand-hero{height:250px}.brand-title{font-size:1.5rem}.brand-subtitle{font-size:.8rem;margin-bottom:1rem}.brand-cta-button{padding:8px 20px;font-size:.8rem}.card-brand{padding:.75rem;gap:.5rem;border-radius:6px}.card-brand-inner{gap:.5rem}.hedding-card-brand{gap:.5rem;padding-bottom:.5rem;min-height:auto}.item-products{width:5.5rem;min-width:5.5rem;height:5.5rem;border-radius:.5rem}.logo-brand{width:4rem;height:4rem;border-width:2px}.social-buttons{width:30px;height:30px;font-size:.8rem}.list-social-buttons{gap:.4rem}.content-card-products{border-radius:6px}.products-header{gap:.25rem}.brand-header-info h3{font-size:1.1rem}.description-container{padding:.5rem;border-radius:6px}.description-card-brand{font-size:.85rem;-webkit-line-clamp:2;line-clamp:2;min-height:auto}.read-more-btn{font-size:.8rem;padding:.15rem .4rem}.btn-to-brand-page{font-size:.8rem}.name-product-card{font-size:.75rem;width:90%;padding:3px 6px;border-radius:4px}.solde-product-card{font-size:.75rem;min-width:1.75rem;height:1.5rem;top:.25rem;right:.25rem}.scrollbutton{width:2rem;height:2rem;font-size:.9rem}.brand-category-badge{font-size:.75rem;padding:.2rem .5rem}.nbProduct{font-size:1.1rem}.articles-text{font-size:.9rem}.card-products-list{gap:.3rem}}.list-view .scrollbutton{opacity:0;pointer-events:auto;z-index:30;position:absolute;top:50%;transform:translateY(-50%)}.list-view .scrollbuttonLeft{left:.5rem}.list-view .scrollbuttonright{right:.5rem}.list-view .content-card-products:hover .scrollbutton{opacity:.9}*,*:before,*:after{box-sizing:border-box}.contactus-wrapper{padding:4rem 0;width:100%;overflow-x:hidden}.contactus-title-section{text-align:center;max-width:800px;margin:0 auto clamp(2rem,5vw,4rem);padding:0 clamp(1rem,3vw,2rem)}.contactus-title-section h1{font-size:clamp(1.8rem,4vw,2.5rem);color:var(--text-color, #1A3A5F);margin-bottom:clamp(.5rem,2vw,1rem);font-weight:700;line-height:1.2}.contactus-title-section p{color:var(--text-color, #546880);opacity:.7;font-size:clamp(.95rem,2vw,1.1rem);line-height:1.6;max-width:600px;margin:0 auto}.contact-info-title{color:#ff6b6b;font-size:1.1rem;margin:0 0 1.5rem;font-weight:600}.contactus-container{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(1.5rem,3vw,3rem);max-width:1800px;margin:2rem auto;padding:0 clamp(1rem,5vw,6rem);width:100%;box-sizing:border-box}.contactus-info-column{display:flex;align-items:flex-start}.contactus-info-card,.contactus-form{padding:clamp(1.5rem,4vw,3rem);width:100%;background-color:var(--body-color);border-radius:clamp(8px,1vw,12px);box-shadow:0 4px 12px var(--shadow-color, rgba(26, 58, 95, .08));border:1px solid var(--border-color, #F0F4F8);height:100%}.contactus-info-card h2{color:var(--text-color, #1A3A5F);margin-bottom:1rem;font-size:1.8rem;font-weight:600;text-align:center}.contactus-info-item{display:flex;align-items:flex-start;margin-bottom:2rem;color:var(--text-color, #555);opacity:.7;transition:transform .3s ease}.contactus-info-item:hover{transform:translate(5px)}.contactus-info-item .material-icons{font-size:1.2rem;margin-right:1rem;color:#ff6b6b;padding:12px;background:#fff0f0;border-radius:50%;min-width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.contactus-info-item:hover .material-icons{background:#ff6b6b;color:#fff}.contactus-info-content{display:flex;flex-direction:column;gap:.3rem}.info-label{font-size:.85rem;color:var(--text-color, #999);opacity:.5;font-weight:500}.contactus-info-content p{margin:0;color:var(--text-color, #1A3A5F);font-weight:500}.contactus-social h3{color:var(--text-color, #1A3A5F);font-size:1.2rem;margin-bottom:1.5rem;margin-top:2.5rem}.social-links{display:flex;flex-wrap:wrap;gap:clamp(.5rem,2vw,1rem);width:100%}.contactus-social-link{display:flex;align-items:center;gap:.8rem;padding:clamp(.6rem,1.5vw,.8rem) clamp(.8rem,2vw,1.2rem);border-radius:clamp(6px,1vw,8px);text-decoration:none;transition:all .3s ease;flex:1;min-width:min(120px,100%);max-width:100%;background:var(--input-bg, #F9FAFB);border:1px solid var(--border-color, #F0F4F8);box-shadow:0 2px 4px var(--shadow-color, rgba(26, 58, 95, .06))}.contactus-social-link .material-icons{color:#ff6b6b;font-size:1.2rem;transition:all .3s ease}.contactus-social-link span{color:var(--text-color, var(--gray-color));opacity:.7;font-weight:500;transition:color .3s ease}.contactus-social-link.contactus-twitter:hover,.contactus-social-link.contactus-instagram:hover,.contactus-social-link.contactus-linkedin:hover{background:#fff0f0;border-color:#ff6b6b}.contactus-social-link:hover{transform:translateY(-2px);box-shadow:0 4px 8px #e5c0c033}.contactus-social-link:hover span{color:#ff6b6b}.contactus-social-link:hover .material-icons{color:#ff6b6b;transform:scale(1.1)}.contactus-form label{margin-bottom:.5rem;color:var(--text-color, #1A3A5F);font-weight:500;font-size:.95rem;line-height:1}.contactus-form-group input{height:3rem;width:100%;padding:0 clamp(.8rem,2vw,1rem) 0 clamp(2.5rem,5vw,2.8rem);border:1px solid var(--border-color, #E9EFF5);border-radius:clamp(8px,1vw,10px);font-size:1rem;transition:all .3s ease;background:var(--input-bg, #F9FAFB);color:var(--text-color, #1A3A5F);line-height:normal;-webkit-appearance:none}.contactus-form-group textarea{height:150px;width:100%;padding:clamp(.8rem,2vw,1rem) clamp(.8rem,2vw,1rem) clamp(.8rem,2vw,1rem) clamp(2.5rem,5vw,2.8rem);border:1px solid var(--border-color, #E9EFF5);border-radius:clamp(8px,1vw,10px);font-size:1rem;transition:all .3s ease;background:var(--input-bg, #F9FAFB);color:var(--text-color, #1A3A5F);line-height:1.5;resize:vertical;min-height:clamp(4rem,8vh,4.5rem);-webkit-appearance:none}.contactus-form{display:flex;flex-direction:column;gap:clamp(1.2rem,3vw,2rem)}.contactus-form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:clamp(1.2rem,3vw,2rem);margin:0;width:100%}.contactus-form-group{display:flex;flex-direction:column;margin:0;width:100%}.contactus-radio-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:clamp(.5rem,2vw,1rem);margin-top:.5rem;width:100%}.radio-label{display:flex;align-items:center;padding:clamp(.6rem,1.5vw,.8rem) clamp(.8rem,2vw,1rem);border-radius:clamp(6px,1vw,8px);border:1px solid var(--border-color, #E9EFF5);cursor:pointer;transition:all .3s ease;min-height:clamp(45px,8vh,50px);background:var(--input-bg, #F9FAFB);position:relative;overflow:hidden}.radio-label:hover{background:#fff0f0;transform:translateY(-2px);border-color:#ffcaca;box-shadow:0 3px 8px #ff6b6b1a}.radio-label input[type=radio]{position:absolute;opacity:0;width:0;height:0}.radio-text{color:var(--text-color, #1A3A5F);font-weight:500;font-size:clamp(.85rem,1.5vw,.9rem);padding-left:28px;position:relative;transition:all .3s ease}.radio-text:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:18px;height:18px;border:2px solid #E9EFF5;border-radius:50%;background-color:#fff;transition:all .3s ease}.radio-label input[type=radio]:checked+.radio-text{color:#ff6b6b;font-weight:600}.radio-label input[type=radio]:checked+.radio-text:before{border-color:#ff6b6b;background-color:#fff;box-shadow:0 0 0 2px #ff6b6b33}.radio-label input[type=radio]:checked~.radio-label{background-color:#fff0f0;border-color:#ff6b6b}.radio-label input[type=radio]:checked+.radio-text:after{content:"";position:absolute;left:5px;top:50%;transform:translateY(-50%);width:8px;height:8px;border-radius:50%;background-color:#ff6b6b;transition:all .3s ease;animation:radioScale .3s ease-in-out}@keyframes radioScale{0%{transform:translateY(-50%) scale(0);opacity:0}50%{transform:translateY(-50%) scale(1.5);opacity:.5}to{transform:translateY(-50%) scale(1);opacity:1}}.radio-label:active{transform:scale(.98)}.success-message{background:#f0fff4;border:1px solid #68D391;color:#276749;padding:1rem;border-radius:8px;margin-bottom:1.5rem;display:flex;align-items:center;gap:1rem;animation:slideDown .3s ease}.success-message .material-icons{font-size:1.5rem;color:#38a169}.rate-limit-error{background:#fff5f5;border:1px solid #FC8181;color:#c53030;padding:1rem;border-radius:8px;margin-bottom:1.5rem;display:flex;align-items:center;gap:1rem;animation:slideDown .3s ease}.rate-limit-error .material-icons{font-size:1.5rem;color:#e53e3e}.contactus-submit-btn{background-color:#ff6b6b;color:#fff;border:none;border-radius:8px;padding:1rem 2rem;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px #ff6b6b40;width:100%;display:flex;align-items:center;justify-content:center;gap:.8rem;min-height:3.2rem;-webkit-tap-highlight-color:transparent}.contactus-submit-btn:disabled{background-color:#ffc5c5;cursor:not-allowed;transform:none}.contactus-submit-btn:not(:disabled):hover{background-color:#ff5252;transform:translateY(-2px);box-shadow:0 6px 12px #ff6b6b4d}.contactus-submit-btn .material-icons{font-size:1.1rem;transition:transform .3s ease}.contactus-submit-btn:hover .material-icons{transform:translate(5px)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinning{animation:spin 1s linear infinite;display:inline-block}.contactus-form-group input:focus,.contactus-form-group textarea:focus{outline:none;border-color:#ff6b6b;background:#fff;box-shadow:0 0 0 4px #ff6b6b1a;transform:translateY(-1px)}.contactus-form-group input:hover,.contactus-form-group textarea:hover{border-color:#ff8787}.input-error input,.input-error textarea{border-color:#e53e3e!important;background-color:#fff5f5!important}.input-error .material-icons{color:#e53e3e!important}.error-message{color:#e53e3e;font-size:.85rem;margin-top:.5rem;display:flex;align-items:center;animation:fadeIn .3s ease}.error-message:before{content:"⚠️";margin-right:.5rem;font-size:.85rem}.input-with-icon{position:relative;width:100%}.input-with-icon .material-icons{position:absolute;left:clamp(.8rem,2vw,1rem);top:50%;transform:translateY(-50%);color:var(--text-color, #999);opacity:.5;transition:color .3s ease;z-index:1;display:flex;align-items:center;justify-content:center;width:clamp(1rem,2vw,1.2rem);font-size:clamp(1rem,2vw,1.2rem)}.textarea-container .material-icons{top:clamp(1.2rem,3vw,1.5rem);transform:none}.contactus-wrapper{padding:clamp(2rem,5vw,4rem) 0}.contactus-form-group input,.contactus-form-group textarea{font-size:16px}.contactus-form-group input{height:clamp(2.8rem,5vh,3.2rem)}.contactus-info-item .material-icons{padding:clamp(8px,1vw,12px);min-width:clamp(32px,3vw,40px);height:clamp(32px,3vw,40px);font-size:clamp(1rem,1.5vw,1.2rem)}.contactus-submit-btn{padding:clamp(.8rem,2vw,1rem) clamp(1.5rem,3vw,2rem);height:clamp(2.8rem,5vh,3.2rem)}.contactus-info-card h2{font-size:clamp(1.5rem,3vw,1.8rem)}.contactus-social h3{font-size:clamp(1.1rem,2vw,1.2rem);margin-top:clamp(1.5rem,3vw,2.5rem)}.contactus-form label{font-size:clamp(.85rem,1.5vw,.95rem)}@media (max-width: 992px){.contactus-container{grid-template-columns:1fr}.social-links{justify-content:space-between}}@media (max-width: 576px){.social-links{flex-direction:column}.contactus-social-link{width:100%}}.article-container{font-family:Inter,sans-serif;max-width:1800px;margin:0 auto;padding:0;background-color:var(--body-color);color:var(--text-color);scroll-behavior:smooth;overflow-x:hidden;position:relative}.article-hero{position:relative;border-radius:clamp(15px,3vw,30px);overflow:hidden;margin:clamp(30px,5vw,50px) auto clamp(40px,6vw,60px);height:clamp(300px,50vw,500px);width:100%;max-width:1800px;display:flex;align-items:center;justify-content:center;background:linear-gradient(to right,#000000b3,#0006),url(https://images.unsplash.com/photo-1519682577862-22b62b24e493?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2070&q=80);background-size:cover;background-position:center;color:#fff;transition:all .3s ease-in-out}.article-hero-content{text-align:center;z-index:2;padding:0 clamp(1rem,3vw,2rem);width:100%;max-width:800px}.article-title{font-family:Montserrat,sans-serif;font-size:clamp(1.8rem,5vw,4rem);font-weight:800;margin-bottom:clamp(.5rem,2vw,1rem);text-shadow:2px 2px 4px rgba(0,0,0,.3);line-height:1.2;animation:fadeInDown 1s ease-out}.article-subtitle{font-family:Inter,sans-serif;font-size:clamp(.9rem,2vw,1.5rem);margin-bottom:clamp(1rem,3vw,2rem);text-shadow:1px 1px 2px rgba(0,0,0,.3);max-width:800px;margin-left:auto;margin-right:auto;animation:fadeInUp 1s ease-out .3s both}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.article-cta-button{display:inline-block;padding:clamp(10px,2vw,15px) clamp(25px,4vw,40px);background-color:#e5c0c0;color:#fff;font-family:Montserrat,sans-serif;font-weight:600;font-size:clamp(.9rem,1.5vw,1.1rem);text-decoration:none;border-radius:50px;transition:all .3s ease;box-shadow:0 5px 15px #e5c0c066;position:relative;overflow:hidden;animation:fadeInUp 1s ease-out .6s both}.article-cta-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:all .6s ease}.article-cta-button:hover{transform:translateY(-3px);background-color:#d8a8a8;box-shadow:0 8px 20px #e5c0c099}.article-cta-button:hover:before{left:100%}.article-content-section{padding:clamp(1rem,3vw,2rem);margin:clamp(40px,6vw,60px) auto;max-width:1200px;display:flex;flex-direction:column;gap:clamp(1.5rem,3vw,2rem)}.article-section-header{text-align:center;margin-bottom:clamp(2rem,4vw,3rem);animation:fadeIn 1s ease-out}.article-section-title{font-family:Montserrat,sans-serif;font-size:clamp(1.8rem,3vw,2.5rem);font-weight:700;color:#333;margin-bottom:.5rem;position:relative;display:inline-block;line-height:1.2}.article-section-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:clamp(60px,8vw,80px);height:3px;background:linear-gradient(90deg,#e5c0c0,#f2a1a1);border-radius:3px;transition:width .3s ease}.article-section-title:hover:after{width:clamp(80px,10vw,100px)}.article-section-subtitle{font-family:Inter,sans-serif;font-size:clamp(1rem,1.5vw,1.1rem);color:#666;margin-top:1.5rem;max-width:800px;margin-left:auto;margin-right:auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.article-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:clamp(1.5rem,3vw,2rem);align-items:start}.article-main-content{background:#fff;border-radius:clamp(8px,1.5vw,12px);padding:clamp(1.25rem,2.5vw,2rem);box-shadow:0 5px 15px #0000000d;transition:transform .3s ease,box-shadow .3s ease;animation:fadeIn 1s ease-out}.article-main-content:hover{box-shadow:0 8px 25px #00000014}.article-sidebar{display:flex;flex-direction:column;gap:clamp(1.5rem,2.5vw,2rem);position:sticky;top:2rem;animation:slideInRight 1s ease-out}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.article-toc,.article-featured,.article-popular-tags{background-color:#fff;border-radius:clamp(8px,1.5vw,12px);padding:clamp(1.25rem,2vw,1.5rem);box-shadow:0 4px 6px #0000000d;border:1px solid rgba(204,204,204,.5);transition:transform .3s ease,box-shadow .3s ease}.article-toc:hover,.article-featured:hover,.article-popular-tags:hover{transform:translateY(-5px);box-shadow:0 8px 15px #00000014}.article-toc h3,.article-featured h3,.article-popular-tags h3{font-size:1.25rem;margin:0 0 1rem;color:var(--text-color);font-weight:600;padding-bottom:.75rem;border-bottom:1px solid rgba(204,204,204,.3)}.toc-list{list-style:none;padding:0;margin:0}.toc-list li{margin-bottom:.5rem}.toc-list a{text-decoration:none;color:#333;font-size:.95rem;transition:all .3s ease;display:block;padding:.5rem .75rem;border-radius:6px;border-left:2px solid transparent;position:relative;overflow:hidden}.toc-list a:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:#e5c0c00d;transition:transform .3s ease;z-index:-1;transform:translate(-100%)}.toc-list a:hover{color:#e5c0c0;background-color:#e5c0c00d;border-left:2px solid #E5C0C0;transform:translate(3px)}.toc-list a:hover:before{transform:translate(0)}.toc-list .active{color:#e5c0c0;font-weight:500;background-color:#e5c0c01a;border-left:2px solid #E5C0C0}.article-content{font-size:clamp(1rem,1.5vw,1.1rem);line-height:1.8;color:#444}.article-content p{margin-bottom:1.5rem;animation:fadeIn 1s ease-out}.article-content h2{font-family:Montserrat,sans-serif;font-size:clamp(1.5rem,2.5vw,1.8rem);font-weight:700;color:#333;margin:2rem 0 1rem;padding-top:2rem;border-top:1px solid #f1f1f1;scroll-margin-top:80px;position:relative}.article-content h2:after{content:"";position:absolute;bottom:-5px;left:0;width:40px;height:2px;background:linear-gradient(90deg,#e5c0c0,#f2a1a1);border-radius:2px;transition:width .3s ease}.article-content h2:hover:after{width:60px}.article-content h3{font-family:Montserrat,sans-serif;font-size:clamp(1.25rem,2vw,1.5rem);font-weight:600;color:#333;margin:1.5rem 0 1rem;scroll-margin-top:80px}.article-content ul,.article-content ol{margin-bottom:1.5rem;padding-left:1.5rem}.article-content li{margin-bottom:.75rem;position:relative}.article-content ul li:before{content:"";position:absolute;left:-18px;top:10px;width:6px;height:6px;border-radius:50%;background-color:#e5c0c0}.article-content img{max-width:100%;height:auto;border-radius:clamp(8px,1.5vw,12px);margin:2rem 0;box-shadow:0 5px 15px #0000000d;transition:all .5s ease;display:block;opacity:0;transform:translateY(20px);filter:blur(5px)}.article-content img.loaded{opacity:1;transform:translateY(0);filter:blur(0)}.article-content img:hover{transform:scale(1.02);box-shadow:0 8px 25px #0000001a}.article-content blockquote{border-left:4px solid #E5C0C0;padding:1rem 1.5rem;font-style:italic;color:#666;margin:1.5rem 0;background-color:#e5c0c00d;border-radius:0 8px 8px 0;position:relative}.article-content blockquote:before{content:'"';position:absolute;top:0;left:10px;font-size:3rem;color:#e5c0c033;font-family:Georgia,serif;line-height:1}.article-content .highlight-box{background-color:#f9f5f5;padding:1.5rem;border-radius:12px;margin:2rem 0;border-left:4px solid #E5C0C0;box-shadow:0 3px 10px #e5c0c01a;position:relative;overflow:hidden}.article-content .highlight-box:before{content:"";position:absolute;top:-50px;right:-50px;width:100px;height:100px;background-color:#e5c0c01a;border-radius:50%}.article-meta{display:flex;align-items:center;gap:clamp(.75rem,1.5vw,1rem);margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid #f1f1f1;flex-wrap:wrap;justify-content:center}.article-author{display:flex;align-items:center;gap:.75rem;background-color:#f9f9f9;padding:.75rem 1rem;border-radius:50px;box-shadow:0 3px 10px #0000000d;transition:transform .3s ease,box-shadow .3s ease}.article-author:hover{transform:translateY(-3px);box-shadow:0 5px 15px #0000001a}.author-avatar{width:clamp(40px,5vw,50px);height:clamp(40px,5vw,50px);border-radius:50%;object-fit:cover;box-shadow:0 3px 8px #0000001a;border:2px solid white;transition:transform .3s ease}.article-author:hover .author-avatar{transform:scale(1.1)}.author-info h4{margin:0;font-size:clamp(.9rem,1.2vw,1rem);color:#333;font-weight:600}.author-info p{margin:0;font-size:clamp(.8rem,1vw,.85rem);color:#666}.article-date,.article-read-time{font-size:clamp(.85rem,1.1vw,.9rem);color:#666;display:flex;align-items:center;gap:.5rem;background-color:#f9f9f9;padding:.5rem .75rem;border-radius:20px;transition:transform .3s ease,background-color .3s ease}.article-date:hover,.article-read-time:hover{transform:translateY(-3px);background-color:#f5e8e8}.article-date i,.article-read-time i{color:#e5c0c0}.featured-article-item{display:flex;gap:1rem;padding:.75rem 0;border-bottom:1px solid rgba(204,204,204,.2);transition:all .3s ease}.featured-article-item:hover{transform:translate(5px);background-color:#e5c0c00d;padding-left:10px;border-radius:8px}.featured-article-item:last-child{border-bottom:none;padding-bottom:0}.featured-article-image{width:clamp(60px,8vw,80px);height:clamp(60px,8vw,80px);border-radius:8px;object-fit:cover;transition:all .3s ease;box-shadow:0 3px 10px #0000000d}.featured-article-item:hover .featured-article-image{transform:scale(1.05);box-shadow:0 5px 15px #0000001a}.featured-article-info{display:flex;flex-direction:column;justify-content:center}.featured-article-info h4{margin:0 0 .5rem;font-size:clamp(.85rem,1.2vw,.95rem);line-height:1.4}.featured-article-info h4 a{text-decoration:none;color:#333;transition:all .3s ease;position:relative;display:inline-block}.featured-article-info h4 a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background-color:#e5c0c0;transition:width .3s ease}.featured-article-info h4 a:hover{color:#e5c0c0}.featured-article-info h4 a:hover:after{width:100%}.featured-article-date{font-size:clamp(.75rem,1vw,.8rem);color:#666;display:inline-block;background-color:#f9f9f9;padding:.25rem .5rem;border-radius:12px;transition:all .3s ease}.featured-article-item:hover .featured-article-date{background-color:#f5e8e8}.tags-list{display:flex;flex-wrap:wrap;gap:clamp(.5rem,1vw,.75rem)}.tag{background-color:#f9f9f9;padding:clamp(.4rem,.8vw,.5rem) clamp(.75rem,1.2vw,1rem);border-radius:2rem;font-size:clamp(.8rem,1.1vw,.9rem);border:1px solid #e0e0e0;transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden}.tag:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#e5c0c0;transform:translateY(100%);transition:transform .3s ease;z-index:-1}.tag:hover{color:#fff;border-color:#e5c0c0;transform:translateY(-3px);box-shadow:0 3px 10px #e5c0c033}.tag:hover:before{transform:translateY(0)}.related-articles-section{margin:clamp(40px,6vw,60px) auto;position:relative}.related-articles-section:before{content:"";position:absolute;top:-30px;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(229,192,192,.5),transparent)}.related-articles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:clamp(1.5rem,3vw,2rem)}.related-article-card{background:#fff;border-radius:clamp(8px,1.5vw,12px);overflow:hidden;box-shadow:0 5px 15px #0000000d;transition:all .3s ease;height:100%;display:flex;flex-direction:column;position:relative}.related-article-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,transparent 0%,transparent 50%,rgba(229,192,192,.1) 100%);opacity:0;transition:opacity .3s ease;z-index:0}.related-article-card:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 15px 30px #0000001a}.related-article-card:hover:before{opacity:1}.related-article-image{height:clamp(150px,25vw,200px);background-size:cover;background-position:center;transition:transform .5s ease;position:relative}.related-article-image:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:30%;background:linear-gradient(to top,rgba(0,0,0,.3),transparent);opacity:0;transition:opacity .3s ease}.related-article-card:hover .related-article-image{transform:scale(1.05)}.related-article-card:hover .related-article-image:after{opacity:1}.related-article-content{padding:clamp(1.25rem,2vw,1.5rem);flex:1;display:flex;flex-direction:column;position:relative;z-index:1}.related-article-category{display:inline-block;padding:clamp(.3rem,.6vw,.4rem) clamp(.75rem,1.2vw,1rem);background-color:#f9f5f5;color:#e5c0c0;border-radius:20px;font-size:clamp(.75rem,1vw,.8rem);margin-bottom:.75rem;transition:all .3s ease;font-weight:500}.related-article-card:hover .related-article-category{background-color:#e5c0c0;color:#fff;transform:translateY(-3px)}.related-article-title{font-family:Montserrat,sans-serif;font-size:clamp(1.1rem,1.5vw,1.25rem);font-weight:600;margin-bottom:.75rem;line-height:1.3}.related-article-title a{color:#333;text-decoration:none;transition:all .3s ease;position:relative;display:inline;background-image:linear-gradient(transparent 97%,#e5c0c0 3%);background-repeat:no-repeat;background-size:0% 100%}.related-article-title a:hover{color:#e5c0c0;background-size:100% 100%}.related-article-excerpt{color:#666;font-size:clamp(.9rem,1.2vw,.95rem);margin-bottom:1rem;line-height:1.6;flex:1;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.related-article-meta{display:flex;justify-content:space-between;color:#999;font-size:clamp(.8rem,1vw,.85rem);margin-top:auto;background-color:#f9f9f9;padding:.5rem .75rem;border-radius:8px;transition:background-color .3s ease}.related-article-card:hover .related-article-meta{background-color:#f5e8e8}.article-newsletter{background-color:#f9f5f5;background-image:linear-gradient(135deg,#f9f5f5,#f8e6e6);padding:clamp(2.5rem,5vw,4rem) clamp(1.5rem,3vw,2rem);margin:clamp(40px,6vw,60px) auto;text-align:center;border-radius:clamp(15px,2vw,20px);box-shadow:0 10px 30px #e5c0c01a;position:relative;overflow:hidden}.article-newsletter:before{content:"";position:absolute;top:-50px;right:-50px;width:200px;height:200px;border-radius:50%;background-color:#e5c0c01a;z-index:0;animation:pulse 8s infinite alternate ease-in-out}.article-newsletter:after{content:"";position:absolute;bottom:-80px;left:-80px;width:250px;height:250px;border-radius:50%;background-color:#e5c0c00d;z-index:0;animation:pulse 10s infinite alternate-reverse ease-in-out}@keyframes pulse{0%{transform:scale(1);opacity:.5}50%{transform:scale(1.1);opacity:.7}to{transform:scale(1);opacity:.5}}.article-newsletter-content{max-width:600px;margin:0 auto;position:relative;z-index:1}.article-newsletter h2{font-family:Montserrat,sans-serif;font-size:clamp(1.8rem,3vw,2.5rem);font-weight:700;color:#333;margin-bottom:clamp(.75rem,1.5vw,1rem);line-height:1.2;animation:fadeInDown 1s ease-out}.article-newsletter p{font-family:Inter,sans-serif;font-size:clamp(1rem,1.5vw,1.1rem);color:#666;margin-bottom:clamp(1.5rem,3vw,2rem);max-width:500px;margin-left:auto;margin-right:auto;animation:fadeInUp 1s ease-out .3s both}.article-newsletter-form{display:flex;overflow:hidden;border-radius:50px;box-shadow:0 5px 15px #0000001a;max-width:500px;margin:0 auto;flex-wrap:wrap;animation:fadeInUp 1s ease-out .6s both;position:relative;z-index:2}.article-newsletter-form input{flex:1;min-width:200px;padding:clamp(1rem,1.5vw,1.2rem) clamp(1.25rem,2vw,1.5rem);border:none;font-size:1rem;font-family:Inter,sans-serif;outline:none}.article-newsletter-form button{background-color:#e5c0c0;color:#fff;border:none;padding:clamp(.75rem,1.5vw,1rem) clamp(1.5rem,3vw,2.5rem);font-family:Montserrat,sans-serif;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.article-newsletter-form button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:all .6s ease}.article-newsletter-form button:hover{background-color:#d8a8a8;transform:translateY(-3px);box-shadow:0 5px 15px #e5c0c04d}.article-newsletter-form button:hover:before{left:100%}.back-to-top{position:fixed;bottom:clamp(20px,4vw,30px);right:clamp(20px,4vw,30px);width:clamp(45px,6vw,50px);height:clamp(45px,6vw,50px);background-color:#e5c0c0;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 5px 15px #0000001a;transition:all .3s ease;opacity:0;visibility:hidden;z-index:100}.back-to-top.visible{opacity:1;visibility:visible;animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.back-to-top:hover{background-color:#d8a8a8;transform:translateY(-5px);box-shadow:0 8px 20px #00000026;animation:none}.back-to-top i{font-size:clamp(18px,2.5vw,24px)}.dark-mode{background-color:#1a1a1a;color:#f1f1f1}.dark-mode .article-main-content,.dark-mode .article-toc,.dark-mode .article-featured,.dark-mode .article-popular-tags{background-color:#2a2a2a;color:#f1f1f1;border-color:#444}.dark-mode .article-content{color:#e0e0e0}.dark-mode .article-content h2,.dark-mode .article-content h3,.dark-mode .article-section-title{color:#f1f1f1}.dark-mode .article-section-subtitle,.dark-mode .article-content p,.dark-mode .article-content li,.dark-mode .toc-list a{color:#ccc}.dark-mode .toc-list a:hover,.dark-mode .toc-list .active{color:#e5c0c0;background-color:#e5c0c01a}.dark-mode .featured-article-info h4 a{color:#f1f1f1}.dark-mode .featured-article-date,.dark-mode .article-date,.dark-mode .article-read-time{background-color:#333;color:#ccc}.dark-mode .tag{background-color:#333;border-color:#444;color:#ccc}.dark-mode .social-sharing{background-color:#2a2a2a}.dark-mode .social-sharing h3{color:#f1f1f1}.dark-mode .comment-form textarea{background-color:#333;border-color:#444;color:#f1f1f1}.dark-mode .article-newsletter{background-color:#2a2a2a;background-image:linear-gradient(135deg,#2a2a2a,#333)}.dark-mode .article-newsletter h2{color:#f1f1f1}.dark-mode .article-newsletter p{color:#ccc}.dark-mode .article-newsletter-form input{background-color:#333;color:#f1f1f1}.dark-mode .dark-mode-toggle{background-color:#e5c0c0}.social-sharing{display:flex;flex-direction:column;align-items:center;margin:2rem 0;padding:1.5rem;background-color:#f9f9f9;border-radius:12px;position:relative;overflow:hidden;animation:fadeIn 1s ease-out}.social-sharing:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,transparent 0%,transparent 50%,rgba(229,192,192,.05) 100%);z-index:0}.social-sharing h3{font-family:Montserrat,sans-serif;font-size:clamp(1.25rem,2vw,1.5rem);margin-bottom:1rem;color:#333;position:relative;z-index:1}.social-buttons-container{display:flex;gap:clamp(.75rem,1.5vw,1rem);margin:1rem 0;justify-content:center;flex-wrap:wrap;position:relative;z-index:1}.social-button{width:clamp(42px,6vw,48px);height:clamp(42px,6vw,48px);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;transition:all .3s ease;box-shadow:0 3px 10px #0000001a;cursor:pointer;position:relative;overflow:hidden}.social-button:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#ffffff1a;transform:scale(0);transition:transform .3s ease;border-radius:50%}.social-button:hover{transform:translateY(-5px) scale(1.1);box-shadow:0 8px 20px #0003}.social-button:hover:before{transform:scale(1)}.social-button i{font-size:clamp(18px,2.5vw,22px);position:relative;z-index:1}.facebook{background-color:#3b5998}.twitter{background-color:#1da1f2}.linkedin{background-color:#0077b5}.pinterest{background-color:#bd081c}.article-comments{margin-top:3rem;padding-top:2rem;border-top:1px solid #f1f1f1;animation:fadeIn 1s ease-out}.article-comments h3{font-family:Montserrat,sans-serif;font-size:clamp(1.25rem,2vw,1.5rem);margin-bottom:1.5rem;position:relative;display:inline-block}.article-comments h3:after{content:"";position:absolute;bottom:-8px;left:0;width:50px;height:3px;background:linear-gradient(90deg,#e5c0c0,#f2a1a1);border-radius:3px;transition:width .3s ease}.article-comments h3:hover:after{width:70px}.comment-form{margin-bottom:2rem}.comment-form textarea{width:100%;padding:clamp(.75rem,1.5vw,1rem);border:1px solid #e0e0e0;border-radius:clamp(6px,1vw,8px);font-family:Inter,sans-serif;font-size:clamp(.9rem,1.2vw,1rem);resize:vertical;min-height:120px;margin-bottom:1rem;transition:all .3s ease}.comment-form textarea:focus{outline:none;border-color:#e5c0c0;box-shadow:0 0 0 3px #e5c0c033;transform:translateY(-3px)}.submit-comment{background-color:#e5c0c0;color:#fff;border:none;padding:clamp(.6rem,1vw,.75rem) clamp(1.5rem,2.5vw,2rem);border-radius:30px;font-family:Montserrat,sans-serif;font-weight:600;font-size:clamp(.9rem,1.2vw,1rem);cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.submit-comment:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:all .6s ease}.submit-comment:hover{background-color:#d8a8a8;transform:translateY(-3px);box-shadow:0 5px 15px #e5c0c066}.submit-comment:hover:before{left:100%}@media (max-width: 1200px){.article-layout{grid-template-columns:1.5fr 1fr}}@media (max-width: 992px){.article-layout{grid-template-columns:1fr}.article-sidebar{position:static;margin-top:2rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.article-meta{flex-wrap:wrap;justify-content:center;gap:1rem}.article-date,.article-read-time{margin:.5rem}.related-article-card:hover{transform:translateY(-5px) scale(1.01)}}@media (max-width: 768px){.article-meta{flex-direction:column;align-items:center;text-align:center;gap:1rem}.article-date,.article-read-time{margin:.25rem auto}.article-author{flex-direction:column;text-align:center;padding:1rem}.author-info{margin-top:.5rem;text-align:center}.article-newsletter-form{flex-direction:column;border-radius:15px}.article-newsletter-form input{border-radius:15px 15px 0 0;text-align:center;padding:1rem}.article-newsletter-form button{border-radius:0 0 15px 15px;width:100%;padding:1rem}.article-sidebar{grid-template-columns:1fr}.featured-article-item{align-items:center}.social-buttons-container{gap:1rem}.social-button{width:45px;height:45px}.article-content h2{font-size:1.5rem}.article-content h3{font-size:1.3rem}}@media (max-width: 576px){.article-content-section{padding:1rem}.article-main-content{padding:1.25rem}.related-articles-grid{grid-template-columns:1fr}.social-sharing{padding:1rem}.social-buttons-container{gap:.75rem}.social-button{width:40px;height:40px}.article-content img{margin:1.5rem 0}.article-content blockquote{padding:.75rem 1rem}.article-content .highlight-box{padding:1rem}.article-hero{height:clamp(250px,40vh,300px);margin:20px auto 30px;border-radius:15px}.article-newsletter{padding:2rem 1rem}.back-to-top{bottom:15px;right:15px;width:40px;height:40px}.article-toc,.article-featured,.article-popular-tags{padding:1rem}.comment-form textarea{min-height:100px}.submit-comment{width:100%}}.reading-progress-container{position:fixed;top:0;left:0;width:100%;height:4px;background:transparent;z-index:1000}.reading-progress-bar{height:100%;background:linear-gradient(90deg,#e5c0c0,#f2a1a1);width:0%;transition:width .1s ease}.article-content a{color:#e5c0c0;text-decoration:underline;text-underline-offset:2px;transition:all .3s ease}.article-content a:hover{color:#d8a8a8;text-decoration-thickness:2px}.article-content a:focus{outline:2px solid #E5C0C0;outline-offset:2px}.skip-to-content{position:absolute;top:-40px;left:0;background:#e5c0c0;color:#fff;padding:8px 16px;z-index:1001;transition:top .3s ease}.skip-to-content:focus{top:0}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.related-article-excerpt{line-clamp:3}.text-selection-share{position:absolute;background-color:#e5c0c0;color:#fff;border-radius:4px;padding:8px 12px;font-size:14px;box-shadow:0 3px 10px #0000001a;display:flex;align-items:center;gap:5px;cursor:pointer;z-index:1000;opacity:0;transform:translateY(10px);transition:all .3s ease;pointer-events:none}.text-selection-share.visible{opacity:1;transform:translateY(0);pointer-events:all}.text-selection-share:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border-width:5px;border-style:solid;border-color:#E5C0C0 transparent transparent transparent}.text-selection-share:hover{background-color:#d8a8a8}.dark-mode .text-selection-share{background-color:#444}.dark-mode .text-selection-share:after{border-color:#444 transparent transparent transparent}.dark-mode .text-selection-share:hover{background-color:#555}.otb-container{display:flex;min-height:100vh;width:100%;font-family:Inter,Segoe UI,Roboto,sans-serif;background-color:#fff;transition:opacity .3s ease-in-out,transform .3s ease-in-out;padding:2rem}.otb-form-section{flex:1;padding:0rem 3rem;display:flex;flex-direction:column;justify-content:center;background-color:#fff;position:relative;z-index:1}.otb-form-section:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 15% 85%,rgba(110,66,229,.05) 0%,transparent 40%),radial-gradient(circle at 85% 15%,rgba(255,209,102,.08) 0%,transparent 45%);z-index:-1}.otbh1{font-size:3.2rem;font-weight:800;margin:0 auto 2.5rem;color:#333;background:linear-gradient(to right,#333,var(--button-action));-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:-.5px;line-height:1.1}.otb-form{display:flex;flex-direction:column;align-items:center}.otp-input-group{display:flex;justify-content:center;gap:.5rem;margin:1.5rem 0}.otp-input{width:3rem!important;height:3rem;font-size:1.5rem;text-align:center;border-radius:12px;border:1.5px solid rgba(225,225,225,.8);background-color:#f9f9f980;transition:all .3s ease;box-shadow:0 2px 8px #0000000a}.otp-input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 3px 12px var(--accent-color-light);transform:translateY(-2px);background-color:#fff}.otb-button{width:100%;max-width:300px;padding:1.2rem;border-radius:12px;border:none;font-size:1.05rem;font-weight:700;cursor:pointer;transition:all .4s ease;background:linear-gradient(135deg,var(--accent-color),var(--text-color));color:var(--text-on-primary);box-shadow:0 8px 20px rgba(var(--primary-rgb),.3)}.otb-button:hover{transform:translateY(-3px);box-shadow:0 10px 25px var(--accent-color-light)}.otb-button:active{transform:translateY(-1px);box-shadow:0 5px 15px rgba(var(--primary-rgb),.25)}.otb-image-section{flex:1;background:linear-gradient(135deg,#f3f9ec,#e3f1fc);position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center;padding:2rem;box-shadow:-10px 0 25px #0000000d}.otb-image,.ecommerce-illustration{max-width:100%;height:auto;filter:drop-shadow(0 10px 20px rgba(0,0,0,.1));border-radius:8px}.help-container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px;font-family:Inter,Segoe UI,Roboto,sans-serif}.help-hero{text-align:center;padding:60px 20px;background:var(--background-color-light);border-radius:12px;margin:30px 0;position:relative;overflow:hidden}.help-hero:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 15% 85%,rgba(229,192,192,.15) 0%,transparent 40%),radial-gradient(circle at 85% 15%,rgba(229,192,192,.1) 0%,transparent 45%);z-index:0}.help-title{font-size:2.5rem;color:var(--text-color, #333);margin-bottom:15px;position:relative;z-index:1}.help-subtitle{font-size:1.1rem;color:var(--text-color, #666);opacity:.7;max-width:600px;margin:0 auto 30px;position:relative;z-index:1}.help-search-container{display:flex;max-width:600px;margin:0 auto;position:relative;z-index:1}.help-search-input{flex:1;padding:15px 20px;border:1px solid rgba(229,192,192,.3);border-radius:30px;font-size:1rem;background-color:var(--input-bg, white);color:var(--text-color);box-shadow:0 4px 12px var(--shadow-color, rgba(0, 0, 0, .05));transition:all .3s ease}.help-search-input:focus{outline:none;border-color:#e5c0c0;box-shadow:0 6px 16px #e5c0c033}.help-search-button{position:absolute;right:-5px;top:0;background:#e5c0c0;border:none;border-radius:50%;width:38px;height:38px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.help-search-button:hover{background:#d8a8a8}.help-search-button i{color:#fff}.help-quick-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin:40px 0}.help-quick-link-card{background:var(--body-color);border-radius:12px;padding:25px;box-shadow:0 4px 12px var(--shadow-color, rgba(0, 0, 0, .05));transition:all .3s ease;text-align:center;display:flex;flex-direction:column;align-items:center;border:1px solid rgba(229,192,192,.1)}.help-quick-link-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #e5c0c033;border-color:#e5c0c0}.help-quick-link-icon{width:60px;height:60px;background:#e5c0c01a;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:15px}.help-quick-link-icon i{font-size:28px;color:#e5c0c0}.help-quick-link-card h3{font-size:1.2rem;margin-bottom:10px;color:var(--text-color, #333)}.help-quick-link-card p{font-size:.9rem;color:var(--text-color, #666);opacity:.7;margin-bottom:20px}.help-quick-link-button{padding:8px 16px;background:transparent;border:1px solid #E5C0C0;border-radius:20px;color:#e5c0c0;font-size:.9rem;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block}.help-quick-link-button:hover{background:#e5c0c0;color:#fff}.help-content{margin:40px 0}.help-section{margin-bottom:40px}.help-section-title{font-size:1.8rem;color:var(--text-color, #333);margin-bottom:25px;position:relative;padding-bottom:10px}.help-section-title:after{content:"";position:absolute;bottom:0;left:0;width:60px;height:3px;background-color:#e5c0c0}.help-faq-list{display:flex;flex-direction:column;gap:15px}.help-faq-item{background:var(--body-color);border-radius:10px;overflow:hidden;box-shadow:0 2px 8px var(--shadow-color, rgba(0, 0, 0, .05));border:1px solid rgba(229,192,192,.1);transition:all .3s ease}.help-faq-item:hover{box-shadow:0 4px 12px #e5c0c026}.help-faq-item.active{box-shadow:0 6px 16px #e5c0c033;border-color:#e5c0c0}.help-faq-question{padding:20px;display:flex;justify-content:space-between;align-items:center;cursor:pointer}.help-faq-question h3{font-size:1.1rem;color:var(--text-color, #333);margin:0;font-weight:500}.help-faq-question span{color:#e5c0c0}.help-faq-answer{padding:0 20px 20px;border-top:1px solid rgba(229,192,192,.1)}.help-faq-answer p{margin:15px 0 0;color:var(--text-color, #666);opacity:.7;line-height:1.6}.help-guides-list{display:flex;flex-direction:column;gap:15px}.help-guide-item{background:var(--body-color);border-radius:10px;overflow:hidden;box-shadow:0 2px 8px var(--shadow-color, rgba(0, 0, 0, .05));border:1px solid rgba(229,192,192,.1);transition:all .3s ease}.help-guide-item:hover{box-shadow:0 4px 12px #e5c0c026}.help-guide-item.active{box-shadow:0 6px 16px #e5c0c033;border-color:#e5c0c0}.help-guide-title{padding:20px;display:flex;justify-content:space-between;align-items:center;cursor:pointer}.help-guide-title h3{font-size:1.1rem;color:var(--text-color, #333);margin:0;font-weight:500}.help-guide-title span{color:#e5c0c0}.help-guide-content{padding:0 20px 20px;border-top:1px solid rgba(229,192,192,.1)}.help-guide-content p{margin:15px 0 0;color:var(--text-color, #666);opacity:.7;line-height:1.6}.help-contact-section{background:var(--background-color-light);border-radius:12px;padding:40px;margin-top:50px;text-align:center}.help-contact-content h2{font-size:1.8rem;color:var(--text-color, #333);margin-bottom:15px}.help-contact-content p{color:var(--text-color, #666);opacity:.7;max-width:600px;margin:0 auto 30px}.help-contact-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.help-contact-option{background:var(--body-color);padding:25px 15px;border-radius:10px;box-shadow:0 4px 12px var(--shadow-color, rgba(0, 0, 0, .05))}.help-contact-option i{font-size:30px;color:#e5c0c0;margin-bottom:15px}.help-contact-option h3{font-size:1.2rem;margin-bottom:10px;color:var(--text-color, #333)}.help-contact-option p{font-size:.9rem;color:var(--text-color, #666);opacity:.7;margin:5px 0}.help-contact-button{display:inline-block;padding:12px 30px;background:#e5c0c0;color:#fff;border:none;border-radius:30px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;text-decoration:none;box-shadow:0 4px 12px #e5c0c04d}.help-contact-button:hover{background:#d8a8a8;transform:translateY(-3px);box-shadow:0 6px 16px #e5c0c066}.help-no-results{text-align:center;padding:30px;background:#e5c0c00d;border-radius:10px;margin:20px 0;color:var(--text-color)}.help-no-results i{font-size:40px;color:#e5c0c0;margin-bottom:15px}.help-no-results p{color:var(--text-color, #666);opacity:.7}@media (max-width: 768px){.help-hero{padding:40px 15px}.help-title{font-size:2rem}.help-contact-section{padding:30px 20px}.help-contact-options{grid-template-columns:1fr}}@media (max-width: 480px){.help-title{font-size:1.8rem}.help-subtitle{font-size:1rem}.help-search-input{padding:12px 15px}.help-section-title{font-size:1.5rem}.help-faq-question h3,.help-guide-title h3{font-size:1rem}}.forgot-password-container{display:flex;min-height:100vh;width:100%;font-family:Inter,Segoe UI,Roboto,sans-serif;background-color:#fff;flex-direction:row;transition:opacity .3s ease-in-out,transform .3s ease-in-out;position:relative;overflow:hidden}.forgot-password-container.fade-in{animation:fadeIn .3s ease-in-out forwards}.forgot-password-container.fade-out{animation:fadeOut .3s ease-in-out forwards}.forgot-password-illustration-section{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background-color:#f8f9fa;z-index:1;overflow:hidden}.forget-password-logo{position:absolute;top:1.5rem;left:3rem;z-index:11}.forget-password-logo img:hover{transform:scale(1.05)}.forgot-password-form-section{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;justify-content:center;padding:2.5rem 4rem;max-width:500px;width:90%;background-color:#ffffffd9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:16px;box-shadow:0 8px 32px #0000001a;z-index:10}.forgot-password-heading{font-size:2.2rem;font-weight:700;color:#333;margin-bottom:.5rem}.forgot-password-subheading{font-size:1rem;color:#666;margin-bottom:2rem;line-height:1.5}.forgot-password-form{display:flex;flex-direction:column;gap:1.5rem;width:100%}.form-input{padding:.8rem 1rem;border:1.5px solid #ddd;border-radius:8px;font-size:1rem;transition:all .3s ease}.form-input:focus{border-color:var(--accent-color);outline:none;box-shadow:0 0 0 2px var(--accent-color-light)}.reset-button{padding:.9rem;border:none;border-radius:8px;background-color:var(--accent-color);color:var(--text-on-primary);font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;margin-top:1rem}.reset-button:hover{background-color:var(--background-color-light)}.reset-button:disabled{background-color:var(--neutral-400);cursor:not-allowed}.reset-button.active{background-color:var(--accent-color)}.login-link{margin-top:1.5rem;text-align:center;font-size:.95rem;color:#666}.login-link a{color:var(--accent-color);text-decoration:none;font-weight:500;transition:all .3s ease}.login-link a:hover{text-decoration:underline}@media (max-width: 992px){.forgot-password-form-section{padding:2rem;width:85%;max-width:450px}}@media (max-width: 576px){.forgot-password-form-section{padding:1.5rem;width:90%;max-width:100%}.forgot-password-heading{font-size:1.8rem}}.reset-password-container{display:flex;min-height:100vh;width:100%;font-family:Inter,Segoe UI,Roboto,sans-serif;background-color:#fff;flex-direction:row;transition:opacity .3s ease-in-out,transform .3s ease-in-out;position:relative;overflow:hidden}.reset-password-container.fade-in{animation:fadeIn .3s ease-in-out forwards}.reset-password-container.fade-out{animation:fadeOut .3s ease-in-out forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.reset-password-illustration-section{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background-color:#f8f9fa;z-index:1;overflow:hidden}.illustration-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;overflow:hidden}.ecommerce-illustration{width:100%;height:100%;object-fit:cover;object-position:center}.reset-password-form-section{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;justify-content:center;padding:2.5rem 4rem;max-width:500px;width:90%;background-color:#ffffffd9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:16px;box-shadow:0 8px 32px #0000001a;z-index:10}.reset-password-logo{position:absolute;top:1.5rem;left:3rem;z-index:11}.reset-password-logo img:hover{transform:scale(1.05)}.reset-password-heading{font-size:2.2rem;font-weight:700;color:#333;margin-bottom:.5rem}.reset-password-subheading{font-size:1rem;color:#666;margin-bottom:2rem;line-height:1.5}.reset-password-form{display:flex;flex-direction:column;gap:1.5rem;width:100%}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.9rem;font-weight:500;color:#555}.password-input-container{position:relative;width:100%}.form-input{padding:.8rem 1rem;border:1.5px solid #ddd;border-radius:8px;font-size:1rem;transition:all .3s ease;width:100%}.form-input:focus{border-color:var(--button-action);outline:none;box-shadow:0 0 0 2px #6e42e51a}.form-input.valid{border-color:#28a745}.form-input.invalid{border-color:#dc3545}.toggle-password-visibility{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:#666;cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center}.toggle-password-visibility:hover{color:#333}.reset-button{padding:.9rem;border:none;border-radius:8px;background-color:var(--button-action);color:#fff;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;margin-top:1rem}.reset-button:hover{background-color:#5a35c8}.reset-button:disabled{background-color:#b8b8b8;cursor:not-allowed}.reset-button.active{background-color:var(--button-action)}@media (max-width: 992px){.reset-password-form-section{padding:2rem;width:85%;max-width:450px}}@media (max-width: 576px){.reset-password-form-section{padding:1.5rem;width:90%;max-width:100%}.reset-password-heading{font-size:1.8rem}.reset-password-logo{top:15px;left:15px}.reset-password-logo img{height:30px}}.tp-container{max-width:1200px;margin:0 auto;padding:40px 20px;font-family:Poppins,sans-serif}.tp-content{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #0000000d;padding:40px;margin-bottom:40px}.tp-title{color:#333;font-size:2.5rem;margin-bottom:30px;text-align:center;font-weight:600}.tp-tabs{display:flex;justify-content:center;margin-bottom:30px;border-bottom:1px solid #E5C0C0}.tp-tab{background:none;border:none;padding:12px 24px;font-size:1.1rem;font-weight:500;color:#666;cursor:pointer;position:relative;transition:all .3s ease}.tp-tab:hover{color:#e5c0c0}.tp-tab.active{color:#e5c0c0;font-weight:600}.tp-tab.active:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:3px;background-color:#e5c0c0}.tp-section{line-height:1.6}.tp-section h2{font-size:2rem;color:#333;margin-bottom:20px;font-weight:600}.tp-section h3{font-size:1.3rem;color:#444;margin:30px 0 15px;font-weight:500}.tp-section p{margin-bottom:20px;color:#555;font-size:1rem}.tp-section ul{margin-left:20px;margin-bottom:20px}.tp-section li{margin-bottom:8px;color:#555}@media (max-width: 768px){.tp-content{padding:30px 20px}.tp-title{font-size:2rem}.tp-tab{padding:10px 15px;font-size:1rem}.tp-section h2{font-size:1.7rem}.tp-section h3{font-size:1.2rem}}.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker-wrapper{display:inline-block;padding:0;border:0}.react-datepicker{font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;background-color:#fff;color:#000;border:1px solid #aeaeae;border-radius:.3rem;display:inline-block;position:relative;line-height:initial}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker-popper{z-index:1;line-height:0}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker__header{text-align:center;background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__year-dropdown-container--select,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--scroll{display:inline-block;margin:0 15px}.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header{margin-top:0;color:#000;font-weight:700;font-size:.944rem}h2.react-datepicker__current-month{padding:0;margin:0}.react-datepicker-time__header{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.react-datepicker__navigation{align-items:center;background:none;display:flex;justify-content:center;text-align:center;cursor:pointer;position:absolute;top:2px;padding:0;border:none;z-index:1;height:32px;width:32px;text-indent:-999em;overflow:hidden}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{position:relative;top:0;display:block;margin-left:auto;margin-right:auto}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover *:before{border-color:#a6a6a6}.react-datepicker__navigation-icon{position:relative;top:-1px;font-size:20px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{transform:rotate(45deg);left:-7px}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{transform:rotate(225deg);right:-7px}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__input-time-container{clear:both;width:100%;float:left;margin:5px 0 10px 15px;text-align:left}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{margin-left:5px;display:inline-block}.react-datepicker__time-container{float:right;border-left:1px solid #aeaeae;width:85px}.react-datepicker__time-container--with-today-button{display:inline;border:1px solid #aeaeae;border-radius:.3rem;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{position:relative;background:#fff;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{width:85px;overflow-x:hidden;margin:0 auto;text-align:center;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{list-style:none;margin:0;height:calc(195px + .85rem);overflow-y:scroll;padding-right:0;padding-left:0;width:100%;box-sizing:content-box}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{cursor:pointer;background-color:#f0f0f0}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{cursor:default;background-color:transparent}.react-datepicker__week-number{color:#ccc;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__week-number--selected{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__day-names{white-space:nowrap;margin-bottom:-8px}.react-datepicker__week{white-space:nowrap}.react-datepicker__day-name,.react-datepicker__day,.react-datepicker__time-name{color:#000;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{border-radius:.3rem;background-color:#3dcc4a;color:#fff}.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{position:relative;border-radius:.3rem;background-color:#ff6803;color:#fff}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__day--holidays:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{visibility:visible;opacity:1}.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range,.react-datepicker__month-text--selected,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--selected,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--selected,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--in-range{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{border-radius:.3rem;background-color:#bad9f1;color:#000}.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{cursor:default;color:#ccc}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{position:absolute;bottom:70%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__input-container{position:relative;display:inline-block;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{position:absolute;padding:.5rem;box-sizing:content-box}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__year-read-view,.react-datepicker__month-read-view,.react-datepicker__month-year-read-view{border:1px solid transparent;border-radius:.3rem;position:relative}.react-datepicker__year-read-view:hover,.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover{cursor:pointer}.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{transform:rotate(135deg);right:-16px;top:0}.react-datepicker__year-dropdown,.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown{background-color:#f0f0f0;position:absolute;width:50%;left:25%;top:30px;z-index:1;text-align:center;border-radius:.3rem;border:1px solid #aeaeae}.react-datepicker__year-dropdown:hover,.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover{cursor:pointer}.react-datepicker__year-dropdown--scrollable,.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__year-option,.react-datepicker__month-option,.react-datepicker__month-year-option{line-height:20px;width:100%;display:block;margin-left:auto;margin-right:auto}.react-datepicker__year-option:first-of-type,.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__year-option:last-of-type,.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__year-option:hover,.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover{background-color:#ccc}.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__year-option--selected,.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected{position:absolute;left:15px}.react-datepicker__close-icon{cursor:pointer;background-color:transparent;border:0;outline:0;padding:0 6px 0 0;position:absolute;top:0;right:0;height:100%;display:table-cell;vertical-align:middle}.react-datepicker__close-icon:after{cursor:pointer;background-color:#216ba5;color:#fff;border-radius:50%;height:16px;width:16px;padding:2px;font-size:12px;line-height:1;text-align:center;display:table-cell;vertical-align:middle;content:"×"}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{cursor:default;background-color:#ccc}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;cursor:pointer;text-align:center;font-weight:700;padding:5px 0;clear:left}.react-datepicker__portal{position:fixed;width:100vw;height:100vh;background-color:#000c;left:0;top:0;justify-content:center;align-items:center;display:flex;z-index:2147483647}.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:3rem;line-height:3rem}@media (max-width: 400px),(max-height: 550px){.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:2rem;line-height:2rem}}.react-datepicker__portal .react-datepicker__current-month,.react-datepicker__portal .react-datepicker-time__header{font-size:1.44rem}.react-datepicker__children-container{width:13.8rem;margin:.4rem;padding-right:.2rem;padding-left:.2rem;height:auto}.react-datepicker__aria-live{position:absolute;clip-path:circle(0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;width:1px;white-space:nowrap}.react-datepicker__calendar-icon{width:1em;height:1em;vertical-align:-.125em}