:root{--spacing-xs: 8px;--spacing-sm: 16px;--spacing-md: 24px;--spacing-lg: 32px;--spacing-xl: 48px;--spacing-2xl: 64px;--color-bg: #F5F2E8;--color-text: #2C1810;--color-text2: #FEFAE0;--color-primary: #D4AA00;--color-secondary: #CAA545;--color-secondary-hover: #E6B800;--color-overlay: rgba(44, 24, 16, .8);--color-card-bg: #FFFFFF;--color-card-text: #4A4A4A;--color-button-text: #2C1810;--color-icon: #8B7355;--color-header-bg: #8B0000;--color-header-text: #FEFAE0;--color-header-link: #F5F2E8;--color-header-hover: #D4AA00;--color-footer-bg: #8B0000;--color-footer-text: #FEFAE0;--color-footer-accent: #D4AA00;--color-modal-bg: #2C1810;--color-modal-input: #4A4A4A;--shadow-card: 0 8px 32px rgba(44, 24, 16, .12), 0 2px 8px rgba(44, 24, 16, .08);--shadow-hover: 0 16px 48px rgba(44, 24, 16, .16), 0 4px 16px rgba(44, 24, 16, .12);--border-medieval: 1px solid rgba(212, 170, 0, .3);--border-radius: 12px;--font-medieval: "MedievalSharp", serif;--font-display: "Cinzel", serif;--font-body: "Inter", sans-serif;--z-header: 100;--z-modal: 999;--z-overlay: 998;--z-float: 50}@media (prefers-color-scheme: dark){:root{--color-bg: #1C1611;--color-text: #FEFAE0;--color-text2: #F5F2E8;--color-primary: #D4AA00;--color-secondary: #CAA545;--color-secondary-hover: #E6B800;--color-overlay: rgba(28, 22, 17, .9);--color-card-bg: #2C1810;--color-card-text: #E5DDD1;--color-button-text: #1C1611;--color-icon: #8B7355;--color-header-bg: #6B0000;--color-header-text: #FEFAE0;--color-header-link: #E5DDD1;--color-header-hover: #D4AA00;--color-footer-bg: #6B0000;--color-footer-text: #FEFAE0;--color-footer-accent: #D4AA00;--color-modal-bg: #1C1611;--color-modal-input: #2C1810;--shadow-card: 0 8px 32px rgba(0, 0, 0, .4), 0 2px 8px rgba(0, 0, 0, .2);--shadow-hover: 0 16px 48px rgba(0, 0, 0, .5), 0 4px 16px rgba(0, 0, 0, .3)}}*{box-sizing:border-box;margin:0;padding:0}*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);line-height:1.6;font-weight:400;margin:0;padding:0;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;min-height:100vh}a{font-weight:500;color:var(--color-header-link);text-decoration:inherit}a:hover{color:var(--color-secondary-hover)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600;line-height:1.2;margin-bottom:var(--spacing-sm);color:var(--color-text)}h1{font-family:var(--font-medieval);font-size:clamp(2.5rem,5vw,4rem);line-height:1.1;margin-bottom:var(--spacing-md)}h2{font-size:clamp(2rem,4vw,3rem)}h3{font-size:clamp(1.5rem,3vw,2rem)}h4{font-size:clamp(1.25rem,2.5vw,1.5rem)}p{margin-bottom:var(--spacing-sm);line-height:1.7}button{font-family:var(--font-body);font-weight:500;border:2px solid var(--color-primary);border-radius:var(--border-radius);padding:var(--spacing-sm) var(--spacing-lg);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);color:var(--color-button-text);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-transform:uppercase;letter-spacing:.5px;box-shadow:var(--shadow-card);position:relative;overflow:hidden}button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}button:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover);background:linear-gradient(135deg,var(--color-secondary-hover) 0%,var(--color-primary) 100%)}button:hover:before{left:100%}button:focus,button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}button:active{transform:translateY(0)}.home{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);position:relative;overflow-x:hidden}.home:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 50%,rgba(212,170,0,.03) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(139,0,0,.02) 0%,transparent 50%),radial-gradient(circle at 40% 80%,rgba(212,170,0,.02) 0%,transparent 50%);pointer-events:none;z-index:-1}.banner{position:relative;height:75vh;min-height:600px;overflow:hidden;display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-2xl);padding-top:80px}.banner-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;filter:brightness(.25) contrast(1.1);z-index:1;transition:transform 20s ease-in-out}.banner-image:hover{transform:scale(1.05)}.banner-content{position:relative;text-align:center;color:var(--color-text2);z-index:2;max-width:900px;padding:var(--spacing-lg);background:#2c18104d;border-radius:var(--border-radius);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border:1px solid rgba(212,170,0,.2)}.banner-content h1{font-family:var(--font-medieval);font-size:clamp(2.5rem,6vw,4.5rem);margin-bottom:var(--spacing-md);font-weight:400;text-shadow:3px 3px 12px rgba(0,0,0,.9);color:var(--color-text2);line-height:1.1;letter-spacing:1px}.banner-content h2{font-family:var(--font-display);font-size:clamp(1.8rem,4vw,3rem);margin-bottom:var(--spacing-lg);font-weight:500;text-shadow:2px 2px 8px rgba(0,0,0,.8);color:var(--color-primary);font-style:italic}.banner-content p{font-family:var(--font-body);font-size:clamp(1.1rem,2.5vw,1.5rem);margin-bottom:var(--spacing-xl);text-shadow:2px 2px 6px rgba(0,0,0,.9);color:var(--color-text2);line-height:1.7;max-width:700px;margin-left:auto;margin-right:auto;font-weight:300}.cards{padding:var(--spacing-2xl) var(--spacing-lg);background:linear-gradient(135deg,transparent 0%,rgba(212,170,0,.05) 50%,transparent 100%),var(--color-bg);display:flex;flex-direction:column;align-items:center;position:relative}.cards:before{content:"";position:absolute;top:var(--spacing-lg);left:50%;transform:translate(-50%);width:120px;height:4px;background:linear-gradient(90deg,transparent,var(--color-primary),transparent);border-radius:2px}.cards h2{font-family:var(--font-display);text-align:center;font-size:clamp(2.5rem,5vw,4rem);margin-bottom:var(--spacing-md);color:var(--color-text);font-weight:600;position:relative;padding-top:var(--spacing-md)}.cards-subtitle{font-family:var(--font-body);text-align:center;font-size:clamp(1.1rem,2.5vw,1.4rem);color:var(--color-card-text);margin-bottom:var(--spacing-2xl);max-width:700px;line-height:1.7;font-weight:300}.cards-container{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg);max-width:100%;width:100%;margin:var(--spacing-lg) auto 0;padding:0 var(--spacing-sm)}@media (min-width: 350px){.cards-container{grid-template-columns:repeat(auto-fit,minmax(350px,2fr));padding:auto}}@media (min-width: 560px){.cards-container{grid-template-columns:repeat(auto-fit,minmax(350px,2fr));max-width:350px}}@media (min-width: 769px){.cards-container{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));max-width:1024px}}@media (min-width: 1024px){.cards-container{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));max-width:1200px}}@media (min-width: 1200px){.cards-container{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));max-width:1600px}}.card{background:var(--color-card-bg);border-radius:var(--border-radius);overflow:hidden;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-card);text-decoration:none;color:inherit;position:relative;transform-origin:center;border:1px solid rgba(212,170,0,.1);height:100%;display:flex;flex-direction:column}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary),var(--color-primary));opacity:0;transition:opacity .3s ease}.card:hover:before{opacity:1}.card:hover{transform:translateY(-8px) scale(1.02);box-shadow:var(--shadow-hover);border-color:var(--color-primary)}.card-image{position:relative;overflow:hidden;aspect-ratio:4/3;background:linear-gradient(135deg,#f8f6f0,#ede7d9)}.card-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.card:hover .card-image img{transform:scale(1.08)}.card-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(44,24,16,.95) 0%,rgba(44,24,16,.7) 40%,rgba(44,24,16,.3) 70%,transparent 100%);color:var(--color-text2);text-align:center;padding:var(--spacing-lg) var(--spacing-md) var(--spacing-md);transform:translateY(70%);transition:transform .4s cubic-bezier(.4,0,.2,1);border-top:1px solid rgba(212,170,0,.3)}.card:hover .card-overlay{transform:translateY(0)}.card-overlay h2{margin:0;color:var(--color-text2);letter-spacing:1px;font-weight:600;font-size:clamp(1.4rem,2vw,1.8rem);text-shadow:2px 2px 6px rgba(0,0,0,.9);font-family:var(--font-display)}.card-content{padding:var(--spacing-lg);display:flex;flex-direction:column;flex:1;gap:var(--spacing-sm)}.card p{font-family:var(--font-body);font-size:1rem;color:var(--color-card-text);line-height:1.7;margin-bottom:var(--spacing-md);flex:1;font-weight:400}.card button{font-family:var(--font-body);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);border:2px solid var(--color-primary);padding:var(--spacing-sm) var(--spacing-lg);color:var(--color-button-text);font-weight:600;border-radius:calc(var(--border-radius) / 2);cursor:pointer;font-size:.9rem;letter-spacing:1px;transition:all .3s cubic-bezier(.4,0,.2,1);text-transform:uppercase;box-shadow:0 4px 12px #d4aa004d,inset 0 1px #fff3;position:relative;overflow:hidden;margin-top:auto}.card button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.card button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #d4aa0066,inset 0 1px #ffffff4d;background:linear-gradient(135deg,var(--color-secondary-hover) 0%,var(--color-primary) 100%)}.card button:hover:before{left:100%}.card-image-placeholder{width:100%;height:100%;background:radial-gradient(circle at 30% 30%,rgba(212,170,0,.1) 0%,transparent 50%),linear-gradient(135deg,#f8f6f0,#ede7d9);display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--color-icon);font-size:1.1rem;font-weight:500;text-align:center;position:relative;border:2px dashed rgba(212,170,0,.3);border-radius:calc(var(--border-radius) / 2);margin:var(--spacing-sm)}.card-image-placeholder:before{content:"🏹";font-size:4rem;margin-bottom:var(--spacing-sm);display:block;opacity:.7;filter:grayscale(30%)}.card-image-placeholder:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 70%,rgba(139,0,0,.05) 0%,transparent 40%),radial-gradient(circle at 20% 20%,rgba(212,170,0,.05) 0%,transparent 40%);pointer-events:none}@media (max-width: 768px){.banner{height:65vh;min-height:500px;margin-bottom:var(--spacing-xl);padding-top:100px}.banner-content{padding:var(--spacing-md);max-width:600px}.cards{padding:var(--spacing-xl) var(--spacing-md)}.cards-container{gap:var(--spacing-lg);margin-top:var(--spacing-md)}.card-content{padding:var(--spacing-md)}.card button{padding:var(--spacing-sm) var(--spacing-md);font-size:.85rem}}@media (max-width: 480px){.banner{height:60vh;min-height:450px;padding-top:120px}.banner-content{padding:var(--spacing-sm);margin:var(--spacing-sm)}.cards{padding:auto var(--spacing-sm)}.cards-container{gap:var(--spacing-md)}.card-content{padding:var(--spacing-sm)}.card-image-placeholder{margin:var(--spacing-xs)}.card-image-placeholder:before{font-size:3rem}.card p{font-size:.9rem}.card button{padding:calc(var(--spacing-sm) * .8) var(--spacing-sm);font-size:.8rem;letter-spacing:.5px}}@media (max-width: 320px){.banner-content{padding:var(--spacing-xs)}.cards{padding:var(--spacing-md) var(--spacing-xs)}.card-content{padding:calc(var(--spacing-sm) * .8)}}.products-page{padding:var(--spacing-2xl) var(--spacing-lg);background:linear-gradient(135deg,transparent 0%,rgba(212,170,0,.03) 50%,transparent 100%),var(--color-bg);color:var(--color-text);min-height:100vh;font-family:var(--font-body);position:relative;margin-top:var(--spacing-lg)}.products-page:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 25% 25%,rgba(212,170,0,.02) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(139,0,0,.01) 0%,transparent 50%);pointer-events:none;z-index:-1}.products-header{text-align:center;margin-bottom:var(--spacing-2xl);position:relative}.products-header:before{content:"";position:absolute;top:-var(--spacing-md);left:50%;transform:translate(-50%);width:150px;height:3px;background:linear-gradient(90deg,transparent,var(--color-primary),transparent);border-radius:2px}.products-page h1{font-family:var(--font-display);font-size:clamp(2.5rem,6vw,4rem);margin-bottom:var(--spacing-md);color:var(--color-text);font-weight:600;position:relative;padding-top:var(--spacing-md)}.products-divider{width:120px;height:4px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);margin:0 auto var(--spacing-lg);border-radius:2px;box-shadow:0 2px 8px #d4aa004d}.products-subtitle{font-family:var(--font-body);font-size:clamp(1.1rem,2.5vw,1.4rem);color:var(--color-card-text);max-width:700px;margin:0 auto;line-height:1.7;font-weight:300}.products-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-xl);max-width:1400px;margin:0 auto;padding:0 var(--spacing-sm);justify-items:center}@media (min-width: 768px){.products-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-xl);padding:0}}@media (min-width: 1024px){.products-grid{grid-template-columns:repeat(3,1fr);gap:var(--spacing-xl)}}@media (min-width: 1200px){.products-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));max-width:1600px;gap:var(--spacing-2xl)}}.product-card{background:var(--color-card-bg);border-radius:var(--border-radius);overflow:hidden;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-card);position:relative;transform-origin:center;border:1px solid rgba(212,170,0,.1);height:100%;display:flex;flex-direction:column}.product-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary),var(--color-primary));opacity:0;transition:opacity .3s ease;z-index:2}.product-card:hover:before{opacity:1}.product-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:var(--shadow-hover);border-color:var(--color-primary)}.product-card-image{position:relative;overflow:hidden;aspect-ratio:4/3;background:linear-gradient(135deg,#f8f6f0,#ede7d9)}.card-image{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.product-card:hover .card-image{transform:scale(1.08)}.product-image-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--color-icon);font-size:1.1rem;font-weight:500;text-align:center;background:radial-gradient(circle at 30% 30%,rgba(212,170,0,.08) 0%,transparent 50%),linear-gradient(135deg,#f8f6f0,#ede7d9);border:2px dashed rgba(212,170,0,.3);border-radius:calc(var(--border-radius) / 2);margin:var(--spacing-sm);position:relative}.product-image-placeholder:before{content:"🏹";font-size:3.5rem;margin-bottom:var(--spacing-sm);display:block;opacity:.6;filter:grayscale(20%)}.product-content{padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-sm);flex:1}.product-title{font-family:var(--font-display);font-weight:600;font-size:clamp(1.2rem,2.5vw,1.5rem);color:var(--color-text);margin:0;line-height:1.3;transition:all .3s ease}.product-card:hover .product-title{color:var(--color-primary);text-shadow:0 0 4px rgba(212,170,0,.3)}.product-description{font-family:var(--font-body);font-size:.95rem;color:var(--color-card-text);line-height:1.6;margin:0;flex:1;font-weight:400}.product-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:var(--spacing-sm);border-top:1px solid rgba(212,170,0,.1)}.product-price{font-family:var(--font-display);font-weight:600;color:var(--color-primary);font-size:clamp(1.1rem,2.5vw,1.4rem);margin:0;text-shadow:0 1px 2px rgba(212,170,0,.2)}.product-price.italic{font-style:italic;color:var(--color-card-text);opacity:.8}.product-view-icon{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);display:flex;align-items:center;justify-content:center;color:var(--color-button-text);font-size:1.3rem;opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;box-shadow:0 4px 12px #d4aa0066,inset 0 1px #fff3;border:2px solid var(--color-primary);position:relative;overflow:hidden}.product-view-icon:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.product-card:hover .product-view-icon{opacity:1;transform:scale(1.1);box-shadow:0 8px 20px #d4aa0080,inset 0 1px #ffffff4d}.product-card:hover .product-view-icon:before{left:100%}@media (max-width: 768px){.products-page{padding:var(--spacing-xl) var(--spacing-md)}.products-header{margin-bottom:var(--spacing-xl)}.products-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--spacing-lg);padding:0}.product-content{padding:var(--spacing-md)}.product-view-icon{width:40px;height:40px;font-size:1.2rem}}@media (max-width: 480px){.products-page{padding:var(--spacing-lg) var(--spacing-sm)}.products-header{margin-bottom:var(--spacing-lg)}.products-grid{grid-template-columns:1fr;gap:var(--spacing-md);padding:0}.product-card{max-width:100%;width:100%}.product-content{padding:var(--spacing-sm)}.product-image-placeholder{margin:var(--spacing-xs)}.product-image-placeholder:before{font-size:3rem}.product-description{font-size:.9rem}.product-view-icon{width:36px;height:36px;font-size:1.1rem}}@media (max-width: 320px){.products-page{padding:var(--spacing-md) var(--spacing-xs)}.products-grid{gap:var(--spacing-sm)}.product-content{padding:calc(var(--spacing-sm) * .8)}.product-title{font-size:1.1rem}.product-description{font-size:.85rem}.product-price{font-size:1rem}.product-view-icon{width:32px;height:32px;font-size:1rem}}.modal-product{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0009;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal)}.modal-product-content{background-color:var(--color-modal-bg, #1a1a1a);color:var(--color-footer-text, white);padding:var(--spacing-lg);border-radius:var(--border-radius);max-width:1250px;width:min(90vw,1200px);height:min(85vh,800px);overflow:hidden;overflow-y:auto;position:relative;box-shadow:var(--shadow-hover);display:flex;flex-direction:column;margin:var(--spacing-sm)}.modal-product-content p{display:block;text-align:left;width:100%}.modal-info{display:flex;flex-direction:column;align-items:center;justify-items:center}.modal-imgs{display:flex;flex-direction:column;align-items:center}.modal-big-img{padding:1rem}.modal-big-img img{overflow:hidden;border-radius:var(--border-radius);background-color:var(--color-modal-bg);position:relative;width:100%;max-width:500px;height:auto;object-fit:contain}.modal-description{width:100%;max-width:100%;overflow-wrap:break-word}.close{position:absolute;top:1rem;right:1rem;font-size:1.5rem;cursor:pointer}.modal-product-gallery{height:120px;display:flex;flex-direction:row;gap:var(--spacing-sm);width:100%;overflow-x:auto;overflow-y:hidden;padding:var(--spacing-xs) 0}.modal-product-gallery img{width:100px;height:100px;border-radius:var(--border-radius);object-fit:cover;cursor:pointer;transition:transform .3s ease;border:2px solid transparent}.modal-product-gallery img:hover{transform:scale(1.05);border-color:var(--color-primary)}.modal-product-gallery::-webkit-scrollbar{height:8px}.modal-product-gallery::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.modal-product-gallery::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:4px}.modal-product-gallery::-webkit-scrollbar-thumb:hover{background:var(--color-secondary-hover)}.modal-product-img-wrapper{width:100px;height:100px;border-radius:var(--border-radius);flex-shrink:0}.modal-feature{padding:var(--spacing-lg)}.modal-specs{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin:var(--spacing-sm) 0}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center}.modal-content{background:#fff;padding:2rem;border-radius:6px;max-width:800px;width:80vw;max-height:80vh;overflow:hidden;overflow-y:scroll}.leather-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem;margin-top:1rem}.leather-option{text-align:center}.leather-option img{width:100%;height:auto;border-radius:4px}@media (max-width: 480px){.modal-product-content{width:95vw;height:90vh;padding:var(--spacing-md);margin:var(--spacing-xs)}.modal-big-img{padding:var(--spacing-sm)}.modal-big-img img{max-width:90vw}.modal-product-gallery{height:80px;gap:var(--spacing-xs)}.modal-product-gallery img,.modal-product-img-wrapper{width:70px;height:70px}.modal-feature{padding:var(--spacing-sm)}.close{top:var(--spacing-sm);right:var(--spacing-sm);font-size:1.2rem}}@media (min-width: 481px) and (max-width: 768px){.modal-product-content{width:85vw;height:85vh;padding:var(--spacing-lg)}.modal-big-img img{max-width:70vw}.modal-product-gallery{height:100px}.modal-product-gallery img,.modal-product-img-wrapper{width:85px;height:85px}}@media (max-width: 560px){.modal-product-content{width:95vw;height:88vh;padding:var(--spacing-md)}.modal-product-gallery{display:flex;gap:var(--spacing-xs);overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;height:90px}.modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;padding:var(--spacing-sm)}.modal-product-gallery img{flex:0 0 auto;scroll-snap-align:start;width:75px;height:75px}.modal-product-img-wrapper{width:75px;height:75px}.modal-big-img img{max-width:85vw}.modal-description{font-size:.9rem;line-height:1.5}}@media (min-width: 560px){.modal-big-img img{width:min(448px,70vw);height:auto;max-height:448px}}@media (min-width: 769px){.modal-product-gallery{height:auto;grid-template-columns:repeat(3,1fr);max-width:auto;min-width:auto}.modal-imgs{display:flex;flex-direction:row}.modal-product-gallery{display:flex;flex-direction:column;align-items:center;padding:1rem;gap:1rem;position:relative;width:fit-content}}@media (min-width: 1000px){.modal-product-content{width:80vw;max-width:1200px;height:80vh}.modal-info{display:flex;flex-direction:row;align-items:flex-start;gap:var(--spacing-xl)}.modal-product-gallery{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-lg);gap:var(--spacing-lg);position:relative;width:fit-content}.modal-big-img img{width:min(500px,40vw);height:auto}}@media (max-width: 320px){.modal-product-content{width:98vw;height:92vh;padding:var(--spacing-sm);margin:var(--spacing-xs)}.modal-big-img img{max-width:88vw}.modal-product-gallery{height:70px}.modal-product-gallery img,.modal-product-img-wrapper{width:60px;height:60px}.modal-feature{padding:var(--spacing-xs)}.modal-description{font-size:.85rem}.close{font-size:1rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.contact-page{background-color:var(--color-bg);color:var(--color-text);padding:3rem 2rem;text-align:center;min-height:80vh}.contact-title{font-size:2.5rem;margin-bottom:.5rem;color:var(--color-secondary)}.contact-subtitle{font-size:1.2rem;margin-bottom:2rem;color:var(--color-card-text)}.contact-icons{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.contact-icon{display:flex;flex-direction:column;align-items:center;font-size:2rem;text-decoration:none;padding:1rem;border-radius:10px;transition:transform .2s ease;cursor:pointer;background-color:var(--color-card-bg);color:var(--color-text);width:100px}.contact-icon:hover{transform:scale(1.1);background-color:var(--color-secondary-hover)}.contact-icon span{margin-top:.5rem;font-size:.9rem;color:var(--color-text)}.whatsapp{color:#25d366}.instagram{color:#e1306c}.email{color:#fc0}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:999}.about-page{background-color:var(--color-bg);color:var(--color-text);padding:var(--spacing-2xl) var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-2xl);position:relative;margin-top:var(--spacing-lg)}.about-section{display:flex;justify-content:center;align-items:center;padding:var(--spacing-lg) 0}.about-content{display:flex;gap:var(--spacing-xl);max-width:1200px;flex-direction:row;align-items:center;padding:var(--spacing-lg)}.about-section.reverse .about-content{flex-direction:row-reverse}.about-content img{width:100%;max-width:400px;max-height:500px;border-radius:var(--border-radius);object-fit:cover;box-shadow:var(--shadow-card);transition:transform .3s ease}.about-content img:hover{transform:scale(1.02);box-shadow:var(--shadow-hover)}.about-page h1{font-family:var(--font-display);margin-bottom:var(--spacing-lg);font-size:clamp(2.2rem,5vw,3rem);color:var(--color-primary);text-align:center;font-weight:600}.about-content h2{font-family:var(--font-display);margin-bottom:var(--spacing-lg);font-size:clamp(1.6rem,4vw,2rem);color:var(--color-primary);font-weight:600}.about-content p{font-family:var(--font-body);font-size:clamp(1rem,2.5vw,1.1rem);line-height:1.7;color:var(--color-text);margin-bottom:var(--spacing-sm)}@media (max-width: 1024px){.about-page{padding:var(--spacing-xl) var(--spacing-md);gap:var(--spacing-xl)}.about-content{gap:var(--spacing-lg)}.about-content img{max-width:320px}}@media (max-width: 768px){.about-page{padding:var(--spacing-lg) var(--spacing-md);gap:var(--spacing-lg)}.about-section{padding:var(--spacing-md) 0}.about-content{flex-direction:column;text-align:center;gap:var(--spacing-lg);padding:var(--spacing-md)}.about-section.reverse .about-content{flex-direction:column}.about-content img{width:100%;max-width:300px;max-height:450px;height:auto;margin:0 auto}}@media (max-width: 480px){.about-page{padding:var(--spacing-lg) var(--spacing-sm);gap:var(--spacing-md)}.about-section{padding:var(--spacing-sm) 0}.about-content{padding:var(--spacing-sm);gap:var(--spacing-md)}.about-content img{max-width:260px;max-height:350px}}@media (max-width: 320px){.about-page{padding:var(--spacing-md) var(--spacing-xs);gap:var(--spacing-sm)}.about-content{padding:var(--spacing-xs);gap:var(--spacing-sm)}.about-content img{max-width:220px;max-height:300px}}.footer{background:linear-gradient(135deg,var(--color-footer-bg) 0%,#6B0000 50%,var(--color-footer-bg) 100%);color:var(--color-footer-text);text-align:center;padding:var(--spacing-2xl) var(--spacing-lg) var(--spacing-lg);font-size:.9rem;position:relative;border-top:3px solid var(--color-primary);box-shadow:0 -4px 20px #0000004d;z-index:var(--z-float)}.footer:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--color-primary),transparent)}.footer:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 30%,rgba(212,170,0,.03) 0%,transparent 40%),radial-gradient(circle at 80% 70%,rgba(212,170,0,.02) 0%,transparent 40%);pointer-events:none}.contact-content{position:relative;z-index:1}.contact-content h2{font-family:var(--font-display);margin-bottom:var(--spacing-lg);font-size:clamp(1.5rem,4vw,2.2rem);font-weight:600;text-shadow:2px 2px 6px rgba(0,0,0,.5);position:relative}.contact-content h2:after{content:"";position:absolute;bottom:-var(--spacing-sm);left:50%;transform:translate(-50%);width:80px;height:3px;background:linear-gradient(90deg,transparent,var(--color-primary),transparent);border-radius:2px}.contact-buttons{display:flex;justify-content:center;gap:var(--spacing-xl);flex-wrap:wrap;margin-bottom:var(--spacing-xl)}.contact-icon{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-md);border-radius:var(--border-radius);background:#d4aa001a;border:2px solid rgba(212,170,0,.3);text-decoration:none;color:var(--color-footer-text);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;min-width:120px}.contact-icon:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(212,170,0,.2),transparent);transition:left .5s}.contact-icon:hover{background:#d4aa0033;border-color:var(--color-primary);transform:translateY(-4px);box-shadow:0 8px 25px #d4aa004d;color:var(--color-primary)}.contact-icon:hover:before{left:100%}.contact-icon svg{width:32px;height:32px;transition:all .3s ease}.contact-icon:hover svg{transform:scale(1.2);filter:drop-shadow(0 0 8px rgba(212,170,0,.5))}.contact-icon span{font-family:var(--font-body);font-size:.9rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.whatsapp:hover{color:#25d366;border-color:#25d366;background:#25d3661a}.instagram:hover{color:#e4405f;border-color:#e4405f;background:#e4405f1a}.footer p{font-family:var(--font-body);margin-top:var(--spacing-lg);font-size:.85rem;opacity:.8;font-weight:300;position:relative;z-index:1}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:var(--z-modal)}.modal-content{background:var(--color-modal-bg);padding:2rem;border-radius:10px;max-width:400px;width:90%;position:relative;color:#fff}.modal-content h3{margin-bottom:1rem;color:var(--color-footer-accent);font-size:1.25rem}.modal-content form{display:flex;flex-direction:column;gap:1rem}.modal-content input,.modal-content textarea{padding:.75rem;border-radius:6px;border:none;background-color:var(--color-modal-input);color:#fff}.modal-content button{background-color:var(--color-footer-accent);color:#000;font-weight:700;border:none;padding:.75rem;border-radius:6px;cursor:pointer;transition:background-color .3s ease}.modal-content button:hover{background-color:#e6ac00}.modal-close{position:absolute;top:10px;right:15px;font-size:1.5rem;color:#aaa;cursor:pointer}.modal-close:hover{color:#fff}@media (max-width: 768px){.footer{padding:var(--spacing-xl) var(--spacing-md) var(--spacing-md)}.contact-buttons{gap:var(--spacing-lg);flex-direction:column;align-items:center}.contact-icon{min-width:150px;padding:var(--spacing-sm) var(--spacing-md)}}@media (max-width: 480px){.footer{padding:var(--spacing-lg) var(--spacing-sm) var(--spacing-sm)}.contact-buttons{gap:var(--spacing-md)}.contact-icon{min-width:130px;padding:var(--spacing-xs) var(--spacing-sm)}.contact-icon svg{width:28px;height:28px}.contact-icon span{font-size:.8rem}.modal-content{padding:var(--spacing-md);margin:var(--spacing-sm)}}.site-header{background:linear-gradient(135deg,var(--color-header-bg) 0%,#6B0000 50%,var(--color-header-bg) 100%);color:var(--color-header-text);padding:var(--spacing-sm) var(--spacing-lg);box-shadow:0 4px 12px #0006,0 1px #d4aa004d;position:sticky;top:0;z-index:var(--z-header);border-bottom:2px solid var(--color-primary);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.site-header:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--color-primary),transparent)}.site-header .container{display:flex;justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;flex-wrap:wrap;position:relative}.logo{display:flex;align-items:center;gap:var(--spacing-sm);text-decoration:none;color:var(--color-header-text);font-family:var(--font-display);font-weight:600;font-size:clamp(1.1rem,2.5vw,1.4rem);position:relative;padding:var(--spacing-xs) var(--spacing-sm);border-radius:calc(var(--border-radius) / 2);transition:all .3s ease}.logo:hover{color:var(--color-primary);text-shadow:0 0 8px rgba(212,170,0,.5)}.logo img{width:clamp(50px,8vw,70px);height:clamp(50px,8vw,70px);object-fit:contain;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.5));transition:all .3s ease;border-radius:50%;border:2px solid var(--color-primary);padding:4px;background:radial-gradient(circle,rgba(212,170,0,.1),transparent)}.logo:hover img{transform:scale(1.05);border-color:var(--color-secondary-hover);filter:drop-shadow(0 0 12px rgba(212,170,0,.6))}.nav-links{display:flex;gap:var(--spacing-lg);align-items:center}.nav-links a{color:var(--color-header-link);text-decoration:none;font-family:var(--font-body);font-weight:500;font-size:clamp(.9rem,2vw,1.1rem);position:relative;padding:var(--spacing-xs) var(--spacing-sm);border-radius:calc(var(--border-radius) / 3);transition:all .3s cubic-bezier(.4,0,.2,1);text-transform:uppercase;letter-spacing:.5px}.nav-links a:before{content:"";position:absolute;inset:0;background:#d4aa001a;border-radius:calc(var(--border-radius) / 3);opacity:0;transition:opacity .3s ease}.nav-links a:after{content:"";position:absolute;width:0%;height:2px;left:50%;bottom:-2px;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary),var(--color-primary));transition:all .3s ease;transform:translate(-50%);border-radius:1px}.nav-links a:hover{color:var(--color-primary);text-shadow:0 0 6px rgba(212,170,0,.4);transform:translateY(-1px)}.nav-links a:hover:before{opacity:1}.nav-links a:hover:after{width:100%}@media (max-width: 768px){.site-header{padding:var(--spacing-sm) var(--spacing-md)}.site-header .container{flex-direction:column;align-items:center;gap:var(--spacing-sm)}.nav-links{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:var(--spacing-md);width:100%}.nav-links a{font-size:.9rem;padding:var(--spacing-xs)}}@media (max-width: 480px){.site-header{padding:var(--spacing-xs) var(--spacing-sm)}.logo{gap:var(--spacing-xs)}.nav-links{gap:var(--spacing-sm)}.nav-links a{font-size:.8rem;letter-spacing:.3px}}#root{width:100%;text-align:center;background-color:var(--color-bg);color:var(--color-text)}.logo{will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em;background-color:var(--color-card-bg);color:var(--color-card-text);border-radius:8px;box-shadow:0 2px 5px #0000001a}.read-the-docs{color:#888}