/** Shopify CDN: Minification failed

Line 1353:0 Unexpected "}"

**/
/* v1776406943 */
/* ============================================================
   PVC Strip Curtains UK — Premium Promo & Trust Bar Design
   Superior professional redesign — v3.0
   ============================================================ */

/* ── PROMO BAR ─────────────────────────────────────────────── */

.promo-bar {
  background: linear-gradient(90deg, #0a1628 0%, #0f2040 40%, #0a1628 100%) !important;
  border-bottom: 1px solid rgba(212, 160, 23, 0.25) !important;
  position: relative !important;
  overflow: hidden !important;
  height: auto !important;
  min-height: 46px !important;
}

/* Subtle shimmer line at top */
.promo-bar::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 2px !important;
  background: linear-gradient(90deg, transparent 0%, #d4a017 30%, #f5c842 50%, #d4a017 70%, transparent 100%) !important;
  display: block !important;
}

.promo-bar__inner {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: nowrap !important;
  gap: 16px !important;
  padding: 0 24px !important;
  min-height: 46px !important;
  max-width: 1400px !important;
  margin: 0 auto !important;
}

/* ── BADGE ─── */
.promo-bar__badge {
  background: linear-gradient(135deg, #d4a017 0%, #f5c842 50%, #d4a017 100%) !important;
  color: #0a1628 !important;
  font-size: 9px !important;
  font-weight: 900 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  padding: 4px 10px !important;
  border-radius: 3px !important;
  display: inline-flex !important;
  align-items: center !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
  box-shadow: 0 2px 8px rgba(212, 160, 23, 0.4) !important;
}

/* ── MESSAGE TEXT ─── */
.promo-bar__message {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex-shrink: 1 !important;
}

.promo-bar__text {
  color: #c8d4e0 !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  letter-spacing: 0.01em !important;
  white-space: nowrap !important;
}

.promo-bar__text strong {
  color: #ffffff !important;
  font-weight: 700 !important;
}

/* ── COUNTDOWN TIMER ─── */
.promo-bar__message > span:last-child,
.cd-label,
.cd-time {
  color: #c8d4e0 !important;
  font-size: 13px !important;
  font-weight: 400 !important;
}

.cd-time {
  background: rgba(212, 160, 23, 0.15) !important;
  color: #f5c842 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  padding: 1px 5px !important;
  border-radius: 3px !important;
  border: 1px solid rgba(212, 160, 23, 0.3) !important;
  min-width: 22px !important;
  text-align: center !important;
  display: inline-block !important;
  letter-spacing: 0.03em !important;
}

/* ── ACTIONS AREA ─── */
.promo-bar__actions {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 6px !important;
  flex-wrap: nowrap !important;
  flex-shrink: 0 !important;
}

/* ── CODE BOX ─── */
.promo-bar__code {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0 !important;
  background: rgba(212, 160, 23, 0.08) !important;
  border: 1px solid rgba(212, 160, 23, 0.5) !important;
  border-radius: 5px !important;
  padding: 5px 12px !important;
  height: 30px !important;
  box-sizing: border-box !important;
}

.promo-bar__code-label {
  color: rgba(212, 160, 23, 0.6) !important;
  font-size: 9px !important;
  font-weight: 600 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  margin-right: 5px !important;
}

.promo-bar__code-value {
  color: #f5c842 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  letter-spacing: 0.12em !important;
}

/* ── COPY BUTTON ─── */
.promo-bar__copy-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 5px !important;
  background: linear-gradient(135deg, #d4a017 0%, #f0b429 100%) !important;
  color: #0a1628 !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  padding: 0 14px !important;
  height: 30px !important;
  border-radius: 5px !important;
  border: none !important;
  cursor: pointer !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
  flex-direction: row !important;
  width: auto !important;
  min-height: 0 !important;
  box-shadow: 0 2px 8px rgba(212, 160, 23, 0.35) !important;
  transition: all 0.2s ease !important;
}

.promo-bar__copy-btn:hover {
  background: linear-gradient(135deg, #f0b429 0%, #f5c842 100%) !important;
  box-shadow: 0 4px 14px rgba(212, 160, 23, 0.55) !important;
  transform: translateY(-1px) !important;
}

.promo-bar__copy-btn svg,
.promo-bar__copy-btn .icon,
.promo-bar__copy-btn img {
  width: 13px !important;
  height: 13px !important;
  display: inline-block !important;
  flex-shrink: 0 !important;
  color: #0a1628 !important;
  stroke: #0a1628 !important;
}


/* ============================================================
   TRUST BAR
   ============================================================ */

.trust-bar-v2 {
  background: #ffffff !important;
  border-bottom: 1px solid #e8ecf0 !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06) !important;
}

.trust-bar-v2__inner {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  justify-content: stretch !important;
  gap: 0 !important;
  max-width: 1400px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  min-height: 58px !important;
}

/* ── CTA BLOCK ─── */
.trust-bar-v2__cta {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  padding: 8px 20px 8px 16px !important;
  background: linear-gradient(135deg, #0f2040 0%, #1a3a6b 100%) !important;
  border-right: none !important;
  text-decoration: none !important;
  position: relative !important;
  min-width: 160px !important;
  transition: background 0.2s ease !important;
}

.trust-bar-v2__cta::after {
  content: '' !important;
  position: absolute !important;
  right: -12px !important;
  top: 0 !important;
  bottom: 0 !important;
  width: 24px !important;
  background: linear-gradient(135deg, #1a3a6b 0%, #1a3a6b 50%, transparent 51%) !important;
  z-index: 2 !important;
}

.trust-bar-v2__cta:hover {
  background: linear-gradient(135deg, #1a3a6b 0%, #234fa0 100%) !important;
}

.trust-bar-v2__cta-label {
  color: rgba(255, 255, 255, 0.65) !important;
  font-size: 9px !important;
  font-weight: 600 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  display: block !important;
  margin-bottom: 2px !important;
}

.trust-bar-v2__cta-title {
  color: #f5c842 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  letter-spacing: 0.02em !important;
  display: block !important;
  white-space: nowrap !important;
}

/* ── TRUST ITEMS ─── */
.trust-bar-v2__item {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  flex: 1 !important;
  padding: 8px 12px 8px 20px !important;
  border-left: 1px solid #e8ecf0 !important;
  transition: background 0.2s ease !important;
  cursor: default !important;
}

.trust-bar-v2__item:hover {
  background: #f8f9fb !important;
}

/* ── ICON CIRCLE ─── */
.trust-bar-v2__icon {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  width: 36px !important;
  height: 36px !important;
  background: linear-gradient(135deg, rgba(212,160,23,0.12) 0%, rgba(212,160,23,0.06) 100%) !important;
  border-radius: 50% !important;
  border: 1px solid rgba(212, 160, 23, 0.2) !important;
}

.trust-bar-v2__icon svg {
  width: 18px !important;
  height: 18px !important;
  display: block !important;
  flex-shrink: 0 !important;
  stroke: #d4a017 !important;
  stroke-width: 1.75 !important;
}

/* ── TEXT BLOCK ─── */
.trust-bar-v2__text {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  gap: 1px !important;
}

.trust-bar-v2__title {
  color: #1a2b40 !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
  letter-spacing: 0.01em !important;
  display: block !important;
  white-space: nowrap !important;
  line-height: 1.3 !important;
}

.trust-bar-v2__subtitle {
  color: #7a8a9a !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  display: block !important;
  white-space: nowrap !important;
  line-height: 1.3 !important;
}


/* ============================================================
   RESPONSIVE — keep single row on all desktop sizes
   ============================================================ */
@media (min-width: 1025px) {
  .promo-bar__inner {
    flex-wrap: nowrap !important;
  }
  .trust-bar-v2__inner {
    flex-wrap: nowrap !important;
  }
}

@media (max-width: 1024px) and (min-width: 769px) {
  .promo-bar__text {
    font-size: 12px !important;
  }
  .trust-bar-v2__subtitle {
    display: none !important;
  }
  .trust-bar-v2__item {
    padding: 8px 8px 8px 14px !important;
    gap: 7px !important;
  }
  .trust-bar-v2__icon {
    width: 30px !important;
    height: 30px !important;
  }
  .trust-bar-v2__icon svg {
    width: 15px !important;
    height: 15px !important;
  }
}

/* ========================================================
   PRO MEGA MENU - Expert Redesign
      ======================================================== */

      .pro-nav * { box-sizing: border-box; margin: 0; padding: 0; }

      .pro-nav {
        background: #0d2b6b;
          font-family: 'Segoe UI', Arial, sans-serif;
            position: relative;
              /*z-index: 9999;*/
                box-shadow: 0 3px 12px rgba(0,0,0,0.35);
                  border-top: 3px solid #f5a623;
                    width: 100%;
                    }

                    .pro-nav__inner {
                      max-width: 1400px;
                        margin: 0 auto;
                          display: flex;
                            align-items: stretch;
                              list-style: none;
                                padding: 0;
                                }

                                .pro-nav__item {
                                  position: relative;
                                    list-style: none;
                                    }

                                    .pro-nav__link {
                                      display: flex;
                                        align-items: center;
                                          gap: 5px;
                                            padding: 16px 15px;
                                              color: #ffffff;
                                                text-decoration: none;
                                                  font-size: 13px;
                                                    font-weight: 600;
                                                      letter-spacing: 0.3px;
                                                        white-space: nowrap;
                                                          transition: background 0.2s, color 0.2s;
                                                            border-bottom: 3px solid transparent;
                                                              cursor: pointer;
                                                              }

                                                              .pro-nav__link:hover,
                                                              .pro-nav__item:hover > .pro-nav__link {
                                                                background: #1a3d8f;
                                                                  border-bottom-color: #f5a623;
                                                                    color: #f5a623 !important;
                                                                      text-decoration: none;
                                                                      }

                                                                      .pro-nav__link .pro-nav__arrow {
                                                                        width: 10px;
                                                                          height: 10px;
                                                                            fill: currentColor;
                                                                              transition: transform 0.2s;
                                                                                flex-shrink: 0;
                                                                                }

                                                                                .pro-nav__item:hover > .pro-nav__link .pro-nav__arrow {
                                                                                    transform: rotate(180deg);
                                                                                    }

                                                                                    .pro-nav__item--highlight > .pro-nav__link {
                                                                                        background: #f5a623;
                                                                                          color: #0d2b6b !important;
                                                                                          }

                                                                                          .pro-nav__item--highlight > .pro-nav__link:hover {
                                                                                              background: #e09510;
                                                                                                border-bottom-color: #0d2b6b;
                                                                                                  color: #0d2b6b !important;
                                                                                                  }

                                                                                                  /* Simple dropdown */
                                                                                                  .pro-nav__dropdown {
                                                                                                      display: none;
                                                                                                        position: absolute;
                                                                                                          top: 100%;
                                                                                                            left: 0;
                                                                                                              background: #ffffff;
                                                                                                                min-width: 230px;
                                                                                                                  box-shadow: 0 8px 32px rgba(0,0,0,0.18);
                                                                                                                    border-top: 3px solid #f5a623;
                                                                                                                      border-radius: 0 0 6px 6px;
                                                                                                                        list-style: none;
                                                                                                                          padding: 8px 0;
                                                                                                                            z-index: 10000;
                                                                                                                            }

                                                                                                                            .pro-nav__item:hover > .pro-nav__dropdown {
                                                                                                                                display: block;
                                                                                                                                  animation: proNavFade 0.18s ease;
                                                                                                                                  }

                                                                                                                                  .pro-nav__dropdown li a {
                                                                                                                                      display: block;
                                                                                                                                        padding: 10px 20px;
                                                                                                                                          color: #1a2a4a !important;
                                                                                                                                            text-decoration: none !important;
                                                                                                                                              font-size: 13px;
                                                                                                                                                font-weight: 500;
                                                                                                                                                  border-left: 3px solid transparent;
                                                                                                                                                    transition: background 0.15s, border-color 0.15s, color 0.15s;
                                                                                                                                                    }

                                                                                                                                                    .pro-nav__dropdown li a:hover {
                                                                                                                                                        background: #f0f5ff;
                                                                                                                                                          border-left-color: #f5a623;
                                                                                                                                                            color: #0d2b6b !important;
                                                                                                                                                            }

                                                                                                                                                            /* Mega dropdown */
                                                                                                                                                            .pro-nav__item--mega {
                                                                                                                                                                position: static;
                                                                                                                                                            }

                                                                                                                                                            .pro-nav__mega {
                                                                                                                                                                display: none;
                                                                                                                                                                  position: absolute;
                                                                                                                                                                    top: 100%;
                                                                                                                                                                      left: 0;
                                                                                                                                                                        right: 0;
                                                                                                                                                                          background: #ffffff;
                                                                                                                                                                            box-shadow: 0 8px 40px rgba(0,0,0,0.18);
                                                                                                                                                                              border-top: 3px solid #f5a623;
                                                                                                                                                                                border-radius: 0 0 8px 8px;
                                                                                                                                                                                  padding: 28px 32px 24px;
                                                                                                                                                                                    z-index: 10000;
                                                                                                                                                                                      gap: 0;
                                                                                                                                                                                        flex-wrap: wrap;
                                                                                                                                                                                        }

                                                                                                                                                                                        .pro-nav__item--mega:hover .pro-nav__mega {
                                                                                                                                                                                            display: flex;
                                                                                                                                                                                              animation: proNavFade 0.18s ease;
                                                                                                                                                                                        }

                                                                                                                                                                                        @keyframes proNavFade {
                                                                                                                                                                                            from { opacity: 0; transform: translateY(-8px); }
                                                                                                                                                                                              to   { opacity: 1; transform: translateY(0); }
                                                                                                                                                                                              }

                                                                                                                                                                                              .pro-nav__mega-col {
                                                                                                                                                                                                  flex: 1 1 200px;
                                                                                                                                                                                                    min-width: 175px;
                                                                                                                                                                                                      padding: 0 20px 16px 0;
                                                                                                                                                                                                        border-right: 1px solid #e8edf5;
                                                                                                                                                                                                        }

                                                                                                                                                                                                        .pro-nav__mega-col:last-child {
                                                                                                                                                                                                            border-right: none;
                                                                                                                                                                                                              padding-right: 0;
                                                                                                                                                                                                              }

                                                                                                                                                                                                              .pro-nav__mega-col h4 {
                                                                                                                                                                                                                  font-size: 11px;
                                                                                                                                                                                                                    font-weight: 700;
                                                                                                                                                                                                                      letter-spacing: 1.2px;
                                                                                                                                                                                                                        text-transform: uppercase;
    color: #374151;
}

.pro-nav__mega-col ul{list-style:none;padding:0;margin:0}.pro-nav__mega-col ul li a{display:flex;align-items:center;gap:7px;padding:7px 0 7px 6px;color:#1a2a4a!important;text-decoration:none!important;font-size:13px;font-weight:500;border-left:2px solid transparent;transition:background .12s,border-color .12s,color .12s;border-radius:3px}.pro-nav__mega-col ul li a:hover{background:#f0f5ff;border-left-color:#f5a623;color:#0d2b6b!important;padding-left:10px}.pro-nav__mega-col ul li a::before{content:'';display:inline-block;width:5px;height:5px;border-radius:50%;background:#c8d5ea;flex-shrink:0;transition:background .12s}.pro-nav__mega-col ul li a:hover::before{background:#f5a623}.pro-nav__mega-promo{flex:0 0 190px;background:linear-gradient(135deg,#0d2b6b 60%,#1a3d8f);border-radius:6px;padding:20px 18px;color:#fff;display:flex;flex-direction:column;justify-content:center;margin-left:20px;align-self:flex-start}.pro-nav__mega-promo h5{font-size:13px;font-weight:700;color:#f5a623;margin-bottom:8px;letter-spacing:.5px}.pro-nav__mega-promo p{font-size:11.5px;color:#cdd8ef;line-height:1.5;margin-bottom:12px}.pro-nav__mega-promo a{background:#f5a623;color:#0d2b6b!important;font-size:12px;font-weight:700;padding:7px 12px;border-radius:4px;text-decoration:none!important;text-align:center;transition:background .2s;display:block}.pro-nav__mega-promo a:hover{background:#e09510}

/* Hide old flat navigation - replaced by pro mega menu */
.nav-bar{display:none!important}

/* ============================================================
   MTM QUOTATION FORM — Professional PVC Strip Curtains Quote
   ============================================================ */

.mtm-quote-wrap{background:#f4f6fa;padding:56px 0 64px}
.mtm-quote-inner{max-width:960px;margin:0 auto;padding:0 20px}
.mtm-quote-header{text-align:center;margin-bottom:40px}
.mtm-quote-header .mtm-badge{display:inline-block;background:#f0aa00;color:#0d1f4c;font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;padding:5px 14px;border-radius:20px;margin-bottom:14px}
.mtm-quote-header h2{font-size:32px;font-weight:800;color:#0d1f4c;margin:0 0 10px}
.mtm-quote-header p{font-size:16px;color:#555;margin:0}
.mtm-quote-card{background:#fff;border-radius:16px;box-shadow:0 4px 32px rgba(13,31,76,.10);overflow:hidden}
.mtm-quote-card-header{background:linear-gradient(135deg,#0d1f4c 0%,#1a3a7c 100%);padding:28px 36px;display:flex;align-items:center;gap:16px}
.mtm-quote-card-header svg{flex-shrink:0;opacity:.9}
.mtm-quote-card-header-text h3{font-size:20px;font-weight:700;color:#fff;margin:0 0 4px}
.mtm-quote-card-header-text p{font-size:13px;color:rgba(255,255,255,.75);margin:0}
.mtm-quote-form{padding:36px 36px 40px}
.mtm-form-section{margin-bottom:32px}
.mtm-form-section-title{font-size:13px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:#0d1f4c;border-bottom:2px solid #e8ecf5;padding-bottom:10px;margin-bottom:20px;display:flex;align-items:center;gap:8px}
.mtm-form-section-title span.mtm-step{background:#0d1f4c;color:#fff;width:22px;height:22px;border-radius:50%;font-size:11px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
.mtm-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.mtm-form-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px}
.mtm-form-full{grid-column:1/-1}
.mtm-field{display:flex;flex-direction:column;gap:6px}
.mtm-field label{font-size:13px;font-weight:600;color:#2c3e6b}
.mtm-field label .mtm-req{color:#e53e3e;margin-left:2px}
.mtm-field label .mtm-hint{font-weight:400;color:#888;font-size:12px;margin-left:4px}
.mtm-field input,.mtm-field select,.mtm-field textarea{width:100%;padding:11px 14px;border:1.5px solid #dde3f0;border-radius:8px;font-size:14px;color:#1a1a2e;background:#fff;transition:border-color .2s,box-shadow .2s;box-sizing:border-box;font-family:inherit}
.mtm-field input:focus,.mtm-field select:focus,.mtm-field textarea:focus{outline:none;border-color:#0d1f4c;box-shadow:0 0 0 3px rgba(13,31,76,.10)}
.mtm-field input.mtm-has-unit{padding-right:50px}
.mtm-input-wrap{position:relative}
.mtm-unit{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:12px;font-weight:600;color:#888;pointer-events:none}
.mtm-field textarea{resize:vertical;min-height:90px}
.mtm-field select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%230d1f4c' stroke-width='1.8' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:36px}
.mtm-radio-group{display:flex;flex-wrap:wrap;gap:10px}
.mtm-radio-btn{display:flex;align-items:center;gap:8px;cursor:pointer}
.mtm-radio-btn input[type=radio]{width:16px;height:16px;accent-color:#0d1f4c;cursor:pointer;flex-shrink:0}
.mtm-radio-btn span{font-size:13px;font-weight:500;color:#2c3e6b}
.mtm-openings-list{display:flex;flex-direction:column;gap:14px}
.mtm-opening-row{background:#f8faff;border:1.5px solid #e0e8f8;border-radius:10px;padding:16px 18px}
.mtm-opening-row-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.mtm-opening-row-title{font-size:13px;font-weight:700;color:#0d1f4c}
.mtm-remove-opening{background:none;border:none;cursor:pointer;color:#c0392b;font-size:13px;padding:0;font-weight:600}
.mtm-add-opening{display:inline-flex;align-items:center;gap:6px;background:none;border:1.5px dashed #0d1f4c;color:#0d1f4c;font-size:13px;font-weight:600;padding:9px 18px;border-radius:8px;cursor:pointer;margin-top:6px;transition:background .15s}
.mtm-add-opening:hover{background:#edf1fa}
.mtm-trust-bar{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0 0;padding:20px 24px;background:#f8faff;border-radius:10px;border:1px solid #e0e8f8}
.mtm-trust-item{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:600;color:#0d1f4c}
.mtm-trust-item svg{flex-shrink:0;color:#f0aa00}
.mtm-submit-row{display:flex;align-items:center;gap:20px;margin-top:28px;flex-wrap:wrap}
.mtm-submit-btn{background:#f0aa00;color:#0d1f4c;border:none;padding:15px 40px;font-size:16px;font-weight:800;border-radius:10px;cursor:pointer;letter-spacing:.3px;transition:background .2s,transform .1s;box-shadow:0 4px 16px rgba(240,170,0,.35)}
.mtm-submit-btn:hover{background:#e09510;transform:translateY(-1px)}
.mtm-submit-btn:active{transform:translateY(0)}
.mtm-privacy-note{font-size:12px;color:#888;line-height:1.5}
.mtm-success-msg{display:none;background:#0d1f4c;color:#fff;border-radius:12px;padding:32px 36px;text-align:center}
.mtm-success-msg h3{font-size:22px;font-weight:700;margin:0 0 10px;color:#f0aa00}
.mtm-success-msg p{font-size:15px;margin:0;color:rgba(255,255,255,.85)}
.mtm-error-msg{display:none;background:#fff0f0;color:#c0392b;border:1px solid #f5c6c6;border-radius:8px;padding:12px 16px;font-size:14px;margin-top:12px}
@media(max-width:768px){
  .mtm-quote-form{padding:24px 20px 28px}
  .mtm-quote-card-header{padding:20px 20px}
  .mtm-form-grid,.mtm-form-grid-3{grid-template-columns:1fr}
  .mtm-submit-row{flex-direction:column;align-items:stretch}
  .mtm-submit-btn{text-align:center}
}

/* ============================================================
   MTM Page — Hide SEO description block & clean up layout
   (collection.made-to-measure template only)
   ============================================================ */
.template-collection-made-to-measure #shopify-section-collection-template .collection__description,
.template-collection-made-to-measure #shopify-section-collection-template .rte {
  display: none !important;
}
.template-collection-made-to-measure #shopify-section-collection-template .collection__meta {
  padding-bottom: 0 !important;
}
.template-collection-made-to-measure #shopify-section-collection-template .promo-bar,
.template-collection-made-to-measure #shopify-section-collection-template .trust-bar-v2 {
  display: none !important;
}
.template-collection-made-to-measure #shopify-section-collection-template {
  background: #f4f6fa;
}
.template-collection-made-to-measure #shopify-section-collection-template .container--flush {
  background: #fff;
  border-radius: 0 0 12px 12px;
  margin-bottom: 40px;
  box-shadow: 0 2px 12px rgba(13,31,76,0.06);
}

/* ============================================================
   MTM Page — Hide SEO description & clean up below quote form
   Uses sibling selector since mtm-quote-form is unique to this page
   ============================================================ */
#shopify-section-mtm-quote-form ~ #shopify-section-collection-template .collection__description,
#shopify-section-mtm-quote-form ~ #shopify-section-collection-template .rte {
  display: none !important;
}
#shopify-section-mtm-quote-form ~ #shopify-section-collection-template .collection__meta {
  padding-bottom: 0 !important;
  padding-top: 0 !important;
}
#shopify-section-mtm-quote-form ~ #shopify-section-collection-template .promo-bar,
#shopify-section-mtm-quote-form ~ #shopify-section-collection-template .trust-bar-v2 {
  display: none !important;
}
#shopify-section-mtm-quote-form ~ #shopify-section-collection-template {
  background: #f4f6fa;
  padding-top: 0;
}
#shopify-section-mtm-quote-form ~ #shopify-section-collection-template .page__sub-header {
  display: none !important;
}

/* ============================================================
   PRO-NAV GUIDES MEGA PANEL — 3-column knowledge base dropdown
   ============================================================ */
.pro-nav__item--guides-mega{position:relative}
.pro-nav__guides-panel{display:none;position:absolute;top:100%;left:0;background:#fff;border-radius:0 0 12px 12px;box-shadow:0 8px 32px rgba(13,31,76,.18);padding:28px 32px;min-width:680px;z-index:9999;border-top:3px solid #f0aa00;display:none;gap:32px;grid-template-columns:1fr 1fr 1fr}
.pro-nav__item--guides-mega:hover .pro-nav__guides-panel{display:grid}
.pro-nav__guides-col p.pro-nav__guides-heading{font-size:11px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:#f0aa00;margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid #e8ecf5}
.pro-nav__guides-col ul{list-style:none;margin:0;padding:0}
.pro-nav__guides-col ul li{margin-bottom:2px}
.pro-nav__guides-col ul li a{display:block;padding:7px 10px;font-size:13px;font-weight:500;color:#1a2a5e;border-radius:6px;transition:background .15s,color .15s;white-space:nowrap;text-decoration:none}
.pro-nav__guides-col ul li a:hover{background:#f0f4ff;color:#0d1f4c}
.pro-nav__guides-col ul li:last-child a{color:#f0aa00;font-weight:600}
.pro-nav__guides-col ul li:last-child a:hover{background:#fff8e6}
/* Hide pro-nav desktop menu on mobile/tablet */
@media screen and (max-width: 999px) {
  .pro-nav { display: none !important; }
}

/* Fix search & cart position on mobile - keep in header row, no overlap */
@media screen and (max-width: 999px) {
  .header__inner {
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
  }
  .header__logo {
    flex: 1 1 0% !important;
    min-width: 0 !important;
    overflow: hidden !important;
  }
  .header__logo-image {
    max-width: 140px !important;
  }
  .header__action-list {
    flex: 0 0 auto !important;
    display: flex !important;
    align-items: center !important;
    gap: 2px !important;
    margin-left: 6px !important;
  }
  .header__action-item--cart .header__cart-toggle {
    padding: 5px 8px !important;
    border-radius: 6px !important;
  }
  .header__action-item--cart .header__cart-icon svg,
  .header__action-item--cart .icon--cart {
    width: 20px !important;
    height: 20px !important;
  }
  .header__action-item .header__action-item-link svg,
  .header__action-item .icon--search {
    width: 20px !important;
    height: 20px !important;
  }
  .header__cart-count {
    font-size: 10px !important;
    min-width: 16px !important;
    height: 16px !important;
    line-height: 16px !important;
  }
  .header__action-item--cart .header__cart-toggle,
  .header__action-item--cart .header__action-item-content,
  .header__action-item--cart {
    background: none !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
  }
  .header {
    overflow: visible !important;
  }
}
@media screen and (max-width: 374px) {
  .header__logo-image {
    max-width: 110px !important;
  }
  .header__search-bar-wrapper {
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 10 !important;
  }
}


/* ── MOBILE MENU FIX ──────────────────────────────────────── */
#shopify-section-header {
  z-index: 100 !important;
}

.mobile-menu {
  z-index: 999 !important;
}

.header__mobile-nav {
  z-index: 100 !important;
}


/* ============================================================
   MOBILE RESPONSIVE — promo-bar + trust-bar-v2
   ============================================================ */
@media (max-width: 768px) {
  .promo-bar__inner {
    flex-direction: column !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    padding: 8px 12px !important;
    text-align: center !important;
  }
  .promo-bar__message {
    flex-direction: column !important;
    gap: 4px !important;
    align-items: center !important;
  }
  .promo-bar__badge {
    font-size: 9px !important;
  }
  .promo-bar__text {
    font-size: 11px !important;
  }
  .promo-bar__actions {
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 6px !important;
    width: 100% !important;
  }
  .promo-bar__code {
    font-size: 11px !important;
  }
  .promo-bar__copy-btn {
    font-size: 10px !important;
    padding: 4px 8px !important;
  }
  .cd-time {
    font-size: 11px !important;
    padding: 1px 4px !important;
    min-width: 18px !important;
  }
  .cd-label {
    font-size: 10px !important;
  }

  /* Trust bar - stack vertically */
  .trust-bar-v2__inner {
    flex-direction: row !important;
    flex-wrap: wrap !important;
    padding: 0 !important;
    min-height: auto !important;
  }
  .trust-bar-v2__cta {
    width: 100% !important;
    min-width: auto !important;
    padding: 10px 96px !important;
    box-sizing: border-box !important;
  }
  .trust-bar-v2__cta::after {
    display: none !important;
  }
  .trust-bar-v2__item {
    width: 50% !important;
    box-sizing: border-box !important;
    padding: 8px 8px 8px 12px !important;
    gap: 6px !important;
    flex: none !important;
  }
  .trust-bar-v2__item:nth-child(n+4) {
    display: none !important;
  }
  .trust-bar-v2__icon {
    width: 28px !important;
    height: 28px !important;
  }
  .trust-bar-v2__icon svg {
    width: 14px !important;
    height: 14px !important;
  }
  .trust-bar-v2__title {
    font-size: 11px !important;
    white-space: normal !important;
  }
  .trust-bar-v2__subtitle {
    font-size: 9px !important;
    white-space: normal !important;
  }
  .trust-bar-v2__cta-title {
    font-size: 12px !important;
  }
  .trust-bar-v2__cta-label {
    font-size: 8px !important;
  }
}

/* Also handle the discount-top countdown bar overflow */
@media (max-width: 768px) {
  .containerr.discount-top,
  .containerr.discount-top .row {
    max-width: 100vw !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }
}

/* ============================================================
   
/* ============================================================


/* ============================================================
   APEX PREMIUM BUY BOX — Complete Redesign v3
   Superior-to-Amazon professional conversion design
   ============================================================ */

/* ══════════════════════════════════════════════════════════════
   1. PRICE CARD
══════════════════════════════════════════════════════════════ */
.product-form__info-list {
  background: #ffffff !important;
  border-radius: 16px !important;
  border: 1.5px solid #e2e8f0 !important;
  box-shadow:
    0 2px 4px rgba(0,0,0,.04),
    0 8px 24px rgba(0,0,0,.08),
    inset 0 1px 0 rgba(255,255,255,1) !important;
  padding: 0 !important;
  margin-bottom: 16px !important;
  overflow: visible !important;
  position: relative !important;
}

/* Gold-navy top accent stripe */
.product-form__info-list::before {
  content: '' !important;
  display: block !important;
  height: 4px !important;
  background: linear-gradient(90deg,#0f2d6b 0%,#1a4694 30%,#f5a623 60%,#e8b422 80%,#0f2d6b 100%) !important;
  position: absolute !important;
  top: 0 !important; left: 0 !important; right: 0 !important;
  border-radius: 16px 16px 0 0 !important;
  z-index: 3 !important;
}

/* ── PRICE ITEM (first info item) ── */
.product-form__info-item:not(.product-form__info-item--quantity) {
  padding: 24px 24px 20px 24px !important;
  position: relative !important;
  border-bottom: 1px solid #f1f5f9 !important;
}

/* ── PRICE LABEL ── */
.product-form__info-title.text--strong {
  display: inline-flex !important;
  align-items: center !important;
  background: #f1f5f9 !important;
  border-radius: 6px !important;
  padding: 4px 12px !important;
  font-size: 10.5px !important;
  font-weight: 700 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
  color: #64748b !important;
  margin-bottom: 14px !important;
}

/* ── PRICE + BADGE ROW ── */
.product-form__info-content {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  flex-wrap: nowrap !important;
}

.product-form__info-content .price-list {
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

/* ── MAIN PRICE (incl. VAT) ── */
.exemptify_inc_vat {
  display: flex !important;
  align-items: baseline !important;
  gap: 8px !important;
  flex-wrap: nowrap !important;
  color: #0f172a !important;
  font-size: 38px !important;
  font-weight: 900 !important;
  line-height: 1.05 !important;
  letter-spacing: -.03em !important;
  white-space: nowrap !important;
}

/* Force override Exemptify's red inline style */
.exemptify_inc_vat span,
.exemptify_inc_vat span[style] {
  color: #94a3b8 !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  align-self: flex-end !important;
  margin-bottom: 4px !important;
}

/* ── EXCL VAT ── */
.exemptify_clone {
  display: flex !important;
  flex-direction: column !important;
}

.exemptify_clone br {
  display: none !important;
}

.exemptify_ex_vat {
  display: block !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: #94a3b8 !important;
  margin-top: 6px !important;
}

.exemptify_ex_vat span {
  color: #94a3b8 !important;
}

/* Hide unit price if present */
.product-form__price-info {
  display: none !important;
}

/* Shop Pay */
.product-form__info-content shopify-payment-terms {
  flex: 0 0 100% !important;
  display: block !important;
  margin-top: 14px !important;
  padding-top: 12px !important;
  border-top: 1px dashed #e2e8f0 !important;
  font-size: 12.5px !important;
}

.product-form__info-content {
  flex-wrap: wrap !important;
}

/* =======================================================
   2. DISPATCH BADGE – professional rectangular design
      ======================================================= */

      /* Hide the old round image */
      .round-icon-img img.round-img {
        display: none !important;
        }

        /* Remove pseudo-elements used for spinning ring */
        .round-icon-img:before,
        .round-icon-img:after {
          display: none !important;
          }

          /* Professional rectangular badge container */
          .round-icon-img {
            position: relative !important;
              flex: 0 0 auto !important;
                width: auto !important;
                  height: auto !important;
                    display: flex !important;
                      align-items: stretch !important;
                        align-self: center !important;
                          flex-shrink: 0 !important;
                            margin-left: 12px !important;
                              border-radius: 0 !important;
                              }

                              /* Professional badge – rectangular card design */
                              .elite-bc {
                                position: relative !important;
                                  inset: auto !important;
                                    border-radius: 8px !important;
                                      z-index: 10 !important;
                                        display: flex !important;
                                          flex-direction: column !important;
                                            align-items: center !important;
                                              justify-content: center !important;
                                                text-align: center !important;
                                                  padding: 10px 14px !important;
                                                    pointer-events: none !important;
                                                      background: linear-gradient(135deg, #0f2d6b 0%, #1a4694 100%) !important;
                                                        border: 1px solid rgba(245, 167, 35, 0.5) !important;
                                                          border-left: 3px solid #f5a623 !important;
                                                            box-shadow: 0 2px 12px rgba(15, 45, 107, 0.3) !important;
                                                              min-width: 110px !important;
                                                              }

                                                              .elite-bc .bt {
                                                                font-size: 8px !important;
                                                                  font-weight: 700 !important;
                                                                    color: #f5a623 !important;
                                                                      text-transform: uppercase !important;
                                                                        letter-spacing: 0.12em !important;
                                                                          line-height: 1.2 !important;
                                                                          }

                                                                          .elite-bc .bd {
                                                                            font-size: 7px !important;
                                                                              font-weight: 600 !important;
                                                                                color: rgba(255,255,255,0.75) !important;
                                                                                  text-transform: uppercase !important;
                                                                                    letter-spacing: 0.08em !important;
                                                                                      line-height: 1.2 !important;
                                                                                      }

                                                                                      .elite-bc .bi {
                                                                                        display: none !important;
                                                                                        }

                                                                                        .elite-bc .bn {
                                                                                          font-size: 30px !important;
                                                                                            font-weight: 900 !important;
                                                                                              color: #ffffff !important;
                                                                                                line-height: 1 !important;
                                                                                                  letter-spacing: -1px !important;
                                                                                                    text-shadow: none !important;
                                                                                                    }

                                                                                                    .elite-bc .bh {
                                                                                                      font-size: 8px !important;
                                                                                                        font-weight: 700 !important;
                                                                                                          color: #f5a623 !important;
                                                                                                            letter-spacing: 0.15em !important;
                                                                                                              line-height: 1.2 !important;
                                                                                                                margin-top: 2px !important;
                                                                                                                }

                                                                                                                .elite-bc .bk {
                                                                                                                  display: none !important;
                                                                                                                  }

                                                                                                                  .elite-bc .bb {
                                                                                                                    font-size: 7px !important;
                                                                                                                      font-weight: 700 !important;
                                                                                                                        color: rgba(255,255,255,0.7) !important;
                                                                                                                          border-top: 1px solid rgba(245,167,35,0.35) !important;
                                                                                                                            padding-top: 4px !important;
                                                                                                                              margin-top: 4px !important;
                                                                                                                                width: 100% !important;
                                                                                                                                  text-align: center !important;
                                                                                                                                    letter-spacing: 0.08em !important;
                                                                                                                                      text-transform: uppercase !important;
                                                                                                                                        line-height: 1.3 !important;
                                                                                                                                        }
/* ══════════════════════════════════════════════════════════════
   3. QUANTITY SECTION — full-width, clean
══════════════════════════════════════════════════════════════ */
.product-form__info-item--quantity {
  padding: 16px 24px !important;
  background: #f8fafc !important;
  border-bottom: none !important;
  border-radius: 0 0 16px 16px !important;
}

.product-form__info-item--quantity .product-form__info-title {
  display: inline-flex !important;
  align-items: center !important;
  background: transparent !important;
  border-radius: 0 !important;
  padding: 0 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
  color: #475569 !important;
  margin-bottom: 0 !important;
  margin-right: 16px !important;
  white-space: nowrap !important;
}

.product-form__info-item--quantity .product-form__info-content {
  display: flex !important;
  align-items: center !important;
  gap: 0 !important;
  justify-content: flex-start !important;
  flex-wrap: nowrap !important;
  width: 100% !important;
}

/* Quantity selector wrapper */
.product-form__info-item--quantity .quantity,
.product-form__info-item--quantity .product-quantity-selector {
  display: flex !important;
  align-items: center !important;
  border: 2px solid #cbd5e1 !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  background: #fff !important;
  box-shadow: 0 1px 3px rgba(0,0,0,.07) !important;
}

/* Quantity buttons */
.product-form__info-item--quantity button.quantity__button,
.product-form__info-item--quantity button[aria-label="Decrease quantity"],
.product-form__info-item--quantity button[aria-label="Increase quantity"],
.product-form__info-item--quantity button[name="minus"],
.product-form__info-item--quantity button[name="plus"] {
  background: #f8fafc !important;
  border: none !important;
  width: 40px !important;
  height: 40px !important;
  font-size: 20px !important;
  font-weight: 300 !important;
  color: #1a3a6b !important;
  cursor: pointer !important;
  transition: background .15s, color .15s !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
}

.product-form__info-item--quantity button:hover {
  background: #e2e8f0 !important;
  color: #0f172a !important;
}

/* Quantity input */
.product-form__info-item--quantity input[type="number"],
.product-form__info-item--quantity input.quantity__input {
  width: 52px !important;
  height: 40px !important;
  border: none !important;
  border-left: 1.5px solid #e2e8f0 !important;
  border-right: 1.5px solid #e2e8f0 !important;
  text-align: center !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #0f172a !important;
  background: #fff !important;
  -moz-appearance: textfield !important;
  appearance: textfield !important;
  padding: 0 !important;
}

.product-form__info-item--quantity input::-webkit-outer-spin-button,
.product-form__info-item--quantity input::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  margin: 0 !important;
}

/* ══════════════════════════════════════════════════════════════
   4. DELIVERY URGENCY BAR
══════════════════════════════════════════════════════════════ */
.delivery-urgency-badge {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  background: linear-gradient(135deg, #fffbeb 0%, #fef3c7 100%) !important;
  border: 1.5px solid #fcd34d !important;
  border-radius: 12px !important;
  padding: 11px 18px !important;
  margin: 0 0 12px 0 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #92400e !important;
  box-shadow: 0 2px 8px rgba(245,158,11,.15) !important;
}

/* ══════════════════════════════════════════════════════════════
   5. ADD TO CART BUTTON
══════════════════════════════════════════════════════════════ */
.product-form__add-button {
  width: 100% !important;
  display: block !important;
  padding: 19px 28px !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  color: #ffffff !important;
  background: linear-gradient(180deg, #1e4898 0%, #1a3a6b 100%) !important;
  border: none !important;
  border-radius: 14px !important;
  cursor: pointer !important;
  position: relative !important;
  overflow: hidden !important;
  box-shadow:
    0 4px 20px rgba(26,58,107,.40),
    0 1px 0 rgba(255,255,255,.12) inset !important;
  transition: transform .15s ease, box-shadow .15s ease !important;
  margin-bottom: 0 !important;
}

.product-form__add-button::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: -100% !important;
  width: 55% !important;
  height: 100% !important;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.13), transparent) !important;
  animation: apexShimmer 2.8s infinite !important;
}

@keyframes apexShimmer {
  0%   { left: -100%; }
  100% { left: 220%; }
}

.product-form__add-button:hover {
  background: linear-gradient(180deg, #2554ae 0%, #1e4898 100%) !important;
  box-shadow:
    0 6px 24px rgba(26,58,107,.50),
    0 1px 0 rgba(255,255,255,.15) inset !important;
  transform: translateY(-2px) !important;
}

.product-form__add-button:active {
  transform: translateY(0) !important;
  box-shadow: 0 2px 10px rgba(26,58,107,.35) !important;
}

/* Hide duplicate in-stock text */
.mb-dis, .dis { display: none !important; }

/* Payment container spacing */
.product-form__payment-container {
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
}

/* ══════════════════════════════════════════════════════════════
   6. TRUST ROW (injected via JS below ATC)
══════════════════════════════════════════════════════════════ */
.apex-trust-row {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 6px 16px !important;
  padding: 12px 16px !important;
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 12px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.apex-trust-item {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #334155 !important;
  white-space: nowrap !important;
}

.apex-trust-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 16px !important;
  height: 16px !important;
  background: #dcfce7 !important;
  border-radius: 50% !important;
  font-size: 10px !important;
  color: #16a34a !important;
  font-weight: 900 !important;
  flex-shrink: 0 !important;
  line-height: 1 !important;
}

/* ══════════════════════════════════════════════════════════════
   7. REQUEST A QUOTE BUTTON
══════════════════════════════════════════════════════════════ */
.quote-btn-main {
  margin-top: 6px !important;
}

/* ══════════════════════════════════════════════════════════════
   8. RESPONSIVE
══════════════════════════════════════════════════════════════ */
@media (max-width: 767px) {
  .product-form__info-item:not(.product-form__info-item--quantity) {
    padding: 20px 16px 16px !important;
  }
  .product-form__info-item--quantity {
    padding: 14px 16px !important;
  }
  .exemptify_inc_vat {
    font-size: 30px !important;
  }
    .round-icon-img {
          margin-left: 8px !important;
            }
              
    }.product-form__add-button {
    padding: 17px 20px !important;
    font-size: 15px !important;
  }
  .apex-trust-row {
    grid-template-columns: 1fr 1fr !important;
    padding: 10px 12px !important;
  }
}


/* ============================================================
   APEX — Quantity selector fix (correct class names)
   ============================================================ */

/* Full-width quantity section */
.product-form__info-item--quantity .product-form__info-content {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  gap: 0 !important;
  flex-wrap: nowrap !important;
}

/* Quantity wrapper — styled border */
.quantity-selector {
  display: flex !important;
  align-items: center !important;
  border: 2px solid #cbd5e1 !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  background: #ffffff !important;
  box-shadow: 0 1px 4px rgba(0,0,0,.06) !important;
}

/* Quantity +/- buttons */
.quantity-selector__button {
  background: #f8fafc !important;
  border: none !important;
  width: 42px !important;
  height: 42px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  transition: background .15s !important;
  flex-shrink: 0 !important;
  color: #1a3a6b !important;
}

.quantity-selector__button:hover {
  background: #e2e8f0 !important;
}

.quantity-selector__button svg {
  width: 14px !important;
  height: 14px !important;
  stroke: #1a3a6b !important;
  fill: none !important;
}

/* Quantity input */
.quantity-selector__value {
  width: 52px !important;
  height: 42px !important;
  border: none !important;
  border-left: 1.5px solid #e2e8f0 !important;
  border-right: 1.5px solid #e2e8f0 !important;
  text-align: center !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #0f172a !important;
  background: #ffffff !important;
  -moz-appearance: textfield !important;
  appearance: textfield !important;
  padding: 0 !important;
}

.quantity-selector__value::-webkit-outer-spin-button,
.quantity-selector__value::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  margin: 0 !important;
}


/* ============================================================
   APEX — Quantity section full-width layout fix
   ============================================================ */

/* Force info-list to be full width */
.product-form__info-list,
.product-form__info-item,
.product-form__info-item--quantity {
  width: 100% !important;
  box-sizing: border-box !important;
  max-width: 100% !important;
}

/* Quantity info content — row layout */
.product-form__info-item--quantity .product-form__info-content {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  width: 100% !important;
  gap: 0 !important;
}

/* Quantity label */
.product-form__info-item--quantity .product-form__info-title {
  flex-shrink: 0 !important;
  margin-right: 16px !important;
}

/* Quantity selector — grows to fill remaining space OR fixed size */
.quantity-selector {
  display: inline-flex !important;
  align-items: center !important;
  flex-shrink: 0 !important;
}


/* ============================================================
   APEX — Critical: override display:table layout
   ============================================================ */

/* Override the theme's table layout for info-list */
.product-form__info-list {
  display: block !important;
}

.product-form__info-item {
  display: block !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.product-form__info-item--quantity {
  display: block !important;
  width: 100% !important;
}


/* ================================================================
   APEX VARIANT SELECTOR — Premium size selection redesign
   Applies to: Strip Choices, Curtain Width, Curtain Height
   ================================================================ */

/* ── SECTION WRAPPER ── */
.product-form__variants {
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  margin-bottom: 4px !important;
}

/* ── EACH OPTION BLOCK ── */
.product-form__option {
  padding: 14px 0 14px 0 !important;
  border-bottom: 1px solid #f1f5f9 !important;
  position: relative !important;
}

.product-form__option:last-child {
  border-bottom: none !important;
}

/* ── OPTION LABEL ROW (e.g. "CURTAIN WIDTH: 1118MM (7 STRIPS)") ── */
.product-form__option-name {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-bottom: 10px !important;
  font-size: 10.5px !important;
  font-weight: 700 !important;
  letter-spacing: .13em !important;
  text-transform: uppercase !important;
  color: #475569 !important;
  line-height: 1 !important;
}

/* ── SELECTED VALUE SHOWN IN LABEL (bold highlight) ── */
.product-form__option-name .product-form__selected-value {
  color: #1a3a6b !important;
  font-weight: 800 !important;
  font-size: 10.5px !important;
  letter-spacing: .08em !important;
}

/* ── LABEL SEPARATOR COLON ── */
.product-form__option-name::after {
  content: '' !important;
}

/* ── SELECT WRAPPER ── */
.product-form__option .select-wrapper {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  background: #ffffff !important;
  border: 2px solid #e2e8f0 !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  transition: border-color .18s, box-shadow .18s !important;
  box-shadow: 0 1px 3px rgba(0,0,0,.06), 0 1px 0 rgba(255,255,255,.8) inset !important;
  cursor: pointer !important;
}

.product-form__option .select-wrapper:hover {
  border-color: #1a3a6b !important;
  box-shadow: 0 0 0 3px rgba(26,58,107,.10), 0 2px 6px rgba(0,0,0,.08) !important;
}

.product-form__option .select-wrapper:focus-within {
  border-color: #1a3a6b !important;
  box-shadow: 0 0 0 4px rgba(26,58,107,.15) !important;
}

/* ── CUSTOM CHEVRON ICON inside wrapper ── */
.product-form__option .select-wrapper svg {
  position: absolute !important;
  right: 14px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 16px !important;
  height: 16px !important;
  pointer-events: none !important;
  color: #1a3a6b !important;
  stroke: #1a3a6b !important;
  fill: none !important;
  z-index: 2 !important;
}

/* ── NATIVE SELECT ── */
.product-form__option .product-form__single-selector,
.product-form__option select {
  width: 100% !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  background: transparent !important;
  border: none !important;
  outline: none !important;
  padding: 13px 44px 13px 16px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #0f172a !important;
  cursor: pointer !important;
  line-height: 1.4 !important;
  letter-spacing: .01em !important;
}

/* ── OPTION ELEMENTS inside select ── */
.product-form__option select option {
  font-size: 14px !important;
  font-weight: 500 !important;
  color: #0f172a !important;
  background: #ffffff !important;
  padding: 8px !important;
}

/* ── CURRENTLY SELECTED OPTION highlight ── */
.product-form__option select option:checked {
  background: #eff6ff !important;
  color: #1a3a6b !important;
  font-weight: 700 !important;
}

/* ── DISABLED SELECT (single-option, e.g. Strip Choices) ── */
.product-form__option select[data-option-count="1"],
.product-form__option select option:only-child {
  color: #64748b !important;
}

/* Single option — no caret needed, dimmed style */
.product-form__option[data-selector-type="select"] .select-wrapper:has(select option:only-child) {
  background: #f8fafc !important;
  border-color: #e2e8f0 !important;
  cursor: default !important;
}

/* ── LABEL prefix text color ── */
.product-form__option-name {
  /* "Strip Choices:" part */
  color: #64748b !important;
}

/* ================================================================
   STEP INDICATOR — show step numbers for each selector  
   ================================================================ */
.product-form__option:nth-child(1) .product-form__option-name::before {
  content: '1' !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  background: #1a3a6b !important;
  color: #ffffff !important;
  border-radius: 50% !important;
  font-size: 9px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  margin-right: 2px !important;
}

.product-form__option:nth-child(2) .product-form__option-name::before {
  content: '2' !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  background: #1a3a6b !important;
  color: #ffffff !important;
  border-radius: 50% !important;
  font-size: 9px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  margin-right: 2px !important;
}

.product-form__option:nth-child(3) .product-form__option-name::before {
  content: '3' !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  background: #1a3a6b !important;
  color: #ffffff !important;
  border-radius: 50% !important;
  font-size: 9px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  margin-right: 2px !important;
}

/* ── 4th hidden option (the 72-size grid selector) ── */
.product-form__option:nth-child(4) {
  display: none !important;
}

/* ================================================================
   ACTIVE/SELECTED STATE — highlight when a value is chosen  
   ================================================================ */
.product-form__option .select-wrapper:has(select:focus) {
  border-color: #1a3a6b !important;
  box-shadow: 0 0 0 4px rgba(26,58,107,.12) !important;
}

/* ================================================================
   LABEL CHEVRON between label text and selected value
   ================================================================ */
.product-form__option-name > *:not(.product-form__selected-value):not(:last-child)::after {
  display: none !important;
}

/* ================================================================
   VARIANTS SECTION CONTAINER
   ================================================================ */
.product-form__variants {
  background: #ffffff !important;
  border-radius: 16px !important;
  border: 1.5px solid #e2e8f0 !important;
  padding: 4px 20px 8px 20px !important;
  box-shadow: 0 2px 8px rgba(0,0,0,.06) !important;
  margin-bottom: 16px !important;
  position: relative !important;
}

/* Top accent stripe on variants card */
.product-form__variants::before {
  content: '' !important;
  display: block !important;
  height: 3px !important;
  background: linear-gradient(90deg,#0f2d6b 0%,#1a4694 30%,#f5a623 60%,#e8b422 80%,#0f2d6b 100%) !important;
  position: absolute !important;
  top: 0 !important; left: 0 !important; right: 0 !important;
  border-radius: 16px 16px 0 0 !important;
}

/* ================================================================
   RESPONSIVE
   ================================================================ */
@media (max-width: 767px) {
  .product-form__variants {
    padding: 4px 14px 8px !important;
    border-radius: 12px !important;
  }
  .product-form__option .product-form__single-selector,
  .product-form__option select {
    font-size: 13px !important;
    padding: 12px 40px 12px 14px !important;
  }
  .product-form__option-name {
    font-size: 10px !important;
  }
}


/* ================================================================
   APEX VARIANT SELECTOR — Spacing refinements
   ================================================================ */

/* Tighter spacing between options */
.product-form__option {
  padding: 12px 0 10px 0 !important;
}

.product-form__option-name {
  margin-bottom: 8px !important;
}

/* Remove extra space at bottom of variants card */
.product-form__variants {
  padding-bottom: 14px !important;
}

/* Select height slightly reduced */
.product-form__option .product-form__single-selector,
.product-form__option select {
  padding: 12px 44px 12px 16px !important;
}

/* Last option — no border at all */
.product-form__option:last-of-type {
  border-bottom: none !important;
  padding-bottom: 0 !important;
}