:root{
      --primary:#0b4aa5;
      --primary-dark:#08357b;
      --primary-soft:#eaf2ff;
      --accent:#1b6ef3;
      --text:#0f1b35;
      --text-soft:#5d6b85;
      --line:#dfe5ef;
      --line-soft:#edf1f7;
      --white:#ffffff;
      --bg:#f6f8fc;
      --bg-2:#f2f5fb;
      --success:#0f8b6d;
      --shadow:0 18px 40px rgba(16,36,74,.08);
      --shadow-soft:0 12px 30px rgba(16,36,74,.06);
      --radius:20px;
      --radius-sm:14px;
      --container:1320px;
    }

    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0;
      font-family:Inter,Arial,Helvetica,sans-serif;
      color:var(--text);
      background:linear-gradient(180deg,#fbfcff 0%,#f6f8fc 100%);
      -webkit-font-smoothing:antialiased;
      text-rendering:optimizeLegibility;
    }

    a{text-decoration:none;color:inherit}
    img,svg{display:block;max-width:100%}
    button,input,select,textarea{font:inherit}

    .row{
      --bs-gutter-x:24px;
      --bs-gutter-y:0;
    }

    .row > *{
      min-width:0;
    }

    .site-shell{
      max-width:1400px;
      margin:0 auto;
      background:var(--white);
      border:1px solid rgba(11,74,165,.08);
      border-radius:22px;
      overflow-x:hidden;
      overflow-y:visible;
      box-shadow:0 10px 40px rgba(15,27,53,.08);
    }

    .container-fluid-custom{
      width:100%;
      max-width:var(--container);
      margin:0 auto;
      padding-left:28px;
      padding-right:28px;
    }

    /* Header */
    .topbar{
      position:sticky;
      top:0;
      z-index:1100;
      background:rgba(255,255,255,.92);
      backdrop-filter:blur(14px);
      border-bottom:1px solid rgba(11,74,165,.08);
    }

    .nav-wrap{
      min-height:84px;
      display:flex;
      align-items:center;
    }

    .brand{
      display:flex;
      align-items:center;
      gap:14px;
      flex-shrink:0;
    }

    .brand-mark{
      width:54px;
      height:54px;
      border-radius:50%;
      background:linear-gradient(135deg,#ffffff 0%,#eef5ff 100%);
      border:2px solid rgba(11,74,165,.15);
      display:grid;
      place-items:center;
      box-shadow:0 8px 18px rgba(11,74,165,.10);
    }

    .brand-copy h1{
      margin:0;
      font-size:17px;
      line-height:1.1;
      letter-spacing:-.02em;
      font-weight:800;
      color:var(--text);
    }

    .brand-copy p{
      margin:4px 0 0;
      font-size:12px;
      color:var(--text-soft);
      font-weight:500;
    }

    .nav-center{
      display:flex;
      justify-content:center;
      align-items:center;
      gap:8px;
    }

    .nav-list{
      list-style:none;
      display:flex;
      align-items:center;
      gap:8px;
      padding:0;
      margin:0;
    }

    .nav-item{position:relative}

    .nav-link{
      height:46px;
      padding:0 16px;
      border-radius:12px;
      display:inline-flex;
      align-items:center;
      gap:8px;
      color:#23314f;
      font-size:15px;
      font-weight:600;
      transition:.25s ease;
      cursor:pointer;
    }

    .nav-link:hover,
    .nav-item.active > .nav-link{
      background:#f2f6fd;
      color:var(--primary);
    }

    .caret{
      width:10px;
      height:10px;
      transition:.25s ease;
    }

    .nav-item.active .caret{transform:rotate(180deg)}

    .header-actions{
      display:flex;
      justify-content:flex-end;
      align-items:center;
      gap:12px;
    }

    .icon-btn,.lang-btn,.mobile-toggle{
      height:46px;
      border-radius:12px;
      border:1px solid rgba(11,74,165,.10);
      background:#fff;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:8px;
      padding:0 14px;
      color:#22304e;
      cursor:pointer;
      transition:.25s ease;
    }

    .icon-btn:hover,.lang-btn:hover,.mobile-toggle:hover{background:#f4f7fc}

    .quote-btn{
      height:54px;
      padding:0 24px;
      border:none;
      border-radius:14px;
      background:linear-gradient(180deg,var(--primary) 0%,var(--primary-dark) 100%);
      color:#fff;
      font-weight:800;
      letter-spacing:-.01em;
      box-shadow:0 12px 24px rgba(11,74,165,.22);
      transition:.25s ease;
      cursor:pointer;
    }

    .quote-btn:hover{transform:translateY(-1px); box-shadow:0 16px 28px rgba(11,74,165,.26)}

    .mobile-toggle{display:none;width:46px;padding:0}

    .mega-panel,
    .lang-panel,
    .mobile-panel{
      opacity:0;
      visibility:hidden;
      pointer-events:none;
      transform:translateY(12px);
      transition:.25s ease;
    }

    .nav-item.active .mega-panel,
    .lang-dropdown.active .lang-panel,
    .mobile-panel.active{
      opacity:1;
      visibility:visible;
      pointer-events:auto;
      transform:translateY(0);
    }

    .mega-panel{
      position:absolute;
      top:calc(100% + 16px);
      left:50%;
      transform:translateX(-50%) translateY(12px);
      width:min(1080px,calc(100vw - 56px));
      background:#fff;
      border:1px solid rgba(11,74,165,.10);
      border-radius:22px;
      box-shadow:var(--shadow);
      padding:28px;
    }

    .nav-item.active .mega-panel{transform:translateX(-70%) translateY(0)}

    .mega-card{
      height:100%;
      padding:22px;
      background:linear-gradient(180deg,#f8fbff 0%,#f2f6fd 100%);
      border:1px solid var(--line-soft);
      border-radius:18px;
    }

    .mega-card h4,.mega-links h5{
      margin:0 0 14px;
      font-size:16px;
      font-weight:800;
      letter-spacing:-.02em;
    }

    .mega-card p{
      margin:0 0 18px;
      font-size:14px;
      color:var(--text-soft);
      line-height:1.7;
    }

    .chip-row{display:flex;flex-wrap:wrap;gap:10px}
    .chip{
      display:inline-flex;
      align-items:center;
      gap:8px;
      padding:10px 14px;
      border-radius:999px;
      background:#fff;
      border:1px solid var(--line);
      font-size:13px;
      font-weight:700;
      color:#1b2b4d;
    }

    .mega-links ul{
      margin:0;
      padding:0;
      list-style:none;
      display:grid;
      gap:10px;
    }

    .mega-links a{
      display:flex;
      justify-content:space-between;
      align-items:center;
      padding:12px 14px;
      border-radius:12px;
      background:#fff;
      border:1px solid var(--line-soft);
      color:#22304e;
      font-weight:600;
      transition:.2s ease;
    }

    .mega-links a:hover{border-color:#cfe0ff;background:#f7faff;color:var(--primary)}

    .lang-dropdown{position:relative}
    .lang-panel{
      position:absolute;
      top:calc(100% + 12px);
      right:0;
      min-width:190px;
      background:#fff;
      border:1px solid rgba(11,74,165,.12);
      border-radius:18px;
      box-shadow:var(--shadow-soft);
      padding:10px;
    }

    .lang-option{
      width:100%;
      padding:12px 14px;
      border-radius:12px;
      border:none;
      background:transparent;
      display:flex;
      justify-content:space-between;
      align-items:center;
      font-weight:700;
      color:#22304e;
      cursor:pointer;
    }

    .lang-option:hover,.lang-option.active{background:#f3f7ff;color:var(--primary)}

    .mobile-panel{
      position:fixed;
      inset:84px 16px auto 16px;
      max-height:calc(100vh - 110px);
      overflow:auto;
      background:#fff;
      border:1px solid rgba(11,74,165,.12);
      border-radius:22px;
      box-shadow:var(--shadow);
      padding:18px;
      z-index:1200;
    }

    .mobile-nav-section{border-bottom:1px solid var(--line-soft);padding:8px 0 16px}
    .mobile-nav-section:last-child{border-bottom:none;padding-bottom:0}

    .mobile-nav-btn{
      width:100%;
      min-height:50px;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:10px;
      border:none;
      background:#fff;
      border-radius:12px;
      padding:12px 14px;
      font-weight:700;
      color:#22304e;
      cursor:pointer;
    }

    .mobile-nav-btn:hover{background:#f4f7fd}

    .mobile-submenu{display:none;padding:8px 0 0 12px}
    .mobile-submenu.active{display:block}
    .mobile-submenu a{
      display:block;
      padding:10px 12px;
      color:var(--text-soft);
      font-weight:600;
      border-radius:10px;
    }
    .mobile-submenu a:hover{background:#f4f7fd;color:var(--primary)}

    .overlay{
      position:fixed;
      inset:0;
      background:rgba(9,22,45,.38);
      opacity:0;
      visibility:hidden;
      transition:.25s ease;
      z-index:1000;
    }

    .overlay.active{opacity:1;visibility:visible}

    /* Hero */
    .hero{
      position:relative;
      overflow:hidden;
      background:
        radial-gradient(circle at 15% 28%,rgba(255,255,255,.95) 0,rgba(255,255,255,0) 30%),
        radial-gradient(circle at 82% 16%,rgba(255,255,255,.9) 0,rgba(255,255,255,0) 18%),
        linear-gradient(180deg,#eef3f9 0%,#edf2f8 45%,#f7f9fd 100%);
      padding:42px 0 68px;
      border-bottom:1px solid rgba(11,74,165,.06);
    }

    .hero::before,
    .hero::after{
      content:"";
      position:absolute;
      border-radius:50%;
      filter:blur(2px);
      pointer-events:none;
    }

    .hero::before{
      width:780px;height:780px;
      background:radial-gradient(circle,rgba(11,74,165,.06) 0%,rgba(11,74,165,0) 64%);
      top:-280px;left:-180px;
    }

    .hero::after{
      width:480px;height:480px;
      background:radial-gradient(circle,rgba(27,110,243,.09) 0%,rgba(27,110,243,0) 72%);
      right:-130px;top:-80px;
    }

    .hero-grid{align-items:center}

    .eyebrow{
      display:inline-flex;
      align-items:center;
      gap:8px;
      padding:8px 14px;
      border-radius:999px;
      background:rgba(255,255,255,.8);
      border:1px solid rgba(11,74,165,.10);
      font-size:13px;
      font-weight:800;
      color:var(--primary);
      margin-bottom:18px;
      box-shadow:var(--shadow-soft);
    }

    .hero h2{
      margin:0;
      font-size:clamp(42px,5vw,72px);
      line-height:1.08;
      letter-spacing:-.045em;
      font-weight:900;
      max-width:700px;
      color:#101a34;
    }

    .hero h2 .accent{color:var(--accent)}

    .hero p{
      margin:26px 0 28px;
      max-width:560px;
      color:var(--text-soft);
      font-size:24px;
      line-height:1.55;
      letter-spacing:-.02em;
    }

    .trust-row{
      display:grid;
      grid-template-columns:repeat(3,minmax(0,1fr));
      gap:18px;
      margin-top:14px;
      max-width:860px;
    }

    .trust-item{
      display:flex;
      align-items:center;
      gap:14px;
      min-height:94px;
      padding:18px 18px;
      background:rgba(255,255,255,.72);
      border:1px solid rgba(11,74,165,.08);
      border-radius:18px;
      box-shadow:0 12px 24px rgba(11,74,165,.06);
      backdrop-filter:blur(8px);
    }

    .trust-icon{
      width:54px;
      height:54px;
      border-radius:16px;
      background:linear-gradient(180deg,#ffffff 0%,#f1f6ff 100%);
      border:1px solid rgba(11,74,165,.08);
      display:grid;
      place-items:center;
      box-shadow:0 10px 22px rgba(11,74,165,.08);
      flex-shrink:0;
    }

    .trust-copy strong{
      display:block;
      font-size:18px;
      line-height:1.2;
      letter-spacing:-.02em;
    }

    .trust-copy span{
      display:block;
      font-size:14px;
      color:var(--text-soft);
      margin-top:4px;
      line-height:1.45;
    }

    .hero-art-wrap{position:relative}
    .hero-art{
      position:relative;
      min-height:560px;
    }

    .hero-art::before{
      content:"";
      position:absolute;
      inset:34px 20px 20px 42px;
      border-radius:40px;
      background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.95) 0%,rgba(255,255,255,.58) 32%,rgba(255,255,255,.2) 100%);
      border:1px solid rgba(255,255,255,.85);
      box-shadow:inset 0 1px 0 rgba(255,255,255,.82);
      z-index:0;
    }

    .hero-art::after{
      content:"";
      position:absolute;
      right:34px;
      top:18px;
      width:170px;
      height:170px;
      border-radius:50%;
      background:radial-gradient(circle,rgba(89,148,255,.20) 0%,rgba(89,148,255,0) 72%);
      z-index:0;
      pointer-events:none;
    }

    .bg-card{
      position:absolute;
      inset:58px 20px 44px 80px;
      border-radius:40px;
      background:linear-gradient(180deg,rgba(255,255,255,.92) 0%,rgba(241,246,253,.86) 100%);
      border:1px solid rgba(204,216,235,.92);
      box-shadow:
        0 30px 50px rgba(64,96,148,.10),
        inset 0 1px 0 rgba(255,255,255,.96);
      backdrop-filter:blur(8px);
      z-index:1;
    }

    .art-device,
    .art-box,
    .art-bed,
    .art-glove,
    .art-tool,
    .art-syringe{
      position:absolute;
      z-index:2;
    }

    .art-device svg,
    .art-box svg,
    .art-bed svg,
    .art-glove svg,
    .art-tool svg,
    .art-syringe svg{
      filter:drop-shadow(0 18px 24px rgba(64,96,148,.10));
    }

    .art-device{left:86px;top:126px;width:252px}
    .art-syringe{left:298px;top:108px;width:92px}
    .art-box{left:350px;top:234px;width:236px}
    .art-bed{right:-2px;top:70px;width:270px}
    .art-glove{left:118px;bottom:82px;width:174px;transform:rotate(-8deg)}
    .art-tool.tool-1{left:350px;bottom:86px;width:202px;transform:rotate(3deg)}
    .art-tool.tool-2{left:472px;bottom:68px;width:192px;transform:rotate(-4deg)}

    .floating-badge{
      position:absolute;
      right:20px;
      bottom:12px;
      background:rgba(255,255,255,.92);
      backdrop-filter:blur(12px);
      border:1px solid rgba(11,74,165,.10);
      border-radius:20px;
      padding:16px 18px;
      box-shadow:0 18px 36px rgba(15,27,53,.12);
      display:flex;
      align-items:center;
      gap:12px;
      z-index:3;
    }

    .floating-badge strong{display:block;font-size:15px}
    .floating-badge span{display:block;font-size:13px;color:var(--text-soft)}

    /* Request card */
    .request-card{
      position:relative;
      margin-top:-34px;
      z-index:2;
    }

    .request-card-inner{
      background:#fff;
      border:1px solid rgba(11,74,165,.08);
      box-shadow:var(--shadow);
      border-radius:28px;
      padding:34px 30px 26px;
    }

    .section-kicker{
      text-align:center;
      margin-bottom:22px;
    }

    .section-kicker h3{
      margin:0;
      font-size:40px;
      letter-spacing:-.03em;
      font-weight:900;
      color:#102040;
    }

    .section-kicker p{
      margin:12px auto 0;
      max-width:760px;
      font-size:17px;
      color:var(--text-soft);
      line-height:1.6;
    }

    .request-form .row{row-gap:16px}

    .field-wrap{position:relative}
    .field-label{
      display:block;
      font-size:13px;
      font-weight:700;
      color:#334564;
      margin-bottom:10px;
    }

    .field,
    .textarea{
      width:100%;
      border:1px solid #dbe2ed;
      background:#fff;
      height:62px;
      border-radius:16px;
      padding:0 52px 0 18px;
      color:#12203d;
      outline:none;
      transition:.2s ease;
      box-shadow:inset 0 1px 0 rgba(255,255,255,.8);
    }

    .textarea{
      min-height:120px;
      resize:vertical;
      padding:16px 18px;
    }

    .field:focus,.textarea:focus{border-color:#8eb4ff;box-shadow:0 0 0 4px rgba(27,110,243,.10)}

    .field-icon{
      position:absolute;
      right:16px;
      bottom:19px;
      pointer-events:none;
      color:#6a7892;
    }

    .submit-btn{
      width:100%;
      height:62px;
      border:none;
      border-radius:16px;
      background:linear-gradient(180deg,var(--primary) 0%,var(--primary-dark) 100%);
      color:#fff;
      font-weight:900;
      font-size:17px;
      letter-spacing:-.02em;
      box-shadow:0 12px 28px rgba(11,74,165,.24);
      cursor:pointer;
      transition:.25s ease;
    }

    .submit-btn:hover{transform:translateY(-1px)}

    .helper-meta{
      display:flex;
      justify-content:center;
      align-items:center;
      gap:10px;
      color:#7a879f;
      font-weight:600;
      font-size:14px;
      margin-top:20px;
    }

    /* Sections */
    .section{
      padding:70px 0;
      background:transparent;
    }

    .section-title{
      text-align:center;
      margin-bottom:34px;
    }

    .section-title h3{
      margin:0;
      font-size:44px;
      letter-spacing:-.035em;
      font-weight:900;
      color:#112040;
    }

    .section-title p{
      margin:14px auto 0;
      max-width:720px;
      color:var(--text-soft);
      font-size:17px;
      line-height:1.7;
    }

    /* How it works */
    .steps-grid{
      align-items:flex-start;
      row-gap:20px;
    }

    .step-col{
      position:relative;
    }

    .step-card{
      position:relative;
      text-align:center;
      padding:14px 24px 0;
      max-width:360px;
      margin:0 auto;
    }

    .step-number{
      position:absolute;
      top:6px;
      left:50%;
      transform:translateX(-115px);
      width:42px;
      height:42px;
      border-radius:50%;
      background:var(--accent);
      color:#fff;
      font-weight:900;
      display:grid;
      place-items:center;
      box-shadow:0 10px 18px rgba(27,110,243,.20);
    }

    .step-icon{
      width:118px;
      height:118px;
      border-radius:50%;
      background:linear-gradient(180deg,#f2f6ff 0%,#edf2fb 100%);
      border:1px solid #e6edf7;
      box-shadow:inset 0 1px 0 rgba(255,255,255,.75);
      display:grid;
      place-items:center;
      margin:0 auto 26px;
    }

    .step-card h4{
      margin:0;
      font-size:28px;
      font-weight:800;
      letter-spacing:-.03em;
    }

    .step-card p{
      margin:14px auto 0;
      max-width:300px;
      color:var(--text-soft);
      line-height:1.7;
      font-size:17px;
    }

    .step-connector{
      position:absolute;
      top:98px;
      right:-58px;
      width:132px;
      display:flex;
      justify-content:center;
      opacity:.6;
      pointer-events:none;
    }

    /* Brand grid */
    .brands-section{padding-top:20px}
    .brand-grid{row-gap:18px}

    .brand-box{
      height:110px;
      border:1px solid #dde5ef;
      border-radius:18px;
      background:#fff;
      box-shadow:0 8px 18px rgba(16,36,74,.04);
      display:flex;
      align-items:center;
      justify-content:center;
      font-weight:900;
      letter-spacing:-.03em;
      font-size:22px;
      color:#173d84;
      transition:.22s ease;
      position:relative;
      overflow:hidden;
    }

    .brand-box::before{
      content:"";
      position:absolute;
      inset:auto 0 0 0;
      height:3px;
      background:linear-gradient(90deg,var(--primary) 0%,#4e89ff 100%);
      transform:scaleX(0);
      transform-origin:left center;
      transition:.25s ease;
    }

    .brand-box:hover{transform:translateY(-3px);box-shadow:0 12px 22px rgba(16,36,74,.07)}
    .brand-box:hover::before{transform:scaleX(1)}

    .brand-box small{display:block;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#7d8ba5;margin-top:4px}
    .brand-box.boston{font-family:Georgia,serif;font-weight:700;color:#1d4d96;font-size:22px}
    .brand-box.asahi{color:#111;font-size:18px}
    .brand-box.terumo{color:#18a35e}
    .brand-box.bd{color:#ee7f1a}
    .brand-box.siemens{color:#17a3a4}
    .brand-box.mindray{color:#d22d2d}
    .brand-box.drager{color:#2452a4}

    .btn-outline-main{
      min-width:178px;
      height:54px;
      border-radius:15px;
      border:1.5px solid #8ca8d8;
      background:#fff;
      color:#16356e;
      font-weight:800;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      transition:.22s ease;
      cursor:pointer;
    }

    .btn-outline-main:hover{background:#f5f8ff;border-color:#4d79c8;color:var(--primary)}

    /* Feature strip */
    .feature-strip{
      background:linear-gradient(180deg,var(--primary) 0%,#08367f 100%);
      color:#fff;
      padding:34px 0;
    }

    .feature-strip .strip-card{
      display:flex;
      align-items:flex-start;
      gap:14px;
      height:100%;
      padding:8px 6px;
    }

    .strip-icon{
      width:58px;height:58px;
      border-radius:16px;
      background:rgba(255,255,255,.08);
      border:1px solid rgba(255,255,255,.12);
      display:grid;
      place-items:center;
      flex-shrink:0;
    }

    .strip-card h5{
      margin:0;
      font-size:18px;
      letter-spacing:-.02em;
      font-weight:800;
    }

    .strip-card p{
      margin:8px 0 0;
      color:rgba(255,255,255,.78);
      line-height:1.6;
      font-size:15px;
    }

    /* Extra content */
    .content-card{
      background:#fff;
      border:1px solid rgba(11,74,165,.08);
      border-radius:24px;
      box-shadow:var(--shadow-soft);
      padding:28px;
      height:100%;
    }

    .content-card h4{
      margin:0 0 12px;
      font-size:28px;
      font-weight:900;
      letter-spacing:-.03em;
    }

    .content-card p{
      margin:0;
      color:var(--text-soft);
      line-height:1.75;
      font-size:16px;
    }

    .mini-list{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:12px}
    .mini-list li{display:flex;gap:12px;align-items:flex-start;color:#24314f;font-weight:600}

    /* Footer */
    .footer{
      background:linear-gradient(180deg,#071a40 0%,#06142f 100%);
      color:#fff;
      padding:70px 0 26px;
      position:relative;
      overflow:hidden;
    }

    .footer::before{
      content:"";
      position:absolute;
      width:520px;height:520px;
      right:-160px;top:-220px;
      background:radial-gradient(circle,rgba(78,137,255,.18) 0%,rgba(78,137,255,0) 72%);
      pointer-events:none;
    }

    .footer-top{
      padding-bottom:36px;
      border-bottom:1px solid rgba(255,255,255,.10);
      margin-bottom:32px;
    }

    .footer-brand{display:flex;gap:14px;align-items:flex-start}
    .footer-brand .brand-mark{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.12);box-shadow:none}
    .footer-brand p{margin:10px 0 0;color:rgba(255,255,255,.72);line-height:1.7;font-size:15px;max-width:360px}

    .footer-title{
      margin:0 0 18px;
      font-size:16px;
      text-transform:uppercase;
      letter-spacing:.08em;
      color:rgba(255,255,255,.62);
      font-weight:800;
    }

    .footer-links{list-style:none;margin:0;padding:0;display:grid;gap:12px}
    .footer-links a{color:#fff;font-weight:600;opacity:.9;transition:.2s ease}
    .footer-links a:hover{opacity:1;color:#8cb7ff}

    .footer-contact-card{
      background:rgba(255,255,255,.05);
      border:1px solid rgba(255,255,255,.08);
      border-radius:20px;
      padding:22px;
    }

    .footer-contact-card p{
      margin:0 0 14px;
      color:rgba(255,255,255,.74);
      line-height:1.7;
      font-size:15px;
    }

    .footer-meta{
      display:flex;
      justify-content:space-between;
      align-items:center;
      flex-wrap:wrap;
      gap:14px;
      color:rgba(255,255,255,.62);
      font-size:14px;
    }

    .socials{display:flex;gap:10px;flex-wrap:wrap}
    .socials a{
      width:44px;height:44px;
      border-radius:12px;
      border:1px solid rgba(255,255,255,.10);
      background:rgba(255,255,255,.05);
      display:grid;place-items:center;
      transition:.22s ease;
    }
    .socials a:hover{background:rgba(255,255,255,.12);transform:translateY(-2px)}

    /* Toast */
    .toast-msg{
      position:fixed;
      right:18px;
      bottom:18px;
      background:#0f2040;
      color:#fff;
      padding:15px 18px;
      border-radius:14px;
      box-shadow:var(--shadow);
      font-weight:700;
      z-index:2000;
      opacity:0;
      visibility:hidden;
      transform:translateY(10px);
      transition:.25s ease;
    }
    .toast-msg.active{opacity:1;visibility:visible;transform:translateY(0)}

    /* Responsive */
    @media (max-width:1399.98px){
      .hero h2{font-size:62px}
      .hero p{font-size:22px}
      .art-bed{width:220px}
      .art-box{left:320px}
    }

    @media (max-width:1199.98px){
      .nav-center,.header-actions .icon-btn,.header-actions .lang-dropdown,.header-actions .quote-btn{display:none}
      .mobile-toggle{display:inline-flex}
      .hero{padding-top:28px}
      .hero-grid{row-gap:26px}
      .hero h2{font-size:52px;max-width:none}
      .hero p{font-size:20px;max-width:none}
      .hero-art{min-height:460px}
      .bg-card{inset:24px 10px 30px 10px}
      .art-device{left:40px;top:102px;width:205px}
      .art-syringe{left:226px;top:100px;width:76px}
      .art-box{left:270px;top:205px;width:195px}
      .art-bed{right:10px;top:82px;width:195px}
      .art-glove{left:66px;bottom:66px;width:148px}
      .art-tool.tool-1{left:260px;bottom:62px;width:170px}
      .art-tool.tool-2{left:362px;bottom:54px;width:160px}
    }

    @media (max-width:991.98px){
      .row{--bs-gutter-x:20px;}
      .request-form .col-lg-3:last-child{width:100%;}
      .request-form .submit-btn{margin-top:0;}
      .container-fluid-custom{padding-left:18px;padding-right:18px}
      .site-shell{border-radius:0}
      .topbar{position:relative}
      .hero{padding-bottom:54px}
      .hero h2{font-size:44px}
      .hero p{font-size:18px}
      .trust-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:none}
      .request-card-inner{padding:24px 18px 20px;border-radius:24px}
      .section-kicker h3,.section-title h3{font-size:34px}
      .step-number{left:50%;transform:translateX(-92px)}
      .feature-strip .row{row-gap:20px}
      .footer .row{row-gap:28px}
    }

    @media (max-width:767.98px){
      .row{--bs-gutter-x:16px;}
      .brand-grid > [class*="col-"]{width:50%;}
      .nav-wrap{min-height:74px}
      .brand-copy h1{font-size:15px}
      .brand-copy p{font-size:11px}
      .brand-mark{width:48px;height:48px}
      .mobile-panel{inset:76px 12px auto 12px}
      .hero h2{font-size:36px}
      .hero p{font-size:17px;margin:18px 0 22px}
      .trust-row{grid-template-columns:1fr}
      .hero-art{min-height:360px}
      .bg-card{inset:18px 0 24px 0;border-radius:26px}
      .art-device{left:18px;top:90px;width:152px}
      .art-syringe{left:144px;top:84px;width:58px}
      .art-box{left:182px;top:170px;width:135px}
      .art-bed{right:-10px;top:70px;width:150px}
      .art-glove{left:30px;bottom:55px;width:105px}
      .art-tool.tool-1{left:165px;bottom:48px;width:110px}
      .art-tool.tool-2{left:230px;bottom:44px;width:105px}
      .floating-badge{right:8px;bottom:6px;padding:10px 12px;border-radius:14px}
      .section-kicker h3,.section-title h3{font-size:28px}
      .section-kicker p,.section-title p,.step-card p{font-size:15px}
      .step-icon{width:96px;height:96px}
      .step-card h4{font-size:24px}
      .brand-box{height:96px;font-size:20px}
      .footer{padding-top:54px}
      .footer-meta{flex-direction:column;align-items:flex-start}
    }
  
.field{appearance:none;-webkit-appearance:none;}


/* Project integration / compatibility */
.quote-btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;white-space:nowrap;}
.container{width:100%;max-width:var(--container);margin:0 auto;padding-left:28px;padding-right:28px;}
.skip{position:absolute;left:-999px;top:auto;width:1px;height:1px;overflow:hidden;}
.skip:focus{left:18px;top:18px;width:auto;height:auto;z-index:2500;background:var(--primary);color:#fff;padding:12px 16px;border-radius:12px;}
.crumbs{background:#fff;border-bottom:1px solid rgba(11,74,165,.08);}
.crumbs ol{display:flex;gap:8px;flex-wrap:wrap;list-style:none;padding:12px 0;margin:0;color:var(--text-soft);font-size:13px;}
.crumbs li:after{content:'/';margin-left:8px;color:#aab6c8;}
.crumbs li:last-child:after{display:none;}
.crumbs a{color:var(--primary);font-weight:800;}
.section.white{background:#fff;}
.section.soft{background:var(--bg);}
.section.navy{background:linear-gradient(180deg,var(--primary) 0%,#08367f 100%);color:#fff;}
.section.navy .section-head h2,.section.navy h3{color:#fff;}
.section.navy p,.section.navy .section-head p{color:rgba(255,255,255,.78);}
.section-head{max-width:780px;margin-bottom:34px;}
.section-head span{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:#fff;border:1px solid rgba(11,74,165,.10);font-size:13px;font-weight:900;color:var(--primary);margin-bottom:14px;box-shadow:var(--shadow-soft);text-transform:none;letter-spacing:0;}
.section-head h2{margin:0;font-size:clamp(32px,3.2vw,48px);line-height:1.12;letter-spacing:-.035em;font-weight:900;color:#112040;}
.section-head p{margin:14px 0 0;max-width:760px;color:var(--text-soft);font-size:17px;line-height:1.7;}
h1{font-size:clamp(42px,5vw,72px);line-height:1.08;letter-spacing:-.045em;font-weight:900;color:#101a34;margin:0;}
.lead{margin:22px 0 0;max-width:660px;color:var(--text-soft);font-size:21px;line-height:1.55;letter-spacing:-.02em;}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px;}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 22px;border-radius:14px;font-weight:900;border:1px solid transparent;transition:.25s ease;text-decoration:none;}
.btn.primary{background:linear-gradient(180deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;box-shadow:0 12px 24px rgba(11,74,165,.22);}
.btn.primary:hover{transform:translateY(-1px);box-shadow:0 16px 28px rgba(11,74,165,.26);color:#fff;}
.btn.secondary{background:#fff;border-color:rgba(11,74,165,.14);color:#173d84;}
.btn.secondary:hover{background:#f5f8ff;color:var(--primary);}
.btn.light{background:#fff;color:var(--primary);border-color:transparent;}
.btn.small{min-height:40px;padding:0 16px;font-size:14px;}
.proof{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px;}
.proof span{background:rgba(255,255,255,.72);border:1px solid rgba(11,74,165,.08);border-radius:999px;padding:9px 13px;font-weight:800;font-size:13px;color:#45566e;box-shadow:0 10px 20px rgba(11,74,165,.05);}
.rfq-card{background:rgba(255,255,255,.92);border:1px solid rgba(11,74,165,.08);border-radius:28px;padding:30px;box-shadow:var(--shadow);height:100%;}
.plus{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,var(--primary),var(--success));color:#fff;font-size:2rem;font-weight:950;}
.rfq-card h2{color:#102040;margin:18px 0 8px;font-size:1.45rem;font-weight:900;letter-spacing:-.02em;}
.rfq-card p{color:var(--text-soft);line-height:1.7;}
.rfq-card ul{list-style:none;margin:0 0 16px;padding:0;}
.rfq-card li{padding:7px 0 7px 28px;position:relative;font-weight:800;color:#24314f;}
.rfq-card li:before{content:'✓';position:absolute;left:0;color:var(--success);}
.rfq-card a{color:var(--primary);font-weight:900;}
.card,.link-card,.panel,.article-card{height:100%;border:1px solid rgba(11,74,165,.08);border-radius:24px;background:#fff;box-shadow:var(--shadow-soft);padding:28px;transition:.22s ease;}
.card:hover,.link-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);}
.card-icon{width:54px;height:54px;border-radius:16px;background:linear-gradient(180deg,#ffffff 0%,#f1f6ff 100%);border:1px solid rgba(11,74,165,.08);color:var(--primary);font-weight:950;display:grid;place-items:center;margin-bottom:16px;box-shadow:0 10px 22px rgba(11,74,165,.08);}
.card h3,.panel h3,.article-card h3{margin:0 0 10px;color:#112040;line-height:1.24;font-weight:900;letter-spacing:-.025em;}
.card p,.panel p,.article-card p{margin:0;color:var(--text-soft);line-height:1.75;}
.link-grid{display:grid;grid-template-columns:1fr;gap:16px;}
.link-card{display:grid;grid-template-columns:1fr 24px;gap:12px;align-items:center;}
.link-card strong{color:#112040;font-size:18px;font-weight:900;}
.link-card span{display:block;color:var(--text-soft);font-size:14px;margin-top:4px;line-height:1.6;}
.link-card svg{stroke:var(--primary);fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;}
@media(min-width:760px){.link-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1080px){.link-grid.three{grid-template-columns:repeat(3,1fr)}}
.process{display:grid;gap:18px;}
.process article{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.08);border-radius:22px;padding:24px;}
.process span{width:46px;height:46px;border-radius:16px;display:grid;place-items:center;background:#fff;color:var(--primary);font-weight:950;margin-bottom:18px;}
.process h3{margin:0 0 8px;}
.process p{margin:0;}
@media(min-width:900px){.process{grid-template-columns:repeat(4,1fr)}}
.faq-list{display:grid;gap:13px;}
.faq-item{border:1px solid var(--line);border-radius:18px;background:#fff;overflow:hidden;}
.faq-q{width:100%;border:0;background:#fff;padding:18px 20px;text-align:left;display:flex;justify-content:space-between;gap:15px;font-weight:900;color:#112040;cursor:pointer;}
.faq-a{display:none;padding:0 20px 20px;}
.faq-a p{margin:0;color:var(--text-soft);line-height:1.7;}
.faq-item.open .faq-a{display:block;}
.faq-item.open .faq-q b{transform:rotate(45deg);}
.cta{padding:64px 0;background:#fff;}
.cta-box{display:flex;flex-direction:column;gap:22px;background:linear-gradient(180deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;border-radius:30px;padding:34px;box-shadow:var(--shadow);}
.cta-box h2{font-size:clamp(1.6rem,3vw,2.45rem);line-height:1.12;margin:0 0 10px;font-weight:900;letter-spacing:-.035em;}
.cta-box p{color:rgba(255,255,255,.82);margin:0;max-width:730px;line-height:1.7;}
.cta-box span{text-transform:uppercase;letter-spacing:.12em;font-size:.8rem;font-weight:950;color:rgba(255,255,255,.78);}
@media(min-width:900px){.cta-box{flex-direction:row;align-items:center;justify-content:space-between}}
.form{border:1px solid rgba(11,74,165,.08);background:#fff;border-radius:28px;box-shadow:var(--shadow);padding:28px;}
.form-grid{display:grid;grid-template-columns:1fr;gap:14px;}
.field label{display:block;font-weight:900;font-size:.88rem;margin-bottom:7px;color:#334564;}
.field input,.field select,.field textarea{width:100%;border:1px solid #dbe2ed;border-radius:16px;padding:14px 16px;outline:none;}
.field input:focus,.field select:focus,.field textarea:focus{border-color:#8eb4ff;box-shadow:0 0 0 4px rgba(27,110,243,.10);}
.field textarea{min-height:130px;}
.field.full{grid-column:1/-1;}
.note{background:#eaf2ff;border-radius:16px;padding:14px;color:#36577a;margin-top:14px;}
@media(min-width:760px){.form-grid{grid-template-columns:1fr 1fr}}
.article{display:grid;gap:28px;}
.article-body{border:1px solid rgba(11,74,165,.08);border-radius:28px;background:#fff;padding:30px;box-shadow:var(--shadow-soft);}
.article-body h2{color:#112040;letter-spacing:-.02em;font-weight:900;}
.article-body p,.article-body li{color:#53647b;line-height:1.75;}
.sticky{border:1px solid rgba(11,74,165,.08);border-radius:24px;background:#fff;padding:22px;box-shadow:var(--shadow-soft);}
@media(min-width:980px){.article{grid-template-columns:1fr 340px}.sticky{position:sticky;top:104px}}
@media(max-width:991.98px){.container{padding-left:18px;padding-right:18px}.lead{font-size:18px}.hero-actions .btn{width:auto}.crumbs ol{padding-left:0}}
@media(max-width:640px){.container{padding-left:12px;padding-right:12px}.hero-actions .btn{width:100%}.lead{font-size:17px}.cta-box{padding:24px}}


/* ------------------------------------------------------------------
   Icon sizing and link-card layout fix
   Keeps SVG arrows small and prevents them from expanding to card size.
------------------------------------------------------------------ */
.link-card{
  display:grid;
  grid-template-columns:minmax(0,1fr) 42px;
  grid-template-rows:auto auto;
  column-gap:18px;
  row-gap:4px;
  align-items:center;
  min-height:118px;
}
.link-card strong{
  grid-column:1;
  grid-row:1;
  display:block;
  min-width:0;
}
.link-card > span{
  grid-column:1;
  grid-row:2;
  display:block;
  min-width:0;
}
.link-card > svg{
  grid-column:2;
  grid-row:1 / span 2;
  width:24px !important;
  height:24px !important;
  min-width:24px;
  max-width:24px;
  align-self:center;
  justify-self:end;
  stroke:var(--primary);
  fill:none;
  stroke-width:2.2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.card-icon svg,
.trust-icon svg,
.strip-icon svg,
.step-icon svg,
.field-icon svg,
.icon-btn svg,
.mobile-toggle svg,
.lang-btn svg{
  width:auto;
  max-width:34px;
  height:auto;
  max-height:34px;
}
.card-icon{overflow:hidden;text-align:center;}
.card-icon svg{width:26px;height:26px;}
@media(max-width:767.98px){
  .link-card{grid-template-columns:minmax(0,1fr) 34px;min-height:104px;padding:22px;}
  .link-card > svg{width:22px !important;height:22px !important;min-width:22px;max-width:22px;}
}

/* Catalog/RFQ correction layer */
.form{padding:0;border:0;box-shadow:none;background:transparent;border-radius:0;}
.rfq-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(320px,.95fr);gap:28px;align-items:start}.rfq-form-card,.rfq-info-card{background:#fff;border:1px solid rgba(11,74,165,.10);border-radius:26px;padding:32px;box-shadow:var(--shadow-soft)}.rfq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}.rfq-grid .field{display:flex;flex-direction:column;gap:8px;min-width:0}.rfq-grid .field.full{grid-column:1/-1}.rfq-grid .field label{margin:0;font-size:15px;line-height:1.2;font-weight:900;color:#17335e}.rfq-grid .field input,.rfq-grid .field select,.rfq-grid .field textarea{width:100%;border:1px solid #d9e2ef;border-radius:15px;background:#fff;padding:14px 16px;font-size:16px;color:#20345f;box-sizing:border-box;outline:none;box-shadow:none}.rfq-grid .field input,.rfq-grid .field select{height:56px;min-height:56px}.rfq-grid .field textarea{min-height:150px;resize:vertical;line-height:1.55}.rfq-actions{display:flex;align-items:center;gap:14px;margin-top:22px;flex-wrap:wrap}.rfq-form-note{color:#5d6b85;font-weight:700;font-size:14px}.rfq-info-card h3{font-size:clamp(28px,2.4vw,38px);letter-spacing:-.035em;line-height:1.15;margin:0 0 14px;color:#102040;font-weight:950}.rfq-info-card p,.rfq-info-card li{color:#53647b;line-height:1.7;font-size:16px}.rfq-info-card ul{margin:14px 0 0;display:grid;gap:8px}
.catalog-page{padding:64px 0;background:#fff}.catalog-layout{display:grid;grid-template-columns:330px minmax(0,1fr);gap:30px;align-items:start}.catalog-sidebar{display:grid;gap:18px;position:sticky;top:104px}.brand-panel,.category-tree-card,.sidebar-cta,.product-card,.country-card,.brand-visual-card,.internal-links,.related-products,.product-detail-media,.product-detail-panel{background:#fff;border:1px solid rgba(11,74,165,.10);border-radius:24px;box-shadow:var(--shadow-soft)}.brand-panel{overflow:hidden}.brand-panel-media{background:linear-gradient(180deg,#f7fbff,#edf4ff);padding:16px;border-bottom:1px solid #e7edf7}.brand-panel-media img{width:100%;height:170px;object-fit:contain;border-radius:18px}.brand-panel-body{padding:20px}.brand-panel-body h2{font-size:26px;font-weight:950;letter-spacing:-.03em;margin:0 0 8px;color:#102040}.brand-panel-body p,.sidebar-cta p{color:#5d6b85;line-height:1.65;margin:0 0 16px}.category-tree-card,.sidebar-cta{padding:22px}.category-tree-card h3,.sidebar-cta h3,.internal-links h2,.related-products h2{font-size:20px;font-weight:950;letter-spacing:-.02em;margin:0 0 14px;color:#102040}.category-tree{list-style:none;margin:0;padding:0;display:grid;gap:7px}.category-tree ul{list-style:none;margin:7px 0 0 14px;padding-left:14px;border-left:2px solid #e5edf7;display:grid;gap:7px}.category-tree a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:12px;color:#263858;font-weight:800;border:1px solid transparent}.category-tree a:hover,.category-tree .active>a{background:#f2f7ff;border-color:#dbe9ff;color:var(--primary)}.catalog-head{margin-bottom:24px}.catalog-head h1{font-size:clamp(42px,4vw,60px)}.catalog-head p{font-size:18px;color:#5d6b85;line-height:1.7;margin:14px 0 0;max-width:780px}.breadcrumb{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px;color:#6a7892;font-weight:800;font-size:13px}.breadcrumb a{color:var(--primary)}.breadcrumb a:after{content:'/';margin-left:8px;color:#aab6c8}.catalog-toolbar{display:flex;justify-content:space-between;gap:14px;align-items:center;margin:0 0 20px;padding:14px 16px;background:#f7faff;border:1px solid #e0e9f6;border-radius:18px;color:#53647b;font-weight:800}.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.product-card{overflow:hidden;display:flex;flex-direction:column;transition:.22s ease}.product-card:hover,.country-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.product-image{height:220px;background:linear-gradient(180deg,#f8fbff,#edf4ff);display:grid;place-items:center;border-bottom:1px solid #e7edf7}.product-image img{width:100%;height:100%;object-fit:cover}.product-body{padding:22px;display:flex;flex-direction:column;gap:12px;flex:1}.product-brand-line{display:flex;gap:8px;flex-wrap:wrap;font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.06em;color:#718096}.product-brand-line a{color:var(--primary)}.product-body h3{margin:0;font-size:22px;font-weight:950;letter-spacing:-.025em;line-height:1.2;color:#102040}.product-body p{margin:0;color:#5d6b85;line-height:1.65}.product-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;background:#f7faff;border:1px solid #e4edf8;border-radius:16px;padding:12px;color:#334564;font-size:14px}.product-tags{display:flex;gap:8px;flex-wrap:wrap}.product-tags a,.product-tags span{display:inline-flex;padding:8px 10px;border-radius:999px;background:#eef5ff;color:#174982;font-weight:900;font-size:12px}.product-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:auto}.related-products,.internal-links{padding:26px;margin-top:26px}.related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.related-mini{padding:16px;border:1px solid #e2eaf5;border-radius:18px;background:#fbfdff}.related-mini h3{font-size:17px;margin:0 0 6px;font-weight:950;color:#102040}.related-mini p{margin:0;color:#5d6b85;font-size:14px;line-height:1.55}.internal-links ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;list-style:none;margin:0;padding:0}.internal-links a{display:block;padding:13px 14px;border:1px solid #e2eaf5;border-radius:14px;background:#fbfdff;color:#173d84;font-weight:900}.internal-links a:hover{background:#f2f7ff;border-color:#cfe0ff;color:var(--primary)}
.brand-page-hero{padding:54px 0;background:linear-gradient(180deg,#eef3f9 0%,#f8fbff 100%)}.brand-hero-layout{display:grid;grid-template-columns:380px minmax(0,1fr);gap:32px;align-items:center}.brand-visual-card{overflow:hidden}.brand-visual-card img{width:100%;height:280px;object-fit:cover;display:block}.brand-hero-content h1{font-size:clamp(46px,5vw,72px)}.brand-hero-content p{color:#5d6b85;font-size:19px;line-height:1.7;max-width:760px;margin:18px 0 0}.brand-stat-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:24px}.brand-stat{padding:16px;border:1px solid #dfe8f4;background:#fff;border-radius:18px;box-shadow:var(--shadow-soft)}.brand-stat strong{display:block;font-size:22px;font-weight:950;color:#102040}.brand-stat span{display:block;color:#6a7892;font-weight:800;font-size:13px;margin-top:2px}.country-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.country-card{overflow:hidden;transition:.22s ease}.country-map{background:linear-gradient(180deg,#f9fcff,#eef5ff);padding:16px;border-bottom:1px solid #e7edf7}.country-map img{height:190px;width:100%;object-fit:contain;border-radius:18px}.country-body{padding:22px}.country-body h3{font-size:24px;font-weight:950;letter-spacing:-.025em;margin:0 0 8px;color:#102040}.country-body p{color:#5d6b85;line-height:1.65;margin:0 0 14px}.country-chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.country-chips a{font-size:12px;font-weight:900;color:#174982;background:#eef5ff;padding:7px 9px;border-radius:999px}.product-detail-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:32px;align-items:start}.product-detail-media{border-radius:28px;padding:24px}.product-detail-media img{width:100%;height:380px;object-fit:cover;border-radius:22px;background:#f7faff}.product-detail-panel{border-radius:28px;padding:30px}.product-detail-panel h1{font-size:clamp(38px,4vw,56px)}.detail-specs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:22px 0}.detail-spec{padding:14px;border:1px solid #e2eaf5;border-radius:16px;background:#f7faff}.detail-spec span{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#718096;font-weight:950}.detail-spec strong{display:block;font-size:17px;color:#102040;margin-top:4px}@media(max-width:1199.98px){.catalog-layout{grid-template-columns:300px minmax(0,1fr)}.product-grid{grid-template-columns:1fr}.country-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:991.98px){.rfq-layout,.catalog-layout,.brand-hero-layout,.product-detail-layout{grid-template-columns:1fr}.catalog-sidebar{position:static}.rfq-grid{grid-template-columns:1fr}.country-grid{grid-template-columns:1fr}.internal-links ul{grid-template-columns:1fr}.brand-stat-row{grid-template-columns:1fr}.related-grid{grid-template-columns:1fr}.brand-visual-card img{height:220px}.product-detail-media img{height:300px}}@media(max-width:640px){.rfq-form-card,.rfq-info-card{padding:22px}.product-meta,.detail-specs{grid-template-columns:1fr}.catalog-toolbar{align-items:flex-start;flex-direction:column}.product-image{height:180px}}


/* ---------- User-friendly UX refinements ---------- */
.ux-hero{padding:64px 0;background:radial-gradient(circle at 15% 20%,rgba(255,255,255,.95),rgba(255,255,255,0) 30%),linear-gradient(180deg,#eef3f9 0%,#f7f9fd 100%)}
.ux-hero-grid{display:grid;grid-template-columns:minmax(0,1.1fr) 420px;gap:42px;align-items:center}.ux-hero h1{font-size:clamp(42px,5vw,72px);line-height:1.06;letter-spacing:-.055em;font-weight:950;margin:0;color:#101a34}.ux-hero p{font-size:21px;line-height:1.6;color:#5d6b85;max-width:720px;margin:22px 0 0}.ux-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.ux-side-card{background:#fff;border:1px solid rgba(11,74,165,.08);border-radius:28px;padding:22px;box-shadow:var(--shadow)}.ux-side-card img{border-radius:20px;background:#f6f8fc;margin-bottom:18px}.ux-side-card h2{font-size:25px;letter-spacing:-.035em;margin:0 0 12px}.ux-route-list{display:grid;gap:10px}.ux-route-list a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 15px;background:#f7faff;border:1px solid #e2eaf5;border-radius:14px;font-weight:900;color:#173d84}.ux-route-list svg{width:18px!important;height:18px!important;flex:0 0 18px}.ux-section{padding:70px 0}.ux-head{text-align:center;margin-bottom:32px}.ux-head h2{font-size:clamp(30px,3.5vw,50px);font-weight:950;letter-spacing:-.045em;margin:0}.ux-head p{max-width:780px;margin:12px auto 0;color:#5d6b85;line-height:1.7;font-size:17px}.ux-choice-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.ux-choice{position:relative;display:flex;flex-direction:column;min-height:230px;background:#fff;border:1px solid rgba(11,74,165,.08);border-radius:24px;padding:24px;box-shadow:var(--shadow-soft);color:inherit}.ux-choice span{width:42px;height:42px;border-radius:14px;background:#eaf2ff;color:#0b4aa5;display:grid;place-items:center;font-weight:950}.ux-choice h3{font-size:22px;letter-spacing:-.03em;margin:20px 0 10px}.ux-choice p{color:#5d6b85;line-height:1.65;margin:0}.ux-choice svg{position:absolute;right:22px;bottom:22px;width:20px!important;height:20px!important;color:#0b4aa5}.ux-note-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.ux-note{background:#fff;border:1px solid rgba(11,74,165,.08);border-radius:24px;padding:24px;box-shadow:var(--shadow-soft)}.ux-note h3{font-size:23px;letter-spacing:-.03em;margin:0 0 10px}.ux-note p{color:#5d6b85;line-height:1.7;margin:0}.product-image img{object-fit:contain!important;padding:12px}.link-card svg,.internal-links svg,.card-arrow svg,.mega-links svg{width:20px!important;height:20px!important;max-width:20px!important;flex:0 0 20px}.rfq-layout{display:grid!important;grid-template-columns:minmax(0,1.55fr) 390px!important;gap:28px!important;align-items:start!important}.rfq-form-card,.rfq-info-card{background:#fff!important;border:1px solid rgba(11,74,165,.08)!important;border-radius:24px!important;padding:32px!important;box-shadow:var(--shadow-soft)!important}.rfq-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important}.rfq-grid .field{display:flex!important;flex-direction:column!important;gap:8px!important;position:static!important;min-height:auto!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}.rfq-grid .field.full{grid-column:1/-1!important}.rfq-grid .field label{position:static!important;margin:0!important;font-size:15px!important;font-weight:900!important;color:#0f275c!important}.rfq-grid .field input,.rfq-grid .field select,.rfq-grid .field textarea{position:static!important;display:block!important;width:100%!important;max-width:none!important;height:auto!important;min-height:56px!important;border:1px solid #d9e2ef!important;border-radius:14px!important;background:#fff!important;padding:14px 16px!important;font-size:16px!important;color:#20345f!important;box-shadow:none!important}.rfq-grid .field textarea{min-height:150px!important;resize:vertical!important}.rfq-actions{display:flex!important;align-items:center!important;gap:14px!important;flex-wrap:wrap!important;margin-top:22px!important}.rfq-form-note{position:static!important;display:inline-flex!important;align-items:center!important;min-height:42px!important;background:#eaf2ff!important;color:#1b467f!important;border-radius:14px!important;padding:10px 14px!important;font-weight:800!important}.country-map img{object-fit:contain!important;background:#f7faff;border-radius:18px}.quick-link{display:block;padding:12px 14px;margin:8px 0;border-radius:12px;background:#f7faff;border:1px solid #e2eaf5;font-weight:900;color:#173d84}.header-actions .quote-btn{white-space:nowrap}.brand-visual-card img,.brand-panel-media img{object-fit:contain!important}.catalog-head:before{content:'Use the sidebar category tree, product cards, REF/UPN codes and related routes to move from browsing to RFQ.';display:block;margin-bottom:16px;padding:14px 16px;border:1px solid #dbe9ff;border-radius:16px;background:#f7faff;color:#1b467f;font-weight:800;line-height:1.5}
@media(max-width:1199.98px){.ux-hero-grid,.rfq-layout{grid-template-columns:1fr!important}.ux-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ux-note-grid{grid-template-columns:1fr}.rfq-info-card{order:-1}}@media(max-width:767.98px){.ux-hero{padding:38px 0}.ux-choice-grid,.rfq-grid{grid-template-columns:1fr!important}.ux-actions{flex-direction:column}.ux-actions .btn{width:100%}.rfq-form-card,.rfq-info-card{padding:22px!important}}


/* =========================================================
   Premium product polish layer — applied after base system
   ========================================================= */
:root{
  --premium-navy:#071735;
  --premium-navy-2:#0b2557;
  --premium-blue:#0b4aa5;
  --premium-accent:#1b6ef3;
  --premium-ice:#f5f8fc;
  --premium-line:rgba(11,74,165,.11);
  --premium-glow:0 30px 80px rgba(11,74,165,.14);
  --premium-card:0 18px 45px rgba(16,36,74,.08);
}
body{
  background:
    radial-gradient(circle at 6% 0%, rgba(27,110,243,.10), transparent 30%),
    radial-gradient(circle at 94% 5%, rgba(15,139,109,.08), transparent 30%),
    linear-gradient(180deg,#f5f8fd 0%,#edf3fb 48%,#f8fbff 100%);
}
.site-shell{
  max-width:1480px;
  border-radius:28px;
  border:1px solid rgba(11,74,165,.08);
  box-shadow:0 24px 80px rgba(15,27,53,.10);
  overflow:hidden;
}
.topbar{
  border-bottom:1px solid rgba(11,74,165,.10);
  box-shadow:0 8px 24px rgba(15,27,53,.04);
}
.brand-mark{
  background:linear-gradient(145deg,#fff 0%,#edf5ff 72%,#dceaff 100%);
  box-shadow:0 12px 26px rgba(11,74,165,.14);
}
.brand-copy h1{font-weight:950;letter-spacing:-.035em;}
.nav-link{font-weight:800;color:#1b2948;}
.nav-link:hover,.nav-item.active>.nav-link{background:#eef5ff;box-shadow:inset 0 0 0 1px rgba(11,74,165,.08);}
.quote-btn,.btn.primary,.submit-btn{
  background:linear-gradient(180deg,#1262db 0%,#093d91 100%)!important;
  box-shadow:0 16px 32px rgba(11,74,165,.25)!important;
}
.quote-btn:hover,.btn.primary:hover,.submit-btn:hover{transform:translateY(-2px);box-shadow:0 22px 40px rgba(11,74,165,.30)!important;}
.hero{
  padding:58px 0 88px;
  background:
    radial-gradient(circle at 12% 18%,rgba(255,255,255,.95) 0,rgba(255,255,255,0) 26%),
    radial-gradient(circle at 82% 8%,rgba(27,110,243,.16) 0,rgba(27,110,243,0) 28%),
    linear-gradient(180deg,#eef5ff 0%,#f7fbff 62%,#ffffff 100%);
}
.hero h2,.hero h1{
  color:#081a3c;
  letter-spacing:-.065em;
  text-wrap:balance;
}
.hero h2 .accent{background:linear-gradient(90deg,#0b4aa5,#1b6ef3);-webkit-background-clip:text;background-clip:text;color:transparent;}
.hero p{color:#526582;}
.eyebrow{
  border:1px solid rgba(11,74,165,.12);
  background:rgba(255,255,255,.82);
  color:#0b4aa5;
  box-shadow:0 12px 30px rgba(11,74,165,.08);
}
.trust-item{
  background:rgba(255,255,255,.86);
  border:1px solid rgba(11,74,165,.10);
  box-shadow:0 18px 38px rgba(11,74,165,.08);
}
.hero-art::before,.bg-card{box-shadow:0 34px 70px rgba(11,74,165,.12), inset 0 1px 0 rgba(255,255,255,.9);}
.floating-badge{box-shadow:0 22px 46px rgba(15,27,53,.16);}
.request-card-inner{
  border:1px solid rgba(11,74,165,.10);
  box-shadow:0 30px 80px rgba(16,36,74,.12);
}
.section{padding:78px 0;}
.section-title h3,.section-kicker h3,.section-head h2,.catalog-head h1,.brand-hero-content h1,.product-detail-panel h1{
  color:#081a3c;
  letter-spacing:-.055em;
  font-weight:950;
}
.section-title p,.section-head p,.catalog-head p,.brand-hero-content p{color:#536784;}
.brand-box,.content-card,.step-icon,.premium-command-card,.premium-route-grid a,.product-card,.country-card,.brand-panel,.category-tree-card,.rfq-form-card,.rfq-info-card,.internal-links,.related-products{
  border-color:rgba(11,74,165,.10)!important;
  box-shadow:var(--premium-card)!important;
}
.brand-box:hover,.product-card:hover,.country-card:hover,.premium-command-card:hover,.premium-route-grid a:hover{
  transform:translateY(-4px);
  box-shadow:0 26px 70px rgba(16,36,74,.14)!important;
}
.feature-strip{
  background:
    radial-gradient(circle at 20% 0%,rgba(103,163,255,.28),transparent 34%),
    linear-gradient(180deg,#082a63 0%,#061a3f 100%);
}
.strip-card{border-right:1px solid rgba(255,255,255,.08);}
.premium-title-left{text-align:left;max-width:840px;margin-bottom:34px;}
.premium-title-left .eyebrow{margin-bottom:18px;}
.premium-command-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:22px;}
.premium-command-card{
  position:relative;
  min-height:260px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  padding:30px;
  overflow:hidden;
  color:#081a3c;
  background:
    radial-gradient(circle at 88% 10%,rgba(27,110,243,.16),transparent 30%),
    linear-gradient(180deg,#fff 0%,#f7fbff 100%);
  border:1px solid rgba(11,74,165,.10);
  border-radius:28px;
  transition:.25s ease;
}
.premium-command-card:before{
  content:"";position:absolute;right:-36px;top:-36px;width:150px;height:150px;border-radius:50%;background:rgba(11,74,165,.08);
}
.premium-command-card.primary-card{
  color:#fff;
  background:
    radial-gradient(circle at 82% 12%,rgba(103,163,255,.36),transparent 34%),
    linear-gradient(160deg,#0b4aa5 0%,#071735 100%);
}
.premium-command-card.primary-card p,.premium-command-card.primary-card .command-kicker{color:rgba(255,255,255,.76);}
.command-kicker{font-size:12px;text-transform:uppercase;letter-spacing:.12em;font-weight:950;color:#0b4aa5;}
.premium-command-card h4{font-size:clamp(24px,2.4vw,34px);line-height:1.1;letter-spacing:-.045em;margin:12px 0 12px;font-weight:950;}
.premium-command-card p{color:#536784;line-height:1.65;margin:0 0 22px;}
.command-link{font-weight:950;color:inherit;}
.premium-routes-strip{
  background:linear-gradient(180deg,#f8fbff 0%,#eef5ff 100%);
  border-top:1px solid rgba(11,74,165,.07);
  border-bottom:1px solid rgba(11,74,165,.07);
}
.premium-route-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:24px;}
.premium-route-head h3{font-size:clamp(34px,4vw,54px);line-height:1.05;letter-spacing:-.055em;font-weight:950;margin:12px 0 0;color:#081a3c;}
.premium-route-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;}
.premium-route-grid a{display:block;padding:22px;border-radius:22px;background:#fff;border:1px solid rgba(11,74,165,.10);transition:.25s ease;}
.premium-route-grid strong{display:block;font-size:18px;letter-spacing:-.02em;color:#081a3c;margin-bottom:6px;}
.premium-route-grid span{display:block;color:#5d6b85;line-height:1.45;font-weight:700;font-size:14px;}
.catalog-page{background:linear-gradient(180deg,#fff 0%,#f7fbff 100%);}
.catalog-sidebar{top:112px;}
.product-image{height:230px;background:linear-gradient(180deg,#fafdff 0%,#eef6ff 100%);}
.product-image img{object-fit:contain!important;padding:20px!important;}
.product-card{border-radius:28px;overflow:hidden;}
.product-body h3{font-size:23px;}
.product-meta{background:#f4f8ff;border-color:#dce8f7;}
.product-tags a,.product-tags span,.country-chips a{background:#edf5ff;color:#0b4aa5;}
.rfq-layout{align-items:stretch!important;}
.rfq-form-card,.rfq-info-card{border-radius:30px!important;}
.rfq-grid .field input,.rfq-grid .field select,.rfq-grid .field textarea{border-radius:16px!important;background:#fbfdff!important;}
.rfq-grid .field input:focus,.rfq-grid .field select:focus,.rfq-grid .field textarea:focus{background:#fff!important;border-color:#8db7ff!important;box-shadow:0 0 0 4px rgba(27,110,243,.10)!important;}
.footer{
  background:
    radial-gradient(circle at 90% 0%,rgba(27,110,243,.24),transparent 32%),
    linear-gradient(180deg,#071735 0%,#041026 100%);
}
.footer-contact-card{box-shadow:0 20px 50px rgba(0,0,0,.16);}
@media(max-width:1199.98px){.premium-command-grid,.premium-route-grid{grid-template-columns:1fr 1fr}.premium-command-card.primary-card{grid-column:1/-1}.premium-route-head{align-items:flex-start;flex-direction:column}}
@media(max-width:767.98px){.site-shell{border-radius:0}.hero{padding:36px 0 58px}.premium-command-grid,.premium-route-grid{grid-template-columns:1fr}.premium-command-card{min-height:220px;padding:24px}.premium-route-grid a{padding:18px}.section{padding:52px 0}}

/* Dynamic blog + responsive media refinements */
picture{display:contents}.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.blog-card{background:#fff;border:1px solid rgba(11,74,165,.10);border-radius:28px;overflow:hidden;box-shadow:var(--premium-card);transition:.25s ease}.blog-card:hover{transform:translateY(-4px);box-shadow:0 26px 70px rgba(16,36,74,.14)}.blog-card-media{display:grid;place-items:center;height:240px;background:linear-gradient(180deg,#fafdff 0%,#eef6ff 100%);text-decoration:none;color:#0b4aa5;font-size:32px;font-weight:950}.blog-card-media img{width:100%;height:100%;object-fit:cover}.blog-card-body{padding:24px}.blog-kicker{display:inline-flex;font-size:12px;text-transform:uppercase;letter-spacing:.12em;font-weight:950;color:#0b4aa5;margin-bottom:12px}.blog-card-body h3{font-size:24px;line-height:1.18;margin:0 0 10px;letter-spacing:-.035em}.blog-card-body h3 a{color:#081a3c;text-decoration:none}.blog-card-body p{color:#536784;line-height:1.65;margin:0 0 14px}.blog-detail .container.narrow{max-width:980px}.blog-detail-head{text-align:center;max-width:900px;margin:0 auto 34px}.blog-detail-head h1{font-size:clamp(38px,5vw,72px);line-height:1.02;letter-spacing:-.065em;color:#081a3c;margin:10px 0 16px}.blog-detail-head p{font-size:18px;line-height:1.7;color:#536784;margin:0 auto 12px;max-width:760px}.blog-detail-cover{border-radius:32px;overflow:hidden;background:#eef6ff;box-shadow:var(--premium-card);margin-bottom:36px}.blog-detail-cover img{width:100%;height:auto;display:block}.blog-content{font-size:18px;line-height:1.82;color:#26374d}.blog-content h2,.blog-content h3{color:#081a3c;letter-spacing:-.035em;line-height:1.15}.blog-content h2{font-size:36px;margin-top:38px}.blog-content h3{font-size:26px;margin-top:28px}.blog-content img{max-width:100%;height:auto;border-radius:22px}.related-product-section{background:linear-gradient(180deg,#fff 0%,#f7fbff 100%)}.country-map img,.brand-visual-card img,.product-image img,.product-detail-media img{max-width:100%;height:auto}.country-map picture,.brand-visual-card picture,.product-image picture,.product-detail-media picture{display:grid;place-items:center;width:100%;height:100%}@media(max-width:991.98px){.blog-grid{grid-template-columns:1fr 1fr}.blog-card-media{height:210px}}@media(max-width:767.98px){.blog-grid{grid-template-columns:1fr}.blog-detail-head{text-align:left}.blog-content{font-size:16px}.blog-content h2{font-size:28px}.blog-content h3{font-size:23px}}

/* Production CMS additions */
.brands-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px;margin-top:28px}
.brand-box{flex-direction:column;text-decoration:none;text-align:center;padding:14px;gap:6px}
.brand-box picture,.brand-box img{max-width:130px;max-height:44px;object-fit:contain;display:block}
.brand-box span{display:block;color:inherit;font-weight:900;line-height:1.15}
.center-actions{display:flex;justify-content:center;margin-top:24px}
.footer-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.footer-badges span{border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);border-radius:999px;padding:7px 10px;font-size:12px;color:rgba(255,255,255,.86);font-weight:700}
.product-full-description,.product-tag-cloud{margin-top:34px;padding:26px;border:1px solid #dfe7f2;border-radius:22px;background:#fff;box-shadow:0 12px 30px rgba(16,36,74,.04)}
.product-full-description h2,.product-tag-cloud h2{font-size:24px;font-weight:900;letter-spacing:-.03em;margin:0 0 12px;color:#10244a}
.rich-text{color:#52627a;line-height:1.75;font-size:16px}
.tag-cloud{display:flex;flex-wrap:wrap;gap:10px}
.product-tag-chip{display:inline-flex;border:1px solid #dbe7f5;background:#f4f8fd;color:#17406f;border-radius:999px;padding:8px 12px;font-weight:800;font-size:13px}
.country-map picture,.country-map img{max-width:100%;max-height:100%;object-fit:contain}
.multi-select{min-height:150px}
@media(max-width:1199px){.brands-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:767px){.brands-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.brand-box{height:118px}.product-full-description,.product-tag-cloud{padding:20px}}


/* Production catalog refinements */
.topbar .container-fluid-custom{position:relative}
@media (min-width:1200px){
  .nav-item{position:static}
  .mega-panel{left:50%;right:auto;top:calc(100% + 10px);transform:translateX(-50%) translateY(12px);width:min(1000px,calc(100vw - 72px));}
  .nav-item.active .mega-panel{transform:translateX(-50%) translateY(0)!important}
}
.brands-section-dynamic .brand-logo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:30px}
.brands-section-dynamic .brand-logo-card{min-height:148px;height:auto;display:flex!important;flex-direction:column!important;align-items:center;justify-content:center;padding:24px;border:1px solid rgba(11,74,165,.10);border-radius:24px;background:#fff;box-shadow:var(--shadow-soft);text-align:center;gap:14px;overflow:hidden}
.brands-section-dynamic .brand-logo-media{display:grid;place-items:center;width:100%;height:74px}
.brands-section-dynamic .brand-logo-media picture{display:grid;place-items:center;width:100%;height:100%}
.brands-section-dynamic .brand-logo-media img{width:100%;height:70px;max-width:180px;object-fit:contain;padding:4px}
.brands-section-dynamic .brand-name-text{font-size:15px;font-weight:950;color:#102040;line-height:1.2;display:block!important;max-width:100%}
.brands-section-dynamic .brand-logo-card small{display:none!important}
@media(max-width:991px){.brands-section-dynamic .brand-logo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:575px){.brands-section-dynamic .brand-logo-grid{grid-template-columns:1fr}.brands-section-dynamic .brand-logo-card{min-height:132px}}
.product-detail-modern{background:#fff}.product-detail-shop-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:34px;align-items:start;margin-top:20px}.product-detail-shop-media,.product-detail-side-info{background:#fff;border:1px solid rgba(11,74,165,.10);border-radius:28px;box-shadow:var(--shadow-soft)}.product-detail-shop-media{padding:22px}.product-detail-main-img{display:grid;place-items:center;min-height:430px;background:linear-gradient(180deg,#fafdff,#eef6ff);border-radius:22px;overflow:hidden}.product-detail-main-img picture{display:grid;place-items:center;width:100%;height:100%}.product-detail-main-img img{width:100%;height:420px;object-fit:contain;padding:18px}.product-detail-side-info{padding:32px}.product-detail-side-info h1{font-size:clamp(32px,3.4vw,50px);line-height:1.08;letter-spacing:-.055em;color:#081a3c;margin:0 0 18px}.product-cta-row{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0 22px}.product-info-list{display:grid;gap:10px;margin:22px 0}.product-info-row{display:flex;gap:10px;align-items:flex-start;justify-content:space-between;border-bottom:1px solid #e8eef7;padding:10px 0;color:#536784}.product-info-row span{font-weight:950;color:#102040}.product-info-row strong{font-weight:800;text-align:right}.product-info-row a{color:#0b4aa5}.product-short-description{font-size:17px;line-height:1.72;color:#536784;margin:22px 0 0}.product-info-tabs{margin-top:34px;border:1px solid rgba(11,74,165,.10);border-radius:26px;background:#fff;box-shadow:var(--shadow-soft);overflow:hidden}.product-details-nav{display:flex;gap:0;border-bottom:1px solid #e5edf7;background:#f7faff;overflow:auto}.product-tab-btn{appearance:none;border:0;background:transparent;padding:18px 24px;font-weight:950;color:#536784;cursor:pointer;border-right:1px solid #e5edf7;white-space:nowrap}.product-tab-btn.active{background:#fff;color:#0b4aa5}.product-tab-content{display:none;padding:30px}.product-tab-content.active{display:block}.product__details-des{font-size:17px;line-height:1.78;color:#26374d}.product__details__tag.tagcloud{display:flex;gap:10px;flex-wrap:wrap}.product__details__tag.tagcloud a{display:inline-flex;padding:10px 13px;border-radius:999px;background:#eef5ff;border:1px solid #d9e8fb;color:#174982;font-weight:900;font-size:13px}.product-spec-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:24px}.product-spec-row{border:1px solid #e2eaf5;border-radius:16px;background:#f7faff;padding:14px}.product-spec-row span{display:block;font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-weight:950;color:#718096}.product-spec-row strong{display:block;margin-top:4px;color:#102040}.related-product-section-inner{margin-top:44px}.section-head.compact{margin-bottom:22px}.blog-grid{align-items:stretch}.blog-card{height:100%;display:flex;flex-direction:column}.blog-card-body{display:flex;flex-direction:column;flex:1}.blog-card-body p{flex:1}.blog-card-media img{object-fit:cover}.blog-detail{background:linear-gradient(180deg,#fff 0%,#f7fbff 100%)}.blog-detail-cover img{max-height:520px;object-fit:cover}.related-product-section .product-grid{margin-top:22px}@media(max-width:991px){.product-detail-shop-layout{grid-template-columns:1fr}.product-detail-main-img{min-height:300px}.product-detail-main-img img{height:300px}.product-spec-grid{grid-template-columns:1fr}.product-info-row{display:block}.product-info-row strong{text-align:left;display:block;margin-top:4px}}

/* Blog article production layout refresh */
.blog-article-hero{padding-top:54px!important;padding-bottom:34px!important;background:linear-gradient(180deg,#fff 0%,#f7fbff 100%)!important}
.blog-breadcrumb{margin-bottom:24px!important}
.blog-article-hero-card{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:34px;align-items:center;border:1px solid rgba(11,74,165,.10);border-radius:34px;background:#fff;box-shadow:0 26px 80px rgba(16,36,74,.09);padding:32px;overflow:hidden}
.blog-article-copy h1{font-size:clamp(38px,4.2vw,66px);line-height:1.03;letter-spacing:-.065em;color:#081a3c;margin:8px 0 18px;max-width:880px}
.blog-article-copy p{font-size:18px;line-height:1.72;color:#526784;margin:0 0 20px;max-width:760px}
.blog-meta-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.blog-meta-row span{display:inline-flex;align-items:center;border:1px solid #dbe7f5;background:#f5f9ff;border-radius:999px;padding:9px 12px;font-size:12px;font-weight:900;color:#174982}
.blog-article-visual{min-height:360px;border-radius:28px;background:linear-gradient(135deg,#edf6ff 0%,#fff 58%,#eaf3ff 100%);display:grid;place-items:center;overflow:hidden;border:1px solid rgba(11,74,165,.08)}
.blog-article-visual picture{display:grid;place-items:center;width:100%;height:100%}.blog-article-visual img{width:100%;height:390px;object-fit:cover;display:block}.blog-article-visual img[src$=".svg"]{object-fit:contain;padding:52px}
.blog-article-section{padding-top:34px!important}.blog-article-layout{display:grid;grid-template-columns:minmax(0,760px) 320px;gap:30px;align-items:start}.blog-article-main{background:#fff;border:1px solid rgba(11,74,165,.10);border-radius:30px;padding:34px;box-shadow:0 20px 60px rgba(16,36,74,.07)}
.blog-article-sidebar{position:sticky;top:110px;display:grid;gap:16px}.blog-side-card{background:#fff;border:1px solid rgba(11,74,165,.10);border-radius:24px;padding:22px;box-shadow:0 14px 42px rgba(16,36,74,.07)}.blog-side-card span{display:inline-flex;font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:#0b4aa5;font-weight:950;margin-bottom:10px}.blog-side-card h3{font-size:22px;line-height:1.15;margin:0 0 10px;color:#081a3c;letter-spacing:-.035em}.blog-side-card p{color:#536784;line-height:1.65;margin:0 0 14px}
.blog-content.cms-content{font-size:18px;line-height:1.86;color:#26374d}.blog-content.cms-content > *:first-child{margin-top:0}.blog-content.cms-content p{margin:0 0 20px}.blog-content.cms-content h2{font-size:34px;line-height:1.15;letter-spacing:-.045em;margin:38px 0 16px}.blog-content.cms-content h3{font-size:25px;margin:28px 0 12px}.blog-content.cms-content ul,.blog-content.cms-content ol{padding-left:24px;margin:0 0 22px}.blog-content.cms-content li{margin-bottom:9px}.blog-content.cms-content blockquote{border-left:5px solid #0b4aa5;background:#f4f8ff;margin:26px 0;padding:18px 22px;border-radius:16px;color:#102040;font-weight:800}
.blog-content.cms-content img{display:block;width:100%;max-width:100%;height:auto;border-radius:24px;border:1px solid rgba(11,74,165,.10);box-shadow:0 18px 54px rgba(16,36,74,.08);margin:28px 0}.blog-content.cms-content figure{margin:30px 0}.blog-content.cms-content figcaption{font-size:13px;color:#718096;text-align:center;margin-top:10px}.blog-content.cms-content a{color:#0b4aa5;font-weight:800;text-decoration:none}.blog-content.cms-content a:hover{text-decoration:underline}
.blog-inline-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:30px}.blog-inline-figure{margin:0;border-radius:24px;overflow:hidden;border:1px solid rgba(11,74,165,.10);background:#f7fbff;box-shadow:0 16px 45px rgba(16,36,74,.07)}.blog-inline-figure picture{display:block}.blog-inline-figure img{display:block;width:100%;height:260px;object-fit:cover}.blog-inline-figure img[src$=".svg"]{object-fit:contain;padding:36px;background:#f7fbff}
.blog-card-media{background:linear-gradient(135deg,#edf6ff 0%,#fff 58%,#eaf3ff 100%)}.blog-card-media strong{font-size:18px;text-transform:uppercase;letter-spacing:.12em}.related-product-section{padding-top:52px!important}
@media(max-width:1199.98px){.blog-article-hero-card{grid-template-columns:1fr}.blog-article-visual{min-height:300px}.blog-article-layout{grid-template-columns:1fr}.blog-article-sidebar{position:static;grid-template-columns:1fr 1fr}.blog-article-copy h1{font-size:clamp(34px,7vw,58px)}}
@media(max-width:767.98px){.blog-article-hero{padding-top:32px!important}.blog-article-hero-card{padding:20px;border-radius:26px}.blog-article-copy h1{font-size:36px}.blog-article-copy p{font-size:16px}.blog-article-main{padding:22px;border-radius:24px}.blog-content.cms-content{font-size:16px}.blog-content.cms-content h2{font-size:27px}.blog-article-visual img{height:260px}.blog-article-sidebar{grid-template-columns:1fr}.blog-inline-gallery{grid-template-columns:1fr}.blog-inline-figure img{height:220px}}

/* Country flag + category cleanup */
.country-map{background:linear-gradient(180deg,#fafdff 0%,#eef6ff 100%);display:grid;place-items:center;overflow:hidden}
.country-map--hero{min-height:280px;padding:28px}
.country-flag-image{width:100%;height:100%;object-fit:contain;display:block}
.country-flag{padding:18px}
.country-flag--hero{max-width:100%;max-height:240px;padding:10px}
.country-flag-fallback{font-size:76px;line-height:1;display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%;color:#081a3c}
.category-card--no-media .country-body{padding-top:28px}
.brand-hero-layout--text{grid-template-columns:minmax(0,1fr)!important}
.brand-hero-layout--text .brand-hero-content{max-width:980px}

/* Search, archives, sliders and content refinements */
.header-search{position:relative;display:inline-flex;align-items:center}.header-search .search-panel{position:absolute;right:0;top:calc(100% + 12px);width:360px;background:#fff;border:1px solid rgba(11,74,165,.12);border-radius:18px;box-shadow:0 22px 70px rgba(16,36,74,.18);padding:12px;opacity:0;visibility:hidden;transform:translateY(10px);transition:.2s ease;z-index:150}.header-search.open .search-panel{opacity:1;visibility:visible;transform:translateY(0)}.product-search-input{width:100%;border:1px solid #d9e5f3;border-radius:13px;padding:13px 14px;font-weight:800;color:#102040;background:#f8fbff}.search-results{display:grid;gap:7px;max-height:360px;overflow:auto;margin-top:10px}.search-results a{display:grid;gap:4px;padding:10px;border-radius:12px;border:1px solid #edf2f8;background:#fff;color:#102040;text-decoration:none}.search-results a:hover{background:#f1f7ff;border-color:#cfe1fb}.search-results strong{font-size:14px;line-height:1.25}.search-results span,.search-results small{font-size:12px;color:#5d6b85}.search-results .search-all{background:#0b4aa5;color:#fff;text-align:center;font-weight:900;display:block}.product-archive-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:28px;align-items:start}.product-archive-sidebar{position:sticky;top:112px;background:#fff;border:1px solid rgba(11,74,165,.10);border-radius:24px;box-shadow:var(--shadow-soft);padding:22px}.product-archive-sidebar form{display:grid;gap:16px}.product-archive-sidebar label{display:grid;gap:8px;font-weight:950;color:#102040}.product-archive-sidebar input,.product-archive-sidebar select{border:1px solid #d9e5f3;border-radius:14px;padding:13px 14px;background:#fbfdff;color:#263858}.archive-summary{margin:0 0 16px;padding:12px 15px;border-radius:16px;background:#f4f8ff;border:1px solid #dfe9f6;color:#536784;font-weight:800}.product-grid-archive{grid-template-columns:repeat(4,minmax(0,1fr))!important}.compact-product-card .product-image{height:180px;padding:10px}.compact-product-card .product-image img{width:100%;height:160px!important;object-fit:contain!important;padding:8px!important}.compact-product-card .product-body{padding:16px;gap:9px}.compact-product-card .product-body h3{font-size:18px;line-height:1.18}.compact-product-card .product-body p{font-size:14px;line-height:1.5}.compact-product-card .product-actions .btn{padding:9px 11px;font-size:12px}.compact-product-card .product-tags{display:none}.product-origin-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.product-origin-meta span{display:inline-flex;gap:4px;border:1px solid #dbe8f7;background:#f4f8ff;border-radius:999px;padding:9px 12px;font-size:13px;font-weight:900;color:#174982}.product-origin-meta a{color:#0b4aa5}.product-slider-shell{position:relative;border:1px solid rgba(11,74,165,.10);border-radius:28px;padding:34px 58px;background:#fff;box-shadow:var(--shadow-soft);overflow:hidden}.product-slider-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 60px) / 4);gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.product-slider-track::-webkit-scrollbar{display:none}.product-slider-item{scroll-snap-align:start;min-width:0}.product-slider-item .product-card{height:100%}.slider-btn{position:absolute;top:48px;width:46px;height:46px;border-radius:50%;border:1px solid #dfe7f2;background:#fff;box-shadow:var(--shadow-soft);font-size:22px;font-weight:900;z-index:2}.slider-prev{left:22px}.slider-next{right:22px}.pagination-nav{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:28px}.pagination-nav a{display:grid;place-items:center;min-width:38px;height:38px;padding:0 12px;border-radius:12px;border:1px solid #dce8f7;background:#fff;color:#174982;font-weight:950;text-decoration:none}.pagination-nav a.active,.pagination-nav a:hover{background:#0b4aa5;color:#fff;border-color:#0b4aa5}.blog-standard-detail{background:#fff}.blog-standard-detail .container.narrow{max-width:980px}.blog-standard-head{padding:18px 0 28px}.blog-standard-head h1{font-size:clamp(36px,4.4vw,64px);line-height:1.04;letter-spacing:-.06em;color:#081a3c;margin:12px 0 16px}.blog-standard-head p{font-size:18px;line-height:1.7;color:#526784;max-width:780px}.blog-standard-cover{margin:0 0 30px;border-radius:28px;overflow:hidden;border:1px solid rgba(11,74,165,.10);box-shadow:var(--shadow-soft);background:#f7fbff}.blog-standard-cover img{width:100%;height:auto;max-height:520px;object-fit:cover}.blog-content.cms-content{background:#fff;border:1px solid rgba(11,74,165,.08);border-radius:26px;padding:32px;box-shadow:var(--shadow-soft)}.blog-content.cms-content p{margin:0 0 18px}.blog-content.cms-content h4{font-size:22px;color:#081a3c;margin:26px 0 12px}.blog-content.cms-content blockquote{font-size:19px;line-height:1.65}.category-card--no-media .country-map{display:none!important}.category-card--no-media .country-body{padding:24px!important}.country-grid .category-card--no-media{min-height:auto}.brand-hero-layout--text{grid-template-columns:minmax(0,1fr)!important}.country-map--hero{min-height:280px;display:grid;place-items:center}.country-flag-image{width:100%;height:100%;object-fit:contain}.country-flag--hero{max-height:240px}.rfq-grid select[name="country"] option{font-weight:500}
@media(max-width:1199.98px){.product-grid-archive{grid-template-columns:repeat(3,minmax(0,1fr))!important}.product-slider-track{grid-auto-columns:calc((100% - 20px) / 2)}.product-archive-layout{grid-template-columns:1fr}.product-archive-sidebar{position:static}.header-search .search-panel{right:-80px}}
@media(max-width:767.98px){.product-grid-archive{grid-template-columns:1fr!important}.product-slider-shell{padding:26px 18px}.product-slider-track{grid-auto-columns:85%}.slider-btn{display:none}.header-search .search-panel{position:fixed;left:14px;right:14px;top:90px;width:auto}.blog-content.cms-content{padding:22px}.product-archive-sidebar{padding:18px}}

/* Slider and catalog cleanup */
.product-slider-track{grid-auto-columns:calc((100% - 60px) / 4)!important}
.product-slider-shell .section-head p{display:none!important}
.category-card--no-media .country-map{display:none!important}
.category-card--no-media .country-body{padding-top:28px!important}
@media(max-width:1199.98px){.product-slider-track{grid-auto-columns:calc((100% - 20px) / 2)!important}}
@media(max-width:767.98px){.product-slider-track{grid-auto-columns:86%!important}}


/* Country detail product filtering + 4-column grid */
.country-product-filter{
  display:grid;
  grid-template-columns: minmax(220px,1.4fr) minmax(180px,1fr) minmax(180px,1fr) auto;
  gap:14px;
  align-items:end;
  margin:0 0 18px;
  padding:18px;
  border:1px solid rgba(11,74,165,.10);
  border-radius:22px;
  background:#f7fbff;
  box-shadow:var(--shadow-soft);
}
.country-product-filter label{
  display:grid;
  gap:8px;
  font-weight:950;
  color:#102040;
  font-size:13px;
}
.country-product-filter input,
.country-product-filter select{
  width:100%;
  min-height:48px;
  border:1px solid #d9e5f3;
  border-radius:14px;
  padding:12px 14px;
  background:#fff;
  color:#263858;
  font-weight:700;
}
.country-filter-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.country-product-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:18px;
}
.country-products-section .compact-product-card .product-image{height:170px}
.country-products-section .compact-product-card .product-image img{height:150px!important;object-fit:contain!important;padding:8px!important}
.country-products-section .compact-product-card .product-body{padding:18px}
.country-products-section .compact-product-card .product-body h3{font-size:18px;line-height:1.16}
.country-products-section .compact-product-card .product-body p{font-size:13px;line-height:1.45}
.country-products-section .compact-product-card .product-actions .btn{font-size:12px;padding:9px 11px}
@media(max-width:1199.98px){
  .country-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .country-product-filter{grid-template-columns:1fr 1fr}
}
@media(max-width:767.98px){
  .country-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .country-product-filter{grid-template-columns:1fr}
}
@media(max-width:520px){
  .country-product-grid{grid-template-columns:1fr!important}
}

/* Update: horizontal product archive filter + category cards without media */
.product-archive-layout{display:block!important}
.product-archive-sidebar{display:none!important}
.product-archive-filter-horizontal{display:grid;grid-template-columns:1.2fr 1.2fr 1.2fr auto;gap:14px;align-items:end;margin:0 0 22px;padding:18px;border:1px solid rgba(11,74,165,.10);border-radius:24px;background:#fff;box-shadow:var(--shadow-soft)}
.product-archive-filter-horizontal label{display:grid;gap:8px;font-weight:950;color:#102040}
.product-archive-filter-horizontal label span{font-size:14px}
.product-archive-filter-horizontal input,.product-archive-filter-horizontal select{width:100%;border:1px solid #d9e5f3;border-radius:14px;padding:13px 14px;background:#fbfdff;color:#263858;font-weight:800}
.archive-filter-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.product-grid-category-preview{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:20px}
.category-card--no-media .country-map{display:none!important}
.category-card--no-media .country-body{padding:24px!important}
.category-card--no-media .country-body p{display:none!important}
.category-products-preview .center-actions{margin-top:26px}
.category-products-preview .section-head p{display:none!important}
@media(max-width:1199.98px){.product-archive-filter-horizontal{grid-template-columns:1fr 1fr}.product-grid-category-preview{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:767.98px){.product-archive-filter-horizontal{grid-template-columns:1fr}.product-grid-category-preview{grid-template-columns:1fr!important}}

/* === Requested UI fixes: countries archive, RFQ spacing, product filters === */
.country-archive-toolbar{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:16px;
  flex-wrap:wrap;
  margin:0 0 18px;
  padding:18px;
  border:1px solid rgba(11,74,165,.10);
  border-radius:24px;
  background:#fff;
  box-shadow:var(--shadow-soft);
}
.country-archive-search{
  flex:1 1 320px;
  display:grid;
  gap:8px;
}
.country-archive-search label{
  font-size:14px;
  font-weight:950;
  color:#102040;
}
.country-archive-search input{
  width:100%;
  border:1px solid #d9e5f3;
  border-radius:14px;
  padding:13px 14px;
  background:#fbfdff;
  color:#263858;
  font-weight:800;
}
.country-grid--archive{
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
}
.country-card--archive .country-map img{
  height:132px !important;
}
.country-card--archive .country-body h3{
  font-size:22px;
}
.country-card--archive .country-chips{
  margin-bottom:14px;
}
.country-archive-actions{
  justify-content:flex-end;
}

.rfq-grid{
  row-gap:22px !important;
  column-gap:18px !important;
}
.rfq-grid .field{
  gap:10px !important;
}
.rfq-grid .field input,
.rfq-grid .field select,
.rfq-grid .field textarea{
  margin:0 !important;
}
.rfq-grid .field label{
  margin-bottom:2px !important;
}

.product-archive-filter-horizontal{
  gap:16px !important;
}
.product-archive-filter-horizontal label{
  min-width:0;
}
.product-archive-filter-horizontal input,
.product-archive-filter-horizontal select{
  min-height:54px;
}
.archive-filter-actions{
  align-self:end;
}

@media (max-width: 1399.98px){
  .country-grid--archive{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }
}
@media (max-width: 991.98px){
  .country-grid--archive{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
  .country-archive-toolbar{
    align-items:stretch;
  }
}
@media (max-width: 767.98px){
  .country-grid--archive{
    grid-template-columns:1fr !important;
  }
  .country-card--archive .country-map img{
    height:120px !important;
  }
  .country-archive-toolbar{
    padding:16px;
  }
  .country-archive-actions{
    width:100%;
    justify-content:flex-start;
  }
}

/* Homepage brand grid: 4 cards per row + relaxed View all spacing */
.brands-section-dynamic{
  padding-bottom:54px !important;
}
.brands-section-dynamic .brand-logo-grid{
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:18px !important;
  margin-top:32px !important;
}
.brands-section-dynamic .center-actions{
  margin-top:34px !important;
  margin-bottom:0 !important;
}
.brands-section-dynamic .center-actions .btn{
  min-width:170px;
}
@media(max-width:1199.98px){
  .brands-section-dynamic .brand-logo-grid{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }
}
@media(max-width:991.98px){
  .brands-section-dynamic .brand-logo-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}
@media(max-width:575.98px){
  .brands-section-dynamic .brand-logo-grid{
    grid-template-columns:1fr !important;
  }
  .brands-section-dynamic{
    padding-bottom:42px !important;
  }
}

/* Homepage brand visual refinement */
.brands-section-dynamic .section-title h2{
  margin:0;
  font-size:44px;
  letter-spacing:-.035em;
  font-weight:900;
  color:#112040;
  line-height:1.12;
}
.brands-section-dynamic .brand-logo-media{
  height:96px !important;
}
.brands-section-dynamic .brand-logo-media img{
  width:200px !important;
  max-width:200px !important;
  height:90px !important;
  object-fit:contain !important;
  padding:0 !important;
}
.brands-section-dynamic .brand-logo-card{
  min-height:172px !important;
}
@media(max-width:991.98px){
  .brands-section-dynamic .section-title h2{font-size:34px;}
}
@media(max-width:575.98px){
  .brands-section-dynamic .section-title h2{font-size:28px;}
  .brands-section-dynamic .brand-logo-media img{width:180px !important;max-width:180px !important;}
}

/* === RFQ contact fields + content polish update === */
.request-form--expanded .rfq-contact-row{
  row-gap:18px;
  margin-bottom:18px;
}
.request-form--expanded .rfq-contact-row + .row{
  row-gap:18px;
}
.phone-field-group{
  display:grid;
  grid-template-columns:130px minmax(0,1fr);
  gap:10px;
  width:100%;
}
.phone-field-group .field,
.phone-field-group select,
.phone-field-group input{
  width:100% !important;
  min-width:0 !important;
  box-sizing:border-box !important;
}
.phone-field-group .phone-code-select{
  padding-left:14px !important;
  padding-right:34px !important;
}
.phone-field-group .phone-number-input{
  padding-left:16px !important;
  padding-right:16px !important;
}
.rfq-grid .phone-field .phone-field-group{
  grid-template-columns:140px minmax(0,1fr);
}
.rfq-grid .phone-field select,
.rfq-grid .phone-field input{
  height:56px !important;
  min-height:56px !important;
  border:1px solid #d9e2ef !important;
  border-radius:14px !important;
  background:#fbfdff !important;
  padding:14px 16px !important;
  font-size:16px !important;
  color:#20345f !important;
}
.request-card-inner .field-wrap{
  height:100%;
}
.request-card-inner .field-label{
  min-height:18px;
}
.request-card-inner .submit-btn{
  width:100%;
}

/* How It Works icons: 50% larger */
.step-icon{
  width:177px !important;
  height:177px !important;
  margin-bottom:30px !important;
}
.step-icon svg{
  width:93px !important;
  height:93px !important;
}
.step-number{
  top:0 !important;
  transform:translateX(-145px) !important;
}
.step-connector{
  top:126px !important;
}

@media(max-width:1199.98px){
  .phone-field-group{grid-template-columns:120px minmax(0,1fr);}
}
@media(max-width:767.98px){
  .phone-field-group,
  .rfq-grid .phone-field .phone-field-group{grid-template-columns:1fr;}
  .step-icon{width:138px !important;height:138px !important;}
  .step-icon svg{width:74px !important;height:74px !important;}
  .step-number{transform:translateX(-104px) !important;}
}
.step-icon svg{max-width:none !important;}

/* Product detail quote modal */
html.modal-open{overflow:hidden}
.product-quote-modal{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;padding:22px}
.product-quote-modal.is-open{display:flex}
.product-quote-backdrop{position:absolute;inset:0;background:rgba(4,18,45,.56);backdrop-filter:blur(8px)}
.product-quote-dialog{position:relative;z-index:1;width:min(780px,100%);max-height:92vh;overflow:auto;background:#fff;border:1px solid rgba(12,74,165,.16);border-radius:30px;padding:34px;box-shadow:0 34px 90px rgba(5,22,56,.30);color:#071a3d}
.product-quote-close{position:absolute;right:18px;top:16px;width:42px;height:42px;border:1px solid #dce8f6;border-radius:50%;background:#fff;color:#071a3d;font-size:28px;line-height:1;cursor:pointer;display:grid;place-items:center}
.product-quote-dialog .eyebrow{display:inline-flex;align-items:center;padding:8px 13px;border-radius:999px;background:#f1f7ff;color:#0055bf;font-weight:950;font-size:13px;margin-bottom:14px}
.product-quote-dialog h2{font-size:clamp(32px,4vw,46px);line-height:1.04;letter-spacing:-.045em;margin:0 46px 10px 0;color:#071a3d}
.product-quote-dialog p{color:#536984;font-size:17px;line-height:1.7;margin:0 0 22px}
.quote-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:18px}
.quote-field-grid label{display:grid;gap:8px;font-size:14px;font-weight:950;color:#102040}
.quote-field-grid input,.quote-field-grid textarea{width:100%;border:1px solid #d9e5f3;border-radius:16px;background:#fbfdff;color:#263858;padding:15px 16px;font-size:16px;font-weight:750;outline:none;transition:border-color .18s ease,box-shadow .18s ease}
.quote-field-grid input:focus,.quote-field-grid textarea:focus{border-color:#0b63ce;box-shadow:0 0 0 4px rgba(11,99,206,.12)}
.quote-field-full{grid-column:1/-1}
.product-quote-summary{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 20px}
.product-quote-summary span{display:inline-flex;align-items:center;border:1px solid #dce8f6;background:#f3f8ff;border-radius:999px;padding:8px 12px;color:#0c3d83;font-weight:850;font-size:13px}
.product-quote-summary strong{color:#071a3d;margin-right:4px}
.quote-modal-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:6px}
.product-quote-form .rfq-note{margin:14px 0 0;color:#0c3d83;font-weight:850;font-size:14px}
@media(max-width:720px){.product-quote-dialog{padding:26px 18px;border-radius:22px}.quote-field-grid{grid-template-columns:1fr}.product-quote-dialog h2{margin-right:44px}.quote-modal-actions .btn{width:100%;justify-content:center}}

/* Product quote modal phone code selector */
.product-quote-form .quote-phone-group{
  grid-template-columns:170px minmax(0,1fr);
  gap:12px;
}
.product-quote-form .quote-phone-group select,
.product-quote-form .quote-phone-group input{
  width:100% !important;
  min-height:54px !important;
  border:1px solid #d9e5f3 !important;
  border-radius:16px !important;
  background:#fbfdff !important;
  color:#263858 !important;
  padding:14px 16px !important;
  font-size:16px !important;
  font-weight:750 !important;
  box-sizing:border-box !important;
}
.product-quote-form .quote-phone-group select:focus,
.product-quote-form .quote-phone-group input:focus{
  border-color:#0b63ce !important;
  box-shadow:0 0 0 4px rgba(11,99,206,.12) !important;
  outline:none !important;
}
@media(max-width:720px){
  .product-quote-form .quote-phone-group{grid-template-columns:1fr;}
}



/* =========================================================
   FINAL RESPONSIVE FORM + BRAND VISUAL STABILITY PATCH
   Fixes:
   - homepage RFQ form spacing / mobile stacking
   - /request-a-quote form spacing / mobile stacking
   - phone code + phone number alignment
   - homepage trusted brand logo size restored
   ========================================================= */

/* ---------- Homepage request card ---------- */
.request-card,
.request-panel,
.request-card-inner {
  overflow: visible !important;
}

.request-form,
.request-form--expanded {
  width: 100% !important;
}

.request-form--expanded .rfq-contact-row,
.request-card-inner .rfq-contact-row {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 18px !important;
  align-items: end !important;
  margin-bottom: 18px !important;
}

.request-form--expanded .rfq-contact-row > *,
.request-card-inner .rfq-contact-row > * {
  width: 100% !important;
  max-width: none !important;
  flex: 0 0 auto !important;
  min-width: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.request-form--expanded > .row:not(.rfq-contact-row),
.request-card-inner > form > .row:not(.rfq-contact-row),
.request-form--expanded .rfq-selector-row {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 18px !important;
  align-items: end !important;
}

.request-form--expanded > .row:not(.rfq-contact-row) > *,
.request-card-inner > form > .row:not(.rfq-contact-row) > *,
.request-form--expanded .rfq-selector-row > * {
  width: 100% !important;
  max-width: none !important;
  flex: 0 0 auto !important;
  min-width: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.request-card-inner .field-label,
.request-form--expanded .field-label,
.request-card-inner label,
.request-form--expanded label {
  display: block !important;
  margin: 0 0 8px !important;
  font-size: 13px !important;
  line-height: 1.2 !important;
  font-weight: 950 !important;
  color: #263b5f !important;
}

.request-card-inner .field,
.request-form--expanded .field,
.request-card-inner input,
.request-card-inner select,
.request-form--expanded input,
.request-form--expanded select {
  width: 100% !important;
  min-width: 0 !important;
  height: 58px !important;
  min-height: 58px !important;
  border: 1px solid #d7e2f0 !important;
  border-radius: 16px !important;
  background: #fbfdff !important;
  color: #14264a !important;
  font-size: 16px !important;
  font-weight: 750 !important;
  box-sizing: border-box !important;
  box-shadow: none !important;
}

.request-card-inner input,
.request-card-inner select,
.request-form--expanded input,
.request-form--expanded select {
  padding: 0 16px !important;
}

.request-form--expanded .submit-btn,
.request-card-inner .submit-btn {
  width: 100% !important;
  height: 58px !important;
  min-height: 58px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-top: 0 !important;
  white-space: nowrap !important;
}

/* ---------- Phone field group, all forms ---------- */
.phone-field-group,
.quote-phone-group,
.product-quote-form .quote-phone-group,
.rfq-grid .phone-field .phone-field-group {
  display: grid !important;
  grid-template-columns: minmax(170px, .8fr) minmax(170px, 1.2fr) !important;
  gap: 12px !important;
  width: 100% !important;
  min-width: 0 !important;
}

.phone-field-group select,
.phone-field-group input,
.quote-phone-group select,
.quote-phone-group input,
.product-quote-form .quote-phone-group select,
.product-quote-form .quote-phone-group input,
.rfq-grid .phone-field select,
.rfq-grid .phone-field input {
  width: 100% !important;
  min-width: 0 !important;
  height: 58px !important;
  min-height: 58px !important;
  border: 1px solid #d7e2f0 !important;
  border-radius: 16px !important;
  background: #fbfdff !important;
  color: #14264a !important;
  font-size: 16px !important;
  font-weight: 750 !important;
  box-sizing: border-box !important;
}

.phone-field-group select,
.quote-phone-group select,
.product-quote-form .quote-phone-group select {
  padding: 0 34px 0 14px !important;
}

.phone-field-group input,
.quote-phone-group input,
.product-quote-form .quote-phone-group input {
  padding: 0 16px !important;
}

/* ---------- Request a Quote page ---------- */
.rfq-layout {
  display: grid !important;
  grid-template-columns: minmax(0, 1.65fr) minmax(320px, .85fr) !important;
  gap: 30px !important;
  align-items: start !important;
}

.rfq-form-card,
.rfq-info-card {
  overflow: visible !important;
}

.rfq-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 22px 18px !important;
  align-items: start !important;
}

.rfq-grid .field {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  min-width: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  position: static !important;
}

.rfq-grid .field.full,
.rfq-grid .field.field-full {
  grid-column: 1 / -1 !important;
}

.rfq-grid .field label {
  display: block !important;
  margin: 0 !important;
  font-size: 15px !important;
  line-height: 1.2 !important;
  font-weight: 950 !important;
  color: #0b2658 !important;
}

.rfq-grid .field input,
.rfq-grid .field select,
.rfq-grid .field textarea {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  border: 1px solid #d7e2f0 !important;
  border-radius: 16px !important;
  background: #fbfdff !important;
  color: #14264a !important;
  font-size: 16px !important;
  font-weight: 750 !important;
  box-sizing: border-box !important;
  box-shadow: none !important;
  outline: none !important;
}

.rfq-grid .field input,
.rfq-grid .field select {
  height: 58px !important;
  min-height: 58px !important;
  padding: 0 16px !important;
}

.rfq-grid .field textarea {
  min-height: 156px !important;
  line-height: 1.55 !important;
  padding: 16px !important;
  resize: vertical !important;
}

/* ---------- Product quote modal ---------- */
.product-quote-dialog {
  width: min(820px, calc(100vw - 28px)) !important;
  overflow-x: hidden !important;
}

.quote-field-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 18px !important;
}

.quote-field-grid label {
  min-width: 0 !important;
}

.quote-field-grid input,
.quote-field-grid select,
.quote-field-grid textarea {
  width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}

/* ---------- Homepage trusted brands restored ---------- */
.brands-section-dynamic {
  padding-bottom: 56px !important;
}

.brands-section-dynamic .section-title h2,
.brands-section-dynamic .section-head h2 {
  font-size: clamp(38px, 4.2vw, 56px) !important;
  line-height: 1.05 !important;
  letter-spacing: -0.055em !important;
  font-weight: 950 !important;
  color: #071a3d !important;
}

.brands-section-dynamic .brand-logo-grid,
.brands-section-dynamic .brands-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 22px !important;
  max-width: 1180px !important;
  margin: 42px auto 0 !important;
}

.brands-section-dynamic .brand-logo-card,
.brands-section-dynamic .brand-box {
  min-height: 188px !important;
  padding: 34px 26px 28px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 22px !important;
  background: #fff !important;
  overflow: hidden !important;
}

.brands-section-dynamic .brand-logo-media {
  min-height: 96px !important;
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
}

.brands-section-dynamic .brand-logo-media picture,
.brands-section-dynamic .brand-logo-media img,
.brands-section-dynamic .brand-box picture,
.brands-section-dynamic .brand-box img {
  width: 200px !important;
  max-width: 90% !important;
  height: auto !important;
  max-height: 105px !important;
  object-fit: contain !important;
  padding: 0 !important;
  display: block !important;
}

.brands-section-dynamic .brand-name-text,
.brands-section-dynamic .brand-box span {
  display: block !important;
  margin-top: 15px !important;
  font-size: 17px !important;
  line-height: 1.2 !important;
  font-weight: 950 !important;
  color: #071a3d !important;
  text-align: center !important;
}

.brands-section-dynamic .center-actions {
  margin-top: 40px !important;
}

/* ---------- Responsive stabilization ---------- */
@media (max-width: 1199.98px) {
  .request-form--expanded .rfq-contact-row,
  .request-card-inner .rfq-contact-row,
  .request-form--expanded > .row:not(.rfq-contact-row),
  .request-card-inner > form > .row:not(.rfq-contact-row),
  .request-form--expanded .rfq-selector-row {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .rfq-layout {
    grid-template-columns: 1fr !important;
  }

  .brands-section-dynamic .brand-logo-grid,
  .brands-section-dynamic .brands-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 991.98px) {
  .rfq-grid,
  .quote-field-grid {
    grid-template-columns: 1fr !important;
  }

  .brands-section-dynamic .brand-logo-grid,
  .brands-section-dynamic .brands-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .brands-section-dynamic .section-title h2,
  .brands-section-dynamic .section-head h2 {
    font-size: 38px !important;
  }
}

@media (max-width: 767.98px) {
  .request-card,
  .request-card-inner {
    border-radius: 22px !important;
  }

  .request-form--expanded .rfq-contact-row,
  .request-card-inner .rfq-contact-row,
  .request-form--expanded > .row:not(.rfq-contact-row),
  .request-card-inner > form > .row:not(.rfq-contact-row),
  .request-form--expanded .rfq-selector-row {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }

  .request-card-inner .field,
  .request-form--expanded .field,
  .request-card-inner input,
  .request-card-inner select,
  .request-form--expanded input,
  .request-form--expanded select,
  .request-form--expanded .submit-btn,
  .request-card-inner .submit-btn {
    height: 58px !important;
    min-height: 58px !important;
  }

  .phone-field-group,
  .quote-phone-group,
  .product-quote-form .quote-phone-group,
  .rfq-grid .phone-field .phone-field-group {
    grid-template-columns: minmax(136px, .9fr) minmax(150px, 1.1fr) !important;
    gap: 10px !important;
  }

  .rfq-form-card,
  .rfq-info-card {
    padding: 22px !important;
    border-radius: 22px !important;
  }

  .product-quote-dialog {
    padding: 24px 18px !important;
    border-radius: 22px !important;
    max-height: 92vh !important;
  }

  .product-quote-dialog h2 {
    font-size: 30px !important;
  }
}

@media (max-width: 575.98px) {
  .brands-section-dynamic .brand-logo-grid,
  .brands-section-dynamic .brands-grid {
    grid-template-columns: 1fr !important;
  }

  .brands-section-dynamic .section-title h2,
  .brands-section-dynamic .section-head h2 {
    font-size: 30px !important;
  }

  .brands-section-dynamic .brand-logo-media picture,
  .brands-section-dynamic .brand-logo-media img,
  .brands-section-dynamic .brand-box picture,
  .brands-section-dynamic .brand-box img {
    width: 180px !important;
    max-height: 95px !important;
  }
}

@media (max-width: 430px) {
  .phone-field-group,
  .quote-phone-group,
  .product-quote-form .quote-phone-group,
  .rfq-grid .phone-field .phone-field-group {
    grid-template-columns: 1fr !important;
  }
}

/* ==========================================================
   FINAL RFQ + HOMEPAGE RESPONSIVE STABILIZATION PATCH
   Fixes: homepage form overflow, /request-a-quote spacing,
   phone code field layout, mobile RFQ layout, brand logo size.
   ========================================================== */

/* Global form safety */
.request-card,
.request-card-inner,
.request-card-inner form,
.request-form,
.request-form--expanded,
.rfq-form-card,
.rfq-form-card form,
.rfq-grid,
.product-quote-form,
.product-quote-dialog {
  box-sizing: border-box !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

.request-card-inner *,
.request-form--expanded *,
.rfq-form-card *,
.product-quote-dialog * {
  box-sizing: border-box !important;
}

/* Homepage “Tell us what you need” card */
.request-card,
.request-card-inner {
  overflow: visible !important;
}

.request-card-inner {
  width: min(1180px, calc(100vw - 48px)) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: clamp(28px, 3vw, 46px) !important;
}

.request-form--expanded,
.request-card-inner form {
  display: grid !important;
  gap: 20px !important;
  width: 100% !important;
}

.request-form--expanded .rfq-contact-row,
.request-card-inner .rfq-contact-row,
.request-form--expanded .rfq-selector-row,
.request-form--expanded > .row:not(.rfq-contact-row),
.request-card-inner > form > .row:not(.rfq-contact-row) {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 18px 22px !important;
  align-items: end !important;
  width: 100% !important;
  margin: 0 !important;
}

.request-form--expanded .rfq-contact-row > *,
.request-card-inner .rfq-contact-row > *,
.request-form--expanded .rfq-selector-row > *,
.request-form--expanded > .row:not(.rfq-contact-row) > *,
.request-card-inner > form > .row:not(.rfq-contact-row) > * {
  min-width: 0 !important;
  max-width: 100% !important;
  width: 100% !important;
}

.request-form--expanded label,
.request-card-inner label,
.request-form--expanded .field-label,
.request-card-inner .field-label {
  display: block !important;
  margin: 0 0 8px !important;
  padding: 0 !important;
  font-size: 13px !important;
  line-height: 1.25 !important;
  font-weight: 950 !important;
  color: #102858 !important;
}

.request-form--expanded input,
.request-form--expanded select,
.request-card-inner input,
.request-card-inner select {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  height: 58px !important;
  min-height: 58px !important;
  padding: 0 16px !important;
  border: 1px solid #d9e5f3 !important;
  border-radius: 16px !important;
  background: #fbfdff !important;
  color: #14264a !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  box-shadow: none !important;
  outline: none !important;
}

.request-form--expanded input::placeholder,
.request-card-inner input::placeholder {
  color: #7c8798 !important;
  font-weight: 750 !important;
}

/* Phone split field — desktop/tablet */
.phone-field,
.rfq-grid .phone-field,
.request-form--expanded .phone-field,
.request-card-inner .phone-field {
  min-width: 0 !important;
  max-width: 100% !important;
}

.phone-field-group,
.quote-phone-group,
.product-quote-form .quote-phone-group,
.rfq-grid .phone-field .phone-field-group,
.request-form--expanded .phone-field-group,
.request-card-inner .phone-field-group {
  display: grid !important;
  grid-template-columns: minmax(118px, .92fr) minmax(0, 1.08fr) !important;
  gap: 12px !important;
  align-items: stretch !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

.phone-field-group select,
.phone-field-group input,
.quote-phone-group select,
.quote-phone-group input,
.product-quote-form .quote-phone-group select,
.product-quote-form .quote-phone-group input,
.rfq-grid .phone-field .phone-field-group select,
.rfq-grid .phone-field .phone-field-group input {
  min-width: 0 !important;
  max-width: 100% !important;
  width: 100% !important;
  height: 58px !important;
  min-height: 58px !important;
  margin: 0 !important;
}

/* Button should never push the homepage form outside the card */
.request-form--expanded .submit-btn,
.request-card-inner .submit-btn,
.request-form--expanded button[type="submit"],
.request-card-inner button[type="submit"] {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  height: 58px !important;
  min-height: 58px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  white-space: nowrap !important;
  border-radius: 16px !important;
  padding: 0 18px !important;
  margin: 0 !important;
}

/* /request-a-quote/ page */
.rfq-layout {
  display: grid !important;
  grid-template-columns: minmax(0, 1.55fr) minmax(320px, .85fr) !important;
  gap: 30px !important;
  align-items: start !important;
}

.rfq-form-card,
.rfq-info-card {
  padding: clamp(24px, 2.4vw, 34px) !important;
  border-radius: 28px !important;
  overflow: visible !important;
}

.rfq-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 24px 20px !important;
  align-items: start !important;
  width: 100% !important;
}

.rfq-grid .field {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  min-width: 0 !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  background: transparent !important;
  position: static !important;
}

.rfq-grid .field.full,
.rfq-grid .field.field-full {
  grid-column: 1 / -1 !important;
}

.rfq-grid .field label {
  position: static !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 14px !important;
  line-height: 1.25 !important;
  font-weight: 950 !important;
  color: #102858 !important;
}

.rfq-grid .field input,
.rfq-grid .field select,
.rfq-grid .field textarea {
  position: static !important;
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  border: 1px solid #d9e5f3 !important;
  border-radius: 16px !important;
  background: #fbfdff !important;
  color: #14264a !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  box-shadow: none !important;
  outline: none !important;
}

.rfq-grid .field input,
.rfq-grid .field select {
  height: 58px !important;
  min-height: 58px !important;
  padding: 0 16px !important;
}

.rfq-grid .field textarea {
  min-height: 150px !important;
  line-height: 1.55 !important;
  padding: 16px !important;
  resize: vertical !important;
}

.rfq-actions {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  flex-wrap: wrap !important;
  margin-top: 22px !important;
}

.rfq-actions .btn,
.rfq-actions button[type="submit"] {
  min-height: 56px !important;
  padding: 0 26px !important;
  border-radius: 16px !important;
}

.rfq-form-note {
  display: block !important;
  width: 100% !important;
  margin-top: 12px !important;
  padding: 14px 16px !important;
  border-radius: 14px !important;
  background: #eaf2ff !important;
  color: #0f3f83 !important;
  font-weight: 900 !important;
  line-height: 1.45 !important;
}

/* Product quote modal form */
.product-quote-dialog {
  width: min(820px, calc(100vw - 32px)) !important;
  max-width: calc(100vw - 32px) !important;
  overflow-x: hidden !important;
}

.quote-field-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 20px !important;
}

.quote-field-grid > *,
.quote-field-grid label {
  min-width: 0 !important;
  max-width: 100% !important;
}

.quote-field-grid input,
.quote-field-grid select,
.quote-field-grid textarea {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}

/* Homepage brand logos restored after later patches */
.brands-section-dynamic .brand-logo-grid,
.brands-section-dynamic .brands-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 22px !important;
  max-width: 1180px !important;
  margin: 42px auto 0 !important;
}

.brands-section-dynamic .brand-logo-card,
.brands-section-dynamic .brand-box {
  min-height: 190px !important;
  padding: 34px 26px 28px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 22px !important;
  background: #fff !important;
  overflow: hidden !important;
}

.brands-section-dynamic .brand-logo-media,
.brands-section-dynamic .brand-box picture,
.brands-section-dynamic .brand-box a {
  min-height: 100px !important;
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.brands-section-dynamic .brand-logo-media picture,
.brands-section-dynamic .brand-logo-media img,
.brands-section-dynamic .brand-box picture,
.brands-section-dynamic .brand-box img,
.brands-section-dynamic a > img {
  width: 200px !important;
  max-width: 92% !important;
  height: auto !important;
  max-height: 112px !important;
  object-fit: contain !important;
  display: block !important;
  padding: 0 !important;
  margin: 0 auto !important;
}

.brands-section-dynamic .brand-name-text,
.brands-section-dynamic .brand-box span,
.brands-section-dynamic .brand-logo-card h3,
.brands-section-dynamic .brand-box h3 {
  display: block !important;
  margin-top: 15px !important;
  font-size: 17px !important;
  line-height: 1.2 !important;
  font-weight: 950 !important;
  color: #071a3d !important;
  text-align: center !important;
}

.brands-section-dynamic .center-actions {
  margin-top: 40px !important;
}

/* Laptop widths: avoid 4-column overflow inside request card */
@media (max-width: 1320px) {
  .request-form--expanded .rfq-contact-row,
  .request-card-inner .rfq-contact-row,
  .request-form--expanded .rfq-selector-row,
  .request-form--expanded > .row:not(.rfq-contact-row),
  .request-card-inner > form > .row:not(.rfq-contact-row) {
    gap: 16px !important;
  }

  .phone-field-group,
  .quote-phone-group,
  .product-quote-form .quote-phone-group,
  .rfq-grid .phone-field .phone-field-group,
  .request-form--expanded .phone-field-group,
  .request-card-inner .phone-field-group {
    grid-template-columns: minmax(108px, .9fr) minmax(0, 1.1fr) !important;
    gap: 10px !important;
  }

  .request-form--expanded input,
  .request-form--expanded select,
  .request-card-inner input,
  .request-card-inner select {
    padding-left: 14px !important;
    padding-right: 14px !important;
    font-size: 14px !important;
  }
}

@media (max-width: 1199.98px) {
  .request-form--expanded .rfq-contact-row,
  .request-card-inner .rfq-contact-row,
  .request-form--expanded .rfq-selector-row,
  .request-form--expanded > .row:not(.rfq-contact-row),
  .request-card-inner > form > .row:not(.rfq-contact-row) {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .rfq-layout {
    grid-template-columns: 1fr !important;
  }

  .rfq-info-card {
    order: 2 !important;
  }

  .brands-section-dynamic .brand-logo-grid,
  .brands-section-dynamic .brands-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 991.98px) {
  .rfq-grid,
  .quote-field-grid {
    grid-template-columns: 1fr !important;
  }

  .brands-section-dynamic .brand-logo-grid,
  .brands-section-dynamic .brands-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 767.98px) {
  .request-card-inner {
    width: min(100%, calc(100vw - 28px)) !important;
    padding: 24px 18px !important;
    border-radius: 24px !important;
  }

  .request-form--expanded .rfq-contact-row,
  .request-card-inner .rfq-contact-row,
  .request-form--expanded .rfq-selector-row,
  .request-form--expanded > .row:not(.rfq-contact-row),
  .request-card-inner > form > .row:not(.rfq-contact-row) {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }

  .rfq-form-card,
  .rfq-info-card {
    padding: 22px !important;
    border-radius: 24px !important;
  }

  .rfq-grid {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }

  .request-form--expanded .submit-btn,
  .request-card-inner .submit-btn,
  .request-form--expanded button[type="submit"],
  .request-card-inner button[type="submit"],
  .rfq-actions .btn,
  .rfq-actions button[type="submit"] {
    width: 100% !important;
  }
}

@media (max-width: 575.98px) {
  .phone-field-group,
  .quote-phone-group,
  .product-quote-form .quote-phone-group,
  .rfq-grid .phone-field .phone-field-group,
  .request-form--expanded .phone-field-group,
  .request-card-inner .phone-field-group {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  .rfq-grid .field input,
  .rfq-grid .field select,
  .rfq-grid .field textarea,
  .request-form--expanded input,
  .request-form--expanded select,
  .request-card-inner input,
  .request-card-inner select {
    font-size: 16px !important;
  }

  .brands-section-dynamic .brand-logo-grid,
  .brands-section-dynamic .brands-grid {
    grid-template-columns: 1fr !important;
  }

  .brands-section-dynamic .brand-logo-media picture,
  .brands-section-dynamic .brand-logo-media img,
  .brands-section-dynamic .brand-box picture,
  .brands-section-dynamic .brand-box img,
  .brands-section-dynamic a > img {
    width: 185px !important;
    max-height: 100px !important;
  }
}

/* ==========================================================
   FINAL REQUEST-A-QUOTE FORM CLEANUP PATCH
   Purpose: prevent submit button/notice from entering textarea area,
   fix desktop spacing, and keep mobile RFQ inputs readable.
   ========================================================== */

.rfq-layout,
.section.white .rfq-layout {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 390px) !important;
  gap: 32px !important;
  align-items: start !important;
}

.rfq-form-card,
.rfq-info-card {
  height: auto !important;
  min-height: 0 !important;
  overflow: visible !important;
  box-sizing: border-box !important;
}

.rfq-form-card form[data-rfq],
.rfq-form-card .form[data-rfq] {
  display: flex !important;
  flex-direction: column !important;
  gap: 22px !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

.rfq-form-card form[data-rfq] .rfq-grid,
.rfq-form-card .form[data-rfq] .rfq-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 22px 20px !important;
  align-items: start !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

.rfq-form-card .rfq-grid .field {
  display: flex !important;
  flex-direction: column !important;
  gap: 9px !important;
	margin-bottom:20px !important;
  padding: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
  width: 100% !important;
  position: static !important;
  float: none !important;
  clear: none !important;
  border: 0 !important;
  background: transparent !important;
}

.rfq-form-card .rfq-grid .field.full,
.rfq-form-card .rfq-grid .field.field-full {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  margin-bottom: 130px !important;
}

.rfq-form-card .rfq-grid .field label {
  position: static !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.25 !important;
  white-space: normal !important;
}

.rfq-form-card .rfq-grid .field input,
.rfq-form-card .rfq-grid .field select,
.rfq-form-card .rfq-grid .field textarea {
  position: static !important;
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  transform: none !important;
}

.rfq-form-card .rfq-grid .field input,
.rfq-form-card .rfq-grid .field select {
  height: 58px !important;
  min-height: 58px !important;
  line-height: 58px !important;
}

.rfq-form-card .rfq-grid .field textarea {
  min-height: 170px !important;
  height: auto !important;
  line-height: 1.55 !important;
  padding: 16px !important;
  resize: vertical !important;
  overflow: auto !important;
}

/* Phone must fit inside its column without pushing other inputs */
.rfq-form-card .phone-field-group,
.rfq-form-card .quote-phone-group,
.rfq-form-card .rfq-grid .phone-field .phone-field-group {
  display: grid !important;
  grid-template-columns: minmax(132px, .92fr) minmax(0, 1.08fr) !important;
  gap: 12px !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  align-items: stretch !important;
	margin-bottom:20px !important;
}

.rfq-form-card .phone-field-group select,
.rfq-form-card .phone-field-group input,
.rfq-form-card .quote-phone-group select,
.rfq-form-card .quote-phone-group input {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  height: 58px !important;
  min-height: 58px !important;
  margin: 0 !important;
}

/* Actions must be a normal block below textarea, never absolute/overlapping */
.rfq-form-card .rfq-actions {
  position: static !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 14px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  clear: both !important;
  transform: none !important;
  z-index: 1 !important;
}

.rfq-form-card .rfq-actions .btn,
.rfq-form-card .rfq-actions button[type="submit"] {
  position: static !important;
  width: auto !important;
  min-width: 190px !important;
  max-width: 100% !important;
  height: 58px !important;
  min-height: 58px !important;
  margin: 0 !important;
  transform: none !important;
  z-index: 1 !important;
}

.rfq-form-card .rfq-form-note,
.rfq-form-card [data-note] {
  position: static !important;
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  padding: 14px 16px !important;
  border-radius: 14px !important;
  background: #eaf3ff !important;
  color: #0c3d83 !important;
  font-weight: 850 !important;
  line-height: 1.45 !important;
  transform: none !important;
}

/* Request page side card */
.rfq-info-card {
  position: sticky;
  top: 110px;
}

/* Homepage request card: keep the button and inputs inside the card */
.request-card-inner form,
.request-card-inner .request-form,
.request-form--expanded {
  max-width: 100% !important;
  overflow: visible !important;
}

.request-card-inner .submit-btn,
.request-card-inner button[type="submit"],
.request-form--expanded .submit-btn,
.request-form--expanded button[type="submit"] {
  max-width: 100% !important;
}

/* Tablet */
@media (max-width: 1199.98px) {
  .rfq-layout,
  .section.white .rfq-layout {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }

  .rfq-info-card {
    position: static !important;
  }
}

/* Mobile */
@media (max-width: 767.98px) {
  .rfq-form-card,
  .rfq-info-card {
    padding: 22px 18px !important;
    border-radius: 24px !important;
  }

  .rfq-form-card form[data-rfq] .rfq-grid,
  .rfq-form-card .form[data-rfq] .rfq-grid {
    grid-template-columns: 1fr !important;
    gap: 17px !important;
  }

  .rfq-form-card .phone-field-group,
  .rfq-form-card .quote-phone-group,
  .rfq-form-card .rfq-grid .phone-field .phone-field-group {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  .rfq-form-card .rfq-grid .field input,
  .rfq-form-card .rfq-grid .field select,
  .rfq-form-card .rfq-grid .field textarea,
  .rfq-form-card .phone-field-group select,
  .rfq-form-card .phone-field-group input {
    font-size: 16px !important;
  }

  .rfq-form-card .rfq-grid .field textarea {
    min-height: 190px !important;
  }

  .rfq-form-card .rfq-actions .btn,
  .rfq-form-card .rfq-actions button[type="submit"] {
    width: 100% !important;
    min-width: 0 !important;
  }
}

@media (max-width: 420px) {
  .rfq-form-card,
  .rfq-info-card {
    padding: 20px 16px !important;
  }

  .rfq-form-card .rfq-grid .field input,
  .rfq-form-card .rfq-grid .field select,
  .rfq-form-card .phone-field-group select,
  .rfq-form-card .phone-field-group input {
    height: 56px !important;
    min-height: 56px !important;
  }
}