/* ═══════════════════════════════════════════
   RESPONSIVE.CSS — Mobile & iPad
   Breakpoints: 1024px (iPad), 768px (Mobile)
   All media queries from style.css and
   responsive.css combined here.
═══════════════════════════════════════════ */

/* ─────────────────────────────────────────
   HAMBURGER BUTTON  (hidden on desktop)
───────────────────────────────────────── */
.nav-burger {
  display: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 5px;
  width: 40px;
  height: 40px;
  background: none;
  border: none;
  cursor: pointer;
  padding: 4px;
  border-radius: 8px;
  transition: background .2s;
  flex-shrink: 0;
}
.nav-burger:hover { background: rgba(25,17,77,.06); }
.nav-burger span {
  display: block;
  width: 22px;
  height: 2px;
  background: var(--navy);
  border-radius: 2px;
  transition: transform .3s, opacity .3s;
}
.nav-burger.active span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.nav-burger.active span:nth-child(2) { opacity: 0; transform: scaleX(0); }
.nav-burger.active span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

/* ─────────────────────────────────────────
   OVERLAY
───────────────────────────────────────── */
.mob-overlay {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(25,17,77,.45);
  z-index: 650;
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
}
.mob-overlay.active { display: block; }

/* ─────────────────────────────────────────
   MOBILE DRAWER
───────────────────────────────────────── */
.mob-drawer {
  position: fixed;
  top: 0;
  right: -100%;
  width: min(400px, 100vw);
  height: 100%;
  background: #fff;
  z-index: 700;
  display: none;
  flex-direction: column;
  transition: right .35s cubic-bezier(.16,1,.3,1);
  box-shadow: -8px 0 40px rgba(25,17,77,.12);
}
.mob-drawer.active { right: 0; }

/* drawer header */
.mob-drawer-hd {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 20px;
  border-bottom: 1px solid var(--border);
  background: #fff;
  position: sticky;
  top: 0;
  z-index: 2;
  flex-shrink: 0;
}
.mob-drawer-logo svg { height: 28px; width: auto; }
.mob-drawer-close {
  width: 36px;
  height: 36px;
  border: none;
  background: rgba(25,17,77,.06);
  border-radius: 8px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background .2s;
  flex-shrink: 0;
}
.mob-drawer-close:hover { background: var(--pink-bg); }

/* scrollable body */
.mob-drawer-body {
  flex: 1;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 24px;
}

/* ─────────────────────────────────────────
   SIMPLE NAV LINKS
───────────────────────────────────────── */
.mob-nav-link {
  display: block;
  padding: 14px 20px;
  font-size: 15px;
  font-weight: 600;
  margin: 10px;
    border-radius: 10px;
  color: var(--navy);
  text-decoration: none;
  font-family: var(--ff-h);
  border: 1px solid var(--border);
  transition: color .18s, background .18s;
}
.mob-nav-link:hover { color: var(--pink); background: var(--pink-bg); }

/* ─────────────────────────────────────────
   LEVEL 1 ACCORDION  (Features / Resources)
───────────────────────────────────────── */
.mob-acc {
  border: 1px solid var(--border);
  border-radius:10px;
  margin: 10px;
 
}
.mob-acc-body.open{
   box-shadow: 0px 5px 5px -5px #ddd;
}
.mob-acc-btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 14px 20px;
  font-size: 15px;
  font-weight: 600;
  color: var(--navy);
  font-family: var(--ff-h);
  background: none;
  border: none;
  cursor: pointer;
  text-align: left;
  transition: color .18s, background .18s;
}
.mob-acc-btn:hover { background: var(--pink-bg); }
.mob-acc-btn.open { color: var(--pink); }

.mob-acc-chev {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
  opacity: .5;
  transition: transform .3s;
}
.mob-acc-btn.open .mob-acc-chev { transform: rotate(180deg); opacity: 1; }

.mob-acc-body {
  display: none;
 
}
.mob-acc-body.open { display: block; }

