/* ===========================================================
   HD Trading — homepage styles
   Brand: Royal Blue #4169E1 · navy darks · off-white surfaces
   =========================================================== */

:root{
  --blue:#4169E1;
  --blue-d:#2f54c9;
  --blue-tint:#eef2ff;
  --bg:#F8FAFC;
  --line:#E5E7EB;
  --slate:#374151;
  --ink:#111827;
  --navy:#0F172A;
  --navy-2:#0B1220;
  --green:#1FA855;
  --green-d:#188446;
  --amber:#F5A623;
  --shadow-card:0 1px 2px rgba(15,23,42,.06), 0 8px 24px -12px rgba(15,23,42,.18);
}

.hdex-home *{box-sizing:border-box;}
html{scroll-behavior:smooth;}
.hdex-home{
  margin:0;
  font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
  color:var(--ink);
  background:var(--bg);
  line-height:1.5;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
.hdex-home img{max-width:100%;display:block;}
.hdex-home h1,.hdex-home h2,.hdex-home h3,.hdex-home h4,.hdex-home p{margin:0;}
.hdex-home a{color:inherit;}

.hdex-container{max-width:1200px;margin:0 auto;padding:0 24px;}

/* ---------- Buttons ---------- */
.hdex-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  font-family:inherit;font-size:15px;font-weight:600;line-height:1;
  padding:11px 18px;border-radius:10px;border:1px solid transparent;
  text-decoration:none;cursor:pointer;white-space:nowrap;
  transition:background .18s,border-color .18s,transform .12s,box-shadow .18s,color .18s;
}
.hdex-btn:active{transform:translateY(1px);}
.hdex-btn-lg{padding:14px 24px;font-size:16px;border-radius:12px;}
.hdex-btn-primary{background:var(--blue);color:#fff;box-shadow:0 8px 20px -8px rgba(65,105,225,.6);}
.hdex-btn-primary:hover{background:var(--blue-d);}
.hdex-btn-wa{background:var(--green);color:#fff;box-shadow:0 8px 20px -8px rgba(31,168,85,.55);}
.hdex-btn-wa:hover{background:var(--green-d);}
.hdex-btn-ghost{background:rgba(255,255,255,.06);color:#fff;border-color:rgba(255,255,255,.28);}
.hdex-btn-ghost:hover{background:rgba(255,255,255,.14);}
.hdex-btn-outline{background:#fff;color:var(--ink);border-color:var(--line);}
.hdex-btn-outline:hover{border-color:var(--blue);color:var(--blue);}
.hdex-btn-dark{background:var(--navy);color:#fff;}
.hdex-btn-dark:hover{background:#1b2740;}

/* ---------- Header ---------- */
.hdex-header{
  position:fixed;top:0;left:0;right:0;z-index:50;
  padding:16px 0;transition:background .25s,box-shadow .25s,padding .25s;
  border-bottom:1px solid transparent;
}
.hdex-header.is-scrolled{
  background:rgba(11,18,32,.9);backdrop-filter:blur(12px);
  border-bottom-color:rgba(255,255,255,.08);padding:11px 0;
}
.hdex-header-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;}
.hdex-brand{display:flex;align-items:center;gap:11px;text-decoration:none;}
.hdex-brand-logo{height:30px;width:auto;}
.hdex-brand-text{color:#fff;font-size:17px;letter-spacing:.14em;font-weight:500;}
.hdex-brand-text b{font-weight:800;}
.hdex-nav{display:flex;align-items:center;gap:30px;}
.hdex-nav-link{
  color:rgba(255,255,255,.82);font-size:15px;font-weight:500;text-decoration:none;
  position:relative;padding:4px 0;transition:color .18s;white-space:nowrap;
}
.hdex-nav-link::after{
  content:"";position:absolute;left:0;right:100%;bottom:-2px;height:2px;
  background:var(--blue);transition:right .22s;
}
.hdex-nav-link:hover{color:#fff;}
.hdex-nav-link:hover::after{right:0;}
.hdex-header-cta{display:flex;align-items:center;gap:12px;}
.hdex-burger{display:none;background:none;border:none;color:#fff;cursor:pointer;padding:4px;}
.hdex-mobile-menu{
  display:none;flex-direction:column;gap:4px;overflow:hidden;max-height:0;
  background:rgba(11,18,32,.98);backdrop-filter:blur(12px);
  transition:max-height .3s ease;
}
.hdex-mobile-menu.is-open{max-height:420px;padding:10px 0 18px;}
.hdex-mobile-link{
  color:rgba(255,255,255,.85);text-decoration:none;font-size:17px;font-weight:500;
  padding:13px 24px;border-bottom:1px solid rgba(255,255,255,.06);
}
.hdex-mobile-link:active{background:rgba(255,255,255,.05);}
.hdex-mobile-wa{margin:14px 24px 0;justify-content:center;}

/* ---------- Hero ---------- */
.hdex-hero{
  position:relative;overflow:hidden;color:#fff;
  background:linear-gradient(180deg,#0B1220 0%, #0F1B33 55%, #0F172A 100%);
  padding:0;
}
.hdex-hero-bg{position:absolute;inset:0;width:100%;height:100%;z-index:0;object-fit:cover;}
.hdex-hero-scrim{
  position:absolute;inset:0;z-index:1;pointer-events:none;
  background:
    linear-gradient(96deg, rgba(11,18,32,.94) 0%, rgba(11,18,32,.80) 27%, rgba(11,18,32,.42) 55%, rgba(11,18,32,.12) 82%, rgba(11,18,32,0) 100%),
    linear-gradient(180deg, rgba(11,18,32,.58) 0%, rgba(11,18,32,0) 26%, rgba(11,18,32,0) 60%, rgba(11,18,32,.50) 100%);
}
.hdex-hero-glow{
  position:absolute;right:-120px;top:120px;width:520px;height:520px;border-radius:50%;
  background:radial-gradient(circle, rgba(65,105,225,.25), transparent 65%);
  filter:blur(20px);pointer-events:none;
}
.hdex-hero-inner{
  position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;
  min-height:clamp(560px,76vh,760px);padding:140px 0 104px;
}
.hdex-hero-copy{max-width:640px;}
.hdex-eyebrow{
  display:inline-flex;align-items:center;gap:9px;text-transform:uppercase;
  letter-spacing:.16em;font-size:12.5px;font-weight:700;color:#9db4e8;
}
.hdex-eyebrow-center{justify-content:center;}
.hdex-dot{width:7px;height:7px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 4px rgba(65,105,225,.25);}
.hdex-hero-title{
  font-size:clamp(40px,6vw,66px);line-height:1.03;font-weight:800;
  letter-spacing:-.025em;margin:18px 0 0;
}
.hdex-accent{color:#7d9bf2;}
.hdex-hero-sub{
  color:rgba(255,255,255,.72);font-size:18px;line-height:1.62;
  max-width:540px;margin:20px 0 0;
}
.hdex-hero-actions{display:flex;gap:14px;margin-top:32px;flex-wrap:wrap;}
.hdex-hero-media{position:relative;}
.hdex-hero-slot{
  width:100%;height:clamp(290px,38vw,440px);display:block;
  box-shadow:0 30px 70px -30px rgba(0,0,0,.7);border:1px solid rgba(255,255,255,.1);
  border-radius:18px;background:rgba(255,255,255,.06);
}
.hdex-hero-badge{
  position:absolute;right:34px;bottom:138px;z-index:4;display:inline-flex;align-items:center;gap:7px;
  background:#fff;color:var(--navy);font-size:13px;font-weight:700;
  padding:8px 14px;border-radius:999px;box-shadow:0 10px 24px -10px rgba(0,0,0,.5);
}
.hdex-hero-badge svg{color:var(--green);}

/* ---------- Search card ---------- */
.hdex-search-card{
  position:relative;z-index:5;margin-top:-50px;margin-bottom:8px;
  background:#fff;border:1px solid var(--line);border-radius:16px;
  padding:20px 22px;box-shadow:0 24px 60px -24px rgba(15,23,42,.4);
}
.hdex-search-head{display:flex;align-items:center;gap:8px;color:var(--slate);font-weight:700;font-size:14px;margin-bottom:14px;}
.hdex-search-head svg{color:var(--blue);}
.hdex-search-fields{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:14px;align-items:end;}
.hdex-field{display:flex;flex-direction:column;gap:6px;}
.hdex-field-label{font-size:12px;font-weight:700;color:var(--slate);text-transform:uppercase;letter-spacing:.07em;}
.hdex-select-wrap{position:relative;}
.hdex-select{
  width:100%;appearance:none;-webkit-appearance:none;
  padding:12px 38px 12px 14px;border:1px solid var(--line);border-radius:10px;
  font-family:inherit;font-size:15px;color:var(--ink);background:#fff;cursor:pointer;
  transition:border-color .18s,box-shadow .18s;
}
.hdex-select:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px rgba(65,105,225,.16);}
.hdex-select-caret{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--slate);pointer-events:none;}
.hdex-search-btn{height:46px;}
.hdex-search-count{margin-left:4px;background:rgba(255,255,255,.25);border-radius:999px;padding:2px 9px;font-size:13px;font-weight:800;}

/* ---------- Trust strip ---------- */
.hdex-trust{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
.hdex-trust-inner{display:grid;grid-template-columns:repeat(4,1fr);}
.hdex-trust-item{display:flex;align-items:center;gap:14px;padding:26px 28px;}
.hdex-trust-item + .hdex-trust-item{border-left:1px solid var(--line);}
.hdex-trust-ico{flex:none;width:46px;height:46px;border-radius:12px;background:var(--blue-tint);color:var(--blue);display:flex;align-items:center;justify-content:center;}
.hdex-trust-big{font-weight:800;font-size:18px;color:var(--ink);}
.hdex-trust-small{font-size:13px;color:var(--slate);}

/* ---------- Section scaffolding ---------- */
.hdex-section{padding:84px 0;}
.hdex-section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:28px;margin-bottom:42px;}
.hdex-section-head.hdex-center{flex-direction:column;align-items:center;text-align:center;}
.hdex-kicker{text-transform:uppercase;letter-spacing:.15em;font-size:13px;font-weight:700;color:var(--blue);margin-bottom:11px;}
.hdex-kicker-light{color:#9db4e8;}
.hdex-section-title{font-size:clamp(28px,3.4vw,40px);font-weight:800;letter-spacing:-.02em;color:var(--ink);line-height:1.1;}
.hdex-section-title.hdex-on-dark{color:#fff;}
.hdex-section-lead{color:var(--slate);font-size:17px;line-height:1.6;max-width:440px;}
.hdex-section-lead.hdex-narrow{max-width:620px;}
.hdex-center .hdex-section-lead{margin-left:auto;margin-right:auto;}
.hdex-on-dark-sub{color:rgba(255,255,255,.7);}
.hdex-clear{background:none;border:none;color:var(--blue);font-weight:700;font-size:inherit;cursor:pointer;font-family:inherit;padding:0;text-decoration:underline;}

/* ---------- Stock grid ---------- */
.hdex-stock{background:var(--bg);}
.hdex-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(288px,1fr));gap:26px;}
.hdex-card{
  display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);
  border-radius:16px;overflow:hidden;box-shadow:var(--shadow-card);
  transition:transform .2s,box-shadow .2s,border-color .2s;
}
.hdex-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px -20px rgba(15,23,42,.32);border-color:#d6dbe3;}
.hdex-card-media{position:relative;aspect-ratio:16/10;background:#eef1f6;overflow:hidden;}
.hdex-card-slot{position:absolute;inset:0;width:100%;height:100%;}
.hdex-card-tag{
  position:absolute;top:12px;left:12px;z-index:2;display:inline-flex;align-items:center;gap:5px;
  background:rgba(31,168,85,.96);color:#fff;font-size:12px;font-weight:700;
  padding:5px 10px;border-radius:999px;box-shadow:0 6px 16px -6px rgba(0,0,0,.4);
}
.hdex-card-color{
  position:absolute;top:12px;right:12px;z-index:2;background:rgba(15,23,42,.66);
  color:#fff;backdrop-filter:blur(4px);font-size:12px;font-weight:600;
  padding:5px 10px;border-radius:999px;
}
.hdex-card-body{padding:18px;display:flex;flex-direction:column;gap:14px;flex:1;}
.hdex-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;}
.hdex-card-title{font-size:18px;font-weight:700;color:var(--ink);line-height:1.25;}
.hdex-card-year{flex:none;font-size:13px;font-weight:700;color:var(--slate);background:var(--bg);border:1px solid var(--line);padding:3px 9px;border-radius:8px;}
.hdex-card-chips{display:flex;flex-wrap:wrap;gap:8px;}
.hdex-chip{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;font-weight:500;color:var(--slate);background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:5px 9px;white-space:nowrap;}
.hdex-chip svg{color:var(--blue);flex:none;}
.hdex-card-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:14px;border-top:1px solid var(--line);}
.hdex-price{display:flex;flex-direction:column;}
.hdex-price-label{font-weight:800;font-size:16px;color:var(--ink);}
.hdex-price-sub{font-size:12px;color:var(--slate);}
.hdex-card-cta{padding:10px 16px;font-size:14px;}

.hdex-empty{text-align:center;padding:56px 24px;color:var(--slate);display:flex;flex-direction:column;align-items:center;gap:14px;border:1px dashed var(--line);border-radius:16px;background:#fff;}
.hdex-empty svg{color:var(--blue);}

.hdex-source-note{
  margin-top:30px;background:#fff;border:1px solid var(--line);border-radius:14px;
  padding:20px 24px;display:flex;align-items:center;gap:18px;flex-wrap:wrap;
}
.hdex-source-note > svg:first-child{flex:none;width:46px;height:46px;padding:11px;border-radius:12px;background:var(--blue-tint);color:var(--blue);}
.hdex-source-note > div{flex:1;min-width:240px;}
.hdex-source-note strong{display:block;color:var(--ink);font-size:16px;margin-bottom:3px;}
.hdex-source-note span{font-size:14.5px;color:var(--slate);}

/* ---------- Why HD ---------- */
.hdex-why{background:#fff;}
.hdex-why-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(232px,1fr));gap:24px;}
.hdex-why-item{padding:28px 24px;border:1px solid var(--line);border-radius:16px;background:var(--bg);transition:transform .2s,box-shadow .2s;}
.hdex-why-item:hover{transform:translateY(-3px);box-shadow:0 18px 36px -22px rgba(15,23,42,.3);}
.hdex-why-ico{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff;background:linear-gradient(135deg,var(--blue),#2f54c9);box-shadow:0 10px 22px -10px rgba(65,105,225,.6);}
.hdex-why-title{font-size:17px;font-weight:700;color:var(--ink);margin:18px 0 8px;}
.hdex-why-body{font-size:14.5px;color:var(--slate);line-height:1.6;}

/* ---------- How it works (dark) ---------- */
.hdex-how{position:relative;color:#fff;background:linear-gradient(180deg,#0F172A,#0B1220);}
.hdex-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;}
.hdex-step{padding-top:18px;border-top:2px solid rgba(125,155,242,.35);}
.hdex-step-num{font-size:42px;font-weight:800;letter-spacing:-.02em;line-height:1;color:#7d9bf2;margin-bottom:14px;}
.hdex-step-title{font-size:18px;font-weight:700;color:#fff;margin-bottom:8px;}
.hdex-step-body{font-size:14.5px;color:rgba(255,255,255,.66);line-height:1.6;}

/* ---------- Shipping ---------- */
.hdex-shipping{background:var(--bg);}
.hdex-ship-banner{position:relative;margin:0 0 46px;border-radius:18px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow-card);}
.hdex-ship-banner img{width:100%;height:clamp(220px,33vw,400px);object-fit:cover;display:block;}
.hdex-ship-banner::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,18,32,0) 38%,rgba(11,18,32,.66));pointer-events:none;}
.hdex-ship-cap{position:absolute;left:18px;bottom:16px;z-index:2;display:inline-flex;align-items:center;gap:8px;color:#fff;font-size:14px;font-weight:600;background:rgba(11,18,32,.45);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.14);padding:8px 14px;border-radius:999px;}
.hdex-ship-cap svg{color:#9db4e8;flex:none;}
.hdex-region-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(232px,1fr));gap:20px;}
.hdex-region{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px;transition:transform .2s,box-shadow .2s,border-color .2s;}
.hdex-region:hover{transform:translateY(-3px);box-shadow:0 18px 36px -22px rgba(15,23,42,.3);border-color:#d6dbe3;}
.hdex-region-top{display:flex;align-items:center;gap:12px;margin-bottom:14px;}
.hdex-region-ico{flex:none;width:40px;height:40px;border-radius:10px;background:var(--blue-tint);color:var(--blue);display:flex;align-items:center;justify-content:center;}
.hdex-region-name{font-size:18px;font-weight:700;color:var(--ink);}
.hdex-region-places{font-size:14px;color:var(--slate);line-height:1.5;margin-bottom:16px;}
.hdex-region-time{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--blue);background:var(--blue-tint);padding:6px 12px;border-radius:999px;white-space:nowrap;}

/* ---------- Testimonials ---------- */
.hdex-testi{background:#fff;}
.hdex-rating{display:flex;flex-direction:column;align-items:center;gap:9px;margin-bottom:6px;}
.hdex-stars{display:flex;gap:3px;}
.hdex-star{color:var(--amber);}
.hdex-rating-text{font-size:14px;color:var(--slate);}
.hdex-rating-text strong{color:var(--ink);font-size:16px;}
.hdex-testi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-top:36px;}
.hdex-quote{margin:0;background:var(--bg);border:1px solid var(--line);border-radius:16px;padding:26px;display:flex;flex-direction:column;gap:14px;}
.hdex-quote-stars{display:flex;gap:2px;}
.hdex-quote-text{font-size:16px;line-height:1.65;color:var(--ink);margin:0;flex:1;}
.hdex-quote-by{display:flex;flex-direction:column;}
.hdex-quote-name{font-weight:700;color:var(--ink);}
.hdex-quote-role{font-size:13px;color:var(--slate);}

/* ---------- FAQ ---------- */
.hdex-faq{background:var(--bg);}
.hdex-faq-inner{display:grid;grid-template-columns:.85fr 1.15fr;gap:48px;align-items:start;}
.hdex-faq-aside .hdex-btn{margin-top:22px;}
.hdex-faq-list{display:flex;flex-direction:column;gap:12px;}
.hdex-faq-item{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;transition:border-color .2s,box-shadow .2s;}
.hdex-faq-item.is-open{border-color:#c9d4f5;box-shadow:0 14px 30px -22px rgba(65,105,225,.5);}
.hdex-faq-q{width:100%;text-align:left;background:none;border:none;font-family:inherit;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;font-size:16px;font-weight:600;color:var(--ink);cursor:pointer;}
.hdex-faq-caret{flex:none;color:var(--slate);transition:transform .25s,color .2s;}
.hdex-faq-item.is-open .hdex-faq-caret{transform:rotate(180deg);color:var(--blue);}
.hdex-faq-a{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease;padding:0 20px;}
.hdex-faq-item.is-open .hdex-faq-a{max-height:260px;padding-bottom:18px;}
.hdex-faq-a p{margin:0;color:var(--slate);font-size:15px;line-height:1.62;}

/* ---------- Final CTA ---------- */
.hdex-cta{position:relative;overflow:hidden;color:#fff;text-align:center;padding:96px 0;
  background:radial-gradient(900px 420px at 50% -10%, rgba(65,105,225,.35), transparent 60%),linear-gradient(180deg,#0F172A,#0B1220);}
.hdex-cta-glow{position:absolute;left:50%;top:-60px;transform:translateX(-50%);width:600px;height:380px;background:radial-gradient(circle,rgba(65,105,225,.28),transparent 65%);filter:blur(10px);pointer-events:none;z-index:1;}
.hdex-cta-bg{position:absolute;inset:0;z-index:0;background-size:cover;background-position:center 62%;}
.hdex-cta-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,18,32,.80),rgba(11,18,32,.93));}
.hdex-cta-inner{position:relative;z-index:2;}
.hdex-cta-title{font-size:clamp(30px,4vw,48px);font-weight:800;letter-spacing:-.025em;margin:16px 0 0;}
.hdex-cta-sub{color:rgba(255,255,255,.72);font-size:18px;line-height:1.6;max-width:600px;margin:18px auto 30px;}
.hdex-cta-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;}

/* ---------- Footer ---------- */
.hdex-footer{background:#0B1220;color:rgba(255,255,255,.75);padding:64px 0 0;}
.hdex-footer-inner{display:grid;grid-template-columns:2fr 1fr 1.4fr 1fr;gap:40px;}
.hdex-footer-logo{height:34px;width:auto;margin-bottom:16px;}
.hdex-footer-blurb{font-size:14.5px;line-height:1.6;color:rgba(255,255,255,.6);max-width:380px;}
.hdex-footer-since{display:inline-flex;align-items:center;gap:8px;margin-top:16px;font-size:13px;font-weight:600;color:#9db4e8;}
.hdex-footer-h{color:#fff;font-size:13px;text-transform:uppercase;letter-spacing:.1em;margin:0 0 16px;font-weight:700;}
.hdex-footer-link{display:block;color:rgba(255,255,255,.7);text-decoration:none;font-size:14.5px;padding:6px 0;transition:color .18s;}
.hdex-footer-link:hover{color:#fff;}
.hdex-footer-contact{display:flex;align-items:center;gap:9px;color:rgba(255,255,255,.72);text-decoration:none;font-size:14.5px;padding:6px 0;transition:color .18s;}
.hdex-footer-contact svg{color:#9db4e8;flex:none;}
.hdex-footer-contact:hover{color:#fff;}
.hdex-footer-muted{color:rgba(255,255,255,.5);}
.hdex-social{display:flex;gap:10px;}
.hdex-social-link{width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.08);color:#fff;display:flex;align-items:center;justify-content:center;text-decoration:none;font-weight:700;font-size:15px;transition:background .18s;}
.hdex-social-link:hover{background:var(--blue);}
.hdex-footer-note{font-size:13px;color:rgba(255,255,255,.5);margin-top:14px;}
.hdex-footer-bar{border-top:1px solid rgba(255,255,255,.08);margin-top:48px;padding:22px 0;}
.hdex-footer-bar-inner{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:13px;color:rgba(255,255,255,.5);}

/* ---------- Floating WhatsApp ---------- */
.hdex-fab{
  position:fixed;right:22px;bottom:22px;z-index:60;width:58px;height:58px;border-radius:50%;
  background:var(--green);color:#fff;display:flex;align-items:center;justify-content:center;
  box-shadow:0 12px 30px -6px rgba(31,168,85,.6);transition:transform .2s,background .2s;
}
.hdex-fab:hover{transform:scale(1.06);background:var(--green-d);}

/* ---------- Responsive ---------- */
@media (max-width:980px){
  .hdex-nav{display:none;}
  .hdex-burger{display:flex;}
  .hdex-mobile-menu{display:flex;}
  .hdex-hero-inner{min-height:clamp(480px,70vh,640px);padding:118px 0 88px;}
  .hdex-hero-scrim{
    background:
      linear-gradient(100deg, rgba(11,18,32,.92) 0%, rgba(11,18,32,.74) 40%, rgba(11,18,32,.45) 75%, rgba(11,18,32,.30) 100%),
      linear-gradient(180deg, rgba(11,18,32,.55) 0%, rgba(11,18,32,0) 30%, rgba(11,18,32,.55) 100%);
  }
  .hdex-trust-inner{grid-template-columns:repeat(2,1fr);}
  .hdex-trust-item:nth-child(3){border-left:none;}
  .hdex-trust-item{border-top:1px solid var(--line);}
  .hdex-trust-item:nth-child(-n+2){border-top:none;}
  .hdex-steps{grid-template-columns:repeat(2,1fr);gap:28px 26px;}
  .hdex-faq-inner{grid-template-columns:1fr;gap:30px;}
  .hdex-footer-inner{grid-template-columns:1fr 1fr;gap:34px;}
  .hdex-section-head{flex-direction:column;align-items:flex-start;}
  .hdex-section-head.hdex-center{align-items:center;}
}
@media (max-width:620px){
  .hdex-container{padding:0 18px;}
  .hdex-section{padding:58px 0;}
  .hdex-header-cta .hdex-btn-wa{display:none;}
  .hdex-search-fields{grid-template-columns:1fr;}
  .hdex-search-btn{width:100%;}
  .hdex-hero-actions{flex-direction:column;align-items:stretch;}
  .hdex-hero-actions .hdex-btn{justify-content:center;}
  .hdex-hero-badge{display:none;}
  .hdex-cta-actions{flex-direction:column;align-items:stretch;}
  .hdex-cta-actions .hdex-btn{justify-content:center;}
  .hdex-trust-inner{grid-template-columns:1fr;}
  .hdex-trust-item{border-left:none;border-top:1px solid var(--line);}
  .hdex-trust-item:first-child{border-top:none;}
  .hdex-steps{grid-template-columns:1fr;}
  .hdex-footer-inner{grid-template-columns:1fr;}
  .hdex-source-note{flex-direction:column;align-items:flex-start;}
  .hdex-source-note .hdex-btn{width:100%;}
}


/* ====================================================================
   v5 ADAPTATIONS — make native Elementor widgets adopt the design look,
   restyle the reusable [hd_search_bar], and tidy section spacing.
   ==================================================================== */

/* Elementor wraps each section in .elementor-element; strip default gaps so
   our full-bleed sections sit flush. */
.hdex-home .elementor-widget:not(:last-child){margin-bottom:0;}
.hdex-home .elementor-widget-wrap{align-content:flex-start;}

/* Native Heading widget -> section titles / hero title */
.hdex-home .hdex-hero-title .elementor-heading-title{font:inherit;}
.hdex-home .elementor-widget-heading .elementor-heading-title{color:inherit;}

/* Native Button widget -> design buttons. Elementor renders a.elementor-button;
   our colour classes live on the widget wrapper via _css_classes, so target the
   anchor inside a wrapper that carries the colour class. */
.hdex-home .elementor-widget-button .elementor-button{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  font-family:inherit;font-size:15px;font-weight:600;line-height:1;
  padding:11px 18px;border-radius:10px;border:1px solid transparent;
  text-decoration:none;cursor:pointer;white-space:nowrap;transition:background .18s,border-color .18s,transform .12s,box-shadow .18s,color .18s;
}
.hdex-home .elementor-widget-button .elementor-button:active{transform:translateY(1px);}
.hdex-home .hdex-btn-lg .elementor-button{padding:14px 24px;font-size:16px;border-radius:12px;}
.hdex-home .hdex-btn-primary .elementor-button{background:var(--blue);color:#fff;box-shadow:0 8px 20px -8px rgba(65,105,225,.6);}
.hdex-home .hdex-btn-primary .elementor-button:hover{background:var(--blue-d);color:#fff;}
.hdex-home .hdex-btn-wa .elementor-button{background:var(--green);color:#fff;box-shadow:0 8px 20px -8px rgba(31,168,85,.55);}
.hdex-home .hdex-btn-wa .elementor-button:hover{background:var(--green-d);color:#fff;}
.hdex-home .hdex-btn-ghost .elementor-button{background:rgba(255,255,255,.06);color:#fff;border-color:rgba(255,255,255,.28);}
.hdex-home .hdex-btn-ghost .elementor-button:hover{background:rgba(255,255,255,.14);color:#fff;}
.hdex-home .elementor-widget-button .elementor-button .elementor-button-icon svg{width:1.1em;height:1.1em;}

/* Native Accordion widget -> FAQ look (scoped by the widget's CSS class) */
.hdex-faq-acc .elementor-accordion .elementor-accordion-item{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;margin-bottom:12px;}
.hdex-faq-acc .elementor-accordion .elementor-tab-title{border:none;padding:18px 20px;font-size:16px;font-weight:600;color:var(--ink);font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;}
.hdex-faq-acc .elementor-accordion .elementor-tab-title.elementor-active{color:var(--blue);}
.hdex-faq-acc .elementor-accordion .elementor-tab-content{padding:0 20px 18px;color:var(--slate);font-size:15px;line-height:1.62;border:none;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;}
.hdex-faq-acc .elementor-accordion .elementor-tab-title .elementor-accordion-icon{color:var(--slate);}

/* ---------- [hd_search_bar] restyled as the white search card ---------- */
.hdex-home .hdex-search-shell{position:relative;z-index:5;margin-top:-50px;}
.hd-sb{
  background:#fff;border:1px solid var(--line);border-radius:16px;
  padding:20px 22px;box-shadow:0 24px 60px -24px rgba(15,23,42,.4);
  display:grid;grid-template-columns:repeat(5,minmax(0,1fr)) auto;gap:14px;align-items:end;
}
.hd-sb-label{grid-column:1/-1;display:flex;align-items:center;gap:10px;color:var(--slate);font-weight:700;font-size:14px;margin-bottom:2px;}
.hd-sb-title{display:inline-flex;align-items:center;gap:8px;}
.hd-sb-count{margin-left:auto;font-weight:600;color:var(--blue);background:var(--blue-tint);border-radius:999px;padding:3px 12px;font-size:12.5px;}
.hd-sb-field{display:flex;flex-direction:column;gap:6px;min-width:0;}
.hd-sb-field label{font-size:12px;font-weight:700;color:var(--slate);text-transform:uppercase;letter-spacing:.07em;}
.hd-sb-field select,.hd-sb-field input{
  width:100%;appearance:none;-webkit-appearance:none;
  padding:12px 14px;border:1px solid var(--line);border-radius:10px;
  font-family:inherit;font-size:15px;color:var(--ink);background:#fff;cursor:pointer;
  transition:border-color .18s,box-shadow .18s;
}
.hd-sb-field select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23374151' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:38px;}
.hd-sb-field select:focus,.hd-sb-field input:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px rgba(65,105,225,.16);}
.hd-sb-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;height:46px;
  padding:0 22px;border:none;border-radius:10px;background:var(--blue);color:#fff;
  font-family:inherit;font-size:15px;font-weight:600;cursor:pointer;white-space:nowrap;
  box-shadow:0 8px 20px -8px rgba(65,105,225,.6);transition:background .18s,transform .12s;
}
.hd-sb-btn:hover{background:var(--blue-d);}
.hd-sb-btn:active{transform:translateY(1px);}
@media (max-width:880px){ .hd-sb{grid-template-columns:1fr 1fr;} .hd-sb-btn{grid-column:1/-1;width:100%;} }
@media (max-width:620px){ .hd-sb{grid-template-columns:1fr;} }

/* ---------- width caps / overlap for the shortcode + native sections ----------
   Scoped by widget-level classes (section-level _css_classes don't render here). */
.hdex-search-wrap{max-width:1200px;margin:-52px auto 0;padding:0 24px;position:relative;z-index:5;}
.hdex-stock-grid{max-width:1200px;margin:0 auto;padding:0 24px;}
.hdex-faq-aside-col{padding-right:24px;}
@media (max-width:980px){ .hdex-faq-aside-col{padding-right:0;} }

/* Safety (the .hdex-home base resets don't apply without the wrapper) */
[class^="hdex-"],[class*=" hdex-"]{box-sizing:border-box;}
.hdex-hero,.hdex-section,.hdex-trust,.hdex-stock,.hdex-cta,.hdex-shipping,.hdex-testi,.hdex-why,.hdex-how,.hdex-grid,.hd-sb,.hdex-faq-acc{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;}

/* ====================================================================
   S9 (2026-06-21): hero banner carousel, Recently-Sold marquee,
   stock-card WhatsApp+Facebook button pair.
   ==================================================================== */

/* ---- Hero swipeable slider (4 slides, each its own heading, auto-advance + dots) ---- */
.hdex-hero{position:relative;overflow:hidden;}
.hdex-hero-slider{display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;}
.hdex-hero-slider::-webkit-scrollbar{display:none;height:0;}
.hdex-hslide{position:relative;flex:0 0 100%;min-width:100%;scroll-snap-align:start;display:flex;align-items:center;overflow:hidden;}
.hdex-hslide-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 45%;z-index:0;}
.hdex-hslide .hdex-hero-scrim{z-index:1;}
.hdex-hslide .hdex-hero-inner{position:relative;z-index:2;width:100%;}
.hdex-hero-dots{position:absolute;left:0;right:0;bottom:18px;z-index:6;display:flex;gap:8px;justify-content:center;}
.hdex-hero-dot{width:9px;height:9px;border-radius:999px;background:rgba(255,255,255,.5);border:none;padding:0;cursor:pointer;transition:width .25s ease,background .25s ease;}
.hdex-hero-dot.is-active{background:#fff;width:26px;}

/* ---- Recently-Sold swipeable carousel (per-card links, arrows + auto-advance) ---- */
.hdex-sold{padding:60px 0 68px;background:#F8FAFC;}
.hdex-sold .hdex-section-head{align-items:flex-end;}
.hdex-sold-more{align-self:center;white-space:nowrap;}
.hdex-sold-viewport{position:relative;margin-top:30px;}
.hdex-sold-track{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;padding:4px 24px 10px;scrollbar-width:none;}
.hdex-sold-track::-webkit-scrollbar{display:none;height:0;}
.hdex-sold-card{position:relative;flex:0 0 300px;scroll-snap-align:start;border-radius:16px;overflow:hidden;
  border:1px solid var(--line);box-shadow:0 10px 26px -16px rgba(15,23,42,.5);background:#0F172A;text-decoration:none;}
.hdex-sold-card img{width:100%;height:200px;object-fit:cover;object-position:center 58%;display:block;transition:transform .5s ease;}
.hdex-sold-card:hover img{transform:scale(1.05);}
.hdex-sold-ribbon{position:absolute;top:12px;left:12px;background:#DC2626;color:#fff;font-size:11px;font-weight:800;
  letter-spacing:.08em;padding:5px 12px;border-radius:999px;text-transform:uppercase;}
.hdex-sold-name{position:absolute;left:0;right:0;bottom:0;padding:28px 14px 12px;color:#fff;font-weight:700;font-size:14px;
  line-height:1.3;background:linear-gradient(transparent,rgba(15,23,42,.92));}
.hdex-sold-nav{position:absolute;top:calc(50% - 5px);transform:translateY(-50%);z-index:5;width:42px;height:42px;border:none;border-radius:50%;
  background:#fff;color:#0F172A;box-shadow:0 8px 22px -8px rgba(15,23,42,.55);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;}
.hdex-sold-nav:hover{background:#F0F4FF;}
.hdex-sold-prev{left:6px;} .hdex-sold-next{right:6px;}
@media (max-width:700px){
  .hdex-sold{padding:44px 0 50px;}
  .hdex-sold-card{flex:0 0 230px;} .hdex-sold-card img{height:150px;}
  .hdex-sold-nav{display:none;}
  .hdex-sold .hdex-section-head{flex-direction:column;align-items:flex-start;gap:14px;}
  .hdex-sold-more{align-self:flex-start;}
}

/* ---- Stock-card WhatsApp + Facebook button pair ---- */
.hdex-card-slot{object-fit:cover;object-position:center 58%;}
.hdex-card-foot{flex-direction:column;align-items:stretch;gap:12px;}
.hdex-card-ctas{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
.hdex-card-ctas .hdex-card-cta{width:100%;padding:10px 6px;font-size:13px;gap:6px;}
.hdex-btn-fb{background:#1877F2;color:#fff;box-shadow:0 8px 20px -8px rgba(24,119,242,.55);}
.hdex-btn-fb:hover{background:#0C5AD1;color:#fff;}
.hdex-btn-fb svg{flex-shrink:0;}

/* ====================================================================
   2026-06-29: Auto Auction Holder logo wall + homepage stock grid 2-up
   on mobile (matches the /cars/ archive).
   ==================================================================== */

/* ---- Auto Auction Holder (logos of the Korean auctions we buy from) ---- */
.hdex-auction{background:#fff;}
.hdex-auction .hdex-section-head{margin-bottom:32px;}
.hdex-auction-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;max-width:1040px;margin:0 auto;}
.hdex-auction-card{display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid var(--line);
  border-radius:14px;padding:22px 18px;min-height:104px;box-shadow:0 10px 24px -20px rgba(15,23,42,.55);
  transition:box-shadow .2s ease,transform .2s ease;}
.hdex-auction-card:hover{box-shadow:0 16px 32px -18px rgba(15,23,42,.5);transform:translateY(-3px);}
.hdex-auction-card img{max-width:100%;max-height:52px;width:auto;height:auto;object-fit:contain;}
@media (max-width:900px){ .hdex-auction-grid{grid-template-columns:repeat(3,1fr);} }
@media (max-width:560px){
  .hdex-auction-grid{grid-template-columns:repeat(2,1fr);gap:12px;}
  .hdex-auction-card{min-height:82px;padding:16px 12px;}
  .hdex-auction-card img{max-height:42px;}
}

/* ---- Homepage "Ready to export now": 2 cars per row on phones ---- */
@media (max-width:600px){
  .hdex-grid{grid-template-columns:1fr 1fr;gap:12px;}
  .hdex-stock-grid{padding:0 14px;}
  .hdex-grid .hdex-card-ctas{grid-template-columns:1fr;}      /* stack WhatsApp/Facebook so they fit a half-width card */
  .hdex-grid .hdex-card-body{padding:14px 13px;}
}
@media (max-width:380px){
  .hdex-grid{gap:9px;}
  .hdex-grid .hdex-card-cta{padding:10px 4px;font-size:12.5px;}
}

/* ---- Shipping "We deliver to 25+ countries" service boxes — premium polish (s11b) ---- */
.hdex-shipping .hdex-region{padding:26px 24px;}
.hdex-shipping .hdex-region:hover{border-color:#bcd0ff;box-shadow:0 22px 44px -24px rgba(15,23,42,.34);}
.hdex-region-ico{width:48px;height:48px;border-radius:13px;background:linear-gradient(135deg,var(--blue),var(--blue-d));color:#fff;box-shadow:0 12px 22px -10px rgba(65,105,225,.7);}
.hdex-region-top{gap:14px;margin-bottom:16px;}
.hdex-region-name{font-size:18.5px;letter-spacing:-.2px;}
.hdex-region-places{min-height:63px;}
.hdex-region-time{background:var(--blue-tint);color:var(--blue-d);font-weight:700;}
.hdex-region-grid{gap:22px;}
@media (min-width:980px){ .hdex-region-grid{grid-template-columns:repeat(4,1fr);} }

/* ---- s12: live match-count badge in the search "Find Cars" button ---- */
.hd-sb-btn{gap:8px;}
.hd-sb-btn-num{background:#fff;color:var(--blue-d,#2749b8);border-radius:999px;padding:2px 10px;font-size:13px;font-weight:800;line-height:1.5;}
.hd-sb-btn-num.is-zero{background:#FEE2E2;color:#B91C1C;}

/* ---- s12: Price-Inquiry button + chooser popup (mobile stock cards) ---- */
.hdex-btn-inq{background:linear-gradient(135deg,var(--blue,#4169E1),var(--blue-d,#2749b8));color:#fff;}
.hdex-btn-inq:hover{filter:brightness(1.07);color:#fff;}
.hdex-card-inq{display:none;}
.hdex-inq{position:fixed;inset:0;z-index:9999;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;}
.hdex-inq[hidden]{display:none;}
.hdex-inq-back{position:absolute;inset:0;background:rgba(15,23,42,.58);}
.hdex-inq-sheet{position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:100%;max-width:430px;background:#fff;border-radius:20px 20px 0 0;padding:24px 20px calc(22px + env(safe-area-inset-bottom));box-shadow:0 -18px 50px rgba(15,23,42,.35);display:flex;flex-direction:column;gap:11px;animation:hdexInqUp .22s ease;}
@media (min-width:601px){.hdex-inq-sheet{bottom:auto;top:50%;transform:translate(-50%,-50%);border-radius:20px;padding-bottom:24px;}}
@keyframes hdexInqUp{from{opacity:.4;margin-bottom:-30px;}to{opacity:1;margin-bottom:0;}}
.hdex-inq-x{position:absolute;top:10px;right:12px;width:34px;height:34px;border:0;border-radius:50%;background:#F1F5F9;color:#475569;font-size:20px;line-height:1;cursor:pointer;}
.hdex-inq-t{font-size:18px;font-weight:800;color:#0F172A;letter-spacing:-.2px;padding-right:36px;}
.hdex-inq-car{font-size:13.5px;color:#64748B;margin:-4px 0 6px;}
.hdex-inq-sheet .hdex-btn{width:100%;justify-content:center;padding:13px 10px;font-size:14.5px;gap:8px;}

/* ---- s12c: Year · km · Fuel spec line above the price (replaces the old chips row) ---- */
.hdex-card-specs{font-size:13px;font-weight:600;color:#64748B;letter-spacing:.1px;margin:-4px 0 10px;}

/* ---- s12: compact mobile stock cards (client: too tall on phones) ---- */
@media (max-width:600px){
  .hdex-grid .hdex-card-specs{font-size:11px;margin:-2px 0 8px;}
  .hdex-grid .hdex-card-title{font-size:13.5px;line-height:1.32;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
  .hdex-grid .hdex-card-head{margin-bottom:8px;gap:6px;}
  .hdex-grid .hdex-card-year{font-size:10.5px;padding:3px 7px;}
  .hdex-grid .hdex-card-tag{font-size:10px;padding:4px 8px;}
  .hdex-grid .hdex-card-color{font-size:10px;padding:3px 8px;}
  .hdex-grid .hdex-card-body{padding:11px 11px 12px;}
  .hdex-grid .hdex-card-foot{gap:8px;margin-top:2px;}
  .hdex-grid .hdex-price-label{font-size:15px;}
  .hdex-grid .hdex-price-sub{font-size:10.5px;}
  .hdex-grid .hdex-card-ctas .hdex-btn-wa,
  .hdex-grid .hdex-card-ctas .hdex-btn-fb{display:none;}       /* one Price-Inquiry button instead */
  .hdex-grid .hdex-card-inq{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 6px;font-size:12.5px;font-weight:700;border:0;border-radius:10px;cursor:pointer;width:100%;}
}