/* ==========================================================================
   AUDACITY AND SACRIFICE — PREMIUM BOOKSTORE THEME
   High-end literary skin layered on top of the existing bootstrap/style.css.
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600;700;800;900&family=Jost:wght@400;500;600;700&display=swap');

:root{
  --lm-navy: #0b3d4a;
  --lm-navy-dark: #072a33;
  --lm-teal: #01677e;
  --lm-gold: #c9932f;
  --lm-gold-light: #e3b768;
  --lm-cream: #faf6ee;
  --lm-ivory: #fffdf9;
  --lm-text: #24312f;
  --lm-muted: #67716f;
  --lm-whatsapp: #25D366;
  --lm-shadow: 0 10px 30px rgba(11,61,74,0.12);
  --lm-shadow-lg: 0 24px 60px rgba(11,61,74,0.2);
  --lm-radius: 16px;
}

body{
  font-family: 'Jost', sans-serif !important;
  color: var(--lm-text);
  background: var(--lm-ivory);
}

h1, h2, h3, .navbar-brand h1, .navbar-brand h2{
  font-family: 'Playfair Display', serif !important;
}

.lm-noscroll{ overflow: hidden !important; }
.lm-noscroll .whatsapp-float,
.lm-noscroll .lm-cart-float{ display: none !important; }

/* ---------------- Navbar ---------------- */
.navbar{
  background: var(--lm-ivory) !important;
  box-shadow: 0 2px 18px rgba(11,61,74,0.08);
}
/* The base template makes the desktop navbar float transparently on top of
   the hero (position:absolute), which is why hero-header below reserves a
   huge 16rem top padding — empty space meant to sit "under" the see-through
   bar. Our navbar is solid/opaque now, so put it back in normal document
   flow instead (unless it's the "sticky-top" state added on scroll, which
   still needs position:fixed from style.css) and shrink the hero padding
   to match, closing the big navy gap under the nav. */
@media (min-width: 992px){
  .navbar-light:not(.sticky-top){
    position: relative !important;
  }
}
.navbar-brand h1{
  color: var(--lm-navy) !important;
  font-size: 22px !important;
  font-weight: 800 !important;
  letter-spacing: .01em;
}
.navbar-brand h2{
  color: var(--lm-gold) !important;
  font-size: 14px !important;
  font-style: italic;
  font-weight: 600 !important;
}
.navbar-light .navbar-nav .nav-link{
  color: var(--lm-text) !important;
  font-weight: 500;
  letter-spacing: .02em;
}
.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link.active{
  color: var(--lm-gold) !important;
}
.btn-primary-gradient, .btn-secondary-gradient{
  background: var(--lm-navy) !important;
  color: #fff !important;
  border: none !important;
  font-weight: 600;
  letter-spacing: .02em;
}
.btn-primary-gradient::after, .btn-secondary-gradient::after{
  background: var(--lm-gold) !important;
}
.btn-secondary-gradient{ background: var(--lm-gold) !important; color: var(--lm-navy-dark) !important; }

/* trust strip under header */
.lm-trust-strip{
  background: var(--lm-navy);
  color: #fff;
  font-size: 12.5px;
  letter-spacing: .04em;
  text-align: center;
  padding: 8px 12px;
}
.lm-trust-strip span{ margin: 0 14px; opacity: .95; white-space: nowrap; }
.lm-trust-strip strong{ color: var(--lm-gold-light); }

/* ---------------- Hero ---------------- */
.hero-header{
  background: linear-gradient(135deg, var(--lm-navy) 0%, var(--lm-navy-dark) 100%) !important;
  padding: 2rem 0 0 0 !important; /* was 16rem — sized for the old transparent-navbar layout */
  margin-bottom: 4rem !important;
}
@media (max-width: 991.98px){
  .hero-header{
    padding: 2rem 0 4rem 0 !important; /* was 6rem 0 9rem 0 */
  }
}
.hero-header h1{ font-weight: 800 !important; line-height: 1.25 !important; }
.hero-header p{ opacity: .9; }
.screenshot-carousel img{
  border-radius: 10px;
  box-shadow: var(--lm-shadow-lg);
}