/* ─────────────────────────────────────────
   LEVEL 2 CATEGORY (inside Features)
───────────────────────────────────────── */
.mob-cat {
  border-bottom: 1px solid rgba(25,17,77,.05);
}
.mob-cat-btn {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 15px 20px 15px 15px;
  font-size: 11px;
  font-weight: 800;
  color: var(--pink);
  font-family: var(--ff-h);
  text-transform: uppercase;
  letter-spacing: 1px;
  background: none;
  border: none;
  cursor: pointer;
  text-align: left;
  transition: background .15s;
}
.mob-cat-btn:hover { background: var(--pink-bg); }
.mob-cat-chev {
  width: 14px;
  height: 14px;
  margin-left: auto;
  flex-shrink: 0;
  opacity: .6;
  transition: transform .3s;
}
.mob-cat-btn.open .mob-cat-chev { transform: rotate(180deg); opacity: 1; }

.mob-cat-body {
  display: none;
  padding-bottom: 4px;
}
.mob-cat-body.open { display: block; }

/* individual feature items */
.mob-menu-item {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 10px 20px 10px 15px;
  text-decoration: none;
  transition: background .15s;
}
.mob-menu-item:hover { background: var(--pink-bg); }
.mob-menu-ic {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  background: var(--pink-bg);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-top: 2px;
}
.mob-menu-body { flex: 1; min-width: 0; }
.mob-menu-name {
  font-size: 13px;
  font-weight: 600;
  color: var(--navy);
  font-family: var(--ff-h);
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
  line-height: 1.3;
}
.mob-menu-desc {
  font-size: 11.5px;
  color: var(--muted);
  font-family: var(--ff-b);
  line-height: 1.4;
  margin-top: 2px;
}

/* ─────────────────────────────────────────
   RESOURCES ITEMS
───────────────────────────────────────── */
.mob-res-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 8px 15px;
  text-decoration: none;
  font-size: 11px;
  font-weight: 800;
  color: var(--pink);
  font-family: var(--ff-h);
  text-transform: uppercase;
  letter-spacing: 1px;
  line-height: 1.3;
  border-bottom: 1px solid rgba(25,17,77,.06);
  transition: background .15s;
}
.mob-res-item:last-child { border-bottom: none; }
.mob-res-item:hover { background: var(--pink-bg); }
.mob-res-icon {
  width: 30px;
  height: 30px;
  border-radius: 8px;
  background: var(--pink-bg);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: var(--pink);
}
.mob-res-icon svg { width: 15px; height: 15px; color: var(--pink); }
.mob-res-icon img { width: 18px; height: 18px; object-fit: contain; }

/* ─────────────────────────────────────────
   DRAWER CTA BUTTONS
───────────────────────────────────────── */
.mob-nav-cta {
  padding: 16px 20px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  border-top: 1px solid var(--border);
  margin-top: 4px;
}
.mob-cta-ghost {
  display: block;
  text-align: center;
  padding: 12px;
  border: 1.5px solid rgba(25,17,77,.2);
  border-radius: 100px;
  font-size: 14px;
  font-weight: 600;
  color: var(--navy);
  text-decoration: none;
  font-family: var(--ff-h);
  transition: border-color .2s;
}
.mob-cta-ghost:hover { border-color: var(--navy); }
.mob-cta-fill {
  display: block;
  text-align: center;
  padding: 13px;
  background: var(--primary-btn);
  border-radius: 100px;
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  text-decoration: none;
  font-family: var(--ff-h);
  transition: background .2s;
}
.mob-cta-fill:hover { background: var(--navy); }

body.mob-open { overflow: hidden; }

.h1-typed-wrap{
    display:inline-block;
    min-width:180px;
    min-height:1em;
    vertical-align:middle;
}

#typed{
    display:inline-block;
    visibility:visible !important;
    opacity:1 !important;
}

.h1-cursor::after{
    content:"|";
    animation: blink .8s infinite;
}

@keyframes blink{
    50%{
        opacity:0;
    }
}

@media (min-width: 1400px) {
.nav-dropdown-mega{left:50%;transform:translateX(-50%) translateY(-6px)}
  .nav-has-drop:hover .nav-dropdown-mega{transform:translateX(-50%) translateY(0)}
}

