/* ============================================================
   NaiM order form — full redesign of the DOMAIN pages
   (register / transfer / renew) over standard_cart.
   Auto-loaded after all.min.css, so these win.
   CSS-only: every standard_cart form id / ajax hook is left
   untouched, so the live domain checker keeps working.
   ============================================================ */

:root{
  --naim-brand:#110C4C; --naim-brand-700:#1a1268;
  --naim-accent:#F47B20; --naim-accent-600:#db6a12;
  --naim-border:#e6e8f0; --naim-card:#ffffff;
  --naim-text:#1f2233; --naim-muted:#6b7088; --naim-bg:#f4f5fa;
  --naim-radius:12px;
  --naim-shadow:0 1px 2px rgba(17,12,76,.06);
  --naim-shadow-lg:0 14px 34px rgba(17,12,76,.12);
}

/* ---------- base color remap (standard_cart ships blue) ---------- */
#order-standard_cart{color:var(--naim-text);}
#order-standard_cart a{color:var(--naim-brand);}
#order-standard_cart a:hover{color:var(--naim-accent);}
.text-primary{color:var(--naim-brand)!important;}
.text-warning{color:var(--naim-accent)!important;}
.header-lined{border-bottom:1px solid var(--naim-border)!important;padding-bottom:14px;margin-bottom:20px;}
.header-lined h1,.font-size-36,.font-size-30{color:var(--naim-brand)!important;font-weight:800!important;}

/* buttons: navy default, ORANGE for the conversion CTAs */
.btn-primary{background:var(--naim-brand)!important;border-color:var(--naim-brand)!important;color:#fff!important;border-radius:9px!important;font-weight:600;box-shadow:none!important;}
.btn-primary:hover{background:var(--naim-brand-700)!important;border-color:var(--naim-brand-700)!important;}
.btn-default{background:#fff!important;color:var(--naim-text)!important;border:1px solid var(--naim-border)!important;border-radius:9px!important;font-weight:600;}
.btn-default:hover{background:var(--naim-bg)!important;border-color:#cfd2e4!important;color:var(--naim-brand)!important;}
.btn-warning,.domain-check-availability,#btnCheckAvailability,.btn-add-to-cart,.btn-transfer,
.btn-add-renewal-to-cart,#btnGoToCart{
  background:var(--naim-accent)!important;border-color:var(--naim-accent)!important;color:#fff!important;
  border-radius:9px!important;font-weight:700!important;box-shadow:none!important;
}
.btn-warning:hover,.domain-check-availability:hover,#btnCheckAvailability:hover,.btn-add-to-cart:hover,
.btn-transfer:hover,.btn-add-renewal-to-cart:hover,#btnGoToCart:hover{
  background:var(--naim-accent-600)!important;border-color:var(--naim-accent-600)!important;color:#fff!important;
}

/* ============================================================
   DOMAIN PAGES ONLY: drop the dated Categories/Actions sidebar
   and go full width (scoped with :has so product/cart pages keep it)
   ============================================================ */
#order-standard_cart:has(.domain-checker-container) .cart-sidebar,
#order-standard_cart:has(#frmDomainTransfer) .cart-sidebar,
#order-standard_cart:has(#domainRenewals) .cart-sidebar,
#order-standard_cart:has(.domain-checker-container) .sidebar-categories-collapsed,
#order-standard_cart:has(#frmDomainTransfer) .sidebar-categories-collapsed,
#order-standard_cart:has(#domainRenewals) .sidebar-categories-collapsed{display:none!important;}

#order-standard_cart:has(.domain-checker-container) .cart-body,
#order-standard_cart:has(#frmDomainTransfer) .cart-body,
#order-standard_cart:has(#domainRenewals) .cart-body{
  width:100%!important;max-width:none!important;flex:1 1 100%!important;float:none!important;padding:0!important;
}

/* ============================================================
   REGISTER — navy hero search
   ============================================================ */
.domain-checker-container{
  background:var(--naim-brand)!important;border:0!important;border-radius:18px!important;
  padding:40px 32px!important;margin:8px 0 26px!important;box-shadow:var(--naim-shadow-lg)!important;
}
.domain-checker-bg{background:transparent!important;border:0!important;padding:0!important;box-shadow:none!important;margin:0!important;}
.domain-checker-container .input-group{border-radius:14px;overflow:hidden;box-shadow:0 10px 26px rgba(0,0,0,.20);}
.domain-checker-container input#inputDomain,.domain-checker-container .form-control,
.domain-checker-container textarea#message{
  height:62px!important;border:0!important;font-size:17px!important;padding:0 22px!important;box-shadow:none!important;color:var(--naim-text)!important;
}
.domain-checker-container textarea#message{padding:18px 22px!important;height:auto!important;min-height:62px;}
.domain-checker-container .domain-check-availability,.domain-checker-container #btnCheckAvailability{
  height:62px!important;padding:0 38px!important;border-radius:0!important;font-size:16px!important;
}
/* the intro line above the hero */
.domain-checker-container + *,.header-lined + p{color:var(--naim-muted);}