/* ---------------- Section headings ---------------- */
.text-primary-gradient{
  background: none !important;
  -webkit-text-fill-color: unset !important;
  color: var(--lm-gold) !important;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-size: 14px !important;
}
.text-secondary-gradient{
  background: none !important;
  -webkit-text-fill-color: unset !important;
  color: var(--lm-teal) !important;
}
#about h1, #bookbio h1, #pricing h1, #review h1{
  color: var(--lm-navy) !important;
  font-weight: 800 !important;
}

/* ---------------- Book cover / about image ---------------- */
#about img{
  border-radius: var(--lm-radius);
  box-shadow: var(--lm-shadow-lg);
}
.lm-book-frame{
  position: relative;
  display: inline-block;
}
.lm-book-frame::before{
  content: "";
  position: absolute;
  inset: -14px;
  border: 1.5px solid var(--lm-gold);
  border-radius: calc(var(--lm-radius) + 10px);
  pointer-events: none;
}

/* ---------------- Feature (Book Bio) cards ---------------- */
.feature-item{
  background: #fff !important;
  border: 1px solid rgba(11,61,74,0.08);
  box-shadow: var(--lm-shadow);
  transition: transform .3s ease, box-shadow .3s ease;
}
.feature-item:hover{ transform: translateY(-6px); box-shadow: var(--lm-shadow-lg); }
.bg-primary-gradient{ background: var(--lm-navy) !important; }
.bg-secondary-gradient{ background: var(--lm-gold) !important; }

/* ---------------- Pricing / How to Order ---------------- */
#pricing .bg-light{
  background: #fff !important;
  box-shadow: var(--lm-shadow);
}

/* ---------------- Testimonials ---------------- */
/* Non-active testimonial cards: white card, dark text (inherits default) */
.testimonial-carousel .owl-item:not(.center) .testimonial-item{
  background: #fff !important;
  box-shadow: var(--lm-shadow);
  border: 1px solid rgba(11,61,74,0.06);
}
.testimonial-carousel .owl-item:not(.center) .testimonial-item h5{ color: var(--lm-navy) !important; }
.testimonial-carousel .owl-item:not(.center) .testimonial-item p{ color: var(--lm-text) !important; }

/* Active/center testimonial card: on-brand navy-to-teal gradient with white text */
.testimonial-carousel .owl-item.center .testimonial-item{
  background: linear-gradient(to bottom right, var(--lm-navy), var(--lm-teal)) !important;
  box-shadow: var(--lm-shadow-lg);
  border: none;
}
.testimonial-carousel .owl-item.center .testimonial-item h5,
.testimonial-carousel .owl-item.center .testimonial-item p{
  color: #fff !important;
}
.testimonial-carousel .owl-nav .owl-prev,
.testimonial-carousel .owl-nav .owl-next{
  background: linear-gradient(to bottom right, var(--lm-navy), var(--lm-teal)) !important;
}

/* ---------------- Footer ---------------- */
.footer{ background: var(--lm-navy-dark) !important; }
.footer h4{ color: var(--lm-gold-light) !important; }
.footer p, .footer a, .footer .btn-link{ color: #d9e3e0 !important; }
.btn-social{
  border-color: rgba(255,255,255,0.2) !important;
  color: #fff !important;
  transition: .25s;
}
.btn-social:hover{ background: var(--lm-gold) !important; border-color: var(--lm-gold) !important; color: var(--lm-navy-dark) !important; }

/* ---------------- Book purchase buttons (index + product areas) ---------------- */
.lm-add-to-cart, .lm-buy-now{
  cursor: pointer;
}

/* Circular call-to-order icon button (opens the phone dialer via tel:) */
.lm-call-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: var(--lm-gold);
  color: var(--lm-navy-dark) !important;
  font-size: 20px;
  box-shadow: 0 8px 20px rgba(201,147,47,.4);
  transition: transform .2s ease, background .2s ease;
  text-decoration: none !important;
  flex-shrink: 0;
}
.lm-call-btn:hover{ background: var(--lm-gold-light); transform: translateY(-3px) scale(1.05); color: var(--lm-navy-dark) !important; }

