:root { --qt-primary:#1f6fb2; --qt-dark:#111827; --qt-muted:#6b7280; --qt-border:#e5e7eb; --qt-bg:#f8fafc; }
html { scroll-behavior:smooth; }
body { overflow-x:hidden; }
#preloder, .loader { display:none !important; }

.admin-topbar { background:#111827; color:#fff; padding:8px 0; font-size:13px; position:relative; z-index:40; }
.admin-topbar-links { display:flex; flex-wrap:wrap; align-items:center; gap:10px; }
.admin-topbar a { color:#e5e7eb; padding:4px 7px; border-radius:5px; }
.admin-topbar a:hover { color:#fff; background:rgba(255,255,255,.12); text-decoration:none; }

.qtbike-mainnav-row { min-height:86px; }
.qtbike-header-actions { display:flex; justify-content:flex-end; align-items:center; gap:16px; font-size:22px; }
.qtbike-header-actions a { color:#111; position:relative; }
.cart-count { position:absolute; top:-9px; right:-11px; min-width:19px; height:19px; padding:0 5px; border-radius:10px; background:#e11d48; color:#fff; font-size:11px; line-height:19px; text-align:center; font-weight:700; }

.qtbike-card { background:#fff; border:1px solid var(--qt-border); border-radius:12px; box-shadow:0 4px 18px rgba(15,23,42,.05); }
.qtbike-stat { padding:20px; height:100%; }
.qtbike-stat-label { color:var(--qt-muted); font-size:13px; text-transform:uppercase; letter-spacing:.04em; }
.qtbike-stat-value { font-size:28px; font-weight:800; margin-top:6px; color:var(--qt-dark); }
.qtbike-admin-table { background:#fff; border-radius:12px; overflow:hidden; border:1px solid var(--qt-border); }
.qtbike-admin-table .table { margin-bottom:0; }

.qtbike-badge { display:inline-block; padding:4px 9px; border-radius:999px; font-size:12px; font-weight:600; background:#eef2ff; color:#3730a3; }
.qtbike-badge.success { background:#ecfdf5; color:#047857; }
.qtbike-badge.warning { background:#fffbeb; color:#b45309; }
.qtbike-badge.danger { background:#fef2f2; color:#b91c1c; }

.product-price-old { color:#9ca3af; text-decoration:line-through; font-size:.9em; margin-left:6px; }
.product-stock { font-size:13px; font-weight:600; }
.product-stock.in { color:#047857; }
.product-stock.out { color:#b91c1c; }

.dealer-toolbar { display:flex; gap:10px; flex-wrap:wrap; margin-bottom:22px; }
.dealer-toolbar .form-control { max-width:280px; }
.dealer-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.dealer-card { border:1px solid var(--qt-border); border-radius:12px; padding:16px; background:#fff; transition:box-shadow .2s ease, transform .2s ease; }
.dealer-card:hover { box-shadow:0 10px 30px rgba(15,23,42,.08); transform:translateY(-1px); }
.dealer-card[data-distance] .dealer-distance { display:inline; }
.dealer-distance { display:none; color:#047857; font-weight:700; }
.dealer-map-shell { position:sticky; top:16px; border-radius:12px; overflow:hidden; border:1px solid var(--qt-border); background:#f8fafc; min-height:520px; }
.dealer-map-shell iframe { width:100%; min-height:520px; border:0; display:block; }

.cart-line { display:grid; grid-template-columns:86px 1fr auto; gap:14px; align-items:center; padding:14px 0; border-bottom:1px solid var(--qt-border); }
.cart-line img { width:86px; height:70px; object-fit:cover; border-radius:8px; }
.checkout-summary { position:sticky; top:18px; }

.qtbike-mini-spinner { display:inline-block; width:14px; height:14px; border:2px solid rgba(255,255,255,.55); border-top-color:#fff; border-radius:50%; animation:qtspin .7s linear infinite; vertical-align:-2px; }
@keyframes qtspin { to { transform:rotate(360deg); } }
input.is-processing-image { opacity:.55; }

.seo-helper { font-size:12px; color:#6b7280; }
.revenue-bars { display:flex; align-items:flex-end; gap:12px; height:190px; padding:20px 10px 0; }
.revenue-bar-wrap { flex:1; min-width:0; text-align:center; }
.revenue-bar { background:#1f6fb2; border-radius:7px 7px 0 0; min-height:4px; transition:height .25s ease; }
.revenue-bar-label { font-size:11px; color:#6b7280; margin-top:6px; white-space:nowrap; }

@media (max-width:991px) {
    .dealer-grid { grid-template-columns:1fr; }
    .dealer-map-shell { position:relative; min-height:360px; }
    .dealer-map-shell iframe { min-height:360px; }
    .admin-topbar { overflow-x:auto; }
    .admin-topbar .container-fluid { min-width:760px; }
}
@media (max-width:767px) {
    .qtbike-mainnav-row { min-height:68px; }
    .logo-text { max-width:90px !important; }
    .logo-img { max-width:42px !important; }
    .cart-line { grid-template-columns:70px 1fr; }
    .cart-line > :last-child { grid-column:2; }
    .dealer-toolbar .form-control { max-width:none; width:100%; }
    .product__item { margin-bottom:26px; }
}
.qtbike-product-link{display:block;color:inherit;text-decoration:none}.qtbike-product-link:hover{color:inherit;text-decoration:none}.qtbike-product-pic{overflow:hidden;background:#f8fafc}.qtbike-product-pic img{width:100%;height:100%;object-fit:contain;display:block}.qtbike-thumbs{display:flex;flex-direction:column;gap:8px}.qtbike-thumb{border:1px solid #e5e7eb;background:#fff;border-radius:8px;padding:4px;cursor:pointer}.qtbike-thumb.active{border-color:#1f6fb2;box-shadow:0 0 0 1px #1f6fb2}.qtbike-thumb img{width:100%;height:84px;object-fit:contain}.qtbike-main-image img{width:100%;max-height:580px;object-fit:contain}.color-label input{position:absolute;opacity:0;pointer-events:none}.color-label.active{box-shadow:0 0 0 2px #111}
@media(max-width:767px){.qtbike-thumbs{flex-direction:row;overflow-x:auto;margin-bottom:12px}.qtbike-thumb{min-width:70px}.qtbike-thumb img{height:62px}}
.admin-page{padding:28px 0 48px;background:#f8fafc;min-height:70vh}.admin-page .qtbike-card{padding:20px}.sticky-summary{position:sticky;top:20px}.section-kicker{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.16em;color:#1f6fb2;margin-bottom:8px}.secondary-btn{background:#fff!important;color:#111!important;border:1px solid #111}.blog__item__pic img{width:100%;height:240px;object-fit:cover}.product__item__pic img{width:100%;height:260px;object-fit:contain;background:#fff}.news-content{font-size:17px;line-height:1.8}.news-content img{max-width:100%;height:auto}.table td,.table th{vertical-align:middle}


/* ===== QT BIKE FRIENDLY UI V4 =====
   Customer-facing polish layered after the legacy Male Fashion theme.
   Uses QT Bike's blue brand instead of the old black/red palette. */
:root {
    --qt-primary:#3978c8;
    --qt-primary-dark:#245d9f;
    --qt-primary-soft:#eef6ff;
    --qt-primary-soft-2:#f6faff;
    --qt-navy:#153a5f;
    --qt-text:#243447;
    --qt-muted:#667085;
    --qt-border:#dfe8f2;
    --qt-bg:#f7faff;
    --qt-success:#15835b;
    --qt-danger:#c2414d;
    --qt-shadow:0 10px 30px rgba(28,76,123,.09);
}

html { scroll-behavior:smooth; }
body {
    margin-bottom:0;
    color:var(--qt-text);
    background:#fff;
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    -webkit-font-smoothing:antialiased;
}
main { min-height:55vh; }
a { color:var(--qt-primary-dark); transition:color .18s ease, background-color .18s ease, border-color .18s ease, transform .18s ease, box-shadow .18s ease; }
a:hover, a:focus { color:var(--qt-primary); text-decoration:none; }

/* Top contact bar */
.qtbike-header { position:relative; z-index:30; box-shadow:0 1px 0 rgba(32,70,105,.08); }
.qtbike-header .header__top {
    background:linear-gradient(90deg,#245d9f 0%,#3978c8 100%);
    padding:8px 0;
}
.qtbike-header .header__top a,
.qtbike-header .header__top span { color:#fff !important; font-size:14px; }
.qtbike-header .header__top a:hover { color:#fff !important; opacity:.88; }
.qtbike-top-contact strong { font-weight:750; }
.qtbike-mainnav-row { min-height:82px; }
.header__logo a { padding:8px 0; }
.logo-img { width:46px; max-height:62px; margin-right:8px; }
.logo-text { width:auto; max-width:118px; max-height:48px; }

/* Main navigation: quieter, clearer, brand-consistent */
.header__menu { padding:22px 0 20px; }
.header__menu > ul { display:flex; align-items:center; justify-content:center; gap:6px; }
.header__menu > ul > li { margin-right:0; position:relative; }
.header__menu > ul > li > a {
    color:#172b3f;
    font-size:16px;
    font-weight:700;
    padding:10px 14px;
    border-radius:10px;
}
.header__menu > ul > li > a:after { display:none; }
.header__menu > ul > li:hover > a,
.header__menu > ul > li:focus-within > a,
.header__menu > ul > li.active > a {
    color:var(--qt-primary-dark);
    background:var(--qt-primary-soft);
}

/* Friendly mega menu. Explicitly overrides the legacy black/red mega menu. */
.header__menu > ul > li > .dropdown.mega-menu {
    display:grid !important;
    grid-template-columns:repeat(5,minmax(130px,1fr));
    gap:14px;
    width:min(880px,calc(100vw - 40px));
    position:absolute !important;
    left:50% !important;
    top:calc(100% + 8px) !important;
    transform:translate(-50%,8px) !important;
    padding:18px !important;
    margin:0 !important;
    background:#fff !important;
    border:1px solid var(--qt-border);
    border-radius:16px;
    box-shadow:0 18px 48px rgba(20,58,95,.16);
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none;
    text-align:left;
    z-index:120;
    transition:opacity .18s ease,transform .18s ease,visibility .18s ease !important;
}
.header__menu > ul > li:hover > .dropdown.mega-menu,
.header__menu > ul > li:focus-within > .dropdown.mega-menu {
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto;
    transform:translate(-50%,0) !important;
}
.header__menu .mega-menu .mega-col {
    display:block !important;
    min-width:0;
    margin:0 !important;
    padding:4px;
    border-radius:12px;
}
.header__menu .mega-menu .mega-col > .mega-title,
.header__menu .mega-menu .mega-col > a {
    display:block;
    position:static;
    color:var(--qt-navy) !important;
    font-size:14px !important;
    line-height:1.4;
    font-weight:800 !important;
    padding:7px 8px 10px !important;
    margin:0 0 5px !important;
    border-bottom:2px solid #dbeafe !important;
    white-space:normal;
}
.header__menu .mega-menu .mega-col > a:hover { color:var(--qt-primary) !important; }
.header__menu .mega-menu .mega-col > a:after,
.header__menu .mega-menu ul li a:after { display:none !important; }
.header__menu .mega-menu .mega-col ul { display:block; margin:0; padding:0; }
.header__menu .mega-menu .mega-col ul li { display:block; margin:2px 0 !important; }
.header__menu .mega-menu .mega-col ul li a {
    display:block;
    position:static;
    color:#526477 !important;
    font-size:14px !important;
    font-weight:500 !important;
    line-height:1.4;
    padding:8px !important;
    border-radius:8px;
    white-space:normal;
}
.header__menu .mega-menu .mega-col ul li a:hover,
.header__menu .mega-menu .mega-col ul li a:focus {
    color:var(--qt-primary-dark) !important;
    background:var(--qt-primary-soft);
}

/* Header actions */
.qtbike-header-actions { gap:10px; }
.qtbike-header-actions > a {
    width:42px;
    height:42px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    color:var(--qt-navy);
    background:#f7faff;
    border:1px solid var(--qt-border);
    border-radius:50%;
}
.qtbike-header-actions > a:hover { color:#fff; background:var(--qt-primary); border-color:var(--qt-primary); transform:translateY(-1px); }
.cart-count { background:#e05260; border:2px solid #fff; top:-7px; right:-7px; }

/* Buttons */
.primary-btn,.site-btn,.btn-primary {
    color:#fff !important;
    background:var(--qt-primary) !important;
    border-color:var(--qt-primary) !important;
    border-radius:10px;
    box-shadow:none;
    font-weight:700;
}
.primary-btn,.site-btn { letter-spacing:.6px; text-transform:none; padding:13px 24px; }
.primary-btn:hover,.site-btn:hover,.btn-primary:hover,
.primary-btn:focus,.site-btn:focus,.btn-primary:focus {
    color:#fff !important;
    background:var(--qt-primary-dark) !important;
    border-color:var(--qt-primary-dark) !important;
    box-shadow:0 7px 18px rgba(57,120,200,.22) !important;
    transform:translateY(-1px);
}
.secondary-btn,.btn-outline-dark,.btn-outline-secondary {
    color:var(--qt-primary-dark) !important;
    background:#fff !important;
    border-color:#b8cbe0 !important;
    border-radius:10px;
}
.secondary-btn:hover,.btn-outline-dark:hover,.btn-outline-secondary:hover {
    color:var(--qt-primary-dark) !important;
    background:var(--qt-primary-soft) !important;
    border-color:var(--qt-primary) !important;
}
.btn-link { color:var(--qt-primary-dark); }
.btn { border-radius:9px; font-weight:600; }

/* Inputs */
.form-control,
.nice-select {
    border:1px solid #ccd8e5;
    border-radius:10px;
    min-height:44px;
    color:var(--qt-text);
    background:#fff;
}
textarea.form-control { min-height:auto; }
.form-control:focus {
    border-color:#78a8de;
    box-shadow:0 0 0 .2rem rgba(57,120,200,.12);
}
label { color:#34495e; font-weight:600; }

/* Sections / headings */
.spad { padding-top:76px; padding-bottom:76px; }
.section-title { margin-bottom:34px; }
.section-title span,.section-kicker { color:var(--qt-primary); }
.section-title h1,.section-title h2 { color:var(--qt-navy); line-height:1.25; }
.brand-intro { background:linear-gradient(180deg,#fff 0%,var(--qt-primary-soft-2) 100%); }
.brand-intro h1 { color:var(--qt-navy); font-size:clamp(30px,4vw,44px); line-height:1.2; }
.brand-intro p { color:var(--qt-muted); font-size:17px; line-height:1.7; margin:18px auto 26px; max-width:720px; }

/* Hero */
.hero { overflow:hidden; background:#edf5fd; }
.hero__items {
    position:relative;
    display:block;
    width:100%;
    height:clamp(440px,55vw,650px);
    padding-top:clamp(120px,16vw,205px);
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center center;
}
.hero__items:focus-visible { outline:3px solid var(--qt-primary); outline-offset:-3px; }
.hero__text { position:relative; z-index:2; max-width:590px; }
.hero__text h2 { color:var(--qt-navy); font-size:clamp(34px,4vw,52px); line-height:1.14; margin-bottom:18px; }
.hero__text p { color:#40556b; font-size:17px; line-height:1.7; }
.hero__slider.owl-carousel .owl-nav button {
    width:44px;
    height:44px;
    line-height:44px;
    font-size:26px;
    color:var(--qt-navy);
    background:rgba(255,255,255,.88);
    border-radius:50%;
    box-shadow:0 6px 20px rgba(24,63,101,.12);
    left:24px;
}
.hero__slider.owl-carousel .owl-nav button.owl-next { left:auto; right:24px; }

/* Product filters as readable pills rather than oversized gray text */
.filter__controls {
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:10px;
    margin-bottom:34px;
}
.filter__controls li {
    margin:0 !important;
    padding:9px 16px;
    border:1px solid var(--qt-border);
    border-radius:999px;
    color:#5d6f82;
    background:#fff;
    font-size:14px;
    font-weight:700;
    line-height:1.2;
}
.filter__controls li:hover { color:var(--qt-primary-dark); background:var(--qt-primary-soft); border-color:#b9d1ec; }
.filter__controls li.active { color:#fff; background:var(--qt-primary); border-color:var(--qt-primary); }

/* Product cards: product name is always visible and card gives clear hover feedback */
.product__item {
    height:calc(100% - 26px);
    margin-bottom:26px;
    padding:12px;
    overflow:visible;
    background:#fff;
    border:1px solid var(--qt-border);
    border-radius:16px;
    box-shadow:0 4px 16px rgba(21,58,95,.045);
    transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.product__item:hover { transform:translateY(-3px); box-shadow:var(--qt-shadow); border-color:#c6d9ec; }
.product__item__pic,.qtbike-product-pic {
    height:260px;
    overflow:hidden;
    border-radius:12px;
    background:#f8fbff;
}
.product__item__pic img,.qtbike-product-pic img {
    width:100%;
    height:100%;
    object-fit:contain;
    display:block;
    transition:transform .25s ease;
}
.product__item:hover .product__item__pic img { transform:scale(1.025); }
.product__item__pic .label {
    left:12px;
    top:12px;
    color:#fff;
    background:var(--qt-primary);
    border-radius:999px;
    padding:5px 10px;
    letter-spacing:.5px;
}
.product__item.sale .product__item__pic .label { background:#e05260; }
.product__item__text { padding:15px 4px 8px; min-height:126px; }
.product__item__text h6 { color:var(--qt-navy); font-size:16px; line-height:1.45; margin-bottom:7px; }
.product__item__text h5 { color:#183b5c; font-size:17px; margin-top:6px; }
.product__item__text .qtbike-product-name {
    position:static !important;
    top:auto !important;
    left:auto !important;
    display:inline !important;
    opacity:1 !important;
    visibility:visible !important;
    color:var(--qt-navy) !important;
    font-size:16px !important;
    font-weight:700 !important;
    line-height:1.45;
}
.product__item__text .qtbike-product-name:hover { color:var(--qt-primary) !important; }
.product__item__text .product__color__select { position:static; margin-top:10px; }
.product__item__text .product__color__select label { width:15px; height:15px; border:1px solid rgba(0,0,0,.12); }
.product-stock.in { color:var(--qt-success); }
.product-stock.out { color:var(--qt-danger); }
.product-price-old { color:#98a2b3; }

/* Shop / breadcrumbs */
.breadcrumb-option { background:linear-gradient(90deg,#f2f7fd,#f8fbff); padding:28px 0; border-bottom:1px solid #e4edf6; }
.breadcrumb__text h4 { color:var(--qt-navy); font-size:26px; }
.breadcrumb__links a { color:#47627d; }
.breadcrumb__links span { color:#7b8da0; }
.shop__sidebar.qtbike-card { box-shadow:none; background:#fbfdff; }
.shop__sidebar__accordion .card { border:1px solid var(--qt-border); border-radius:12px !important; margin-bottom:10px; overflow:hidden; }
.shop__sidebar__accordion .card-heading a { color:var(--qt-navy); padding:13px 15px; display:block; }
.shop__sidebar__accordion .card-body a { color:#617285; }
.shop__sidebar__accordion .card-body a:hover { color:var(--qt-primary); }
.shop__product__option { padding:12px 0 20px; border-bottom:1px solid #edf1f5; margin-bottom:24px; }
.pagination .page-link { color:var(--qt-primary-dark); border-color:var(--qt-border); min-width:40px; text-align:center; }
.pagination .page-item.active .page-link { background:var(--qt-primary); border-color:var(--qt-primary); }

/* General cards */
.qtbike-card { border-color:var(--qt-border); border-radius:16px; box-shadow:0 7px 24px rgba(21,58,95,.06); }
.contact .qtbike-card { padding:28px; }
.alert { border-radius:12px; border-width:1px; }
.alert-success { background:#edf9f4; border-color:#c9ecdd; color:#176b4e; }
.alert-info { background:#eef7ff; border-color:#cfe7fb; color:#245d80; }

/* Dealer page */
.dealer-toolbar {
    padding:14px;
    background:#f8fbff;
    border:1px solid var(--qt-border);
    border-radius:14px;
}
.dealer-card { border-radius:16px; padding:18px; }
.dealer-card h4 { color:var(--qt-navy); font-size:19px; }
.dealer-card .fa { color:var(--qt-primary); width:18px; }
.dealer-card a:not(.btn) { color:#385a77; }
.dealer-card a:not(.btn):hover { color:var(--qt-primary); }
.dealer-map-shell { border-radius:16px; border-color:var(--qt-border); box-shadow:0 8px 28px rgba(21,58,95,.07); }

/* News cards: remove the old floating/overlapping black-red fashion template look */
.blog__item {
    height:calc(100% - 28px);
    margin-bottom:28px;
    overflow:hidden;
    background:#fff;
    border:1px solid var(--qt-border);
    border-radius:16px;
    box-shadow:0 5px 20px rgba(21,58,95,.05);
    transition:transform .2s ease,box-shadow .2s ease;
}
.blog__item:hover { transform:translateY(-3px); box-shadow:var(--qt-shadow); }
.blog__item__pic { height:230px; overflow:hidden; background:#f3f7fb; }
.blog__item__pic img { width:100%; height:100%; object-fit:cover; transition:transform .25s ease; }
.blog__item:hover .blog__item__pic img { transform:scale(1.025); }
.blog__item__text { margin:0; margin-top:0; padding:22px; box-shadow:none !important; }
.blog__item__text span { color:#7a8998; }
.blog__item__text h5 { color:var(--qt-navy); font-size:18px; line-height:1.45; }
.blog__item__text h5 a { color:var(--qt-navy); letter-spacing:0; text-transform:none; font-size:inherit; padding:0; }
.blog__item__text h5 a:after { display:none; }
.blog__item__text > a {
    color:var(--qt-primary-dark);
    font-size:14px;
    letter-spacing:0;
    text-transform:none;
    padding:0;
}
.blog__item__text > a:after { display:none; }
.blog__item__text > a:hover { color:var(--qt-primary); }

/* Footer: dark blue instead of harsh black */
.footer { background:#123451; padding-top:58px; }
.footer__about p,.footer__widget .footer__newslatter p,.footer__copyright__text p { color:#c7d5e4; }
.footer__about a,.footer__widget ul li a { color:#dbe8f4; }
.footer__widget ul li a:hover,.footer__about a:hover { color:#fff; }
.footer__widget h6 { color:#fff; letter-spacing:.7px; text-transform:none; font-size:16px; }
.footer__widget .footer__newslatter form input {
    color:#17344f;
    background:#fff;
    border:1px solid rgba(255,255,255,.2);
    border-radius:10px;
    padding:12px 48px 12px 14px;
}
.footer__widget .footer__newslatter form input::placeholder { color:#7d8c9b; }
.footer__widget .footer__newslatter form button { color:var(--qt-primary); right:8px; }



/* Reading & order pages */
.news-content { color:#34495e; line-height:1.85; }
.news-content h2,.news-content h3,.news-content h4 { color:var(--qt-navy); margin-top:1.5em; }
.news-content a { color:var(--qt-primary); text-decoration:underline; text-underline-offset:2px; }
.news-content blockquote { margin:24px 0; padding:16px 20px; border-left:4px solid var(--qt-primary); background:var(--qt-primary-soft-2); border-radius:0 10px 10px 0; }
.contact__text ul li h4 { color:var(--qt-navy); }
.contact__text ul li a { color:var(--qt-primary-dark); }

/* Focus accessibility */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible {
    outline:3px solid rgba(57,120,200,.32);
    outline-offset:2px;
}



/* Product detail / cart / checkout */
.product__details__pic { background:#f8fbff; padding:28px 0 38px; }
.product__details__breadcrumb { margin-bottom:22px; }
.product__details__breadcrumb a { color:#526b83; }
.product__details__breadcrumb span { color:#7d8c9c; }
.product__details__pic__item.qtbike-main-image {
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:480px;
    padding:18px;
    background:#fff;
    border:1px solid var(--qt-border);
    border-radius:16px;
}
.qtbike-thumb { border-color:var(--qt-border); border-radius:10px; }
.qtbike-thumb:hover { border-color:#9fc0e3; background:#f8fbff; }
.qtbike-thumb.active { border-color:var(--qt-primary); box-shadow:0 0 0 2px rgba(57,120,200,.12); }
.product__details__content { padding-top:46px; padding-bottom:24px; }
.product__details__content .nav-tabs { border-bottom:1px solid var(--qt-border); gap:6px; }
.product__details__content .nav-tabs .nav-link { color:#667789; border:0; border-radius:9px 9px 0 0; padding:11px 18px; font-weight:700; }
.product__details__content .nav-tabs .nav-link.active { color:var(--qt-primary-dark); background:var(--qt-primary-soft); }
.color-label { width:23px !important; height:23px !important; border:2px solid #fff !important; box-shadow:0 0 0 1px #cbd5df; }
.color-label.active { box-shadow:0 0 0 2px var(--qt-primary) !important; }

.table thead th { color:var(--qt-navy); background:#f5f9fd; border-bottom:1px solid var(--qt-border); }
.table td,.table th { border-color:#e8eef5; }
.sticky-summary { top:20px; }
.sticky-summary h4,.qtbike-card h4 { color:var(--qt-navy); }
.spad .row.justify-content-center .qtbike-card { padding:28px; }

/* Customer-facing radio controls */
input[type="radio"],input[type="checkbox"] { accent-color:var(--qt-primary); }

/* Mobile */
@media (max-width:1199px) {
    .header__menu > ul > li > a { padding-left:10px; padding-right:10px; font-size:15px; }
    .header__menu > ul > li > .dropdown.mega-menu { grid-template-columns:repeat(4,minmax(120px,1fr)); width:min(760px,calc(100vw - 24px)); }
}
@media (max-width:991px) {
    .qtbike-mainnav-row { min-height:74px; }
    .hero__items { height:500px; }
    .spad { padding-top:60px; padding-bottom:60px; }
}
@media (max-width:767px) {
    .header__top .row > div { text-align:center !important; }
    .header__top .col-md-6 + .col-md-6 { margin-top:3px; }
    .qtbike-mainnav-row { min-height:68px; }
    .logo-img { width:38px; max-height:50px; }
    .logo-text { max-width:96px !important; }
    .canvas__open {
        color:var(--qt-primary-dark);
        border-color:#b9cde1;
        border-radius:10px;
        background:#f6faff;
        top:16px;
    }
    .offcanvas-menu-wrapper { padding:28px 20px; }
    .slicknav_nav .slicknav_row,.slicknav_nav a { color:#29455f; padding:10px 8px; border-radius:8px; }
    .slicknav_nav .slicknav_row:hover,.slicknav_nav a:hover { background:var(--qt-primary-soft); color:var(--qt-primary-dark); border-radius:8px; }
    .slicknav_nav .dropdown.mega-menu,
    .slicknav_nav .mega-menu {
        display:block !important;
        width:auto !important;
        position:static !important;
        transform:none !important;
        opacity:1 !important;
        visibility:visible !important;
        pointer-events:auto !important;
        padding:6px 0 6px 12px !important;
        background:transparent !important;
        border:0 !important;
        box-shadow:none !important;
    }
    .slicknav_nav .mega-col { display:block !important; padding:0 !important; }
    .slicknav_nav .mega-col > a { color:var(--qt-navy) !important; border:0 !important; padding:8px !important; margin:0 !important; }
    .slicknav_nav .mega-col ul { padding-left:12px !important; }
    .hero__items { height:380px; padding-top:92px; background-position:center; }
    .hero__text h2 { font-size:32px; }
    .hero__text p { font-size:15px; line-height:1.6; }
    .hero__slider.owl-carousel .owl-nav button { width:36px; height:36px; line-height:36px; left:10px; }
    .hero__slider.owl-carousel .owl-nav button.owl-next { right:10px; }
    .brand-intro .primary-btn { display:block; max-width:260px; margin:8px auto !important; }
    .filter__controls { gap:7px; }
    .filter__controls li { padding:8px 12px; font-size:13px; }
    .product__item__pic,.qtbike-product-pic { height:225px; }
    .dealer-toolbar { padding:12px; }
    .dealer-toolbar > * { width:100%; max-width:none !important; }
    .footer { padding-top:44px; }
}
@media (max-width:420px) {
    .hero__items { height:330px; padding-top:70px; }
    .hero__text h2 { font-size:28px; }
    .product__item { padding:9px; border-radius:13px; }
    .product__item__pic,.qtbike-product-pic { height:190px; }
    .spad { padding-top:48px; padding-bottom:48px; }
}