/* ============================================================
   NationalBikers – Single Bike Review (WHITE / LIGHT THEME)
   All rules scoped under .nbr-wrap to avoid theme collisions.
   ============================================================ */
.nbr-wrap{
  --green:#1f9d55; --green-dark:#178045; --green-soft:#eaf6ef;
  --bg:#ffffff; --bg2:#f6f9f7; --bg3:#eef3f0; --bg4:#e7eee9;
  --border:#e2e8e4; --text:#1f2a24; --muted:#6b7770;
  --gold:#f5a623; --red:#e23d3d; --red-soft:#fdeaea; --blue:#3b82f6;
  font-family:'Outfit',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  color:var(--text); line-height:1.6; font-size:15px;
}
.nbr-wrap *,.nbr-wrap *::before,.nbr-wrap *::after{box-sizing:border-box;}
.nbr-wrap .container{max-width:1200px;margin:0 auto;padding:0 1.25rem;}

/* HERO */
.nbr-wrap .hero{
  background:linear-gradient(135deg,#ffffff 0%,#f1f8f3 55%,#ffffff 100%);
  border:1px solid var(--border); border-radius:10px; padding:2.2rem 1.75rem;
  position:relative; overflow:hidden; margin-bottom:1.5rem;
}
.nbr-wrap .hero-badge{
  display:inline-flex;align-items:center;gap:6px;background:var(--green-soft);
  border:1px solid #cfe9da;color:var(--green-dark);font-size:11px;font-weight:600;
  letter-spacing:1.2px;text-transform:uppercase;padding:4px 12px;border-radius:30px;margin-bottom:.9rem;
}
.nbr-wrap .hero-title{font-family:'Bebas Neue',sans-serif;font-size:clamp(2.4rem,5vw,4rem);letter-spacing:1.5px;line-height:1;margin:0 0 .4rem;color:#13201a;}
.nbr-wrap .hero-title span{color:var(--green);}
.nbr-wrap .hero-sub{color:var(--muted);font-size:14px;margin-bottom:1.2rem;}
.nbr-wrap .hero-meta{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;}
.nbr-wrap .rating-big{display:flex;align-items:center;gap:10px;}
.nbr-wrap .rating-score{font-family:'Bebas Neue',sans-serif;font-size:2.4rem;color:var(--gold);line-height:1;}
.nbr-wrap .stars{color:var(--gold);font-size:14px;letter-spacing:1px;}
.nbr-wrap .rating-count{color:var(--muted);font-size:12px;}
.nbr-wrap .price-hero{margin-left:auto;text-align:right;}
.nbr-wrap .price-label{color:var(--muted);font-size:11px;letter-spacing:1px;}
.nbr-wrap .price-current{font-family:'Bebas Neue',sans-serif;font-size:2rem;color:var(--green);letter-spacing:1px;}

/* LAYOUT */
.nbr-wrap .main-grid{display:grid;grid-template-columns:1fr 330px;gap:1.5rem;}

/* GALLERY */
.nbr-wrap .gallery-wrap{background:var(--bg);border:1px solid var(--border);border-radius:10px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.04);}
.nbr-wrap .gallery-main{position:relative;background:#ffffff;display:flex;align-items:center;justify-content:center;min-height:420px;max-height:600px;overflow:hidden;padding:14px;}
.nbr-wrap .gallery-main img{max-width:100%;max-height:560px;width:auto;height:auto;object-fit:contain;transition:transform .4s ease;}
.nbr-wrap .gallery-main:hover img{transform:scale(1.04);}
.nbr-wrap .gallery-badge{position:absolute;top:12px;left:12px;background:rgba(255,255,255,.9);border:1px solid var(--border);color:var(--muted);font-size:11px;padding:4px 10px;border-radius:20px;}
.nbr-wrap .gallery-nav{display:flex;gap:8px;padding:12px;overflow-x:auto;justify-content:center;flex-wrap:wrap;border-top:1px solid var(--border);background:var(--bg2);}
.nbr-wrap .thumb{flex-shrink:0;width:80px;height:56px;border-radius:6px;overflow:hidden;border:2px solid var(--border);cursor:pointer;transition:border-color .2s;background:#f3f5f4;}
.nbr-wrap .thumb.active{border-color:var(--green);}
.nbr-wrap .thumb img{width:100%;height:100%;object-fit:cover;}

/* COLOR PICKER */
.nbr-wrap .color-section{background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:1.1rem 1.25rem;margin-top:1rem;}
.nbr-wrap .section-title{font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);margin-bottom:.9rem;}
.nbr-wrap .color-opts{display:flex;gap:14px;flex-wrap:wrap;}
.nbr-wrap .color-opt{cursor:pointer;text-align:center;background:none;border:none;padding:0;}
.nbr-wrap .color-swatch{width:36px;height:36px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 1px var(--border);transition:transform .2s,box-shadow .2s;margin:0 auto 4px;}
.nbr-wrap .color-opt.active .color-swatch{box-shadow:0 0 0 2px var(--green);transform:scale(1.1);}
.nbr-wrap .color-opt span{font-size:10px;color:var(--muted);display:block;}

/* QUICK SPECS */
.nbr-wrap .quick-specs{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border);border:1px solid var(--border);border-radius:10px;overflow:hidden;margin-top:1rem;}
.nbr-wrap .qs-item{background:var(--bg);padding:1rem;text-align:center;}
.nbr-wrap .qs-val{font-family:'Bebas Neue',sans-serif;font-size:1.5rem;letter-spacing:1px;color:var(--text);line-height:1;}
.nbr-wrap .qs-unit{font-size:11px;color:var(--green);font-weight:600;}
.nbr-wrap .qs-label{font-size:11px;color:var(--muted);margin-top:2px;}

/* SECTION DIVIDER */
.nbr-wrap .section-divider{margin:1.75rem 0 1.25rem;display:flex;align-items:center;gap:1rem;}
.nbr-wrap .section-divider h2{font-family:'Bebas Neue',sans-serif;font-size:1.6rem;letter-spacing:1.5px;white-space:nowrap;margin:0;color:#13201a;}
.nbr-wrap .section-divider::before{content:'';width:4px;height:22px;background:var(--green);border-radius:2px;}
.nbr-wrap .section-divider::after{content:'';flex:1;height:1px;background:var(--border);}

/* TABS */
.nbr-wrap .content-tabs{display:flex;gap:0;border-bottom:1px solid var(--border);margin-bottom:1.25rem;overflow-x:auto;}
.nbr-wrap .content-tabs::-webkit-scrollbar{display:none;}
.nbr-wrap .ctab{padding:.7rem 1.1rem;font-size:13px;font-weight:600;color:var(--muted);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;white-space:nowrap;transition:.2s;}
.nbr-wrap .ctab:hover{color:var(--text);}
.nbr-wrap .ctab.active{color:var(--green-dark);border-bottom-color:var(--green);}
.nbr-wrap .tab-panel{display:none;}
.nbr-wrap .tab-panel.active{display:block;}

/* SPECS TABLE */
.nbr-wrap .specs-section{margin-top:.5rem;}
.nbr-wrap .specs-group-title{font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--green-dark);padding:.5rem 0;margin-bottom:.4rem;border-bottom:2px solid var(--green-soft);}
.nbr-wrap .specs-table{width:100%;border-collapse:collapse;margin-bottom:1.5rem;}
.nbr-wrap .specs-table tr{border-bottom:1px solid var(--border);}
.nbr-wrap .specs-table tr:hover{background:var(--bg2);}
.nbr-wrap .specs-table td{padding:10px 4px;font-size:13px;}
.nbr-wrap .specs-table td:first-child{color:var(--muted);width:45%;}
.nbr-wrap .specs-table td:last-child{font-weight:600;}

/* PROS / CONS */
.nbr-wrap .pros-cons{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem;}
.nbr-wrap .pros-col,.nbr-wrap .cons-col{border-radius:10px;padding:1rem 1.1rem;border:1px solid var(--border);}
.nbr-wrap .pros-col{background:var(--green-soft);}
.nbr-wrap .cons-col{background:var(--red-soft);}
.nbr-wrap .pc-title{font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;margin-bottom:.7rem;}
.nbr-wrap .pros-col .pc-title{color:var(--green-dark);}
.nbr-wrap .cons-col .pc-title{color:#c0392b;}
.nbr-wrap .pc-item{display:flex;align-items:flex-start;gap:7px;font-size:13px;margin-bottom:7px;line-height:1.5;}
.nbr-wrap .pc-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0;margin-top:6px;}
.nbr-wrap .pros-col .pc-dot{background:var(--green);}
.nbr-wrap .cons-col .pc-dot{background:var(--red);}

/* MILEAGE */
.nbr-wrap .mileage-bar{margin-bottom:11px;}
.nbr-wrap .mileage-label{display:flex;justify-content:space-between;font-size:12px;margin-bottom:4px;color:var(--muted);}
.nbr-wrap .mileage-label span:last-child{font-weight:700;color:var(--text);}
.nbr-wrap .mileage-track{height:8px;background:var(--bg3);border-radius:4px;overflow:hidden;}
.nbr-wrap .mileage-fill{height:100%;border-radius:4px;}

/* REVIEWS */
.nbr-wrap .review-summary{display:grid;grid-template-columns:auto 1fr;gap:1.5rem;align-items:center;margin-bottom:1.5rem;background:var(--bg2);border:1px solid var(--border);border-radius:10px;padding:1.25rem;}
.nbr-wrap .big-score{text-align:center;}
.nbr-wrap .big-score-num{font-family:'Bebas Neue',sans-serif;font-size:3.5rem;color:var(--gold);line-height:1;}
.nbr-wrap .big-score-label{font-size:11px;color:var(--muted);margin-top:2px;}
.nbr-wrap .rating-bars{flex:1;}
.nbr-wrap .bar-row{display:flex;align-items:center;gap:8px;margin-bottom:6px;font-size:12px;}
.nbr-wrap .bar-label{color:var(--muted);min-width:90px;}
.nbr-wrap .bar-track{flex:1;height:6px;background:var(--bg3);border-radius:3px;overflow:hidden;}
.nbr-wrap .bar-fill{display:block;height:100%;min-height:6px;border-radius:3px;background:var(--gold);}
.nbr-wrap .bar-val{min-width:26px;text-align:right;font-weight:700;font-size:11px;color:var(--gold);}
.nbr-wrap .review-card{background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:1.1rem;margin-bottom:1rem;box-shadow:0 1px 2px rgba(0,0,0,.03);}
.nbr-wrap .reviewer-meta{display:flex;align-items:center;gap:10px;margin-bottom:8px;}
.nbr-wrap .reviewer-avatar{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0;background:var(--green-soft);color:var(--green-dark);}
.nbr-wrap .reviewer-name{font-weight:700;font-size:13px;}
.nbr-wrap .reviewer-date{font-size:11px;color:var(--muted);}
.nbr-wrap .review-stars{color:var(--gold);font-size:13px;margin-left:auto;}
.nbr-wrap .review-text{font-size:13.5px;color:#3a443e;line-height:1.65;}
.nbr-wrap .verified-badge{font-size:10px;font-weight:700;color:var(--green-dark);background:var(--green-soft);border-radius:20px;padding:1px 8px;margin-left:6px;}

/* FORMS */
.nbr-wrap .nbr-form{background:var(--bg2);border:1px solid var(--border);border-radius:10px;padding:1.25rem;margin-top:1.5rem;}
.nbr-wrap .nbr-form h4{margin:0 0 .9rem;font-size:15px;font-weight:700;color:#13201a;}
.nbr-wrap .nbr-field{margin-bottom:.85rem;}
.nbr-wrap .nbr-field label{display:block;font-size:12px;color:var(--muted);margin-bottom:4px;font-weight:600;}
.nbr-wrap .nbr-input,.nbr-wrap .emi-input{width:100%;padding:9px 11px;background:#fff;border:1px solid var(--border);border-radius:7px;color:var(--text);font-family:inherit;font-size:13px;}
.nbr-wrap .nbr-input:focus,.nbr-wrap .emi-input:focus{outline:none;border-color:var(--green);box-shadow:0 0 0 3px var(--green-soft);}
.nbr-wrap textarea.nbr-input{min-height:90px;resize:vertical;}
.nbr-wrap .nbr-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;}
.nbr-wrap .nbr-notice{background:var(--green-soft);border:1px solid #bfe6cf;color:var(--green-dark);padding:.8rem 1rem;border-radius:8px;font-size:13px;margin-bottom:1rem;}

/* STAR INPUT */
.nbr-wrap .star-input{display:inline-flex;flex-direction:row-reverse;gap:4px;}
.nbr-wrap .star-input input{display:none;}
.nbr-wrap .star-input label{font-size:26px;color:#d6ddd8;cursor:pointer;transition:color .15s;line-height:1;}
.nbr-wrap .star-input input:checked ~ label,
.nbr-wrap .star-input label:hover,
.nbr-wrap .star-input label:hover ~ label{color:var(--gold);}

/* BUTTONS */
.nbr-wrap .btn{display:inline-block;width:100%;padding:.8rem;border-radius:8px;font-family:inherit;font-size:13px;font-weight:700;letter-spacing:.5px;cursor:pointer;border:none;transition:.15s;text-align:center;text-decoration:none;}
.nbr-wrap .btn-green{background:var(--green);color:#fff;}
.nbr-wrap .btn-green:hover{background:var(--green-dark);}
.nbr-wrap .btn-outline{background:#fff;color:var(--text);border:1px solid var(--border);margin-top:10px;}
.nbr-wrap .btn-outline:hover{border-color:var(--green);color:var(--green-dark);}

/* CARDS / SIDEBAR */
.nbr-wrap .sidebar{display:flex;flex-direction:column;gap:1rem;}
.nbr-wrap .card{background:var(--bg);border:1px solid var(--border);border-radius:10px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.04);}
.nbr-wrap .card-header{padding:.9rem 1.1rem;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;background:var(--bg2);}
.nbr-wrap .card-head-title{font-size:11px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--green-dark);}
.nbr-wrap .card-body{padding:1.1rem;}
.nbr-wrap .price-main{font-family:'Bebas Neue',sans-serif;font-size:2.4rem;color:var(--green);letter-spacing:1px;line-height:1;}

/* EMI / FUEL */
.nbr-wrap .emi-row{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px solid var(--border);font-size:13px;}
.nbr-wrap .emi-row:last-child{border-bottom:none;}
.nbr-wrap .emi-label{color:var(--muted);}
.nbr-wrap .emi-val{font-weight:600;}
.nbr-wrap .term-opts{display:flex;gap:6px;flex-wrap:wrap;}
.nbr-wrap .term-opt{padding:6px 12px;border:1px solid var(--border);border-radius:30px;background:#fff;font-size:12px;font-weight:600;color:var(--muted);cursor:pointer;transition:.15s;}
.nbr-wrap .term-opt.active{background:var(--green);border-color:var(--green);color:#fff;}
.nbr-wrap .result-box{background:var(--green-soft);border:1px solid #cfe9da;border-radius:8px;padding:.9rem;text-align:center;margin-top:.75rem;}
.nbr-wrap .result-box .r-label{font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--muted);}
.nbr-wrap .result-box .r-val{font-family:'Bebas Neue',sans-serif;font-size:1.6rem;color:var(--green-dark);}
.nbr-wrap .calc-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;margin-top:.85rem;}
.nbr-wrap .calc-stat{background:var(--bg2);border:1px solid var(--border);border-radius:8px;padding:.7rem .4rem;text-align:center;}
.nbr-wrap .calc-stat .cs-label{font-size:9px;letter-spacing:.8px;text-transform:uppercase;color:var(--muted);}
.nbr-wrap .calc-stat .cs-val{font-family:'Bebas Neue',sans-serif;font-size:1.25rem;color:var(--green-dark);}

/* SHOWROOM */
.nbr-wrap .showroom-item{display:flex;align-items:flex-start;gap:10px;padding:11px 0;border-bottom:1px solid var(--border);font-size:13px;}
.nbr-wrap .showroom-item:last-child{border-bottom:none;}
.nbr-wrap .showroom-dot{width:8px;height:8px;border-radius:50%;background:var(--green);flex-shrink:0;margin-top:5px;}
.nbr-wrap .showroom-name{font-weight:600;}
.nbr-wrap .showroom-addr{color:var(--muted);font-size:12px;}

/* Q&A */
.nbr-wrap .qa-item{background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:1rem 1.1rem;margin-bottom:.9rem;}
.nbr-wrap .qa-q{display:flex;gap:8px;font-weight:600;font-size:14px;}
.nbr-wrap .qa-q .qa-ic{color:var(--green);font-weight:800;}
.nbr-wrap .qa-meta{font-size:11px;color:var(--muted);margin:3px 0 0 22px;}
.nbr-wrap .qa-a{display:flex;gap:8px;margin:.7rem 0 0 0;padding:.7rem .9rem;background:var(--green-soft);border-radius:8px;font-size:13px;}
.nbr-wrap .qa-a .qa-ic{color:var(--green-dark);font-weight:800;}
.nbr-wrap .qa-pending{font-size:12px;color:var(--muted);font-style:italic;margin:.4rem 0 0 22px;}

/* RELATED BIKES */
.nbr-wrap .related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem;}
.nbr-wrap .related-card{background:var(--bg);border:1px solid var(--border);border-radius:10px;overflow:hidden;text-decoration:none;color:var(--text);transition:.15s;box-shadow:0 1px 2px rgba(0,0,0,.03);}
.nbr-wrap .related-card:hover{border-color:var(--green);transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,.07);}
.nbr-wrap .related-img{aspect-ratio:4/3;background:#f3f5f4;overflow:hidden;}
.nbr-wrap .related-img img{width:100%;height:100%;object-fit:cover;}
.nbr-wrap .related-info{padding:.7rem .8rem;}
.nbr-wrap .related-name{font-size:13px;font-weight:600;line-height:1.3;}
.nbr-wrap .related-price{font-size:13px;font-weight:700;color:var(--green);margin-top:4px;}

/* RESPONSIVE */
@media (max-width:900px){
  .nbr-wrap .main-grid{grid-template-columns:1fr;}
  .nbr-wrap .quick-specs{grid-template-columns:repeat(2,1fr);}
  .nbr-wrap .pros-cons{grid-template-columns:1fr;}
  .nbr-wrap .review-summary{grid-template-columns:1fr;text-align:center;}
  .nbr-wrap .nbr-row{grid-template-columns:1fr;}
}


/* ============================================================
   v2.1 – Media sub-tabs, 360, Showroom directory, Responsive
   ============================================================ */
.nbr-wrap .media-card{background:var(--bg);border:1px solid var(--border);border-radius:10px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.04);}
.nbr-wrap .media-tabs{display:flex;gap:0;border-bottom:1px solid var(--border);overflow-x:auto;background:var(--bg2);}
.nbr-wrap .media-tabs::-webkit-scrollbar{display:none;}
.nbr-wrap .mtab{padding:.75rem 1.1rem;font-size:12px;font-weight:700;letter-spacing:.5px;color:var(--muted);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;white-space:nowrap;display:flex;align-items:center;gap:6px;}
.nbr-wrap .mtab:hover{color:var(--text);}
.nbr-wrap .mtab.active{color:var(--green-dark);border-bottom-color:var(--green);background:#fff;}
.nbr-wrap .media-panel{display:none;}
.nbr-wrap .media-panel.active{display:block;}
.nbr-wrap .ratio16{position:relative;width:100%;padding-top:56.25%;background:#f3f5f4;}
.nbr-wrap .ratio16 iframe,.nbr-wrap .ratio16 img{position:absolute;inset:0;width:100%;height:100%;border:0;object-fit:contain;}
.nbr-wrap .color-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.8rem;padding:1.1rem;}
.nbr-wrap .color-card{border:1px solid var(--border);border-radius:10px;padding:.6rem;text-align:center;cursor:pointer;transition:.15s;background:#fff;}
.nbr-wrap .color-card:hover{border-color:var(--green);transform:translateY(-2px);box-shadow:0 6px 14px rgba(0,0,0,.06);}
.nbr-wrap .color-card .cc-img{aspect-ratio:4/3;border-radius:6px;overflow:hidden;background:#f3f5f4;margin-bottom:.5rem;}
.nbr-wrap .color-card .cc-img img{width:100%;height:100%;object-fit:cover;}
.nbr-wrap .color-card .cc-name{font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:6px;}
.nbr-wrap .color-card .cc-sw{width:16px;height:16px;border-radius:50%;box-shadow:0 0 0 1px var(--border);display:inline-block;}
.nbr-wrap .brand-logo{height:30px;width:auto;vertical-align:middle;margin-right:8px;border-radius:4px;background:#fff;}
.nbr-wrap .video-pad{padding:1.1rem;}

/* Showroom directory (shortcode [showroom_directory]) */
.nbr-srd{font-family:'Outfit',-apple-system,sans-serif;color:#1f2a24;max-width:1200px;margin:0 auto;}
.nbr-srd *{box-sizing:border-box;}
.nbr-srd .srd-title{font-family:'Bebas Neue',sans-serif;font-size:2.4rem;letter-spacing:1.5px;margin:0 0 .3rem;}
.nbr-srd .srd-sub{color:#6b7770;margin-bottom:1.5rem;}
.nbr-srd .srd-filters{display:grid;grid-template-columns:1fr 1fr 1.6fr;gap:.8rem;margin-bottom:1.75rem;}
.nbr-srd select,.nbr-srd input{padding:12px 14px;border:1px solid #e2e8e4;border-radius:9px;font-family:inherit;font-size:14px;width:100%;background:#fff;color:#1f2a24;}
.nbr-srd select:focus,.nbr-srd input:focus{outline:none;border-color:#1f9d55;box-shadow:0 0 0 3px #eaf6ef;}
.nbr-srd .srd-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:1.25rem;}
.nbr-srd .srd-card{border:1px solid #e2e8e4;border-radius:14px;padding:1.4rem;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.04);transition:.18s;}
.nbr-srd .srd-card:hover{box-shadow:0 10px 26px rgba(0,0,0,.08);transform:translateY(-3px);border-color:#cfe9da;}
.nbr-srd .srd-badge{display:inline-block;font-size:10px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:#178045;background:#eaf6ef;border-radius:20px;padding:3px 10px;margin-bottom:.7rem;}
.nbr-srd .srd-name{font-size:18px;font-weight:700;margin-bottom:.8rem;line-height:1.3;}
.nbr-srd .srd-row{display:flex;gap:9px;font-size:13.5px;color:#4b554f;margin-bottom:7px;align-items:flex-start;line-height:1.5;}
.nbr-srd .srd-row .ic{color:#1f9d55;flex-shrink:0;font-size:14px;margin-top:1px;}
.nbr-srd .srd-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:1rem;}
.nbr-srd .srd-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 15px;border-radius:9px;text-decoration:none;font-size:13px;font-weight:600;transition:.15s;}
.nbr-srd .srd-btn.map{border:1px solid #1f9d55;color:#178045;background:#fff;}
.nbr-srd .srd-btn.map:hover{background:#1f9d55;color:#fff;}
.nbr-srd .srd-btn.call{background:#1f9d55;color:#fff;}
.nbr-srd .srd-btn.call:hover{background:#178045;}
.nbr-srd .srd-empty{grid-column:1/-1;text-align:center;color:#6b7770;padding:2.5rem;background:#f6f9f7;border-radius:12px;}
.nbr-srd .srd-count{font-size:13px;color:#6b7770;margin-bottom:1rem;}

/* showroom list inside bike page tab */
.nbr-wrap .sr-tab-actions{margin-top:1rem;}

/* ====================== RESPONSIVE (overrides) ====================== */
@media (max-width:1024px){
  .nbr-wrap .main-grid{grid-template-columns:1fr 290px;gap:1.1rem;}
  .nbr-wrap .hero-title{font-size:clamp(2rem,6vw,3rem);}
}
@media (max-width:860px){
  .nbr-wrap .main-grid{grid-template-columns:1fr;}
  .nbr-wrap .price-hero{margin-left:0;text-align:left;width:100%;}
  .nbr-wrap .hero-meta{gap:1.25rem;}
  .nbr-srd .srd-filters{grid-template-columns:1fr 1fr;}
  .nbr-srd .srd-filters .srd-search{grid-column:1/-1;}
}
@media (max-width:560px){
  .nbr-wrap{font-size:14px;}
  .nbr-wrap .container{padding:0 .9rem;}
  .nbr-wrap .hero{padding:1.5rem 1.1rem;}
  .nbr-wrap .quick-specs{grid-template-columns:repeat(2,1fr);}
  .nbr-wrap .pros-cons{grid-template-columns:1fr;}
  .nbr-wrap .nbr-row{grid-template-columns:1fr;}
  .nbr-wrap .review-summary{grid-template-columns:1fr;text-align:center;}
  .nbr-wrap .rating-bars{margin-top:1rem;}
  .nbr-wrap .related-grid{grid-template-columns:repeat(2,1fr);}
  .nbr-wrap .content-tabs,.nbr-wrap .media-tabs{gap:0;}
  .nbr-wrap .ctab{padding:.6rem .8rem;font-size:12px;}
  .nbr-wrap .price-main{font-size:2rem;}
  .nbr-srd .srd-filters{grid-template-columns:1fr;}
  .nbr-srd .srd-grid{grid-template-columns:1fr;}
  .nbr-srd .srd-title{font-size:2rem;}
}
@media (max-width:380px){
  .nbr-wrap .quick-specs{grid-template-columns:1fr 1fr;}
  .nbr-wrap .related-grid{grid-template-columns:1fr;}
}

/* ============================================================
   v2.2 additions – 360° viewer, Colors view, Highlights
   ============================================================ */
/* 360 viewer */
.nbr-wrap .v360{background:#fff;}
.nbr-wrap .v360-stage{position:relative;display:flex;align-items:center;justify-content:center;min-height:420px;max-height:600px;padding:14px;background:#fff;overflow:hidden;}
.nbr-wrap .v360-stage img{max-width:100%;max-height:560px;width:auto;height:auto;object-fit:contain;user-select:none;-webkit-user-drag:none;}
.nbr-wrap .v360-hint{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.55);color:#fff;font-size:11px;padding:4px 12px;border-radius:20px;pointer-events:none;}
.nbr-wrap .v360-ctrl{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center;padding:12px;border-top:1px solid var(--border);background:var(--bg2);}
.nbr-wrap .v360-btn{background:var(--blue);color:#fff;border:none;border-radius:7px;padding:8px 14px;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;}
.nbr-wrap .v360-btn:hover{filter:brightness(.95);}
.nbr-wrap .v360-btn.v360-auto{background:#475569;}
.nbr-wrap .v360-btn.v360-auto.on{background:var(--red);}
.nbr-wrap .v360-range{flex:1;min-width:120px;max-width:280px;accent-color:var(--green);}

/* Colors view (bikebd style) */
.nbr-wrap .color-view{background:#fff;}
.nbr-wrap .cv-stage{display:flex;align-items:center;justify-content:center;min-height:400px;max-height:560px;padding:14px;background:#fff;overflow:hidden;}
.nbr-wrap .cv-stage img{max-width:100%;max-height:520px;width:auto;height:auto;object-fit:contain;}
.nbr-wrap .cv-bar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:center;padding:14px;border-top:1px solid var(--border);background:var(--bg2);}
.nbr-wrap .cv-name{font-weight:700;font-size:14px;letter-spacing:.5px;text-transform:uppercase;color:var(--text);min-width:90px;text-align:center;}
.nbr-wrap .cv-swatches{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;}
.nbr-wrap .cv-sw{width:30px;height:30px;border-radius:50%;cursor:pointer;border:2px solid #fff;box-shadow:0 0 0 1px var(--border);transition:transform .15s,box-shadow .15s;}
.nbr-wrap .cv-sw:hover{transform:scale(1.12);}
.nbr-wrap .cv-sw.active{box-shadow:0 0 0 2px var(--green);transform:scale(1.12);}
.nbr-wrap .cv-count{font-size:12px;color:var(--muted);}

/* Highlights grid */
.nbr-wrap .hl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;padding:16px;}
.nbr-wrap .hl-card{margin:0;border:1px solid var(--border);border-radius:10px;overflow:hidden;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.04);}
.nbr-wrap .hl-img{background:#fff;aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.nbr-wrap .hl-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease;}
.nbr-wrap .hl-card:hover .hl-img img{transform:scale(1.06);}
.nbr-wrap .hl-name{padding:10px 12px;font-size:13px;font-weight:600;color:var(--text);border-top:1px solid var(--border);}

/* responsive media areas */
@media (max-width:860px){
  .nbr-wrap .gallery-main,.nbr-wrap .v360-stage{min-height:300px;}
  .nbr-wrap .gallery-main img,.nbr-wrap .v360-stage img{max-height:340px;}
  .nbr-wrap .cv-stage{min-height:280px;}
  .nbr-wrap .cv-stage img{max-height:320px;}
}
@media (max-width:560px){
  .nbr-wrap .gallery-main,.nbr-wrap .v360-stage{min-height:220px;padding:8px;}
  .nbr-wrap .gallery-main img,.nbr-wrap .v360-stage img{max-height:260px;}
  .nbr-wrap .cv-stage{min-height:200px;}
  .nbr-wrap .cv-stage img{max-height:240px;}
  .nbr-wrap .hl-grid{grid-template-columns:1fr 1fr;gap:8px;padding:10px;}
  .nbr-wrap .v360-range{order:5;flex-basis:100%;max-width:100%;}
}

/* ============================================================
   v2.3 – Mobile hardening (no horizontal overflow)
   ============================================================ */
.nbr-wrap{overflow-x:hidden;max-width:100%;}
.nbr-wrap *{min-width:0;}
.nbr-wrap img{max-width:100%;}
.nbr-wrap .container{width:100%;max-width:1200px;box-sizing:border-box;}
.nbr-wrap .tab-panel{max-width:100%;}
/* spec tables never break the layout */
.nbr-wrap .spec-table,.nbr-wrap table{width:100%;max-width:100%;table-layout:fixed;border-collapse:collapse;}
.nbr-wrap table td,.nbr-wrap table th{word-break:break-word;overflow-wrap:anywhere;}
/* the competitor block lives only in the Compare tab; let it scroll instead of pushing the page */
.nbr-wrap #nbr-tab-compare{overflow-x:auto;-webkit-overflow-scrolling:touch;}
.nbr-wrap #nbr-tab-compare *{max-width:100%;}

@media (max-width:560px){
  .nbr-wrap .gallery-main,.nbr-wrap .v360-stage{min-height:230px;max-height:340px;}
  .nbr-wrap .gallery-main img,.nbr-wrap .v360-stage img{max-height:300px;}
  .nbr-wrap .cv-stage{min-height:220px;}
  .nbr-wrap .cv-stage img{max-height:260px;}
  .nbr-wrap .mtab{padding:.55rem .7rem;font-size:11px;}
  .nbr-wrap .cv-bar,.nbr-wrap .v360-ctrl,.nbr-wrap .gallery-nav{gap:8px;padding:10px;}
  .nbr-wrap .v360-btn{padding:7px 11px;font-size:12px;}
  .nbr-wrap .hl-grid{grid-template-columns:1fr 1fr;gap:8px;padding:10px;}
  .nbr-wrap .thumb{width:64px;height:46px;}
}
@media (max-width:380px){
  .nbr-wrap .hl-grid{grid-template-columns:1fr;}
  .nbr-wrap .cv-sw{width:26px;height:26px;}
}

/* ============================================================
   v2.4 – Details (content) tabs: clean horizontal scroll, no overlap on mobile
   ============================================================ */
.nbr-wrap .content-tabs{display:flex;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;}
.nbr-wrap .content-tabs::-webkit-scrollbar{display:none;}
.nbr-wrap .ctab{flex:0 0 auto;white-space:nowrap;}
@media (max-width:560px){
  .nbr-wrap .content-tabs{gap:2px;}
  .nbr-wrap .ctab{padding:.6rem .85rem;font-size:12px;}
}

/* v2.5 icon quick-specs + hero chips + breadcrumb + type-pill */
.nbr-wrap .nbr-bc{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:13px;color:var(--muted);margin-bottom:10px}.nbr-wrap .nbr-bc a{color:var(--muted);text-decoration:none}.nbr-wrap .nbr-bc a:hover{color:var(--green)}.nbr-wrap .nbr-bc>span{color:#b9c6bf}.nbr-wrap .nbr-bc .nbr-bc-cur{color:var(--text);font-weight:600}.nbr-wrap .nbr-type-pill{display:inline-block;background:var(--green);color:#fff;font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;padding:6px 16px;border-radius:30px;margin-bottom:10px}.nbr-wrap .hero-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.nbr-wrap .hero-chip{display:inline-flex;align-items:center;gap:6px;background:var(--bg);border:1px solid var(--border);border-radius:30px;padding:6px 14px;font-size:13px;font-weight:600;color:var(--text)}.nbr-wrap .hero-chip svg{width:16px;height:16px;color:var(--green);flex:0 0 auto}.nbr-wrap .quick-specs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;background:transparent;border:0;border-radius:0;overflow:visible;margin-top:1.25rem}.nbr-wrap .qs-item{display:flex;align-items:center;gap:10px;background:var(--bg2);border:1px solid var(--border);border-radius:12px;padding:12px;text-align:left;transition:.2s ease}.nbr-wrap .qs-item:hover{border-color:var(--green);box-shadow:0 6px 16px rgba(31,157,85,.12);transform:translateY(-2px)}.nbr-wrap .qs-ico{flex:0 0 auto;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:11px;background:var(--green-soft);color:var(--green)}.nbr-wrap .qs-ico svg{width:21px;height:21px}.nbr-wrap .qs-txt{display:flex;flex-direction:column;min-width:0}.nbr-wrap .qs-val{font-family:'Bebas Neue',sans-serif;font-size:1.4rem;letter-spacing:.5px;color:var(--text);line-height:1.05;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nbr-wrap .qs-label{font-size:11px;font-weight:700;color:var(--green-dark);text-transform:uppercase;letter-spacing:.4px;margin-top:2px}@media(max-width:768px){.nbr-wrap .quick-specs{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.nbr-wrap .quick-specs{grid-template-columns:repeat(2,1fr);gap:8px}.nbr-wrap .qs-item{padding:10px}.nbr-wrap .qs-ico{width:34px;height:34px}.nbr-wrap .qs-ico svg{width:18px;height:18px}.nbr-wrap .qs-val{font-size:1.2rem}}
