:root{
    --edb-bg:#001037;
    --edb-accent:#286ab8;
    --edb-accent-2:#19a0ff;
    --ink:#1f2937;
    --ink-soft:#6b7280;
    --line:#e6ecf5;
    --card:#ffffff;
    --shadow-soft:0 6px 18px rgba(0,0,0,.06);
    --radius:14px;
  }

    body {
    font-family: 'Montserrat';
    overflow-x: hidden;
    margin: 0;

  }



  /* Main Header */
  .main-header {
    background: #ffffff;
    padding-top: 25px;
    padding-bottom: 25px;
    margin-right: 120px;
    margin-left: 120px;
  }
  
  .header-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 0;
  }
  
  .logo img {
    max-height: 50px;
    margin-top: -16px;
  }
  
  /* Search Box */
  .search-box {
    flex: 1;
    margin: 0 20px;
    display: flex;
    align-items: center;
  }
  
  .search-box input {
    width: 100%;
    padding: 10px;
    font-size: 16px;
    border: 1px solid #ccc;
    border-right: none;
    border-radius: 30px 0 0 30px;
  }
  
  .search-box button {
    background: #286AB8;
    padding: 10px;
    border: none;
    border-radius: 0 30px 30px 0;
    cursor: pointer;
  }
  
  .search-box button img {
    width: 20px;
    height: 20px;
  }
  
 /* Header Actions */
