@media (min-width:640px) {
 .container { width: min(calc(100% - 64px),var(--pino-width)); }
 .menu-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (min-width:783px) { .admin-bar .site-header { top: 32px; } }
@media (min-width:1024px) {
 body { padding-bottom: 0; }
 .container { width: min(calc(100% - 96px),var(--pino-width)); }
 .nav-toggle,.mobile-cta,.primary-nav .mobile-extra { display: none !important; }
 .primary-nav,.js .primary-nav:not(.is-open) { display: block; width: auto; max-height: none; overflow: visible; }
 .primary-nav .nav-list { display: flex; flex-wrap: wrap; align-items: center; gap: 18px; }
 .primary-nav .nav-list a { font-size: 11px; padding: 12px 0; }
 .primary-nav .nav-list > li:last-child > a { padding: 9px 16px; background: var(--pino-accent); color: var(--pino-white); }
 .primary-nav .nav-list > li { position: relative; }
 .primary-nav .sub-menu { display: none; position: absolute; background: var(--pino-bg-light); min-width: 180px; padding: 8px 16px; z-index: 20; }
 .primary-nav li:focus-within > .sub-menu { display: block; }
 .header-inner { flex-wrap: nowrap; padding-block: 21px; }
 .menu-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
 .site-footer { padding-block: 64px 36px; }
}
@media (min-width:1280px) { .primary-nav .nav-list { gap: 26px; } .primary-nav .nav-list a { font-size: 12px; } }
@media (hover:hover) and (pointer:fine) and (min-width:1024px) { .primary-nav li:hover > .sub-menu { display: block; } }
@media print { .mobile-cta,.nav-toggle,.primary-nav { display: none !important; } body { padding-bottom: 0; } .js .site-header { position: static; } }