
:root{--r:#e30613;--d:#20252b;--m:#5f666e;--w:1220px}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#171a1f}img{display:block;max-width:100%}.wrap{width:min(var(--w),calc(100% - 40px));margin:auto}
header{background:#fff;position:relative;z-index:20}.brand{height:125px;display:flex;align-items:center;justify-content:space-between;gap:35px}.brand-love{width:310px;max-height:108px;object-fit:contain;object-position:left center}.local{width:108px;height:108px;object-fit:contain}.menuBtn{display:none;border:0;background:none;font-size:30px}
nav{border-top:1px solid #eee;border-bottom:1px solid #eee}.nav{list-style:none;margin:0;padding:0;display:flex;justify-content:center;gap:clamp(16px,2.4vw,38px)}.nav>li{position:relative}.nav a{display:block;padding:19px 0 16px;text-decoration:none;color:#222;font-size:13px;font-weight:700;text-transform:uppercase}.nav>li>a:hover,.nav .current-menu-item>a{color:var(--r)}.sub{position:absolute;left:-16px;top:100%;background:#fff;min-width:220px;list-style:none;padding:7px 0;margin:0;box-shadow:0 12px 30px #0002;border-top:3px solid var(--r);display:none}.sub a{padding:11px 17px;text-transform:none}.nav li:hover>.sub{display:block}
.social{background:var(--r);color:white;padding:23px 0}.socialIn{display:flex;justify-content:center;gap:70px}.social a{color:white;text-decoration:none;font-weight:700}.social small{display:block;font-weight:400;margin-bottom:4px}footer{background:var(--d);color:white;padding:25px 0}.foot{display:flex;justify-content:space-between;gap:20px}.links{display:flex;gap:22px}.links a{color:white;text-decoration:none}
@media(max-width:980px){.menuBtn{display:block}.brand{height:92px}.brand-love{width:225px;max-height:76px}.local{width:76px;height:76px}.nav{display:none;position:absolute;left:0;right:0;background:white;flex-direction:column;gap:0;padding:10px 25px 20px;box-shadow:0 15px 30px #0002}.nav.open{display:flex}.nav a{padding:12px 0}.sub{position:static;box-shadow:none;border:0;padding-left:18px;display:block}}
@media(max-width:650px){.wrap{width:calc(100% - 28px)}.brand-love{width:178px;max-height:66px}.local{width:62px;height:62px}.brand{height:78px;gap:12px}.socialIn,.foot{flex-direction:column;gap:18px}.links{flex-wrap:wrap}}

/* v1.3.1 – local identity, centered navigation and responsive header */
.brand{position:relative;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:32px}
.brand-brk{justify-self:start}.brand-local{justify-self:end}.brand-title{text-align:center;line-height:1.05;color:#20252b;white-space:nowrap}.brand-title span{display:block;font-size:18px;font-weight:600;letter-spacing:.04em}.brand-title strong{display:block;margin-top:5px;font-size:26px;font-weight:800;letter-spacing:-.015em}
nav .nav{width:max-content;max-width:calc(100% - 40px);margin-left:auto;margin-right:auto}
@media(max-width:980px){
 .brand{display:grid;grid-template-columns:auto 1fr auto;gap:18px;height:92px}
 .brand-brk{display:none}.brand-local{justify-self:start}.local{width:72px;height:72px}
 .brand-title{justify-self:start;text-align:left;white-space:normal}.brand-title span{font-size:14px;letter-spacing:.02em}.brand-title strong{font-size:20px;margin-top:3px}
 .menuBtn{justify-self:end;color:#0b8bd8;line-height:1}
 nav .nav{width:auto;max-width:none;margin:0}
}
@media(max-width:650px){
 .brand{height:82px;gap:12px}.local{width:62px;height:62px}.brand-title span{font-size:12px}.brand-title strong{font-size:17px}.menuBtn{font-size:31px;padding:5px}
 .pagehero .breadcrumb,.hero-page .breadcrumb,.inner-hero .breadcrumb{color:rgba(255,255,255,.92);text-shadow:0 1px 4px rgba(0,0,0,.75)}
 .pagehero .breadcrumb a,.hero-page .breadcrumb a,.inner-hero .breadcrumb a{color:#fff;text-decoration:none}
}
