/* KEWASTE: one menu for every page, with the About drop-down (Oct 2026) */
nav.menu .dd{position:relative}
nav.menu .dd-btn{font:700 .92rem var(--body);color:rgba(243,241,231,.8);background:none;border:0;cursor:pointer;display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0}
nav.menu .dd-btn::after{content:'';width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .15s}
nav.menu .dd-btn:hover,nav.menu .dd.current .dd-btn{color:#fff}
nav.menu .dd.current .dd-btn{box-shadow:0 2px 0 var(--lime)}
nav.menu .dd-menu{display:none;position:absolute;top:100%;left:-14px;min-width:210px;padding:8px;background:var(--forest);border:1px solid rgba(243,241,231,.14);border-radius:14px;box-shadow:0 18px 40px rgba(0,0,0,.45);flex-direction:column;z-index:120}
nav.menu .dd-menu a{display:flex;padding:10px 12px;border-radius:9px;min-height:0;box-shadow:none!important}
nav.menu .dd-menu a:hover,nav.menu .dd-menu a[aria-current]{background:rgba(243,241,231,.08);color:#fff}
nav.menu .dd-menu a[aria-current]{box-shadow:inset 3px 0 0 var(--lime)!important}
@media (min-width:961px){
  nav.menu .dd:hover .dd-menu,nav.menu .dd:focus-within .dd-menu,nav.menu .dd.open .dd-menu{display:flex}
  nav.menu .dd:hover .dd-btn::after,nav.menu .dd.open .dd-btn::after{transform:translateY(1px) rotate(225deg)}
  nav.menu .dd::before{content:'';position:absolute;left:0;right:0;top:100%;height:10px}
}
@media (max-width:1100px) and (min-width:961px){nav.menu{gap:18px}}
/* phone and tablet: the About pages are listed under their heading, always open */
@media (max-width:960px){
  nav.menu{max-height:calc(100vh - 64px);overflow-y:auto}
  nav.menu .dd-btn{width:100%;padding:16px 6px 6px;min-height:0;font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(243,241,231,.5);cursor:default;box-shadow:none!important}
  nav.menu .dd-btn::after{display:none}
  nav.menu .dd-menu{display:flex;position:static;min-width:0;padding:0 0 6px;background:none;border:0;box-shadow:none;border-bottom:1px solid rgba(243,241,231,.12);border-radius:0}
  nav.menu .dd-menu a{padding:11px 6px 11px 16px;border-bottom:0;border-radius:8px}
  nav.menu .dd-menu a[aria-current]{background:rgba(243,241,231,.06)}
}
@media (max-width:960px){nav.menu a.cta{justify-content:center}}

/* ===== Polish (Oct 2026): touch targets, footer contacts, phone spacing ===== */
nav.menu > a{min-height:44px;display:inline-flex;align-items:center}
.nav-inner > a:first-child{display:inline-flex;align-items:center;min-height:44px}
.foot-links{display:flex;flex-wrap:wrap;gap:0 22px;width:100%;order:3}
.foot-links a{display:inline-flex;align-items:center;min-height:44px;color:var(--flap);font-weight:700;text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(243,241,231,.35)}
.foot-links a:hover{text-decoration-color:currentColor}
.foot > span{order:4}
.social a{width:44px;height:44px}
@media (max-width:900px){
  footer .foot{padding-bottom:96px}           /* room for the floating WhatsApp button */
}
@media (max-width:700px){
  .page-hero{padding:32px 0 30px}
  .page-hero.split .wrap{gap:26px}
  .foot-links{flex-direction:column;gap:0}
}
/* rates table on phones: plan | price | unit, prices lined up on the right */
@media (max-width:700px){
  .rates-table td{display:grid;grid-template-columns:1fr auto auto;column-gap:8px;align-items:baseline}
  .rates-table td::before,.rates-table td strong,.rates-table td span{white-space:nowrap}
  .rates-table td strong{margin:0;text-align:right}
}
@media (max-width:380px){
  .rates-table td{padding-left:14px;padding-right:14px;column-gap:6px}
  .rates-table td strong{font-size:1.05rem}
  .rates-table td span{font-size:.8rem}
}