/* TLD category filter -> pills */
.tld-filters{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 18px!important;}
.tld-filters .badge,.tld-filters a.badge{
  background:#eef0f6!important;color:var(--naim-text)!important;border:1px solid var(--naim-border)!important;
  border-radius:999px!important;padding:7px 14px!important;font-size:12.5px!important;font-weight:600!important;cursor:pointer;transition:all .13s;
}
.tld-filters .badge:hover{border-color:var(--naim-brand)!important;color:var(--naim-brand)!important;}
.tld-filters .badge.active,.tld-filters .badge.badge-primary,.tld-filters .badge.selected{
  background:var(--naim-brand)!important;color:#fff!important;border-color:var(--naim-brand)!important;
}

/* pricing table -> clean card */
.domain-pricing h4.font-size-18{color:var(--naim-brand)!important;font-weight:800!important;margin-top:24px;}
.domain-pricing .bg-white{background:var(--naim-card)!important;border:1px solid var(--naim-border)!important;border-radius:14px!important;overflow:hidden;box-shadow:var(--naim-shadow)!important;}
.tld-pricing-header{background:var(--naim-brand)!important;color:#fff!important;font-weight:700;padding:15px 0!important;}
.tld-pricing-header .tld-column,.tld-pricing-header [class*="col-"]{color:#fff!important;}
.tld-row{border-top:1px solid var(--naim-border)!important;transition:background .12s;}
.tld-row:hover{background:#f7f8fc!important;}
.tld-row strong{color:var(--naim-brand)!important;font-size:15px;}
.tld-row small{color:var(--naim-muted)!important;}
.tld-sale-group{background:var(--naim-accent)!important;color:#fff!important;border-radius:6px;padding:1px 7px;font-size:11px;}

/* featured TLD -> cards */
.featured-tld{background:#fff!important;border:1px solid var(--naim-border)!important;border-radius:14px!important;padding:18px!important;box-shadow:var(--naim-shadow)!important;transition:transform .14s,box-shadow .14s;text-align:center;}
.featured-tld:hover{transform:translateY(-3px);box-shadow:var(--naim-shadow-lg)!important;}
.featured-tld .price{color:var(--naim-brand)!important;font-weight:700;}

/* search-result + suggestion cards */
.domain-checker-result-headline,.domain-lookup-result,.suggested-domains{
  background:var(--naim-card)!important;border:1px solid var(--naim-border)!important;border-radius:14px!important;box-shadow:var(--naim-shadow)!important;
}
.domain-available,.domain-checker-available{border-left:4px solid #2f9e44!important;}
.domain-unavailable,.domain-checker-unavailable,.domain-tld-unavailable{border-left:4px solid #e0322f!important;}
.domain-invalid,.domain-checker-invalid{border-left:4px solid var(--naim-accent)!important;}
.domain-price .price,.domain-suggestion .price{color:var(--naim-brand)!important;font-weight:800;}
.spotlight-tld{background:#fff!important;border:1px solid var(--naim-border)!important;border-radius:12px!important;transition:border-color .13s,transform .13s;}
.spotlight-tld:hover{border-color:var(--naim-accent)!important;transform:translateY(-2px);}
.domain-suggestion.list-group-item{border-color:var(--naim-border)!important;}
.domain-suggestion.list-group-item:hover{background:var(--naim-bg)!important;}

/* promo boxes -> bold cards */
.domain-promo-box{background:#fff!important;border:1px solid var(--naim-border)!important;border-radius:16px!important;padding:28px!important;box-shadow:var(--naim-shadow)!important;text-align:center;transition:transform .14s,box-shadow .14s;}
.domain-promo-box:hover{transform:translateY(-3px);box-shadow:var(--naim-shadow-lg)!important;}
.domain-promo-box .fa-4x{color:var(--naim-brand)!important;margin-bottom:14px;}

/* ============================================================
   TRANSFER — premium centered card
   ============================================================ */
#frmDomainTransfer .panel.card{border:1px solid var(--naim-border)!important;border-radius:18px!important;box-shadow:var(--naim-shadow-lg)!important;overflow:hidden;}
#frmDomainTransfer .panel-heading,#frmDomainTransfer .card-header{background:var(--naim-brand)!important;border:0!important;padding:22px 28px!important;}
#frmDomainTransfer .panel-title,#frmDomainTransfer .card-title{color:#fff!important;font-size:21px!important;margin:0!important;}
#frmDomainTransfer .panel-body,#frmDomainTransfer .card-body{padding:28px!important;}
#frmDomainTransfer .form-control{height:52px!important;border-radius:11px!important;border:1px solid var(--naim-border)!important;}
#frmDomainTransfer .form-control:focus{border-color:var(--naim-accent)!important;box-shadow:0 0 0 3px rgba(244,123,32,.12)!important;}
#frmDomainTransfer label{font-weight:600;color:var(--naim-text);}
#frmDomainTransfer .panel-footer,#frmDomainTransfer .card-footer{background:#fff!important;border-top:1px solid var(--naim-border)!important;padding:18px 28px!important;}
#frmDomainTransfer .btn-transfer{padding:13px 30px!important;}

/* ============================================================
   RENEW — modern cards + sticky order summary
   ============================================================ */
#order-standard_cart:has(#domainRenewals) .row:has(.secondary-cart-body){
  display:flex!important;flex-wrap:wrap;gap:22px;align-items:flex-start;
}
.secondary-cart-body{flex:1 1 440px!important;min-width:0!important;}
.secondary-cart-sidebar{flex:0 0 320px!important;position:sticky;top:84px;}
@media (max-width:991px){.secondary-cart-sidebar{flex:1 1 100%!important;position:static;width:100%;}}

.domain-renewal{
  background:#fff!important;border:1px solid var(--naim-border)!important;border-radius:14px!important;
  padding:22px 24px!important;margin-bottom:14px!important;box-shadow:var(--naim-shadow)!important;transition:box-shadow .14s,transform .14s;
}
.domain-renewal:hover{box-shadow:var(--naim-shadow-lg)!important;transform:translateY(-2px);}
.domain-renewal h3{color:var(--naim-brand)!important;font-weight:700!important;}
.domain-renewal .label{border-radius:999px!important;padding:5px 12px!important;font-weight:600!important;font-size:11.5px!important;}
.label-success{background:#2f9e44!important;}
.label-warning{background:var(--naim-accent)!important;color:#fff!important;}
.label-danger{background:#e0322f!important;}
.label-info,.label-grey{background:var(--naim-brand)!important;color:#fff!important;}
.select-renewal-pricing{height:46px!important;border-radius:10px!important;border:1px solid var(--naim-border)!important;}
.btn-add-renewal-to-cart{padding:9px 20px!important;}

.order-summary{background:var(--naim-card)!important;border:1px solid var(--naim-border)!important;border-radius:16px!important;box-shadow:var(--naim-shadow)!important;overflow:hidden;padding:0!important;}
.order-summary h2{background:var(--naim-brand)!important;color:#fff!important;margin:0!important;padding:18px 22px!important;font-size:20px!important;}
.order-summary .summary-container,.order-summary>.loader{padding:18px 22px!important;}
.order-summary .summary-container .total,#producttotal .total{color:var(--naim-brand)!important;font-weight:800!important;}
#btnGoToCart{width:100%;margin-top:14px;padding:13px!important;}
.domain-renewals-filter{height:44px!important;border-radius:10px!important;border:1px solid var(--naim-border)!important;}

/* ============================================================
   shared: panels, forms, badges
   ============================================================ */
.panel,.card{border:1px solid var(--naim-border)!important;border-radius:var(--naim-radius)!important;box-shadow:var(--naim-shadow)!important;}
.panel-heading,.card-header{border-bottom:1px solid var(--naim-border)!important;color:var(--naim-text)!important;}
.form-control{border-radius:9px;border:1px solid var(--naim-border);}
.form-control:focus{border-color:var(--naim-accent);box-shadow:0 0 0 3px rgba(244,123,32,.12);}
.alert{border-radius:var(--naim-radius);}

/* ============================================================
   NAIM ORDER FORM — plan cards v8
   real underline tab-bar menu, compact cards, each feature in
   its own shadowed pill. same navy/orange palette.
   ============================================================ */
#order-standard_cart.naim-of{max-width:1160px;margin-left:auto;margin-right:auto;}
#order-standard_cart.naim-of .cart-body{padding-left:0;}
.cart-body .naim-of-head.header-lined{border-bottom:0!important;padding-bottom:0!important;}
.naim-of-head{position:relative;padding-left:16px;margin-bottom:22px;}
.naim-of-head::before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:4px;border-radius:4px;background:var(--naim-accent,#F47B20);}
.naim-of-head h1{color:var(--naim-brand,#110C4C)!important;font-weight:800!important;font-size:25px!important;letter-spacing:-.02em;line-height:1.2;margin:0 0 5px!important;}
.naim-of-head p{color:var(--naim-muted,#6b7088);margin:0!important;font-size:13.5px;line-height:1.5;max-width:640px;}

#order-standard_cart .products.naim-of-grid,#products.naim-of-grid{display:grid !important;grid-template-columns:repeat(3,1fr) !important;gap:18px;align-items:stretch;margin:2px 0 22px;}

/* ---------- compact card ---------- */
.naim-of-card{position:relative;display:flex;flex-direction:column;background:#fff;
  border:1px solid var(--naim-border,#e6e8f0);border-radius:15px;padding:0 0 18px;overflow:hidden;
  box-shadow:0 1px 2px rgba(17,12,76,.04);transition:box-shadow .18s ease,transform .18s ease,border-color .18s ease;}
.naim-of-card::before{content:none;}
.naim-of-card:hover{border-color:#cfd4e5;transform:translateY(-3px);box-shadow:0 12px 28px rgba(17,12,76,.10);}
.naim-of-featured{border-color:var(--naim-accent,#F47B20);box-shadow:0 8px 24px rgba(244,123,32,.12);}
.naim-of-featured:hover{border-color:var(--naim-accent,#F47B20);box-shadow:0 14px 34px rgba(244,123,32,.17);}
.naim-of-pop{position:absolute;top:12px;right:12px;background:#fff;color:var(--naim-accent,#F47B20);
  font-weight:800;font-size:9.5px;letter-spacing:.5px;padding:4px 10px;border-radius:999px;white-space:nowrap;z-index:3;
  box-shadow:0 2px 8px rgba(17,12,76,.12);}

/* header block */
.naim-of-name{color:var(--naim-brand,#110C4C);font-weight:800;font-size:17px;letter-spacing:-.2px;line-height:1.3;margin:0;padding:18px 20px 0;}
.naim-of-featured .naim-of-name{padding-right:108px;}
.naim-of-name i,.naim-of-ic{display:none!important;}
.naim-of-desc{color:var(--naim-muted,#6b7088);font-size:12px;line-height:1.45;margin:0;padding:4px 20px 0;}
.naim-of-price{margin:0;padding:13px 20px 16px;background:linear-gradient(180deg,#fafbff 0%,#f5f6fc 100%);border-bottom:1px solid #eceef6;text-align:left;}
.naim-of-featured .naim-of-price{background:linear-gradient(180deg,#fff7f1 0%,#fdeee3 100%);border-bottom-color:#f7e3d3;}
.naim-of-from{display:block;color:#9aa0b3;font-size:9.5px;font-weight:800;text-transform:uppercase;letter-spacing:.7px;margin-bottom:2px;}
.naim-of-amt{color:var(--naim-brand,#110C4C);font-weight:800;font-size:25px;line-height:1.05;letter-spacing:-.7px;font-variant-numeric:tabular-nums;}
.naim-of-amt small{font-size:12.5px;color:var(--naim-muted,#6b7088);font-weight:700;letter-spacing:0;}
.naim-of-cycle{color:var(--naim-muted,#6b7088);font-size:11.5px;font-weight:600;margin-top:2px;}
.naim-of-setup{color:#9aa0b3;font-size:11px;margin-top:4px;}

/* ---------- features: soft zebra rows, refined dot marker ---------- */
.naim-of-feats{list-style:none;margin:0;padding:10px 16px 0;background:none;border:0;display:flex;flex-direction:column;flex:1 1 auto;}
.naim-of-feat{display:flex!important;align-items:center;justify-content:space-between;gap:12px;
  padding:8px 12px;border:0;border-radius:8px;background:transparent;box-shadow:none;line-height:1.4;transition:background .13s ease;}
.naim-of-feat:nth-child(odd){background:#fafbfd;}
.naim-of-feat:hover{background:#f4f6fb;}
.naim-of-featured .naim-of-feat:nth-child(odd){background:#fdf8f3;}
.naim-of-featured .naim-of-feat:hover{background:#fbf1e8;}
.naim-of-flabel{display:flex;align-items:center;gap:11px;color:#565c72;font-size:12.8px;min-width:0;font-weight:500;}
.naim-of-flabel::before{content:"";flex:0 0 auto;width:6px;height:6px;border-radius:50%;
  background:var(--naim-accent,#F47B20);box-shadow:0 0 0 3px rgba(244,123,32,.14);margin:0 2px;transition:box-shadow .13s ease;}
.naim-of-feat:hover .naim-of-flabel::before{box-shadow:0 0 0 3px rgba(244,123,32,.24);}
.naim-of-fval{color:var(--naim-brand,#110C4C);font-size:12.8px;font-weight:700;text-align:right;letter-spacing:-.1px;flex:0 1 auto;}
.naim-of-flabel-solo{color:#3a3f51;font-weight:600;}
/* JS-off fallback rows (raw "Label - Value") */
.naim-of-feat-raw{color:#4a4f66;font-size:12.8px;display:flex;align-items:center;gap:11px;}
.naim-of-feat-raw::before{content:"";flex:0 0 auto;width:6px;height:6px;border-radius:50%;
  background:var(--naim-accent,#F47B20);box-shadow:0 0 0 3px rgba(244,123,32,.14);margin:0 2px;}
/* description-based products: same rows */
.naim-of-descrow{color:#4a4f66;font-size:12.8px;padding:0;}
.naim-of-descrow i{display:none;}
.naim-of-descrow ul{list-style:none;margin:0;padding:0;}
.naim-of-descrow li{display:flex;align-items:center;gap:11px;padding:8px 12px;border:0;border-radius:8px;color:#4a4f66;font-size:12.8px;}
.naim-of-descrow li:nth-child(odd){background:#fafbfd;}
.naim-of-descrow li::before{content:"";flex:0 0 auto;width:6px;height:6px;border-radius:50%;
  background:var(--naim-accent,#F47B20);box-shadow:0 0 0 3px rgba(244,123,32,.14);margin:0 2px;}

/* ---------- CTA ---------- */
.naim-of-cta{margin-top:auto;padding:15px 18px 0;}
.naim-of-order{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;
  background:var(--naim-accent,#F47B20);color:#fff!important;font-weight:700;font-size:13.5px;padding:12px;border-radius:10px;
  text-decoration:none!important;box-shadow:0 3px 12px rgba(244,123,32,.22);transition:all .16s ease;}
.naim-of-order i{font-size:12px;transition:transform .16s;}
.naim-of-order:hover{background:var(--naim-brand,#110C4C)!important;box-shadow:0 6px 16px rgba(17,12,76,.22);}
.naim-of-order:hover i{transform:translateX(3px);}
.naim-of-order:focus-visible{outline:3px solid rgba(244,123,32,.4);outline-offset:2px;}
.naim-of-oos{background:#eef0f6!important;color:#9aa0b3!important;box-shadow:none;cursor:not-allowed;pointer-events:none;}

/* ---------- included strip (sits inside the folder panel) ---------- */
.naim-of-included{position:relative;background:#f8f9fc;border:1px solid #eef0f6;border-radius:12px;
  padding:18px 22px;overflow:hidden;box-shadow:none;margin-bottom:16px;}
.naim-of-included::before{content:"";position:absolute;top:0;bottom:0;left:0;width:4px;background:var(--naim-accent,#F47B20);}
.naim-of-included-h{color:var(--naim-brand,#110C4C);font-weight:800;font-size:14.5px;letter-spacing:-.2px;margin-bottom:14px;}
.naim-of-included-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px 24px;}
.naim-of-included-list li{display:flex;align-items:center;gap:10px;color:#3a3f51;font-size:12.8px;line-height:1.4;}
.naim-of-included-list li i{display:none;}
.naim-of-included-list li::before{content:"";flex:0 0 auto;width:6px;height:6px;border-radius:50%;
  background:var(--naim-accent,#F47B20);box-shadow:0 0 0 3px rgba(244,123,32,.14);margin:0 3px;}

/* ============================================================
   CATEGORIES — folder tabs (active tab connected to the panel)
   ============================================================ */
#order-standard_cart.naim-of > .row{display:flex!important;flex-direction:column!important;margin:0!important;}
#order-standard_cart.naim-of .cart-sidebar{width:100%!important;max-width:none!important;flex:none!important;float:none!important;padding:0!important;margin:0 0 -1px 0!important;position:relative;z-index:2;}
#order-standard_cart.naim-of .cart-body{width:100%!important;max-width:none!important;flex:none!important;float:none!important;padding:0!important;}
#order-standard_cart.naim-of .sidebar-categories-collapsed,
#order-standard_cart.naim-of [class*="categories-collapsed"]{display:none!important;}
#order-standard_cart.naim-of .cart-sidebar .panel:not([menuitemname*="ategor"]),
#order-standard_cart.naim-of .cart-sidebar [menuitemname*="ction"]{display:none!important;}
#order-standard_cart.naim-of .cart-sidebar .panel[menuitemname*="ategor"]{
  background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;margin:0!important;
}
#order-standard_cart.naim-of .cart-sidebar .panel[menuitemname*="ategor"] .panel-heading,
#order-standard_cart.naim-of .cart-sidebar .panel[menuitemname*="ategor"] .card-header{display:none!important;}
#order-standard_cart.naim-of .cart-sidebar .panel[menuitemname*="ategor"] .panel-body,
#order-standard_cart.naim-of .cart-sidebar .panel[menuitemname*="ategor"] .card-body{padding:0!important;}

/* the tab strip: WRAPS so every category is visible; last row meets the panel */
#order-standard_cart.naim-of .cart-sidebar .list-group{
  display:flex!important;flex-wrap:wrap!important;gap:5px;margin:0!important;padding:0 2px!important;
  border:0!important;box-shadow:none!important;background:transparent!important;border-radius:0!important;overflow:visible!important;
}
#order-standard_cart.naim-of .cart-sidebar .list-group-item{
  position:relative;display:inline-flex!important;align-items:center;width:auto!important;flex:0 0 auto;
  background:#f1f2f8!important;color:#7a8096!important;
  border:1px solid #e6e8f0!important;border-bottom:1px solid #e6e8f0!important;border-radius:10px 10px 0 0!important;
  padding:10px 15px!important;font-size:12.8px!important;font-weight:600!important;line-height:1.2!important;
  margin:0!important;box-shadow:none!important;transition:background .14s,color .14s;text-decoration:none!important;white-space:nowrap;bottom:-1px;
}
#order-standard_cart.naim-of .cart-sidebar .list-group-item:hover{
  background:#e9ebf4!important;color:var(--naim-brand,#110C4C)!important;
}
/* active tab: white, lifted, its bottom edge covers the baseline -> "connected" to content */
#order-standard_cart.naim-of .cart-sidebar .list-group-item.active,
#order-standard_cart.naim-of .cart-sidebar .list-group-item.active:hover{
  background:#fff!important;color:var(--naim-brand,#110C4C)!important;font-weight:800!important;
  border-color:#e3e6f0!important;border-bottom-color:#fff!important;box-shadow:0 -3px 10px rgba(17,12,76,.06)!important;z-index:3;
}
/* orange top accent on the active tab for brand pop */
#order-standard_cart.naim-of .cart-sidebar .list-group-item.active::after{
  content:"";position:absolute;left:-1px;right:-1px;top:-1px;height:3px;background:var(--naim-accent,#F47B20);border-radius:10px 10px 0 0;z-index:2;
}
#order-standard_cart.naim-of .cart-sidebar .list-group-item:focus-visible{outline:2px solid rgba(17,12,76,.3);outline-offset:-2px;}
#order-standard_cart.naim-of .cart-sidebar .list-group-item i,
#order-standard_cart.naim-of .cart-sidebar .list-group-item .fa,
#order-standard_cart.naim-of .cart-sidebar .list-group-item .fas,
#order-standard_cart.naim-of .cart-sidebar .list-group-item .badge{display:none!important;}

/* content panel that the active tab connects into */
#order-standard_cart.naim-of .cart-body{
  border:1px solid #e3e6f0;border-top:0;border-radius:0 0 14px 14px;background:#fff;
  padding:24px 24px 6px!important;box-shadow:0 1px 3px rgba(17,12,76,.04);
}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width:1100px){
  #order-standard_cart .products.naim-of-grid,#products.naim-of-grid{grid-template-columns:repeat(2,1fr)!important;gap:16px;}
  .naim-of-included-list{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:760px){
  #order-standard_cart.naim-of{max-width:100%!important;overflow-x:hidden;}

  /* header: centered, breathing room, readable */
  .naim-of-head{padding:0 4px;margin-bottom:18px;text-align:center;}
  .naim-of-head::before{display:none;}
  .naim-of-head h1{font-size:21px!important;line-height:1.25;margin:0 0 7px!important;}
  .naim-of-head p{font-size:12.8px;line-height:1.55;margin:0 auto!important;max-width:340px;}

  /* MOBILE NAV: use WHMCS collapsed dropdown, hide desktop folder tabs, remove Actions */
  #order-standard_cart.naim-of .cart-sidebar{margin:0 0 16px 0!important;width:100%!important;max-width:100%!important;min-width:0!important;overflow:visible!important;position:static;}
  #order-standard_cart.naim-of .sidebar-categories,
  #order-standard_cart.naim-of .cart-sidebar .list-group{display:none!important;}
  #order-standard_cart.naim-of .sidebar-categories-collapsed,
  #order-standard_cart.naim-of [class*="categories-collapsed"]{display:block!important;max-width:100%!important;}
  /* keep only the first (Categories) collapsed panel, drop Actions + any others */
  #order-standard_cart.naim-of .cart-sidebar .sidebar-categories-collapsed .panel{display:block!important;background:transparent!important;border:0!important;box-shadow:none!important;margin:0!important;padding:0!important;}
  #order-standard_cart.naim-of .cart-sidebar .sidebar-categories-collapsed .panel + .panel{display:none!important;}
  #order-standard_cart.naim-of .sidebar-categories-collapsed .panel-heading,
  #order-standard_cart.naim-of .sidebar-categories-collapsed .card-header{background:transparent!important;border:0!important;padding:0 0 7px 2px!important;}
  #order-standard_cart.naim-of .sidebar-categories-collapsed .panel-heading .panel-title,
  #order-standard_cart.naim-of .sidebar-categories-collapsed .panel-title{color:var(--naim-brand,#110C4C)!important;font-weight:800!important;font-size:13px!important;}
  #order-standard_cart.naim-of .sidebar-categories-collapsed .panel-heading i,
  #order-standard_cart.naim-of .sidebar-categories-collapsed .panel-title i{color:var(--naim-accent,#F47B20)!important;}
  #order-standard_cart.naim-of .sidebar-categories-collapsed .panel-body{padding:0!important;}
  #order-standard_cart.naim-of .cart-sidebar select,
  #order-standard_cart.naim-of .sidebar-categories-collapsed select{
    width:100%!important;appearance:none;-webkit-appearance:none;-moz-appearance:none;
    background:#fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23110C4C' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round' d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 14px center;background-size:16px;
    border:1px solid #e3e6f0!important;border-radius:11px!important;padding:13px 40px 13px 15px!important;
    font-size:14px!important;font-weight:700!important;color:var(--naim-brand,#110C4C)!important;
    box-shadow:0 1px 2px rgba(17,12,76,.05)!important;height:auto!important;line-height:1.3!important;
  }
  #order-standard_cart.naim-of .cart-sidebar select:focus,
  #order-standard_cart.naim-of .sidebar-categories-collapsed select:focus{outline:none;border-color:var(--naim-accent,#F47B20)!important;box-shadow:0 0 0 3px rgba(244,123,32,.15)!important;}

  /* content panel: full width, no folder border on mobile */
  #order-standard_cart.naim-of .cart-body{border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;padding:0!important;max-width:100%!important;min-width:0!important;}

  #order-standard_cart .products.naim-of-grid,#products.naim-of-grid{grid-template-columns:1fr!important;gap:14px;margin-bottom:16px;}
  .naim-of-card:hover{transform:none;}

  /* package name + price centered */
  .naim-of-name{font-size:18px;padding:18px 20px 0;text-align:center;}
  .naim-of-featured .naim-of-name{padding-right:20px;}
  .naim-of-pop{position:static;display:inline-block;margin:14px auto 0;top:auto;right:auto;font-size:9.5px;padding:4px 11px;box-shadow:none;}
  .naim-of-desc{padding:5px 20px 0;text-align:center;}
  .naim-of-price{padding:12px 20px 15px;text-align:center;}
  .naim-of-from{margin-bottom:3px;}
  .naim-of-amt{font-size:26px;}
  .naim-of-feats{padding:12px 14px 0;}
  .naim-of-feat{padding:9px 12px;}
  .naim-of-cta{padding:14px 16px 2px;}
  .naim-of-order{padding:13px;font-size:14px;}
  .naim-of-included{padding:18px 16px;border-radius:14px;margin-top:2px;}
  .naim-of-included-list{grid-template-columns:1fr;gap:9px;}
}
@media (max-width:360px){
  .naim-of-head h1{font-size:18px!important;}
  .naim-of-name{font-size:16px;}
  .naim-of-amt{font-size:22px;}
}

/* ============================================================
   DEFENSIVE
   ============================================================ */
#order-standard_cart .products.naim-of-grid{display:grid !important;}
#order-standard_cart .naim-of-card{display:flex !important;flex-direction:column !important;float:none !important;width:auto !important;}
#order-standard_cart .naim-of-feats{display:flex !important;flex-direction:column !important;list-style:none !important;}
#order-standard_cart .naim-of-feat{display:flex !important;align-items:center !important;justify-content:space-between !important;width:auto !important;}
#order-standard_cart .naim-of-cta{margin-top:auto !important;}
#order-standard_cart .naim-of-cta .naim-of-order{display:flex !important;}


/* ============================================================
   v27 — TOP SPACING + PRICE BLOCK + MOBILE POLISH
   (the tab strip is deliberately NOT touched here: it keeps its
    original wrapping behaviour, no horizontal scrolling)
   ============================================================ */

/* ---- kill the dead space above the category tabs -----------
   Cart pages skip the page header entirely (header.tpl:
   {if !$inShoppingCart}), so section#main-body's top padding - which exists to
   sit under a page header - was just empty air. Targeted with :has() rather
   than a body class, because $templatefile is not reliably "cart" on every
   store route. ---------------------------------------------- */
section#main-body:has(#order-standard_cart){padding-top:8px!important;}
.pt-content-inner:has(#order-standard_cart){padding-top:0!important;}
/* common.tpl leaves empty wrappers immediately before the order form */
.pt-content-inner:has(#order-standard_cart) > div:empty,
.pt-content-inner:has(#order-standard_cart) > .container:empty,
.pt-content-inner:has(#order-standard_cart) > .row:empty{display:none!important;}
#order-standard_cart.naim-of{margin-top:0!important;padding-top:0!important;}
#order-standard_cart.naim-of > .row{padding-top:0!important;margin-top:0!important;}
#order-standard_cart.naim-of .cart-sidebar > *:first-child{margin-top:0!important;}
#order-standard_cart.naim-of .cart-sidebar .panel[menuitemname*="ategor"] .panel-body,
#order-standard_cart.naim-of .cart-sidebar .panel[menuitemname*="ategor"] .card-body{padding-top:0!important;}
@media (max-width:760px){
  section#main-body:has(#order-standard_cart){padding-top:6px!important;}
}

/* ---- price block ---- */
.naim-of-amt-quote{font-size:17px!important;letter-spacing:-.2px;}
/* equal price-row height so the feature lists start on the same line even when
   one card carries a setup fee and another does not */
.naim-of-price{min-height:84px;display:flex;flex-direction:column;justify-content:center;
  background:#fafbfd!important;border-bottom:1px solid #eef0f6!important;}
.naim-of-featured .naim-of-price{background:#fff8f2!important;border-bottom-color:#f7e3d3!important;}
.naim-of-amt{font-size:26px;}
.naim-of-cycle{margin-top:3px;}
.naim-of-setup{margin-top:5px;font-size:11px;color:#8f95a8;}

/* ---- MOBILE ---- */
@media (max-width:760px){
  .naim-of-price{min-height:0;padding:14px 18px;}
  #order-standard_cart.naim-of .cart-sidebar{margin-bottom:14px!important;}
  #order-standard_cart.naim-of .cart-sidebar select{min-height:48px;}

  .naim-of-name{font-size:17px;padding:16px 18px 0;}
  .naim-of-desc{font-size:12.5px;}
  .naim-of-amt{font-size:27px;}
  .naim-of-feats{padding:10px 12px 0;}
  .naim-of-feat{padding:10px 12px;gap:10px;}
  .naim-of-flabel,.naim-of-fval,.naim-of-feat-raw,.naim-of-descrow li{font-size:13px;}
  /* long values ("20 GB NVMe SSD") must never overflow the row */
  .naim-of-flabel{flex:1 1 auto;min-width:0;}
  .naim-of-fval{white-space:nowrap;flex:0 0 auto;}
  .naim-of-cta{padding:14px 16px 0;}
  .naim-of-order{min-height:48px;font-size:14.5px;border-radius:11px;}
  .naim-of-included{padding:16px;}
  .naim-of-included-h{font-size:14px;margin-bottom:11px;}
}
@media (max-width:400px){
  .naim-of-flabel,.naim-of-fval,.naim-of-feat-raw{font-size:12.4px;}
  .naim-of-feat{padding:9px 10px;}
}