/* ================================================================
   GK.01.055 — PREMIUM POLISH LAYER
   Loaded LAST on every page. Refines only: spacing, rhythm, type
   scale, shadows, radii, hover/transition, focus, alignment.
   No layout changes, no colour system changes, no content changes.
   Designed & Developed by Sahil Zaini / Zaini Developers
   Powered by YCS Trust
   ================================================================ */

:root{
  /* refined shadow ladder — softer, lower, less spread */
  --gp-sh-xs:0 1px 2px rgba(13,31,60,.04);
  --gp-sh-sm:0 2px 6px rgba(13,31,60,.05), 0 12px 26px -20px rgba(13,31,60,.22);
  --gp-sh-md:0 4px 12px rgba(13,31,60,.06), 0 24px 48px -26px rgba(13,31,60,.28);
  --gp-sh-lg:0 8px 20px rgba(13,31,60,.07), 0 40px 80px -34px rgba(13,31,60,.34);
  --gp-sh-gold:0 12px 28px -14px rgba(160,124,20,.5);
  --gp-r-sm:12px; --gp-r:16px; --gp-r-lg:20px; --gp-r-xl:26px;
  --gp-t:.28s cubic-bezier(.4,0,.2,1);
  --gp-t-slow:.32s cubic-bezier(.22,1,.36,1);
  --gp-line:rgba(13,31,60,.10);
  --gp-line-2:rgba(13,31,60,.06);
}

/* ---------------------------------------------------------------
   1. TYPOGRAPHY — tighter hierarchy, better rhythm
   --------------------------------------------------------------- */
body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;font-feature-settings:"kern" 1,"liga" 1}
h1,h2,h3,h4,h5{text-wrap:balance}
p,li{text-wrap:pretty}
h1{line-height:1.06;letter-spacing:-.022em}
h2{line-height:1.14;letter-spacing:-.018em}
h3{line-height:1.24;letter-spacing:-.012em}
h4,h5{line-height:1.3;letter-spacing:-.006em}
h2+p,h3+p{margin-top:.55em}
p{line-height:1.72}
small,.small{line-height:1.55}
/* numerals align in every price / stat */
.stat b,.stat-num,.num,.price,.pkg-price,[class*="price"] b,[class*="stat"] b,
.h2x-stat b,.kpi b,td b{font-variant-numeric:tabular-nums;letter-spacing:-.015em}
/* eyebrows / kickers — consistent everywhere */
.kicker,.eyebrow,[class*=kicker],[class*=eyebrow]{line-height:1.4}
/* long uppercase labels never squash */
.mega-label,.mega-title{line-height:1.5}

/* ---------------------------------------------------------------
   2. HEADER + NAVIGATION — breathing room, no collisions
   --------------------------------------------------------------- */
.site-header{box-shadow:0 1px 0 var(--gp-line-2),0 10px 30px -26px rgba(13,31,60,.4)!important}
.header-inner{gap:clamp(14px,2vw,30px);align-items:center}
.brand{gap:12px;align-items:center}
.brand-mark{flex:none}
.brand-name{line-height:1.1;letter-spacing:-.01em}
.brand-tag{line-height:1.2;letter-spacing:.16em;white-space:nowrap;margin-top:2px;font-size:.58rem}
.header-inner{gap:clamp(10px,1.2vw,22px)!important}
/* Desktop nav only — never override the mobile breakpoints that hide it. */
@media(min-width:993px){
  .main-nav{display:flex;align-items:center;gap:0;flex-wrap:nowrap;min-width:0;
    justify-content:center;flex:1 1 auto}
  .main-nav .nav-item{display:flex;align-items:center;flex:none}
  .main-nav .nav-link{padding:10px 11px!important;font-size:.875rem;white-space:nowrap;
    display:inline-flex;align-items:center;gap:6px;line-height:1;
    transition:background var(--gp-t),color var(--gp-t)}
}
@media(min-width:993px) and (max-width:1620px){.main-nav .nav-link{padding:9px 8px!important;font-size:.845rem;gap:5px}}
@media(min-width:993px) and (max-width:1400px){.main-nav .nav-link{padding:9px 6px!important;font-size:.81rem}}
@media(min-width:993px) and (max-width:1240px){.main-nav .nav-link{padding:8px 5px!important;font-size:.78rem}}
/* header right cluster never gets overlapped by the last nav item */
.header-cta,.hdr-phone{flex:none!important;z-index:2;position:relative}
.header-cta{display:flex;align-items:center;gap:10px}
/* the header CTA + search never collide with the last nav item */
.header-inner>.btn,.header-inner .btn-gold,.header-inner .btn-navy{flex:none;margin-left:8px}
.header-inner [class*="search"],.header-inner .srch,.header-inner .nav-search{flex:none;margin-left:6px}
.main-nav .car{flex:none;opacity:.65;transition:transform var(--gp-t),opacity var(--gp-t)}
.nav-item:hover .car,.nav-item:focus-within .car{opacity:1;transform:rotate(180deg)}

