/* suleoncu.com — design system from design-handoff/README.md */
:root{
  --bg:#f3f2ec; --surface:#fbfaf6; --border:#dcdfd2; --muted-surface:#e4e6da;
  --dark:#3f4a33; --on-dark:#f3f2ec; --on-dark-muted:#d9dfcc; --on-dark-muted-2:#c3cbb2;
  --accent:#c3cbb2; --ink:#1f231c; --body:#3d4436; --muted:#5c6552; --divider-muted:#d0d4c4;
  --lora:'Lora',Georgia,'Times New Roman',serif; --karla:'Karla','Helvetica Neue',Arial,sans-serif;
  --gutter:48px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--karla);font-size:16px;line-height:1.5}
a{color:inherit;text-decoration:none}
a:hover{opacity:.75}
/* height:auto lets the CSS aspect-ratio rules win over the HTML height attribute; per-image rules below set explicit heights where the spec wants them. */
img{max-width:100%;height:auto}
h1,h2,h3{font-weight:400;font-family:var(--lora)}
summary{cursor:pointer;list-style:none}
summary::-webkit-details-marker{display:none}

/* Shell */
.site{min-height:100vh;background:var(--bg);color:var(--ink);font-family:var(--karla);max-width:1280px;margin:0 auto}
.site-header{display:flex;justify-content:space-between;align-items:center;padding:28px var(--gutter);flex-wrap:wrap;gap:16px}
.brand{display:flex;align-items:baseline;gap:14px}
.brand__name{font:400 28px var(--lora);white-space:nowrap}
.brand__tag{font-size:13px;color:var(--muted)}
.nav{display:flex;gap:6px;font-size:14px;flex-wrap:wrap}
.nav a{padding:8px 14px;border-radius:999px;background:var(--muted-surface)}
.nav a[aria-current="page"]{background:var(--dark);color:var(--on-dark)}
.site-footer{display:flex;justify-content:space-between;padding:24px var(--gutter) 40px;font-size:13px;color:var(--muted);flex-wrap:wrap;gap:12px}
.site-footer__links{display:flex;gap:20px;flex-wrap:wrap}

/* Content wrappers */
.content{padding:16px var(--gutter) var(--gutter)}
.content--stack{display:flex;flex-direction:column;gap:16px}
.content--grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:16px}
.content--grid-360{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:16px;align-items:stretch}
.content--split{display:flex;flex-wrap:wrap;gap:16px;align-items:start}
.span-all{grid-column:1/-1}

/* Cards */
.card{background:var(--surface);border:1px solid var(--border);border-radius:20px}
.card--muted{background:var(--muted-surface);border:0;border-radius:20px}
.card--dark{background:var(--dark);color:var(--on-dark);border:0;border-radius:20px}
.card--40{padding:40px}
.card--48{padding:48px}
.card--32{padding:32px}
.card--16{padding:16px}
.card--col{display:flex;flex-direction:column;gap:24px}
.card__head{display:flex;justify-content:space-between;align-items:baseline}
.card__title{font:400 36px var(--lora);margin:0}
.card__more{font-size:13px;color:var(--muted)}
.pill-more{font-size:13px;color:var(--muted);padding:6px 12px;border-radius:999px;background:var(--bg)}

/* Page title */
.page-title{font:400 clamp(36px,4vw,52px)/1.1 var(--lora);margin:8px 0 28px}
.page-title--tight{margin:8px 0 16px}
.page-title-row{display:flex;justify-content:space-between;align-items:baseline;margin:8px 0 28px;flex-wrap:wrap;gap:12px}
.page-title-row .page-title{margin:0}
.page-title-row__aside{font-size:14px;color:var(--muted)}
.back-link{font-size:14px;color:var(--muted)}

