/* ============================================================
   SECRET OF SUCCESS — Sacred Marigold & Aubergine Theme
   (SCOPED VERSION - No conflicts with main site)
   ============================================================ */
:root{
  /* Core palette */
  --ss-marigold:#ff9500;
  --ss-marigold-light:#ffb733;
  --ss-marigold-dark:#cc7600;
  --ss-marigold-pale:#fff0d6;

  --ss-aubergine:#3d1a3a;
  --ss-aubergine-light:#5a2d56;
  --ss-aubergine-mid:#4a2448;
  --ss-aubergine-pale:#f5ecf2;

  --ss-turmeric:#ffc93c;
  --ss-turmeric-dark:#e0a800;
  --ss-turmeric-pale:#fff7d6;

  --ss-coral:#ff7f50;
  --ss-coral-pale:#ffe8dd;

  --ss-cream:#fff5e6;
  --ss-cream-2:#fdf0dc;
  --ss-parchment:#fff9f0;
  --ss-ivory:#fffdf8;

  --ss-text:#3d1a3a;
  --ss-text-soft:#6d4568;
  --ss-text-light:#8a6d87;

  --ss-shadow:0 8px 32px rgba(61,26,58,.15);
  --ss-shadow-hover:0 16px 48px rgba(61,26,58,.25);
  --ss-radius:16px;
  --ss-radius-sm:10px;
  --ss-transition:all .3s cubic-bezier(.4,0,.2,1);
  --ss-serif:'Palatino Linotype','Book Antiqua',Palatino,Georgia,serif;
  --ss-sans:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;
}
html{scroll-behavior:smooth}

/* ---------- Global Scoped Body ---------- */
body.ss-body,
body.ss-child{
  font-family:var(--ss-sans);
  background:
    radial-gradient(circle at 10% 10%,rgba(255,149,0,.08) 0,transparent 40%),
    radial-gradient(circle at 90% 90%,rgba(61,26,58,.05) 0,transparent 45%),
    linear-gradient(135deg,var(--ss-cream) 0%,var(--ss-parchment) 55%,var(--ss-cream-2) 100%);
  color:var(--ss-text);
  padding:1.5rem 1rem;
  min-height:100vh;
  margin:0;
  line-height:1.65;
}

/* Subtle floral texture overlay */
body.ss-body::before,
body.ss-child::before{
  content:'';
  position:fixed;
  inset:0;
  background-image:
    radial-gradient(circle at 20% 30%,rgba(255,149,0,.03) 0,transparent 25%),
    radial-gradient(circle at 80% 70%,rgba(61,26,58,.02) 0,transparent 25%);
  background-size:280px 280px;
  pointer-events:none;
  z-index:0;
}
body.ss-body > *,
body.ss-child > *{
  position:relative;
  z-index:1;
}

/* ---------- Container (SCOPED) ---------- */
.ss-container {
  max-width:1100px;
  margin:0 auto;
  background:var(--ss-ivory);
  border-radius:var(--ss-radius);
  padding:1.75rem 1.5rem;
  box-shadow:var(--ss-shadow);
  border-top:5px solid var(--ss-marigold);
  position:relative;
}
.ss-container::before {
  content:'';
  position:absolute;
  top:0; left:0; right:0;
  height:5px;
  background:linear-gradient(90deg,var(--ss-marigold),var(--ss-turmeric),var(--ss-coral),var(--ss-marigold));
  border-radius:var(--ss-radius) var(--ss-radius) 0 0;
}

