:root{--color-primary: #2D3748;--color-white: #FFFFFF;--color-light-grey: #F7FAFC;--color-text-primary: #2D3748;--color-text-secondary: #4A5568;--color-border: #E2E8F0;--color-shadow: rgba(0, 0, 0, .05);--color-shadow-hover: rgba(0, 0, 0, .1);--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--font-family-primary: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--transition-fast: .15s ease-in-out;--transition-base: .2s ease-in-out;--transition-slow: .3s ease-in-out}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family-primary);color:var(--color-text-primary);background-color:var(--color-white);line-height:1.6;overflow-x:hidden;display:flex;flex-direction:column;min-height:100vh}.App{display:flex;flex-direction:column;min-height:100vh}[dir=rtl]{direction:rtl;text-align:right}[dir=rtl] .header__nav{justify-self:end}[dir=rtl] .header__icons{justify-self:start}[dir=rtl] .product-detail__content,[dir=rtl] .favorites__header{flex-direction:row-reverse}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;color:var(--color-text-primary)}p{margin-bottom:var(--spacing-sm)}a{color:var(--color-text-primary);text-decoration:none;transition:color var(--transition-base)}a:hover{color:var(--color-text-secondary)}.header{position:sticky;top:0;z-index:1000;background-color:var(--color-white);box-shadow:0 2px 8px var(--color-shadow);padding:var(--spacing-xs) var(--spacing-lg);display:flex;align-items:center;justify-content:space-between;min-height:50px}.header__container{width:100%;max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--spacing-md)}.header__logo{display:flex;justify-content:center;grid-column:2}.header__logo img{height:45px;width:auto;object-fit:contain;max-width:none;min-width:200px}.header__nav{display:flex;align-items:center;gap:var(--spacing-lg);grid-column:1;justify-self:start}.header__nav-link{font-size:.95rem;font-weight:500;color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.5px;padding:var(--spacing-xs) 0;position:relative;transition:color var(--transition-base)}.header__nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background-color:var(--color-primary);transition:width var(--transition-base)}.header__nav-link:hover{color:var(--color-primary)}.header__nav-link:hover:after{width:100%}.header__icons{display:flex;align-items:center;gap:var(--spacing-md);grid-column:3;justify-self:end}.header__icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background-color:transparent;border:none;cursor:pointer;color:var(--color-text-primary);transition:background-color var(--transition-base),transform var(--transition-fast);position:relative;text-decoration:none}.header__icon svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:2}.header__icon:hover{background-color:var(--color-light-grey);transform:scale(1.05)}.header__icon:active{transform:scale(.95)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-sm) var(--spacing-lg);font-size:.95rem;font-weight:500;font-family:var(--font-family-primary);text-transform:uppercase;letter-spacing:.5px;border:none;border-radius:4px;cursor:pointer;transition:all var(--transition-base);background-color:var(--color-primary);color:var(--color-white);text-decoration:none}.btn:hover{background-color:var(--color-text-secondary);transform:translateY(-1px);box-shadow:0 4px 12px var(--color-shadow-hover)}.btn:active{transform:translateY(0);box-shadow:0 2px 4px var(--color-shadow)}.btn--secondary{background-color:transparent;color:var(--color-primary);border:2px solid var(--color-primary)}.btn--secondary:hover{background-color:var(--color-primary);color:var(--color-white)}.btn--outline{background-color:var(--color-white);color:var(--color-primary);border:1px solid var(--color-border)}.btn--outline:hover{background-color:var(--color-light-grey);border-color:var(--color-primary)}.container{width:100%;max-width:1400px;margin:0 auto;padding:0 var(--spacing-lg)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@media (max-width: 768px){.header{padding:var(--spacing-sm)}.header__container{grid-template-columns:1fr;gap:var(--spacing-sm)}.header__logo{grid-column:1;order:1}.header__nav{grid-column:1;order:3;justify-self:center;width:100%;justify-content:center;flex-wrap:wrap;gap:var(--spacing-sm)}.header__icons{grid-column:1;order:2;justify-self:center!important}.header__nav-link{font-size:.85rem}}.language-switcher{display:flex;align-items:center;justify-content:center;padding:.5rem 1rem;font-size:.9rem;font-weight:500;background-color:transparent;border:1px solid var(--color-border);border-radius:4px;cursor:pointer;color:var(--color-text-primary);transition:all var(--transition-base);font-family:var(--font-family-primary)}.language-switcher:hover{background-color:var(--color-light-grey);border-color:var(--color-primary)}.language-switcher:active{transform:scale(.95)}.footer{background-color:var(--color-primary);color:var(--color-white);padding:var(--spacing-xl) 0 var(--spacing-lg);margin-top:auto}.footer__content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-xl);margin-bottom:var(--spacing-lg)}.footer__title{font-size:1.25rem;font-weight:600;margin-bottom:var(--spacing-md);color:var(--color-white)}.footer__social-icons{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.footer__social-icon{display:flex;align-items:center;justify-content:center;width:45px;height:45px;background-color:#ffffff1a;border-radius:50%;color:var(--color-white);transition:all var(--transition-base);text-decoration:none}.footer__social-icon svg{width:24px;height:24px}.footer__social-icon:hover{background-color:#fff3;transform:translateY(-2px)}.footer__contact-info{display:flex;flex-direction:column;gap:var(--spacing-sm)}.footer__contact-item{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--color-white);text-decoration:none;transition:color var(--transition-base);font-size:.95rem}.footer__contact-item:hover{color:#fffc}.footer__contact-icon{width:20px;height:20px;flex-shrink:0}.footer__copyright{text-align:center;padding-top:var(--spacing-lg);border-top:1px solid rgba(255,255,255,.1);color:#fffc;font-size:.9rem}@media (max-width: 768px){.footer__content{grid-template-columns:1fr;gap:var(--spacing-lg)}.footer__social-icons{justify-content:center}.footer__contact{text-align:center}.footer__contact-item{justify-content:center}}.hero{position:relative;width:100%;height:600px;display:flex;align-items:center;justify-content:flex-start;overflow:hidden}.hero__backgrounds{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.hero__background{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;opacity:0;transition:opacity 1.5s ease-in-out}.hero__background--active{opacity:1}.hero__overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,#2d37484d,#2d374880);z-index:1}.hero__content{position:relative;z-index:2;text-align:left;color:var(--color-white);padding:var(--spacing-lg);max-width:600px;margin-left:var(--spacing-xl)}[dir=rtl] .hero__content{text-align:right;margin-left:0;margin-right:var(--spacing-xl)}.hero__headline{font-size:3.5rem;font-weight:700;margin-bottom:var(--spacing-lg);color:var(--color-white);text-shadow:0 2px 8px rgba(0,0,0,.3);letter-spacing:-.5px}.hero__cta{background-color:var(--color-white);color:var(--color-primary);font-size:1rem;padding:var(--spacing-sm) var(--spacing-xl)}.hero__cta:hover{background-color:var(--color-light-grey);transform:translateY(-2px);box-shadow:0 6px 20px #0003}.hero__indicators{position:absolute;bottom:var(--spacing-lg);left:50%;transform:translate(-50%);z-index:3;display:flex;gap:var(--spacing-sm);align-items:center;justify-content:center}.hero__indicator{width:40px;height:8px;border-radius:4px;background-color:#fff6;border:none;cursor:pointer;transition:all var(--transition-base);padding:0}.hero__indicator:hover{background-color:#fff9;transform:scaleY(1.2)}.hero__indicator--active{background-color:var(--color-white);width:50px}[dir=rtl] .hero__indicators{left:auto;right:50%;transform:translate(50%)}.featured-categories{padding:var(--spacing-xl) 0;background-color:var(--color-white)}.section-title{font-size:2rem;font-weight:600;margin-bottom:var(--spacing-lg);color:var(--color-text-primary);text-align:center}.featured-categories__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg);max-width:1200px;margin:0 auto}.category-card{position:relative;aspect-ratio:1;overflow:hidden;border-radius:8px;text-decoration:none;display:block;cursor:pointer;transition:transform var(--transition-base)}.category-card:hover{transform:scale(1.02)}.category-card__image{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.category-card__image img{width:100%;height:100%;object-fit:cover;aspect-ratio:1;transition:transform var(--transition-slow)}.category-card:hover .category-card__image img{transform:scale(1.05)}.category-card__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#2d374800;transition:background-color var(--transition-base);z-index:1}.category-card:hover .category-card__overlay{background-color:#2d37484d}.category-card__content{position:absolute;bottom:0;left:0;right:0;padding:var(--spacing-lg);z-index:2;color:var(--color-white)}.category-card__title{font-size:2rem;font-weight:600;color:var(--color-white);text-shadow:0 2px 8px rgba(0,0,0,.3);margin:0}.new-arrivals{padding:var(--spacing-xl) 0;background-color:var(--color-light-grey)}.new-arrivals__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-lg);max-width:1400px;margin:0 auto}.product-card{background-color:var(--color-white);border-radius:.4rem;overflow:hidden;transition:transform var(--transition-base),box-shadow var(--transition-base);cursor:pointer;text-decoration:none;color:inherit;display:block}.product-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px var(--color-shadow-hover)}.product-card__image-wrapper{position:relative;width:100%;aspect-ratio:1;overflow:hidden;background-color:var(--color-light-grey)}.product-card__image{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.product-card:hover .product-card__image{transform:scale(1.05)}.product-card__favorite{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);width:32px;height:32px;border-radius:50%;background-color:#f5f5f5;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--color-text-primary);transition:all var(--transition-base);z-index:2;box-shadow:0 2px 8px var(--color-shadow)}.product-card__favorite svg{width:16px;height:16px;stroke-width:2}.product-card__favorite:hover{background-color:var(--color-light-grey);transform:scale(1.1);box-shadow:0 4px 12px var(--color-shadow-hover)}.product-card__favorite--active{color:#e53e3e}.product-card__favorite--active svg{fill:currentColor}.product-card__info{padding:var(--spacing-md)}.product-card__name{font-size:1.1rem;font-weight:500;margin-bottom:var(--spacing-xs);color:var(--color-text-primary)}.product-card__price{font-size:1.25rem;font-weight:600;color:var(--color-text-primary);margin:0}.all-products{padding:var(--spacing-xl) 0;background-color:var(--color-light-grey)}.products-section{margin-bottom:var(--spacing-xl)}.products-section:last-child{margin-bottom:0}.products-section__title{font-size:1.5rem;font-weight:600;margin-bottom:var(--spacing-lg);color:var(--color-text-primary);text-align:center}@media (max-width: 768px){.hero{height:400px;justify-content:center}.hero__content{text-align:center;margin-left:0;margin-right:0;max-width:100%;padding:var(--spacing-md)}[dir=rtl] .hero__content{margin-right:0}.hero__headline{font-size:2.5rem}.hero__indicators{bottom:var(--spacing-md)}.hero__indicator{width:30px;height:6px}.hero__indicator--active{width:40px}.featured-categories__grid{grid-template-columns:1fr;gap:var(--spacing-md)}.new-arrivals__grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-md)}.section-title{font-size:1.75rem}}@media (max-width: 480px){.hero{height:300px}.hero__headline{font-size:2rem}.new-arrivals__grid{grid-template-columns:repeat(2,1fr)}}.customizable-notice{padding:var(--spacing-lg) 0;background-color:var(--color-light-grey);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.customizable-notice__content{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);flex-wrap:wrap;text-align:center}.customizable-notice__icon{width:24px;height:24px;color:var(--color-primary);flex-shrink:0}.customizable-notice__text{font-size:1rem;color:var(--color-text-primary);margin:0;font-weight:500;flex:1;min-width:250px;line-height:1.6;max-width:800px}.customizable-notice__whatsapp{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:#25d366;border-radius:50%;color:var(--color-white);text-decoration:none;transition:all var(--transition-base);flex-shrink:0}.customizable-notice__whatsapp:hover{background-color:#20ba5a;transform:scale(1.1);box-shadow:0 4px 12px #25d3664d}.customizable-notice__whatsapp svg{width:24px;height:24px}@media (max-width: 768px){.customizable-notice__content{flex-direction:column;gap:var(--spacing-sm)}.customizable-notice__text{font-size:.9rem;min-width:auto}.customizable-notice__icon{width:20px;height:20px}.customizable-notice__whatsapp{width:35px;height:35px}.customizable-notice__whatsapp svg{width:20px;height:20px}}.category__banner{background-color:var(--color-light-grey);padding:var(--spacing-xl) 0;border-bottom:1px solid var(--color-border)}.category__title{font-size:3rem;font-weight:700;color:var(--color-text-primary);text-align:center;margin:0;letter-spacing:-.5px}.category__products{padding:var(--spacing-xl) 0;background-color:var(--color-white)}.category__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-lg);max-width:1400px;margin:0 auto}.category-product-card{background-color:var(--color-white);border-radius:8px;overflow:hidden;transition:transform var(--transition-base),box-shadow var(--transition-base);cursor:pointer;text-decoration:none;color:inherit;display:block;border:1px solid var(--color-border)}.category-product-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px var(--color-shadow-hover);border-color:transparent}.category-product-card__image-wrapper{position:relative;width:100%;aspect-ratio:1;overflow:hidden;background-color:var(--color-light-grey)}.category-product-card__image{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.category-product-card:hover .category-product-card__image{transform:scale(1.05)}.category-product-card__favorite{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);width:32px;height:32px;border-radius:50%;background-color:#f5f5f5;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--color-text-primary);transition:all var(--transition-base);z-index:2;box-shadow:0 2px 8px var(--color-shadow)}.category-product-card__favorite svg{width:16px;height:16px;stroke-width:2}.category-product-card__favorite:hover{background-color:var(--color-light-grey);transform:scale(1.1);box-shadow:0 4px 12px var(--color-shadow-hover)}.category-product-card__favorite--active{color:#e53e3e}.category-product-card__favorite--active svg{fill:currentColor}.category-product-card__info{padding:var(--spacing-md)}.category-product-card__name{font-size:1.1rem;font-weight:500;margin-bottom:var(--spacing-xs);color:var(--color-text-primary)}.category-product-card__price{font-size:1.25rem;font-weight:600;color:var(--color-text-primary);margin:0}.category__error{text-align:center;padding:var(--spacing-xl) 0}.category__error h1{font-size:2rem;margin-bottom:var(--spacing-sm);color:var(--color-text-primary)}.category__error p{color:var(--color-text-secondary);font-size:1.1rem}@media (max-width: 1024px){.category__grid{grid-template-columns:repeat(3,1fr);gap:var(--spacing-md)}}@media (max-width: 768px){.category__title{font-size:2.5rem}.category__grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.category__banner,.category__products{padding:var(--spacing-lg) 0}}@media (max-width: 480px){.category__title{font-size:2rem}.category__grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}.category-product-card__info{padding:var(--spacing-sm)}.category-product-card__name{font-size:1rem}.category-product-card__price{font-size:1.1rem}}.product-detail{padding:var(--spacing-lg) 0 var(--spacing-xl);background-color:var(--color-white);min-height:calc(100vh - 70px)}.product-detail__breadcrumb{display:flex;align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-lg);font-size:.9rem;color:var(--color-text-secondary)}.product-detail__breadcrumb a{color:var(--color-text-secondary);transition:color var(--transition-base)}.product-detail__breadcrumb a:hover{color:var(--color-primary)}.product-detail__breadcrumb span{color:var(--color-text-secondary)}.product-detail__content{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl);align-items:start}.product-detail__gallery{display:flex;flex-direction:column;gap:var(--spacing-md)}.product-detail__main-image{width:100%;aspect-ratio:1;overflow:hidden;border-radius:8px;background-color:var(--color-light-grey);position:relative}.product-detail__main-img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.product-detail__main-image:hover .product-detail__main-img{transform:scale(1.02)}.product-detail__thumbnails{display:flex;gap:var(--spacing-sm);overflow-x:auto;padding:var(--spacing-xs) 0;scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}.product-detail__thumbnails::-webkit-scrollbar{height:4px}.product-detail__thumbnails::-webkit-scrollbar-track{background:transparent}.product-detail__thumbnails::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:2px}.product-detail__thumbnail{flex-shrink:0;width:100px;height:100px;aspect-ratio:1;border-radius:8px;overflow:hidden;border:2px solid transparent;background-color:var(--color-light-grey);cursor:pointer;transition:all var(--transition-base);padding:0}.product-detail__thumbnail:hover{border-color:var(--color-primary);transform:scale(1.05)}.product-detail__thumbnail--active{border-color:var(--color-primary);box-shadow:0 0 0 2px #2d37481a}.product-detail__thumbnail-img{width:100%;height:100%;object-fit:cover;aspect-ratio:1}.product-detail__info{display:flex;flex-direction:column;gap:var(--spacing-lg)}.product-detail__title{font-size:2.5rem;font-weight:700;color:var(--color-text-primary);margin:0;letter-spacing:-.5px;line-height:1.2}.product-detail__price{font-size:2rem;font-weight:600;color:var(--color-text-primary)}.product-detail__color-selector{display:flex;flex-direction:column;gap:var(--spacing-sm)}.product-detail__color-label{font-size:.95rem;font-weight:500;color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.5px}.product-detail__color-swatches{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.product-detail__color-swatch{width:30px;height:30px;border-radius:50%;border:2px solid transparent;padding:1px;background-color:var(--color-white);cursor:pointer;transition:all var(--transition-base);overflow:hidden;position:relative}.product-detail__color-swatch:hover{transform:scale(1.1);border-color:var(--color-border)}.product-detail__color-swatch--active{border-color:var(--color-primary);box-shadow:0 0 0 2px #2d374833}.product-detail__color-img{width:100%;height:100%;object-fit:cover;border-radius:50%}.product-detail__customizable{width:100%;padding:var(--spacing-md) var(--spacing-lg);font-size:1rem;margin-top:var(--spacing-sm);background-color:var(--color-light-grey);border-left:3px solid var(--color-primary);color:var(--color-text-primary);font-weight:500;text-align:center}[dir=rtl] .product-detail__customizable{border-left:none;border-right:3px solid var(--color-primary)}.product-detail__whatsapp{width:100%;margin-top:var(--spacing-md)}.product-detail__whatsapp-link{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background-color:#25d366;color:var(--color-white);text-decoration:none;border-radius:4px;font-weight:500;transition:all var(--transition-base);font-size:.95rem}.product-detail__whatsapp-link:hover{background-color:#20ba5a;transform:translateY(-1px);box-shadow:0 4px 12px #25d3664d}.product-detail__whatsapp-icon{width:20px;height:20px;flex-shrink:0}.product-detail__accordion{display:flex;flex-direction:column;gap:var(--spacing-xs);border-top:1px solid var(--color-border);padding-top:var(--spacing-md)}.product-detail__accordion-item{border-bottom:1px solid var(--color-border)}.product-detail__accordion-header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) 0;background:none;border:none;cursor:pointer;font-size:1rem;font-weight:500;color:var(--color-text-primary);text-align:left;transition:color var(--transition-base);font-family:var(--font-family-primary)}.product-detail__accordion-header:hover{color:var(--color-primary)}.product-detail__accordion-icon{width:20px;height:20px;stroke-width:2;transition:transform var(--transition-base);flex-shrink:0}.product-detail__accordion-icon--open{transform:rotate(180deg)}.product-detail__accordion-content{padding:0 0 var(--spacing-md);color:var(--color-text-secondary);line-height:1.7;animation:slideDown var(--transition-base) ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.product-detail__dimensions-note{margin-top:var(--spacing-md);padding:var(--spacing-sm);background-color:var(--color-light-grey);border-left:3px solid var(--color-primary);font-size:.9rem;color:var(--color-text-secondary);font-style:italic}[dir=rtl] .product-detail__dimensions-note{border-left:none;border-right:3px solid var(--color-primary)}.product-detail__dimensions-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-xs)}.product-detail__dimensions-list li{padding:var(--spacing-xs) 0}.product-detail__dimensions-list strong{color:var(--color-text-primary);margin-right:var(--spacing-sm)}.product-detail__error{text-align:center;padding:var(--spacing-xl) 0}.product-detail__error h1{font-size:2rem;margin-bottom:var(--spacing-sm);color:var(--color-text-primary)}.product-detail__error p{color:var(--color-text-secondary);font-size:1.1rem;margin-bottom:var(--spacing-lg)}@media (max-width: 968px){.product-detail__content{grid-template-columns:1fr;gap:var(--spacing-lg)}.product-detail__gallery{order:1}.product-detail__info{order:2}.product-detail__title{font-size:2rem}}@media (max-width: 768px){.product-detail{padding:var(--spacing-md) 0}.product-detail__title,.product-detail__price{font-size:1.75rem}.product-detail__thumbnail{width:80px;height:80px}.product-detail__color-swatch{width:45px;height:45px}}@media (max-width: 480px){.product-detail__title,.product-detail__price{font-size:1.5rem}.product-detail__thumbnail{width:70px;height:70px}.product-detail__color-swatch{width:40px;height:40px}}.favorites{padding:var(--spacing-xl) 0;background-color:var(--color-white);min-height:calc(100vh - 70px)}.favorites__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);flex-wrap:wrap;gap:var(--spacing-md)}.favorites__title{font-size:2.5rem;font-weight:700;color:var(--color-text-primary);margin:0;letter-spacing:-.5px}.favorites__remove-all{padding:var(--spacing-sm) var(--spacing-lg);font-size:.95rem}.favorites__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--spacing-xl) var(--spacing-lg);min-height:400px}.favorites__empty-icon{width:80px;height:80px;color:var(--color-text-secondary);margin-bottom:var(--spacing-lg);opacity:.5}.favorites__empty-icon svg{width:100%;height:100%;stroke-width:1.5}.favorites__empty-title{font-size:2rem;font-weight:600;color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.favorites__empty-text{font-size:1.1rem;color:var(--color-text-secondary);margin-bottom:var(--spacing-lg);max-width:500px;line-height:1.6}.favorites__empty-button{padding:var(--spacing-sm) var(--spacing-xl);font-size:1rem}.favorites__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-lg);max-width:1400px;margin:0 auto}.favorites-product-card{background-color:var(--color-white);border-radius:8px;overflow:hidden;transition:transform var(--transition-base),box-shadow var(--transition-base);cursor:pointer;text-decoration:none;color:inherit;display:block;border:1px solid var(--color-border)}.favorites-product-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px var(--color-shadow-hover);border-color:transparent}.favorites-product-card__image-wrapper{position:relative;width:100%;aspect-ratio:1;overflow:hidden;background-color:var(--color-light-grey)}.favorites-product-card__image{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.favorites-product-card:hover .favorites-product-card__image{transform:scale(1.05)}.favorites-product-card__favorite{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);width:32px;height:32px;border-radius:50%;background-color:#f5f5f5;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#e53e3e;transition:all var(--transition-base);z-index:2;box-shadow:0 2px 8px var(--color-shadow)}.favorites-product-card__favorite svg{width:16px;height:16px;stroke-width:2;fill:currentColor}.favorites-product-card__favorite:hover{background-color:var(--color-light-grey);transform:scale(1.1);box-shadow:0 4px 12px var(--color-shadow-hover)}.favorites-product-card__favorite--active{color:#e53e3e}.favorites-product-card__info{padding:var(--spacing-md)}.favorites-product-card__name{font-size:1.1rem;font-weight:500;margin-bottom:var(--spacing-xs);color:var(--color-text-primary)}.favorites-product-card__price{font-size:1.25rem;font-weight:600;color:var(--color-text-primary);margin:0}@media (max-width: 768px){.favorites{padding:var(--spacing-lg) 0}.favorites__title{font-size:2rem}.favorites__header{flex-direction:column;align-items:flex-start}.favorites__remove-all{width:100%}.favorites__grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-md)}.favorites__empty{min-height:300px;padding:var(--spacing-lg) var(--spacing-md)}.favorites__empty-title{font-size:1.75rem}.favorites__empty-text{font-size:1rem}}@media (max-width: 480px){.favorites__title{font-size:1.75rem}.favorites__grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}.favorites-product-card__info{padding:var(--spacing-sm)}.favorites-product-card__name{font-size:1rem}.favorites-product-card__price{font-size:1.1rem}}.colors{min-height:100vh}.colors__banner{background-color:var(--color-primary);color:var(--color-white);padding:var(--spacing-xl) 0;text-align:center}.colors__title{font-size:3rem;font-weight:700;margin-bottom:var(--spacing-sm);color:var(--color-white)}.colors__subtitle{font-size:1.2rem;color:#ffffffe6;margin:0}.colors__grid-section{padding:var(--spacing-xl) 0;background-color:var(--color-white)}.colors__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-lg);max-width:1400px;margin:0 auto}.color-card{background-color:var(--color-white);border-radius:.4rem;overflow:hidden;transition:transform var(--transition-base),box-shadow var(--transition-base);cursor:pointer;box-shadow:0 2px 8px var(--color-shadow);border:1px solid var(--color-border)}.color-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px var(--color-shadow-hover)}.color-card__image-wrapper{position:relative;width:100%;aspect-ratio:1;overflow:hidden;background-color:var(--color-light-grey)}.color-card__image{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.color-card:hover .color-card__image{transform:scale(1.05)}.color-card__info{padding:var(--spacing-md);text-align:center}.color-card__name{font-size:1.1rem;font-weight:500;margin:0;color:var(--color-text-primary)}@media (max-width: 768px){.colors__title{font-size:2.5rem}.colors__subtitle{font-size:1rem}.colors__grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--spacing-md)}}@media (max-width: 480px){.colors__title{font-size:2rem}.colors__grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}}.color-modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000e6;z-index:10000;display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg);cursor:pointer}.color-modal__content{position:relative;max-width:90vw;max-height:90vh;cursor:default}.color-modal__close{position:absolute;top:-40px;right:0;width:40px;height:40px;border-radius:50%;background-color:#fff3;border:2px solid rgba(255,255,255,.5);color:var(--color-white);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-base);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10001}.color-modal__close:hover{background-color:#ffffff4d;border-color:#fffc;transform:scale(1.1)}.color-modal__close svg{width:24px;height:24px}.color-modal__image{max-width:100%;max-height:90vh;object-fit:contain;border-radius:8px;box-shadow:0 8px 32px #00000080}@media (max-width: 768px){.color-modal{padding:var(--spacing-md)}.color-modal__close{top:-50px;width:35px;height:35px}.color-modal__close svg{width:20px;height:20px}}