/* ============================================================ BrutalMass — společný vzhled pro celý web (style.css) Barvy značky jsou definované i v každé stránky (Tailwind config). Pokud chceš měnit odstíny, hlídej obě místa. ============================================================ */ html { scroll-behavior: smooth; } body { background: #0a0a0b; } /* Brutalistický nadpisový font */ .headline { font-family: 'Oswald', sans-serif; text-transform: uppercase; letter-spacing: -0.01em; line-height: 0.95; } /* Oranžový akcentní pruh (podpis značky) */ .accent-bar { height: 3px; background: linear-gradient(90deg, #ff4d1c 0%, #c9361a 100%); } /* Zrnitost přes tmavé plochy */ .noise { background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' /%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.4'/%3E%3C/svg%3E"); opacity: 0.035; mix-blend-mode: overlay; pointer-events: none; } .hero-overlay { background: linear-gradient(180deg, rgba(10,10,11,0.55) 0%, rgba(10,10,11,0.85) 65%, #0a0a0b 100%), linear-gradient(120deg, rgba(255,77,28,0.12) 0%, rgba(10,10,11,0) 45%); } /* Scroll reveal */ .reveal { opacity: 0; transform: translateY(28px); transition: opacity 0.7s cubic-bezier(0.16,1,0.3,1), transform 0.7s cubic-bezier(0.16,1,0.3,1); } .reveal.visible { opacity: 1; transform: translateY(0); } /* Karta produktu / kategorie */ .card-hover { transition: border-color 0.35s ease, transform 0.35s ease, box-shadow 0.35s ease; } .card-hover:hover { border-color: rgba(255,77,28,0.55); transform: translateY(-4px); box-shadow: 0 20px 50px -20px rgba(255,77,28,0.25); } /* CTA lesk */ .btn-ember { position: relative; overflow: hidden; } .btn-ember::after { content: ''; position: absolute; top: 0; left: -120%; width: 60%; height: 100%; background: linear-gradient(120deg, transparent, rgba(255,255,255,0.35), transparent); transform: skewX(-20deg); transition: left 0.6s ease; } .btn-ember:hover::after { left: 140%; } ::selection { background: #ff4d1c; color: #0a0a0b; } /* Navigace */ #nav { transition: background-color 0.3s ease, backdrop-filter 0.3s ease, border-color 0.3s ease; } #nav.scrolled { background: rgba(10,10,11,0.85); backdrop-filter: blur(12px); border-color: rgba(255,255,255,0.08); } /* FAQ */ .faq-item summary::-webkit-details-marker { display: none; } .faq-item summary::marker { content: ""; } .faq-item summary { transition: background-color 0.2s ease; } .faq-item summary:hover { background-color: rgba(255,77,28,0.05); } /* Galerie na detailu produktu */ .gallery-main { transition: opacity 0.25s ease; } .gallery-thumb { transition: border-color 0.2s ease, opacity 0.2s ease; opacity: 0.6; } .gallery-thumb.active { opacity: 1; border-color: #ff4d1c; } .gallery-thumb:hover { opacity: 1; } /* Odznak "k doplnění" – ať je jasné, co přepsat */ .todo-badge { background: rgba(255,77,28,0.12); color: #ff8a5c; border: 1px dashed rgba(255,77,28,0.5); } /* Přístupnost */ a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible { outline: 2px solid #ff4d1c; outline-offset: 3px; } @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } .reveal { opacity: 1; transform: none; transition: none; } .btn-ember::after { display: none; } }