html{scroll-behavior:smooth}a,button,input,textarea,select{transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1)}a:not(.btn){position:relative}a:not(.btn)::after{content:'';position:absolute;bottom:-2px;left:0;width:0;height:1px;background:currentColor;transition:width 0.3s ease}a:not(.btn):hover::after{width:100%}input:not([type="submit"]):not([type="button"]),textarea,select{transition:all 0.3s ease}input:not([type="submit"]):not([type="button"]):focus,textarea:focus,select:focus{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.1)}.btn,button[type="submit"]{transform:translateY(0);box-shadow:0 2px 8px rgba(0,0,0,0.1);transition:all 0.2s cubic-bezier(0.4, 0, 0.2, 1)}.btn:hover,button[type="submit"]:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,0.15)}.btn:active,button[type="submit"]:active{transform:translateY(0);box-shadow:0 2px 8px rgba(0,0,0,0.1)}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-marketplace,.cards,.similar-products-section{animation:fadeInUp 0.6s ease-out}.cards>*{animation:fadeInUp 0.6s ease-out;animation-fill-mode:both}.cards>*:nth-child(1){animation-delay:0.05s}.cards>*:nth-child(2){animation-delay:0.1s}.cards>*:nth-child(3){animation-delay:0.15s}.cards>*:nth-child(4){animation-delay:0.2s}.cards>*:nth-child(5){animation-delay:0.25s}.cards>*:nth-child(6){animation-delay:0.3s}.cards>*:nth-child(7){animation-delay:0.35s}.cards>*:nth-child(8){animation-delay:0.4s}.cards>*:nth-child(9){animation-delay:0.45s}.cards>*:nth-child(10){animation-delay:0.5s}.cards>*:nth-child(11){animation-delay:0.55s}.cards>*:nth-child(12){animation-delay:0.6s}img{transition:transform 0.6s cubic-bezier(0.4, 0, 0.2, 1)}.badge{animation:scaleIn 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55)}@keyframes scaleIn{from{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.navbar.sticky-top{transition:box-shadow 0.3s ease}*:focus-visible{outline:2px solid #6366F1;outline-offset:2px;transition:outline 0.2s ease}.turbo-progress-bar{background:linear-gradient(90deg, #6366F1, #c1c2f9);height:3px}.empty-state{animation:fadeInUp 0.6s ease-out}.empty-state i{animation:float 3s ease-in-out infinite}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}.form-control.is-invalid{animation:shake 0.5s}@keyframes shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-10px)}75%{transform:translateX(10px)}}@keyframes shimmer{0%{background-position:-1000px 0}100%{background-position:1000px 0}}.loading-shimmer{background:linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);background-size:1000px 100%;animation:shimmer 2s infinite}.dropdown-menu{animation:slideDown 0.3s ease-out}@keyframes slideDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.stat-number{animation:countUp 1s ease-out}@keyframes countUp{from{opacity:0;transform:scale(0.5)}to{opacity:1;transform:scale(1)}}.navbar-lewagon{background:#FFFFFF;box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.08);padding:16px 0;border-bottom:1px solid #E5E7EB;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1)}.navbar-lewagon.sticky-top{box-shadow:0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06)}.navbar-lewagon .navbar-brand{color:#6366F1 !important;font-weight:700;text-decoration:none !important;display:flex;align-items:center;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1)}.navbar-lewagon .navbar-brand:hover{color:#EC4899 !important;transform:translateY(-1px)}.navbar-lewagon .navbar-brand .brand-icon{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);border-radius:50%;width:42px;height:42px;display:flex;align-items:center;justify-content:center;margin-right:12px;box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.08);transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1)}.navbar-lewagon .navbar-brand .brand-icon i{color:#FFFFFF;font-size:18px}.navbar-lewagon .navbar-brand:hover .brand-icon{transform:rotate(5deg) scale(1.05);box-shadow:0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06)}.navbar-lewagon .navbar-brand .brand-text{color:#6366F1;font-weight:700;font-size:20px;letter-spacing:-0.5px}.navbar-lewagon .navbar-nav .nav-link{color:#6366F1 !important;font-weight:500;padding:10px 16px;border-radius:12px;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);position:relative;text-decoration:none !important}.navbar-lewagon .navbar-nav .nav-link:hover{color:#EC4899 !important;background:rgba(52,152,219,0.05);text-decoration:none !important}.navbar-lewagon .navbar-nav .nav-link.active{color:#EC4899 !important;background:rgba(52,152,219,0.08)}.navbar-lewagon .btn-sell{background:#EC4899 !important;border:none;color:#FFFFFF !important;padding:10px 24px;border-radius:999px;font-weight:600;box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.08);transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);text-decoration:none !important}.navbar-lewagon .btn-sell:hover{background:#e82384 !important;transform:translateY(-2px);box-shadow:0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06);text-decoration:none !important}.navbar-lewagon .btn-sell:active{transform:translateY(0)}.navbar-lewagon .dropdown-menu{border-radius:16px;border:1px solid #E5E7EB;box-shadow:0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05);padding:8px 0;margin-top:8px}.navbar-lewagon .dropdown-menu .dropdown-item{padding:10px 20px;color:#6366F1;font-weight:500;transition:all 0.15s ease;text-decoration:none !important}.navbar-lewagon .dropdown-menu .dropdown-item:hover{background:rgba(52,152,219,0.05);color:#EC4899;text-decoration:none !important}.navbar-lewagon .dropdown-menu .dropdown-item:active{background:rgba(52,152,219,0.1)}.navbar-lewagon .dropdown-menu .dropdown-divider{margin:8px 0;border-color:#E5E7EB}.navbar-lewagon .btn-outline-primary{border:2px solid #6366F1 !important;color:#6366F1 !important;border-radius:999px;padding:8px 20px;font-weight:600;background:transparent;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);text-decoration:none !important}.navbar-lewagon .btn-outline-primary:hover{background:#6366F1 !important;color:#FFFFFF !important;transform:translateY(-2px);box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.08);text-decoration:none !important}@media (max-width: 768px){.navbar-lewagon .navbar-collapse{background:#FFFFFF;border-radius:16px;padding:16px;margin-top:12px;box-shadow:0 4px 6px rgba(0,0,0,0.1), 0 2px 4px rgba(0,0,0,0.06)}.navbar-lewagon .nav-link{margin:4px 0}}.navbar-lewagon.navbar-light-bg{background:#F3F4F6}.banner{background-size:cover;background-position:center;padding:120px 0;margin-bottom:48px;position:relative;border-radius:0 0 24px 24px;overflow:hidden}.banner::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);opacity:0.92;z-index:1}.banner.banner-light::before{background:linear-gradient(135deg, rgba(44,62,80,0.85), rgba(52,73,94,0.75))}.banner .container{position:relative;z-index:2}.banner h1{color:#FFFFFF;font-size:3.5rem;font-weight:700;margin-bottom:1.5rem;text-shadow:0 2px 12px rgba(0,0,0,0.15);letter-spacing:-0.5px;line-height:1.2}@media (max-width: 768px){.banner h1{font-size:2.5rem}}@media (max-width: 576px){.banner h1{font-size:2rem}}.banner p{color:rgba(255,255,255,0.95);font-size:1.3rem;font-weight:400;margin-bottom:2rem;max-width:600px;line-height:1.6}@media (max-width: 768px){.banner p{font-size:1.1rem}}.banner .btn-flat{background:#FFFFFF;color:#6366F1;padding:14px 36px;font-size:16px;box-shadow:0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06)}.banner .btn-flat:hover{background:#F9FAFB;transform:translateY(-3px);box-shadow:0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05)}.banner .btn-ghost{border-color:#FFFFFF;color:#FFFFFF}.banner .btn-ghost:hover{background:#FFFFFF;color:#6366F1}.banner::after{content:'';position:absolute;bottom:-2px;left:0;right:0;height:100px;background:linear-gradient(180deg, transparent 0%, #fff 100%);z-index:1;pointer-events:none}.banner-compact{padding:80px 0;margin-bottom:32px}.banner-compact h1{font-size:2.5rem}.banner-compact p{font-size:1.1rem}.banner-solid{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%)}.banner-solid::before{display:none}.btn-flat{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);color:#FFFFFF;padding:14px 36px;border-radius:999px;border:none;font-weight:700;font-size:16px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05);transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);cursor:pointer;position:relative;overflow:hidden}.btn-flat::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);transition:left 0.5s}.btn-flat:hover{color:#FFFFFF;transform:translateY(-3px) scale(1.05);box-shadow:0 25px 50px rgba(0,0,0,0.25)}.btn-flat:hover::before{left:100%}.btn-flat:active{transform:translateY(-1px) scale(1.02)}.btn-flat i{font-size:18px}.btn-ghost{background:transparent;color:#6366F1;padding:14px 36px;border:2px solid #6366F1;border-radius:999px;font-weight:700;font-size:16px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:10px;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);cursor:pointer;position:relative;overflow:hidden}.btn-ghost::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);border-radius:50%;transform:translate(-50%, -50%);transition:width 0.5s, height 0.5s;z-index:-1}.btn-ghost:hover{color:#FFFFFF;border-color:transparent;transform:translateY(-3px);box-shadow:0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05)}.btn-ghost:hover::before{width:300px;height:300px}.btn-danger{background:linear-gradient(135deg, #f093fb 0%, #f5576c 100%);color:#FFFFFF;border:none;padding:14px 36px;border-radius:999px;font-weight:700;box-shadow:0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05);transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1)}.btn-danger:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 25px 50px rgba(0,0,0,0.25)}.cards{display:grid;grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));grid-gap:32px}@media (max-width: 768px){.cards{grid-template-columns:repeat(2, 1fr);grid-gap:20px}}@media (max-width: 576px){.cards{grid-template-columns:1fr;grid-gap:24px}}.card-product{background:#FFFFFF;border-radius:24px;overflow:hidden;transition:all 0.6s cubic-bezier(0.4, 0, 0.2, 1);position:relative;display:flex;flex-direction:column;height:100%;border:1px solid #E5E7EB;box-shadow:0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06)}.card-product:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 25px 50px rgba(0,0,0,0.25);border-color:transparent}.card-product:hover .card-product-image img{transform:scale(1.1)}.card-product .card-product-image{position:relative;width:100%;padding-top:75%;overflow:hidden;background:#F3F4F6}.card-product .card-product-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform 0.6s cubic-bezier(0.4, 0, 0.2, 1)}.card-product .card-product-image::after{content:'';position:absolute;bottom:0;left:0;right:0;height:50%;background:linear-gradient(to top, rgba(0,0,0,0.3), transparent);opacity:0;transition:opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1)}.card-product:hover .card-product-image::after{opacity:1}.card-product .badge{position:absolute;top:16px;left:16px;font-size:11px;font-weight:700;padding:8px 16px;border-radius:999px;z-index:2;text-transform:uppercase;letter-spacing:0.5px;box-shadow:0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06);backdrop-filter:blur(10px)}.card-product .badge.bg-success{background:linear-gradient(135deg, #43e97b 0%, #38f9d7 100%) !important;color:#FFFFFF;border:none}.card-product .badge.bg-danger{background:linear-gradient(135deg, #f093fb 0%, #f5576c 100%) !important;color:#FFFFFF;border:none}.card-product .card-product-infos{padding:24px;display:flex;flex-direction:column;gap:12px;flex-grow:1}.card-product h2{font-size:18px;font-weight:700;margin:0;line-height:1.4;color:#1F2937;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-product h2 a{color:inherit;text-decoration:none;transition:color 0.15s ease}.card-product h2 a:hover{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.card-product p{font-size:14px;line-height:1.6;color:#9CA3AF;margin:0;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-product .card-product-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:16px;border-top:2px solid #F3F4F6}.card-product .card-product-pricing{font-size:24px;font-weight:900;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.card-product .card-product-pricing .currency{font-weight:700;font-size:18px;margin-left:2px}.card-product .card-product-meta{display:flex;align-items:center;gap:6px;color:#9CA3AF;font-size:14px;font-weight:600}.card-product .card-product-meta i{font-size:14px}.btn-favorite{position:absolute;top:16px;right:16px;z-index:3;width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,0.95);backdrop-filter:blur(10px);border:none;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05);transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1)}.btn-favorite i{font-size:18px;color:#9CA3AF;transition:color 0.15s ease}.btn-favorite:hover{transform:scale(1.1);box-shadow:0 20px 25px rgba(0,0,0,0.15),0 10px 10px rgba(0,0,0,0.04);background:linear-gradient(135deg, #f093fb 0%, #f5576c 100%)}.btn-favorite:hover i{color:#FFFFFF}.btn-favorite.favorited{background:linear-gradient(135deg, #f093fb 0%, #f5576c 100%)}.btn-favorite.favorited i{color:#FFFFFF}.btn-favorite{position:absolute;top:16px;right:16px;z-index:3;width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,0.95);backdrop-filter:blur(10px);border:none;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05);transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1)}.btn-favorite i{font-size:18px;color:#9CA3AF;transition:all 0.15s ease}.btn-favorite:hover{transform:scale(1.15);box-shadow:0 20px 25px rgba(0,0,0,0.15),0 10px 10px rgba(0,0,0,0.04);background:linear-gradient(135deg, #f093fb 0%, #f5576c 100%)}.btn-favorite:hover i{color:#FFFFFF}.btn-favorite.favorited{background:linear-gradient(135deg, #f093fb 0%, #f5576c 100%)}.btn-favorite.favorited i{color:#FFFFFF;animation:heartBeat 0.6s ease-in-out}.btn-favorite.favorited:hover{background:linear-gradient(135deg, #4facfe 0%, #00f2fe 100%)}@media (max-width: 768px){.btn-favorite{width:38px;height:38px;top:12px;right:12px}.btn-favorite i{font-size:16px}}@keyframes heartBeat{0%{transform:scale(1)}14%{transform:scale(1.3)}28%{transform:scale(1)}42%{transform:scale(1.3)}70%{transform:scale(1)}}.card-product{position:relative}.card-product:hover .btn-favorite{background:white;box-shadow:0 25px 50px rgba(0,0,0,0.25)}.favorites-counter .badge{font-size:10px;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}100%{transform:scale(1)}}.hero-marketplace{background:linear-gradient(135deg, #1f1c2c 0%, #928DAB 100%);padding:100px 0 80px;position:relative;overflow:hidden}.hero-marketplace::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:0.3}.hero-marketplace .hero-content{max-width:1200px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:center;position:relative;z-index:1}@media (max-width: 968px){.hero-marketplace .hero-content{grid-template-columns:1fr;gap:40px;text-align:center}}.hero-marketplace .hero-text h1{font-size:3.5rem;font-weight:900;color:#FFFFFF;margin-bottom:24px;line-height:1.1;letter-spacing:-1px;background:linear-gradient(135deg, #fff 0%, #a8edea 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media (max-width: 768px){.hero-marketplace .hero-text h1{font-size:2.5rem}}.hero-marketplace .hero-text .hero-subtitle{font-size:1.25rem;color:rgba(255,255,255,0.9);margin-bottom:32px;line-height:1.6;font-weight:400}.hero-marketplace .hero-text .hero-features{display:flex;flex-wrap:wrap;gap:24px;margin-bottom:40px}@media (max-width: 768px){.hero-marketplace .hero-text .hero-features{justify-content:center}}.hero-marketplace .hero-text .hero-features .feature{display:flex;align-items:center;color:rgba(255,255,255,0.95);font-size:0.95rem;font-weight:500;padding:8px 16px;background:rgba(255,255,255,0.1);backdrop-filter:blur(10px);border-radius:999px;border:1px solid rgba(255,255,255,0.2)}.hero-marketplace .hero-text .hero-features .feature i{color:#EC4899;margin-right:8px;font-size:18px}.hero-marketplace .hero-text .hero-actions{display:flex;gap:16px}@media (max-width: 768px){.hero-marketplace .hero-text .hero-actions{justify-content:center}}@media (max-width: 576px){.hero-marketplace .hero-text .hero-actions{flex-direction:column}}.hero-marketplace .hero-stats{background:rgba(255,255,255,0.1);backdrop-filter:blur(20px);border-radius:32px;padding:40px;box-shadow:0 25px 50px rgba(0,0,0,0.25);border:1px solid rgba(255,255,255,0.2)}.hero-marketplace .hero-stats .stats-title{font-size:1.2rem;font-weight:700;color:#FFFFFF;margin-bottom:32px;text-align:center}.hero-marketplace .hero-stats .stats-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:24px}.hero-marketplace .hero-stats .stat-item{text-align:center;padding:20px;border-radius:16px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1)}.hero-marketplace .hero-stats .stat-item:hover{background:rgba(255,255,255,0.1);transform:translateY(-5px)}.hero-marketplace .hero-stats .stat-item .stat-number{display:block;font-size:2.5rem;font-weight:900;background:linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px}.hero-marketplace .hero-stats .stat-item .stat-label{font-size:0.9rem;color:rgba(255,255,255,0.8);font-weight:600}.hero-marketplace .btn-hero-primary{background:linear-gradient(135deg, #f093fb 0%, #f5576c 100%);color:white;padding:16px 40px;border-radius:999px;font-weight:700;font-size:17px;border:none;text-decoration:none;display:inline-flex;align-items:center;gap:10px;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);box-shadow:0 20px 25px rgba(0,0,0,0.15),0 10px 10px rgba(0,0,0,0.04)}.hero-marketplace .btn-hero-primary:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 25px 50px rgba(0,0,0,0.25);color:white}.hero-marketplace .btn-hero-primary:active{transform:translateY(-1px) scale(1.02)}.hero-marketplace .btn-hero-secondary{background:rgba(255,255,255,0.2);backdrop-filter:blur(10px);color:white;padding:16px 40px;border-radius:999px;font-weight:700;font-size:17px;border:2px solid rgba(255,255,255,0.3);text-decoration:none;display:inline-flex;align-items:center;gap:10px;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1)}.hero-marketplace .btn-hero-secondary:hover{background:white;color:#6366F1;border-color:white;transform:translateY(-3px);box-shadow:0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05)}html,body{height:100%;margin:0;padding:0}body{display:flex;flex-direction:column;min-height:100vh}main{flex:1 0 auto}footer.footer-normal{background:linear-gradient(135deg, #1f1c2c 0%, #928DAB 100%);color:white;flex-shrink:0;width:100%;margin-top:auto;padding:60px 0 30px;position:relative;overflow:hidden}footer.footer-normal::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:0.3}footer.footer-normal .footer-content{max-width:1200px;margin:0 auto;padding:0 20px;position:relative;z-index:1}footer.footer-normal .footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:60px;margin-bottom:40px}@media (max-width: 768px){footer.footer-normal .footer-grid{grid-template-columns:1fr;gap:40px}}footer.footer-normal .footer-section h4{color:white;font-size:1.2rem;font-weight:700;margin-bottom:24px;position:relative;padding-bottom:12px}footer.footer-normal .footer-section h4::after{content:'';position:absolute;bottom:0;left:0;width:40px;height:3px;background:linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);border-radius:2px}footer.footer-normal .footer-section p{color:rgba(255,255,255,0.8);line-height:1.8;margin-bottom:20px}footer.footer-normal .footer-section ul{list-style:none;padding:0;margin:0}footer.footer-normal .footer-section ul li{margin-bottom:14px}footer.footer-normal .footer-section ul li a{color:rgba(255,255,255,0.85);text-decoration:none;transition:all 0.15s ease;display:flex;align-items:center;font-weight:500}footer.footer-normal .footer-section ul li a i{margin-right:10px;width:20px;opacity:0.7}footer.footer-normal .footer-section ul li a:hover{color:white;transform:translateX(5px)}footer.footer-normal .footer-section ul li a:hover i{opacity:1}footer.footer-normal .footer-about .brand-logo{display:flex;align-items:center;margin-bottom:24px}footer.footer-normal .footer-about .brand-logo i{font-size:2rem;background:linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-right:12px}footer.footer-normal .footer-about .brand-logo span{font-size:1.5rem;font-weight:800;color:white}footer.footer-normal .footer-about .stats-mini{display:flex;gap:24px;margin-top:24px}footer.footer-normal .footer-about .stats-mini .stat{text-align:center}footer.footer-normal .footer-about .stats-mini .stat .number{display:block;font-size:1.5rem;font-weight:800;background:linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}footer.footer-normal .footer-about .stats-mini .stat .label{font-size:0.85rem;color:rgba(255,255,255,0.7);font-weight:500}footer.footer-normal .footer-social .social-links{display:flex;gap:12px;margin-top:20px}footer.footer-normal .footer-social .social-links a{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:rgba(255,255,255,0.1);backdrop-filter:blur(10px);border-radius:50%;color:white;text-decoration:none;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);border:1px solid rgba(255,255,255,0.2)}footer.footer-normal .footer-social .social-links a:hover{background:linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);transform:translateY(-5px) scale(1.1);box-shadow:0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05);border-color:transparent}footer.footer-normal .footer-social .social-links a i{font-size:1.2rem}footer.footer-normal .footer-bottom{border-top:1px solid rgba(255,255,255,0.1);padding-top:30px;text-align:center}footer.footer-normal .footer-bottom .footer-bottom-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}@media (max-width: 768px){footer.footer-normal .footer-bottom .footer-bottom-content{flex-direction:column;text-align:center}}footer.footer-normal .footer-bottom .copyright{color:rgba(255,255,255,0.7);font-size:0.95rem;font-weight:500}footer.footer-normal .footer-bottom .footer-links{display:flex;gap:24px}footer.footer-normal .footer-bottom .footer-links a{color:rgba(255,255,255,0.85);text-decoration:none;font-size:0.95rem;font-weight:500;transition:color 0.15s ease}footer.footer-normal .footer-bottom .footer-links a:hover{color:white}.breadcrumbs{background:#f8f9fa;padding:12px 0;border-bottom:1px solid #e9ecef;margin-bottom:20px}.breadcrumbs .breadcrumb{background:transparent;margin-bottom:0;padding:0}.breadcrumbs .breadcrumb .breadcrumb-item{font-size:14px}.breadcrumbs .breadcrumb .breadcrumb-item a{color:#6366F1;text-decoration:none}.breadcrumbs .breadcrumb .breadcrumb-item a:hover{text-decoration:underline}.breadcrumbs .breadcrumb .breadcrumb-item.active{color:#6c757d}.alert-flash{position:fixed;top:80px;right:20px;z-index:1050;min-width:320px;max-width:420px;border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,0.15);animation:slideInRight 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);backdrop-filter:blur(10px)}.alert-flash.alert-success{background:linear-gradient(135deg, #10b981, #059669);border:none;color:white}.alert-flash.alert-danger{background:linear-gradient(135deg, #ef4444, #dc2626);border:none;color:white}.alert-flash.alert-warning{background:linear-gradient(135deg, #f59e0b, #d97706);border:none;color:white}.alert-flash.alert-info{background:linear-gradient(135deg, #EC4899, #e71a7f);border:none;color:white}.alert-flash .alert-content{display:flex;align-items:center;padding:16px 20px}.alert-flash .alert-content i{font-size:24px;margin-right:14px;animation:iconBounce 0.6s ease-out}.alert-flash .alert-content .alert-text{flex-grow:1;font-weight:500;font-size:15px;line-height:1.4}@media (max-width: 576px){.alert-flash{right:10px;left:10px;min-width:auto;max-width:none;top:70px}}@keyframes slideInRight{from{transform:translateX(120%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes iconBounce{0%,100%{transform:scale(1)}50%{transform:scale(1.2)}}.alert-flash{animation:slideInRight 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55),fadeOut 0.5s ease-in 4s forwards}@keyframes fadeOut{to{opacity:0;transform:translateX(120%)}}.alert-flash{position:fixed;top:80px;right:20px;z-index:1050;min-width:300px;max-width:400px;border-radius:12px;box-shadow:0 8px 25px rgba(0,0,0,0.15);animation:slideIn 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);backdrop-filter:blur(10px);overflow:hidden}.alert-flash::before{content:'';position:absolute;bottom:0;left:0;height:3px;background:rgba(255,255,255,0.3);animation:progressBar 4s linear;z-index:1}.alert-flash.alert-success{background:linear-gradient(135deg, #28a745, #20c997);border:1px solid rgba(255,255,255,0.2);color:white}.alert-flash.alert-success::before{background:rgba(255,255,255,0.4)}.alert-flash.alert-danger{background:linear-gradient(135deg, #dc3545, #fd7e14);border:1px solid rgba(255,255,255,0.2);color:white}.alert-flash.alert-danger::before{background:rgba(255,255,255,0.4)}.alert-flash.alert-warning{background:linear-gradient(135deg, #ffc107, #fd7e14);border:1px solid rgba(255,255,255,0.2);color:white}.alert-flash.alert-warning::before{background:rgba(255,255,255,0.4)}.alert-flash.alert-info{background:linear-gradient(135deg, #6366F1, #a9abf7);border:1px solid rgba(255,255,255,0.2);color:white}.alert-flash.alert-info::before{background:rgba(255,255,255,0.4)}.alert-flash .alert-content{display:flex;align-items:center;padding:18px 20px;position:relative}.alert-flash .alert-content i{font-size:22px;margin-right:14px;animation:iconPulse 0.6s ease-out}.alert-flash .alert-content .alert-text{flex-grow:1;font-weight:500;font-size:0.95rem;line-height:1.4}.alert-flash .alert-content .alert-close{background:none;border:none;color:rgba(255,255,255,0.8);cursor:pointer;font-size:18px;padding:4px;margin-left:10px;border-radius:4px;transition:all 0.3s ease;display:flex;align-items:center;justify-content:center;width:24px;height:24px}.alert-flash .alert-content .alert-close:hover{background:rgba(255,255,255,0.2);color:white;transform:scale(1.1)}.alert-flash.alert-dismissing{animation:slideOut 0.3s ease-in forwards}@media (max-width: 576px){.alert-flash{right:10px;left:10px;min-width:auto;max-width:none;top:70px}.alert-flash .alert-content{padding:14px 16px}.alert-flash .alert-content i{font-size:20px;margin-right:10px}.alert-flash .alert-content .alert-text{font-size:0.9rem}}.alert-flash:nth-child(2){top:160px}.alert-flash:nth-child(3){top:240px}.alert-flash:nth-child(4){top:320px}@media (max-width: 576px){.alert-flash:nth-child(2){top:140px}.alert-flash:nth-child(3){top:210px}.alert-flash:nth-child(4){top:280px}}@keyframes slideIn{from{transform:translateX(120%) scale(0.9);opacity:0}to{transform:translateX(0) scale(1);opacity:1}}@keyframes slideOut{from{transform:translateX(0) scale(1);opacity:1}to{transform:translateX(120%) scale(0.9);opacity:0}}@keyframes progressBar{from{width:100%}to{width:0%}}@keyframes iconPulse{0%{transform:scale(0.8);opacity:0.8}50%{transform:scale(1.1);opacity:1}100%{transform:scale(1);opacity:1}}.alerts-container{position:fixed;top:80px;right:20px;z-index:1050;pointer-events:none}.alerts-container .alert-flash{position:relative;top:0;right:0;margin-bottom:10px;pointer-events:all}@media (max-width: 576px){.alerts-container{right:10px;left:10px;top:70px}}.search-filters .search-main{display:flex;gap:12px}.search-filters .search-main .search-input{flex:1}.search-filters .filters-advanced{background:#f8f9fa;padding:20px;border-radius:8px;border:1px solid #dee2e6}.active-filters .badge{font-size:0.8rem}.seller-profile-header{background:#FFFFFF;padding:30px 0;border-bottom:2px solid #f0f0f0;margin-bottom:30px}.seller-profile-header .seller-avatar i{color:#6366F1}.seller-profile-header h2{font-weight:700;margin:0}.seller-profile-header .seller-stats{display:flex;gap:30px;justify-content:flex-end}@media (max-width: 768px){.seller-profile-header .seller-stats{justify-content:center;margin-top:20px}}.seller-profile-header .seller-stats .stat-item{text-align:center}.seller-profile-header .seller-stats .stat-item .stat-number{display:block;font-size:1.8rem;font-weight:700;color:#6366F1}.seller-profile-header .seller-stats .stat-item .stat-label{display:block;font-size:0.85rem;color:#6c757d}.nav-tabs{border-bottom:2px solid #dee2e6}.nav-tabs .nav-link{border:none;color:#6c757d;font-weight:500;padding:12px 20px;transition:all 0.3s ease}.nav-tabs .nav-link:hover{color:#6366F1;border-bottom:2px solid #6366F1}.nav-tabs .nav-link.active{color:#6366F1;border-bottom:2px solid #6366F1;background:none}.similar-products-section{border-top:2px solid #f0f0f0;padding-top:40px}.similar-products-section .section-header{text-align:center;margin-bottom:30px}.similar-products-section .section-header h3{font-size:1.5rem;font-weight:700;color:#2c3e50;margin-bottom:10px}.similar-products-section .section-header h3 i{color:#6366F1;margin-right:10px}.similar-products-section .section-header p{font-size:0.95rem;margin:0}@media (max-width: 768px){.similar-products-section .cards{grid-template-columns:1fr 1fr}}nav.pagy{display:flex;justify-content:center;gap:8px;margin:40px 0}nav.pagy a,nav.pagy span{display:inline-block;padding:10px 16px;border-radius:8px;border:1px solid #dee2e6;color:#2C3E50;text-decoration:none;transition:all 0.3s ease;font-weight:500}nav.pagy a:hover,nav.pagy span:hover{background:#3498DB;color:white;border-color:#3498DB}nav.pagy a[aria-current="page"],nav.pagy span[aria-current="page"]{background:#2C3E50;color:white;border-color:#2C3E50}nav.pagy a[aria-disabled="true"],nav.pagy span[aria-disabled="true"]{color:#ccc;cursor:not-allowed}nav.pagy a[aria-disabled="true"]:hover,nav.pagy span[aria-disabled="true"]:hover{background:transparent;color:#ccc;border-color:#dee2e6}