@media (max-width: 1180px) {
.wrap{padding-left: 50px;padding-right: 50px;}
}

@media (max-width: 1024px) {
nav { padding: 0 24px; }
  .nav-links { display: none !important; }
  .nav-r { display: none !important; }
  .nav-burger { display: flex; }
.footer-grid {
    grid-template-columns: 1fr 1fr;
    gap: 36px;
  }
  footer { padding: 56px 32px 32px; }
.team-grid { grid-template-columns: repeat(3, 1fr); }
.location-grid { grid-template-columns: repeat(2, 1fr); }
.cs-story-grid { grid-template-columns: 1fr; gap: 36px; }
  .cs-story-quote { font-size: 15px; }
.cs-card-grid { grid-template-columns: repeat(2,1fr); gap: 20px; }
.wiser-benefits .benefit-card { width: 48%; }
}

@media (max-width: 991px) {
.wrap {
    padding: 0 24px;
  }

  .rvmwmx-ultra-widget-showcase-section {
    padding: 50px 0 60px;
  }

  .rvmwmx-ultra-widget-showcase-section__heading {
    font-size: 40px;
  }

  .rvmwmx-ultra-widget-showcase-section__pill {
    padding: 12px 20px;
    font-size: 15px;
  }
}

@media (max-width: 990px) {
.bc {  flex-direction: column !important;  text-align: center;}
}

