/* ===== extracted from index.html: viliante-media-layout-polish-v2 ===== */
/* Hide the AI-looking material close-up section for now */
.viliante-texture-section {
  display: none !important;
}

/* Process section: text left, larger video right */
.viliante-process-grid {
  grid-template-columns: minmax(360px, 0.78fr) minmax(0, 1.22fr) !important;
  gap: clamp(36px, 5vw, 88px) !important;
}

.viliante-process-copy {
  order: 1 !important;
}

.viliante-video-card {
  order: 2 !important;
  border-radius: 38px !important;
  transform: translateY(8px);
}

.viliante-process-video {
  aspect-ratio: 16 / 9 !important;
  min-height: 430px !important;
  object-fit: cover !important;
}

/* Make process text more premium and less heavy */
.viliante-process-copy .section-title {
  max-width: 11ch;
}

.viliante-process-points div {
  background: rgba(255,255,255,0.92) !important;
}

/* Action cards: cleaner, less repetitive visual weight */
.viliante-action-card img {
  height: 220px !important;
  object-fit: cover !important;
}

.viliante-action-card-body {
  min-height: 285px;
  display: flex;
  flex-direction: column;
}

.viliante-action-card-body .btn {
  margin-top: auto;
}

/* Add slightly different crop positions so cards feel less identical */
.viliante-action-card:nth-child(1) img {
  object-position: center center;
}

.viliante-action-card:nth-child(2) img {
  object-position: center top;
}

.viliante-action-card:nth-child(3) img {
  object-position: center center;
}

@media (max-width: 920px) {
  .viliante-process-grid {
    grid-template-columns: 1fr !important;
  }

  .viliante-process-copy {
    order: 1 !important;
  }

  .viliante-video-card {
    order: 2 !important;
    transform: none;
  }

  .viliante-process-video {
    min-height: 0 !important;
    aspect-ratio: 16 / 9 !important;
  }

  .viliante-process-copy .section-title {
    max-width: none;
  }

  .viliante-action-card img {
    height: auto !important;
  }
}

/* ===== extracted from index.html: viliante-safe-scroll-reveal-v1 ===== */
.v-scroll-reveal {
  opacity: 0;
  transform: translateY(48px) scale(0.985);
  filter: blur(8px);
  transition:
    opacity 900ms ease,
    transform 900ms cubic-bezier(.2,.8,.2,1),
    filter 900ms ease;
}

.v-scroll-reveal.is-visible {
  opacity: 1;
  transform: translateY(0) scale(1);
  filter: blur(0);
}

.v-delay-1 { transition-delay: 100ms; }
.v-delay-2 { transition-delay: 200ms; }
.v-delay-3 { transition-delay: 300ms; }

.viliante-process-section {
  border-radius: 36px 36px 0 0 !important;
  margin-top: -26px !important;
  box-shadow: 0 -22px 60px rgba(16,35,63,0.08) !important;
}

@media (max-width:768px){
  .v-scroll-reveal {
    transform: translateY(30px) scale(0.99);
    filter: blur(5px);
  }
}


/* ===== extracted from index.html: fix-why-video-order-css ===== */
/* Why section should not feel like a full page */
.why-viliante-section {
  padding: 90px 0 !important;
  min-height: auto !important;
}

.why-viliante-grid {
  align-items: start !important;
}

/* Video section as 3rd section */
.process-clean-section {
  padding: 100px 0 110px !important;
  background:
    radial-gradient(circle at 78% 18%, rgba(43,93,191,.08), transparent 34%),
    linear-gradient(135deg,#fffaf2 0%,#ffffff 52%,#f6efe5 100%) !important;
}

.process-clean-grid {
  display: grid !important;
  grid-template-columns: minmax(320px,520px) minmax(320px,620px) !important;
  gap: 72px !important;
  align-items: center !important;
}

.process-clean-kicker {
  display: inline-flex !important;
  padding: 10px 16px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.78) !important;
  border: 1px solid rgba(43,93,191,.16) !important;
  color: #2f6fb2 !important;
  font-weight: 900 !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
  font-size: .78rem !important;
}

.process-clean-copy h2 {
  margin: 26px 0 0 !important;
  font-size: clamp(3rem,5vw,5.6rem) !important;
  line-height: 1.02 !important;
  color: #183b67 !important;
}

.process-clean-copy p {
  margin: 28px 0 0 !important;
  max-width: 48ch !important;
  color: #607086 !important;
  font-size: 1.06rem !important;
  line-height: 1.85 !important;
}

.process-clean-video-wrap {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}

.process-clean-video-label {
  margin-bottom: 14px !important;
  font-size: 1.8rem !important;
  color: #183b67 !important;
}

.process-clean-video-card {
  width: 100% !important;
  max-width: 620px !important;
  overflow: hidden !important;
  border-radius: 34px !important;
  box-shadow: 0 28px 76px rgba(16,35,63,.16) !important;
}

.process-clean-video-card video {
  display: block !important;
  width: 100% !important;
  aspect-ratio: 16/10 !important;
  object-fit: cover !important;
}

@media(max-width:768px){
  .why-viliante-section {
    padding: 70px 0 !important;
  }

  .process-clean-grid {
    grid-template-columns: 1fr !important;
    gap: 40px !important;
  }

  .process-clean-section {
    padding: 76px 0 90px !important;
  }
}


