/* ==========================================================================
   TurnUp — WHMCS client area (child of Twenty-One)
   Brand: navy #0A102E · green #16A34A→#A3E635 · amber #FFB020
   Auto-loaded by Twenty-One's {assetExists file="custom.css"}.
   ========================================================================== */
:root{--tu-navy:#0A102E;--tu-navy2:#121A40;--tu-green:#22C55E;--tu-green-d:#16A34A;--tu-lime:#A3E635;
--tu-amber:#FFB020;--tu-muted:#5A6478;--tu-muted-d:#A9B3D6;--tu-tint:#F4F6FB;--tu-border:#E4E8F4}

body.primary-bg-color{background-color:var(--tu-tint)!important;font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}

/* ---- promo topbar ---- */
.tu-promobar{background:linear-gradient(135deg,var(--tu-green-d),var(--tu-lime));color:#fff;font-weight:600;font-size:.85rem;padding:.45rem 0}
.tu-promobar .container{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.3rem 1rem;text-align:center}
.tu-pill{display:inline-block;background:#fff;color:var(--tu-green-d)!important;font-weight:800;border-radius:999px;
padding:.12rem .9rem;text-decoration:none!important;box-shadow:0 3px 10px rgba(10,16,46,.18);margin-left:.4rem;transition:.18s}
.tu-pill:hover{background:var(--tu-navy);color:#fff!important}
@media(max-width:767px){.tu-promotext{flex-basis:100%}.tu-promopills{flex-basis:100%}}

/* ---- header ---- */
#header .navbar,#header .main-navbar-wrapper{background:var(--tu-navy)!important}
#header .navbar-light .navbar-brand,#header .navbar-brand{color:#fff!important;font-weight:800}
#header .logo-img{max-height:46px;width:auto}
#header .topbar{background:var(--tu-navy2)!important;color:#fff}
#header .topbar .btn,#header .toolbar .nav-link,#header .toolbar .btn{color:#fff!important}
#header .main-navbar-wrapper{border-top:1px solid rgba(169,179,214,.14)}
#nav .nav-link,#header .navbar-nav .nav-link{color:#fff!important;font-weight:500}
#nav .nav-link:hover,#header .navbar-nav .nav-link:hover,#nav .nav-item.active > .nav-link{color:var(--tu-lime)!important}
#header .dropdown-menu{background:var(--tu-navy2);border:1px solid rgba(169,179,214,.18);border-radius:12px;box-shadow:0 20px 50px rgba(0,0,0,.4)}
#header .dropdown-menu .dropdown-item{color:#fff}
#header .dropdown-menu .dropdown-item:hover{background:rgba(34,197,94,.22);color:#fff}
#header .search .form-control{border-radius:0 10px 10px 0;border:0}
#header .search .btn{background:rgba(255,255,255,.12);color:#fff;border-radius:10px 0 0 10px;border:0}
#header .cart-btn .badge{background:var(--tu-amber);color:var(--tu-navy)}
.master-breadcrumb{background:transparent}
.master-breadcrumb .breadcrumb{background:transparent;margin-bottom:0}
.master-breadcrumb a{color:var(--tu-green-d)}

/* ---- buttons ---- */
.btn-primary{background:linear-gradient(135deg,var(--tu-green-d),var(--tu-lime))!important;border:0!important;
color:#fff!important;font-weight:600;border-radius:10px!important;transition:transform .18s ease,box-shadow .18s ease}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(34,197,94,.35)}
.btn-outline-primary{color:var(--tu-green-d)!important;border-color:var(--tu-green)!important;border-radius:10px!important;font-weight:600}
.btn-outline-primary:hover{background:linear-gradient(135deg,var(--tu-green-d),var(--tu-lime))!important;color:#fff!important;border-color:transparent!important}
.btn-default,.btn-secondary{border-radius:10px!important}
.tu-btn-amber{background:var(--tu-amber)!important;color:var(--tu-navy)!important;font-weight:700;border:0;border-radius:10px;box-shadow:0 10px 26px rgba(255,176,32,.35)}
.tu-btn-amber:hover{background:#FFC24D!important;color:var(--tu-navy)!important}
.tu-btn-ghost{background:transparent;border:1.5px solid rgba(255,255,255,.45);color:#fff!important;border-radius:10px}
.tu-btn-ghost:hover{background:rgba(255,255,255,.1)}

/* ---- cards / panels / homepage ---- */
.card{border:1px solid var(--tu-border);border-radius:16px;box-shadow:0 8px 28px rgba(10,16,46,.06)}
.card-columns.home .card{transition:transform .25s ease,box-shadow .25s ease}
.card-columns.home .card:hover{transform:translateY(-5px);box-shadow:0 20px 44px rgba(10,16,46,.12)}
.action-icon-btns a{color:var(--tu-navy);font-weight:600}
.action-icon-btns .ico-container{background:rgba(34,197,94,.1);border-radius:16px;color:var(--tu-green-d)}
.action-icon-btns a:hover .ico-container{background:linear-gradient(135deg,var(--tu-green-d),var(--tu-lime));color:#fff}

/* homepage brand sections */
.tu-eyebrow{display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
color:var(--tu-green-d);background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.35);border-radius:999px;padding:.35em 1em;margin-bottom:12px}
.tu-home-hero{background:radial-gradient(ellipse 80% 60% at 70% -10%,rgba(34,197,94,.35) 0%,rgba(10,16,46,0) 60%),
linear-gradient(180deg,#0A102E 0%,#0D1436 100%);border-radius:18px;margin:14px 0 24px;padding:44px 38px;color:#fff}
.tu-home-hero h1{font-weight:800;font-size:2.3rem;line-height:1.15;margin:4px 0 14px}
.tu-home-hero .tu-eyebrow{color:#86EFAC;border-color:rgba(134,239,172,.4);background:rgba(34,197,94,.15)}
.tu-grad{background:linear-gradient(135deg,#86EFAC,#22C55E,#A3E635);-webkit-background-clip:text;background-clip:text;color:transparent}
.tu-lead{color:var(--tu-muted-d);font-size:1.08rem;max-width:34rem}
.tu-trust{color:var(--tu-muted-d);font-size:.86rem;margin:10px 0 0}
.tu-hero-btns .btn{margin:0 .5rem .5rem 0}
.tu-hero-img{border-radius:14px;box-shadow:0 0 0 1px rgba(163,230,53,.3),0 20px 55px rgba(34,197,94,.28)}
.tu-home-strip{display:flex;flex-wrap:wrap;justify-content:space-around;gap:14px;background:var(--tu-navy);
border-radius:18px;color:#fff;padding:24px 16px;margin:0 0 26px;text-align:center}
.tu-home-strip strong{display:block;font-size:1.8rem;background:linear-gradient(135deg,#86EFAC,#A3E635);-webkit-background-clip:text;background-clip:text;color:transparent}
.tu-home-strip span{color:var(--tu-muted-d);font-size:.86rem}
.tu-home-migrate{background:#fff;border:1px solid var(--tu-border);border-radius:18px;margin:26px 0 10px;padding:30px 34px}
.tu-home-migrate h2{font-weight:800;color:var(--tu-navy);margin:4px 0 10px}
.tu-home-migrate p{color:var(--tu-muted)}

/* ---- domain search banner (homepage include) ---- */
.home-search-open,.domain-searcher,#searchDomainInput{border-radius:10px}
section#main-body .home-search, .search-domain, .domainchecker-homepage{background:var(--tu-navy2);border-radius:18px}

/* ---- sidebar / lists / tables / forms ---- */
.sidebar .card .card-header{background:var(--tu-navy);color:#fff;font-weight:700;border-radius:16px 16px 0 0}
.list-group-item.active{background:var(--tu-green-d)!important;border-color:var(--tu-green-d)!important}
a{color:var(--tu-green-d)}a:hover{color:#15803D}
.table thead th{background:var(--tu-navy);color:#fff;border:0}
.form-control:focus{border-color:var(--tu-green);box-shadow:0 0 0 3px rgba(34,197,94,.18)}
.pagination .page-item.active .page-link{background:var(--tu-green-d);border-color:var(--tu-green-d)}
.alert-success{border-left:4px solid var(--tu-green)}
.alert-warning{border-left:4px solid var(--tu-amber)}
.progress-bar{background:linear-gradient(135deg,var(--tu-green-d),var(--tu-lime))!important}
.badge-info{background:var(--tu-green-d)}

/* ---- footer ---- */
#footer.tu-footer{background:var(--tu-navy)!important;color:var(--tu-muted-d);padding:52px 0 22px;margin-top:40px}
.tu-footer-brand{display:flex;align-items:center;gap:.6rem;color:#fff;font-weight:800;font-size:1.2rem}
.tu-logomark{width:36px;height:36px;border-radius:10px;display:inline-grid;place-items:center;
background:linear-gradient(135deg,var(--tu-green),var(--tu-lime));color:#fff;font-size:.9rem}
.tu-footer-blurb{font-size:.9rem;line-height:1.6;margin-top:.5rem}
.tu-socials{margin:1rem 0 0;padding:0}
.tu-socials li{display:inline-block;margin-right:.5rem}
.tu-socials a{width:38px;height:38px;border-radius:50%;display:inline-grid;place-items:center;
background:rgba(255,255,255,.08);border:1px solid rgba(169,179,214,.3);color:#fff!important;transition:.2s}
.tu-socials a:hover{background:var(--tu-green);border-color:var(--tu-green);transform:translateY(-3px)}
.tu-footer-cols h4{color:#fff;font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;margin:0 0 1rem;font-weight:700}
.tu-footer-cols ul{list-style:none;padding:0;margin:0}
.tu-footer-cols li{margin-bottom:.5rem;font-size:.92rem}
.tu-footer-cols a{color:var(--tu-muted-d)!important}
.tu-footer-cols a:hover{color:var(--tu-lime)!important;text-decoration:none}
.tu-lang-btn{color:var(--tu-muted-d)!important;border:1px solid rgba(169,179,214,.3);border-radius:999px;margin-top:.8rem;font-size:.85rem}
.tu-footer-pay{text-align:center;font-size:.84rem;color:var(--tu-muted-d);border-top:1px solid rgba(169,179,214,.2);margin-top:2rem;padding-top:1.3rem}
#footer.tu-footer .copyright{color:var(--tu-muted-d);font-size:.85rem;margin-top:.5rem}
@media(max-width:991px){.tu-footer-cols > div{margin-bottom:1.6rem}}
@media(max-width:767px){.tu-home-hero{padding:28px 22px}.tu-home-hero h1{font-size:1.7rem}}

/* ==========================================================================
   v3 — built from live diagnosis and the actual template markup
   ========================================================================== */

/* NAV LINKS: twenty-one's menu anchors have no .nav-link class — target them directly */
#header .main-navbar-wrapper .navbar-nav > li > a,
#header #nav > li > a,
#header .navbar-nav .dropdown-toggle {
  color: #fff !important; font-weight: 500; opacity: 1 !important; padding-top: .8rem; padding-bottom: .8rem;
}
#header .main-navbar-wrapper .navbar-nav > li > a:hover,
#header #nav > li > a:hover,
#header .main-navbar-wrapper .navbar-nav > li.active > a { color: var(--tu-lime) !important; }
#header .dropdown-menu .dropdown-item a,
#header .dropdown-menu a.dropdown-item { color: #fff !important; }
#header .dropdown-menu .dropdown-item:hover,
#header .dropdown-menu .dropdown-item:hover a { background: rgba(34,197,94,.22); color: #fff !important; }

/* footer logo = header logo */
.tu-footer-logo { max-height: 46px; width: auto; }

/* HOMEPAGE DOMAIN SEARCH: turn the white band into the brand hero strip */
.home-domain-search.bg-white, .home-domain-search {
  background: radial-gradient(ellipse 80% 60% at 70% -10%, rgba(34,197,94,.35) 0%, rgba(10,16,46,0) 60%),
              linear-gradient(180deg, #0A102E 0%, #0D1436 100%) !important;
}
.home-domain-search h2 { color: #fff; font-weight: 800; }
.home-domain-search .form-control { height: 54px; border-radius: 10px 0 0 10px; border: 0; font-size: 1.05rem; }
.home-domain-search .btn-primary { border-radius: 0 !important; }
.home-domain-search .btn-success {
  background: var(--tu-amber) !important; border: 0 !important; color: var(--tu-navy) !important;
  font-weight: 700; border-radius: 0 10px 10px 0 !important;
}
.home-domain-search a, .home-domain-search .text-muted { color: var(--tu-muted-d) !important; }

/* STORE PRODUCT LISTINGS (standard_cart products.tpl inside the client area) */
#order-standard_cart .products .product {
  background: #fff; border: 1px solid var(--tu-border); border-radius: 18px;
  box-shadow: 0 8px 28px rgba(10,16,46,.06); padding: 26px;
  transition: transform .25s ease, box-shadow .25s ease; margin-bottom: 22px;
}
#order-standard_cart .products .product:hover { transform: translateY(-5px); box-shadow: 0 20px 44px rgba(10,16,46,.12); }
#order-standard_cart .products .product h3,
#order-standard_cart .products .product header span { color: var(--tu-navy); font-weight: 800; }
#order-standard_cart .product-desc { color: var(--tu-muted); }
#order-standard_cart .product-pricing, #order-standard_cart .price { color: var(--tu-navy); font-weight: 800; }
#order-standard_cart .btn-order-now, #order-standard_cart .btn-success {
  background: linear-gradient(135deg, var(--tu-green-d), var(--tu-lime)) !important;
  border: 0 !important; color: #fff !important; font-weight: 700; border-radius: 10px !important;
}
#order-standard_cart .btn-order-now:hover { transform: translateY(-2px); box-shadow: 0 10px 26px rgba(34,197,94,.35); }
#order-standard_cart .header-lined h1 { color: var(--tu-navy); font-weight: 800; border-bottom: 0; }
#order-standard_cart .header-lined p { color: var(--tu-muted); }

/* kill the duplicated mobile category selectors on desktop, whatever loads */
@media (min-width: 992px) {
  #order-standard_cart .sidebar-collapsed, .sidebar-collapsed { display: none !important; }
}
/* and on mobile, when shown, make them presentable */
.sidebar-collapsed .panel { border-radius: 14px; }

/* cart sidebar panels (client area shell) */
.cart-sidebar .panel .panel-heading, .cart-sidebar .card-header {
  background: var(--tu-navy) !important; color: #fff !important; border-radius: 16px 16px 0 0;
}
.cart-sidebar .panel, .cart-sidebar .card { border-radius: 16px; overflow: hidden; border: 1px solid var(--tu-border); }
.cart-sidebar .list-group-item.active { background: var(--tu-green-d) !important; border-color: var(--tu-green-d) !important; color:#fff; }

/* ==========================================================================
   v4 — full polish round (domain band, help panels, store pages, dropdowns)
   ========================================================================== */

/* DOMAIN SEARCH BAND: centered buttons, visible TLD spotlight, side artwork */
.home-domain-search { position: relative; overflow: hidden; }
.home-domain-search .container { position: relative; z-index: 1; }
.home-domain-search::after {
  content: ""; position: absolute; right: 3%; bottom: 8%; width: 240px; height: 170px;
  background: url(../img/domains.png) center/contain no-repeat; opacity: .9; pointer-events: none;
}
@media (max-width: 1199px) { .home-domain-search::after { display: none; } }
.home-domain-search .input-group { align-items: stretch; }
.home-domain-search .form-control { height: 56px; }
.home-domain-search .input-group-append { display: flex !important; }
.home-domain-search .input-group-append .btn {
  height: 56px; display: inline-flex; align-items: center; padding: 0 1.6rem; font-weight: 700;
}
/* featured TLD spotlight: readable chips on navy */
.home-domain-search .tld-logos { list-style: none; padding: 0; margin: 1.4rem 0 0; display: flex; gap: .8rem; flex-wrap: wrap; }
.home-domain-search .tld-logos li {
  background: rgba(18,26,64,.85); border: 1px solid rgba(163,230,53,.35); border-radius: 12px;
  padding: .6rem 1.1rem; color: #fff !important; font-weight: 700; display: flex; align-items: center; gap: .6rem;
}
.home-domain-search .tld-logos li img { max-height: 26px; filter: brightness(0) invert(1); }
.home-domain-search .btn-link { color: #A3E635 !important; font-weight: 700; }

/* HOW CAN WE HELP / YOUR ACCOUNT: icon tiles, enterprise look */
.tu-h2, #main-body h2.text-center { color: var(--tu-navy); font-weight: 800; }
.action-icon-btns { margin: 1rem 0 2rem; }
.action-icon-btns > div { margin-bottom: 1.2rem; }
.action-icon-btns a {
  display: block; background: #fff; border: 1px solid var(--tu-border); border-radius: 18px;
  padding: 1.6rem 1rem 1.3rem; text-align: center; color: var(--tu-navy) !important; font-weight: 700;
  box-shadow: 0 8px 28px rgba(10,16,46,.06); transition: transform .22s ease, box-shadow .22s ease;
  border-top: 0 !important; height: 100%;
}
.action-icon-btns a:hover { transform: translateY(-5px); box-shadow: 0 20px 44px rgba(10,16,46,.14); text-decoration: none; }
.action-icon-btns .ico-container {
  width: 66px; height: 66px; margin: 0 auto .9rem; display: grid; place-items: center;
  background: rgba(34,197,94,.1) !important; border-radius: 16px; font-size: 1.6rem; color: var(--tu-green-d) !important;
}
.action-icon-btns a:hover .ico-container { background: linear-gradient(135deg, var(--tu-green-d), var(--tu-lime)) !important; color: #fff !important; }
.action-icon-btns a[class*="card-accent"] { border-top: 0 !important; }

/* data centers row */
.tu-dc-row { margin-bottom: 1.5rem; }
.tu-dc { background: var(--tu-navy); border-radius: 18px; text-align: center; color: #fff; padding: 22px 14px; height: 100%; }
.tu-dc img { width: 64px; height: 43px; border-radius: 8px; box-shadow: 0 6px 18px rgba(0,0,0,.4); margin-bottom: .7rem; }
.tu-dc h5 { color: #fff; font-weight: 800; margin: .2rem 0; }
.tu-dc p { color: var(--tu-muted-d); font-size: .85rem; margin: 0; }

/* STORE PAGES: normalize the product grid (kills float/overlap quirks) */
#order-standard_cart .products { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 22px; }
#order-standard_cart .products .product { float: none !important; width: auto !important; margin: 0; display: flex; flex-direction: column; }
#order-standard_cart .products .product .product-desc { flex: 1 1 auto; }
#order-standard_cart .cart-body { padding-left: 18px; }
@media (max-width: 767px) { #order-standard_cart .cart-body { padding-left: 0; } }
#order-standard_cart .cart-body .header-lined { margin: 0 0 20px; padding-bottom: 8px; }

/* DROPDOWN HOVER: never white-on-white */
#header .dropdown-menu li.dropdown-item:hover,
#header .dropdown-menu .dropdown-item:hover,
#header .dropdown-menu .dropdown-item:focus {
  background: rgba(34,197,94,.25) !important;
}
#header .dropdown-menu li.dropdown-item:hover > a,
#header .dropdown-menu a.dropdown-item:hover { color: #fff !important; background: transparent !important; }
#header .navbar-nav li:hover { background: transparent !important; }

/* dashboard tiles (logged-in home) */
.tiles .tile { border-radius: 16px !important; border: 1px solid var(--tu-border); }
.tiles .tile .icon { color: var(--tu-green-d) !important; }
.tiles .tile .stat { color: var(--tu-green-d) !important; font-weight: 800; }

/* ==========================================================================
   v5 — homepage domain band + product page sizing
   ========================================================================== */

/* big domains artwork centered ABOVE the heading; drop the old side art */
.home-domain-search::after { display: none !important; }
.home-domain-search h2::before {
  content: ""; display: block; width: 330px; height: 225px; margin: 0 auto 10px;
  background: url(../img/domains.png) center/contain no-repeat;
}
@media (max-width: 575px) { .home-domain-search h2::before { width: 240px; height: 165px; } }

/* hide the featured-TLD spotlight (.tech price) */
.home-domain-search .tld-logos { display: none !important; }

/* "View all pricing" becomes a centered chip button under the search box */
.home-domain-search .btn-link {
  float: none !important; display: table; margin: 18px auto 0 !important;
  background: rgba(18,26,64,.85); border: 1px solid rgba(163,230,53,.45);
  border-radius: 999px; padding: .55rem 1.5rem; color: #A3E635 !important;
  font-weight: 800; text-decoration: none !important;
}
.home-domain-search .btn-link:hover { background: #16A34A; color: #fff !important; border-color: #16A34A; }

/* stats strip icons */
.tu-home-strip > div { display: flex; flex-direction: column; align-items: center; min-width: 150px; }
.tu-strip-ico { width: 44px; height: 44px; border-radius: 12px; margin-bottom: .55rem; }

/* PRODUCT PAGES: roomier cards, tidy features, clear pricing */
#order-standard_cart .products { grid-template-columns: repeat(auto-fill, minmax(340px, 1fr)); gap: 26px; }
#order-standard_cart .products .product { padding: 0 0 24px; }
#order-standard_cart .products .product header,
#order-standard_cart .products .product > h3:first-child {
  background: #F4F6FB; border-bottom: 1px solid var(--tu-border);
  padding: 18px 26px; margin: 0 0 18px; border-radius: 18px 18px 0 0; display: block;
}
#order-standard_cart .products .product h3 { font-size: 1.25rem; margin: 0; }
#order-standard_cart .products .product .product-desc { padding: 0 26px; }
#order-standard_cart .products .product .product-desc li,
#order-standard_cart .products .product li {
  list-style: none; margin: 0 0 .55rem; line-height: 1.45; font-size: .95rem; color: var(--tu-muted);
}
#order-standard_cart .products .product ul { padding-left: 0; }
#order-standard_cart .products .product .feature-value { color: var(--tu-navy); }
#order-standard_cart .products .product .product-pricing {
  text-align: center; padding: 14px 26px 0; margin-top: 10px; border-top: 1px dashed var(--tu-border);
}
#order-standard_cart .products .product .price { font-size: 1.9rem; display: block; }
#order-standard_cart .products .product .btn-order-now {
  display: block; margin: 14px 26px 0; text-align: center; padding: .8rem 1rem; font-size: 1rem;
}

/* ==========================================================================
   v6 — product pages: work WITH standard_cart's row/col-md-6 structure
   (the earlier CSS grid fought Bootstrap and squeezed everything)
   ========================================================================== */

/* undo the grid experiment */
#order-standard_cart .products { display: block !important; grid-template-columns: none !important; gap: 0 !important; }
#order-standard_cart .products .row { display: flex; flex-wrap: wrap; }
#order-standard_cart .products .row > [class*="col-"] { display: flex; margin-bottom: 26px; }

/* the card itself */
#order-standard_cart .products .product {
  float: none !important; width: 100% !important; margin: 0 !important;
  display: flex; flex-direction: column; padding: 0 0 22px !important;
}
#order-standard_cart .products .product header {
  background: #F4F6FB; border-bottom: 1px solid var(--tu-border);
  padding: 16px 24px; margin: 0 0 16px; border-radius: 18px 18px 0 0;
}
#order-standard_cart .products .product header span { color: var(--tu-navy); font-weight: 800; font-size: 1.2rem; }

/* features: one tidy line each, no word-per-line wrapping */
#order-standard_cart .products .product .product-desc { padding: 0 24px; flex: 1 1 auto; }
#order-standard_cart .products .product .product-desc ul { padding: 0; margin: 0; list-style: none; column-count: 1; }
#order-standard_cart .products .product .product-desc li {
  display: block; margin: 0 0 .5rem; line-height: 1.45; font-size: .93rem; color: var(--tu-muted);
}
#order-standard_cart .products .product .feature-value { color: var(--tu-navy); font-weight: 700; }

/* footer: price left, big Order button right, always aligned */
#order-standard_cart .products .product footer {
  display: flex; align-items: center; justify-content: space-between; gap: 16px;
  margin-top: auto; padding: 16px 24px 0; border-top: 1px dashed var(--tu-border);
}
#order-standard_cart .products .product .product-pricing {
  text-align: left !important; padding: 0 !important; margin: 0 !important; border: 0 !important;
  color: var(--tu-muted); font-size: .85rem; line-height: 1.35;
}
#order-standard_cart .products .product .price { font-size: 1.7rem; display: inline; color: var(--tu-navy); }
#order-standard_cart .products .product .btn-order-now {
  display: inline-flex !important; align-items: center; gap: .5rem; white-space: nowrap;
  width: auto !important; margin: 0 !important; padding: .75rem 1.5rem !important; font-size: .98rem !important;
  flex: 0 0 auto;
}
/* promo strikethrough: muted, not alarming red */
#order-standard_cart .price s, #order-standard_cart .price strike, #order-standard_cart .price del,
#order-standard_cart .product-pricing s, #order-standard_cart .product-pricing strike, #order-standard_cart .product-pricing del {
  color: #8A93A8 !important; font-weight: 600;
}
@media (max-width: 575px) {
  #order-standard_cart .products .product footer { flex-direction: column; align-items: stretch; text-align: center; }
  #order-standard_cart .products .product .product-pricing { text-align: center !important; }
  #order-standard_cart .products .product .btn-order-now { justify-content: center; }
}

/* v7 — price sits centered directly above the Order Now button */
#order-standard_cart .products .product footer {
  flex-direction: column;
  align-items: center;
  gap: 12px;
  text-align: center;
}
#order-standard_cart .products .product .product-pricing { text-align: center !important; }
#order-standard_cart .products .product .btn-order-now { justify-content: center; min-width: 180px; }
/* catch every strikethrough variant so the old price reads muted, never red */
#order-standard_cart .products .product s,
#order-standard_cart .products .product del,
#order-standard_cart .products .product strike,
#order-standard_cart .product-pricing s,
#order-standard_cart .product-pricing del,
#order-standard_cart .product-pricing strike {
  color: #8A93A8 !important; font-weight: 600; text-decoration-color: #8A93A8;
}

/* v8 — force-center price + Order Now (cart's style.css loads after custom.css
   and floats these, so every property is pinned with !important) */
#order-standard_cart .products .product footer {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  float: none !important;
  width: auto !important;
  text-align: center !important;
}
#order-standard_cart .products .product .product-pricing {
  float: none !important; width: 100% !important; text-align: center !important;
}
#order-standard_cart .products .product .btn-order-now {
  float: none !important;
  display: inline-flex !important;
  margin: 12px auto 0 !important;
  align-self: center !important;
}