/* mega menu — calmer, tighter, easier to scan */
.mega{border-radius:0 0 var(--gp-r-lg) var(--gp-r-lg)!important;
  box-shadow:0 30px 70px -30px rgba(13,31,60,.42),0 2px 0 var(--gp-line-2)!important;
  padding:22px 24px 24px!important}
.mega-col{padding:0 4px}
.mega-label,.mega-title{margin-bottom:10px!important;font-size:.66rem!important}
.drop-link,.sub-link,.svc-tab{padding:9px 11px!important;border-radius:var(--gp-r-sm)!important;
  line-height:1.35;transition:background var(--gp-t),color var(--gp-t),transform var(--gp-t)!important}
.drop-link:hover,.sub-link:hover,.svc-tab:hover{transform:translateX(3px)!important}
.drop-link .ic,.sub-link .ic,.svc-tab .i3d{flex:none;width:30px;height:30px;border-radius:10px!important}
.svc-tab .arr{margin-left:auto;opacity:.5;transition:opacity var(--gp-t),transform var(--gp-t)}
.svc-tab:hover .arr{opacity:1;transform:translateX(2px)}

/* sub-strips / topbars */
.topbar,.fz-sub{padding-top:9px;padding-bottom:9px}
.topbar a,.fz-sub a{transition:color var(--gp-t),opacity var(--gp-t)}
.notice-strip{padding:9px 0;letter-spacing:.005em}
.notice-strip a{text-underline-offset:3px}

/* ---------------------------------------------------------------
   3. SECTION RHYTHM — consistent vertical spacing
   --------------------------------------------------------------- */
main section,section.sec,.section{padding-top:clamp(52px,5.6vw,96px);padding-bottom:clamp(52px,5.6vw,96px)}
main section+section{padding-top:clamp(48px,5.2vw,92px)}
.container{padding-left:clamp(18px,3vw,34px);padding-right:clamp(18px,3vw,34px)}
.sec-head,.section-head,.head{margin-bottom:clamp(26px,3vw,44px)}
.sec-head p,.section-head p{max-width:66ch}
/* grid gaps: one consistent scale */
.grid,.cards,.card-grid,[class*="-grid"]{gap:clamp(14px,1.5vw,22px)}

/* ---------------------------------------------------------------
   4. CARDS — premium, flat-luxe, consistent
   --------------------------------------------------------------- */
.card,.sub-card,.tcard,.gkj-card,.panel,.fz-fr-card,.pkg,.price-card,.svc-card,.tile,
.g-card,.blog-card,.faq-item,.step,.compare-card,.offer-card,.info-card,.stat-card{
  border-radius:var(--gp-r-lg)!important;
  box-shadow:var(--gp-sh-sm)!important;
  transition:transform var(--gp-t-slow),box-shadow var(--gp-t-slow),border-color var(--gp-t-slow)!important}
.card:hover,.sub-card:hover,.tcard:hover,.gkj-card:hover,.fz-fr-card:hover,.pkg:hover,
.price-card:hover,.svc-card:hover,.tile:hover,.g-card:hover,.blog-card:hover,
.compare-card:hover,.offer-card:hover,.info-card:hover{
  transform:translateY(-3px);box-shadow:var(--gp-sh-md)!important;
  border-color:rgba(201,162,39,.34)!important}
