/* Atelier Ala / ziyaretçi deneyimi v0.4.4 */
:root{--bg:#faf8f3;--surface:#fffefa;--sunk:#edf2ed;--ink:#173c38;--muted:#526761;--line:#dce3da;--wrap:1240px;--r-md:22px}
.announcement{background:var(--teal);color:white;text-align:center;padding:8px 16px;font-size:.78rem;letter-spacing:.07em}
.top .wrap{height:82px}.brand img{width:50px;height:50px}.brand span{font-size:1.8rem}nav.links{gap:24px;font-size:.86rem}.top .btn{padding:14px 20px}
.hero{position:relative;overflow:hidden;padding:56px 0 70px;background:radial-gradient(ellipse at 15% 40%,#efe6dc66,transparent 55%)}
.hero .wrap{grid-template-columns:1fr 1.12fr;gap:64px}.hero .copy{gap:24px}.hero .eyebrow{font-size:.7rem;letter-spacing:.18em}.hero h1{font-size:clamp(3.3rem,5.9vw,5.8rem);line-height:.99;letter-spacing:-.035em}.hero h1 em{display:block}.hero .lead{font-size:1rem;max-width:43ch}.hero .facts{font-size:.78rem;gap:8px 16px}.hero .ctas .btn{padding:17px 24px}.hero-visual{position:relative;min-width:0;padding:0 0 30px 28px}.hero-photo{display:block;width:100%;height:560px;object-fit:cover;border-radius:150px 18px 18px 18px}.hero-inset{position:absolute;bottom:0;left:0;width:38%;height:240px;object-fit:cover;border:7px solid var(--bg);border-radius:80px 80px 12px 12px}.hero-note{position:absolute;bottom:60px;right:18px;background:var(--surface);padding:18px 24px;max-width:220px;box-shadow:0 12px 35px #173c3812;transform:rotate(-4deg);font:italic 1.5rem/1.15 var(--display)}.hero-note small{display:block;font:600 .65rem var(--body);letter-spacing:.12em;color:var(--muted);margin-bottom:8px}.hero-index{position:absolute;right:20px;top:22px;color:white;font-size:.7rem;letter-spacing:.12em}
.experience-strip{border-block:1px solid var(--line);background:var(--surface)}.experience-strip .wrap{display:grid;grid-template-columns:repeat(3,1fr);padding-block:23px;gap:24px}.experience-strip p{font-size:.85rem;display:flex;gap:14px;align-items:center}.experience-strip b{font:italic 1.5rem var(--display);color:var(--gul)}.experience-strip span{color:var(--muted)}
section{padding-block:88px}.sec-head{max-width:760px;gap:14px;margin-bottom:32px}.sec-head h2{font-size:clamp(2.3rem,4.2vw,3.7rem);letter-spacing:-.025em}.sec-head .lead{font-size:.97rem}#atolyeler{background:var(--sunk)}
.discovery{display:flex;flex-wrap:wrap;align-items:end;gap:14px;padding:18px 22px;margin-bottom:24px;border:1px solid #d2dfd5;border-radius:16px;background:#fffefa99}.discovery label{display:grid;gap:5px;min-width:160px;flex:1;font-size:.75rem;color:var(--muted)}.discovery input,.discovery select{font-size:.9rem;min-height:46px;background:var(--surface)}.discovery label.check-filter{display:flex;align-items:center;gap:9px;min-height:46px;flex:0 1 auto;font-size:.85rem;color:var(--ink)}.check-filter input{width:18px;min-height:18px;accent-color:var(--teal)}.discovery-count{font-size:.8rem;color:var(--muted);margin-bottom:14px;min-height:1.5em}.cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.ws{padding:0;overflow:hidden;gap:0;position:relative;box-shadow:0 4px 16px #173c3806}.ws>.content-image{width:100%;height:310px;max-height:none;background:#f3eee6;object-fit:contain;border-radius:0;padding:12px}.ws>h3{padding:22px 22px 16px;font-size:1.8rem}.ws>.event-facts{padding:0 22px 22px;gap:14px}.event-facts dt{font-size:.65rem;text-transform:uppercase;letter-spacing:.07em;margin-bottom:4px}.event-facts dd{font-size:.87rem}.ws>.event-actions{padding:18px 22px;border-top:1px solid var(--line);margin-top:auto;display:grid;grid-template-columns:1fr}.event-actions .btn{font-size:.8rem;min-height:44px}.event-actions .btn-line{border:0;padding:8px}.availability{padding:6px 12px;background:var(--teal);color:white;position:absolute;top:16px;left:16px;font-size:.72rem;font-weight:600;border-radius:30px}.availability[data-full=true]{background:#ece6df;color:var(--ink)}.empty-discovery{grid-column:1/-1;padding:44px;text-align:center;border:1px dashed #afc4b4;border-radius:18px;display:grid;justify-items:center;gap:16px}.empty-discovery h3{font-size:2rem}.empty-discovery p{color:var(--muted);max-width:50ch}
.steps{gap:26px}.steps figure{border-radius:100px 100px 12px 12px;aspect-ratio:4/5}.steps h3{font-size:1.6rem}.steps h3::before{background:transparent;color:var(--gul);font:italic 1.4rem var(--display);width:auto;margin-right:10px}.steps p{font-size:.87rem}.included li{border:0;background:var(--sunk);font-size:.8rem}#eserler{background:#e8eeea}.gallery{gap:18px;grid-template-columns:repeat(3,1fr)}.gallery figure{border-radius:4px;aspect-ratio:1}.gallery figure:nth-child(2),.gallery figure:nth-child(5){transform:translateY(20px)}.gal-foot{margin-top:44px}
#kayit{background:var(--bg)}.reg{gap:80px;grid-template-columns:1fr 1fr}.reg .side{gap:24px}.reg h2{font-size:clamp(2.8rem,4.3vw,4rem)}form.card,.result{padding:32px;border-radius:22px;box-shadow:0 16px 50px #173c3808}.selection-summary{padding:16px 18px;background:var(--sunk);border-left:3px solid var(--teal);border-radius:8px;font-size:.88rem;display:grid;gap:4px}.selection-summary small{color:var(--muted)}.request-note{font-size:.78rem;color:var(--muted)}.sum b{font-size:1.3rem}.sum{flex-wrap:wrap}.special{grid-template-columns:repeat(2,1fr);gap:20px}.sp{padding:30px;background:var(--surface)}.sp h3{font-size:2rem}.sp .tag{letter-spacing:.08em;text-transform:uppercase;font-size:.65rem}.gift{padding:32px;margin-top:28px;border-radius:18px}#ozel{background:#f0e8e3}.faq{max-width:none;display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:16px}.faq details{padding-inline:24px}.faq summary{min-height:76px;font-size:.94rem}.faq p{font-size:.9rem}#sss{background:var(--bg)}#instagram{padding-block:50px;background:var(--sunk)}footer{background:var(--ink);color:#fffefa}footer .fine,footer h4{color:#c6d5cd}footer details{border-color:#42605b}footer details p{color:#c6d5cd}
.event-dialog{width:min(960px,calc(100% - 32px));padding:28px;border-radius:20px}.event-dialog header{border-bottom:1px solid var(--line);padding-bottom:20px}.event-dialog header h2{font-size:2.6rem}.event-dialog .ws{display:block;box-shadow:none;overflow:visible}.event-dialog .ws>.content-image{float:left;width:45%;height:auto;max-height:60vh;margin:0 28px 18px 0;border-radius:12px;padding:0;background:var(--sunk)}.event-dialog .ws>.event-facts{padding:12px 0 24px;grid-template-columns:1fr 1fr}.event-dialog .content-copy{font-size:.95rem;margin-bottom:20px}.event-dialog .ws>p:not(.content-copy){font-size:.8rem;color:var(--muted);margin-block:16px}.event-dialog .ws>.btn{margin-top:12px}.event-dialog .ws::after{content:'';display:block;clear:both}.wa-float{font-size:.8rem;background:var(--teal);box-shadow:0 5px 25px #173c3822}
@media(min-width:1000px){.ws{display:flex;flex-direction:column}.ws .event-facts{flex:1}}
@media(max-width:1000px){.hero .wrap{gap:32px}.hero-photo{height:480px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.reg{gap:36px}.hero-inset{height:200px}.hero-note{right:0}.top .wrap{height:74px}}
@media(max-width:820px){.hero .wrap{grid-template-columns:1fr}.hero{padding-block:36px 48px}.hero .copy{max-width:620px}.hero h1{font-size:clamp(3.4rem,10vw,5rem)}.hero-visual{margin-top:12px;padding-left:20px}.hero-photo{height:430px;border-top-left-radius:120px}.hero-inset{width:30%;height:180px}.hero-note{right:25px;bottom:44px}.experience-strip .wrap{gap:12px}.experience-strip p{display:grid;gap:4px;font-size:.75rem}.experience-strip b{font-size:1.3rem}section{padding-block:60px}.reg{grid-template-columns:1fr}.reg .side{position:static}.faq{grid-template-columns:1fr}.event-dialog header h2{font-size:2rem}}
@media(max-width:560px){.announcement{font-size:.65rem}.brand span{font-size:1.5rem}.brand img{width:40px;height:40px}.hero .copy{gap:20px}.hero-photo{height:350px}.hero-inset{width:35%;height:150px}.hero-note{font-size:1.2rem;max-width:180px;padding:14px;right:8px}.hero .ctas{display:grid}.hero .ctas .btn{width:100%}.cards{grid-template-columns:1fr}.ws>.content-image{height:360px}.discovery{padding:16px;gap:12px}.discovery label{min-width:100%}.discovery label.check-filter{min-width:auto}.special{grid-template-columns:1fr}.gallery{gap:8px}.gallery figure:nth-child(2),.gallery figure:nth-child(5){transform:translateY(12px)}.steps{grid-template-columns:1fr 1fr;gap:24px 16px}.steps figure{aspect-ratio:4/5}.steps h3{font-size:1.35rem}.steps h3::before{display:block;margin-bottom:8px}.steps p{font-size:.8rem}.reg h2{font-size:2.8rem}form.card,.result{padding:22px}.event-dialog{padding:18px}.event-dialog .ws>.content-image{float:none;width:100%;height:340px;object-fit:contain;max-height:none;margin:0 0 18px}.event-dialog .ws>.event-facts{grid-template-columns:1fr 1fr}.event-dialog header{align-items:center}.event-dialog header h2{font-size:1.7rem}.event-close{padding:12px}.event-dialog .ws>.btn{width:100%}}

/* Form alanları açıklama/hata metni uzadığında birbirini esnetmez. */
.reg{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(28px,5vw,64px)}
.reg>div:last-child{container-type:inline-size;min-width:0}
#regForm .row{align-items:start;grid-template-columns:repeat(2,minmax(0,1fr))}
#regForm .field{align-content:start;grid-template-rows:auto;min-width:0}
#regForm .field>label{line-height:1.5}
#regForm :is(input[type=text],input[type=number],select){height:50px;min-height:50px;line-height:1.5;padding:11px 14px;min-width:0;max-width:100%}
#regForm .hint{line-height:1.55;margin-top:2px}
#regForm .err:empty{display:none}
.selection-summary,.sum,.event-facts dd{overflow-wrap:anywhere}
.event-facts dd>span{display:block}.event-hours{white-space:nowrap}
.hero [data-home-text="description"],.hero [data-home-text="noteText"]{white-space:pre-line}
.hero h1{overflow-wrap:anywhere}.hero-note{overflow-wrap:anywhere}
@media(max-width:760px){.wa-float span{display:none}.wa-float{padding:12px;right:12px;bottom:12px}}
@container(max-width:480px){#regForm .row{grid-template-columns:minmax(0,1fr)}}

/* Atölye sayısına uyum sağlayan kartlar: tek etkinlik masaüstünde geniştir. */
#upcoming{grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));align-items:stretch}
.event-card{display:flex;flex-direction:column;min-width:0}
.event-card>.content-image{height:360px;flex:none}
.event-card>.availability{position:static;align-self:start;margin:20px 22px 0;white-space:normal;max-width:calc(100% - 44px)}
.event-card>h3{padding-top:14px;overflow-wrap:anywhere}
.event-card>.event-facts{flex:1;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.event-card>.event-actions{grid-template-columns:1fr;flex:none}
.event-card .event-facts dd{font-size:.94rem;line-height:1.65}
#news .content-copy{padding:0 22px 22px}
@media(min-width:761px){
  #upcoming[data-count="1"]{display:block;max-width:1040px;margin-inline:auto}
  #upcoming[data-count="1"] .event-card.has-image{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);grid-template-rows:auto auto 1fr auto}
  #upcoming[data-count="1"] .event-card.has-image>.content-image{grid-column:1;grid-row:1/5;width:100%;height:100%;min-height:430px;max-height:640px;padding:22px;border-right:1px solid var(--line)}
  #upcoming[data-count="1"] .event-card.has-image>.availability{grid-column:2;grid-row:1}
  #upcoming[data-count="1"] .event-card.has-image>h3{grid-column:2;grid-row:2;font-size:2.1rem}
  #upcoming[data-count="1"] .event-card.has-image>.event-facts{grid-column:2;grid-row:3;gap:18px}
  #upcoming[data-count="1"] .event-card.has-image>.event-actions{grid-column:2;grid-row:4;grid-template-columns:1fr}
}

/* Doğrudan bölüm bağlantıları; açılır menü veya filtre görünümü yoktur. */
.section-nav{display:none}
@media(max-width:1100px){nav.links{gap:14px;font-size:.78rem}.top .wrap{gap:12px}}
@media(max-width:1120px){
  nav.links{display:none}
  .top .wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;height:auto;padding-block:8px 2px;gap:3px 16px}
  .top .brand{grid-column:1;grid-row:1;min-width:0}
  .top .wrap>.btn{display:inline-flex;grid-column:2;grid-row:1;padding:12px 16px;font-size:.8rem;min-height:44px}
  .section-nav{display:grid;grid-column:1/-1;grid-row:2;grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:4px;border-top:1px solid var(--line);padding-top:4px}
  .section-nav a{display:flex;align-items:center;justify-content:center;min-height:36px;padding:4px;text-decoration:none;text-align:center;color:var(--muted);font-size:.85rem;line-height:1.3;border-bottom:2px solid transparent}
  .section-nav a:hover,.section-nav a:focus-visible{color:var(--teal);border-bottom-color:var(--teal)}
  section[id],details[id]{scroll-margin-top:130px}
}
@media(max-width:820px){.reg{grid-template-columns:minmax(0,1fr)}.reg .side{position:static}}
@media(max-width:560px){
  #regForm .row{grid-template-columns:minmax(0,1fr)}
  .event-card>.content-image{height:auto;max-height:440px;min-height:260px;object-fit:contain}
  .hero h1{font-size:clamp(2.8rem,10.5vw,4rem);overflow-wrap:normal}
  .event-card>.event-facts{gap:14px 12px}
  .top .brand span{font-size:1.35rem}

}
@media(max-width:360px){.top .brand img{width:32px;height:32px}.top .brand span{font-size:1.2rem}.top .wrap>.btn{padding-inline:12px}.event-card>.event-facts{grid-template-columns:1fr}}


@media(max-width:420px){.section-nav a{font-size:.75rem}.top .brand{gap:8px}.top .brand span{font-size:1.3rem}.top .brand img{width:36px;height:36px}}

/* Kart eylemleri: önceki tasarımdaki gibi iki ayrı, yan yana düğme. */
.event-card>.event-actions{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:10px;padding:18px 22px}
.event-card>.event-actions .btn{flex:1 1 180px;min-height:46px;line-height:1.25;text-align:center;padding:12px 16px;white-space:normal}
.event-card>.event-actions .btn-line{border:1.5px solid var(--line);background:var(--surface);color:var(--teal)}
.event-card>.event-actions .btn-line:hover{border-color:var(--teal);background:var(--sunk)}
@media(min-width:761px){#upcoming[data-count="1"] .event-card.has-image>.event-facts{align-content:start;gap:20px 18px}#upcoming[data-count="1"] .event-card.has-image>.event-actions{display:flex}}
#regForm input[type=tel]{height:50px;min-height:50px;line-height:1.5;padding:11px 14px;border:1.5px solid var(--line);border-radius:var(--r-sm);background:var(--bg);font:inherit;color:var(--ink);width:100%;box-sizing:border-box}
#regForm input[type=tel]:focus{outline:none;border-color:var(--turkuaz)}
@media(max-width:420px){.event-card>.event-actions{gap:8px;padding:16px}.event-card>.event-actions .btn{flex-basis:130px;font-size:.76rem;padding:11px 9px}}
@media(min-width:1121px){.top .wrap{height:72px}}