.about-section{background:var(--bg-surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:5rem 2.5rem}[data-theme=light] .about-section{background:linear-gradient(160deg,#faf8f5 0%,#f0ece4 100%);border-color:#fbac0c2e}.about-grid{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;display:grid}.about-label{color:var(--accent);letter-spacing:.16em;text-transform:uppercase;margin-bottom:1rem;font-size:.73rem;font-weight:600}.about-title{font-family:var(--font-condensed);color:var(--text-primary);margin-bottom:1.5rem;font-size:2.5rem;font-weight:800;line-height:1.05}.about-text{color:var(--text-muted);margin-bottom:1rem;font-size:.95rem;line-height:1.82}.about-features{grid-template-columns:1fr 1fr;gap:.9rem;margin-top:2rem;display:grid}.feature-item{align-items:flex-start;gap:10px;display:flex}.feature-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-top:7px}.feature-text{color:var(--text-muted);font-size:.85rem;line-height:1.45}.about-right{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.about-stat-card{background:var(--bg-card);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:8px;padding:1.5rem;transition:box-shadow .2s,transform .2s}[data-theme=light] .about-stat-card{box-shadow:0 2px 12px #00000012}[data-theme=light] .about-stat-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #fbac0c26}.stat-big{font-family:var(--font-condensed);color:var(--accent);font-size:2.8rem;font-weight:800;line-height:1}.stat-desc{color:var(--text-hint);margin-top:7px;font-size:.78rem;line-height:1.4}@media (max-width:960px){.about-grid{grid-template-columns:1fr;gap:2.5rem}.about-right{grid-template-columns:1fr 1fr}}
.divider{background:linear-gradient(90deg, transparent, var(--divider), transparent);height:1px;margin:0 2.5rem}.section{padding:4rem 2.5rem}.section-header{justify-content:space-between;align-items:baseline;margin-bottom:2rem;display:flex}.section-title{font-family:var(--font-condensed);letter-spacing:.02em;color:var(--text-primary);font-size:2rem;font-weight:800}.section-title span{color:var(--accent)}.see-all{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;font-weight:600;text-decoration:none;transition:opacity .2s}.see-all:hover{opacity:.75}.categories-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;display:grid}.cat-card{background:var(--bg-card);border:1px solid var(--border);cursor:pointer;text-align:center;box-shadow:var(--shadow-card);border-radius:8px;padding:1.4rem 1rem;text-decoration:none;transition:border-color .2s,transform .2s,box-shadow .2s;display:block}.cat-card:hover{border-color:var(--border-hover);transform:translateY(-4px);box-shadow:0 8px 28px #fbac0c1f}[data-theme=light] .cat-card{box-shadow:0 2px 12px #00000014}[data-theme=light] .cat-card:hover{box-shadow:0 8px 28px #fbac0c2e}.cat-icon{margin-bottom:.6rem;font-size:1.9rem;display:block}.cat-name{font-family:var(--font-condensed);letter-spacing:.04em;text-transform:uppercase;color:var(--text-primary);font-size:.9rem;font-weight:700}.cat-count{color:var(--text-hint);margin-top:4px;font-size:.72rem}
.contact-section{grid-template-columns:1fr 1fr;align-items:start;gap:4rem;padding:5rem 2.5rem;display:grid}.contact-item{align-items:flex-start;gap:14px;margin-bottom:1.5rem;display:flex}.contact-icon{flex-shrink:0;width:44px;height:44px}.contact-label{color:var(--text-hint);text-transform:uppercase;letter-spacing:.09em;margin-bottom:4px;font-size:.72rem}.contact-value{color:var(--text-primary);font-size:.94rem;font-weight:500}.contact-value a{color:var(--accent);text-decoration:none;transition:opacity .2s}.contact-value a:hover{opacity:.75}.contact-form{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:2rem;transition:box-shadow .2s}[data-theme=light] .contact-form{box-shadow:0 4px 20px #00000017}.form-title{font-family:var(--font-condensed);color:var(--text-primary);margin-bottom:1.5rem;font-size:1.4rem;font-weight:700}.form-row{margin-bottom:1rem}.form-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.09em;margin-bottom:6px;font-size:.72rem;display:block}.form-input,.form-textarea{background:var(--input-bg);border:1px solid var(--input-border);width:100%;color:var(--text-primary);font-family:var(--font-body);border-radius:4px;outline:none;padding:10px 14px;font-size:.9rem;transition:border-color .2s}.form-input:focus,.form-textarea:focus{border-color:var(--border-hover)}.form-textarea{resize:vertical;min-height:90px}@media (max-width:960px){.contact-section{grid-template-columns:1fr;gap:2.5rem}}.input-error{border-color:var(--badge-oferta)!important}.form-error{color:var(--badge-oferta);margin-top:4px;font-size:.72rem;display:block}
.hero{flex-direction:column;justify-content:center;min-height:100vh;display:flex;position:relative;overflow:hidden}[data-theme=light] .hero{background:linear-gradient(145deg,#ede9e0 0%,#f4f0e8 40%,#eae5db 100%)}.hero-bg{z-index:0;background:radial-gradient(70% 70% at 72% 52%,#fbac0c14 0%,#0000 65%),radial-gradient(40% 50% at 20% 80%,#fbac0c0a 0%,#0000 60%);transition:background .4s;position:absolute;inset:0}[data-theme=light] .hero-bg{background:radial-gradient(60% 80% at 75%,#fbac0c52 0%,#fbac0c14 45%,#0000 70%),radial-gradient(40% 40% at 95% 5%,#fbac0c2e 0%,#0000 60%),radial-gradient(50% 45% at 5% 95%,#fbac0c24 0%,#0000 55%),radial-gradient(80% 50%,#fbac0c0d 0%,#0000 70%),radial-gradient(60% 30% at 30% 0,#c8a03c14 0%,#0000 60%)}.hero-grid{z-index:0;background-image:linear-gradient(var(--hero-dot-bg) 1px, transparent 1px), linear-gradient(90deg, var(--hero-dot-bg) 1px, transparent 1px);background-size:60px 60px;position:absolute;inset:0}[data-theme=light] .hero-grid{background-image:linear-gradient(#0000000f 1px,#0000 1px),linear-gradient(90deg,#0000000f 1px,#0000 1px)}.hero-content{z-index:2;grid-template-columns:1fr 1fr;align-items:center;gap:3rem;min-height:calc(100vh - 64px);padding:3rem 2.5rem;display:grid;position:relative}.hero-left{flex-direction:column;justify-content:center;display:flex}.hero-tag{color:var(--accent);letter-spacing:.1em;text-transform:uppercase;background:#fbac0c1a;border:1px solid #fbac0c47;border-radius:2px;align-items:center;gap:8px;width:fit-content;margin-bottom:1.5rem;padding:6px 14px;font-size:.75rem;font-weight:600;display:inline-flex}.tag-dot{background:var(--accent);border-radius:50%;width:6px;height:6px;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.hero-title{font-family:var(--font-condensed);letter-spacing:-.01em;margin-bottom:1.5rem;font-size:clamp(2.4rem,4.5vw,4.2rem);font-weight:800;line-height:1}.hero-title .accent{color:var(--accent)}.hero-title .outline{-webkit-text-stroke:1.5px var(--text-muted);color:#0000}.hero-sub{color:var(--text-muted);max-width:440px;margin-bottom:2.5rem;font-size:1rem;line-height:1.75}.hero-ctas{flex-wrap:wrap;gap:1rem;margin-bottom:3rem;display:flex}.btn-hero{background:var(--accent);color:#111;font-family:var(--font-condensed);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;border:none;border-radius:4px;padding:13px 32px;font-size:1rem;font-weight:800;text-decoration:none;transition:background .2s,transform .15s;display:inline-block}.btn-hero:hover{background:var(--accent-hover);transform:translateY(-1px)}.hero-stats{border-top:1px solid var(--border);gap:2.5rem;padding-top:2rem;display:flex}[data-theme=light] .hero-stats{border-top-color:#00000026}.stat-num{font-family:var(--font-condensed);color:var(--accent);font-size:2.1rem;font-weight:800;line-height:1}.stat-label{color:var(--text-hint);text-transform:uppercase;letter-spacing:.08em;margin-top:5px;font-size:.72rem}.hero-right{justify-content:center;align-items:center;display:flex}.hero-diamond-wrap{justify-content:center;align-items:center;width:340px;height:340px;display:flex;position:relative}.diamond-ring{pointer-events:none;border-radius:50%;position:absolute}.d-ring-1{border:2px solid var(--ring-color);width:340px;height:340px;animation:22s linear infinite spin-cw}.d-ring-2{border:1px solid var(--ring-color-2);width:268px;height:268px;animation:14s linear infinite reverse spin-cw}.d-ring-3{border:1px solid var(--ring-color);opacity:.4;width:430px;height:430px;animation:34s linear infinite spin-cw}@keyframes spin-cw{to{transform:rotate(360deg)}}.hero-logo-glow{z-index:1;pointer-events:none;background:radial-gradient(#fbac0c33 0%,#0000 68%);border-radius:50%;width:260px;height:260px;transition:background .4s;position:absolute}[data-theme=light] .hero-logo-glow{background:radial-gradient(#fbac0c73 0%,#fbac0c1a 50%,#0000 70%)}.hero-svg-logo{z-index:2;filter:drop-shadow(0 0 30px #fbac0c59);width:240px;height:240px;transition:filter .4s;animation:6s ease-in-out infinite float;position:relative}[data-theme=light] .hero-svg-logo{filter:drop-shadow(0 0 42px #fbac0c8c)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@media (max-width:960px){.hero-content{grid-template-columns:1fr}.hero-right{display:none}.hero-stats,.hero-ctas{justify-content:center}}@media (max-width:580px){.hero-content{padding:3rem 1.25rem}}
.carousel-wrap{position:relative;overflow:hidden}.carousel-track{will-change:transform;gap:1.25rem;transition:transform .5s cubic-bezier(.4,0,.2,1);display:flex}.carousel-nav{justify-content:flex-end;align-items:center;gap:.5rem;margin-bottom:1.25rem;display:flex}.carousel-dots{gap:6px;margin-right:auto;display:flex}.dot{background:var(--border);cursor:pointer;border:none;border-radius:50%;width:6px;height:6px;transition:background .2s,width .2s}.dot.active{background:var(--accent);border-radius:3px;width:18px}.carousel-btn{background:var(--bg-card);border:1px solid var(--border);width:36px;height:36px;color:var(--text-primary);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:1rem;transition:border-color .2s,background .2s;display:flex}.carousel-btn:hover{border-color:var(--accent);background:#fbac0c1a}.product-card{background:var(--bg-card);border:1px solid var(--border);min-width:220px;box-shadow:var(--shadow-card);border-radius:10px;flex:0 0 calc(25% - 1rem);transition:border-color .22s,transform .22s,box-shadow .22s;overflow:hidden}.product-card:hover{border-color:var(--border-hover);transform:translateY(-5px);box-shadow:0 10px 32px #fbac0c1f}[data-theme=light] .product-card{box-shadow:0 2px 14px #00000017}[data-theme=light] .product-card:hover{box-shadow:0 10px 32px #fbac0c33}.product-img{background:linear-gradient(135deg, var(--bg-surface), var(--bg));border-bottom:1px solid var(--border);justify-content:center;align-items:center;height:175px;display:flex;position:relative;overflow:hidden}.product-badge{background:var(--accent);color:#111;font-family:var(--font-condensed);letter-spacing:.06em;text-transform:uppercase;border-radius:2px;padding:3px 9px;font-size:.68rem;font-weight:700;position:absolute;top:10px;left:10px}.product-info{padding:1rem 1.1rem 1.15rem}.product-ref{color:var(--text-hint);letter-spacing:.09em;text-transform:uppercase;margin-bottom:4px;font-size:.68rem}.product-name{font-family:var(--font-condensed);color:var(--text-primary);margin-bottom:5px;font-size:1rem;font-weight:700;line-height:1.2}.product-compat{color:var(--text-muted);margin-bottom:.9rem;font-size:.76rem}.product-footer{justify-content:space-between;align-items:center;display:flex}.product-price{font-family:var(--font-condensed);color:var(--accent);font-size:1.25rem;font-weight:800}.btn-add{color:var(--accent);font-family:var(--font-condensed);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;background:#fbac0c1a;border:1px solid #fbac0c47;border-radius:4px;padding:7px 13px;font-size:.78rem;font-weight:700;transition:background .2s}.btn-add:hover{background:#fbac0c38}.carousel-skeleton{gap:1.25rem;display:flex}.carousel-skeleton-card{background:linear-gradient(90deg, var(--bg-card) 25%, var(--bg-surface) 50%, var(--bg-card) 75%);background-size:200% 100%;border-radius:10px;flex:0 0 calc(25% - 1rem);min-width:220px;height:320px;animation:1.4s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:960px){.product-card,.carousel-skeleton-card{flex:0 0 calc(50% - .75rem)}}@media (max-width:580px){.product-card,.carousel-skeleton-card{flex:0 0 85vw}}
