/* About's editorial hierarchy, within each section's existing interaction. */
/* Shared section labels. Only label typography is unified; section margins stay local. */
#ana-icerik .section-label {
  display:flex;
  align-items:center;
  gap:12px;
  color:var(--color-heading);
  font-family:var(--font-family);
  font-size:var(--fs-label);
  font-weight:var(--fw-label);
  line-height:var(--lh-ui);
  letter-spacing:var(--ls-label);
}
#ana-icerik .section-label > img { flex:none; width:12px; height:12px; object-fit:contain; }
#ana-icerik .new-hero .section-label { color:var(--color-white); }
/* Display copy is tighter; labels and body copy retain their own tracking. */
#ana-icerik :is(.new-hero h1,.treeo-about__title,.product-story__heading-title,.section-intro__title,.order-delivery__head h2) { letter-spacing:var(--ls-h1); }
.section-intro--products { background:transparent; }
.capabilities--card-copy.is-capabilities-ready { height:520vh; margin-top:0; }
.capabilities--card-copy .capabilities__stage { transform:none; }
.capabilities--card-copy .capabilities__title {
  top:12svh;
  left:var(--page-gutter);
  padding:0;
  color:var(--color-heading);
  font-family:var(--font-family);
  font-size:var(--fs-h2);
  font-weight:var(--fw-heading);
  line-height:var(--lh-h2);
  letter-spacing:var(--ls-h2);
}
.capabilities--card-copy .capability-panel__copy.section-intro {
  top:34svh;
  left:var(--page-gutter);
  width:min(34vw,540px);
  min-width:0;
  padding:0;
  background:transparent;
  color:var(--color-heading);
}
#ana-icerik .capabilities--card-copy .section-intro__eyebrow { width:calc(100% - 36px); max-width:none; min-height:24px; margin:0 0 22px; font-size:var(--fs-label); font-weight:var(--fw-label); line-height:var(--lh-ui); letter-spacing:var(--ls-label); }
.capabilities--card-copy .section-intro__bar { margin-bottom:32px; }
.capabilities--card-copy .capability-panel__icon { position:absolute; top:0; right:0; left:auto; width:24px; height:24px; margin:0; }
#ana-icerik .capabilities--card-copy h3.section-intro__title { max-width:15ch; margin:0; font-size:var(--fs-h3); font-weight:var(--fw-heading); line-height:var(--lh-h3); letter-spacing:var(--ls-h3); text-wrap:balance; }
/* The longer delivery title keeps the same two-line rhythm without widening the copy. */
#ana-icerik .capabilities--card-copy #capability-title-2 { max-width:100%; font-size:clamp(30px,2.8vw,46px); }
.capabilities--card-copy .section-intro__info > p { width:100%; max-width:41ch; margin:0; color:color-mix(in srgb, var(--green-800) 80%, transparent); font-size:var(--fs-body); font-weight:var(--fw-body); line-height:var(--lh-body); }
.capabilities--card-copy .section-intro__info { width:100%; margin-top:30px; flex-direction:column-reverse; align-items:flex-start; gap:0; }
.capabilities--card-copy .section-intro__info > a { margin:32px 0 0; min-height:52px; font-size:16px; font-weight:500; }
.section-intro--supply { padding-block:80px 64px; }
.product-story__heading { position:absolute; z-index:4; top:96px; left:var(--page-gutter); width:calc(100% - 2 * var(--page-gutter)); color:var(--color-heading); pointer-events:none; }
.product-story__heading-eyebrow { margin:0 0 64px; font-size:var(--fs-label); font-weight:var(--fw-label); line-height:var(--lh-ui); letter-spacing:var(--ls-label); }
.product-story__heading-bar { width:25%; height:2px; margin-bottom:60px; background:color-mix(in srgb, var(--green-800) 10%, transparent); }
.product-story__heading-bar span { display:block; width:100%; height:100%; background:var(--color-heading); }
.product-story .product-story__heading-title { max-width:1061px; margin:0; font-size:var(--fs-h2); font-weight:var(--fw-heading); line-height:var(--lh-h2); letter-spacing:var(--ls-h2); text-wrap:initial; }
.product-story__summary { position:relative; width:90%; margin:40px 0 0; }
.product-story__summary > p { margin-left:auto; }
@media(min-width:761px) {
  .supply-film--headed .product-story__media { top:calc(50% + 160px); }
  #izlenebilir-tedarik .product-story__cold { bottom:150px; }
  #izlenebilir-tedarik .product-story__tracking { bottom:40px; }
  .product-story__summary { flex-direction:row; align-items:center; }
  .product-story__summary > p { width:45.45%; }
}