/* ---------------- Responsive YouTube video embed (in-page section) ---------------- */
.lm-video-embed-wrap{
  position: relative;
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
  aspect-ratio: 16 / 9;
  border-radius: var(--lm-radius);
  overflow: hidden;
  box-shadow: var(--lm-shadow-lg);
  background: #000;
}
.lm-video-embed-wrap iframe{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: none;
}

/* ---------------- Landing video popup ---------------- */
.lm-video-overlay{
  position: fixed; inset:0; background: rgba(6,15,20,0.88);
  z-index: 1500; display:flex; align-items:center; justify-content:center;
  animation: lmFadeIn .3s ease;
  padding: 16px;
}
.lm-video-overlay.lm-video-closing{ animation: lmFadeOut .3s ease forwards; }
@keyframes lmFadeIn{ from{opacity:0;} to{opacity:1;} }
@keyframes lmFadeOut{ from{opacity:1;} to{opacity:0;} }
.lm-video-box{
  background:#000; border-radius: 16px; overflow:hidden; width: 640px; max-width: 100%;
  box-shadow: 0 30px 90px rgba(0,0,0,.6); position: relative;
}
.lm-video-frame-wrap{ position:relative; width:100%; aspect-ratio: 16/9; background:#000; }
.lm-video-frame-wrap iframe{ position:absolute; inset:0; width:100%; height:100%; }
.lm-video-caption{
  color:#f1ecd9; font-size: 12.5px; text-align:center; padding: 10px 14px; margin:0;
  background: linear-gradient(180deg,#000,var(--lm-navy-dark));
  font-family: 'Jost', sans-serif;
}
.lm-video-close{
  position:absolute; top: 10px; right: 10px; z-index: 5;
  background: rgba(0,0,0,.55); color:#fff; border: 1px solid rgba(255,255,255,.4);
  border-radius: 50px; padding: 6px 14px; font-size: 13px; cursor:pointer;
  display:flex; align-items:center; gap: 6px;
}
.lm-video-close:hover{ background: rgba(255,255,255,.15); }

/* ---------------- Book detail card (used on buy.html) ---------------- */
.lm-book-card{
  background: #fff;
  border-radius: var(--lm-radius);
  box-shadow: var(--lm-shadow-lg);
  padding: 30px;
  display: flex;
  gap: 30px;
  align-items: flex-start;
  flex-wrap: wrap;
}
.lm-book-card img{
  width: 220px;
  max-width: 60vw;
  height: auto;
  border-radius: 10px;
  box-shadow: var(--lm-shadow);
  flex-shrink: 0;
}
.lm-book-card-body h2{
  font-family: 'Playfair Display', serif;
  color: var(--lm-navy);
  font-weight: 800;
  margin-bottom: 6px;
}
.lm-book-card-body .lm-meta{ color: var(--lm-muted); font-size: 14px; margin-bottom: 10px; }
.lm-book-card-body .lm-price{ color: var(--lm-gold); font-size: 26px; font-weight: 800; margin-bottom: 14px; }
.lm-book-card-body ul{ padding-left: 18px; margin-bottom: 20px; color: var(--lm-text); }
.lm-book-card-body ul li{ margin-bottom: 6px; }
.lm-book-actions{ display: flex; gap: 12px; flex-wrap: wrap; }

/* ==========================================================================
   FLOATING CART BUTTON  (WhatsApp float is provided by the existing template
   and repositioned slightly below to sit beside the cart)
   ========================================================================== */
.whatsapp-float{ bottom: 25px !important; left: 25px !important; }
.whatsapp-float a{ background-color: var(--lm-whatsapp) !important; box-shadow: 0 10px 24px rgba(37,211,102,.45) !important; }

.lm-cart-float{
  position: fixed;
  right: 24px;
  bottom: 24px;
  width: 58px;
  height: 58px;
  border-radius: 50%;
  background: var(--lm-navy);
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 10px 24px rgba(11,61,74,0.45);
  z-index: 800;
  cursor: pointer;
  transition: transform .2s;
}
.lm-cart-float:hover{ transform: scale(1.07); }
.lm-cart-count{
  position: absolute;
  top: -4px;
  right: -4px;
  background: var(--lm-gold);
  color: var(--lm-navy-dark);
  font-size: 11.5px;
  font-weight: 800;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  display: none;
  border: 2px solid #fff;
}

/* ==========================================================================
   OVERLAY
   ========================================================================== */
.lm-overlay{
  position: fixed;
  inset: 0;
  background: rgba(7,20,25,0.55);
  backdrop-filter: blur(2px);
  opacity: 0;
  pointer-events: none;
  transition: opacity .25s ease;
  z-index: 1200;
}
.lm-overlay.lm-open{ opacity: 1; pointer-events: all; }

/* ==========================================================================
   CART DRAWER
   ========================================================================== */
.lm-drawer{
  position: fixed;
  top: 0;
  right: -420px;
  width: 400px;
  max-width: 92vw;
  height: 100vh;
  height: 100dvh;
  background: var(--lm-ivory);
  z-index: 1250;
  display: flex;
  flex-direction: column;
  transition: right .32s cubic-bezier(.2,.8,.2,1);
  box-shadow: -10px 0 40px rgba(0,0,0,.2);
  font-family: 'Jost', sans-serif;
}
.lm-drawer.lm-open{ right: 0; }
.lm-drawer-head{
  display:flex; align-items:center; justify-content:space-between;
  padding: 20px 22px;
  border-bottom: 1px solid #ece3d0;
  flex-shrink: 0;
}
.lm-drawer-head h3{ font-family:'Playfair Display',serif; color: var(--lm-navy); margin:0; font-size: 21px; }
.lm-close{
  background:none; border:none; font-size: 26px; line-height:1; cursor:pointer; color: var(--lm-muted);
}
.lm-close:hover{ color: var(--lm-navy); }
.lm-drawer-items{ flex:1 1 auto; min-height: 0; overflow-y:auto; padding: 14px 18px; -webkit-overflow-scrolling: touch; }
.lm-drawer-foot{ padding: 16px 22px calc(16px + env(safe-area-inset-bottom, 0px)); border-top: 1px solid #ece3d0; flex-shrink: 0; background: var(--lm-ivory); }
.lm-total-row{ display:flex; justify-content:space-between; font-size:17px; margin-bottom: 14px; color: var(--lm-navy); }
.lm-total-row strong{ color: var(--lm-gold); font-size: 20px; }

.lm-item-row{
  display:flex; align-items:flex-start; gap: 12px; padding: 14px 0; border-bottom: 1px solid #f1ead9;
}
.lm-item-img{ width: 52px; height:72px; object-fit: cover; border-radius: 6px; border: 1px solid #eee; flex-shrink: 0; }
.lm-item-info{ flex:1; min-width:0; }
.lm-item-name{ font-weight:600; font-size: 13.5px; color: var(--lm-text); line-height:1.3; }
.lm-item-meta{ font-size: 11px; color: var(--lm-muted); margin: 3px 0; }
.lm-item-price{ font-size: 12px; color: var(--lm-muted); margin-bottom: 4px; }
.lm-item-subtotal{ font-weight:700; color: var(--lm-navy); font-size: 13px; white-space:nowrap; }
.lm-qty-control{ display:flex; align-items:center; gap: 6px; flex-wrap: wrap; }
.lm-qty-btn{
  width: 22px; height: 22px; border-radius: 50%; border: 1px solid var(--lm-navy); background:#fff;
  color: var(--lm-navy); font-weight:700; cursor:pointer; line-height:1;
}
.lm-qty-btn:hover{ background: var(--lm-navy); color:#fff; }
.lm-qty-val{ min-width: 18px; text-align:center; font-size: 13px; font-weight:600; }
.lm-remove-btn{
  background:none; border:none; color:#c0524a; font-size: 11.5px; text-decoration: underline; cursor:pointer; margin-left: 6px;
}
.lm-empty{ color: var(--lm-muted); font-size: 14px; text-align:center; padding: 30px 10px; }

/* buttons shared */
.lm-btn{
  display:inline-block; text-align:center; border-radius: 50px; padding: 12px 20px; font-weight:700;
  font-size: 14px; cursor:pointer; border: none; transition: .22s; text-decoration:none;
  font-family: 'Jost', sans-serif;
}
.lm-btn-block{ display:block; width: 100%; margin-top: 10px; }
.lm-btn-lg{ padding: 15px 22px; font-size: 15.5px; }
.lm-btn-sm{ padding: 7px 14px; font-size: 12.5px; }
.lm-btn-primary{ background: var(--lm-navy); color:#fff; }
.lm-btn-primary:hover{ background: var(--lm-gold); color: var(--lm-navy-dark); }
.lm-btn-ghost{ background: transparent; color: var(--lm-navy); border: 1.5px solid #ddd3ba; }
.lm-btn-ghost:hover{ border-color: var(--lm-navy); }
.lm-btn-outline{ background:#fff; color: var(--lm-navy); border: 1.5px solid var(--lm-navy); }
.lm-btn-outline:hover{ background: var(--lm-navy); color:#fff; }

/* ==========================================================================
   CHECKOUT MODAL
   ========================================================================== */
.lm-checkout-modal{
  position: fixed;
  top: 50%; left: 50%;
  transform: translate(-50%,-48%) scale(.97);
  width: 660px; max-width: 94vw;
  max-height: 88vh;
  max-height: 88dvh;
  background: var(--lm-ivory);
  border-radius: 20px;
  z-index: 1260;
  opacity: 0; pointer-events:none;
  transition: opacity .28s ease, transform .28s ease;
  box-shadow: 0 30px 80px rgba(0,0,0,.35);
  font-family:'Jost',sans-serif;
}
.lm-checkout-modal.lm-open{ opacity:1; pointer-events:all; transform: translate(-50%,-50%) scale(1); }
.lm-checkout-inner{ position:relative; height: 100%; }
.lm-checkout-close{ position:absolute; top: 12px; right: 16px; z-index: 5; font-size:28px; }
.lm-checkout-scroll{ max-height: 88vh; max-height: 88dvh; overflow-y:auto; padding: 34px 30px 30px; -webkit-overflow-scrolling: touch; }
.lm-checkout-title{ font-family:'Playfair Display',serif; color: var(--lm-navy); margin-bottom: 6px; font-size: 26px; }
.lm-checkout-sub{ color: var(--lm-muted); font-size: 13.5px; margin-bottom: 22px; }
.lm-checkout-section{ margin-bottom: 26px; }
.lm-checkout-section h4{ font-family:'Playfair Display',serif; color: var(--lm-navy); font-size: 17px; margin-bottom: 10px; }
.lm-section-headrow{ display:flex; align-items:center; justify-content:space-between; }
.lm-checkout-items{ background:#fff; border-radius: 14px; padding: 6px 16px; border: 1px solid #ece3d0; }
.lm-checkout-total-row{
  display:flex; justify-content:space-between; align-items:center; margin-top: 12px; padding: 12px 16px;
  background: var(--lm-navy); color:#fff; border-radius: 12px; font-size: 15.5px;
}
.lm-checkout-total-row strong{ color: var(--lm-gold-light); font-size: 19px; }

.lm-upsell-row{ display:flex; gap: 12px; overflow-x:auto; padding-bottom: 6px; }
.lm-upsell-card{
  min-width: 150px; background:#fff; border:1px solid #ece3d0; border-radius: 14px; padding: 12px; text-align:center; flex-shrink:0;
}
.lm-upsell-card img{ width: 100%; height: 90px; object-fit:cover; border-radius: 6px; margin-bottom: 6px; }
.lm-upsell-name{ font-size: 11.5px; font-weight:600; color: var(--lm-text); min-height: 42px; line-height:1.3; }
.lm-upsell-format{ font-size: 10.5px; color: var(--lm-muted); margin-bottom: 2px; }
.lm-upsell-price{ font-size: 12.5px; color: var(--lm-gold); font-weight:700; margin: 4px 0 8px; }

.lm-form-row{ margin-bottom: 14px; }
.lm-form-row label{ display:block; font-size: 12.5px; font-weight:600; color: var(--lm-navy); margin-bottom: 5px; }
.lm-form-row input, .lm-form-row textarea{
  width: 100%; border: 1.5px solid #e3dcc4; border-radius: 10px; padding: 11px 13px; font-family:'Jost',sans-serif;
  font-size: 14px; background:#fff; color: var(--lm-text);
}
.lm-form-row input:focus, .lm-form-row textarea:focus{ outline:none; border-color: var(--lm-gold); }
.lm-payment-note{
  background: #fbf3e2; border: 1px solid var(--lm-gold-light); color: var(--lm-navy-dark);
  border-radius: 10px; padding: 12px 14px; font-size: 12.5px; margin-bottom: 16px; line-height: 1.6;
}

/* ==========================================================================
   ADD MORE BOOKS PICKER
   ========================================================================== */
.lm-picker-modal{
  position: fixed; top: 50%; left:50%; transform: translate(-50%,-48%) scale(.97);
  width: 720px; max-width: 94vw; max-height: 84vh; max-height: 84dvh;
  background: var(--lm-ivory); border-radius: 20px; z-index: 1280;
  opacity:0; pointer-events:none; transition: opacity .25s, transform .25s;
  box-shadow: 0 30px 80px rgba(0,0,0,.35);
  font-family:'Jost',sans-serif;
}
.lm-picker-modal.lm-open{ opacity:1; pointer-events:all; transform: translate(-50%,-50%) scale(1); }
.lm-picker-inner{ padding: 24px 26px 26px; max-height: 84vh; max-height: 84dvh; display:flex; flex-direction:column; }
.lm-picker-head{ display:flex; justify-content:space-between; align-items:center; margin-bottom: 16px; }
.lm-picker-head h3{ font-family:'Playfair Display',serif; color: var(--lm-navy); margin:0; }
.lm-picker-grid{
  display:grid; grid-template-columns: repeat(3,1fr); gap: 14px; overflow-y:auto; padding-right: 4px;
}
.lm-picker-card{ background:#fff; border:1px solid #ece3d0; border-radius: 14px; padding: 14px; text-align:center; }
.lm-picker-card img{ width:100%; height: 150px; object-fit:cover; border-radius: 8px; margin-bottom: 10px; }
.lm-picker-name{ font-size: 13px; font-weight:700; color: var(--lm-navy); min-height: 50px; line-height:1.3; }
.lm-picker-meta{ font-size: 10.5px; color: var(--lm-muted); margin-bottom: 2px; }
.lm-picker-format{ font-size: 10.5px; color: var(--lm-teal); text-transform: uppercase; letter-spacing:.03em; margin-bottom: 6px;}
.lm-picker-price{ font-size: 14px; color: var(--lm-gold); font-weight:700; margin-bottom: 10px; }

/* ==========================================================================
   TOAST
   ========================================================================== */
.lm-toast{
  position: fixed; left: 50%; bottom: 30px; transform: translateX(-50%) translateY(20px);
  background: var(--lm-navy-dark); color:#fff; padding: 13px 26px; border-radius: 50px;
  font-size: 13.5px; font-weight:600; opacity:0; pointer-events:none; transition: .3s; z-index: 1400;
  box-shadow: 0 10px 30px rgba(0,0,0,.3);
}
.lm-toast-show{ opacity:1; transform: translateX(-50%) translateY(0); }

/* ==========================================================================
   RESPONSIVE
   ========================================================================== */
@media (max-width: 767px){
  .lm-picker-grid{ grid-template-columns: repeat(2,1fr); }
  .lm-drawer{ width: 100%; max-width: 100vw; }
  .lm-cart-float{ width: 50px; height: 50px; right: 14px; bottom: 18px; }
  .whatsapp-float{ bottom: 82px !important; }
  .whatsapp-float a{ width: 50px !important; height: 50px !important; font-size: 24px !important; }
  .lm-checkout-scroll{ padding: 22px 16px calc(22px + env(safe-area-inset-bottom, 0px)); }
  .lm-checkout-modal{ width: 96vw; max-height: 92vh; max-height: 92dvh; top: 50%; }
  .lm-checkout-modal .lm-checkout-scroll{ max-height: 92vh; max-height: 92dvh; }
  .lm-picker-modal{ width: 94vw; max-height: 88vh; max-height: 88dvh; }
  .lm-picker-inner{ padding: 18px; max-height: 88vh; max-height: 88dvh; }
  .lm-book-card{ flex-direction: column; align-items: center; text-align: center; }
  .lm-book-actions{ justify-content: center; }
  .lm-call-btn{ width: 48px; height: 48px; font-size: 17px; }
  .lm-video-embed-wrap{ border-radius: 12px; }
  .lm-video-box{ width: 100%; }
}