/* ---------- Hero ---------- */
.ss-hero{
  background:
    radial-gradient(circle at 50% 20%,rgba(255,201,60,.3) 0,transparent 60%),
    linear-gradient(135deg,var(--ss-aubergine) 0%,var(--ss-aubergine-mid) 45%,#6a1f1f 100%);
  color:#fff;
  padding:2.75rem 1.5rem;
  border-radius:var(--ss-radius);
  margin-bottom:2rem;
  position:relative;
  overflow:hidden;
  box-shadow:var(--ss-shadow);
  text-align:center;
  border:3px double var(--ss-turmeric);
}
.ss-hero::before{
  content:'🪔';
  position:absolute;
  top:50%; left:50%;
  transform:translate(-50%,-50%);
  font-size:18rem;
  line-height:1;
  opacity:.06;
  pointer-events:none;
}
.ss-hero::after{
  content:'';
  position:absolute;
  inset:12px;
  border:1px solid rgba(255,201,60,.35);
  border-radius:calc(var(--ss-radius) - 4px);
  pointer-events:none;
}
.ss-hero h1{
  font-family:var(--ss-serif);
  font-size:clamp(1.5rem,4vw,2.75rem);
  font-weight:800;
  margin:0 0 .5rem;
  letter-spacing:.05em;
  background:linear-gradient(135deg,#fff 0%,var(--ss-turmeric) 55%,var(--ss-marigold) 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  position:relative;
}
.ss-hero .ss-subtitle{
  color:var(--ss-marigold-pale);
  font-size:1.02rem;
  margin:0;
  font-style:italic;
  letter-spacing:.04em;
  position:relative;
  max-width:720px;
  margin-left:auto;
  margin-right:auto;
}
.ss-hero .ss-hero-icons{
  display:flex;
  justify-content:center;
  gap:1.5rem;
  margin-top:1rem;
  position:relative;
  font-size:1.35rem;
}
.ss-hero .ss-hero-icons span{
  opacity:.9;
  transition:var(--ss-transition);
  display:inline-block;
  filter:drop-shadow(0 2px 6px rgba(0,0,0,.3));
}
.ss-hero .ss-hero-icons span:hover{
  transform:translateY(-4px) scale(1.15);
  opacity:1;
}
.ss-hero .ss-dedication{
  margin-top:1.25rem;
  padding-top:1rem;
  border-top:1px solid rgba(255,201,60,.3);
  color:var(--ss-turmeric-pale);
  font-size:.92rem;
  font-style:italic;
  position:relative;
  letter-spacing:.02em;
}
.ss-hero .ss-dedication strong{
  color:var(--ss-turmeric);
  font-weight:700;
  font-style:normal;
}

/* ---------- Section title ---------- */
.ss-section-title,
h2{
  font-family:var(--ss-serif);
  color:var(--ss-aubergine);
  font-size:clamp(1.3rem,3vw,1.9rem);
  font-weight:800;
  letter-spacing:.02em;
  text-align:center;
  margin:0 0 1.5rem;
  padding-bottom:.85rem;
  border-bottom:3px double var(--ss-turmeric-dark);
  display:flex;
  align-items:center;
  justify-content:center;
  gap:.6rem;
  flex-wrap:wrap;
  position:relative;
}

/* ---------- Section block ---------- */
.ss-section{
  background:#fff;
  border-radius:var(--ss-radius);
  padding:1.75rem 1.5rem;
  margin-bottom:1.75rem;
  box-shadow:0 4px 20px rgba(61,26,58,.08);
  border-left:5px solid var(--ss-marigold);
  border-right:5px solid var(--ss-marigold);
  position:relative;
  scroll-margin-top:90px;
  transition:var(--ss-transition);
}
.ss-section:hover{
  box-shadow:var(--ss-shadow-hover);
  border-left-color:var(--ss-coral);
  border-right-color:var(--ss-coral);
}
.ss-section::before{
  content:'';
  position:absolute;
  top:0; right:0;
  width:80px; height:80px;
  background:radial-gradient(circle at top right,rgba(255,201,60,.1) 0,transparent 70%);
  border-radius:0 var(--ss-radius) 0 var(--ss-radius);
  pointer-events:none;
}
.ss-section h3{
  font-family:var(--ss-serif);
  color:var(--ss-aubergine);
  font-size:clamp(1.1rem,2.5vw,1.45rem);
  font-weight:700;
  margin:0 0 1rem;
  padding-bottom:.55rem;
  border-bottom:2px dashed rgba(61,26,58,.2);
  display:flex;
  align-items:center;
  gap:.55rem;
  flex-wrap:wrap;
}
.ss-section h4{
  font-family:var(--ss-serif);
  color:var(--ss-marigold-dark);
  font-size:1.05rem;
  font-weight:700;
  margin:1.15rem 0 .65rem;
  padding-left:.85rem;
  border-left:3px solid var(--ss-turmeric);
  padding-right:.85rem;
  border-right:3px solid var(--ss-turmeric);
}
.ss-section p{
  font-size:.97rem;
  line-height:1.78;
  color:var(--ss-text);
  text-align:justify;
  margin-bottom:.85rem;
}
.ss-section p:last-child{margin-bottom:0}
.ss-section strong{
  color:var(--ss-aubergine);
}
.ss-section em{
  color:var(--ss-marigold-dark);
  font-style:italic;
}

/* ---------- Four Pillars ---------- */
.ss-pillars{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  gap:1rem;
  margin:1.5rem 0;
}
.ss-pillar{
  background:linear-gradient(135deg,#fff,var(--ss-marigold-pale));
  border-radius:var(--ss-radius-sm);
  padding:1.25rem 1.15rem;
  border:2px solid rgba(255,149,0,.25);
  border-top:4px solid var(--ss-marigold);
  position:relative;
  transition:var(--ss-transition);
  overflow:hidden;
}
.ss-pillar:hover{
  transform:translateY(-4px);
  border-top-color:var(--ss-coral);
  box-shadow:0 8px 24px rgba(255,149,0,.2);
}
.ss-pillar .ss-pillar-num{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:36px;
  height:36px;
  background:linear-gradient(135deg,var(--ss-aubergine),var(--ss-aubergine-light));
  color:var(--ss-turmeric);
  border-radius:50%;
  font-family:var(--ss-serif);
  font-weight:800;
  font-size:.95rem;
  margin-bottom:.65rem;
  box-shadow:0 3px 10px rgba(61,26,58,.3);
  border:1.5px solid var(--ss-turmeric);
}
.ss-pillar h4{
  font-family:var(--ss-serif);
  color:var(--ss-aubergine);
  font-size:1.05rem;
  font-weight:700;
  margin:0 0 .55rem;
  padding:0;
  border:none;
  display:flex;
  align-items:center;
  gap:.4rem;
}
.ss-pillar p{
  font-size:.92rem;
  color:var(--ss-text);
  line-height:1.65;
  margin:0;
  text-align:left;
}

/* ---------- Guru Image / Illustration ---------- */
.ss-image-frame{
  text-align:center;
  margin:1.5rem 0;
  padding:1rem;
  background:linear-gradient(135deg,var(--ss-marigold-pale),var(--ss-turmeric-pale));
  border-radius:var(--ss-radius);
  border:2px solid rgba(255,149,0,.2);
  position:relative;
}
.ss-image-frame::before{
  content:'🌸';
  position:absolute;
  top:-8px; left:-8px;
  font-size:1.5rem;
  transform:rotate(-15deg);
}
.ss-image-frame::after{
  content:'🌸';
  position:absolute;
  bottom:-8px; right:-8px;
  font-size:1.5rem;
  transform:rotate(15deg);
}
.ss-image-frame img{
  max-width:100%;
  height:auto;
  border-radius:var(--ss-radius-sm);
  box-shadow:0 6px 20px rgba(61,26,58,.15);
  background:#fff;
  border:2px solid rgba(255,201,60,.4);
}
.ss-image-frame .ss-image-caption{
  color:var(--ss-aubergine);
  font-family:var(--ss-serif);
  font-style:italic;
  font-size:.92rem;
  margin-top:.75rem;
  font-weight:600;
}

/* ---------- Gita quote block ---------- */
.ss-gita-quote{
  background:
    radial-gradient(circle at 20% 20%,rgba(255,201,60,.12) 0,transparent 60%),
    linear-gradient(135deg,var(--ss-aubergine-pale),var(--ss-marigold-pale));
  border-radius:var(--ss-radius);
  padding:1.5rem 1.75rem;
  margin:1.5rem 0;
  border-left:5px solid var(--ss-turmeric);
  border-right:5px solid var(--ss-turmeric);
  position:relative;
  text-align:center;
  font-family:var(--ss-serif);
  color:var(--ss-aubergine);
  font-size:1.02rem;
  line-height:1.9;
  font-style:italic;
  box-shadow:0 4px 16px rgba(61,26,58,.08);
}
.ss-gita-quote::before{
  content:'❝';
  position:absolute;
  top:.35rem; left:.85rem;
  color:var(--ss-turmeric-dark);
  font-size:2.5rem;
  line-height:1;
  opacity:.5;
}
.ss-gita-quote::after{
  content:'❞';
  position:absolute;
  bottom:-.5rem; right:.85rem;
  color:var(--ss-turmeric-dark);
  font-size:2.5rem;
  line-height:1;
  opacity:.5;
}
.ss-gita-quote .ss-quote-source{
  display:inline-block;
  margin-top:.75rem;
  color:var(--ss-marigold-dark);
  font-size:.82rem;
  font-weight:700;
  font-style:normal;
  letter-spacing:.1em;
  text-transform:uppercase;
}

/* ---------- Spiritual Formula List (A, B, C, D, E) ---------- */
.ss-formula-list{
  display:flex;
  flex-direction:column;
  gap:.75rem;
  margin:1.25rem 0;
}
.ss-formula{
  display:flex;
  gap:.85rem;
  align-items:flex-start;
  padding:.85rem 1rem;
  background:linear-gradient(135deg,#fff,var(--ss-cream-2));
  border-radius:var(--ss-radius-sm);
  border-left:4px solid var(--ss-marigold);
  border-right:4px solid var(--ss-marigold);
  transition:var(--ss-transition);
}
.ss-formula:hover{
  border-left-color:var(--ss-coral);
  border-right-color:var(--ss-coral);
  transform:translateX(4px);
  box-shadow:0 4px 14px rgba(61,26,58,.08);
}
.ss-formula .ss-formula-letter{
  flex-shrink:0;
  width:32px;
  height:32px;
  background:linear-gradient(135deg,var(--ss-aubergine),var(--ss-aubergine-light));
  color:var(--ss-turmeric);
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:800;
  font-size:.9rem;
  font-family:var(--ss-serif);
  border:1.5px solid var(--ss-turmeric);
}
.ss-formula .ss-formula-text{
  flex:1;
  font-size:.95rem;
  line-height:1.65;
  color:var(--ss-text);
  font-style:italic;
}
.ss-formula .ss-formula-source{
  display:block;
  margin-top:.35rem;
  font-size:.78rem;
  color:var(--ss-marigold-dark);
  font-weight:700;
  font-style:normal;
  letter-spacing:.03em;
}

/* ---------- Quote cards (22 spiritual words) ---------- */
.ss-quote-cards{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(300px,1fr));
  gap:1rem;
  margin:1.5rem 0;
}
.ss-quote-card{
  background:linear-gradient(135deg,#fff,var(--ss-marigold-pale));
  border-radius:var(--ss-radius-sm);
  padding:1.15rem 1.25rem 1rem;
  border-left:4px solid var(--ss-marigold);
  border-right:4px solid var(--ss-marigold);
  position:relative;
  transition:var(--ss-transition);
  box-shadow:0 3px 14px rgba(61,26,58,.06);
}
.ss-quote-card:hover{
  border-left-color:var(--ss-coral);
  border-right-color:var(--ss-coral);
  box-shadow:0 8px 24px rgba(61,26,58,.12);
  transform:translateY(-3px);
}
.ss-quote-card::before{
  content:'❝';
  position:absolute;
  top:.25rem; right:.85rem;
  color:var(--ss-turmeric);
  font-size:2rem;
  line-height:1;
  opacity:.4;
}
.ss-quote-card .ss-quote-num{
  display:inline-block;
  width:26px;
  height:26px;
  background:linear-gradient(135deg,var(--ss-aubergine),var(--ss-aubergine-light));
  color:var(--ss-turmeric);
  border-radius:50%;
  text-align:center;
  line-height:26px;
  font-weight:700;
  font-size:.78rem;
  margin-bottom:.55rem;
  border:1px solid var(--ss-turmeric);
}
.ss-quote-card .ss-quote-text{
  font-size:.93rem;
  line-height:1.68;
  color:var(--ss-text);
  margin-bottom:.55rem;
  font-style:italic;
}
.ss-quote-card .ss-quote-author{
  font-size:.8rem;
  color:var(--ss-marigold-dark);
  font-weight:700;
  font-style:normal;
  letter-spacing:.03em;
  display:block;
  text-align:right;
}
.ss-quote-card .ss-quote-author::before{
  content:'— ';
}

/* ---------- Recipe / Nutrition card ---------- */
.ss-recipe-card{
  background:
    radial-gradient(circle at 100% 0%,rgba(255,201,60,.12) 0,transparent 50%),
    linear-gradient(135deg,#fff,var(--ss-turmeric-pale));
  border-radius:var(--ss-radius);
  padding:1.5rem 1.75rem;
  margin:1.25rem 0;
  border:2px solid rgba(255,201,60,.4);
  border-top:5px solid var(--ss-turmeric-dark);
  box-shadow:0 4px 18px rgba(224,168,0,.15);
  position:relative;
}
.ss-recipe-card::before{
  content:'🥛';
  position:absolute;
  top:-12px; left:1.5rem;
  font-size:1.75rem;
  background:var(--ss-ivory);
  padding:0 .35rem;
}
.ss-recipe-card h4{
  font-family:var(--ss-serif);
  color:var(--ss-aubergine);
  font-size:1.1rem;
  font-weight:800;
  margin:0 0 1rem;
  padding-left:.85rem;
  border-left:4px solid var(--ss-marigold);
  padding-right:.85rem;
  border-right:4px solid var(--ss-marigold);
}
.ss-recipe-list{
  list-style:none;
  padding:0;
  margin:0 0 1rem;
}
.ss-recipe-list li{
  display:flex;
  align-items:flex-start;
  gap:.85rem;
  padding:.55rem .85rem;
  background:rgba(255,255,255,.75);
  border-radius:var(--ss-radius-sm);
  margin-bottom:.5rem;
  border-left:3px solid var(--ss-marigold);
  border-right:3px solid var(--ss-marigold);
  font-size:.92rem;
  line-height:1.55;
}
.ss-recipe-list .ss-ingredient{
  font-weight:700;
  color:var(--ss-aubergine);
  min-width:180px;
}
.ss-recipe-list .ss-purpose{
  color:var(--ss-marigold-dark);
  font-style:italic;
  font-weight:600;
  font-size:.88rem;
}
.ss-recipe-card .ss-recipe-instruction{
  background:rgba(255,149,0,.08);
  border-left:3px solid var(--ss-coral);
  border-right:3px solid var(--ss-coral);
  padding:.85rem 1rem;
  border-radius:var(--ss-radius-sm);
  font-style:italic;
  font-size:.92rem;
  color:var(--ss-text);
  margin-bottom:.75rem;
}
.ss-recipe-card .ss-recipe-final{
  background:linear-gradient(135deg,var(--ss-turmeric-pale),var(--ss-coral-pale));
  border-radius:var(--ss-radius-sm);
  padding:.85rem 1rem;
  font-weight:700;
  color:var(--ss-aubergine);
  font-size:.95rem;
  border-left:4px solid var(--ss-turmeric-dark);
  border-right:4px solid var(--ss-turmeric-dark);
  display:flex;
  align-items:center;
  gap:.55rem;
}

/* ---------- Numbered step list ---------- */
.ss-step-list{
  counter-reset:ss-step;
  list-style:none;
  padding:0;
  margin:1rem 0;
}
.ss-step-list li{
  counter-increment:ss-step;
  position:relative;
  padding:.75rem 1rem .75rem 3.25rem;
  margin-bottom:.6rem;
  background:linear-gradient(135deg,#fff,var(--ss-cream-2));
  border-radius:var(--ss-radius-sm);
  border-left:3px solid var(--ss-marigold);
  border-right:3px solid var(--ss-marigold);
  font-size:.94rem;
  line-height:1.65;
  color:var(--ss-text);
  transition:var(--ss-transition);
}
.ss-step-list li:hover{
  border-left-color:var(--ss-coral);
  border-right-color:var(--ss-coral);
  background:linear-gradient(135deg,#fff,var(--ss-marigold-pale));
  transform:translateX(3px);
}
.ss-step-list li::before{
  content:counter(ss-step);
  position:absolute;
  left:.75rem;
  top:.75rem;
  width:32px;
  height:32px;
  background:linear-gradient(135deg,var(--ss-aubergine),var(--ss-aubergine-light));
  color:var(--ss-turmeric);
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:800;
  font-size:.82rem;
  border:1.5px solid var(--ss-turmeric);
  box-shadow:0 2px 8px rgba(61,26,58,.25);
}

/* ---------- Mantra / Sanskrit block ---------- */
.ss-mantra{
  background:
    radial-gradient(circle at 50% 50%,rgba(255,201,60,.12) 0,transparent 70%),
    linear-gradient(135deg,var(--ss-aubergine),var(--ss-aubergine-mid));
  color:var(--ss-turmeric);
  border-radius:var(--ss-radius);
  padding:1.75rem 1.5rem;
  margin:1.5rem 0;
  text-align:center;
  font-family:var(--ss-serif);
  font-size:1.02rem;
  line-height:1.9;
  font-style:italic;
  border:2px solid var(--ss-turmeric);
  box-shadow:0 6px 24px rgba(61,26,58,.25);
  position:relative;
  letter-spacing:.02em;
}
.ss-mantra::before{
  content:'🪔';
  position:absolute;
  top:-14px; left:50%;
  transform:translateX(-50%);
  font-size:1.75rem;
  background:var(--ss-ivory);
  padding:0 .35rem;
}
.ss-mantra strong{
  color:var(--ss-marigold-light);
}
.ss-mantra .ss-mantra-note{
  display:block;
  margin-top:.85rem;
  color:var(--ss-marigold-pale);
  font-size:.82rem;
  font-style:normal;
  letter-spacing:.05em;
  opacity:.85;
}

/* ---------- List with icons ---------- */
.ss-icon-list{
  list-style:none;
  padding:0;
  margin:1rem 0;
}
.ss-icon-list li{
  display:flex;
  align-items:flex-start;
  gap:.75rem;
  padding:.65rem .9rem;
  margin-bottom:.55rem;
  background:linear-gradient(135deg,#fff,var(--ss-marigold-pale));
  border-radius:var(--ss-radius-sm);
  border-left:3px solid var(--ss-turmeric-dark);
  border-right:3px solid var(--ss-turmeric-dark);
  font-size:.93rem;
  line-height:1.65;
  transition:var(--ss-transition);
}
.ss-icon-list li:hover{
  border-left-color:var(--ss-marigold);
  border-right-color:var(--ss-marigold);
  box-shadow:0 4px 14px rgba(61,26,58,.08);
}
.ss-icon-list .ss-icon-bullet{
  flex-shrink:0;
  font-size:1.15rem;
  line-height:1.4;
}

/* ---------- Inline highlight tag ---------- */
.ss-tag{
  display:inline-block;
  background:linear-gradient(135deg,var(--ss-marigold),var(--ss-marigold-light));
  color:#fff;
  font-size:.75rem;
  font-weight:700;
  padding:.15rem .65rem;
  border-radius:50px;
  letter-spacing:.03em;
  margin:0 .15rem;
  vertical-align:middle;
}
.ss-tag.ss-tag-gold{
  background:linear-gradient(135deg,var(--ss-turmeric-dark),var(--ss-turmeric));
  color:var(--ss-aubergine);
}
.ss-tag.ss-tag-coral{
  background:linear-gradient(135deg,var(--ss-coral),#ff9776);
}

/* ---------- Hub Layout (Secreat_Of_Success.php) ---------- */
.ss-hub-hero{
  background:
    radial-gradient(circle at 50% 20%,rgba(255,201,60,.28) 0,transparent 60%),
    linear-gradient(135deg,var(--ss-aubergine) 0%,var(--ss-aubergine-mid) 45%,#6a1f1f 100%);
  color:#fff;
  padding:3rem 1.5rem;
  border-radius:var(--ss-radius);
  margin-bottom:2rem;
  position:relative;
  overflow:hidden;
  box-shadow:var(--ss-shadow);
  text-align:center;
  border:3px double var(--ss-turmeric);
}
.ss-hub-hero::before{
  content:'🪔';
  position:absolute;
  top:50%; left:50%;
  transform:translate(-50%,-50%);
  font-size:20rem;
  opacity:.05;
  line-height:1;
  pointer-events:none;
}
.ss-hub-hero h1{
  font-family:var(--ss-serif);
  font-size:clamp(1.6rem,4vw,2.9rem);
  font-weight:800;
  margin:0 0 .5rem;
  letter-spacing:.05em;
  background:linear-gradient(135deg,#fff,var(--ss-turmeric) 55%,var(--ss-marigold));
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  position:relative;
}
.ss-hub-hero .ss-hub-sub{
  color:var(--ss-marigold-pale);
  font-size:1.05rem;
  margin:0 0 1rem;
  font-style:italic;
  position:relative;
  letter-spacing:.03em;
}
.ss-hub-hero .ss-hub-icons{
  display:flex;
  justify-content:center;
  gap:1.5rem;
  margin-top:1rem;
  font-size:1.5rem;
  position:relative;
}
.ss-hub-hero .ss-hub-dedication{
  margin-top:1.25rem;
  padding-top:1rem;
  border-top:1px solid rgba(255,201,60,.35);
  color:var(--ss-turmeric-pale);
  font-size:.9rem;
  font-style:italic;
  position:relative;
}

/* ---------- Iframe wrapper ---------- */
.ss-iframe-wrap{
  position:relative;
  width:100%;
  background:#fff;
  border-radius:var(--ss-radius);
  overflow:hidden;
  box-shadow:var(--ss-shadow);
  border:3px solid var(--ss-marigold);
  margin-top:1.5rem;
}
.ss-iframe-wrap::before{
  content:'';
  position:absolute;
  top:0; left:0; right:0;
  height:4px;
  background:linear-gradient(90deg,var(--ss-marigold),var(--ss-turmeric),var(--ss-coral),var(--ss-marigold));
  z-index:2;
  pointer-events:none;
}
.ss-iframe-wrap iframe{
  display:block;
  width:100%;
  height:82vh;
  min-height:600px;
  border:0;
  background:#fff;
}
@media (max-width:768px){
  .ss-iframe-wrap iframe{height:72vh; min-height:480px}
}

/* ---------- Back to top ---------- */
.ss-back-top{
  display:inline-flex;
  align-items:center;
  gap:.4rem;
  background:linear-gradient(135deg,var(--ss-aubergine),var(--ss-aubergine-light));
  color:#fff !important;
  font-weight:700;
  font-size:.82rem;
  padding:.5rem 1.1rem;
  border-radius:50px;
  text-decoration:none;
  transition:var(--ss-transition);
  box-shadow:0 3px 12px rgba(61,26,58,.35);
  margin-top:1rem;
  border:1px solid var(--ss-turmeric);
  letter-spacing:.02em;
}
.ss-back-top:hover{
  background:linear-gradient(135deg,var(--ss-marigold-dark),var(--ss-marigold));
  color:#fff !important;
  transform:translateY(-2px);
  box-shadow:0 6px 20px rgba(255,149,0,.45);
  text-decoration:none;
}

/* ---------- Closing banner ---------- */
.ss-closing{
  background:
    radial-gradient(circle at 50% 50%,rgba(255,201,60,.2) 0,transparent 60%),
    linear-gradient(135deg,var(--ss-aubergine),var(--ss-aubergine-mid));
  color:#fff;
  border-radius:var(--ss-radius);
  padding:2rem 1.5rem;
  text-align:center;
  margin-top:2rem;
  box-shadow:var(--ss-shadow);
  position:relative;
  overflow:hidden;
  border:2px solid var(--ss-turmeric);
}
.ss-closing::before{
  content:'🌸';
  position:absolute;
  top:50%; left:50%;
  transform:translate(-50%,-50%);
  font-size:12rem;
  color:rgba(255,201,60,.08);
  line-height:1;
  pointer-events:none;
}
.ss-closing .ss-closing-title{
  color:var(--ss-turmeric);
  font-family:var(--ss-serif);
  font-weight:700;
  font-size:1.05rem;
  margin-bottom:.75rem;
  position:relative;
  letter-spacing:.05em;
}
.ss-closing .ss-closing-text{
  color:var(--ss-marigold-pale);
  font-size:.92rem;
  line-height:1.75;
  position:relative;
  font-style:italic;
}

/* ---------- Floating FAB ---------- */
.ss-fab{
  position:fixed;
  bottom:2rem; right:2rem;
  width:52px; height:52px;
  border-radius:50%;
  background:linear-gradient(135deg,var(--ss-marigold-dark),var(--ss-marigold));
  color:#fff;
  border:2px solid var(--ss-turmeric);
  display:flex; align-items:center; justify-content:center;
  font-size:1.35rem;
  box-shadow:0 6px 20px rgba(255,149,0,.45);
  cursor:pointer;
  transition:var(--ss-transition);
  z-index:1000;
  opacity:0; visibility:hidden;
  text-decoration:none;
}
.ss-fab.show{opacity:1; visibility:visible}
.ss-fab:hover{
  transform:translateY(-4px) scale(1.05);
  box-shadow:0 10px 28px rgba(255,149,0,.6);
  background:linear-gradient(135deg,var(--ss-aubergine),var(--ss-aubergine-light));
  color:var(--ss-turmeric);
  text-decoration:none;
}

/* ---------- Guru image at end ---------- */
.ss-guru-image{
  text-align:center;
  margin:2rem 0 1rem;
  padding:1.5rem;
  background:linear-gradient(135deg,var(--ss-marigold-pale),var(--ss-turmeric-pale));
  border-radius:var(--ss-radius);
  border:2px solid var(--ss-turmeric);
  position:relative;
}
.ss-guru-image::before,
.ss-guru-image::after{
  content:'🌸';
  position:absolute;
  font-size:1.5rem;
  opacity:.7;
}
.ss-guru-image::before{top:.75rem; left:.75rem}
.ss-guru-image::after{bottom:.75rem; right:.75rem}
.ss-guru-image img{
  max-width:280px;
  height:auto;
  border-radius:var(--ss-radius-sm);
  box-shadow:0 8px 24px rgba(61,26,58,.2);
  border:3px solid var(--ss-marigold);
  background:#fff;
}
.ss-guru-image .ss-guru-caption{
  margin-top:1rem;
  color:var(--ss-aubergine);
  font-family:var(--ss-serif);
  font-style:italic;
  font-size:.9rem;
  font-weight:600;
}

/* ---------- Responsive ---------- */
@media (max-width:576px){
  body.ss-body, body.ss-child{padding:1rem .75rem}
  .ss-container,.container{padding:1.25rem 1rem}
  .ss-hero,.ss-hub-hero{padding:1.5rem 1rem}
  .ss-hero::before,.ss-hub-hero::before{font-size:12rem}
  .ss-hero::after{inset:8px}
  .ss-hero .ss-hero-icons,
  .ss-hub-hero .ss-hub-icons{font-size:1.1rem; gap:1rem}
  .ss-section{padding:1.15rem 1rem}
  .ss-pillars{grid-template-columns:1fr}
  .ss-quote-cards{grid-template-columns:1fr}
  .ss-recipe-list li{flex-direction:column; gap:.25rem}
  .ss-recipe-list .ss-ingredient{min-width:0}
  .ss-step-list li{padding-left:2.9rem}
  .ss-step-list li::before{width:28px; height:28px; font-size:.75rem; left:.55rem}
  .ss-mantra,.ss-gita-quote{padding:1.25rem 1rem; font-size:.92rem}
  .ss-fab{bottom:1rem; right:1rem; width:46px; height:46px}
  .ss-guru-image img{max-width:220px}
}

/* ---------- Print ---------- */
@media print{
  .ss-fab,.ss-back-top,.ss-hero-icons,.ss-hub-icons{display:none !important}
  .ss-hero,.ss-hub-hero,.ss-mantra,.ss-closing,.ss-gita-quote{background:#fff !important; color:#000 !important; border-color:#000}
  .ss-section{break-inside:avoid}
}