/* ===== extracted from index.html: correct-section-order-css ===== */
.why-viliante-section{
  padding:90px 0 !important;
  min-height:auto !important;
  background:linear-gradient(135deg,#fffaf2 0%,#ffffff 52%,#f7f1e8 100%) !important;
}

.why-viliante-grid{
  display:grid !important;
  grid-template-columns:minmax(320px,520px) minmax(320px,1fr) !important;
  gap:62px !important;
  align-items:center !important;
}

.why-viliante-left h2{
  margin:24px 0 0 !important;
  color:#183b67 !important;
  font-size:clamp(3.2rem,5vw,5.8rem) !important;
  line-height:.98 !important;
}

.why-viliante-copy{
  color:#607086 !important;
  line-height:1.85 !important;
}

.why-viliante-right{
  display:grid !important;
  grid-template-columns:repeat(2,1fr) !important;
  gap:18px !important;
}

.why-card{
  padding:26px !important;
  border-radius:30px !important;
  background:rgba(255,255,255,.72) !important;
  border:1px solid rgba(255,255,255,.84) !important;
  box-shadow:0 22px 60px rgba(16,35,63,.10) !important;
}

.how-made-bg-section{
  position:relative !important;
  min-height:86vh !important;
  overflow:hidden !important;
  padding:125px 0 110px !important;
  background:#fffaf2 !important;
}

.how-made-bg-video{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  opacity:.68 !important;
  filter:brightness(1.02) contrast(1.02) saturate(.96) !important;
  z-index:0 !important;
}

.how-made-bg-overlay{
  position:absolute !important;
  inset:0 !important;
  z-index:1 !important;
  background:
    linear-gradient(90deg,rgba(255,250,242,.70) 0%,rgba(255,250,242,.48) 45%,rgba(255,250,242,.25) 100%),
    linear-gradient(180deg,rgba(255,250,242,.25),rgba(255,250,242,.08)) !important;
}

.how-made-bg-content{
  position:relative !important;
  z-index:2 !important;
}

.how-made-bg-kicker{
  display:inline-flex !important;
  padding:10px 16px !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.62) !important;
  border:1px solid rgba(255,255,255,.78) !important;
  color:#2f6fb2 !important;
  font-weight:900 !important;
  letter-spacing:.16em !important;
  text-transform:uppercase !important;
  font-size:.78rem !important;
}

.how-made-bg-content h2{
  margin:26px 0 0 !important;
  max-width:11ch !important;
  color:#183b67 !important;
  font-size:clamp(3.4rem,5.8vw,6.7rem) !important;
  line-height:.98 !important;
}

.how-made-bg-content p{
  margin:28px 0 0 !important;
  max-width:48ch !important;
  color:#4f5f73 !important;
  font-size:1.08rem !important;
  line-height:1.85 !important;
}

@media(max-width:768px){
  .why-viliante-grid,
  .why-viliante-right{grid-template-columns:1fr !important;}

  .how-made-bg-section{min-height:auto !important;padding:90px 0 !important;}
  .how-made-bg-video{opacity:.46 !important;}
  .how-made-bg-overlay{background:rgba(255,250,242,.58) !important;}
}


/* ===== extracted from index.html: viliante-normal-fonts-all-pages-v1 ===== */
/* Normalize typography across all pages */
html,
body,
button,
input,
select,
textarea,
a,
p,
li,
span,
div,
label,
summary,
details,
strong,
small,
h1,
h2,
h3,
h4,
h5,
h6,
.section-title,


.hero-slide,
.hero-image,
.hero-bg,
.hero-background,
.hero-overlay,
.hero-media,
.hero-showcase,
.slide-bg,
.slide-image{
    opacity:1 !important;
    visibility:visible !important;
    animation:none !important;
    transition:none !important;
    transform:none !important;
    filter:none !important;
    will-change:auto !important;
}

.hero-slide img,
.hero-image img,
.hero-bg img,
.hero-background img,
.slide-image img{
    opacity:1 !important;
    transition:none !important;
    animation:none !important;
    filter:none !important;
    transform:none !important;
}

/* ===== extracted from index.html: viliante-manrope-premium-font-v1 ===== */
/*
  Viliante premium typography v1.
  Goal: soft clean letters, readable spacing, not crooked, not childish.
  Main hero slider title is intentionally excluded.
*/

:root {
  --viliante-font-premium: "Manrope", Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --viliante-title-ink: #071225;
  --viliante-title-navy: #09204a;
  --viliante-text-main: #334158;
  --viliante-text-muted: #516176;
  --viliante-kicker-blue: #0754ad;
}

/* General readable text */
body,
button,
input,
select,
textarea,
a,
p,
li,
span,
small,
label,
summary,
details,
.card,
.faq{
  font-family: var(--viliante-font-premium) !important;
}

/* Header/nav */
header a,
nav a,
.site-header a,
.desktop-nav a,
.mobile-nav a,
.mobile-drawer a,
.login,
.login-btn,
.header-login {
  font-family: var(--viliante-font-premium) !important;
  font-weight: 800 !important;
  letter-spacing: -0.01em !important;
}

