/* ============================================================
   SISOO – Főoldal (egyedi kódos sablon)
   Önálló stíluslap, .sisoo-home alá scope-olva. A Claude Design
   zip "styles.css" főoldali szabályainak hű portja.
   ============================================================ */
.sisoo-home{
  --color-bg:#FBF5F0; --color-bg-warm:#F6E9E1; --color-surface:#FFFFFF;
  --color-blush:#F3DDD4; --color-champagne:#EBD9C6; --color-rose:#C2867A;
  --color-rose-deep:#A6655A; --color-gold:#B89B6E; --color-ink:#3B2D2A;
  --color-muted:#8C7C75; --color-line:#EADDD4; --color-line-strong:#DCC8BC;
  --color-cream-on-dark:#F8EEE7; --color-success:#5E8C6A; --color-star:#C99A52;
  --font-display:"Spectral",Georgia,"Times New Roman",serif;
  --font-body:"Jost",system-ui,-apple-system,"Segoe UI",sans-serif;
  --fs-hero:clamp(2.75rem,7vw,5rem); --fs-h1:clamp(2.25rem,5vw,3.5rem);
  --fs-h2:clamp(1.75rem,3.5vw,2.6rem); --fs-h3:clamp(1.3rem,2.2vw,1.6rem);
  --fs-lead:clamp(1.05rem,1.4vw,1.25rem); --fs-body:1.0625rem; --fs-small:0.875rem; --fs-eyebrow:0.78rem;
  --lh-body:1.6; --lh-tight:1.1; --tracking-eyebrow:0.22em;
  --space-1:4px; --space-2:8px; --space-3:14px; --space-4:20px;
  --space-5:30px; --space-6:46px; --space-7:64px; --space-8:96px;
  --radius-sm:10px; --radius-md:18px; --radius-lg:28px; --radius-xl:40px; --radius-pill:999px;
  --shadow-sm:0 2px 10px rgba(166,101,90,0.07); --shadow-md:0 14px 40px rgba(166,101,90,0.12); --shadow-lg:0 30px 70px rgba(120,70,60,0.16);
  --maxw:1200px; --maxw-narrow:820px; --transition:200ms cubic-bezier(0.2,0,0,1);
  color-scheme:light only;
  font-family:var(--font-body); font-size:var(--fs-body); line-height:var(--lh-body);
  font-weight:400; color:var(--color-ink); background:var(--color-bg);
  -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
}
.sisoo-home *, .sisoo-home *::before, .sisoo-home *::after{ box-sizing:border-box; }
.sisoo-home *{ margin:0; }
.sisoo-home img, .sisoo-home svg, .sisoo-home picture{ display:block; max-width:100%; }
.sisoo-home a{ color:inherit; text-decoration:none; }
.sisoo-home button, .sisoo-home input, .sisoo-home textarea, .sisoo-home select{ font:inherit; color:inherit; }
.sisoo-home ul, .sisoo-home ol{ list-style:none; padding:0; }
.sisoo-home h1, .sisoo-home h2, .sisoo-home h3, .sisoo-home h4{ line-height:var(--lh-tight); font-weight:500; color:var(--color-ink); }
.sisoo-home em, .sisoo-home .serif-italic{ font-family:var(--font-display); font-style:italic; }
.sisoo-home :focus-visible{ outline:2px solid var(--color-rose-deep); outline-offset:3px; border-radius:4px; }
.sisoo-home .visually-hidden{ position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; border:0; }

/* LAYOUT */
.sisoo-home .wrap{ width:100%; max-width:var(--maxw); margin-inline:auto; padding-inline:var(--space-4); }
.sisoo-home .wrap-narrow{ max-width:var(--maxw-narrow); }
.sisoo-home .section{ padding-block:var(--space-7); }
.sisoo-home .section-sm{ padding-block:var(--space-6); }
.sisoo-home .bg-warm{ background:var(--color-bg-warm); }
.sisoo-home .center{ text-align:center; }

/* TYPO helpers */
.sisoo-home .eyebrow{ font-size:var(--fs-eyebrow); letter-spacing:var(--tracking-eyebrow); text-transform:uppercase; font-weight:500; color:var(--color-rose); display:inline-block; }
.sisoo-home .lead{ font-size:var(--fs-lead); color:var(--color-muted); line-height:1.55; }
.sisoo-home .display{ font-family:var(--font-display); font-weight:400; letter-spacing:-0.01em; }
.sisoo-home .section-head{ max-width:720px; }
.sisoo-home .section-head.center{ margin-inline:auto; }
.sisoo-home .section-head h2{ font-family:var(--font-display); font-size:var(--fs-h2); margin-top:var(--space-2); }
.sisoo-home .section-head p{ margin-top:var(--space-3); }

