/*
Theme Name:     MetropolitanHost Hosting
Theme URI:      https://hosting.metropolitanhost.com
Description:    MetropolitanHost Hosting — white-label reseller hosting storefront
Author:         MetropolitanHost
Author URI:     https://metropolitanhost.com
Version:        1.0
Text Domain:    mh-hosting
*/

/* ================================================================
   METROPOLITANHOST — CONSOLIDATED STYLESHEET v2.0
   Standalone theme (no Kallyas / Zion Builder dependency)
   ================================================================ */

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,700;0,800;0,900;1,700;1,800;1,900&family=Poppins:wght@400;500;600;700;800;900&display=swap');

/* ── Reset ─────────────────────────────────────────────────────── */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; font-size: 16px; }
body { background: #0d1117; font-family: "Poppins", sans-serif; color: #e2e8f0; overflow-x: hidden; font-size: 22px; }
a { text-decoration: none; color: inherit; }
img { max-width: 100%; height: auto; }

/* ── Design Tokens ─────────────────────────────────────────────── */
:root {
  --ink:    #0a0f1e;
  --ink2:   #111827;
  --bg:     #f5f5f0;
  --bg2:    #eeeee8;
  --white:  #ffffff;
  --green:  #39d98a;
  --green2: #2ac97a;
  --muted:  #6b7280;
  --border: #e0e0d8;
}

/* ── Utilities ─────────────────────────────────────────────────── */
.c { max-width: 1240px; margin: 0 auto; }
.ey { display: inline-block; font-size: 13px; font-weight: 700; letter-spacing: 3px; text-transform: uppercase; color: var(--green); margin-bottom: 14px; }
.h2 { font-size: clamp(34px, 4.6vw, 60px); font-weight: 800; line-height: 1.07; letter-spacing: -1.5px; margin-bottom: 18px; }
.h2 em { font-style: italic; font-family: "Playfair Display", serif; color: var(--green); }
.h2--wh { color: #fff; }
.h2--wh em { color: var(--green); }
.bc { font-size: 20px; color: var(--muted); line-height: 1.8; }
.bc--wh { color: rgba(255,255,255,0.5); }
.bar { width: 50px; height: 4px; border-radius: 2px; background: linear-gradient(90deg, var(--green), var(--ink)); margin: 18px 0 42px; }
.bar--c { margin-left: auto; margin-right: auto; }
.bar--wh { background: linear-gradient(90deg, var(--green), rgba(255,255,255,.15)); }
.btn { display: inline-block; padding: 18px 38px; border-radius: 7px; font-weight: 700; font-size: 19px; font-family: "Poppins", sans-serif; transition: all .3s; cursor: pointer; line-height: 1; }
.btn-green { background: var(--green); color: var(--ink); }
.btn-green:hover { background: var(--green2); transform: translateY(-3px); box-shadow: 0 14px 38px rgba(57,217,138,.45); }
.btn-dark { background: var(--ink); color: #fff; }
.btn-dark:hover { background: #1a2a4a; transform: translateY(-3px); box-shadow: 0 14px 38px rgba(10,15,30,.35); }
.btn-wh-ol { background: transparent; color: #fff; border: 2px solid rgba(255,255,255,.32); }
.btn-wh-ol:hover { border-color: var(--green); color: var(--green); transform: translateY(-3px); }
.btn-dk-ol { background: transparent; color: var(--ink); border: 2px solid var(--ink); }
.btn-dk-ol:hover { background: var(--ink); color: #fff; transform: translateY(-3px); }
.btn--sm { padding: 14px 26px; font-size: 17px; border-radius: 6px; }
@keyframes pulse { 0%,100%{opacity:1;transform:scale(1);}50%{opacity:.35;transform:scale(.6);} }
.dot { width: 9px; height: 9px; background: var(--green); border-radius: 50%; animation: pulse 2s infinite; display: inline-block; flex-shrink:0; }

/* ================================================================
   DOMAIN SEARCH WIDGET
   ================================================================ */
.domain-search-wrapper { padding: 0 !important; }
.domain-search-wrapper .widget.rstore-domain { width: 100%; }
.domain-search-wrapper .widget.rstore-domain .search-form { display: flex !important; align-items: stretch !important; width: 100% !important; max-width: 100% !important; background: #f3f4f6 !important; border-radius: 14px !important; padding: 6px !important; margin: 0 auto !important; }
.domain-search-wrapper .widget.rstore-domain .search-form label { flex: 1; margin: 0 !important; }
.domain-search-wrapper .widget.rstore-domain .search-field { width: 100% !important; border: none !important; background: transparent !important; padding: 20px 24px !important; font-size: 18px !important; min-height: 64px !important; outline: none !important; }
.domain-search-wrapper .widget.rstore-domain .search-submit { background: #0f766e !important; color: #ffffff !important; border: none !important; padding: 0 32px !important; min-height: 64px !important; border-radius: 12px !important; font-weight: 600 !important; cursor: pointer !important; transition: all 0.3s ease !important; }
.domain-search-wrapper .widget.rstore-domain .search-submit:hover { background: #115e59 !important; }

/* ================================================================
   HERO — shared base
   ================================================================ */
.hero { background: var(--ink); padding: 100px 40px 90px; position: relative; overflow: hidden; }
.hero__grid { position: absolute; inset: 0; background-image: linear-gradient(rgba(57,217,138,.04) 1px, transparent 1px), linear-gradient(90deg, rgba(57,217,138,.04) 1px, transparent 1px); background-size: 64px 64px; pointer-events: none; }
.hero__glow, .hero__glow-r { position: absolute; bottom: -120px; right: -160px; width: 900px; height: 900px; background: radial-gradient(circle, rgba(57,217,138,.07) 0%, transparent 65%); pointer-events: none; }
.hero__glow-l { position: absolute; top: -180px; left: -180px; width: 650px; height: 650px; background: radial-gradient(circle, rgba(57,217,138,.04) 0%, transparent 65%); pointer-events: none; }
.hero__inner { position: relative; z-index: 1; max-width: 1240px; margin: 0 auto; display: grid; grid-template-columns: 1fr 420px; gap: 70px; align-items: center; }
.hero__badge { display: inline-flex; align-items: center; gap: 10px; background: rgba(57,217,138,.1); border: 1px solid rgba(57,217,138,.26); color: var(--green); font-size: 13px; font-weight: 700; letter-spacing: 2.5px; text-transform: uppercase; padding: 10px 22px; border-radius: 5px; margin-bottom: 28px; }
.hero__h1 { font-size: clamp(42px, 5.8vw, 82px); font-weight: 800; color: #fff; line-height: 1.02; margin-bottom: 24px; letter-spacing: -2.5px; }
.hero__h1 em { font-style: italic; font-family: "Playfair Display", serif; color: var(--green); display: block; }
.hero__sub { font-size: 20px; color: rgba(255,255,255,.5); line-height: 1.76; max-width: 580px; margin-bottom: 40px; }
.hero__btns { display: flex; gap: 16px; flex-wrap: wrap; }
.hero__card { background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.09); border-radius: 18px; padding: 38px 32px; }
.hero__card-title { font-size: 20px; font-weight: 800; color: #fff; margin-bottom: 6px; }
.hero__card-sub { font-size: 15px; color: rgba(255,255,255,.38); margin-bottom: 28px; line-height: 1.5; }
.hero__card-list { list-style: none; margin-bottom: 28px; }
.hero__card-list li { display: flex; align-items: center; gap: 12px; font-size: 16px; color: rgba(255,255,255,.65); padding: 10px 0; border-bottom: 1px solid rgba(255,255,255,.06); line-height: 1.4; }
.hero__card-list li:last-child { border-bottom: none; }
.hero__card-list li::before { content: ''; width: 8px; height: 8px; border-radius: 50%; background: var(--green); flex-shrink: 0; }
.hero__card-cta { display: block; width: 100%; padding: 18px 24px; background: var(--green); color: var(--ink); font-size: 18px; font-weight: 700; border-radius: 9px; text-align: center; font-family: "Poppins", sans-serif; transition: all .3s; }
.hero__card-cta:hover { background: var(--green2); transform: translateY(-2px); box-shadow: 0 12px 34px rgba(57,217,138,.4); }
.hero__card-note { font-size: 14px; color: rgba(255,255,255,.28); text-align: center; margin-top: 14px; line-height: 1.5; }
/* Hero stat strip */
.hero__stats { display: grid; grid-template-columns: repeat(4,1fr); border-top: 1px solid rgba(255,255,255,.07); }
.hero__stat { padding: 40px 28px; border-right: 1px solid rgba(255,255,255,.07); transition: background .3s; }
.hero__stat:last-child { border-right: none; }
.hero__stat:hover { background: rgba(57,217,138,.03); }
.hero__stat-num { font-size: 50px; font-weight: 900; color: #fff; line-height: 1; letter-spacing: -1.5px; }
.hero__stat-num em { font-style: normal; color: var(--green); }
.hero__stat-lbl { font-size: 16px; color: rgba(255,255,255,.38); margin-top: 8px; }
/* Homepage hero — two-column grid + showcase */
body.home .hero { padding: 100px 40px 0; }
body.home .hero__inner { display: grid; grid-template-columns: 1fr 460px; gap: 64px; align-items: center; }
body.home .hero__h1 { font-size: clamp(44px, 5.6vw, 78px); }
body.home .hero__sub { max-width: 560px; margin-bottom: 36px; font-size: 19px; }
body.home .hero__badge { margin-bottom: 28px; }
body.home .hero__btns { margin-bottom: 28px; }

/* Trust row under buttons */
.hero__trust-row { display: flex; gap: 20px; flex-wrap: wrap; }
.hero__trust-item { display: flex; align-items: center; gap: 7px; font-size: 13px; color: rgba(255,255,255,.38); }
.hero__trust-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--green); flex-shrink: 0; }

/* Template showcase — two scrolling columns */
.hero__showcase { display: flex; gap: 14px; height: 560px; overflow: hidden; mask-image: linear-gradient(to bottom, transparent 0%, #000 14%, #000 86%, transparent 100%); -webkit-mask-image: linear-gradient(to bottom, transparent 0%, #000 14%, #000 86%, transparent 100%); }
.hero__sc-col { display: flex; flex-direction: column; gap: 14px; flex: 1; }
.hero__sc-col--a { animation: hsc-up 34s linear infinite; }
.hero__sc-col--b { animation: hsc-down 40s linear infinite; margin-top: -90px; }
@keyframes hsc-up   { from { transform: translateY(0);    } to { transform: translateY(-50%); } }
@keyframes hsc-down { from { transform: translateY(-50%); } to { transform: translateY(0);    } }
.hero__showcase:hover .hero__sc-col { animation-play-state: paused; }

/* Template preview card */
.hsc { border-radius: 10px; overflow: hidden; border: 1px solid rgba(255,255,255,.1); position: relative; flex-shrink: 0; background: #1a2130; box-shadow: 0 8px 28px rgba(0,0,0,.45); height: 240px; }
.hsc img { width: 100%; height: 100%; object-fit: cover; object-position: top center; display: block; }
.hsc__label { position: absolute; bottom: 0; left: 0; right: 0; padding: 20px 12px 10px; background: linear-gradient(transparent, rgba(0,0,0,.82)); display: flex; align-items: center; gap: 7px; font-size: 12px; color: rgba(255,255,255,.85); font-weight: 500; }
.hsc__tag { background: var(--green); color: var(--ink); font-size: 10px; font-weight: 700; padding: 2px 6px; border-radius: 3px; text-transform: uppercase; letter-spacing: .5px; flex-shrink: 0; }

/* ================================================================
   TRUST BAR — shared
   ================================================================ */
.trust { background: #fff; border-bottom: 1px solid var(--border); }
.trust__inner { display: flex; align-items: stretch; }
.trust__item { flex: 1; padding: 22px 14px; text-align: center; font-size: 16px; font-weight: 600; color: var(--muted); border-right: 1px solid var(--border); transition: background .2s, color .2s; line-height: 1.35; }
.trust__item:last-child { border-right: none; }
.trust__item:hover { background: #fafaf6; color: var(--ink); }
.trust__item strong { display: block; font-size: 20px; font-weight: 800; color: var(--ink); margin-bottom: 2px; }

/* ================================================================
   TF BUYERS — Homepage
   ================================================================ */
.tf { background: var(--ink2); padding: 100px 40px; position: relative; overflow: hidden; }
.tf__grid { position: absolute; inset: 0; background-image: linear-gradient(rgba(57,217,138,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(57,217,138,.035) 1px, transparent 1px); background-size: 48px 48px; pointer-events: none; }
.tf__glow { position: absolute; top: -200px; right: -200px; width: 800px; height: 800px; background: radial-gradient(circle, rgba(57,217,138,.08) 0%, transparent 65%); pointer-events: none; }
.tf__ghost { position: absolute; bottom: -24px; right: -10px; font-size: 240px; font-weight: 900; line-height: 1; color: rgba(255,255,255,.025); font-family: "Playfair Display", serif; pointer-events: none; user-select: none; letter-spacing: -8px; white-space: nowrap; }
.tf__inner { position: relative; z-index: 1; max-width: 1240px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center; }
.tf__tag { display: inline-flex; align-items: center; gap: 10px; background: rgba(57,217,138,.1); border: 1px solid rgba(57,217,138,.26); color: var(--green); font-size: 13px; font-weight: 700; letter-spacing: 2.5px; text-transform: uppercase; padding: 10px 22px; border-radius: 5px; margin-bottom: 26px; }
.tf__sub { font-size: 20px; color: rgba(255,255,255,.5); line-height: 1.76; max-width: 500px; margin-bottom: 40px; }
.tf__btns { display: flex; gap: 16px; flex-wrap: wrap; margin-bottom: 36px; }
.tf__reply { display: flex; align-items: center; gap: 14px; background: rgba(57,217,138,.07); border: 1px solid rgba(57,217,138,.2); border-radius: 8px; padding: 16px 22px; }
.tf__reply-txt { font-size: 16px; color: rgba(255,255,255,.55); line-height: 1.5; }
.tf__reply-txt strong { color: var(--green); font-weight: 700; }
.tf__feats { display: flex; flex-direction: column; gap: 1px; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.06); border-radius: 16px; overflow: hidden; }
.tf__feat { background: rgba(255,255,255,.03); padding: 26px 28px; display: flex; align-items: flex-start; gap: 20px; transition: background .25s; }
.tf__feat:hover { background: rgba(57,217,138,.06); }
.tf__feat-n { width: 38px; height: 38px; border-radius: 50%; flex-shrink: 0; background: rgba(57,217,138,.12); border: 1px solid rgba(57,217,138,.25); display: flex; align-items: center; justify-content: center; font-size: 17px; font-weight: 800; color: var(--green); }
.tf__feat h4 { font-size: 18px; font-weight: 700; color: #fff; margin-bottom: 5px; line-height: 1.2; }
.tf__feat p { font-size: 15px; color: rgba(255,255,255,.44); line-height: 1.6; }

/* ================================================================
   PROCESS — Homepage
   ================================================================ */
.process { background: var(--bg); }
.process__hd { text-align: center; padding: 90px 40px 0; max-width: 700px; margin: 0 auto; }
.process__grid { display: grid; grid-template-columns: repeat(4,1fr); border-top: 1px solid var(--border); margin-top: 56px; }
.process__step { padding: 52px 36px; border-right: 1px solid var(--border); position: relative; transition: background .3s; }
.process__step:last-child { border-right: none; }
.process__step:hover { background: var(--bg2); }
.process__step:not(:last-child)::after { content: ''; position: absolute; right: -1px; top: 50%; transform: translateY(-50%); width: 0; height: 0; border-top: 14px solid transparent; border-bottom: 14px solid transparent; border-left: 16px solid var(--border); z-index: 2; }
.process__step:not(:last-child)::before { content: ''; position: absolute; right: -2px; top: 50%; transform: translateY(-50%); width: 0; height: 0; border-top: 13px solid transparent; border-bottom: 13px solid transparent; border-left: 15px solid var(--bg); z-index: 3; transition: border-left-color .3s; }
.process__step:hover::before { border-left-color: var(--bg2); }
.process__num { font-size: 68px; font-weight: 900; color: rgba(10,15,30,.06); font-family: "Playfair Display", serif; line-height: 1; margin-bottom: 18px; transition: color .3s; }
.process__step:hover .process__num { color: rgba(57,217,138,.18); }
.process__label { font-size: 13px; font-weight: 700; letter-spacing: 2.5px; text-transform: uppercase; color: var(--green); margin-bottom: 10px; }
.process__title { font-size: 24px; font-weight: 800; color: var(--ink); margin-bottom: 12px; line-height: 1.2; }
.process__desc { font-size: 17px; color: var(--muted); line-height: 1.65; margin-bottom: 22px; }
.process__link { display: inline-block; font-size: 16px; font-weight: 700; color: var(--ink); border-bottom: 2.5px solid var(--green); padding-bottom: 2px; transition: color .2s; }
.process__link:hover { color: var(--green); }

/* ================================================================
   SERVICES GRID — Homepage
   ================================================================ */
.svcs { background: #fff; padding: 110px 40px; }
.svcs__hd { text-align: center; max-width: 780px; margin: 0 auto 80px; }
.cat { margin-bottom: 68px; }
.cat__head { display: flex; align-items: center; margin-bottom: 28px; }
.cat__meta { flex-shrink: 0; padding-right: 28px; }
.cat__num { font-size: 12px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: var(--green); margin-bottom: 4px; }
.cat__title { font-size: 27px; font-weight: 800; color: var(--ink); white-space: nowrap; }
.cat__rule { flex: 1; height: 1px; background: var(--border); margin: 0 28px; }
.cat__sub { font-size: 17px; color: var(--muted); padding-left: 28px; border-left: 3px solid var(--green); line-height: 1.5; max-width: 370px; flex-shrink: 0; }
.sg { display: grid; gap: 1px; background: #e2e2da; border: 1px solid #e2e2da; border-radius: 16px; overflow: hidden; }
.sg3 { grid-template-columns: repeat(3,1fr); }
.sg2 { grid-template-columns: repeat(2,1fr); }
.sg4 { grid-template-columns: repeat(4,1fr); }
.sc { background: #fff; padding: 30px 26px; display: flex; flex-direction: column; position: relative; transition: background .25s; }
.sc:hover { background: #fafaf6; }
.sc--dk { background: var(--ink); }
.sc--dk:hover { background: #0d1526; }
.sc__badge { position: absolute; top: 14px; right: 14px; font-size: 11px; font-weight: 700; letter-spacing: .5px; text-transform: uppercase; padding: 4px 11px; border-radius: 4px; }
.sc__badge--g { background: var(--green); color: var(--ink); }
.sc__badge--r { background: #ef4444; color: #fff; }
.sc__badge--dk { background: var(--ink); color: #fff; }
.sc__title { font-size: 19px; font-weight: 700; color: var(--ink); margin-bottom: 9px; line-height: 1.3; padding-right: 80px; }
.sc--dk .sc__title { color: #fff; }
.sc__desc { font-size: 16px; color: var(--muted); line-height: 1.65; flex: 1; margin-bottom: 20px; }
.sc--dk .sc__desc { color: rgba(255,255,255,.44); }
.sc__foot { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-top: 16px; border-top: 1px solid #f0f0ea; }
.sc--dk .sc__foot { border-top-color: rgba(255,255,255,.08); }
.sc__prices { display: flex; flex-direction: column; }
.sc__old { font-size: 15px; color: #bbb; text-decoration: line-through; line-height: 1; }
.sc--dk .sc__old { color: rgba(255,255,255,.25); }
.sc__price { font-size: 30px; font-weight: 800; color: var(--ink); line-height: 1.1; }
.sc--dk .sc__price { color: var(--green); }
.sc__save { font-size: 13px; font-weight: 700; color: var(--green); margin-top: 2px; }
.sc__btn { display: inline-block; padding: 13px 22px; background: var(--ink); color: #fff; font-size: 16px; font-weight: 700; border-radius: 7px; white-space: nowrap; font-family: "Poppins", sans-serif; transition: all .25s; flex-shrink: 0; }
.sc__btn:hover { background: #1a2a4a; transform: translateY(-2px); box-shadow: 0 8px 22px rgba(10,15,30,.25); }
.sc__btn--g { background: var(--green); color: var(--ink); }
.sc__btn--g:hover { background: var(--green2); box-shadow: 0 8px 22px rgba(57,217,138,.38); }

/* ================================================================
   PACKAGES / PRICING — Homepage
   ================================================================ */
.pkgs { background: var(--bg); padding: 110px 40px; }
.pkgs__hd { text-align: center; max-width: 800px; margin: 0 auto 32px; }
.pkgs__ghost { font-size: 130px; font-weight: 900; line-height: 1; color: rgba(10,15,30,.04); text-align: center; letter-spacing: -5px; font-family: "Playfair Display", serif; margin-bottom: -50px; position: relative; z-index: 0; pointer-events: none; user-select: none; }
.pkgs__grid { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(3,1fr); gap: 2px; max-width: 1100px; margin: 0 auto; background: #d6d6ce; border: 2.5px solid #d6d6ce; border-radius: 22px; overflow: hidden; box-shadow: 0 36px 90px rgba(10,15,30,.14); }
.pc { background: #fff; padding: 52px 38px; display: flex; flex-direction: column; position: relative; transition: background .25s; }
.pc:hover { background: #fafaf8; }
.pc--mid { background: var(--ink); }
.pc--mid:hover { background: #0d1526; }
.pc__pill { display: inline-block; padding: 6px 18px; border-radius: 30px; font-size: 13px; font-weight: 700; letter-spacing: .5px; text-transform: uppercase; margin-bottom: 22px; }
.pc__pill--a { background: #f0f0ea; color: #666; }
.pc__pill--b { background: var(--green); color: var(--ink); }
.pc__pill--c { background: var(--ink); color: #fff; }
.pc__name { font-size: 34px; font-weight: 800; margin-bottom: 10px; letter-spacing: -.5px; }
.pc:not(.pc--mid) .pc__name { color: var(--ink); }
.pc--mid .pc__name { color: #fff; }
.pc__tag { font-size: 17px; line-height: 1.6; margin-bottom: 30px; }
.pc:not(.pc--mid) .pc__tag { color: var(--muted); }
.pc--mid .pc__tag { color: rgba(255,255,255,.44); }
.pc__old { font-size: 17px; text-decoration: line-through; margin-bottom: 4px; }
.pc:not(.pc--mid) .pc__old { color: #bbb; }
.pc--mid .pc__old { color: rgba(255,255,255,.25); }
.pc__amt { font-size: 68px; font-weight: 900; line-height: 1; margin-bottom: 6px; letter-spacing: -2px; }
.pc__amt sup { font-size: 30px; font-weight: 700; vertical-align: super; letter-spacing: 0; }
.pc:not(.pc--mid) .pc__amt { color: var(--ink); }
.pc--mid .pc__amt { color: #fff; }
.pc:not(.pc--mid) .pc__amt sup { color: var(--green); }
.pc--mid .pc__amt sup { color: var(--green); }
.pc__save { font-size: 16px; font-weight: 700; color: var(--green); margin-bottom: 30px; }
.pc__hr { height: 1px; margin-bottom: 24px; }
.pc:not(.pc--mid) .pc__hr { background: #eeeee8; }
.pc--mid .pc__hr { background: rgba(255,255,255,.08); }
.pc__incl { font-size: 13px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 18px; }
.pc:not(.pc--mid) .pc__incl { color: #aaa; }
.pc--mid .pc__incl { color: rgba(255,255,255,.3); }
.pc__feats { list-style: none; flex: 1; margin-bottom: 34px; }
.pc__feats li { font-size: 17px; padding: 11px 0; display: flex; align-items: flex-start; gap: 12px; line-height: 1.45; }
.pc__feats li + li { border-top: 1px solid transparent; }
.pc:not(.pc--mid) .pc__feats li + li { border-top-color: #f5f5f0; }
.pc--mid .pc__feats li + li { border-top-color: rgba(255,255,255,.05); }
.pc:not(.pc--mid) .pc__feats li { color: #333; }
.pc--mid .pc__feats li { color: rgba(255,255,255,.75); }
.pc__feats li::before { content: "—"; color: var(--green); font-weight: 700; flex-shrink: 0; margin-top: 2px; }
.pc__cta { display: block; width: 100%; padding: 20px 24px; border-radius: 9px; text-align: center; font-weight: 700; font-size: 19px; font-family: "Poppins", sans-serif; transition: all .3s; cursor: pointer; }
.pc__cta--dk { background: var(--ink); color: #fff; }
.pc__cta--dk:hover { background: #1a2a4a; transform: translateY(-2px); box-shadow: 0 12px 34px rgba(10,15,30,.3); }
.pc__cta--g { background: var(--green); color: var(--ink); }
.pc__cta--g:hover { background: var(--green2); transform: translateY(-2px); box-shadow: 0 12px 34px rgba(57,217,138,.4); }
.pc__cta--wh { background: #fff; color: var(--ink); }
.pc__cta--wh:hover { background: #f0f0ea; transform: translateY(-2px); }

/* ================================================================
   WHY — Homepage
   ================================================================ */
.why { background: #fff; padding: 110px 40px; }
.why__hd { text-align: center; max-width: 700px; margin: 0 auto 68px; }
.why__grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 1px; background: #e6e6de; border: 1px solid #e6e6de; border-radius: 18px; overflow: hidden; }
.why__item { background: #fff; padding: 48px 38px; position: relative; overflow: hidden; transition: background .25s; }
.why__item:hover { background: #fafaf6; }
.why__item--dk { background: var(--ink); }
.why__item--dk:hover { background: #0d1526; }
.why__bg { position: absolute; bottom: -18px; right: 8px; font-size: 130px; font-weight: 900; line-height: 1; color: rgba(57,217,138,.05); font-family: "Playfair Display", serif; pointer-events: none; user-select: none; }
.why__item--dk .why__bg { color: rgba(255,255,255,.03); }
.why__kicker { font-size: 13px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: var(--green); margin-bottom: 16px; }
.why__title { font-size: 26px; font-weight: 800; margin-bottom: 14px; line-height: 1.2; }
.why__item:not(.why__item--dk) .why__title { color: var(--ink); }
.why__item--dk .why__title { color: #fff; }
.why__body { font-size: 17px; line-height: 1.75; }
.why__item:not(.why__item--dk) .why__body { color: var(--muted); }
.why__item--dk .why__body { color: rgba(255,255,255,.44); }

/* ================================================================
   SVC-LIST — WordPress Services page accordion
   ================================================================ */
.svc-list { background: var(--bg); padding: 110px 40px; }
.svc-list__hd { text-align: center; max-width: 720px; margin: 0 auto 72px; }
.svc-accordion { max-width: 1240px; margin: 0 auto; }
.svc-row { border-top: 1px solid var(--border); position: relative; }
.svc-row:last-child { border-bottom: 1px solid var(--border); }
.svc-row__head { display: grid; grid-template-columns: 60px 1fr auto auto; align-items: center; gap: 28px; padding: 32px 0; cursor: pointer; transition: background .2s; }
.svc-row__head:hover .svc-row__title { color: var(--green); }
.svc-row__num { font-size: 13px; font-weight: 800; letter-spacing: 2px; text-transform: uppercase; color: var(--green); }
.svc-row__title { font-size: 26px; font-weight: 800; color: var(--ink); letter-spacing: -.5px; transition: color .2s; line-height: 1.2; }
.svc-row__tag { font-size: 12px; font-weight: 700; padding: 5px 14px; border-radius: 20px; white-space: nowrap; }
.svc-row__tag--g { background: var(--green); color: var(--ink); }
.svc-row__tag--dk { background: var(--ink); color: #fff; }
.svc-row__tag--bd { background: transparent; border: 1.5px solid var(--border); color: var(--muted); }
.svc-row__price { font-size: 28px; font-weight: 900; color: var(--ink); letter-spacing: -1px; text-align: right; white-space: nowrap; }
.svc-row__price span { font-size: 15px; font-weight: 500; color: var(--muted); }
.svc-row__body { display: grid; grid-template-columns: 1fr 1fr; gap: 56px; padding: 0 0 48px 88px; border-top: 1px solid var(--border); }
.svc-row__desc { font-size: 18px; color: var(--muted); line-height: 1.78; }
.svc-row__desc strong { color: var(--ink); font-weight: 600; }
.svc-row__incl-label { font-size: 12px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: var(--green); margin-bottom: 16px; }
.svc-row__incl-list { list-style: none; }
.svc-row__incl-list li { display: flex; align-items: flex-start; gap: 12px; font-size: 16px; color: #444; padding: 9px 0; border-bottom: 1px solid #f0f0ea; line-height: 1.4; }
.svc-row__incl-list li:last-child { border-bottom: none; }
.svc-row__incl-list li::before { content: "—"; color: var(--green); font-weight: 700; flex-shrink: 0; }
.svc-row__cta { display: inline-flex; align-items: center; gap: 10px; margin-top: 24px; padding: 14px 26px; background: var(--ink); color: #fff; font-size: 16px; font-weight: 700; border-radius: 7px; font-family: "Poppins", sans-serif; transition: all .25s; }
.svc-row__cta:hover { background: #1a2a4a; transform: translateY(-2px); box-shadow: 0 8px 22px rgba(10,15,30,.25); }
.svc-row__cta--g { background: var(--green); color: var(--ink); }
.svc-row__cta--g:hover { background: var(--green2); box-shadow: 0 8px 22px rgba(57,217,138,.38); }

/* ================================================================
   NYC ADVANTAGE — WordPress Services page
   ================================================================ */
.nyc { background: var(--ink2); padding: 110px 40px; position: relative; overflow: hidden; }
.nyc__grid-bg { position: absolute; inset: 0; background-image: linear-gradient(rgba(57,217,138,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(57,217,138,.035) 1px, transparent 1px); background-size: 48px 48px; pointer-events: none; }
.nyc__glow { position: absolute; top: -200px; left: -200px; width: 800px; height: 800px; background: radial-gradient(circle, rgba(57,217,138,.07) 0%, transparent 65%); pointer-events: none; }
.nyc__ghost { position: absolute; bottom: -30px; right: -20px; font-size: 260px; font-weight: 900; line-height: 1; color: rgba(255,255,255,.02); font-family: "Playfair Display", serif; pointer-events: none; user-select: none; white-space: nowrap; letter-spacing: -10px; }
.nyc__inner { position: relative; z-index: 1; max-width: 1240px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; gap: 90px; align-items: start; }
.nyc__tag { display: inline-flex; align-items: center; gap: 10px; background: rgba(57,217,138,.1); border: 1px solid rgba(57,217,138,.26); color: var(--green); font-size: 13px; font-weight: 700; letter-spacing: 2.5px; text-transform: uppercase; padding: 10px 22px; border-radius: 5px; margin-bottom: 26px; }
.nyc__body { font-size: 19px; color: rgba(255,255,255,.5); line-height: 1.82; margin-bottom: 22px; }
.nyc__body strong { color: rgba(255,255,255,.85); font-weight: 600; }
.nyc__btns { display: flex; gap: 16px; flex-wrap: wrap; margin-top: 36px; }
.nyc__hoods { background: rgba(255,255,255,.03); border: 1px solid rgba(255,255,255,.07); border-radius: 16px; overflow: hidden; }
.nyc__hoods-label { padding: 20px 24px; font-size: 12px; font-weight: 700; letter-spacing: 2.5px; text-transform: uppercase; color: var(--green); border-bottom: 1px solid rgba(255,255,255,.06); }
.nyc__hoods-grid { display: grid; grid-template-columns: 1fr 1fr; }
.nyc__hood { padding: 18px 24px; font-size: 16px; font-weight: 600; color: rgba(255,255,255,.6); border-right: 1px solid rgba(255,255,255,.05); border-bottom: 1px solid rgba(255,255,255,.05); transition: background .2s, color .2s; display: flex; align-items: center; gap: 10px; }
.nyc__hood:hover { background: rgba(57,217,138,.06); color: #fff; }
.nyc__hood:nth-child(even) { border-right: none; }
.nyc__hood::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: var(--green); flex-shrink: 0; opacity: .5; }
.nyc__hood:hover::before { opacity: 1; }
.nyc__stats { display: grid; grid-template-columns: repeat(3,1fr); border-top: 1px solid rgba(255,255,255,.06); }
.nyc__stat { padding: 22px 24px; text-align: center; border-right: 1px solid rgba(255,255,255,.06); }
.nyc__stat:last-child { border-right: none; }
.nyc__stat-num { font-size: 32px; font-weight: 900; color: var(--green); letter-spacing: -1px; line-height: 1; }
.nyc__stat-lbl { font-size: 13px; color: rgba(255,255,255,.3); margin-top: 4px; }

/* ================================================================
   COMPARE TABLE — WordPress Services page
   ================================================================ */
.compare { background: #fff; padding: 110px 40px; }
.compare__hd { text-align: center; max-width: 700px; margin: 0 auto 68px; }
.compare__table { max-width: 980px; margin: 0 auto; border: 1px solid var(--border); border-radius: 18px; overflow: hidden; }
.compare__head { display: grid; grid-template-columns: 1fr 1fr 1fr; background: var(--ink); }
.compare__head-cell { padding: 26px 32px; font-size: 17px; font-weight: 800; color: rgba(255,255,255,.35); border-right: 1px solid rgba(255,255,255,.07); }
.compare__head-cell:last-child { border-right: none; }
.compare__head-cell--us { color: #fff; }
.compare__head-cell--us span { display: inline-block; background: var(--green); color: var(--ink); font-size: 12px; font-weight: 700; padding: 3px 10px; border-radius: 4px; margin-left: 10px; letter-spacing: .5px; }
.compare__row { display: grid; grid-template-columns: 1fr 1fr 1fr; border-top: 1px solid var(--border); transition: background .2s; }
.compare__row:hover { background: #fafaf6; }
.compare__cell { padding: 22px 32px; font-size: 17px; color: var(--muted); border-right: 1px solid var(--border); display: flex; align-items: center; gap: 10px; line-height: 1.4; }
.compare__cell:last-child { border-right: none; }
.compare__cell--feature { font-weight: 600; color: var(--ink); }
.compare__cell--us { color: var(--ink); font-weight: 600; }
.compare__cell--yes::before { content: '✓'; color: var(--green); font-weight: 800; font-size: 18px; flex-shrink: 0; }
.compare__cell--no::before { content: '✕'; color: #f87171; font-weight: 800; font-size: 18px; flex-shrink: 0; }
.compare__cell--partial::before { content: '~'; color: #f59e0b; font-weight: 800; font-size: 18px; flex-shrink: 0; }

/* ================================================================
   INDUSTRIES — WordPress Services page
   ================================================================ */
.industries { background: var(--bg); padding: 110px 40px; }
.industries__hd { text-align: center; max-width: 640px; margin: 0 auto 68px; }
.industries__grid, .industries__grid2 { display: grid; grid-template-columns: repeat(4,1fr); gap: 1px; background: #d8d8d0; border: 1px solid #d8d8d0; border-radius: 18px; overflow: hidden; max-width: 1240px; margin: 0 auto 28px; }
.ind__card { background: var(--bg); padding: 38px 30px; position: relative; overflow: hidden; transition: background .25s; }
.ind__card:hover { background: #eeeee4; }
.ind__card--dk { background: var(--ink); }
.ind__card--dk:hover { background: #0d1526; }
.ind__icon { font-size: 34px; margin-bottom: 18px; line-height: 1; display: block; }
.ind__name { font-size: 20px; font-weight: 800; color: var(--ink); margin-bottom: 10px; line-height: 1.2; }
.ind__card--dk .ind__name { color: #fff; }
.ind__desc { font-size: 15px; color: var(--muted); line-height: 1.65; }
.ind__card--dk .ind__desc { color: rgba(255,255,255,.4); }
.ind__tag { display: inline-block; margin-top: 16px; font-size: 12px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; color: var(--green); border-bottom: 2px solid var(--green); padding-bottom: 2px; }

/* ================================================================
   FAQ — WordPress Services page
   ================================================================ */
.faq { background: var(--ink2); padding: 110px 40px; position: relative; overflow: hidden; }
.faq__grid-bg { position: absolute; inset: 0; background-image: linear-gradient(rgba(57,217,138,.03) 1px, transparent 1px), linear-gradient(90deg, rgba(57,217,138,.03) 1px, transparent 1px); background-size: 48px 48px; pointer-events: none; }
.faq__glow { position: absolute; bottom: -200px; right: -200px; width: 700px; height: 700px; background: radial-gradient(circle, rgba(57,217,138,.07) 0%, transparent 65%); pointer-events: none; }
.faq__inner { position: relative; z-index: 1; max-width: 1240px; margin: 0 auto; display: grid; grid-template-columns: 380px 1fr; gap: 90px; align-items: start; }
.faq__left { position: sticky; top: 40px; }
.faq__tag { display: inline-flex; align-items: center; gap: 10px; background: rgba(57,217,138,.1); border: 1px solid rgba(57,217,138,.26); color: var(--green); font-size: 13px; font-weight: 700; letter-spacing: 2.5px; text-transform: uppercase; padding: 10px 22px; border-radius: 5px; margin-bottom: 26px; }
.faq__left-sub { font-size: 18px; color: rgba(255,255,255,.4); line-height: 1.76; margin-bottom: 36px; }
.faq__left-cta { display: inline-block; padding: 16px 28px; background: var(--green); color: var(--ink); font-size: 17px; font-weight: 700; border-radius: 8px; font-family: "Poppins", sans-serif; transition: all .3s; }
.faq__left-cta:hover { background: var(--green2); transform: translateY(-2px); box-shadow: 0 12px 30px rgba(57,217,138,.4); }
.faq__items { display: flex; flex-direction: column; gap: 1px; }
.faq__item { background: rgba(255,255,255,.03); border: 1px solid rgba(255,255,255,.06); border-radius: 12px; overflow: hidden; }
.faq__q { padding: 26px 28px; font-size: 19px; font-weight: 700; color: #fff; display: flex; justify-content: space-between; align-items: center; gap: 20px; line-height: 1.3; }
.faq__q-num { font-size: 12px; font-weight: 800; letter-spacing: 2px; text-transform: uppercase; color: var(--green); flex-shrink: 0; width: 32px; }
.faq__q-arrow { width: 32px; height: 32px; border-radius: 50%; border: 1px solid rgba(255,255,255,.12); display: flex; align-items: center; justify-content: center; flex-shrink: 0; color: var(--green); font-size: 18px; font-weight: 700; }
.faq__a { padding: 20px 28px 26px; font-size: 17px; color: rgba(255,255,255,.44); line-height: 1.78; border-top: 1px solid rgba(255,255,255,.05); }

/* ================================================================
   TESTIMONIALS — shared
   ================================================================ */
.testi { background: var(--bg); padding: 110px 40px; }
.testi__hd { text-align: center; max-width: 640px; margin: 0 auto 68px; }
.testi__grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 22px; }
.testi__card { background: #fff; border: 1px solid #e6e6de; border-radius: 16px; padding: 38px 30px; position: relative; overflow: hidden; transition: all .3s; }
.testi__card:hover { transform: translateY(-6px); box-shadow: 0 24px 56px rgba(10,15,30,.1); border-color: #c6c6be; }
.testi__card::before { content: ''; position: absolute; top: 0; left: 0; width: 5px; height: 70px; background: linear-gradient(180deg, var(--green), transparent); }
.testi__q { font-size: 64px; line-height: 1; color: #e6e6de; font-family: "Playfair Display", serif; margin-bottom: 6px; margin-left: -4px; }
.testi__stars { color: #f59e0b; font-size: 18px; letter-spacing: 2px; margin-bottom: 18px; }
.testi__card p { font-size: 18px; color: #444; line-height: 1.72; font-style: italic; margin-bottom: 28px; }
.testi__author { display: flex; align-items: center; gap: 16px; }
.testi__av { width: 50px; height: 50px; border-radius: 50%; background: var(--ink); display: flex; align-items: center; justify-content: center; font-weight: 800; font-size: 16px; color: var(--green); flex-shrink: 0; }
.testi__name { font-size: 17px; font-weight: 700; color: var(--ink); }
.testi__role { font-size: 15px; color: var(--muted); }

/* ================================================================
   FINAL CTA — shared
   ================================================================ */
.cta { background: var(--ink); padding: 130px 40px; text-align: center; position: relative; overflow: hidden; }
.cta::before { content: ''; position: absolute; top: -300px; left: 50%; transform: translateX(-50%); width: 1400px; height: 900px; background: radial-gradient(ellipse, rgba(57,217,138,.08) 0%, transparent 65%); pointer-events: none; }
.cta__word { position: absolute; bottom: -24px; left: 50%; transform: translateX(-50%); font-size: 200px; font-weight: 900; white-space: nowrap; color: rgba(255,255,255,.025); font-family: "Playfair Display", serif; pointer-events: none; user-select: none; letter-spacing: -6px; }
.cta__inner { max-width: 780px; margin: 0 auto; position: relative; z-index: 1; }
.cta__ey { display: inline-block; font-size: 13px; font-weight: 700; letter-spacing: 3px; text-transform: uppercase; color: var(--green); margin-bottom: 22px; }
.cta__h2 { font-size: clamp(36px, 5.5vw, 68px); font-weight: 800; color: #fff; line-height: 1.05; margin-bottom: 22px; letter-spacing: -2px; }
.cta__h2 em { font-style: italic; font-family: "Playfair Display", serif; color: var(--green); }
.cta__sub { font-size: 21px; color: rgba(255,255,255,.44); line-height: 1.76; margin-bottom: 48px; }
.cta__btns { display: flex; gap: 18px; justify-content: center; flex-wrap: wrap; margin-bottom: 48px; }
.cta__badge { display: inline-flex; align-items: center; gap: 14px; background: rgba(57,217,138,.07); border: 1px solid rgba(57,217,138,.22); border-radius: 40px; padding: 14px 30px; font-size: 17px; color: rgba(255,255,255,.5); }
.cta__badge strong { color: var(--green); font-weight: 700; }

/* ================================================================
   BESTSELLERS SECTION
   ================================================================ */
.mhbs { background: #0d1117; padding: 80px 0; font-family: 'Poppins', sans-serif; border-top: 1px solid rgba(57,217,138,.15); }
.mhbs-inner { max-width: 1280px; margin: 0 auto; padding: 0 40px; box-sizing: border-box; }
.mhbs-header { text-align: center; margin-bottom: 56px; }
.mhbs-eyebrow { display: inline-flex; align-items: center; gap: 8px; background: rgba(57,217,138,.1); border: 1px solid rgba(57,217,138,.3); color: #39d98a; font-size: 11px; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; padding: 6px 18px; border-radius: 100px; margin-bottom: 20px; }
.mhbs-eyebrow::before { content: ""; width: 6px; height: 6px; background: #39d98a; border-radius: 50%; }
.mhbs-title { font-size: clamp(28px, 3.5vw, 44px); font-weight: 800; color: #fff; margin: 0 0 14px; line-height: 1.2; }
.mhbs-title em { font-style: italic; color: #39d98a; }
.mhbs-subtitle { color: rgba(255,255,255,.5); font-size: 16px; max-width: 500px; margin: 0 auto; }
.mhbs-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 24px; }
@media(max-width:960px) { .mhbs-grid { grid-template-columns: repeat(2,1fr); } }
@media(max-width:600px) { .mhbs-grid { grid-template-columns: 1fr; } }
.mhbs-card { background: #161b27; border: 1px solid rgba(255,255,255,.07); border-radius: 16px; overflow: hidden; display: flex; flex-direction: column; transition: transform .25s ease, border-color .25s, box-shadow .25s; }
.mhbs-card:hover { transform: translateY(-5px); border-color: rgba(57,217,138,.4); box-shadow: 0 16px 48px rgba(57,217,138,.1); }
.mhbs-card__thumb { position: relative; aspect-ratio: 16/9; overflow: hidden; background: #0d1117; }
.mhbs-card__thumb img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .35s ease; }
.mhbs-card:hover .mhbs-card__thumb img { transform: scale(1.05); }
.mhbs-card__body { padding: 20px; display: flex; flex-direction: column; flex: 1; gap: 0; }
.mhbs-card__badge { display: inline-block; background: rgba(57,217,138,.12); color: #39d98a; font-size: 10px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; padding: 3px 10px; border-radius: 100px; margin-bottom: 10px; align-self: flex-start; }
.mhbs-card__title { font-size: 14px; font-weight: 700; color: #fff; margin: 0 0 14px; line-height: 1.45; }
.mhbs-card__meta { display: flex; align-items: center; gap: 10px; margin-bottom: 16px; flex-wrap: wrap; }
.mhbs-card__price { font-size: 20px; font-weight: 800; color: #39d98a; }
.mhbs-card__sales { font-size: 11px; color: rgba(255,255,255,.4); font-weight: 500; background: rgba(255,255,255,.05); padding: 2px 8px; border-radius: 100px; }
.mhbs-card__stars { font-size: 12px; color: #f5a623; letter-spacing: 1px; }
.mhbs-card__actions { display: flex; gap: 8px; margin-top: auto; }
.mhbs-btn { display: inline-flex; align-items: center; justify-content: center; padding: 9px 16px; border-radius: 8px; font-size: 13px; font-weight: 600; text-decoration: none; transition: all .2s; flex: 1; white-space: nowrap; }
.mhbs-btn--primary { background: #39d98a; color: #0a0f1e; }
.mhbs-btn--primary:hover { background: #2ec77a; }
.mhbs-btn--outline { background: transparent; color: rgba(255,255,255,.6); border: 1px solid rgba(255,255,255,.15); }
.mhbs-btn--outline:hover { border-color: #39d98a; color: #39d98a; }
.mhbs-footer { text-align: center; margin-top: 48px; }
.mhbs-viewall { display: inline-flex; align-items: center; gap: 10px; color: #39d98a; font-size: 14px; font-weight: 600; text-decoration: none; border: 1px solid rgba(57,217,138,.35); padding: 13px 32px; border-radius: 8px; transition: all .25s; }
.mhbs-viewall:hover { background: rgba(57,217,138,.08); border-color: #39d98a; gap: 14px; }
.mhbs-viewall::after { content: "\2192"; }

/* ================================================================
   PREMIUM THEMES TEMPLATE (.tfl-* classes)
   ================================================================ */
body.page-template-template-tf-landing #page-wrap,
body.page-template-page-templatestemplate-tf-landing-php #page-wrap,
body.single-tf_product #page-wrap,
body.page-template-template-about #page-wrap,
body.page-template-page-templatestemplate-about-php #page-wrap { max-width: 100% !important; padding: 0 !important; margin: 0 !important; }

.tfl-wrap { width: 100%; padding: 0 3%; box-sizing: border-box; }

/* TFL Hero */
.tfl-hero { background: var(--ink); color: #fff; padding: 56px 0 48px; text-align: center; position: relative; overflow: hidden; }
.tfl-hero::before { content: ''; position: absolute; inset: 0; background-image: linear-gradient(rgba(57,217,138,.04) 1px, transparent 1px), linear-gradient(90deg, rgba(57,217,138,.04) 1px, transparent 1px); background-size: 64px 64px; pointer-events: none; }
.tfl-hero::after { content: ''; position: absolute; top: -150px; right: -150px; width: 700px; height: 700px; background: radial-gradient(circle, rgba(57,217,138,.07) 0%, transparent 65%); pointer-events: none; }
.tfl-hero__icon { font-size: 2.5rem; display: block; margin-bottom: 12px; position: relative; z-index: 1; }
.tfl-hero__title { font-size: clamp(1.8rem,4vw,2.8rem); font-weight: 800; margin: 0 0 14px; position: relative; z-index: 1; letter-spacing: -1px; }
.tfl-hero__desc { max-width: 620px; margin: 0 auto 24px; color: rgba(255,255,255,.5); font-size: 1.05rem; line-height: 1.6; position: relative; z-index: 1; }
.tfl-hero__stats { display: flex; gap: 32px; justify-content: center; flex-wrap: wrap; position: relative; z-index: 1; }
.tfl-hero__stat { font-size: .9rem; color: rgba(255,255,255,.5); }
.tfl-hero__stat strong { display: block; font-size: 1.4rem; font-weight: 700; color: #fff; }

/* Format tabs */
.tfl-format-bar { background: var(--ink2); border-bottom: 1px solid rgba(255,255,255,.07); position: sticky; top: 70px; z-index: 100; }
.tfl-format-tabs { display: flex; overflow-x: auto; scrollbar-width: none; white-space: nowrap; }
.tfl-format-tabs::-webkit-scrollbar { display: none; }
.tfl-format-tabs__link { display: inline-block; padding: 14px 20px; color: rgba(255,255,255,.5); font-size: .875rem; font-weight: 600; text-decoration: none; border-bottom: 3px solid transparent; transition: color .2s, border-color .2s; }
.tfl-format-tabs__link:hover { color: #fff; }
.tfl-format-tabs__link--active { color: #fff; border-bottom-color: var(--green); }

/* Dark page background */
body.page-template-template-tf-landing,
body.page-template-page-templatestemplate-tf-landing-php,
body.single-tf_product { background: #0d1117; color: #fff; }

/* Body layout */
.tfl-body { display: flex; gap: 0; align-items: flex-start; padding: 40px 0 80px; }

/* Sidebar */
.tfl-sidebar { width: 230px; flex-shrink: 0; padding-right: 28px; position: sticky; top: 52px; max-height: calc(100vh - 60px); overflow-y: auto; scrollbar-width: thin; }
.tfl-sidebar::-webkit-scrollbar { width: 4px; }
.tfl-sidebar::-webkit-scrollbar-thumb { background: rgba(255,255,255,.15); border-radius: 4px; }
.tfl-filter-section { margin-bottom: 28px; }
.tfl-filter-heading { font-size: .65rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: rgba(255,255,255,.35); margin: 0 0 10px; padding-bottom: 8px; border-bottom: 1px solid rgba(255,255,255,.08); }
.tfl-sidebar__nav { display: flex; flex-direction: column; gap: 1px; }
.tfl-sidebar__link { display: flex; justify-content: space-between; align-items: center; padding: 7px 10px; border-radius: 6px; color: rgba(255,255,255,.6); font-size: .85rem; text-decoration: none; transition: background .15s, color .15s; cursor: pointer; }
.tfl-sidebar__link:hover { background: rgba(255,255,255,.06); color: #fff; }
.tfl-sidebar__link--active { background: rgba(57,217,138,.15); color: #fff; font-weight: 600; }
.tfl-sidebar__link--active:hover { background: rgba(57,217,138,.22); color: #fff; }
.tfl-sidebar__count { font-size: .72rem; opacity: .55; }
.tfl-sidebar__heading { font-size: .65rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: rgba(255,255,255,.35); margin: 0 0 10px; padding-bottom: 8px; border-bottom: 1px solid rgba(255,255,255,.08); }

/* Tag cloud */
.tfl-tag-cloud { display: flex; flex-wrap: wrap; gap: 6px; }
.tfl-tag { display: inline-block; padding: 4px 10px; border: 1px solid rgba(255,255,255,.12); border-radius: 20px; font-size: .78rem; color: rgba(255,255,255,.55); text-decoration: none; transition: background .15s, border-color .15s, color .15s; cursor: pointer; }
.tfl-tag:hover { background: rgba(255,255,255,.07); border-color: rgba(255,255,255,.28); color: #fff; }
.tfl-tag--active { background: rgba(57,217,138,.15); border-color: #39d98a; color: #39d98a; }

/* Main + toolbar */
.tfl-main { flex: 1; min-width: 0; }
.tfl-toolbar { display: flex; justify-content: space-between; align-items: center; margin-bottom: 24px; flex-wrap: wrap; gap: 12px; }
.tfl-toolbar__count { font-size: .9rem; color: rgba(255,255,255,.45); }
.tfl-active-filters { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.tfl-active-filter { display: inline-flex; align-items: center; gap: 4px; padding: 3px 10px; background: rgba(255,255,255,.07); border-radius: 20px; font-size: .78rem; color: rgba(255,255,255,.65); cursor: pointer; }
.tfl-active-filter:hover { background: rgba(255,255,255,.12); }
.tfl-active-filter__x { font-size: .9rem; line-height: 1; }
.tfl-toolbar__sort { padding: 8px 12px; border: 1px solid rgba(255,255,255,.12); border-radius: 6px; font-size: .875rem; background: #161b27; color: #fff; cursor: pointer; font-family: "Poppins", sans-serif; }

/* Product grid */
.tfl-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
@media (max-width: 1200px) { .tfl-grid { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 768px) { .tfl-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 480px) { .tfl-grid { grid-template-columns: 1fr; } }

/* Product card */
.tf-card { background: #161b27; border-radius: 10px; overflow: hidden; box-shadow: 0 1px 8px rgba(0,0,0,.25); transition: transform .2s, box-shadow .2s, border-color .2s; display: flex; flex-direction: column; border: 1px solid rgba(255,255,255,.07); }
.tf-card:hover { transform: translateY(-4px); box-shadow: 0 12px 32px rgba(57,217,138,.1); border-color: rgba(57,217,138,.4); }
.tf-card.tfl-hidden { display: none; }
.tf-card__thumb-wrap { position: relative; aspect-ratio: 590/300; overflow: hidden; background: #0d1117; }
.tf-card__thumb { width: 100%; height: 100%; object-fit: cover; display: block; }
.tf-card__thumb--placeholder { width: 100%; height: 100%; background: linear-gradient(135deg, #161b27, #1e2535); }
.tf-card__badge { position: absolute; top: 10px; left: 10px; background: rgba(57,217,138,.15); color: #39d98a; font-size: .7rem; font-weight: 700; padding: 3px 8px; border-radius: 4px; border: 1px solid rgba(57,217,138,.3); }
.tf-card__body { padding: 16px; display: flex; flex-direction: column; gap: 10px; flex: 1; }
.tf-card__title { margin: 0; font-size: 1rem; font-weight: 700; line-height: 1.35; }
.tf-card__title a { color: #fff; text-decoration: none; }
.tf-card__title a:hover { color: var(--green); }
.tf-card__meta { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.tf-stars { color: #f59e0b; font-size: .85rem; letter-spacing: 1px; }
.tf-star--half, .tf-star--empty { opacity: .4; }
.tf-card__rcount { font-size: .75rem; color: rgba(255,255,255,.4); }
.tf-card__sales { font-size: .75rem; color: rgba(255,255,255,.4); margin-left: auto; }
.tf-card__actions { display: flex; gap: 8px; margin-top: auto; }
.tf-btn { flex: 1; padding: 9px 12px; border-radius: 6px; font-size: .8rem; font-weight: 600; text-align: center; text-decoration: none; transition: background .2s, color .2s, border-color .2s; cursor: pointer; font-family: "Poppins", sans-serif; }
.tf-btn--ghost { border: 1px solid rgba(255,255,255,.15); color: rgba(255,255,255,.6); background: transparent; }
.tf-btn--ghost:hover { border-color: var(--green); color: var(--green); }
.tf-btn--primary { background: var(--green); color: var(--ink); border: 1px solid transparent; font-weight: 700; }
.tf-btn--primary:hover { background: var(--green2); box-shadow: 0 4px 14px rgba(57,217,138,.35); }

/* No results / Coming soon */
.tfl-no-results { text-align: center; padding: 60px 20px; color: rgba(255,255,255,.45); grid-column: 1/-1; display: none; }
.tfl-no-results__icon { font-size: 3rem; display: block; margin-bottom: 12px; }
.tfl-coming-soon { text-align: center; padding: 80px 20px; color: rgba(255,255,255,.45); }
.tfl-coming-soon__icon { font-size: 4rem; display: block; margin-bottom: 20px; }

/* Niche category tab bar */
.tfl-cat-bar { background: var(--ink2); border-bottom: 1px solid rgba(255,255,255,.07); }
.tfl-cat-tabs { display: flex; overflow-x: auto; scrollbar-width: none; white-space: nowrap; padding: 0 3%; }
.tfl-cat-tabs::-webkit-scrollbar { display: none; }
.tfl-cat-tabs__link { display: inline-block; padding: 13px 18px; color: rgba(255,255,255,.5); font-size: .85rem; font-weight: 600; text-decoration: none; border-bottom: 3px solid transparent; transition: color .2s, border-color .2s; cursor: pointer; }
.tfl-cat-tabs__link:hover { color: #fff; }
.tfl-cat-tabs__link--active { color: #fff; border-bottom-color: var(--green); }
.tfl-cat-tabs__count { font-size: .75rem; opacity: .6; }

/* Mobile filter */
.tfl-mobile-filter { display: none; margin-bottom: 16px; }
.tfl-mobile-filter select { width: 100%; padding: 10px 12px; border: 1px solid rgba(255,255,255,.12); border-radius: 6px; font-size: .9rem; font-family: "Poppins", sans-serif; background: #161b27; color: #fff; }

/* Sidebar width */
.tfl-sidebar { width: 300px; min-width: 300px; flex-shrink: 0; }

/* Format bar wrapper */
.tfl-format-bar { background: #0d1117; padding: 48px 0 40px; border-bottom: 1px solid rgba(57,217,138,.15); }
.tfl-format-bar--sub { padding: 24px 0 20px; }

/* Format showcase grid */
.tfl-format-showcase { display: grid; grid-template-columns: repeat(7, 1fr); gap: 14px; }
@media (max-width: 1100px) { .tfl-format-showcase { grid-template-columns: repeat(4, 1fr); } }
@media (max-width: 640px) { .tfl-format-showcase { grid-template-columns: repeat(3, 1fr); gap: 8px; } }

/* Format card */
.tfl-format-card { display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 22px 10px 18px; background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.08); border-radius: 14px; text-decoration: none !important; color: #e2e8f0 !important; transition: background .2s, border-color .2s, transform .18s; text-align: center; }
.tfl-format-card:hover, .tfl-format-card--active { background: rgba(57,217,138,.1) !important; border-color: #39d98a !important; transform: translateY(-3px); color: #39d98a !important; }
.tfl-format-card__icon { font-size: 2.2rem; line-height: 1; color: #39d98a; }
.tfl-format-card--active .tfl-format-card__icon { color: #39d98a; }
.tfl-format-card__label { font-family: 'Poppins', sans-serif; font-weight: 700; font-size: .8rem; letter-spacing: .05em; text-transform: uppercase; color: #f1f5f9; }
.tfl-format-card--active .tfl-format-card__label { color: #39d98a; }
.tfl-format-card__count { font-size: .7rem; color: #6b7280; font-weight: 500; }
.tfl-format-card:hover .tfl-format-card__count, .tfl-format-card--active .tfl-format-card__count { color: #39d98a; }

/* TFD — Product detail hero bar */
.tfd-hero-bar { background: var(--ink); padding: 28px 0 0; border-bottom: 1px solid rgba(255,255,255,.07); }
.tfd-breadcrumb { font-size: 13px; color: rgba(255,255,255,.4); padding: 0 3% 20px; display: flex; align-items: center; gap: 8px; }
.tfd-breadcrumb a { color: rgba(255,255,255,.4); text-decoration: none; }
.tfd-breadcrumb a:hover { color: var(--green); }
.tfd-breadcrumb .sep { opacity: .3; }
.tfd-breadcrumb .current { color: rgba(255,255,255,.7); }
.tfd-layout { max-width: 1280px; margin: 0 auto; padding: 56px 3% 72px; display: grid; grid-template-columns: 1fr 420px; gap: 60px; align-items: start; }
.tfd-img-wrap { border-radius: 16px; overflow: hidden; background: #0d1117; box-shadow: 0 24px 60px rgba(0,0,0,.5); }
.tfd-img-wrap img { width: 100%; display: block; }
.tfs-info { position: sticky; top: 100px; align-self: start; }
.tfs-tech { display: inline-block; font-size: 11px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: var(--green); background: rgba(57,217,138,.1); border: 1px solid rgba(57,217,138,.25); padding: 5px 14px; border-radius: 4px; margin-bottom: 16px; }
.tfs-title { font-size: clamp(28px, 3.8vw, 46px); font-weight: 800; color: #fff; line-height: 1.1; margin-bottom: 14px; letter-spacing: -1.5px; }
.tfs-short-desc { font-size: 17px; color: rgba(255,255,255,.5); line-height: 1.72; margin-bottom: 28px; }
.tfs-meta { display: flex; flex-wrap: wrap; gap: 18px; margin-bottom: 28px; padding-bottom: 28px; border-bottom: 1px solid rgba(255,255,255,.07); }
.tfs-meta-item { display: flex; flex-direction: column; gap: 3px; }
.tfs-meta-label { font-size: 11px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; color: rgba(255,255,255,.3); }
.tfs-meta-value { font-size: 17px; font-weight: 700; color: #fff; }
.tfs-price { font-size: 42px; font-weight: 900; color: var(--green); letter-spacing: -1.5px; line-height: 1; margin-bottom: 24px; }
.tfs-actions { display: flex; gap: 12px; margin-bottom: 20px; }
.tfs-btn { display: inline-flex; align-items: center; justify-content: center; padding: 16px 28px; border-radius: 8px; font-size: 16px; font-weight: 700; text-decoration: none; transition: all .25s; cursor: pointer; font-family: "Poppins", sans-serif; }
.tfs-btn--buy { background: var(--green); color: var(--ink); flex: 1; }
.tfs-btn--buy:hover { background: var(--green2); transform: translateY(-2px); box-shadow: 0 12px 34px rgba(57,217,138,.4); }
.tfs-btn--preview { background: rgba(255,255,255,.06); color: rgba(255,255,255,.7); border: 1px solid rgba(255,255,255,.12); }
.tfs-btn--preview:hover { background: rgba(255,255,255,.1); color: #fff; }
.tfs-stars { display: flex; align-items: center; gap: 4px; }
.tfs-star { font-size: 18px; }
.tfs-star--full { color: #f59e0b; }
.tfs-star--half { color: #f59e0b; opacity: .5; }
.tfs-star--empty { color: rgba(255,255,255,.2); }
.tfd-content { padding: 0 3% 80px; max-width: 1280px; margin: 0 auto; }
.tfd-content h2 { font-size: clamp(22px,2.8vw,32px); font-weight: 800; color: #fff; margin: 48px 0 16px; padding-bottom: 14px; border-bottom: 2px solid rgba(57,217,138,.2); letter-spacing: -.5px; }
.tfd-content h3 { font-size: clamp(18px,2.2vw,24px); font-weight: 700; color: rgba(255,255,255,.9); margin: 32px 0 12px; }
.tfd-content p { font-size: 17px; color: rgba(255,255,255,.55); line-height: 1.78; margin-bottom: 20px; }
.tfd-content ul { list-style: none; margin: 0 0 24px; padding: 0; }
.tfd-content ul li { padding: 9px 0; border-bottom: 1px solid rgba(255,255,255,.05); font-size: 16px; color: rgba(255,255,255,.6); display: flex; align-items: flex-start; gap: 10px; line-height: 1.5; }
.tfd-content ul li:last-child { border-bottom: none; }
.tfd-content ul li::before { content: "✓"; color: var(--green); font-weight: 800; flex-shrink: 0; margin-top: 1px; }
.tfd-content ol { padding-left: 0; list-style: none; counter-reset: ol-counter; margin-bottom: 24px; }
.tfd-content ol li { counter-increment: ol-counter; padding: 10px 0 10px 40px; border-bottom: 1px solid rgba(255,255,255,.05); font-size: 16px; color: rgba(255,255,255,.6); position: relative; line-height: 1.5; }
.tfd-content ol li:last-child { border-bottom: none; }
.tfd-content ol li::before { content: counter(ol-counter); position: absolute; left: 0; top: 10px; width: 26px; height: 26px; background: rgba(57,217,138,.15); color: var(--green); font-size: 13px; font-weight: 800; border-radius: 50%; display: flex; align-items: center; justify-content: center; }
@media (max-width: 960px) { .tfd-layout { grid-template-columns: 1fr; } .tfs-info { position: static; } }

/* Page content wrapper */
.mhc-page-content { max-width: 1240px; margin: 0 auto; padding: 80px 40px; }
.mhc-page-content h1 { font-size: clamp(28px, 4vw, 48px); font-weight: 800; color: #fff; margin-bottom: 20px; letter-spacing: -1px; }
.mhc-page-content h2 { font-size: clamp(22px, 3vw, 36px); font-weight: 800; color: #fff; margin: 40px 0 16px; }
.mhc-page-content h3 { font-size: clamp(18px, 2.5vw, 26px); font-weight: 700; color: #e2e8f0; margin: 28px 0 12px; }
.mhc-page-content p { font-size: 18px; color: #8892a4; line-height: 1.75; margin-bottom: 20px; }
.mhc-page-content ul, .mhc-page-content ol { font-size: 17px; color: #8892a4; line-height: 1.7; padding-left: 28px; margin-bottom: 20px; }
.mhc-page-content a { color: #39d98a; text-decoration: underline; }
.mhc-page-content a:hover { color: #2ac97a; }

/* ================================================================
   SITE HEADER / NAV
   ================================================================ */
.mh-topbar { background: #060b18; border-bottom: 1px solid rgba(255,255,255,.06); padding: 9px 40px; display: flex; align-items: center; justify-content: space-between; font-family: "Poppins", sans-serif; }
.mh-topbar__support { display: flex; align-items: center; gap: 10px; font-size: 13px; color: rgba(255,255,255,.4); font-weight: 500; }
.mh-topbar__support strong { color: rgba(255,255,255,.7); font-weight: 600; }
.mh-topbar__support .dot { width: 6px; height: 6px; }
.mh-topbar__cta { font-size: 12px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; color: var(--green); border: 1px solid rgba(57,217,138,.3); padding: 6px 16px; border-radius: 4px; transition: background .2s, border-color .2s; }
.mh-topbar__cta:hover { background: rgba(57,217,138,.1); border-color: var(--green); }

.mh-nav { background: #0a0f1e; border-bottom: 1px solid rgba(255,255,255,.07); position: sticky; top: 0; z-index: 9000; font-family: "Poppins", sans-serif; }
.mh-nav__inner { max-width: 1280px; margin: 0 auto; padding: 0 40px; display: flex; align-items: center; justify-content: space-between; height: 70px; gap: 32px; }

/* Logo */
.mh-nav__logo { display: flex; align-items: center; flex-shrink: 0; text-decoration: none; }
.mh-nav__logo img { height: 38px; width: auto; display: block; }
.mh-nav__logo-text { font-size: 19px; font-weight: 800; color: #fff; letter-spacing: -0.5px; line-height: 1; }
.mh-nav__logo-text em { color: var(--green); font-style: normal; }

/* Nav links */
.mh-nav__links { display: flex; align-items: center; gap: 4px; list-style: none; flex: 1; margin-left: 32px; }
.mh-nav__links > li > a,
.mh-nav__links > li > span { font-size: 14px; font-weight: 600; color: rgba(255,255,255,.6); padding: 8px 14px; border-radius: 6px; text-decoration: none; transition: color .2s, background .2s; letter-spacing: .1px; display: block; cursor: pointer; }
.mh-nav__links > li > a:hover,
.mh-nav__links > li > span:hover { color: #fff; background: rgba(255,255,255,.06); }
.mh-nav__links .current-menu-item > a,
.mh-nav__links .current_page_item > a { color: #fff; }

/* Right actions */
.mh-nav__actions { display: flex; align-items: center; gap: 12px; flex-shrink: 0; }
.mh-nav__portal { display: inline-flex; align-items: center; gap: 8px; padding: 10px 22px; background: var(--green); color: var(--ink); font-size: 13px; font-weight: 700; border-radius: 6px; text-decoration: none; transition: background .2s, transform .15s; white-space: nowrap; }
.mh-nav__portal:hover { background: var(--green2); transform: translateY(-1px); }

/* Cart icon in nav */
.mh-nav__cart{position:relative;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.75);text-decoration:none;padding:6px;border-radius:8px;transition:color .15s,background .15s;}
.mh-nav__cart:hover{color:#fff;background:rgba(255,255,255,.08);}
.mh-nav__cart-count{position:absolute;top:-5px;right:-6px;background:#39d98a;color:#0d1117;font-size:10px;font-weight:800;line-height:1;border-radius:50%;min-width:17px;height:17px;display:flex;align-items:center;justify-content:center;padding:0 3px;font-family:Poppins,sans-serif;}

/* Hamburger */
.mh-nav__hamburger { display: none; flex-direction: column; gap: 5px; cursor: pointer; padding: 8px; background: none; border: none; }
.mh-nav__hamburger span { display: block; width: 22px; height: 2px; background: rgba(255,255,255,.7); border-radius: 2px; transition: all .25s; }
.mh-nav__hamburger:hover span { background: #fff; }

/* Mobile nav */
.mh-nav__mobile { display: none; background: #0a0f1e; border-top: 1px solid rgba(255,255,255,.06); }
.mh-nav__mobile.is-open { display: block; }
.mh-nav__mobile a { display: block; padding: 14px 22px; font-size: 15px; font-weight: 600; color: rgba(255,255,255,.65); border-bottom: 1px solid rgba(255,255,255,.05); text-decoration: none; transition: color .15s, background .15s; }
.mh-nav__mobile a:last-child { border-bottom: none; }
.mh-nav__mobile a:hover { color: #fff; background: rgba(255,255,255,.04); }

/* WP admin bar offset */
.admin-bar .mh-nav { top: 32px; }
@media (max-width: 782px) { .admin-bar .mh-nav { top: 46px; } }

/* ================================================================
   SITE FOOTER
   ================================================================ */
.mh-footer { background: #070c1a; border-top: 1px solid rgba(255,255,255,.07); font-family: "Poppins", sans-serif; }
.mh-footer__top { max-width: 1280px; margin: 0 auto; padding: 70px 40px 60px; display: grid; grid-template-columns: 260px 1fr 1fr 160px; gap: 48px; }

/* Brand column */
.mh-footer__brand { }
.mh-footer__logo-link { display: inline-block; margin-bottom: 18px; text-decoration: none; }
.mh-footer__logo-link img { height: 34px; width: auto; }
.mh-footer__logo-name { font-size: 18px; font-weight: 800; color: #fff; letter-spacing: -0.3px; }
.mh-footer__logo-name em { color: var(--green); font-style: normal; }
.mh-footer__tagline { font-size: 13px; color: rgba(255,255,255,.3); line-height: 1.6; margin-bottom: 24px; }
.mh-footer__support-label { font-size: 10px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: var(--green); margin-bottom: 10px; }
.mh-footer__phone { font-size: 13px; color: rgba(255,255,255,.45); margin-bottom: 5px; line-height: 1.5; }
.mh-footer__phone strong { color: rgba(255,255,255,.75); font-weight: 600; }

/* Newsletter column */
.mh-footer__newsletter { }
.mh-footer__col-label { font-size: 10px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: rgba(255,255,255,.25); margin-bottom: 18px; }
.mh-footer__nl-title { font-size: 15px; font-weight: 700; color: #fff; margin-bottom: 6px; line-height: 1.3; }
.mh-footer__nl-sub { font-size: 12px; color: rgba(255,255,255,.3); line-height: 1.5; margin-bottom: 16px; }
.mh-footer__nl-form { display: flex; gap: 6px; }
.mh-footer__nl-input { flex: 1; min-width: 0; padding: 10px 12px; background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.1); border-radius: 5px; font-size: 12px; color: #fff; font-family: "Poppins", sans-serif; outline: none; transition: border-color .2s; }
.mh-footer__nl-input::placeholder { color: rgba(255,255,255,.25); }
.mh-footer__nl-input:focus { border-color: rgba(57,217,138,.4); }
.mh-footer__nl-btn { padding: 10px 14px; background: var(--green); color: var(--ink); font-size: 12px; font-weight: 700; border: none; border-radius: 5px; cursor: pointer; font-family: "Poppins", sans-serif; transition: background .2s; white-space: nowrap; }
.mh-footer__nl-btn:hover { background: var(--green2); }

/* Links column */
.mh-footer__links-wrap { }
.mh-footer__links-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 4px 16px; }
.mh-footer__link { font-size: 12px; color: rgba(255,255,255,.35); text-decoration: none; transition: color .2s; display: block; padding: 3px 0; }
.mh-footer__link:hover { color: var(--green); }

/* Social column */
.mh-footer__social { }
.mh-footer__social-links { display: flex; flex-direction: column; gap: 10px; }
.mh-footer__social-link { display: flex; align-items: center; gap: 10px; font-size: 13px; color: rgba(255,255,255,.35); text-decoration: none; transition: color .2s; }
.mh-footer__social-link:hover { color: var(--green); }
.mh-footer__social-link svg { flex-shrink: 0; }

/* Bottom bar */
.mh-footer__bottom { border-top: 1px solid rgba(255,255,255,.06); }
.mh-footer__bottom-inner { max-width: 1280px; margin: 0 auto; padding: 18px 40px; display: flex; align-items: center; justify-content: space-between; gap: 20px; flex-wrap: wrap; }
.mh-footer__copy { font-size: 12px; color: rgba(255,255,255,.2); }
.mh-footer__copy a { color: rgba(255,255,255,.4); text-decoration: none; }
.mh-footer__copy a:hover { color: var(--green); }

/* ================================================================
   RESPONSIVE
   ================================================================ */
@media (max-width: 1024px) {
  .mh-footer__top { grid-template-columns: 1fr 1fr; row-gap: 40px; }
  .mh-footer__brand { grid-column: 1 / -1; }
  .hero__inner { grid-template-columns: 1fr; }
  .hero__card { max-width: 480px; }
  .hero__stats { grid-template-columns: repeat(2,1fr); }
  .tf__inner { grid-template-columns: 1fr; gap: 50px; }
  .process__grid { grid-template-columns: repeat(2,1fr); }
  .process__step::after, .process__step::before { display: none; }
  .process__step { border-right: none; border-bottom: 1px solid var(--border); }
  .pkgs__grid { grid-template-columns: 1fr; background: transparent; border: none; gap: 18px; border-radius: 0; }
  .pc { border-radius: 16px; border: 1px solid #ddddd6; }
  .pc--mid { border: none; }
  .why__grid { grid-template-columns: repeat(2,1fr); }
  .testi__grid { grid-template-columns: repeat(2,1fr); }
  .sg3, .sg4 { grid-template-columns: repeat(2,1fr); }
  .cat__head { flex-direction: column; align-items: flex-start; gap: 12px; }
  .cat__rule { display: none; }
  .cat__sub { padding-left: 16px; }
  .nyc__inner { grid-template-columns: 1fr; gap: 50px; }
  .faq__inner { grid-template-columns: 1fr; }
  .faq__left { position: static; }
  .industries__grid, .industries__grid2 { grid-template-columns: repeat(2,1fr); }
  .tfl-sidebar { display: none; }
  .tfl-mobile-filter { display: block; }
}

@media (max-width: 768px) {
  .mh-topbar { display: none; }
  .mh-nav__inner { padding: 0 20px; }
  .mh-nav__links { display: none; }
  .mh-nav__portal { display: none; }
  .mh-nav__hamburger { display: flex; }
}

@media (max-width: 640px) {
  body { font-size: 19px; }
  .mh-footer__top { grid-template-columns: 1fr; padding: 50px 22px 40px; }
  .mh-footer__bottom-inner { flex-direction: column; align-items: flex-start; padding: 16px 22px; }
  .mh-footer__links-grid { grid-template-columns: 1fr 1fr; }
  .hero { padding: 80px 22px 70px; }
  body.home .hero { padding: 80px 22px 0; }
  .hero__stats { grid-template-columns: repeat(2,1fr); }
  .hero__stat { padding: 28px 18px; }
  .hero__stat-num { font-size: 38px; }
  .trust__inner { flex-direction: column; }
  .trust__item { border-right: none; border-bottom: 1px solid var(--border); }
  .process__hd { padding: 70px 22px 0; }
  .process__grid { grid-template-columns: 1fr; }
  .process__step { padding: 38px 22px; }
  .svcs { padding: 80px 22px; }
  .sg2, .sg3, .sg4 { grid-template-columns: 1fr; }
  .pkgs { padding: 80px 22px; }
  .why { padding: 80px 22px; }
  .why__grid { grid-template-columns: 1fr; }
  .nyc { padding: 80px 22px; }
  .faq { padding: 80px 22px; }
  .testi { padding: 80px 22px; }
  .testi__grid { grid-template-columns: 1fr; }
  .cta { padding: 90px 22px; }
  .industries__grid, .industries__grid2 { grid-template-columns: 1fr; }
  body.home .hero__inner { grid-template-columns: 1fr; }
  .hero__showcase { display: none; }
  .msvc-grid { grid-template-columns: 1fr; }
  .msvc-steps { grid-template-columns: 1fr; }
  .msvc-step--line { display: none; }
}


/* ================================================================
   WORDPRESS SERVICES PAGE (.msvc-* classes)
   ================================================================ */
.msvc-hero { background: var(--ink); color: #fff; padding: 100px 40px 80px; position: relative; overflow: hidden; text-align: center; }
.msvc-hero__bg-grid { position: absolute; inset: 0; background-image: linear-gradient(rgba(57,217,138,.04) 1px, transparent 1px), linear-gradient(90deg, rgba(57,217,138,.04) 1px, transparent 1px); background-size: 64px 64px; pointer-events: none; }
.msvc-hero__glow { position: absolute; top: -200px; left: 50%; transform: translateX(-50%); width: 900px; height: 900px; background: radial-gradient(circle, rgba(57,217,138,.07) 0%, transparent 65%); pointer-events: none; }
.msvc-hero__inner { position: relative; z-index: 1; max-width: 860px; margin: 0 auto; }
.msvc-hero__eyebrow { display: inline-block; background: rgba(57,217,138,.1); border: 1px solid rgba(57,217,138,.26); color: var(--green); font-size: 12px; font-weight: 700; letter-spacing: 2.5px; text-transform: uppercase; padding: 8px 20px; border-radius: 5px; margin-bottom: 28px; }
.msvc-hero__title { font-size: clamp(38px,5.5vw,68px); font-weight: 800; line-height: 1.06; letter-spacing: -2px; margin-bottom: 22px; }
.msvc-hero__title em { font-style: italic; font-family: "Playfair Display", serif; color: var(--green); display: block; }
.msvc-hero__sub { font-size: 19px; color: rgba(255,255,255,.5); line-height: 1.75; max-width: 680px; margin: 0 auto 36px; }
.msvc-hero__btns { display: flex; gap: 14px; justify-content: center; flex-wrap: wrap; margin-bottom: 36px; }
.msvc-hero__trust { display: flex; gap: 24px; justify-content: center; flex-wrap: wrap; }
.msvc-hero__trust span { font-size: 13px; color: rgba(255,255,255,.38); }
.msvc-grid-wrap { background: #f5f5f0; padding: 80px 40px 100px; }
.msvc-inner { max-width: 1280px; margin: 0 auto; }
.msvc-head { text-align: center; margin-bottom: 56px; }
.msvc-head__label { display: inline-block; font-size: 12px; font-weight: 700; letter-spacing: 2.5px; text-transform: uppercase; color: var(--green2); margin-bottom: 12px; }
.msvc-head__title { font-size: clamp(28px,4vw,46px); font-weight: 800; color: var(--ink); letter-spacing: -1.5px; margin-bottom: 14px; }
.msvc-head__sub { font-size: 17px; color: var(--muted); max-width: 560px; margin: 0 auto; }
.msvc-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.msvc-card { background: #fff; border: 1px solid var(--border); border-radius: 14px; padding: 32px 28px; position: relative; display: flex; flex-direction: column; transition: box-shadow .25s, transform .25s; }
.msvc-card:hover { box-shadow: 0 12px 40px rgba(0,0,0,.1); transform: translateY(-3px); }
.msvc-card__badge { position: absolute; top: 20px; right: 20px; background: var(--green); color: var(--ink); font-size: 11px; font-weight: 700; padding: 3px 9px; border-radius: 20px; }
.msvc-card__icon { width: 48px; height: 48px; border-radius: 10px; background: rgba(57,217,138,.1); display: flex; align-items: center; justify-content: center; margin-bottom: 18px; }
.msvc-card__icon .dashicons { font-size: 24px; color: var(--green2); width: 24px; height: 24px; }
.msvc-card__title { font-size: 18px; font-weight: 700; color: var(--ink); margin-bottom: 10px; line-height: 1.3; }
.msvc-card__desc { font-size: 14px; color: var(--muted); line-height: 1.65; flex: 1; margin-bottom: 24px; }
.msvc-card__foot { display: flex; align-items: center; justify-content: space-between; margin-top: auto; border-top: 1px solid var(--border); padding-top: 18px; gap: 12px; }
.msvc-card__price { display: flex; align-items: baseline; gap: 8px; }
.msvc-card__old { font-size: 14px; color: var(--muted); text-decoration: line-through; }
.msvc-card__now { font-size: 22px; font-weight: 800; color: var(--ink); letter-spacing: -0.5px; }
.msvc-card__btn { background: var(--ink); color: #fff; font-size: 13px; font-weight: 700; padding: 9px 18px; border-radius: 7px; white-space: nowrap; transition: background .2s; }
.msvc-card__btn:hover { background: var(--green2); color: var(--ink); }
.msvc-how { background: var(--ink); padding: 80px 40px; color: #fff; }
.msvc-how .msvc-head__title { color: #fff; }
.msvc-steps { display: grid; grid-template-columns: 1fr 40px 1fr 40px 1fr 40px 1fr; gap: 0; align-items: start; max-width: 1100px; margin: 0 auto; }
.msvc-step { text-align: center; padding: 0 16px; }
.msvc-step--line { display: flex; align-items: flex-start; justify-content: center; padding-top: 22px; }
.msvc-step--line::after { content: ''; display: block; width: 100%; height: 2px; background: linear-gradient(90deg, var(--green) 0%, rgba(57,217,138,.2) 100%); margin-top: 18px; }
.msvc-step__num { display: inline-flex; align-items: center; justify-content: center; width: 48px; height: 48px; border-radius: 50%; background: rgba(57,217,138,.12); border: 1px solid rgba(57,217,138,.3); font-size: 14px; font-weight: 800; color: var(--green); margin-bottom: 16px; }
.msvc-step h3 { font-size: 17px; font-weight: 700; color: #fff; margin-bottom: 8px; }
.msvc-step p { font-size: 14px; color: rgba(255,255,255,.45); line-height: 1.65; }
.msvc-cta { background: var(--green); padding: 80px 40px; text-align: center; }
.msvc-cta__inner h2 { font-size: clamp(26px,3.5vw,42px); font-weight: 800; color: var(--ink); margin-bottom: 14px; letter-spacing: -1px; }
.msvc-cta__inner p { font-size: 18px; color: rgba(10,15,30,.65); margin-bottom: 32px; }
.msvc-cta .btn-green { background: var(--ink); color: #fff; }
.msvc-cta .btn-green:hover { background: #0d1117; }

/* ================================================================
   ABOUT US PAGE (.mhp-* classes)
   ================================================================ */
.mhp-hero { background: var(--ink); color: #fff; padding: 100px 40px 80px; position: relative; overflow: hidden; }
.mhp-hero__glow { position: absolute; bottom: -200px; right: -150px; width: 800px; height: 800px; background: radial-gradient(circle, rgba(57,217,138,.06) 0%, transparent 65%); pointer-events: none; }
.mhp-wrap { max-width: 1280px; margin: 0 auto; padding: 0 40px; }
.mhp-hero .mhp-wrap { padding: 0; }
.mhp-hero__eyebrow { display: inline-block; background: rgba(57,217,138,.1); border: 1px solid rgba(57,217,138,.26); color: var(--green); font-size: 12px; font-weight: 700; letter-spacing: 2.5px; text-transform: uppercase; padding: 8px 20px; border-radius: 5px; margin-bottom: 28px; }
.mhp-hero__title { font-size: clamp(40px,5.5vw,72px); font-weight: 800; line-height: 1.06; letter-spacing: -2px; margin-bottom: 20px; }
.mhp-green { font-style: italic; font-family: "Playfair Display", serif; color: var(--green); display: block; }
.mhp-hero__sub { font-size: 19px; color: rgba(255,255,255,.5); line-height: 1.75; max-width: 640px; }
.mhp-stats { background: rgba(255,255,255,.04); border-top: 1px solid rgba(255,255,255,.07); border-bottom: 1px solid rgba(255,255,255,.07); }
.mhp-stats__inner { max-width: 1280px; margin: 0 auto; padding: 0 40px; display: flex; }
.mhp-stat { flex: 1; padding: 28px 20px; border-right: 1px solid rgba(255,255,255,.07); text-align: center; color: #fff; }
.mhp-stat:last-child { border-right: none; }
.mhp-stat strong { display: block; font-size: 30px; font-weight: 900; color: var(--green); letter-spacing: -1px; margin-bottom: 4px; }
.mhp-stat span { font-size: 13px; color: rgba(255,255,255,.4); }
.mhp-section { padding: 90px 0; background: #fff; }
.mhp-section--alt { background: #f5f5f0; }
.mhp-label { display: inline-block; font-size: 12px; font-weight: 700; letter-spacing: 2.5px; text-transform: uppercase; color: var(--green2); margin-bottom: 12px; }
.mhp-label--center { display: block; text-align: center; }
.mhp-section__title { font-size: clamp(26px,3.5vw,42px); font-weight: 800; color: var(--ink); letter-spacing: -1px; text-align: center; margin-bottom: 48px; }
.mhp-two-col { display: grid; grid-template-columns: 1fr 1fr; gap: 72px; align-items: start; }
.mhp-two-col__text h2 { font-size: clamp(26px,3vw,38px); font-weight: 800; color: var(--ink); letter-spacing: -1px; margin-bottom: 20px; line-height: 1.15; }
.mhp-two-col__text p { font-size: 16px; color: var(--muted); line-height: 1.75; margin-bottom: 16px; }
.mhp-two-col__cards { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.mhp-card { background: #f5f5f0; border: 1px solid var(--border); border-radius: 12px; padding: 24px 22px; }
.mhp-card--sm .mhp-card__icon { font-size: 24px; margin-bottom: 12px; display: block; }
.mhp-card h3 { font-size: 15px; font-weight: 700; color: var(--ink); margin-bottom: 8px; }
.mhp-card p { font-size: 13px; color: var(--muted); line-height: 1.65; }
.mhp-formats { display: grid; grid-template-columns: repeat(4,1fr); gap: 20px; }
.mhp-format-card { background: #fff; border: 1px solid var(--border); border-radius: 12px; padding: 28px 22px; text-align: center; }
.mhp-format-card__icon { font-size: 28px; margin-bottom: 14px; display: block; }
.mhp-format-card h3 { font-size: 16px; font-weight: 700; color: var(--ink); margin-bottom: 8px; }
.mhp-format-card p { font-size: 13px; color: var(--muted); line-height: 1.6; margin-bottom: 14px; }
.mhp-link { font-size: 13px; font-weight: 600; color: var(--green2); }
.mhp-why-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.mhp-why { display: flex; gap: 16px; align-items: flex-start; background: #f5f5f0; border: 1px solid var(--border); border-radius: 12px; padding: 22px 20px; }
.mhp-why__check { width: 28px; height: 28px; border-radius: 50%; background: var(--green); color: var(--ink); font-size: 14px; font-weight: 900; display: flex; align-items: center; justify-content: center; flex-shrink: 0; margin-top: 2px; }
.mhp-why strong { display: block; font-size: 15px; font-weight: 700; color: var(--ink); margin-bottom: 6px; }
.mhp-why p { font-size: 13px; color: var(--muted); line-height: 1.65; }
.mhp-cta { background: var(--ink); padding: 90px 40px; text-align: center; color: #fff; }
.mhp-cta__inner h2 { font-size: clamp(26px,3.5vw,42px); font-weight: 800; margin-bottom: 14px; letter-spacing: -1px; }
.mhp-cta__inner p { font-size: 17px; color: rgba(255,255,255,.5); margin-bottom: 32px; }
.mhp-cta__btns { display: flex; gap: 14px; justify-content: center; }
.mhp-btn { display: inline-flex; align-items: center; padding: 14px 30px; border-radius: 8px; font-size: 16px; font-weight: 700; transition: all .2s; }
.mhp-btn--primary { background: var(--green); color: var(--ink); }
.mhp-btn--primary:hover { background: var(--green2); }
.mhp-btn--ghost { border: 1px solid rgba(255,255,255,.2); color: #fff; }
.mhp-btn--ghost:hover { border-color: rgba(255,255,255,.5); }

/* ── Service card title link ── */
.sc__title a { color: inherit; text-decoration: none; }
.sc__title a:hover { color: var(--green); }
.sc--dk .sc__title a:hover { color: var(--green); }

/* ── Single service detail page (.svcd) ── */
.svcd { padding: 72px 0 80px; }
.svcd__wrap { display: grid; grid-template-columns: 1fr 360px; gap: 56px; align-items: start; }
.svcd__breadcrumb { display: flex; gap: 8px; align-items: center; font-size: 13px; color: var(--muted); margin-bottom: 28px; flex-wrap: wrap; }
.svcd__breadcrumb a { color: var(--green); text-decoration: none; }
.svcd__breadcrumb a:hover { text-decoration: underline; }
.svcd__bc-sep { color: var(--border); }
.svcd__badge { display: inline-block; margin-bottom: 16px; position: static; }
.svcd__icon { width: 60px; height: 60px; background: rgba(255,255,255,.06); border: 1px solid var(--border); border-radius: 14px; display: flex; align-items: center; justify-content: center; margin-bottom: 20px; }
.svcd__icon .dashicons { font-size: 30px; width: 30px; height: 30px; color: var(--green); }
.svcd__title { font-size: clamp(28px,3.5vw,40px); font-weight: 800; color: var(--ink); margin-bottom: 36px; line-height: 1.15; letter-spacing: -1px; }
.svcd__content { color: var(--muted); line-height: 1.8; font-size: 16px; }
.svcd__content p { margin-bottom: 18px; }
.svcd__content h3 { color: var(--ink); font-size: 19px; font-weight: 700; margin: 32px 0 14px; }
.svcd__content ul { list-style: none; padding: 0; margin-bottom: 24px; }
.svcd__content ul li { padding: 7px 0 7px 26px; position: relative; border-bottom: 1px solid var(--border); }
.svcd__content ul li:last-child { border-bottom: none; }
.svcd__content ul li::before { content: '\2713'; position: absolute; left: 0; color: var(--green); font-weight: 800; }
/* Sticky order panel */
.svcd__panel { position: sticky; top: 100px; background: var(--card); border: 1px solid var(--border); border-radius: 16px; padding: 32px; }
.svcd__old { color: #bbb; text-decoration: line-through; font-size: 15px; margin-bottom: 6px; }
.svcd__price { font-size: 44px; font-weight: 800; color: var(--ink); line-height: 1; margin-bottom: 28px; }
.svcd__cta { display: block; text-align: center; width: 100%; box-sizing: border-box; padding: 16px; font-size: 18px; margin-bottom: 20px; }
.svcd__trust { list-style: none; padding: 0; margin: 0 0 20px; border-top: 1px solid var(--border); padding-top: 20px; }
.svcd__trust li { color: var(--muted); font-size: 13px; padding: 5px 0; }
.svcd__chat { text-align: center; font-size: 13px; }
.svcd__chat a { color: var(--green); text-decoration: none; }
.svcd__chat a:hover { text-decoration: underline; }
/* Related */
.svcd-related { padding: 60px 0; border-top: 1px solid var(--border); }
.svcd-related__title { font-size: 26px; font-weight: 800; color: var(--ink); margin-bottom: 32px; }
@media (max-width: 960px) {
  .svcd__wrap { grid-template-columns: 1fr; gap: 40px; }
  .svcd__panel { position: static; }
}

/* ── Breadcrumb subheader ── */
.mhc-subnav { background: #0a0f1e; border-bottom: 1px solid rgba(255,255,255,.08); padding: 14px 0; }
.mhc-subnav__bc { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; font-size: 13px; color: rgba(255,255,255,.4); margin: 0; padding: 0; list-style: none; }
.mhc-subnav__bc a { color: rgba(255,255,255,.4); text-decoration: none; font-weight: 400; }
.mhc-subnav__bc a:hover { color: rgba(255,255,255,.75); }
.mhc-subnav__sep { color: rgba(255,255,255,.4); font-size: 13px; }
.mhc-subnav__bc span[aria-current="page"] { color: rgba(255,255,255,.75); font-weight: 400; }

/* ================================================================
   HEADER / NAV / FOOTER — FULL-WIDTH & VISUAL IMPROVEMENTS
   ================================================================ */

/* Full-width topbar — responsive edge padding */
.mh-topbar { padding-left: clamp(16px,3vw,56px); padding-right: clamp(16px,3vw,56px); }

/* Full-width nav inner — remove 1280px cap */
.mh-nav__inner { max-width: none; padding: 0 clamp(16px,3vw,56px); }

/* Scroll glassmorphism — JS adds .is-scrolled */
.mh-nav { transition: background .3s, box-shadow .3s, border-color .3s; }
.mh-nav.is-scrolled { background: rgba(10,15,30,.92); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); border-bottom-color: rgba(255,255,255,.12); box-shadow: 0 4px 32px rgba(0,0,0,.35); }

/* Nav link underline animation */
.mh-nav__links > li { position: relative; }
.mh-nav__links > li > a::after, .mh-nav__links > li > span::after { content: ''; position: absolute; bottom: 6px; left: 14px; right: 14px; height: 2px; background: var(--green); border-radius: 1px; transform: scaleX(0); transition: transform .2s; transform-origin: center; }
.mh-nav__links > li > a:hover::after, .mh-nav__links > li > span:hover::after, .mh-nav__links .current-menu-item > a::after, .mh-nav__links .current_page_item > a::after { transform: scaleX(1); }
.mh-nav__links > li > a:hover, .mh-nav__links > li > span:hover { background: none; }

/* WP dropdown sub-menus */
.mh-nav__links .sub-menu { display: none; position: absolute; top: calc(100% + 4px); left: -8px; min-width: 210px; background: #0d1421; border: 1px solid rgba(255,255,255,.1); border-radius: 10px; padding: 6px; box-shadow: 0 12px 40px rgba(0,0,0,.45); z-index: 9500; }
.mh-nav__links li:hover > .sub-menu { display: block; }
.mh-nav__links .sub-menu a { display: block; padding: 9px 14px; font-size: 13px; font-weight: 500; color: rgba(255,255,255,.55); border-radius: 7px; text-decoration: none; transition: color .15s, background .15s; }
.mh-nav__links .sub-menu a:hover { color: #fff; background: rgba(255,255,255,.06); }

/* Hamburger x animation (.is-open added by JS) */
.mh-nav__hamburger span { transition: transform .25s, opacity .25s, background .2s; }
.mh-nav__hamburger.is-open span:nth-child(1) { transform: rotate(45deg) translate(5px,5px); }
.mh-nav__hamburger.is-open span:nth-child(2) { opacity: 0; }
.mh-nav__hamburger.is-open span:nth-child(3) { transform: rotate(-45deg) translate(5px,-5px); }

/* Mobile nav */
.mh-nav__mobile { padding: 0; }
.mh-nav__mobile.is-open { display: flex; flex-direction: column; }
.mh-nav__mobile a { padding: 16px clamp(16px,3vw,28px); }

/* Full-width footer — remove 1280px cap */
.mh-footer__top { max-width: none; padding-left: clamp(16px,3vw,56px); padding-right: clamp(16px,3vw,56px); }
.mh-footer__bottom-inner { max-width: none; padding-left: clamp(16px,3vw,56px); padding-right: clamp(16px,3vw,56px); }

/* Footer col labels — green accent divider */
.mh-footer__col-label { padding-bottom: 14px; margin-bottom: 20px; position: relative; border-bottom: 1px solid rgba(255,255,255,.05); }
.mh-footer__col-label::after { content: ''; position: absolute; bottom: -1px; left: 0; width: 24px; height: 2px; background: var(--green); border-radius: 1px; }

/* Footer social links — card style */
.mh-footer__social-link { background: rgba(255,255,255,.03); padding: 9px 12px; border-radius: 8px; border: 1px solid rgba(255,255,255,.07); transition: background .2s, color .2s, border-color .2s; }
.mh-footer__social-link:hover { background: rgba(57,217,138,.1); border-color: rgba(57,217,138,.3); color: var(--green); }

/* Footer newsletter focus glow */
.mh-footer__nl-input:focus { box-shadow: 0 0 0 3px rgba(57,217,138,.15); }

/* Footer brand — divider before support block */
.mh-footer__support-label { border-top: 1px solid rgba(255,255,255,.06); padding-top: 20px; margin-top: 20px; }

/* Responsive overrides */
@media (max-width: 768px) { .mh-nav__inner { padding: 0 clamp(16px,4vw,28px); } }
@media (max-width: 640px) { .mh-footer__top { padding-left: 20px; padding-right: 20px; } .mh-footer__bottom-inner { padding-left: 20px; padding-right: 20px; } }

/* ── Blog Archive (mhb-) ──────────────────────────────────────────── */
.mhb-archive { background: #0d1117; min-height: 60vh; }
.mhb-hero { background: #0d1117; padding: 60px 0 40px; border-bottom: 1px solid #1e2533; }
.mhb-hero__inner { max-width: 1200px; margin: 0 auto; padding: 0 24px; }
.mhb-hero__title { font-size: 40px; font-weight: 700; color: #fff; margin: 0 0 8px; }
.mhb-hero__sub { font-size: 16px; color: #8892a4; margin: 0; }
.mhb-container { max-width: 1200px; margin: 0 auto; padding: 48px 24px 80px; }
.mhb-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; }
.mhb-card { background: #161b27; border-radius: 10px; overflow: hidden; display: flex; flex-direction: column; transition: transform .2s, box-shadow .2s; }
.mhb-card:hover { transform: translateY(-4px); box-shadow: 0 12px 32px rgba(0,0,0,.4); }
.mhb-card__thumb { display: block; aspect-ratio: 16/9; overflow: hidden; background: #1e2533; }
.mhb-card__thumb img { width: 100%; height: 100%; object-fit: cover; transition: transform .3s; }
.mhb-card:hover .mhb-card__thumb img { transform: scale(1.04); }
.mhb-card__thumb--none { display: block; aspect-ratio: 16/9; background: linear-gradient(135deg,#161b27 0%,#1e2533 100%); }
.mhb-card__body { padding: 22px; display: flex; flex-direction: column; flex: 1; }
.mhb-card__cat { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; color: #39d98a; text-decoration: none; margin-bottom: 10px; display: inline-block; }
.mhb-card__cat:hover { color: #fff; }
.mhb-card__title { font-size: 17px; font-weight: 600; line-height: 1.45; margin: 0 0 12px; }
.mhb-card__title a { color: #fff; text-decoration: none; }
.mhb-card__title a:hover { color: #39d98a; }
.mhb-card__excerpt { font-size: 14px; color: #8892a4; line-height: 1.65; margin: 0 0 18px; flex: 1; }
.mhb-card__meta { display: flex; align-items: center; justify-content: space-between; padding-top: 14px; border-top: 1px solid #1e2533; margin-top: auto; }
.mhb-card__date { font-size: 12px; color: #5a6478; }
.mhb-card__date i { margin-right: 4px; }
.mhb-card__read { font-size: 13px; font-weight: 600; color: #39d98a; text-decoration: none; }
.mhb-card__read:hover { color: #fff; }
.mhb-pagination { margin-top: 56px; display: flex; justify-content: center; }
.mhb-pagination ul { list-style: none; margin: 0; padding: 0; display: flex; align-items: center; gap: 6px; }
.mhb-pagination .page-numbers { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-width: 40px !important; height: 40px !important; padding: 0 14px !important; border-radius: 6px !important; background: #161b27 !important; color: #8892a4 !important; text-decoration: none !important; font-size: 14px !important; font-weight: 500 !important; border: 1px solid #1e2533 !important; box-shadow: none !important; outline: none !important; transition: background .2s, color .2s, border-color .2s !important; }
.mhb-pagination .page-numbers.current { background: #39d98a !important; color: #0d1117 !important; border-color: #39d98a !important; font-weight: 700 !important; }
.mhb-pagination a.page-numbers:hover { background: #1e2a3a !important; color: #39d98a !important; border-color: #39d98a !important; }
.mhb-pagination .prev.page-numbers, .mhb-pagination .next.page-numbers { font-size: 13px !important; padding: 0 16px !important; }
.mhb-no-posts { color: #8892a4; text-align: center; padding: 80px 0; font-size: 16px; }
@media (max-width: 960px) { .mhb-grid { grid-template-columns: repeat(2,1fr); } }
@media (max-width: 560px) { .mhb-grid { grid-template-columns: 1fr; } .mhb-hero__title { font-size: 28px; } }

/* ============================================================
   BLOG ARCHIVE  (.mhb-)
   ============================================================ */
.mhb-archive{background:#0d1117;min-height:60vh}
.mhb-hero{background:#0d1117;padding:60px 0 40px;border-bottom:1px solid #1e2533}
.mhb-hero__inner{max-width:1200px;margin:0 auto;padding:0 24px}
.mhb-hero__title{font-size:40px;font-weight:700;color:#fff;margin:0 0 8px}
.mhb-hero__sub{font-size:16px;color:#8892a4;margin:0}
.mhb-container{max-width:1200px;margin:0 auto;padding:48px 24px 80px}
.mhb-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.mhb-card{background:#161b27;border-radius:10px;overflow:hidden;display:flex;flex-direction:column;text-decoration:none;transition:transform .25s,box-shadow .25s}
.mhb-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(0,0,0,.4)}
.mhb-card__thumb{display:block;aspect-ratio:16/9;overflow:hidden;background:#1e2533}
.mhb-card__thumb img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.mhb-card:hover .mhb-card__thumb img{transform:scale(1.04)}
.mhb-card__thumb--none{display:block;aspect-ratio:16/9;background:linear-gradient(135deg,#161b27,#1e2533)}
.mhb-card__body{padding:22px;display:flex;flex-direction:column;flex:1}
.mhb-card__cat{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#39d98a;text-decoration:none;margin-bottom:8px;display:inline-block}
.mhb-card__cat:hover{color:#fff}
.mhb-card__title{font-size:17px;font-weight:600;line-height:1.45;margin:0 0 12px}
.mhb-card__title a{color:#fff;text-decoration:none}
.mhb-card__title a:hover{color:#39d98a}
.mhb-card__excerpt{font-size:14px;color:#8892a4;line-height:1.65;margin:0 0 18px;flex:1}
.mhb-card__meta{display:flex;align-items:center;justify-content:space-between;padding-top:14px;border-top:1px solid #1e2533}
.mhb-card__date{font-size:12px;color:#5a6478}
.mhb-card__date i{margin-right:4px}
.mhb-card__read{font-size:13px;font-weight:600;color:#39d98a;text-decoration:none}
.mhb-card__read:hover{color:#fff}
.mhb-pagination{margin-top:56px;display:flex;justify-content:center}
.mhb-pagination ul{list-style:none;margin:0;padding:0;display:flex;gap:8px}
.mhb-pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 8px;border-radius:6px;background:#161b27;color:#8892a4;text-decoration:none;font-size:14px;font-weight:600;border:1px solid #1e2533}
.mhb-pagination .page-numbers.current,.mhb-pagination .page-numbers:hover{background:#39d98a;color:#0d1117}
.mhb-no-posts{color:#8892a4;text-align:center;padding:80px 0;font-size:16px}
@media(max-width:960px){.mhb-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.mhb-grid{grid-template-columns:1fr}.mhb-hero__title{font-size:28px}}

/* ============================================================
   BLOG SINGLE POST  (.mhs-)
   ============================================================ */
.mhs-wrap{background:#0d1117;min-height:60vh}
.mhs-hero{position:relative;max-height:480px;overflow:hidden;background:#0d1117}
.mhs-hero__img img{width:100%;height:480px;object-fit:cover;display:block;opacity:.7}
.mhs-hero__overlay{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(13,17,23,.3) 0%,rgba(13,17,23,.85) 100%)}
.mhs-hero__inner{position:absolute;bottom:0;left:0;right:0;max-width:900px;margin:0 auto;padding:40px 24px}
.mhs-cat{display:inline-block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#0d1117;background:#39d98a;padding:3px 10px;border-radius:4px;text-decoration:none;margin-right:6px;margin-bottom:12px}
.mhs-title{font-size:36px;font-weight:700;color:#fff;line-height:1.3;margin:0 0 16px}
.mhs-meta{display:flex;gap:20px;flex-wrap:wrap}
.mhs-meta span{font-size:13px;color:#8892a4}
.mhs-meta i{margin-right:5px;color:#39d98a}
.mhs-container{max-width:1200px;margin:0 auto;padding:48px 24px 80px}
.mhs-layout{display:grid;grid-template-columns:1fr 300px;gap:40px;align-items:start}
.mhs-content{min-width:0}
.mhs-body{color:#c9d1d9;font-size:16px;line-height:1.8}
.mhs-body h2,.mhs-body h3,.mhs-body h4{color:#fff;margin:32px 0 16px}
.mhs-body p{margin-bottom:20px}
.mhs-body img{max-width:100%;height:auto;border-radius:8px;margin:16px 0}
.mhs-body a{color:#39d98a;text-decoration:none}
.mhs-body a:hover{text-decoration:underline}
.mhs-body ul,.mhs-body ol{padding-left:24px;margin-bottom:20px;color:#c9d1d9}
.mhs-body li{margin-bottom:8px}
.mhs-body blockquote{border-left:3px solid #39d98a;margin:24px 0;padding:16px 20px;background:#161b27;border-radius:0 8px 8px 0;color:#8892a4;font-style:italic}
.mhs-tags{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:32px;padding-top:24px;border-top:1px solid #1e2533}
.mhs-tags > span{font-size:13px;font-weight:600;color:#8892a4}
.mhs-tag{font-size:12px;color:#8892a4;background:#161b27;border:1px solid #1e2533;padding:4px 12px;border-radius:20px;text-decoration:none;transition:all .2s}
.mhs-tag:hover{background:#39d98a;color:#0d1117;border-color:#39d98a}
.mhs-nav{display:flex;justify-content:space-between;gap:16px;margin-top:32px;padding-top:24px;border-top:1px solid #1e2533}
.mhs-nav__btn{font-size:13px;font-weight:600;color:#39d98a;text-decoration:none;display:flex;align-items:center;gap:8px;max-width:45%;line-height:1.4}
.mhs-nav__btn:hover{color:#fff}
.mhs-related{margin-top:48px;padding-top:32px;border-top:1px solid #1e2533}
.mhs-related__title{font-size:20px;font-weight:700;color:#fff;margin:0 0 24px}
.mhs-related__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.mhs-related__card{display:flex;flex-direction:column;background:#161b27;border-radius:8px;overflow:hidden;text-decoration:none;transition:transform .2s}
.mhs-related__card:hover{transform:translateY(-3px)}
.mhs-related__thumb img{width:100%;aspect-ratio:16/9;object-fit:cover}
.mhs-related__info{padding:14px}
.mhs-related__info span{font-size:11px;color:#5a6478}
.mhs-related__info h4{font-size:14px;color:#fff;margin:6px 0 0;line-height:1.4}
.mhs-sidebar{position:sticky;top:100px}
.mhs-widget{background:#161b27;border-radius:10px;padding:24px;margin-bottom:24px}
.mhs-widget__title{font-size:15px;font-weight:700;color:#fff;margin:0 0 20px;padding-bottom:12px;border-bottom:1px solid #1e2533}
.mhs-widget__post{display:flex;gap:12px;margin-bottom:16px;text-decoration:none}
.mhs-widget__post:last-child{margin-bottom:0}
.mhs-widget__thumb{width:60px;height:60px;flex-shrink:0;border-radius:6px;overflow:hidden}
.mhs-widget__thumb img{width:100%;height:100%;object-fit:cover}
.mhs-widget__info span{font-size:11px;color:#5a6478}
.mhs-widget__info h5{font-size:13px;color:#c9d1d9;margin:4px 0 0;line-height:1.4}
.mhs-widget__post:hover .mhs-widget__info h5{color:#39d98a}
.mhs-widget__cats{list-style:none;margin:0;padding:0}
.mhs-widget__cats li{border-bottom:1px solid #1e2533}
.mhs-widget__cats li:last-child{border-bottom:none}
.mhs-widget__cats a{display:flex;justify-content:space-between;padding:10px 0;color:#8892a4;text-decoration:none;font-size:14px;transition:color .2s}
.mhs-widget__cats a:hover{color:#39d98a}
.mhs-widget__cats span{color:#5a6478;font-size:12px}
.mhs-widget__tags{display:flex;flex-wrap:wrap;gap:8px}
@media(max-width:960px){.mhs-layout{grid-template-columns:1fr}.mhs-sidebar{position:static}.mhs-related__grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.mhs-title{font-size:24px}.mhs-related__grid{grid-template-columns:1fr}.mhs-hero__img img{height:280px}}

/* Card image full width fix */
.mhb-card__thumb{width:100%;display:block}
.mhb-card__thumb img{width:100%;height:100%;object-fit:cover;display:block}

/* Blog single — table dark theme */
.mhs-body table{width:100%;border-collapse:collapse;margin:24px 0;font-size:14px}
.mhs-body tr:nth-child(odd){background:#161b27}
.mhs-body tr:nth-child(even){background:#1a2030}
.mhs-body td,.mhs-body th{padding:12px 16px;color:#c9d1d9;border:1px solid #2a3444;vertical-align:top;line-height:1.5}
.mhs-body td:first-child,.mhs-body th:first-child{color:#8892a4;font-weight:500;width:35%}
.mhs-body th{background:#1e2533;color:#fff;font-weight:600}

/* BLOG CARD STRUCTURE FIX v3 */
.mhb-card{display:flex;flex-direction:column;background:#161b27;border-radius:10px;overflow:hidden;text-decoration:none;color:inherit;transition:transform .2s,box-shadow .2s;}
.mhb-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(0,0,0,.5);}
.mhb-card__thumb{display:block;width:100%;aspect-ratio:16/9;overflow:hidden;flex-shrink:0;}
.mhb-card__thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s;}
.mhb-card:hover .mhb-card__thumb img{transform:scale(1.04);}
.mhb-card__body{padding:20px 22px 22px;display:flex;flex-direction:column;flex:1;}
.mhb-card__cat{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#39d98a;text-decoration:none;margin-bottom:10px;display:inline-block;}
.mhb-card__title{font-size:17px;font-weight:700;line-height:1.35;margin:0 0 10px;color:#e8eaf0;}
.mhb-card__title a{color:inherit;text-decoration:none;}
.mhb-card__title a:hover{color:#39d98a;}
.mhb-card__excerpt{font-size:14px;color:#8b92a5;line-height:1.6;margin:0 0 16px;flex:1;}
.mhb-card__foot{display:flex;align-items:center;justify-content:space-between;margin-top:auto;}
.mhb-card__date{font-size:12px;color:#5a6275;}
.mhb-card__more{font-size:13px;font-weight:600;color:#39d98a;text-decoration:none;}
.mhb-card__more:hover{text-decoration:underline;}

/* MH TOPBAR NAV */
.mh-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;}
.mh-topbar__nav{display:flex;align-items:center;gap:20px;margin-left:auto;margin-right:16px;}
.mh-topbar__nav a{font-size:12px;font-weight:600;color:#c8ccd8;text-decoration:none;letter-spacing:.03em;transition:color .2s;}
.mh-topbar__nav a:hover{color:#39d98a;}

/* ================================================================
   ABOUT US PAGE — mha- prefix
   ================================================================ */

/* ============================================================
   About Us — page-id-318 — mha- prefix — redesign 2026-03-16
   ============================================================ */
.page-id-318 .mhc-page-content{max-width:100%!important;padding:0!important;margin:0!important;width:100%!important;}
.mha-label{display:inline-block;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#39d98a;margin-bottom:16px;}
.mha-section-head{text-align:center;max-width:680px;margin:0 auto 56px;}
.mha-section-title{font-size:clamp(28px,3.5vw,44px);font-weight:800;color:#fff;line-height:1.15;margin:0 0 16px;}
.mha-section-desc{font-size:16px;color:#8892a4;line-height:1.7;margin:0;}
.mha-btn-primary{display:inline-flex;align-items:center;gap:8px;background:#39d98a;color:#0d1117!important;font-size:15px;font-weight:700;padding:14px 28px;border-radius:8px;text-decoration:none!important;transition:background .2s,transform .15s;}
.mha-btn-primary:hover{background:#2ec97a;color:#0d1117!important;transform:translateY(-2px);}
.mha-btn-outline{display:inline-flex;align-items:center;gap:8px;background:transparent;color:#39d98a!important;font-size:15px;font-weight:700;padding:12px 28px;border-radius:8px;border:2px solid #39d98a;text-decoration:none!important;transition:all .2s;}
.mha-btn-outline:hover{background:#39d98a;color:#0d1117!important;}
.mha-hero{background:#0d1117;padding:100px 20px 80px;text-align:center;border-bottom:1px solid #1e2533;}
.mha-hero__badge{display:inline-block;font-size:12px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:#39d98a;background:rgba(57,217,138,.1);border:1px solid rgba(57,217,138,.25);padding:6px 18px;border-radius:20px;margin-bottom:32px;}
.mha-hero__title{font-size:clamp(40px,6vw,72px);font-weight:900;color:#fff;line-height:1.08;margin:0 0 24px;letter-spacing:-1px;}
.mha-hero__accent{color:#39d98a;}
.mha-hero__desc{font-size:18px;color:#8892a4;line-height:1.7;max-width:600px;margin:0 auto 40px;}
.mha-hero__btns{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin-bottom:60px;}
.mha-stats{display:flex;justify-content:center;flex-wrap:wrap;border-top:1px solid #1e2533;padding-top:48px;max-width:640px;margin:0 auto;}
.mha-stat{flex:1;min-width:130px;padding:0 20px;}
.mha-stat+.mha-stat{border-left:1px solid #1e2533;}
.mha-stat__num{font-size:36px;font-weight:800;color:#fff;display:block;line-height:1.1;}
.mha-stat__label{font-size:11px;color:#8892a4;display:block;margin-top:5px;letter-spacing:.5px;text-transform:uppercase;font-weight:500;}
.mha-story-wrap{background:#080d14;padding:100px 40px;}
.mha-story{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;}
.mha-story__label{display:inline-block;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#39d98a;margin-bottom:16px;}
.mha-story__title{font-size:clamp(24px,2.8vw,36px);font-weight:800;color:#fff;line-height:1.2;margin:0 0 20px;}
.mha-story__body{font-size:16px;color:#8892a4;line-height:1.75;margin:0 0 28px;}
.mha-story__bullets{list-style:none;padding:0;margin:0 0 36px;}
.mha-story__bullets li{font-size:15px;color:#c9d1d9;padding:10px 0 10px 28px;position:relative;border-bottom:1px solid #1e2533;}
.mha-story__bullets li:last-child{border-bottom:none;}
.mha-story__bullets li::before{content:"\2713";position:absolute;left:0;top:10px;color:#39d98a;font-weight:700;font-size:13px;}
.mha-story__imgs{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.mha-story__img-main{border-radius:12px;overflow:hidden;border:1px solid #1e2533;}
.mha-story__img-main img{width:100%;height:100%;object-fit:cover;display:block;}
.mha-story__img-side{display:flex;flex-direction:column;gap:12px;}
.mha-story__img-side img{width:100%;flex:1;border-radius:12px;border:1px solid #1e2533;display:block;object-fit:cover;}
.mha-cats{background:#0d1117;padding:100px 40px;}
.mha-cats__inner{max-width:1200px;margin:0 auto;}
.mha-cats__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.mha-cat{display:block;background:#161b27;border:1px solid #1e2533;border-radius:16px;padding:32px;text-decoration:none!important;transition:border-color .2s,transform .2s;}
.mha-cat:hover{border-color:#39d98a;transform:translateY(-3px);}
.mha-cat__icon{width:48px;height:48px;background:rgba(57,217,138,.1);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;font-size:20px;color:#39d98a;}
.mha-cat__title{font-size:18px;font-weight:700;color:#fff;margin:0 0 10px;}
.mha-cat__desc{font-size:14px;color:#8892a4;line-height:1.65;margin:0 0 20px;}
.mha-cat__tags{display:flex;flex-wrap:wrap;gap:8px;}
.mha-cat__tag{font-size:11px;font-weight:600;color:#39d98a;background:rgba(57,217,138,.08);border:1px solid rgba(57,217,138,.2);padding:4px 10px;border-radius:20px;}
.mha-work{background:#080d14;padding:100px 40px;}
.mha-work__inner{max-width:1200px;margin:0 auto;}
.mha-work__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:48px;}
.mha-work__item{display:block;position:relative;border-radius:14px;overflow:hidden;border:1px solid #1e2533;text-decoration:none!important;}
.mha-work__item img{width:100%;height:220px;object-fit:cover;display:block;transition:transform .4s;}
.mha-work__item:hover img{transform:scale(1.04);}
.mha-work__overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(13,17,23,.95) 0%,rgba(13,17,23,.5) 60%,transparent 100%);padding:32px 20px 20px;display:flex;flex-direction:column;gap:3px;}
.mha-work__cat{font-size:11px;font-weight:600;color:#39d98a;letter-spacing:1px;text-transform:uppercase;}
.mha-work__name{font-size:18px;font-weight:700;color:#fff;}
.mha-work__view{font-size:13px;color:#8892a4;margin-top:4px;transition:color .2s;}
.mha-work__item:hover .mha-work__view{color:#39d98a;}
.mha-work__cta{text-align:center;}
.mha-why{background:#0d1117;padding:100px 40px;}
.mha-why__inner{max-width:1200px;margin:0 auto;}
.mha-why__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.mha-why__card{background:#161b27;border:1px solid #1e2533;border-radius:16px;padding:40px 32px;}
.mha-why__icon{font-size:28px;color:#39d98a;margin-bottom:16px;}
.mha-why__stat{font-size:44px;font-weight:900;color:#39d98a;line-height:1;margin-bottom:12px;}
.mha-why__title{font-size:18px;font-weight:700;color:#fff;margin:0 0 12px;}
.mha-why__desc{font-size:14px;color:#8892a4;line-height:1.7;margin:0;}
.mha-cta{background:linear-gradient(135deg,#0d1117 0%,#0f1922 100%);padding:100px 40px;text-align:center;border-top:1px solid #1e2533;}
.mha-cta__inner{max-width:600px;margin:0 auto;}
.mha-cta__title{font-size:clamp(30px,4vw,52px);font-weight:800;color:#fff;margin:0 0 16px;line-height:1.1;}
.mha-cta__desc{font-size:17px;color:#8892a4;line-height:1.7;margin:0 auto 40px;}
.mha-cta__btns{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;}
@media(max-width:1024px){.mha-cats__grid{grid-template-columns:repeat(2,1fr);}.mha-work__grid{grid-template-columns:repeat(2,1fr);}.mha-work__grid .mha-work__item:last-child{display:none;}}
@media(max-width:900px){.mha-story{grid-template-columns:1fr;gap:48px;}.mha-story-wrap,.mha-cats,.mha-work,.mha-why,.mha-cta{padding-left:20px;padding-right:20px;}.mha-why__grid{grid-template-columns:1fr 1fr;}}
@media(max-width:640px){.mha-stats{gap:0;}.mha-stat{min-width:50%;padding:16px 12px;}.mha-stat+.mha-stat{border-left:none;}.mha-stat:nth-child(-n+2){border-bottom:1px solid #1e2533;}.mha-cats__grid{grid-template-columns:1fr;}.mha-work__grid{grid-template-columns:1fr;}.mha-work__grid .mha-work__item:last-child{display:block;}.mha-story__imgs{grid-template-columns:1fr;}.mha-story__img-side{flex-direction:row;}.mha-why__grid{grid-template-columns:1fr;}.mha-hero{padding:60px 20px;}.mha-hero__btns{flex-direction:column;align-items:center;}.mha-story-wrap,.mha-cats,.mha-work,.mha-why,.mha-cta{padding-top:60px;padding-bottom:60px;}}
/* mha color overrides — theme specificity fix */
.mha-hero__title{color:#fff!important;}
.mha-story__title{color:#fff!important;}
.mha-section-title{color:#fff!important;}
.mha-cat__title{color:#fff!important;}
.mha-why__title{color:#fff!important;}
.mha-cta__title{color:#fff!important;}
/* Story image height fix */
.mha-story__imgs{height:520px;}
.mha-story__img-main img{height:100%;}
.mha-story__img-side img{height:250px;}
/* Story image overflow fix */
.mha-story__imgs{overflow:hidden;}
.mha-story__img-main{overflow:hidden;}
.mha-story__img-side{overflow:hidden;}
.mha-story-wrap{overflow:hidden;}

/* === Services Strip === */
.svc-strip{background:linear-gradient(135deg,#0f1922 0%,#0d1117 100%);padding:64px 40px;border-top:1px solid #1e2533;border-bottom:1px solid #1e2533;}
.svc-strip__inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:48px;}
.svc-strip__badge{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:700;color:#39d98a;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:12px;}
.svc-strip__h2{font-size:clamp(22px,2.5vw,32px);font-weight:800;color:#fff;line-height:1.2;margin:0 0 12px;}
.svc-strip__h2 em{color:#39d98a;font-style:normal;display:block;}
.svc-strip__sub{font-size:15px;color:#8892a4;line-height:1.6;margin:0;}
.svc-strip__right{display:flex;gap:12px;flex-wrap:wrap;flex-shrink:0;}
@media(max-width:900px){.svc-strip{padding:48px 20px;}.svc-strip__inner{flex-direction:column;text-align:center;}.svc-strip__right{justify-content:center;}}

/* === About Elite + Timeline === */
.mha-elite{background:#0d1117;padding:100px 40px;border-top:1px solid #1e2533;}
.mha-elite__inner{max-width:1200px;margin:0 auto;}
.mha-elite__grid{display:grid;grid-template-columns:220px 1fr;gap:40px;align-items:start;background:#161b27;border:1px solid #1e2533;border-radius:20px;padding:40px;margin-bottom:40px;}
.mha-elite__badge-card{text-align:center;padding:28px 16px;background:rgba(57,217,138,.05);border:1px solid rgba(57,217,138,.2);border-radius:16px;}
.mha-elite__badge-icon{font-size:44px;margin-bottom:12px;display:block;}
.mha-elite__badge-label{font-size:18px;font-weight:800;color:#39d98a;display:block;}
.mha-elite__badge-sub{font-size:11px;color:#8892a4;display:block;margin-top:6px;letter-spacing:.5px;}
.mha-elite__stats{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;}
.mha-elite__stat{background:#0d1117;border:1px solid #1e2533;border-radius:12px;padding:24px;}
.mha-elite__num{font-size:34px;font-weight:800;color:#39d98a;display:block;line-height:1;}
.mha-elite__key{font-size:12px;color:#8892a4;display:block;margin-top:6px;text-transform:uppercase;letter-spacing:.5px;}
.mha-elite__proof{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.mha-elite__proof-item{display:flex;gap:16px;align-items:flex-start;background:#161b27;border:1px solid #1e2533;border-radius:12px;padding:24px;}
.mha-elite__proof-icon{font-size:18px;color:#39d98a;flex-shrink:0;width:40px;height:40px;background:rgba(57,217,138,.1);border-radius:10px;display:flex;align-items:center;justify-content:center;}
.mha-elite__proof-text strong{display:block;font-size:14px;font-weight:700;color:#fff;margin-bottom:4px;}
.mha-elite__proof-text span{font-size:13px;color:#8892a4;line-height:1.6;}
.mha-timeline-wrap{background:#080d14;padding:100px 40px;border-top:1px solid #1e2533;}
.mha-tl__inner{max-width:780px;margin:0 auto;}
.mha-tl{position:relative;padding-left:44px;}
.mha-tl::before{content:'';position:absolute;left:5px;top:8px;bottom:8px;width:2px;background:linear-gradient(to bottom,#39d98a 0%,rgba(57,217,138,.08) 100%);}
.mha-tl__item{position:relative;padding-bottom:44px;}
.mha-tl__item:last-child{padding-bottom:0;}
.mha-tl__dot{position:absolute;left:-39px;top:3px;width:12px;height:12px;background:#39d98a;border-radius:50%;border:2px solid #080d14;box-shadow:0 0 0 4px rgba(57,217,138,.15);}
.mha-tl__year{font-size:11px;font-weight:700;color:#39d98a;letter-spacing:2px;text-transform:uppercase;margin-bottom:6px;}
.mha-tl__title{font-size:18px;font-weight:700;color:#fff!important;margin:0 0 8px;}
.mha-tl__body{font-size:15px;color:#8892a4;line-height:1.7;margin:0;}
@media(max-width:900px){.mha-elite{padding-left:20px;padding-right:20px;}.mha-timeline-wrap{padding-left:20px;padding-right:20px;}.mha-elite__grid{grid-template-columns:1fr;}.mha-elite__proof{grid-template-columns:1fr;}}
@media(max-width:640px){.mha-elite{padding-top:60px;padding-bottom:60px;}.mha-timeline-wrap{padding-top:60px;padding-bottom:60px;}.mha-elite__stats{grid-template-columns:1fr 1fr;}}

/* ══════════════════════════════════════════════════════════
   DESIGN COLLAGE
══════════════════════════════════════════════════════════ */

/* ======================================================
   WOOCOMMERCE SHOP — MetropolitanHost
   Prefix: wcs- (WooCommerce Shop)
   Design tokens: #0d1117 bg | #161b27 card | #39d98a accent
====================================================== */

/* Base layout */
.wcs-main{background:#0d1117;min-height:60vh;padding-bottom:80px;}
.wcs-archive-wrap{padding:48px 48px 0;}
.wcs-archive-header{margin-bottom:36px;}
.wcs-archive-title{font-size:30px;font-weight:700;color:#fff;margin:0 0 12px;}
.wcs-archive-desc{font-size:16px;color:#8892a4;margin:0;max-width:640px;line-height:1.7;}

/* Archive two-column layout */
.wcs-layout{display:grid;grid-template-columns:300px 1fr;gap:36px;align-items:start;}

/* Sidebar */
.wcs-sidebar{position:sticky;top:100px;}
.wcs-sidebar__box{background:#161b27;border-radius:12px;padding:24px;margin-bottom:20px;}
.wcs-sidebar__heading{font-size:13px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.08em;margin:0 0 14px;}
.wcs-sidebar__catlist{list-style:none;margin:0;padding:0;}
.wcs-sidebar__catlist li{margin-bottom:6px;}
.wcs-sidebar__catlist li a{font-size:14px;color:#8892a4;text-decoration:none;transition:color .15s;}
.wcs-sidebar__catlist li a:hover,.wcs-sidebar__catlist li.wcs-active a{color:#39d98a;}
.wcs-sidebar__count{font-size:12px;opacity:.6;}
.wcs-sidebar__box .widget_price_filter{margin:0;}
.wcs-sidebar__box .widget_price_filter .price_label{color:#8892a4;font-size:13px;}

/* Toolbar */
.wcs-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;}
.woocommerce-result-count{font-size:14px;color:#8892a4;margin:0;}
.woocommerce-ordering select{background:#161b27;border:1px solid #2a3245;color:#fff;border-radius:8px;padding:8px 12px;font-size:14px;font-family:Poppins,sans-serif;cursor:pointer;}
.woocommerce-ordering select:focus{outline:1px solid #39d98a;border-color:#39d98a;}

/* Product grid */
.woocommerce ul.products{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:28px!important;list-style:none!important;margin:0!important;padding:0!important;}
.woocommerce ul.products li.product{clear:none!important;float:none!important;}
.woocommerce ul.products::before,.woocommerce ul.products::after{display:none!important;}
@media(max-width:900px){.woocommerce ul.products{grid-template-columns:repeat(2,1fr)!important;}}
@media(max-width:500px){.woocommerce ul.products{grid-template-columns:1fr!important;}}

/* Product card */
.wcs-card{background:#161b27!important;border-radius:12px!important;overflow:hidden!important;transition:transform .2s,box-shadow .2s!important;margin:0!important;float:none!important;width:100%!important;display:flex!important;flex-direction:column!important;}
.wcs-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(0,0,0,.45);}
.wcs-card__thumb-link{display:block;text-decoration:none;}
.wcs-card__thumb{position:relative;aspect-ratio:16/10;overflow:hidden;background:#0d1117;}
.wcs-card__img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s;}
.wcs-card:hover .wcs-card__img{transform:scale(1.04);}
.wcs-card__no-thumb{width:100%;height:100%;background:linear-gradient(135deg,#161b27,#1e2535);}

/* Format badge on card */
.wcs-card__badge{position:absolute;top:10px;left:10px;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:600;background:rgba(13,17,23,.75);color:#fff;backdrop-filter:blur(4px);display:flex;align-items:center;gap:5px;}
.wcs-card__badge i{font-size:12px;}
.wcs-card__badge--html{color:#f16529;}
.wcs-card__badge--react{color:#61dafb;}
.wcs-card__badge--angular{color:#dd0031;}
.wcs-card__badge--vue{color:#41b883;}
.wcs-card__badge--php{color:#8993be;}
.wcs-card__badge--wordpress{color:#21759b;}

.wcs-card__body{padding:16px;display:flex;flex-direction:column;flex:1;}
.wcs-card__title{font-size:14px;font-weight:600;color:#fff;margin:0 0 10px;line-height:1.4;}
.wcs-card__title a{color:inherit;text-decoration:none;}
.wcs-card__title a:hover{color:#39d98a;}
.wcs-card__meta{margin-bottom:14px;}
.wcs-card__actions{margin-top:auto;display:flex;flex-direction:column;gap:8px;}
.wcs-card__actions .wcs-btn--primary{text-align:center;display:block;}
.wcs-card__actions .wcs-btn--demo{margin-top:0;}
/* Sale price (green, bold) */
.wcs-card__price ins{text-decoration:none;}
.wcs-card__price ins .woocommerce-Price-amount{font-size:16px;font-weight:700;color:#39d98a!important;}
/* Strikethrough original price (muted gray, smaller) */
.wcs-card__price del{color:#556!important;font-weight:400;}
.wcs-card__price del .woocommerce-Price-amount{font-size:12px!important;color:#556!important;font-weight:400!important;}
.wcs-card__price del bdi{font-size:12px;}

/* Buttons */
.wcs-btn{display:inline-block;padding:10px 20px;border-radius:8px;font-size:13px;font-weight:700;text-decoration:none;transition:background .15s,color .15s;cursor:pointer;border:none;font-family:Poppins,sans-serif;}
.wcs-btn--primary{background:#39d98a;color:#0d1117;}
.wcs-btn--primary:hover{background:#2ec97a;color:#0d1117;}
.wcs-btn--outline{background:transparent;color:#39d98a;border:1.5px solid #39d98a;}
.wcs-btn--outline:hover{background:#39d98a;color:#0d1117;}

/* Pagination */
.woocommerce-pagination{margin-top:48px;text-align:center;}
.woocommerce-pagination ul{list-style:none;margin:0;padding:0;display:inline-flex;gap:6px;}
.woocommerce-pagination ul li a,.woocommerce-pagination ul li span{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:8px;background:#161b27;color:#8892a4;text-decoration:none;font-size:14px;font-weight:600;transition:background .15s,color .15s;}
.woocommerce-pagination ul li span.current,.woocommerce-pagination ul li a:hover{background:#39d98a;color:#0d1117;}

/* No results */
.wcs-noresults{background:#161b27;border-radius:12px;padding:48px;text-align:center;color:#8892a4;font-size:16px;}
.wcs-noresults a{color:#39d98a;}

/* Single product */
.wcs-single{background:#0d1117;padding-bottom:80px;}
.wcs-single .c{padding-top:36px;}
.woocommerce div.product{color:#fff;}
.woocommerce div.product .product_title{font-size:28px;font-weight:700;color:#fff;margin-bottom:12px;}
.woocommerce div.product .woocommerce-product-details__short-description{color:#8892a4;font-size:15px;line-height:1.7;margin-bottom:20px;}
.woocommerce div.product p.price,.woocommerce div.product span.price{font-size:32px;font-weight:800;color:#39d98a!important;}
.woocommerce div.product p.price del{font-size:20px;color:#556;font-weight:400;}
.woocommerce div.product form.cart .single_add_to_cart_button,.woocommerce a.button.alt,.woocommerce button.button.alt{background:#39d98a!important;color:#0d1117!important;font-weight:700!important;font-size:16px!important;padding:14px 32px!important;border-radius:10px!important;font-family:Poppins,sans-serif!important;border:none!important;cursor:pointer!important;transition:background .15s!important;}
.woocommerce div.product form.cart .single_add_to_cart_button:hover,.woocommerce a.button.alt:hover{background:#2ec97a!important;}
.woocommerce a.button,.woocommerce button.button{background:#161b27!important;color:#fff!important;border:1.5px solid #2a3245!important;border-radius:8px!important;font-family:Poppins,sans-serif!important;font-weight:600!important;}
.woocommerce a.button:hover,.woocommerce button.button:hover{border-color:#39d98a!important;color:#39d98a!important;}

/* Product tabs */
.woocommerce div.product .woocommerce-tabs ul.tabs{border-bottom:1px solid #2a3245;padding:0;margin-bottom:0;}
.woocommerce div.product .woocommerce-tabs ul.tabs li{background:transparent;border:none;}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{color:#8892a4;font-weight:600;font-size:14px;padding:12px 20px;}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{color:#39d98a;border-bottom:2px solid #39d98a;}
.woocommerce div.product .woocommerce-tabs .panel{background:#161b27;border:none;border-radius:0 0 12px 12px;padding:28px;color:#8892a4;line-height:1.8;}
.woocommerce div.product .woocommerce-tabs .panel h2{color:#fff;font-size:18px;margin-bottom:16px;}
.woocommerce div.product div.images img{border-radius:12px;}
.woocommerce-product-gallery{border-radius:12px;overflow:hidden;}
.woocommerce div.product .product_meta{font-size:13px;color:#556;margin-top:20px;}
.woocommerce div.product .product_meta a{color:#39d98a;text-decoration:none;}
.woocommerce div.product .product_meta a:hover{text-decoration:underline;}

/* TF rating stars */
.wcs-tf-rating{display:flex;align-items:center;gap:10px;margin-bottom:16px;}
.wcs-tf-rating__stars{font-size:16px;letter-spacing:1px;}
.wcs-star--on{color:#f5c518;}
.wcs-star{color:#3a4055;}
.wcs-tf-rating__val{font-weight:700;color:#fff;font-size:15px;}
.wcs-tf-rating__count{font-size:13px;color:#8892a4;}
.wcs-tf-rating__sales{font-size:12px;color:#39d98a;padding:2px 10px;background:rgba(57,217,138,.12);border-radius:20px;}

/* Cart & Checkout */
.woocommerce-cart,.woocommerce-checkout{background:#0d1117;}
.woocommerce-cart .woocommerce,.woocommerce-checkout .woocommerce{color:#fff;}
.woocommerce table.shop_table{background:#161b27;border:none;border-radius:12px;overflow:hidden;color:#fff;}
.woocommerce table.shop_table th{background:#0d1117;color:#8892a4;font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.06em;}
.woocommerce table.shop_table td{border-color:#2a3245;}
.woocommerce table.shop_table td.product-name a{color:#fff;text-decoration:none;}
.woocommerce table.shop_table td.product-name a:hover{color:#39d98a;}
.woocommerce-checkout .woocommerce-input-wrapper input,.woocommerce-checkout .woocommerce-input-wrapper select,.woocommerce form .form-row input,.woocommerce form .form-row select,.woocommerce form .form-row textarea{background:#161b27!important;border:1px solid #2a3245!important;color:#fff!important;border-radius:8px!important;font-family:Poppins,sans-serif!important;}
.woocommerce form .form-row label{color:#8892a4;font-size:13px;font-weight:600;}

/* My Account */
.woocommerce-account{background:#0d1117;}
.woocommerce-account .woocommerce-MyAccount-navigation ul{list-style:none;margin:0;padding:0;}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a{display:block;padding:12px 16px;border-radius:8px;color:#8892a4;text-decoration:none;font-weight:600;font-size:14px;}
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a,.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover{background:rgba(57,217,138,.1);color:#39d98a;}
.woocommerce-account .woocommerce-MyAccount-content{color:#8892a4;}
.woocommerce-account .woocommerce-MyAccount-content h2{color:#fff;}
.woocommerce-account table.woocommerce-table--downloads{color:#fff;}
.woocommerce-account table.woocommerce-table--downloads a{color:#39d98a;}

/* Notices */
.woocommerce-message,.woocommerce-info,.woocommerce-error{border-radius:10px!important;font-family:Poppins,sans-serif!important;}
.woocommerce-message{background:rgba(57,217,138,.12)!important;border-top-color:#39d98a!important;color:#39d98a!important;}
.woocommerce-info{background:rgba(97,170,251,.12)!important;border-top-color:#61aaff!important;color:#61aaff!important;}
.woocommerce-error{background:rgba(240,82,82,.12)!important;border-top-color:#f05252!important;color:#f05252!important;}

/* Breadcrumb on WC pages */
.wcs-breadcrumb{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:12.5px;color:#8892a4;margin:0;padding:0;list-style:none;}
.wcs-breadcrumb a{color:#39d98a;text-decoration:none;font-weight:500;}
.wcs-breadcrumb a:hover{text-decoration:underline;}

/* Responsive */
@media(max-width:900px){.wcs-layout{grid-template-columns:1fr;}.wcs-sidebar{position:static;}.wcs-archive-title{font-size:24px;}.wcs-archive-wrap{padding:32px 24px 0;}}
@media(max-width:600px){.wcs-toolbar{flex-direction:column;align-items:flex-start;gap:10px;}.woocommerce div.product p.price{font-size:24px;}.wcs-archive-wrap{padding:24px 16px 0;}}

/* ──────────────────────────────────────────────────────────
   SINGLE PRODUCT PAGE — wcsp- prefix
   ────────────────────────────────────────────────────────── */

/* Overall wrapper */
.wcsp-single{background:#0d1117;color:#fff;padding-bottom:80px;}

/* Hero row: image left, info right */
.wcsp-hero-row{display:grid;grid-template-columns:1fr 420px;gap:48px;align-items:start;padding:40px 0 48px;}

/* Product image */
.wcsp-thumb{position:relative;}
.wcsp-thumb img{width:100%;border-radius:12px;display:block;box-shadow:0 20px 60px rgba(0,0,0,.5);}
.wcsp-thumb-empty{width:100%;aspect-ratio:16/10;background:#161b27;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#8892a4;font-size:14px;border:1px dashed #2a3245;}

/* Format variant pills below image */
.wcsp-variants{margin-top:20px;display:flex;align-items:center;flex-wrap:wrap;gap:10px;}
.wcsp-variants__label{font-size:12px;color:#8892a4;font-weight:600;margin-right:4px;flex-shrink:0;}
.wcsp-variant-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:20px;font-size:12px;font-weight:600;text-decoration:none;background:#161b27;color:var(--fmt-color,#39d98a);border:1px solid var(--fmt-color,#39d98a);transition:background .15s,color .15s;}
.wcsp-variant-pill:hover{background:var(--fmt-color,#39d98a);color:#0d1117;}
.wcsp-variant-pill i{font-size:13px;}

/* Sticky info panel */
.wcsp-info{position:sticky;top:100px;align-self:start;background:#161b27;border:1px solid #1e2533;border-radius:16px;padding:32px;}

/* Format + niche badges */
.wcsp-badges{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px;}
.wcsp-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;background:rgba(0,0,0,.3);color:var(--fmt-color,#39d98a);border:1px solid var(--fmt-color,rgba(57,217,138,.35));}
.wcsp-badge i{font-size:13px;}
.wcsp-badge--niche{color:#8892a4;border-color:#2a3245;background:transparent;}

/* Product title */
.wcsp-title{font-size:22px;font-weight:800;color:#fff;line-height:1.3;margin:0 0 20px;}

/* Price row */
.wcsp-price-row{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:18px;}
.wcsp-price{font-size:32px;font-weight:800;color:#39d98a;line-height:1;}
.wcsp-price--sale{font-size:32px;}
.wcsp-price--reg s{font-size:18px;color:#556;font-weight:400;}
.wcsp-discount-badge{background:#39d98a;color:#0d1117;font-size:11px;font-weight:800;padding:3px 10px;border-radius:20px;text-transform:uppercase;letter-spacing:.05em;}
.wcsp-sales-badge{font-size:12px;color:#39d98a;background:rgba(57,217,138,.1);border:1px solid rgba(57,217,138,.2);padding:3px 10px;border-radius:20px;}

/* Star rating */
.wcsp-rating-row{display:flex;align-items:center;gap:8px;margin-bottom:16px;}
.wcsp-stars{font-size:16px;letter-spacing:2px;line-height:1;}
.wcsp-star--full{color:#f5c518;}
.wcsp-star--half{color:#f5c518;opacity:.6;}
.wcsp-star--empty{color:#2a3245;}
.wcsp-rating-val{font-weight:700;color:#fff;font-size:15px;}
.wcsp-rating-count{font-size:13px;color:#8892a4;}

/* Short description */
.wcsp-short-desc{font-size:14px;color:#8892a4;line-height:1.7;margin:0 0 22px;}

/* Action buttons */
.wcsp-actions{display:flex;flex-direction:column;gap:12px;margin-bottom:22px;}
.wcsp-actions .single_add_to_cart_button,.wcsp-actions .button{width:100%;text-align:center;padding:14px 24px!important;font-size:16px!important;border-radius:10px!important;}
.wcsp-btn--preview{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:10px;font-size:14px;font-weight:700;text-decoration:none;background:transparent;color:#39d98a;border:1.5px solid #39d98a;transition:background .15s,color .15s;}
.wcsp-btn--preview:hover{background:#39d98a;color:#0d1117;}

/* Utility links below buttons */
.wcsp-links{display:flex;flex-direction:column;gap:8px;margin-bottom:20px;}
.wcsp-links a{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:#8892a4;text-decoration:none;transition:color .15s;}
.wcsp-links a:hover{color:#39d98a;}
.wcsp-links svg{flex-shrink:0;opacity:.7;}

/* SKU */
.wcsp-sku{font-size:12px;color:#556;margin:0;padding-top:16px;border-top:1px solid #2a3245;}
.wcsp-sku span{font-weight:600;color:#8892a4;font-family:monospace;}

/* Specs strip */
.wcsp-specs-strip{display:flex;flex-wrap:wrap;gap:0;background:#161b27;border-radius:12px;overflow:hidden;margin-bottom:48px;border:1px solid #1e2533;}
.wcsp-spec-item{flex:0 0 calc(33.333% - 1px);min-width:160px;padding:16px 20px;border-right:1px solid #1e2533;border-bottom:1px solid #1e2533;}
.wcsp-spec-item:nth-child(3n){border-right:none;}
.wcsp-spec-key{display:block;font-size:11px;font-weight:700;color:#8892a4;text-transform:uppercase;letter-spacing:.07em;margin-bottom:5px;}
.wcsp-spec-val{display:block;font-size:14px;font-weight:600;color:#fff;}

/* Description */
.wcsp-description{background:#161b27;border:1px solid #1e2533;border-radius:12px;padding:36px;margin-bottom:36px;color:#8892a4;line-height:1.8;font-size:15px;}
.wcsp-description h2,.wcsp-description h3{color:#fff;margin-top:28px;margin-bottom:12px;}
.wcsp-description h2:first-child,.wcsp-description h3:first-child{margin-top:0;}
.wcsp-description ul{padding-left:0;list-style:none;}
.wcsp-description ul li{padding:4px 0 4px 22px;position:relative;}
.wcsp-description ul li::before{content:'✓';position:absolute;left:0;color:#39d98a;font-weight:700;}
.wcsp-description ol{padding-left:20px;}
.wcsp-description a{color:#39d98a;}

/* Tags */
.wcsp-tags-wrap{display:flex;align-items:flex-start;gap:14px;margin-bottom:36px;flex-wrap:wrap;}
.wcsp-tags-label{font-size:12px;font-weight:700;color:#8892a4;text-transform:uppercase;letter-spacing:.07em;padding-top:5px;flex-shrink:0;}
.wcsp-tags-list{display:flex;flex-wrap:wrap;gap:8px;}
.wcsp-tag-pill{padding:4px 12px;border-radius:20px;font-size:12px;color:#8892a4;background:#161b27;border:1px solid #2a3245;transition:color .15s,border-color .15s;}
.wcsp-tag-pill:hover{color:#39d98a;border-color:#39d98a;}

/* Upsell bar */
.wcsp-upsell{display:flex;align-items:center;justify-content:space-between;gap:24px;background:linear-gradient(135deg,#0e1d2a 0%,#0d1117 100%);border:1px solid rgba(57,217,138,.2);border-radius:12px;padding:28px 32px;margin-bottom:48px;}
.wcsp-upsell strong{display:block;font-size:17px;color:#fff;margin-bottom:6px;}
.wcsp-upsell p{font-size:14px;color:#8892a4;margin:0;line-height:1.6;}
.wcsp-upsell a{display:inline-block;padding:12px 28px;background:#39d98a;color:#0d1117;border-radius:8px;font-weight:700;font-size:14px;text-decoration:none;white-space:nowrap;flex-shrink:0;}
.wcsp-upsell a:hover{background:#2ec97a;}

/* Reviews wrapper */
.wcsp-reviews-wrap{background:#161b27;border:1px solid #1e2533;border-radius:12px;padding:36px;}
.wcsp-reviews-wrap #reviews h2{font-size:20px;color:#fff;margin-bottom:20px;}
.wcsp-reviews-wrap .comment-form input,.wcsp-reviews-wrap .comment-form textarea{background:#0d1117!important;border:1px solid #2a3245!important;color:#fff!important;border-radius:8px!important;font-family:Poppins,sans-serif!important;}
.wcsp-reviews-wrap .comment-form label{color:#8892a4;font-size:13px;}
.wcsp-reviews-wrap .stars a{color:#f5c518;}
.wcsp-reviews-wrap .comment_container .comment-text{background:#0d1117;border-color:#2a3245;border-radius:8px;}
.wcsp-reviews-wrap .woocommerce-Review-rating .star-rating{color:#f5c518;}

/* Responsive */
@media(max-width:1050px){.wcsp-hero-row{grid-template-columns:1fr 360px;gap:32px;}}
@media(max-width:900px){.wcsp-hero-row{grid-template-columns:1fr;}.wcsp-info{position:static;}}
@media(max-width:600px){.wcsp-info{padding:20px;}.wcsp-title{font-size:18px;}.wcsp-price{font-size:26px;}.wcsp-spec-item{flex:0 0 50%;}.wcsp-upsell{flex-direction:column;text-align:center;}.wcsp-upsell a{width:100%;text-align:center;}}

/* ── Demo button on product cards ─────────────────────────── */
.wcs-btn--demo{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;border-radius:8px;font-size:12px;font-weight:600;text-decoration:none;background:transparent;color:#8892a4;border:1px solid #2a3245;margin-top:8px;transition:color .15s,border-color .15s;}
.wcs-btn--demo:hover{color:#39d98a;border-color:#39d98a;}
.wcs-btn--demo svg{flex-shrink:0;}

/* ── License selector on single product page ──────────────── */
.wcsl-license{margin-bottom:20px;}
.wcsl-license__heading{font-size:12px;font-weight:700;color:#8892a4;text-transform:uppercase;letter-spacing:.07em;margin:0 0 10px;}
.wcsl-license__option{display:flex;align-items:flex-start;gap:14px;padding:16px;border-radius:10px;border:1.5px solid #2a3245;background:#0d1117;cursor:pointer;margin-bottom:10px;transition:border-color .15s,background .15s;position:relative;}
.wcsl-license__option input[type="radio"]{position:absolute;opacity:0;width:0;height:0;}
.wcsl-license__option::before{content:'';width:18px;height:18px;border-radius:50%;border:2px solid #2a3245;flex-shrink:0;margin-top:2px;transition:border-color .15s,background .15s;}
.wcsl-license__option--active{border-color:#39d98a;background:rgba(57,217,138,.05);}
.wcsl-license__option--active::before{border-color:#39d98a;background:#39d98a;box-shadow:inset 0 0 0 4px #0d1117;}
.wcsl-license__info{flex:1;}
.wcsl-license__info strong{display:block;font-size:14px;font-weight:700;color:#fff;margin-bottom:3px;}
.wcsl-license__info span{font-size:12px;color:#8892a4;line-height:1.5;}
.wcsl-license__price{font-size:18px;font-weight:800;color:#39d98a;white-space:nowrap;flex-shrink:0;align-self:center;}
/* Launch Now — hosting card below variants strip */
.wcsp-launch-card{margin-top:20px;background:linear-gradient(145deg,rgba(57,217,138,.1),rgba(57,217,138,.04));border:1px solid rgba(57,217,138,.45);border-radius:14px;padding:20px 22px;box-shadow:0 0 24px rgba(57,217,138,.08);}
.wcsp-launch-card__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;}
.wcsp-launch-card__badge{background:#39d98a;color:#0d1117;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.6px;padding:3px 9px;border-radius:20px;}
.wcsp-launch-card__price{font-size:20px;font-weight:800;color:#39d98a;}
.wcsp-launch-card__price em{font-size:12px;font-weight:400;font-style:normal;color:#8892a4;margin-left:1px;}
.wcsp-launch-card__title{color:#fff;font-size:17px;font-weight:700;margin:0 0 4px;}
.wcsp-launch-card__tagline{color:#8892a4;font-size:12px;margin:0 0 14px;line-height:1.5;}
.wcsp-launch-card__includes{list-style:none;margin:0 0 14px;padding:0;display:flex;flex-direction:column;gap:7px;}
.wcsp-launch-card__includes li{display:flex;align-items:center;gap:8px;color:#c8d6e5;font-size:13px;font-weight:500;}
.wcsp-launch-card__includes svg{flex-shrink:0;}
.wcsp-launch-card__specs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px;}
.wcsp-launch-card__specs span{font-size:11px;font-weight:600;color:#39d98a;background:rgba(57,217,138,.12);border:1px solid rgba(57,217,138,.25);padding:3px 10px;border-radius:20px;}
.wcsp-launch-card__btn{display:block;text-align:center;background:#39d98a;color:#0d1117;font-size:14px;font-weight:700;padding:12px;border-radius:9px;text-decoration:none;transition:opacity .15s;margin-bottom:10px;}
.wcsp-launch-card__btn:hover{opacity:.88;color:#0d1117;}
.wcsp-launch-card__note{font-size:11px;color:#556;margin:0;text-align:center;}

/* ══════════════════════════════════════════════════════════
   CART PAGE — wcsc- prefix
   ══════════════════════════════════════════════════════════ */

/* Page wrapper */
.woocommerce-cart .c,.woocommerce-cart.woocommerce-page .c{padding-top:40px;padding-bottom:80px;}

/* 2-col layout: main (items) | sidebar (totals) */
.wcsc-cart-wrap{display:grid;grid-template-columns:1fr 360px;gap:36px;align-items:start;}
/* Override WC default float layout — we use grid, not floats */
.wcsc-cart-main,.wcsc-cart-main .woocommerce-cart-form{float:none!important;width:100%!important;clear:none!important;}
.wcsc-cart-sidebar,.wcsc-cart-sidebar .cart-collaterals{float:none!important;width:100%!important;clear:none!important;}

/* ── Cart table ──────────────────────────────────────── */
.wcsc-cart-table{width:100%;border-collapse:collapse;table-layout:fixed;background:#161b27;border-radius:12px;overflow:hidden;}
.wcsc-cart-table thead tr{background:#0d1117;border-bottom:1px solid #1e2533;}
.wcsc-cart-table th{padding:14px 16px;font-size:11px;font-weight:700;color:#8892a4;text-transform:uppercase;letter-spacing:.07em;text-align:left;}
.wcsc-cart-table th.product-remove{width:52px;padding:0;}
.wcsc-cart-table th.product-thumbnail{width:120px;padding:0;}
.wcsc-cart-table th.product-price{width:100px;}
.wcsc-cart-table th.product-subtotal{width:100px;}
.wcsc-cart-table td{padding:20px 16px;border-bottom:1px solid #1e2533;vertical-align:middle;}
.wcsc-cart-table tr:last-child td{border-bottom:none;}
.wcsc-cart-table td.product-remove{width:52px;padding:16px 0 16px 16px;text-align:center;}
.wcsc-cart-table td.product-thumbnail{width:120px;padding:16px 12px;}
.wcsc-cart-table td.product-thumbnail img{width:100px;height:75px;object-fit:cover;border-radius:8px;display:block;}
.wcsc-cart-table td.product-thumbnail a{display:block;}
.wcsc-cart-table td.product-name{overflow:hidden;}
.wcsc-cart-table td.product-price,.wcsc-cart-table td.product-subtotal{font-size:16px;font-weight:700;color:#39d98a;white-space:nowrap;width:100px;}
.wcsc-cart-table td.product-subtotal{color:#fff;}

/* Remove button */
.wcsc-remove{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#1e2533;color:#8892a4;text-decoration:none;font-size:16px;transition:background .15s,color .15s;line-height:1;}
.wcsc-remove:hover{background:rgba(240,82,82,.15);color:#f05252;}

/* Product name in cart */
.wcsc-product-link{font-size:15px;font-weight:600;color:#fff;text-decoration:none;display:block;margin-bottom:6px;}
.wcsc-product-link:hover{color:#39d98a;}
/* WC item data (License type display) */
.wcsc-cart-table dl.variation{margin:4px 0 0;padding:0;}
.wcsc-cart-table dl.variation dt,.wcsc-cart-table dl.variation dd{display:inline;font-size:12px;font-weight:600;margin:0;padding:0;}
.wcsc-cart-table dl.variation dt{color:#8892a4;}
.wcsc-cart-table dl.variation dt::after{content:' ';}
.wcsc-cart-table dl.variation dd{color:#39d98a;}
.wcsc-cart-table dl.variation dd p{display:inline;margin:0;}
.wcsc-cart-table dl.variation dd::after{content:'';display:block;}

.wcsc-product-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:8px;}
.wcsc-sku{font-size:11px;color:#556;font-family:monospace;white-space:nowrap;}
.wcsc-digital-badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:#39d98a;background:rgba(57,217,138,.08);border:1px solid rgba(57,217,138,.2);padding:2px 8px;border-radius:20px;white-space:nowrap;}
.wcsc-digital-badge svg{flex-shrink:0;}

/* Coupon + actions row */
.wcsc-cart-actions-row td{padding:20px 24px;background:#0d1117;}
.actions{display:flex;align-items:center;justify-content:space-between;gap:16px;}
.wcsc-coupon{display:flex;align-items:center;gap:10px;}
.wcsc-coupon__input{background:#161b27;border:1px solid #2a3245;color:#fff;border-radius:8px;padding:11px 16px;font-size:13px;font-family:Poppins,sans-serif;width:240px;transition:border-color .15s;}
.wcsc-coupon__input::placeholder{color:#556;}
.wcsc-coupon__input:focus{outline:none;border-color:#39d98a;}

/* Shared button classes (cart page) */
.wcsc-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 20px;border-radius:8px;font-size:13px;font-weight:700;text-decoration:none;border:none;cursor:pointer;font-family:Poppins,sans-serif;transition:background .15s,color .15s,border-color .15s;}
.wcsc-btn--primary{background:#39d98a;color:#0d1117!important;}
.wcsc-btn--primary:hover{background:#2ec97a;color:#0d1117!important;}
.wcsc-btn--outline{background:transparent;color:#39d98a;border:1.5px solid #39d98a;}
.wcsc-btn--outline:hover{background:#39d98a;color:#0d1117;}
.wcsc-btn--ghost{background:transparent;color:#8892a4;border:1.5px solid #2a3245;white-space:nowrap;}
.wcsc-btn--ghost:hover{border-color:#39d98a;color:#39d98a;}

/* ── Cart sidebar (order summary) ──────────────────────── */
.wcsc-cart-sidebar{position:sticky;top:100px;}

/* WC cart totals box */
.wcsc-cart-sidebar .cart-collaterals .cart_totals{float:none!important;width:100%!important;clear:none!important;}
.woocommerce .cart_totals{background:#161b27;border:1px solid #1e2533;border-radius:12px;overflow:hidden;padding:0;}
.woocommerce .cart_totals h2{font-size:16px;font-weight:700;color:#fff;margin:0;padding:20px 24px;border-bottom:1px solid #1e2533;background:#0d1117;}
.woocommerce .cart_totals table{width:100%;border-collapse:collapse;}
.woocommerce .cart_totals table th,.woocommerce .cart_totals table td{padding:14px 24px;border-bottom:1px solid #1e2533;font-size:14px;color:#8892a4;}
.woocommerce .cart_totals table th{font-weight:600;white-space:nowrap;width:40%;}
.woocommerce .cart_totals table .order-total th,.woocommerce .cart_totals table .order-total td{font-size:18px;font-weight:800;color:#fff;border-bottom:none;padding-top:18px;padding-bottom:18px;}
.woocommerce .cart_totals table .order-total .woocommerce-Price-amount{color:#39d98a;}
.woocommerce .cart_totals .wc-proceed-to-checkout{padding:20px 24px;}
.woocommerce .cart_totals .wc-proceed-to-checkout .checkout-button{display:block;width:100%;background:#39d98a!important;color:#0d1117!important;font-weight:800!important;font-size:16px!important;text-align:center;padding:16px 24px!important;border-radius:10px!important;border:none!important;text-decoration:none;font-family:Poppins,sans-serif!important;transition:background .15s!important;}
.woocommerce .cart_totals .wc-proceed-to-checkout .checkout-button:hover{background:#2ec97a!important;}
.woocommerce .cart_totals .shop_table td.product-name a{color:#fff;}
.woocommerce .woocommerce-shipping-calculator{padding:0 24px 20px;}
.woocommerce .cart_totals .woocommerce-Price-amount{color:#fff;}

/* ── Trust signals ──────────────────────────────────────── */
.wcsc-trust{background:#0d1117;border:1px solid #1e2533;border-radius:12px;padding:20px 24px;margin-top:16px;}
.wcsc-trust__item{display:flex;align-items:center;gap:10px;padding:8px 0;font-size:12px;color:#8892a4;border-bottom:1px solid #1e2533;}
.wcsc-trust__item:last-child{border-bottom:none;padding-bottom:0;}
.wcsc-trust__item svg{flex-shrink:0;}

/* ── Empty cart state ───────────────────────────────────── */
.wcsc-empty{text-align:center;padding:80px 40px 60px;background:#161b27;border:1px solid #1e2533;border-radius:16px;margin-bottom:48px;}
.wcsc-empty__icon{margin-bottom:24px;}
.wcsc-empty__icon svg{opacity:.6;}
.wcsc-empty__heading{font-size:26px;font-weight:800;color:#fff!important;margin:0 0 12px;}
.wcsc-empty__sub{font-size:15px;color:#8892a4;max-width:480px;margin:0 auto 28px;line-height:1.7;}

/* ── Services upsell section ────────────────────────────── */
.wcsc-services{margin-top:48px;padding:40px;background:linear-gradient(135deg,#0e1d2a 0%,#0d1117 100%);border:1px solid rgba(57,217,138,.15);border-radius:16px;}
.wcsc-services__header{margin-bottom:32px;}
.wcsc-services__badge{display:inline-block;font-size:10px;font-weight:800;color:#39d98a;letter-spacing:2px;text-transform:uppercase;background:rgba(57,217,138,.1);padding:4px 12px;border-radius:20px;margin-bottom:12px;}
.wcsc-services__heading{font-size:22px;font-weight:800;color:#fff!important;margin:0 0 8px;}
.wcsc-services__sub{font-size:14px;color:#8892a4;margin:0;line-height:1.7;}
.wcsc-services__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
@media(max-width:1100px){.wcsc-services__grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:600px){.wcsc-services__grid{grid-template-columns:1fr;}}

/* Service card */
.wcsc-service-card{background:#161b27;border:1px solid #1e2533;border-radius:12px;padding:24px;display:flex;flex-direction:column;gap:14px;transition:border-color .15s,transform .2s;}
.wcsc-service-card:hover{border-color:rgba(57,217,138,.35);transform:translateY(-2px);}
.wcsc-service-card__icon{width:44px;height:44px;background:rgba(57,217,138,.08);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.wcsc-service-card__body{flex:1;}
.wcsc-service-card__body strong{display:block;font-size:14px;font-weight:700;color:#fff;margin-bottom:6px;}
.wcsc-service-card__body span{font-size:12px;color:#8892a4;line-height:1.6;}
.wcsc-service-card__cta{display:inline-flex;align-items:center;font-size:12px;font-weight:700;color:#39d98a;text-decoration:none;gap:4px;margin-top:auto;}
.wcsc-service-card__cta:hover{text-decoration:underline;}

/* Force white text — override .mhc-page-content h1/h2/h3 on WC sections */
.wcsc-services h1,.wcsc-services h2,.wcsc-services h3,
.wcsc-empty h1,.wcsc-empty h2,.wcsc-empty h3,
.wcsc-cart-wrap h1,.wcsc-cart-wrap h2,.wcsc-cart-wrap h3,
.wcsp-single h1,.wcsp-single h2,.wcsp-single h3,
.wcs-archive-wrap h1,.wcs-archive-wrap h2,.wcs-archive-wrap h3,
.wcs-sidebar h1,.wcs-sidebar h2,.wcs-sidebar h3{color:#fff!important;}

/* Responsive */
@media(max-width:900px){.wcsc-cart-wrap{grid-template-columns:1fr;}.wcsc-cart-sidebar{position:static;}}
@media(max-width:600px){.wcsc-services{padding:24px;}.wcsc-empty{padding:48px 20px 40px;}.wcsc-cart-table td,.wcsc-cart-table th{padding:12px;}}

/* ============================================================
   MH-HOSTING — Homepage Sections
   ============================================================ */

/* Hero */
.mhh-hero{position:relative;overflow:hidden;background:#0d1117;padding:100px 24px 80px;text-align:center;}
.mhh-hero__glow{position:absolute;top:-120px;left:50%;transform:translateX(-50%);width:700px;height:700px;background:radial-gradient(circle,rgba(57,217,138,.12) 0%,transparent 70%);pointer-events:none;}
.mhh-hero__inner{position:relative;max-width:760px;margin:0 auto;}
.mhh-hero__badge{display:inline-flex;align-items:center;gap:8px;background:rgba(57,217,138,.08);border:1px solid rgba(57,217,138,.2);border-radius:30px;padding:5px 16px;font-size:12px;font-weight:600;color:#39d98a;margin-bottom:24px;letter-spacing:.3px;}
.mhh-hero__h1{font-size:46px;font-weight:800;line-height:1.15;color:#fff;margin:0 0 20px;}
.mhh-hero__h1 em{display:block;font-style:normal;color:#39d98a;}
.mhh-hero__sub{font-size:17px;color:#8892a4;line-height:1.7;margin:0 0 32px;}
.mhh-hero__btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-bottom:32px;}
.mhh-hero__trust{display:flex;gap:24px;justify-content:center;flex-wrap:wrap;}
.mhh-hero__trust-item{display:flex;align-items:center;gap:8px;font-size:13px;color:#8892a4;}
@media(max-width:600px){.mhh-hero__h1{font-size:30px;}.mhh-hero__btns{flex-direction:column;align-items:center;}}

/* Plans */
.mhh-plans{padding:80px 24px;background:#0d1117;}
.mhh-plans__inner{max-width:1100px;margin:0 auto;}
.mhh-plans__heading{text-align:center;font-size:32px;font-weight:800;color:#fff;margin:0 0 10px;}
.mhh-plans__sub{text-align:center;color:#8892a4;font-size:15px;margin:0 0 48px;}
.mhh-plans__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.mhh-plan-card{background:#161b27;border:1px solid #1e2533;border-radius:14px;padding:32px 28px;display:flex;flex-direction:column;gap:0;position:relative;transition:border-color .15s,transform .2s;}
.mhh-plan-card:hover{border-color:rgba(57,217,138,.35);transform:translateY(-3px);}
.mhh-plan-card--featured{border-color:rgba(57,217,138,.5);background:linear-gradient(145deg,rgba(57,217,138,.07),#161b27);}
.mhh-plan-card__badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:#39d98a;color:#0d1117;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.6px;padding:3px 14px;border-radius:20px;white-space:nowrap;}
.mhh-plan-card__name{font-size:18px;font-weight:800;color:#fff;margin-bottom:4px;}
.mhh-plan-card__subtitle{font-size:12px;font-weight:600;color:#8892a4;text-transform:uppercase;letter-spacing:.5px;margin-bottom:16px;}
.mhh-plan-card__price{font-size:38px;font-weight:800;color:#39d98a;margin-bottom:24px;}
.mhh-plan-card__price span{font-size:14px;font-weight:400;color:#8892a4;}
.mhh-plans__all{text-align:center;margin-top:32px;}
.mhh-plans__all a{color:#39d98a;font-size:15px;font-weight:600;text-decoration:none;}
.mhh-plans__all a:hover{text-decoration:underline;}
.mhh-plan-card__features{list-style:none;padding:0;margin:0 0 28px;display:flex;flex-direction:column;gap:10px;flex:1;}
.mhh-plan-card__features li{font-size:14px;color:#c8d6e5;padding-left:20px;position:relative;}
.mhh-plan-card__features li::before{content:"✓";position:absolute;left:0;color:#39d98a;font-weight:700;}
.mhh-plan-card__btn{display:block;text-align:center;background:#39d98a;color:#0d1117;font-size:14px;font-weight:700;padding:12px;border-radius:9px;text-decoration:none;transition:opacity .15s;}
.mhh-plan-card__btn:hover{opacity:.88;color:#0d1117;}
@media(max-width:900px){.mhh-plans__grid{grid-template-columns:1fr;max-width:420px;margin-left:auto;margin-right:auto;}}

/* Why us */
.mhh-why{padding:80px 24px;background:#080c12;}
.mhh-why__inner{max-width:1100px;margin:0 auto;}
.mhh-why__heading{text-align:center;font-size:32px;font-weight:800;color:#fff;margin:0 0 48px;}
.mhh-why__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.mhh-why__card{background:#161b27;border:1px solid #1e2533;border-radius:12px;padding:28px 24px;}
.mhh-why__icon{font-size:24px;color:#39d98a;margin-bottom:14px;}
.mhh-why__card h3{font-size:16px;font-weight:700;color:#fff;margin:0 0 10px;}
.mhh-why__card p{font-size:13px;color:#8892a4;line-height:1.7;margin:0;}
@media(max-width:900px){.mhh-why__grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:580px){.mhh-why__grid{grid-template-columns:1fr;}}

/* CTA */
.mhh-cta{padding:80px 24px;background:linear-gradient(135deg,rgba(57,217,138,.1) 0%,#0d1117 60%);text-align:center;border-top:1px solid rgba(57,217,138,.15);}
.mhh-cta__inner{max-width:600px;margin:0 auto;}
.mhh-cta__heading{font-size:32px;font-weight:800;color:#fff;margin:0 0 14px;}
.mhh-cta__sub{font-size:16px;color:#8892a4;margin:0 0 32px;}

/* ============================================================
   NAV — Dropdown menus
   ============================================================ */
.mh-nav__links{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:4px;}
.mh-nav__links li{position:relative;}
.mh-nav__links li a{display:block;padding:8px 14px;font-size:13px;font-weight:600;color:#c8d6e5;text-decoration:none;border-radius:6px;transition:color .15s,background .15s;white-space:nowrap;}
.mh-nav__links li a:hover,.mh-nav__links li.current-menu-item>a,.mh-nav__links li.current-menu-ancestor>a{color:#39d98a;background:rgba(57,217,138,.08);}

/* Sub-menu (dropdown) */
.mh-nav__links .sub-menu{display:none;position:absolute;top:calc(100% + 6px);left:0;min-width:220px;background:#161b27;border:1px solid rgba(57,217,138,.18);border-radius:10px;padding:6px;list-style:none;margin:0;z-index:9999;box-shadow:0 12px 32px rgba(0,0,0,.4);}
.mh-nav__links li:hover>.sub-menu{display:block;}
.mh-nav__links .sub-menu li a{font-size:13px;font-weight:500;color:#c8d6e5;border-radius:6px;padding:8px 12px;}
.mh-nav__links .sub-menu li a:hover{color:#39d98a;background:rgba(57,217,138,.08);}

/* Dropdown arrow indicator */
.mh-nav__links li.menu-item-has-children>a::after{content:"▾";margin-left:4px;font-size:10px;opacity:.6;}

/* ============================================================
   FOOTER — Links grid improved
   ============================================================ */
.mh-footer__links-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px 16px;}
.mh-footer__link{font-size:13px;color:#8892a4;text-decoration:none;padding:3px 0;transition:color .15s;}
.mh-footer__link:hover{color:#39d98a;}

/* ============================================================
   DOMAIN SEARCH BAR — full-width strip under header (9-col grid)
   ============================================================ */
.mhh-domain-bar{
  width:100%;
  background:linear-gradient(135deg,#07101f 0%,#0b1730 100%);
  border-bottom:2px solid rgba(57,217,138,.3);
  padding:80px clamp(24px,4vw,64px) 68px;
  box-shadow:0 4px 48px rgba(57,217,138,.1);
}
.mhh-domain-bar__inner{
  max-width:1380px;
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(9,1fr);
  gap:0 40px;
  align-items:center;
}
/* Left: spans 6 of 9 columns */
.mhh-domain-bar__search{
  grid-column:span 6;
}
.mhh-domain-bar__label{
  font-size:30px;font-weight:800;color:#fff;
  margin:0 0 6px;letter-spacing:-.4px;line-height:1.1;
  display:flex;align-items:center;gap:12px;
}
.mhh-domain-bar__dot{
  width:11px;height:11px;flex-shrink:0;
}
.mhh-domain-bar__sublabel{
  font-size:15px;color:#8892a4;margin:0 0 20px;
}
.mhh-domain-bar__field{width:100%;}
/* Search field */
.mhh-domain-bar .widget{margin:0;}
.mhh-domain-bar .rstore-domain-wrap,
.mhh-domain-bar form{display:flex!important;width:100%!important;}
.mhh-domain-bar input[type="text"],
.mhh-domain-bar input[type="search"]{
  flex:1!important;
  min-width:0!important;
  background:#111827!important;
  border:2px solid rgba(57,217,138,.35)!important;
  border-right:none!important;
  color:#fff!important;
  border-radius:10px 0 0 10px!important;
  font-size:17px!important;
  padding:16px 22px!important;
  outline:none!important;
  min-height:60px!important;
}
.mhh-domain-bar input[type="text"]::placeholder,
.mhh-domain-bar input[type="search"]::placeholder{color:#4a5568!important;}
.mhh-domain-bar button[type="submit"],
.mhh-domain-bar input[type="submit"]{
  background:#39d98a!important;
  color:#0a0f1e!important;
  font-weight:700!important;
  border-radius:0 10px 10px 0!important;
  border:none!important;
  padding:16px 22px!important;
  font-size:14px!important;
  min-height:60px!important;
  max-width:130px!important;
  width:130px!important;
  flex:0 0 130px!important;
  cursor:pointer!important;
  white-space:nowrap!important;
  transition:background .15s!important;
}
.mhh-domain-bar button[type="submit"]:hover,
.mhh-domain-bar input[type="submit"]:hover{background:#2ac97a!important;}
.mhh-domain-bar .rstore-domain-results{
  background:#161b27;border:1px solid rgba(57,217,138,.2);
  border-radius:10px;margin-top:12px;padding:14px;
  text-align:left;color:#e2e8f0;font-size:14px;
}
.mhh-domain-bar__tlds{
  margin-top:14px;display:flex;flex-wrap:wrap;gap:7px;
}
/* Base pill reset */
.mhh-domain-bar__tlds span{
  font-size:11px;font-weight:700;
  border-radius:20px;padding:4px 11px;
  display:inline-block;letter-spacing:.2px;
  transition:transform .15s,box-shadow .15s;
}
.mhh-domain-bar__tlds span:hover{transform:translateY(-1px);}
/* Colorful per-TLD pills */
.tld--com{color:#39d98a;background:rgba(57,217,138,.12);border:1px solid rgba(57,217,138,.35);}
.tld--net{color:#60a5fa;background:rgba(96,165,250,.12);border:1px solid rgba(96,165,250,.35);}
.tld--io {color:#a78bfa;background:rgba(167,139,250,.12);border:1px solid rgba(167,139,250,.35);}
.tld--co {color:#fb923c;background:rgba(251,146,60,.12); border:1px solid rgba(251,146,60,.35);}
.tld--org{color:#f472b6;background:rgba(244,114,182,.12);border:1px solid rgba(244,114,182,.35);}
.tld--biz{color:#fbbf24;background:rgba(251,191,36,.12); border:1px solid rgba(251,191,36,.35);}
.tld--info{color:#22d3ee;background:rgba(34,211,238,.12); border:1px solid rgba(34,211,238,.35);}
.tld--store{color:#f87171;background:rgba(248,113,113,.12);border:1px solid rgba(248,113,113,.35);}
.tld--more{color:#94a3b8;background:rgba(148,163,184,.07);border:1px solid rgba(148,163,184,.2);font-weight:500;}
/* Domain quick-links */
.mhh-domain-bar__links{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px;}
.mhh-domain-bar__link{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#8892a4;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:5px 12px;text-decoration:none;transition:color .15s,border-color .15s,background .15s;white-space:nowrap;}
.mhh-domain-bar__link:hover{color:#39d98a;border-color:rgba(57,217,138,.4);background:rgba(57,217,138,.06);}
.mhh-domain-bar__link i{font-size:10px;color:#39d98a;}
/* Right: spans 3 of 9 columns — CTA */
.mhh-domain-bar__cta{
  grid-column:span 3;
  border-left:1px solid rgba(57,217,138,.15);
  padding-left:32px;
  text-align:left;
}
.mhh-domain-bar__cta-heading{
  font-size:22px;font-weight:800;color:#fff;
  margin:0 0 6px;line-height:1.2;
}
.mhh-domain-bar__cta-price{
  font-size:15px;color:#8892a4;margin:0 0 20px;
}
.mhh-domain-bar__cta-price strong{
  font-size:26px;font-weight:800;color:#39d98a;
  display:inline;vertical-align:baseline;
}
.mhh-domain-bar__cta-price span{
  font-size:14px;color:#8892a4;font-weight:400;
}
.mhh-domain-bar__cta-btn{
  display:inline-block;
  background:#39d98a;
  color:#0a0f1e!important;
  font-weight:700;
  font-size:14px;
  padding:12px 26px;
  border-radius:8px;
  text-decoration:none;
  transition:opacity .15s;
  white-space:nowrap;
}
.mhh-domain-bar__cta-btn:hover{opacity:.88;}
/* global rstore-domain widget overrides */
.rstore-domain input[type="text"]{background:#111827!important;border:1px solid rgba(57,217,138,.25)!important;color:#fff!important;border-radius:8px 0 0 8px!important;font-size:16px!important;padding:14px 18px!important;}
.rstore-domain input[type="text"]::placeholder{color:#4a5568!important;}
.rstore-domain button,.rstore-domain input[type="submit"]{background:#39d98a!important;color:#0a0f1e!important;font-weight:700!important;border-radius:0 8px 8px 0!important;border:none!important;padding:14px 28px!important;font-size:15px!important;cursor:pointer!important;}
.rstore-domain button:hover,.rstore-domain input[type="submit"]:hover{background:#2ac97a!important;}
.rstore-domain .rstore-domain-results{background:#161b27;border:1px solid rgba(57,217,138,.15);border-radius:10px;margin-top:16px;padding:16px;}
@media(max-width:1024px){
  .mhh-domain-bar__inner{grid-template-columns:1fr;gap:28px 0;}
  .mhh-domain-bar__search,.mhh-domain-bar__cta{grid-column:span 1;}
  .mhh-domain-bar__cta{border-left:none;border-top:1px solid rgba(57,217,138,.15);padding-left:0;padding-top:24px;}
}
@media(max-width:640px){
  .mhh-domain-bar{padding:32px 16px 28px;}
  .mhh-domain-bar input[type="text"],.mhh-domain-bar input[type="search"]{font-size:15px!important;padding:13px 14px!important;min-height:50px!important;}
  .mhh-domain-bar button[type="submit"],.mhh-domain-bar input[type="submit"]{padding:13px 18px!important;font-size:13px!important;min-height:50px!important;}
}

/* ============================================================
   HOSTING CATEGORY PAGE — product grid
   ============================================================ */
.mhh-cat-hero{background:linear-gradient(135deg,#0d1117 0%,#111827 100%);padding:80px 40px 60px;text-align:center;border-bottom:1px solid rgba(57,217,138,.1);}
.mhh-cat-hero__badge{display:inline-block;font-size:11px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:#39d98a;margin-bottom:16px;}
.mhh-cat-hero__h1{font-size:clamp(28px,4vw,52px);font-weight:800;color:#fff;margin:0 0 16px;}
.mhh-cat-hero__sub{font-size:17px;color:#8892a4;max-width:600px;margin:0 auto;}
.mhh-cat-grid{padding:60px 40px;max-width:1280px;margin:0 auto;}
.mhh-cat-grid__heading{font-size:22px;font-weight:700;color:#fff;margin:0 0 32px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.08);}
.mhh-products{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;margin-bottom:60px;}
.mhh-prod-card{background:#161b27;border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:28px 24px;display:flex;flex-direction:column;transition:border-color .2s,transform .2s;}
.mhh-prod-card:hover{border-color:rgba(57,217,138,.3);transform:translateY(-3px);}
.mhh-prod-card__name{font-size:16px;font-weight:700;color:#fff;margin:0 0 10px;}
.mhh-prod-card__price{font-size:28px;font-weight:800;color:#39d98a;margin:0 0 20px;line-height:1;}
.mhh-prod-card__price span{font-size:14px;font-weight:400;color:#8892a4;}
.mhh-prod-card__features{list-style:none;padding:0;margin:0 0 24px;flex:1;}
.mhh-prod-card__features li{font-size:13px;color:#8892a4;padding:5px 0;border-bottom:1px solid rgba(255,255,255,.04);display:flex;align-items:center;gap:8px;}
.mhh-prod-card__features li::before{content:"✓";color:#39d98a;font-weight:700;flex-shrink:0;}
.mhh-prod-card__btn{display:block;text-align:center;background:#39d98a;color:#0a0f1e;font-weight:700;font-size:14px;padding:12px;border-radius:8px;text-decoration:none;transition:background .2s,transform .2s;}
.mhh-prod-card__btn:hover{background:#2ac97a;transform:translateY(-2px);color:#0a0f1e;text-decoration:none;}

/* ============================================================
   INDIVIDUAL PRODUCT PAGE (reseller_product CPT)
   ============================================================ */
.mhh-product-page{max-width:860px;margin:0 auto;padding:60px 40px;}
.mhh-product-page__title{font-size:clamp(26px,3.5vw,44px);font-weight:800;color:#fff;margin:0 0 8px;}
.mhh-product-page__price{font-size:36px;font-weight:800;color:#39d98a;margin:0 0 32px;}
.mhh-product-page__price span{font-size:16px;font-weight:400;color:#8892a4;}
.mhh-product-page__shortcode{background:#161b27;border:1px solid rgba(57,217,138,.15);border-radius:14px;padding:32px;}
/* rstore plugin widget overrides */
.rstore-product{color:#fff!important;}
.rstore-product .button,.rstore-product a.button{background:#39d98a!important;color:#0a0f1e!important;font-weight:700!important;border:none!important;border-radius:8px!important;padding:14px 32px!important;font-size:16px!important;}
.rstore-product .button:hover{background:#2ac97a!important;}
.rstore-product .price,.rstore-product .rstore-price{color:#39d98a!important;font-size:28px!important;font-weight:800!important;}

/* ============================================================
   SUPPORT PAGE
   ============================================================ */
.mhh-support{max-width:900px;margin:0 auto;padding:80px 40px;}
.mhh-support__heading{font-size:clamp(28px,4vw,48px);font-weight:800;color:#fff;margin:0 0 16px;}
.mhh-support__sub{font-size:18px;color:#8892a4;margin:0 0 56px;}
.mhh-support-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:24px;}
.mhh-support-card{background:#161b27;border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:32px 28px;}
.mhh-support-card__icon{font-size:32px;margin-bottom:16px;}
.mhh-support-card__title{font-size:18px;font-weight:700;color:#fff;margin:0 0 10px;}
.mhh-support-card__body{font-size:14px;color:#8892a4;line-height:1.7;margin:0 0 20px;}
.mhh-support-card__link{color:#39d98a;text-decoration:none;font-weight:600;font-size:14px;}
.mhh-support-card__link:hover{color:#2ac97a;}

/* ============================================================
   SCROLLED NAV light-on-scroll already handled by .is-scrolled
   Inner pages — always show nav bg
   ============================================================ */
body:not(.home) .mh-nav{background:rgba(10,15,30,.97);box-shadow:0 2px 20px rgba(0,0,0,.4);}

/* Dark bg for WP Admin Bar spacer */
#wpadminbar{background:#0a0f1e!important;}

/* rstore shortcode general dark overrides */
.widget.rstore-domain,.widget.rstore-product,.widget.rstore-cart,.widget.rstore-login{background:transparent!important;}
/* Footer cart widget */
.mh-footer__cart{display:flex;align-items:center;}
.mh-footer__cart .widget{margin:0;}
.mh-footer__cart a{color:#39d98a!important;font-size:13px;font-weight:600;text-decoration:none;display:flex;align-items:center;gap:6px;}
.mh-footer__cart a:hover{color:#2ac97a!important;}
.mh-footer__cart .rstore-cart-count{background:#39d98a;color:#0a0f1e;font-size:11px;font-weight:800;border-radius:50%;width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;}

/* ============================================================
   RESELLER PRODUCT SINGLE PAGE (single-reseller_product.php)
   ============================================================ */
.mhh-rp-page{background:#0d1117;min-height:70vh;}
.mhh-rp-breadcrumb{background:#111827;border-bottom:1px solid rgba(255,255,255,.06);padding:14px 40px;}
.mhh-rp-breadcrumb__inner{max-width:1280px;margin:0 auto;font-size:13px;color:#8892a4;display:flex;align-items:center;gap:8px;}
.mhh-rp-breadcrumb a{color:#8892a4;text-decoration:none;transition:color .15s;}
.mhh-rp-breadcrumb a:hover{color:#39d98a;}
.mhh-rp-breadcrumb span{color:#4a5568;}
.mhh-rp-inner{max-width:1280px;margin:0 auto;padding:60px 40px;display:grid;grid-template-columns:1fr 360px;gap:48px;align-items:start;}
.mhh-rp-info__title{font-size:clamp(28px,3.5vw,44px);font-weight:800;color:#fff;margin:0 0 20px;line-height:1.15;}
.mhh-rp-info__price{display:flex;align-items:baseline;gap:6px;margin:0 0 28px;}
.mhh-rp-info__amount{font-size:42px;font-weight:800;color:#39d98a;line-height:1;}
.mhh-rp-info__per{font-size:16px;color:#8892a4;font-weight:400;}
.mhh-rp-info__orig{font-size:18px;color:#556;font-weight:400;text-decoration:line-through;margin-left:4px;}
/* Feature list */
.mhh-rp-features{list-style:none;padding:0;margin:0 0 28px;}
.mhh-rp-features li{font-size:14px;color:#c8d6e5;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.06);display:flex;align-items:center;gap:10px;}
.mhh-rp-features li::before{content:'✓';color:#39d98a;font-weight:700;flex-shrink:0;}
/* Cart button */
.mhh-rp-cart-form{margin-bottom:28px;}
.mhh-rp-cart-btn{display:block;width:100%;background:#39d98a;color:#0a0f1e;font-size:16px;font-weight:700;padding:15px 24px;border:none;border-radius:10px;cursor:pointer;font-family:'Poppins',sans-serif;text-align:center;transition:opacity .15s;}
.mhh-rp-cart-btn:hover{opacity:.88;}
.mhh-rp-info__desc{font-size:16px;color:#8892a4;line-height:1.75;margin:0 0 28px;}
.mhh-rp-info__desc ul{padding-left:24px;margin:12px 0;}
.mhh-rp-info__desc li{margin-bottom:6px;}
.mhh-rp-info__desc p{margin-bottom:12px;}
.mhh-rp-info__widget{background:#161b27;border:1px solid rgba(57,217,138,.15);border-radius:12px;padding:24px;margin-bottom:28px;}
.mhh-rp-info__trust{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.mhh-rp-trust-item{font-size:13px;color:#8892a4;display:flex;align-items:center;gap:8px;}
.mhh-rp-trust-item span{color:#39d98a;font-weight:700;}
/* Aside cards */
.mhh-rp-aside{display:flex;flex-direction:column;gap:16px;position:sticky;top:100px;}
.mhh-rp-aside__card{background:#161b27;border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:24px;}
.mhh-rp-aside__icon{font-size:28px;margin-bottom:10px;}
.mhh-rp-aside__card h3{font-size:15px;font-weight:700;color:#fff;margin:0 0 8px;}
.mhh-rp-aside__card p{font-size:13px;color:#8892a4;line-height:1.65;margin:0;}
.mhh-rp-aside__card strong{color:#c8d6e5;}
/* Back nav */
.mhh-rp-back{border-top:1px solid rgba(255,255,255,.06);padding:20px 40px;}
.mhh-rp-back__inner{max-width:1280px;margin:0 auto;}
.mhh-rp-back__link{color:#39d98a;text-decoration:none;font-size:14px;font-weight:600;}
.mhh-rp-back__link:hover{color:#2ac97a;}
/* Plugin widget overrides on product page */
.mhh-rp-info__widget{font-size:16px;color:#c8d6e5;line-height:1.75;}
.mhh-rp-info__widget .rstore-price{color:#39d98a!important;font-size:28px!important;font-weight:800!important;display:block!important;margin:16px 0!important;}
/* Green Add to cart / buy button — plugin uses various selectors */
.single-reseller_product .button,
.single-reseller_product a.button,
.single-reseller_product input[type=submit],
.single-reseller_product button[type=submit],
.single-reseller_product .rstore-add-to-cart,
.mhh-rp-info__widget .button,
.mhh-rp-info__widget a.button,
.mhh-rp-info__widget input[type=submit]{
  background:#39d98a!important;color:#0a0f1e!important;font-weight:700!important;
  border:none!important;border-radius:8px!important;padding:13px 32px!important;
  font-size:16px!important;cursor:pointer!important;display:inline-block!important;
  text-align:center!important;text-decoration:none!important;margin-top:8px!important;
}
.single-reseller_product .button:hover,
.single-reseller_product a.button:hover,
.mhh-rp-info__widget .button:hover{background:#2ac97a!important;}
@media(max-width:900px){.mhh-rp-inner{grid-template-columns:1fr;}.mhh-rp-aside{position:static;}}

/* ================================================================
   HOSTING CATEGORY PAGES (template-hosting-category.php)
   ================================================================ */

/* ── Category Hero ───────────────────────────────────────── */
.mhh-cat-hero{background:linear-gradient(135deg,#0d1117 0%,#0e1a2e 100%);padding:80px 40px 60px;border-bottom:1px solid rgba(57,217,138,.15);text-align:center;}
.mhh-cat-hero__inner{max-width:780px;margin:0 auto;}
.mhh-cat-hero__eyebrow{display:inline-block;font-size:12px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:#39d98a;background:rgba(57,217,138,.1);border:1px solid rgba(57,217,138,.25);border-radius:40px;padding:6px 18px;margin-bottom:20px;}
.mhh-cat-hero__h1{font-size:clamp(32px,5vw,56px);font-weight:800;color:#fff;line-height:1.1;letter-spacing:-1px;margin-bottom:18px;}
.mhh-cat-hero__sub{font-size:17px;color:#8892a4;line-height:1.75;max-width:620px;margin:0 auto;}

/* ── Pricing Section ─────────────────────────────────────── */
.mhh-pricing{padding:48px 40px 80px;background:#0d1117;}
.mhh-pricing__inner{max-width:1320px;margin:0 auto;}
.mhh-pricing__empty{color:#8892a4;font-size:16px;text-align:center;padding:60px 0;}

/* ── Tabs ────────────────────────────────────────────────── */
.mhh-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:40px;background:#0a0f1e;border:1px solid rgba(255,255,255,.07);border-radius:10px;padding:6px;}
.mhh-tab{flex:1 1 auto;background:none;border:none;color:#8892a4;font-family:"Poppins",sans-serif;font-size:14px;font-weight:600;padding:11px 22px;border-radius:7px;cursor:pointer;transition:all .2s;white-space:nowrap;}
.mhh-tab:hover{color:#fff;}
.mhh-tab--active{background:#161b27;color:#fff;box-shadow:0 2px 8px rgba(0,0,0,.3);}
.mhh-tab-panel{display:none;}
.mhh-tab-panel--active{display:block;}

/* ── Price Grid ──────────────────────────────────────────── */
.mhh-price-grid{display:grid;gap:20px;align-items:start;}
.mhh-price-grid--cols-1{grid-template-columns:repeat(1,1fr);max-width:340px;}
.mhh-price-grid--cols-2{grid-template-columns:repeat(2,1fr);max-width:720px;}
.mhh-price-grid--cols-3{grid-template-columns:repeat(3,1fr);}
.mhh-price-grid--cols-4{grid-template-columns:repeat(4,1fr);}

/* ── Price Card ──────────────────────────────────────────── */
.mhh-price-card{background:#161b27;border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:32px 26px;display:flex;flex-direction:column;gap:0;position:relative;transition:border-color .2s,transform .2s;}
.mhh-price-card:hover{border-color:rgba(57,217,138,.25);transform:translateY(-2px);}
.mhh-price-card--featured{border-color:#39d98a;background:linear-gradient(160deg,#161b27 0%,#0d1e17 100%);}
.mhh-price-card__badge{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:#39d98a;color:#0a0f1e;font-size:11px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;padding:4px 16px;border-radius:40px;white-space:nowrap;}
.mhh-price-card__name{font-size:18px;font-weight:700;color:#fff;margin-bottom:20px;margin-top:8px;}
.mhh-price-card--featured .mhh-price-card__name{margin-top:16px;}
.mhh-price-card__price{display:flex;align-items:baseline;gap:4px;margin-bottom:24px;}
.mhh-price-card__amount{font-size:36px;font-weight:800;color:#39d98a;line-height:1;}
.mhh-price-card__per{font-size:14px;color:#8892a4;font-weight:500;}
.mhh-price-card__features{list-style:none;padding:0;margin:0 0 28px;border-top:1px solid rgba(255,255,255,.07);padding-top:20px;display:flex;flex-direction:column;gap:10px;flex:1;}
.mhh-price-card__features li{font-size:14px;color:#c8d6e5;padding-left:22px;position:relative;line-height:1.4;}
.mhh-price-card__features li::before{content:"✓";position:absolute;left:0;color:#39d98a;font-weight:700;}
.mhh-price-card__btn{display:block;background:#39d98a;color:#0a0f1e;font-weight:700;font-size:15px;border-radius:8px;padding:13px 20px;text-align:center;text-decoration:none;transition:background .2s;margin-top:auto;}
.mhh-price-card__btn:hover{background:#2ac97a;}
.mhh-price-card--featured .mhh-price-card__btn{box-shadow:0 4px 16px rgba(57,217,138,.35);}
.mhh-price-card__skip{display:block;text-align:center;font-size:12px;color:#4a5568;text-decoration:none;margin-top:10px;padding:4px 0;transition:color .15s;}
.mhh-price-card__skip:hover{color:#94a3b8;}

/* ── SSL Certificates page — 1 card per row (horizontal layout) ── */
.page-id-92 .mhh-price-grid{
  grid-template-columns:1fr!important;
  max-width:100%!important;
  gap:16px!important;
}
.page-id-92 .mhh-price-card{
  display:grid!important;
  grid-template-columns:220px 1fr 170px!important;
  grid-template-rows:auto auto!important;
  column-gap:36px!important;
  row-gap:0!important;
  padding:28px 32px!important;
  align-items:center!important;
  flex-direction:unset!important;
}
/* Badge spans full width at top */
.page-id-92 .mhh-price-card__badge{
  position:static!important;
  transform:none!important;
  left:auto!important;
  grid-column:1/-1!important;
  grid-row:0!important;
  display:inline-block!important;
  width:fit-content!important;
  margin-bottom:12px!important;
  margin-top:0!important;
}
/* Name — col 1, row 1 */
.page-id-92 h3.mhh-price-card__name,
.page-id-92 .mhh-price-card__name{
  grid-column:1!important;
  grid-row:1!important;
  margin:0 0 8px!important;
  font-size:16px!important;
  align-self:end!important;
}
/* Price — col 1, row 2 */
.page-id-92 .mhh-price-card__price{
  grid-column:1!important;
  grid-row:2!important;
  margin:0!important;
  align-self:start!important;
}
/* Features — col 2, rows 1-2, 2-column sub-grid */
.page-id-92 .mhh-price-card__features{
  grid-column:2!important;
  grid-row:1/3!important;
  border-top:none!important;
  padding-top:0!important;
  margin-bottom:0!important;
  flex:unset!important;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  column-gap:20px!important;
  row-gap:8px!important;
  align-self:center!important;
}
/* Button — col 3, rows 1-2 */
.page-id-92 .mhh-price-card__btn{
  grid-column:3!important;
  grid-row:1/3!important;
  align-self:center!important;
  margin-top:0!important;
  padding:14px 20px!important;
  font-size:14px!important;
}
/* Featured card with badge — push name/price down */
.page-id-92 .mhh-price-card--featured h3.mhh-price-card__name,
.page-id-92 .mhh-price-card--featured .mhh-price-card__name{
  margin-top:0!important;
}
@media(max-width:860px){
  .page-id-92 .mhh-price-card{
    grid-template-columns:1fr!important;
    grid-template-rows:auto!important;
  }
  .page-id-92 .mhh-price-card__features{grid-column:1!important;grid-row:auto!important;grid-template-columns:1fr!important;}
  .page-id-92 .mhh-price-card__btn{grid-column:1!important;grid-row:auto!important;}
  .page-id-92 h3.mhh-price-card__name,.page-id-92 .mhh-price-card__price{grid-column:1!important;grid-row:auto!important;}
}
/* ── Trust Bar ───────────────────────────────────────────── */
.mhh-trust-bar{background:#0a0f1e;border-top:1px solid rgba(255,255,255,.06);padding:28px 40px;}
.mhh-trust-bar__inner{max-width:1280px;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:center;gap:32px;}
.mhh-trust-bar__item{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;color:#8892a4;}
.mhh-trust-bar__item i{color:#39d98a;font-size:16px;}

@media(max-width:1100px){
  .mhh-price-grid--cols-4{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:760px){
  .mhh-pricing{padding:40px 20px 60px;}
  .mhh-price-grid--cols-3,.mhh-price-grid--cols-2{grid-template-columns:1fr;}
  .mhh-price-grid--cols-4{grid-template-columns:1fr;}
  .mhh-cat-hero{padding:60px 20px 40px;}
  .mhh-trust-bar{padding:24px 20px;}
  .mhh-tabs{flex-direction:column;}
  .mhh-tab{text-align:center;}
}

/* ── FAQ Section ─────────────────────────────────────────── */
.mhh-faq{background:#0d1117;padding:72px 40px 80px;border-top:1px solid rgba(57,217,138,.12);}
.mhh-faq__heading{font-size:32px;font-weight:800;color:#fff;text-align:center;margin:0 0 40px;}
.mhh-faq__list{display:flex;flex-direction:column;gap:0;}
.mhh-faq__item{border-bottom:1px solid rgba(255,255,255,.07);}
.mhh-faq__item:first-child{border-top:1px solid rgba(255,255,255,.07);}
.mhh-faq__q{width:100%;background:none;border:none;text-align:left;padding:20px 0;font-size:16px;font-weight:600;color:#e8edf5;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;font-family:'Poppins',sans-serif;line-height:1.4;}
.mhh-faq__q:hover{color:#39d98a;}
.mhh-faq__a{padding:0 0 20px;}
.mhh-faq__a p{font-size:15px;color:#8892a4;line-height:1.75;margin:0;}
@media(max-width:600px){.mhh-faq{padding:48px 20px 56px;}.mhh-faq__heading{font-size:24px;}.mhh-faq__q{font-size:14px;}}

/* ================================================================
   ABOUT US PAGE (template-about.php)
   ================================================================ */

/* Shared typography helpers */
.mha-section-eyebrow{font-size:11px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:#39d98a;margin-bottom:14px;display:block;}
.mha-section-eyebrow--light{color:#39d98a;}
.mha-section-h2{font-size:clamp(28px,3.5vw,42px);font-weight:800;color:#fff;margin:0 0 20px;line-height:1.15;}
.mha-section-h2--light{color:#fff;}
.mha-section-h2 br{display:block;}

/* ── Hero ─────────────────────────────────────────────────── */
.mha-hero{background:linear-gradient(135deg,#0a0f1e 0%,#0e1a2e 100%);padding:100px clamp(24px,5vw,80px) 80px;border-bottom:1px solid rgba(57,217,138,.15);text-align:center;}
.mha-hero__inner{max-width:780px;margin:0 auto;}
.mha-hero__eyebrow{font-size:12px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:#39d98a;margin-bottom:20px;}
.mha-hero__h1{font-size:clamp(32px,5vw,58px);font-weight:800;color:#fff;line-height:1.1;margin:0 0 20px;}
.mha-hero__sub{font-size:18px;color:#8892a4;line-height:1.75;margin:0 0 36px;max-width:680px;margin-left:auto;margin-right:auto;}
.mha-hero__btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;}

/* ── Stats bar ────────────────────────────────────────────── */
.mha-stats{background:#0d1117;border-bottom:1px solid rgba(255,255,255,.06);display:block;max-width:100%;margin:0;}
.mha-stats__inner{max-width:1100px;margin:0 auto;padding:40px clamp(24px,4vw,60px);display:grid;grid-template-columns:repeat(4,1fr);gap:20px;text-align:center;}
.mha-stat__num{display:block;font-size:38px;font-weight:800;color:#39d98a;line-height:1;}
.mha-stat__num small{font-size:22px;}
.mha-stat__label{display:block;font-size:13px;color:#8892a4;margin-top:6px;}
@media(max-width:640px){.mha-stats__inner{grid-template-columns:repeat(2,1fr);}}

/* ── Story ────────────────────────────────────────────────── */
.mha-story{padding:90px clamp(24px,5vw,80px);display:block;max-width:100%;background:#0d1117;}
.mha-story__inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start;}
.mha-story__text p{font-size:16px;color:#8892a4;line-height:1.8;margin-bottom:16px;}
.mha-story__cards{display:flex;flex-direction:column;gap:20px;}
.mha-story__card{background:#161b27;border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:24px;}
.mha-story__card-icon{font-size:28px;margin-bottom:10px;}
.mha-story__card h3{font-size:16px;font-weight:700;color:#fff;margin:0 0 8px;}
.mha-story__card p{font-size:14px;color:#8892a4;margin:0;line-height:1.65;}
@media(max-width:860px){.mha-story__inner{grid-template-columns:1fr;gap:40px;}}

/* ── Infrastructure ───────────────────────────────────────── */
.mha-infra{background:#0d1117;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06);padding:90px clamp(24px,5vw,80px);}
.mha-infra__inner{max-width:1200px;margin:0 auto;}
.mha-infra__header{text-align:center;margin-bottom:56px;}
.mha-infra__sub{font-size:16px;color:#8892a4;max-width:600px;margin:0 auto;line-height:1.75;}
.mha-infra__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:40px;}
.mha-infra__item{background:#161b27;border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:28px;}
.mha-infra__icon{font-size:24px;color:#39d98a;margin-bottom:14px;}
.mha-infra__item h3{font-size:16px;font-weight:700;color:#fff;margin:0 0 8px;}
.mha-infra__item p{font-size:14px;color:#8892a4;margin:0;line-height:1.65;}
/* Location callout */
.mha-infra__location{background:rgba(57,217,138,.06);border:1.5px solid rgba(57,217,138,.25);border-radius:14px;padding:24px 32px;display:flex;align-items:center;gap:24px;flex-wrap:wrap;}
.mha-infra__location-pin{font-size:28px;color:#39d98a;flex-shrink:0;}
.mha-infra__location-text{flex:1;min-width:200px;}
.mha-infra__location-text strong{display:block;font-size:17px;font-weight:700;color:#fff;margin-bottom:3px;}
.mha-infra__location-text span{font-size:13px;color:#8892a4;}
.mha-infra__location-stat{text-align:center;flex-shrink:0;}
.mha-infra__location-stat span{display:block;font-size:36px;font-weight:800;color:#39d98a;line-height:1;}
.mha-infra__location-stat small{font-size:12px;color:#8892a4;}
@media(max-width:860px){.mha-infra__grid{grid-template-columns:1fr 1fr;}}
@media(max-width:560px){.mha-infra__grid{grid-template-columns:1fr;}}

/* ── NYC section ──────────────────────────────────────────── */
.mha-nyc{padding:90px clamp(24px,5vw,80px);}
.mha-nyc__inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;}
.mha-nyc__text p{font-size:16px;color:#8892a4;line-height:1.8;margin-bottom:20px;}
.mha-nyc__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px;}
.mha-nyc__list li{display:flex;align-items:flex-start;gap:12px;font-size:15px;color:#c8d6e5;line-height:1.5;}
.mha-nyc__list li i{color:#39d98a;margin-top:2px;flex-shrink:0;}
/* Map card */
.mha-nyc__visual{display:flex;align-items:center;justify-content:center;}
.mha-nyc__map-card{background:#161b27;border:1px solid rgba(57,217,138,.2);border-radius:18px;padding:36px;width:100%;max-width:360px;}
.mha-nyc__map-row{display:flex;align-items:flex-start;gap:16px;padding:12px 0;}
.mha-nyc__map-row strong{display:block;font-size:15px;font-weight:700;color:#fff;margin-bottom:3px;}
.mha-nyc__map-row small{font-size:12px;color:#8892a4;line-height:1.4;}
.mha-nyc__dot{width:14px;height:14px;border-radius:50%;flex-shrink:0;margin-top:3px;box-shadow:0 0 0 3px rgba(255,255,255,.1);}
.mha-nyc__dot--ny{background:#39d98a;box-shadow:0 0 0 3px rgba(57,217,138,.2);}
.mha-nyc__dot--az{background:#60a5fa;box-shadow:0 0 0 3px rgba(96,165,250,.2);}
.mha-nyc__map-line{width:2px;height:36px;background:linear-gradient(to bottom,#39d98a,#60a5fa);margin-left:6px;opacity:.4;}
.mha-nyc__map-footer{border-top:1px solid rgba(255,255,255,.07);margin-top:16px;padding-top:16px;display:flex;gap:12px;flex-wrap:wrap;}
.mha-nyc__map-footer span{font-size:12px;color:#8892a4;display:flex;align-items:center;gap:5px;}
.mha-nyc__map-footer i{color:#39d98a;font-size:11px;}
@media(max-width:860px){.mha-nyc__inner{grid-template-columns:1fr;}.mha-nyc__visual{justify-content:flex-start;}}

/* ── Values ───────────────────────────────────────────────── */
.mha-values{background:#0d1117;border-top:1px solid rgba(255,255,255,.06);padding:90px clamp(24px,5vw,80px);text-align:center;}
.mha-values__inner{max-width:1100px;margin:0 auto;}
.mha-values__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:48px;text-align:left;}
.mha-values__item{background:#161b27;border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:28px;}
.mha-values__num{font-size:11px;font-weight:700;letter-spacing:2px;color:#39d98a;margin-bottom:14px;display:block;}
.mha-values__item h3{font-size:16px;font-weight:700;color:#fff;margin:0 0 10px;}
.mha-values__item p{font-size:14px;color:#8892a4;margin:0;line-height:1.65;}
@media(max-width:900px){.mha-values__grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:560px){.mha-values__grid{grid-template-columns:1fr;}}

/* ── CTA ──────────────────────────────────────────────────── */
.mha-cta{background:linear-gradient(135deg,#0a1628 0%,#0d1f3c 100%);border-top:1px solid rgba(57,217,138,.2);padding:90px clamp(24px,5vw,80px);text-align:center;}
.mha-cta__inner{max-width:680px;margin:0 auto;}
.mha-cta__h2{font-size:clamp(26px,3.5vw,40px);font-weight:800;color:#fff;margin:0 0 16px;line-height:1.2;}
.mha-cta__sub{font-size:17px;color:#8892a4;margin:0 0 32px;line-height:1.6;}
.mha-cta__btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;}

/* ================================================================
   BREADCRUMBS (mhh-breadcrumb)
   ================================================================ */
.mhh-breadcrumb{background:#0a0f1e;border-bottom:1px solid rgba(255,255,255,.06);padding:10px clamp(20px,4vw,56px);}
.mhh-breadcrumb__list{max-width:1380px;margin:0 auto;list-style:none;padding:0;display:flex;align-items:center;flex-wrap:wrap;gap:4px;}
.mhh-breadcrumb__item{display:flex;align-items:center;gap:4px;}
.mhh-breadcrumb__link{font-size:12px;color:#8892a4;text-decoration:none;transition:color .15s;}
.mhh-breadcrumb__link:hover{color:#39d98a;}
.mhh-breadcrumb__sep{font-size:12px;color:#4a5568;}
.mhh-breadcrumb__current{font-size:12px;color:#c8d6e5;font-weight:600;}

/* ── Pricing section heading ─────────────────────────────── */
.mhh-pricing__heading{font-size:0;margin:0;padding:0;height:0;overflow:hidden;}

/* ── Plan card name — now H3 ─────────────────────────────── */
h3.mhh-price-card__name{font-size:15px;font-weight:700;color:#fff;margin:0 0 14px;font-family:'Poppins',sans-serif;}

/* ── Product page features heading — H2 ──────────────────── */
.mhh-rp-features__heading{font-size:13px;font-weight:700;color:#8892a4;text-transform:uppercase;letter-spacing:1px;margin:0 0 12px;font-family:'Poppins',sans-serif;}

/* ── Footer H4/H5 resets ─────────────────────────────────── */
h4.mh-footer__col-label{font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#39d98a;margin:0 0 16px;padding:0 0 10px;border-bottom:1px solid rgba(57,217,138,.2);font-family:'Poppins',sans-serif;}
h5.mh-footer__support-label{font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#556;margin:16px 0 8px;font-family:'Poppins',sans-serif;}

/* ── About Us — story heading line split ─────────────────── */
.mha-section-h2__line1,
.mha-section-h2__line2{display:block;}
.mha-section-h2__line1{color:#fff;}
.mha-section-h2__line2{color:#39d98a;}

/* ================================================================
   NAV DROPDOWN — .mh-nav__links li with sub-menu
   ================================================================ */
.mh-nav__links{list-style:none;display:flex;align-items:center;gap:4px;margin:0;padding:0;}
.mh-nav__links > li{position:relative;list-style:none;}
.mh-nav__links > li > a{display:block;padding:10px 14px;font-size:14px;font-weight:600;color:#c9d1d9;text-decoration:none;border-radius:6px;white-space:nowrap;transition:color .15s,background .15s;}
.mh-nav__links > li > a:hover{color:#39d98a;background:rgba(57,217,138,.06);}
/* Parent items with sub-menus get a caret */
.mh-nav__links > li.menu-item-has-children > a::after{content:" ▾";font-size:10px;opacity:.6;}
/* Sub-menu */
.mh-nav__links .sub-menu{display:none;position:absolute;top:calc(100% + 8px);left:0;background:#111827;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:8px;min-width:210px;z-index:9999;list-style:none;margin:0;box-shadow:0 16px 40px rgba(0,0,0,.5);}
.mh-nav__links .sub-menu li{list-style:none;}
.mh-nav__links .sub-menu li a{display:block;padding:9px 14px;font-size:13px;font-weight:500;color:#c9d1d9;text-decoration:none;border-radius:6px;white-space:nowrap;transition:color .15s,background .15s;}
.mh-nav__links .sub-menu li a:hover{color:#39d98a;background:rgba(57,217,138,.08);}
/* Show on hover (desktop) */
.mh-nav__links > li:hover > .sub-menu,
.mh-nav__links > li:focus-within > .sub-menu{display:block;}
/* Divider between sub-menu groups */
.mh-nav__links .sub-menu .menu-item:first-child a{border-top:none;}

/* ================================================================
   DOMAIN PAGE (mhd-*)
   ================================================================ */
/* Hero */
.mhd-hero{padding:80px clamp(20px,5vw,80px) 60px;text-align:center;}
.mhd-hero__inner{max-width:820px;margin:0 auto;}
.mhd-section-eyebrow{font-size:11px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:#39d98a;margin-bottom:18px;}
.mhd-section-eyebrow--light{color:#39d98a;}
.mhd-hero__h1{font-size:clamp(32px,5vw,58px);font-weight:800;color:#fff;line-height:1.1;margin:0 0 18px;}
.mhd-hero__sub{font-size:18px;color:#8892a4;line-height:1.75;margin:0 0 40px;max-width:660px;margin-left:auto;margin-right:auto;}
/* Search form */
.mhd-search__wrap{display:flex;gap:0;border-radius:10px;overflow:hidden;box-shadow:0 0 0 2px rgba(57,217,138,.35);max-width:640px;margin:0 auto;}
.mhd-search__input{flex:1;background:#161b27;border:none;padding:18px 22px;font-size:16px;color:#fff;font-family:'Poppins',sans-serif;outline:none;}
.mhd-search__input::placeholder{color:#556;}
.mhd-search__btn{background:#39d98a;color:#0a0f1e;border:none;padding:18px 28px;font-size:15px;font-weight:700;font-family:'Poppins',sans-serif;cursor:pointer;white-space:nowrap;display:flex;align-items:center;gap:8px;transition:background .2s;}
.mhd-search__btn:hover{background:#2ec97a;}
.mhd-search__hint{font-size:13px;color:#556;margin:14px 0 0;display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;}
.mhd-search__hint i{color:#39d98a;}
/* TLD strip */
.mhd-tlds{background:#0d1117;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06);}
.mhd-tlds__inner{max-width:1200px;margin:0 auto;padding:24px clamp(20px,4vw,60px);display:flex;flex-wrap:wrap;gap:0;justify-content:center;}
.mhd-tld{text-align:center;padding:16px 24px;border-right:1px solid rgba(255,255,255,.06);}
.mhd-tld:last-child{border-right:none;}
.mhd-tld--more .mhd-tld__ext{color:#8892a4;}
.mhd-tld__ext{display:block;font-size:16px;font-weight:800;color:#fff;margin-bottom:4px;}
.mhd-tld__price{font-size:12px;color:#39d98a;font-weight:600;}
@media(max-width:640px){.mhd-tld{padding:12px 16px;}.mhd-tld__ext{font-size:14px;}}
/* Features */
.mhd-features{padding:80px clamp(20px,5vw,80px);}
.mhd-features__inner{max-width:1100px;margin:0 auto;text-align:center;}
.mhd-features__h2{font-size:clamp(24px,3vw,36px);font-weight:800;color:#fff;margin:0 0 48px;line-height:1.2;}
.mhd-features__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;text-align:left;}
.mhd-feature{background:#161b27;border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:28px;}
.mhd-feature__icon{font-size:22px;color:#39d98a;margin-bottom:14px;}
.mhd-feature h3{font-size:16px;font-weight:700;color:#fff;margin:0 0 8px;}
.mhd-feature p{font-size:14px;color:#8892a4;margin:0;line-height:1.65;}
@media(max-width:860px){.mhd-features__grid{grid-template-columns:1fr 1fr;}}
@media(max-width:560px){.mhd-features__grid{grid-template-columns:1fr;}}
/* Trust bar */
.mhd-trust{background:#0d1117;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06);}
.mhd-trust__inner{max-width:1000px;margin:0 auto;padding:36px clamp(20px,4vw,60px);display:grid;grid-template-columns:repeat(4,1fr);gap:20px;text-align:center;}
.mhd-trust__num{display:block;font-size:36px;font-weight:800;color:#fff;line-height:1;}
.mhd-trust__num small{font-size:22px;}
.mhd-trust__label{display:block;font-size:12px;color:#8892a4;margin-top:6px;text-transform:uppercase;letter-spacing:.5px;font-weight:500;}
@media(max-width:640px){.mhd-trust__inner{grid-template-columns:repeat(2,1fr);}}
/* CTA */
.mhd-cta{background:linear-gradient(135deg,#0a1628 0%,#0d1f3c 100%);border-top:1px solid rgba(57,217,138,.2);padding:90px clamp(20px,5vw,80px);text-align:center;}
.mhd-cta__inner{max-width:620px;margin:0 auto;}
.mhd-cta__h2{font-size:clamp(26px,3.5vw,40px);font-weight:800;color:#fff;margin:0 0 14px;line-height:1.2;}
.mhd-cta__sub{font-size:17px;color:#8892a4;margin:0 0 32px;line-height:1.6;}
.mhd-cta__btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;}

/* ================================================================
   RESPONSIVE v2 — COMPREHENSIVE BREAKPOINTS
   All sections: nav, hero, domain bar, plans, category, domain pages
   ================================================================ */

/* ── Mobile nav groups (Domains / Security) ───────────────────── */
.mh-nav__mobile-group{border-bottom:1px solid rgba(255,255,255,.05);}
.mh-nav__mobile-label{display:block;padding:12px 22px 4px;font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#39d98a;pointer-events:none;}
.mh-nav__mobile-label i{margin-right:6px;font-size:10px;}
.mh-nav__mobile-group > a{padding-left:36px!important;font-size:13px!important;color:rgba(255,255,255,.5)!important;border-bottom:1px solid rgba(255,255,255,.03)!important;}
.mh-nav__mobile-group > a:last-child{border-bottom:none!important;}
.mh-nav__mobile-group > a:hover{color:#39d98a!important;background:rgba(57,217,138,.04)!important;}
.mh-nav__mobile-portal{display:block;margin:12px 14px;padding:12px 22px!important;background:#39d98a!important;color:#0a0f1e!important;font-weight:700!important;border-radius:8px!important;text-align:center!important;font-size:14px!important;border-bottom:none!important;}
.mh-nav__mobile-portal:hover{background:#2ac97a!important;color:#0a0f1e!important;}

/* ── Switch to hamburger at 1100px (was 768px) ───────────────── */
@media(max-width:1100px){
  .mh-nav__links{display:none!important;}
  .mh-nav__portal{display:none!important;}
  .mh-nav__hamburger{display:flex!important;}
}
/* Keep topbar visible down to 900px */
@media(max-width:900px){
  .mh-topbar{display:none!important;}
}

/* ── Nav inner padding for mid-screens ───────────────────────── */
@media(max-width:1280px){
  .mh-nav__inner{padding:0 clamp(16px,3vw,40px);}
}

/* ── Hero — tablet ───────────────────────────────────────────── */
@media(max-width:900px){
  .mhh-hero{padding:72px 24px 56px;}
  .mhh-hero__h1{font-size:38px;}
  .mhh-hero__sub{font-size:16px;}
}
/* Hero trust row — mobile stack */
@media(max-width:600px){
  .mhh-hero__trust{flex-direction:column;align-items:center;gap:8px;}
}

/* ── Homepage domain bar — tablet ────────────────────────────── */
@media(max-width:860px){
  .mhh-domain-bar{padding:48px 24px 40px;}
  .mhh-domain-bar__label{font-size:22px;}
  .mhh-domain-bar__sublabel{font-size:13px;}
}
/* Domain bar — phone */
@media(max-width:480px){
  .mhh-domain-bar{padding:36px 16px 32px;}
  .mhh-domain-bar__tlds span{font-size:11px;padding:3px 8px;}
  .mhh-domain-bar__links{gap:6px;}
  .mhh-domain-bar__link{font-size:11px;padding:4px 10px;}
}

/* ── Plans grid — stacks already at 900px; add phone tweaks ──── */
@media(max-width:480px){
  .mhh-plans{padding:56px 16px;}
  .mhh-plans__heading{font-size:26px;}
  .mhh-plans__sub{font-size:13px;}
  .mhh-plan-card{padding:24px 20px;}
}

/* ── Why Us — phone ──────────────────────────────────────────── */
@media(max-width:480px){
  .mhh-why{padding:56px 16px;}
  .mhh-why__heading{font-size:26px;}
}

/* ── CTA section — phone ─────────────────────────────────────── */
@media(max-width:640px){
  .mhh-cta{padding:60px 20px;}
  .mhh-cta__heading{font-size:26px;}
  .mhh-cta__sub{font-size:14px;}
}

/* ── Hosting category pages ──────────────────────────────────── */
@media(max-width:640px){
  .mhh-cat-hero{padding:48px 20px 36px;}
  .mhh-cat-hero__h1{font-size:26px;}
  .mhh-cat-hero__sub{font-size:14px;}
  .mhh-cat-grid{padding:40px 16px;}
}

/* ── Product card grid (auto-fill already responsive; phone fix) */
@media(max-width:480px){
  .mhh-products{grid-template-columns:1fr;}
  .mhh-prod-card{padding:22px 18px;}
}

/* ── Reseller product single page ────────────────────────────── */
@media(max-width:640px){
  .mhh-rp-inner{padding:32px 16px;gap:32px;}
  .mhh-rp-breadcrumb{padding:12px 16px;}
  .mhh-rp-back{padding:14px 16px;}
  .mhh-rp-info__title{font-size:24px;}
  .mhh-rp-info__amount{font-size:32px;}
  .mhh-rp-info__trust{grid-template-columns:1fr;}
}

/* ── Individual product page (.mhh-product-page) ─────────────── */
@media(max-width:640px){
  .mhh-product-page{padding:40px 20px;}
  .mhh-product-page__title{font-size:24px;}
  .mhh-product-page__price{font-size:28px;}
  .mhh-product-page__shortcode{padding:20px;}
}

/* ── Support page ────────────────────────────────────────────── */
@media(max-width:640px){
  .mhh-support{padding:56px 20px;}
  .mhh-support__heading{font-size:26px;}
  .mhh-support__sub{font-size:15px;}
}

/* ── Domain pages (mhd-*) ────────────────────────────────────── */
@media(max-width:760px){
  .mhd-hero{padding:60px 20px 44px;}
  .mhd-features{padding:56px 20px;}
  .mhd-cta{padding:60px 20px;}
}
/* Domain search form — stack on small screens */
@media(max-width:520px){
  .mhd-search__wrap{flex-direction:column;border-radius:10px;box-shadow:0 0 0 2px rgba(57,217,138,.35);}
  .mhd-search__input{border-radius:10px 10px 0 0;padding:16px 18px;}
  .mhd-search__btn{border-radius:0 0 10px 10px;justify-content:center;width:100%;padding:16px 18px;}
}

/* ── About Us hero btns — phone ──────────────────────────────── */
@media(max-width:480px){
  .mha-hero__btns{flex-direction:column;align-items:center;}
  .mha-hero__btns a{width:100%;text-align:center;}
  .mha-cta__btns{flex-direction:column;align-items:center;}
  .mha-cta__btns a{width:100%;text-align:center;}
}

/* ── Pricing tabs — phone ────────────────────────────────────── */
@media(max-width:480px){
  .mhh-tabs{padding:4px;}
  .mhh-tab{padding:10px 14px;font-size:12px;}
}

/* ── Trust bar — phone ───────────────────────────────────────── */
@media(max-width:480px){
  .mhh-trust-bar{padding:20px 16px;}
  .mhh-trust-bar__inner{gap:16px;}
  .mhh-trust-bar__item{font-size:12px;}
}

/* ── Footer newsletter — phone ───────────────────────────────── */
@media(max-width:480px){
  .mh-footer__nl-form{flex-direction:column;}
  .mh-footer__nl-btn{width:100%;text-align:center;}
}

/* ── Footer brand column — phone ─────────────────────────────── */
@media(max-width:480px){
  .mh-footer__top{padding:48px 16px 40px;gap:32px;}
  .mh-footer__bottom-inner{padding:14px 16px;}
}

/* ── Breadcrumb — phone ──────────────────────────────────────── */
@media(max-width:480px){
  .mhh-breadcrumb{padding:10px 16px;}
  .mhh-breadcrumb__link,.mhh-breadcrumb__current,.mhh-breadcrumb__sep{font-size:11px;}
}

/* ── Domain bar CTA — tablet collapses to text-center ───────── */
@media(max-width:1024px){
  .mhh-domain-bar__cta{text-align:center;}
  .mhh-domain-bar__cta-btn{display:inline-block;}
}

/* ── Topbar — tablet hide topbar nav, keep badge ────────────── */
@media(max-width:960px){
  .mh-topbar__nav{display:none;}
  .mh-topbar__cta{display:none;}
  .mh-topbar{justify-content:center;}
}

/* ── SSL page horizontal — extra phone revert ────────────────── */
@media(max-width:480px){
  .page-id-92 .mhh-price-card__features{grid-template-columns:1fr!important;}
}

/* ================================================================
   NAV DROPDOWN — DEFINITIVE (overrides all earlier duplicate rules)
   Uses opacity/visibility/transform — no display:none flicker,
   no stutter from mouse crossing the gap.
   ================================================================ */

/* Kill all earlier conflicting display:block triggers */
.mh-nav__links li:hover > .sub-menu,
.mh-nav__links > li:hover > .sub-menu,
.mh-nav__links > li:focus-within > .sub-menu { display: block; }

/* Sub-menu base — hidden state */
.mh-nav__links .sub-menu {
  display: block !important;            /* always in DOM flow */
  position: absolute;
  /* sit at 100% with padding-top as invisible hover bridge — no gap */
  top: 100%;
  left: 0;
  padding-top: 8px;                     /* mouse bridge over the seam */
  min-width: 220px;
  list-style: none;
  margin: 0;
  z-index: 9999;

  /* Hidden state */
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(-6px);
  transition: opacity .18s ease, visibility .18s ease, transform .18s ease;
}

/* Sub-menu inner box (padding-top is the bridge, box starts here) */
.mh-nav__links .sub-menu::before {
  content: '';
  display: block;
  height: 8px;                          /* matches padding-top bridge */
  margin-top: -8px;
  pointer-events: none;
}

/* Sub-menu visible state */
.mh-nav__links > li:hover > .sub-menu,
.mh-nav__links > li:focus-within > .sub-menu {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0);
}

/* Sub-menu box styling */
.mh-nav__links .sub-menu li {
  list-style: none;
}
.mh-nav__links .sub-menu li a {
  display: block;
  padding: 9px 14px;
  font-size: 13px;
  font-weight: 500;
  color: rgba(255,255,255,.65);
  text-decoration: none;
  border-radius: 7px;
  white-space: nowrap;
  background: #0d1421;
  border: 1px solid rgba(255,255,255,.09);
  margin-bottom: 2px;
  transition: color .15s, background .15s;
}
.mh-nav__links .sub-menu li:first-child a { border-radius: 7px 7px 7px 7px; }
.mh-nav__links .sub-menu li:last-child  a { margin-bottom: 0; }
.mh-nav__links .sub-menu li a:hover {
  color: #fff;
  background: rgba(57,217,138,.1);
  border-color: rgba(57,217,138,.25);
}

/* Wrapper box behind all items */
.mh-nav__links > li.menu-item-has-children { position: relative; }

/* Caret on parent items */
.mh-nav__links > li.menu-item-has-children > a::after,
.mh-nav__links > li.menu-item-has-children > span::after {
  content: " ▾";
  font-size: 10px;
  opacity: .55;
  transition: opacity .15s;
}
.mh-nav__links > li.menu-item-has-children:hover > a::after { opacity: 1; }

/* ============================================================
   DOMAIN SEARCH INTERSTITIAL  (.mhh-ds-*)
   ============================================================ */

/* ── Plan confirmation bar ───────────────────────────────── */
.mhh-ds-planbar {
  background: rgba(57,217,138,.1);
  border-bottom: 1px solid rgba(57,217,138,.25);
}
.mhh-ds-planbar__inner {
  max-width: 960px;
  margin: 0 auto;
  padding: 12px 24px;
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
.mhh-ds-planbar__icon {
  color: #39d98a;
  font-weight: 700;
  font-size: 16px;
}
.mhh-ds-planbar__text {
  color: #c9d4e8;
  font-size: 14px;
  flex: 1;
}
.mhh-ds-planbar__text strong { color: #fff; }
.mhh-ds-planbar__change {
  color: #39d98a;
  font-size: 13px;
  text-decoration: none;
  white-space: nowrap;
  opacity: .85;
  transition: opacity .15s;
}
.mhh-ds-planbar__change:hover { opacity: 1; }

/* ── Hero ────────────────────────────────────────────────── */
.mhh-ds-hero {
  background: linear-gradient(135deg,#0a0f1e 0%,#0d1117 100%);
  padding: 72px 24px 48px;
  text-align: center;
  position: relative;
}
.mhh-ds-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse 60% 55% at 50% 0%, rgba(57,217,138,.10) 0%, transparent 70%);
  pointer-events: none;
}
.mhh-ds-hero__inner {
  position: relative;
  max-width: 700px;
  margin: 0 auto;
}
.mhh-ds-hero__step {
  display: inline-block;
  background: rgba(57,217,138,.15);
  border: 1px solid rgba(57,217,138,.3);
  color: #39d98a;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .08em;
  text-transform: uppercase;
  padding: 5px 14px;
  border-radius: 99px;
  margin-bottom: 20px;
}
.mhh-ds-hero__h1 {
  font-size: clamp(28px,5vw,44px);
  font-weight: 800;
  color: #fff;
  margin: 0 0 16px;
  line-height: 1.15;
}
.mhh-ds-hero__sub {
  font-size: 17px;
  color: #94a3b8;
  margin: 0;
  line-height: 1.6;
}
.mhh-ds-hero__sub strong { color: #c9d4e8; }

/* ── Search card ─────────────────────────────────────────── */
.mhh-ds-search {
  background: #0d1117;
  padding: 0 24px 60px;
}
.mhh-ds-search__inner {
  max-width: 800px;
  margin: 0 auto;
  transform: translateY(-32px);
}
.mhh-ds-card {
  background: #161b27;
  border: 1px solid rgba(255,255,255,.07);
  border-radius: 16px;
  padding: 40px;
  box-shadow: 0 20px 60px rgba(0,0,0,.4);
}

/* ── Form ────────────────────────────────────────────────── */
.mhh-ds-form { margin: 0; }
.mhh-ds-form__field { margin-bottom: 20px; }
.mhh-ds-form__input-wrap {
  display: flex;
  align-items: center;
  background: #0d1117;
  border: 1.5px solid rgba(255,255,255,.12);
  border-radius: 10px;
  overflow: hidden;
  transition: border-color .2s;
}
.mhh-ds-form__input-wrap:focus-within {
  border-color: #39d98a;
  box-shadow: 0 0 0 3px rgba(57,217,138,.12);
}
.mhh-ds-form__icon {
  color: #39d98a;
  font-size: 16px;
  padding: 0 16px;
  flex-shrink: 0;
}
.mhh-ds-form__input {
  flex: 1;
  background: transparent;
  border: none;
  outline: none;
  color: #fff;
  font-size: 17px;
  font-family: 'Poppins', sans-serif;
  padding: 18px 0;
  min-width: 0;
}
.mhh-ds-form__input::placeholder { color: #4a5568; }
.mhh-ds-form__btn {
  background: #39d98a;
  color: #0d1117;
  border: none;
  font-family: 'Poppins', sans-serif;
  font-size: 15px;
  font-weight: 700;
  padding: 0 28px;
  height: 60px;
  cursor: pointer;
  white-space: nowrap;
  flex-shrink: 0;
  transition: background .18s;
  display: flex;
  align-items: center;
  gap: 8px;
}
.mhh-ds-form__btn:hover { background: #2ac97a; }

/* ── TLD pills ───────────────────────────────────────────── */
.mhh-ds-tlds {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 32px;
}
.mhh-ds-tlds span {
  font-size: 13px;
  font-weight: 600;
  padding: 5px 12px;
  border-radius: 99px;
  cursor: default;
}

/* ── How it works strip ──────────────────────────────────── */
.mhh-ds-how {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding-top: 24px;
  border-top: 1px solid rgba(255,255,255,.07);
  flex-wrap: wrap;
}
.mhh-ds-how__step {
  display: flex;
  align-items: center;
  gap: 10px;
}
.mhh-ds-how__num {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: rgba(57,217,138,.15);
  border: 1px solid rgba(57,217,138,.3);
  color: #39d98a;
  font-size: 13px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.mhh-ds-how__label {
  font-size: 13px;
  color: #94a3b8;
}
.mhh-ds-how__sep {
  color: rgba(255,255,255,.2);
  font-size: 12px;
}

/* ── Trust row ───────────────────────────────────────────── */
.mhh-ds-trust {
  background: #0d1117;
  border-top: 1px solid rgba(255,255,255,.06);
  padding: 48px 24px;
}
.mhh-ds-trust__inner {
  max-width: 960px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap: 32px;
}
.mhh-ds-trust__item {
  display: flex;
  align-items: flex-start;
  gap: 14px;
}
.mhh-ds-trust__item > i {
  font-size: 22px;
  color: #39d98a;
  margin-top: 2px;
  flex-shrink: 0;
}
.mhh-ds-trust__item > div {
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.mhh-ds-trust__item strong {
  font-size: 14px;
  color: #fff;
  font-weight: 600;
}
.mhh-ds-trust__item span {
  font-size: 13px;
  color: #64748b;
}

/* ── Skip (in-card) ──────────────────────────────────────── */
.mhh-ds-skip-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  flex-wrap: wrap;
  padding-top: 20px;
  border-top: 1px solid rgba(255,255,255,.06);
  margin-top: 20px;
}
.mhh-ds-skip-wrap__label {
  font-size: 13px;
  color: #4a5568;
}
.mhh-ds-skip-btn {
  background: transparent;
  border: 1px solid rgba(255,255,255,.12);
  color: #94a3b8;
  font-family: 'Poppins', sans-serif;
  font-size: 13px;
  padding: 8px 16px;
  border-radius: 6px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  transition: border-color .15s, color .15s;
}
.mhh-ds-skip-btn:hover {
  border-color: rgba(255,255,255,.3);
  color: #c9d4e8;
}

/* ── Responsive ──────────────────────────────────────────── */
@media (max-width: 768px) {
  .mhh-ds-trust__inner { grid-template-columns: 1fr 1fr; gap: 24px; }
  .mhh-ds-card { padding: 24px 20px; }
  .mhh-ds-form__btn { padding: 0 18px; font-size: 13px; }
}
@media (max-width: 500px) {
  .mhh-ds-trust__inner { grid-template-columns: 1fr; }
  .mhh-ds-form__input-wrap { flex-wrap: wrap; border-radius: 10px; }
  .mhh-ds-form__input { width: 100%; padding: 16px 16px; }
  .mhh-ds-form__btn { width: 100%; justify-content: center; height: 52px; border-radius: 0 0 8px 8px; }
  .mhh-ds-form__icon { display: none; }
  .mhh-ds-planbar__inner { flex-direction: column; align-items: flex-start; gap: 6px; }
  .mhh-ds-how { flex-direction: column; }
  .mhh-ds-how__sep { display: none; }
}

/* ── FAQ Section ─────────────────────────────────────────── */
.mhh-faq {
  background: #0d1117;
  padding: 96px 0 100px;
}
.mhh-faq__inner {
  max-width: 780px;
  margin: 0 auto;
  padding: 0 24px;
  text-align: center;
}
.mhh-faq__eyebrow {
  display: inline-block;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: #39d98a;
  background: rgba(57,217,138,.1);
  border: 1px solid rgba(57,217,138,.25);
  border-radius: 40px;
  padding: 6px 18px;
  margin: 0 0 20px;
}
.mhh-faq__heading {
  font-size: 32px;
  font-weight: 800;
  letter-spacing: -0.5px;
  color: #fff;
  margin: 0 0 48px;
  text-align: center;
}
.mhh-faq__list {
  display: flex;
  flex-direction: column;
  gap: 0;
  border-top: 1px solid #1e2533;
  text-align: left;
}
.mhh-faq__item {
  border-bottom: 1px solid #1e2533;
}
.mhh-faq__q {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 22px 4px;
  font-size: 16px;
  font-weight: 600;
  color: #e8edf5;
  cursor: pointer;
  list-style: none;
  user-select: none;
  transition: color .15s;
}
.mhh-faq__q::-webkit-details-marker { display: none; }
.mhh-faq__q::after {
  content: '+';
  flex-shrink: 0;
  font-size: 22px;
  font-weight: 300;
  color: #39d98a;
  transition: transform .2s;
  line-height: 1;
}
.mhh-faq__item[open] .mhh-faq__q { color: #fff; }
.mhh-faq__item[open] .mhh-faq__q::after {
  transform: rotate(45deg);
}
.mhh-faq__a {
  padding: 0 4px 22px;
}
.mhh-faq__a p {
  font-size: 15px;
  line-height: 1.75;
  color: rgba(255,255,255,.55);
  margin: 0;
}
.mhh-faq__a a {
  color: #39d98a;
  text-decoration: underline;
}
@media (max-width: 768px) {
  .mhh-faq { padding: 64px 0 72px; }
  .mhh-faq__heading { font-size: 26px; margin-bottom: 36px; }
  .mhh-faq__q { font-size: 15px; padding: 18px 4px; }
}

/* ================================================================
   DOMAIN PAGE — rstore widget dark theme + spacing fixes
   ================================================================ */

/* ── Search wrapper (rstore shortcode context) ──────────────── */
.mhd-search--rstore {
  max-width: 680px;
  margin: 0 auto;
}
.mhd-search--rstore .widget,
.mhd-search--rstore .rstore-domain-search,
.mhd-search--rstore .form-container,
.mhd-search--rstore .rstore_domain_placeholder {
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  box-shadow: none !important;
}

/* Search bar — unified pill look */
.mhd-search--rstore .search-form {
  display: flex !important;
  align-items: stretch !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  box-shadow: 0 0 0 2px rgba(57,217,138,.35) !important;
  background: transparent !important;
  margin: 0 !important;
}
.mhd-search--rstore .search-field,
.mhd-search--rstore input[type="text"],
.mhd-search--rstore input[type="search"] {
  flex: 1 !important;
  background: #0d1117 !important;
  border: none !important;
  color: #fff !important;
  padding: 18px 22px !important;
  font-size: 16px !important;
  font-family: 'Poppins', sans-serif !important;
  outline: none !important;
  border-radius: 0 !important;
  min-height: 58px !important;
}
.mhd-search--rstore .search-field::placeholder {
  color: #4a5568 !important;
}
.mhd-search--rstore .search-submit,
.mhd-search--rstore .rstore-domain-search-button {
  background: #39d98a !important;
  color: #0a0f1e !important;
  border: none !important;
  padding: 18px 28px !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  font-family: 'Poppins', sans-serif !important;
  cursor: pointer !important;
  white-space: nowrap !important;
  border-radius: 0 !important;
  min-height: 58px !important;
  transition: background .2s !important;
}
.mhd-search--rstore .search-submit:hover,
.mhd-search--rstore .rstore-domain-search-button:hover {
  background: #2ec97a !important;
}

/* Domain results widget */
.mhd-search--rstore .rstore-domain-results {
  background: #161b27 !important;
  border: 1px solid rgba(57,217,138,.18) !important;
  border-radius: 12px !important;
  margin-top: 14px !important;
  overflow: hidden !important;
  padding: 0 !important;
}
.mhd-search--rstore .rstore-domain-results table {
  width: 100% !important;
  border-collapse: collapse !important;
  background: transparent !important;
}
.mhd-search--rstore .rstore-domain-results tr {
  border-bottom: 1px solid rgba(255,255,255,.06) !important;
  background: transparent !important;
}
.mhd-search--rstore .rstore-domain-results tr:last-child {
  border-bottom: none !important;
}
.mhd-search--rstore .rstore-domain-results td,
.mhd-search--rstore .rstore-domain-results th {
  color: #e8edf5 !important;
  padding: 14px 20px !important;
  background: transparent !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 15px !important;
}
.mhd-search--rstore .rstore-domain-results .rstore-price,
.mhd-search--rstore .rstore-domain-results .price,
.mhd-search--rstore .rstore-domain-results td strong {
  color: #39d98a !important;
  font-weight: 700 !important;
}

/* Select buttons in results */
.mhd-search--rstore .rstore-domain-results button,
.mhd-search--rstore .rstore-domain-results .btn,
.mhd-search--rstore .rstore-domain-results input[type="submit"],
.mhd-search--rstore .rstore-domain-results a.button {
  background: #39d98a !important;
  color: #0a0f1e !important;
  border: none !important;
  border-radius: 6px !important;
  padding: 8px 18px !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  font-family: 'Poppins', sans-serif !important;
  cursor: pointer !important;
  transition: background .2s !important;
}
.mhd-search--rstore .rstore-domain-results button:hover,
.mhd-search--rstore .rstore-domain-results .btn:hover {
  background: #2ec97a !important;
}

/* "Congrats, domain is available" bar */
.mhd-search--rstore .domain-available-header,
.mhd-search--rstore .rstore-domain-available,
.mhd-search--rstore .domain-message,
.mhd-search--rstore .available-header {
  background: rgba(57,217,138,.08) !important;
  border: 1px solid rgba(57,217,138,.25) !important;
  border-radius: 10px !important;
  padding: 14px 20px !important;
  margin: 14px 0 0 !important;
  color: #e8edf5 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  flex-wrap: wrap !important;
}
.mhd-search--rstore .domain-available-header strong,
.mhd-search--rstore .available-header strong {
  color: #39d98a !important;
}

/* "Continue to cart" button */
.mhd-search--rstore .rstore-domain-continue-button,
.mhd-search--rstore button.continue-button,
.mhd-search--rstore .continue-form button {
  background: #39d98a !important;
  color: #0a0f1e !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 10px 22px !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  font-family: 'Poppins', sans-serif !important;
  cursor: pointer !important;
  transition: background .2s !important;
  white-space: nowrap !important;
}
.mhd-search--rstore .rstore-domain-continue-button:hover {
  background: #2ec97a !important;
}

/* Disclaimer/footnote text under results */
.mhd-search--rstore .rstore-domain-results ~ small,
.mhd-search--rstore .rstore-footnote,
.mhd-search--rstore .domain-footnote {
  color: #4a5568 !important;
  font-size: 12px !important;
  text-align: center !important;
  margin-top: 10px !important;
  display: block !important;
}

/* Hint row spacing */
.mhd-search__hint {
  margin-top: 16px !important;
  color: #6b7a94 !important;
}

/* ── Spacing improvements ──────────────────────────────────── */
.mhd-hero { padding: 90px clamp(20px,5vw,80px) 70px; }
.mhd-hero__sub { margin-bottom: 36px; }
.mhd-tlds { padding: 0; }
.mhd-tlds__inner { padding: 20px clamp(20px,4vw,60px); }
.mhd-features { padding: 90px clamp(20px,5vw,80px); }
.mhd-features__h2 { margin-bottom: 44px; }
.mhd-trust__inner { padding: 40px clamp(20px,4vw,60px); gap: 32px; }
.mhd-cta { padding: 96px clamp(20px,5vw,80px); }

@media (max-width: 760px) {
  .mhd-hero { padding: 64px 20px 52px; }
  .mhd-features { padding: 60px 20px; }
  .mhd-cta { padding: 64px 20px; }
  .mhd-trust__inner { gap: 16px; }
  .mhd-search--rstore .search-submit { padding: 18px 20px !important; }
}

/* ================================================================
   RSTORE DOMAIN SEARCH — Results & Continue button styling
   Fixes misaligned "Continue to cart" + unstyled result rows
   ================================================================ */

/* Override the generic form flex rule — continue-form is standalone */
.mhh-domain-bar form.continue-form {
  display: block !important;
  width: auto !important;
  height: auto !important;
  margin-top: 14px;
}

/* "Continue to cart" button — full-radius standalone CTA */
.mhh-domain-bar .rstore-domain-continue-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #39d98a !important;
  color: #0a0f1e !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  padding: 14px 32px !important;
  border-radius: 8px !important;
  border: none !important;
  cursor: pointer !important;
  width: auto !important;
  height: auto !important;
  white-space: nowrap !important;
  transition: background .15s !important;
  letter-spacing: -.1px;
}
.mhh-domain-bar .rstore-domain-continue-button:hover {
  background: #2ac97a !important;
}

/* Results container — space above */
.mhh-domain-bar .result-content {
  margin-top: 18px;
}

/* "Congrats, domain.com is available!" */
.mhh-domain-bar .result-content .available {
  font-size: 15px;
  font-weight: 700;
  color: #39d98a;
  margin: 0 0 10px;
  padding: 0;
}

/* Results list wrappers */
.mhh-domain-bar .rstore-exact-domain-list,
.mhh-domain-bar .rstore-domain-list {
  background: #0d1421;
  border: 1px solid rgba(57,217,138,.18);
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 8px;
}

/* Each domain row */
.mhh-domain-bar .domain-result {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 13px 18px !important;
  border-bottom: 1px solid rgba(255,255,255,.055) !important;
  gap: 12px;
  flex-wrap: nowrap;
}
.mhh-domain-bar .domain-result:last-child {
  border-bottom: none !important;
}

/* Domain name */
.mhh-domain-bar .domain-result .domain-name {
  color: #e2e8f0 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  flex: 1 !important;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* "Restrictions apply" sub-text */
.mhh-domain-bar .domain-result .domain-name small,
.mhh-domain-bar .domain-result span.restrictions {
  display: block;
  font-size: 11px;
  font-weight: 400;
  color: #4a5568;
}

/* Price */
.mhh-domain-bar .domain-result .rstore-price,
.mhh-domain-bar .domain-result .rstore-message {
  color: #8892a4 !important;
  font-size: 14px !important;
  white-space: nowrap !important;
  flex-shrink: 0;
}

/* Select / Selected buttons */
.mhh-domain-bar .rstore-domain-buy-button {
  background: transparent !important;
  border: 1px solid rgba(57,217,138,.45) !important;
  color: #39d98a !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  padding: 8px 16px !important;
  border-radius: 6px !important;
  cursor: pointer !important;
  white-space: nowrap !important;
  transition: background .15s, color .15s !important;
  width: auto !important;
  height: auto !important;
  flex-shrink: 0;
}
.mhh-domain-bar .rstore-domain-buy-button:hover {
  background: rgba(57,217,138,.1) !important;
}
.mhh-domain-bar .rstore-domain-buy-button.selected {
  background: #39d98a !important;
  color: #0a0f1e !important;
  border-color: #39d98a !important;
}

/* Disclaimer */
.mhh-domain-bar .rstore-disclaimer {
  margin-top: 10px;
}
.mhh-domain-bar .rstore-disclaimer pre {
  white-space: normal !important;
  font-family: inherit !important;
  font-size: 11px !important;
  color: #4a5568 !important;
  margin: 0 !important;
  line-height: 1.5 !important;
  background: none !important;
  border: none !important;
  padding: 0 !important;
}

/* Responsive — wrap rows on narrow screens */
@media (max-width: 640px) {
  .mhh-domain-bar .domain-result {
    flex-wrap: wrap !important;
    gap: 8px !important;
    padding: 12px 14px !important;
  }
  .mhh-domain-bar .domain-result .domain-name {
    width: 100%;
    white-space: normal !important;
  }
  .mhh-domain-bar .rstore-domain-continue-button {
    width: 100% !important;
    justify-content: center !important;
  }
}