.elementor-24 .elementor-element.elementor-element-615f384{--display:flex;--position:fixed;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;top:0px;}body:not(.rtl) .elementor-24 .elementor-element.elementor-element-615f384{left:0px;}body.rtl .elementor-24 .elementor-element.elementor-element-615f384{right:0px;}.elementor-24 .elementor-element.elementor-element-b4c8571{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-24 .elementor-element.elementor-element-eab1307{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-24 .elementor-element.elementor-element-482dea2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-24 .elementor-element.elementor-element-2439a20{--display:flex;--min-height:386px;}.elementor-24 .elementor-element.elementor-element-2439a20:not(.elementor-motion-effects-element-type-background), .elementor-24 .elementor-element.elementor-element-2439a20 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ericeugenelee.wpexpart.com/wp-content/uploads/2026/02/sleep-hero.png");background-position:0px -247px;background-repeat:no-repeat;background-size:cover;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-24 .elementor-element.elementor-element-4771c59{margin:356px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 21px;padding:0px 0px 0px 0px;top:-103.949px;}.elementor-24 .elementor-element.elementor-element-4771c59.elementor-element{--order:99999 /* order end hack */;}body:not(.rtl) .elementor-24 .elementor-element.elementor-element-4771c59{left:112.879px;}body.rtl .elementor-24 .elementor-element.elementor-element-4771c59{right:112.879px;}.elementor-24 .elementor-element.elementor-element-4771c59 .elementor-heading-title{font-family:"Roboto Condensed", Sans-serif;font-size:80px;font-weight:700;color:#FFFFFF;}.elementor-24 .elementor-element.elementor-element-5b7bea9{--display:flex;}@media(min-width:768px){.elementor-24 .elementor-element.elementor-element-b4c8571{--width:33.3333%;}.elementor-24 .elementor-element.elementor-element-eab1307{--width:33.3333%;}.elementor-24 .elementor-element.elementor-element-482dea2{--width:33.3333%;}}@media(max-width:1024px){.elementor-24 .elementor-element.elementor-element-2439a20:not(.elementor-motion-effects-element-type-background), .elementor-24 .elementor-element.elementor-element-2439a20 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}body:not(.rtl) .elementor-24 .elementor-element.elementor-element-4771c59{left:108.963px;}body.rtl .elementor-24 .elementor-element.elementor-element-4771c59{right:108.963px;}.elementor-24 .elementor-element.elementor-element-4771c59{top:-15.997px;}.elementor-24 .elementor-element.elementor-element-4771c59 .elementor-heading-title{font-size:40px;}}@media(max-width:767px){.elementor-24 .elementor-element.elementor-element-2439a20:not(.elementor-motion-effects-element-type-background), .elementor-24 .elementor-element.elementor-element-2439a20 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}body:not(.rtl) .elementor-24 .elementor-element.elementor-element-4771c59{left:3.96px;}body.rtl .elementor-24 .elementor-element.elementor-element-4771c59{right:3.96px;}.elementor-24 .elementor-element.elementor-element-4771c59{top:1.008px;}.elementor-24 .elementor-element.elementor-element-4771c59 .elementor-heading-title{font-size:22px;}}/* Start custom CSS for html, class: .elementor-element-d152185 */<style>
/* =========================
   Sleep Center — V2 (sc-v2)
   FULL CSS — Optimized + De-duplicated
   UPDATE: Category (section header) icons are 50% larger than card icons
   (category = 1.5 * --icon-size)
   ========================= */

/* Base body size standard */
.sc-v2{ font-size:16px; }
@media (max-width:1024px){ .sc-v2{ font-size:17px; } }
@media (max-width:768px){ .sc-v2{ font-size:18px; } }

.sc-v2{
  /* ========== Brand Colors ========== */
  --navy:#0B2F5B;          /* Primary Navy */
  --navy-pressed:#072446;  /* Deep Navy */
  --red:#B10D25;           /* Primary Red */
  --red-hover:#8F0B1D;     /* darker red hover */

  /* ========== Neutrals ========== */
  --text:#0F172A;
  --muted:#475569;
  --disabled:#64748B;

  /* ========== Surfaces ========== */
  --page:#F7FAFF;          /* page background tint */
  --card:#FFFFFF;          /* card background */
  --wash:#EEF5FF;          /* accent wash panels */

  /* ========== Borders ========== */
  --border:#D7E2F0;
  --divider:#E6EEF8;

  /* ========== UI ========== */
  --shadow:0 2px 12px rgba(15,23,42,.08);
  --radius:14px;
  --pill:999px;

  /* ========== Spacing (8px system) ========== */
  --xs:8px;
  --sm:12px;
  --md:16px;
  --lg:24px;
  --xl:32px;
  --2xl:48px;

  /* ========== Icons ========== */
  --icon-size:34px;                 /* CARD icons */
  --section-icon-size: calc(var(--icon-size) * 1.5); /* ✅ CATEGORY icons = 150% of card */
  --section-icon-scale:1.08;        /* helps if PNG has transparent padding */

  font-family:'Roboto', Arial, sans-serif;
  font-weight:400;
  color:var(--text);
}

/* Safety */
.sc-v2 *{ box-sizing:border-box; }
.sc-v2 img{ max-width:100%; height:auto; display:block; }

/* Links (no underline by default; underline on hover) */
.sc-v2 a{
  color:var(--navy);
  text-decoration:none;
  text-underline-offset:3px;
  text-decoration-thickness:2px;
}
.sc-v2 a:hover{ text-decoration:underline; }

/* Focus ring (AA-friendly, consistent) */
.sc-v2 :is(a, button, [role="button"], input, select, textarea):focus-visible{
  outline:3px solid var(--red);
  outline-offset:2px;
  border-radius: var(--pill);
}

/* Typography (H1–H3) */
.sc-v2 :is(h1,h2){
  font-family:'Roboto Condensed','Roboto',Arial,sans-serif;
  font-weight:800;
  line-height:1.15;
  margin:0 0 .5rem;
  color:var(--navy);
}
.sc-v2 h3{
  font-family:'Roboto Condensed','Roboto',Arial,sans-serif;
  font-weight:700;
  line-height:1.2;
  margin:0 0 .5rem;
  color:var(--navy);
}
.sc-v2 p{
  margin:0 0 .85rem;
  line-height:1.6;
  font-family:'Roboto',Arial,sans-serif;
  font-weight:400;
  color:var(--text);
}
.sc-v2 :is(strong,b){ font-weight:500; }

/* =========================
   Layout / Sections
   ========================= */
.sc-v2 .sc-wrap{
  max-width:1280px;
  margin:0 auto;
  padding: clamp(18px, 2vw, 24px);
}

.sc-v2 .sc-section{
  margin-top: var(--lg);
  background: var(--page);
  border:1px solid var(--border);
  border-radius: var(--radius);
  padding: var(--lg);
  box-shadow: var(--shadow);
}

.sc-v2 .sc-section--alt{ background: var(--card); }
.sc-v2 .sc-section__header{ margin:0 0 var(--md); }

.sc-v2 .sc-muted{
  color:var(--muted);
  margin:0;
  line-height:1.6;
  font-family:'Roboto',Arial,sans-serif;
  font-weight:400;
}

/* =========================
   Section Heading (icon left)
   ========================= */
.sc-v2 .sc-h2{
  display:flex;
  align-items:center;
  gap: 12px;
  font-size: clamp(22px, 2.2vw, 32px);
  margin:0 0 6px;
}

/* ✅ CATEGORY ICONS — locked + sized off --icon-size */
.sc-v2 .sc-h2__icon{
  width: var(--section-icon-size) !important;
  height: var(--section-icon-size) !important;
  flex: 0 0 var(--section-icon-size) !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  line-height:0 !important;
  overflow:hidden !important;
  padding:0 !important;
  margin:0 !important;
}

.sc-v2 .sc-h2__icon img{
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  max-height:100% !important;
  object-fit:contain !important;
  display:block !important;
  transform: scale(var(--section-icon-scale)) !important;
  transform-origin:center !important;
}

/* Mobile: keep the 150% relationship but slightly tighter */
@media (max-width:560px){
  .sc-v2{
    --icon-size:32px;              /* card icons slightly smaller on small screens */
    --section-icon-scale:1.10;
  }
}

/* =========================
   Grid: 3 / 2 / 1
   ========================= */
.sc-v2 .sc-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap: var(--md);
}
@media (max-width:1100px){
  .sc-v2 .sc-grid{ grid-template-columns:repeat(2, minmax(0, 1fr)); }
}
@media (max-width:640px){
  .sc-v2 .sc-grid{ grid-template-columns:1fr; }
}

/* =========================
   Cards
   ========================= */
.sc-v2 .sc-card{
  background: var(--card);
  border:1px solid var(--border);
  border-radius: var(--radius);
  padding: var(--md);
  box-shadow: var(--shadow);
  display:flex;
  flex-direction:column;
  min-height: 180px;
}

.sc-v2 .sc-card__head{
  display:flex;
  align-items:center;
  gap: var(--sm);
  margin-bottom: var(--xs);
}

/* Card icon */
.sc-v2 .sc-card__icon{ flex:0 0 auto; line-height:0; }
.sc-v2 .sc-card__icon img{
  width: var(--icon-size);
  height: var(--icon-size);
  object-fit:contain;
}

/* Titles + copy */
.sc-v2 .sc-card__title{
  font-family:'Roboto Condensed','Roboto',Arial,sans-serif;
  font-weight:700;
  font-size: clamp(16px, 1.1vw, 18px);
  line-height:1.2;
  margin:0;
  color:var(--navy);
}
.sc-v2 .sc-card__text{
  color: var(--muted);
  font-size: 0.95em;
  margin:0 0 var(--md);
  line-height:1.6;
}

/* =========================
   Buttons (pill system)
   ========================= */
.sc-v2 .sc-btn,
.sc-v2 .sc-card__btn{
  margin-top:auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:40px;
  padding: 0 16px;
  border-radius: var(--pill);
  font-family:'Roboto',Arial,sans-serif;
  font-weight:800;
  font-size:14px;
  line-height:1;
  border:1px solid transparent;
  cursor:pointer;
  user-select:none;
  white-space:nowrap;
  text-decoration:none !important;
  transition: background .15s ease, border-color .15s ease, transform .04s ease, box-shadow .15s ease, color .15s ease;
}

@media (max-width:768px){
  .sc-v2 .sc-btn,
  .sc-v2 .sc-card__btn{
    min-height:44px;
    font-size:15px;
    padding: 0 18px;
  }
}

/* Hover lift */
.sc-v2 .sc-btn:hover,
.sc-v2 .sc-card__btn:hover{
  box-shadow: 0 10px 22px rgba(15,23,42,.12);
  transform: translateY(-1px);
}

/* Variants */
.sc-v2 .sc-btn--schedule{ background: var(--red); color:#fff; }
.sc-v2 .sc-btn--schedule:hover{ background: var(--red-hover); }

.sc-v2 .sc-btn--primary{ background: var(--navy); color:#fff; }
.sc-v2 .sc-btn--primary:hover{ background: var(--navy-pressed); }

.sc-v2 .sc-btn--soft{
  background: var(--wash);
  border-color: #C7D7F2;
  color: var(--navy);
}
.sc-v2 .sc-btn--soft:hover{ background:#E3EEFF; }

.sc-v2 .sc-btn--outline{
  background: transparent;
  border-color: var(--navy);
  color: var(--navy);
}
.sc-v2 .sc-btn--outline:hover{
  background: rgba(11,47,91,.06);
  border-color: var(--navy-pressed);
  color: var(--navy-pressed);
}

/* Default card CTA = soft */
.sc-v2 .sc-card__btn{
  background: var(--wash);
  border:1px solid #C7D7F2;
  color: var(--navy);
}
.sc-v2 .sc-card__btn:hover{ background:#E3EEFF; }

/* Disabled */
.sc-v2 .is-disabled,
.sc-v2 :is(.sc-btn, .sc-card__btn)[aria-disabled="true"]{
  opacity:.55;
  cursor:not-allowed;
  pointer-events:none;
}

/* Pills (text-only) */
.sc-v2 .sc-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:26px;
  padding: 0 10px;
  border-radius: var(--pill);
  font-family:'Roboto',Arial,sans-serif;
  font-weight:800;
  font-size:12px;
  letter-spacing:.01em;
  border:1px solid transparent;
  color: var(--text);
  background: #F1F5F9;
}
.sc-v2 .sc-pill--online{ background:#D1FAE5; color:#065F46; border-color:#A7F3D0; }
.sc-v2 .sc-pill--pdf{ background:#DBEAFE; color:#1E3A8A; border-color:#BFDBFE; }
.sc-v2 .sc-pill--secure{ background:#E2E8F0; color:#0F172A; border-color:#CBD5E1; }

/* Divider helper */
.sc-v2 .sc-divider{
  height:1px;
  background: var(--divider);
  border:0;
  margin: var(--md) 0;
}

/* Anchor scroll spacing (fixed headers) */
.sc-v2 [id]{ scroll-margin-top:90px; }

/* Mobile: full-width only on single column */
@media (max-width:640px){
  .sc-v2 .sc-btn,
  .sc-v2 .sc-card__btn{ width:100%; }
}
</style>/* End custom CSS */
/* Start custom CSS *//* File: /assets/css/sleep-center.page.css
   Scope: add class "pf-sleep" to the page’s top Section */

/* ---------- Brand tokens & base ---------- */
.pf-sleep{
  --pc-navy:#000035; --pc-teal:#1E88BF; --pc-teal-600:#0f6d71;
  --pc-red:#c44b4b; --pc-cream:#F6F2EA; --pc-sand:#EEDAC2;
  --pc-ink:#2F3E46; --pc-muted:#6b7b86; --pc-card:#fff;
  --pc-shadow:0 10px 28px rgba(10,31,51,.10);

  color:var(--pc-ink);
  font-family:system-ui,-apple-system,Segoe UI,Roboto,"Helvetica Neue",
               Arial,"Noto Sans","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
}
.pf-sleep *{ box-sizing:border-box; }

.pf-sleep a{ color:var(--pc-teal); text-decoration:underline; }
.pf-sleep a:hover{ color:var(--pc-teal-600); }
.pf-sleep a:focus,.pf-sleep :focus-visible{
  outline:2px solid rgba(30,136,191,.45); outline-offset:2px; /* why: visible focus */
}

.pf-sleep h1,.pf-sleep h2,.pf-sleep h3,.pf-sleep h4{
  color:var(--pc-navy); margin:0 0 .5rem; line-height:1.15;
}
.pf-sleep p{ margin:0 0 .75rem; line-height:1.6; font-size:1rem; }
.pf-sleep .subhead{ color:#1B1025; font-weight:800; font-size:1rem; margin:0 .5rem 1rem 0; }
.pf-sleep .meta{ color:var(--pc-muted); font-size:.9rem; }
.pf-sleep .kicker{ color:#1B1025; font-weight:800; margin-bottom:.4rem; }
.pf-sleep .lead{ font-size:1.1rem; font-weight:600; color:var(--pc-navy); }

/* ---------- Layout utilities ---------- */
.pf-sleep .wrap{ max-width:1120px; margin:0 auto; padding:0 20px; }
.pf-sleep .grid{ display:grid; gap:18px; }
.pf-sleep .grid.cols-2{ grid-template-columns:repeat(2,minmax(260px,1fr)); }
.pf-sleep .grid.cols-3{ grid-template-columns:repeat(3,minmax(260px,1fr)); }

@media (max-width:1024px){
  .pf-sleep .grid.cols-3{ grid-template-columns:repeat(2,minmax(260px,1fr)); }
}
@media (max-width:680px){
  .pf-sleep .grid.cols-2,
  .pf-sleep .grid.cols-3{ grid-template-columns:1fr; }
}

/* ---------- Hero ---------- */
.pf-sleep .hero{
  position:relative;
  padding:120px 20px 36px; /* why: clear sticky header */
  background:
    linear-gradient(180deg, rgba(246,242,234,0) 0%, rgba(246,242,234,.85) 60%, rgba(246,242,234,1) 100%),
    linear-gradient(to top, var(--pc-sand), var(--pc-cream) 70%);
}
.pf-sleep .hero .hd{ display:flex; flex-direction:column; gap:12px; align-items:flex-start; }
.pf-sleep .hero h1{ font-size:clamp(34px,5vw,56px); font-weight:800; margin:0; }
.pf-sleep .hero .tag{ color:var(--pc-muted); font-size:clamp(16px,2.1vw,20px); }

/* CTA pills */
.pf-sleep .cta-row{ display:flex; flex-wrap:wrap; gap:12px; margin-top:10px; }
.pf-sleep .btn-pill{
  display:inline-block; padding:12px 18px; border-radius:999px; font-weight:800;
  text-decoration:none; box-shadow:var(--pc-shadow); transition:transform .15s,filter .15s;
}
.pf-sleep .btn-pill:hover{ transform:translateY(-1px); filter:brightness(1.06); }
.pf-sleep .btn-primary{ background:var(--pc-red); color:#fff; }
.pf-sleep .btn-secondary{ background:var(--pc-teal); color:#fff; }
.pf-sleep .btn-ghost{ background:#f3efe7; color:var(--pc-navy); border:1px solid #d6c9b6; }

/* ---------- Quick facts ---------- */
.pf-sleep .facts{ display:flex; gap:18px; flex-wrap:wrap; margin-top:16px; }
.pf-sleep .fact{
  display:flex; align-items:center; gap:10px; padding:10px 14px;
  background:#fff; border-radius:999px; box-shadow:var(--pc-shadow);
  color:var(--pc-navy); font-weight:600;
}
.pf-sleep .badge{
  width:28px; height:28px; border-radius:50%; background:var(--pc-teal); color:#fff;
  display:grid; place-items:center; font-size:.9rem;
}

/* ---------- Cards ---------- */
.pf-sleep .card{
  background:var(--pc-card); border:1px solid #eeede9; border-radius:14px;
  padding:18px; box-shadow:var(--pc-shadow);
}

/* ---------- Lists ---------- */
.pf-sleep .list{ padding-left:1.15rem; margin:.4rem 0; font-size:1rem; }
.pf-sleep .list li{ margin:.4rem 0; color:var(--pc-ink); }
.pf-sleep .list li::marker{ color:var(--pc-navy); }

/* ---------- Path tiles ---------- */
.pf-sleep .path-tile{
  display:flex; gap:14px; align-items:flex-start; padding:16px;
  border-radius:12px; background:#fff; border:1px solid #eeede9; box-shadow:var(--pc-shadow);
}
.pf-sleep .path-ico{
  width:44px;height:44px;border-radius:50%;background:var(--pc-teal);color:#fff;
  display:grid;place-items:center;font-weight:700;
}
.pf-sleep .path-title{ font-weight:800; color:var(--pc-navy); margin:0; }
.pf-sleep .path-desc{ margin:.4rem 0; color:var(--pc-ink); }
.pf-sleep .path-actions a{ margin-right:12px; }

/* ---------- FAQ (details/summary) ---------- */
.pf-sleep details{
  border:1px solid #eeede9; border-radius:12px; padding:12px 16px; background:#fff;
}
.pf-sleep summary{ cursor:pointer; font-weight:700; color:var(--pc-navy); list-style:none; }
.pf-sleep summary::-webkit-details-marker{ display:none; }
.pf-sleep details + details{ margin-top:10px; }
.pf-sleep details[open]{ box-shadow:var(--pc-shadow); }
.pf-sleep details[open] > summary{ color:var(--pc-teal); }

/* ---------- Sticky quick bar (mobile) ---------- */
.pf-sleep .quickbar{
  position:fixed; left:0; right:0; bottom:0; z-index:50; background:#fff;
  box-shadow:0 -6px 20px rgba(0,0,0,.08); display:none; gap:8px;
  padding:10px; padding-bottom:calc(10px + env(safe-area-inset-bottom)); /* why: notches */
}
.pf-sleep .quickbar a{
  flex:1; text-align:center; padding:12px; border-radius:10px;
  text-decoration:none; font-weight:700;
}
.pf-sleep .qb-primary{ background:var(--pc-red); color:#fff; }
.pf-sleep .qb-secondary{ background:var(--pc-teal); color:#fff; }
.pf-sleep .qb-ghost{ background:#f3efe7; color:var(--pc-navy); border:1px solid #d6c9b6; }

@media (max-width:860px){
  .pf-sleep .quickbar{ display:flex; }
  .pf-sleep .page-end-spacer{ height:84px; } /* why: prevent overlap with footer */
}

/* ---------- Helpers ---------- */
.pf-sleep .subtle{ color:var(--pc-muted); }
.pf-sleep .underline-none{ text-decoration:none; }

@media (prefers-reduced-motion:reduce){
  .pf-sleep .btn-pill, .pf-sleep .quickbar a{ transition:none; }
}/* End custom CSS */