/* BUTTONS */
.sisoo-home .btn{ display:inline-flex; align-items:center; justify-content:center; gap:10px; font-family:var(--font-body); font-weight:500; font-size:1rem; letter-spacing:0.01em; padding:15px 30px; border-radius:var(--radius-pill); border:1.5px solid transparent; cursor:pointer; transition:background var(--transition),color var(--transition),border-color var(--transition),transform var(--transition),box-shadow var(--transition); text-align:center; }
.sisoo-home .btn:active{ transform:translateY(1px); }
.sisoo-home .btn-primary{ background:var(--color-rose-deep); color:var(--color-cream-on-dark); box-shadow:var(--shadow-sm); position:relative; overflow:hidden; }
.sisoo-home .btn-primary:hover{ background:var(--color-ink); box-shadow:var(--shadow-md); }
.sisoo-home .btn-primary::after{ content:""; position:absolute; top:0; left:-120%; width:60%; height:100%; background:linear-gradient(100deg,transparent,rgba(255,255,255,0.28),transparent); transform:skewX(-18deg); transition:left 0.6s ease; }
.sisoo-home .btn-primary:hover::after{ left:130%; }
.sisoo-home .btn-secondary{ background:transparent; color:var(--color-rose-deep); border-color:var(--color-line-strong); }
.sisoo-home .btn-secondary:hover{ background:var(--color-surface); border-color:var(--color-rose); }
.sisoo-home .btn-lg{ padding:18px 38px; font-size:1.05rem; }

/* HERO */
.sisoo-home .hero{ position:relative; overflow:hidden; }
.sisoo-home .hero-grid{ display:grid; grid-template-columns:1fr; gap:var(--space-5); align-items:center; }
.sisoo-home .hero-copy h1{ font-family:var(--font-display); font-size:var(--fs-hero); font-weight:400; margin-top:var(--space-3); }
.sisoo-home .hero-copy h1 em{ color:var(--color-rose-deep); }
.sisoo-home .hero-copy p{ margin-top:var(--space-4); max-width:52ch; }
.sisoo-home .hero-actions{ display:flex; flex-wrap:wrap; gap:var(--space-3); margin-top:var(--space-5); }
.sisoo-home .hero-meta{ display:flex; flex-wrap:wrap; gap:var(--space-4); margin-top:var(--space-5); align-items:center; }
.sisoo-home .hero-meta .stars{ color:var(--color-star); letter-spacing:2px; }
.sisoo-home .hero-meta span{ font-size:var(--fs-small); color:var(--color-muted); }
.sisoo-home .hero-photo{ position:relative; min-height:clamp(440px,72vh,640px); background-size:cover; background-position:72% center; display:flex; align-items:center; }
.sisoo-home .hero-photo::before{ content:""; position:absolute; inset:0; background:linear-gradient(100deg, rgba(241,228,221,0.97) 0%, rgba(241,228,221,0.9) 22%, rgba(241,228,221,0.5) 40%, rgba(241,228,221,0) 56%); }
.sisoo-home .hero-photo .wrap{ position:relative; width:100%; }
.sisoo-home .hero-photo .hero-copy{ max-width:560px; }
@media (max-width:640px){
  /* hero: kevesebb feher gradiens, a kezben tartott termek jobban latszodjon */
  .sisoo-home .hero-photo{ background-position:78% center; }
  .sisoo-home .hero-photo::before{ background:linear-gradient(180deg, rgba(241,228,221,0.75) 0%, rgba(241,228,221,0.45) 45%, rgba(241,228,221,0.12) 100%), linear-gradient(100deg, rgba(241,228,221,0.62) 0%, rgba(241,228,221,0.18) 55%, rgba(241,228,221,0) 78%); }

  /* hirlevel: email mezo es gomb egymas alatt, kozepre igazitva */
  .sisoo-home .newsletter form{ flex-direction:column; align-items:center; }
  .sisoo-home .newsletter .input{ width:100%; }
  .sisoo-home .newsletter button{ width:100%; max-width:280px; }

  /* statisztika-sav also tajekoztato mondata mobilon rejtve */
  .sisoo-home .price-note{ display:none; }
}