/* Hero */
.hero{background:var(--dark);color:var(--on-dark);border-radius:20px;padding:56px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:48px;align-items:center}
.hero--360{grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr))}
.hero__badge{display:inline-block;background:var(--accent);color:var(--ink);font-size:13px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;padding:8px 14px;border-radius:999px;margin-bottom:24px}
.hero__title{font:400 clamp(40px,4.5vw,60px)/1.05 var(--lora);margin:0 0 24px;text-wrap:pretty}
.hero__lead{font-size:17px;line-height:1.6;color:var(--on-dark-muted);margin:0 0 32px;max-width:520px}
.hero__lead--wide{line-height:1.65;margin:0 0 16px;max-width:560px}
.hero__note{font-size:15px;line-height:1.65;color:var(--on-dark-muted-2);margin:0 0 32px;max-width:560px}
.hero__actions{display:flex;gap:12px;flex-wrap:wrap}
.btn{display:inline-block;background:var(--bg);color:var(--dark);padding:16px 26px;border-radius:999px;font-size:15px;font-weight:500}
.btn--outline{background:transparent;border:1px solid var(--accent);color:var(--on-dark);padding:15px 26px}
.btn--sm{padding:12px 20px;font-size:14px}
.btn--md{padding:14px 24px}
.hero--column{display:flex;flex-direction:column;gap:48px}
/* Sinematerapi banner: uncropped, unstretched. Exactly width:100%/height:auto — never add
   aspect-ratio, object-fit or a fixed height here. The block wrapper keeps it out of the flex flow. */
.hero__banner-wrap{display:block;width:100%;flex:none}
.hero__banner-wrap a{display:block}
.hero__banner-full{width:100%;height:auto;display:block;border-radius:14px}
.hero__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:48px;align-items:center}
.hero__grid--360{grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr))}
.hero__lead--flush{margin:0}
.hero__ctas{display:flex;flex-direction:column;gap:14px;align-items:stretch}
.btn--big{display:block;text-align:center;padding:22px 32px;font:500 20px var(--karla)}
.btn--big.btn--outline{padding:21px 32px}
.hero__side{display:flex;flex-direction:column;gap:16px}
.hero__video{width:100%;aspect-ratio:16/9;border:0;border-radius:14px;display:block}
.hero__caption{font-size:13px;color:var(--on-dark-muted-2)}

/* Home cards */
.about-card__grid{display:grid;grid-template-columns:minmax(160px,45%) minmax(0,1fr);gap:24px;align-items:stretch}
.about-card__img{width:100%;height:100%;min-height:300px;object-fit:cover;border-radius:12px;display:block}
.about-card__text{font-size:16px;line-height:1.65;color:var(--body);margin:0;align-self:center}
.list{display:flex;flex-direction:column}
.list__row{display:flex;align-items:center;gap:20px;padding:14px 0;border-bottom:1px solid var(--border)}
.list__row:last-child{border-bottom:0}
.card--muted .list__row{border-bottom-color:var(--divider-muted)}
.card--muted .list__row:last-child{border-bottom:0}
.list__thumb{width:88px;height:88px;flex:none;object-fit:cover;border-radius:10px;display:block}
.list__cover{width:88px;height:128px;flex:none;object-fit:cover;border-radius:6px;display:block;box-shadow:0 8px 16px rgba(31,35,28,.16)}
.list__title{font:400 22px var(--lora)}
.list__title--italic{font-style:italic}
.list__meta{font-size:13px;color:var(--muted);margin-top:4px}
.videos-card{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:32px;align-items:center}
.videos-card .card__title{margin:0 0 12px}
.videos-card__text{margin:0 0 20px;font-size:16px;line-height:1.6;color:var(--body)}
.videos-card__thumb{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:14px;display:block}
.videos-card__text--flush{margin:0}
.services{display:flex;flex-direction:column;font:400 26px/1.3 var(--lora)}
.services span{padding:18px 0;border-bottom:1px solid var(--border)}
.services span:last-child{border-bottom:0}
.services--card{font-size:22px}
.services--card span{padding:14px 0;border-bottom-color:var(--divider-muted)}
.services--card span:last-child{border-bottom:0}
.services--center{justify-content:center}
.services__note{margin:32px 0 0;padding-top:32px;border-top:1px solid var(--border);font:400 19px/1.6 var(--lora);color:var(--body);text-wrap:pretty}
.btn--dark{display:inline-block;margin-top:28px;background:var(--dark);color:var(--on-dark);padding:12px 20px;border-radius:999px;font-size:14px;font-weight:500}

