/* Experience chapters: the homepage Junior layout and Program palette, scoped to this page. */
html:has(body.page-deneyimler){scroll-padding-top:0}
body.page-deneyimler{--experience-admin-offset:0px}
body.page-deneyimler.admin-bar{--experience-admin-offset:32px}
body.page-deneyimler .page-subnav{
  position:sticky;top:var(--experience-admin-offset);z-index:25;
  border:0;background:rgba(255,255,255,.94);backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);transition:box-shadow .2s;
}
body.page-deneyimler .page-subnav.is-stuck{box-shadow:0 5px 24px #092b4810}
body.page-deneyimler .page-subnav>.container{
  min-height:74px;display:flex;align-items:center;gap:8px;overflow-x:auto;
  scrollbar-width:thin;scroll-padding-inline:20px;
}
body.page-deneyimler .page-subnav a{
  flex:0 0 auto;padding:12px 20px;border-radius:7px;min-height:44px;
  color:#526d83;font-size:14px;font-weight:600;line-height:20px;
  transition:background .15s,color .15s;white-space:nowrap;
}
body.page-deneyimler .page-subnav a:hover{background:#eff5fa;color:#183d6c}
body.page-deneyimler .page-subnav a[aria-current="location"]{background:#e7f1fc;color:#174f87;box-shadow:inset 0 0 0 1px #ccdfef}
body.page-deneyimler .page-subnav a:focus-visible{outline:2px solid #1769ec;outline-offset:-2px}

body.inner-page.page-deneyimler main>:is(#kar,#muzik,#cocuklar,#doga){
  position:relative;isolation:isolate;padding-block:84px 94px;border:0;
  scroll-margin-top:calc(86px + var(--experience-admin-offset));
}
body.page-deneyimler :is(.experience-detail,.editorial-grid){grid-template-columns:1.05fr 1fr;gap:60px;align-items:center}
body.page-deneyimler :is(.experience-detail,.editorial-grid)>div{min-width:0}
body.page-deneyimler :is(.detail-photo,.photo-panel,.market-junior-photo){
  position:relative;isolation:isolate;float:none;width:100%;height:520px;margin:0;overflow:hidden;
  border:0;border-radius:12px;background:#e8eff3;box-shadow:0 18px 44px #102b490c;
}
body.page-deneyimler :is(.detail-photo,.photo-panel,.market-junior-photo)>img{width:100%;height:100%;object-fit:cover}
body.page-deneyimler :is(.detail-photo,.photo-panel,.market-junior-photo)::after{
  content:'';position:absolute;inset:64% 0 0;pointer-events:none;
  background:linear-gradient(transparent,#0a24442e);
}
body.page-deneyimler :is(#kar,#muzik,#cocuklar,#doga) h2{font-size:clamp(28px,3vw,40px);line-height:1.2;text-wrap:balance}
body.page-deneyimler :is(#kar,#muzik,#doga) p{font-size:15px;line-height:1.8}
body.page-deneyimler #kar .feature-points{list-style:none;padding:0;margin-block:26px;display:grid;gap:10px}
body.page-deneyimler #kar .feature-points li{position:relative;padding:14px 16px 14px 38px;background:#eff5fa;border-radius:7px;font-size:14px;line-height:1.5}
body.page-deneyimler #kar .feature-points li::before{content:'';position:absolute;left:17px;top:22px;width:6px;height:6px;border-radius:50%;background:#5c8fbb}
body.page-deneyimler :is(#kar,#cocuklar)::before{
  content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:url('assets/pattern-family-winter.png') left center/690px repeat;
  opacity:.14;mask-image:linear-gradient(115deg,#000,transparent 72%);
  -webkit-mask-image:linear-gradient(115deg,#000,transparent 72%);
}
body.page-deneyimler #kar::before{background-image:url('assets/pattern-winter-gear.png');opacity:.1}

/* Navy sections start with a white snowbank. No flat-color seam against the gradient. */
body.inner-page.page-deneyimler main>:is(#muzik,#doga){
  background:radial-gradient(ellipse at 100% 0%,#32698180,transparent 65%),linear-gradient(135deg,#0b2143 0%,#163c62 60%,#163d55 100%);
  color:#e0edf7;
}
body.inner-page.page-deneyimler main>:is(#muzik,#doga)::before{
  content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:url('assets/pattern-mountain-map.png') center/780px repeat;opacity:.16;
  mask-image:linear-gradient(120deg,transparent,#000);-webkit-mask-image:linear-gradient(120deg,transparent,#000);
}
body.page-deneyimler :is(#kar,#cocuklar)>.inner-section-transition{display:none}
body.inner-page.page-deneyimler main>:is(#muzik,#doga)::after{
  content:'';position:absolute;inset:0 0 auto;height:38px;z-index:3;pointer-events:none;
  background:#fff;mask:var(--snowbank-ridge) center/100% 100% no-repeat;
  -webkit-mask:var(--snowbank-ridge) center/100% 100% no-repeat;transform:rotate(180deg);
}
body.page-deneyimler :is(#muzik,#doga) h2{background-image:linear-gradient(110deg,#fff,#c4e6ff);color:#fff;-webkit-text-fill-color:transparent}
body.page-deneyimler :is(#muzik,#doga) p{color:#d1e2f1}
body.page-deneyimler #muzik .experience-detail>div>p+p{padding:18px 20px;background:#ffffff0c;border-radius:8px;font-size:13px;color:#c0d5e7}
body.page-deneyimler #muzik .text-link{color:#c7e6ff;margin-top:24px;text-decoration-color:#719ab9}
body.page-deneyimler #doga .btn-outline{background:#ffffff0f;color:#fff;border-color:#aecfe56b;box-shadow:0 2px 0 #03152c66,inset 0 1px #ffffff1f}
body.page-deneyimler #doga .btn-outline:hover{background:#ffffff20}
body.page-deneyimler #doga .editorial-grid>div:first-child::after{display:none}
body.page-deneyimler :is(#muzik,#doga) a:focus-visible{outline:2px solid #c4e6ff;outline-offset:4px}

/* The existing ACF child-activity articles remain the source; JS only adds tab behavior. */
body.page-deneyimler #cocuklar>.container{display:grid;grid-template-columns:1.05fr 1fr;column-gap:60px;row-gap:20px;align-items:start}
body.page-deneyimler #cocuklar .market-junior-photo{grid-column:1;grid-row:1/span 5;height:100%;min-height:570px}
body.page-deneyimler #cocuklar>.container>:not(.market-junior-photo){grid-column:2;min-width:0}
body.page-deneyimler #cocuklar .section-line{display:block;margin:0;padding:0;border:0}
body.page-deneyimler #cocuklar .section-line>p{margin-top:20px;font-size:15px;line-height:1.75}
body.page-deneyimler .experience-activity-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0}
body.page-deneyimler .experience-activity-tabs button{flex:1;min-height:44px;padding:10px 12px;border:1px solid #dfe6ed;border-radius:6px;background:#fff;color:#4c657a;font:500 13px/1.4 Geist,Arial,sans-serif;cursor:pointer}
body.page-deneyimler .experience-activity-tabs button[aria-selected="true"]{background:#eaf4ff;border-color:#7aafe4;color:#174f87}
body.page-deneyimler .experience-activity-tabs button:focus-visible{outline:2px solid #1769ec;outline-offset:3px}
body.page-deneyimler #cocuklar .value-list{display:grid;grid-template-columns:1fr;gap:14px;margin:0}
body.page-deneyimler #cocuklar .value-list article{border:0;padding:18px 20px;border-radius:9px;background:#eff5facf}
body.page-deneyimler #cocuklar .value-list article[role="tabpanel"]{min-height:158px}
body.page-deneyimler #cocuklar .value-list article[hidden]{display:none}
body.page-deneyimler #cocuklar .value-list article>svg{width:23px;height:23px;margin:0;color:#507cba}
body.page-deneyimler #cocuklar .value-list h3{font-size:18px;margin:10px 0 8px;font-weight:600;color:#284966}
body.page-deneyimler #cocuklar .value-list p{font-size:14px;line-height:1.65;color:#5a7082;margin:0}
body.page-deneyimler #cocuklar .inline-help{padding:0 0 0 14px;margin:0;border-left:2px solid #aac7dd;background:none}
body.page-deneyimler #cocuklar .inline-help h3{font-size:13px;font-weight:600;color:#294a66}
body.page-deneyimler #cocuklar .inline-help p,body.page-deneyimler #cocuklar .source-note{font-size:12px;line-height:1.65;color:#647b8f;margin:7px 0 0}

@media(max-width:1000px){
  body.page-deneyimler :is(.experience-detail,.editorial-grid),body.page-deneyimler #cocuklar>.container{gap:26px;column-gap:32px}
  body.page-deneyimler :is(.detail-photo,.photo-panel){height:480px}
  body.page-deneyimler .experience-activity-tabs button{padding-inline:7px;font-size:12px}
}
@media(max-width:782px){body.page-deneyimler.admin-bar{--experience-admin-offset:46px}}
@media(max-width:680px){
  body.page-deneyimler .page-subnav>.container{width:100%;min-height:66px;padding-inline:20px;gap:6px}
  body.page-deneyimler .page-subnav a{padding:11px 14px;font-size:13px}
  body.inner-page.page-deneyimler main>:is(#kar,#muzik,#cocuklar,#doga){padding-block:52px 60px;scroll-margin-top:calc(78px + var(--experience-admin-offset))}
  body.page-deneyimler :is(.experience-detail,.editorial-grid),body.page-deneyimler #cocuklar>.container{grid-template-columns:1fr;gap:28px}
  body.page-deneyimler :is(.detail-photo,.photo-panel){height:340px}
  body.page-deneyimler .experience-detail.reverse .detail-photo{order:0}
  body.page-deneyimler #doga .photo-panel{grid-row:1}
  body.page-deneyimler #cocuklar .market-junior-photo{grid-column:auto;grid-row:auto;height:350px;min-height:0}
  body.page-deneyimler #cocuklar>.container>:not(.market-junior-photo){grid-column:auto}
  body.page-deneyimler #cocuklar>.container{row-gap:20px}
  body.page-deneyimler :is(#kar,#muzik,#cocuklar,#doga) h2{font-size:29px}
  body.inner-page.page-deneyimler main>:is(#muzik,#doga)::after{height:22px}
  body.page-deneyimler :is(#kar,#cocuklar)::before{background-size:470px;opacity:.1}
  body.inner-page.page-deneyimler main>:is(#muzik,#doga)::before{background-size:600px;opacity:.12}
}
@media(max-width:600px){body.page-deneyimler.admin-bar{--experience-admin-offset:0px}}
@media(prefers-reduced-motion:reduce){body.page-deneyimler .page-subnav,body.page-deneyimler .page-subnav a{transition:none}html:has(body.page-deneyimler){scroll-behavior:auto}}
@media(forced-colors:active){
  body.page-deneyimler .page-subnav{background:Canvas;backdrop-filter:none}
  body.page-deneyimler .page-subnav a[aria-current],body.page-deneyimler .experience-activity-tabs button[aria-selected="true"]{outline:2px solid Highlight}
  body.inner-page.page-deneyimler main>:is(#kar,#muzik,#cocuklar,#doga)::before,
  body.inner-page.page-deneyimler main>:is(#muzik,#doga)::after{display:none}
  body.page-deneyimler :is(#muzik,#doga) h2{-webkit-text-fill-color:CanvasText;background:none;color:CanvasText}
}