/* TRUST STRIP */
.sisoo-home .trust-strip{ border-block:1px solid var(--color-line); background:var(--color-surface); }
.sisoo-home .trust-row{ display:grid; grid-template-columns:repeat(2,1fr); gap:var(--space-5); padding-block:var(--space-5); text-align:center; }
.sisoo-home .trust-item{ display:flex; flex-direction:column; align-items:center; gap:6px; }
.sisoo-home .trust-item svg{ width:26px; height:26px; color:var(--color-rose); }
.sisoo-home .trust-item strong{ font-weight:500; font-size:0.95rem; }
.sisoo-home .trust-item span{ font-size:var(--fs-small); color:var(--color-muted); }

/* CARDS + BENEFIT GRID */
.sisoo-home .card{ background:var(--color-surface); border:1px solid var(--color-line); border-radius:var(--radius-lg); padding:var(--space-5); box-shadow:var(--shadow-sm); transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition); }
.sisoo-home .card.interactive:hover{ transform:translateY(-4px); box-shadow:var(--shadow-md); border-color:var(--color-line-strong); }
.sisoo-home .grid{ display:grid; gap:var(--space-4); }
.sisoo-home .grid-3{ grid-template-columns:1fr; }
.sisoo-home .benefit{ text-align:left; }
.sisoo-home .benefit .icon{ width:52px; height:52px; border-radius:var(--radius-md); background:var(--color-bg-warm); color:var(--color-rose-deep); display:grid; place-items:center; margin-bottom:var(--space-3); }
.sisoo-home .benefit .icon svg{ width:26px; height:26px; }
.sisoo-home .benefit h3{ font-family:var(--font-display); font-size:var(--fs-h3); font-weight:500; }
.sisoo-home .benefit p{ margin-top:var(--space-2); color:var(--color-muted); font-size:0.98rem; }

/* STATS */
.sisoo-home .stats{ display:grid; grid-template-columns:repeat(2,1fr); gap:var(--space-5); text-align:center; }
.sisoo-home .stat .num{ font-family:var(--font-display); font-size:clamp(2.6rem,6vw,4rem); color:var(--color-rose-deep); line-height:1; }
.sisoo-home .stat .label{ margin-top:var(--space-2); font-size:var(--fs-small); color:var(--color-muted); }
.sisoo-home .price-note{ font-size:var(--fs-small); color:var(--color-muted); }
.sisoo-home .price-note a{ color:var(--color-rose-deep); text-decoration:underline; }

/* SPLIT + DRAINAGE */
.sisoo-home .split{ display:grid; grid-template-columns:1fr; gap:var(--space-5); align-items:center; }
.sisoo-home .split-visual{ aspect-ratio:1/1; border-radius:var(--radius-xl); background:radial-gradient(60% 50% at 35% 30%, rgba(255,255,255,0.65), transparent 60%), linear-gradient(150deg,var(--color-bg-warm),var(--color-blush) 70%,var(--color-rose)); box-shadow:var(--shadow-md); display:grid; place-items:center; overflow:hidden; }
.sisoo-home .pull{ font-family:var(--font-display); font-style:italic; font-size:clamp(1.4rem,2.6vw,2rem); color:var(--color-rose-deep); border-left:2px solid var(--color-rose); padding-left:var(--space-4); margin-top:var(--space-4); }

/* REVIEWS */
.sisoo-home .reviews-grid{ display:grid; grid-template-columns:1fr; gap:var(--space-4); }
.sisoo-home .review{ display:flex; flex-direction:column; gap:var(--space-3); height:100%; }
.sisoo-home .review .stars{ color:var(--color-star); letter-spacing:2px; font-size:1.05rem; }
.sisoo-home .review blockquote{ font-size:1.05rem; line-height:1.7; color:var(--color-ink); }
.sisoo-home .review blockquote .hl{ color:var(--color-rose-deep); }
.sisoo-home .review .author{ display:flex; align-items:center; gap:12px; margin-top:auto; }
.sisoo-home .review .avatar{ width:42px; height:42px; border-radius:50%; flex:none; background:linear-gradient(150deg,var(--color-champagne),var(--color-rose)); display:grid; place-items:center; color:var(--color-surface); font-weight:500; }
.sisoo-home .review .meta{ line-height:1.3; }
.sisoo-home .review .meta strong{ font-weight:500; font-size:0.95rem; display:block; }
.sisoo-home .review .meta span{ font-size:var(--fs-small); color:var(--color-muted); }

