.container{margin:0 auto;max-width:1400px;max-width:var(--container-max-width,1400px);padding:0 20px;width:100%}@media (max-width:1400px){.container{padding:0 30px}}@media (max-width:768px){.container{padding:0 20px}}@media (max-width:480px){.container{padding:0 15px}}.top-bar{background-color:var(--dark-charcoal);color:var(--white);font-size:.85rem;padding:8px 0}.top-bar .container{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between}.top-bar-left{gap:20px}.promo-text,.top-bar-left{align-items:center;display:flex}.promo-text{color:var(--white);gap:5px}.top-bar-right{align-items:center;display:flex;gap:20px}.top-bar-right a{align-items:center;color:var(--white);display:flex;gap:5px;text-decoration:none;transition:var(--transition)}.top-bar-right a:hover{color:var(--primary-color)}@media (max-width:768px){.top-bar{display:none}}.main-header{background-color:#ee4236;box-shadow:0 2px 10px #0000001a;padding:20px 0;position:sticky;top:0;transition:transform .3s ease-in-out,padding .3s ease;z-index:1000}.main-header .container{padding-left:20px;padding-right:20px}@media (min-width:1200px){.main-header .container{padding-left:60px;padding-right:60px}}.main-header.hidden{transform:translateY(-100%)}.main-header.visible{transform:translateY(0)}.main-header.scrolled{padding:10px 0}.header-content{align-items:center;display:flex;gap:20px;justify-content:space-between}.logo h1{color:#fff;font-size:1.8rem;font-weight:700}.logo h1 span{color:#fff;opacity:.9}.logo a{text-decoration:none}.logo img{transition:width .3s ease}.search-bar{display:flex;flex:1 1;max-width:600px;position:relative}.search-bar input{background-color:#ffffff1a;border:2px solid #fff3;border-radius:4px;color:#fff;font-family:Inter,sans-serif;font-size:1rem;padding:12px 15px;transition:all .3s ease;width:100%}.search-bar input::placeholder{color:#ffffffb3}.search-bar input:focus{background-color:#fff3;border-color:#fff;outline:none}.search-bar button{background-color:#fff;border:none;border-radius:4px;bottom:5px;color:#ee4236;cursor:pointer;font-size:1rem;padding:0 20px;position:absolute;right:5px;top:5px;transition:all .3s ease}.search-bar button:hover{background-color:#f5f5f5;transform:scale(.98)}.header-icons{align-items:center;display:flex;gap:15px}.icon-btn{background:none;color:#fff;font-size:1.2rem;text-decoration:none;transition:all .3s ease}.icon-btn:hover{color:#fffc}.icon-btn .badge{background-color:#fff;border-radius:50%;color:#ee4236;font-size:.7rem;font-weight:700;min-width:18px;padding:2px 6px;position:absolute;right:-8px;top:-8px}.search-toggle{display:none}.contact-buttons{display:flex;gap:10px;margin-left:15px}.contact-btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:.9rem;gap:5px;padding:8px 15px;transition:all .3s ease}.contact-btn.call{background-color:#fff3;border:1px solid #ffffff4d;color:#fff}.contact-btn.call:hover{background-color:#ffffff4d}.contact-btn.whatsapp{background-color:#25d366;color:#fff}.contact-btn.whatsapp:hover{background-color:#128c7e}.contact-btn:hover{box-shadow:0 5px 15px #0003;transform:translateY(-2px)}.mobile-menu-btn{background:none;border:none;color:#fff;cursor:pointer;display:none;font-size:1.5rem}@media (max-width:992px){.main-header{padding:15px 0}.main-header.scrolled{padding:8px 0}.header-content{flex-wrap:wrap;position:relative}.search-bar{display:none;flex:0 0 100%;margin-top:10px;max-width:100%;order:3}.search-bar.mobile-visible{display:flex}.header-icons{margin-left:auto}.mobile-menu-btn{display:block}.search-toggle{display:flex}.header-icons{gap:12px}}@media (max-width:768px){.main-header .container{padding-left:15px;padding-right:15px}.header-icons .contact-buttons{display:none}.logo img{width:130px}.header-icons{gap:10px}.icon-btn{font-size:1.1rem}.icon-btn .badge{font-size:.65rem;min-width:16px;padding:2px 5px;right:-6px;top:-6px}.search-bar.mobile-visible{margin-right:15px;max-width:calc(100% - 30px)}.search-bar.mobile-visible input{font-size:.95rem;padding:10px 12px}.search-bar.mobile-visible button{bottom:3px;padding:0 15px;right:3px;top:3px}}@media (max-width:480px){.main-header .container{padding-left:12px;padding-right:12px}.logo img{width:110px}.header-icons{gap:8px}.icon-btn{font-size:1rem}.mobile-menu-btn{font-size:1.3rem}.search-bar.mobile-visible{margin-right:10px;max-width:calc(100% - 20px)}.search-bar.mobile-visible input{font-size:.9rem;padding:8px 10px}.search-bar.mobile-visible button{font-size:.9rem;padding:0 12px}}.search-bar.mobile-visible{animation:slideDown .3s ease forwards}.category-nav{background-color:#fff;border-bottom:1px solid #e0e0e0;overflow-x:hidden;position:sticky;top:80px;transition:all .3s ease;width:100%;z-index:999}.category-nav.scrolled{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffffb3;border-bottom:1px solid #fff3;box-shadow:0 4px 20px #0000001a}.category-nav.scrolled .nav-menu a{color:#000c}.category-nav.sticky-active{animation:slideDown .3s ease-in-out;background-color:#ee4236;border-bottom:none;box-shadow:0 4px 20px #ee42364d;left:0;overflow-x:hidden;position:fixed;right:0;top:0;width:100%;z-index:1000}.category-nav.sticky-active .dropdown-icon,.category-nav.sticky-active .nav-menu a{color:#fff}.nav-menu{display:flex;flex-wrap:wrap;gap:30px;list-style:none;margin:0;padding:15px 0;position:relative}.nav-menu a{align-items:center;color:#333;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:5px;text-decoration:none;transition:all .3s ease;white-space:nowrap}.nav-menu a:hover{color:#ee4236}.dropdown-icon{font-size:.8rem;transition:transform .3s ease}.dropdown-icon.rotated{transform:rotate(180deg)}.dropdown-trigger{position:relative}.category-dropdown{background:#fff;border:1px solid #eaeaea;border-radius:4px;box-shadow:0 4px 12px #00000026;list-style:none;margin:0;min-width:200px;opacity:0;padding:5px 0;pointer-events:none;position:fixed;transform:translateY(-5px);transition:all .15s ease;visibility:hidden;z-index:2147483647!important}.category-dropdown.show{opacity:1;pointer-events:all;transform:translateY(0);visibility:visible}.dropdown-item{margin:0;padding:0}.dropdown-item a{color:#333!important;display:block!important;font-size:.95rem!important;font-weight:400!important;padding:10px 20px!important;transition:background-color .15s ease!important;white-space:nowrap!important}.dropdown-item a:hover{background-color:#f5f5f5!important;color:#ee4236!important}.dropdown-item.view-all{border-top:1px solid #eaeaea;margin-top:5px;padding-top:5px}.dropdown-item.view-all a{color:#ee4236!important;font-weight:500!important}.dropdown-item.view-all a:hover{background-color:#ee4236!important;color:#fff!important}@media screen and (max-width:992px){.category-nav{-webkit-overflow-scrolling:touch;background:#fff;bottom:0;display:none;left:0;overflow-x:hidden;overflow-y:auto;padding-top:70px;position:fixed;right:0;top:0;width:100%;z-index:2147483646!important}.category-nav.mobile-open{display:block}.category-nav.mobile-open .container{margin:0;max-width:100%;overflow-x:hidden;padding-left:0;padding-right:0;width:100%}.category-nav.mobile-open .nav-menu{box-sizing:border-box;flex-direction:column;gap:0;max-width:100%;overflow-x:hidden;padding:0 20px;width:100%}.category-nav.mobile-open .nav-menu li{border-bottom:1px solid #f0f0f0;box-sizing:border-box;width:100%}.category-nav.mobile-open .nav-menu a{word-wrap:break-word;box-sizing:border-box;color:#333;font-size:1rem;justify-content:space-between;padding:15px 0;white-space:normal;width:100%}.category-nav.mobile-open .dropdown-trigger{position:relative;width:100%}.category-nav.mobile-open .category-trigger-link{color:#333;font-weight:600}.category-nav.mobile-open .dropdown-icon{color:#666;font-size:1rem}.category-nav.mobile-open .category-dropdown{background:#f8f9fa;border:none;border-radius:8px;box-shadow:none;left:0!important;margin:0!important;max-height:0;min-width:100%;opacity:1;overflow:hidden;padding:0;pointer-events:all;position:relative!important;top:0!important;transform:none!important;transition:max-height .3s ease-in-out;visibility:visible;width:100%}.category-nav.mobile-open .category-dropdown.show{margin-bottom:10px!important;margin-top:10px!important;max-height:600px}.category-nav.mobile-open .dropdown-item a{word-wrap:break-word;align-items:center;display:flex;min-height:44px;padding:12px 20px!important;white-space:normal!important}.category-nav.mobile-open .dropdown-item.view-all{border-top:1px solid #e0e0e0;margin-top:5px;padding-top:5px}.category-nav.mobile-open .dropdown-item.view-all a{color:#ee4236!important;font-weight:600!important}.category-nav.sticky-active.mobile-open{animation:none;background:#fff;overflow-x:hidden}.category-nav.sticky-active.mobile-open .category-trigger-link,.category-nav.sticky-active.mobile-open .nav-menu a{color:#333}.category-nav.sticky-active.mobile-open .dropdown-trigger.active .category-trigger-link{color:#ee4236}}@media screen and (max-width:576px){.category-nav.mobile-open{padding-top:60px}.category-nav.mobile-open .nav-menu{padding:0 15px}.category-nav.mobile-open .nav-menu a{font-size:.95rem;padding:12px 0}.category-nav.mobile-open .dropdown-item a{font-size:.9rem;min-height:40px;padding:10px 15px!important}}body,html{overflow-x:hidden;position:relative;width:100%}*{max-width:100%}.main-wrapper{display:flex;flex-direction:column;position:relative;width:100%}.main-wrapper.scrolled .main-header,.main-wrapper.scrolled .top-bar{opacity:0;transform:translateY(-100%);transition:transform .3s ease-in-out,opacity .3s ease-in-out,visibility .3s ease-in-out;visibility:hidden}.main-wrapper .category-nav{position:sticky;top:0;transition:all .3s ease-in-out;z-index:999}.main-wrapper.scrolled .category-nav{animation:slideDown .3s ease-in-out;background-color:#ee4236;box-shadow:0 4px 20px #ee42364d;left:0;position:fixed;right:0;top:0;width:100%}.main-wrapper.scrolled .category-nav .dropdown-icon,.main-wrapper.scrolled .category-nav .nav-menu a{color:#fff}.main-wrapper.scrolled .category-nav .nav-menu a:hover{color:#fffc}.main-wrapper.scrolled{padding-top:0}.main-wrapper.scrolled:after{content:"";display:block;height:60px}@media (max-width:992px){.main-wrapper.scrolled .category-nav{position:sticky}.main-wrapper.scrolled:after{display:none}}.footer{background-color:var(--dark-charcoal);color:#999;margin-top:60px;padding:80px 0 20px}.footer-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(4,1fr);margin-bottom:60px}.footer-col h4{color:var(--white);font-size:1.2rem;margin-bottom:20px}.footer-col p{line-height:1.6;margin-bottom:10px}.footer-col .address{color:#999;margin-top:20px}.footer-col ul{list-style:none;padding:0}.footer-col li{margin-bottom:10px}.footer-col a{color:#999;text-decoration:none;transition:var(--transition)}.footer-col a:hover{color:var(--primary-color);padding-left:5px}.footer-bottom{border-top:1px solid #444;gap:20px;justify-content:space-between;padding-top:20px}.footer-bottom,.payment-methods{align-items:center;display:flex;flex-wrap:wrap}.payment-methods{color:#999;font-size:1.5rem;gap:15px}.copyright p,.payment-methods span{font-size:.9rem}.copyright p{color:#999;margin:0}.social-links a{color:#999;font-size:1.2rem;transition:var(--transition)}.social-links a:hover{color:var(--primary-color);transform:translateY(-3px)}@media (max-width:992px){.footer-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;text-align:center}.payment-methods,.social-links{justify-content:center}}.btn{align-items:center;border:none;border-radius:var(--border-radius);cursor:pointer;display:inline-flex;font-family:Poppins,sans-serif;font-weight:600;gap:8px;justify-content:center;transition:var(--transition);white-space:nowrap}.btn-primary{background-color:var(--primary-color)}.btn-primary:hover:not(:disabled){background-color:var(--primary-dark);box-shadow:var(--shadow);transform:translateY(-2px)}.btn-secondary{background-color:var(--light-gray);color:var(--dark-charcoal)}.btn-secondary:hover:not(:disabled){background-color:var(--medium-gray);box-shadow:var(--shadow);transform:translateY(-2px)}.btn-outline{background-color:initial;border:2px solid var(--primary-color);color:var(--primary-color)}.btn-outline:hover:not(:disabled){background-color:var(--primary-color);box-shadow:var(--shadow);color:var(--white);transform:translateY(-2px)}.btn-text{background-color:initial;color:var(--text-color)}.btn-text:hover:not(:disabled){color:var(--primary-color)}.btn-small{font-size:.85rem;padding:6px 12px}.btn-medium{font-size:.95rem;padding:10px 20px}.btn-large{font-size:1rem;padding:12px 24px}.btn-full-width{width:100%}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-icon{align-items:center;display:flex;font-size:1.1em}.hero-section{background-color:var(--white);height:500px;overflow:hidden;padding:20px 0;position:relative}.hero-slider-container{height:100%;margin:0 auto;max-width:1600px;padding:0 40px}.hero-slider{border-radius:20px;box-shadow:var(--shadow-hover);height:100%;overflow:hidden;position:relative}.hero-slide{align-items:center;background-position:50%;background-size:cover;display:flex;height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .5s ease;width:100%}.hero-slide.active{opacity:1;z-index:1}.hero-slide:before{background:linear-gradient(90deg,#0006 30%,#0000001a 70%);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.slide-content{color:var(--white);max-width:600px;padding-left:60px;position:relative;z-index:2}.slide-content h2{animation:fadeInUp 1s ease;color:var(--white);font-size:3.5rem;line-height:1.2;margin-bottom:20px}.slide-content p{animation:fadeInUp 1s ease .2s both;font-size:1.3rem;margin-bottom:30px}.slider-nav{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff4d;border:none;border-radius:50%;color:var(--white);cursor:pointer;display:flex;font-size:1.5rem;height:50px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:var(--transition);width:50px;z-index:2}.slider-nav:hover{background:var(--primary-color)}.slider-nav.prev{left:20px}.slider-nav.next{right:20px}.slider-dots{bottom:30px;display:flex;gap:10px;left:50%;position:absolute;transform:translateX(-50%);z-index:2}.dot{background:#ffffff80;border-radius:50%;cursor:pointer;height:12px;transition:var(--transition);width:12px}.dot.active{background:var(--primary-color);transform:scale(1.2)}@media (max-width:1400px){.hero-slider-container{padding:0 30px}}@media (max-width:1200px){.hero-section{height:600px}.slide-content h2{font-size:3rem}}@media (max-width:992px){.hero-section{height:500px}.hero-slider-container{padding:0 20px}.slide-content h2{font-size:2.5rem}.slide-content{padding-left:40px}}@media (max-width:768px){.hero-section{height:450px}.hero-slider-container{padding:0 15px}.slide-content h2{font-size:2rem}.slide-content p{font-size:1rem}.slide-content{padding-left:30px}}@media (max-width:480px){.hero-section{height:400px}.hero-slider-container{padding:0 10px}.slide-content h2{font-size:1.5rem}.slide-content{padding-left:20px}.slider-nav{font-size:1rem;height:35px;width:35px}}.featured-categories{background-color:var(--white);padding:80px 0}.category-grid{grid-template-columns:repeat(6,1fr)}.category-card{color:inherit;cursor:pointer;display:block;padding:20px}.category-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-10px)}.category-icon{height:80px;margin:0 auto 15px;position:relative;width:80px}.category-icon img{border-radius:50%;height:100%;object-fit:cover;width:100%}.category-icon .icon-emoji{align-items:center;background:var(--primary-color);border:2px solid var(--white);border-radius:50%;bottom:0;color:var(--white);display:flex;font-size:1rem;height:30px;justify-content:center;position:absolute;right:0;width:30px}.category-card h3{font-size:1rem;margin:0}@media (max-width:1200px){.category-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.category-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.category-grid{grid-template-columns:1fr}}.rating-stars-container{align-items:center;display:flex;gap:5px}.star.small{font-size:.8rem}.star.medium{font-size:.9rem}.star.large{font-size:1.2rem}.rating-value{font-size:.85rem}.product-card{background:var(--white);border-radius:var(--border-radius);box-shadow:var(--shadow);overflow:hidden;position:relative;transition:var(--transition)}.product-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-10px)}.product-link{color:inherit;display:block;text-decoration:none}.product-image{aspect-ratio:1;background-color:var(--light-gray);overflow:hidden;position:relative}.product-image img{height:100%;object-fit:cover;transition:var(--transition);width:100%}.product-card:hover .product-image img{transform:scale(1.1)}.badge{border-radius:20px;font-size:.75rem;left:10px;padding:5px 10px;top:10px;z-index:1}.badge.bestseller{background-color:#ffc107;color:var(--dark-charcoal)}.quick-view{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;border:none;bottom:-50px;color:var(--white);cursor:pointer;display:flex;font-size:.9rem;gap:8px;justify-content:center;left:0;padding:12px;position:absolute;right:0;transition:var(--transition)}.product-card:hover .quick-view{bottom:0}.quick-view:hover{background:var(--primary-color)}.wishlist-icon{align-items:center;background:var(--white);border:none;border-radius:50%;box-shadow:var(--shadow);color:#999;cursor:pointer;display:flex;height:35px;justify-content:center;opacity:0;position:absolute;right:10px;top:10px;transition:var(--transition);width:35px;z-index:1}.product-card:hover .wishlist-icon{opacity:1}.wishlist-icon:hover{background-color:var(--primary-color);color:var(--white);transform:scale(1.1)}.wishlist-icon.active{color:var(--primary-color);opacity:1}.wishlist-icon.active:hover{color:var(--white)}.product-info{padding:20px}.product-info h3{color:var(--dark-charcoal);font-size:1.1rem;line-height:1.4;margin-bottom:10px;transition:var(--transition)}.product-link:hover .product-info h3{color:var(--primary-color)}.rating-stars{margin-bottom:10px}.price{align-items:center;display:flex;gap:10px;margin-bottom:15px}.current{color:var(--primary-color);font-size:1.3rem;font-weight:700}.original{color:#999;font-size:1rem;text-decoration:line-through}.add-to-cart{align-items:center;background-color:var(--primary-color);border:none;border-radius:var(--border-radius);color:var(--white);cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:8px;justify-content:center;padding:12px;transition:var(--transition);width:100%}.add-to-cart:hover{background-color:var(--primary-dark);box-shadow:var(--shadow);transform:translateY(-2px)}.product-card.list-view{background:var(--white);border-radius:var(--border-radius);box-shadow:var(--shadow);display:flex;overflow:hidden;transition:var(--transition)}.product-card.list-view:hover{box-shadow:var(--shadow-hover);transform:translateY(-5px)}.product-card.list-view .product-link{grid-gap:20px;display:grid;flex:1 1;gap:20px;grid-template-columns:200px 1fr}.product-card.list-view .product-image{aspect-ratio:1;height:200px}.product-card.list-view .product-info{display:flex;flex-direction:column;justify-content:center;padding:20px 20px 20px 0}.product-card.list-view .product-info h3{font-size:1.3rem;margin-bottom:10px}.product-description{color:#666;font-size:.95rem;line-height:1.6;margin-bottom:15px}.product-actions{gap:10px;margin-top:15px}.quick-view-btn{align-items:center;background:var(--light-gray);border:none;border-radius:var(--border-radius);color:var(--text-color);cursor:pointer;display:flex;font-size:.95rem;gap:8px;justify-content:center;padding:12px 20px;transition:var(--transition)}.quick-view-btn:hover{background:var(--medium-gray);color:var(--primary-color)}.wishlist-btn{border:none;border-radius:50%;box-shadow:var(--shadow);color:#999;height:40px;position:absolute;right:20px;top:20px;width:40px;z-index:2}.wishlist-btn:hover{background-color:var(--primary-color);color:var(--white);transform:scale(1.1)}.wishlist-btn.active{color:var(--primary-color)}.wishlist-btn.active:hover{color:var(--white)}@media (max-width:768px){.product-card.list-view .product-link{grid-template-columns:1fr}.product-card.list-view .product-image{height:250px}.product-card.list-view .product-info{padding:20px}.product-actions{flex-direction:column}}@media (max-width:480px){.product-info h3{font-size:1rem}.current{font-size:1.1rem}.add-to-cart{font-size:.9rem;padding:10px}}.products-grid-section{background-color:var(--light-gray);padding:80px 0}.products-grid{grid-gap:30px;gap:30px;grid-template-columns:repeat(4,minmax(280px,1fr))}.no-products-message{background:var(--white);box-shadow:var(--shadow)}.no-products-message p{color:#666;font-size:1.1rem;margin:0}@media (max-width:1200px){.products-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:992px){.products-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:576px){.products-grid{grid-template-columns:1fr}}.promo-banners{background-color:var(--white);padding:80px 0}.banner-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}.promo-card{border-radius:var(--border-radius);box-shadow:var(--shadow);height:250px;overflow:hidden;position:relative}.promo-card img{height:100%;object-fit:cover;transition:var(--transition);width:100%}.promo-card:hover img{transform:scale(1.1)}.promo-content{background:linear-gradient(0deg,#000c,#0000);bottom:0;color:var(--white);left:0;padding:30px;position:absolute;right:0}.promo-content h3{color:var(--white);font-size:1.5rem;margin-bottom:5px}.promo-content p{font-size:.9rem;margin-bottom:15px;opacity:.9}.promo-cta{background-color:var(--primary-color);border:none;border-radius:50px;color:var(--white);cursor:pointer;display:inline-block;font-size:.9rem;font-weight:500;padding:8px 20px;text-decoration:none;transition:var(--transition)}.promo-cta:hover{background-color:var(--primary-dark);transform:translateX(5px)}@media (max-width:992px){.banner-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:576px){.banner-grid{grid-template-columns:1fr}}.best-sellers{background-color:var(--white);padding:80px 0}.products-slider{padding:0 40px;position:relative}.slider-track{display:flex;gap:20px;overflow:hidden}.slider-item{flex-basis:calc(25% - 15px);flex-grow:0;flex-shrink:0;transition:transform .3s ease}.slider-arrow{align-items:center;background:var(--white);border:none;border-radius:50%;box-shadow:var(--shadow);cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:var(--transition);width:40px;z-index:2}.slider-arrow:hover{background-color:var(--primary-color);color:var(--white)}.slider-arrow.prev{left:0}.slider-arrow.next{right:0}@media (max-width:1200px){.slider-item{flex-basis:calc(33.333% - 14px);flex-grow:0;flex-shrink:0}}@media (max-width:992px){.slider-item{flex-basis:calc(50% - 10px);flex-grow:0;flex-shrink:0}}@media (max-width:576px){.products-slider{padding:0 30px}.slider-item{flex:0 0 100%}}:root{--primary-color:#ee4236;--primary-dark:#d13a2f;--light-gray:#f5f5f5;--medium-gray:#e0e0e0;--dark-charcoal:#333;--text-color:#444;--shadow:0 4px 6px #0000001a;--shadow-hover:0 10px 20px #00000026;--border-radius:8px;--transition:all 0.3s ease}.banner-section{background-color:#f5f5f5;background-color:var(--light-gray);height:300px;margin:0;overflow:hidden;padding:0;position:relative;width:100%}.banner-slider,.banner-slider-wrapper{height:100%;position:relative;width:100%}.banner-slide{align-items:center;background-position:50%;background-size:cover;display:flex;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transform:scale(1.05);transition:opacity .6s cubic-bezier(.4,0,.2,1);transition:opacity .6s ease,transform .6s ease;width:100%}.banner-slide.active-banner{opacity:1;transform:scale(1);z-index:1}.banner-overlay{z-index:1}.banner-overlay,.banner-pattern{bottom:0;left:0;position:absolute;right:0;top:0}.banner-pattern{background-image:radial-gradient(circle at 30% 50%,#ffffff1a 0,#0000 50%);pointer-events:none;z-index:2}.banner-badge{animation:badgePulse 2s infinite;background-color:#ee4236;background-color:var(--primary-color);border-radius:30px;box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow);color:#fff;color:var(--white);font-size:.85rem;font-weight:600;letter-spacing:1px;padding:8px 16px;position:absolute;right:30px;text-transform:uppercase;top:30px;z-index:10}.banner-content{animation:bannerContentFadeIn .8s ease forwards;color:#fff;color:var(--white);margin:0 auto;max-width:800px;padding:0 20px;position:relative;text-align:left;z-index:5}.banner-subtitle{animation:slideInLeft .6s ease .2s forwards;border-bottom:2px solid #ee4236;border-bottom:2px solid var(--primary-color);display:inline-block;font-size:1rem;font-weight:500;letter-spacing:3px;margin-bottom:20px;opacity:0;padding:5px 0;text-transform:uppercase}.banner-headline{animation:slideInLeft .6s ease .3s forwards;color:#fff;color:var(--white);font-size:3rem;font-weight:700;letter-spacing:-.02em;line-height:1.2;margin-bottom:15px;opacity:0;text-shadow:2px 2px 4px #0000004d}.banner-description{animation:slideInLeft .6s ease .4s forwards;font-size:1.25rem;margin-bottom:30px;max-width:600px;opacity:.95;opacity:0;text-shadow:1px 1px 2px #0000004d}.banner-cta{align-items:center;animation:slideInLeft .6s ease .5s forwards;background-color:#ee4236;background-color:var(--primary-color);border:none;border-radius:50px;box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow);color:#fff;display:inline-flex;font-size:1rem;font-weight:600;gap:10px;opacity:0;padding:14px 40px;text-decoration:none;transition:all .3s ease;transition:var(--transition)}.banner-cta:hover{background-color:#d13a2f!important;background-color:var(--primary-dark)!important;box-shadow:0 10px 20px #00000026;box-shadow:var(--shadow-hover);transform:translateY(-3px)}.banner-cta-arrow{transition:transform .3s ease}.banner-cta:hover .banner-cta-arrow{transform:translateX(5px)}.banner-counter{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0000004d;border:1px solid #fff3;border-radius:30px;bottom:30px;color:#fff;color:var(--white);display:flex;font-size:1rem;font-weight:500;gap:5px;left:30px;padding:8px 15px;position:absolute;z-index:10}.banner-counter-current{color:#ee4236;color:var(--primary-color);font-size:1.5rem;font-weight:700}.banner-counter-separator{opacity:.5}.banner-counter-total{opacity:.7}.banner-nav{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff26;border:2px solid #ffffff4d;border-radius:50%;color:#fff;color:var(--white);cursor:pointer;display:flex;font-size:1.5rem;height:50px;justify-content:center;overflow:hidden;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;transition:var(--transition);width:50px;z-index:20}.banner-nav:hover{background:#ee4236;background:var(--primary-color);border-color:#ee4236;border-color:var(--primary-color);transform:translateY(-50%) scale(1.1)}.banner-nav.prev-banner{left:30px}.banner-nav.next-banner{right:30px}.banner-nav-tooltip{background:#333;background:var(--dark-charcoal);border-radius:4px;bottom:-30px;color:#fff;color:var(--white);font-size:.75rem;opacity:0;padding:5px 10px;pointer-events:none;position:absolute;transition:opacity .3s ease;white-space:nowrap}.banner-nav:hover .banner-nav-tooltip{opacity:1}.banner-autoplay-control{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0000004d;border:2px solid #ffffff4d;border-radius:50%;bottom:30px;color:#fff;color:var(--white);cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:30px;transition:all .3s ease;transition:var(--transition);width:40px;z-index:20}.banner-autoplay-control:hover{background:#ee4236;background:var(--primary-color);border-color:#ee4236;border-color:var(--primary-color);transform:scale(1.1)}.banner-indicators{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0003;border-radius:50px;bottom:30px;display:flex;gap:12px;left:50%;padding:10px 20px;position:absolute;transform:translateX(-50%);z-index:10}.banner-dot{background-color:#ffffff4d;border:none;border-radius:2px;cursor:pointer;height:4px;overflow:hidden;padding:0;position:relative;transition:all .3s ease;transition:var(--transition);width:40px}.banner-dot:hover{background-color:#fff9;transform:scaleY(1.2)}.banner-dot.active-dot{background-color:#ee4236;background-color:var(--primary-color);width:60px}.banner-dot-label{background:#333;background:var(--dark-charcoal);border-radius:4px;bottom:100%;color:#fff;color:var(--white);font-size:.7rem;left:50%;margin-bottom:5px;opacity:0;padding:4px 8px;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .3s ease;white-space:nowrap}.banner-dot:hover .banner-dot-label{opacity:1}.banner-dot-progress{animation:progressFill linear;background-color:#fff;background-color:var(--white);height:100%;left:0;position:absolute;top:0}@keyframes bannerContentFadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes progressFill{0%{width:0}to{width:100%}}@media (max-width:1200px){.banner-section{height:500px}.banner-headline{font-size:3rem}}@media (max-width:992px){.banner-section{height:450px}.banner-headline{font-size:2.5rem}.banner-description{font-size:1.1rem}}@media (max-width:768px){.banner-section{height:400px}.banner-headline{font-size:2rem}.banner-description{font-size:1rem;margin-bottom:20px}.banner-cta{font-size:.9rem;padding:12px 30px}.banner-nav{font-size:1.2rem;height:40px;width:40px}.banner-nav.prev-banner{left:15px}.banner-nav.next-banner{right:15px}.banner-badge{font-size:.75rem;padding:6px 12px;right:20px;top:20px}}@media (max-width:480px){.banner-section{height:350px}.banner-headline{font-size:1.5rem}.banner-description{font-size:.9rem;margin-bottom:15px}.banner-cta{font-size:.85rem;padding:10px 24px}.banner-nav{font-size:1rem;height:35px;width:35px}.banner-indicators{bottom:20px;padding:8px 15px}.banner-dot{width:30px}.banner-dot.active-dot{width:45px}.banner-counter{bottom:20px;font-size:.8rem;left:20px;padding:5px 12px}.banner-counter-current{font-size:1.2rem}.banner-autoplay-control{bottom:20px;height:35px;right:20px;width:35px}}.new-products{background-color:var(--white);padding:80px 0}.new-products .products-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(4,1fr)}.no-products-message{background:var(--light-gray);border-radius:var(--border-radius);padding:60px 20px;text-align:center}@media (max-width:1200px){.new-products .products-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:992px){.new-products .products-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:576px){.new-products .products-grid{grid-template-columns:1fr}}.blog-section{background-color:var(--light-gray);padding:80px 0}.blog-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(4,1fr)}.blog-card{color:inherit;text-decoration:none}.blog-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-10px)}.blog-card img{height:200px;object-fit:cover;width:100%}.blog-content{padding:20px}.blog-content h3{color:var(--dark-charcoal);font-size:1.2rem;line-height:1.4;margin-bottom:10px}.excerpt{color:#666;font-size:.9rem;line-height:1.6;margin-bottom:15px}.blog-meta{color:#999;display:flex;font-size:.85rem;justify-content:space-between}.blog-meta span{align-items:center;display:flex;gap:5px}@media (max-width:1200px){.blog-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:992px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:576px){.blog-grid{grid-template-columns:1fr}}.newsletter{background-color:var(--primary-color);color:var(--white);padding:80px 0}.newsletter-content{margin:0 auto;max-width:600px;text-align:center}.newsletter-content h3{color:var(--white);font-size:2rem;margin-bottom:10px}.newsletter-content p{margin-bottom:30px;opacity:.9}.newsletter-form input{border:none;border-radius:50px;flex:1 1;font-family:Inter,sans-serif;font-size:1rem;padding:15px}.newsletter-form input:focus{box-shadow:0 0 0 3px #ffffff4d}.newsletter-form input:disabled{cursor:not-allowed;opacity:.7}.success-message{color:#4caf50}.error-message,.success-message{background:var(--white);margin-top:15px;padding:10px}.error-message{border-radius:var(--border-radius)}@media (max-width:768px){.newsletter-form{flex-direction:column}.newsletter-content h3{font-size:1.5rem}}.vendor-card:hover .vendor-card-name{color:var(--primary-color)}.vendor-card:hover .vendor-card-logo{transform:scale(1.05);transition:var(--transition)}.vendor-card-cover{height:120px;overflow:hidden}.vendor-card-cover img{height:100%;object-fit:cover;transition:var(--transition);width:100%}.vendor-card:hover .vendor-card-cover img{transform:scale(1.1)}.vendor-card-logo{border:4px solid var(--white);border-radius:50%;box-shadow:var(--shadow);height:80px;margin:-40px auto 15px;overflow:hidden;position:relative;width:80px;z-index:2}.vendor-card-logo img{height:100%;object-fit:cover;width:100%}.vendor-card-info{padding:0 20px 20px;text-align:center}.vendor-card-name{color:var(--dark-charcoal);font-size:1.3rem;margin-bottom:10px;transition:var(--transition)}.vendor-card-rating{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:10px}.vendor-card-rating-stars{display:flex;gap:2px}.vendor-card-rating-stars .star{color:#ffc107;font-size:.9rem}.vendor-card-rating-stars .star.empty{color:var(--medium-gray)}.vendor-card-rating-value{color:#666;font-size:.9rem}.vendor-card-location{align-items:center;color:#666;display:flex;font-size:.95rem;gap:5px;justify-content:center;margin-bottom:15px}.vendor-card-location-icon{color:var(--primary-color)}.vendor-card-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#666;display:-webkit-box;font-size:.95rem;line-height:1.6;margin-bottom:15px;overflow:hidden}.vendor-card-badges{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:15px}.vendor-card-badge{background:var(--light-gray);border-radius:20px;color:var(--text-color);font-size:.8rem;font-weight:500;padding:4px 10px}.vendor-card-stats{grid-gap:10px;border-bottom:1px solid var(--medium-gray);border-top:1px solid var(--medium-gray);display:grid;gap:10px;grid-template-columns:repeat(3,1fr);margin-bottom:15px;padding:15px 0}.vendor-card-stat{text-align:center}.vendor-card-stat-value{color:var(--primary-color);display:block;font-weight:700;margin-bottom:5px}.vendor-card-stat-label{color:#999;font-size:.8rem}.vendor-card-free-shipping{align-items:center;background:#4caf501a;border-radius:var(--border-radius);color:#4caf50;display:flex;font-size:.9rem;font-weight:600;gap:8px;justify-content:center;padding:10px}@media (max-width:480px){.vendor-card-stats{gap:15px;grid-template-columns:1fr}.vendor-card-stat{align-items:center;display:flex;justify-content:space-between;padding:0 10px}.vendor-card-stat-value{margin-bottom:0}.vendor-card-name{font-size:1.2rem}}.home-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:60px 20px}.vendor-showcase-section{background-color:var(--white);overflow:hidden;padding:60px 0;position:relative}.vendor-showcase-section .container{margin:0 auto;max-width:1200px;padding:0 20px;position:relative;z-index:1}.vendor-showcase-section .section-header{margin-bottom:40px;text-align:center}.vendor-showcase-section .section-title{color:var(--dark-charcoal);display:inline-block;font-size:2rem;margin-bottom:10px;position:relative}.vendor-showcase-section .section-title:after{background:var(--primary-color);border-radius:3px;bottom:-8px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.vendor-showcase-section .section-subtitle{color:#666;font-size:1rem;margin:15px auto 0;max-width:500px}.vendor-showcase-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(3,1fr);margin-bottom:40px}.vendor-showcase-section .section-footer{text-align:center}.view-all-btn{background:#0000;border:2px solid var(--primary-color);border-radius:50px;color:var(--primary-color);display:inline-block;font-size:1rem;font-weight:600;padding:12px 35px;text-decoration:none;transition:var(--transition)}.view-all-btn:hover{background:var(--primary-color);color:var(--white)}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.vendor-showcase-grid .vendor-card{animation:slideInUp .5s ease forwards;opacity:0}.vendor-showcase-grid .vendor-card:first-child{animation-delay:.1s}.vendor-showcase-grid .vendor-card:nth-child(2){animation-delay:.15s}.vendor-showcase-grid .vendor-card:nth-child(3){animation-delay:.2s}.vendor-showcase-grid .vendor-card:nth-child(4){animation-delay:.25s}.vendor-showcase-grid .vendor-card:nth-child(5){animation-delay:.3s}.vendor-showcase-grid .vendor-card:nth-child(6){animation-delay:.35s}.vendor-showcase-section:before{right:-10%;top:-20%}.vendor-showcase-section:after,.vendor-showcase-section:before{background:radial-gradient(circle,#ee423605 0,#0000 70%);border-radius:50%;content:"";height:400px;pointer-events:none;position:absolute;width:400px}.vendor-showcase-section:after{bottom:-20%;left:-10%}@media (max-width:992px){.vendor-showcase-grid{gap:20px;grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.vendor-showcase-section{padding:40px 0}.vendor-showcase-section .section-title{font-size:1.8rem}.vendor-showcase-grid{gap:20px}}@media (max-width:576px){.vendor-showcase-section .section-title{font-size:1.5rem}.vendor-showcase-section .section-subtitle{font-size:.95rem;padding:0 15px}.vendor-showcase-grid{grid-template-columns:1fr;margin-left:auto;margin-right:auto;max-width:350px}.view-all-btn{font-size:.95rem;padding:10px 30px}}.vendor-showcase-section:hover:before{transform:scale(1.1);transition:transform .5s ease}.vendor-showcase-section:hover:after{transform:scale(1.1);transition:transform .5s ease .1s}.products-page{background-color:#f8f9fa;min-height:100vh}.page-header{background:linear-gradient(135deg,var(--dark-charcoal) 0,#1a1a1a 100%);overflow:hidden;position:relative}.page-header:before{background:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" opacity=".1"><path d="M20 20h60v60H20Z" fill="none" stroke="%23fff" stroke-width="2"/><circle cx="50" cy="50" r="20" fill="none" stroke="%23fff" stroke-width="2"/></svg>') repeat;background-size:50px 50px;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.page-header .container{position:relative;z-index:1}.page-title{animation:fadeInUp .6s ease;font-size:3rem;text-shadow:2px 2px 4px #0000004d}.breadcrumb{animation:fadeInUp .6s ease .2s both;color:#ffffffb3;font-size:1rem}.breadcrumb a{color:var(--white);text-decoration:none;transition:var(--transition)}.breadcrumb a:hover{color:var(--primary-color)}.products-layout{margin-bottom:60px}.filter-checkbox,.filter-radio{align-items:center;color:var(--text-color);cursor:pointer;display:flex;font-size:.95rem;gap:10px;transition:var(--transition)}.filter-checkbox:hover,.filter-radio:hover{color:var(--primary-color)}.filter-checkbox input[type=checkbox],.filter-radio input[type=radio]{accent-color:var(--primary-color);cursor:pointer;height:18px;width:18px}.checkbox-label,.radio-label{align-items:center;display:flex;flex:1 1;justify-content:space-between}.count{color:#999;font-size:.85rem}.price-range{padding:10px 0}.price-inputs{align-items:center;display:flex;gap:10px}.price-inputs input{border:1px solid var(--medium-gray);border-radius:var(--border-radius);font-size:.9rem;padding:8px 12px;transition:var(--transition);width:calc(50% - 5px)}.price-inputs input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #ee42361a;outline:none}.price-inputs span{color:#999}.products-main{min-height:600px}.products-toolbar{align-items:center;background:var(--white);border-radius:var(--border-radius);box-shadow:var(--shadow);display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:30px;padding:15px 20px}.mobile-filter-toggle{font-size:.95rem;padding:10px 15px}.mobile-filter-toggle:hover{border-color:var(--primary-color);color:var(--primary-color)}.toolbar-right{align-items:center;display:flex;gap:20px}.view-mode{background:var(--light-gray);border-radius:var(--border-radius);display:flex;gap:5px;padding:3px}.view-btn{align-items:center;background:none;border:none;border-radius:var(--border-radius);color:#999;cursor:pointer;display:flex;font-size:1rem;height:35px;justify-content:center;transition:var(--transition);width:35px}.view-btn.active,.view-btn:hover{color:var(--primary-color)}.view-btn.active{background:var(--white);box-shadow:var(--shadow)}.sort-order{background:none;border:none;color:#666;font-size:1rem;height:35px;width:35px}.products-container{margin-bottom:40px}.products-container.grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(3,1fr)}.products-container.list{display:flex;flex-direction:column;gap:20px}.products-container.list .product-card{grid-gap:20px;background:var(--white);border-radius:var(--border-radius);box-shadow:var(--shadow);display:grid;gap:20px;grid-template-columns:200px 1fr;overflow:hidden;transition:var(--transition)}.products-container.list .product-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-5px)}.products-container.list .product-image{height:200px}.products-container.list .product-info{display:flex;flex-direction:column;justify-content:center;padding:20px}.products-container.list .product-info h3{font-size:1.3rem;margin-bottom:10px}.products-container.list .product-description{color:#666;line-height:1.6;margin-bottom:15px}.products-container.list .price{margin-bottom:20px}.no-products{padding:60px 20px}.no-products img{margin-bottom:30px;opacity:.5;width:200px}.products-page-error,.products-page-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:500px}.products-page-error{padding:40px;text-align:center}.products-page-error h2{color:var(--dark-charcoal);font-size:2rem;margin-bottom:15px}.products-page-error p{color:#666;margin-bottom:30px}.no-products{box-shadow:var(--shadow);padding:80px 20px}.no-products-icon{font-size:4rem;margin-bottom:20px;opacity:.5}.no-products h3{color:var(--dark-charcoal);font-size:1.5rem;margin-bottom:10px}.no-products p{color:#666;font-size:1.1rem;margin-bottom:30px}@media (max-width:1200px){.products-container.grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:992px){.products-layout{grid-template-columns:1fr}.filter-sidebar{border-radius:0;height:100vh;left:-100%;position:fixed;top:0;transition:left .3s ease;width:300px;z-index:1100}.filter-sidebar.open{left:0}.filter-header{padding:15px 20px}.close-filter{display:block}.mobile-filter-toggle{display:flex}.filter-body{max-height:calc(100vh - 120px)}.page-title{font-size:2.5rem}}@media (max-width:768px){.page-header{padding:40px 0}.page-title{font-size:2rem}.products-toolbar{align-items:flex-start;flex-direction:column}.toolbar-right{justify-content:space-between;width:100%}.products-container.grid,.products-container.list .product-card{grid-template-columns:1fr}.products-container.list .product-image{height:250px}.pagination{flex-wrap:wrap}.pagination-numbers{justify-content:center;margin-bottom:10px;order:-1;width:100%}}@media (max-width:480px){.page-title{font-size:1.8rem}.toolbar-right{align-items:flex-start;flex-direction:column}.view-mode{justify-content:center;width:100%}.sort-dropdown{width:100%}.sort-select{flex:1 1}}.product-page{background-color:var(--light-gray);min-height:100vh;padding-bottom:60px}.product-breadcrumb{background:var(--white);border-bottom:1px solid var(--medium-gray);margin-bottom:30px;padding:15px 0}.breadcrumb-links{align-items:center;display:flex;font-size:.9rem;gap:8px}.breadcrumb-links a{color:var(--text-color);text-decoration:none;transition:var(--transition)}.breadcrumb-links a:hover{color:var(--primary-color)}.breadcrumb-links .separator{color:#999;font-size:.8rem}.breadcrumb-links span{color:#999}.product-main{grid-gap:40px;background:var(--white);border-radius:var(--border-radius);box-shadow:var(--shadow);display:grid;gap:40px;grid-template-columns:1fr 1fr;margin-bottom:40px;padding:40px}.product-images{position:relative}.main-image-container{aspect-ratio:1;background:var(--light-gray);border-radius:var(--border-radius);cursor:crosshair;margin-bottom:20px;overflow:hidden;position:relative;width:100%}.main-image{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.main-image.zoomed{cursor:zoom-out}.expand-btn{align-items:center;background:var(--white);border:none;border-radius:50%;bottom:15px;box-shadow:var(--shadow);color:var(--text-color);cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:15px;transition:var(--transition);width:40px;z-index:2}.expand-btn:hover{background:var(--primary-color);color:var(--white)}.thumbnail-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,1fr)}.thumbnail{aspect-ratio:1;background:none;border:2px solid #0000;border-radius:var(--border-radius);cursor:pointer;overflow:hidden;padding:0;transition:var(--transition)}.thumbnail.active,.thumbnail:hover{border-color:var(--primary-color)}.thumbnail img{height:100%;object-fit:cover;width:100%}.badge{border-radius:25px;box-shadow:var(--shadow);font-size:.85rem;font-weight:600;left:15px;padding:8px 15px;position:absolute;text-transform:uppercase;top:15px;z-index:2}.badge.sale{background-color:var(--primary-color);color:var(--white)}.badge.new{background-color:#4caf50;color:var(--white)}.product-info{display:flex;flex-direction:column;gap:20px}.product-title{color:var(--dark-charcoal);font-size:2rem;line-height:1.2;margin:0}.product-meta{border-bottom:1px solid var(--medium-gray);justify-content:space-between;padding-bottom:20px}.product-meta,.rating-reviews{align-items:center;display:flex}.rating-reviews{gap:10px}.rating-stars .star{color:#ffc107;font-size:1rem}.rating-stars .star.empty{color:var(--medium-gray)}.product-sku,.review-count{color:#666;font-size:.9rem}.product-sku span{color:var(--dark-charcoal);font-weight:500}.product-price{align-items:center;border-bottom:1px solid var(--medium-gray);display:flex;gap:15px;padding:20px 0}.current-price{color:var(--primary-color);font-size:2.5rem;font-weight:700}.original-price{color:#999;font-size:1.5rem;text-decoration:line-through}.discount-badge{background-color:#4caf50;border-radius:20px;color:var(--white);font-size:.9rem;font-weight:600;padding:5px 10px}.product-availability{padding-bottom:20px}.stock-status{align-items:center;display:flex;font-weight:600;gap:8px;margin-bottom:10px}.stock-status.in-stock{color:#4caf50}.stock-status.out-of-stock{color:#f44336}.stock-icon{font-size:1.1rem}.low-stock-warning{color:#ff9800;font-size:.9rem;font-weight:500}.product-short-description{color:#666;line-height:1.6}.product-short-description p{margin:0}.quantity-selector{align-items:center;border-bottom:1px solid var(--medium-gray);display:flex;gap:20px;padding:20px 0}.quantity-selector label{color:var(--dark-charcoal);font-weight:600;min-width:70px}.quantity-controls{align-items:center;border:1px solid var(--medium-gray);border-radius:var(--border-radius);display:flex;overflow:hidden}.quantity-btn{height:40px;width:40px}.quantity-value{font-size:1.1rem;width:60px}.product-actions{display:flex;gap:15px;padding:20px 0}.product-actions .btn{flex:1 1}.wishlist-btn{align-items:center;background:var(--white);border:2px solid var(--medium-gray);border-radius:var(--border-radius);color:var(--text-color);cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:10px;justify-content:center;padding:0 30px;transition:var(--transition)}.wishlist-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.wishlist-btn.active{background:var(--primary-color);border-color:var(--primary-color);color:var(--white)}.product-features{grid-gap:20px;border-bottom:1px solid var(--medium-gray);border-top:1px solid var(--medium-gray);display:grid;gap:20px;grid-template-columns:repeat(3,1fr);padding:20px 0}.feature-item{align-items:center;display:flex;gap:15px}.feature-icon{color:var(--primary-color);font-size:2rem}.feature-text h4{color:var(--dark-charcoal);font-size:1rem;margin:0 0 5px}.feature-text p{color:#666;font-size:.85rem;margin:0}.share-buttons{align-items:center;display:flex;gap:15px}.share-buttons span{color:var(--dark-charcoal);font-weight:600}.share-btn{align-items:center;border-radius:50%;color:var(--white);display:flex;height:35px;justify-content:center;text-decoration:none;transition:var(--transition);width:35px}.share-btn:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.share-btn.facebook{background:#1877f2}.share-btn.twitter{background:#1da1f2}.share-btn.pinterest{background:#e60023}.share-btn.email{background:#ea4335}.share-btn.whatsapp{background:#25d366}.product-details-tabs{background:var(--white);border-radius:var(--border-radius);box-shadow:var(--shadow);margin-bottom:40px;padding:30px}.tabs-header{border-bottom:2px solid var(--medium-gray);display:flex;margin-bottom:30px}.tab-btn{padding:15px 30px;position:relative}.tab-btn:after{background:var(--primary-color);bottom:-2px;content:"";height:2px;left:0;position:absolute;right:0;transform:scaleX(0);transition:var(--transition)}.tab-btn.active{color:var(--primary-color)}.tab-btn.active:after{transform:scaleX(1)}.tab-content{min-height:300px}.description-tab h3,.shipping-tab h3,.specifications-tab h3{color:var(--dark-charcoal);font-size:1.3rem;margin-bottom:20px}.description-tab p{color:#666;line-height:1.8;margin-bottom:20px}.feature-list{list-style:none;padding:0}.feature-list li{color:#666;padding:10px 0 10px 30px;position:relative}.feature-list li:before{color:var(--primary-color);content:"✓";font-weight:700;left:0;position:absolute}.specs-table{border-collapse:collapse;width:100%}.specs-table tr{border-bottom:1px solid var(--medium-gray)}.specs-table tr:last-child{border-bottom:none}.specs-table td{padding:15px 10px}.spec-label{color:var(--dark-charcoal);font-weight:600;width:200px}.spec-value{color:#666}.review-item{border-bottom:1px solid var(--medium-gray);padding:20px}.review-item:last-child{border-bottom:none}.review-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;margin-bottom:15px}.reviewer-name{color:var(--dark-charcoal);font-weight:600}.review-text{margin:0}.shipping-tab h3{margin-top:30px}.shipping-tab h3:first-child{margin-top:0}.shipping-tab p{color:#666;line-height:1.8;margin-bottom:20px}.related-products{margin-top:60px}.related-products .section-title{margin-bottom:30px;text-align:left}.related-products .section-title:after{left:0;transform:none}.related-products-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(4,1fr)}.product-page-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:500px}@media (max-width:1200px){.related-products-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:992px){.product-main{gap:30px;grid-template-columns:1fr}.product-features,.related-products-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.product-main{padding:20px}.product-title{font-size:1.5rem}.current-price{font-size:2rem}.original-price{font-size:1.2rem}.product-meta{align-items:flex-start;gap:10px}.product-actions,.product-meta{flex-direction:column}.wishlist-btn{padding:15px}.product-features{gap:15px;grid-template-columns:1fr}.tabs-header{flex-wrap:wrap}.tab-btn{flex:1 1;font-size:.9rem;padding:12px 15px;text-align:center}.reviews-summary{flex-direction:column;gap:20px;text-align:center}.review-header{align-items:flex-start;flex-direction:column}.review-date{margin-left:0}}@media (max-width:576px){.thumbnail-grid{grid-template-columns:repeat(4,1fr)}.quantity-selector{align-items:flex-start;flex-direction:column}.related-products-grid{grid-template-columns:1fr}.share-buttons{flex-wrap:wrap}}.vendors-page{background-color:var(--light-gray);min-height:100vh;padding-bottom:60px}.page-header{background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-dark) 100%);color:var(--white);margin-bottom:40px;padding:60px 0;text-align:center}.page-title{animation:fadeInDown .6s ease;color:var(--white);font-size:2.5rem;margin-bottom:15px}.page-description{animation:fadeInUp .6s ease .2s both;font-size:1.2rem;margin:0 auto;max-width:600px;opacity:.9}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.vendors-search{align-items:center;display:flex;gap:20px;margin-bottom:30px}.search-wrapper .search-icon{font-size:1.1rem}.search-wrapper input{border:2px solid #0000;border-radius:50px;box-shadow:var(--shadow);padding:15px 20px 15px 50px}.clear-search{background:none;color:#999;font-size:1.1rem;right:15px;transition:var(--transition)}.clear-search:hover{color:var(--primary-color)}.mobile-filter-toggle{border:none;border-radius:50px;box-shadow:var(--shadow);font-size:1rem;font-weight:600;padding:15px 25px;transition:var(--transition)}.mobile-filter-toggle:hover{color:var(--white)}.filter-count,.mobile-filter-toggle:hover{background:var(--primary-color)}.mobile-filter-toggle:hover .filter-count{background:var(--white);color:var(--primary-color)}.vendors-layout{grid-gap:30px;display:grid;gap:30px;grid-template-columns:300px 1fr;margin-bottom:60px}.filter-sidebar{background:var(--white);border-radius:var(--border-radius);box-shadow:var(--shadow);height:fit-content;position:sticky;top:140px;transition:var(--transition)}.filter-header{align-items:center;border-bottom:1px solid var(--medium-gray);display:flex;justify-content:space-between;padding:20px}.filter-header h3{align-items:center;display:flex;font-size:1.2rem;gap:10px;margin:0}.filter-header h3 svg{color:var(--primary-color)}.filter-count{background-color:var(--primary-color);border-radius:20px;color:var(--white);font-size:.8rem;margin-left:5px;padding:2px 8px}.close-filter{background:none;border:none;color:var(--text-color);cursor:pointer;font-size:1.2rem;transition:var(--transition)}.close-filter:hover{color:var(--primary-color)}.filter-body{max-height:60vh;overflow-y:auto;padding:20px}.filter-section{margin-bottom:25px}.filter-section h4{color:var(--dark-charcoal);font-size:1rem;margin-bottom:15px;padding-bottom:8px;position:relative}.filter-section h4:after{background-color:var(--primary-color);bottom:0;content:"";height:2px;left:0;position:absolute;width:40px}.rating-options{display:flex;flex-direction:column;gap:10px}.rating-btn{align-items:center;background:var(--light-gray);border:1px solid var(--medium-gray);border-radius:var(--border-radius);color:var(--text-color);cursor:pointer;display:flex;font-size:.95rem;gap:8px;padding:8px 12px;transition:var(--transition)}.rating-btn.active,.rating-btn:hover{background:var(--primary-color);border-color:var(--primary-color);color:var(--white)}.rating-btn .star-icon{color:#ffc107}.rating-btn.active .star-icon,.rating-btn:hover .star-icon{color:var(--white)}.location-select{background:var(--white);border:1px solid var(--medium-gray);border-radius:var(--border-radius);color:var(--text-color);cursor:pointer;font-size:.95rem;padding:10px 12px;transition:var(--transition);width:100%}.location-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #ee42361a;outline:none}.filter-options{display:flex;flex-direction:column;gap:10px}.filter-checkbox{align-items:center;color:var(--text-color);cursor:pointer;display:flex;font-size:.95rem;gap:10px;transition:var(--transition)}.filter-checkbox:hover{color:var(--primary-color)}.filter-checkbox input[type=checkbox]{accent-color:var(--primary-color);cursor:pointer;height:18px;width:18px}.checkbox-label{gap:5px}.verified-icon{color:#4caf50}.truck-icon{color:var(--primary-color)}.filter-footer{border-top:1px solid var(--medium-gray);padding:20px;text-align:center}.vendors-main{min-height:600px}.vendors-toolbar{align-items:center;background:var(--white);border-radius:var(--border-radius);box-shadow:var(--shadow);display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:30px;padding:15px 20px}.results-count{color:#666;font-size:.95rem}.sort-dropdown{align-items:center;display:flex;gap:10px}.sort-select{background-color:var(--white);background-position:right 8px center;color:var(--text-color);padding:8px 30px 8px 12px;transition:var(--transition)}.sort-select:focus{border-color:var(--primary-color);outline:none}.vendors-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(2,1fr);margin-bottom:40px}.vendor-card{background:var(--white);border-radius:var(--border-radius);box-shadow:var(--shadow);color:inherit;display:block;overflow:hidden;position:relative;text-decoration:none;transition:var(--transition)}.vendor-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-10px)}.vendor-cover{height:120px}.vendor-cover img{transition:var(--transition)}.vendor-card:hover .vendor-cover img{transform:scale(1.1)}.vendor-logo{border:4px solid var(--white);border-radius:50%;box-shadow:var(--shadow);height:80px;margin:-40px auto 15px;overflow:hidden;position:relative;width:80px;z-index:2}.vendor-logo img{height:100%;object-fit:cover;width:100%}.vendor-info{padding:0 20px 20px;text-align:center}.vendor-name{color:var(--dark-charcoal);font-size:1.3rem;margin-bottom:10px}.vendor-rating{flex-wrap:wrap;gap:10px;margin-bottom:10px}.vendor-location,.vendor-rating{align-items:center;display:flex;justify-content:center}.vendor-location{gap:5px;margin-bottom:15px}.vendor-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#666;display:-webkit-box;font-size:.95rem;line-height:1.6;margin-bottom:15px;overflow:hidden}.vendor-badges{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:15px}.vendor-badges .badge{background:var(--light-gray);border-radius:20px;color:var(--text-color);font-size:.8rem;font-weight:500;padding:4px 10px}.vendor-stats{grid-gap:10px;border-bottom:1px solid var(--medium-gray);border-top:1px solid var(--medium-gray);display:grid;gap:10px;grid-template-columns:repeat(3,1fr);margin-bottom:15px;padding:15px 0}.stat{text-align:center}.stat-label{color:#999;font-size:.8rem}.free-shipping{align-items:center;background:#4caf501a;display:flex;font-size:.9rem;gap:8px;justify-content:center;padding:10px}.free-shipping,.no-vendors{border-radius:var(--border-radius)}.no-vendors{background:var(--white);box-shadow:var(--shadow);padding:80px 20px;text-align:center}.no-vendors-icon{font-size:4rem;margin-bottom:20px;opacity:.5}.no-vendors h3{color:var(--dark-charcoal);font-size:1.5rem;margin-bottom:10px}.no-vendors p{color:#666;font-size:1.1rem;margin-bottom:30px}.pagination-btn,.pagination-number{font-size:.95rem}@media (max-width:1200px){.vendors-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:992px){.vendors-layout{grid-template-columns:1fr}.filter-sidebar{border-radius:0;height:100vh;left:-100%;position:fixed;top:0;transition:left .3s ease;width:300px;z-index:1100}.filter-sidebar.open{left:0}.filter-header{padding:15px 20px}.close-filter{display:block}.mobile-filter-toggle{display:flex}.filter-body{max-height:calc(100vh - 120px)}.page-title{font-size:2rem}}@media (max-width:768px){.page-header{padding:40px 0}.page-title{font-size:1.8rem}.page-description{font-size:1rem}.vendors-search{flex-direction:column}.search-wrapper{width:100%}.mobile-filter-toggle{justify-content:center;width:100%}.vendors-toolbar{align-items:flex-start;flex-direction:column}.sort-dropdown,.sort-select{width:100%}.vendors-grid{grid-template-columns:1fr}.pagination{flex-wrap:wrap}.pagination-numbers{justify-content:center;margin-bottom:10px;order:-1;width:100%}}@media (max-width:480px){.page-title{font-size:1.5rem}.vendor-stats{gap:15px;grid-template-columns:1fr}.stat{align-items:center;display:flex;justify-content:space-between;padding:0 10px}.stat-value{margin-bottom:0}}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.vendor-card{animation:cardFadeIn .6s ease}.vendor-card:hover .vendor-name{color:var(--primary-color)}.vendor-card:hover .vendor-logo{transform:scale(1.05);transition:var(--transition)}.filter-body::-webkit-scrollbar{width:5px}.filter-body::-webkit-scrollbar-track{background:var(--light-gray)}.filter-body::-webkit-scrollbar-thumb{background:var(--medium-gray);border-radius:5px}.filter-body::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}.contact-vendor-modal{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);position:absolute}.modal-content{animation:slideUp .3s ease;background:var(--white);border-radius:var(--border-radius);box-shadow:var(--shadow-hover);max-height:90vh;max-width:600px;overflow-y:auto;position:relative;width:90%;z-index:1}.modal-content.success{padding:40px;text-align:center}.close-btn{background:none;border:none;color:#999;cursor:pointer;font-size:1.2rem;position:absolute;right:15px;top:15px;transition:var(--transition);z-index:2}.close-btn:hover{color:var(--primary-color);transform:rotate(90deg)}.modal-header{border-bottom:1px solid var(--medium-gray);padding:30px 30px 20px}.vendor-info{align-items:center;display:flex;gap:20px}.vendor-avatar{border:3px solid var(--white);border-radius:50%;box-shadow:var(--shadow);height:70px;object-fit:cover;width:70px}.vendor-info h2{color:var(--dark-charcoal);font-size:1.5rem;margin-bottom:5px}.vendor-location{color:#666;font-size:.95rem}.contact-form{padding:30px}.form-group,.form-row{margin-bottom:20px}.input-icon{font-size:1rem}.form-group input,.form-group select,.form-group textarea{border:1px solid var(--medium-gray);border-radius:var(--border-radius);font-family:inherit;font-size:1rem;padding:12px 15px;transition:var(--transition);width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #ee42361a;outline:none}.form-actions{gap:15px;justify-content:flex-end}.contact-alternatives{background:var(--light-gray);border-top:1px solid var(--medium-gray);padding:20px 30px 30px}.contact-alternatives p{color:#666;font-weight:500;margin-bottom:15px}.alternative-contacts{display:flex;flex-direction:column;gap:10px}.alternative-link{align-items:center;background:var(--white);border-radius:var(--border-radius);color:var(--text-color);display:flex;gap:10px;padding:10px 15px;text-decoration:none;transition:var(--transition)}.alternative-link:hover{background:var(--primary-color);color:var(--white);transform:translateX(5px)}.alternative-link svg{font-size:1.1rem}.success-animation{margin:30px 0}.checkmark-circle{animation:scaleIn .3s ease;background:#4caf50;border-radius:50%;height:80px;margin:0 auto;position:relative;width:80px}.checkmark{animation:checkmark .3s ease .3s both;border-bottom:4px solid var(--white);border-right:4px solid var(--white);height:50px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(45deg);width:30px}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes checkmark{0%{height:0;opacity:0;width:0}to{height:50px;opacity:1;width:30px}}@media (max-width:768px){.modal-content{max-height:95vh;width:95%}.form-row{gap:0;grid-template-columns:1fr}.vendor-info{text-align:center}.form-actions,.vendor-info{flex-direction:column}.form-actions button{width:100%}}@media (max-width:480px){.contact-alternatives,.contact-form,.modal-header{padding:20px}.vendor-avatar{height:60px;width:60px}.vendor-info h2{font-size:1.3rem}}.vendor-profile-page{background-color:var(--light-gray);min-height:100vh;padding-bottom:60px}.vendor-cover{height:300px;overflow:hidden;position:relative}.vendor-cover img{height:100%;object-fit:cover;width:100%}.profile-section{background:var(--white);border-radius:var(--border-radius);box-shadow:var(--shadow);margin-bottom:30px;margin-top:-50px;padding:30px;position:relative;z-index:2}.profile-header{align-items:flex-start;display:flex;gap:30px;margin-bottom:30px}.profile-logo{border:4px solid var(--white);border-radius:50%;box-shadow:var(--shadow);height:120px;overflow:hidden;width:120px}.profile-logo img{height:100%;object-fit:cover;width:100%}.profile-info{flex:1 1}.profile-name{font-size:2rem;margin-bottom:10px}.profile-rating{align-items:center;display:flex;gap:10px;margin-bottom:10px}.rating-stars{display:flex;gap:2px}.star{color:#ffc107;font-size:1rem}.star.empty{color:var(--medium-gray)}.rating-value{color:#666;font-size:.9rem}.profile-location{align-items:center;color:#666;display:flex;gap:5px;margin-bottom:15px}.profile-badges{display:flex;flex-wrap:wrap;gap:10px}.profile-badges .badge{background:var(--light-gray);border-radius:20px;color:var(--text-color);font-size:.85rem;font-weight:500;padding:5px 12px}.profile-actions{display:flex;gap:15px}.profile-stats{grid-gap:20px;border-top:1px solid var(--medium-gray);display:grid;gap:20px;grid-template-columns:repeat(4,1fr);padding-top:30px}.stat-item{text-align:center}.stat-value{color:var(--primary-color);display:block;margin-bottom:5px}.stat-label{font-size:.9rem}.profile-tabs{background:var(--white);border-radius:var(--border-radius);box-shadow:var(--shadow);display:flex;gap:20px;margin-bottom:30px;overflow-x:auto;padding:15px}.tab-btn{background:none;border:none;border-radius:var(--border-radius);color:var(--text-color);cursor:pointer;font-size:1rem;font-weight:600;padding:10px 20px;transition:var(--transition);white-space:nowrap}.tab-btn:hover{background:var(--light-gray);color:var(--primary-color)}.tab-btn.active{background:var(--primary-color);color:var(--white)}.products-filter-bar{align-items:center;display:flex;flex-wrap:wrap;gap:20px;margin-bottom:30px}.search-wrapper{flex:1 1;min-width:300px;position:relative}.search-wrapper .search-icon{color:#999;left:15px;position:absolute;top:50%;transform:translateY(-50%)}.search-wrapper input{border:1px solid var(--medium-gray);border-radius:var(--border-radius);font-size:1rem;padding:12px 15px 12px 45px;transition:var(--transition);width:100%}.search-wrapper input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #ee42361a;outline:none}.sort-wrapper{align-items:center;display:flex;gap:10px}.sort-select{appearance:none;background:var(--white);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;font-size:.95rem;padding:12px 30px 12px 15px}.sort-order,.sort-select{border:1px solid var(--medium-gray);border-radius:var(--border-radius);cursor:pointer}.sort-order{align-items:center;background:var(--white);display:flex;height:40px;justify-content:center;transition:var(--transition);width:40px}.sort-order:hover{background:var(--light-gray);color:var(--primary-color)}.products-layout{grid-gap:30px;display:grid;gap:30px;grid-template-columns:280px 1fr}.products-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}.no-products{grid-column:1/-1;padding:60px;text-align:center}.about-tab,.no-products{background:var(--white);border-radius:var(--border-radius)}.about-tab{box-shadow:var(--shadow);padding:40px}.about-section{margin-bottom:40px}.about-section h3{color:var(--dark-charcoal);font-size:1.3rem;margin-bottom:20px}.about-description{color:#666;font-size:1.1rem;line-height:1.8}.info-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.info-item{align-items:flex-start;display:flex;gap:10px}.info-icon{font-size:1.2rem;margin-top:3px}.info-label{min-width:100px}.shipping-info{display:flex;flex-direction:column;gap:15px}.reviews-tab{background:var(--white);box-shadow:var(--shadow);padding:40px}.reviews-summary,.reviews-tab{border-radius:var(--border-radius)}.reviews-summary{align-items:center;background:var(--light-gray);display:flex;justify-content:space-between;margin-bottom:30px;padding:30px}.average-rating{display:flex;flex-direction:column;gap:10px}.big-rating{color:var(--dark-charcoal);font-size:3rem;font-weight:700;line-height:1}.total-reviews{color:#666;font-size:.9rem}.review-card{border-bottom:1px solid var(--medium-gray);padding:20px}.review-card:last-child{border-bottom:none}.reviewer-info{align-items:center;display:flex;flex-wrap:wrap;gap:15px;margin-bottom:15px}.reviewer-avatar{border-radius:50%;height:50px;object-fit:cover;width:50px}.reviewer-info h4{color:var(--dark-charcoal);margin-bottom:5px}.review-date{color:#999;font-size:.9rem;margin-left:auto}.review-text{color:#666;line-height:1.6;margin-left:65px}.contact-tab{background:var(--white);border-radius:var(--border-radius);box-shadow:var(--shadow);padding:40px}.contact-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:1fr 1fr}.contact-form h3,.contact-info h3{color:var(--dark-charcoal);font-size:1.3rem;margin-bottom:30px}.contact-item{display:flex;gap:15px;margin-bottom:25px}.contact-icon{color:var(--primary-color);font-size:1.5rem}.contact-item strong{color:var(--dark-charcoal);display:block;margin-bottom:5px}.contact-item a,.contact-item p{color:#666;text-decoration:none;transition:var(--transition)}.contact-item a:hover{color:var(--primary-color)}.social-links{margin-top:30px}.social-links h4{color:var(--dark-charcoal);margin-bottom:15px}.social-icons{display:flex;gap:15px}.social-icon{align-items:center;border-radius:50%;color:var(--white);display:flex;height:40px;justify-content:center;transition:var(--transition);width:40px}.social-icon:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.social-icon.facebook{background:#1877f2}.social-icon.twitter{background:#1da1f2}.social-icon.instagram{background:#e4405f}.social-icon.linkedin{background:#0077b5}.contact-form .form-group{margin-bottom:20px}.contact-form label{color:var(--dark-charcoal);display:block;font-weight:600;margin-bottom:8px}.contact-form input,.contact-form textarea{border:1px solid var(--medium-gray);border-radius:var(--border-radius);font-family:inherit;font-size:1rem;padding:12px;transition:var(--transition);width:100%}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #ee42361a;outline:none}.pagination{gap:10px}.pagination-numbers{gap:5px}.pagination-number:hover{background:var(--light-gray)}.pagination-ellipsis{align-items:center;color:#999;display:flex;height:40px;justify-content:center;width:40px}.mobile-filter-toggle{align-items:center;background:var(--white);border:1px solid var(--medium-gray);border-radius:var(--border-radius);cursor:pointer;display:none;gap:10px;padding:10px 20px}.close-filter{display:none}.vendor-profile-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:500px}.loading-spinner{animation:spin 1s linear infinite;border:3px solid var(--light-gray);border-radius:50%;border-top-color:var(--primary-color);height:50px;margin-bottom:20px;width:50px}@media (max-width:1200px){.products-layout{grid-template-columns:1fr}.filter-sidebar{background:var(--white);height:100vh;left:-100%;overflow-y:auto;position:fixed;top:0;transition:left .3s ease;width:300px;z-index:1000}.filter-sidebar.open{left:0}.close-filter{background:none;border:none;color:var(--text-color);cursor:pointer;display:block;font-size:1.2rem}.mobile-filter-toggle{display:flex}.products-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:992px){.profile-header{align-items:center;flex-direction:column;text-align:center}.profile-stats{grid-template-columns:repeat(2,1fr)}.contact-grid{grid-template-columns:1fr}.review-text{margin-left:0}}@media (max-width:768px){.vendor-cover{height:200px}.profile-name{font-size:1.5rem}.profile-logo{height:100px;width:100px}.info-grid,.products-grid{grid-template-columns:1fr}.reviews-summary{flex-direction:column;gap:20px;text-align:center}.reviewer-info{align-items:flex-start;flex-direction:column}.review-date{margin-left:0}.pagination-numbers{justify-content:center;margin-bottom:10px;order:-1;width:100%}.pagination{flex-wrap:wrap}}@media (max-width:480px){.products-filter-bar{flex-direction:column}.search-wrapper{min-width:100%}.sort-wrapper{width:100%}.sort-select{flex:1 1}}.cart-page{background-color:var(--light-gray);min-height:100vh;padding-bottom:60px}.cart-breadcrumb{border-bottom:1px solid var(--medium-gray);padding:15px 0}.cart-breadcrumb,.cart-header{background:var(--white);margin-bottom:30px}.cart-header{align-items:center;border-radius:var(--border-radius);box-shadow:var(--shadow);display:flex;justify-content:space-between;padding:30px}.cart-title{color:var(--dark-charcoal);font-size:2rem;margin:0}.cart-actions{display:flex;gap:15px}.cart-content{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 380px;margin-bottom:40px}.cart-items-section{background:var(--white);border-radius:var(--border-radius);box-shadow:var(--shadow);padding:25px}.bulk-actions{border-bottom:1px solid var(--medium-gray);margin-bottom:20px;padding-bottom:20px}.checkbox-label input[type=checkbox],.checkbox-label input[type=radio]{display:none}.checkbox-custom,.radio-custom{border:2px solid var(--medium-gray);display:inline-block;height:20px;position:relative;transition:var(--transition);width:20px}.radio-custom{border-radius:50%}.checkbox-label input[type=checkbox]:checked+.checkbox-custom,.checkbox-label input[type=radio]:checked+.radio-custom{background:var(--primary-color);border-color:var(--primary-color)}.checkbox-label input[type=radio]:checked+.radio-custom:after{background:var(--white);border-radius:50%;content:"";height:10px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:10px}.selected-total{color:var(--primary-color);font-weight:600}.cart-items{display:flex;flex-direction:column;gap:20px;margin-bottom:20px}.cart-item{background:var(--light-gray);border-radius:var(--border-radius);display:flex;gap:20px;padding:20px;position:relative;transition:var(--transition)}.cart-item:hover{box-shadow:var(--shadow)}.item-image{background:var(--white);border-radius:var(--border-radius);height:120px;width:120px}.cart-item:hover .item-image img{transform:scale(1.05)}.item-image .badge{font-size:.65rem;left:5px;padding:3px 6px;top:5px}.item-details{justify-content:space-between}.item-info{flex:1 1}.item-title{display:block;margin-bottom:5px}.item-category,.item-price-info{margin-bottom:10px}.item-price-info{align-items:center;display:flex;justify-content:space-between}.item-price .current-price{font-size:1.2rem}.item-price .original-price{font-size:.9rem}.item-quantity{background:var(--white);border:1px solid var(--medium-gray);border-radius:var(--border-radius);overflow:hidden}.quantity-btn{align-items:center;background:var(--white);border:none;color:var(--text-color);cursor:pointer;display:flex;height:30px;justify-content:center;transition:var(--transition);width:30px}.quantity-btn:hover:not(:disabled){background:var(--primary-color);color:var(--white)}.quantity-btn:disabled{cursor:not-allowed;opacity:.5}.quantity-value{font-size:1rem;font-weight:600;text-align:center;width:40px}.item-total{color:var(--dark-charcoal);font-size:.95rem;margin-bottom:10px}.item-total strong{color:var(--primary-color);font-size:1.1rem}.item-actions{margin-top:15px}.action-btn{font-size:.9rem;padding:8px 15px}.continue-shopping{border-top:1px solid var(--medium-gray);margin-top:20px;padding-top:20px}.continue-link{align-items:center;color:var(--text-color);display:inline-flex;gap:10px;text-decoration:none;transition:var(--transition)}.continue-link:hover{color:var(--primary-color);transform:translateX(-5px)}.summary-title{border-bottom:2px solid var(--primary-color);font-size:1.3rem;margin-bottom:20px}.delivery-estimate{align-items:center;background:var(--light-gray);border-radius:var(--border-radius);display:flex;gap:15px;margin-bottom:20px;padding:15px}.delivery-icon{color:var(--primary-color);font-size:1.5rem}.delivery-info{flex:1 1}.delivery-label{color:#666;display:block;font-size:.85rem}.delivery-date{color:var(--dark-charcoal);display:block;font-weight:600}.price-breakdown{border-bottom:1px solid var(--medium-gray);margin-bottom:20px;padding-bottom:20px}.price-row{align-items:center;color:#666;display:flex;justify-content:space-between;padding:10px 0}.price-row.discount{color:#4caf50}.price-row.total{border-top:2px solid var(--medium-gray);color:var(--dark-charcoal);font-size:1.2rem;font-weight:700;margin-top:10px;padding-top:15px}.free-shipping{color:#4caf50;font-weight:600}.promo-code{padding-bottom:20px}.promo-code h3{color:var(--dark-charcoal);font-size:1rem;margin-bottom:10px}.promo-input-group{display:flex;gap:10px;margin-bottom:10px}.promo-input-group input{border:1px solid var(--medium-gray);border-radius:var(--border-radius);flex:1 1;font-size:.9rem;padding:10px;transition:var(--transition)}.promo-input-group input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(var(--primary-rgb),.1);outline:none}.promo-input-group input:disabled{background:var(--light-gray);cursor:not-allowed}.apply-btn{background:var(--primary-color);border:none;border-radius:var(--border-radius);color:var(--white);cursor:pointer;font-weight:600;padding:10px 20px;transition:var(--transition)}.apply-btn:hover:not(:disabled){background:var(--secondary-color);transform:translateY(-2px)}.apply-btn:disabled{cursor:not-allowed;opacity:.5}.coupon-error{color:#f44336}.coupon-error,.coupon-success{display:block;font-size:.85rem;margin-top:5px}.coupon-success{color:#4caf50}.available-coupons{margin-top:10px}.available-coupons p{color:#666;font-size:.85rem;margin-bottom:5px}.coupon-tags{display:flex;flex-wrap:wrap;gap:10px}.coupon-tag{background:var(--light-gray);border-radius:20px;color:var(--primary-color);cursor:pointer;font-size:.8rem;font-weight:600;padding:5px 10px;transition:var(--transition)}.coupon-tag:hover{background:var(--primary-color);color:var(--white)}.shipping-options{border-bottom:1px solid var(--medium-gray);margin-bottom:20px;padding-bottom:20px}.shipping-options h3{color:var(--dark-charcoal);font-size:1rem;margin-bottom:15px}.shipping-option .radio-label{align-items:center;background:var(--light-gray);border-radius:var(--border-radius);cursor:pointer;display:flex;gap:15px;padding:12px;transition:var(--transition)}.shipping-option .radio-label:hover{background:var(--medium-gray)}.shipping-details{flex:1 1}.shipping-name{color:var(--dark-charcoal);display:block;font-weight:600}.shipping-time{color:#666;display:block;font-size:.85rem}.shipping-price{color:var(--primary-color);font-weight:600}.gift-options{border-bottom:1px solid var(--medium-gray);margin-bottom:20px;padding-bottom:20px}.gift-options h3{color:var(--dark-charcoal);font-size:1rem;margin-bottom:15px}.gift-text{color:var(--dark-charcoal);flex:1 1}.gift-price{color:#666;font-size:.85rem}.order-notes{border-bottom:1px solid var(--medium-gray);margin-bottom:20px;padding-bottom:20px}.order-notes h3{color:var(--dark-charcoal);font-size:1rem;margin-bottom:15px}.order-notes textarea{border:1px solid var(--medium-gray);border-radius:var(--border-radius);font-family:inherit;font-size:.9rem;padding:12px;resize:vertical;transition:var(--transition);width:100%}.order-notes textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(var(--primary-rgb),.1);outline:none}.payment-methods{background:var(--light-gray);border-radius:var(--border-radius);margin:20px 0;padding:15px;text-align:center}.payment-methods p{color:#666;font-size:.9rem;margin-bottom:10px}.payment-icons{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.payment-icon{color:#666;cursor:pointer;font-size:1.8rem;transition:var(--transition)}.payment-icon:hover{color:var(--primary-color);transform:translateY(-2px)}.trust-badges{margin-top:20px;padding-top:20px}.trust-item{gap:5px}.trust-icon{font-size:1.2rem}.trust-item span{font-size:.8rem}.empty-cart{background:var(--white);border-radius:var(--border-radius);box-shadow:var(--shadow);margin-bottom:40px;padding:80px 20px;text-align:center}.empty-cart-icon{animation:bounce 2s infinite;color:var(--medium-gray);font-size:5rem;margin-bottom:20px}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.empty-cart h2{color:var(--dark-charcoal);font-size:2rem;margin-bottom:15px}.empty-cart p{color:#666;font-size:1.1rem;margin-bottom:10px}.empty-cart-actions{display:flex;gap:20px;justify-content:center;margin-top:30px}.category-icon{display:block;font-size:2.5rem;margin-bottom:15px}.shop-now{color:var(--primary-color);font-size:.9rem;font-weight:600}.cart-recommendations,.recently-viewed,.related-products{margin-top:60px}.recently-grid,.related-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.related-card,.related-image{position:relative}.quick-add{background:var(--primary-color);border:none;bottom:-40px;color:var(--white);cursor:pointer;left:0;opacity:0;padding:10px;position:absolute;right:0;transition:var(--transition)}.related-card:hover .quick-add{bottom:0;opacity:1}.recent-item{align-items:center;background:var(--white);border-radius:var(--border-radius);box-shadow:var(--shadow);display:flex;gap:15px;padding:15px;transition:var(--transition)}.recent-item:hover{box-shadow:0 4px 15px #0000001a;transform:translateX(5px)}.recent-item img{border-radius:var(--border-radius);height:60px;object-fit:cover;width:60px}.recent-info h4{color:var(--dark-charcoal);font-size:.95rem;margin-bottom:5px}.recent-info p{color:var(--primary-color);font-size:.9rem;font-weight:600}@media (max-width:1200px){.cart-content{grid-template-columns:1fr 340px}}@media (max-width:992px){.cart-content{grid-template-columns:1fr}.order-summary{position:static}.recently-grid,.related-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.cart-header{flex-direction:column;gap:20px;padding:20px;text-align:center}.cart-title{font-size:1.5rem}.item-count{font-size:1rem}.cart-actions{width:100%}.cart-actions,.cart-item{flex-direction:column}.item-image{height:200px;width:100%}.item-select{left:10px;top:10px}.item-price-info{align-items:flex-start;gap:10px}.empty-cart-actions,.item-actions,.item-price-info{flex-direction:column}.recently-grid,.related-grid{grid-template-columns:repeat(2,1fr)}.trust-badges{gap:10px;grid-template-columns:1fr}}@media (max-width:576px){.cart-items-section{padding:15px}.bulk-actions{align-items:flex-start;flex-direction:column;gap:10px}.shipping-option .radio-label{flex-wrap:wrap}.shipping-price{margin-left:auto}.promo-input-group{flex-direction:column}.category-grid,.recently-grid,.related-grid{grid-template-columns:1fr}.payment-icons{gap:10px}}.cart-item{animation:fadeIn .3s ease}@media print{.bulk-actions,.cart-actions,.cart-breadcrumb,.continue-shopping,.item-actions,.order-summary .btn,.payment-methods,.recently-viewed,.related-products,.trust-badges{display:none}.cart-content{grid-template-columns:1fr}.cart-item{border:1px solid #ddd;break-inside:avoid;page-break-inside:avoid}}.account-page{background-color:var(--light-gray);min-height:100vh;padding-bottom:60px}.account-breadcrumb{background:var(--white);border-bottom:1px solid var(--medium-gray);margin-bottom:30px;padding:15px 0}.account-content{grid-gap:30px;display:grid;gap:30px;grid-template-columns:320px 1fr}.account-sidebar{background:var(--white);border-radius:var(--border-radius);box-shadow:var(--shadow);height:fit-content;position:sticky;top:20px}.profile-summary{border-bottom:1px solid var(--medium-gray);padding:30px 20px;position:relative;text-align:center}.profile-image-container{height:120px;margin:0 auto 20px;position:relative;width:120px}.profile-image{border:4px solid var(--white);border-radius:50%;box-shadow:var(--shadow);height:100%;object-fit:cover;width:100%}.edit-image-btn{align-items:center;background:var(--primary-color);border:none;border-radius:50%;bottom:5px;box-shadow:var(--shadow);color:var(--white);cursor:pointer;display:flex;height:35px;justify-content:center;position:absolute;right:5px;transition:var(--transition);width:35px}.edit-image-btn:hover{background:var(--secondary-color);transform:scale(1.1)}.trusted-badge{align-items:center;background:#4caf50;border:2px solid var(--white);border-radius:50%;box-shadow:var(--shadow);color:var(--white);display:flex;font-size:1rem;height:30px;justify-content:center;position:absolute;right:5px;top:5px;width:30px}.profile-name{color:var(--dark-charcoal);font-size:1.3rem;margin-bottom:5px}.profile-email{color:#666;font-size:.9rem;margin-bottom:15px}.profile-meta{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.meta-item{color:#666;font-size:.9rem;gap:8px;justify-content:center}.meta-icon{color:var(--primary-color)}.meta-icon.verified{color:#4caf50}.edit-profile-btn{align-items:center;background:var(--light-gray);border:1px solid var(--medium-gray);border-radius:var(--border-radius);color:var(--text-color);cursor:pointer;display:flex;font-size:.95rem;gap:8px;justify-content:center;padding:10px;transition:var(--transition);width:100%}.edit-profile-btn:hover{background:var(--primary-color);border-color:var(--primary-color);color:var(--white)}.account-nav{display:flex;flex-direction:column;gap:5px;padding:20px}.nav-item{align-items:center;background:none;border:none;border-radius:var(--border-radius);color:var(--text-color);cursor:pointer;display:flex;font-size:1rem;gap:12px;padding:12px 15px;position:relative;text-align:left;transition:var(--transition);width:100%}.nav-item:hover{background:var(--light-gray);color:var(--primary-color)}.nav-item.active{background:var(--primary-color);color:var(--white)}.nav-item.logout{border-radius:0;border-top:1px solid var(--medium-gray);margin-top:10px;padding-top:20px}.nav-item.logout:hover{background:none;color:#f44336}.nav-badge{background:var(--primary-color);border-radius:20px;color:var(--white);font-size:.75rem;padding:2px 8px;position:absolute;right:15px}.nav-item.active .nav-badge{background:var(--white);color:var(--primary-color)}.support-section{background:var(--light-gray);border-radius:var(--border-radius);margin:20px;padding:20px;text-align:center}.support-section h3{color:var(--dark-charcoal);margin-bottom:5px}.support-section p{color:#666;font-size:.9rem;margin-bottom:15px}.account-main{background:var(--white);border-radius:var(--border-radius);box-shadow:var(--shadow);padding:30px}.welcome-section{margin-bottom:30px}.welcome-section h1{color:var(--dark-charcoal);font-size:1.8rem;margin-bottom:5px}.welcome-section p{color:#666}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-bottom:40px}.stat-card{align-items:center;background:var(--light-gray);border-radius:var(--border-radius);display:flex;gap:15px;padding:20px;transition:var(--transition)}.stat-card:hover{box-shadow:var(--shadow);transform:translateY(-5px)}.stat-icon{align-items:center;background:var(--white);border-radius:50%;color:var(--primary-color);display:flex;font-size:1.5rem;height:50px;justify-content:center;width:50px}.stat-details{display:flex;flex-direction:column}.stat-value{color:var(--dark-charcoal);font-size:1.5rem;font-weight:700}.stat-label{color:#666;font-size:.85rem}.recent-orders{margin-bottom:40px}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.section-header h2{color:var(--dark-charcoal);font-size:1.3rem}.section-header a{color:var(--primary-color);font-size:.9rem;text-decoration:none;transition:var(--transition)}.section-header a:hover{text-decoration:underline}.orders-list{background:var(--light-gray);border-radius:var(--border-radius);overflow:hidden}.order-row{grid-gap:20px;align-items:center;border-bottom:1px solid var(--medium-gray);display:grid;gap:20px;grid-template-columns:1fr auto auto;padding:15px 20px}.order-row:last-child{border-bottom:none}.order-info{align-items:center;display:flex;flex-wrap:wrap;gap:15px}.order-id{color:var(--dark-charcoal);font-weight:600}.order-date{color:#666;font-size:.9rem}.order-status{align-items:center;border-radius:20px;display:inline-flex;font-size:.85rem;font-weight:500;gap:5px;padding:4px 10px}.status-delivered{background:#4caf501a;color:#4caf50}.status-shipped{background:#2196f31a;color:#2196f3}.status-processing{background:#ff98001a;color:#ff9800}.status-cancelled{background:#f443361a;color:#f44336}.order-amount{text-align:right}.order-total{color:var(--dark-charcoal);display:block;font-weight:700}.order-items{color:#666;font-size:.85rem}.order-actions{display:flex;gap:10px}.action-btn{font-size:.85rem;gap:5px;padding:6px 12px}.recommended-products h2{color:var(--dark-charcoal);font-size:1.3rem;margin-bottom:20px}.recommended-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr)}.recommended-card{background:var(--light-gray);border-radius:var(--border-radius);padding:15px;text-align:center;transition:var(--transition)}.recommended-card:hover{box-shadow:var(--shadow);transform:translateY(-5px)}.recommended-card img{aspect-ratio:1;border-radius:var(--border-radius);margin-bottom:10px;object-fit:cover;width:100%}.recommended-card h3{color:var(--dark-charcoal);font-size:1rem;margin-bottom:5px}.recommended-card .price{color:var(--primary-color);font-weight:700;margin-bottom:10px}.addresses-tab h1,.orders-tab h1,.payments-tab h1,.settings-tab h1,.wishlist-tab h1{color:var(--dark-charcoal);font-size:1.8rem;margin-bottom:30px}.order-filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px}.filter-btn{background:var(--light-gray);border:1px solid var(--medium-gray);border-radius:25px;color:var(--text-color);cursor:pointer;font-size:.9rem;padding:8px 20px;transition:var(--transition)}.filter-btn.active,.filter-btn:hover{background:var(--primary-color);border-color:var(--primary-color);color:var(--white)}.orders-full-list{display:flex;flex-direction:column;gap:20px}.order-card{background:var(--light-gray);border-radius:var(--border-radius);padding:20px}.order-header{align-items:center;border-bottom:1px solid var(--medium-gray);display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.order-header-left h3{color:var(--dark-charcoal);font-size:1.1rem;margin-bottom:5px}.order-header-right{align-items:center;display:flex;gap:15px}.order-products{display:flex;flex-direction:column;gap:15px;margin-bottom:20px}.order-product{align-items:center;display:flex;gap:15px}.order-product img{border-radius:var(--border-radius);height:60px;object-fit:cover;width:60px}.product-info h4{color:var(--dark-charcoal);font-size:1rem;margin-bottom:5px}.product-info p{color:#666;font-size:.9rem}.order-footer{border-top:1px solid var(--medium-gray);justify-content:space-between;padding-top:15px}.order-footer,.order-tracking{align-items:center;display:flex}.order-tracking{color:#666;font-size:.9rem;gap:5px}.order-footer-actions{display:flex;gap:10px}.footer-btn{align-items:center;background:var(--white);border:1px solid var(--medium-gray);border-radius:var(--border-radius);color:var(--text-color);cursor:pointer;display:flex;font-size:.85rem;gap:5px;padding:6px 12px;transition:var(--transition)}.footer-btn.primary,.footer-btn:hover{background:var(--primary-color);border-color:var(--primary-color);color:var(--white)}.footer-btn.primary:hover{background:var(--secondary-color)}.wishlist-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(3,1fr)}.wishlist-card{background:var(--light-gray);border-radius:var(--border-radius);padding:15px;position:relative;transition:var(--transition)}.wishlist-card:hover{box-shadow:var(--shadow);transform:translateY(-5px)}.wishlist-image{margin-bottom:10px;position:relative}.wishlist-image img{aspect-ratio:1;border-radius:var(--border-radius);object-fit:cover;width:100%}.remove-wishlist{align-items:center;background:var(--white);border:none;border-radius:50%;box-shadow:var(--shadow);color:#f44336;cursor:pointer;display:flex;height:30px;justify-content:center;position:absolute;right:10px;top:10px;transition:var(--transition);width:30px}.remove-wishlist:hover{background:#f44336;color:var(--white)}.wishlist-card h3{color:var(--dark-charcoal);font-size:1rem;margin-bottom:5px}.wishlist-price{color:var(--primary-color);font-weight:700}.wishlist-price,.wishlist-stock{margin-bottom:10px}.tab-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.addresses-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.address-card{background:var(--light-gray);border-radius:var(--border-radius);padding:20px;position:relative;transition:var(--transition)}.address-card:hover{box-shadow:var(--shadow);transform:translateY(-5px)}.default-badge{background:var(--primary-color);border-radius:20px;color:var(--white);font-size:.75rem;font-weight:600;padding:4px 10px;position:absolute;right:10px;top:10px}.address-card h3{color:var(--dark-charcoal);font-size:1.1rem;margin-bottom:10px;padding-right:80px}.address-card p{color:#666;font-size:.9rem;margin-bottom:5px}.address-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px}.delete-address,.edit-address,.set-default{align-items:center;background:var(--white);border:1px solid var(--medium-gray);border-radius:var(--border-radius);cursor:pointer;display:flex;font-size:.85rem;gap:5px;padding:6px 12px;transition:var(--transition)}.edit-address:hover{background:var(--primary-color);border-color:var(--primary-color);color:var(--white)}.delete-address:hover{background:#f44336;border-color:#f44336;color:var(--white)}.set-default:hover{background:#4caf50;border-color:#4caf50;color:var(--white)}.payment-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);margin-bottom:30px}.payment-card{background:var(--light-gray);border-radius:var(--border-radius);padding:20px;position:relative;transition:var(--transition)}.payment-card:hover{box-shadow:var(--shadow);transform:translateY(-5px)}.payment-card-header{align-items:center;display:flex;gap:10px;margin-bottom:10px}.card-icon{color:var(--primary-color);font-size:1.5rem}.payment-card h3{color:var(--dark-charcoal);font-size:1rem}.payment-card p{color:#666;font-size:.9rem;margin-bottom:15px}.payment-actions{display:flex;gap:10px}.delete-payment,.edit-payment{align-items:center;background:var(--white);border:1px solid var(--medium-gray);border-radius:var(--border-radius);cursor:pointer;display:flex;font-size:.85rem;gap:5px;padding:6px 12px;transition:var(--transition)}.edit-payment:hover{background:var(--primary-color);border-color:var(--primary-color);color:var(--white)}.delete-payment:hover{background:#f44336;border-color:#f44336;color:var(--white)}.payment-security{align-items:center;background:var(--light-gray);border-radius:var(--border-radius);display:flex;gap:15px;padding:20px}.security-icon{color:#4caf50;font-size:2rem}.payment-security h4{color:var(--dark-charcoal);font-size:1rem;margin-bottom:5px}.payment-security p{color:#666;font-size:.9rem}.settings-section{border-bottom:1px solid var(--medium-gray);margin-bottom:40px;padding-bottom:40px}.settings-section:last-child{border-bottom:none;padding-bottom:0}.settings-section h2{color:var(--dark-charcoal);font-size:1.3rem;margin-bottom:20px}.profile-info{background:var(--light-gray);border-radius:var(--border-radius);padding:20px}.info-row{border-bottom:1px solid var(--medium-gray);display:flex;padding:10px 0}.info-row:last-child{border-bottom:none}.info-label{color:var(--dark-charcoal);font-weight:600;width:120px}.info-value{color:#666}.edit-info-btn{align-items:center;background:var(--white);border:1px solid var(--medium-gray);border-radius:var(--border-radius);color:var(--text-color);cursor:pointer;display:flex;gap:8px;margin-top:15px;padding:8px 15px;transition:var(--transition)}.edit-info-btn:hover{background:var(--primary-color);border-color:var(--primary-color);color:var(--white)}.edit-form{background:var(--light-gray);border-radius:var(--border-radius);padding:20px}.form-group{margin-bottom:15px}.form-group label{margin-bottom:5px}.form-group input{padding:10px}.form-group input:focus{box-shadow:0 0 0 2px rgba(var(--primary-rgb),.1)}.form-actions{gap:10px;margin-top:20px}.password-form{background:var(--light-gray);border-radius:var(--border-radius);max-width:400px;padding:20px}.password-form .form-group{margin-bottom:15px}.password-form input{border:1px solid var(--medium-gray);border-radius:var(--border-radius);padding:10px;width:100%}.notification-preferences{background:var(--light-gray);border-radius:var(--border-radius);padding:20px}.notification-preferences .checkbox-label{align-items:center;color:var(--text-color);cursor:pointer;display:flex;gap:10px;margin-bottom:15px}.notification-preferences .checkbox-label:last-child{margin-bottom:0}.account-actions{display:flex;gap:15px}.danger-btn{border-color:#f44336!important;color:#f44336!important}.danger-btn:hover{background:#f44336!important;color:var(--white)!important}.logout-modal,.order-modal{animation:slideUp .3s ease;background:var(--white);border-radius:var(--border-radius);max-height:80vh;max-width:600px;overflow-y:auto;padding:30px;position:relative;width:90%}.logout-modal{max-width:400px;text-align:center}.logout-icon{color:var(--primary-color);font-size:3rem;margin-bottom:20px}.logout-modal h2{color:var(--dark-charcoal);font-size:1.5rem;margin-bottom:10px}.logout-modal p{color:#666;margin-bottom:20px}.logout-actions{display:flex;gap:15px;justify-content:center}.order-modal h2{color:var(--dark-charcoal);font-size:1.5rem;margin-bottom:20px;padding-right:30px}.order-summary{background:var(--light-gray);margin-bottom:20px;padding:20px}.summary-row{align-items:center;border-bottom:1px solid var(--medium-gray);display:flex;justify-content:space-between;padding:10px 0}.summary-row:last-child{border-bottom:none}.total-amount{color:var(--primary-color);font-size:1.2rem}.order-items-list{margin-bottom:20px}.order-item{align-items:center;background:var(--light-gray);margin-bottom:10px;padding:15px}.order-item,.order-item img{border-radius:var(--border-radius)}.order-item img{height:60px;object-fit:cover;width:60px}.order-item .item-details{flex:1 1}.order-item .item-details h4{color:var(--dark-charcoal);font-size:1rem;margin-bottom:5px}.order-item .item-details p{color:#666;font-size:.9rem}.order-item .item-total{color:var(--primary-color);font-weight:700}.tracking-info{background:var(--light-gray);border-radius:var(--border-radius);margin-bottom:20px;padding:20px}.tracking-info h3{color:var(--dark-charcoal);font-size:1.1rem;margin-bottom:10px}.tracking-info p{color:#666;margin-bottom:5px}.order-modal-actions{display:flex;gap:15px;justify-content:flex-end}@media (max-width:1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}.recommended-grid{grid-template-columns:repeat(3,1fr)}.addresses-grid,.payment-cards{grid-template-columns:1fr}}@media (max-width:992px){.account-content{grid-template-columns:1fr}.account-sidebar{position:static}.wishlist-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.account-main{padding:20px}.welcome-section h1{font-size:1.5rem}.order-row,.stats-grid{grid-template-columns:1fr}.order-row{gap:10px}.order-info{align-items:flex-start;flex-direction:column}.order-amount{text-align:left}.order-actions{flex-wrap:wrap}.recommended-grid{grid-template-columns:repeat(2,1fr)}.order-header{align-items:flex-start;flex-direction:column;gap:10px}.order-header-right{flex-wrap:wrap}.order-footer{align-items:flex-start;flex-direction:column;gap:15px}.order-footer-actions{flex-wrap:wrap}.wishlist-grid{grid-template-columns:1fr}.tab-header{align-items:flex-start;flex-direction:column;gap:15px}.info-row{flex-direction:column;gap:5px}.info-label{width:auto}.account-actions,.logout-actions{flex-direction:column}}@media (max-width:576px){.recommended-grid{grid-template-columns:1fr}.order-filters{flex-direction:column}.filter-btn{width:100%}.order-item{flex-direction:column;text-align:center}.order-item .item-total{margin-top:10px}}@media print{.account-nav,.account-sidebar,.footer-btn,.modal-overlay,.order-actions,.support-section{display:none}.account-main{box-shadow:none;padding:0}}.checkout-page{background-color:var(--light-gray);min-height:100vh;padding-bottom:60px}.checkout-breadcrumb{background:var(--white);border-bottom:1px solid var(--medium-gray);margin-bottom:30px;padding:15px 0}.checkout-breadcrumb .breadcrumb-links{align-items:center;display:flex;font-size:.9rem;gap:8px}.checkout-breadcrumb .breadcrumb-links a{color:var(--text-color);text-decoration:none;transition:var(--transition)}.checkout-breadcrumb .breadcrumb-links a:hover{color:var(--primary-color)}.checkout-breadcrumb .breadcrumb-links .separator{color:#999;font-size:.8rem}.checkout-breadcrumb .breadcrumb-links span{color:#999}.checkout-steps{background:var(--white);border-radius:var(--border-radius);box-shadow:var(--shadow);justify-content:center;margin-bottom:40px;padding:20px}.checkout-steps,.step{align-items:center;display:flex}.step{gap:15px;position:relative}.step-number{align-items:center;background:var(--light-gray);border-radius:50%;color:#999;display:flex;font-weight:600;height:40px;justify-content:center;transition:var(--transition);width:40px}.step.active .step-number{background:var(--primary-color);color:var(--white)}.step.completed .step-number{background:#4caf50;color:var(--white)}.step-info{display:flex;flex-direction:column}.step-label{color:#999;font-size:.8rem}.step-title{color:var(--dark-charcoal);font-weight:600}.step-line{background:var(--medium-gray);height:2px;margin:0 20px;transition:var(--transition);width:100px}.step-line.active{background:var(--primary-color)}.checkout-main{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 380px}.checkout-forms{background:var(--white);border-radius:var(--border-radius);box-shadow:var(--shadow);padding:30px}.checkout-section{display:block}.section-title{align-items:center;border-bottom:1px solid var(--medium-gray);display:flex;font-size:1.3rem;gap:10px;margin:0 0 25px}.section-icon{color:var(--primary-color)}.form-grid{display:flex;flex-direction:column;gap:20px;margin-bottom:30px}.form-group input{background:var(--white);border:1px solid var(--medium-gray);border-radius:var(--border-radius);font-family:inherit;font-size:1rem;transition:var(--transition)}.form-group input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #ff6b351a;outline:none}.form-group input.error{border-color:#dc3545}.shipping-methods{margin-bottom:30px}.shipping-methods h3{color:var(--dark-charcoal);font-size:1.1rem;margin-bottom:15px}.shipping-option{border:1px solid var(--medium-gray);border-radius:var(--border-radius);cursor:pointer;display:block;margin-bottom:10px;padding:15px;transition:var(--transition)}.shipping-option:hover{background:#ff6b350d;border-color:var(--primary-color)}.shipping-option input[type=radio]{display:none}.shipping-option .option-content{align-items:center;display:flex;justify-content:space-between}.option-info{display:flex;flex-direction:column}.option-name{color:var(--dark-charcoal);font-weight:600}.option-desc{color:#999;font-size:.9rem}.option-price{font-weight:600}.option-price,.shipping-option input[type=radio]:checked+.option-content{color:var(--primary-color)}.shipping-option:has(input[type=radio]:checked){background:#ff6b350d;border-color:var(--primary-color)}.billing-option{background:var(--light-gray);border-radius:var(--border-radius);margin-bottom:25px;padding:15px}.checkbox-label input[type=checkbox]{height:18px;width:18px}.payment-methods{margin-bottom:25px}.payment-option{border:1px solid var(--medium-gray);border-radius:var(--border-radius);cursor:pointer;display:block;margin-bottom:10px;padding:15px;transition:var(--transition)}.payment-option:hover{border-color:var(--primary-color)}.payment-option input[type=radio]{display:none}.payment-option .option-content{align-items:center;display:flex;justify-content:space-between}.card-icons{color:#666;display:flex;font-size:.9rem;gap:10px}.payment-option:has(input[type=radio]:checked){background:#ff6b350d;border-color:var(--primary-color)}.credit-card-form{background:var(--light-gray);border-radius:var(--border-radius);margin-top:20px;padding:20px}.secure-checkout-note{align-items:center;background:#e8f5e9;border-radius:var(--border-radius);color:#2e7d32;display:flex;font-size:.95rem;gap:10px;justify-content:center;margin:20px 0;padding:15px}.lock-icon{color:#2e7d32}.form-actions{border-top:1px solid var(--medium-gray);display:flex;justify-content:space-between;margin-top:30px;padding-top:20px}.order-summary{background:var(--white);border-radius:var(--border-radius);box-shadow:var(--shadow);height:fit-content;padding:25px;position:sticky;top:20px}.summary-title{border-bottom:1px solid var(--medium-gray);color:var(--dark-charcoal);font-size:1.2rem;margin:0 0 20px;padding-bottom:15px}.order-items{margin-bottom:20px;max-height:400px;overflow-y:auto}.order-item{border-bottom:1px solid var(--medium-gray);display:flex;gap:15px;padding:15px 0}.order-item:last-child{border-bottom:none}.item-image{flex-shrink:0;height:60px;width:60px}.item-image img{border-radius:var(--border-radius)}.item-quantity{align-items:center;background:var(--primary-color);border-radius:50%;color:var(--white);display:flex;font-size:.8rem;font-weight:600;height:22px;justify-content:center;position:absolute;right:-5px;top:-5px;width:22px}.item-details h4{color:var(--dark-charcoal);font-size:.95rem;margin:0 0 5px}.item-price{color:var(--primary-color);font-size:.95rem;font-weight:600;margin:0}.promo-code{border-bottom:1px solid var(--medium-gray);border-top:1px solid var(--medium-gray);display:flex;gap:10px;margin-bottom:20px;padding:20px 0}.promo-code input{border:1px solid var(--medium-gray);border-radius:var(--border-radius);flex:1 1;font-size:.95rem;padding:10px 12px}.promo-code input:focus{border-color:var(--primary-color);outline:none}.summary-totals{margin-bottom:20px}.total-row{color:#666;display:flex;justify-content:space-between;padding:10px 0}.total-row.grand-total{border-top:2px solid var(--medium-gray);color:var(--dark-charcoal);font-size:1.2rem;font-weight:700;margin-top:10px;padding:15px 0}.trust-badges{grid-gap:15px;border-top:1px solid var(--medium-gray);display:grid;gap:15px;grid-template-columns:repeat(3,1fr);padding:20px 0 0}.trust-item{align-items:center;display:flex;flex-direction:column;gap:8px;text-align:center}.trust-icon{color:var(--primary-color);font-size:1.5rem}.trust-item span{color:#666;font-size:.85rem}.order-success{background:var(--white);border-radius:var(--border-radius);box-shadow:var(--shadow);margin:50px auto;max-width:600px;padding:50px;text-align:center}.success-icon{align-items:center;background:#4caf50;border-radius:50%;color:var(--white);display:flex;font-size:2.5rem;height:80px;justify-content:center;margin:0 auto 30px;width:80px}.order-success h1{color:var(--dark-charcoal);font-size:2rem;margin:0 0 15px}.order-number{background:var(--light-gray);border-radius:var(--border-radius);color:var(--primary-color);display:inline-block;font-size:1.2rem;font-weight:600;margin-bottom:20px;padding:10px}.success-message{color:#666;line-height:1.6;margin-bottom:30px}.success-actions{display:flex;gap:15px;justify-content:center}.empty-cart-checkout{background:var(--white);border-radius:var(--border-radius);box-shadow:var(--shadow);padding:60px;text-align:center}.empty-icon{color:var(--medium-gray);margin-bottom:20px}.empty-cart-checkout h2{color:var(--dark-charcoal);font-size:1.5rem;margin:0 0 10px}.empty-cart-checkout p{color:#666;margin-bottom:30px}@media (max-width:992px){.checkout-main{grid-template-columns:1fr}.order-summary{order:-1;position:static}.step-line{width:50px}}@media (max-width:768px){.checkout-steps{flex-direction:column;gap:15px}.step{width:100%}.step-line{height:30px;margin:10px 0;width:2px}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column;gap:10px}.form-actions .btn{width:100%}.success-actions{flex-direction:column}.trust-badges{gap:20px;grid-template-columns:1fr}.empty-cart-checkout{padding:30px}}@media (max-width:576px){.checkout-forms,.order-summary{padding:20px}.payment-option .option-content,.shipping-option .option-content{align-items:flex-start;flex-direction:column;gap:10px}.promo-code{flex-direction:column}.order-success{padding:30px}.order-success h1{font-size:1.5rem}}.blog-page{background-color:var(--light-gray);min-height:100vh;padding-bottom:60px}.blog-breadcrumb{background:var(--white);border-bottom:1px solid var(--medium-gray);margin-bottom:30px;padding:15px 0}.blog-breadcrumb .breadcrumb-links{align-items:center;display:flex;font-size:.9rem;gap:8px}.blog-breadcrumb .breadcrumb-links a{color:var(--text-color);text-decoration:none;transition:var(--transition)}.blog-breadcrumb .breadcrumb-links a:hover{color:var(--primary-color)}.blog-breadcrumb .breadcrumb-links .separator{color:#999;font-size:.8rem}.blog-breadcrumb .breadcrumb-links span{color:#999}.blog-header{margin-bottom:40px;text-align:center}.blog-title{color:var(--dark-charcoal);display:inline-block;font-size:2.5rem;margin:0 0 15px;position:relative}.blog-title:after{background:var(--primary-color);border-radius:2px;bottom:-10px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.blog-subtitle{color:#666;font-size:1.1rem;line-height:1.6;margin:20px auto 0;max-width:700px}.blog-layout{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 350px}.blog-main{width:100%}.featured-post{grid-gap:30px;background:var(--white);border-radius:var(--border-radius);box-shadow:var(--shadow);display:grid;gap:30px;grid-template-columns:1fr 1fr;margin-bottom:40px;overflow:hidden}.featured-post-image{height:100%;min-height:300px;position:relative}.featured-post-image img{height:100%;object-fit:cover;width:100%}.featured-badge{background:var(--primary-color);border-radius:25px;box-shadow:var(--shadow);color:var(--white);font-size:.85rem;font-weight:600;left:20px;padding:8px 15px;position:absolute;text-transform:uppercase;top:20px}.featured-post-content{display:flex;flex-direction:column;justify-content:center;padding:30px}.featured-post-content .post-meta{display:flex;gap:20px;margin-bottom:15px}.featured-post-content .post-category{background:var(--light-gray);border-radius:20px;color:var(--primary-color);font-size:.85rem;font-weight:600;padding:5px 12px}.featured-post-content .post-date{align-items:center;color:#999;display:flex;font-size:.9rem;gap:5px}.featured-post-title{color:var(--dark-charcoal);font-size:1.8rem;line-height:1.3;margin:0 0 15px}.featured-post-excerpt{color:#666;line-height:1.6;margin-bottom:20px}.featured-post-footer{align-items:center;display:flex;justify-content:space-between}.post-author{align-items:center;display:flex;gap:10px}.post-author img{border-radius:50%;height:40px;object-fit:cover;width:40px}.post-author span{color:var(--dark-charcoal);font-weight:600}.posts-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(2,1fr);margin-bottom:40px}.blog-card{background:var(--white);border-radius:var(--border-radius);box-shadow:var(--shadow);overflow:hidden;transition:var(--transition)}.blog-card:hover{box-shadow:0 5px 20px #00000026;transform:translateY(-5px)}.card-image{height:200px;overflow:hidden;position:relative}.card-image img{height:100%;object-fit:cover;transition:var(--transition);width:100%}.blog-card:hover .card-image img{transform:scale(1.05)}.card-category{background:var(--primary-color);border-radius:20px;color:var(--white);font-size:.8rem;font-weight:600;padding:5px 12px;position:absolute;right:15px;top:15px;z-index:1}.card-content{padding:20px}.card-meta{display:flex;gap:15px;margin-bottom:10px}.meta-item{align-items:center;color:#999;display:flex;font-size:.85rem;gap:5px}.card-title{font-size:1.2rem;line-height:1.4;margin:0 0 10px}.card-title a{color:var(--dark-charcoal);text-decoration:none;transition:var(--transition)}.card-title a:hover{color:var(--primary-color)}.card-excerpt{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#666;display:-webkit-box;font-size:.95rem;line-height:1.6;margin-bottom:15px;overflow:hidden}.card-footer{border-top:1px solid var(--medium-gray);justify-content:space-between;padding-top:15px}.card-author,.card-footer{align-items:center;display:flex}.card-author{gap:8px}.card-author img{border-radius:50%;height:30px;object-fit:cover;width:30px}.card-author span{color:var(--dark-charcoal);font-size:.9rem;font-weight:500}.card-stats{display:flex;gap:12px}.stat-item{align-items:center;color:#999;display:flex;font-size:.85rem;gap:4px}.like-btn{background:none;border:none;cursor:pointer;padding:0;transition:var(--transition)}.like-btn.liked,.like-btn:hover{color:#e74c3c}.pagination{gap:15px;justify-content:center;margin-top:40px}.pagination,.pagination-btn{align-items:center;display:flex}.pagination-btn{background:var(--white);border:1px solid var(--medium-gray);border-radius:var(--border-radius);color:var(--text-color);cursor:pointer;gap:8px;padding:10px 20px;transition:var(--transition)}.pagination-btn:hover:not(:disabled){background:var(--primary-color);border-color:var(--primary-color);color:var(--white)}.pagination-btn:disabled{cursor:not-allowed;opacity:.5}.pagination-numbers{display:flex;gap:8px}.pagination-number{align-items:center;background:var(--white);border:1px solid var(--medium-gray);border-radius:var(--border-radius);color:var(--text-color);cursor:pointer;display:flex;height:40px;justify-content:center;transition:var(--transition);width:40px}.pagination-number.active,.pagination-number:hover{background:var(--primary-color);border-color:var(--primary-color);color:var(--white)}.blog-sidebar{width:100%}.sidebar-widget{background:var(--white);border-radius:var(--border-radius);box-shadow:var(--shadow);margin-bottom:30px;padding:25px}.sidebar-widget:last-child{margin-bottom:0}.widget-title{border-bottom:2px solid var(--medium-gray);color:var(--dark-charcoal);font-size:1.2rem;margin:0 0 20px;padding-bottom:15px;position:relative}.widget-title:after{background:var(--primary-color);bottom:-2px;content:"";height:2px;left:0;position:absolute;width:50px}.search-widget .search-box{position:relative}.search-widget input{border:1px solid var(--medium-gray);border-radius:var(--border-radius);font-size:1rem;padding:12px 45px 12px 15px;transition:var(--transition);width:100%}.search-widget input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #ff6b351a;outline:none}.search-icon{color:#999;position:absolute;right:15px;top:50%;transform:translateY(-50%)}.categories-list{list-style:none;margin:0;padding:0}.categories-list li{margin-bottom:10px}.categories-list li:last-child{margin-bottom:0}.category-item{align-items:center;background:var(--light-gray);border:none;border-radius:var(--border-radius);color:var(--text-color);cursor:pointer;display:flex;font-size:.95rem;justify-content:space-between;padding:12px 15px;transition:var(--transition);width:100%}.category-item:hover{background:#ff6b351a;color:var(--primary-color)}.category-item.active{background:var(--primary-color);color:var(--white)}.category-count{background:#0000001a;border-radius:12px;font-size:.85rem;padding:3px 8px}.category-item.active .category-count{background:#fff3}.recent-posts-list{display:flex;flex-direction:column;gap:15px}.recent-post-item{display:flex;gap:12px;text-decoration:none;transition:var(--transition)}.recent-post-item:hover{transform:translateX(5px)}.recent-post-image{border-radius:var(--border-radius);flex-shrink:0;height:70px;overflow:hidden;width:70px}.recent-post-image img{height:100%;object-fit:cover;width:100%}.recent-post-content{flex:1 1}.recent-post-title{color:var(--dark-charcoal);font-size:.95rem;line-height:1.4;margin:0 0 5px;transition:var(--transition)}.recent-post-item:hover .recent-post-title{color:var(--primary-color)}.recent-post-date{align-items:center;color:#999;display:flex;font-size:.8rem;gap:5px}.tags-cloud{display:flex;flex-wrap:wrap;gap:10px}.tag-btn{background:var(--light-gray);border:none;border-radius:20px;color:var(--text-color);cursor:pointer;font-size:.85rem;padding:8px 15px;transition:var(--transition)}.tag-btn:hover{background:var(--primary-color);color:var(--white)}.newsletter-widget p{color:#666;line-height:1.5;margin-bottom:15px}.newsletter-form{display:flex;flex-direction:column;gap:10px}.newsletter-form input{border:1px solid var(--medium-gray);border-radius:var(--border-radius);font-size:.95rem;padding:10px 12px;width:100%}.newsletter-form input:focus{border-color:var(--primary-color);outline:none}.follow-widget .social-links{display:flex;flex-wrap:wrap;gap:10px}.follow-widget .social-link{align-items:center;border-radius:50%;color:var(--white);display:flex;font-size:1.1rem;height:40px;justify-content:center;text-decoration:none;transition:var(--transition);width:40px}.follow-widget .social-link:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.follow-widget .social-link.facebook{background:#1877f2}.follow-widget .social-link.twitter{background:#1da1f2}.follow-widget .social-link.linkedin{background:#0077b5}.follow-widget .social-link.pinterest{background:#e60023}.follow-widget .social-link.email{background:#ea4335}@media (max-width:1200px){.blog-layout{grid-template-columns:1fr 300px}.posts-grid{grid-template-columns:1fr}}@media (max-width:992px){.blog-layout{grid-template-columns:1fr}.blog-sidebar{order:-1}.featured-post{grid-template-columns:1fr}.featured-post-image{min-height:250px}.pagination{flex-wrap:wrap}}@media (max-width:768px){.blog-title{font-size:2rem}.blog-subtitle{font-size:1rem}.featured-post-content{padding:20px}.featured-post-title{font-size:1.5rem}.card-footer{align-items:flex-start;flex-direction:column;gap:10px}.pagination-numbers{justify-content:center;order:-1;width:100%}.pagination-btn{flex:1 1}}@media (max-width:576px){.card-meta{flex-direction:column;gap:5px}.card-stats{flex-wrap:wrap}.sidebar-widget{padding:20px}.recent-post-item{flex-direction:column}.recent-post-image{height:150px;width:100%}.follow-widget .social-links{justify-content:center}}.contact-page{background-color:var(--light-gray);min-height:100vh;padding-bottom:60px}.contact-breadcrumb{background:var(--white);border-bottom:1px solid var(--medium-gray);margin-bottom:30px;padding:15px 0}.contact-breadcrumb .breadcrumb-links{align-items:center;display:flex;font-size:.9rem;gap:8px}.contact-breadcrumb .breadcrumb-links a{color:var(--text-color);text-decoration:none;transition:var(--transition)}.contact-breadcrumb .breadcrumb-links a:hover{color:var(--primary-color)}.contact-breadcrumb .breadcrumb-links .separator{color:#999;font-size:.8rem}.contact-breadcrumb .breadcrumb-links span{color:#999}.contact-header{margin-bottom:50px;text-align:center}.contact-title{color:var(--dark-charcoal);display:inline-block;font-size:2.5rem;margin:0 0 15px;position:relative}.contact-title:after{background:var(--primary-color);border-radius:2px;bottom:-10px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.contact-subtitle{color:#666;font-size:1.1rem;line-height:1.6;margin:20px auto 0;max-width:700px}.contact-info-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(4,1fr);margin-bottom:50px}.info-card{background:var(--white);border-radius:var(--border-radius);box-shadow:var(--shadow);padding:30px 20px;text-align:center;transition:var(--transition)}.info-card:hover{box-shadow:0 5px 20px #00000026;transform:translateY(-5px)}.info-icon{align-items:center;background:var(--light-gray);border-radius:50%;color:var(--primary-color);display:flex;font-size:2rem;height:70px;justify-content:center;margin:0 auto 20px;transition:var(--transition);width:70px}.info-card:hover .info-icon{background:var(--primary-color);color:var(--white)}.info-card h3{color:var(--dark-charcoal);font-size:1.2rem;margin:0 0 15px}.info-card p{color:#666;line-height:1.6;margin:5px 0}.info-note{color:#999!important;font-size:.9rem}.contact-main{grid-gap:30px;background:var(--white);border-radius:var(--border-radius);box-shadow:var(--shadow);display:grid;gap:30px;grid-template-columns:1fr 1fr;margin-bottom:50px;padding:40px}.contact-form-container{padding-right:20px}.form-title{color:var(--dark-charcoal);font-size:1.8rem;margin:0 0 30px}.success-message{align-items:center;background:#d4edda;border:1px solid #c3e6cb;border-radius:var(--border-radius);color:#155724;display:flex;gap:15px;margin-bottom:25px;padding:15px 20px}.success-icon{color:#28a745;font-size:1.5rem}.contact-form{display:flex;flex-direction:column;gap:20px}.form-row{grid-gap:20px;gap:20px}.form-group{position:relative}.form-group.full-width{grid-column:1/-1}.form-group label{color:var(--dark-charcoal);display:block;font-size:.95rem;gap:8px;margin-bottom:8px}.input-icon{color:var(--primary-color);font-size:.9rem}.form-group input,.form-group textarea{background:var(--white);border:1px solid var(--medium-gray);border-radius:var(--border-radius);font-family:inherit;font-size:1rem;padding:12px 15px;transition:var(--transition);width:100%}.form-group input:focus,.form-group textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #ff6b351a;outline:none}.form-group input.error,.form-group textarea.error{border-color:#dc3545}.error-message{color:#dc3545;display:block;font-size:.85rem;margin-top:5px}.form-group textarea{min-height:120px;resize:vertical}.form-actions{margin-top:10px}.form-actions .btn{min-width:200px}.map-container{position:relative}.map-container,.map-wrapper{height:100%;min-height:500px}.map-wrapper{overflow:hidden;width:100%}.map-overlay-card,.map-wrapper{border-radius:var(--border-radius);box-shadow:var(--shadow)}.map-overlay-card{background:var(--white);border:1px solid var(--medium-gray);bottom:30px;left:30px;max-width:250px;padding:25px;position:absolute}.map-overlay-card h4{color:var(--dark-charcoal);font-size:1.1rem;margin:0 0 15px}.map-overlay-card p{align-items:flex-start;color:#666;display:flex;gap:10px;line-height:1.5;margin:10px 0}.location-icon{color:var(--primary-color);flex-shrink:0;margin-top:3px}.map-overlay-card .btn{margin-top:15px;width:100%}.faq-section{background:var(--white);border-radius:var(--border-radius);box-shadow:var(--shadow);margin-bottom:50px;padding:40px}.faq-section .section-title{margin-bottom:30px;text-align:left}.faq-section .section-title:after{left:0;transform:none}.faq-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(2,1fr)}.faq-item{background:var(--light-gray);border-radius:var(--border-radius);padding:20px;transition:var(--transition)}.faq-item:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.faq-item h3{color:var(--dark-charcoal);font-size:1.2rem;margin:0 0 15px;padding-left:25px;position:relative}.faq-item h3:before{color:var(--primary-color);content:"?";font-size:1.2rem;font-weight:700;left:0;position:absolute}.faq-item p{color:#666;line-height:1.6;margin:0}.social-section{background:var(--white);border-radius:var(--border-radius);box-shadow:var(--shadow);padding:40px;text-align:center}.social-section h3{color:var(--dark-charcoal);font-size:1.5rem;margin:0 0 10px}.social-section p{color:#666;margin-bottom:25px}.social-links{gap:15px}.social-link,.social-links{display:flex;justify-content:center}.social-link{align-items:center;border-radius:50%;color:var(--white);font-size:1.3rem;height:50px;text-decoration:none;transition:var(--transition);width:50px}.social-link:hover{box-shadow:var(--shadow);transform:translateY(-5px)}.social-link.facebook{background:#1877f2}.social-link.twitter{background:#1da1f2}.social-link.instagram{background:#e4405f}.social-link.linkedin{background:#0077b5}.social-link.youtube{background:red}@media (max-width:1200px){.contact-info-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:992px){.contact-main{grid-template-columns:1fr}.contact-form-container{padding-right:0}.map-container,.map-wrapper{min-height:400px}.faq-grid{grid-template-columns:1fr}}@media (max-width:768px){.contact-title{font-size:2rem}.contact-subtitle{font-size:1rem}.contact-main{padding:20px}.form-row{grid-template-columns:1fr}.map-overlay-card{bottom:auto;left:auto;margin-top:20px;max-width:100%;position:relative}.faq-section{padding:20px}.social-section{padding:30px 20px}.social-links{flex-wrap:wrap}}@media (max-width:576px){.contact-info-grid{grid-template-columns:1fr}.form-actions .btn{width:100%}.social-link{font-size:1.1rem;height:40px;width:40px}}:root{--primary:#ee4236;--primary-light:#ff6b5e;--primary-dark:#d33a2f;--primary-rgb:238,66,54;--secondary:#34b7f1;--success:#4caf50;--warning:#ff9800;--danger:#f44336;--info:#2196f3;--white:#fff;--gray-50:#fafafa;--gray-100:#f5f5f5;--gray-200:#eee;--gray-300:#e0e0e0;--gray-400:#bdbdbd;--gray-500:#9e9e9e;--gray-600:#757575;--gray-700:#616161;--gray-800:#424242;--gray-900:#212121;--black:#000;--text-primary:var(--gray-900);--text-secondary:var(--gray-600);--text-disabled:var(--gray-400);--text-inverse:var(--white);--bg-primary:var(--white);--bg-secondary:var(--gray-50);--bg-tertiary:var(--gray-100);--border-light:var(--gray-200);--border-medium:var(--gray-300);--border-dark:var(--gray-400);--online:var(--success);--offline:var(--gray-400);--away:var(--warning);--busy:var(--danger);--status-sent:var(--gray-500);--status-delivered:var(--gray-600);--status-read:var(--secondary);--status-failed:var(--danger);--shadow-xs:0 1px 2px #0000000d;--shadow-sm:0 1px 3px #0000001a;--shadow-md:0 4px 6px #0000001a;--shadow-lg:0 10px 15px #0000001a;--shadow-xl:0 20px 25px #0000001a;--shadow-2xl:0 25px 50px #00000040;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--font-xs:0.75rem;--font-sm:0.875rem;--font-base:1rem;--font-lg:1.125rem;--font-xl:1.25rem;--font-2xl:1.5rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--transition-fast:150ms ease;--transition-base:250ms ease;--transition-slow:350ms ease;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070}*{box-sizing:border-box;margin:0;padding:0}.messages-page{background:linear-gradient(135deg,#fafafa,#f5f5f5);background:linear-gradient(135deg,var(--gray-50) 0,var(--gray-100) 100%);min-height:100vh;padding:32px 0;padding:var(--spacing-xl) 0;position:relative}.error-banner,.network-banner{animation:slideDown .25s ease;animation:slideDown var(--transition-base);font-size:.875rem;font-size:var(--font-sm);padding:8px 24px;padding:var(--spacing-sm) var(--spacing-lg);position:sticky;text-align:center;top:0;z-index:1020;z-index:var(--z-sticky)}.network-banner{background:#ff9800;background:var(--warning);color:#212121;color:var(--gray-900)}.error-banner{background:#f44336;background:var(--danger);gap:16px;gap:var(--spacing-md)}.error-banner,.error-banner .close-btn{align-items:center;color:#fff;color:var(--white);display:flex;justify-content:center}.error-banner .close-btn{background:#0000;border:none;border-radius:9999px;border-radius:var(--radius-full);cursor:pointer;padding:4px;padding:var(--spacing-xs);transition:background .15s ease;transition:background var(--transition-fast)}.error-banner .close-btn:hover{background:#ffffff1a}.messages-container{border:1px solid #eee;border:1px solid var(--border-light);border-radius:16px;border-radius:var(--radius-xl);box-shadow:0 20px 25px #0000001a;box-shadow:var(--shadow-xl);display:grid;grid-template-columns:380px 1fr;height:calc(100vh - 200px);min-height:700px}.conversations-sidebar,.messages-container{background:#fff;background:var(--bg-primary);overflow:hidden;position:relative}.conversations-sidebar{border-right:1px solid #eee;border-right:1px solid var(--border-light);display:flex;flex-direction:column;height:100%}.sidebar-header{background:#fff;background:var(--bg-primary);border-bottom:1px solid #eee;border-bottom:1px solid var(--border-light);justify-content:space-between;padding:24px;padding:var(--spacing-lg);position:sticky;top:0;z-index:10}.header-left,.sidebar-header{align-items:center;display:flex}.header-left{gap:8px;gap:var(--spacing-sm)}.sidebar-header h2{color:#212121;color:var(--text-primary);font-size:1.25rem;font-size:var(--font-xl);font-weight:600;margin:0}.favorites-count{background:#ff6b5e;background:var(--primary-light);border-radius:9999px;border-radius:var(--radius-full);color:#fff;color:var(--white);font-size:.75rem;font-size:var(--font-xs);font-weight:600;min-width:20px;padding:2px 6px;text-align:center}.header-actions{display:flex;gap:4px;gap:var(--spacing-xs)}.icon-btn{align-items:center;background:#fafafa;background:var(--bg-secondary);border:none;border-radius:9999px;border-radius:var(--radius-full);color:#757575;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1.125rem;font-size:var(--font-lg);height:40px;justify-content:center;overflow:hidden;position:relative;transition:all .15s ease;transition:all var(--transition-fast);width:40px}.icon-btn:before{background:238,66,54;background:var(--primary-rgb);border-radius:50%;content:"";height:0;left:50%;opacity:.1;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .3s,height .3s;width:0;z-index:0}.icon-btn:hover:before{height:100%;width:100%}.icon-btn:hover{background:#ee4236;background:var(--primary);box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-md);color:#fff;color:var(--white);transform:translateY(-2px)}.icon-btn:active{transform:translateY(0)}.conversations-search{background:#fff;background:var(--bg-primary);border-bottom:1px solid #eee;border-bottom:1px solid var(--border-light);padding:16px 24px;padding:var(--spacing-md) var(--spacing-lg);position:relative}.conversations-search .search-icon{color:#bdbdbd;color:var(--text-disabled);font-size:.875rem;font-size:var(--font-sm);left:36px;left:calc(var(--spacing-lg) + 12px);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.conversations-search input{background:#fafafa;background:var(--bg-secondary);border:1px solid #e0e0e0;border:1px solid var(--border-medium);border-radius:9999px;border-radius:var(--radius-full);font-size:.875rem;font-size:var(--font-sm);padding:16px 16px 16px 42px;padding:var(--spacing-md) var(--spacing-md) var(--spacing-md) 42px;transition:all .15s ease;transition:all var(--transition-fast);width:100%}.conversations-search input:focus{background:#fff;background:var(--bg-primary);border-color:#ee4236;border-color:var(--primary);box-shadow:0 0 0 3px #ee42361a;box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1);outline:none}.clear-search,.conversations-search input::placeholder{color:#bdbdbd;color:var(--text-disabled)}.clear-search{align-items:center;background:#0000;border:none;border-radius:9999px;border-radius:var(--radius-full);cursor:pointer;display:flex;justify-content:center;padding:4px;padding:var(--spacing-xs);position:absolute;right:32px;right:calc(var(--spacing-lg) + 8px);top:50%;transform:translateY(-50%);transition:all .15s ease;transition:all var(--transition-fast);z-index:1}.clear-search:hover{background:#f5f5f5;background:var(--bg-tertiary);color:#f44336;color:var(--danger)}.filter-tabs{-ms-overflow-style:none;background:#fff;background:var(--bg-primary);border-bottom:1px solid #eee;border-bottom:1px solid var(--border-light);display:flex;gap:4px;gap:var(--spacing-xs);overflow-x:auto;padding:8px 24px;padding:var(--spacing-sm) var(--spacing-lg);scrollbar-width:none}.filter-tabs::-webkit-scrollbar{display:none}.filter-tab{background:#fafafa;background:var(--bg-secondary);border:none;border-radius:9999px;border-radius:var(--radius-full);color:#757575;color:var(--text-secondary);cursor:pointer;font-size:.875rem;font-size:var(--font-sm);font-weight:500;padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md);transition:all .15s ease;transition:all var(--transition-fast);white-space:nowrap}.filter-tab:hover{background:#f5f5f5;background:var(--bg-tertiary);color:#212121;color:var(--text-primary)}.filter-tab.active{background:#ee4236;background:var(--primary);box-shadow:0 1px 3px #0000001a;box-shadow:var(--shadow-sm);color:#fff;color:var(--white)}.conversations-list{background:#fff;background:var(--bg-primary);flex:1 1;overflow-y:auto;padding:8px;padding:var(--spacing-sm)}.conversations-list::-webkit-scrollbar{width:6px}.conversations-list::-webkit-scrollbar-track{background:#fafafa;background:var(--bg-secondary);border-radius:9999px;border-radius:var(--radius-full)}.conversations-list::-webkit-scrollbar-thumb{background:#bdbdbd;background:var(--border-dark);border-radius:9999px;border-radius:var(--radius-full);-webkit-transition:background .15s ease;transition:background .15s ease;-webkit-transition:background var(--transition-fast);transition:background var(--transition-fast)}.conversations-list::-webkit-scrollbar-thumb:hover{background:#ee4236;background:var(--primary)}.conversation-item{animation:fadeIn .25s ease;animation:fadeIn var(--transition-base);border-radius:12px;border-radius:var(--radius-lg);cursor:pointer;display:flex;gap:16px;gap:var(--spacing-md);margin-bottom:4px;margin-bottom:var(--spacing-xs);padding:16px;padding:var(--spacing-md);position:relative;transition:all .25s ease;transition:all var(--transition-base)}.conversation-item:hover{background:#fafafa;background:var(--bg-secondary);box-shadow:0 1px 3px #0000001a;box-shadow:var(--shadow-sm);transform:translateX(4px)}.conversation-item.active{background:linear-gradient(135deg,#ee42361a,#ee42360d);background:linear-gradient(135deg,rgba(var(--primary-rgb),.1) 0,rgba(var(--primary-rgb),.05) 100%);border-left:3px solid #ee4236;border-left:3px solid var(--primary)}.conversation-avatar{flex-shrink:0;height:56px;position:relative;width:56px}.conversation-avatar img{border:2px solid #0000;border-radius:9999px;border-radius:var(--radius-full);height:100%;object-fit:cover;transition:all .15s ease;transition:all var(--transition-fast);width:100%}.conversation-item:hover .conversation-avatar img{border-color:#ee4236;border-color:var(--primary)}.online-indicator{background:#bdbdbd;background:var(--offline);border:2px solid #fff;border:2px solid var(--white);border-radius:9999px;border-radius:var(--radius-full);bottom:2px;box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-xs);height:14px;position:absolute;right:2px;transition:all .15s ease;transition:all var(--transition-fast);width:14px}.online-indicator.online{animation:pulse 2s infinite;background:#4caf50;background:var(--online)}.conversation-info{flex:1 1;min-width:0}.conversation-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px;margin-bottom:var(--spacing-xs)}.conversation-header h4{color:#212121;color:var(--text-primary);font-size:1rem;font-size:var(--font-base);font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-time{color:#bdbdbd;color:var(--text-disabled);font-size:.75rem;font-size:var(--font-xs);margin-left:8px;margin-left:var(--spacing-sm);white-space:nowrap}.conversation-preview{align-items:center;display:flex;gap:8px;gap:var(--spacing-sm);justify-content:space-between}.last-message{color:#757575;color:var(--text-secondary);font-size:.875rem;font-size:var(--font-sm);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-sender-label{color:#ee4236;color:var(--primary);font-weight:500}.unread-badge{align-items:center;animation:popIn .15s ease;animation:popIn var(--transition-fast);background:#ee4236;background:var(--primary);border-radius:9999px;border-radius:var(--radius-full);color:#fff;color:var(--white);display:flex;font-size:.75rem;font-size:var(--font-xs);font-weight:600;height:22px;justify-content:center;min-width:22px;padding:0 6px}@keyframes popIn{0%{transform:scale(0)}80%{transform:scale(1.1)}to{transform:scale(1)}}.typing-preview{animation:blink 1.5s infinite;color:#ee4236;color:var(--primary);font-size:.75rem;font-size:var(--font-xs);font-style:italic;margin-top:4px;margin-top:var(--spacing-xs)}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}.empty-state{color:#757575;color:var(--text-secondary);padding:48px 24px;padding:var(--spacing-2xl) var(--spacing-lg);text-align:center}.empty-icon{animation:float 3s ease-in-out infinite;color:#bdbdbd;color:var(--border-dark);font-size:4rem;margin-bottom:24px;margin-bottom:var(--spacing-lg);opacity:.5}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.empty-state h3{color:#212121;color:var(--text-primary);font-size:1.125rem;font-size:var(--font-lg);margin-bottom:8px;margin-bottom:var(--spacing-sm)}.empty-state p{margin-bottom:24px;margin-bottom:var(--spacing-lg)}.btn-primary,.empty-state p{font-size:.875rem;font-size:var(--font-sm)}.btn-primary{background:#ee4236;background:var(--primary);border:none;border-radius:9999px;border-radius:var(--radius-full);box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-md);color:#fff;color:var(--white);cursor:pointer;font-weight:600;padding:16px 32px;padding:var(--spacing-md) var(--spacing-xl);transition:all .25s ease;transition:all var(--transition-base)}.btn-primary:hover{background:#d33a2f;background:var(--primary-dark);box-shadow:0 10px 15px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-primary:active{box-shadow:0 1px 3px #0000001a;box-shadow:var(--shadow-sm);transform:translateY(0)}.chat-area{background:#fafafa;background:var(--bg-secondary);display:flex;flex-direction:column;height:100%;position:relative}.chat-header{align-items:center;background:#fff;background:var(--bg-primary);border-bottom:1px solid #eee;border-bottom:1px solid var(--border-light);box-shadow:0 1px 3px #0000001a;box-shadow:var(--shadow-sm);display:flex;gap:16px;gap:var(--spacing-md);padding:16px 24px;padding:var(--spacing-md) var(--spacing-lg);position:sticky;top:0;z-index:20}.back-btn{align-items:center;background:#fafafa;background:var(--bg-secondary);border:none;border-radius:9999px;border-radius:var(--radius-full);color:#757575;color:var(--text-secondary);cursor:pointer;display:none;font-size:1.125rem;font-size:var(--font-lg);height:40px;justify-content:center;transition:all .15s ease;transition:all var(--transition-fast);width:40px}.back-btn:hover{background:#f5f5f5;background:var(--bg-tertiary);color:#ee4236;color:var(--primary);transform:translateX(-2px)}.chat-header-info{align-items:center;display:flex;flex:1 1;gap:16px;gap:var(--spacing-md)}.vendor-avatar{height:48px;position:relative;width:48px}.vendor-avatar img{border:2px solid #0000;border-radius:9999px;border-radius:var(--radius-full);height:100%;object-fit:cover;transition:all .15s ease;transition:all var(--transition-fast);width:100%}.vendor-details{flex:1 1}.vendor-details h3{color:#212121;color:var(--text-primary);font-size:1.125rem;font-size:var(--font-lg);font-weight:600;margin:0 0 4px;margin:0 0 var(--spacing-xs) 0}.vendor-status{font-size:.75rem;font-size:var(--font-xs)}.status{align-items:center;display:flex;gap:4px;gap:var(--spacing-xs)}.status.online{color:#4caf50;color:var(--online)}.status.online:before{animation:pulse 2s infinite;background:#4caf50;background:var(--online);border-radius:9999px;border-radius:var(--radius-full);content:"";display:inline-block;height:8px;width:8px}.status.offline{color:#bdbdbd;color:var(--text-disabled)}.chat-actions{display:flex;gap:4px;gap:var(--spacing-xs)}.action-btn{background:#fafafa;background:var(--bg-secondary);border:none;border-radius:9999px;border-radius:var(--radius-full);color:#757575;color:var(--text-secondary);font-size:var(--font-base);position:relative;transition:all .15s ease;transition:all var(--transition-fast);width:40px}.action-btn:hover{background:#ee4236;background:var(--primary);box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-md);color:#fff;transform:translateY(-2px)}.action-btn:active{transform:translateY(0)}.favorite.active{animation:starPulse .5s ease;color:#ffc107}@keyframes starPulse{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.message-search{background:#fafafa;background:var(--bg-secondary);border-bottom:1px solid #eee;border-bottom:1px solid var(--border-light);padding:8px 24px;padding:var(--spacing-sm) var(--spacing-lg);position:relative}.message-search .search-icon{color:#bdbdbd;color:var(--text-disabled);font-size:.875rem;font-size:var(--font-sm);left:36px;left:calc(var(--spacing-lg) + 12px);position:absolute;top:50%;transform:translateY(-50%);z-index:1}.message-search input{background:#fff;background:var(--bg-primary);border:1px solid #eee;border:1px solid var(--border-light);border-radius:9999px;border-radius:var(--radius-full);font-size:.875rem;font-size:var(--font-sm);padding:8px 16px 8px 42px;padding:var(--spacing-sm) var(--spacing-md) var(--spacing-sm) 42px;transition:all .15s ease;transition:all var(--transition-fast);width:100%}.message-search input:focus{border-color:#ee4236;border-color:var(--primary);box-shadow:0 0 0 3px #ee42361a;box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1);outline:none}.search-results{animation:slideDown .15s ease;animation:slideDown var(--transition-fast);background:#fff;background:var(--bg-primary);border:1px solid #eee;border:1px solid var(--border-light);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 20px 25px #0000001a;box-shadow:var(--shadow-xl);left:24px;left:var(--spacing-lg);max-height:300px;overflow:hidden;position:absolute;right:24px;right:var(--spacing-lg);top:calc(100% + 4px);top:calc(100% + var(--spacing-xs));z-index:1000;z-index:var(--z-dropdown)}.search-results-header{align-items:center;background:#fafafa;background:var(--bg-secondary);border-bottom:1px solid #eee;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;padding:16px;padding:var(--spacing-md)}.search-results-header span{color:#212121;color:var(--text-primary);font-size:.875rem;font-size:var(--font-sm);font-weight:600}.search-results-header button{align-items:center;background:#0000;border:none;border-radius:9999px;border-radius:var(--radius-full);color:#bdbdbd;color:var(--text-disabled);cursor:pointer;display:flex;justify-content:center;padding:4px;padding:var(--spacing-xs);transition:all .15s ease;transition:all var(--transition-fast)}.search-results-header button:hover{background:#f5f5f5;background:var(--bg-tertiary);color:#f44336;color:var(--danger)}.search-results-list{max-height:250px;overflow-y:auto}.search-result-item{border-bottom:1px solid #eee;border-bottom:1px solid var(--border-light);cursor:pointer;padding:16px;padding:var(--spacing-md);transition:background .15s ease;transition:background var(--transition-fast)}.search-result-item:hover{background:#fafafa;background:var(--bg-secondary)}.search-result-item p{color:#212121;color:var(--text-primary);font-size:.875rem;font-size:var(--font-sm);margin-bottom:4px;margin-bottom:var(--spacing-xs)}.search-result-item span{color:#bdbdbd;color:var(--text-disabled);font-size:.75rem;font-size:var(--font-xs)}.messages-list{background:#fafafa;background:var(--bg-secondary);display:flex;flex:1 1;flex-direction:column;gap:8px;gap:var(--spacing-sm);overflow-y:auto;padding:24px;padding:var(--spacing-lg);position:relative;scroll-behavior:smooth}.messages-list::-webkit-scrollbar{width:8px}.messages-list::-webkit-scrollbar-track{background:#f5f5f5;background:var(--bg-tertiary);border-radius:9999px;border-radius:var(--radius-full);margin:16px;margin:var(--spacing-md)}.messages-list::-webkit-scrollbar-thumb{background:#bdbdbd;background:var(--border-dark);border:2px solid #f5f5f5;border:2px solid var(--bg-tertiary);border-radius:9999px;border-radius:var(--radius-full);-webkit-transition:background .15s ease;transition:background .15s ease;-webkit-transition:background var(--transition-fast);transition:background var(--transition-fast)}.messages-list::-webkit-scrollbar-thumb:hover{background:#ee4236;background:var(--primary)}.loading-indicator{align-items:center;color:#757575;color:var(--text-secondary);display:flex;font-size:.875rem;font-size:var(--font-sm);gap:8px;gap:var(--spacing-sm);justify-content:center;padding:24px;padding:var(--spacing-lg)}.spinner{border:3px solid #eee;border-top-color:#ee4236;border:3px solid var(--border-light);border-radius:50%;border-top-color:var(--primary);height:24px;width:24px}.spinner,.spinner-small{animation:spin 1s linear infinite}.spinner-small{border:2px solid #fff;border:2px solid var(--white);border-radius:50%;border-top:2px solid #0000;height:16px;width:16px}@keyframes spin{to{transform:rotate(1turn)}}.date-separator{margin:24px 0;margin:var(--spacing-lg) 0;position:relative;text-align:center}.date-separator:before{background:linear-gradient(90deg,#0000,#e0e0e0,#0000);background:linear-gradient(to right,#0000,var(--border-medium),#0000);content:"";height:1px;left:0;position:absolute;right:0;top:50%;z-index:1}.date-separator span{background:#fafafa;background:var(--bg-secondary);color:#bdbdbd;color:var(--text-disabled);font-size:.75rem;font-size:var(--font-xs);font-weight:500;padding:0 16px;padding:0 var(--spacing-md);position:relative;z-index:2}.message-bubble-wrapper{animation:messageSlide .25s ease;animation:messageSlide var(--transition-base);display:flex;gap:8px;gap:var(--spacing-sm);max-width:70%;position:relative}.message-bubble-wrapper.own{flex-direction:row-reverse;margin-left:auto}@keyframes messageSlide{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.message-avatar{align-self:flex-end;border:2px solid #0000;border-radius:9999px;border-radius:var(--radius-full);flex-shrink:0;height:36px;object-fit:cover;transition:border .15s ease;transition:border var(--transition-fast);width:36px}.message-bubble-wrapper:hover .message-avatar{border-color:#ee4236;border-color:var(--primary)}.message-bubble-container{display:flex;flex-direction:column;max-width:calc(100% - 44px);position:relative}.message-bubble{word-wrap:break-word;border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000001a;box-shadow:var(--shadow-sm);font-size:.875rem;font-size:var(--font-sm);line-height:1.5;padding:16px 24px;padding:var(--spacing-md) var(--spacing-lg);position:relative;transition:all .15s ease;transition:all var(--transition-fast)}.message-bubble-wrapper.own .message-bubble{background:#ee4236;background:var(--primary);border-bottom-right-radius:4px;border-bottom-right-radius:var(--radius-sm);color:#fff;color:var(--white)}.message-bubble-wrapper.own .message-bubble:after{border-bottom:10px solid #0000;border-left:10px solid #ee4236;border-left:10px solid var(--primary);border-right:10px solid #0000;bottom:0;content:"";height:0;position:absolute;right:-8px;width:0}.message-bubble-wrapper.other .message-bubble{background:#fff;background:var(--bg-primary);border-bottom-left-radius:4px;border-bottom-left-radius:var(--radius-sm);box-shadow:0 1px 3px #0000001a;box-shadow:var(--shadow-sm);color:#212121;color:var(--text-primary)}.message-bubble-wrapper.other .message-bubble:after{border-bottom:10px solid #0000;border-left:10px solid #0000;border-right:10px solid #fff;border-right:10px solid var(--bg-primary);bottom:0;content:"";height:0;left:-8px;position:absolute;width:0}.message-text{margin:0;white-space:pre-wrap}.reply-preview{background:#0000000d;border-left:3px solid #ee4236;border-left:3px solid var(--primary);border-radius:4px;border-radius:var(--radius-sm);font-size:.75rem;font-size:var(--font-xs);margin-bottom:8px;margin-bottom:var(--spacing-sm);padding:8px;padding:var(--spacing-sm)}.message-bubble-wrapper.own .reply-preview{background:#ffffff1a;border-left-color:#fff;border-left-color:var(--white)}.reply-sender{color:inherit;font-weight:600;margin-bottom:2px}.reply-text{opacity:.8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-image{border-radius:12px 12px 0 0;border-radius:var(--radius-lg) var(--radius-lg) 0 0;cursor:pointer;margin:-16px -24px 8px;margin:calc(var(--spacing-md)*-1) calc(var(--spacing-lg)*-1) var(--spacing-sm);overflow:hidden}.message-image img{max-height:300px;object-fit:cover;transition:transform .25s ease;transition:transform var(--transition-base);width:100%}.message-image img:hover{transform:scale(1.05)}.message-file{align-items:center;background:#0000000d;border-radius:8px;border-radius:var(--radius-md);cursor:pointer;display:flex;gap:16px;gap:var(--spacing-md);padding:8px;padding:var(--spacing-sm);transition:background .15s ease;transition:background var(--transition-fast)}.message-file:hover{background:#0000001a}.message-file svg{color:#ee4236;color:var(--primary);font-size:1.25rem;font-size:var(--font-xl)}.file-info{flex:1 1}.file-name{display:block;font-size:.875rem;font-size:var(--font-sm);font-weight:500;margin-bottom:2px}.file-size{display:block;font-size:.75rem;font-size:var(--font-xs);opacity:.7}.file-download{background:#0000;border:none;border-radius:9999px;border-radius:var(--radius-full);color:inherit;cursor:pointer;padding:4px;padding:var(--spacing-xs);transition:all .15s ease;transition:all var(--transition-fast)}.file-download:hover{background:#0000001a;transform:scale(1.1)}.message-meta{align-items:center;display:flex;font-size:.75rem;font-size:var(--font-xs);gap:4px;gap:var(--spacing-xs);margin-top:4px;margin-top:var(--spacing-xs);opacity:.7;transition:opacity .15s ease;transition:opacity var(--transition-fast)}.message-bubble-wrapper:hover .message-meta{opacity:1}.message-bubble-wrapper.own .message-meta{justify-content:flex-end}.message-time{color:inherit;font-size:.75rem;font-size:var(--font-xs)}.message-actions{animation:slideUp .15s ease;animation:slideUp var(--transition-fast);background:#fff;background:var(--bg-primary);border-radius:9999px;border-radius:var(--radius-full);box-shadow:0 10px 15px #0000001a;box-shadow:var(--shadow-lg);display:flex;gap:4px;gap:var(--spacing-xs);padding:4px;padding:var(--spacing-xs);position:absolute;right:0;top:-20px;z-index:10}.message-bubble-wrapper.own .message-actions{left:0;right:auto}.message-actions button{align-items:center;background:#0000;border:none;border-radius:9999px;border-radius:var(--radius-full);color:#757575;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.875rem;font-size:var(--font-sm);justify-content:center;padding:4px;padding:var(--spacing-xs);transition:all .15s ease;transition:all var(--transition-fast)}.message-actions button:hover{background:#fafafa;background:var(--bg-secondary);color:#ee4236;color:var(--primary);transform:scale(1.1)}.typing-indicator-wrapper{animation:messageSlide .25s ease;animation:messageSlide var(--transition-base);display:flex;gap:8px;gap:var(--spacing-sm);max-width:70%}.typing-indicator{background:#fff;background:var(--bg-primary);border-radius:12px;border-radius:var(--radius-lg);border-bottom-left-radius:4px;border-bottom-left-radius:var(--radius-sm);box-shadow:0 1px 3px #0000001a;box-shadow:var(--shadow-sm);display:flex;gap:4px;gap:var(--spacing-xs);padding:16px 24px;padding:var(--spacing-md) var(--spacing-lg);width:fit-content}.typing-indicator span{animation:typing 1.5s ease-in-out infinite;background:#ee4236;background:var(--primary);border-radius:9999px;border-radius:var(--radius-full);height:8px;opacity:.5;width:8px}.typing-indicator span:first-child{animation-delay:0s}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{opacity:.5;transform:translateY(0)}30%{opacity:1;transform:translateY(-8px)}}.scroll-to-bottom{align-items:center;animation:fadeInUp .25s ease;animation:fadeInUp var(--transition-base);background:#fff;background:var(--bg-primary);border:2px solid #ee4236;border:2px solid var(--primary);border-radius:9999px;border-radius:var(--radius-full);bottom:100px;box-shadow:0 10px 15px #0000001a;box-shadow:var(--shadow-lg);color:#ee4236;color:var(--primary);cursor:pointer;display:flex;font-size:1.125rem;font-size:var(--font-lg);height:44px;justify-content:center;position:absolute;right:30px;transition:all .25s ease;transition:all var(--transition-base);width:44px;z-index:15}.scroll-to-bottom:hover{background:#ee4236;background:var(--primary);box-shadow:0 20px 25px #0000001a;box-shadow:var(--shadow-xl);color:#fff;color:var(--white);transform:translateY(-4px) scale(1.1)}.scroll-to-bottom:active{transform:translateY(0) scale(1)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.reply-preview-container{align-items:center;animation:slideUp .15s ease;animation:slideUp var(--transition-fast);background:#fff;background:var(--bg-primary);border-top:1px solid #eee;border-top:1px solid var(--border-light);display:flex;gap:16px;gap:var(--spacing-md);padding:16px 24px;padding:var(--spacing-md) var(--spacing-lg)}.reply-preview-content{flex:1 1}.replying-to{color:#ee4236;color:var(--primary);display:block;font-size:.75rem;font-size:var(--font-xs);font-weight:600;margin-bottom:2px}.reply-preview-content p{color:#757575;color:var(--text-secondary);font-size:.875rem;font-size:var(--font-sm);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cancel-reply{align-items:center;background:#0000;border:none;border-radius:9999px;border-radius:var(--radius-full);color:#bdbdbd;color:var(--text-disabled);cursor:pointer;display:flex;font-size:1.125rem;font-size:var(--font-lg);justify-content:center;padding:4px;padding:var(--spacing-xs);transition:all .15s ease;transition:all var(--transition-fast)}.cancel-reply:hover{background:#fafafa;background:var(--bg-secondary);color:#f44336;color:var(--danger);transform:rotate(90deg)}.attachments-preview{background:#fff;background:var(--bg-primary);border-top:1px solid #eee;border-top:1px solid var(--border-light);display:flex;gap:16px;gap:var(--spacing-md);overflow-x:auto;padding:16px 24px;padding:var(--spacing-md) var(--spacing-lg);scrollbar-width:thin}.attachments-preview::-webkit-scrollbar{height:4px}.attachments-preview::-webkit-scrollbar-track{background:#fafafa;background:var(--bg-secondary)}.attachments-preview::-webkit-scrollbar-thumb{background:#bdbdbd;background:var(--border-dark);border-radius:9999px;border-radius:var(--radius-full)}.attachment-preview-item{align-items:center;animation:slideInRight .15s ease;animation:slideInRight var(--transition-fast);background:#fafafa;background:var(--bg-secondary);border:1px solid #eee;border:1px solid var(--border-light);border-radius:12px;border-radius:var(--radius-lg);display:flex;gap:8px;gap:var(--spacing-sm);min-width:200px;padding:8px;padding:var(--spacing-sm)}@keyframes slideInRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.attachment-preview-item img{object-fit:cover}.attachment-preview-item img,.file-preview{border-radius:4px;border-radius:var(--radius-sm);height:40px;width:40px}.file-preview{align-items:center;background:#f5f5f5;background:var(--bg-tertiary);color:#ee4236;color:var(--primary);display:flex;font-size:1.25rem;font-size:var(--font-xl);justify-content:center}.attachment-info{flex:1 1}.attachment-name{color:#212121;color:var(--text-primary);display:block;font-size:.875rem;font-size:var(--font-sm);font-weight:500;margin-bottom:2px;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-size{display:block;font-size:.75rem;font-size:var(--font-xs)}.attachment-size,.remove-attachment{color:#bdbdbd;color:var(--text-disabled)}.remove-attachment{align-items:center;background:#0000;border:none;border-radius:9999px;border-radius:var(--radius-full);cursor:pointer;display:flex;justify-content:center;padding:4px;padding:var(--spacing-xs);transition:all .15s ease;transition:all var(--transition-fast)}.remove-attachment:hover{background:#f5f5f5;background:var(--bg-tertiary);color:#f44336;color:var(--danger);transform:scale(1.1)}.message-input-container{align-items:center;background:#fff;background:var(--bg-primary);border-top:1px solid #eee;border-top:1px solid var(--border-light);box-shadow:0 -2px 10px #00000005;display:flex;gap:8px;gap:var(--spacing-sm);padding:16px 24px;padding:var(--spacing-md) var(--spacing-lg);position:relative;z-index:10}.input-actions-left,.input-actions-right{display:flex;gap:4px;gap:var(--spacing-xs)}.input-action{align-items:center;background:#fafafa;background:var(--bg-secondary);border:none;border-radius:9999px;border-radius:var(--radius-full);color:#757575;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;font-size:1.125rem;font-size:var(--font-lg);height:42px;justify-content:center;position:relative;transition:all .15s ease;transition:all var(--transition-fast);width:42px}.input-action:hover{background:#ee4236;background:var(--primary);box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-md);color:#fff;color:var(--white);transform:translateY(-2px) scale(1.1)}.input-action:active{transform:translateY(0) scale(1)}.input-action.recording{animation:pulse 2s infinite;position:relative}.input-action.recording,.recording-time{background:#f44336;background:var(--danger);color:#fff;color:var(--white)}.recording-time{border-radius:9999px;border-radius:var(--radius-full);font-size:.75rem;font-size:var(--font-xs);left:50%;padding:2px 6px;position:absolute;top:-20px;transform:translateX(-50%);white-space:nowrap}.message-input{background:#fafafa;background:var(--bg-secondary);border:1px solid #e0e0e0;border:1px solid var(--border-medium);border-radius:9999px;border-radius:var(--radius-full);flex:1 1;font-size:.875rem;font-size:var(--font-sm);padding:16px 24px;padding:var(--spacing-md) var(--spacing-lg);transition:all .15s ease;transition:all var(--transition-fast)}.message-input:focus{background:#fff;background:var(--bg-primary);border-color:#ee4236;border-color:var(--primary);box-shadow:0 0 0 3px #ee42361a;box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1);outline:none}.message-input::placeholder{color:#bdbdbd;color:var(--text-disabled);font-style:italic}.message-input:disabled{cursor:not-allowed;opacity:.7}.send-btn{align-items:center;background:#ee4236;background:var(--primary);border:none;border-radius:9999px;border-radius:var(--radius-full);box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-md);color:#fff;color:var(--white);cursor:pointer;display:flex;flex-shrink:0;font-size:1.25rem;font-size:var(--font-xl);height:48px;justify-content:center;overflow:hidden;position:relative;transition:all .25s ease;transition:all var(--transition-base);width:48px}.send-btn:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .3s,height .3s;width:0}.send-btn:hover:not(:disabled):before{height:100%;width:100%}.send-btn:hover:not(:disabled){background:#d33a2f;background:var(--primary-dark);box-shadow:0 10px 15px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-2px) scale(1.1)}.send-btn:active:not(:disabled){transform:translateY(0) scale(1)}.send-btn:disabled{background:#bdbdbd;background:var(--border-dark);cursor:not-allowed;opacity:.5}.emoji-picker{animation:slideUp .15s ease;animation:slideUp var(--transition-fast);background:#fff;background:var(--bg-primary);border:1px solid #eee;border:1px solid var(--border-light);border-radius:12px;border-radius:var(--radius-lg);bottom:calc(100% + 8px);bottom:calc(100% + var(--spacing-sm));box-shadow:0 20px 25px #0000001a;box-shadow:var(--shadow-xl);min-width:320px;position:absolute;right:24px;right:var(--spacing-lg);z-index:1060;z-index:var(--z-popover)}.emoji-picker-header{align-items:center;background:#fafafa;background:var(--bg-secondary);border-bottom:1px solid #eee;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;padding:16px;padding:var(--spacing-md)}.emoji-picker-header span{color:#212121;color:var(--text-primary);font-weight:600}.emoji-picker-header .close-btn{align-items:center;background:#0000;border:none;border-radius:9999px;border-radius:var(--radius-full);color:#bdbdbd;color:var(--text-disabled);cursor:pointer;display:flex;justify-content:center;padding:4px;padding:var(--spacing-xs);transition:all .15s ease;transition:all var(--transition-fast)}.emoji-picker-header .close-btn:hover{background:#f5f5f5;background:var(--bg-tertiary);color:#f44336;color:var(--danger);transform:rotate(90deg)}.emoji-grid{grid-gap:4px;grid-gap:var(--spacing-xs);display:grid;gap:4px;gap:var(--spacing-xs);grid-template-columns:repeat(8,1fr);max-height:300px;overflow-y:auto;padding:16px;padding:var(--spacing-md)}.emoji-btn{align-items:center;background:#fafafa;background:var(--bg-secondary);border:none;border-radius:9999px;border-radius:var(--radius-full);cursor:pointer;display:flex;font-size:1.25rem;font-size:var(--font-xl);height:40px;justify-content:center;transition:all .15s ease;transition:all var(--transition-fast);width:40px}.emoji-btn:hover{background:#ee4236;background:var(--primary);box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-md);color:#fff;color:var(--white);transform:scale(1.2)}.empty-chat-state{align-items:center;background:linear-gradient(135deg,#fafafa,#f5f5f5);background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-tertiary) 100%);display:flex;height:100%;justify-content:center}.empty-chat-content{animation:fadeInScale .35s ease;animation:fadeInScale var(--transition-slow);padding:48px;padding:var(--spacing-2xl);text-align:center}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.empty-chat-icon{animation:float 3s ease-in-out infinite;color:#ee4236;color:var(--primary);font-size:6rem;margin-bottom:32px;margin-bottom:var(--spacing-xl);opacity:.3}.empty-chat-content h3{color:#212121;color:var(--text-primary);font-size:1.5rem;font-size:var(--font-2xl);margin-bottom:16px;margin-bottom:var(--spacing-md)}.empty-chat-content p{color:#757575;color:var(--text-secondary);font-size:1.125rem;font-size:var(--font-lg);margin-bottom:32px;margin-bottom:var(--spacing-xl)}.message-status{align-items:center;display:inline-flex;font-size:.75rem;font-size:var(--font-xs);gap:2px}@media (max-width:1200px){.messages-container{grid-template-columns:340px 1fr}}@media (max-width:992px){.messages-container{grid-template-columns:300px 1fr}.message-bubble-wrapper{max-width:80%}.emoji-grid{grid-template-columns:repeat(7,1fr)}}@media (max-width:768px){.messages-page{padding:0}.messages-container{border-radius:0;grid-template-columns:1fr;height:100vh;min-height:auto}.conversations-sidebar{display:block}.chat-area,.conversations-sidebar.hidden{display:none}.back-btn,.chat-area.active{display:flex}.chat-actions{gap:2px}.action-btn{height:36px;width:36px}.message-bubble-wrapper{max-width:85%}.scroll-to-bottom{bottom:90px;height:40px;right:20px;width:40px}.emoji-picker{min-width:280px;right:16px;right:var(--spacing-md)}.emoji-grid{grid-template-columns:repeat(7,1fr)}}@media (max-width:480px){.sidebar-header{padding:16px;padding:var(--spacing-md)}.sidebar-header h2{font-size:1.125rem;font-size:var(--font-lg)}.conversation-item{padding:8px;padding:var(--spacing-sm)}.conversation-avatar{height:48px;width:48px}.chat-header{padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md)}.vendor-avatar{height:40px;width:40px}.vendor-details h3{font-size:1rem;font-size:var(--font-base)}.chat-actions{gap:2px}.action-btn{font-size:.875rem;font-size:var(--font-sm);height:32px;width:32px}.message-input-container{gap:4px;gap:var(--spacing-xs);padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md)}.input-action{font-size:1rem;font-size:var(--font-base);height:38px;width:38px}.send-btn{font-size:1.125rem;font-size:var(--font-lg);height:42px;width:42px}.message-input{padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md)}.empty-chat-icon{font-size:4rem}.empty-chat-content h3{font-size:1.25rem;font-size:var(--font-xl)}.empty-chat-content p{font-size:1rem;font-size:var(--font-base)}.message-bubble-wrapper{max-width:90%}.message-bubble{padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md)}.message-avatar{height:30px;width:30px}.scroll-to-bottom{bottom:80px;height:36px;right:15px;width:36px}.attachment-preview-item{min-width:160px}.emoji-picker{min-width:250px}.emoji-btn{font-size:1.125rem;font-size:var(--font-lg);height:32px;width:32px}}@media (prefers-color-scheme:dark){:root{--bg-primary:var(--gray-800);--bg-secondary:var(--gray-900);--bg-tertiary:var(--gray-700);--text-primary:var(--white);--text-secondary:var(--gray-300);--text-disabled:var(--gray-500);--border-light:var(--gray-700);--border-medium:var(--gray-600);--border-dark:var(--gray-500)}.messages-page{background:linear-gradient(135deg,#212121,#424242);background:linear-gradient(135deg,var(--gray-900) 0,var(--gray-800) 100%)}.message-bubble-wrapper.other .message-bubble{background:#616161;background:var(--gray-700);color:#fff;color:var(--white)}.message-bubble-wrapper.other .message-bubble:after{border-right-color:#616161;border-right-color:var(--gray-700)}.input-action{background:#616161;background:var(--gray-700);color:#757575;color:var(--text-secondary)}.input-action:hover{background:#ee4236;background:var(--primary);color:#fff;color:var(--white)}.message-input{background:#616161;background:var(--gray-700);border-color:#757575;border-color:var(--gray-600);color:#fff;color:var(--white)}.message-input:focus{background:#424242;background:var(--gray-800)}.conversation-item:hover{background:#616161;background:var(--gray-700)}.conversation-item.active{background:#ee423633;background:rgba(var(--primary-rgb),.2)}.scroll-to-bottom{background:#616161;background:var(--gray-700);border-color:#ee4236;border-color:var(--primary);color:#ee4236;color:var(--primary)}.scroll-to-bottom:hover{background:#ee4236;background:var(--primary);color:#fff;color:var(--white)}.date-separator span{background:#fafafa;background:var(--bg-secondary)}.date-separator:before{background:linear-gradient(90deg,#0000,#e0e0e0,#0000);background:linear-gradient(to right,#0000,var(--border-medium),#0000)}.emoji-picker{background:#424242;background:var(--gray-800);border-color:#616161;border-color:var(--gray-700)}.emoji-btn{background:#616161;background:var(--gray-700)}.emoji-btn:hover{background:#ee4236;background:var(--primary)}.reply-preview{background:#ffffff1a}.attachment-preview-item{background:#616161;background:var(--gray-700);border-color:#757575;border-color:var(--gray-600)}.messages-list::-webkit-scrollbar-track{background:#616161;background:var(--gray-700)}.messages-list::-webkit-scrollbar-thumb{background:#757575;background:var(--gray-600);border-color:#616161;border-color:var(--gray-700)}.messages-list::-webkit-scrollbar-thumb:hover{background:#ee4236;background:var(--primary)}.conversations-list::-webkit-scrollbar-track{background:#616161;background:var(--gray-700)}.conversations-list::-webkit-scrollbar-thumb{background:#757575;background:var(--gray-600)}}@media print{.messages-page{background:#fff;padding:0}.messages-container{border:1px solid #ccc;box-shadow:none;height:auto}.attachments-preview,.back-btn,.chat-actions,.conversations-sidebar,.emoji-picker,.input-actions-left,.input-actions-right,.message-input-container,.reply-preview-container,.scroll-to-bottom{display:none!important}.chat-area{background:#fff;width:100%}.message-bubble{border:1px solid #ccc;box-shadow:none}.message-bubble-wrapper.own .message-bubble{background:#f0f0f0;color:#000}.message-bubble-wrapper.other .message-bubble:after,.message-bubble-wrapper.own .message-bubble:after{display:none}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.conversation-item:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid #ee4236;outline:2px solid var(--primary);outline-offset:2px}@media (hover:none) and (pointer:coarse){.action-btn:hover,.conversation-item:hover,.input-action:hover,.send-btn:hover:not(:disabled){transform:none}.message-actions{display:flex!important;opacity:1!important}}.skeleton{animation:loading 1.5s infinite;background:linear-gradient(90deg,#fafafa 25%,#f5f5f5 50%,#fafafa 75%);background:linear-gradient(90deg,var(--bg-secondary) 25%,var(--bg-tertiary) 50%,var(--bg-secondary) 75%);background-size:200% 100%}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.wishlist-page{background-color:var(--light-gray);min-height:100vh;padding-bottom:60px}.wishlist-breadcrumb{border-bottom:1px solid var(--medium-gray);padding:15px 0}.wishlist-breadcrumb,.wishlist-header{background:var(--white);margin-bottom:30px}.wishlist-header{align-items:center;border-radius:var(--border-radius);box-shadow:var(--shadow);display:flex;justify-content:space-between;padding:30px}.wishlist-title{color:var(--dark-charcoal);font-size:2rem;margin:0}.item-count{color:#999;font-size:1.2rem;font-weight:400}.wishlist-actions{display:flex;gap:15px}.wishlist-summary{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.summary-card{align-items:center;background:var(--white);border-radius:var(--border-radius);box-shadow:var(--shadow);display:flex;gap:15px;padding:20px;transition:var(--transition)}.summary-card:hover{box-shadow:0 8px 20px #0000001a;transform:translateY(-5px)}.summary-card.savings{background:linear-gradient(135deg,var(--primary-color),#ff6b6b);color:var(--white)}.summary-card.savings .summary-icon{background:#fff3;color:var(--white)}.summary-icon{align-items:center;background:var(--light-gray);border-radius:50%;color:var(--primary-color);display:flex;font-size:1.5rem;height:50px;justify-content:center;width:50px}.summary-details{display:flex;flex-direction:column}.summary-label{color:#666;font-size:.9rem}.summary-card.savings .summary-label{color:#ffffffe6}.summary-value{color:var(--dark-charcoal);font-size:1.5rem;font-weight:700}.summary-card.savings .summary-value{color:var(--white)}.bulk-actions{background:var(--white);border-radius:var(--border-radius);box-shadow:var(--shadow);justify-content:space-between;margin-bottom:30px;padding:15px 20px}.bulk-actions,.select-all{align-items:center;display:flex}.checkbox-label{color:var(--dark-charcoal);font-size:.95rem;gap:10px}.checkbox-label input[type=checkbox]{display:none}.checkbox-custom{border:2px solid var(--medium-gray);border-radius:4px;display:inline-block;height:20px;position:relative;transition:var(--transition);width:20px}.checkbox-label input[type=checkbox]:checked+.checkbox-custom{background:var(--primary-color);border-color:var(--primary-color)}.checkbox-label input[type=checkbox]:checked+.checkbox-custom:after{color:var(--white);content:"✓";font-size:.8rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.bulk-buttons{display:flex;gap:10px}.wishlist-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-bottom:30px}.wishlist-item{background:var(--white);border-radius:var(--border-radius);box-shadow:var(--shadow);display:flex;overflow:hidden;position:relative;transition:var(--transition)}.wishlist-item:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-5px)}.item-select{background:var(--white);border-radius:4px;box-shadow:var(--shadow);left:15px;padding:5px;position:absolute;top:15px;z-index:2}.item-image{background:var(--light-gray);overflow:hidden;position:relative;width:140px}.item-image img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.wishlist-item:hover .item-image img{transform:scale(1.05)}.item-image .badge{border-radius:3px;font-size:.7rem;font-weight:600;left:10px;padding:4px 8px;position:absolute;text-transform:uppercase;top:10px;z-index:1}.item-image .badge.sale{background:var(--primary-color);color:var(--white)}.item-image .badge.new{background:#4caf50;color:var(--white)}.item-image .badge.low-stock{background:#ff9800;color:var(--white);top:40px}.item-details{display:flex;flex:1 1;flex-direction:column;gap:10px;padding:20px}.item-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--dark-charcoal);display:-webkit-box;font-size:1.1rem;font-weight:600;line-height:1.4;overflow:hidden;text-decoration:none;transition:var(--transition)}.item-title:hover{color:var(--primary-color)}.item-category{color:#999;font-size:.85rem;text-transform:capitalize}.item-rating{align-items:center;display:flex;gap:5px}.stars{display:flex;gap:2px}.star{color:#ddd;font-size:.9rem}.star.filled{color:#ffc107}.rating-count{color:#999;font-size:.8rem}.item-price{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.item-price .current-price{color:var(--primary-color);font-size:1.3rem;font-weight:700}.item-price .original-price{color:#999;font-size:1rem;text-decoration:line-through}.savings-badge{background:#4caf50;border-radius:3px;color:var(--white);font-size:.75rem;font-weight:600;padding:3px 8px}.item-stock{font-size:.9rem}.in-stock{color:#4caf50}.in-stock,.out-of-stock{align-items:center;display:flex;gap:5px}.out-of-stock{color:#f44336}.stock-icon{font-size:.9rem}.item-actions{flex-direction:column;margin-top:auto}.item-actions,.secondary-actions{display:flex;gap:10px}.action-btn{align-items:center;background:var(--white);border:1px solid var(--medium-gray);border-radius:var(--border-radius);color:var(--text-color);cursor:pointer;display:flex;flex:1 1;font-size:1rem;height:40px;justify-content:center;text-decoration:none;transition:var(--transition)}.action-btn:hover{background:var(--primary-color);border-color:var(--primary-color);color:var(--white)}.action-btn.remove-btn:hover{background:#f44336;border-color:#f44336}.wishlist-footer{align-items:center;border-top:1px solid var(--medium-gray);display:flex;justify-content:space-between;margin-top:30px;padding-top:30px}.empty-wishlist{background:var(--white);border-radius:var(--border-radius);box-shadow:var(--shadow);margin-bottom:40px;padding:80px 20px;text-align:center}.empty-wishlist-icon{animation:pulse 2s infinite;color:var(--medium-gray);font-size:5rem;margin-bottom:20px}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.empty-wishlist h2{color:var(--dark-charcoal);font-size:2rem;margin-bottom:15px}.empty-wishlist p{color:#666;font-size:1.1rem;margin-bottom:10px}.empty-wishlist .btn{margin-left:auto;margin-right:auto;margin-top:30px;max-width:300px}.category-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:30px}.category-card{background:var(--white);border-radius:var(--border-radius);box-shadow:var(--shadow);padding:30px 20px;text-align:center;text-decoration:none;transition:var(--transition)}.category-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-5px)}.category-card h3{color:var(--dark-charcoal);margin-bottom:10px}.category-card span{color:var(--primary-color);font-size:.9rem}.related-products,.wishlist-recommendations{margin-top:60px}.section-title{color:var(--dark-charcoal);font-size:1.8rem;margin-bottom:30px;padding-bottom:15px;position:relative}.section-title:after{background:var(--primary-color);bottom:0;content:"";height:3px;left:0;position:absolute;width:60px}.related-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.related-card{background:var(--white);border-radius:var(--border-radius);box-shadow:var(--shadow);overflow:hidden;padding:15px;transition:var(--transition)}.related-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-5px)}.related-image{aspect-ratio:1;background:var(--light-gray);border-radius:var(--border-radius);margin-bottom:15px;overflow:hidden}.related-image img{height:100%;object-fit:cover;width:100%}.related-title{color:var(--dark-charcoal);font-size:1rem;margin-bottom:10px}.related-price{color:var(--primary-color);font-size:1.2rem;font-weight:700;margin-bottom:15px}.modal-overlay{align-items:center;animation:fadeIn .3s ease;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.share-modal{animation:slideUp .3s ease;background:var(--white);border-radius:var(--border-radius);max-height:80vh;max-width:500px;overflow-y:auto;padding:40px;position:relative;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.modal-close{background:none;border:none;color:#999;cursor:pointer;font-size:1.5rem;position:absolute;right:15px;top:15px;transition:var(--transition)}.modal-close:hover{color:var(--primary-color)}.share-modal h3{color:var(--dark-charcoal);font-size:1.5rem;margin-bottom:20px}.share-options{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(2,1fr);margin-bottom:30px}.share-option{align-items:center;border-radius:var(--border-radius);color:var(--white);display:flex;gap:10px;justify-content:center;padding:12px;text-decoration:none;transition:var(--transition)}.share-option:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.share-option.facebook{background:#1877f2}.share-option.twitter{background:#1da1f2}.share-option.pinterest{background:#e60023}.share-option.email{background:#ea4335}.share-option.whatsapp{background:#25d366}.share-link{border-top:1px solid var(--medium-gray);padding-top:20px}.share-link p{color:var(--dark-charcoal);margin-bottom:10px}.copy-link{display:flex;gap:10px}.copy-link input{border:1px solid var(--medium-gray);border-radius:var(--border-radius);flex:1 1;font-size:.9rem;padding:10px}.copy-btn{background:var(--primary-color);border:none;border-radius:var(--border-radius);color:var(--white);cursor:pointer;padding:10px 20px;transition:var(--transition)}.copy-btn:hover{background:var(--secondary-color)}@media (max-width:992px){.wishlist-header{flex-direction:column;gap:20px;text-align:center}.wishlist-title{font-size:1.8rem}.wishlist-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.wishlist-header{padding:20px}.wishlist-title{font-size:1.5rem}.item-count{font-size:1rem}.wishlist-summary{grid-template-columns:1fr}.bulk-actions{align-items:flex-start;flex-direction:column;gap:15px}.bulk-buttons{flex-direction:column;width:100%}.wishlist-grid{grid-template-columns:1fr}.wishlist-item{flex-direction:column}.item-image{height:200px;width:100%}.item-select{left:10px;top:10px}.item-image .badge{left:50px;top:10px}.item-image .badge.low-stock{top:45px}.wishlist-footer{flex-direction:column;gap:15px}.share-options{grid-template-columns:1fr}}@media (max-width:576px){.wishlist-header{padding:15px}.wishlist-actions{width:100%}.item-actions,.wishlist-actions{flex-direction:column}.secondary-actions{width:100%}.action-btn{flex:1 1}.share-modal{padding:30px 20px}.category-grid,.related-grid{grid-template-columns:1fr}}@media print{.bulk-actions,.item-actions,.related-products,.wishlist-actions,.wishlist-breadcrumb,.wishlist-footer{display:none}.wishlist-item{border:1px solid #ddd;box-shadow:none;break-inside:avoid;page-break-inside:avoid}}.register-page{align-items:center;background:linear-gradient(135deg,#ee4236,#f8fafc);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:20px;position:relative}.register-pattern{bottom:0;left:0;position:absolute;right:0;top:0;z-index:0}.register-container.compact{animation:fadeIn .5s ease-out;background:#fff;border-radius:20px;box-shadow:0 10px 40px #0003;margin:0 auto;max-width:500px;padding:30px;position:relative;width:100%;z-index:1}.register-header{margin-bottom:20px;position:relative;text-align:center}.header-content{padding:0 40px}.header-content h2{font-size:1.6rem}.header-content p{font-size:.9rem}.toggle-vendor{margin-bottom:20px;text-align:center}.toggle-btn{align-items:center;background:none;border:2px solid #ee4236;border-radius:25px;color:#ee4236;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:8px;padding:8px 16px;transition:all .3s}.toggle-btn.vendor,.toggle-btn:hover{background:#ee4236;color:#fff}.toggle-btn.vendor:hover{background:#5a67d8;border-color:#5a67d8}.register-form.compact{display:flex;flex-direction:column;gap:15px}.form-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.form-group{gap:4px}.form-group label{font-size:.85rem}.input-icon{font-size:.8rem}.form-group input,.form-group select{border:2px solid #e2e8f0;border-radius:8px;font-size:.9rem;outline:none;padding:10px 12px;transition:all .3s;width:100%}.form-group select{background:#fff;cursor:pointer}.form-group input:focus,.form-group select:focus{border-color:#ee4236;box-shadow:0 0 0 3px #667eea1a}.form-group input.error,.form-group select.error{border-color:#f44336}.password-input-wrapper input{padding-right:35px}.password-toggle{font-size:1rem;padding:0;right:10px}.password-strength{margin-top:5px}.strength-bar{background:#e2e8f0;border-radius:2px;height:3px;margin-bottom:3px;overflow:hidden}.strength-fill{height:100%;transition:all .3s}.strength-text{font-size:.75rem;font-weight:600}.image-upload{align-items:center;display:flex;gap:10px}.image-preview{border:2px solid #ee4236;border-radius:50%;height:40px;object-fit:cover;width:40px}.image-upload input[type=file]{background:#f8fafc;border:2px dashed #e2e8f0;padding:5px}.error-message{font-size:.75rem}.checkbox-group{margin-top:5px}.checkbox-label{font-size:.85rem}.checkbox-text a{color:#ee4236;font-weight:600;text-decoration:none}.checkbox-text a:hover{text-decoration:underline}.login-link{color:#666;font-size:.85rem;margin-top:5px;text-align:center}.login-link a{color:#ee4236;font-weight:600;text-decoration:none}.login-link a:hover{text-decoration:underline}@media (max-width:480px){.register-page{padding:10px}.register-container.compact{padding:20px}.form-row{gap:15px;grid-template-columns:1fr}.header-content h2{font-size:1.4rem}.back-link{justify-content:center;margin-bottom:10px;position:static;transform:none}}.login-page{align-items:center;background:linear-gradient(135deg,#ee4236,#f8fafc);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:20px;position:relative}.login-pattern{bottom:0;left:0;position:absolute;right:0;top:0;z-index:0}.pattern-circle{background:#ffffff1a;border-radius:50%;position:absolute}.circle-1{height:300px;right:-100px;top:-100px;width:300px}.circle-2{bottom:-150px;height:400px;left:-150px;width:400px}.login-container.compact{animation:fadeIn .5s ease-out;background:#fff;border-radius:20px;box-shadow:0 10px 40px #0003;margin:0 auto;max-width:400px;padding:30px;position:relative;width:100%;z-index:1}.login-header{margin-bottom:25px;position:relative;text-align:center}.back-link{align-items:center;color:#666;display:flex;font-size:.9rem;gap:5px;left:0;position:absolute;text-decoration:none;top:50%;transform:translateY(-50%);transition:color .3s}.back-link:hover{color:#ee4236}.header-content{padding:0 35px}.brand-logo{align-items:center;color:#ee4236;display:inline-flex;gap:8px;margin-bottom:10px}.logo-icon{font-size:1.5rem}.logo-text{font-size:1.2rem;font-weight:600}.header-content h2{color:#333;font-size:1.8rem;margin-bottom:5px}.header-content p{color:#666;font-size:.95rem}.success-message{animation:slideDown .3s ease-out;background:#4caf50;border-radius:8px;color:#fff;font-size:.95rem;margin-bottom:20px;padding:12px;text-align:center}.login-form.compact{gap:20px}.form-group,.login-form.compact{display:flex;flex-direction:column}.form-group{gap:5px}.form-group label{align-items:center;color:#333;display:flex;font-size:.9rem;font-weight:600;gap:5px}.input-icon{color:#ee4236;font-size:.85rem}.form-group input{border:2px solid #e2e8f0;border-radius:10px;font-size:.95rem;outline:none;padding:12px 15px;transition:all .3s;width:100%}.form-group input:focus{border-color:#ee4236;box-shadow:0 0 0 3px #667eea1a}.form-group input.error{border-color:#f44336}.form-group input.error:focus{box-shadow:0 0 0 3px #f443361a}.password-input-wrapper{position:relative}.password-input-wrapper input{padding-right:45px}.password-toggle{align-items:center;background:none;border:none;color:#999;cursor:pointer;display:flex;font-size:1.1rem;justify-content:center;padding:5px;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:color .3s}.password-toggle:hover{color:#ee4236}.error-message{color:#f44336;font-size:.8rem;margin-top:3px}.form-options{justify-content:space-between;margin-top:5px}.checkbox-label,.form-options{align-items:center;display:flex}.checkbox-label{color:#666;cursor:pointer;font-size:.9rem;gap:8px}.checkbox-label input[type=checkbox]{accent-color:#ee4236;cursor:pointer;height:16px;width:16px}.forgot-link{color:#ee4236;font-size:.9rem;font-weight:500;text-decoration:none;transition:color .3s}.forgot-link:hover{color:#5a67d8;text-decoration:underline}.social-login{margin-top:10px;text-align:center}.social-text{color:#999;font-size:.9rem;margin-bottom:15px;position:relative}.social-text:after,.social-text:before{background:#e2e8f0;content:"";height:1px;position:absolute;top:50%;width:30%}.social-text:before{left:0}.social-text:after{right:0}.social-buttons{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.social-btn{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:10px;color:#333;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:10px;justify-content:center;padding:12px;transition:all .3s}.social-btn:disabled{cursor:not-allowed;opacity:.6}.social-btn.google:hover:not(:disabled){background:#db4437;border-color:#db4437;color:#fff}.social-btn.facebook:hover:not(:disabled){background:#1877f2;border-color:#1877f2;color:#fff}.register-link{border-top:1px solid #e2e8f0;color:#666;font-size:.95rem;margin-top:10px;padding-top:15px;text-align:center}.register-link a{color:#ee4236;font-weight:600;margin-left:5px;text-decoration:none}.register-link a:hover{text-decoration:underline}.demo-credentials{background:#f8fafc;border:1px dashed #cbd5e0;border-radius:10px;margin-top:20px;padding:15px}.demo-title{color:#333;font-size:.9rem;font-weight:600;margin-bottom:10px;text-align:center}.demo-item{align-items:center;display:flex;font-size:.85rem;justify-content:space-between;margin-bottom:8px}.demo-item:last-child{margin-bottom:0}.demo-label{color:#ee4236;font-weight:600}.demo-value{background:#fff;border:1px solid #e2e8f0;border-radius:4px;color:#666;font-family:monospace;padding:4px 8px}.btn-primary:disabled{cursor:not-allowed;opacity:.7}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:480px){.login-page{padding:10px}.login-container.compact{padding:20px}.header-content h2{font-size:1.5rem}.back-link{justify-content:center;margin-bottom:10px;position:static;transform:none}.header-content{padding:0}.social-buttons{grid-template-columns:1fr}.form-options{gap:10px}.demo-item,.form-options{align-items:flex-start;flex-direction:column}.demo-item{gap:5px}.demo-value{width:100%}}@media (prefers-color-scheme:dark){.login-container.compact{background:#1a202c}.header-content h2{color:#f7fafc}.checkbox-label,.demo-title,.form-group label,.header-content p,.register-link,.social-text{color:#cbd5e0}.form-group input{background:#2d3748;border-color:#4a5568;color:#f7fafc}.form-group input:focus{border-color:#ee4236}.demo-credentials{background:#2d3748;border-color:#4a5568}.demo-value{background:#1a202c;border-color:#4a5568;color:#cbd5e0}.social-btn{background:#2d3748;border-color:#4a5568;color:#f7fafc}}
/*# sourceMappingURL=main.e603b794.css.map*/