/* Landing: Market Weather + Decision Lens */

.ss-landing{
  border-radius: var(--r-lg);
  border: 1px solid var(--border);
  background:
    radial-gradient(1000px 520px at 18% 8%, rgba(139,92,246,0.24), transparent 58%),
    radial-gradient(760px 460px at 82% 0%, rgba(124,58,237,0.18), transparent 60%),
    var(--surface);
  box-shadow: var(--shadow-2);
  overflow: hidden;
}

.ss-landing-inner{ padding: clamp(18px, 4vw, 34px); }

.ss-landing-top{ display:flex; justify-content:flex-start; margin-bottom: 14px; }

.ss-dot{
  width:10px;height:10px;border-radius:999px;
  background: var(--brand-500);
  box-shadow: 0 0 0 4px rgba(139,92,246,0.18);
}

.ss-landing-grid{
  display:grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 18px;
  align-items: start;
}
@media (max-width: 992px){
  .ss-landing-grid{ grid-template-columns: 1fr; }
}

.ss-landing-form{ margin-top: 18px; }

.ss-label{
  display:block;
  font-size: var(--text-sm);
  color: var(--muted);
  margin-bottom: 8px;
}

.ss-inputrow{
  display:grid;
  grid-template-columns: 1fr auto;
  gap: 10px;
  align-items: center;
}
@media (max-width: 768px){
  .ss-inputrow{ grid-template-columns: 1fr; }
}

.ss-hints{
  display:flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
}

.ss-chip{
  border: 1px solid var(--border);
  background: rgba(255,255,255,0.06);
  color: var(--text);
  padding: 6px 10px;
  border-radius: 999px;
  font-size: var(--text-sm);
  cursor: pointer;
  transition: transform .08s ease, background .15s ease, box-shadow .15s ease;
  min-height: 34px;
}
.ss-chip:hover{
  background: rgba(255,255,255,0.09);
  box-shadow: 0 10px 26px rgba(0,0,0,0.18);
}
.ss-chip:active{ transform: translateY(1px); }

.ss-soft-nudge{
  margin-top: 16px;
  padding: 12px;
  border-radius: var(--r-md);
  border: 1px solid var(--border);
  background: rgba(255,255,255,0.05);
  display:flex;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  align-items: center;
}

.ss-soft-nudge__actions{ display:flex; gap: 8px; flex-wrap: wrap; }

.ss-card {
  box-shadow: 0 10px 30px rgba(0,0,0,0.18);
}

.ss-card .ss-btn-primary {
  box-shadow: 0 8px 20px rgba(139,92,246,0.18);
}



/* Right column alignment */
.ss-landing-lens{ align-self: start; }
@media (min-width: 992px){
  .ss-landing-copy{ padding-right: 6px; }
}

/* Decision Lens */
.ss-lens{
  position: relative;
  border-radius: 22px;
  border: 1px solid var(--border);
  background:
    radial-gradient(700px 420px at 30% 15%, rgba(139,92,246,0.20), transparent 60%),
    rgba(255,255,255,0.05);
  box-shadow: var(--shadow-1);
  padding: 16px;
  transition: box-shadow .2s ease, transform .2s ease;
}

.ss-lens::before{
  content:"";
  position:absolute;
  inset: 0;
  border-radius: 22px;
  pointer-events:none;
  background: radial-gradient(600px 260px at 20% 10%, rgba(255,255,255,0.10), transparent 55%);
  opacity: .9;
}

/* Lens state styling (driven by JS via data-state) */
.ss-lens[data-state="neutral"]{ box-shadow: var(--shadow-1); }
.ss-lens[data-state="warm"]{ box-shadow: 0 14px 46px rgba(139,92,246,0.22); }
.ss-lens[data-state="hot"]{
  box-shadow: 0 18px 60px rgba(139,92,246,0.28);
  transform: translateY(-1px);
}

.ss-lens__hdr{
  display:flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
}

.ss-lens__title{ font-weight: 800; letter-spacing: -0.01em; }

.ss-lens__pill{
  font-size: var(--text-xs);
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid var(--border);
  background: rgba(255,255,255,0.06);
  color: var(--muted);
}