/* PHOTO REVIEWS (UGC) */
.sisoo-home .photo-reviews{ display:grid; grid-template-columns:repeat(2,1fr); gap:var(--space-3); }
.sisoo-home .photo-review{ position:relative; aspect-ratio:1; border-radius:var(--radius-lg); overflow:hidden; border:1px solid var(--color-line); background:linear-gradient(150deg,var(--color-bg-warm),var(--color-blush)); display:grid; place-items:center; color:var(--color-rose-deep); }
.sisoo-home .photo-review img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.sisoo-home .photo-review .pr-stars{ position:absolute; bottom:10px; left:10px; z-index:2; color:var(--color-star); letter-spacing:1px; font-size:0.8rem; background:rgba(255,255,255,0.85); border-radius:var(--radius-pill); padding:3px 9px; }

/* GUARANTEE */
.sisoo-home .guarantee{ display:flex; gap:var(--space-4); align-items:center; background:var(--color-surface); border:1px solid var(--color-line); border-radius:var(--radius-lg); padding:var(--space-4) var(--space-5); }
.sisoo-home .guarantee .g-seal{ width:72px; height:72px; border-radius:50%; flex:none; border:2px solid var(--color-rose); color:var(--color-rose-deep); display:grid; place-items:center; text-align:center; font-family:var(--font-display); font-size:0.95rem; line-height:1.05; }
.sisoo-home .guarantee .g-seal strong{ font-size:1.7rem; display:block; }
.sisoo-home .guarantee h3{ font-family:var(--font-display); font-size:var(--fs-h3); font-weight:500; }
.sisoo-home .guarantee p{ color:var(--color-muted); margin-top:4px; font-size:0.98rem; }

/* CTA BAND */
.sisoo-home .cta-band{ background:var(--color-ink); color:var(--color-cream-on-dark); border-radius:var(--radius-xl); padding:var(--space-6) var(--space-5); text-align:center; position:relative; overflow:hidden; }
.sisoo-home .cta-band::before{ content:""; position:absolute; inset:-40% 50% auto -20%; height:140%; background:radial-gradient(closest-side, rgba(194,134,122,0.35), transparent); }
.sisoo-home .cta-band > *{ position:relative; }
.sisoo-home .cta-band h2{ font-family:var(--font-display); font-size:var(--fs-h2); font-weight:400; }
.sisoo-home .cta-band p{ color:rgba(248,238,231,0.78); margin-top:var(--space-3); max-width:48ch; margin-inline:auto; }
.sisoo-home .cta-band .btn-primary{ background:var(--color-rose); color:var(--color-ink); margin-top:var(--space-5); }
.sisoo-home .cta-band .btn-primary:hover{ background:var(--color-cream-on-dark); }