/* internal padding consistency */
.card,.sub-card,.tcard,.g-card,.blog-card,.svc-card,.info-card{padding:clamp(20px,2vw,26px)}
.card>*:first-child,.panel>*:first-child{margin-top:0}
.card>*:last-child,.panel>*:last-child{margin-bottom:0}
.card h3,.svc-card h3,.g-card h3,.tcard h3{margin-bottom:.5em}
.card p,.svc-card p,.g-card p{margin-bottom:0}
/* card link row */
.card a[class*="explore"],.card .more,.more-link,a.more{
  display:inline-flex;align-items:center;gap:7px;margin-top:14px;
  letter-spacing:.1em;font-size:.72rem;font-weight:800;text-transform:uppercase;
  transition:gap var(--gp-t),color var(--gp-t)}
.card:hover a[class*="explore"],.card:hover .more,a.more:hover,.more-link:hover{gap:11px}
/* icon chips inside cards sit on a consistent scale */
.card .ic,.card .i3d,.svc-card .ic,.tile .ic,.step .ic{flex:none}

/* ---------------------------------------------------------------
   5. BUTTONS + CTAs
   --------------------------------------------------------------- */
.btn{padding:14px 30px!important;line-height:1.15;
  transition:transform var(--gp-t),box-shadow var(--gp-t),background var(--gp-t),
             color var(--gp-t),border-color var(--gp-t)!important}
.btn svg{flex:none}
.btn-gold{box-shadow:var(--gp-sh-gold)!important}
.btn-gold:hover{transform:translateY(-2px);box-shadow:0 18px 38px -16px rgba(160,124,20,.62)!important}
.btn-line:hover,.btn-white:hover,.btn-navy:hover{transform:translateY(-2px)}
.btn:active{transform:translateY(0) scale(.99)}
.btn-sm,.btn.sm{padding:10px 20px!important;font-size:.84rem}
/* CTA rows: even spacing without stray margins */
.hero .btn,.gk-hero .btn,.page-hero .btn,.cta .btn,.cta-row .btn{margin:0!important}
.hero .btn-row,.cta-row,.btn-row,.actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
/* final CTA band */
.cta,.cta-band,[class*="cta-"]{border-radius:var(--gp-r-xl)}

/* ---------------------------------------------------------------
   6. FORMS — cleaner fields, clear focus, better labels
   --------------------------------------------------------------- */
/* NOTE: only vertical padding is normalised — horizontal padding is left to the
   original stylesheets so fields with leading icons keep their text offset. */
input[type=text],input[type=email],input[type=tel],input[type=number],input[type=search],
input[type=date],input[type=url],input[type=password],select,textarea{
  border-radius:var(--gp-r-sm)!important;padding-top:13px;padding-bottom:13px;font-size:.94rem;
  border:1.5px solid var(--gp-line)!important;
  transition:border-color var(--gp-t),box-shadow var(--gp-t),background var(--gp-t)!important}
