/* HostGrower — hg-app.css — Static styles (dynamic vars in blade) */

/* ── Reset & Base ── */
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;scroll-padding-top:90px;overflow-x:hidden;}
body{background:var(--bg);font-family:var(--font-body);color:var(--text);overflow-x:hidden;max-width:100vw;transition:background 0.4s,color 0.4s;}
::placeholder{font-family:'DM Sans','IBM Plex Sans Arabic',sans-serif;}
input,textarea,select{font-family:'DM Sans','IBM Plex Sans Arabic',sans-serif;}
/* ── Chrome autofill — override the blue/white background Chrome injects ── */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active{
    -webkit-box-shadow:0 0 0 9999px var(--card-bg) inset !important;
    box-shadow:0 0 0 9999px var(--card-bg) inset !important;
    -webkit-text-fill-color:var(--text) !important;
    caret-color:var(--text);
    transition:background-color 9999s ease-in-out 0s;
}

/* ── Background ── */
.orb{position:fixed;border-radius:50%;filter:blur(100px);pointer-events:none;z-index:0;}
.orb1{width:600px;height:600px;background:radial-gradient(circle,var(--orb1),transparent 70%);top:-150px;left:-150px;animation:drift1 14s ease-in-out infinite alternate;}
.orb2{width:500px;height:500px;background:radial-gradient(circle,var(--orb2),transparent 70%);bottom:0;right:-100px;animation:drift2 18s ease-in-out infinite alternate;}
@keyframes drift1{0%{transform:translate(0,0);}100%{transform:translate(50px,35px);}}
@keyframes drift2{0%{transform:translate(0,0);}100%{transform:translate(-40px,-50px);}}
body::before{content:'';position:fixed;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:60px 60px;}

