/* ============================================================
   Chadmama — Product page theme (ValoBazar-inspired emerald)
   Scoped to the PDP so the rest of the site keeps navy+gold.
   ============================================================ */
:root{
    --pp-green:#047857; --pp-green2:#059669; --pp-green3:#10b981;
    --pp-wa:#25D366; --pp-ink:#0f172a; --pp-muted:#64748b; --pp-bg:#f8fafc; --pp-line:#e6ebf2;
}

/* page surface */
.single-product-thumb{ background:var(--pp-bg); border-radius:20px; padding:18px !important; box-shadow:0 10px 30px rgba(2,40,30,.06); }
.single-product-thumb .container-fluid.mobile_show{ padding:8px !important; }

/* ---- Gallery: swipeable main stage + thumbnail grid below ---- */
.single-product-thumb .single-product-thumbnail-wrap{ border:1px solid var(--pp-line); border-radius:16px; background:#fff; padding:10px; }
/* main image: box flexes to each image's own aspect ratio instead of a fixed crop */
.chad-main-stage{ position:relative; width:100%; border-radius:14px; overflow:hidden; background:#fff; touch-action:pan-y; }
.chad-main-stage .label-block{ position:absolute; left:10px; top:10px; right:auto; z-index:3; width:auto !important; max-width:none; }
/* small discount pill (was stretching to a full-width bar) */
.chad-main-stage .label-block .product-badget,
.chad-main-stage .product-badget{ display:inline-block !important; width:auto !important; padding:2px 9px !important; font-size:11.5px !important; line-height:1.5 !important; border-radius:6px !important; }
.chad-main-stage .product-quick-view.position-view{ position:absolute; right:12px; bottom:12px; z-index:4; }

/* slide track: draggable/swipeable row of full-width slides (mobile slider + desktop drag) */
.chad-slide-track{ display:flex; width:100%; touch-action:pan-y; transition:transform .32s cubic-bezier(.22,.61,.36,1); cursor:grab; }
.chad-slide-track.dragging{ transition:none !important; cursor:grabbing; }
.chad-slide{ flex:0 0 100%; width:100%; max-width:100%; }
.chad-slide img{ width:100%; height:auto; max-height:72vh; object-fit:contain; display:block; background:#fff; border-radius:12px; pointer-events:none; -webkit-user-drag:none; }
@media(max-width:600px){
  .chad-slide img{ max-height:55vh; }
  .chad-thumbs-grid{ gap:7px; }
  .chad-thumbs-grid .chad-thumb{ width:62px; height:62px; }
}

/* prev/next chevrons over the main stage */
.chad-nav-arrow{ position:absolute; top:50%; transform:translateY(-50%); z-index:4; width:36px; height:36px; border-radius:50%; border:0; background:rgba(15,23,42,.4); color:#fff; font-size:13px; display:flex; align-items:center; justify-content:center; cursor:pointer; transition:.15s; }
.chad-nav-arrow:hover{ background:rgba(15,23,42,.65); }
.chad-nav-prev{ left:10px; }
.chad-nav-next{ right:10px; }
.chad-slide-counter{ position:absolute; left:12px; bottom:12px; z-index:3; background:rgba(15,23,42,.55); color:#fff; font-size:11.5px; font-weight:700; padding:3px 10px; border-radius:20px; }

/* thumbnail grid: wraps to rows, never a carousel; shown directly below the product */
.chad-thumbs-grid{ display:flex; flex-wrap:wrap; gap:8px; margin-top:12px; }
.chad-thumbs-grid .chad-thumb{ flex:0 0 auto; width:78px; height:78px; padding:0; border:2px solid var(--pp-line); border-radius:12px; background:#fff; overflow:hidden; cursor:pointer; transition:.15s; }
.chad-thumbs-grid .chad-thumb img{ width:100%; height:100%; object-fit:cover; display:block; }
.chad-thumbs-grid .chad-thumb.active,
.chad-thumbs-grid .chad-thumb:hover{ border-color:var(--pp-green); box-shadow:0 2px 8px rgba(4,120,87,.18); }
.single-product-thumb .product-quick-view.position-view a{ background:var(--pp-green); color:#fff; }
.single-product-thumb .product-badget{ background:var(--pp-green) !important; color:#fff !important; border-radius:8px; font-weight:700; }

/* ---- Fullscreen zoom/swipe lightbox ---- */
.chad-lightbox{ position:fixed; inset:0; z-index:999999; display:none; align-items:center; justify-content:center; }
.chad-lightbox.open{ display:flex; }
.chad-lb-backdrop{ position:absolute; inset:0; background:rgba(4,10,20,.92); }
.chad-lb-stage{ position:relative; width:100%; height:100%; display:flex; align-items:center; justify-content:center; overflow:hidden; touch-action:none; }
.chad-lb-stage img{ max-width:94vw; max-height:88vh; width:auto; height:auto; object-fit:contain; user-select:none; -webkit-user-drag:none; cursor:zoom-in; touch-action:none; }
.chad-lb-stage img.zoomed{ cursor:grab; }
.chad-lb-stage img.zoomed.grabbing{ cursor:grabbing; }
.chad-lb-close,.chad-lb-nav{ position:absolute; z-index:3; border:0; background:rgba(255,255,255,.14); color:#fff; border-radius:50%; display:flex; align-items:center; justify-content:center; cursor:pointer; transition:.15s; }
.chad-lb-close:hover,.chad-lb-nav:hover{ background:rgba(255,255,255,.26); }
.chad-lb-close{ top:16px; right:16px; width:42px; height:42px; font-size:22px; line-height:1; }
.chad-lb-nav{ top:50%; transform:translateY(-50%); width:46px; height:46px; font-size:17px; }
.chad-lb-prev{ left:16px; }
.chad-lb-next{ right:16px; }
.chad-lb-counter{ position:absolute; left:50%; bottom:18px; transform:translateX(-50%); background:rgba(255,255,255,.14); color:#fff; font-size:12.5px; font-weight:700; padding:5px 14px; border-radius:20px; z-index:3; }
.chad-lb-hint{ position:absolute; left:50%; bottom:54px; transform:translateX(-50%); color:rgba(255,255,255,.65); font-size:11.5px; z-index:3; white-space:nowrap; font-family:'Hind Siliguri',sans-serif; }
@media(max-width:600px){
  .chad-lb-close{ width:36px; height:36px; font-size:19px; top:10px; right:10px; }
  .chad-lb-nav{ width:38px; height:38px; font-size:15px; }
  .chad-lb-prev{ left:8px; }
  .chad-lb-next{ right:8px; }
  .chad-lb-hint{ display:none; }
}
body.chad-lb-locked{ overflow:hidden; }

/* ---- Title + meta ---- */
.single-product-thumb .product-title,
.single-product-thumb h1,.single-product-thumb h2.title,.single-product-thumb .b-title{ color:var(--pp-ink); font-weight:800; }
.single-product-thumb .product-price,
.single-product-thumb .current-price,
.single-product-thumb .price.current-price{ color:var(--pp-green) !important; font-weight:800 !important; }
.single-product-thumb .old-price,.single-product-thumb del{ color:#94a3b8 !important; }

/* stock + sku + trust badges → green theme */
.single-product-thumb .badge.bg-success{ background:var(--pp-green) !important; }
.single-product-thumb .chad-trust span{ background:#ecfdf5; border-color:#bbf7d0; color:var(--pp-green); }
.single-product-thumb .chad-trust i{ color:var(--pp-green2); }

/* ---- Quantity ---- */
.single-product-thumb .quantity{ border:1px solid var(--pp-line); border-radius:12px; overflow:hidden; }
.single-product-thumb .quantity .minus,.single-product-thumb .quantity .plus{ background:#ecfdf5; color:var(--pp-green); }

/* ---- BUTTONS (kept labels, ValoBazar colors) ---- */
.single-product-thumb .single_product{ gap:10px; }
.single-product-thumb .add_cart_btn,
.single-product-thumb .order_now_btn,
.single-product-thumb .reg a{
    border-radius:12px !important; font-weight:800 !important; padding:13px 10px !important; min-height:50px;
    display:flex !important; align-items:center; justify-content:center; gap:8px; flex:1; box-shadow:0 8px 18px rgba(4,120,87,.18);
}
/* কার্টে যোগ করুন → premium warm gold gradient */
.single-product-thumb .add_cart_btn{ background:linear-gradient(135deg,#F6AE2D,#E08A0B) !important; color:#fff !important; border:0 !important; box-shadow:0 10px 22px rgba(216,140,16,.26) !important; }
.single-product-thumb .add_cart_btn:hover{ background:linear-gradient(135deg,#EC9E1A,#C97C08) !important; box-shadow:0 12px 26px rgba(216,140,16,.34) !important; }
.single-product-thumb .add_cart_btn:active{ background:#b9740a !important; }
/* অর্ডার করুন → deep emerald gradient (primary buy) */
.single-product-thumb .order_now_btn,
.single-product-thumb .reg a{ background:linear-gradient(135deg,#0B916A,#066F4C) !important; color:#fff !important; border:0 !important; box-shadow:0 10px 22px rgba(6,111,76,.26) !important; }
.single-product-thumb .order_now_btn:hover{ background:linear-gradient(135deg,#0A8260,#055F41) !important; box-shadow:0 12px 26px rgba(6,111,76,.34) !important; }
/* কল করুন → soft emerald outline */
.single-product-thumb a.btn.main-bg[href^="tel"]{ background:#f0fdf6 !important; color:#066F4C !important; border:1.5px solid #34d399 !important; border-radius:14px !important; box-shadow:none !important; }
.single-product-thumb a.btn.main-bg[href^="tel"]:hover{ background:#dcfce7 !important; border-color:#10b981 !important; }
.single-product-thumb a.btn.main-bg[href^="tel"] i,.single-product-thumb a.btn.main-bg[href^="tel"]{ color:#066F4C !important; }
/* WhatsApp → refined (less neon) green gradient */
.single-product-thumb a.btn-success{ background:linear-gradient(135deg,#22B85C,#15924A) !important; border:0 !important; border-radius:14px !important; box-shadow:0 8px 18px rgba(21,146,74,.22) !important; }
.single-product-thumb a.btn-success:hover{ background:linear-gradient(135deg,#1EA854,#127E40) !important; }
/* delivery table header → deep emerald to match */
.single-product-thumb table.table-bordered th{ background:linear-gradient(135deg,#0B916A,#066F4C) !important; }

/* ---- Delivery charge table ---- */
.single-product-thumb table.table-bordered th{ background:var(--pp-green) !important; color:#fff !important; border-color:var(--pp-green) !important; }
.single-product-thumb table.table-bordered td{ border-color:var(--pp-line) !important; }

/* ---- Tabs (Description / Specification / FAQ / Reviews) ---- */
#myTab.nav-tabs{ border-bottom:2px solid var(--pp-line); }
#myTab .nav-link{ color:var(--pp-muted) !important; font-weight:700; border:0 !important; border-radius:10px 10px 0 0 !important; }
#myTab .nav-link.active{ color:var(--pp-green) !important; background:#ecfdf5 !important; box-shadow:inset 0 -3px 0 var(--pp-green); }
#myTab .nav-link .badge.bg-primary{ background:var(--pp-green) !important; }

/* rating + bars green-tint */
.details-ratting-wrapper .all-reviews-button{ color:var(--pp-green) !important; }
.chad-rating-bars .fill{ background:linear-gradient(90deg,var(--pp-green2),var(--pp-green)) !important; }

/* spec table */
.chad-spec .chad-spec-body table th{ background:#ecfdf5; color:var(--pp-green); }

/* ---- YouTube review video ---- */
.chad-video{ background:#fff; border:1px solid var(--pp-line); border-radius:18px; padding:18px; margin:18px 0; box-shadow:0 10px 26px rgba(2,40,30,.07); }
.chad-video-title{ font-weight:800; color:var(--pp-ink); margin:0 0 12px; font-size:18px; }
.chad-video-title small{ color:var(--pp-muted); font-weight:600; font-size:62%; }
/* 9:16 portrait (YouTube Shorts) — centered, phone-width. aspect-ratio uses the
   element's OWN width (340), unlike padding-top:% which uses the parent's width. */
.chad-video-frame{ position:relative; width:100%; max-width:340px; margin:0 auto; aspect-ratio:9/16; border-radius:16px; overflow:hidden; background:#000; box-shadow:0 8px 22px rgba(0,0,0,.28); }
.chad-video-frame iframe{ position:absolute; inset:0; width:100%; height:100%; border:0; }

/* ---- Description: clamp to ~4 paragraphs + Show More ---- */
.chad-desc.chad-collapsed{ position:relative; max-height:360px; overflow:hidden; }
.chad-desc.chad-collapsed::after{ content:""; position:absolute; left:0; right:0; bottom:0; height:84px; background:linear-gradient(rgba(255,255,255,0),#fff 88%); pointer-events:none; }
.chad-desc-toggle{ text-align:center; margin-top:6px; }
.chad-more-btn{ background:#f0fdf6; color:#066F4C; border:1.5px solid #34d399; border-radius:12px; padding:9px 24px; font-weight:800; transition:.15s; }
.chad-more-btn:hover{ background:#dcfce7; border-color:#10b981; }
.chad-more-btn i{ margin-left:6px; font-size:80%; }

/* Related "Related Products" heading accent */
.axil-product-area .section-title-wrapper h2{ color:var(--pp-ink); border-color:var(--pp-green) !important; }

/* sticky buy bar → green on PDP */
.chad-buybar .bbtn{ background:linear-gradient(135deg,var(--pp-green),var(--pp-green2)) !important; color:#fff !important; }
.chad-buybar .bp{ color:var(--pp-green) !important; }