/* Buy More Mall storefront polish (2026-10-06): product page buy box, mobile/tablet spacing, motion.
   Loaded on every frontend page from layouts/app.blade.php. Product-page rules are scoped to html.bmm-pdp (set by bmm-polish.js). */
:root { --bmm-red: #d43533; --bmm-red-dark: #b5282a; --bmm-ink: #111827; --bmm-muted: #6b7280; --bmm-line: #eceef2; --bmm-green: #16a34a; --bmm-radius: 12px; }

/* ---------- motion ---------- */
.bmm-reveal { opacity: 0; transform: translateY(16px); }
.bmm-reveal.bmm-in { opacity: 1; transform: none; transition: opacity .55s ease, transform .55s cubic-bezier(.2,.7,.2,1); transition-delay: var(--bmm-d, 0ms); }
button, .btn, .bmmq-btn, .aiz-card-box, .bmm-alt-actions a { transition: transform .15s ease, box-shadow .2s ease, background-color .2s ease, color .2s ease; }
button:active, .btn:active, .bmmq-btn:active, .bmm-alt-actions a:active { transform: scale(.97); }
@media (hover: hover) {
  .aiz-card-box:hover { transform: translateY(-3px); box-shadow: 0 12px 28px rgba(17,24,39,.10) !important; }
}
@media (prefers-reduced-motion: reduce) {
  .bmm-reveal, .bmm-reveal.bmm-in { opacity: 1 !important; transform: none !important; transition: none !important; }
  button:active, .btn:active { transform: none; }
}

/* ---------- cookie notice: compact, never on top of the buy bar ---------- */
.aiz-cookie-alert .p-3 { padding: 12px 14px !important; border-radius: var(--bmm-radius) !important; display: flex; align-items: center; gap: 12px; }
.aiz-cookie-alert .text-dark.mb-3 { margin: 0 !important; font-size: 13px; line-height: 1.4; flex: 1; }
.aiz-cookie-alert .text-dark p { margin: 0; }
.aiz-cookie-alert .aiz-cookie-accept { width: auto !important; flex-shrink: 0; border-radius: 10px !important; padding: 8px 16px; font-size: 13px; }
@media (max-width: 1199.98px) {
  .aiz-custom-alert.bottom-left { bottom: 78px !important; }
  html.bmm-smartbar-on .aiz-custom-alert.bottom-left { bottom: 172px !important; }
}

/* ---------- floating quick-links tab (mobile): smaller, out of the way ---------- */
@media (max-width: 991.98px) {
  .floating-buttons-section-control { width: 34px !important; height: 34px !important; opacity: .85; box-shadow: 0 4px 12px rgba(0,0,0,.18); }
  .floating-buttons-section-control i { font-size: 18px !important; }
  html.bmm-pdp .floating-buttons-section { display: none !important; }
}

/* ---------- product page ---------- */
html.bmm-pdp h5.bmm-pricing-label { display: none; }
html.bmm-pdp .bmm-price-box { background: #fff7f6 !important; border: 1px solid #fde2e0; border-radius: var(--bmm-radius) !important; padding: 14px 16px !important; }
html.bmm-pdp .bmm-price-box h6 { font-size: 26px !important; font-weight: 800 !important; color: var(--bmm-red) !important; letter-spacing: -.01em; }
html.bmm-pdp .bmm-price-box h6 span { color: var(--bmm-muted); font-size: 14px !important; font-weight: 500 !important; }
html.bmm-pdp .bmm-price-box del { padding-left: 0 !important; }
html.bmm-pdp .bmm-no-reviews { font-size: 13px; color: var(--bmm-muted); }
html.bmm-pdp .bmm-no-reviews a { color: var(--bmm-red); font-weight: 600; }

html.bmm-pdp .bmm-buybox { border: 1px solid var(--bmm-line) !important; border-radius: 16px !important; background: #fff; box-shadow: 0 8px 28px rgba(17,24,39,.06); padding: 16px !important; }
html.bmm-pdp .bmm-total-label { display: block; font-size: 12px; font-weight: 600; color: var(--bmm-muted); text-transform: uppercase; letter-spacing: .04em; margin-bottom: 2px; }
html.bmm-pdp #chosen_price { font-size: 22px !important; color: var(--bmm-ink); }
html.bmm-pdp .aiz-plus-minus { border-radius: 10px !important; }
html.bmm-pdp .aiz-plus-minus button { width: 40px !important; height: 42px !important; }

/* primary actions: Add to cart (brand) → Buy now → M-Pesa */
html.bmm-pdp .bmm-buybox .buy-now,
html.bmm-pdp .bmm-buybox .add-to-cart { padding: 15px 18px !important; border-radius: 12px !important; font-size: 15px !important; min-height: 52px; }
html.bmm-pdp .bmm-buybox .add-to-cart { order: -1; background: var(--bmm-red) !important; color: #fff !important; box-shadow: 0 8px 20px rgba(212,53,51,.28); }
html.bmm-pdp .bmm-buybox .add-to-cart:hover { background: var(--bmm-red-dark) !important; }
html.bmm-pdp .bmm-buybox .buy-now { background: var(--bmm-ink) !important; }
html.bmm-pdp .bmm-buybox button[onclick^="openQuickPayModal"] { border-radius: 12px !important; min-height: 52px; font-size: 15px !important; }
@media (max-width: 767.98px) {
  html.bmm-pdp .bmm-buybox .add-to-cart { margin-bottom: 8px; }
  html.bmm-pdp .bmm-buybox .buy-now { margin-bottom: 0 !important; }
}
@media (min-width: 768px) {
  html.bmm-pdp .bmm-buybox .add-to-cart { margin-right: 8px; }
  html.bmm-pdp .bmm-buybox .buy-now { margin-right: 0 !important; }
}

/* secondary actions: WhatsApp + Request a quote side by side */
html.bmm-pdp .bmm-alt-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 10px; }
html.bmm-pdp .bmm-alt-actions > * { margin: 0 !important; width: 100%; min-height: 46px; display: flex !important; align-items: center; justify-content: center; gap: 6px; border-radius: 12px !important; font-size: 14px !important; font-weight: 700 !important; padding: 10px 8px !important; text-decoration: none !important; }
html.bmm-pdp .bmm-alt-actions .bmm-wa { border: 1.5px solid #25d366; color: #128c4b !important; background: #f0fdf4; }
html.bmm-pdp .bmm-alt-actions .bmm-wa i { font-size: 20px !important; }
html.bmm-pdp .bmm-alt-actions .bmmq-btn { border: 1.5px solid #f3b4b2 !important; color: var(--bmm-red) !important; background: #fff !important; }
@media (max-width: 359px) { html.bmm-pdp .bmm-alt-actions { grid-template-columns: 1fr; } }

/* seller / brand tiles */
html.bmm-pdp .store-logo-container { border-radius: 10px !important; }

/* section tabs: readable on phones, no cut-off words */
@media (max-width: 767.98px) {
  html.bmm-pdp #tabLinks li { margin-right: 1.1rem !important; flex-shrink: 0; }
  html.bmm-pdp #tabLinks .nav-link { font-size: 14px !important; padding-top: 14px !important; padding-bottom: 14px !important; white-space: nowrap; }
  html.bmm-pdp .tab-scroll-wrapper { -webkit-mask-image: linear-gradient(90deg, #000 85%, transparent); mask-image: linear-gradient(90deg, #000 85%, transparent); }
  html.bmm-pdp .product-details-nav-tab .container.mb-32px { margin-bottom: 12px !important; }
}

/* sticky mobile buy bar */
html.bmm-pdp #smart-bar { box-shadow: 0 -8px 24px rgba(17,24,39,.10); border-top: 1px solid var(--bmm-line); }
html.bmm-pdp #smart-bar .add-to-cart, html.bmm-pdp #smart-bar .out-of-stock { background-color: var(--bmm-red) !important; border-color: var(--bmm-red) !important; border-radius: 10px !important; box-shadow: 0 6px 16px rgba(212,53,51,.25); }
html.bmm-pdp #smart-bar .out-of-stock { background-color: #9ca3af !important; box-shadow: none; }

/* ---------- phones & tablets: tighter, calmer cards ---------- */
@media (max-width: 767.98px) {
  .card { border-radius: var(--bmm-radius) !important; }
  html.bmm-pdp .card-body, html.bmm-pdp .product-details-nav-tab .p-4, html.bmm-pdp .product-details-nav-tab .px-4 { padding-left: 14px !important; padding-right: 14px !important; }
  html.bmm-pdp section.mb-4, html.bmm-pdp .mb-5 { margin-bottom: 1.25rem !important; }
}
@media (min-width: 768px) and (max-width: 1199.98px) {
  html.bmm-pdp .bmm-buybox { padding: 20px !important; }
}

/* WhatsApp chat bubble (GetButton): lift it above the sticky buy bar so it never covers the bar's buttons */
html.bmm-smartbar-on #wh-widget-send-button, html.bmm-smartbar-on .sc-q8c6tt-3 { bottom: 160px !important; transition: bottom .3s ease; }

/* reviews: friendly empty state */
html.bmm-pdp .bmm-empty-rev { color: var(--bmm-muted) !important; font-weight: 600 !important; }