/* Non-hero section titles */
section:not(.hero):not(.hero-showcase):not(.hero-slider):not(#hero):not(#home) h1,
section:not(.hero):not(.hero-showcase):not(.hero-slider):not(#hero):not(#home) h2,
section:not(.hero):not(.hero-showcase):not(.hero-slider):not(#hero):not(#home) .section-title,
section:not(.hero):not(.hero-showcase):not(.hero-slider):not(#hero):not(#home) .rounded-title,
#why-viliante h1,
#why-viliante h2,
#why-viliante .rounded-title,
#how-it-is-made h1,
#how-it-is-made h2,
#how-it-is-made .rounded-title,
#product h1,
#product h2,
#product .rounded-title,
#benefits h1,
#benefits h2,
#benefits .rounded-title,
#pricing h1,
#pricing h2,
#pricing .rounded-title,
#faq h1,
#faq h2,
#faq .rounded-title,
#contact h1,
#contact h2,
#contact .rounded-title,
.viliante-action-section h1,
.viliante-action-section h2,
.viliante-action-section .rounded-title,
.viliante-action-copy h1,
.viliante-action-copy h2,
.viliante-action-copy .rounded-title,
.why-viliante-section h1,
.why-viliante-section h2,
.why-viliante-section .rounded-title,
.why-compact-section h1,
.why-compact-section h2,
.why-compact-section .rounded-title,
.how-made-bg-section h1,
.how-made-bg-section h2,
.how-made-bg-section .rounded-title,
.viliante-process-copy h1,
.viliante-process-copy h2,
.viliante-process-copy .rounded-title {
  font-family: var(--viliante-font-premium) !important;
  color: var(--viliante-title-ink) !important;
  font-weight: 800 !important;
  letter-spacing: -0.028em !important;
  word-spacing: 0.06em !important;
  line-height: 1.02 !important;
  text-wrap: balance;
}

/* WHY / HOW titles: premium navy */
#why-viliante h1,
#why-viliante h2,
#why-viliante .rounded-title,
#how-it-is-made h1,
#how-it-is-made h2,
#how-it-is-made .rounded-title,
.why-viliante-section h1,
.why-viliante-section h2,
.why-viliante-section .rounded-title,
.why-compact-section h1,
.why-compact-section h2,
.why-compact-section .rounded-title,
.how-made-bg-section h1,
.how-made-bg-section h2,
.how-made-bg-section .rounded-title,
.viliante-process-copy h1,
.viliante-process-copy h2,
.viliante-process-copy .rounded-title {
  color: var(--viliante-title-navy) !important;
}

/* Title sizes: premium, not oversized */
#why-viliante h1,
#why-viliante h2,
#why-viliante .rounded-title,
.why-viliante-section h1,
.why-viliante-section h2,
.why-viliante-section .rounded-title,
.why-compact-section h1,
.why-compact-section h2,
.why-compact-section .rounded-title {
  font-size: clamp(42px, 5vw, 78px) !important;
}

#how-it-is-made h1,
#how-it-is-made h2,
#how-it-is-made .rounded-title,
.how-made-bg-section h1,
.how-made-bg-section h2,
.how-made-bg-section .rounded-title,
.viliante-process-copy h1,
.viliante-process-copy h2,
.viliante-process-copy .rounded-title {
  font-size: clamp(42px, 5.2vw, 82px) !important;
}

.viliante-action-section h1,
.viliante-action-section h2,
.viliante-action-section .rounded-title,
.viliante-action-copy h1,
.viliante-action-copy h2,
.viliante-action-copy .rounded-title,
#contact h1,
#contact h2,
#contact .rounded-title {
  font-size: clamp(38px, 4.4vw, 64px) !important;
  max-width: 980px;
}

/* Kicker labels */
.kicker,
.section-kicker,
.why-viliante-kicker,
.viliante-kicker,
.viliante-action-kicker {
  font-family: var(--viliante-font-premium) !important;
  color: var(--viliante-kicker-blue) !important;
  font-size: 12.5px !important;
  font-weight: 800 !important;
  letter-spacing: 0.17em !important;
  text-transform: uppercase !important;
}

/* Paragraphs: restore breathing room */
section:not(.hero):not(.hero-showcase):not(.hero-slider):not(#hero):not(#home) p,
#why-viliante p,
#how-it-is-made p,
#product p,
#benefits p,
#pricing p,
#faq p,
#contact p,
.viliante-action-section p,
.why-viliante-section p,
.why-compact-section p,
.how-made-bg-section p,
.viliante-process-copy p {
  font-family: var(--viliante-font-premium) !important;
  color: var(--viliante-text-main) !important;
  font-weight: 500 !important;
  letter-spacing: -0.005em !important;
  word-spacing: 0.03em !important;
  line-height: 1.7 !important;
}

/* Card headings */
.viliante-action-card h3,
.card h3,
#product h3,
#benefits h3,
#pricing h3,
#faq h3 {
  font-family: var(--viliante-font-premium) !important;
  color: var(--viliante-title-ink) !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
  word-spacing: 0.03em !important;
}

/* Card/body secondary text */
.viliante-action-card p,
.card p {
  color: var(--viliante-text-muted) !important;
}
/* Mobile */
@media (max-width: 700px) {
  section:not(.hero):not(.hero-showcase):not(.hero-slider):not(#hero):not(#home) h1,
  section:not(.hero):not(.hero-showcase):not(.hero-slider):not(#hero):not(#home) h2,
  section:not(.hero):not(.hero-showcase):not(.hero-slider):not(#hero):not(#home) .section-title,
  section:not(.hero):not(.hero-showcase):not(.hero-slider):not(#hero):not(#home) .rounded-title,
  #why-viliante h1,
  #why-viliante h2,
  #why-viliante .rounded-title,
  #how-it-is-made h1,
  #how-it-is-made h2,
  #how-it-is-made .rounded-title,
  .viliante-action-section h1,
  .viliante-action-section h2,
  .viliante-action-section .rounded-title {
    font-size: clamp(34px, 9.6vw, 50px) !important;
    line-height: 1.04 !important;
    letter-spacing: -0.02em !important;
    word-spacing: 0.04em !important;
  }

  section:not(.hero):not(.hero-showcase):not(.hero-slider):not(#hero):not(#home) p,
  #why-viliante p,
  #how-it-is-made p,
  #product p,
  #benefits p,
  #pricing p,
  #faq p,
  #contact p {
    line-height: 1.62 !important;
  }
}


/* ===== extracted from index.html: viliante-why-section-final-polish-v1 ===== */
/*
  Final polish for compact WHY VILIANTE section.
  Does not touch the hero slider.
*/

#why-viliante,
.why-viliante-section,
.why-compact-section {
  padding-top: clamp(64px, 7vw, 96px) !important;
  padding-bottom: clamp(64px, 7vw, 92px) !important;
}

#why-viliante .container,
.why-viliante-section .container,
.why-compact-section .container {
  max-width: 1180px !important;
}

#why-viliante .kicker,
#why-viliante .section-kicker,
#why-viliante .why-viliante-kicker,
.why-viliante-section .kicker,
.why-viliante-section .section-kicker,
.why-viliante-section .why-viliante-kicker,
.why-compact-section .kicker,
.why-compact-section .section-kicker,
.why-compact-section .why-viliante-kicker {
  margin-bottom: 34px !important;
}

#why-viliante h1,
#why-viliante h2,
#why-viliante .rounded-title,
.why-viliante-section h1,
.why-viliante-section h2,
.why-viliante-section .rounded-title,
.why-compact-section h1,
.why-compact-section h2,
.why-compact-section .rounded-title {
  font-size: clamp(46px, 5.2vw, 82px) !important;
  line-height: 1.02 !important;
  font-weight: 780 !important;
  letter-spacing: -0.035em !important;
  word-spacing: 0.05em !important;
  color: #071225 !important;
  margin-bottom: 28px !important;
}

#why-viliante p,
.why-viliante-section p,
.why-compact-section p {
  max-width: 880px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  font-size: clamp(20px, 1.55vw, 28px) !important;
  line-height: 1.62 !important;
  font-weight: 500 !important;
  letter-spacing: -0.01em !important;
  color: #334158 !important;
}

@media (max-width: 700px) {
  #why-viliante,
  .why-viliante-section,
  .why-compact-section {
    padding-top: 52px !important;
    padding-bottom: 56px !important;
  }

  #why-viliante .kicker,
  #why-viliante .section-kicker,
  #why-viliante .why-viliante-kicker,
  .why-viliante-section .kicker,
  .why-viliante-section .section-kicker,
  .why-viliante-section .why-viliante-kicker,
  .why-compact-section .kicker,
  .why-compact-section .section-kicker,
  .why-compact-section .why-viliante-kicker {
    margin-bottom: 24px !important;
  }

  #why-viliante h1,
  #why-viliante h2,
  #why-viliante .rounded-title,
  .why-viliante-section h1,
  .why-viliante-section h2,
  .why-viliante-section .rounded-title,
  .why-compact-section h1,
  .why-compact-section h2,
  .why-compact-section .rounded-title {
    font-size: clamp(36px, 10vw, 52px) !important;
    line-height: 1.05 !important;
    margin-bottom: 20px !important;
  }

  #why-viliante p,
  .why-viliante-section p,
  .why-compact-section p {
    font-size: 18px !important;
    line-height: 1.58 !important;
  }
}


/* ===== extracted from index.html: viliante-why-compact-final-spacing-v1 ===== */
/* Final spacing polish only. Typography/font stays unchanged. */

#why-viliante,
.why-viliante-section,
.why-compact-section {
  padding-top: clamp(48px, 5.2vw, 72px) !important;
  padding-bottom: clamp(52px, 5.4vw, 76px) !important;
}

#why-viliante .kicker,
#why-viliante .section-kicker,
#why-viliante .why-viliante-kicker,
.why-viliante-section .kicker,
.why-viliante-section .section-kicker,
.why-viliante-section .why-viliante-kicker,
.why-compact-section .kicker,
.why-compact-section .section-kicker,
.why-compact-section .why-viliante-kicker {
  margin-bottom: 26px !important;
}

#why-viliante h1,
#why-viliante h2,
#why-viliante .rounded-title,
.why-viliante-section h1,
.why-viliante-section h2,
.why-viliante-section .rounded-title,
.why-compact-section h1,
.why-compact-section h2,
.why-compact-section .rounded-title {
  margin-bottom: 22px !important;
}

#why-viliante p,
.why-viliante-section p,
.why-compact-section p {
  max-width: 900px !important;
}

@media (max-width: 700px) {
  #why-viliante,
  .why-viliante-section,
  .why-compact-section {
    padding-top: 44px !important;
    padding-bottom: 48px !important;
  }
}


/* ===== extracted from index.html: viliante-how-video-final-polish-v1 ===== */
/* Final polish for HOW IT IS MADE video background section */

#how-it-is-made,
.how-made-bg-section,
.viliante-process-section {
  min-height: clamp(560px, 72vh, 760px) !important;
  padding-top: clamp(82px, 8vw, 120px) !important;
  padding-bottom: clamp(82px, 8vw, 120px) !important;
  position: relative !important;
  overflow: hidden !important;
}

/* Make background video/image softer and text readable */
#how-it-is-made::before,
.how-made-bg-section::before,
.viliante-process-section::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;
  background:
    linear-gradient(
      90deg,
      rgba(248, 244, 237, 0.92) 0%,
      rgba(248, 244, 237, 0.78) 34%,
      rgba(248, 244, 237, 0.42) 68%,
      rgba(248, 244, 237, 0.30) 100%
    ) !important;
}

/* Keep actual content above video overlay */
#how-it-is-made > *,
.how-made-bg-section > *,
.viliante-process-section > * {
  position: relative !important;
  z-index: 2 !important;
}

/* Video should stay cinematic, not harsh */
#how-it-is-made video,
.how-made-bg-section video,
.viliante-process-section video {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  z-index: 0 !important;
  filter: saturate(0.78) contrast(0.94) brightness(1.08) !important;
}

/* Text block */
#how-it-is-made .container,
.how-made-bg-section .container,
.viliante-process-section .container {
  max-width: 1240px !important;
}

#how-it-is-made h1,
#how-it-is-made h2,
#how-it-is-made .rounded-title,
.how-made-bg-section h1,
.how-made-bg-section h2,
.how-made-bg-section .rounded-title,
.viliante-process-copy h1,
.viliante-process-copy h2,
.viliante-process-copy .rounded-title {
  max-width: 760px !important;
  margin-bottom: 28px !important;
}

#how-it-is-made p,
.how-made-bg-section p,
.viliante-process-copy p {
  max-width: 650px !important;
  font-size: clamp(18px, 1.25vw, 22px) !important;
  line-height: 1.72 !important;
}

/* Mobile */
@media (max-width: 700px) {
  #how-it-is-made,
  .how-made-bg-section,
  .viliante-process-section {
    min-height: 560px !important;
    padding-top: 70px !important;
    padding-bottom: 72px !important;
  }

  #how-it-is-made::before,
  .how-made-bg-section::before,
  .viliante-process-section::before {
    background:
      linear-gradient(
        180deg,
        rgba(248, 244, 237, 0.94) 0%,
        rgba(248, 244, 237, 0.82) 48%,
        rgba(248, 244, 237, 0.58) 100%
      ) !important;
  }

  #how-it-is-made h1,
  #how-it-is-made h2,
  #how-it-is-made .rounded-title,
  .how-made-bg-section h1,
  .how-made-bg-section h2,
  .how-made-bg-section .rounded-title {
    max-width: 100% !important;
  }

  #how-it-is-made p,
  .how-made-bg-section p,
  .viliante-process-copy p {
    max-width: 100% !important;
    font-size: 17px !important;
  }
}


/* ===== extracted from index.html: viliante-global-title-underline-v1 ===== */
/* Subtle premium underline for main non-hero section titles */

section:not(.hero):not(.hero-showcase):not(.hero-slider):not(#hero):not(#home) .section-title {
  position: relative !important;
  padding-bottom: 18px !important;
}

section:not(.hero):not(.hero-showcase):not(.hero-slider):not(#hero):not(#home) .section-title::after {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  bottom: 0 !important;
  width: 86px !important;
  height: 3px !important;
  border-radius: 999px !important;
  transform: translateX(-50%) !important;
  background: linear-gradient(
    90deg,
    rgba(215,181,143,0),
    rgba(215,181,143,0.90),
    rgba(21,89,183,0.36),
    rgba(215,181,143,0)
  ) !important;
}

/* Left-aligned sections should keep underline left-aligned */
.viliante-product-copy .section-title::after,
.viliante-editorial-copy .section-title::after,
.split .section-title::after {
  left: 0 !important;
  transform: none !important;
}

/* Avoid underline inside card titles */
.card .section-title::after,
.viliante-action-card .section-title::after,
.viliante-product-photo-card .section-title::after {
  display: none !important;
}


/* ===== extracted from index.html: viliante-remove-all-title-lines-v1 ===== */
.section-title::after,
h1::after,
h2::after {
  display: none !important;
  content: none !important;
  background: none !important;
}

.section-title {
  padding-bottom: 0 !important;
}

/* ===== extracted from index.html: viliante-how-video-less-transparent-v1 ===== */
/* Make HOW IT IS MADE video background more visible */

#how-it-is-made video,
.how-made-bg-section video,
.viliante-process-section video,
#process video {
  opacity: 1 !important;
  filter: saturate(0.92) contrast(0.98) brightness(1.0) !important;
}

/* Reduce the beige overlay so video is less transparent */
#how-it-is-made::before,
.how-made-bg-section::before,
.viliante-process-section::before,
#process::before {
  background:
    linear-gradient(
      90deg,
      rgba(248, 244, 237, 0.72) 0%,
      rgba(248, 244, 237, 0.52) 36%,
      rgba(248, 244, 237, 0.24) 68%,
      rgba(248, 244, 237, 0.16) 100%
    ) !important;
}

/* Mobile keeps readability but still shows video */
@media (max-width: 700px) {
  #how-it-is-made::before,
  .how-made-bg-section::before,
  .viliante-process-section::before,
  #process::before {
    background:
      linear-gradient(
        180deg,
        rgba(248, 244, 237, 0.74) 0%,
        rgba(248, 244, 237, 0.58) 48%,
        rgba(248, 244, 237, 0.34) 100%
      ) !important;
  }
}


/* ===== extracted from index.html: viliante-why-to-video-transition-polish-v1 ===== */
/* Smooth transition from WHY section to HOW IT IS MADE video section */

#why-viliante,
.why-compact-section {
  padding-bottom: clamp(70px, 7vw, 105px) !important;
  background: linear-gradient(180deg, #fbf8f2 0%, #fffdf9 72%, #f2eee6 100%) !important;
}

#process,
.how-made-bg-section {
  margin-top: 0 !important;
  border-top: 1px solid rgba(15,23,42,0.06) !important;
}

#process::after,
.how-made-bg-section::after {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: 0 !important;
  height: 120px !important;
  pointer-events: none !important;
  z-index: 2 !important;
  background: linear-gradient(
    180deg,
    rgba(251,248,242,0.92) 0%,
    rgba(251,248,242,0.52) 45%,
    rgba(251,248,242,0) 100%
  ) !important;
}

#process .container,
.how-made-bg-section .container {
  position: relative !important;
  z-index: 3 !important;
}


/* ===== extracted from index.html: viliante-scroll-card-depth-effects-v1 ===== */
/* Subtle premium motion for cards/images on reveal */

.viliante-reveal.viliante-product-specs-row > div,
.viliante-reveal.viliante-action-card,
.viliante-reveal.card,
.viliante-reveal details {
  transform: translateY(34px) scale(0.985);
}

.viliante-reveal.is-visible.viliante-product-specs-row > div,
.viliante-reveal.is-visible.viliante-action-card,
.viliante-reveal.is-visible.card,
.viliante-reveal.is-visible details {
  transform: translateY(0) scale(1);
}

.viliante-product-image-row figure.viliante-reveal,
.viliante-product-visuals figure.viliante-reveal {
  transform: translateY(38px) scale(0.975);
}

.viliante-product-image-row figure.viliante-reveal.is-visible,
.viliante-product-visuals figure.viliante-reveal.is-visible {
  transform: translateY(0) scale(1);
}

.viliante-reveal.is-visible {
  transition-duration: 860ms;
}


/* ===== extracted from index.html: viliante-remove-bad-section-flow-reset-v1 ===== */
#why-viliante > .container,
#process > .container,
#material > .container,
#benefits > .container,
#pricing > .container,
#contact > .container,
#faq > .container {
  opacity: 1 !important;
  transform: none !important;
  filter: none !important;
}


/* ===== extracted from index.html: viliante-sharper-clean-ui-v1 ===== */
/* Reduce over-creamy look and add cleaner sharpness */

body {
  background: #fbfaf7 !important;
}

/* Make main cream sections cleaner */
.why-compact-section,
.viliante-product-details-section,
.viliante-who-section,
.section {
  background:
    linear-gradient(180deg, #fbfaf7 0%, #ffffff 52%, #faf7f1 100%) !important;
}

/* Sharper cards */
.card,
.viliante-who-card,
.viliante-product-specs-row div,
.viliante-product-image-row figure,
.viliante-action-card,
details {
  background: rgba(255,255,255,0.94) !important;
  border: 1px solid rgba(7,18,37,0.13) !important;
  box-shadow:
    0 18px 45px rgba(7,18,37,0.075),
    inset 0 1px 0 rgba(255,255,255,0.95) !important;
}

/* Less washed-out card glow */
.viliante-who-card::before,
.viliante-product-specs-row div::before {
  opacity: 0.35 !important;
}

/* Better text sharpness */
.section-title,
.viliante-who-card h3,
.viliante-product-image-row figcaption strong,
.card h3 {
  color: #061124 !important;
}

.section-copy,
.viliante-who-card p,
.card p,
details p {
  color: #26354d !important;
}

/* Cleaner icon boxes */
.viliante-who-icon {
  background: #f2f7ff !important;
  border: 1px solid rgba(21,89,183,0.22) !important;
  box-shadow: 0 10px 24px rgba(21,89,183,0.10) !important;
}

.viliante-who-icon svg {
  stroke: #0b57b7 !important;
}

/* Slightly stronger hover for clarity */
.viliante-who-card:hover,
.card:hover,
.viliante-action-card:hover {
  transform: translateY(-6px);
  border-color: rgba(21,89,183,0.26) !important;
  box-shadow:
    0 28px 68px rgba(7,18,37,0.12),
    inset 0 1px 0 rgba(255,255,255,0.95) !important;
}

/* Reduce beige fog/glow */
.viliante-product-details-section::before,
.why-compact-section::before,
.viliante-who-section::before {
  opacity: 0.35 !important;
}


/* ===== extracted from index.html: viliante-how-it-works-redesign-v1 ===== */
.viliante-how-works-section {
  background:
    radial-gradient(circle at 50% 0%, rgba(21,89,183,0.07), transparent 28%),
    linear-gradient(180deg, #fbfaf7 0%, #ffffff 52%, #f8f2ea 100%) !important;
  padding-top: clamp(70px, 7vw, 104px) !important;
  padding-bottom: clamp(76px, 8vw, 112px) !important;
}

.viliante-how-works-head {
  max-width: 980px;
  margin: 0 auto 42px;
  text-align: center;
}

.viliante-how-works-section .kicker {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 13px 26px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,0.88) !important;
  border: 1px solid rgba(215,181,143,0.30) !important;
  box-shadow: 0 14px 36px rgba(135,103,70,0.08), inset 0 1px 0 rgba(255,255,255,0.96) !important;
  color: #1559b7 !important;
  line-height: 1 !important;
  margin-bottom: 22px !important;
}

.viliante-how-works-head .section-title {
  max-width: 900px;
  margin: 12px auto 18px;
}

.viliante-how-works-head .section-copy {
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
}

.viliante-how-works-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
  position: relative;
}

.viliante-how-step-card {
  position: relative;
  overflow: hidden;
  min-height: 285px;
  padding: 30px 30px 32px;
  border-radius: 30px;
  background:
    radial-gradient(circle at 12% 0%, rgba(21,89,183,0.08), transparent 35%),
    linear-gradient(145deg, rgba(255,255,255,0.98), rgba(250,247,242,0.94));
  border: 1px solid rgba(7,18,37,0.12);
  box-shadow:
    0 22px 60px rgba(7,18,37,0.075),
    inset 0 1px 0 rgba(255,255,255,0.96);
  transition:
    transform .34s cubic-bezier(.16,1,.3,1),
    box-shadow .34s ease,
    border-color .34s ease;
}

.viliante-how-step-card:hover {
  transform: translateY(-7px);
  border-color: rgba(21,89,183,0.22);
  box-shadow:
    0 32px 82px rgba(7,18,37,0.115),
    inset 0 1px 0 rgba(255,255,255,0.96);
}

.viliante-how-step-card::after {
  content: "";
  position: absolute;
  left: 30px;
  right: 30px;
  bottom: 0;
  height: 3px;
  border-radius: 999px 999px 0 0;
  background: linear-gradient(90deg, transparent, rgba(21,89,183,0.75), rgba(215,181,143,0.65), transparent);
  opacity: .45;
}

.viliante-how-step-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 42px;
}

.viliante-how-step-number {
  color: #1559b7;
  font-size: 42px;
  line-height: 1;
  font-weight: 950;
  letter-spacing: -0.06em;
}

.viliante-how-step-icon {
  width: 56px;
  height: 56px;
  border-radius: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f2f7ff;
  border: 1px solid rgba(21,89,183,0.22);
  box-shadow: 0 10px 24px rgba(21,89,183,0.10);
}

.viliante-how-step-icon svg {
  width: 27px;
  height: 27px;
  stroke: #0b57b7;
  stroke-width: 1.9;
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.viliante-how-step-card h3 {
  margin: 0 0 14px;
  color: #061124;
  font-size: 27px;
  line-height: 1.12;
  letter-spacing: -0.04em;
  font-weight: 900;
}

.viliante-how-step-card p {
  margin: 0;
  color: #26354d;
  font-size: 17px;
  line-height: 1.62;
}

@media (max-width: 980px) {
  .viliante-how-works-grid {
    grid-template-columns: 1fr;
  }

  .viliante-how-step-card {
    min-height: auto;
  }
}

@media (max-width: 640px) {
  .viliante-how-step-card {
    border-radius: 24px;
    padding: 26px 24px;
  }

  .viliante-how-step-top {
    margin-bottom: 28px;
  }

  .viliante-how-step-number {
    font-size: 36px;
  }
}


/* ===== extracted from index.html: viliante-next-step-kicker-pill-v1 ===== */
.viliante-action-section .kicker,
section[id="pricing"] .kicker {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 13px 26px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,0.88) !important;
  border: 1px solid rgba(215,181,143,0.30) !important;
  box-shadow:
    0 14px 36px rgba(135,103,70,0.08),
    inset 0 1px 0 rgba(255,255,255,0.96) !important;
  color: #1559b7 !important;
  line-height: 1 !important;
  margin-bottom: 22px !important;
}

/* FAQ block 'viliante-faq-premium-redesign-v1' moved to css/sections/faq.css via css/sections/index.css import. */

/* ===== extracted from index.html: viliante-section-separators-title-hierarchy-v1 ===== */
/* Clear section separation + stronger title hierarchy */

main > section,
body > section {
  position: relative !important;
}

/* subtle divider line between main sections */
main > section:not(:first-child)::before,
body > section:not(:first-child)::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: min(1280px, calc(100% - 48px)) !important;
  height: 1px !important;
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(7,18,37,0.10) 18%,
    rgba(21,89,183,0.16) 50%,
    rgba(7,18,37,0.10) 82%,
    transparent 100%
  ) !important;
  z-index: 2 !important;
}

