/* Hanifi Öztürk Emlak v14.8 — Detail layout & mobile action cleanup */

/* Desktop: make the information flow use the full page width. */
body.v146-detail-page .detail-layout{
  grid-template-columns:minmax(0,1fr)!important;
  gap:20px!important;
}
body.v146-detail-page .detail-layout>div{min-width:0;width:100%}
body.v146-detail-page .detail-layout>div>.detail-block:first-child{
  width:100%!important;
  padding:36px 38px!important;
}
body.v146-detail-page .detail-layout>div>.detail-block:first-child .lead{
  max-width:1080px!important;
}
body.v146-detail-page .detail-layout>div>.detail-block:first-child .features{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
body.v146-detail-page .detail-layout>div>.grid.grid-2{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  width:100%!important;
  gap:18px!important;
}

/* Advisor becomes a wide, balanced concierge card instead of leaving a blank right column. */
body.v146-detail-page .detail-layout>aside{width:100%;min-width:0}
body.v146-detail-page aside .advisor{
  position:static!important;
  display:grid!important;
  grid-template-columns:220px minmax(220px,.72fr) minmax(340px,1.15fr)!important;
  grid-template-areas:
    "eyebrow eyebrow eyebrow"
    "photo name form"
    "photo role form"
    "photo contact form"
    "photo actions form"!important;
  column-gap:28px!important;
  row-gap:8px!important;
  align-items:start!important;
  padding:28px!important;
}
body.v146-detail-page aside .advisor>.eyebrow{grid-area:eyebrow}
body.v146-detail-page aside .advisor>.advisor-photo{grid-area:photo;margin:4px 0 0!important;height:100%!important;min-height:220px!important}
body.v146-detail-page aside .advisor>.advisor-photo img{width:100%!important;height:100%!important;aspect-ratio:auto!important;object-fit:cover!important}
body.v146-detail-page aside .advisor>h3{grid-area:name;margin-top:4px!important}
body.v146-detail-page aside .advisor>h3+p{grid-area:role}
body.v146-detail-page aside .advisor>.contact-list{grid-area:contact}
body.v146-detail-page aside .advisor>.v146-advisor-actions{grid-area:actions;margin:8px 0 0!important}
body.v146-detail-page aside .advisor>.contact-form{grid-area:form;margin-top:0!important}

@media(max-width:980px){
  body.v146-detail-page .detail-layout>div>.detail-block:first-child .features{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.v146-detail-page aside .advisor{
    grid-template-columns:180px minmax(0,1fr)!important;
    grid-template-areas:
      "eyebrow eyebrow"
      "photo name"
      "photo role"
      "photo contact"
      "photo actions"
      "form form"!important;
  }
  body.v146-detail-page aside .advisor>.advisor-photo{min-height:180px!important}
}

/* Mobile: one clear action bar only. Remove stacked docks/fabs that collide visually. */
@media(max-width:720px){
  body.v146-detail-page{padding-bottom:84px!important}
  body.v146-detail-page .detail-layout>div>.detail-block:first-child{padding:22px!important}
  body.v146-detail-page .detail-layout>div>.detail-block:first-child .features{grid-template-columns:1fr!important}
  body.v146-detail-page .detail-layout>div>.grid.grid-2{grid-template-columns:1fr!important;gap:12px!important}
  body.v146-detail-page aside .advisor{
    display:block!important;
    padding:20px!important;
  }
  body.v146-detail-page aside .advisor>.advisor-photo{height:auto!important;min-height:0!important;margin:14px 0 17px!important}
  body.v146-detail-page aside .advisor>.advisor-photo img{height:auto!important;aspect-ratio:4/3!important}
  body.v146-detail-page aside .advisor>.contact-form{margin-top:18px!important}

  body.v146-detail-page .mobile-dock,
  body.v146-detail-page .v6-speed,
  body.v146-detail-page .v6-collection-fab,
  body.v146-detail-page .v7-tools-fab,
  body.v146-detail-page .v7-tools-panel,
  body.v146-detail-page .v11-tools-fab,
  body.v146-detail-page .v11-tools-panel,
  body.v146-detail-page .v4-tools,
  body.v146-detail-page .v5-assistant-fab,
  body.v146-detail-page .v5-notebook-fab,
  body.v146-detail-page .v5-presentation-btn,
  body.v146-detail-page .floating-actions,
  body.v146-detail-page .live-agent{display:none!important}

  body.v146-detail-page .detail-sticky{
    display:grid!important;
    grid-template-columns:minmax(0,.85fr) minmax(0,1.35fr)!important;
    gap:7px!important;
    left:8px!important;
    right:8px!important;
    bottom:max(8px,env(safe-area-inset-bottom))!important;
    width:auto!important;
    transform:translateY(130%)!important;
    padding:6px!important;
    border-radius:15px!important;
    border:1px solid rgba(216,184,117,.2)!important;
    background:rgba(8,11,14,.96)!important;
    backdrop-filter:blur(18px)!important;
    box-shadow:0 14px 40px rgba(0,0,0,.38)!important;
    z-index:12000!important;
  }
  body.v146-detail-page .detail-sticky.show{transform:none!important}
  body.v146-detail-page .detail-sticky-copy{display:none!important}
  body.v146-detail-page .detail-sticky .sticky-wa{
    display:flex!important;
    min-width:0!important;
    height:46px!important;
    padding:0 10px!important;
    border-radius:11px!important;
    border:1px solid rgba(37,211,102,.26)!important;
    background:rgba(37,211,102,.11)!important;
    color:#7be3a0!important;
    font-size:10px!important;
    font-weight:800!important;
  }
  body.v146-detail-page .detail-sticky .primary{
    min-width:0!important;
    height:46px!important;
    padding:0 10px!important;
    border-radius:11px!important;
    font-size:10px!important;
    font-weight:850!important;
    white-space:nowrap!important;
  }
}

@media(max-width:430px){
  body.v146-detail-page .detail-sticky{grid-template-columns:1fr 1.35fr!important}
  body.v146-detail-page .detail-sticky .sticky-wa,
  body.v146-detail-page .detail-sticky .primary{font-size:9px!important}
}