
.brand-logo{display:flex;align-items:center;text-decoration:none;line-height:1}
.site-logo-img{display:block;width:330px;height:auto;max-width:100%;object-fit:contain;object-position:left center}
.site-header .nav-wrap{min-height:96px;gap:28px}
.site-header .main-nav{white-space:nowrap;flex-wrap:nowrap;gap:22px}
.site-header .main-nav a{white-space:nowrap}
.site-footer a{text-decoration:none}
@media(max-width:980px){
  .site-header .main-nav{white-space:normal;flex-wrap:wrap}
}
@media(max-width:768px) and (orientation:portrait){
  .brand-logo{flex:1;min-width:0}
  .site-logo-img{width:210px;height:auto;max-width:calc(100vw - 105px);object-position:left center}
  .site-header .nav-wrap{min-height:90px;gap:12px}
  .site-header .menu-toggle{flex:0 0 auto}
}


/* Gelijke uitlijning productkaarten */
.product-grid{align-items:stretch}
.product-card{display:flex;flex-direction:column;height:100%}
.product-card .product-body{display:flex;flex-direction:column;flex:1}
.product-card .product-body>h3{
  min-height:3.25em;
  margin-bottom:12px;
}
.product-card .product-excerpt{
  min-height:7.2em;
  margin-bottom:12px;
}
.product-card .product-details{margin-top:0}
.product-card .price{margin-top:auto}
.product-card .product-info-btn{margin-top:0}
@media(max-width:768px){
  .product-card .product-body>h3,
  .product-card .product-excerpt{min-height:0}
}


/* 2026-09 compactere navigatie en footer */
.site-footer{padding:38px 0}
.footer-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:42px;align-items:start}
.footer-brand strong,.footer-links strong{display:block;color:#fff;margin-bottom:10px}
.footer-brand p{margin:0;max-width:360px;color:#c7d5e1}
.footer-links{display:flex;flex-direction:column;gap:8px}
.footer-links a{color:#c7d5e1;text-decoration:none}
.footer-links a:hover{text-decoration:underline;color:#fff}
@media(max-width:1120px){
  .site-header .menu-toggle{display:block}
  .site-header .main-nav{display:none;position:absolute;top:96px;left:0;right:0;background:#fff;padding:18px 20px;flex-direction:column;align-items:stretch;gap:4px;border-bottom:1px solid var(--line);box-shadow:0 16px 35px rgba(16,42,67,.12);max-height:calc(100vh - 96px);overflow:auto;white-space:normal}
  .site-header .main-nav.open{display:flex}
  .site-header .main-nav a{padding:10px 8px;white-space:normal}
  .site-header .main-nav .btn{margin-top:4px;padding:12px 16px}
}
@media(max-width:768px) and (orientation:portrait){
  .site-header .main-nav{top:90px;max-height:calc(100vh - 90px)}
}
@media(max-width:620px){
  .footer-grid{grid-template-columns:1fr;gap:24px}
  .site-footer{padding:32px 0}
}
@media(max-width:520px){
  .site-header .main-nav{top:64px;max-height:calc(100vh - 64px)}
}


/* 2026-09: SnowRent-relatie blijft op relevante inhoudelijke plekken zichtbaar.
   Geen extra tekst meer direct onder ieder logo. */
.brand-logo{flex-direction:row;align-items:center;gap:0}
.brand-logo::after{content:none!important;display:none!important}
.footer-brand::after{
  content:"HuurjeSneeuwkettingen.nl · SnowRent";
  display:block;
  margin-top:10px;
  color:rgba(255,255,255,.72);
  font-size:12px;
  line-height:1.4;
  font-weight:500;
}
@media(max-width:768px){
  .brand-logo{gap:0}
}
/* subtle-snowrent */
.logo-subbrand,.brand-subtitle,.snowrent-brand,.snowrent-note{
  font-size:.68rem;
  font-weight:500;
  opacity:.58;
  letter-spacing:.01em;
}
@media (max-width:700px){
  .logo-subbrand,.brand-subtitle,.snowrent-brand,.snowrent-note{font-size:.62rem;opacity:.55}
}


/* Actief hoofdmenu: alleen desktop */
@media (min-width:1241px){
  .main-nav a[aria-current="page"]:not(.btn){
    color:#1769aa !important;
    font-weight:800;
    position:relative;
  }
  .main-nav a[aria-current="page"]:not(.btn)::after{
    content:"";
    position:absolute;
    left:0;right:0;bottom:-6px;
    height:2px;border-radius:2px;
    background:currentColor;
  }
}
@media (max-width:1240px){
  .main-nav a[aria-current="page"]:not(.btn){
    color:inherit !important;
    font-weight:inherit;
  }
  .main-nav a[aria-current="page"]:not(.btn)::after{
    content:none !important;
    display:none !important;
  }
}