/* section top breathing, but not too much */
section.section,
.why-compact-section,
.how-made-bg-section,
.viliante-product-details-section,
.viliante-who-section,
.viliante-pricing-section,
.viliante-how-works-section,
.viliante-action-section {
  padding-top: clamp(70px, 7vw, 108px) !important;
}

/* title area should feel like a title, not plain text */
.section-head,
.viliante-product-minimal-head,
.viliante-who-head,
.viliante-pricing-head,
.viliante-pricing-copy,
.viliante-how-works-head {
  position: relative !important;
}

/* all section labels as clear pills */
.section .kicker,
.why-compact-section .kicker,
.how-made-bg-section .kicker,
.viliante-product-details-section .kicker,
.viliante-who-section .kicker,
.viliante-pricing-section .kicker,
.viliante-how-works-section .kicker,
.viliante-action-section .kicker {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 13px 26px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,0.88) !important;
  border: 1px solid rgba(215,181,143,0.30) !important;
  box-shadow:
    0 14px 36px rgba(135,103,70,0.08),
    inset 0 1px 0 rgba(255,255,255,0.96) !important;
  color: #1559b7 !important;
  line-height: 1 !important;
  margin-bottom: 22px !important;
}

/* main titles stronger and consistent */
.section-title,
section h2.section-title {
  color: #061124 !important;
  font-weight: 950 !important;
  letter-spacing: -0.065em !important;
  line-height: 0.98 !important;
}

