/* ═══════════════════════════════════════════════════════
     RESET & BASE
  ══════════════════════════════════════════════════════ */
  *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
  :root {
    --navy:      #0B1F3A;
    --navy-dark: #060F1E;
    --cyan:      #00B4D8;
    --white:     #FFFFFF;
    --light:     #F4F6F9;
    --text:      #1A1A2E;
    --green:     #06D6A0;
    --border:    #E0E0E0;
    --muted:     #6B7280;
    --font-head: 'Space Grotesk', sans-serif;
    --font-body: 'Inter', sans-serif;
    --radius:    4px;
  }
  html { scroll-behavior: smooth; }
  body { font-family: var(--font-body); color: var(--text); background: var(--white); line-height: 1.6; font-size: 16px; }
  img  { max-width: 100%; height: auto; display: block; }
  a    { text-decoration: none; color: inherit; }
  svg  { display: block; }
  .container { width: 100%; max-width: 1200px; margin: 0 auto; padding: 0 24px; }

  /* ═══════════════════════════════════════════════════════
     ANNOUNCEMENT BAR
  ══════════════════════════════════════════════════════ */
  #announcement-bar {
    background: var(--navy); color: var(--white);
    font-size: 13px; font-weight: 500; letter-spacing: .02em;
    overflow: hidden; white-space: nowrap; padding: 9px 0;
  }
  .marquee-track { display: inline-flex; animation: marquee 30s linear infinite; }
  .marquee-track span { padding: 0 64px; flex-shrink: 0; }
  @keyframes marquee { 0%{ transform:translateX(0) } 100%{ transform:translateX(-50%) } }
  @media(min-width:768px){
    #announcement-bar { text-align:center; }
    .marquee-track { animation:none; }
    .marquee-track span:not(:first-child) { display:none; }
  }

  /* ═══════════════════════════════════════════════════════
     HEADER
  ══════════════════════════════════════════════════════ */
  #main-header {
    position: sticky; top: 0; z-index: 900;
    background: var(--navy);
    transition: background .3s, box-shadow .3s;
    border-bottom: 1px solid rgba(255,255,255,.08);
  }
  #main-header.scrolled { background:#fff; box-shadow:0 2px 20px rgba(0,0,0,.12); }
  #main-header.scrolled .nav-logo-text { color:var(--navy); }
  #main-header.scrolled .logo-box { background:var(--navy); }
  #main-header.scrolled .nav-link { color:var(--navy); }
  #main-header.scrolled .nav-link:hover { color:var(--cyan); }

  .header-inner {
    display: flex; align-items:center; justify-content:space-between;
    padding: 15px 24px; max-width:1200px; margin:0 auto; gap:20px;
  }
  .nav-logo { display:flex; align-items:center; gap:10px; flex-shrink:0; }
  .logo-box {
    width:36px; height:36px; background:var(--cyan);
    border-radius:var(--radius);
    display:flex; align-items:center; justify-content:center;
    font-family:var(--font-head); font-weight:800; font-size:20px; color:#fff;
  }
  .nav-logo-text { font-family:var(--font-head); font-weight:800; font-size:22px; color:#fff; transition:color .3s; }
  .nav-links { display:none; list-style:none; gap:32px; }
  .nav-link { font-weight:500; font-size:14px; color:rgba(255,255,255,.85); transition:color .2s; }
  .nav-link:hover { color:var(--cyan); }
  @media(min-width:900px){ .nav-links{ display:flex; } }

  .btn-header {
    display:inline-flex; align-items:center; gap:6px;
    background:var(--cyan); color:#fff;
    font-weight:600; font-size:13px; letter-spacing:.06em; text-transform:uppercase;
    padding:10px 22px; border-radius:var(--radius);
    border:none; cursor:pointer; white-space:nowrap; flex-shrink:0;
    transition:background .2s, transform .15s;
  }
  .btn-header:hover { background:#0099bb; transform:translateY(-1px); }

  /* ═══════════════════════════════════════════════════════
     HERO
  ══════════════════════════════════════════════════════ */
  #hero { background:var(--navy); padding:72px 0 64px; position:relative; overflow:hidden; }
  #hero::before {
    content:''; position:absolute; top:-100px; right:-100px;
    width:500px; height:500px;
    background:radial-gradient(circle,rgba(0,180,216,.14) 0%,transparent 70%);
    pointer-events:none;
  }
  .hero-grid { display:grid; grid-template-columns:1fr; gap:48px; align-items:center; }
  @media(min-width:900px){ .hero-grid{ grid-template-columns:60fr 40fr; gap:64px; } }

  .hero-eyebrow {
    font-size:11px; font-weight:600; letter-spacing:.18em; text-transform:uppercase;
    color:var(--cyan); margin-bottom:18px; display:flex; align-items:center; gap:8px;
  }
  .hero-eyebrow::before { content:''; display:inline-block; width:32px; height:2px; background:var(--cyan); }
  .hero-h1 {
    font-family:var(--font-head); font-size:clamp(34px,5vw,56px); font-weight:800;
    color:#fff; line-height:1.1; letter-spacing:-.02em; margin-bottom:20px;
  }
  .hero-desc { font-size:16px; color:rgba(255,255,255,.72); max-width:480px; margin-bottom:36px; line-height:1.7; }

  .hero-stats { display:flex; flex-direction:column; gap:14px; margin-bottom:36px; }
  @media(min-width:600px){ .hero-stats{ flex-direction:row; gap:24px; } }
  .hero-stat { display:flex; align-items:center; gap:10px; color:rgba(255,255,255,.85); font-size:14px; font-weight:500; }
  .hero-stat-icon {
    width:36px; height:36px; background:rgba(0,180,216,.15);
    border:1px solid rgba(0,180,216,.3); border-radius:var(--radius);
    display:flex; align-items:center; justify-content:center; flex-shrink:0;
  }
  .hero-stat-icon svg { width:18px; height:18px; stroke:var(--cyan); fill:none; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }

  .btn-primary {
    display:block; width:100%; background:var(--cyan); color:#fff;
    font-family:var(--font-head); font-weight:700; font-size:16px;
    letter-spacing:.06em; text-transform:uppercase; text-align:center;
    padding:18px 32px; border-radius:var(--radius);
    border:none; cursor:pointer;
    transition:background .2s, transform .15s, box-shadow .2s;
    box-shadow:0 4px 24px rgba(0,180,216,.3);
  }
  .btn-primary:hover { background:#0099bb; transform:translateY(-2px); box-shadow:0 8px 32px rgba(0,180,216,.4); }
  .hero-cta-note { text-align:center; font-size:12px; color:rgba(255,255,255,.5); margin-top:12px; }

  /* Hero image panel */
  .hero-image-wrap {
    position:relative; background:rgba(0,180,216,.06);
    border:1px solid rgba(0,180,216,.2); border-radius:var(--radius);
    padding:32px; display:flex; align-items:center; justify-content:center;
    min-height:320px; overflow:visible;
  }
  .hero-image-wrap::before {
    content:''; position:absolute; inset:0;
    background:radial-gradient(ellipse at 50% 80%,rgba(0,180,216,.18) 0%,transparent 70%);
    border-radius:inherit; pointer-events:none;
  }
  .badge-float {
    position:absolute; bottom:-14px; left:50%; transform:translateX(-50%);
    background:var(--green); color:#fff;
    font-size:11px; font-weight:700; letter-spacing:.06em; text-transform:uppercase;
    padding:7px 16px; border-radius:var(--radius); white-space:nowrap;
    box-shadow:0 4px 16px rgba(6,214,160,.35); z-index:2;
  }

  /* ═══════════════════════════════════════════════════════
     TRUST BAR (no stars / reviews)
  ══════════════════════════════════════════════════════ */
  #trust-bar { background:#0D2444; border-top:1px solid rgba(255,255,255,.07); border-bottom:1px solid rgba(255,255,255,.07); padding:32px 0; }
  .trust-grid { display:grid; grid-template-columns:1fr 1fr; gap:24px; }
  @media(min-width:768px){ .trust-grid{ grid-template-columns:repeat(3,1fr); } }
  .trust-item { display:flex; flex-direction:column; align-items:center; text-align:center; gap:8px; }
  .trust-icon svg { width:28px; height:28px; stroke:var(--cyan); fill:none; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }
  .trust-value { font-family:var(--font-head); font-size:20px; font-weight:700; color:#fff; }
  .trust-label { font-size:12px; color:rgba(255,255,255,.55); }

  /* ═══════════════════════════════════════════════════════
     SECTIONS shared
  ══════════════════════════════════════════════════════ */
  section { padding:80px 0; }
  .section-label { font-size:11px; font-weight:600; letter-spacing:.18em; text-transform:uppercase; color:var(--cyan); margin-bottom:12px; }
  h2 { font-family:var(--font-head); font-size:clamp(28px,4vw,42px); font-weight:800; color:var(--navy); line-height:1.15; letter-spacing:-.02em; }
  .section-divider { width:48px; height:3px; background:var(--cyan); margin:18px 0 32px; }

  /* ═══════════════════════════════════════════════════════
     PROBLEEM
  ══════════════════════════════════════════════════════ */
  #probleem { background:#fff; }
  .problem-stats { display:grid; grid-template-columns:1fr; gap:24px; margin-bottom:56px; }
  @media(min-width:600px){ .problem-stats{ grid-template-columns:repeat(3,1fr); } }
  .problem-stat-card { padding:28px 24px; border:1px solid var(--border); border-radius:var(--radius); border-top:3px solid var(--cyan); }
  .problem-stat-number { font-family:var(--font-head); font-size:44px; font-weight:800; color:var(--navy); letter-spacing:-.03em; line-height:1; margin-bottom:10px; }
  .problem-stat-number span { color:var(--cyan); }
  .problem-stat-desc { font-size:14px; color:var(--muted); line-height:1.55; }
  .problem-bottom { display:grid; grid-template-columns:1fr; gap:40px; align-items:center; }
  @media(min-width:768px){ .problem-bottom{ grid-template-columns:1fr 1fr; } }
  .problem-list { list-style:none; }
  .problem-list li { padding:14px 0; border-bottom:1px solid var(--border); font-size:15px; display:flex; align-items:center; gap:12px; }
  .problem-list li::before { content:'·'; font-size:24px; color:var(--cyan); line-height:1; flex-shrink:0; }
  .problem-list li:first-child { border-top:1px solid var(--border); }
  .problem-image-box { border-radius:var(--radius); overflow:hidden; border:1px solid var(--border); }

  /* ═══════════════════════════════════════════════════════
     WERKING
  ══════════════════════════════════════════════════════ */
  #werking { background:var(--light); }
  .werking-header { margin-bottom:48px; text-align:center; }
  .werking-header .section-divider { margin:18px auto 0; }
  .steps-row { display:flex; flex-direction:column; gap:24px; }
  @media(min-width:768px){ .steps-row{ flex-direction:row; align-items:flex-start; } }
  .step-card { background:#fff; border:1px solid var(--border); border-radius:var(--radius); padding:32px 28px; flex:1; }
  .step-number { font-family:var(--font-head); font-size:11px; font-weight:700; letter-spacing:.12em; color:var(--cyan); margin-bottom:16px; }
  .step-title { font-family:var(--font-head); font-size:18px; font-weight:700; color:var(--navy); margin-bottom:12px; }
  .step-text { font-size:14px; color:var(--muted); line-height:1.65; }
  .step-arrow { display:none; }
  @media(min-width:768px){ .step-arrow{ display:flex; align-items:center; color:var(--cyan); font-size:22px; padding-top:40px; flex-shrink:0; } }

  /* ═══════════════════════════════════════════════════════
     SPECIFICATIES
  ══════════════════════════════════════════════════════ */
  #specificaties { background:#fff; }
  .specs-grid { display:grid; grid-template-columns:1fr; gap:48px; align-items:start; }
  @media(min-width:768px){ .specs-grid{ grid-template-columns:1fr 1fr; } }
  .specs-table { width:100%; border-collapse:collapse; }
  .specs-table tr { border-bottom:1px solid var(--border); }
  .specs-table tr:first-child { border-top:1px solid var(--border); }
  .specs-table td { padding:14px 0; font-size:14px; vertical-align:top; line-height:1.5; }
  .specs-table td:first-child { font-weight:600; color:var(--navy); width:44%; padding-right:16px; }
  .specs-table td:last-child { color:var(--muted); }
  .specs-image-box { border-radius:var(--radius); overflow:hidden; border:1px solid var(--border); }

  /* ═══════════════════════════════════════════════════════
     VERGELIJKING
  ══════════════════════════════════════════════════════ */
  #vergelijking { background:var(--light); }
  .compare-wrap { overflow-x:auto; -webkit-overflow-scrolling:touch; }
  .compare-table { width:100%; min-width:540px; border-collapse:collapse; font-size:14px; }
  .compare-table th,.compare-table td { padding:14px 20px; text-align:center; border-bottom:1px solid var(--border); }
  .compare-table td:first-child,.compare-table th:first-child { text-align:left; font-weight:500; color:var(--navy); }
  .compare-table tbody tr:hover { background:rgba(0,0,0,.015); }
  .col-flexaro { background:rgba(0,180,216,.06); }
  .th-flexaro { background:var(--cyan); color:#fff; font-family:var(--font-head); font-weight:700; font-size:13px; letter-spacing:.06em; text-transform:uppercase; }
  .th-other { font-family:var(--font-head); font-weight:600; color:var(--navy); background:#fff; font-size:13px; }
  .check-yes  { color:var(--green); font-size:18px; font-weight:700; }
  .check-part { color:#F59E0B;     font-size:18px; font-weight:700; }
  .check-no   { color:#EF4444;     font-size:18px; font-weight:700; }

  /* ═══════════════════════════════════════════════════════
     FAQ
  ══════════════════════════════════════════════════════ */
  #faq { background:#fff; }
  .faq-list { max-width:760px; }
  .faq-item { border-bottom:1px solid var(--border); }
  .faq-item:first-child { border-top:1px solid var(--border); }
  .faq-question {
    display:flex; align-items:center; justify-content:space-between; gap:16px;
    padding:20px 0; cursor:pointer; background:none; border:none; width:100%; text-align:left;
  }
  .faq-question h3 { font-family:var(--font-head); font-size:16px; font-weight:600; color:var(--navy); line-height:1.4; }
  .faq-icon {
    width:28px; height:28px; border:1.5px solid var(--border); border-radius:var(--radius);
    display:flex; align-items:center; justify-content:center; flex-shrink:0;
    font-size:18px; color:var(--navy); transition:transform .3s, background .2s, color .2s; font-weight:300;
  }
  .faq-item.open .faq-icon { transform:rotate(45deg); background:var(--cyan); color:#fff; border-color:var(--cyan); }
  .faq-answer { overflow:hidden; max-height:0; transition:max-height .35s ease; }
  .faq-answer-inner { padding-bottom:20px; font-size:14.5px; color:var(--muted); line-height:1.7; }
  .faq-item.open .faq-answer { max-height:400px; }

  /* ═══════════════════════════════════════════════════════
     BESTEL
  ══════════════════════════════════════════════════════ */
  #bestel { background:var(--navy); padding:80px 0; }
  .bestel-grid { display:grid; grid-template-columns:1fr; gap:56px; align-items:center; }
  @media(min-width:768px){ .bestel-grid{ grid-template-columns:1fr 1fr; } }
  .bestel-left h2 { color:#fff; margin-bottom:28px; }
  .bestel-includes { list-style:none; display:flex; flex-direction:column; gap:14px; }
  .bestel-includes li { display:flex; align-items:center; gap:12px; font-size:15px; color:rgba(255,255,255,.85); }
  .inc-icon { width:22px; height:22px; background:rgba(6,214,160,.15); border-radius:50%; display:flex; align-items:center; justify-content:center; flex-shrink:0; color:var(--green); font-size:13px; font-weight:700; }
  .bestel-right { background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.12); border-radius:var(--radius); padding:40px 36px; text-align:center; }
  .bestel-price { font-family:var(--font-head); font-size:56px; font-weight:800; color:#fff; letter-spacing:-.03em; line-height:1; margin-bottom:6px; }
  .bestel-price-note { font-size:13px; color:rgba(255,255,255,.5); margin-bottom:28px; }
  .btn-white {
    display:block; width:100%; background:#fff; color:var(--navy);
    font-family:var(--font-head); font-weight:700; font-size:15px; letter-spacing:.06em; text-transform:uppercase;
    text-align:center; padding:17px 32px; border-radius:var(--radius);
    border:none; cursor:pointer; margin-bottom:24px;
    transition:background .2s, transform .15s, box-shadow .2s;
    box-shadow:0 4px 24px rgba(0,0,0,.2);
  }
  .btn-white:hover { background:#f0f2f4; transform:translateY(-2px); box-shadow:0 8px 32px rgba(0,0,0,.3); }
  .payment-icons { display:flex; align-items:center; justify-content:center; gap:10px; flex-wrap:wrap; }
  .payment-badge { background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.15); color:rgba(255,255,255,.7); font-size:11px; font-weight:600; letter-spacing:.04em; padding:5px 12px; border-radius:var(--radius); }

  /* ═══════════════════════════════════════════════════════
     FOOTER
  ══════════════════════════════════════════════════════ */
  #footer { background:var(--navy-dark); padding:60px 0 0; }
  .footer-grid { display:grid; grid-template-columns:1fr 1fr; gap:40px; padding-bottom:48px; border-bottom:1px solid rgba(255,255,255,.08); }
  @media(min-width:768px){ .footer-grid{ grid-template-columns:2fr 1fr 1fr 1.5fr; } }
  .footer-logo { display:flex; align-items:center; gap:10px; margin-bottom:16px; }
  .footer-logo-box { width:32px; height:32px; background:var(--cyan); border-radius:var(--radius); display:flex; align-items:center; justify-content:center; font-family:var(--font-head); font-weight:800; font-size:18px; color:#fff; }
  .footer-logo-name { font-family:var(--font-head); font-weight:800; font-size:18px; color:#fff; }
  .footer-tagline { font-size:13px; color:rgba(255,255,255,.4); font-style:italic; margin-bottom:12px; line-height:1.5; }
  .footer-disclaimer { font-size:11px; color:rgba(255,255,255,.28); line-height:1.6; }
  .footer-col h4 { font-family:var(--font-head); font-size:12px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:rgba(255,255,255,.5); margin-bottom:16px; }
  .footer-col ul { list-style:none; display:flex; flex-direction:column; gap:10px; }
  .footer-col ul li a,.footer-col ul li button.link-btn { font-size:14px; color:rgba(255,255,255,.6); background:none; border:none; cursor:pointer; padding:0; text-align:left; font-family:var(--font-body); transition:color .2s; }
  .footer-col ul li a:hover,.footer-col ul li button.link-btn:hover { color:var(--cyan); }
  .footer-contact p { font-size:13px; color:rgba(255,255,255,.55); margin-bottom:8px; display:flex; align-items:flex-start; gap:8px; }
  .footer-contact p svg { width:15px; height:15px; stroke:var(--cyan); fill:none; stroke-width:1.8; stroke-linecap:round; flex-shrink:0; margin-top:2px; }
  .footer-bottom { padding:20px 0; display:flex; flex-direction:column; gap:8px; align-items:center; text-align:center; }
  @media(min-width:768px){ .footer-bottom{ flex-direction:row; justify-content:space-between; text-align:left; } }
  .footer-bottom p { font-size:12px; color:rgba(255,255,255,.3); }
  .footer-medical { font-size:11px; color:rgba(255,255,255,.2); font-style:italic; }

  /* ═══════════════════════════════════════════════════════
     SCROLL TOP BUTTON
  ══════════════════════════════════════════════════════ */
  #scroll-top {
    position:fixed; bottom:28px; right:24px; width:44px; height:44px;
    background:var(--cyan); color:#fff; border:none; border-radius:var(--radius);
    cursor:pointer; display:flex; align-items:center; justify-content:center;
    opacity:0; transform:translateY(16px); transition:opacity .3s,transform .3s;
    z-index:800; box-shadow:0 4px 16px rgba(0,180,216,.4);
  }
  #scroll-top.visible { opacity:1; transform:translateY(0); }
  #scroll-top svg { width:18px; height:18px; stroke:#fff; fill:none; stroke-width:2.2; stroke-linecap:round; stroke-linejoin:round; }

  /* ═══════════════════════════════════════════════════════
     MODAL — ORDER
  ══════════════════════════════════════════════════════ */
  .modal-overlay {
    display:none; position:fixed; inset:0;
    background:rgba(6,15,30,.75); backdrop-filter:blur(6px);
    z-index:9999; align-items:center; justify-content:center; padding:20px;
  }
  .modal-overlay.active { display:flex; }
  .modal-box {
    background:#fff; border-radius:var(--radius); width:100%; max-width:520px;
    max-height:90vh; overflow-y:auto;
    box-shadow:0 24px 64px rgba(0,0,0,.35);
    animation:modalIn .25s ease;
  }
  @keyframes modalIn { from{ opacity:0;transform:translateY(20px) } to{ opacity:1;transform:translateY(0) } }
  .modal-header {
    background:var(--navy); padding:24px 28px;
    display:flex; align-items:center; justify-content:space-between;
  }
  .modal-header h2 { font-family:var(--font-head); font-size:20px; font-weight:700; color:#fff; }
  .modal-close {
    width:32px; height:32px; background:rgba(255,255,255,.12);
    border:none; border-radius:var(--radius); cursor:pointer; color:#fff;
    font-size:20px; display:flex; align-items:center; justify-content:center; line-height:1;
    transition:background .2s;
  }
  .modal-close:hover { background:rgba(255,255,255,.22); }
  .modal-body { padding:28px; }
  .modal-price-row { display:flex; align-items:baseline; gap:10px; margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid var(--border); }
  .modal-price { font-family:var(--font-head); font-size:36px; font-weight:800; color:var(--navy); }
  .modal-price-note { font-size:13px; color:var(--muted); }

  .form-row { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
  .form-group { display:flex; flex-direction:column; gap:6px; margin-bottom:14px; }
  .form-group label { font-size:13px; font-weight:600; color:var(--navy); letter-spacing:.02em; }
  .form-group input, .form-group select {
    width:100%; padding:11px 14px; border:1.5px solid #8892A0; border-radius:var(--radius);
    font-family:var(--font-body); font-size:14px; color:var(--text);
    transition:border-color .2s, box-shadow .2s; background:#fff;
  }
  .form-group input::placeholder {
    color: #64748B;
  }
  .form-group input:focus, .form-group select:focus {
    outline:none; border-color:var(--cyan); box-shadow:0 0 0 3px rgba(0,180,216,.18);
  }
  .form-group.full { grid-column:1/-1; }
  .form-divider { font-size:12px; font-weight:600; letter-spacing:.1em; text-transform:uppercase; color:var(--muted); margin:18px 0 14px; display:flex; align-items:center; gap:10px; }
  .form-divider::before,.form-divider::after { content:''; flex:1; height:1px; background:var(--border); }

  .btn-order-submit {
    width:100%; background:var(--cyan); color:#fff;
    font-family:var(--font-head); font-weight:700; font-size:15px;
    letter-spacing:.06em; text-transform:uppercase;
    padding:16px; border-radius:var(--radius); border:none; cursor:pointer;
    transition:background .2s, transform .15s;
    box-shadow:0 4px 20px rgba(0,180,216,.3);
    margin-top:8px;
  }
  .btn-order-submit:hover { background:#0099bb; transform:translateY(-1px); }
  .order-guarantee { text-align:center; font-size:12px; color:var(--muted); margin-top:12px; }

  /* ═══════════════════════════════════════════════════════
     MODAL — LEGAL / CONTENT PAGES
  ══════════════════════════════════════════════════════ */
  .legal-modal .modal-header { background:var(--navy); }
  .legal-modal .modal-box { max-width:680px; }
  .legal-content { padding:28px; font-size:14px; color:var(--text); line-height:1.75; }
  .legal-content h3 { font-family:var(--font-head); font-size:16px; font-weight:700; color:var(--navy); margin:20px 0 8px; }
  .legal-content h3:first-child { margin-top:0; }
  .legal-content p { margin-bottom:10px; color:var(--muted); }
  .legal-content ul { margin:8px 0 10px 18px; color:var(--muted); }
  .legal-content ul li { margin-bottom:4px; }

  /* ═══════════════════════════════════════════════════════
     SUCCESS SCREEN
  ══════════════════════════════════════════════════════ */
  .order-success {
    display:none; text-align:center; padding:40px 28px;
  }
  .order-success .success-icon {
    width:72px; height:72px; background:rgba(6,214,160,.12);
    border-radius:50%; display:flex; align-items:center; justify-content:center; margin:0 auto 20px;
  }
  .order-success .success-icon svg { width:36px; height:36px; stroke:var(--green); fill:none; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
  .order-success h3 { font-family:var(--font-head); font-size:22px; font-weight:700; color:var(--navy); margin-bottom:10px; }
  .order-success p { font-size:14px; color:var(--muted); margin-bottom:20px; }
  .btn-close-success { background:var(--navy); color:#fff; border:none; padding:12px 28px; border-radius:var(--radius); font-family:var(--font-head); font-weight:600; font-size:14px; cursor:pointer; transition:background .2s; }
  .btn-close-success:hover { background:#122840; }

  @media(max-width:767px){
    section { padding:56px 0; }
    .bestel-right { padding:28px 20px; }
    .form-row { grid-template-columns:1fr; }
  }