.ss-lens__grid{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

.ss-metric{
  border: 1px solid var(--border);
  border-radius: var(--r-md);
  background: rgba(255,255,255,0.04);
  padding: 10px;
}

.ss-metric__k{ font-size: var(--text-xs); color: var(--muted); margin-bottom: 6px; }
.ss-metric__v{ font-weight: 750; color: var(--text); }

.ss-lens__insight{
  margin-top: 12px;
  padding: 10px 12px;
  border-radius: var(--r-md);
  border: 1px solid var(--border);
  background: rgba(255,255,255,0.05);
  color:#3b2f5c;
}

.ss-outcomes{
  margin-top: 12px;
  display:grid;
  grid-template-columns: 1fr;
  gap: 10px;
}

.ss-outcome{
  width: 100%;
  text-align: left;
  cursor: pointer;
  border-radius: var(--r-md);
  border: 1px solid var(--border);
  background: rgba(255,255,255,0.04);
  padding: 10px 12px;
  min-height: 68px;
  transition: transform .08s ease, background .15s ease, box-shadow .15s ease;
}
.ss-outcome:hover{
  background: rgba(255,255,255,0.07);
  box-shadow: 0 14px 40px rgba(0,0,0,0.22);
}
.ss-outcome:active{ transform: translateY(1px); }

.ss-outcome__tag{
  font-size: var(--text-xs);
  color: var(--muted);
  margin-bottom: 6px;
  font-weight: 800;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

.ss-outcome__txt{ color: rgba(255,255,255,0.88); font-weight: 600; }

.ss-outcome__cta{
  margin-top: 8px;
  font-size: var(--text-xs);
  color: rgba(255,255,255,0.72);
  font-weight: 700;
}

/* Docking illusion on submit */
.ss-lens.is-submitting{
  transform: translateY(-2px) scale(0.99);
  box-shadow: 0 20px 64px rgba(139,92,246,0.28);
}

/* Better keyboard focus (accessibility) */
.ss-chip:focus-visible,
.ss-outcome:focus-visible{
  outline: none;
  box-shadow: var(--focus);
}

/* =========================
   Guest preview folders (small, 1-row, 10+ visible)
   ========================= */
.ss-auth-links{
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  margin-left: .5rem;
}

.ss-preview-folders{
  margin-top: 12px;
}

/* Keep header normal */
.ss-preview-hdr{
  display:flex;
  align-items: baseline;
  gap: 10px;
  flex-wrap: wrap;
}

/* ONE horizontal row that scrolls */
.ss-folders-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
  gap: 12px;
  margin-top: 12px;
}


/* Small tile */
.ss-folder{
  flex: 0 0 auto;
  width: 200px;                 /* small */
  text-decoration: none;
  color: inherit;

  border-radius: 12px;
  border: 1px solid var(--border);
  background: rgba(255,255,255,0.05);
  overflow: hidden;

  transition: transform .08s ease, box-shadow .15s ease, background .15s ease;
}

.ss-folder:hover{
  background: rgba(255,255,255,0.07);
  box-shadow: 0 10px 26px rgba(0,0,0,0.18);
  transform: translateY(-1px);
}
.ss-folder:active{ transform: translateY(0px); }

/* 2x2 collage cover */
.ss-folder__cover{
  display:grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 2px;

  padding: 6px;
  background: rgba(255,255,255,0.03);
}

.ss-folder__cell{
  width: 100%;
  aspect-ratio: 1 / 1;
  border-radius: 8px;
  overflow: hidden;
  background: rgba(255,255,255,0.05);
}

.ss-folder__cell img{
  width:100%;
  height:100%;
  object-fit: cover;
  display:block;
}

.ss-folder__ph{
  width:100%;
  height:100%;
  background: rgba(255,255,255,0.06);
}

/* Tight label under folder */
.ss-folder__meta{
  padding: 6px 8px 8px;
}

.ss-folder__title{
  font-size: 0.72rem;
  font-weight: 750;
  line-height: 1.1;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Hide subtitle to keep compact */
.ss-folder__sub{
  display:none;
}

/* No folder icon */
.ss-folder__title::before{
  content:none !important;
}
/* =========================================================
   HOME PAGE — calm light redesign
   Append at very bottom of existing home.css
   Keeps current structure/behavior intact
========================================================= */
/* tighter first section spacing like insights */
.ss-section:first-child{
  padding-top: 12px !important;
}
/* ===== Landing shell ===== */
.ss-landing,
.ss-hero{
  background:
    radial-gradient(1000px 420px at 18% 8%, rgba(111, 143, 184, 0.08), transparent 58%),
    radial-gradient(760px 340px at 82% 0%, rgba(196, 214, 238, 0.18), transparent 60%),
    linear-gradient(180deg, #ffffff 0%, #fafbfd 100%) !important;
  border: 1px solid var(--border) !important;
  border-radius: 24px !important;
  box-shadow: var(--shadow-2) !important;
  overflow: hidden;
}

.ss-landing-inner,
.ss-hero-inner{
  padding: clamp(24px, 4vw, 40px) !important;
}

.ss-landing-top{
  margin-bottom: 18px !important;
}

.ss-dot{
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: var(--brand-500) !important;
  box-shadow: 0 0 0 5px rgba(111, 143, 184, 0.14) !important;
}

.ss-landing-grid,
.ss-grid-2{
  display: grid;
  grid-template-columns: 1.08fr 0.92fr !important;
  gap: clamp(20px, 2vw, 34px) !important;
  align-items: center !important;
}

@media (max-width: 992px){
  .ss-landing-grid,
  .ss-grid-2{
    grid-template-columns: 1fr !important;
  }
}

/* ===== Copy / typography ===== */
.ss-title{
  max-width: 920px;
  font-size: clamp(3.6rem, 6vw, 5.2rem);
  line-height: 0.96;
  letter-spacing: -0.04em;
  margin: 20px 0 18px;
  text-wrap: balance;
}

.ss-subtitle{
  max-width: 860px;
  font-size: 1.05rem;
  line-height: 1.65;
  margin-bottom: 26px;
}

.ss-landing-form{
  max-width: 1180px;
}

.ss-label{
  display: block;
  margin-bottom: 12px;
  font-weight: 700;
  font-size: 1rem;
}

.ss-inputrow{
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  max-width: 1180px;
}

.ss-input{
  min-width: 0;
}

.ss-hints{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 14px;
}

@media (max-width: 991.98px){
  .ss-title{
    max-width: 100%;
    font-size: clamp(2.8rem, 10vw, 4.2rem);
  }

  .ss-subtitle{
    max-width: 100%;
  }

  .ss-inputrow{
    grid-template-columns: 1fr;
  }
}

/* ===== Search row ===== */
.ss-landing-form{
  margin-top: 22px !important;
}

.ss-inputrow{
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 12px !important;
  align-items: center !important;
}

@media (max-width: 768px){
  .ss-inputrow{
    grid-template-columns: 1fr !important;
  }
}

.ss-input{
  min-height: 46px !important;
  border-radius: 14px !important;
  border: 1px solid var(--border) !important;
  background: var(--surface) !important;
  color: var(--text) !important;
  padding: 0.9rem 1rem !important;
  box-shadow: none !important;
}

.ss-input::placeholder{
  color: var(--muted-2) !important;
}

.ss-input:focus{
  border-color: var(--brand-500) !important;
  box-shadow: var(--focus) !important;
  background: var(--surface) !important;
}

.ss-btn,
.ss-btn-primary{
  min-height: 46px !important;
  border-radius: 14px !important;
  padding: 0.8rem 1.1rem !important;
  font-size: 0.96rem !important;
  font-weight: 700 !important;
  box-shadow: none !important;
}

.ss-btn-primary{
  background: var(--brand-700) !important;
  border-color: var(--brand-700) !important;
  color: #fff !important;
}

.ss-btn-primary:hover{
  background: var(--brand-800) !important;
  border-color: var(--brand-800) !important;
}

/* ===== Hint chips ===== */
.ss-hints{
  display: flex;
  flex-wrap: wrap;
  gap: 10px !important;
  margin-top: 14px !important;
}

.ss-chip{
  min-height: 36px !important;
  padding: 0.48rem 0.8rem !important;
  border-radius: 999px !important;
  border: 1px solid var(--border) !important;
  background: #f8fafc !important;
  color: var(--text-soft) !important;
  font-size: 0.88rem !important;
  font-weight: 600 !important;
  box-shadow: none !important;
}

.ss-chip:hover{
  background: var(--surface-3) !important;
  color: var(--text) !important;
  transform: none !important;
  box-shadow: var(--shadow-1) !important;
}

.ss-chip:active{
  transform: none !important;
}

/* ===== Helper copy under hints ===== */
.ss-soft-nudge{
  margin-top: 16px !important;
  padding: 14px 16px !important;
  border-radius: 16px !important;
  border: 1px solid var(--border) !important;
  background: #f9fbfd !important;
  color: var(--text-soft) !important;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

.ss-soft-nudge__actions{
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

/* ===== Right lens card ===== */
.ss-lens,
.ss-card{
  position: relative;
  border-radius: 22px !important;
  border: 1px solid var(--border) !important;
  background:
    radial-gradient(800px 320px at 16% 10%, rgba(111, 143, 184, 0.06), transparent 56%),
    linear-gradient(180deg, #ffffff 0%, #fbfcfe 100%) !important;
  box-shadow: var(--shadow-1) !important;
  padding: 18px !important;
}

.ss-lens::before{
  display: none !important;
}

.ss-lens[data-state="neutral"],
.ss-lens[data-state="warm"],
.ss-lens[data-state="hot"]{
  box-shadow: var(--shadow-1) !important;
  transform: none !important;
}

.ss-lens__hdr{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 14px !important;
}

.ss-lens__title{
  font-size: 1.05rem !important;
  font-weight: 800 !important;
  color: var(--text) !important;
  letter-spacing: -0.01em;
}

.ss-lens__pill{
  font-size: 0.76rem !important;
  padding: 6px 10px !important;
  border-radius: 999px !important;
  border: 1px solid var(--border) !important;
  background: #f8fafc !important;
  color: var(--muted) !important;
}

.ss-lens__grid{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px !important;
}

.ss-metric{
  border: 1px solid var(--border) !important;
  border-radius: 14px !important;
  background: var(--surface) !important;
  padding: 12px !important;
  box-shadow: none !important;
}

.ss-metric__k{
  font-size: 0.78rem !important;
  color: var(--muted) !important;
  margin-bottom: 6px !important;
  line-height: 1.35;
}

.ss-metric__v{
  font-size: 1rem !important;
  font-weight: 750 !important;
  color: var(--text) !important;
  line-height: 1.35;
}

.ss-lens__insight{
  margin-top: 12px !important;
  padding: 12px 13px !important;
  border-radius: 14px !important;
  border: 1px solid var(--border) !important;
  background: #f8fafc !important;
  color: var(--text-soft) !important;
}

/* ===== Outcome cards ===== */
.ss-outcomes{
  margin-top: 12px !important;
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px !important;
}

.ss-outcome{
  width: 100%;
  text-align: left;
  border-radius: 14px !important;
  border: 1px solid var(--border) !important;
  background: var(--surface) !important;
  padding: 12px 14px !important;
  min-height: 72px !important;
  box-shadow: none !important;
}

.ss-outcome:hover{
  background: var(--surface-2) !important;
  box-shadow: var(--shadow-1) !important;
  transform: none !important;
}

.ss-outcome:active{
  transform: none !important;
}

.ss-outcome__tag{
  font-size: 0.74rem !important;
  color: var(--muted) !important;
  margin-bottom: 6px !important;
  font-weight: 800 !important;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}

.ss-outcome__txt{
  color: var(--text) !important;
  font-size: 0.94rem !important;
  line-height: 1.45;
  font-weight: 600 !important;
}

.ss-outcome__cta{
  margin-top: 8px !important;
  font-size: 0.76rem !important;
  color: var(--brand-700) !important;
  font-weight: 700 !important;
}

/* ===== Preview folders ===== */
.ss-preview-folders{
  margin-top: 18px !important;
}

.ss-preview-hdr{
  display: flex;
  align-items: baseline;
  gap: 10px;
  flex-wrap: wrap;
}

.ss-folders-grid{
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)) !important;
  gap: 14px !important;
  margin-top: 14px !important;
}

.ss-folder{
  width: auto !important;
  border-radius: 16px !important;
  border: 1px solid var(--border) !important;
  background: var(--surface) !important;
  box-shadow: var(--shadow-1) !important;
  overflow: hidden;
  transition: background-color .16s ease, border-color .16s ease, box-shadow .16s ease, transform .16s ease;
}

.ss-folder:hover{
  background: #fcfdff !important;
  border-color: var(--border-strong) !important;
  box-shadow: var(--shadow-2) !important;
  transform: translateY(-2px) !important;
}

.ss-folder:active{
  transform: translateY(0) !important;
}

.ss-folder__cover{
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 4px !important;
  padding: 8px !important;
  background: #f8fafc !important;
}

.ss-folder__cell{
  border-radius: 10px !important;
  overflow: hidden;
  background: var(--surface) !important;
  border: 1px solid rgba(24, 34, 48, 0.05);
}

.ss-folder__cell img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.ss-folder__ph{
  width: 100%;
  height: 100%;
  background: #eef3f8 !important;
}

.ss-folder__meta{
  padding: 10px 10px 12px !important;
}

.ss-folder__title{
  font-size: 0.84rem !important;
  font-weight: 750 !important;
  line-height: 1.25 !important;
  text-align: center;
  color: var(--text) !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* ===== Auth links / footer area on landing ===== */
.ss-auth-links{
  gap: 0.55rem !important;
  margin-left: 0.5rem !important;
}

.ss-auth-links a{
  color: var(--brand-700);
  font-weight: 700;
}

/* ===== Spacing + mobile polish ===== */
@media (max-width: 992px){
  .ss-landing-copy{
    padding-right: 0 !important;
  }

  .ss-lens,
  .ss-card{
    padding: 16px !important;
  }
}

@media (max-width: 767.98px){
  .ss-landing,
  .ss-hero{
    border-radius: 20px !important;
  }

  .ss-landing-inner,
  .ss-hero-inner{
    padding: 18px !important;
  }



.ss-landing-form{
  max-width: 1180px;
}

.ss-label{
  display: block;
  margin-bottom: 12px;
  font-weight: 700;
  font-size: 1rem;
}

.ss-inputrow{
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  max-width: 1180px;
}

.ss-input{
  min-width: 0;
}

.ss-hints{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 14px;
}



  .ss-lens__grid{
    grid-template-columns: 1fr 1fr !important;
  }

  .ss-folders-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 520px){
  .ss-lens__grid{
    grid-template-columns: 1fr !important;
  }

  .ss-folders-grid{
    grid-template-columns: 1fr 1fr !important;
    gap: 12px !important;
  }

  .ss-chip{
    font-size: 0.84rem !important;
  }
}
/* =========================
   HOME CLEAN LANDING + GUEST PREVIEW
   ========================= */

.ss-landing-grid{
  grid-template-columns: 1fr !important;
  gap: 0 !important;
}

.ss-landing-copy{
  width: 100%;
  max-width: 1280px;
}

.ss-badge{
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

.ss-dot{
  background: var(--brand-500) !important;
  box-shadow: 0 0 0 5px rgba(111, 143, 184, 0.14) !important;
}

.ss-home-preview{
  margin-top: 22px;
}

.ss-authbar{
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
  padding: 0 0 14px 0;
  border: none;
  border-radius: 0;
  background: transparent;
}

.ss-authbar__copy{
  display: flex;
  gap: 10px;
  align-items: baseline;
  flex-wrap: wrap;
}

.ss-authbar__actions{
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.ss-authbtn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  padding: 0 14px;
  border-radius: 12px;
  text-decoration: none;
  font-weight: 700;
  border: 1px solid var(--border);
}

.ss-authbtn--secondary{
  background: #fff;
  color: var(--text);
}

.ss-authbtn--primary{
  background: var(--brand-700);
  color: #fff;
  border-color: var(--brand-700);
}

.ss-preview-grid{
  margin-top: 16px;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 16px;
}

.pcard--guest{
  display: block;
  text-decoration: none;
  color: inherit;
  border-radius: 18px;
  overflow: hidden;
  border: 1px solid var(--border);
  background: #fff;
  box-shadow: var(--shadow-1);
  transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}

.pcard--guest:hover{
  transform: translateY(-2px);
  box-shadow: var(--shadow-2);
  border-color: var(--border-strong);
}

.pcard--guest .pcard__media{
  position: relative;
}

.pcard__lock{
  position: absolute;
  top: 10px;
  right: 10px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(17, 24, 39, 0.78);
  color: #fff;
  font-size: 0.75rem;
  font-weight: 700;
}

.pcard--guest .pcard__source-row,
.pcard--guest .pcard__title,
.pcard--guest .pcard__price{
  padding-left: 12px;
  padding-right: 12px;
}

.pcard--guest .pcard__source-row{
  padding-top: 10px;
}

.pcard--guest .pcard__title{
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 0.95rem;
  line-height: 1.4;
  min-height: 3.9em;
}

.pcard--guest .pcard__price{
  font-weight: 800;
  padding-bottom: 0px;
}

.pcard__guestcta{
  display: none;
  padding: 0;
  margin: 0;
}

.pcard__guestbtn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 36px;
  padding: 0 12px;
  border-radius: 10px;
  background: #edf4ff;
  color: var(--brand-700);
  font-weight: 700;
  font-size: 0.86rem;
}

.ss-market-story{
  margin-top: 26px;
  padding: 20px;
  border: 1px solid var(--border);
  border-radius: 20px;
  background: linear-gradient(180deg, #ffffff 0%, #fbfcfe 100%);
  box-shadow: var(--shadow-1);
}

.ss-market-story__head{
  margin-bottom: 16px;
}

.ss-market-story__title{
  margin: 0 0 6px;
  font-size: 1.35rem;
  font-weight: 800;
}

.ss-market-story__subtitle{
  margin: 0;
  color: var(--text-soft);
}

.ss-story-strip{
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.ss-story-stat{
  border: 1px solid var(--border);
  border-radius: 14px;
  background: #fff;
  padding: 12px;
}

.ss-story-stat__k{
  font-size: .78rem;
  color: var(--muted);
  margin-bottom: 6px;
}

.ss-story-stat__v{
  font-size: 1rem;
  font-weight: 800;
}

.ss-story-block{
  margin-top: 18px;
  padding-top: 18px;
  border-top: 1px solid var(--border);
}

.ss-story-block__head{
  margin-bottom: 12px;
}

.ss-story-block__head h3{
  margin: 0 0 4px;
  font-size: 1.05rem;
  font-weight: 800;
}

.ss-histo{
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
  align-items: end;
}

.ss-histo__item{
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.ss-histo__barWrap{
  height: 140px;
  display: flex;
  align-items: end;
}

.ss-histo__bar{
  width: 100%;
  min-height: 10px;
  border-radius: 10px 10px 0 0;
  background: linear-gradient(180deg, #7ea3cc 0%, #49668a 100%);
}

.ss-histo__count{
  font-size: .86rem;
  font-weight: 700;
}

.ss-histo__range{
  font-size: .78rem;
  color: var(--text-soft);
}

.ss-pill-grid,
.ss-driver-grid,
.ss-segment-grid{
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 12px;
}

.ss-pill-card,
.ss-driver-card,
.ss-segment-card{
  border: 1px solid var(--border);
  border-radius: 14px;
  background: #fff;
  padding: 12px;
}

.ss-pill-card__title,
.ss-driver-card__label,
.ss-segment-card__name{
  font-weight: 800;
  margin-bottom: 6px;
}

.ss-pill-card__meta,
.ss-driver-card__headline{
  color: var(--text);
  margin-bottom: 4px;
}

.ss-pill-card__sub,
.ss-driver-card__meta,
.ss-segment-card__meta{
  color: var(--muted);
  font-size: .86rem;
}

@media (max-width: 991.98px){
  .ss-story-strip{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px){
  .ss-story-strip,
  .ss-histo{
    grid-template-columns: 1fr;
  }

  .ss-histo__barWrap{
    height: 56px;
  }

  .ss-preview-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}


.ss-home-benefit{
  min-height: 200px;
  padding: 16px;
  border: 1px solid #dfe6ee;
  border-radius: 22px;
  background: #fbfcfe;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow: hidden;
}

.ss-home-benefit__visual{
  height: 118px;
  border-radius: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 14px;
}

.ss-home-benefit__title{
  font-weight: 800;
  font-size: 1rem;
  line-height: 1.25;
}

.ss-home-benefit--blue .ss-home-benefit__visual{
  background: linear-gradient(135deg, #e7f0ff 0%, #cfe0ff 100%);
}

.ss-home-benefit--indigo .ss-home-benefit__visual{
  background: linear-gradient(135deg, #e9e8ff 0%, #d8d5ff 100%);
}

.ss-home-benefit--teal .ss-home-benefit__visual{
  background: linear-gradient(135deg, #e4fbf7 0%, #c9f0e8 100%);
}

.ss-home-benefit--violet .ss-home-benefit__visual{
  background: linear-gradient(135deg, #f0eaff 0%, #ded2ff 100%);
}

.ss-home-benefit--sky .ss-home-benefit__visual{
  background: linear-gradient(135deg, #e8f6ff 0%, #cfeeff 100%);
}

.ss-home-benefit--amber .ss-home-benefit__visual{
  background: linear-gradient(135deg, #fff4da 0%, #ffe5a9 100%);
}

.ss-illus{
  position: relative;
  width: 100%;
  height: 100%;
}

.ss-illus--sources{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.ss-illus--sources .ss-illus__bubble{
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #4e6f97;
  box-shadow:
    28px -8px 0 0 #83a7d6,
    -28px 8px 0 0 #27415f;
}

.ss-illus--spread{
  display: flex;
  align-items: end;
  justify-content: center;
  gap: 10px;
  padding-bottom: 16px;
}

.ss-illus--spread .ss-illus__bar{
  width: 18px;
  border-radius: 12px 12px 0 0;
  background: #4e6f97;
}

.ss-illus--spread .ss-illus__bar:nth-child(1){ height: 36px; opacity: .6; }
.ss-illus--spread .ss-illus__bar:nth-child(2){ height: 56px; opacity: .78; }
.ss-illus--spread .ss-illus__bar:nth-child(3){ height: 82px; }
.ss-illus--spread .ss-illus__bar:nth-child(4){ height: 48px; opacity: .72; }

.ss-illus--filter{
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  gap: 10px;
  padding: 18px;
}

.ss-illus--filter .ss-illus__chip{
  width: 64px;
  height: 24px;
  border-radius: 999px;
  background: #2f7f78;
}

.ss-illus--filter .ss-illus__chip:nth-child(2){
  width: 84px;
  background: #5aa9a1;
}

.ss-illus--filter .ss-illus__chip:nth-child(3){
  width: 54px;
  background: #8bd2c8;
}

.ss-illus--marketplaces{
  display: grid;
  grid-template-columns: repeat(2, 42px);
  grid-template-rows: repeat(2, 42px);
  gap: 10px;
  justify-content: center;
  align-content: center;
}

.ss-illus--marketplaces .ss-illus__tile{
  border-radius: 14px;
  background: #7d67c9;
}

.ss-illus--marketplaces .ss-illus__tile:nth-child(2){ background: #a390ea; }
.ss-illus--marketplaces .ss-illus__tile:nth-child(3){ background: #5f4ab1; }
.ss-illus--marketplaces .ss-illus__tile:nth-child(4){ background: #c2b5f8; }

.ss-illus--unified{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0;
}

.ss-illus--unified .ss-illus__panel{
  width: 54px;
  height: 74px;
  border-radius: 16px;
  background: #65a8d7;
  border: 4px solid rgba(255,255,255,0.7);
}

.ss-illus--unified .ss-illus__panel:nth-child(2){
  margin-left: -16px;
  background: #2f6e9b;
}

.ss-illus--neutral{
  display: flex;
  align-items: center;
  justify-content: center;
}

.ss-illus--neutral .ss-illus__shield{
  width: 64px;
  height: 78px;
  background: #d49c1f;
  clip-path: polygon(50% 0%, 90% 16%, 90% 54%, 50% 100%, 10% 54%, 10% 16%);
  box-shadow: inset 0 -8px 0 rgba(0,0,0,0.08);
}


/* =========================================================
   HOME — results section under hero
========================================================= */

.ss-results-shell{
  margin-top: 26px;
  padding: 22px;
  border: 1px solid #d7dee8;
  border-radius: 24px;
  background: #fcfdff;
}

.ss-authbar{
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
  padding: 14px 16px;
  border: none;
  border-radius: 16px;
  background: #f8fafc;
}

.ss-authbar__copy{
  display: flex;
  gap: 10px;
  align-items: baseline;
  flex-wrap: wrap;
}

.ss-authbar__actions{
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.ss-authbtn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  padding: 0 14px;
  border-radius: 12px;
  text-decoration: none;
  font-weight: 700;
  border: 1px solid var(--border);
}

.ss-authbtn--secondary{
  background: #fff;
  color: var(--text);
}

.ss-authbtn--primary{
  background: var(--brand-700);
  color: #fff;
  border-color: var(--brand-700);
}

/* ===== one-row products ===== */

.ss-preview-rowWrap{
  margin-top: 18px;
}

.ss-preview-rowHead{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}

.ss-preview-rowTitle{
  margin: 0;
  font-size: 1.1rem;
  font-weight: 800;
}

.ss-preview-row{
  display: flex;
  gap: 16px;
  overflow-x: auto;
  overflow-y: hidden;
  padding-bottom: 8px;
  scroll-snap-type: x proximity;
}

.ss-preview-row::-webkit-scrollbar{
  height: 10px;
}

.ss-preview-row::-webkit-scrollbar-thumb{
  background: #c9d4e2;
  border-radius: 999px;
}

.ss-preview-row__item{
  flex: 0 0 260px;
  min-width: 260px;
  scroll-snap-align: start;
}

.ss-preview-row__item .pcard--guest{
  width: 100%;
}

/* ===== reveal section ===== */

.ss-reveal{
  margin-top: 28px;
  padding-top: 8px;
  border-top: 1px solid var(--border);
}

.ss-reveal__head{
  margin-bottom: 16px;
}

.ss-reveal__title{
  margin: 0 0 4px;
  font-size: 1.3rem;
  font-weight: 800;
}

.ss-reveal__subtitle{
  margin: 0;
  color: var(--text-soft);
}

.ss-reveal__top{
  display: grid;
  grid-template-columns: minmax(260px, 0.9fr) minmax(0, 2fr);
  gap: 14px;
  margin-bottom: 16px;
  align-items: stretch;
}

.ss-reveal__statsCol{
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
}

.ss-reveal-stat{
  border: 1px solid var(--border);
  border-radius: 16px;
  background: #fff;
  padding: 14px 16px;
  min-height: 92px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.ss-reveal-stat__k{
  font-size: .78rem;
  color: var(--muted);
  margin-bottom: 6px;
}

.ss-reveal-stat__v{
  font-size: 1rem;
  font-weight: 800;
  line-height: 1.35;
}

.ss-reveal__histCol{
  min-width: 0;
}

.ss-reveal__grid{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}

.ss-reveal-card{
  border: none;
  border-radius: 18px;
  background: #fff;
  padding: 16px;
}

.ss-reveal-card__head{
  margin-bottom: 12px;
}

.ss-reveal-card__head h3{
  margin: 0 0 4px;
  font-size: 1.02rem;
  font-weight: 800;
}

.ss-reveal-card--hist{
  height: 100%;
}

/* compact histogram */
.ss-mini-histo{
  display: grid;
  gap: 12px;
}

.ss-mini-histo__row{
  display: grid;
  grid-template-columns: 170px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
}

.ss-mini-histo__meta{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-width: 0;
}

.ss-mini-histo__range{
  font-size: .8rem;
  line-height: 1.25;
  color: var(--text-soft);
  white-space: nowrap;
}

.ss-mini-histo__count{
  font-size: .82rem;
  font-weight: 800;
  color: var(--text);
  flex: 0 0 auto;
}

.ss-mini-histo__track{
  height: 12px;
  border-radius: 999px;
  background: #e8eef5;
  overflow: hidden;
  position: relative;
}

.ss-mini-histo__fill{
  height: 100%;
  min-width: 8px;
  border-radius: 999px;
  background: linear-gradient(90deg, #88acd5 0%, #496b92 100%);
}

/* cards inside reveal */
.ss-pill-grid,
.ss-driver-grid{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 10px;
}

.ss-pill-card,
.ss-driver-card{
  border: 1px solid var(--border);
  border-radius: 14px;
  background: #fbfcfe;
  padding: 12px;
}

.ss-pill-card__title,
.ss-driver-card__label{
  font-weight: 800;
  margin-bottom: 6px;
}

.ss-pill-card__meta,
.ss-driver-card__headline{
  color: var(--text);
  margin-bottom: 4px;
}

.ss-pill-card__sub,
.ss-driver-card__meta{
  color: var(--muted);
  font-size: .84rem;
}

@media (max-width: 991.98px){
  .ss-reveal__top{
    grid-template-columns: 1fr;
  }

  .ss-reveal__statsCol{
    grid-template-columns: 1fr;
  }

  .ss-reveal__grid{
    grid-template-columns: 1fr;
  }

  .ss-preview-row__item{
    flex-basis: 220px;
    min-width: 220px;
  }

  .ss-mini-histo__barWrap{
    height: 120px;
  }
}

@media (max-width: 640px){
  .ss-results-shell{
    padding: 16px;
  }

  .ss-mini-histo{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

/* =========================================================
   FINAL SOFT CLEANUP — truly reduce lines/shadows
========================================================= */

.ss-landing,
.ss-results-shell{
  box-shadow: none !important;
}

/* keep only outer shells */
.ss-landing{
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
}

.ss-results-shell{
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  margin-top: 32px !important;
  padding: 0 !important;
}

/* remove borders from most nested cards */
.ss-authbar,
.ss-reveal-stat,
.ss-reveal-card,
.ss-pill-card,
.ss-driver-card,
.ss-home-benefit,
.pcard--guest{
  box-shadow: none !important;
  border: none !important;
}

/* use soft backgrounds instead of outlines */
.ss-authbar{
  background: #f8fafc !important;
}

.ss-reveal-stat{
  background: #f7faff !important;
  border-radius: 14px !important;
}

.ss-reveal-card{
  background: #ffffff !important;
  border-radius: 16px !important;
}

.ss-pill-card,
.ss-driver-card{
  background: #f8fbff !important;
  border-radius: 12px !important;
}

.ss-home-benefit{
  background: #fbfcfe !important;
  border-radius: 18px !important;
}

.pcard--guest{
  background: #ffffff !important;
  border-radius: 14px !important;
}

/* only product cards keep a very soft outline */
.pcard--guest{
  border: 1px solid #e7edf4 !important;
}

.pcard--guest:hover{
  transform: none !important;
  box-shadow: none !important;
  border-color: #dde6ef !important;
}

/* remove section divider line */
.ss-reveal{
  border-top: none !important;
  padding-top: 0 !important;
}

/* remove any extra top divider look */
.ss-preview-rowWrap,
.ss-story-block,
.ss-market-story{
  border-top: none !important;
}

/* histogram softer */
.ss-mini-histo__track{
  background: #eef3f8 !important;
}

.ss-mini-histo__fill{
  background: linear-gradient(90deg, #7e9fc4 0%, #5f7fa4 100%) !important;
}

/* chips calmer */
.ss-chip{
  background: #f7f9fc !important;
  border: 1px solid #e4ebf2 !important;
  box-shadow: none !important;
}

.ss-chip:hover{
  box-shadow: none !important;
  background: #f2f6fb !important;
}

/* buttons */
.ss-authbtn--primary,
.ss-btn-primary{
  box-shadow: none !important;
}

/* scrollbar */
.ss-preview-row::-webkit-scrollbar{
  height: 8px !important;
}

.ss-preview-row::-webkit-scrollbar-thumb{
  background: #d6dee8 !important;
  border-radius: 999px !important;
}
/* final spacing cleanup */
.ss-landing-inner{
  padding: 0 !important;
}

.ss-home-preview{
  margin-top: 0 !important;
}

.ss-preview-rowWrap{
  margin-top: 8px !important;
}

.ss-reveal{
  margin-top: 24px !important;
}

.ss-results-shell > *{
  max-width: none;
}
/* =========================================================
   FINAL SECTION LAYOUT — white sections, no borders
   PASTE THIS AT THE VERY END OF home.css
========================================================= */

/* page background stays calm gray */
body{
  background: #f3f5f8 !important;
}

/* outer wrappers should disappear */
.ss-landing,
.ss-results-shell{
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
}

.ss-results-shell{
  margin-top: 28px !important;
  padding: 0 !important;
}

/* hero = section 1 */
.ss-landing-inner{
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* section spacing */
.ss-authbar,
.ss-preview-rowWrap,
.ss-reveal{
  margin-top: 18px !important;
}

/* login/create bar = section 2 */
.ss-authbar{
  background: #ffffff !important;
  border: none !important;
  border-radius: 18px !important;
  box-shadow: none !important;
  padding: 16px 18px !important;
}

/* products found = section 3 */
.ss-preview-rowWrap{
  background: #ffffff;
  border: none;
  border-radius: 22px;
  box-shadow: none;
  padding: 12px 20px 16px;
  margin-top: 0;
}

/* what this search reveals = section 4 */
.ss-reveal{
  background: #ffffff !important;
  border: none !important;
  border-radius: 18px !important;
  box-shadow: none !important;
  padding: 16px 18px !important;
}

/* remove all section divider lines */
.ss-reveal,
.ss-preview-rowWrap,
.ss-story-block,
.ss-market-story{
  border-top: none !important;
}

/* results row scrollbar spacing */
.ss-preview-row{
  padding-bottom: 10px !important;
}

/* inner cards keep simple look */
.ss-reveal-stat,
.ss-reveal-card,
.ss-pill-card,
.ss-driver-card,
.pcard--guest,
.ss-home-benefit{
  box-shadow: none !important;
}

/* inner cards: no hard borders except product cards */
.ss-reveal-stat,
.ss-reveal-card,
.ss-pill-card,
.ss-driver-card,
.ss-home-benefit{
  border: none !important;
}

/* product cards can keep very soft outline */
.pcard--guest{
  border: 1px solid #e6edf4 !important;
  border-radius: 14px !important;
  background: #ffffff !important;
}

.pcard--guest:hover{
  transform: none !important;
  box-shadow: none !important;
  border-color: #dde6ef !important;
}

/* small info cards inside reveal */
.ss-reveal-stat{
  background: #f7faff !important;
  border-radius: 14px !important;
}

.ss-reveal-card{
  background: #ffffff !important;
  border-radius: 14px !important;
}

.ss-pill-card,
.ss-driver-card{
  background: #f8fbff !important;
  border-radius: 12px !important;
}

/* hero benefit cards */
.ss-home-benefit{
  background: #fbfcfe !important;
  border-radius: 18px !important;
}

/* remove leftover auth bar framing feel */
.ss-authbar__copy,
.ss-authbar__actions{
  margin: 0 !important;
}

/* make section titles breathe a bit */
.ss-preview-rowHead,
.ss-reveal__head{
  margin-bottom: 14px !important;
}

/* mobile */
@media (max-width: 767.98px){
  .ss-landing-inner,
  .ss-authbar,
  .ss-preview-rowWrap,
  .ss-reveal{
    padding: 14px !important;
    border-radius: 16px !important;
  }
}

.ss-landing-grid{
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.ss-preview-rowHead{
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
  margin-bottom: 14px !important;
}

.ss-preview-rowHead__left{
  display: flex;
  align-items: baseline;
  gap: 10px;
  flex-wrap: wrap;
}

.ss-preview-rowHead__note{
  color: var(--text-soft);
  font-size: 0.9rem;
}

.ss-preview-rowHead__actions{
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.pcard--guest{
  border: none !important;
  box-shadow: none !important;
  background: #ffffff !important;
}

.pcard--guest:hover{
  border: none !important;
  box-shadow: none !important;
}
.ss-reveal-card--hist{
  background: #f8fbff !important;
  border-radius: 14px !important;
}

.ss-mini-histo__track{
  background: #e7eef6 !important;
}
.ss-authbar{
  display: none !important;
}
.ss-preview-rowWrap{
  margin-top: 0 !important;
  padding-top: 18px !important;
}
.ss-preview-rowHead{
  margin-bottom: 14px !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
}

.ss-preview-row{
  margin-top: 0 !important;
}
.ss-authbar{
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
}
.ss-preview-rowWrap{
  background: #ffffff !important;
  border-radius: 22px !important;
  box-shadow: none !important;
}
.ss-results-shell{
  margin-top: 6px;
  padding: 0;
  background: transparent;
  border: none;
  box-shadow: none;
}

.ss-preview-rowWrap{
  background: #ffffff;
  border: none;
  border-radius: 22px;
  box-shadow: none;
  padding: 18px 20px;
  margin-top: 0;
}

.ss-preview-rowHead{
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
  margin-bottom: 14px;
}

.ss-preview-rowHead__left{
  display: flex;
  align-items: baseline;
  gap: 10px;
  flex-wrap: wrap;
}

.ss-preview-rowHead__note{
  color: var(--text-soft);
  font-size: 0.9rem;
}

.ss-preview-rowHead__actions{
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.ss-authbar{
  display: none !important;
}
.ss-driver-empty{
  background: #f8fbff;
  border-radius: 12px;
  padding: 16px 18px;
  color: var(--text-soft);
  font-size: 0.95rem;
  line-height: 1.5;
  min-height: 88px;
  display: flex;
  align-items: center;
}
/* =========================================================
   HOME — use full-width canvas + rely on global header search
   append at very bottom of home.css
========================================================= */

/* full-width home wrapper inside the global page container */
.ss-home-shell{
  width: 100%;
  max-width: none;
  padding-top: 0px;
}

/* let the landing shell fully use the available width */
.ss-home-shell .ss-landing,
.ss-home-shell .ss-results-shell,
.ss-home-shell .ss-landing-grid,
.ss-home-shell .ss-landing-copy{
  width: 100%;
  max-width: none !important;
}

/* keep hero content wide and balanced */
.ss-home-shell .ss-landing-top,
.ss-home-shell .ss-landing-grid{
  width: 100%;
  max-width: none !important;
}

/* since search moved to global header, tighten hero spacing */
.ss-home-band{
  margin: 10px 0 12px !important;
}

.ss-home-search-tools{
  margin-top: 8px;
}

.ss-home-search-tools .ss-hints{
  margin-top: 0 !important;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

/* remove legacy landing form spacing if any old rules still affect layout */
.ss-landing-form,
.ss-inputrow,
.ss-input,
.ss-btn.ss-btn-primary{
  margin: 0 !important;
}

/* make the main white hero section span nicely across the wider page */
.ss-landing-top,
.ss-landing-grid{
  width: 100% !important;
  max-width: none !important;
}

/* keep preview/reveal sections using the same full-width canvas */
.ss-preview-rowWrap,
.ss-reveal{
  width: 100%;
  max-width: none;
}

/* mobile */
@media (max-width: 767.98px){
  .ss-home-shell{
    padding-top: 8px;
  }

  .ss-home-band{
    margin: 8px 0 10px !important;
  }

  .ss-home-search-tools{
    margin-top: 6px;
  }
}
/* =========================================================
   HOME HERO — single final version
========================================================= */

/* landing wrappers: zero framing, zero extra spacing */
.ss-home-shell{
  width: 100%;
  max-width: none;
  padding-top: 0 !important;
}

.ss-home-shell .ss-landing,
.ss-home-shell .ss-landing-inner,
.ss-home-shell .ss-landing-grid,
.ss-home-shell .ss-landing-copy{
  width: 100%;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

/* hero wrapper */
.ss-home-hero{
  position: relative;
  width: 100%;
  margin: 0 !important;
}

/*
  IMPORTANT:
  your PNG banners are large canvases with whitespace baked into them.
  So the hero must crop the image, not fully show the raw file.
*/
.ss-home-hero__viewport{
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 5.6;
  overflow: hidden;
  border-radius: 0 !important;
  background: transparent;
}

.ss-home-hero__track{
  position: relative;
  width: 100%;
  height: 100%;
}

.ss-home-hero__slide{
  display: none;
  width: 100%;
  height: 100%;
}

.ss-home-hero__slide.is-active{
  display: block;
}

.ss-home-hero__img{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center center;
  border-radius: 0 !important;
}

/* arrows on image */
.ss-home-hero__nav{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 5;
  width: auto;
  height: auto;
  border: none;
  border-radius: 0;
  background: transparent;
  color: #cfd5dc;
  font-size: 3.8rem;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: none;
  padding: 0;
}

.ss-home-hero__nav--prev{
  left: 20px;
}

.ss-home-hero__nav--next{
  right: 20px;
}

.ss-home-hero__nav:hover{
  background: transparent;
  color: #000000;
}

/* dots on image */
.ss-home-hero__dots{
  position: absolute;
  left: 50%;
  bottom: 20px;
  transform: translateX(-50%);
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin: 0 !important;
  padding: 0 !important;
}

.ss-home-hero__dot{
  width: 10px;
  height: 10px;
  border: none;
  border-radius: 999px;
  padding: 0;
  margin: 0;
  background: rgba(255,255,255,0.78);
  box-shadow: 0 1px 3px rgba(0,0,0,0.14);
  cursor: pointer;
}

.ss-home-hero__dot.is-active{
  background: #5d7ea5;
}

/* keep the next section tight under the hero */
.ss-results-shell{
  margin-top: 0px !important;
  padding-top: 0 !important;
}

.ss-preview-rowWrap{
  margin-top: 0 !important;
}

/* remove old hero systems completely */
.ss-home-band,
.ss-home-band__viewport,
.ss-home-band__track,
.ss-home-band__dots,
.ss-home-band__dot,
.ss-home-band__nav,
.ss-home-cards-band,
.ss-home-cards-band__viewport,
.ss-home-cards-band__track,
.ss-home-cards-band__dots,
.ss-home-cards-band__dot,
.ss-home-cards-band__nav,
.ss-home-card-slide,
.ss-home-card-slide__frame,
.ss-home-card-slide__img,
.ss-title,
.ss-home-search-tools,
.ss-hints,
.ss-landing-top{
  display: none !important;
}

@media (max-width: 767.98px){
  .ss-home-hero__viewport{
    aspect-ratio: 16 / 8;
  }

.ss-home-hero__nav{
  width: auto;
  height: auto;
  font-size: 2.6rem;
}

  .ss-home-hero__nav--prev{
    left: 8px;
  }

  .ss-home-hero__nav--next{
    right: 8px;
  }

  .ss-home-hero__dots{
    bottom: 8px;
    gap: 8px;
  }

  .ss-home-hero__dot{
    width: 9px;
    height: 9px;
  }
}
/* =========================================================
   FINAL GUEST CARD CLEANUP — one horizontal band, no empty bottom
========================================================= */

/* keep one-row horizontal scroll */
.ss-preview-row{
  display: flex !important;
  gap: 16px !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  padding-bottom: 6px !important;
  scroll-snap-type: x proximity !important;
}

.ss-preview-row__item{
  flex: 0 0 260px !important;
  min-width: 260px !important;
  scroll-snap-align: start !important;
}

/* clean scrollbar */
.ss-preview-row::-webkit-scrollbar{
  height: 6px !important;
}

.ss-preview-row::-webkit-scrollbar-thumb{
  background: #d6dee8 !important;
  border-radius: 999px !important;
}

/* card should size to content, not reserve empty footer space */
.pcard--guest{
  display: flex !important;
  flex-direction: column !important;
  height: 540px !important;
  min-height: 440px !important;
  max-height: 540px !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: none !important;
  border-radius: 0 !important;
  background: #ffffff !important;
  box-shadow: none !important;
}
/* media area */
.pcard--guest .pcard__media{
  flex: 0 0 auto !important;
  line-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

/* image itself */
.pcard--guest .pcard__img{
  display: block !important;
  width: 100% !important;
  height: 220px !important;
  min-height: 220px !important;
  max-height: 220px !important;
  object-fit: contain !important;
  background: #ffffff !important;
}

/* source row */
.pcard--guest .pcard__source-row{
  padding: 10px 12px 0 !important;
  margin: 0 !important;
  flex: 0 0 auto !important;
}

/* title */
.pcard--guest .pcard__title{
  padding: 10px 12px 0 !important;
  margin: 0 !important;
  height: 112px !important;
  min-height: 112px !important;
  max-height: 112px !important;
  flex: 0 0 112px !important;
  line-height: 1.4 !important;

  display: -webkit-box !important;
  -webkit-line-clamp: 4 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

/* price — this should be the visual end of the card */
.pcard--guest .pcard__price{
  padding: 12px 12px 0 !important;
  margin: 0 !important;
  height: 52px !important;
  min-height: 52px !important;
  max-height: 52px !important;
  flex: 0 0 52px !important;
  font-weight: 800 !important;
}

/* there is no CTA in template anymore, so hard-hide any legacy shared rule */
.pcard--guest .pcard__guestcta,
.pcard--guest .pcard__actions,
.pcard--guest .pcard__footer{
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

/* do not add hover movement for this guest strip */
.pcard--guest:hover{
  transform: none !important;
  box-shadow: none !important;
  border: none !important;
}
/* =========================================================
   HOME DISCOVER RAIL — FINAL OVERRIDE
   append at very bottom of home.css
========================================================= */

.ss-home-rail{
  margin-top: 12px !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

.ss-home-rail__head{
  margin: 0 0 14px 0 !important;
}

.ss-home-rail__title{
  margin: 0 !important;
  font-size: 1.55rem !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
  color: var(--text) !important;
}

.ss-home-rail__scroll{
  display: grid !important;
  grid-auto-flow: column !important;
  grid-auto-columns: minmax(260px, 260px) !important;
  gap: 18px !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  padding: 2px 2px 12px !important;
  scroll-snap-type: x proximity;
  -webkit-overflow-scrolling: touch;
}

.ss-home-rail__scroll::-webkit-scrollbar{
  height: 10px;
}

.ss-home-rail__scroll::-webkit-scrollbar-thumb{
  background: #d4dce6;
  border-radius: 999px;
}

.ss-home-rail-card{
  appearance: none !important;
  display: flex !important;
  flex-direction: column !important;
  width: 260px !important;
  min-width: 260px !important;
  padding: 0 !important;
  border: none !important;
  border-radius: 24px !important;
  overflow: hidden !important;
  background: #ffffff !important;
  text-align: left !important;
  cursor: pointer !important;
  box-shadow: 0 2px 12px rgba(15, 23, 42, 0.05) !important;
  transition: transform .16s ease, box-shadow .16s ease !important;
  scroll-snap-align: start;
}

.ss-home-rail-card:hover{
  transform: translateY(-2px) !important;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.10) !important;
}

.ss-home-rail-card:focus-visible{
  outline: none !important;
  box-shadow:
    0 0 0 3px rgba(95, 76, 196, 0.16),
    0 10px 24px rgba(15, 23, 42, 0.10) !important;
}

.ss-home-rail-card__media{
  height: 180px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 4.2rem !important;
  line-height: 1 !important;
  background: linear-gradient(135deg, #eef4ff 0%, #dfe9ff 100%) !important;
}

.ss-home-rail-card__body{
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
  padding: 16px 16px 18px !important;
}

.ss-home-rail-card__label{
  display: block !important;
  font-size: 1.02rem !important;
  line-height: 1.25 !important;
  font-weight: 800 !important;
  color: var(--text) !important;
}

.ss-home-rail-card__query{
  display: block !important;
  font-size: 0.95rem !important;
  line-height: 1.45 !important;
  color: var(--text-soft) !important;
}

/* media backgrounds */
.ss-home-rail-card__media--laptop{
  background: linear-gradient(135deg, #e9f2ff 0%, #d9e8ff 100%) !important;
}
.ss-home-rail-card__media--phone{
  background: linear-gradient(135deg, #ecebff 0%, #ddd9ff 100%) !important;
}
.ss-home-rail-card__media--tablet{
  background: linear-gradient(135deg, #e8f7ff 0%, #d7f0ff 100%) !important;
}
.ss-home-rail-card__media--audio{
  background: linear-gradient(135deg, #f3ecff 0%, #e5d9ff 100%) !important;
}
.ss-home-rail-card__media--kitchen{
  background: linear-gradient(135deg, #fff2da 0%, #ffe6b8 100%) !important;
}
.ss-home-rail-card__media--coffee{
  background: linear-gradient(135deg, #f8ede6 0%, #eddccf 100%) !important;
}
.ss-home-rail-card__media--home{
  background: linear-gradient(135deg, #e8faf6 0%, #d7f2ea 100%) !important;
}
.ss-home-rail-card__media--office{
  background: linear-gradient(135deg, #eef2f7 0%, #dde5ef 100%) !important;
}
.ss-home-rail-card__media--desk{
  background: linear-gradient(135deg, #edf6ff 0%, #dcecff 100%) !important;
}
.ss-home-rail-card__media--fashion{
  background: linear-gradient(135deg, #f6edff 0%, #eadbff 100%) !important;
}
.ss-home-rail-card__media--travel{
  background: linear-gradient(135deg, #e8fbff 0%, #d6f3fb 100%) !important;
}
.ss-home-rail-card__media--family{
  background: linear-gradient(135deg, #fff0f2 0%, #ffe0e6 100%) !important;
}

@media (max-width: 767.98px){
  .ss-home-rail{
    margin-top: 10px !important;
  }

  .ss-home-rail__title{
    font-size: 1.28rem !important;
  }

  .ss-home-rail__scroll{
    grid-auto-columns: minmax(220px, 220px) !important;
    gap: 14px !important;
    padding-bottom: 10px !important;
  }

  .ss-home-rail-card{
    width: 220px !important;
    min-width: 220px !important;
    border-radius: 20px !important;
  }

  .ss-home-rail-card__media{
    height: 150px !important;
    font-size: 3.4rem !important;
  }

  .ss-home-rail-card__body{
    padding: 14px 14px 16px !important;
  }

  .ss-home-rail-card__label{
    font-size: 0.98rem !important;
  }

  .ss-home-rail-card__query{
    font-size: 0.88rem !important;
  }
}
.ss-home-rail-card__media--image{
  padding: 0 !important;
  background: #f6f8fb !important;
  overflow: hidden !important;
}

.ss-home-rail-card__img{
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}
/* =========================================================
   HOME DISCOVER — TWO GROUPED 2x2 TILES + LOWER RAIL
   append at very bottom of home.css
========================================================= */

.ss-home-discover{
  margin-top: 12px !important;
}

.ss-home-discover__groups{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 22px;
  margin-bottom: 22px;
}

.ss-home-discover__panel{
  border: 1px solid var(--border) !important;
  border-radius: 26px !important;
  background: linear-gradient(180deg, #ffffff 0%, #fafbfd 100%) !important;
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.05) !important;
  padding: 16px !important;
}

.ss-home-discover__panel-head{
  margin: 0 0 14px 0;
}

.ss-home-discover__panel-title{
  margin: 0;
  font-size: 1rem;
  line-height: 1.2;
  font-weight: 800;
  color: var(--text);
}

.ss-home-discover__panel-grid{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

.ss-home-discover__tile-card{
  width: 100% !important;
  min-width: 0 !important;
  border-radius: 22px !important;
  box-shadow: 0 2px 12px rgba(15, 23, 42, 0.05) !important;
}

.ss-home-discover__tile-card .ss-home-rail-card__media{
  height: 170px !important;
}

.ss-home-discover__tile-card .ss-home-rail-card__body{
  padding: 14px 14px 16px !important;
  gap: 5px !important;
}

.ss-home-discover__tile-card .ss-home-rail-card__label{
  font-size: 0.98rem !important;
}

.ss-home-discover__tile-card .ss-home-rail-card__query{
  font-size: 0.9rem !important;
  line-height: 1.4 !important;
}

.ss-home-discover__more{
  margin-top: 2px;
}

.ss-home-discover__more-head{
  margin: 0 0 12px 0;
}

.ss-home-discover__more-title{
  margin: 0;
  font-size: 1rem;
  line-height: 1.2;
  font-weight: 800;
  color: var(--text);
}

.ss-home-rail__scroll--secondary{
  margin-top: 0 !important;
}

/* tablet */
@media (max-width: 1100px){
  .ss-home-discover__groups{
    grid-template-columns: 1fr;
    gap: 18px;
  }
}

/* mobile */
@media (max-width: 767.98px){
  .ss-home-discover__groups{
    gap: 16px;
    margin-bottom: 18px;
  }

  .ss-home-discover__panel{
    padding: 14px !important;
    border-radius: 22px !important;
  }

  .ss-home-discover__panel-grid{
    grid-template-columns: 1fr 1fr;
    gap: 14px;
  }

  .ss-home-discover__tile-card{
    border-radius: 18px !important;
  }

  .ss-home-discover__tile-card .ss-home-rail-card__media{
    height: 138px !important;
  }

  .ss-home-discover__tile-card .ss-home-rail-card__body{
    padding: 12px 12px 14px !important;
  }

  .ss-home-discover__tile-card .ss-home-rail-card__label{
    font-size: 0.92rem !important;
  }

  .ss-home-discover__tile-card .ss-home-rail-card__query{
    font-size: 0.84rem !important;
  }
}

@media (max-width: 560px){
  .ss-home-discover__panel-grid{
    grid-template-columns: 1fr;
  }

  .ss-home-discover__tile-card .ss-home-rail-card__media{
    height: 160px !important;
  }
}