@media (max-width: 900px) {
nav{padding:0 20px}
  .nav-links{display:none}
  .hero-inner{grid-template-columns:1fr;padding:60px 20px 40px}
  .hero-r{display:none}
  .wrap{padding:0 20px}
  .bento,.bento{grid-template-columns:1fr}
  .bc1,.bc2,.bc3,.bc4,.bc5,.bc6{grid-column:span 1}
  .metrics-grid,.how-grid,.wt-content,.testi-grid,.footer-grid{grid-template-columns:1fr}
  .stats-inner{grid-template-columns:1fr 1fr}
  .stat-item{border-right:none;border-bottom:1px solid rgba(255,255,255,.08)}
  .cs-featured{grid-template-columns:1fr}
  .cs-feat-left{min-height:260px}
  .cs-page{display:contents}
  .cs-slide{flex:0 0 100%;width:100%}
  .cs-slide-left{min-height:220px}
  .cs-slide-right{border-left:none;border-top:1px solid var(--border)}
  .cs-scroller-outer::after{width:40px}
  .section{padding:64px 0}
  .cta-final{padding:64px 20px}
  footer{padding:48px 20px 24px}
  .proof-block{flex-wrap:wrap}
  .int-pill{font-size:12px;padding:8px 14px}
  .cs-feat-cta {  margin-top: 15px; }
  .cs-feat-stats {  margin-top: 20px; }
.hero-grid,.content-row,.ai-grid{grid-template-columns:1fr;gap:36px}
  .content-row.reverse-mobile .content-visual{order:-1}
  .hero-chip{display:none}
  .benefits-grid{grid-template-columns:1fr 1fr}
  .placement-grid{grid-template-columns:1fr}
  .ai-stats{grid-template-columns:1fr 1fr}
.book-demo-stats-grid{grid-template-columns:1fr;gap:16px}
  .book-demo-form-card{padding:24px}
.ai-powerd-recom-section-1 .recom-section-1 , .ai-powerd-recom-section-2 .recom-section-2 , .recom-section-4 {  grid-template-columns: 1fr !important; }
.related-prod-sect-1 .content-grid , .related-prod-sect-2 .content-grid-mb72 , .related-prod-sect-4 .three-col-grid {    grid-template-columns: 1fr; }
.recom-ibub-sect-1 .content-grid , .recom-ibub-sect-2 .content-grid , .recom-ibub-sect-4 .content-grid-mb48 , .recom-ibub-sect-4 .three-col-grid , .section .content-grid{    grid-template-columns: 1fr; }

.purchase-upsell-sec-1 , .purchase-upsell-sec-2 , .purchase-upsell-sec-6  {  grid-template-columns: 1fr !important; }

.hero { padding-bottom: 50px; }
.related-prod-sect-4 , .related-prod-sect-3 , .related-prod-sect-2{  padding-top: 0; }

.post-purchase-upsell-sec-4 .purchase-upsell-sec-4 { grid-template-columns: repeat(3, 1fr) !important; }
.purchase-upsell-sec-5, .purchase-upsell-sec-7 { grid-template-columns: repeat(2, 1fr) !important; }
.checkout-upsell-sec-3 .four-col-grid  { grid-template-columns: repeat(2, 1fr) }
.intelli-search-sec-4 .three-col-grid {  grid-template-columns: repeat(2, 1fr); }
.stat-num-lg {  font-size: 32px; }
.email-recommendations-sect-3 .five-col-grid {  grid-template-columns: repeat(3, 1fr); }
.email-recommendations-sect-4 .four-col-grid { grid-template-columns: repeat(2, 1fr); }
.ai-powerd-recom-section-3 .recom-section-3,
.related-prod-sect-3 .three-col-grid,
.popup-recommendations-sec-3 .three-col-grid,
.recom-ibub-sect-3 .three-col-grid,
.fbt-benefits-sect .three-col-grid { grid-template-columns: repeat(2, 1fr); }
.email-benefits-grid .bc { flex: 0 0 calc(50% - 12px); }
.cs-grid { grid-template-columns: 1fr; gap: 32px; }
.plans-v2-grid { grid-template-columns: 1fr; }
.pcard-featured { overflow: hidden; }
.ab-testing-sect-2 .ab-testing , .ab-testing-sect-2 .ab-testing-2  , .ab-testing-sect-4 .ab-testing , .ab-testing-sect-5 .ab-testing { grid-template-columns: repeat(1, 1fr) !important; }
.ab-testing-sect-3 .three-col-grid { grid-template-columns: repeat(2, 1fr); }
.three-col-grid { grid-template-columns: repeat(2, 1fr); }
.cs-split-grid { grid-template-columns: 1fr; min-height: auto; }
.cs-split-img-wrap { min-height: 240px; }
.cs-split-content { padding: 32px; }
.cs-big-stats-grid { gap: 20px; }
.pp-benefits-grid, .pp-partner-grid { grid-template-columns: 1fr; }
.pp-steps-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 767px) {
  .bc-title{ text-align: left;}
.cs-slide{grid-template-columns:1fr}
/* aftersell-alternative.php */
.logo-item-cst { width: 150px; margin: 0 5px; }
p.wiser-multi-widgets { padding-left: 20px; }
.ws-table-header { padding: 10px; }
.ws-get .content p { font-size: 12px; }
.ws-get .buttons .trial { margin-top: 10px; }
.ws-get { flex-direction: column; align-items: flex-start; padding: 40px 15px; }
.ws-get .content { margin-right: 0; margin-bottom: 40px; width: 100% !important; }
.ws-get .card { width: 100% !important; text-align: center; }
.ws-get-container { padding: 20px; }
.ws-get-logo-head h2 { font-size: 20px; line-height: 28px; }
.ws-get-img-logo-collection { gap: 15px; }
.ws-get-ap-vs-aft, .ws-get-container, .wiser-benefits { padding: 30px 0 !important; }
  .cs-slide-left{min-height:200px}
  .cs-slide-right{border-left:none;border-top:1px solid var(--border)}
.wrap {
    padding: 0 16px;
  }

  .rvmwmx-ultra-widget-showcase-section__heading {
    font-size: 30px;
    line-height: 1.2;
  }

  .rvmwmx-ultra-widget-showcase-section__marquee-area {
    gap: 12px;
    margin-bottom: 34px;
  }

  .rvmwmx-ultra-widget-showcase-section__pill {
    padding: 11px 18px;
    font-size: 14px;
    gap: 8px;
  }

  .rvmwmx-ultra-widget-showcase-section__button {
    padding: 16px 26px;
    font-size: 15px;
  }

  .pricing-hero-section { padding: 24px 0; }
  .gmv-box { padding: 16px 18px; }
  .gmv-ticks span { font-size: 9px; }
  .plans-v2-header { flex-direction: column; align-items: flex-start; gap: 8px; }
  .cta-banner { padding: 40px 20px; }

.section-sub {  width: 100%; }
.book-demo-brands{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:14px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:8px;margin-top:24px}
  .book-demo-brands::-webkit-scrollbar{height:6px}
  .book-demo-brands::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}
  .book-demo-brands a{flex:0 0 auto;width:35%;scroll-snap-align:start}

    .cart-upsell-sect-3 .four-col-grid {    grid-template-columns: repeat(2, 1fr);  }
    .purchase-upsell-sec-8 { grid-template-columns: 1fr !important; }
    .purchase-upsell-sec-7  { grid-template-columns: repeat(2, 1fr) !important; }
    .checkout-upsell-sec-2 .three-col-grid { grid-template-columns: repeat(1, 1fr); }
    .popup-recommendations-sec-4 .three-col-grid {  grid-template-columns: repeat(1, 1fr); }