/* center titles for centered sections */
.section-head,
.viliante-product-minimal-head,
.viliante-who-head,
.viliante-how-works-head {
  text-align: center !important;
}

/* left-aligned pricing stays intentional */
.viliante-pricing-copy {
  text-align: left !important;
}

/* soft background alternation so sections read as separate pages */
.why-compact-section,
.viliante-who-section,
.viliante-how-works-section {
  background:
    radial-gradient(circle at 50% 0%, rgba(215,181,143,0.10), transparent 30%),
    linear-gradient(180deg, #fbfaf7 0%, #ffffff 55%, #faf6ef 100%) !important;
}

.how-made-bg-section,
.viliante-product-details-section,
.viliante-pricing-section,
.viliante-action-section {
  background:
    radial-gradient(circle at 50% 0%, rgba(21,89,183,0.055), transparent 30%),
    linear-gradient(180deg, #ffffff 0%, #fbfaf7 55%, #f8f2ea 100%) !important;
}

/* do not draw divider over hero */
.hero-showcase::before,
.viliante-final-hero::before {
  display: none !important;
}

@media (max-width: 700px) {
  main > section:not(:first-child)::before,
  body > section:not(:first-child)::before {
    width: calc(100% - 32px) !important;
  }

  section.section,
  .why-compact-section,
  .how-made-bg-section,
  .viliante-product-details-section,
  .viliante-who-section,
  .viliante-pricing-section,
  .viliante-how-works-section,
  .viliante-action-section {
    padding-top: 58px !important;
  }
}


/* ===== extracted from index.html: viliante-next-step-center-fix-v1 ===== */
.viliante-action-section .section-head {
  text-align: center !important;
  max-width: 980px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.viliante-action-section .section-title,
.viliante-action-section h2 {
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.viliante-action-section .section-copy,
.viliante-action-section p {
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: 820px !important;
}

.viliante-action-section .kicker {
  margin-left: auto !important;
  margin-right: auto !important;
}


/* ===== extracted from index.html: viliante-faq-label-hide-clean-v2 ===== */
/* Hide only the small standalone FAQ eyebrow above the FAQ title */
#faq > p:first-child,
#faq > span:first-child,
#faq > div:first-child:not(:has(h1)):not(:has(h2)),
.faq-section > p:first-child,
.faq-section > span:first-child,
.faq-section > div:first-child:not(:has(h1)):not(:has(h2)),
section:has(h1, h2) > .faq-kicker,
section:has(h1, h2) > .faq-eyebrow,
section:has(h1, h2) > .section-kicker,
section:has(h1, h2) > .section-eyebrow,
section:has(h1, h2) > [class*="kicker"]:first-child,
section:has(h1, h2) > [class*="eyebrow"]:first-child {
  display: none !important;
}


/* ===== extracted from index.html: index-floating-order-scroll-final-v3 ===== */
body.home-floating-order-hidden .viliante-floating-order{
  opacity:0 !important;
  transform:translateY(14px) scale(.98) !important;
  pointer-events:none !important;
}

/* ===== extracted from index.html: why-soft-transition-v1 ===== */
.why-compact-section {
  position: relative !important;
  background:
    linear-gradient(180deg,
      rgba(247,241,232,0.96) 0%,
      #fffaf2 16%,
      #ffffff 56%,
      #f7f1e8 100%
    ) !important;
}

.why-compact-section::before {
  content: "" !important;
  position: absolute !important;
  top: -80px !important;
  left: 0 !important;
  right: 0 !important;
  height: 160px !important;
  pointer-events: none !important;
  background: linear-gradient(
    180deg,
    rgba(20,20,20,0.10) 0%,
    rgba(255,250,242,0.86) 45%,
    rgba(255,250,242,0) 100%
  ) !important;
}

.why-compact-section::after {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: -80px !important;
  height: 160px !important;
  pointer-events: none !important;
  background: linear-gradient(
    180deg,
    rgba(255,250,242,0) 0%,
    rgba(247,241,232,0.82) 100%
  ) !important;
}

/* FAQ block 'viliante-premium-faq-polish-v1' moved to css/sections/faq.css via css/sections/index.css import. */

/* ===== extracted from index.html: shipping-image-card-clean-v1 ===== */
.shipping-hero,
.shipping-section,
.page-hero,
.inner-page-hero {
  overflow: hidden;
}

.shipping-hero img,
.shipping-section img,
.page-hero img,
.inner-page-hero img {
  width: 100% !important;
  height: auto !important;
  display: block !important;
  object-fit: cover !important;
  border-radius: 28px !important;
}

.shipping-hero .image-card,
.shipping-section .image-card,
.page-hero .image-card,
.inner-page-hero .image-card {
  max-width: 620px !important;
  overflow: hidden !important;
  border-radius: 28px !important;
}

/* VILIANTE INDEX PRODUCT IMAGE EXACT 612-920 LOCK v3 */
/*
  Homepage Product details section only.
  Exact DOM:
  section#material .viliante-product-image-row > figure > img

  Goal:
  W 612-920px range should not zoom/crop product images.
  Desktop >920 untouched.
  Small mobile <612 untouched.
*/
@media (min-width:612px) and (max-width:920px){
  section#material .viliante-product-image-row{
    display:grid !important;
    grid-template-columns:1fr !important;
    justify-items:center !important;
    align-items:start !important;
    gap:26px !important;
    width:100% !important;
    max-width:100% !important;
  }

  section#material .viliante-product-image-row > figure{
    width:560px !important;
    max-width:calc(100vw - 64px) !important;
    min-width:0 !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;

    margin-left:auto !important;
    margin-right:auto !important;

    overflow:hidden !important;
    box-sizing:border-box !important;
    border-radius:28px !important;
  }

  section#material .viliante-product-image-row > figure > img{
    width:100% !important;
    max-width:100% !important;

    height:430px !important;
    min-height:430px !important;
    max-height:430px !important;

    object-fit:contain !important;
    object-position:center center !important;

    transform:none !important;
    scale:1 !important;
  }

  section#material .viliante-product-image-row > figure:hover > img{
    transform:none !important;
    scale:1 !important;
  }
}

