/* contact-r001.css: the sales number 01 778 0190 (the tel: links of the header, the mobile menu, the form section,
   the footer and the call button) and the free-month line next to the prices. Loaded by the main pages and by
   /predogled, after their own stylesheets. A new name is a new revision (the cache rule of Caddy); do not edit in
   place once a release has served it. Exception: the header text size and the header layout at 761 to 800 px of 27 Oct (D2 additions); the pages that link this sheet with ?v=<SHA> read the edit at once. (r001 had not been served yet when the two call buttons went from 12 px to
   14 px, so that change was made here.) */
.phone-icon{width:16px;height:16px;flex:none}
.header-phone{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;font-size:14px;font-weight:750;color:var(--blue-dark,#14324F);margin-left:auto;text-decoration:none}
.header-phone:hover{text-decoration:underline}
.header-phone+.header-cta,.header-phone+.button,.header-link+.header-phone{margin-left:0}
.mobile-menu nav>a.menu-phone{display:flex;align-items:center;gap:10px;color:var(--blue-dark,#14324F);font-weight:750}
.footer a.footer-phone{display:flex;align-items:center;gap:8px;margin-top:10px;font-weight:750}
.call-button{gap:12px;line-height:1.35;text-align:left}
.call-button .phone-icon{width:19px;height:19px}
.hero .actions .call-button{font-size:15px;padding:12px 18px}
.form-layout>aside .call-button{margin-top:6px;font-size:15px}
.offer-section .offer-free-month{margin:-8px 0 26px;font-size:17px;font-weight:700;line-height:1.4;color:#ffb28b}
.plans-section .offer-free-month{margin:22px 0 0;font-size:16px;font-weight:800;line-height:1.4;color:var(--accent-dark,#923817)}
.signup-card .call-button-card{width:100%;margin-top:16px;font-size:14px}
.hero-copy>.call-button{margin-top:12px;font-size:14px}
@media(max-width:1100px){.header-phone{font-size:14px;gap:5px}.header-phone .phone-icon{width:14px;height:14px}}
@media(min-width:761px) and (max-width:900px){.header-phone .phone-icon{display:none}.nav-wrap{gap:10px}.desktop-nav{gap:10px}.desktop-nav a,.header-cta{white-space:nowrap}.header-cta{padding:10px 9px}.header-cta .icon{display:none}}
/* The text of the header is at least 14 px (26 Oct: at least 14 px on a phone, 15 px recommended; S44, decision 10.38). Between 761 and 1100 px the older rules (this sheet, style.css and revision-r002.css) give 12 px; the rules below start with `body` so that they are stronger than the older rule of the same shape. Between 761 and 800 px (a tablet in portrait) the row of the header at 14 px was 26 to 33 px too wide when measured (761 and 768 px), so the gaps, the padding of the button and the logo give the space back. */
@media(min-width:761px) and (max-width:1100px){body.r002 .desktop-nav{font-size:14px}body .header-cta{font-size:14px}}
@media(min-width:761px) and (max-width:800px){body .nav-wrap{gap:8px}body.r002 .desktop-nav{gap:8px}body .header-cta{padding:10px 8px}body .logo img{width:108px}}
@media(max-width:760px){.offer-section .offer-free-month{margin:-6px 0 20px;font-size:15px}.plans-section .offer-free-month{margin-top:18px;font-size:15px}.header .header-phone{margin-left:auto;font-size:11px}.nav-wrap .header-phone{display:none}}
@media(max-width:360px){.header-phone .phone-icon{display:none}}