/* Grid of tiles (lists) */
.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:16px}
.tile{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:16px;display:flex;flex-direction:column;gap:16px}
.tile__img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:12px;display:block;background:var(--muted-surface)}
.tile__title{font:400 26px var(--lora);margin:0 8px 8px}
.tile__title--italic{font-style:italic}
.tiles--videos{grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr))}
.tile__video{width:100%;aspect-ratio:16/9;border:0;border-radius:12px;display:block}
.tile__title--24{font-size:24px}

/* Prev / next */
.pager{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font:400 18px var(--lora)}
.pager--italic{font-style:italic}
.pager a{padding:14px 20px;border-radius:999px;background:var(--muted-surface)}

/* Poem detail */
.poem{padding:48px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:48px;align-items:start}
.poem__figure{margin:0;display:flex;flex-direction:column;gap:12px}
.poem__img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:14px;display:block;background:var(--muted-surface)}
.poem__credit{font-size:13px;color:var(--muted)}
.poem__note{font:italic 400 15px/1.6 var(--lora);color:var(--muted);margin:0 0 24px}
.poem__title{font:italic 400 clamp(32px,3.5vw,44px)/1.15 var(--lora);margin:0 0 8px}
.poem__subtitle{font:400 22px/1.3 var(--lora);margin:0 0 8px;color:var(--body)}
.poem__lines{display:flex;flex-direction:column;margin-top:32px;font:400 19px/1.7 var(--lora);color:var(--ink)}
.poem__lines span{min-height:1.7em;display:block}

/* Article detail */
.article{padding:48px}
.article__figure{margin:0 0 36px}
.article__figure .article__hero{margin-bottom:0}
.article__caption{font-size:13px;color:var(--muted);margin-top:10px}
.article__hero{width:100%;max-height:420px;object-fit:cover;border-radius:14px;display:block;background:var(--muted-surface);margin-bottom:36px}
.article__inner{max-width:720px;margin:0 auto}
.article__title{font:400 clamp(34px,4vw,48px)/1.1 var(--lora);margin:0 0 8px}
.article__subtitle{font:italic 400 24px/1.3 var(--lora);margin:0 0 8px;color:var(--body)}
.article__body{display:flex;flex-direction:column;gap:18px;margin-top:32px;font:400 18px/1.7 var(--lora);color:var(--body)}
.article__body h3{font:500 22px/1.3 var(--lora);margin:20px 0 0;color:var(--ink)}
.article__body p{margin:0}
.article__meta{margin-top:36px;padding-top:20px;border-top:1px solid var(--border);font-size:14px;color:var(--muted);display:flex;flex-direction:column;gap:6px}

/* Psikoterapi */
.figure-portrait{margin:0;display:flex;flex-direction:column;gap:10px}
.figure-portrait__caption{font-size:13px;color:var(--muted)}
.link-card{padding:32px;display:flex;justify-content:space-between;align-items:baseline;gap:16px}
.link-card__title{font:400 22px var(--lora)}

/* Hakkında */
.about-aside{display:flex;flex-direction:column;gap:16px;flex:1 1 300px;max-width:380px}
.about-main{display:flex;flex-direction:column;gap:16px;flex:3 1 480px;min-width:0}
.about-portrait{width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:20px;display:block}
.h2-26{font:400 26px var(--lora);margin:0 0 16px}
.h2-26--8{margin:0 0 8px}
.h2-26--24{margin:0 0 24px}
.h1-page{font:400 clamp(36px,4vw,52px)/1.1 var(--lora);margin:0 0 32px}
.prose{display:flex;flex-direction:column;gap:12px;font-size:17px;line-height:1.65;color:var(--body)}
.prose p{margin:0}
.areas{display:flex;flex-direction:column;gap:8px;font-size:16px;line-height:1.5}
.areas + .btn{margin-top:24px}
.subnote{margin:0 0 24px;font-size:15px;color:var(--muted)}
.timeline{display:grid;grid-template-columns:56px minmax(0,1fr);column-gap:20px;row-gap:10px;font-size:16px;line-height:1.5;color:var(--body)}
.timeline__year{color:var(--muted)}