@media (min-width:612px) and (max-width:720px){
  section#material .viliante-product-image-row > figure{
    width:540px !important;
    max-width:calc(100vw - 48px) !important;
  }

  section#material .viliante-product-image-row > figure > img{
    height:410px !important;
    min-height:410px !important;
    max-height:410px !important;
  }
}
/* END VILIANTE INDEX PRODUCT IMAGE EXACT 612-920 LOCK v3 */

/* index-home-image-card-responsive-fix-v1 */
section#material .viliante-product-image-row {
  align-items: start !important;
}

section#material .viliante-product-image-row > figure {
  overflow: hidden !important;
  box-sizing: border-box !important;
}

section#material .viliante-product-image-row > figure > img {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  aspect-ratio: auto !important;
  object-fit: cover !important;
  object-position: center center !important;
  transform: none !important;
  scale: 1 !important;
}

section#material .viliante-product-image-row > figure:hover > img {
  transform: none !important;
  scale: 1 !important;
}

/* index-action-card-hover-fix-v1 */
section#contact .viliante-action-card {
  transition:
    transform 260ms ease,
    box-shadow 260ms ease,
    border-color 260ms ease !important;
  will-change: transform;
}

section#contact .viliante-action-card:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(21,89,183,0.26) !important;
  box-shadow:
    0 28px 68px rgba(7,18,37,0.12),
    inset 0 1px 0 rgba(255,255,255,0.95) !important;
}

