/* =============================================================
   MOTO DARK SKIN — KYMCO-style charcoal + red, site-wide override
   Loaded from common/layout.html. Uses !important to override the
   per-page inline light themes (index/list/show) and default chrome.
   ============================================================= */

/* ---------- base ---------- */
html, body { background: #0e0e0f !important; color: #fff !important; }
.motor-home, .motor-list-page, .motor-show-page { background: #0e0e0f; }

/* ---------- header / top bar / footer ---------- */
.top-bar { background: #08080a !important; border-bottom: 1px solid rgba(255,255,255,.10) !important; backdrop-filter: none !important; }
.top-bar a, .top-bar .dropdown-menu a { color: rgba(255,255,255,.82) !important; }
.top-bar a:hover { color: #fff !important; }
.top-bar .dropdown-menu { background: #161718 !important; border-color: rgba(255,255,255,.12) !important; }
.header-header { background: #0e0e0f !important; border-bottom: 1px solid rgba(255,255,255,.08) !important; }
.header-menu { background: #161718 !important; border-bottom: 1px solid rgba(255,255,255,.10) !important; }
.header-menu .nav-menu > li > a, .header-menu .nav-menu-right > a,
.nav-bar a, .nav-item-topmenu, .nav-item-navmenu, .nav-menu a { color: rgba(255,255,255,.82) !important; }
.header-menu .nav-menu > li > a:hover, .nav-bar a:hover, .nav-menu a:hover { color: #fff !important; }
.header-menu .nav-menu-right .badge { background: #e60012 !important; }
.search-form .form-control { background: #08080a !important; border-color: rgba(255,255,255,.14) !important; color: #fff !important; box-shadow: none !important; }
.search-form .form-control::placeholder { color: rgba(255,255,255,.4) !important; }
.search-form .btn, .search-form .btn-primary { background: #e60012 !important; border-color: #e60012 !important; color: #fff !important; }
.search-hot a { color: rgba(255,255,255,.55) !important; }
.main-footer { background: #08080a !important; border-top: 1px solid rgba(255,255,255,.10) !important; color: rgba(255,255,255,.6) !important; }
.main-footer a, .main-footer p { color: rgba(255,255,255,.6) !important; }

/* ---------- shared surfaces (shells / cards containers) ---------- */
.motor-section-shell, .motor-list-hero, .motor-filter-shell, .motor-sort-shell,
.motor-grid-shell, .motor-empty-state, .motor-coupon-shell, .motor-show-tabs-shell,
.motor-breadcrumb-shell, .motor-side-card, .motor-price-card, .motor-option-shell,
.motor-summary {
  background: #161718 !important;
  border-color: rgba(255,255,255,.10) !important;
  box-shadow: none !important;
  color: #fff !important;
}

/* ---------- headings & text ---------- */
.motor-section-title, .motor-list-title, .motor-summary-title, .motor-side-title,
.motor-card-title, .motor-card-title a, .motor-field-value, .motor-guarantee-item-title,
.motor-stock-text, .motor-price-card-label { color: #fff !important; }
.motor-section-desc, .motor-list-desc, .motor-summary-subtitle, .motor-field-label,
.motor-guarantee-item-desc { color: rgba(255,255,255,.62) !important; }
.motor-breadcrumb li, .motor-breadcrumb li a { color: rgba(255,255,255,.5) !important; }
.motor-breadcrumb li a:hover { color: #fff !important; }

/* eyebrows / labels -> brand red */
.motor-section-label, .motor-list-eyebrow, .motor-summary-eyebrow { color: #e60012 !important; }

/* ---------- buttons ---------- */
.motor-btn { border-color: rgba(255,255,255,.6) !important; color: #fff !important; }
.motor-btn--solid { background: #e60012 !important; border-color: #e60012 !important; color: #fff !important; }
.motor-btn--solid:hover { background: #c50010 !important; border-color: #c50010 !important; color: #fff !important; }
.motor-btn--ghost { background: transparent !important; color: #fff !important; }
.motor-btn--ghost:hover { background: #fff !important; color: #0e0e0f !important; }
.motor-link { color: rgba(255,255,255,.7) !important; }
.motor-link:hover { color: #e60012 !important; }
.motor-link--light { color: #fff !important; }

/* ---------- product / list cards ---------- */
.motor-card, .motor-product-card, .motor-intro-card, .motor-benefit-card, .motor-side-product {
  background: #1d1e1f !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  box-shadow: none !important;
}
.motor-card:hover, .motor-product-card:hover, .motor-intro-card:hover,
.motor-benefit-card:hover, .motor-cate-card:hover, .motor-side-product:hover {
  border-color: rgba(230,0,18,.45) !important;
  box-shadow: 0 24px 56px rgba(0,0,0,.45) !important;
}
.motor-card-media, .motor-product-media, .motor-gallery-frame { background: #1c1e1e !important; }
.motor-product-meta h3, .motor-product-meta h3 a, .motor-side-product-title { color: #fff !important; }
.motor-card-price, .motor-product-price, .motor-side-product-price,
.motor-price-row, .motor-summary-stats strong { color: #e60012 !important; }
.motor-card-tag, .motor-product-meta__tag { background: #161718 !important; color: rgba(255,255,255,.7) !important; }
.motor-card-meta { color: rgba(255,255,255,.6) !important; }
.motor-intro-card__index { color: rgba(255,255,255,.44) !important; }
.motor-intro-card h3, .motor-benefit-card h3 { color: #fff !important; }
.motor-intro-card p, .motor-benefit-card p { color: rgba(255,255,255,.62) !important; }

/* ---------- filters / sort / pagination ---------- */
.motor-filter-title, .motor-filter-head, .motor-filter-mode { color: #fff !important; }
.motor-filter-values a, .motor-sort-tabs a, .motor-filter-mode a {
  color: rgba(255,255,255,.7) !important; border-color: rgba(255,255,255,.14) !important; background: transparent !important;
}
.motor-filter-values a:hover, .motor-sort-tabs a:hover,
.motor-filter-values a.active, .motor-sort-tabs a.active {
  background: #e60012 !important; border-color: #e60012 !important; color: #fff !important;
}
.pagination > li > a, .pagination > li > span, .motor-pager a, .motor-pager span {
  background: #161718 !important; border-color: rgba(255,255,255,.12) !important; color: rgba(255,255,255,.7) !important;
}
.pagination > li > a:hover, .pagination > .active > span, .pagination > .active > a,
.motor-pager a:hover, .motor-pager .active span {
  background: #e60012 !important; border-color: #e60012 !important; color: #fff !important;
}

/* ---------- hero / story / cta (home) ---------- */
.motor-hero::before { background: radial-gradient(circle, rgba(230,0,18,.12) 0%, rgba(230,0,18,0) 68%) !important; }
.motor-hero-frame { background: #151515 !important; box-shadow: 0 32px 100px rgba(0,0,0,.5) !important; }
.motor-story-copy { background: #08080a !important; }
.motor-story-visual__badge { background: rgba(26,27,27,.88) !important; color: #fff !important; }
.motor-story-visual__badge strong { color: #fff !important; }
.motor-story-visual__badge span { color: rgba(255,255,255,.66) !important; }
.motor-story-list li { color: rgba(255,255,255,.72) !important; }
.motor-story-list li::before { background: #e60012 !important; }
.motor-benefit-card__icon { background: #161718 !important; color: #e60012 !important; }
.motor-cta-grid { background: linear-gradient(135deg, #08080a 0%, #1d1e1f 100%) !important; border: 1px solid rgba(255,255,255,.08) !important; }

/* ---------- detail (show) specifics ---------- */
.motor-attribute-item { background: #1d1e1f !important; border-color: rgba(255,255,255,.12) !important; color: #fff !important; }
.motor-attribute-item.active, .motor-attribute-item.selected { border-color: #e60012 !important; color: #fff !important; }
.motor-field-row { border-color: rgba(255,255,255,.08) !important; }
.motor-price-card { background: linear-gradient(135deg,#08080a 0%,#161718 100%) !important; }
.motor-guarantee-item { color: rgba(255,255,255,.7) !important; }
.motor-gallery-actions a { color: rgba(255,255,255,.7) !important; }
/* product description = keep on light card for rich-content readability */
.motor-show-content { background: #fff !important; color: #222 !important; border-radius: 10px; padding: 24px !important; }
.motor-show-content * { color: inherit; }
.motor-show-content a { color: #c50010 !important; }

/* ---------- generic bootstrap chrome (cart / checkout / member forms) ---------- */
.panel, .well, .list-group-item { background: #161718 !important; border-color: rgba(255,255,255,.10) !important; color: #fff !important; }
.panel-heading { background: #08080a !important; border-color: rgba(255,255,255,.10) !important; color: #fff !important; }
.table, .table > thead > tr > th, .table > tbody > tr > td { color: #fff !important; border-color: rgba(255,255,255,.10) !important; }
.table > thead > tr > th { border-bottom-color: rgba(255,255,255,.16) !important; }
.table-hover > tbody > tr:hover { background: rgba(255,255,255,.04) !important; }
.form-control { background: #08080a !important; border-color: rgba(255,255,255,.14) !important; color: #fff !important; box-shadow: none !important; }
.form-control::placeholder { color: rgba(255,255,255,.4) !important; }
.btn-primary, .btn-danger, .btn-success { background: #e60012 !important; border-color: #e60012 !important; color: #fff !important; }
.btn-primary:hover, .btn-danger:hover, .btn-success:hover { background: #c50010 !important; border-color: #c50010 !important; }
.btn-default { background: #1d1e1f !important; border-color: rgba(255,255,255,.2) !important; color: #fff !important; }

/* ---------- detail polish ---------- */
.motor-price-row strong, .motor-price-row .goods-price, .goods-price { color:#e60012 !important; }
.motor-price-row del, .motor-price-row .goods-marketprice { color:rgba(255,255,255,.4) !important; }
.motor-summary-title { color:#fff !important; }
.motor-summary-stats span { color:rgba(255,255,255,.6) !important; }
.btn-cart, .btn-outline-primary { background:transparent !important; border:1px solid rgba(255,255,255,.5) !important; color:#fff !important; }
.btn-cart:hover, .btn-outline-primary:hover { background:#fff !important; color:#0e0e0f !important; }
.btn-buynow, .product-cart-btn .btn-primary { background:#e60012 !important; border-color:#e60012 !important; color:#fff !important; }
.nav-tabs { border-bottom:1px solid rgba(255,255,255,.12) !important; }
.nav-tabs > li > a { color:rgba(255,255,255,.6) !important; border:0 !important; background:transparent !important; }
.nav-tabs > li.active > a, .nav-tabs > li > a:hover { color:#fff !important; background:transparent !important; border-bottom:2px solid #e60012 !important; }
.goods-spec-text li { border:1px solid rgba(255,255,255,.2) !important; }
.goods-spec-text li.active, .goods-spec-text li:hover { border-color:#e60012 !important; }
.goods-spec-text li a { color:#fff !important; }
.quantity-down, .quantity-up { background:#161718 !important; border-color:rgba(255,255,255,.2) !important; color:#fff !important; }
.quantity-text { background:#08080a !important; border-color:rgba(255,255,255,.2) !important; color:#fff !important; }
.detail-content-wrap { background:#fff !important; color:#1a1a1a !important; border-radius:6px; padding:24px !important; }
.detail-content-wrap * { color:inherit; }
.motor-guarantee-item-title { color:#fff !important; }

/* ---------- cart page ---------- */
img[src*="cartbanner"] { display:none !important; }
.table-cart > thead, .table-cart > thead > tr > th { background:#161718 !important; color:rgba(255,255,255,.7) !important; border-color:rgba(255,255,255,.12) !important; }
.table-cart > tbody > tr > td, .table-cart > tfoot > tr > td { border-color:rgba(255,255,255,.10) !important; color:#fff !important; }
.table-cart a, .cart-item-title, .cart-item-title a { color:#fff !important; }
.table-cart .quantity-down, .table-cart .quantity-up { background:#161718 !important; border-color:rgba(255,255,255,.2) !important; color:#fff !important; }
.table-cart .quantity-text { background:#08080a !important; border-color:rgba(255,255,255,.2) !important; color:#fff !important; }
.checkall, .table-cart label { color:rgba(255,255,255,.75) !important; }
.btn-checkout, .btn-success.btn-checkout { background:var(--red) !important; border-color:var(--red) !important; }


/* =============================================================
   PREMIUM DETAIL — lift show.html beyond recolor
   ============================================================= */
.motor-show-page{padding-top:36px !important;padding-bottom:40px !important}
.motor-show-page .container{max-width:1360px}
.motor-breadcrumb-shell{background:transparent !important;border:0 !important;padding:0 0 26px !important}
.motor-breadcrumb li,.motor-breadcrumb li a{font-size:12px !important;letter-spacing:.1em;text-transform:uppercase}

/* hero split */
.motor-show-hero{background:transparent !important;border:0 !important;box-shadow:none !important;padding:0 !important;margin-bottom:40px}
.motor-show-hero .row{display:flex;flex-wrap:wrap;align-items:flex-start;margin:0 -22px}
.motor-show-hero .col-md-5,.motor-show-hero .col-md-7{padding:0 22px}
.motor-show-hero .col-md-5{flex:0 0 46%;max-width:46%}
.motor-show-hero .col-md-7{flex:0 0 54%;max-width:54%}

/* gallery */
.motor-gallery-frame{background:#111213 !important;border:1px solid rgba(255,255,255,.10) !important;border-radius:14px !important;overflow:hidden;box-shadow:0 30px 70px rgba(0,0,0,.5) !important;padding:0 !important}
.gallery-top{border-radius:14px 14px 0 0;overflow:hidden}
.gallery-thumbs{padding:12px !important;background:#0e0e0f}
.gallery-thumbs .swiper-slide{border-radius:6px;overflow:hidden;border:2px solid transparent;opacity:.55;transition:.25s}
.gallery-thumbs .swiper-slide-thumb-active,.gallery-thumbs .swiper-slide:hover{opacity:1;border-color:#e60012}
.motor-gallery-actions{padding:14px 18px !important;border-top:1px solid rgba(255,255,255,.08)}
.motor-gallery-actions a{color:rgba(255,255,255,.7) !important;font-size:13px;letter-spacing:.05em;transition:.2s}
.motor-gallery-actions a:hover{color:#fff !important}

/* summary */
.motor-summary{background:transparent !important;border:0 !important;box-shadow:none !important;padding:4px 0 0 !important}
.motor-summary-eyebrow{color:#e60012 !important;font-size:12px !important;letter-spacing:.28em;text-transform:uppercase;margin-bottom:16px}
.motor-summary-title{font-size:clamp(26px,2.6vw,38px) !important;font-weight:800 !important;line-height:1.18 !important;letter-spacing:-.01em;margin-bottom:16px}
.motor-summary-subtitle{color:rgba(255,255,255,.6) !important;font-size:15px !important;line-height:1.8;margin-bottom:24px}
.motor-summary-stats{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:26px !important;border:0 !important;padding:0 !important}
.motor-summary-stats span{background:#161718 !important;border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:7px 16px;font-size:12px;color:rgba(255,255,255,.7) !important;letter-spacing:.03em}

/* price */
.motor-price-card{background:linear-gradient(135deg,#1a0508 0%,#161718 60%) !important;border:1px solid rgba(230,0,18,.25) !important;border-radius:12px !important;padding:24px 28px !important;margin-bottom:26px !important}
.motor-price-card-label{color:rgba(255,255,255,.5) !important;font-size:11px;letter-spacing:.2em;text-transform:uppercase;margin-bottom:8px}
.motor-price-row{display:flex;align-items:baseline;gap:16px}
.motor-price-row strong,.goods-price{font-size:clamp(34px,4vw,48px) !important;font-weight:800 !important;color:#e60012 !important;letter-spacing:-.02em}
.motor-price-row del{color:rgba(255,255,255,.35) !important;font-size:17px}

/* options / specs / quantity */
.motor-option-shell{background:transparent !important;border:0 !important;padding:0 !important}
.motor-field-row{display:flex;align-items:center;gap:20px;padding:16px 0 !important;border-top:1px solid rgba(255,255,255,.08) !important;border-bottom:0 !important}
.motor-field-label{min-width:96px;color:rgba(255,255,255,.5) !important;font-size:12px !important;letter-spacing:.1em;text-transform:uppercase}
.goods-spec-text{display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:0}
.goods-spec-text li{list-style:none;border:1px solid rgba(255,255,255,.2) !important;border-radius:4px;transition:.2s}
.goods-spec-text li a{display:block;padding:9px 18px;color:#fff !important;font-size:14px}
.goods-spec-text li.active,.goods-spec-text li:hover{border-color:#e60012 !important;background:rgba(230,0,18,.08)}
.quantity{display:inline-flex;border:1px solid rgba(255,255,255,.2);border-radius:4px;overflow:hidden}
.quantity-down,.quantity-up{width:42px;height:44px;display:flex;align-items:center;justify-content:center;background:#161718 !important;color:#fff !important;border:0 !important;cursor:pointer;font-size:18px;transition:.2s}
.quantity-down:hover,.quantity-up:hover{background:#e60012 !important}
.quantity-text{width:60px;height:44px;text-align:center;background:#0e0e0f !important;border:0 !important;border-left:1px solid rgba(255,255,255,.15) !important;border-right:1px solid rgba(255,255,255,.15) !important;color:#fff !important}

/* CTA buttons */
.product-cart-btn{display:flex;gap:14px;margin-top:30px !important}
.product-cart-btn .btn{flex:1;height:56px;border-radius:4px !important;font-size:14px !important;letter-spacing:.12em;text-transform:uppercase;font-weight:600;position:relative;overflow:hidden;transition:.3s;display:inline-flex;align-items:center;justify-content:center}
.product-cart-btn .btn::after{content:"";position:absolute;top:0;left:-120%;width:60%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.3),transparent);transform:skewX(-18deg);transition:left .6s}
.product-cart-btn .btn:hover::after{left:130%}
.btn-buynow{background:#e60012 !important;border-color:#e60012 !important;color:#fff !important}
.btn-buynow:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(230,0,18,.4)}
.btn-cart{background:transparent !important;border:1px solid rgba(255,255,255,.4) !important;color:#fff !important}
.btn-cart:hover{background:#fff !important;color:#0e0e0f !important;transform:translateY(-2px)}

/* content tabs + description */
.motor-show-content{margin-top:70px !important}
.motor-show-tabs-shell{background:transparent !important;border:0 !important;box-shadow:none !important;padding:0 !important}
.nav-tabs{border-bottom:1px solid rgba(255,255,255,.14) !important;margin-bottom:34px;display:flex;gap:8px}
.nav-tabs>li>a{padding:14px 4px !important;margin-right:26px;font-size:15px !important;letter-spacing:.02em}
.motor-attribute-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;margin-bottom:34px}
.motor-attribute-item{background:#161718 !important;border:1px solid rgba(255,255,255,.1) !important;border-radius:8px;padding:18px 20px !important}
.motor-attribute-item strong{display:block;color:rgba(255,255,255,.5) !important;font-size:11px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:6px;font-weight:600}
.motor-attribute-item span{color:#fff !important;font-size:15px}
.detail-content-wrap{background:#fff !important;color:#1a1a1a !important;border-radius:12px;padding:30px !important;line-height:1.9}
.detail-content-wrap img{border-radius:6px;margin:12px 0}

/* side cards */
.motor-side-stack{display:flex;flex-direction:column;gap:26px}
.motor-side-card{background:#161718 !important;border:1px solid rgba(255,255,255,.1) !important;border-radius:12px !important;padding:26px 24px !important}
.motor-side-title{font-size:16px !important;font-weight:700 !important;margin-bottom:20px !important;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.1)}
.motor-side-product{display:flex;gap:14px;padding:12px 0;border:0 !important;background:transparent !important;border-radius:0 !important}
.motor-side-product img{width:74px;height:74px;object-fit:cover;border-radius:6px}
.motor-side-product-title a{color:#fff !important;font-size:14px;line-height:1.4}
.motor-side-product-price{color:#e60012 !important;font-weight:700;margin-top:6px}
.motor-side-product-price del{color:rgba(255,255,255,.35) !important;font-weight:400;margin-left:8px}

@media(max-width:900px){
  .motor-show-hero .col-md-5,.motor-show-hero .col-md-7{flex:0 0 100%;max-width:100%;margin-bottom:24px}
  .motor-show-content{margin-top:44px !important}
}

/* ---- detail fixes: spec pills + description background ---- */
.goods-spec-text li{background:#1d1e1f !important;border:1px solid rgba(255,255,255,.22) !important}
.goods-spec-text li a{color:#fff !important;background:transparent !important}
.goods-spec-text li.active,.goods-spec-text li:hover{background:rgba(230,0,18,.14) !important;border-color:#e60012 !important}
.goods-spec-text li.active a,.goods-spec-text li:hover a{color:#fff !important}
.detail-content-wrap,.motor-show-content .detail-content-wrap{background:#161718 !important;color:rgba(255,255,255,.82) !important;border:1px solid rgba(255,255,255,.10) !important;border-radius:12px !important;padding:30px !important}
.detail-content-wrap *{color:inherit !important;background:transparent !important}
.detail-content-wrap a{color:#ff5464 !important}
.detail-content-wrap img{border-radius:6px}

/* ---- FIX: bootstrap .nav (tabs) collides with KYMCO fixed .nav ---- */
ul.nav.nav-tabs, .motor-show-tabs-shell ul.nav, .nav-product{
  position:static !important; inset:auto !important; top:auto !important; left:auto !important; right:auto !important;
  height:auto !important; transform:none !important; z-index:auto !important;
  background:transparent !important; box-shadow:none !important;
}

/* =============================================================
   PREMIUM COMMERCE — cart / checkout beyond recolor
   ============================================================= */
.panel,.panel-default{background:linear-gradient(180deg,#181a1b 0%,#141516 100%) !important;border:1px solid rgba(255,255,255,.10) !important;border-radius:12px !important;box-shadow:0 20px 50px rgba(0,0,0,.3) !important;overflow:hidden;margin-bottom:24px}
.panel-heading{background:transparent !important;border-bottom:1px solid rgba(255,255,255,.1) !important;padding:22px 26px !important}
.panel-heading h2,.panel-heading h3,.panel-heading h4{color:#fff !important;font-weight:700 !important;letter-spacing:-.01em}
.panel-body{padding:26px !important;color:#fff}
.checkout-address .address,.checkout-coupon .coupon,.address,.coupon{background:#1d1e1f !important;border:1px solid rgba(255,255,255,.12) !important;border-radius:8px !important;color:#fff !important;transition:.2s}
.address:hover,.address.active,.coupon.active{background:#232526 !important;border-color:rgba(230,0,18,.55) !important}
.coupon .left{background:#0e0e0f !important;color:#fff !important}
.address *,.coupon .right,.coupon .right *{color:#fff !important}
.table-goods-list>thead>tr>th,.table-goods-list>tbody>tr>td{border-color:rgba(255,255,255,.1) !important;color:#fff !important}
.checkout-price,.checkout-price *{color:#fff !important}
.checkout-price .text-danger,.text-danger,.totalamount{color:#e60012 !important}
.form-control{height:48px !important;border-radius:6px !important;background:#0e0e0f !important;border:1px solid rgba(255,255,255,.14) !important;color:#fff !important;box-shadow:none !important;transition:border-color .2s,box-shadow .2s}
.form-control:focus{border-color:#e60012 !important;box-shadow:0 0 0 3px rgba(230,0,18,.12) !important}
textarea.form-control{height:auto !important;min-height:96px;padding-top:12px}
.control-label{color:rgba(255,255,255,.6) !important}
.btn-lg{height:52px !important;line-height:1.4 !important;display:inline-flex;align-items:center;justify-content:center}
.btn-rounded{border-radius:6px !important}
.btn-warning{background:#e60012 !important;border-color:#e60012 !important;color:#fff !important}
.btn-warning:hover{background:#c50010 !important}
.section-title,.panel .section h3{color:#fff !important}

/* =============================================================
   PREMIUM CART — restructured bottom bar + row polish
   ============================================================= */
.table-cart>tbody>tr>td{padding:22px 12px !important;border-top:1px solid rgba(255,255,255,.08) !important}
.table-cart img.img-responsive{width:80px !important;height:80px;object-fit:cover;border-radius:8px}
.table-cart .my-1 a{color:#fff !important;font-weight:600;font-size:15px}
.cart-item-subtotal,.table-cart td.text-danger{color:#e60012 !important}
.btn-delete i{color:rgba(255,255,255,.4);transition:.2s}
.btn-delete:hover i{color:#e60012}
.cart-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px;padding:26px 4px 6px;margin-top:8px;border-top:1px solid rgba(255,255,255,.12)}
.cart-bar-left{display:flex;align-items:center;gap:22px;color:rgba(255,255,255,.75)}
.cart-selectall{display:flex;align-items:center;gap:8px;margin:0;cursor:pointer;font-weight:400}
.btn-delete-selected{color:rgba(255,255,255,.55) !important;font-size:14px;transition:.2s}
.btn-delete-selected:hover{color:#e60012 !important}
.cart-bar-right{display:flex;align-items:center;gap:26px;flex-wrap:wrap}
.cart-total{font-size:15px;color:rgba(255,255,255,.6)}
.cart-total b.totalamount{color:#e60012 !important;font-size:26px;font-weight:800;margin:0 4px}
.cart-total .excl{font-size:12px;color:rgba(255,255,255,.4)}
.cart-actions{display:flex;gap:12px}
.btn-cart-ghost,.btn-cart-checkout{height:52px;padding:0 30px;display:inline-flex;align-items:center;gap:8px;font-size:13px;letter-spacing:.1em;text-transform:uppercase;font-weight:600;border-radius:4px;border:1px solid transparent;cursor:pointer;transition:.3s;text-decoration:none}
.btn-cart-ghost{background:transparent;border-color:rgba(255,255,255,.4);color:#fff !important}
.btn-cart-ghost:hover{background:#fff;color:#0e0e0f !important}
.btn-cart-checkout{background:#e60012;color:#fff !important;border-color:#e60012}
.btn-cart-checkout:hover{background:#c50010;transform:translateY(-2px);box-shadow:0 12px 28px rgba(230,0,18,.4)}
@media(max-width:768px){.cart-bar{flex-direction:column;align-items:stretch}.cart-bar-right{flex-direction:column;align-items:stretch;gap:16px}.cart-actions{flex-direction:column}.btn-cart-ghost,.btn-cart-checkout{width:100%;justify-content:center}}

/* ---- cart selected row (.active) : bootstrap light -> dark red tint ---- */
.table-cart>tbody>tr.active>td,.table>tbody>tr.active>td,.table-hover>tbody>tr.active:hover>td{background:rgba(230,0,18,.09) !important}
.table-cart>tbody>tr.active>td:first-child{box-shadow:inset 3px 0 0 #e60012}
.table-cart>tbody>tr.active td,.table-cart>tbody>tr.active td a,.table-cart>tbody>tr.active .my-1 a,.table-cart>tbody>tr.active .cart-item-subtotal{color:#fff !important}
.table-cart>tbody>tr.active .cart-item-subtotal{color:#ff5464 !important}