input::placeholder,textarea::placeholder{color:#9aa3b4;opacity:1}
input:hover,select:hover,textarea:hover{border-color:rgba(13,31,60,.2)!important}
input:focus,select:focus,textarea:focus{outline:none;border-color:#c9a227!important;
  box-shadow:0 0 0 3.5px rgba(201,162,39,.15)!important}
label{letter-spacing:.02em;line-height:1.4}
textarea{min-height:96px;resize:vertical}
select{cursor:pointer;background-position:right 14px center}
/* fields with a leading icon keep the text clear of it */
.field,.input-wrap,.inp{position:relative}
.field svg,.input-wrap svg{pointer-events:none}
/* form cards */
.form-card,.h2x-form-float,.quote-form,[class*="form-card"]{
  border-radius:var(--gp-r-xl)!important;box-shadow:var(--gp-sh-lg)!important}
.form-card h3,.h2x-form-float h3{margin-bottom:.35em}
/* trust line under submit */
.form-note,.secure-note{line-height:1.5}

/* ---------------------------------------------------------------
   7. FOOTER — fixes duplicate chevrons, wrapping, social rows
   --------------------------------------------------------------- */
/* the markup already ships a "›" — kill the CSS-injected duplicate */
.f-col ul a::before{content:none!important}
.site-footer .footer-top,.gk-foot .footer-top{gap:clamp(20px,2.4vw,36px)}
.f-col ul{display:flex;flex-direction:column;gap:2px}
.f-col ul li{line-height:1.45}
.f-col ul a{display:inline-flex;align-items:baseline;gap:7px;padding:5px 0;font-size:.88rem;
  text-wrap:pretty;transition:color var(--gp-t),transform var(--gp-t)}
.f-col ul a:hover{transform:translateX(3px)}
.f-col h4{margin-bottom:14px;letter-spacing:-.01em}
.f-about p{max-width:38ch;line-height:1.75}
/* one consistent social row (markup ships two blocks — align them) */
.site-footer .gk-socials,.site-footer .socials{display:flex!important;flex-wrap:wrap;gap:7px;
  align-items:center;margin-top:14px}
.site-footer .socials a,.site-footer .gk-socials a{
  width:32px!important;height:32px!important;border-radius:50%!important;
  display:grid!important;place-items:center!important;flex:none;
  background:rgba(230,194,90,.12)!important;border:1px solid rgba(230,194,90,.34)!important;
  color:#e6c25a!important;transition:background var(--gp-t),transform var(--gp-t),border-color var(--gp-t)!important}
.site-footer .socials a:hover,.site-footer .gk-socials a:hover{
  background:rgba(230,194,90,.24)!important;border-color:rgba(230,194,90,.62)!important;transform:translateY(-2px)}
.site-footer .socials a svg,.site-footer .gk-socials a svg{width:15px!important;height:15px!important}
/* contact block: no mid-number wrapping */
.f-col [class*="contact"] a,.f-contact a,.f-col a[href^="tel:"],.f-col a[href^="mailto:"]{
  white-space:nowrap;overflow-wrap:normal}
.f-col a[href^="mailto:"]{white-space:normal;overflow-wrap:anywhere}
.f-contact li,.f-col [class*="contact"] li{gap:12px;align-items:flex-start;line-height:1.6}
.f-contact .ic,.f-col [class*="contact"] .ic{flex:none;margin-top:2px}
/* bottom bar */
.footer-bottom,.f-bottom{padding-top:20px;margin-top:clamp(26px,3vw,42px);
  border-top:1px solid rgba(255,255,255,.09);line-height:1.7}
.footer-bottom a,.f-bottom a{transition:color var(--gp-t)}

/* ---------------------------------------------------------------
   8. STAT BANDS + TRUST STRIPS — balanced, no orphan words
   --------------------------------------------------------------- */
.stats,.stat-band,.trust,[class*="stats"]{align-items:start}
.stat,[class*="stat-item"]{display:flex;gap:14px;align-items:center;text-wrap:balance}
.stat .ic,[class*="stat-item"] .ic{flex:none}
.stat b,.stat strong{line-height:1.15;display:block}
.stat span,.stat small{line-height:1.45;display:block;text-wrap:balance;max-width:24ch}
/* marquee strips */
.h2x-mq-track,[class*="marquee"]{align-items:center}
.h2x-mq-track:hover{animation-play-state:paused}

/* ---------------------------------------------------------------
   9. IMAGES + MEDIA
   --------------------------------------------------------------- */
img{max-width:100%;height:auto}
figure{margin:0}
.card img,.blog-card img,.g-card img,figure img{border-radius:var(--gp-r);display:block}
.blog-card img,.g-card img,.card>img:first-child{object-fit:cover;width:100%}
/* hero / feature imagery: soft, not harsh */
.hero img,.page-hero img,[class*="hero"] img{box-shadow:var(--gp-sh-lg)}
/* subtle zoom on hoverable media cards only */
.blog-card,.g-card{overflow:hidden}
.blog-card img,.g-card img{transition:transform .45s cubic-bezier(.22,1,.36,1)}
.blog-card:hover img,.g-card:hover img{transform:scale(1.03)}

/* ---------------------------------------------------------------
   10. TABLES + PRICING GRIDS
   --------------------------------------------------------------- */
table{border-collapse:collapse;width:100%}
table th{letter-spacing:.06em;font-size:.72rem;text-transform:uppercase;line-height:1.4}
table th,table td{padding:12px 14px;line-height:1.55}
table tbody tr{transition:background var(--gp-t)}
table tbody tr:hover{background:rgba(201,162,39,.05)}
.table-wrap,.tbl-wrap{overflow-x:auto;border-radius:var(--gp-r);
  -webkit-overflow-scrolling:touch;scrollbar-width:thin}
td [class*="price"],td b{font-variant-numeric:tabular-nums}

/* ---------------------------------------------------------------
   11. FAQ / ACCORDION / TABS
   --------------------------------------------------------------- */
.faq-item,details{border-radius:var(--gp-r)!important;transition:box-shadow var(--gp-t),border-color var(--gp-t)}
.faq-item summary,details summary,.faq-q{padding:16px 18px;cursor:pointer;line-height:1.45;
  display:flex;align-items:center;gap:12px;transition:color var(--gp-t),background var(--gp-t)}
.faq-item summary::-webkit-details-marker,details summary::-webkit-details-marker{display:none}
.faq-a,.faq-item .a,details>*:not(summary){padding:0 18px 18px;line-height:1.72}
.tabs a,.tab,.chip,.pill{transition:background var(--gp-t),color var(--gp-t),
  border-color var(--gp-t),transform var(--gp-t)}
.tabs a:hover,.tab:hover,.chip:hover{transform:translateY(-1px)}

/* ---------------------------------------------------------------
   12. FLOATERS / CONSENT / POPUPS — no overlap, calmer
   --------------------------------------------------------------- */
.floaters{gap:12px;z-index:140!important}
.floaters a,.floaters button{box-shadow:var(--gp-sh-md);transition:transform var(--gp-t),box-shadow var(--gp-t)}
.floaters a:hover,.floaters button:hover{transform:translateY(-2px) scale(1.04)}
#consentBanner{border-radius:var(--gp-r-lg)!important;box-shadow:var(--gp-sh-lg)!important;
  right:96px!important;line-height:1.6}
@media(max-width:900px){#consentBanner{right:14px!important;left:14px!important;bottom:14px!important}}
#consentBanner button,#consentBanner .btn{border-radius:100px!important;transition:transform var(--gp-t),box-shadow var(--gp-t)}
#consentBanner button:hover{transform:translateY(-1px)}
.gk-pop,.gkdp{border-radius:var(--gp-r-xl)!important;box-shadow:0 50px 120px -40px rgba(0,0,0,.65)!important}
.gk-pop h3,.gkdp h3{line-height:1.2}
.gk-pop .x,.gkdp .x,[class*="close"]{transition:transform var(--gp-t),opacity var(--gp-t)}
.gk-pop .x:hover,.gkdp .x:hover{transform:rotate(90deg)}

/* ---------------------------------------------------------------
   13. LOADING / EMPTY / SKELETON STATES
   --------------------------------------------------------------- */
.gp-skel,.skeleton,[data-loading="true"]{
  background:linear-gradient(90deg,rgba(13,31,60,.05),rgba(13,31,60,.09),rgba(13,31,60,.05));
  background-size:200% 100%;animation:gpSkel 1.3s ease-in-out infinite;border-radius:10px;color:transparent!important}
@keyframes gpSkel{to{background-position:-200% 0}}
img[loading=lazy]{background:rgba(13,31,60,.035)}
.empty-state,.no-results{text-align:center;padding:clamp(34px,5vw,64px) 20px;line-height:1.7}
[aria-busy="true"]{cursor:progress}
button[disabled],.btn[disabled],.btn.is-loading{opacity:.6;cursor:not-allowed;transform:none!important}

/* ---------------------------------------------------------------
   14. ACCESSIBILITY
   --------------------------------------------------------------- */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,
textarea:focus-visible,summary:focus-visible,[tabindex]:focus-visible{
  outline:2.5px solid #c9a227;outline-offset:3px;border-radius:8px}
a,button{-webkit-tap-highlight-color:rgba(201,162,39,.18)}
.skip-link:focus{position:fixed;top:12px;left:12px;z-index:9999;background:#fff;padding:12px 18px;border-radius:10px}
/* comfortable tap targets */
@media(pointer:coarse){
  .f-col ul a,.footer-bottom a,.topbar a,.fz-sub a{padding-top:8px;padding-bottom:8px}
  .btn,button{min-height:44px}
}
::selection{background:rgba(243,220,143,.75);color:#18233a}

/* ---------------------------------------------------------------
   15. RESPONSIVE REFINEMENT
   --------------------------------------------------------------- */
@media(max-width:1100px){
  .site-footer .footer-top,.gk-foot .footer-top{gap:26px}
  .mega{padding:18px 18px 20px!important}
}
@media(max-width:900px){
  main section,section.sec,.section{padding-top:clamp(40px,7vw,62px);padding-bottom:clamp(40px,7vw,62px)}
  .card,.sub-card,.tcard,.g-card,.blog-card,.svc-card,.info-card{padding:20px}
  .btn{padding:13px 24px!important;width:auto}
  h1{letter-spacing:-.018em}
}
@media(max-width:640px){
  .container{padding-left:16px;padding-right:16px}
  .btn-row .btn,.cta-row .btn,.actions .btn{flex:1 1 100%;justify-content:center}
  .stat span,.stat small{max-width:none}
  .f-col ul a{font-size:.9rem}
  table th,table td{padding:10px 11px}
  /* stop iOS zoom-on-focus */
  input,select,textarea{font-size:16px!important}
}

/* ---------------------------------------------------------------
   16. MOTION DISCIPLINE
   --------------------------------------------------------------- */
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;
    transition-duration:.01ms!important;scroll-behavior:auto!important}
}

/* print */
@media print{
  .floaters,#consentBanner,.gk-pop,.gkdp,.notice-strip,.topbar,.main-nav{display:none!important}
  body{background:#fff}
  .card,.panel{box-shadow:none!important;border:1px solid #ddd!important}
}

/* ---------------------------------------------------------------
   17. FOOTER — final refinements (GK.01.055b)
   --------------------------------------------------------------- */
/* both social groups sit on ONE row, identical chips */
/* the column is too narrow for six chips on one line — keep a tidy, evenly
   spaced two-row group instead of an uneven wrap */
.site-footer .gk-socials{display:flex!important;margin-top:16px!important;margin-bottom:0!important;gap:8px}
.site-footer .socials{display:flex!important;margin-top:8px!important;gap:8px}
.site-footer .gk-socials a,.site-footer .socials a{width:34px!important;height:34px!important}
/* column headings never break across two lines */
.f-col h4{gap:11px;align-items:center;white-space:nowrap;font-size:clamp(.9rem,1vw,1rem)}
.f-col h4::before{width:36px!important;height:36px!important;flex:0 0 36px!important;
  background-size:17px 17px!important;border-radius:11px!important}
/* the contact column ships no icon — give it one so the chip is never empty */
.f-col:nth-of-type(5) h4::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23E7C96A' stroke-width='1.9' stroke-linejoin='round'%3E%3Cpath d='M6.6 10.8a15.5 15.5 0 0 0 6.6 6.6l2.2-2.2a1 1 0 0 1 1-.24 11.4 11.4 0 0 0 3.6.57 1 1 0 0 1 1 1V20a1 1 0 0 1-1 1A17 17 0 0 1 3 4a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1 11.4 11.4 0 0 0 .57 3.6 1 1 0 0 1-.25 1l-2.2 2.2Z'/%3E%3C/svg%3E")}
/* link lists: hanging indent so wrapped lines align under the label, not the chevron */
.f-col ul:not(.f-contact) a{display:block;padding-left:13px;text-indent:-13px;font-size:.86rem;
  line-height:1.5;padding-top:6px;padding-bottom:6px}
.f-col ul:not(.f-contact) li{line-height:1.5}
/* contact block sizing so numbers/emails stay intact */
.f-contact{gap:16px;display:flex;flex-direction:column}
.f-contact li{display:flex;gap:11px;align-items:flex-start}
.f-contact b{display:block;margin-bottom:3px;line-height:1.35}
.f-contact a,.f-contact li>div{font-size:clamp(.79rem,.92vw,.87rem);line-height:1.65}
.f-contact a[href^="tel:"]{white-space:nowrap;display:inline-block}
.f-contact a[href^="mailto:"]{white-space:normal;overflow-wrap:break-word;word-break:normal;hyphens:none}
.f-contact .ic{flex:none;margin-top:1px}
@media(max-width:520px){.f-contact a[href^="mailto:"]{overflow-wrap:anywhere}}

/* ---------------------------------------------------------------
   18. HERO PRICE LINE — clean wrapping on small screens
   --------------------------------------------------------------- */
@media(max-width:760px){
  .h2x-price-line{flex-wrap:wrap;gap:6px 14px;align-items:baseline}
  .h2x-price-line .from{flex:0 0 auto}
  .h2x-price-line .amt{flex:0 0 auto;white-space:nowrap;font-size:1.85rem}
  .h2x-price-line .per{flex:1 1 100%;line-height:1.6}
}
@media(max-width:400px){.h2x-price-line .amt{font-size:1.6rem}}