section#contact .viliante-action-card:hover img {
  transform: none !important;
  scale: 1 !important;
}

section#contact .viliante-action-card {
  overflow: hidden !important;
}

section#contact .viliante-action-card picture {
  display: block !important;
  width: 100% !important;
  aspect-ratio: 2 / 1 !important;
  overflow: hidden !important;
}

section#contact .viliante-action-card img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
  aspect-ratio: auto !important;
  object-fit: cover !important;
  object-position: center center !important;
}

@media (max-width: 920px) {
  section#contact .viliante-action-card picture {
    aspect-ratio: 16 / 9 !important;
  }
}

@media (max-width: 720px) {
  section#contact .viliante-action-card picture {
    aspect-ratio: 1 / 1 !important;
  }
}

/* index-product-card-equal-height-fix-v2 */
section#material .viliante-product-image-row {
  align-items: stretch !important;
}

section#material .viliante-product-image-row > figure {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
}

section#material .viliante-product-image-row > figure > img {
  flex: 0 0 auto !important;
  width: 100% !important;
  height: clamp(320px, 28vw, 420px) !important;
  min-height: 0 !important;
  max-height: none !important;
  object-fit: cover !important;
  object-position: center center !important;
}

section#material .viliante-product-image-row > figure > figcaption {
  flex: 1 1 auto !important;
}

@media (max-width: 1000px) {
  section#material .viliante-product-image-row > figure {
    height: auto !important;
  }

  section#material .viliante-product-image-row > figure > img {
    height: clamp(300px, 52vw, 390px) !important;
  }
}

@media (max-width: 640px) {
  section#material .viliante-product-image-row > figure > img {
    height: clamp(250px, 68vw, 310px) !important;
  }
}

/* index-product-card-hover-restore-v2b */
section#material .viliante-product-image-row > figure {
  transition:
    transform 260ms ease,
    box-shadow 260ms ease,
    border-color 260ms ease !important;
  will-change: transform;
}

section#material .viliante-product-image-row > figure:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(21,89,183,0.26) !important;
  box-shadow:
    0 28px 68px rgba(7,18,37,0.12),
    inset 0 1px 0 rgba(255,255,255,0.95) !important;
}

section#material .viliante-product-image-row > figure:hover > img {
  transform: none !important;
  scale: 1 !important;
}

/* index-heartbeat-copy-working-v1: index Order Now uses the same buttons.css heartbeat implementation as working pages. */