/* Revize 30 — menü sırası ve renk akışı, telefonda yazıların boş alana taşınması */

/* "İç Mimari & Proje" yazısında gökkuşağı gibi akan renk */
.bloom-rainbow-text{
  background:linear-gradient(90deg,#ff5f6d 0%,#ffb347 14%,#f9e04b 28%,#5be3a1 42%,#3fc5f0 56%,#8f7bff 70%,#ff6fd8 84%,#ff5f6d 100%);
  background-size:300% 100%;
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent;
  animation:bloomRainbowFlow 2.6s linear infinite;
  filter:saturate(1.15) drop-shadow(0 0 6px rgba(255,255,255,.18));
}
.bloom-rainbow-link:hover .bloom-rainbow-text{animation-duration:1.3s}
@keyframes bloomRainbowFlow{from{background-position:0% 50%}to{background-position:300% 50%}}
@media (prefers-reduced-motion:reduce){.bloom-rainbow-text{animation:none;background-position:30% 50%}}

/* ---------- Telefon: yazılar mobilyanın üstüne değil, boş alana ---------- */
@media (max-width:760px){
  /* Lookbook: yazı alttaki boş zemine */
  #bloom-app [data-reveal-key="lookbook"] div[style*="width: 44%"],
  #bloom-app [data-reveal-key="lookbook"] div[style*="width:44%"]{
    top:auto!important;bottom:calc(84px + env(safe-area-inset-bottom))!important;left:0!important;right:0!important;
    width:100%!important;max-width:none!important;align-items:flex-end!important;justify-content:flex-start!important;
    padding:0 22px!important;background:none!important;box-sizing:border-box!important;
  }
  #bloom-app [data-reveal-key="lookbook"] div[style*="width: 44%"] h2,
  #bloom-app [data-reveal-key="lookbook"] div[style*="width:44%"] h2{
    font-size:29px!important;line-height:1.08!important;max-width:300px!important;margin:6px 0 12px!important;
    text-shadow:0 2px 18px rgba(0,0,0,.28)!important;
  }
  #bloom-app [data-reveal-key="lookbook"] div[style*="width: 44%"] button,
  #bloom-app [data-reveal-key="lookbook"] div[style*="width:44%"] button{padding:9px 16px!important;font-size:11px!important}
  #bloom-app [data-reveal-key="lookbook"]>div::after{
    content:"";position:absolute;left:0;right:0;bottom:0;height:42%;z-index:1;pointer-events:none;
    background:linear-gradient(0deg,rgba(0,0,0,.34),rgba(0,0,0,0));
  }

  /* Zanaat: görsel üstte kart olarak durur, yazı altında kendi alanında (mobilyanın üstüne binmez) */
  #bloom-app .craft-scene{justify-content:flex-end!important;padding:0 16px calc(88px + env(safe-area-inset-bottom))!important}
  #bloom-app .craft-scene>.mobile-feature-image{
    top:calc(78px + env(safe-area-inset-top))!important;left:16px!important;right:16px!important;bottom:auto!important;
    width:auto!important;height:calc(100% - 78px - env(safe-area-inset-top) - 300px)!important;min-height:38%!important;
    border-radius:18px!important;overflow:hidden!important;
  }
  #bloom-app .craft-scene>.mobile-feature-image img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:50% 56%!important}
  #bloom-app .craft-glass{padding:14px 16px!important;max-width:none!important;width:100%!important;background:transparent!important;border:0!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
  #bloom-app .craft-glass p{font-size:15px!important;line-height:1.45!important;margin:6px 0 10px!important}

  /* Spot: başlık görselin üstüne binmez, görselin üstünde ayrı satırda durur */
  #bloom-app .spotlight-scene>div:nth-child(2)>div:first-child{
    position:static!important;max-width:100%!important;padding:0 0 12px!important;background:none!important;
    -webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:none!important;border:0!important;
  }
  #bloom-app .spotlight-scene>div:nth-child(2)>div:first-child h2{font-size:22px!important;margin:0 0 4px!important}
  #bloom-app .spotlight-scene>div:nth-child(2)>div:first-child image-slot{display:none!important}
  #bloom-app .spotlight-scene #spotlight-main,#bloom-app .spotlight-scene .mobile-art{height:42vh!important;max-height:42vh!important}
}
@media (max-width:760px){
  /* 2. sahnede koltuk solda: yazı sağdaki boş zemine */
  #bloom-app[data-lookbook="1"] [data-reveal-key="lookbook"] div[style*="width: 44%"],
  #bloom-app[data-lookbook="1"] [data-reveal-key="lookbook"] div[style*="width:44%"]{justify-content:flex-end!important;text-align:right!important}
  #bloom-app[data-lookbook="1"] [data-reveal-key="lookbook"] div[style*="width: 44%"] h2,
  #bloom-app[data-lookbook="1"] [data-reveal-key="lookbook"] div[style*="width:44%"] h2{margin-left:auto!important}
}

/* Ürün sayfası: zarif "bizi arayın" bağlantısı (Odanda gör düğmesinin altında, ikincil) */
.bloom-call-link{display:flex;align-items:center;gap:10px;width:100%;box-sizing:border-box;margin:10px 0 4px;padding:12px 4px;border:0;border-top:1px solid #32262418;border-bottom:1px solid #32262418;background:none;color:#322624;font:500 13.5px/1.3 'Bricolage Grotesque',sans-serif;cursor:pointer;text-align:left;transition:color .25s}
.bloom-call-link svg{width:17px;height:17px;flex:none;opacity:.75}
.bloom-call-link span{flex:1;min-width:0}
.bloom-call-link em{font-style:normal;font-weight:700;font-size:12px;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;border-bottom:1px solid currentColor;padding-bottom:1px}
.bloom-call-link:hover{color:#8a4b32}
.bloom-call-link:focus-visible{outline:2px solid #322624;outline-offset:3px}
.bloom-call-product{margin:0 0 24px}

/* Revize 31 — gizli yetkili girişi (alt bilgide, çok silik) */
.bloom-staff-link{display:block;width:max-content;margin-top:14px;font-size:11px;letter-spacing:.04em;color:currentColor;opacity:.28;text-decoration:none;transition:opacity .25s}
.bloom-staff-link:hover,.bloom-staff-link:focus-visible{opacity:.8;text-decoration:underline}

/* Revize 31 — Odanı Tasarla: sayfa arkada kaymasın (iOS); yatay telefonda üst menü gizlenir, planlayıcı tüm ekranı kullanır */
html:has(#bloom-app[data-screen="planner"]),body:has(#bloom-app[data-screen="planner"]){overflow:hidden!important;overscroll-behavior:none}
@media (orientation:landscape) and (max-height:500px){
  body:has(#bloom-app[data-screen="planner"]) .bloom-nav{display:none!important}
  #bloom-app[data-screen="planner"] .bloom-planner-shell{top:0!important}
}
/* Revize 31 — Teşhir bağlantısı: geniş ekranda üst menüde, her zaman hamburger menüde */
.bloom-outlet-link{text-decoration:none}
@media (max-width:1440px){.bloom-outlet-desktop{display:none!important}}