/* Haber70 Firma Rehberi V93: exacter header + official logo + oval white body */
@media (max-width: 850px) {
  body.h70firma93 .sitehead {
    background: linear-gradient(115deg,#084264 0%,#3e94bc 100%) !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    padding:22px 14px 18px !important;
    margin:0 !important;
    gap:10px !important;
    border-bottom:0 !important;
    position:relative;
    text-align:center;
  }
  body.h70firma93 .sitehead::after {
    content:"";
    width:min(88vw,540px);
    height:1px;
    background:rgba(255,255,255,.38);
    display:block;
    margin-top:4px;
  }
  body.h70firma93 .sitehead .logo {
    width:min(62vw,280px);
    max-width:280px;
    min-height:78px;
    font-size:0 !important;
    line-height:0 !important;
    color:transparent !important;
    display:block;
    background:url('/static/img/h70-firma-v93-logo.png?v=93') center center / contain no-repeat;
  }
  body.h70firma93 .sitehead .logo img,
  body.h70firma93 .sitehead .logo em { display:none !important; }
  body.h70firma93 .sitehead .directory-name {
    border-left:0 !important;
    padding:0 !important;
    font-size:clamp(25px,7vw,34px) !important;
    line-height:1.18 !important;
    color:#fff !important;
    font-weight:800 !important;
  }
  body.h70firma93 .sitehead .directory-name small {
    display:block !important;
    font-size:clamp(12px,3.8vw,16px) !important;
    font-weight:400 !important;
    margin-top:8px !important;
    color:#eaf6ff !important;
  }
  body.h70firma93 .sitehead .nav { display:none !important; }

  body.h70firma93 .page {
    padding:0 0 14px !important;
    margin:0 auto !important;
    background:linear-gradient(105deg,#084466,#0d537b 55%,#0a4566) !important;
  }
  body.h70firma93 .crumb {
    font-size:clamp(13px,4vw,18px) !important;
    color:#fff !important;
    padding:16px 14px 14px !important;
    margin:0 !important;
    overflow-wrap:anywhere;
  }
  body.h70firma93 .cover {
    height:clamp(260px,79vw,470px) !important;
    border-radius:30px 30px 0 0 !important;
    overflow:hidden;
    background:#163c55;
    margin:0 14px !important;
    position:relative;
    z-index:1;
  }
  body.h70firma93 .cover img {
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center center;
  }
  body.h70firma93 .whitebody {
    margin:0 14px 0 !important;
    border-radius:0 0 28px 28px !important;
    padding:0 18px 30px !important;
    background:#fff !important;
    color:#14293d !important;
    box-shadow:0 18px 44px rgba(0,18,34,.16) !important;
    position:relative;
    top:-1px;
    isolation:isolate;
    overflow:visible !important;
  }
  body.h70firma93 .whitebody::before {
    content:"" !important;
    position:absolute;
    left:0;
    right:0;
    top:-72px;
    height:126px;
    background:#fff;
    border-radius:50% 50% 0 0 / 100% 100% 0 0;
    z-index:0;
    pointer-events:none;
  }
  body.h70firma93 .whitebody > * { position:relative; z-index:1; }
  body.h70firma93 .identity {
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    gap:8px !important;
    padding:0 6px 16px !important;
    min-height:0 !important;
  }
  body.h70firma93 .avatar {
    width:clamp(150px,42vw,205px) !important;
    height:clamp(150px,42vw,205px) !important;
    margin:-88px auto 8px !important;
    border:7px solid #fff !important;
    border-radius:50% !important;
    overflow:hidden !important;
    background:#fff !important;
    box-shadow:0 10px 22px rgba(0,0,0,.18) !important;
    z-index:3 !important;
  }
  body.h70firma93 .avatar img { width:100%; height:100%; object-fit:cover; }
  body.h70firma93 .firm-title { width:100%; text-align:center; }
  body.h70firma93 .firm-title h1 {
    font-size:clamp(26px,7.2vw,42px) !important;
    line-height:1.15 !important;
    font-weight:800 !important;
    letter-spacing:-.4px;
    color:#18314c !important;
    margin:10px 0 16px !important;
  }
  body.h70firma93 .meta {
    justify-content:center !important;
    align-items:center !important;
    gap:10px 18px !important;
    text-align:center !important;
    font-size:clamp(14px,4vw,18px) !important;
    color:#607082 !important;
  }
  body.h70firma93 .meta span:last-child { flex-basis:100%; text-align:center; }
  body.h70firma93 .identity-buttons,
  body.h70firma93 .contactbar { justify-content:center !important; }
  body.h70firma93 .gallery img { cursor:zoom-in; }
  body.h70firma93 .video-grid iframe { pointer-events:none; }
}

#h70v93-viewer { position:fixed; inset:0; z-index:2147483640; background:rgba(2,8,17,.97); color:#fff; display:flex; flex-direction:column; align-items:center; justify-content:center; touch-action:pan-y; overscroll-behavior:contain; }
#h70v93-viewer[hidden] { display:none !important; }
#h70v93-viewer .h70v93-content { width:100%; height:calc(100% - 110px); display:flex; justify-content:center; align-items:center; overflow:hidden; }
#h70v93-viewer img, #h70v93-viewer video { max-width:100vw; max-height:calc(100dvh - 110px); width:auto; height:auto; object-fit:contain; }
#h70v93-viewer iframe { width:min(96vw,950px); aspect-ratio:16/9; border:0; max-height:calc(100dvh - 130px); }
#h70v93-viewer button { color:#fff; border:0; background:#ffffff22; border-radius:50%; width:43px; height:43px; font-size:25px; cursor:pointer; display:grid; place-items:center; }
#h70v93-viewer .h70v93-close { position:absolute; right:17px; top:calc(12px + env(safe-area-inset-top)); z-index:3; }
#h70v93-viewer .h70v93-prev, #h70v93-viewer .h70v93-next { position:absolute; top:50%; transform:translateY(-50%); z-index:2; }
#h70v93-viewer .h70v93-prev { left:9px; }
#h70v93-viewer .h70v93-next { right:9px; }
#h70v93-viewer .h70v93-count { position:absolute; bottom:calc(22px + env(safe-area-inset-bottom)); font:500 15px system-ui; color:#eee; }
#h70v93-viewer .h70v93-label { position:absolute; top:20px; left:16px; font:600 14px system-ui; max-width:65%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
@media(max-width:850px){ #h70v93-viewer .h70v93-prev,#h70v93-viewer .h70v93-next{ width:37px; height:37px; font-size:21px; } }