.header-actions {
    display: flex;
    align-items: center;
    gap: 20px;
  }
  
  .action {
    display: flex;
    align-items: center;
    gap: 5px;
    cursor: pointer;
  }
  
  .action img {
    width: 24px;
    height: 24px;
  }

  .cart-img img{
    width: 35px;
    height: 32px;
  }

  /* Корзина в хедере не растягивается */
  .header-actions .cart-img {
    flex-shrink: 0;
    flex-grow: 0;
  }
  
  .action-text {
    font-size: 16px;
    text-align: left;
  }
  
  /* Language Switcher Amazon Style */
  .language-switcher-amazon-style {
    position: relative;
    display: inline-block;
    font-size: 14px;
  }
  
  .lang-selector {
    display: flex;
    align-items: center;
    border: 1px solid #ccc;
    border-radius: 30px;
    background: #fff;
    padding: 8px 12px;
    cursor: pointer;
    transition: border-color 0.2s;
    min-width: 100px;
  }
  
  .lang-selector:hover {
    border-color: #128efb;
  }
  
  .lang-flag {
    width: 30px;
    height: 15px;
    background-size: cover;
    background-repeat: no-repeat;
    margin-right: 8px;
    border-radius: 2px;
    flex-shrink: 0;
  }
  
  .ca-flag {
    background-image: url('https://flagcdn.com/ca.svg');
  }
  
  .us-flag {
    background-image: url('https://flagcdn.com/us.svg');
  }
  
  .lang-text {
    display: flex;
    align-items: center;
    gap: 4px;
    white-space: nowrap;
  }
  
  .lang-arrow {
    font-size: 10px;
    margin-left: auto;
    margin-right: 4px;
  }
  
  .lang-menu {
    display: none;
    position: absolute;
    top: 110%;
    left: 0;
    width: 100%;
    background: white;
    border: 1px solid #ccc;
    border-radius: 10px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    z-index: 1000;
  }
  
  .lang-option {
    display: flex;
    align-items: center;
    padding: 10px 12px;
    cursor: pointer;
    font-size: 14px;
  }
  
  .lang-option:hover {
    background-color: #f0f0f0;
  }
  
  .lang-option .lang-flag {
    margin-right: 8px;
  }
  
  
  /* Navigation */
  .nav-bar {
    background: #286AB8;
  }
  
  .nav-menu {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 0;
    flex-wrap: wrap;
  }
  
  .nav-menu li {
    list-style: none;
    margin: 0 15px;
  }
  
  .nav-menu a {
    color: white;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
  }
  
  .nav-menu a:hover {
    text-decoration: underline;
  }
  
  /* Responsive */
  @media (max-width: 992px) {
    .header-container {
      flex-direction: column;
      align-items: flex-start;
    }
  
    .search-box {
      width: 100%;
      margin: 10px 0;
    }
  
    .header-actions {
      width: 100%;
      justify-content: flex-start;
    }
  
    .nav-menu {
      flex-wrap: wrap;
      gap: 10px;
    }
  }
  
  @media (max-width: 576px) {
    .top-bar {
      flex-direction: column;
      align-items: center;
    }
  
    .top-left, .top-right {
      margin-bottom: 5px;
    }
  
    .nav-menu {
      flex-direction: column;
      align-items: center;
    }
  }
  



















  .breadcrumbs {
    font-size: 14px;
    color: #555;
    margin-bottom: 24px;
    font-family: 'Montserrat', sans-serif;
    margin-top: 13px;
  margin-bottom: 13px;
  margin-left: 120px;

  }
  .breadcrumbs a {
    text-decoration: none;
    color: #555;
  }
  .breadcrumbs a:hover {
    text-decoration: underline;
  }
  .breadcrumbs .sep {
    margin: 0 8px;
    color: #888;
  }



  /* Base */
  .edb-sec{ background:#fff; padding: clamp(28px,4vw,56px) 16px;
    font-family: Montserrat, system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, sans-serif; color:var(--ink);}
  .wrap{ max-width:1200px; margin:0 auto; }
  .card{ background:var(--card); border:1px solid var(--line); border-radius:var(--radius); box-shadow:var(--shadow-soft); padding:18px; }
  .card-title{ margin:0 0 8px; font-weight:800; }
  .subtitle{ color:var(--ink-soft); }
  .btn-cta,.btn-ghost{ display:inline-flex; align-items:center; justify-content:center; padding:12px 16px; border-radius:10px; font-weight:700; text-decoration:none; border:none; cursor:pointer; font-family:inherit; font-size:16px; }
  .btn-cta{ background:var(--edb-accent); color:#fff; box-shadow:0 8px 18px rgba(40,106,184,.25); }
  .btn-cta:hover{ filter:brightness(1.05); }
  .btn-ghost{ border:1px solid var(--line); color:var(--edb-accent); background:#fff; }
  .btn-ghost:hover{ background:#f7fbff; }

  /* Hero */
  .hero{ display:grid; gap:18px; grid-template-columns: 1.2fr .8fr; align-items:start; }
  .title{ margin:0 0 6px; font-weight:800; font-size:clamp(26px,3vw,36px); }
  .hero-kpis{ list-style:none; margin:0; padding:0; display:grid; gap:10px; }
  .hero-kpis li{ background:#fff; border:1px solid var(--line); border-radius:var(--radius); box-shadow:var(--shadow-soft); padding:12px 14px;}
  .hero-kpis strong{ display:block; }
  .hero-kpis span{ color:var(--ink-soft); font-size:.92rem; }
  @media (max-width:980px){ .hero{ grid-template-columns:1fr; } }

  /* Strip */
  .strip{ display:flex; gap:16px; flex-wrap:wrap; align-items:center; }
  .s-item{ display:flex; gap:8px; align-items:center; }
  .s-item .k{ font-weight:800; min-width:82px; }

  /* Help */
  .two-col{ display:grid; gap:18px; grid-template-columns:1fr 1fr; }
  .list{ margin:0; padding-left:18px; }
  .steps{ list-style:none; margin:0; padding:0; display:grid; gap:10px; }
  .steps li{ display:flex; gap:10px; align-items:flex-start; border:1px solid var(--line); border-radius:var(--radius); box-shadow:var(--shadow-soft); padding:10px; }
  .s-num{ width:26px; height:26px; border-radius:8px; background:#f1f6ff; color:var(--edb-accent); font-weight:800; display:grid; place-items:center; }
  .tip summary{ cursor:pointer; font-weight:700; color:var(--edb-accent); margin-top:10px; }
  @media (max-width:980px){ .two-col{ grid-template-columns:1fr; } }

  /* Tabs */
  .tabs{ padding:0; overflow:hidden; }
  .tab-head{ display:flex; gap:0; border-bottom:1px solid var(--line); background:#fff; }
  .tab-btn{ flex:1; padding:14px; font-weight:800; background:#fff; border:0; border-right:1px solid var(--line); cursor:pointer; color:var(--ink); }
  .tab-btn:last-child{ border-right:0; }
  .tab-btn.active{ color:#fff; background:var(--edb-accent); }
  .tab-body{ display:none; padding:18px; }
  .tab-body.active{ display:block; }

  /* Forms */
  .form{ width:100%; }
  .fs{ border:1px solid var(--line); border-radius:12px; padding:16px; margin-bottom:16px; background:#fff; }
  .fs>legend{ padding:0 8px; font-weight:800; }
  .grid.two{ display:grid; grid-template-columns:1fr 1fr; gap:12px; }
  @media (max-width:820px){ .grid.two{ grid-template-columns:1fr; } }
  .field{ display:flex; flex-direction:column; gap:6px; }
  .field label{ color:var(--ink-soft); }
  .field input[type="text"],
  .field input[type="email"],
  .field input[type="tel"],
  .field input[type="number"],
  .field input[type="url"],
  .field input[type="date"],
  .field input[type="time"],
  .field textarea,
  .field select{
    width:95%; background:#fff; border:1px solid var(--line); border-radius:10px; padding:12px 14px; color:var(--ink);
    outline:none; transition:border-color .2s, box-shadow .2s;
  }
  .field textarea{ min-height:120px; resize:vertical; }
  .field input:focus, .field textarea:focus, .field select:focus{ border-color:var(--edb-accent); box-shadow:0 0 0 3px rgba(40,106,184,.15); }
  .field.required label::after{ content:" *"; color:#ef4444; }
  .checks{ display:grid; gap:8px; }
  .checks.two-col{ grid-template-columns:1fr 1fr; }
  .hint{ color:var(--ink-soft); font-size:.82rem; }
  .field-recaptcha{ margin:16px 0; }
  .hidden{ display:none !important; }

  .dropzone{ position:relative; border:1.5px dashed var(--line); border-radius:10px; padding:16px; text-align:center; background:#fff; cursor:pointer; }
  .dropzone:hover{ border-color:var(--edb-accent); background:#f7fbff; }
  .dropzone input[type=file]{ position:absolute; inset:0; opacity:0; cursor:pointer; }
  .dropzone .link{ text-decoration:underline; color:var(--edb-accent); }
  .preview{ display:flex; gap:8px; flex-wrap:wrap; margin-top:8px; }
  .preview img, .preview .file{ width:72px; height:72px; object-fit:cover; border:1px solid var(--line); border-radius:8px; display:grid; place-items:center; font-size:.8rem; color:var(--ink-soft); }

  .actions{ display:flex; justify-content:flex-end; gap:10px; }
  .policy-grid{ display:grid; gap:18px; grid-template-columns:repeat(12,1fr); margin-top:16px; }
  .policy{ grid-column:span 4; }
  @media (max-width:980px){ .policy{ grid-column:span 12; } }

  .contact-card .contact-grid{ display:grid; gap:12px; grid-template-columns:1fr 1fr auto; align-items:center; }
  .contact-list{ margin:0; padding:0; list-style:none; }
  .fit{ justify-self:end; }
  @media (max-width:900px){ .contact-card .contact-grid{ grid-template-columns:1fr; } .fit{ justify-self:start; } }

  /* ===== Eurodib Contact Us Form Styles (edbcu-*) for template-parts-service.php ===== */
  .edbcu-root{
    --edbcu-blue:#286ab8;
    --edbcu-text:#3a3a3a;
    --edbcu-muted:#6b6b6b;
    --edbcu-panel:#efefef;
    --edbcu-white:#fff;
    --edbcu-radius:24px;

    color:var(--edbcu-text);
    background:#fff;
  }
  .edbcu-root *, .edbcu-root *::before, .edbcu-root *::after{ box-sizing:border-box; }

  /* Top title */
  .edbcu-head{
    padding:36px 16px 22px;
    text-align:center;
  }
  .edbcu-head__title{
    margin:0 0 8px;
    font-size:32px;
    line-height:1.2;
    color:var(--edbcu-blue);
    font-weight:700;
  }
  .edbcu-head__subtitle{
    margin:0;
    font-size:20px;
    line-height:1.35;
    color:#444;
  }

  /* Grey form section */
  .edbcu-section--grey{
    background:var(--edbcu-panel);
    padding:26px 0 34px;
  }
  .edbcu-container{
    width:100%;
    max-width:720px;
    margin:0 auto;
    padding:0 16px;
  }

  /* Form */
  .edbcu-form{ width:100%; }
  .edbcu-field{ margin:16px 0; }
  .edbcu-label{
    display:block;
    font-size:16px;
    font-weight:400;
    color:#6a6a6a;
    margin:0 0 8px;
  }
  .edbcu-control{
    width:100%;
    height:40px;
    padding:0 16px;
    border:1px solid #d7d7d7;
    border-radius:999px;
    background:transparent;
    outline:none;
    font:inherit;
    transition:border .15s ease, box-shadow .15s ease;
  }
  .edbcu-control:focus{
    border-color:var(--edbcu-blue);
    box-shadow:0 0 0 3px rgba(47,107,255,.15);
  }
  .edbcu-select{
    appearance:none;
    background-image:url('../image/Rectangle-29.png');
    background-repeat:no-repeat;
    background-position:right 14px center;
    background-size: 19px 11px;
    padding-right:42px;
  }
  .edbcu-textarea{
    height:auto;
    min-height:120px;
    padding:12px 16px;
    border-radius:18px;
    resize:vertical;
  }

  /* Toggle pills */
  .edbcu-toggle{display:flex;justify-content:center;gap:22px;margin:6px 0 10px}
  .edbcu-toggle__btn{
    border:2px solid var(--edbcu-blue);
    background: transparent;
    color: var(--edbcu-blue);
    border-radius:999px;
    padding:8px 18px;
    font-size:16px;
    font-weight:700;cursor:pointer;
    font-family: "Montserrat",Arial,sans-serif;
  }
  .edbcu-toggle__btn.is-active{background:var(--edbcu-blue);color:#fff;box-shadow:none}

  /* Groups */
  .edbcu-group.is-hidden{display:none}

  /* Inline radio layout */
  .edbcu-inline{display:flex;gap:18px;align-items:center}
  .edbcu-radio{display:flex;gap:8px;align-items:center;font-size:16px}

  /* "Same as above" inline row + round checkbox */
  .edbcu-inline{display:inline-flex;gap:8px;align-items:center;margin:6px 0 10px}
  .edbcu-check{width:18px;height:18px;border-radius:50%;accent-color:var(--edbcu-blue)}
  .edbcu-note{font-size:16px;color:#4a4a4a;margin:2px 0 8px}

  /* Dropzone */
  .edbcu-dropzone{
    position:relative;
    display:flex;align-items:center;gap:12px;
    height:52px;padding:10px 14px;
    border:1px solid #cfd2d4;border-radius:50px;background:transparent;
  }
  .edbcu-dropzone input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer}
  .edbcu-dropzone svg{opacity:.8}
  .edbcu-dropzone__texts{line-height:1.1}
  .edbcu-dropzone__main{font-size:16px}
  .edbcu-dropzone__main .edbcu-browse{color:#0070c9;text-decoration:underline}
  .edbcu-dropzone__hint{font-size:11px;color:#666}
  .edbcu-dropzone__file{margin-left:auto;font-size:12px;color:#555}
  .edbcu-dropzone.is-drag{border-color:var(--edbcu-blue);box-shadow:0 0 0 3px rgba(47,107,255,.12)}

  /* Captcha */
  .edbcu-captcha{
    display:flex;
    justify-content:center;
    margin:18px 0 8px;
  }
  .edbcu-captcha__placeholder{
    width:304px; height:78px;
    border:1px solid #d7d7d7; border-radius:8px;
    background:#fff;
    display:flex; align-items:center; justify-content:center;
    font-size:12px; color:#9a9a9a;
  }

  /* Actions */
  .edbcu-actions{ display:flex; justify-content:center; margin:8px 0 0; }
  .edbcu-form-success{
    text-align:center;
    padding:24px 16px;
    font-size:18px;
    font-weight:600;
    color:var(--edbcu-blue,#1C488D);
  }
  .edbcu-btn{
    appearance:none; border:0; cursor:pointer;
    background:#009CFF; color:#fff; font-weight:700;
    padding:10px 20px; border-radius:999px;
    font-size:18px;
    font-family:"Montserrat",Arial,sans-serif
  }

  /* Responsive */
  @media (max-width:520px){
    .edbcu-head__title{ font-size:24px; }
    .edbcu-control{ height:42px; }
  }








/* Email Signup */
.custom-email-signup {
  background-color: #286AB8;
  padding: 20px 0;
  display: flex;
  justify-content: center;
}

.custom-signup-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 90%;
  max-width: 1160px;
  flex-wrap: wrap;
  gap: 20px;
}

.custom-signup-title {
  color: white;
  font-weight: 800;
  text-transform: uppercase;
  font-size: 20px;
  flex: 1;
  text-align: center;
}

.custom-signup-form {
  display: flex;
  flex-direction: row;
  border-radius: 50px;
  overflow: hidden;
  background-color: white;
}

.custom-signup-form input[type="email"] {
  border: none;
  padding: 15px 20px;
  font-size: 16px;
  border-radius: 0;
  outline: none;
  width: 300px;
}

.custom-signup-form button {
  background-color: #001041;
  color: white;
  padding: 15px 30px;
  font-size: 16px;
  border: none;
  font-weight: 700;
}
  
  /* Footer */
  .footer {
    background: #001037;
    color: white;
    padding: 40px 0 20px;
    font-size: 14px;
  }
  
  .footer-top {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 30px;
  }
  
  .footer-logo {
    flex: 1;
    min-width: 250px;
    max-width: 350px;
  }
  
  .footer-logo img {
    max-height: 50px;
    margin-bottom: 15px;
  }
  
  .footer-logo p {
    margin-bottom: 15px;
    width: 325px;
  }
  
  .social-icons {
    display: flex;
    gap: 10px;
  }
  
  .social-icons img {
    width: 30px;
    height: 30px;
  }
  
  /* Footer Links */
  .footer-links {
    display: flex;
    flex: 2;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: auto;
  }
  
  .footer-column {
    display: grid;
    min-width: 180px;
    margin-bottom: 20px;
  }
  
  .footer-column h4 {
    font-size: 16px;
    margin-bottom: 10px;
  }
  
  .footer-column ul {
    list-style: none;
  }
  
  .footer-column ul li {
    margin-bottom: 8px;
  }
  
  .footer-column ul li a {
    color: white;
    text-decoration: none;
    font-size: 16px;
  }
  
  .footer-column ul li a:hover {
    text-decoration: underline;
  }
  
  /* Quick Help Buttons */
  .footer-btn {
    width: 100%;
    background: #0066cc;
    color: white;
    padding: 10px;
    border: none;
    border-radius: 30px;
    margin-bottom: 10px;
    font-weight: bold;
    cursor: pointer;
    font-size: 16px;
    font-family: "Montserrat",Arial,sans-serif;
    text-align: center;
    text-decoration: none;
  }
  
  .footer-btn.outline {
    background: transparent;
    border: 2px solid white;
    color: white;
  }
  
  .quick-links {
    list-style: none;
    margin-top: 10px;
  }
  
  .quick-links li {
    margin-bottom: 5px;
  }
  
  /* Footer Bottom */
  .footer-bottom {
    border-top: 1px solid #6a6a6a;
    padding-top: 15px;
    text-align: center;
    font-size: 14px;
  }
  
  .policy-links {
    margin-top: 10px;
  }
  
  .policy-links a {
    color: white;
    text-decoration: none;
    margin: 0 5px;
    font-size: 14px;
  }
  
  .policy-links a:hover {
    text-decoration: underline;
  }
  
  /* Responsive Footer */
  @media (max-width: 768px) {
    .signup-container {
      flex-direction: column;
      gap: 10px;
      text-align: center;
    }
    
    .footer-top {
      flex-direction: column;
      gap: 20px;
    }
    
    .footer-links {
      flex-direction: column;
      gap: 20px;
    }
  }