:root{--brand:#ed1c24;--brand-dark:#b50812;--navy:#10233f;--gold:#f4b72a;--cream:#fff9ee}
body{background:linear-gradient(180deg,#fff 0,#f7f9fc 480px);color:#243247}
.announcement{display:flex;justify-content:space-between;gap:20px;background:var(--navy);font-size:.84rem;letter-spacing:.02em}.announcement strong{color:#fff}.announcement span{color:#cbd7e7}
.license{display:none}.hero{min-height:390px;position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);gap:40px;padding:54px 0;overflow:hidden}.hero:before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,#ffe5a8 0,#fff7e4 60%,transparent 61%);right:0;z-index:-1}.brand-lockup{display:flex;align-items:center;gap:20px}.hero .brand-logo{width:112px;height:112px;background:#fff;box-shadow:0 10px 30px #15243a1a;padding:6px}.hero h1{font-size:clamp(3.6rem,7vw,6.7rem);color:var(--brand)}.eyebrow{display:inline-block;color:var(--brand);font-weight:700;text-transform:uppercase;letter-spacing:.13em;font-size:.78rem;margin-bottom:8px}.hero-copy{font-size:clamp(1.05rem,2vw,1.28rem);max-width:610px;color:#506078;margin:16px 0 24px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.btn-gold{background:var(--gold);color:#17243a}.btn-outline{background:transparent;color:var(--navy);border:2px solid #ccd4df}.hero-visual{position:relative;display:flex;align-items:center;justify-content:center}.hero-visual img{border-radius:18px;filter:drop-shadow(0 22px 22px #14233c2e)}.hero-visual .pack-main{width:64%;transform:rotate(5deg)}.hero-visual .pack-side{width:43%;margin-left:-15%;transform:translateY(55px) rotate(-8deg)}.quality-badge{position:absolute;right:0;top:8px;background:#fff;border-radius:12px;padding:9px 12px;box-shadow:var(--shadow)}.quality-badge img{width:155px;height:auto;border-radius:0;filter:none}
nav{background:rgba(16,35,63,.97)}.nav-inner{min-height:58px}.nav-links{display:flex;align-items:center;justify-content:center;gap:8px;width:100%}.nav-links .login-link{margin-left:auto}.nav-inner a{font-weight:600}.nav-inner a:hover{background:#ffffff18;color:#fff}.nav-inner .login-link{background:var(--brand);padding-inline:22px}.menu-toggle{display:none;border:0;background:transparent;color:#fff;font-size:1.45rem;padding:12px;cursor:pointer}
main{padding-top:20px}.card{border:1px solid #e8edf3;box-shadow:0 12px 34px rgba(21,39,66,.07)}h2{color:var(--navy)}h2 i{color:var(--brand)}#home{text-align:center;background:linear-gradient(135deg,var(--navy),#1c426e);color:#fff}#home h2{justify-content:center;color:#fff}#home h2 i{color:var(--gold)}#home p{max-width:850px;margin:auto;color:#dfe8f4}
#about{position:relative;border-left:5px solid var(--brand)}#products{background:var(--cream)}.gallery{gap:24px}.product{background:#fff!important;border:1px solid #ece7dc;padding:16px;box-shadow:0 8px 22px rgba(31,39,52,.08)}.product img{background:linear-gradient(145deg,#fff,#f7f2e8);transition:transform .25s}.product:hover img{transform:scale(1.04)}.product h3{color:var(--navy);font-size:1.08rem}.product p{color:var(--brand);font-weight:700}
#contact{background:linear-gradient(135deg,#fff,#f2f7fd)}.contact-lines{line-height:1.9;padding:18px;border-radius:12px;background:#fff;border:1px solid #e8edf3}.contact-lines strong{color:var(--navy)}.contact-lines i{width:24px;color:var(--brand)}footer{background:#09182d;border-top:4px solid var(--brand)}
@media(max-width:800px){.announcement{justify-content:center}.announcement span{display:none}.hero{min-height:auto;grid-template-columns:1fr;padding:34px 0}.hero-copy{text-align:center;margin-inline:auto}.brand-lockup{justify-content:center}.hero-actions{justify-content:center}.hero-visual{max-width:430px;margin:auto}.quality-badge{right:0;top:6px}.menu-toggle{display:block}.nav-inner{flex-wrap:wrap;justify-content:space-between}.nav-links{display:none;flex-basis:100%;flex-direction:column;padding:4px 0 12px}.nav-links.open{display:flex}.nav-links a{display:block;text-align:center}.nav-links .login-link{margin:4px 0}.gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.hero{padding:27px 0}.brand-lockup{gap:12px}.hero .brand-logo{width:76px;height:76px}.hero h1{font-size:3.3rem}.hero-visual .pack-main{width:57%}.hero-visual .pack-side{width:39%}.quality-badge img{width:120px}.quality-badge{padding:6px 8px}.gallery{grid-template-columns:1fr}.announcement{font-size:.74rem}.btn{width:100%;text-align:center}}