/* ============================================================
   SISOO – Rólunk / GYIK / Kapcsolat / ÁSZF / Adatkezelés
   Közös alap + komponens stílusok, .sisoo-page alá scope-olva.
   ============================================================ */
.sisoo-page{
  --space-1: 4px; --space-2: 8px; --space-3: 14px; --space-4: 20px;
  --space-5: 30px; --space-6: 46px; --space-7: 64px; --space-8: 96px;
  --color-muted: #8C7C75; --color-rose: #C2867A; --color-rose-deep: #A6655A;
  --color-ink: #3B2D2A; --color-bg-warm: #F6E9E1; --color-line: #EADDD4;
}
.sisoo-page *, .sisoo-page *::before, .sisoo-page *::after{ box-sizing: border-box; }
.sisoo-page *{ margin: 0; }
.sisoo-page{
  font-family: var(--font-body, "Jost", sans-serif);
  font-size: 1.0625rem; line-height: 1.6; font-weight: 400;
  color: var(--color-ink, #3B2D2A);
  background: var(--color-bg, #FBF5F0);
}
.sisoo-page img, .sisoo-page svg{ display: block; max-width: 100%; }
.sisoo-page a{ color: inherit; text-decoration: none; }
.sisoo-page button, .sisoo-page input, .sisoo-page textarea, .sisoo-page select{ font: inherit; color: inherit; }
.sisoo-page ul, .sisoo-page ol{ list-style: none; padding: 0; }
.sisoo-page h1, .sisoo-page h2, .sisoo-page h3, .sisoo-page h4{ line-height: 1.15; font-weight: 500; color: var(--color-ink, #3B2D2A); }
.sisoo-page em{ font-family: var(--font-display, "Spectral", serif); font-style: italic; }
.sisoo-page :focus-visible{ outline: 2px solid #A6655A; outline-offset: 3px; border-radius: 4px; }
.sisoo-page .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; }

.sisoo-page .wrap{ width:100%; max-width:1200px; margin-left:auto; margin-right:auto; padding-left:20px; padding-right:20px; }
.sisoo-page .wrap-narrow{ max-width: 820px; }
.sisoo-page .section{ padding-top: 46px; padding-bottom: 46px; }
.sisoo-page .section-sm{ padding-top: 30px; padding-bottom: 30px; }
.sisoo-page .bg-warm{ background: #F6E9E1; }
.sisoo-page .center{ text-align: center; }
.sisoo-page .eyebrow{ font-size:0.78rem; letter-spacing:0.22em; text-transform:uppercase; font-weight:500; color:#C2867A; display:inline-block; }
.sisoo-page .lead{ font-size: 1.05rem; color:#8C7C75; line-height:1.55; }
.sisoo-page .display{ font-family: var(--font-display, "Spectral", serif); font-weight:400; letter-spacing:-0.01em; }
.sisoo-page .pull{ font-family: var(--font-display, "Spectral", serif); font-style:italic; font-size:clamp(1.3rem,2.4vw,1.7rem); color:#A6655A; border-left:2px solid #C2867A; padding-left:20px; margin-top:20px; }

/* Gombok */
.sisoo-page .btn{
  display:inline-flex; align-items:center; justify-content:center; gap:10px;
  font-family: var(--font-body, "Jost", sans-serif); font-weight:500; font-size:1rem; letter-spacing:0.01em;
  padding:15px 30px; border-radius:999px; border:1.5px solid transparent; cursor:pointer;
  transition: background .2s, color .2s, border-color .2s, transform .2s, box-shadow .2s;
  position:relative; overflow:hidden;
}
.sisoo-page .btn::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 .6s ease;pointer-events:none;}
.sisoo-page .btn:hover::after{ left:130%; }
.sisoo-page .btn:active{ transform: translateY(1px); }
.sisoo-page .btn-primary{ background:#A6655A; color:#F8EEE7; box-shadow:0 2px 10px rgba(166,101,90,0.07); }
.sisoo-page .btn-primary:hover{ background:#3B2D2A; box-shadow:0 14px 40px rgba(166,101,90,0.12); }
.sisoo-page .btn-secondary{ background:transparent; color:#A6655A; border-color:#DCC8BC; }
.sisoo-page .btn-secondary:hover{ background:#FFFFFF; border-color:#C2867A; }
.sisoo-page .btn-lg{ padding:18px 38px; font-size:1.05rem; }

/* Oldalfejléc (Rólunk / GYIK / Kapcsolat / ÁSZF / Adatkezelés teteje) */
.sisoo-page .page-head{ padding-top:46px; padding-bottom:30px; text-align:center; }
.sisoo-page .page-head h1{ font-family: var(--font-display, "Spectral", serif); font-size:clamp(2.25rem,5vw,3.5rem); font-weight:400; margin-top:8px; }
.sisoo-page .page-head p{ margin-top:14px; max-width:60ch; margin-left:auto; margin-right:auto; }
.sisoo-page .breadcrumb{ font-size:0.875rem; color:#8C7C75; }
.sisoo-page .breadcrumb a:hover{ color:#A6655A; }

/* Kártya */
.sisoo-page .card{
  background:#FFFFFF; border:1px solid #EADDD4; border-radius:28px;
  padding:30px; box-shadow:0 2px 10px rgba(166,101,90,0.07);
}
.sisoo-page .stack-sm > * + *{ margin-top: 14px; }

/* Split (sztori szekció, kép + szöveg) */
.sisoo-page .split{ display:grid; grid-template-columns:1fr; gap:30px; align-items:center; }
.sisoo-page .split-visual{
  aspect-ratio:1/1; border-radius:40px; overflow:hidden;
  background: radial-gradient(60% 50% at 35% 30%, rgba(255,255,255,0.65), transparent 60%), linear-gradient(150deg, #F6E9E1, #F3DDD4 70%, #C2867A);
  box-shadow:0 14px 40px rgba(166,101,90,0.12);
}

/* Value grid (Rólunk – 4 alapelv) */
.sisoo-page .value-grid{ display:grid; grid-template-columns:1fr; gap:20px; }
.sisoo-page .value{ padding:20px 0; border-top:1px solid #EADDD4; }
.sisoo-page .value .num{ font-family: var(--font-display, "Spectral", serif); color:#C2867A; font-size:1.1rem; }
.sisoo-page .value h3{ font-family: var(--font-display, "Spectral", serif); font-size:1.3rem; font-weight:500; margin-top:6px; }
.sisoo-page .value p{ color:#8C7C75; margin-top:8px; }

/* Statisztikák */
.sisoo-page .stats{ display:grid; grid-template-columns:repeat(2,1fr); gap:30px; text-align:center; }
.sisoo-page .stat .num{ font-family: var(--font-display, "Spectral", serif); font-size:clamp(2.6rem,6vw,4rem); color:#A6655A; line-height:1; }
.sisoo-page .stat .label{ margin-top:8px; font-size:0.875rem; color:#8C7C75; }

/* CTA sáv */
.sisoo-page .cta-band{
  background:#3B2D2A; color:#F8EEE7; border-radius:40px; padding:46px 30px;
  text-align:center; position:relative; overflow:hidden;
}
.sisoo-page .cta-band > *{ position:relative; }
.sisoo-page .cta-band h2{ font-family: var(--font-display, "Spectral", serif); font-size:clamp(1.75rem,3.5vw,2.6rem); font-weight:400; color:#F8EEE7; }
.sisoo-page .cta-band p{ color:rgba(248,238,231,0.78); margin-top:14px; max-width:48ch; margin-left:auto; margin-right:auto; }
.sisoo-page .cta-band .btn-primary{ background:#C2867A; color:#3B2D2A; margin-top:30px; }
.sisoo-page .cta-band .btn-primary:hover{ background:#F8EEE7; }

/* FAQ */
.sisoo-page .faq-list{ display:grid; gap:8px; }
.sisoo-page .faq-item{ background:#FFFFFF; border:1px solid #EADDD4; border-radius:18px; overflow:hidden; transition:border-color .2s; }
.sisoo-page .faq-item[open]{ border-color:#C2867A; }
.sisoo-page .faq-item summary{ list-style:none; cursor:pointer; padding:20px 30px; display:flex; align-items:center; justify-content:space-between; gap:14px; font-size:1.08rem; font-weight:500; }
.sisoo-page .faq-item summary::-webkit-details-marker{ display:none; }
.sisoo-page .faq-item summary .plus{ width:26px; height:26px; flex:none; position:relative; color:#A6655A; }
.sisoo-page .faq-item summary .plus::before, .sisoo-page .faq-item summary .plus::after{ content:""; position:absolute; background:currentColor; border-radius:2px; transition:transform .2s, opacity .2s; }
.sisoo-page .faq-item summary .plus::before{ left:12px; top:4px; width:2px; height:18px; }
.sisoo-page .faq-item summary .plus::after{ top:12px; left:4px; height:2px; width:18px; }
.sisoo-page .faq-item[open] summary .plus::before{ transform:rotate(90deg); opacity:0; }
.sisoo-page .faq-answer{ padding:0 30px 20px; color:#8C7C75; }
.sisoo-page .faq-answer p + p{ margin-top:14px; }

/* Űrlap (kapcsolat) */
.sisoo-page .form-grid{ display:grid; gap:20px; }
.sisoo-page .field{ display:grid; gap:8px; align-content:start; }
.sisoo-page .field label{ font-size:0.92rem; font-weight:500; }
.sisoo-page .req{ color:#A6655A; }
.sisoo-page .hint{ font-size:0.875rem; color:#8C7C75; }
.sisoo-page .input, .sisoo-page .textarea, .sisoo-page .select{
  width:100%; padding:13px 16px; background:#FFFFFF; border:1.5px solid #DCC8BC; border-radius:18px !important;
  transition:border-color .2s, box-shadow .2s;
}
.sisoo-page .input::placeholder, .sisoo-page .textarea::placeholder{ color:#b8a89f; }
.sisoo-page .input:hover, .sisoo-page .textarea:hover, .sisoo-page .select:hover{ border-color:#C2867A; }
.sisoo-page .input:focus, .sisoo-page .textarea:focus, .sisoo-page .select:focus{ outline:none; border-color:#A6655A; box-shadow:0 0 0 3px rgba(166,101,90,0.14); }
.sisoo-page .textarea{ min-height:150px; resize:vertical; }
.sisoo-page .check-row{ display:flex; gap:12px; align-items:flex-start; }
.sisoo-page .check-row input{ width:20px; height:20px; margin-top:3px; accent-color:#A6655A; flex:none; }
.sisoo-page .check-row label{ font-size:0.95rem; color:#8C7C75; }
.sisoo-page .grid{ display:grid; gap:20px; }
.sisoo-page .grid-2{ grid-template-columns:1fr; }
.sisoo-page .product-layout{ margin-top:0; }

/* Kapcsolat infókártyák */
.sisoo-page .info-card{ display:flex; gap:14px; align-items:flex-start; }
.sisoo-page .info-card .ic-icon{ width:46px; height:46px; border-radius:18px; flex:none; background:#F6E9E1; color:#A6655A; display:flex; align-items:center; justify-content:center; }
.sisoo-page .info-card .ic-icon svg{ width:22px; height:22px; }
.sisoo-page .info-card h4{ font-weight:500; }
.sisoo-page .info-card p, .sisoo-page .info-card a{ color:#8C7C75; font-size:0.98rem; }
.sisoo-page .info-card a:hover{ color:#A6655A; }

/* Jogi dokumentum (ÁSZF / Adatkezelés) */
.sisoo-page .legal{ max-width:820px; margin-left:auto; margin-right:auto; }
.sisoo-page .legal h2{ font-family: var(--font-display, "Spectral", serif); font-size:1.3rem; font-weight:500; margin-top:46px; padding-top:20px; border-top:1px solid #EADDD4; }
.sisoo-page .legal h2:first-of-type{ border-top:0; margin-top:20px; padding-top:0; }
.sisoo-page .legal h3{ font-size:1.05rem; font-weight:600; margin-top:20px; }
.sisoo-page .legal p{ margin-top:14px; color:#3B2D2A; }
.sisoo-page .legal ul{ margin-top:14px; display:grid; gap:8px; }
.sisoo-page .legal ul li{ padding-left:20px; position:relative; color:#3B2D2A; }
.sisoo-page .legal ul li::before{ content:"—"; position:absolute; left:0; color:#C2867A; }
.sisoo-page .legal .data-table{ width:100%; border-collapse:collapse; margin-top:14px; background:#FFFFFF; border:1px solid #EADDD4; }
.sisoo-page .legal .data-table th, .sisoo-page .legal .data-table td{ text-align:left; padding:12px 16px; border-bottom:1px solid #EADDD4; vertical-align:top; }
.sisoo-page .legal .data-table th{ width:38%; font-weight:500; color:#8C7C75; }
.sisoo-page .legal .data-table tr:last-child th, .sisoo-page .legal .data-table tr:last-child td{ border-bottom:0; }
.sisoo-page .legal .toc{ background:#F6E9E1; border:1px solid #EADDD4; border-radius:28px; padding:20px 30px; margin-bottom:46px; }
.sisoo-page .legal .toc h2{ border:0; margin:0 0 14px; padding:0; font-size:1.05rem; }
.sisoo-page .legal .toc ol{ display:grid; gap:6px; counter-reset:toc; padding-left:20px; }
.sisoo-page .legal .toc ol li{ list-style:decimal; color:#A6655A; }
.sisoo-page .legal .toc a:hover{ text-decoration:underline; }
.sisoo-page .legal .note{ background:#F6E9E1; border-left:2px solid #C2867A; padding:14px 20px; margin-top:14px; font-size:0.96rem; }

/* Reveal animáció (ugyanaz a rendszer, mint a termékoldalon) */
.sisoo-page .js [data-reveal]{ opacity:0; transform:translateY(28px); transition:opacity .7s cubic-bezier(0.2,0,0,1), transform .7s cubic-bezier(0.2,0,0,1); }
.sisoo-page [data-reveal]{ opacity:1; }
.sisoo-page .js [data-reveal="zoom"]{ transform:scale(0.94); }
.sisoo-page .js [data-reveal].is-visible{ opacity:1; transform:none; }
.sisoo-page .js [data-reveal-stagger] > *{ opacity:0; transform:translateY(24px); transition:opacity .6s cubic-bezier(0.2,0,0,1), transform .6s cubic-bezier(0.2,0,0,1); }
.sisoo-page [data-reveal-stagger] > *{ opacity:1; }
.sisoo-page .js [data-reveal-stagger].is-visible > *{ opacity:1; transform:none; }
.sisoo-page .js [data-reveal-stagger].is-visible > *:nth-child(1){ transition-delay:.05s; }
.sisoo-page .js [data-reveal-stagger].is-visible > *:nth-child(2){ transition-delay:.13s; }
.sisoo-page .js [data-reveal-stagger].is-visible > *:nth-child(3){ transition-delay:.21s; }
.sisoo-page .js [data-reveal-stagger].is-visible > *:nth-child(4){ transition-delay:.29s; }
.sisoo-page .js [data-reveal-stagger].is-visible > *:nth-child(5){ transition-delay:.37s; }
.sisoo-page .js [data-reveal-stagger].is-visible > *:nth-child(6){ transition-delay:.45s; }
@media (prefers-reduced-motion: reduce){
  .sisoo-page .js [data-reveal], .sisoo-page .js [data-reveal-stagger] > *{ opacity:1 !important; transform:none !important; transition:none !important; }
}

/* Astra integráció */
body.sisoo-page-body{ background:#FBF5F0; }
body.sisoo-page-body #content{ padding-top:0; padding-bottom:0; }
body.sisoo-page-body #content .ast-container{ max-width:100% !important; padding-left:0 !important; padding-right:0 !important; display:block !important; width:100% !important; }

/* Reszponzív */
@media (min-width: 640px){
  .sisoo-page .grid-2{ grid-template-columns: 1fr 1fr; }
  .sisoo-page .stats{ grid-template-columns:repeat(4,1fr); }
}
@media (min-width: 860px){
  .sisoo-page .split{ grid-template-columns:0.9fr 1.1fr; }
  .sisoo-page .value-grid{ grid-template-columns:repeat(2,1fr); }
  .sisoo-page .product-layout{ display:grid; grid-template-columns:1fr 1fr; gap:46px; align-items:start; }
}

/* ============================================================
   SISOO – Kosár oldal
   ============================================================ */
.sisoo-page .steps{ display:flex; gap:8px; flex-wrap:wrap; margin-bottom:30px; }
.sisoo-page .step-pill{ display:inline-flex; align-items:center; gap:8px; padding:8px 16px; border-radius:999px; font-size:0.875rem; border:1px solid #EADDD4; background:#FFFFFF; color:#8C7C75; }
.sisoo-page .step-pill.active{ background:#A6655A; color:#F8EEE7; border-color:transparent; }
.sisoo-page .step-pill .n{ font-weight:600; }

.sisoo-page .checkout-grid{ display:grid; grid-template-columns:1fr; gap:30px; align-items:start; }

.sisoo-page .cart-section-label{ display:flex; align-items:center; gap:10px; font-size:0.78rem; letter-spacing:0.14em; text-transform:uppercase; color:#5E8C6A; font-weight:600; margin-bottom:14px; }
.sisoo-page .cart-section-label svg{ width:17px; height:17px; flex:none; }

.sisoo-page .line-item{ display:grid; grid-template-columns:auto 1fr auto; gap:14px; align-items:center; padding-block:20px; border-bottom:1px solid #EADDD4; }
.sisoo-page .line-item:last-of-type{ border-bottom:0; }
.sisoo-page .li-thumb{ width:96px; height:96px; border-radius:18px; flex:none; overflow:hidden; position:relative; background:linear-gradient(150deg,#F3DDD4,#EBD9C6); display:grid; place-items:center; color:#A6655A; }
.sisoo-page .li-thumb.ebook{ background:linear-gradient(150deg,#F3DDD4,#A6655A); color:#fff; }
.sisoo-page .li-name{ font-weight:500; }
.sisoo-page .li-desc{ font-size:0.875rem; color:#8C7C75; }
.sisoo-page .li-price{ font-weight:500; text-align:right; white-space:nowrap; }
.sisoo-page .strike{ text-decoration:line-through; color:#8C7C75; }
.sisoo-page .tag-free{ color:#5E8C6A; font-weight:600; }

.sisoo-page .qty{ display:inline-flex; align-items:center; border:1px solid #DCC8BC; border-radius:999px; overflow:hidden; margin-top:8px; }
.sisoo-page .qty span{ padding:6px 14px; font-size:0.95rem; }
.sisoo-page .qty a.qbtn{ padding:6px 14px; background:#F6E9E1; color:#8C7C75; text-decoration:none; font-size:0.95rem; display:inline-flex; align-items:center; align-self:stretch; }
.sisoo-page .qty a.qbtn:hover{ background:#A6655A; color:#fff; }
.sisoo-page .li-remove{ margin-top:8px; background:none; border:0; cursor:pointer; font-size:0.875rem; color:#A6655A; border-bottom:1px solid currentColor; padding:0; line-height:1.4; display:inline-block; }
.sisoo-page .li-remove:hover{ color:#3B2D2A; }

.sisoo-page .upsell-pro{ position:relative; margin-top:30px; border:2px solid #C2867A; border-radius:28px; background:#FFFFFF; overflow:hidden; }
.sisoo-page .up-ribbon{ display:flex; align-items:center; justify-content:space-between; gap:8px; background:#A6655A; color:#F8EEE7; padding:8px 20px; font-size:0.8rem; letter-spacing:0.1em; text-transform:uppercase; font-weight:600; }
.sisoo-page .up-ribbon > span:first-child{ min-width:0; }
.sisoo-page .up-notincart{ display:inline-flex; align-items:center; gap:6px; flex:none; white-space:nowrap; background:rgba(255,255,255,0.16); border-radius:999px; padding:3px 10px; letter-spacing:0.04em; text-transform:none; font-weight:500; font-size:0.74rem; }
.sisoo-page .up-notincart.added{ background:#5E8C6A; color:#fff; }
.sisoo-page .up-body{ padding:20px; }
.sisoo-page .bought-together{ display:flex; align-items:center; justify-content:center; gap:14px; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #EADDD4; }
.sisoo-page .bt-item{ text-align:center; flex:1; max-width:130px; }
.sisoo-page .bt-thumb{ aspect-ratio:1; border-radius:18px; margin-bottom:6px; display:grid; place-items:center; position:relative; overflow:hidden; }
.sisoo-page .bt-thumb img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.sisoo-page .bt-thumb.device{ background:linear-gradient(150deg,#EBD9C6,#F3DDD4); color:#A6655A; }
.sisoo-page .bt-thumb.serum{ background:linear-gradient(150deg,#F6E9E1,#C2867A); color:#fff; }
.sisoo-page .bt-item .bt-name{ font-size:0.78rem; color:#8C7C75; line-height:1.3; }
.sisoo-page .bt-plus{ font-family:var(--font-display,"Spectral",serif); font-size:1.8rem; color:#C2867A; flex:none; }

.sisoo-page .up-main{ display:flex; gap:20px; align-items:flex-start; flex-wrap:wrap; }
.sisoo-page .up-media{ width:96px; height:96px; flex:none; border-radius:18px; overflow:hidden; background:linear-gradient(150deg,#F6E9E1,#C2867A); display:grid; place-items:center; color:#fff; position:relative; }
.sisoo-page .up-media img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.sisoo-page .upsell-pro h3{ font-family:var(--font-display,"Spectral",serif); font-size:1.4rem; font-weight:500; }
.sisoo-page .up-social{ display:inline-flex; align-items:center; gap:7px; font-size:0.875rem; color:#8C7C75; margin-top:4px; }
.sisoo-page .up-social .stars{ color:#C99A52; letter-spacing:1px; }
.sisoo-page .up-benefits{ display:grid; gap:7px; margin-top:14px; }
.sisoo-page .up-benefits li{ display:flex; gap:9px; align-items:flex-start; font-size:0.92rem; color:#3B2D2A; }
.sisoo-page .up-benefits svg{ width:17px; height:17px; color:#A6655A; flex:none; margin-top:3px; }
.sisoo-page .free-from-row{ display:flex; flex-wrap:wrap; gap:8px 18px; margin-top:14px; padding-top:14px; border-top:1px solid #EADDD4; }
.sisoo-page .free-from-item{ display:inline-flex; align-items:center; gap:6px; font-size:0.82rem; color:#8C7C75; white-space:nowrap; }
.sisoo-page .free-from-item svg{ width:16px; height:16px; color:#C2867A; flex:none; }
.sisoo-page .cert-badge{ display:inline-flex; align-items:center; gap:9px; margin-top:14px; padding:8px 14px; border:1px solid #DCC8BC; border-radius:999px; background:#FFFFFF; }
.sisoo-page .cert-badge svg{ width:26px; height:26px; color:#A6655A; flex:none; }
.sisoo-page .cert-badge .cert-text{ line-height:1.2; }
.sisoo-page .cert-badge .cert-text strong{ display:block; font-size:0.78rem; letter-spacing:0.04em; color:#3B2D2A; font-weight:600; }
.sisoo-page .cert-badge .cert-text span{ display:block; font-size:0.72rem; color:#8C7C75; text-transform:uppercase; letter-spacing:0.06em; }
.sisoo-page .up-priceline{ display:flex; align-items:baseline; gap:10px; flex-wrap:wrap; margin-top:20px; }
.sisoo-page .up-price{ font-family:var(--font-display,"Spectral",serif); font-size:1.7rem; color:#3B2D2A; }
.sisoo-page .up-note{ font-size:0.875rem; color:#8C7C75; }
.sisoo-page .up-add{ margin-top:14px; display:flex; align-items:center; justify-content:center; gap:10px; }
.sisoo-page .up-trust-line{ font-size:0.875rem; color:#8C7C75; text-align:center; margin-top:10px; }

.sisoo-page .summary-row{ display:flex; justify-content:space-between; padding-block:8px; gap:10px; }
.sisoo-page .summary-row.total{ border-top:1.5px solid #DCC8BC; margin-top:14px; padding-top:14px; font-size:1.3rem; }
.sisoo-page .summary-row.total .display{ font-family:var(--font-display,"Spectral",serif); }

.sisoo-page .summary-addon{ border:1px dashed #C2867A; border-radius:18px; padding:12px 14px; margin-top:14px; display:flex; align-items:center; gap:12px; }
.sisoo-page .summary-addon .sa-thumb{ flex:none; width:44px; height:44px; border-radius:14px; overflow:hidden; position:relative; background:#EDE8DE; }
.sisoo-page .summary-addon .sa-thumb img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.sisoo-page .summary-addon .sa-body{ flex:1; }
.sisoo-page .summary-addon .sa-title{ font-size:0.9rem; font-weight:500; }
.sisoo-page .summary-addon .sa-sub{ font-size:0.78rem; color:#8C7C75; }
.sisoo-page .summary-addon .sa-add{ flex:none; font-size:0.82rem; font-weight:600; color:#A6655A; border:1.5px solid #C2867A; border-radius:999px; padding:7px 14px; white-space:nowrap; transition:all .2s; }
.sisoo-page .summary-addon .sa-add:hover{ background:#A6655A; color:#F8EEE7; border-color:transparent; }

.sisoo-page .empty-cart{ text-align:center; padding:64px 20px; }

@media (min-width: 860px){
  .sisoo-page .checkout-grid{ grid-template-columns:1.5fr 1fr; }
}
/* Feature-list (Tovább a fizetéshez gomb alatti bizalmi lista) – hiányzott, így az ikonok
   korlátlan méretben renderelődtek. */
.sisoo-page .feature-list{ display:grid; gap:12px; margin-block:20px; }
.sisoo-page .feature-list li{ display:flex; gap:12px; align-items:flex-start; }
.sisoo-page .feature-list svg{ width:20px; height:20px; color:#A6655A; flex:none; margin-top:3px; }
/* Hiányzó segédosztályok pótlása (kosár oldal) */
.sisoo-page .btn-block{ display:flex; width:100%; }
.sisoo-page .buybox{ position:sticky; top:96px; }
.sisoo-page .price-note{ font-size:0.875rem; color:#8C7C75; }
.sisoo-page .section-head{ max-width:720px; }
.sisoo-page .section-head.center{ margin-left:auto; margin-right:auto; }
.sisoo-page .section-head h2{ font-family:var(--font-display,"Spectral",serif); margin-top:8px; }
.sisoo-page .section-head p{ margin-top:14px; }
/* ============================================================
   SISOO – Szállítási adatok (checkout) + Visszaigazolás
   ============================================================ */
.sisoo-page .ship-method{ display:flex; gap:14px; align-items:flex-start; border:2px solid #C2867A; border-radius:28px; padding:20px; background:rgba(194,134,122,0.06); }
.sisoo-page .ship-method .sm-radio{ width:22px; height:22px; border-radius:50%; flex:none; margin-top:2px; border:2px solid #A6655A; display:grid; place-items:center; }
.sisoo-page .ship-method .sm-radio::after{ content:""; width:11px; height:11px; border-radius:50%; background:#A6655A; }
.sisoo-page .ship-method .sm-title{ font-weight:500; }
.sisoo-page .ship-method .sm-desc{ font-size:0.875rem; color:#8C7C75; margin-top:4px; }
.sisoo-page .ship-method .sm-badge{ margin-left:auto; flex:none; align-self:center; font-size:0.875rem; color:#A6655A; font-weight:600; }

.sisoo-page .confirm-hero{ text-align:center; max-width:640px; margin-left:auto; margin-right:auto; }
.sisoo-page .confirm-seal{ width:84px; height:84px; border-radius:50%; margin:0 auto 20px; background:#5E8C6A; color:#fff; display:grid; place-items:center; }
.sisoo-page .confirm-seal svg{ width:40px; height:40px; }
.sisoo-page .order-number{ display:inline-flex; align-items:center; gap:10px; background:#F6E9E1; border:1px solid #DCC8BC; border-radius:999px; padding:10px 22px; margin-top:14px; font-family:var(--font-display,"Spectral",serif); font-size:1.25rem; }

.sisoo-page .timeline{ display:grid; gap:30px; counter-reset:step; }
.sisoo-page .tl-step{ display:grid; grid-template-columns:auto 1fr; gap:20px; align-items:start; position:relative; }
.sisoo-page .tl-num{ counter-increment:step; width:64px; height:64px; border-radius:50%; background:#FFFFFF; border:1.5px solid #C2867A; color:#A6655A; display:grid; place-items:center; flex:none; font-family:var(--font-display,"Spectral",serif); font-size:1.7rem; }
.sisoo-page .tl-num::before{ content:counter(step, decimal-leading-zero); }
.sisoo-page .tl-body h3{ font-family:var(--font-display,"Spectral",serif); font-size:1.3rem; font-weight:500; }
.sisoo-page .tl-body p{ margin-top:8px; color:#8C7C75; }
.sisoo-page .tl-step:not(:last-child) .tl-num::after{ content:""; position:absolute; left:31px; top:64px; bottom:-36px; width:1.5px; background:linear-gradient(#DCC8BC, transparent); }