@media(min-width:761px) and (max-height:760px) {
  .treeo-about__wrapper { padding-top:80px; }
  .product-story__heading { top:80px; }
  .product-story__heading-eyebrow { margin-bottom:32px; }
  .product-story__heading-bar { margin-bottom:32px; }
  .product-story .product-story__heading-title { font-size:var(--fs-h2); }
  .supply-film--headed .product-story__media { top:calc(50% + 150px); }
  #izlenebilir-tedarik .product-story__cold { bottom:80px; }
  #izlenebilir-tedarik .product-story__tracking { bottom:20px; }
  .capabilities--card-copy .capabilities__title { top:9svh; }
  .capabilities--card-copy .capability-panel__copy.section-intro { top:31svh; }
  .capabilities--card-copy .section-intro__info { margin-top:18px; }
  .capabilities--card-copy .section-intro__info > a { margin-top:22px; }
}
@media(min-width:761px) and (max-width:1023px) {
  .capabilities--card-copy .capability-panel__copy.section-intro { width:350px; }
  .capabilities--card-copy .section-intro__info { width:100%; }
  .capabilities--card-copy .section-intro__bar { width:25%; }
}
@media(max-width:760px) {
  #ana-icerik .order-delivery__head h2 { font-size:var(--fs-h2); }
  #ana-icerik .order-delivery__head h2 br { display:revert; }
  .product-story__heading { position:relative; top:auto; left:auto; width:100%; margin-bottom:32px; }
  .product-story .product-story__heading-title { font-size:var(--fs-h2); line-height:var(--lh-h2); letter-spacing:var(--ls-h2); }
  .product-story__heading-eyebrow { margin-bottom:40px; }
  .product-story__heading-bar { margin-bottom:40px; }
  .product-story__heading-bar { width:100%; }
  .product-story__summary { width:100%; }
  .capabilities--card-copy.is-capabilities-ready { height:auto; margin-top:0; }
  .capabilities--card-copy .capabilities__title { position:relative; inset:auto; padding:80px var(--page-gutter) 30px; font-size:var(--fs-h2); white-space:normal; }
  .capabilities--card-copy .capability-panel__body { min-height:0; height:auto; padding:80px var(--page-gutter) 64px; }
  .capabilities--card-copy .capability-panel__copy.section-intro { position:relative; top:auto; left:auto; width:100%; }
  #ana-icerik .capabilities--card-copy h3.section-intro__title { max-width:17ch; font-size:var(--fs-h3); margin:0; }
  #ana-icerik .capabilities--card-copy #capability-title-2 { font-size:min(8vw,31px); }
  .capabilities--card-copy .section-intro__bar { width:100%; }
  .capabilities--card-copy .section-intro__info { width:100%; }
  .capabilities--card-copy .section-intro__info > p { width:100%; }
  .capabilities--card-copy .section-intro__info { margin-top:20px; }
  .capabilities--card-copy .section-intro__info > a { margin-top:26px; }
  .capabilities--card-copy .capability-panel__media { position:relative; inset:auto; width:100%; margin-top:40px; }
}
@media(max-width:360px) {
  #ana-icerik .new-hero h1 { font-size:var(--fs-h1); }
}
@media(prefers-reduced-motion:reduce) {
  .product-story__heading { position:relative; inset:auto; width:100%; margin-bottom:40px; }
  .supply-film--headed .product-story__media { top:auto; }
  #izlenebilir-tedarik .product-story__cold,#izlenebilir-tedarik .product-story__tracking { bottom:auto; }
  .capabilities--card-copy.is-capabilities-ready { height:auto; }
  .capabilities--card-copy .capabilities__stage { position:relative; height:auto; overflow:visible; }
  .capabilities--card-copy .capabilities__title { position:relative; inset:auto; padding:80px var(--page-gutter) 30px; white-space:normal; }
  .capabilities--card-copy :is(.capabilities__panels,.capability-panel,.capability-panel__body) { position:relative; inset:auto; transform:none!important; }
  .capabilities--card-copy .capability-panel__body { height:100svh; min-height:720px; }
  .capabilities--card-copy .capabilities__index { display:none; }
}
@media(max-width:760px) and (prefers-reduced-motion:reduce) {
  .capabilities--card-copy .capability-panel__body { height:auto; min-height:0; }
}