.footer-grid {
    grid-template-columns: 1fr;
    gap: 28px;
  }
  footer { padding: 48px 20px 28px; }
  .ftr-desc { max-width: 100%; }
  .footer-bot {
    flex-direction: column;
    text-align: center;
    gap: 8px;
  }

  /* Logo strip */
  .logo-strip { padding: 20px 0 16px; }
  .logo-strip-label { font-size: 10px; letter-spacing: 1px; margin-bottom: 14px; }
  .logo-strip-item { height: 52px; min-width: 110px; padding: 10px 16px; }
  .logo-strip-item img { height: 26px; }

  /* Announcement bar */
  .ann-bar { font-size: 11px; padding: 8px 12px; }

  /* CTA final */
  .cta-final { padding: 56px 20px; }


  .wrap{padding-left: 20px;padding-right: 20px;}
.team-grid { grid-template-columns: repeat(2, 1fr); }
  .proof-block { flex-direction: column; width: 100%; }
  .proof-seg { border-right: none; border-bottom: 1px solid var(--border); width: 100%; padding-left: 50px; }
  .proof-seg:last-child { border-bottom: none; }
  .reveal{ padding:10px;}
  .hero-ctas{margin-bottom: 0;}
  .hero {  padding-bottom: 20px; min-height: 90vh; }
  .hero-inner{ padding-top: 0px;padding-bottom: 0;}
  .section { padding: 40px 0;}
  .bc-icon{    margin: 10px auto 20px;}
.cs-story-grid { gap: 24px; margin-bottom: 32px; }
  .cs-story-label { font-size: 17px; }
  .cs-story-badge { padding: 10px 14px; }
  .cs-story-badge-num { font-size: 22px; }
  .cs-story-nav { gap: 20px; padding-top: 24px; }
  .cs-tab-logo { height: 30px; }
.gallery-grid {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
    gap: 10px;
  }
  .gallery-item {
    grid-column: auto !important;
    grid-row: auto !important;
    min-height: 140px;
  }
.three-col-grid { grid-template-columns: 1fr; }
.cs-split-content { padding: 24px; }
.cs-stat-grid-3, .cs-big-stats-grid { grid-template-columns: 1fr; gap: 12px; }
.pp-gallery-grid { grid-template-columns: repeat(2, 1fr); }
.pcard-rec-badge{top: 5px;
    left: unset;
    right: 5px;
    transform: translatey(0);}
