/* Additions to modern.css for the live (database-driven) website. Same palette, fonts and radius as the design. */
.nav-cart .cart-count{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--c-brand);color:var(--c-white);font-size:11px;font-weight:700;display:grid;place-items:center;line-height:1}
.footer-bottom{flex-wrap:wrap;gap:8px 24px}
.footer-legal{display:flex;gap:18px;flex-wrap:wrap;margin-left:auto;margin-right:24px}
.footer-legal a{color:var(--c-purple-290-6)}
.site-alert{margin:18px 0 0;padding:14px 18px;border-radius:9px;border:1px solid;font-size:15px;line-height:1.6}
.site-alert-success{background:var(--c-green-80-4);border-color:var(--c-green-180-2);color:var(--c-green-740)}
.site-alert-error,.site-alert-warning{background:var(--c-red-50-2);border-color:var(--c-red-140-2);color:var(--c-red-640)}
.site-alert-info{background:var(--c-green-270-4);border-color:var(--c-purple-120-2);color:var(--c-orange-620)}
.coming-soon{border:1px dashed var(--c-teal-200);border-radius:12px;background:var(--c-orange-40);padding:48px 28px;text-align:center}
.coming-soon h2{margin:10px 0 12px}
.coming-soon p{max-width:520px;margin:0 auto 22px;color:var(--c-green-530);line-height:1.7}
.coming-soon .eyebrow{justify-content:center}
.price-grid[data-count="1"]{grid-template-columns:minmax(0,420px);justify-content:center}
.price-grid[data-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}
.price-grid[data-count="4"]{grid-template-columns:repeat(4,minmax(0,1fr))}
.home-plan-grid[data-count="1"]{grid-template-columns:minmax(0,420px)}
.home-plan-grid[data-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:1100px){.price-grid[data-count="4"]{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:850px){.price-grid[data-count],.home-plan-grid[data-count]{grid-template-columns:1fr}}
.price-card [hidden]{display:none}
.price-section .price-card ul{list-style:none}
.price-note a{font-weight:700;text-decoration:underline}
.hp-field{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.contact-form .field-error{display:block;margin-top:6px;font-size:13px;font-weight:600;color:var(--c-red-600)}
.contact-direct{margin-top:18px;font-size:14px}
.rich-text{max-width:820px;font-size:16px;line-height:1.8;color:var(--c-green-730-3)}
.rich-text h2{font-size:24px;margin:34px 0 10px;color:var(--c-green-840)}
.rich-text h3{font-size:19px;margin:24px 0 8px}
.rich-text p,.rich-text ul,.rich-text ol{margin:0 0 16px}
.rich-text ul,.rich-text ol{padding-left:22px}
.rich-text li{margin-bottom:6px}
.rich-text a{color:var(--c-brand);text-decoration:underline}
.legal-body{padding:10px 0 90px}
.legal-contact{margin-top:30px;color:var(--c-green-530);font-size:14px}
.error-hero .error-actions{margin-top:26px;justify-content:center}
.legal-hero h1{font-size:clamp(34px,5vw,56px)}
@media(max-width:850px){.footer-legal{margin:0;width:100%}}

/* Plan sections on every group page: keep the billing note readable and give the cards room */
.price-section .pricing-plan-heading{margin-bottom:6px}
.price-section > .shell > p.billing-announcement,.price-section .billing-announcement{position:static;text-align:left;font-size:13px;line-height:1.6;color:var(--c-green-510-2);margin:20px 0 26px;min-height:21px}
.price-section .pricing-plan-heading + .price-grid{margin-top:34px}
@media(max-width:900px){.price-section > .shell > p.billing-announcement{margin:16px 0 20px}}
.price-section .billing-announcement + .price-grid{margin-top:26px!important}

/* Home: domain search band right below the hero */
.home-domain-band{background:var(--lime);padding:76px 0;border-top:1px solid var(--c-green-340-5);border-bottom:1px solid var(--c-green-340-5)}
.home-domain-band-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:56px;align-items:center}
.home-domain-band-copy .eyebrow{color:var(--c-green-690-3)}
.home-domain-band-copy h2{font-size:clamp(36px,4vw,56px);line-height:1.04;letter-spacing:-.04em;margin:16px 0 18px;color:var(--ink)}
.home-domain-band-copy h2 em{font-style:normal;color:var(--c-green-690-3)}
.home-domain-band-copy p{font-size:16px;line-height:1.7;color:var(--c-green-740-5);max-width:440px;margin:0}
.home-domain-finder{max-width:none;margin:0;background:var(--ink);border-color:var(--c-green-930-2);box-shadow:9px 10px 0 var(--c-green-400-3)}
.home-domain-finder .domain-finder-field .btn{background:var(--lime);color:var(--ink)}
.home-domain-finder .domain-finder-field .btn:hover{background:var(--c-green-200)}
.home-domain-prices{display:flex;flex-wrap:wrap;gap:8px}
.home-domain-prices a{display:inline-flex;align-items:baseline;gap:7px;padding:7px 12px;border-radius:30px;border:1px solid var(--c-white-a2e);color:var(--c-white);text-decoration:none;font-size:14px;transition:background .15s,border-color .15s}
.home-domain-prices a:hover{background:var(--c-white-a14);border-color:var(--lime)}
.home-domain-prices b{font-weight:700}
.home-domain-prices small{font-size:12px;color:var(--lime)}
@media(max-width:900px){.home-domain-band{padding:56px 0}.home-domain-band-grid{grid-template-columns:1fr;gap:28px}.home-domain-finder .domain-finder-bottom{flex-direction:column;align-items:flex-start}}
@media(max-width:560px){.home-domain-finder .domain-finder-field{flex-wrap:wrap}.home-domain-finder .domain-finder-field .btn{width:100%;min-width:0}}

/* Domain search boxes: no focus outline around the field (requested) */
.domain-finder-field:focus-within,.domain-search-field:focus-within{outline:none}
.domain-finder-field input:focus,.domain-finder-field input:focus-visible,.domain-search-field input:focus,.domain-search-field input:focus-visible,.domain-price-tools input:focus,.domain-price-tools input:focus-visible{outline:none}

/* Home service cards 5-8: new colours instead of repeating the first four */
.card-yellow{background:var(--c-card-yellow)}
.card-pink{background:var(--c-card-pink)}
.card-mint{background:var(--c-card-mint)}
.card-sand{background:var(--c-card-sand)}