.elementor-kit-5{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ── DERILA ERGO HEADER GLOBAL CSS ── */
:root {
  --de-sage: #3d6b5e;
  --de-coral: #d95f3b;
  --de-cream: #fffcf9;
  --de-forest: #1c2826;
  --de-slate: #687a75;
  --de-sage-light: #eaf3f0;
}

/* Alert Bar */
.de-alert-bar {
  background: var(--de-sage);
  text-align: center;
  padding: 10px 16px;
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 13px;
  font-weight: 500;
  color: #fff;
  letter-spacing: 0.02em;
}
.de-alert-bar .highlight { color: #ffd166; font-weight: 700; }
.de-alert-bar a {
  color: #ffd166;
  text-decoration: underline;
  font-weight: 600;
  margin-left: 8px;
}

/* Logo */
.de-logo-wrap { display:flex; align-items:center; gap:10px; text-decoration:none; }
.de-logo-icon {
  width:40px; height:40px;
  background: var(--de-sage);
  border-radius:10px;
  display:flex; align-items:center; justify-content:center;
}
.de-logo-icon svg { display:block; }
.de-logo-text {
  font-family:'Playfair Display',serif;
  font-size:20px; font-weight:700;
  color: var(--de-forest); line-height:1.1;
}
.de-logo-text span { color: var(--de-sage); }
.de-logo-sub {
  font-family:'Plus Jakarta Sans',sans-serif;
  font-size:9px; font-weight:500;
  letter-spacing:0.15em; text-transform:uppercase;
  color: var(--de-slate); display:block; margin-top:2px;
}

/* Nav links */
.de-nav-links { display:flex; align-items:center; gap:4px; list-style:none; padding:0; margin:0; }
.de-nav-links a {
  font-family:'Plus Jakarta Sans',sans-serif;
  font-size:14px; font-weight:500;
  color: var(--de-forest); text-decoration:none;
  padding:8px 14px; border-radius:8px;
  transition: background 0.2s, color 0.2s;
}
.de-nav-links a:hover { background: var(--de-sage-light); color: var(--de-sage); }

/* Guarantee badge */
.de-guarantee-badge {
  background: var(--de-sage-light);
  color: var(--de-sage);
  font-family:'Plus Jakarta Sans',sans-serif;
  font-size:11px; font-weight:600;
  padding:4px 10px; border-radius:20px;
  letter-spacing:0.02em;
  display:inline-block;
}

/* CTA button */
.de-header-cta {
  display:inline-flex; align-items:center; gap:6px;
  background: var(--de-coral);
  color:#fff; text-decoration:none;
  font-family:'Plus Jakarta Sans',sans-serif;
  font-size:13.5px; font-weight:600;
  padding:10px 22px; border-radius:10px;
  box-shadow:0 4px 14px rgba(217,95,59,0.28);
  transition: background 0.2s, transform 0.15s;
  white-space:nowrap;
}
.de-header-cta:hover { background:#c44e2b; transform:translateY(-1px); color:#fff; }

/* Sticky header */
.elementor-location-header {
  position:sticky; top:0; z-index:9999;
  background:rgba(255,252,249,0.93);
  backdrop-filter:blur(14px);
  border-bottom:1px solid rgba(61,107,94,0.12);
  box-shadow:0 2px 16px rgba(28,40,38,0.06);
}

/* ═══════════════════════════════════════════════════════════════
   SLEEPWELL REVIEWS — ELEMENTOR GLOBAL CSS
   Paste into: WordPress Admin → Elementor → Custom CSS
   OR: Appearance → Customize → Additional CSS
   ═══════════════════════════════════════════════════════════════ */

/* ── FONTS ── */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400;1,600&family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap');

/* ── CSS VARIABLES ── */
:root {
  --sage:       #3d6b5e;
  --sage-mid:   #4e8070;
  --sage-light: #6a9e8e;
  --sage-pale:  #c8dfd9;
  --sage-mist:  #eaf3f0;
  --coral:      #d95f3b;
  --coral-lt:   #e8724f;
  --warm-white: #fffcf9;
  --off-white:  #f7f4ef;
  --white:      #ffffff;
  --ink:        #1c2826;
  --ink2:       #344540;
  --slate:      #687a75;
  --mist:       #9eb4ae;
  --border:     #e0e8e5;
  --border-lt:  #edf3f1;
  --success:    #2d7a55;
  --danger:     #c0392b;
}

/* ── BASE ── */
body {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  background-color: var(--warm-white) !important;
  color: var(--ink) !important;
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6,
.elementor-heading-title {
  font-family: 'Playfair Display', serif !important;
  color: var(--ink) !important;
  line-height: 1.12 !important;
}

p { color: var(--ink2); line-height: 1.72; }
a { text-decoration: none; }

/* ── ELEMENTOR CONTAINER / SECTION DEFAULTS ── */
.elementor-section,
.e-con {
  position: relative;
}

/* ── GLOBAL BUTTON STYLE ── */
.elementor-button,
.elementor-button-wrapper .elementor-button {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em !important;
  transition: all 0.25s ease !important;
  border-radius: 8px !important;
}

/* ── STICKY ALERT BAR ── */
.sw-alert-bar {
  position: fixed;
  top: 0; left: 0; right: 0;
  z-index: 9999;
  background: var(--sage);
  color: #fff;
  text-align: center;
  padding: 9px 1rem;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.04em;
}
.sw-alert-bar a {
  color: var(--sage-pale);
  text-decoration: underline;
  margin-left: 6px;
}

/* ── STICKY BOTTOM BUY BAR ── */
.sw-sticky-bar {
  position: fixed;
  bottom: 0; left: 0; right: 0;
  z-index: 9990;
  background: #fff;
  border-top: 2px solid var(--sage-pale);
  padding: 12px 2rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  box-shadow: 0 -4px 24px rgba(28,40,38,0.1);
  transform: translateY(100%);
  transition: transform 0.32s ease;
}
.sw-sticky-bar.sw-visible {
  transform: translateY(0);
}
.sw-sticky-bar .sw-sticky-text {
  font-size: 14px;
  font-weight: 500;
  color: var(--ink2);
}
.sw-sticky-bar .sw-sticky-text em {
  color: var(--danger);
  font-style: normal;
  font-weight: 700;
}
.sw-sticky-bar .sw-sticky-btn {
  display: inline-block;
  background: var(--coral);
  color: #fff;
  padding: 9px 22px;
  border-radius: 8px;
  font-weight: 700;
  font-size: 14px;
  white-space: nowrap;
  transition: background 0.25s ease;
}
.sw-sticky-bar .sw-sticky-btn:hover {
  background: var(--coral-lt);
}

/* ── HERO SECTION BACKGROUND ── */
.sw-hero-section {
  background: linear-gradient(160deg, #f0f7f4 0%, #f7f4ef 50%, #fdf5f0 100%) !important;
  min-height: 100vh;
}
.sw-hero-section::before {
  content: '';
  position: absolute;
  top: -10%; right: -8%;
  width: 600px; height: 600px;
  background: radial-gradient(circle, rgba(61,107,94,0.08) 0%, transparent 70%);
  border-radius: 50%;
  pointer-events: none;
}

/* ── SECTION EYEBROW LINE ── */
.sw-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
}
.sw-eyebrow::before {
  content: '';
  width: 18px; height: 2px;
  background: var(--coral);
  border-radius: 2px;
  display: block;
}

/* ── STATS BAND ── */
.sw-stats-band {
  background: var(--sage) !important;
}

/* ── CARD STYLES (used in HTML widgets) ── */
.sw-card {
  background: #fff;
  border: 1px solid var(--border);
  border-radius: 20px;
  padding: 28px;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.sw-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 32px rgba(28,40,38,0.09);
}

/* ── FEATURE CARD HOVER LINE ── */
.sw-feat-card {
  position: relative;
  overflow: hidden;
}
.sw-feat-card::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0; height: 3px;
  background: linear-gradient(90deg, var(--sage), var(--sage-light));
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.25s ease;
}
.sw-feat-card:hover::before {
  transform: scaleX(1);
}

/* ── ACCORDION / FAQ OVERRIDE ── */
.elementor-accordion .elementor-tab-title {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-weight: 600 !important;
  color: var(--ink) !important;
  background: var(--warm-white) !important;
  border: 1px solid var(--border) !important;
  border-radius: 12px !important;
  padding: 18px 20px !important;
  transition: border-color 0.25s ease !important;
}
.elementor-accordion .elementor-tab-title:hover,
.elementor-accordion .elementor-tab-title.elementor-active {
  border-color: var(--sage-pale) !important;
  color: var(--sage) !important;
}
.elementor-accordion .elementor-tab-content {
  border: none !important;
  color: var(--slate) !important;
  font-size: 14px !important;
  line-height: 1.78 !important;
  padding: 0 20px 18px !important;
}
.elementor-accordion-icon {
  color: var(--sage) !important;
}

/* ── PRICING SECTION ── */
.sw-pricing-section {
  background: linear-gradient(160deg, #f0f7f4 0%, var(--off-white) 100%) !important;
}

/* ── CTA SECTION ── */
.sw-cta-section {
  background: linear-gradient(160deg, #f0f7f4 0%, #fdf5f0 100%) !important;
}

/* ── FOOTER OVERRIDE ── */
.sw-footer {
  background: #1c2826 !important;
}
.sw-footer .elementor-widget-text-editor p,
.sw-footer .elementor-widget-text-editor a {
  color: rgba(255,255,255,0.4) !important;
  font-size: 13px !important;
}
.sw-footer .elementor-widget-text-editor a:hover {
  color: var(--sage-pale) !important;
}
.sw-footer h4,
.sw-footer .sw-footer-col-title {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: rgba(255,255,255,0.3) !important;
}

/* ── COMPARISON TABLE ── */
.sw-comp-table {
  width: 100%;
  border-collapse: collapse;
  background: #fff;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 1px 6px rgba(28,40,38,0.05);
}
.sw-comp-table thead {
  background: var(--sage);
}
.sw-comp-table th {
  padding: 16px 20px;
  text-align: left;
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.75);
}
.sw-comp-table th.hl { color: #fff; font-weight: 700; }
.sw-comp-table td {
  padding: 14px 20px;
  font-size: 14px;
  border-bottom: 1px solid var(--border-lt);
  color: var(--ink2);
}
.sw-comp-table tr:last-child td { border-bottom: none; }
.sw-comp-table tr:hover td { background: var(--sage-mist); }
.sw-comp-table td.hl { background: rgba(61,107,94,0.04); font-weight: 600; color: var(--ink); }
.sw-comp-yes { color: var(--success); font-weight: 600; }
.sw-comp-no { color: var(--danger); }
.sw-comp-partial { color: #d97706; }

/* ── VERDICT BOX ── */
.sw-verdict {
  background: linear-gradient(135deg, #edf7f2, #dff2e8);
  border: 1px solid #bde4cc;
  border-radius: 16px;
  padding: 24px 28px;
}
.sw-verdict-label {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--success);
  margin-bottom: 10px;
}

/* ── PROS / CONS BOXES ── */
.sw-pros {
  background: linear-gradient(145deg, #edf7f2, #e4f4ec);
  border: 1px solid #c0e4ce;
  border-radius: 24px;
  padding: 36px;
}
.sw-cons {
  background: linear-gradient(145deg, #fff4f2, #fde9e4);
  border: 1px solid #f5c5b8;
  border-radius: 24px;
  padding: 36px;
}

/* ── RESPONSIVE ADJUSTMENTS ── */
@media (max-width: 1024px) {
  .sw-hero-two-col {
    grid-template-columns: 1fr !important;
    text-align: center;
  }
  .sw-stats-grid {
    grid-template-columns: repeat(2,1fr) !important;
  }
  .sw-features-grid {
    grid-template-columns: 1fr 1fr !important;
  }
  .sw-price-grid {
    grid-template-columns: 1fr !important;
    max-width: 360px;
    margin-left: auto;
    margin-right: auto;
  }
  .sw-testi-grid {
    grid-template-columns: 1fr 1fr !important;
  }
  .sw-pc-grid {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 680px) {
  .sw-features-grid,
  .sw-testi-grid,
  .sw-blog-grid {
    grid-template-columns: 1fr !important;
  }
  .sw-alert-bar {
    font-size: 11px;
  }
  .sw-sticky-bar {
    flex-wrap: wrap;
    padding: 10px 1rem;
  }
  .elementor-section-boxed > .elementor-container {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}/* End custom CSS */