/* Revize 32 — Hakkımızda: Atölyemiz, Bir koltuğun yolculuğu, Ustalık detayda */
.about-workshop,.about-craft,.about-detail{height:100vh;height:100svh;overflow:hidden;box-sizing:border-box;display:flex;align-items:center;padding:96px 5vw 72px}
.about-workshop{background:#2b211c;color:#f4ede4}
.about-craft{background:#f3ece2;color:#2f2420}
.about-detail{background:#e9ddd0;color:#2f2420}
.ab-wrap{width:100%;max-width:1360px;margin:0 auto}
#bloom-app .ab-eyebrow{display:block;font:700 11px/1 'Bricolage Grotesque',sans-serif;letter-spacing:.18em;color:#c98a63;margin:0 0 16px}
.about-craft .ab-eyebrow,.about-detail .ab-eyebrow{color:#8a4b32!important}
#bloom-app .about-workshop h2,#bloom-app .about-craft h2,#bloom-app .about-detail h2{font:800 clamp(30px,3.6vw,54px)/1.03 'Bricolage Grotesque',sans-serif;letter-spacing:-.045em;margin:0 0 18px;text-wrap:balance;text-transform:none}
#bloom-app .about-workshop h2{color:#fffaf3!important}
#bloom-app .about-craft h2,#bloom-app .about-detail h2{color:#2f2420!important}
.ab-copy p{margin:0;font-size:16px;line-height:1.65;max-width:52ch}
#bloom-app .about-workshop .ab-copy p{color:#d9cbbc!important}
#bloom-app .about-detail .ab-copy p{color:#5b4e44!important}
.ab-workshop-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:56px;align-items:center}
.ab-facts{list-style:none;margin:26px 0 0;padding:0;display:flex;flex-direction:column;gap:10px}
.ab-facts li{display:flex;align-items:center;gap:10px;font:600 14px/1.3 'Bricolage Grotesque',sans-serif;color:#f4ede4}
.ab-facts li::before{content:"";width:8px;height:8px;border-radius:50%;background:#c98a63;flex:none}
.ab-mosaic{display:grid;grid-template-columns:1.25fr 1fr;grid-template-rows:1fr 1fr;gap:12px;height:min(62vh,560px)}
.ab-mosaic img{width:100%;height:100%;object-fit:cover;border-radius:18px;display:block;min-height:0}
.ab-mosaic .m1{grid-row:1/3}
.ab-craft-head{margin-bottom:28px}
.ab-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}
.ab-steps li{display:flex;flex-direction:column;gap:8px;min-width:0}
.ab-steps figure{margin:0 0 6px;aspect-ratio:3/4;border-radius:16px;overflow:hidden;background:#e2d6c8;max-height:40vh}
.ab-steps img{width:100%;height:100%;object-fit:cover;display:block}
.ab-num{font:800 22px/1 'Bricolage Grotesque',sans-serif;color:#c7b49e;letter-spacing:-.03em}
#bloom-app .ab-steps h3{margin:0;font:750 18px/1.2 'Bricolage Grotesque',sans-serif;letter-spacing:-.02em;color:#2f2420!important;text-transform:none}
#bloom-app .ab-steps p{margin:0;font-size:13.5px;line-height:1.5;color:#5b4e44!important}
.ab-detail-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:56px;align-items:center}
.ab-detail-img{margin:0;height:min(64vh,580px);border-radius:22px;overflow:hidden}
.ab-detail-img img{width:100%;height:100%;object-fit:cover;display:block}
.ab-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:30px}
.ab-stats div{display:flex;flex-direction:column;gap:6px;padding:16px;border-radius:16px;background:#fffaf3}
.ab-stats b{font:800 clamp(28px,3vw,42px)/1 'Bricolage Grotesque',sans-serif;letter-spacing:-.04em;color:#8a4b32}
.ab-stats span{font:600 12.5px/1.35 'Bricolage Grotesque',sans-serif;color:#5b4e44}

/* ---------- Telefon: her bölüm tek ekrana sığar (bir kaydırma = bir bölüm) ---------- */
@media (max-width:760px){
  .about-workshop,.about-craft,.about-detail{height:100svh!important;min-height:0!important;padding:78px 18px calc(84px + env(safe-area-inset-bottom));align-items:stretch}
  #bloom-app .about-workshop>.ab-wrap>*,#bloom-app .about-craft>.ab-wrap>*,#bloom-app .about-detail>.ab-wrap>*{opacity:1!important;transform:none!important;filter:none!important}
  .ab-wrap{display:flex;flex-direction:column;justify-content:center;gap:14px;height:100%;min-height:0}
  .ab-workshop-grid,.ab-detail-grid{display:flex;flex-direction:column;gap:14px}
  #bloom-app .ab-eyebrow{margin-bottom:8px;font-size:10px}
  #bloom-app .about-workshop h2,#bloom-app .about-craft h2,#bloom-app .about-detail h2{font-size:clamp(23px,6.6vw,28px);margin-bottom:8px}
  .ab-copy p{font-size:13.5px;line-height:1.5}
  .ab-facts{flex-direction:row;flex-wrap:wrap;gap:6px;margin-top:12px}
  .ab-facts li{font-size:11.5px;padding:6px 10px;border-radius:99px;background:#ffffff14}
  .ab-facts li::before{display:none}
  .ab-mosaic{height:auto;flex:1 1 auto;min-height:150px;max-height:38svh;gap:8px}
  .ab-mosaic img{border-radius:12px}
  .ab-craft-head{margin-bottom:4px}
  .ab-steps{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -18px;padding:0 18px 4px;scrollbar-width:none;overscroll-behavior-x:contain}
  .ab-steps::-webkit-scrollbar{display:none}
  .ab-steps li{flex:0 0 66%;scroll-snap-align:start}
  .ab-steps figure{aspect-ratio:4/5;max-height:38svh}
  #bloom-app .ab-steps h3{font-size:16px}
  #bloom-app .ab-steps p{font-size:12.5px}
  .ab-detail-img{height:auto;flex:1 1 auto;min-height:140px;max-height:34svh;border-radius:16px}
  .ab-stats{gap:8px;margin-top:14px}
  .ab-stats div{padding:10px;border-radius:12px}
  .ab-stats b{font-size:24px}
  .ab-stats span{font-size:10.5px}

  /* mevcut bölümler de tek ekrana sığsın */
  #bloom-app .about-story-v2{height:100svh!important;padding:0!important;justify-content:flex-end!important}
  #bloom-app .about-story-v2 .about-story-copy{margin:0 16px calc(92px + env(safe-area-inset-bottom))!important;width:auto!important;padding:18px!important}
  #bloom-app .about-story-copy h2{font-size:22px!important;margin-bottom:8px!important}
  #bloom-app .about-story-copy p{font-size:13px!important;line-height:1.55!important}
  #bloom-app .mobile-about-values,#bloom-app .mobile-about-steps{height:100svh!important;padding:78px 18px calc(84px + env(safe-area-inset-bottom))!important;justify-content:center!important;box-sizing:border-box}
  #bloom-app .mobile-about-steps h2{font-size:22px!important;margin-bottom:6px!important}
  #bloom-app .mobile-about-steps .about-step-number{font-size:34px!important}
  #bloom-app .mobile-about-steps .about-step-copy{font-size:13.5px!important;line-height:1.45!important;margin:6px 0!important}
  #bloom-app .mobile-about-steps>div>div:last-child{gap:0!important}
  #bloom-app .mobile-about-steps>div>div:last-child>div>div{padding:12px 0!important}
  #bloom-app .mobile-about-steps>div>div:last-child>div>div>div:last-child{margin-top:4px!important;font-size:13px}
  #bloom-app .about-hero-v2 .about-responsive-panel{top:0!important;height:100%!important}
  #bloom-app .about-hero-v2 .about-responsive-panel img{object-fit:cover!important}
  #bloom-app .about-hero-v2 .about-copy-v2{margin:0 16px calc(92px + env(safe-area-inset-bottom))!important}
}
@media (max-width:760px){
  #bloom-app[data-screen="about"] .sc-home-scroll>[data-reveal-key]{height:100svh!important;min-height:0!important;max-height:100svh!important;overflow:hidden!important}
}
@media (max-width:760px) and (max-height:700px){
  .ab-facts{display:none!important}
  .ab-copy p{font-size:12.5px;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}
  .ab-stats{margin-top:8px}
  .ab-stats div{padding:8px}
  .ab-stats b{font-size:20px}
}