/* Sinematerapi */
/* 2025 / 2026 Programı (rendered from src/_data/program.json) */
.program{display:flex;flex-direction:column;gap:16px}
.program__head{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:12px;padding:0 8px}
.program__title{font:400 clamp(30px,3.5vw,40px)/1.1 var(--lora);margin:0}
.program__meta{font-size:14px;color:var(--muted)}
.package{background:var(--muted-surface);border-radius:20px;padding:40px;display:flex;flex-direction:column;gap:24px}
.package__head{display:flex;justify-content:space-between;align-items:baseline;gap:16px;flex-wrap:wrap}
.package__title{font:400 30px var(--lora);margin:0}
.package__weeks{font:500 16px var(--karla);color:var(--on-dark);padding:9px 18px;border-radius:999px;background:var(--dark)}
.weeks{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,360px),1fr));gap:16px}
.week{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:16px;display:grid;grid-template-columns:minmax(120px,38%) minmax(0,1fr);gap:16px;align-items:stretch}
.week__img{width:100%;height:100%;min-height:170px;object-fit:cover;border-radius:10px;display:block;background:var(--border)}
.week__body{display:flex;flex-direction:column;gap:10px;min-width:0}
.week__no{font-size:12px;color:var(--muted);letter-spacing:.04em}
.week__title{font:400 22px/1.2 var(--lora);margin:0}
.week__subtitle{font:italic 400 14px/1.4 var(--lora);color:var(--muted);margin-top:-4px}
.week__films{display:flex;flex-direction:column;gap:4px;font-size:14px;line-height:1.45;color:var(--body)}
.week__films a{border-bottom:1px solid var(--border);padding-bottom:2px;width:fit-content}
.faq{display:flex;flex-direction:column;gap:12px}
.faq__item{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:0 32px;font-size:16px;line-height:1.7;color:var(--body)}
.faq__q{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:24px 0;font:400 24px var(--lora);color:var(--ink)}
.faq__toggle{flex:none;width:32px;height:32px;border-radius:999px;background:var(--muted-surface);display:inline-flex;align-items:center;justify-content:center;font:400 20px var(--karla);color:var(--dark)}
.faq__item[open] .faq__toggle{background:var(--dark);color:var(--on-dark)}
.faq__a{padding:0 0 28px}
.faq__a p{margin:0 0 14px}
.faq__a p:last-child{margin:0}
.quotes{background:var(--bg);border-radius:14px;padding:32px 36px;cursor:pointer;display:flex;flex-direction:column;gap:20px;min-height:260px}
.quotes__text{margin:0;font:italic 400 19px/1.6 var(--lora);color:var(--ink);flex:1}
.quotes__foot{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.quotes__author{font-weight:500;font-size:14px}
.quotes__ctl{display:flex;align-items:center;gap:14px;font-size:13px;color:var(--muted)}
.quotes__btn{padding:6px 12px;border-radius:999px;background:var(--muted-surface);border:0;font:inherit;color:inherit;cursor:pointer}

/* Kitaplar */
.book{padding:48px;display:flex;flex-wrap:wrap;gap:48px;align-items:start}
.book__cover{flex:0 0 auto;width:251px;max-width:100%;aspect-ratio:251/369;object-fit:cover;border-radius:8px;display:block;box-shadow:0 16px 32px rgba(31,35,28,.18)}
.book__body{flex:1 1 420px;min-width:0;font:400 17px/1.65 var(--lora);color:var(--body)}
.book__kicker{font:400 12px var(--karla);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:12px}
.book__title{font:400 40px/1.1 var(--lora);margin:0 0 20px;color:var(--ink)}
.book__links{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px;font:400 13px var(--karla)}
.book__links a{padding:6px 12px;border-radius:999px;background:var(--muted-surface)}
.book__h3{font:400 22px var(--lora);margin:0 0 16px;color:var(--ink)}
.book__h3--rule{border-top:1px solid var(--border);padding-top:24px}
.book__body p{margin:0 0 12px}
.book__quotes{display:flex;flex-direction:column;gap:14px}
.book__quotes p{margin:0}
.book__quotes--rule{border-top:1px solid var(--border);padding-top:24px}
.book__more{margin-top:8px}
.book__more--16{margin-top:16px}
.book__more summary{font:500 14px var(--karla);color:var(--dark);border-bottom:1px solid var(--dark);display:inline-block;padding-bottom:2px}
.book__more-body{margin-top:16px}
.book__toc{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;font-size:16px;line-height:1.7}
.mb-24{margin-bottom:24px!important}

/* İletişim */
.contact-col{display:flex;flex-direction:column;gap:16px}
.contact-card{flex:1}
.contact-rows{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:24px;row-gap:20px;font-size:18px;line-height:1.5}
.contact-rows__label{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--on-dark-muted-2);padding-top:6px}
.contact-card .btn{margin-top:36px}
.social-pills{padding:32px 48px;display:flex;gap:8px;flex-wrap:wrap;font-size:14px}
.social-pills a{padding:8px 16px;border-radius:999px;background:var(--surface)}
.map{width:100%;min-height:520px;height:100%;border:0;border-radius:20px;display:block;filter:saturate(.6)}

