:root{--font-primary: "Poppins", sans-serif;--font-secondary: "Roboto", sans-serif;--font-system: system-ui, Avenir, Helvetica, Arial, sans-serif}*{box-sizing:border-box}body{margin:0;font-family:var(--font-primary),var(--font-system);line-height:1.5;background-color:#f8f9fa;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}main{padding:2rem;max-width:1200px;margin:0 auto}main h1{color:#2c2f36;text-align:center;margin-bottom:2rem;font-size:2.5rem;font-weight:700;font-family:var(--font-primary);text-transform:uppercase;letter-spacing:1px}section h1{color:#2c2f36;text-align:center;margin-bottom:2rem;font-size:2.5rem;font-weight:700;font-family:var(--font-primary);text-transform:uppercase;letter-spacing:1px}h1,h2,h3,h4,h5,h6{font-family:var(--font-primary);font-weight:600;line-height:1.2;margin-bottom:.5rem}h1{font-size:2.5rem;font-weight:700}h2{font-size:2rem;font-weight:600}h3{font-size:1.75rem;font-weight:600}h4{font-size:1.5rem;font-weight:600}h5{font-size:1.25rem;font-weight:500}h6{font-size:1rem;font-weight:500}p{color:#666;text-align:center;font-family:var(--font-secondary);font-weight:400}.text-primary{font-family:var(--font-primary)}.text-secondary{font-family:var(--font-secondary)}.nav{background-color:#fff;box-shadow:0 2px 8px #0000001a;position:sticky;top:0;z-index:1000;border-bottom:1px solid #e0e0e0}.nav-container{max-width:1400px;margin:0 auto;padding:0 1rem;display:flex;align-items:center;justify-content:space-between;height:70px;gap:2rem}.nav-logos{display:flex;align-items:center;gap:1rem;flex-shrink:0}.discord-logo-image{height:auto;width:370px;object-fit:contain;transition:transform .2s ease}.logo-brand{display:flex;align-items:center}.brand-text{font-size:1.5rem;font-weight:700;font-family:var(--font-primary, "Poppins", sans-serif);color:#333;background:linear-gradient(135deg,#5865f2,#7289da);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.5px}.nav-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}@media(max-width:768px){.nav-container{padding:0 .75rem;gap:1rem}.brand-text{font-size:1.2rem}}@media(max-width:600px){.nav-logos{gap:.5rem}.logo-discord{padding:.3rem}.brand-text{font-size:1rem}}.search-bar{flex:1;max-width:500px;margin:0 2rem}.search-container{position:relative;display:flex;align-items:center}.search-input{width:100%;padding:.75rem 3rem .75rem 1rem;border:2px solid #e0e0e0;border-radius:25px;font-size:.95rem;outline:none;transition:all .3s ease;background-color:#f8f9fa}.search-input:focus{border-color:#5865f2;background-color:#fff;box-shadow:0 0 0 3px #5865f21a}.search-input::placeholder{color:#888}.search-button{position:absolute;right:.5rem;background:none;border:none;padding:.5rem;cursor:pointer;border-radius:50%;font-size:1.1rem;transition:background-color .3s ease}.search-button:hover{background-color:#5865f21a}@media(max-width:1024px){.search-bar{max-width:300px;margin:0 1rem}}@media(max-width:768px){.search-bar{max-width:200px;margin:0 .5rem}}@media(max-width:600px){.search-bar{display:none}}.country-currency-dropdown{position:relative}.dropdown-trigger{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:none;border:1px solid #e0e0e0;border-radius:8px;cursor:pointer;transition:all .3s ease;font-size:.9rem}.dropdown-trigger:hover{background-color:#f5f5f5;border-color:#5865f2}.country-flag{font-size:1.2rem}.country-currency{font-weight:600;color:#333;font-size:.85rem}.dropdown-menu{position:absolute;top:calc(100% + .5rem);right:0;background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 8px 25px #00000026;min-width:200px;z-index:1000;animation:dropdownFadeIn .2s ease}.dropdown-item.active{background-color:#e3f2fd;color:#5865f2}.dropdown-item:first-child{border-radius:12px 12px 0 0}.dropdown-item:last-child{border-radius:0 0 12px 12px}.country-info{display:flex;flex-direction:column;gap:.2rem}.country-name{font-weight:500;color:#333;font-size:.9rem}.dropdown-item .country-currency{font-size:.8rem;color:#666;font-weight:400}.dropdown-item.active .country-name,.dropdown-item.active .country-currency{color:#5865f2}@media(max-width:768px){.dropdown-trigger{padding:.4rem .6rem;font-size:.8rem}.country-flag{font-size:1rem}.country-currency{font-size:.75rem}.dropdown-menu{min-width:180px}}.user-profile-dropdown{position:relative}.user-trigger{padding:.5rem;border-radius:50%;border:2px solid #e0e0e0;background:none;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.3rem}.user-trigger:hover{background-color:#f5f5f5;border-color:#5865f2}.user-avatar{font-size:1.3rem;display:flex;align-items:center;justify-content:center}.avatar-image{width:24px;height:24px;border-radius:50%;object-fit:cover}.dropdown-arrow{font-size:.7rem;color:#666;transition:transform .3s ease}.dropdown-arrow.open{transform:rotate(180deg)}.user-menu{position:absolute;top:calc(100% + .5rem);right:0;background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 8px 25px #00000026;min-width:250px;z-index:1000;animation:dropdownFadeIn .2s ease}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.user-info{display:flex;align-items:center;gap:.75rem;padding:1rem;border-bottom:1px solid #e0e0e0}.user-avatar-large{font-size:2rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:#f0f0f0;border-radius:50%;flex-shrink:0}.avatar-image-large{width:40px;height:40px;border-radius:50%;object-fit:cover}.user-details{display:flex;flex-direction:column;gap:.2rem;min-width:0;flex:1}.user-name{font-weight:600;color:#333;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-email{font-size:.8rem;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-divider{height:1px;background-color:#e0e0e0;margin:.5rem 0}.dropdown-item{width:100%;padding:.75rem 1rem;border:none;background:none;text-align:left;cursor:pointer;transition:background-color .2s ease;display:flex;align-items:center;gap:.75rem;font-size:.9rem}.dropdown-item:hover{background-color:#f8f9fa}.dropdown-item.logout{color:#dc3545}.dropdown-item.logout:hover{background-color:#fff5f5}.dropdown-item:first-of-type{border-radius:0}.dropdown-item:last-of-type{border-radius:0 0 12px 12px}.menu-icon{font-size:1rem;width:20px;display:flex;align-items:center;justify-content:center}.menu-label{font-weight:500}@media(max-width:768px){.user-menu{min-width:220px}.user-avatar{font-size:1.1rem}.user-info{padding:.75rem}.user-avatar-large{width:35px;height:35px;font-size:1.5rem}.avatar-image-large{width:35px;height:35px}}.cart-button{position:relative;background:none;border:2px solid #5865F2;color:#5865f2;padding:.75rem;border-radius:50%;cursor:pointer;transition:all .3s ease;font-size:1.2rem;width:50px;height:50px;display:flex;align-items:center;justify-content:center;outline:none}.cart-button:hover:not(.disabled){background-color:#5865f2;color:#fff;transform:scale(1.05);box-shadow:0 4px 12px #5865f24d}.cart-button:focus:not(.disabled){box-shadow:0 0 0 3px #5865f233}.cart-button:active:not(.disabled){transform:scale(.95)}.cart-button.disabled{opacity:.5;cursor:not-allowed;border-color:#ccc;color:#ccc}.cart-icon{font-size:1.2rem;line-height:1}.cart-badge{position:absolute;top:-5px;right:-5px;background-color:#dc3545;color:#fff;border-radius:50%;min-width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;border:2px solid white;line-height:1;padding:0 4px;animation:badgeAnimation .3s ease}@keyframes badgeAnimation{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.cart-button.pulse{animation:pulseAnimation .6s ease}@keyframes pulseAnimation{0%{transform:scale(1)}50%{transform:scale(1.1);box-shadow:0 0 20px #5865f266}to{transform:scale(1)}}.cart-button.outline{background:#fff;border:2px solid #5865F2;color:#5865f2}.cart-button.filled{background:#5865f2;border:2px solid #5865F2;color:#fff}.cart-button.filled:hover:not(.disabled){background:#4752c4;border-color:#4752c4}.cart-button.small{width:40px;height:40px;font-size:1rem;padding:.5rem}.cart-button.small .cart-badge{min-width:16px;height:16px;font-size:.7rem;top:-3px;right:-3px}.cart-button.large{width:60px;height:60px;font-size:1.4rem;padding:1rem}.cart-button.large .cart-badge{min-width:24px;height:24px;font-size:.8rem;top:-6px;right:-6px}@media(max-width:768px){.cart-button{width:45px;height:45px;font-size:1.1rem}.cart-badge{min-width:18px;height:18px;font-size:.7rem}}@media(max-width:480px){.cart-button{width:40px;height:40px;font-size:1rem;padding:.5rem}.cart-badge{min-width:16px;height:16px;font-size:.65rem;top:-3px;right:-3px}}.secondary-nav{background-color:#fff;border-bottom:1px solid #e0e0e0;box-shadow:0 1px 4px #0000000d}.secondary-nav-container{max-width:1400px;margin:0 auto;padding:0 1rem;display:flex;align-items:center;gap:0;height:60px}.nav-item{position:relative;display:flex;align-items:center}.nav-button{display:flex;align-items:center;gap:.5rem;padding:1rem 1.5rem;background:none;border:none;cursor:pointer;font-size:.95rem;font-weight:600;color:#333;transition:all .3s ease;white-space:nowrap;height:100%;position:relative}.nav-button:hover{background-color:#f8f9fa;color:#5865f2}.nav-button.active,.nav-item.dropdown:hover .nav-button{background-color:#f0f2ff;color:#5865f2}.nav-text{font-weight:600;letter-spacing:.02em}.chevron{font-size:.7rem;color:#666;transition:transform .3s ease;margin-left:.25rem}.chevron.open{transform:rotate(180deg)}.shop-all-button{background-color:#5865f2;color:#fff!important;border-radius:6px;margin:0 .5rem;padding:.75rem 1.5rem!important;height:auto!important}.shop-all-button:hover{background-color:#4752c4!important;color:#fff!important;transform:translateY(-1px);box-shadow:0 4px 12px #5865f24d}.dropdown-menu{position:absolute;top:100%;left:0;background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 8px 25px #00000026;z-index:1000;animation:dropdownFadeIn .15s ease;min-width:200px;pointer-events:auto}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-menu.single-column{min-width:220px}.dropdown-menu.single-column .dropdown-item{width:100%;padding:.75rem 1rem;border:none;background:none;text-align:left;cursor:pointer;transition:background-color .2s ease;font-size:.9rem;color:#333;font-weight:500}.dropdown-menu.single-column .dropdown-item:hover{background-color:#f8f9fa;color:#5865f2}.dropdown-menu.single-column .dropdown-item:first-child{border-radius:12px 12px 0 0}.dropdown-menu.single-column .dropdown-item:last-child{border-radius:0 0 12px 12px}.dropdown-menu.two-columns{display:flex;min-width:400px;padding:1rem 0}.column{flex:1;padding:0 1rem}.column:first-child{border-right:1px solid #e0e0e0}.column-header{font-weight:700;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;color:#5865f2;margin-bottom:.75rem;padding:0 .5rem}.two-columns .dropdown-item{width:100%;padding:.5rem .75rem;border:none;background:none;text-align:left;cursor:pointer;transition:all .2s ease;font-size:.9rem;color:#333;font-weight:500;border-radius:6px;margin-bottom:.25rem}.two-columns .dropdown-item:hover{background-color:#f8f9fa;color:#5865f2;transform:translate(2px)}@media(max-width:1024px){.secondary-nav-container{padding:0 .75rem;gap:0}.nav-button{padding:1rem 1.25rem;font-size:.9rem}.dropdown-menu.two-columns{min-width:350px}}@media(max-width:768px){.secondary-nav-container{padding:0 .5rem;height:55px;overflow-x:auto;justify-content:flex-start}.nav-button{padding:.75rem 1rem;font-size:.85rem}.shop-all-button{padding:.5rem 1rem!important;margin:0 .25rem}.dropdown-menu.two-columns{min-width:300px;flex-direction:column}.column:first-child{border-right:none;border-bottom:1px solid #e0e0e0;margin-bottom:.5rem;padding-bottom:.5rem}}@media(max-width:600px){.secondary-nav-container{height:50px}.nav-button{padding:.5rem .75rem;font-size:.8rem}.nav-text{font-weight:500}.dropdown-menu{min-width:250px;left:-50px}.dropdown-menu.two-columns{min-width:280px}.shop-all-button{padding:.4rem .75rem!important;font-size:.8rem!important}}.carousel{width:100%;max-width:1200px;margin:2rem auto;padding:0 1rem}.carousel-container{position:relative;width:100%}.carousel-images-wrapper{position:relative;width:100%;height:500px;overflow:hidden;border-radius:16px;box-shadow:0 8px 32px #0000001f}.carousel-images-track{display:flex;width:100%;height:100%}.carousel-slide{min-width:100%;height:100%;position:relative}.carousel-image-container{position:relative;width:100%;height:100%;background-color:#f8f9fa}.carousel-image{width:100%;height:100%;object-fit:cover;cursor:pointer;transition:transform .3s ease}.carousel-image:hover{transform:scale(1.02)}.carousel-overlay{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);z-index:10}.carousel-overlay-content{background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:1.5rem 2rem;text-align:center;box-shadow:0 8px 32px #0000001a;border:1px solid rgba(255,255,255,.2)}.carousel-overlay-title{margin:0 0 1rem;font-size:1.5rem;font-weight:700;color:#2c2f36;text-transform:uppercase;letter-spacing:.5px}.carousel-shop-button{background:#5865f2;color:#fff;border:none;border-radius:8px;padding:.75rem 2rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.carousel-shop-button:hover{background:#4752c4;transform:translateY(-2px);box-shadow:0 4px 16px #5865f24d}.carousel-shop-button:active{transform:translateY(0)}.carousel-controls{display:flex;align-items:center;justify-content:space-between;margin-top:1.5rem;padding:0 1rem}.carousel-arrow{background:#fff;border:2px solid #e0e0e0;border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:#666;box-shadow:0 2px 8px #0000001a}.carousel-arrow:hover{background:#5865f2;border-color:#5865f2;color:#fff;transform:scale(1.1);box-shadow:0 4px 16px #5865f24d}.carousel-arrow:active{transform:scale(.95)}.carousel-arrow svg{width:20px;height:20px}.carousel-dots{display:flex;gap:.75rem;align-items:center;justify-content:center;flex:1;margin:0 2rem}.carousel-dot{width:8px;height:8px;border-radius:50%;border:1px solid #5865F2;background:#5865f2;cursor:pointer;transition:all .3s ease;outline:none;flex-shrink:0}.carousel-dot.active{background:#fff;border:2px solid #5865F2;width:8px;height:8px}.carousel-dot:hover{transform:scale(1.2);box-shadow:0 0 8px #5865f266}.carousel.empty{height:300px;display:flex;align-items:center;justify-content:center}.carousel-placeholder{text-align:center;color:#888;font-size:1.1rem;padding:2rem;border:2px dashed #ddd;border-radius:16px;background:#f8f9fa}@media(max-width:1024px){.carousel{max-width:900px;margin:1.5rem auto}.carousel-images-wrapper{height:400px}.carousel-controls{margin-top:1rem;padding:0 .5rem}.carousel-dots{margin:0 1.5rem}}@media(max-width:768px){.carousel{max-width:100%;margin:1rem auto;padding:0 .75rem}.carousel-images-wrapper{height:300px;border-radius:12px}.carousel-arrow{width:40px;height:40px}.carousel-arrow svg{width:16px;height:16px}.carousel-dots{gap:.5rem;margin:0 1rem}.carousel-dot,.carousel-dot.active{width:6px;height:6px}.carousel-overlay{bottom:1.5rem}.carousel-overlay-content{padding:1.25rem 1.5rem;border-radius:12px}.carousel-overlay-title{font-size:1.25rem;margin-bottom:.75rem}.carousel-shop-button{padding:.6rem 1.5rem;font-size:.9rem}}@media(max-width:480px){.carousel{padding:0 .5rem}.carousel-images-wrapper{height:250px;border-radius:8px}.carousel-controls{margin-top:.75rem;padding:0}.carousel-arrow{width:36px;height:36px}.carousel-dots{gap:.4rem;margin:0 .75rem}.carousel-dot,.carousel-dot.active{width:5px;height:5px}.carousel-overlay{bottom:1rem}.carousel-overlay-content{padding:1rem 1.25rem;border-radius:10px}.carousel-overlay-title{font-size:1rem;margin-bottom:.5rem}.carousel-shop-button{padding:.5rem 1.25rem;font-size:.85rem}}.collections-grid{width:100%;max-width:1200px;margin:3rem auto;padding:0 1rem}.collections-container{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr);gap:2rem}.collection-item{display:flex;flex-direction:column;align-items:center;text-align:center}.collection-image-container{width:100%;height:250px;border-radius:16px;overflow:hidden;box-shadow:0 8px 32px #0000001f;background-color:#f8f9fa;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer}.collection-image-container:hover{transform:translateY(-8px);box-shadow:0 16px 48px #00000026}.collection-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.collection-image-container:hover .collection-image{transform:scale(1.05)}.collection-link-container{margin-top:1rem;width:100%}.collection-link{display:inline-block;font-size:1.1rem;font-weight:600;color:#2c2f36;text-decoration:none;text-transform:uppercase;letter-spacing:.5px;padding:.75rem 1.5rem;border-radius:8px;transition:all .3s ease;position:relative}.collection-link:hover{color:#5865f2;background:#5865f214;transform:translateY(-2px)}.collection-link:active{transform:translateY(0)}@media(max-width:1024px){.collections-grid{max-width:900px;margin:2.5rem auto}.collections-container{grid-template-columns:repeat(3,1fr);grid-template-rows:auto;gap:1.5rem}.collection-image-container{height:220px}.collection-link{font-size:1rem;padding:.6rem 1.25rem}}@media(max-width:768px){.collections-grid{margin:2rem auto;padding:0 .75rem}.collections-container{grid-template-columns:repeat(2,1fr);grid-template-rows:auto;gap:1.25rem}.collection-image-container{height:180px;border-radius:12px}.collection-link{font-size:.95rem;padding:.5rem 1rem}}@media(max-width:480px){.collections-grid{margin:1.5rem auto;padding:0 .5rem}.collections-container{grid-template-columns:1fr;grid-template-rows:auto;gap:1rem}.collection-image-container{height:200px;border-radius:10px}.collection-link{font-size:.9rem;padding:.5rem 1rem;width:100%;max-width:250px}}@media(hover:hover){.collection-image-container:hover{transform:translateY(-8px) scale(1.02)}}@media(hover:none){.collection-image-container:hover{transform:none}.collection-image-container:active{transform:scale(.98)}}.footer{background-color:#000;color:#fff;padding:3rem 0 1rem;margin-top:4rem}.footer-container{max-width:1200px;margin:0 auto;padding:0 1rem}.footer-newsletter{text-align:center;margin-bottom:3rem}.footer-newsletter-title{font-size:2rem;font-weight:700;margin:0 0 1rem;color:#fff}.footer-newsletter-subtitle{font-size:1.1rem;color:#b9bbbe;margin:0 0 2rem;line-height:1.5}.footer-newsletter-form{display:flex;justify-content:center}.footer-email-container{display:flex;max-width:400px;width:100%;border-radius:8px;overflow:hidden;box-shadow:0 4px 16px #0000004d}.footer-email-input{flex:1;padding:1rem 1.5rem;border:none;background:#fff;font-size:1rem;outline:none;color:#2c2f36}.footer-email-input::placeholder{color:#666}.footer-signup-button{background:#5865f2;color:#fff;border:none;padding:1rem 2rem;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .3s ease;text-transform:uppercase;letter-spacing:.5px}.footer-signup-button:hover{background:#4752c4}.footer-divider{height:1px;background:linear-gradient(90deg,transparent,#36393f,transparent);margin:3rem 0}.footer-content{display:grid;grid-template-columns:repeat(3,1fr);gap:3rem;margin-bottom:3rem}.footer-column{text-align:start}.footer-column-title{font-size:1.2rem;font-weight:700;margin:0 0 1.5rem;color:#fff;text-transform:uppercase;letter-spacing:.5px}.footer-column-list{list-style:none;margin:0;padding:0}.footer-column-list li{margin-bottom:.75rem}.footer-link{background:none;border:none;color:#b9bbbe;font-size:1rem;cursor:pointer;transition:color .3s ease;text-align:start;padding:0;font-family:inherit}.footer-link:hover{color:#5865f2}.footer-social-icons{display:flex;gap:1rem}.footer-social-icon{background:none;border:none;color:#b9bbbe;cursor:pointer;transition:color .3s ease;padding:.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center}.footer-social-icon:hover{color:#5865f2;background:#5865f21a}.footer-bottom{display:flex;justify-content:space-between;align-items:flex-end;padding-top:2rem;border-top:1px solid #36393f;gap:2rem}.footer-copyright{flex:1}.footer-copyright p{margin:0;color:#72767d;font-size:.9rem;line-height:1.4}.footer-right{display:flex;flex-direction:column;align-items:flex-end;gap:1rem}.footer-country-dropdown{margin-bottom:.5rem}.footer-country-select{background:#36393f;color:#fff;border:1px solid #4f545c;border-radius:6px;padding:.5rem 1rem;font-size:.9rem;cursor:pointer;outline:none;transition:border-color .3s ease}.footer-country-select:hover,.footer-country-select:focus{border-color:#5865f2}.footer-country-select option{background:#36393f;color:#fff}.footer-payment-methods{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-end}.footer-payment-icon{background:#36393f;border:1px solid #4f545c;border-radius:6px;padding:.4rem .8rem;font-size:.75rem;color:#b9bbbe;text-transform:uppercase;font-weight:600;letter-spacing:.5px;transition:all .3s ease}.footer-payment-icon:hover{border-color:#5865f2;background:#5865f21a;color:#5865f2}.payment-text{white-space:nowrap}@media(max-width:1024px){.footer-container{padding:0 1.5rem}.footer-content{gap:2rem}.footer-newsletter-title{font-size:1.75rem}}@media(max-width:768px){.footer{padding:2rem 0 1rem}.footer-container{padding:0 1rem}.footer-newsletter{margin-bottom:2rem}.footer-newsletter-title{font-size:1.5rem}.footer-newsletter-subtitle{font-size:1rem}.footer-email-container{max-width:350px}.footer-content{grid-template-columns:1fr;gap:2rem;text-align:center}.footer-column{text-align:center}.footer-social-icons{justify-content:center}.footer-bottom{flex-direction:column;align-items:center;text-align:center;gap:1.5rem}.footer-right{align-items:center}.footer-payment-methods{justify-content:center}}@media(max-width:480px){.footer-newsletter-title{font-size:1.25rem}.footer-newsletter-subtitle{font-size:.9rem}.footer-email-container{flex-direction:column;max-width:300px}.footer-signup-button{padding:1rem}.footer-column-title{font-size:1.1rem}.footer-link{font-size:.9rem}.footer-payment-methods{gap:.25rem}.footer-payment-icon{padding:.3rem .6rem;font-size:.7rem}.footer-copyright p{font-size:.8rem}}.product-card{background:#fff;border-radius:12px;padding:1rem;box-shadow:0 2px 8px #0000001a;border:1px solid #e0e0e0;transition:all .3s ease;cursor:pointer;height:fit-content;position:relative;overflow:hidden}.product-card:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-2px)}.product-card__image-container{width:100%;height:200px;overflow:hidden;border-radius:8px;position:relative;margin-bottom:.75rem}.product-card__image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.product-card:hover .product-card__image{transform:scale(1.05)}.product-card__quick-buy-button{position:absolute;bottom:10px;left:50%;transform:translate(-50%);background:#5865f2;color:#fff;border:none;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:600;cursor:pointer;opacity:0;transition:opacity .3s ease;z-index:2}.product-card:hover .product-card__quick-buy-button{opacity:1}.product-card__quick-buy-button:hover{background:#4752c4}.product-card__title{font-size:16px;font-weight:600;color:#2c2f36;margin-bottom:.5rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-card__price{font-size:18px;font-weight:700;color:#5865f2;margin:0}@media(max-width:768px){.product-card{padding:.75rem}.product-card__image-container{height:180px}.product-card__title{font-size:14px}.product-card__price{font-size:16px}.product-card__quick-buy-button{font-size:12px;padding:6px 12px}}@media(max-width:480px){.product-card__image-container{height:160px}.product-card__quick-buy-button{bottom:8px;padding:4px 8px;font-size:11px}}.horizontal-card{background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000001a;border:1px solid #e0e0e0;transition:all .3s ease;overflow:hidden;width:100%;display:flex;flex-direction:row;align-items:stretch;min-height:300px}.horizontal-card:hover{box-shadow:0 8px 32px #00000026;transform:translateY(-2px)}.horizontal-card__content{flex:1;padding:2.5rem;display:flex;flex-direction:column;justify-content:space-between}.horizontal-card__title{font-size:1.75rem;font-weight:700;color:#2c2f36;margin-bottom:.75rem;line-height:1.2}.horizontal-card__price{font-size:1.5rem;font-weight:600;color:#5865f2;margin-bottom:1rem}.horizontal-card__description{font-size:1rem;color:#666;line-height:1.6;margin-bottom:1.5rem}.horizontal-card__features{margin-bottom:2rem}.horizontal-card__feature{display:flex;justify-content:space-between;font-size:.9rem;margin-bottom:.5rem;padding-bottom:.5rem;border-bottom:1px solid #f0f0f0}.horizontal-card__feature-label{font-weight:600;color:#2c2f36}.horizontal-card__feature-value{color:#666}.horizontal-card__button{background:#5865f2;color:#fff;border:none;padding:14px 28px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;align-self:flex-start}.horizontal-card__button:hover{background:#4752c4;transform:translateY(-1px)}.horizontal-card__image-container{flex:1;position:relative;overflow:hidden;min-height:300px}.horizontal-card__image{width:100%;height:100%;object-fit:cover;transition:all .4s ease}.horizontal-card__image--zoom:hover{transform:scale(1.1)}.horizontal-card__image--fade:hover{opacity:.8;filter:brightness(1.1)}.horizontal-card__image--slide:hover{transform:translate(-10px)}.horizontal-card__hover-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .4s ease;z-index:2}.horizontal-card__image-container:hover .horizontal-card__hover-image{opacity:1}@media(max-width:768px){.horizontal-card{flex-direction:column;min-height:auto}.horizontal-card__content{padding:1.5rem}.horizontal-card__title{font-size:1.5rem}.horizontal-card__price{font-size:1.25rem}.horizontal-card__image-container{min-height:250px}}@media(max-width:480px){.horizontal-card__content{padding:1rem}.horizontal-card__title{font-size:1.25rem}.horizontal-card__price{font-size:1.1rem}.horizontal-card__description{font-size:.9rem}.horizontal-card__feature{font-size:.8rem}}.category-card{position:relative;width:100%;height:500px;background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:16px;overflow:hidden;cursor:pointer;transition:all .3s ease;display:flex;align-items:flex-end;justify-content:center}.category-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0003}.category-card__overlay{position:absolute;inset:0;background:linear-gradient(to bottom,#0000,#0000001a,#0009);transition:all .3s ease}.category-card:hover .category-card__overlay{background:linear-gradient(to bottom,#0000,#0003,#000000b3)}.category-card__content{position:relative;z-index:3;text-align:center;padding:2rem;width:100%;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px 16px 0 0;border:1px solid rgba(255,255,255,.2);transition:all .3s ease}.category-card__title{font-size:2.5rem;font-weight:700;color:#fff;margin-bottom:1.5rem;text-shadow:1px 1px 2px rgba(0,0,0,.5);line-height:1.2;letter-spacing:-.02em}.category-card__button{background:#5865f2;color:#fff;border:none;padding:16px 32px;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 16px #5865f24d}.category-card__button:hover{background:#4752c4;transform:translateY(-2px);box-shadow:0 6px 20px #5865f266}.category-card__button:active{transform:translateY(0)}.category-card:hover .category-card__content{background:#ffffff40;border:1px solid rgba(255,255,255,.3)}.category-card:hover .category-card__title{transform:translateY(-4px);text-shadow:2px 2px 8px rgba(0,0,0,.8)}.category-card:hover .category-card__button{transform:translateY(-4px)}@media(max-width:768px){.category-card{height:350px}.category-card__content{padding:1.5rem}.category-card__title{font-size:2rem;margin-bottom:1rem}.category-card__button{padding:12px 24px;font-size:1rem}}@media(max-width:480px){.category-card{height:300px}.category-card__content{padding:1rem}.category-card__title{font-size:1.75rem}.category-card__button{padding:10px 20px;font-size:.9rem}}.section-view{width:100%;max-width:1200px;margin:0 auto;padding:0 1rem}.section-breadcrumb{margin:1rem 0}.breadcrumb-list{list-style:none;display:flex;align-items:center;gap:.5rem;margin:0;padding:0;font-size:.875rem;color:#666}.breadcrumb-item{display:flex;align-items:center;gap:.5rem}.breadcrumb-link{background:none;border:none;color:#007bff;text-decoration:underline;cursor:pointer;font-size:inherit;padding:0;transition:color .2s ease}.breadcrumb-link:hover{color:#0056b3}.breadcrumb-current{color:#333;font-weight:500}.breadcrumb-separator{color:#999;font-weight:300}.section-banner{width:100%;margin:1.5rem 0;border-radius:8px;overflow:hidden;box-shadow:0 4px 12px #0000001a}.section-banner-container{position:relative;width:100%;height:300px}.section-banner-image{width:100%;height:100%;object-fit:cover}.section-banner-overlay{position:absolute;inset:0;background:#0006;display:flex;align-items:center;justify-content:center}.section-banner-title{color:#fff;font-size:2.5rem;font-weight:700;text-align:center;text-shadow:2px 2px 4px rgba(0,0,0,.5);margin:0}.section-header{margin:2rem 0 1.5rem;text-align:center}.section-title{font-size:2rem;font-weight:700;color:#333;margin:0;text-transform:uppercase;letter-spacing:1px}.section-controls{margin:2rem 0}.section-controls-container{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;flex-wrap:wrap}.left-dropdowns{display:flex;gap:1rem;flex:1}.right-dropdown{flex-shrink:0}.dropdown-container{display:flex;flex-direction:column;gap:.5rem;min-width:150px}.dropdown-label{font-size:.875rem;font-weight:500;color:#333;margin-bottom:.25rem}.dropdown-select{padding:.5rem;border:1px solid #ddd;border-radius:4px;background:#fff;font-size:.875rem;color:#333;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease}.dropdown-select:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.dropdown-select:hover{border-color:#999}.section-product-count{text-align:center;margin:1.5rem 0}.product-count-text{font-size:1rem;color:#666;margin:0;font-style:italic}.section-content{margin-top:2rem}@media(max-width:768px){.section-view{padding:0 .5rem}.section-banner-container{height:200px}.section-banner-title{font-size:2rem}.section-title{font-size:1.5rem}.section-controls-container{flex-direction:column;align-items:stretch}.left-dropdowns{flex-direction:column}.dropdown-container{min-width:auto}.breadcrumb-list{font-size:.75rem}}@media(max-width:480px){.section-banner-container{height:150px}.section-banner-title{font-size:1.5rem}.section-title{font-size:1.25rem}}