.benefit-img-xl{
  width: 30px;
    height: 30px;
}
.feature-icon-row .bc-title{
  margin-bottom: 0;
}
 .bc {
  padding: 20px; text-align: left;
    }

  /* Stats bar */
  .stats-inner { grid-template-columns: repeat(2, 1fr); gap: 0; }
  .stat-item { padding: 20px 14px; }
  .stat-num { font-size: 26px; gap: 3px; flex-wrap: wrap; }
  .stat-num span.unit { font-size: 16px; }
  .stat-label { font-size: 11px; margin-top: 6px; }
  .stat-bar-accent { margin-top: 10px; }

  /* Mobile step panels */
  .step-screen { display: none !important; }
  .ss-panel-mob { display: none; }
  .ss-panel-mob.on { display: block; position: relative; overflow: hidden; border-radius: 16px; margin: 14px 0 6px; }
  .step.on .step-desc { max-height: none !important; }
  .ss-panel-mob .ss-float { position: absolute; border-radius: 12px; box-shadow: 0 8px 28px rgba(0,0,0,.18); }
  /* Scale down float card positions for narrow screens */
  .ss-panel-mob .sf-sp0-a { top: 5%; left: 3%; width: 44%; max-width: 44%; }
  .ss-panel-mob .sf-sp0-b { bottom: 4%; top: auto; left: 3%; width: 65%; max-width: 65%; }
  .ss-panel-mob .sf-sp1-a { top: 20%; right: 2%; transform: translateY(-50%); max-width: 65%; }
  .ss-panel-mob .sf-sp2-a { top: 20%; left: 2%; transform: translateY(-50%); max-width: 55%; }
  .ss-panel-mob .sf-sp3-a { top: 10%; right: 2%; transform: translateY(-50%); max-width: 55%; }
  .ss-panel-mob .sf-sp4-a { top: 10%; right: 2%; transform: translateY(-50%); max-width: 55%; }
  .ss-panel-mob .sf-sp5-a { top: 20%; left: 2%; transform: translateY(-50%); max-width: 55%; }
  .ss-panel-mob .sf-sp6-a { top: 20%; right: 2%; transform: translateY(-50%); max-width: 55%; }

  /* Mobile panel float animations — mirrors desktop timing, slight extra delay for step-desc expand */
  #sp0-mob.ss-panel-mob.on .sf-sp0-a { animation: ssZoomOutFloatOne 1.2s cubic-bezier(0.22,1,0.36,1) forwards; animation-delay: 0.35s; }
  #sp0-mob.ss-panel-mob.on .sf-sp0-b { animation: ssZoomOutFloatTwo 1.4s cubic-bezier(0.22,1,0.36,1) forwards; animation-delay: 0.5s; }
  #sp1-mob.ss-panel-mob.on .sf-sp1-a { animation: ssZoomOutFloatOne 1.2s cubic-bezier(0.22,1,0.36,1) forwards; animation-delay: 0.35s; }
  #sp2-mob.ss-panel-mob.on .sf-sp2-a { animation: ssZoomOutFloatTwo 1.4s cubic-bezier(0.22,1,0.36,1) forwards; animation-delay: 0.35s; }
  #sp3-mob.ss-panel-mob.on .sf-sp3-a { animation: ssZoomOutFloatOne 1.2s cubic-bezier(0.22,1,0.36,1) forwards; animation-delay: 0.35s; }
  #sp4-mob.ss-panel-mob.on .sf-sp4-a { animation: ssZoomOutFloatOne 1.2s cubic-bezier(0.22,1,0.36,1) forwards; animation-delay: 0.35s; }
  #sp5-mob.ss-panel-mob.on .sf-sp5-a { animation: ssZoomOutFloatTwo 1.4s cubic-bezier(0.22,1,0.36,1) forwards; animation-delay: 0.35s; }
  #sp6-mob.ss-panel-mob.on .sf-sp6-a { animation: ssZoomOutFloatOne 1.2s cubic-bezier(0.22,1,0.36,1) forwards; animation-delay: 0.35s; }
}