/* Responsive */
@media (max-width:640px){
  :root{--gutter:20px}
  .hero,.card--48,.poem,.article,.book,.package{padding:28px}
  .hero--column,.hero__grid{gap:28px}
  .card--40{padding:28px}
  .social-pills{padding:24px 28px}
  .faq__item{padding:0 20px}
  .quotes{padding:24px 22px}
}
@media (max-width:420px){
  .list__row{align-items:flex-start}
  .book{gap:28px}
}
@media (prefers-reduced-motion:no-preference){
  a{transition:opacity 120ms ease}
}

/* ===== Round 5: Sinematerapi sales + weekly e-mail (design handoff rev5) ===== */
[hidden]{display:none!important}
.site--fluid{--gutter:clamp(16px,4vw,48px)}
/* Pill buttons: the page's button vocabulary (rev5 README §1) */
.pbtn{display:inline-flex;align-items:center;justify-content:center;flex:1 1 auto;max-width:100%;min-height:44px;padding:0 26px;border-radius:999px;font:500 15px var(--karla);box-sizing:border-box;text-align:center;border:0;cursor:pointer;line-height:1.2}
.pbtn--primary{background:var(--dark);color:var(--on-dark)}
.pbtn--secondary{background:var(--muted-surface);color:var(--dark)}
.pbtn--hero{background:var(--bg);color:var(--dark)}
.pbtn--hero-outline{background:transparent;border:1px solid var(--border);color:var(--on-dark)}
.pbtn--box{padding:8px 22px}
.pbtn--sm{padding:12px 20px;font-size:14px}
.pbtn--disabled{background:var(--muted-surface);color:var(--muted);cursor:default}
.pbtn--fit{flex:0 0 auto}
/* Hero */
.hero.hero--sales{display:flex;flex-direction:column;align-items:stretch;gap:clamp(24px,4vw,48px);padding:clamp(20px,4.5vw,56px)}
.hero--sales .hero__badge{margin-bottom:20px}
.hero--sales .hero__title{margin:0 0 20px}
.hero__lead--900{max-width:none;margin:0 0 16px}
.hero__warn{margin:0;max-width:none;font-size:15px;line-height:1.6;color:var(--on-dark-muted-2)}
.hero__warn summary{display:inline-flex;align-items:center;gap:8px;font:500 17px var(--karla);color:var(--on-dark-muted);text-decoration:underline;text-underline-offset:3px}
.hero__warn p{margin:12px 0 0}
.hero__lead p{margin:0 0 12px}
.hero__lead p:last-child{margin:0}
.hero__more{margin-bottom:8px}
.hero__warn a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.hero__warn strong{font-weight:600;color:var(--on-dark)}
.hero__cta-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px 32px}
.hero__cta-group{display:flex;flex-wrap:wrap;gap:12px;flex:1 1 320px}
.hero__facts{flex:1 1 320px;font-size:14px;line-height:1.6;color:var(--on-dark-muted)}
.video-cover{position:relative;width:100%;aspect-ratio:3/1;border-radius:14px;overflow:hidden;cursor:pointer;background:#354029 center/cover no-repeat;display:flex;align-items:center;justify-content:center}
.video-cover::before{content:"";position:absolute;inset:0;background:rgba(31,35,28,.25)}
.video-cover__btn{position:relative;display:inline-flex;align-items:center;gap:14px;background:var(--bg);color:var(--dark);border-radius:999px;padding:12px 22px 12px 16px;font:500 15px var(--karla)}
.video-cover:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.video-frame{width:100%;aspect-ratio:16/9;border:0;border-radius:14px;display:block}
/* Program card + package summary boxes */
.program-block{display:flex;flex-direction:column;gap:16px;margin-top:32px;scroll-margin-top:16px}
.program-card{display:flex;flex-direction:column;gap:24px}
.program-card__head{display:flex;justify-content:space-between;align-items:baseline;gap:16px;flex-wrap:wrap}
.program-card__lead{font-size:16px;line-height:1.65;color:var(--body);margin:0;max-width:720px}
/* The banner collage: width 100% / height auto only — never cropped, never a fixed height, never object-fit. */
.program-card__banner{width:100%;height:auto;display:block;border-radius:14px}
.pk-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.pk-box{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:clamp(20px,2.5vw,32px);display:flex;flex-direction:column;gap:20px;min-width:0}
.pk-box__head{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.pk-box__title{font:400 clamp(22px,2vw,26px)/1.15 var(--lora);margin:0;text-wrap:pretty}
.pill{font:500 15px var(--karla);color:var(--on-dark);padding:7px 16px;border-radius:999px;background:var(--dark)}
.pk-range{font-size:14px;color:var(--muted)}
.pk-desc{font-size:15px;line-height:1.55;color:var(--body);margin:0}
.pk-btns{display:flex;flex-wrap:wrap;gap:8px}
/* Summary boxes: the two buttons stack full width under a rule; the price is part of the label (rev5, 15 Sep evening) */
.pk-btns--stack{flex-direction:column;margin-top:auto;padding-top:20px;border-top:1px solid var(--border)}
.pk-more{font-size:14px;color:var(--muted);text-decoration:underline;text-underline-offset:3px;width:fit-content}
/* Package panels: sales strip */
.package{scroll-margin-top:16px}
.strip{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:24px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px}
.strip__left{display:flex;flex-direction:column;gap:6px;flex:1 1 280px;min-width:0}
.strip__left .pk-desc{max-width:520px}
.strip__right{display:flex;flex-direction:column;gap:10px;align-items:flex-end;justify-content:center;flex:1 1 280px;min-width:0}
.strip__right .pk-btns{width:100%;justify-content:flex-end}
/* "Tamamlandı" state for a package whose Thursdays have all passed (set by src/js/sinematerapi.js) */
.pk-done{display:none;font-size:13px;color:var(--muted)}
.pk-box .pk-done{margin-top:auto;padding-top:8px;border-top:1px solid var(--border)}
.strip__right .pk-done{text-align:end;width:100%}
.is-done{opacity:.55}
.is-done .pk-btns{display:none}
.is-done .pk-done{display:block}
/* Week cards: date eyebrow reuses .week__no; action row + status (states in the JS) */
.week.is-done{opacity:.55}
.week__actions{margin-top:auto;padding-top:6px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.week__status{font-size:13px;color:var(--muted)}
.week__status:empty{display:none}
.week__actions [data-role="on"]:not([hidden])~.week__status{flex-basis:100%}
/* Nerede, ne zaman? */
.where{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:48px;align-items:stretch;scroll-margin-top:16px}
.where__text{display:flex;flex-direction:column;gap:24px;justify-content:center}
.where__rows{display:flex;flex-direction:column;font-size:16px;line-height:1.6;color:var(--body)}
.where__row{display:grid;grid-template-columns:minmax(90px,120px) minmax(0,1fr);gap:16px;padding:14px 0;border-top:1px solid var(--border)}
.where__row:last-child{border-bottom:1px solid var(--border)}
.where__label{font-size:13px;color:var(--muted);padding-top:3px}
.where__venue{font:400 20px var(--lora);color:var(--ink)}
.where__btns{display:flex;flex-wrap:wrap;gap:12px}
.map--venue{min-height:340px;height:100%;border-radius:14px;filter:none;background:var(--muted-surface)}
/* Haftalık e-posta (Brevo double opt-in, posted by src/js/sinematerapi.js) */
.signup{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:48px;align-items:center;scroll-margin-top:16px}
.signup__title{font:400 clamp(30px,3.5vw,40px)/1.1 var(--lora);margin:0 0 20px}
.signup__lead{font-size:16px;line-height:1.65;color:var(--body);margin:0;max-width:480px}
.signup__form{display:flex;flex-direction:column;gap:12px;min-width:0}
.signup__names{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:12px}
.field{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--muted)}
.field input{height:48px;padding:0 16px;background:var(--bg);border:1px solid var(--border);border-radius:12px;font:400 15px var(--karla);color:var(--ink);box-sizing:border-box;width:100%;outline:none}
.field input:focus{border-color:var(--dark)}
.signup__consent{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.5;color:var(--body);margin-top:4px}
.signup__consent input{margin:3px 0 0;width:16px;height:16px;flex:none;accent-color:var(--dark)}
.signup__privacy{font-size:13px;line-height:1.5;color:var(--muted)}
.req{color:var(--dark);margin-left:2px;font-weight:500}
.signup__privacy a,.faq__small a,.signup__error a,.faq__a a{text-decoration:underline;text-underline-offset:3px}
.signup__submit{display:flex;margin-top:4px}
.signup__error{font-size:14px;line-height:1.5;color:#8a3b2f;margin:0}
.signup__ok{font-size:16px;line-height:1.65;color:var(--ink);margin:0}
.signup__ok:focus{outline:none}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
/* FAQ extras */
.faq__group-title{font:400 26px var(--lora);margin:28px 8px 4px}
.faq__item[id]{scroll-margin-top:16px}
.faq__strong{font-weight:500;color:var(--ink)}
.faq__small{font-size:13px;line-height:1.6;color:var(--muted);margin:12px 8px 0;max-width:760px}
video.video-frame{background:#354029;object-fit:cover}
/* Katılımcı Görüşleri slider */
.quotes{cursor:default}
.quotes__viewport{overflow:hidden;transition:height .55s cubic-bezier(.4,0,.2,1)}
.quotes__track{display:flex;align-items:flex-start;transition:transform .55s cubic-bezier(.4,0,.2,1)}
.quotes__slide{flex:none;width:100%;display:flex;flex-direction:column;gap:20px;box-sizing:border-box;padding-right:4px;margin:0}
.quotes__slide .quotes__text{flex:none}
.quotes__foot--end{justify-content:flex-end}
.quotes__arrow{width:36px;height:36px;border-radius:999px;background:var(--muted-surface);border:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;color:var(--dark);padding:0}
.quotes__ctl .quotes__btn{height:36px;padding:0 12px}
/* KVKK page */
.legal{font:400 17px/1.7 var(--lora);color:var(--body);display:flex;flex-direction:column;gap:16px}
.legal p,.legal ol,.legal ul{margin:0}
.legal ol,.legal ul{padding-left:1.3em;display:flex;flex-direction:column;gap:10px}
.legal h2{font:400 22px var(--lora);margin:12px 0 0;color:var(--ink)}
.legal__note{font:400 14px var(--karla);color:var(--muted)}
/* Home hero (rev5, second export): one column, one uppercase CTA over a rule, banner last */
.hero.hero--home{display:flex;flex-direction:column;align-items:stretch;gap:clamp(24px,3.5vw,40px);padding:clamp(20px,4.5vw,56px)}
.hero__badge--lg{font-size:16px;padding:12px 20px}
.hero--home .hero__title{font-size:clamp(36px,4.5vw,60px);margin:0 0 20px}
.hero--home .hero__lead{margin:0;max-width:900px}
.hero__cta-rule{display:flex;margin-top:28px;padding-bottom:clamp(24px,3.5vw,40px);border-bottom:1px solid rgba(243,242,236,.18)}
.pbtn--cta{flex:0 0 auto;min-height:52px;padding:0 32px;font-size:17px;letter-spacing:.06em;text-transform:uppercase}
@media (max-width:720px){.pk-summary{grid-template-columns:1fr}}
@media (max-width:640px){.strip{padding:20px}.where,.signup{gap:28px}.hero--sales .hero__cta-group .pbtn{flex:1 1 100%}}
@media (prefers-reduced-motion:reduce){.quotes__viewport,.quotes__track{transition:none}}
/* 20 Sep 2026: hero sub-heading, video play button, one-line package buttons, package saving note */
.hero__sub{font:400 clamp(18px,2vw,24px)/1.3 var(--lora);color:var(--on-dark-muted);margin:-8px 0 20px}
.hero__kicker{font:400 clamp(22px,2.6vw,30px)/1.25 var(--lora);color:var(--on-dark);margin:-8px 0 20px}
.video-wrap{position:relative}
.video-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:0 28px 0 22px;border:0;border-radius:999px;background:var(--bg);color:var(--dark);font:500 16px var(--karla);white-space:nowrap;cursor:pointer;box-shadow:0 10px 30px rgba(0,0,0,.35)}
.video-play svg{width:18px;height:18px;flex:none}
.video-play:hover{background:#fff}
.video-play:focus-visible{outline:2px solid var(--on-dark);outline-offset:3px}
/* Buy-button labels: one line where it fits, never forced (a forced single line spilled out of the pill on phones and in the three narrow
   summary boxes on tablets). The price never splits; when a label needs two lines src/js/sinematerapi.js adds .is-wrapped (no "·", price on its own line) */
.pbtn__label.is-wrapped .pbtn__sep{display:none}
.pbtn__label.is-wrapped .pbtn__price{display:block}
.pbtn--lg{min-height:56px;padding:0 32px;font-size:17px;font-weight:600}
.pbtn--box.pbtn--lg{padding:8px 24px}
@media (max-width:1100px){.pbtn--lg,.pbtn--box.pbtn--lg{padding:10px 18px}}
.pk-save{font-size:13.5px;font-weight:500;color:var(--dark);text-align:center}
.strip__right .pk-save{text-align:end;width:100%}
.is-done .pk-save{display:none}
/* 20 Sep 2026: phones. The two-column blocks (still + text, label + value) left the text a ~100–150px column under 560px,
   so they stack there. A stacked still has no cell height to fill, so it takes the stills' own 3:2 (object-fit:cover, never distorts). */
@media (max-width:560px){
  .week{grid-template-columns:1fr}
  .week__img{height:auto;min-height:0;aspect-ratio:3/2}
  .about-card__grid{grid-template-columns:1fr}
  .about-card__img{height:auto;min-height:0;aspect-ratio:1/1;object-position:50% 20%}
  .where__row{grid-template-columns:1fr;gap:2px}
  .where__label{padding-top:0}
  /* 21 Sep 2026: buy buttons on small phones, also with the phone's text size turned up (the label was wider than the pill,
     or left "TL" alone on a second line). More room for the label here; the wrapping rules sit with .pbtn__label above. */
  .package{padding:20px}
  .pbtn--sm{padding:12px 16px}
  .strip__right .pk-save{text-align:center}
}