/* ── Navbar ── */
nav{position:fixed;top:0;left:0;right:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:18px 72px;background:var(--nav-bg);backdrop-filter:blur(24px);border-bottom:1px solid var(--glass-border);transition:background 0.4s,border-color 0.4s;}
.logo{font-family:var(--font-heading);font-size:24px;font-weight:800;letter-spacing:-0.5px;text-decoration:none;color:var(--text);}
.logo span{color:var(--em);}
.nav-links{display:flex;gap:36px;align-items:center;}
.nav-links a{color:var(--muted);font-size:14px;text-decoration:none;transition:color 0.2s;}
.nav-links a:hover,.nav-links a.active{color:var(--em2);}
.nav-links a.active{font-weight:500;}
.nav-cta{background:linear-gradient(135deg,var(--em),var(--em3));padding:10px 24px;border-radius:50px;font-size:14px;font-weight:500;text-decoration:none;transition:transform 0.2s,box-shadow 0.2s;}
[data-theme="light"] .nav-cta{color:#fff;}
[data-theme="dark"] .nav-cta{color:#020e07;}
.nav-cta:hover{transform:translateY(-1px);box-shadow:0 0 30px rgba(var(--em-rgb),0.3);}

/* ── Dropdown ── */
.nav-dropdown{position:relative;}
.nav-dropdown::after{content:'';position:absolute;top:100%;left:-20px;right:-20px;height:20px;background:transparent;display:none;}
.nav-dropdown:hover::after{display:block;}
.nav-dropdown-menu{visibility:hidden;opacity:0;pointer-events:none;position:absolute;top:calc(100% + 18px);left:50%;transform:translateX(-50%) translateY(-6px);transition:opacity 0.18s,transform 0.18s,visibility 0.18s;background:var(--card-bg);border:1px solid var(--glass-border);border-radius:18px;padding:10px;min-width:260px;box-shadow:0 16px 48px rgba(0,0,0,0.14);backdrop-filter:blur(24px);z-index:200;}
.nav-dropdown:hover .nav-dropdown-menu{visibility:visible;opacity:1;pointer-events:auto;transform:translateX(-50%) translateY(0);}
.nav-dropdown-menu a{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:12px;font-size:13px;color:var(--muted);text-decoration:none;transition:all 0.15s;white-space:nowrap;}
.nav-dropdown-menu a:hover{background:var(--glass);color:var(--text);}
.nav-dropdown-menu a:hover .dd-icon{background:var(--em);color:#fff;}
.dd-icon{width:32px;height:32px;border-radius:8px;background:var(--glass);border:1px solid var(--glass-border);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all 0.15s;color:var(--em);}
.dd-icon svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2;}
.dd-text-wrap{display:flex;flex-direction:column;}
.dd-label{font-size:13px;font-weight:500;color:var(--text);line-height:1.2;}
.dd-desc{font-size:11px;color:var(--muted);margin-top:1px;font-weight:300;}
.dd-divider{height:1px;background:var(--glass-border);margin:6px 4px;}
.has-children{display:flex;align-items:center;gap:5px;}
.has-children .chevron{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2.5;transition:transform 0.2s;opacity:0.6;}
.nav-dropdown:hover .has-children .chevron{transform:rotate(180deg);opacity:1;}

/* ── Accent ── */
.accent{background:linear-gradient(135deg,var(--em),var(--em3));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
[data-theme="light"] .accent{background:linear-gradient(135deg,var(--em),var(--em2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}

/* ── Container ── */
.hg-container{max-width:1200px;margin:0 auto;padding-left:72px;padding-right:72px;}

/* ── Hamburger — CSS-only via checkbox ── */
.nav-hamburger{display:none;flex-direction:column;justify-content:center;cursor:pointer;padding:8px;border:none;background:transparent;z-index:1100;width:36px;height:36px;}
.nav-hamburger span{display:block;width:20px;height:1.5px;background:var(--text);border-radius:2px;transition:all 0.25s ease;transform-origin:center;margin:3px auto;}
#nav-toggle:checked ~ nav .nav-hamburger span:nth-child(1){transform:translateY(7.5px) rotate(45deg);}
#nav-toggle:checked ~ nav .nav-hamburger span:nth-child(2){opacity:0;transform:scaleX(0);}
#nav-toggle:checked ~ nav .nav-hamburger span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg);}

/* ── Mobile Nav — transform only (no layout reflow) ── */
.mobile-nav{position:fixed;inset:0;z-index:-1;overflow:hidden;display:flex;flex-direction:column;opacity:0.001;pointer-events:none;}
#nav-toggle:checked ~ .mobile-nav{z-index:999;opacity:1;pointer-events:auto;}
.mn-content{display:flex;flex-direction:column;height:100%;padding:0 0 32px;}
.mn-topbar{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid var(--glass-border);flex-shrink:0;}
.mn-close{width:36px;height:36px;border-radius:50%;border:1px solid var(--glass-border);background:var(--glass);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text);transition:all 0.2s;}
.mn-close:hover{background:var(--glass-hover);border-color:var(--em);}
.mn-close svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;}
.mn-links{flex:1;overflow-y:auto;padding:12px 20px;display:flex;flex-direction:column;gap:4px;}
.mn-links a{display:flex;align-items:center;justify-content:space-between;font-size:16px;font-weight:500;color:var(--text);text-decoration:none;padding:14px 16px;border-radius:14px;transition:background 0.15s,color 0.15s;letter-spacing:-0.2px;}
.mn-links a:hover,.mn-links a.active{background:var(--glass);color:var(--em);}
.mn-links a svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2;opacity:0.4;}
.mn-footer{padding:0 20px;flex-shrink:0;}
.mn-cta{display:block;width:100%;text-align:center;background:linear-gradient(135deg,var(--em),var(--em3));padding:15px 24px;border-radius:50px;font-size:15px;font-weight:700;text-decoration:none;box-shadow:0 8px 24px rgba(var(--em-rgb),0.25);color:#fff;}
[data-theme="light"] .mn-cta{color:#fff;}
[data-theme="dark"] .mn-cta{color:#fff;}
.mn-theme{display:flex;align-items:center;justify-content:center;gap:2px;background:var(--glass);border:1px solid var(--glass-border);border-radius:8px;padding:3px;width:fit-content;margin:16px auto 0;}

/* ── Footer ── */
footer{position:relative;z-index:1;border-top:1px solid var(--glass-border);background:var(--footer-bg);backdrop-filter:blur(20px);transition:background 0.4s,border-color 0.4s;}
.footer-top{padding:56px 72px 20px;border-bottom:1px solid var(--glass-border);}
.footer-top-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1.8fr 1fr 1fr 1fr;gap:48px;align-items:start;}
.footer-brand-wrap{display:flex;flex-direction:column;align-items:flex-start;}
.footer-brand-wrap .logo{display:inline-flex;margin-bottom:16px;}
.footer-tagline{font-size:14px;color:var(--muted);line-height:1.7;font-weight:300;max-width:280px;margin-bottom:20px;}
.footer-contact{display:flex;flex-direction:column;gap:9px;margin-top:4px;margin-bottom:20px;}
.footer-contact-item{color:var(--muted);font-size:13px;font-weight:300;text-decoration:none;line-height:1.55;transition:color 0.2s;}
.footer-contact-item:hover{color:var(--em2);}
.footer-contact-bold{font-weight:600;color:var(--text);}
.footer-contact-spacer{display:block;height:6px;}
.footer-social{display:flex;gap:8px;flex-wrap:wrap;}
.footer-social a{width:36px;height:36px;border-radius:10px;background:var(--glass);border:1px solid var(--glass-border);display:flex;align-items:center;justify-content:center;color:var(--muted);transition:all 0.2s;text-decoration:none;}
.footer-social a:hover{background:var(--em);border-color:var(--em);color:#fff;transform:translateY(-2px);}
.footer-social a svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2;}
.footer-social a i{font-size:15px;line-height:1;}
.footer-col{text-align:left;}
.footer-col h4{font-family:var(--font-heading);font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--em);margin-bottom:20px;}
.footer-col-links{display:flex;flex-direction:column;align-items:flex-start;}
.footer-col a{display:block;font-size:14px;color:var(--muted);text-decoration:none;margin-bottom:10px;transition:all 0.2s;font-weight:300;}
.footer-col a:hover{color:var(--em2);padding-left:4px;}
.footer-col a.active{color:var(--em);font-weight:500;}
.footer-newsletter{margin-top:20px;width:100%;}
.footer-newsletter p{font-size:13px;color:var(--muted);margin-bottom:10px;font-weight:300;}
.footer-nl-form{display:flex;flex-direction:column;max-width:280px;}
.footer-nl-row{display:flex;border:1px solid var(--glass-border);border-radius:10px;overflow:hidden;background:var(--card-bg);}
.footer-nl-input{flex:1;min-width:0;height:40px;border:none;background:transparent;font-size:13px;color:var(--text);padding:0 12px;outline:none;}
.footer-nl-btn{height:40px;padding:0 14px;background:linear-gradient(135deg,var(--em),var(--em3));border:none;cursor:pointer;font-size:12px;font-weight:600;color:#fff;flex-shrink:0;}
.footer-mid{padding:20px 72px;border-bottom:1px solid var(--glass-border);}
.footer-mid-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;}
.footer-badge{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:13px;}
.footer-badge svg{width:16px;height:16px;stroke:var(--em);fill:none;stroke-width:2;flex-shrink:0;}
.footer-badge i{font-size:14px;color:var(--em);flex-shrink:0;width:16px;text-align:center;}
.footer-bottom{padding:20px 72px;}
.footer-bottom p{font-size:13px;color:var(--muted);}
.footer-bottom-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;}
.footer-legal-text{font-size:12px!important;color:var(--muted);line-height:1.6;font-weight:300;width:100%;text-align:left;}
.footer-legal{display:flex;gap:20px;align-items:center;}
.footer-legal a{font-size:13px;color:var(--muted);text-decoration:none;transition:color 0.2s;}
.footer-legal a:hover{color:var(--em2);}
.footer-legal a.active{color:var(--em);font-weight:500;}
.footer-bottom-right{display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
.footer-payments{display:flex;align-items:center;gap:6px;flex-wrap:wrap;}
.footer-payment-icon{height:26px;padding:0 10px;border-radius:6px;background:var(--card-bg);border:1px solid var(--glass-border);font-size:10px;font-weight:800;color:var(--muted);display:inline-flex;align-items:center;letter-spacing:0.5px;text-transform:uppercase;transition:all 0.2s;}
[data-theme="light"] .footer-payment-icon{background:#fff;box-shadow:0 1px 4px rgba(0,0,0,0.1);}
.footer-payment-icon:hover{border-color:var(--em);color:var(--em);}
.footer-payment-icon.pm-img-icon{padding:0;background:transparent;border:none;box-shadow:none;display:inline-flex;align-items:center;justify-content:center;transition:filter 0.2s;filter:opacity(0.45);}
.footer-payment-icon.pm-img-icon img{width:38px;height:38px;object-fit:contain;display:block;}
.footer-payment-icon.pm-img-icon:hover{border:none;filter:sepia(1) saturate(5) hue-rotate(310deg) opacity(1);}
[data-theme="dark"] .footer-payment-icon.pm-img-icon{filter:invert(1) opacity(0.45);}
[data-theme="dark"] .footer-payment-icon.pm-img-icon:hover{filter:invert(1) sepia(1) saturate(5) hue-rotate(310deg) opacity(1);}

/* ── Theme switcher ── */
.footer-theme-mobile{display:none;}
.theme-switcher{display:flex;align-items:center;gap:3px;background:var(--glass);border:1px solid var(--glass-border);border-radius:8px;padding:3px;}
.theme-btn{width:26px;height:22px;border-radius:5px;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background 0.2s;color:var(--muted);}
.theme-btn svg{width:13px;height:13px;fill:currentColor;}
.theme-btn:hover{background:var(--glass-hover);color:var(--text);}
.theme-btn.active{background:rgba(var(--em-rgb),0.15);color:var(--em);}
[data-theme="dark"] .theme-btn.active{background:rgba(var(--em-rgb),0.18);color:var(--em);}

/* ── Dual logo ── */
.logo-dark-img{display:block;}.logo-light-img{display:none;}
[data-theme="light"] .logo-dark-img{display:none;}[data-theme="light"] .logo-light-img{display:block;}
@media(prefers-color-scheme:light){[data-theme="system"] .logo-dark-img{display:none;}[data-theme="system"] .logo-light-img{display:block;}}

/* ── Reveal ── */
.reveal{opacity:0;transform:translateY(28px);transition:opacity 0.7s ease,transform 0.7s ease;}
.reveal.visible{opacity:1;transform:translateY(0);}

/* ── Pricing ── */
.pricing-section{position:relative;z-index:1;padding:80px 0;}
.pricing-inner{max-width:1200px;margin:0 auto;}
.section-header{text-align:center;margin-bottom:70px;}
.section-tag{font-size:11px;color:var(--em);font-weight:600;letter-spacing:3px;text-transform:uppercase;margin-bottom:16px;display:block;}
.section-title{font-family:var(--font-heading);font-size:clamp(32px,3.5vw,46px);font-weight:700;letter-spacing:-1.5px;line-height:1.08;}
.section-title .dim{color:var(--section-dim);font-weight:400;}
.billing-toggle{display:flex;justify-content:center;margin-top:32px;margin-bottom:32px;}
.toggle-wrap{display:flex;align-items:center;gap:4px;background:var(--glass);border:1px solid var(--glass-border);border-radius:50px;padding:4px;}
.toggle-btn{padding:8px 20px;border-radius:50px;border:none;cursor:pointer;font-size:13px;font-weight:500;background:transparent;color:var(--muted);transition:all 0.2s;font-family:'DM Sans',sans-serif;}
.toggle-btn.active{background:linear-gradient(135deg,var(--em),var(--em3));color:#fff;}
[data-theme="dark"] .toggle-btn.active{color:#020e07;}
.save-badge{background:rgba(var(--em-rgb),0.12);color:var(--em);font-size:11px;font-weight:600;padding:3px 8px;border-radius:20px;margin-left:6px;}
.plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;}
.plan-card{background:var(--card-bg);border:1px solid var(--glass-border);border-radius:24px;padding:32px;box-shadow:var(--card-shadow);transition:border-color 0.3s,transform 0.3s,background 0.4s;position:relative;}
[data-theme="dark"] .plan-card{background:var(--glass);}
.plan-card:hover{transform:translateY(-4px);}
[data-theme="light"] .plan-card:hover{box-shadow:0 12px 40px rgba(var(--em-rgb),0.10);}
.plan-card.featured{border-color:var(--em);}
[data-theme="light"] .plan-card.featured{box-shadow:0 0 0 1px var(--em),0 12px 40px rgba(var(--em-rgb),0.15);}
.plan-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,var(--em),var(--em3));font-size:11px;font-weight:700;padding:4px 16px;border-radius:20px;white-space:nowrap;}
[data-theme="light"] .plan-badge{color:#fff;}[data-theme="dark"] .plan-badge{color:#020e07;}
.plan-name{font-family:var(--font-heading);font-size:18px;font-weight:700;margin-bottom:8px;}
.plan-desc{font-size:13px;color:var(--muted);font-weight:300;margin-bottom:24px;line-height:1.5;}
.plan-price{display:flex;align-items:flex-start;gap:2px;margin-bottom:24px;}
.plan-price .cur{font-size:18px;margin-top:8px;color:var(--em);font-weight:600;}
.plan-price .num{font-family:var(--font-heading);font-size:48px;font-weight:800;line-height:1;color:var(--text);}
.plan-price .per{align-self:flex-end;margin-bottom:5px;font-size:13px;color:var(--muted);font-weight:300;}
.plan-price .nd{display:inline-block;overflow:hidden;vertical-align:bottom;height:1em;line-height:1;}
.plan-price .nd-t{display:block;line-height:1;}
@keyframes hgU{0%{transform:translateY(0);opacity:1}100%{transform:translateY(-115%);opacity:0}}
@keyframes hgUI{0%{transform:translateY(115%);opacity:0}100%{transform:translateY(0);opacity:1}}
@keyframes hgD{0%{transform:translateY(0);opacity:1}100%{transform:translateY(115%);opacity:0}}
@keyframes hgDI{0%{transform:translateY(-115%);opacity:0}100%{transform:translateY(0);opacity:1}}
.plan-features{list-style:none;margin-bottom:28px;}
.plan-features li{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:var(--muted);padding:6px 0;border-bottom:1px solid var(--glass-border);font-weight:300;}
.plan-features li:last-child{border-bottom:none;}
.plan-features li svg{width:14px;height:14px;stroke:var(--em);fill:none;stroke-width:2.5;flex-shrink:0;margin-top:2px;}
.plan-btn{display:block;text-align:center;padding:13px;border-radius:50px;font-size:14px;font-weight:500;text-decoration:none;transition:all 0.2s;border:1px solid var(--glass-border);color:var(--text);}
.plan-btn:hover{border-color:var(--em);color:var(--em);}
.plan-card.featured .plan-btn{background:linear-gradient(135deg,var(--em),var(--em3));border:none;}
[data-theme="light"] .plan-card.featured .plan-btn{color:#fff;}
[data-theme="dark"] .plan-card.featured .plan-btn{color:#020e07;}

/* ── Tablet ── */
@media(max-width:1024px){
  nav{padding:16px 32px;}
  .hg-container{padding-left:32px;padding-right:32px;}
  .footer-top{padding:48px 32px 40px;}
  .footer-top-inner{grid-template-columns:repeat(2,1fr)!important;gap:24px;}
  .footer-brand-wrap{grid-column:1 / -1;}
  .footer-mid{padding:24px 32px;}
  .footer-bottom{padding:20px 32px;}
  .pricing-section{padding:60px 0;}
}

/* ── Mobile ── */
@media(max-width:768px){
  nav{padding:14px 20px;}
  .nav-links,.nav-cta{display:none;}
  .nav-hamburger{display:flex;}
  .hg-container{padding-left:20px;padding-right:20px;}
  .section-header{margin-bottom:36px;}
  .section-title{font-size:clamp(26px,7vw,36px);letter-spacing:-0.5px;}
  .plans-grid{grid-template-columns:1fr;}
  .plan-card{padding:24px;}
  .plan-price .num{font-size:40px;}
  .billing-toggle{margin-top:16px;margin-bottom:16px;}
  .toggle-btn{padding:7px 14px;font-size:12px;}
  .orb1{width:280px;height:280px;}
  .orb2{width:220px;height:220px;}
  .hg-reviews-wrap{padding:16px;border-radius:16px;}
  .pricing-section{padding:48px 0;}
  /* Footer mobile */
  .footer-top{padding:36px 20px 0;}
  .footer-top-inner{grid-template-columns:1fr!important;gap:0;}
  .footer-brand-wrap{padding-bottom:28px;border-bottom:1px solid var(--glass-border);}
  .footer-nl-form{max-width:100%;}
  .footer-col{border-bottom:1px solid var(--glass-border);}
  .footer-col h4{display:flex;align-items:center;justify-content:space-between;margin-bottom:0;padding:16px 0;cursor:pointer;user-select:none;}
  .footer-col.open h4::after{transform:rotate(180deg);}
  .footer-col-links{display:none!important;padding-bottom:16px;}
  .footer-col.open .footer-col-links{display:flex!important;}
  .footer-col a{margin-bottom:0;padding:9px 0;}
  .footer-mid{padding:16px 20px;}
  .footer-bottom{padding:16px 20px 24px;}
  .footer-bottom-inner{flex-direction:column;align-items:center;gap:10px;text-align:center;}
  .footer-legal-text{text-align:center;}
  .footer-legal{justify-content:center;flex-wrap:wrap;}
  .footer-payments{display:flex!important;justify-content:center!important;flex-wrap:wrap!important;width:100%!important;}
  .footer-top-inner{display:flex!important;flex-direction:column!important;gap:0!important;}
  .footer-top-inner > *{width:100%!important;box-sizing:border-box!important;}
  .footer-col{width:100%!important;box-sizing:border-box!important;}
  .footer-col h4{width:100%!important;display:flex!important;align-items:center!important;justify-content:space-between!important;}
  .footer-col-links{width:100%!important;}
  .footer-mid-inner{justify-content:center!important;}
  .footer-badge{flex:0 0 calc(50% - 10px);}
  .footer-badge:last-child:nth-child(odd){flex:0 0 100%;justify-content:center;}
  .footer-bottom-right{flex-direction:row;flex-wrap:wrap;gap:10px;align-items:center;justify-content:center;}
  .footer-bottom-right .theme-switcher{display:none!important;}
  .footer-theme-mobile{display:flex!important;justify-content:center;}
}

/* ── Small mobile ── */
@media(max-width:480px){
  .hg-container{padding-left:16px;padding-right:16px;}
  .section-title{font-size:clamp(22px,8vw,30px);}
  .plan-price .num{font-size:34px;}
  .plan-card{padding:18px;}
  .footer-top{padding:28px 16px 0;}
  .footer-mid,.footer-bottom{padding:16px;}
}
/* ── Green Hosting section — explicit padding protection ── */
.hg-gh-section { padding-top: 80px !important; padding-bottom: 80px !important; }
@media(max-width:900px){ .hg-gh-section { padding-top: 60px !important; padding-bottom: 60px !important; } }
@media(max-width:600px){ .hg-gh-section { padding-top: 48px !important; padding-bottom: 48px !important; } }