@media (max-width: 600px) {
.bdf-submit-row{flex-direction:column;align-items:stretch}
  .bdf-submit{width:100%}
  .book-demo-brands a{width:45%}
  .book-demo-form-card{padding:20px}
  .bdf-stat{padding:18px;gap:12px}
.location-grid { grid-template-columns: 1fr; }
  .location-box { padding: 20px; }
.cs-card-grid { grid-template-columns: 1fr; gap: 16px; }
.email-benefits-grid .bc { flex: 0 0 100%; }
.error-404-sect { padding: 48px 0 100px; }
.error-404-h3 { font-size: 24px; line-height: 30px; margin-top: 37px; }
.error-404-txt { font-size: 18px; line-height: 24px; margin-top: 10px; }
.live_example_stats.gap-8{ gap: 1.5rem} 
.live_example_stats.gap-8 .text-3xl{font-size: 1.2rem;}
}

@media (max-width: 550px) {
.ai-powerd-recom-section-3 .recom-section-3 , .related-prod-sect-3 .three-col-grid{ grid-template-columns: repeat(2, 1fr) !important ;}
.benefits-grid , .recom-ibub-sect-5 .content-grid {  grid-template-columns: 1fr; }
.recom-ibub-sect-3 .benefits-grid {  margin-bottom: 0px; }
.cart-upsell-sect-4 .placement-grid-2 { grid-template-columns: repeat(1, 1fr); }
.post-purchase-upsell-sec-4 .purchase-upsell-sec-4 { grid-template-columns: repeat(2, 1fr) !important; }
.intelli-search-sec-5 .three-col-grid {  grid-template-columns: repeat(1, 1fr); }
.popup-recommendations-sec-3 .three-col-grid {  grid-template-columns: repeat(2, 1fr); }
.email-recommendations-sect-3 .five-col-grid {  grid-template-columns: repeat(2, 1fr); }
.ab-testing-sect-3 .three-col-grid {  grid-template-columns: repeat(1, 1fr) !important; }
.cs-total-banner {  flex-direction: column;  gap: 30px;  padding: 20px;  text-align: center; }
}

@media (max-width: 480px) {
/* aftersell-alternative.php */
.ws-get-logo-head h2 { font-size: 18px; line-height: 26px; }
.wiser-benefits .benefit-card { width: 100% !important; }
.ws-get .buttons button { font-size: 14px; padding: 14px; margin-right: 10px; }
.ai-powerd-recom-section-3 .recom-section-3 , .related-prod-sect-3 .three-col-grid , .recom-ibub-sect-3 .three-col-grid , .fbt-benefits-sect .three-col-grid {  grid-template-columns: 1fr !important;}
    .cart-upsell-sect-3 .four-col-grid {    grid-template-columns: repeat(1, 1fr);  }
    .purchase-upsell-sec-5 , .purchase-upsell-sec-7{ grid-template-columns: repeat(1, 1fr) !important; }
    .checkout-upsell-sec-3 .four-col-grid  { grid-template-columns: repeat(1, 1fr) }
    .checkout-upsell-sec-3 .four-col-grid .bc .bc-icon {  margin-bottom: 20px;  margin: 0 auto;  margin-bottom: 20px;}
    .seven-col-grid {  grid-template-columns: repeat(auto-fit, minmax(30%, 1fr)); }
    .intelli-search-sec-4 .three-col-grid { grid-template-columns: repeat(1, 1fr);  }
    .popup-recommendations-sec-3 .three-col-grid {  grid-template-columns: repeat(1, 1fr); }
    .email-recommendations-sect-3 .five-col-grid {  grid-template-columns: repeat(1, 1fr); }
    .email-recommendations-sect-4 .four-col-grid { grid-template-columns: repeat(1, 1fr); }
.gallery-grid { grid-template-columns: 1fr; }
.pp-gallery-grid, .pp-steps-grid { grid-template-columns: 1fr; }
.cs-feat-right {  padding: 40px 20px; }
.cs-slide-right {  padding: 36px 18px;}

.step{ padding-right: 0; padding-left: 0;}
.step.on{ padding: 20px;}

.cs-feat-header .cs-feat-logo {  display: none; }
.cs-slide-header .cs-slide-logo {  display: none;}
.wt-tabs {  display: grid;  grid-template-columns: auto auto; }
.wt-tab {  padding: 10px 15px; }
}

@media (max-width: 375px) {
.error-404-txt { font-size: 16px; line-height: 21px; margin-top: 7px; }
}