/* NEWSLETTER */
.sisoo-home .input{ width:100%; padding:13px 16px; background:var(--color-surface); border:1.5px solid var(--color-line-strong); border-radius:var(--radius-md); transition:border-color var(--transition),box-shadow var(--transition); }
.sisoo-home .input::placeholder{ color:#b8a89f; }
.sisoo-home .input:hover{ border-color:var(--color-rose); }
.sisoo-home .input:focus{ border-color:var(--color-rose); outline:none; box-shadow:0 0 0 3px rgba(194,134,122,0.18); }
.sisoo-home .newsletter{ background:var(--color-bg-warm); border:1px solid var(--color-line); border-radius:var(--radius-xl); padding:var(--space-6) var(--space-5); text-align:center; }
.sisoo-home .newsletter form{ display:flex; flex-wrap:wrap; gap:var(--space-2); max-width:460px; margin:var(--space-4) auto 0; }
.sisoo-home .newsletter .input{ flex:1; min-width:200px; }
.sisoo-home .newsletter .hint{ font-size:var(--fs-small); color:var(--color-muted); margin-top:var(--space-3); }
.sisoo-home .newsletter .nl-msg{ font-size:var(--fs-small); margin-top:var(--space-3); min-height:1.2em; }
.sisoo-home .newsletter .nl-msg.is-success{ color:var(--color-rose-deep); font-weight:500; }
.sisoo-home .newsletter .nl-msg.is-error{ color:#b3261e; font-weight:500; }

/* RESPONSIVE */
@media (min-width:640px){
  .sisoo-home .trust-row{ grid-template-columns:repeat(4,1fr); }
  .sisoo-home .stats{ grid-template-columns:repeat(4,1fr); }
  .sisoo-home .photo-reviews{ grid-template-columns:repeat(4,1fr); }
}
@media (min-width:860px){
  .sisoo-home .grid-3{ grid-template-columns:repeat(3,1fr); }
  .sisoo-home .reviews-grid{ grid-template-columns:repeat(2,1fr); }
  .sisoo-home .split{ grid-template-columns:0.9fr 1.1fr; }
}
@media (min-width:1024px){
  .sisoo-home .reviews-grid{ grid-template-columns:repeat(3,1fr); }
}

/* SCROLL-REVEAL (csak ha a JS fut) */
.sisoo-home.js [data-reveal]{ opacity:0; transform:translateY(28px); transition:opacity 0.7s cubic-bezier(0.2,0,0,1),transform 0.7s cubic-bezier(0.2,0,0,1); will-change:opacity,transform; }
.sisoo-home.js [data-reveal="zoom"]{ transform:scale(0.94); }
.sisoo-home.js [data-reveal].is-visible{ opacity:1; transform:none; }
.sisoo-home.js [data-reveal-stagger] > *{ opacity:0; transform:translateY(24px); transition:opacity 0.6s cubic-bezier(0.2,0,0,1),transform 0.6s cubic-bezier(0.2,0,0,1); }
.sisoo-home.js [data-reveal-stagger].is-visible > *{ opacity:1; transform:none; }
.sisoo-home.js [data-reveal-stagger].is-visible > *:nth-child(1){ transition-delay:0.05s; }
.sisoo-home.js [data-reveal-stagger].is-visible > *:nth-child(2){ transition-delay:0.13s; }
.sisoo-home.js [data-reveal-stagger].is-visible > *:nth-child(3){ transition-delay:0.21s; }
.sisoo-home.js [data-reveal-stagger].is-visible > *:nth-child(4){ transition-delay:0.29s; }
.sisoo-home.js [data-reveal-stagger].is-visible > *:nth-child(5){ transition-delay:0.37s; }
.sisoo-home.js [data-reveal-stagger].is-visible > *:nth-child(6){ transition-delay:0.45s; }

/* HERO belépő animáció */
@keyframes sisooHeroUp{ from{ opacity:0; transform:translateY(30px); } to{ opacity:1; transform:none; } }
.sisoo-home .hero-photo .hero-copy > *{ animation:sisooHeroUp 0.85s cubic-bezier(0.2,0,0,1) backwards; }
.sisoo-home .hero-photo .hero-copy > *:nth-child(1){ animation-delay:0.05s; }
.sisoo-home .hero-photo .hero-copy > *:nth-child(2){ animation-delay:0.18s; }
.sisoo-home .hero-photo .hero-copy > *:nth-child(3){ animation-delay:0.31s; }
.sisoo-home .hero-photo .hero-copy > *:nth-child(4){ animation-delay:0.44s; }
.sisoo-home .hero-photo .hero-copy > *:nth-child(5){ animation-delay:0.57s; }

/* Nyirok-hullámok úszkodása */
@keyframes sisooWaveShift{ 0%,100%{ transform:translateX(0); } 50%{ transform:translateX(4px); } }
.sisoo-home .split-visual svg path{ animation:sisooWaveShift 5s ease-in-out infinite; }
.sisoo-home .split-visual svg path:nth-child(2){ animation-delay:0.4s; }
.sisoo-home .split-visual svg path:nth-child(3){ animation-delay:0.8s; }

/* CTA háttér-csillanás */
@keyframes sisooCtaGlow{ 0%,100%{ opacity:0.6; } 50%{ opacity:1; } }
.sisoo-home .cta-band::before{ animation:sisooCtaGlow 6s ease-in-out infinite; }

@media (prefers-reduced-motion:reduce){
  .sisoo-home *{ animation:none !important; transition:none !important; }
  .sisoo-home [data-reveal], .sisoo-home [data-reveal-stagger] > *{ opacity:1 !important; transform:none !important; }
}

/* ============================================================
   ELRENDEZES-JAVITAS – az Astra .ast-container flex-oszlop, amelyben
   a width nelkuli .sisoo-home blokk a tartalom szelessegere zsugorodna
   es balra igazodna. Teljes szelessegu -> a belso .wrap kozepre igazit.
   ============================================================ */
.sisoo-home{ width:100%; align-self:stretch; }
.sisoo-home-body #content .ast-container{ align-items:stretch; }
.sisoo-home #sisoo-main{ width:100%; }

/* CTA-sav cime: a kozos sotet fejlec-szin felulirasa a zip szerinti vilagosra */
.sisoo-home .cta-band h2{ color:var(--color-cream-on-dark); }