/* SONURUN V29 - mağaza başlık, mesaj medya/ses ve mobil header */

/* Mağaza adı: fontun alt kısmı kesilmesin. */
.sn28-store-title{overflow:visible!important;padding-bottom:4px}
.sn28-store-title h1{line-height:1.12!important;padding:2px 0 7px!important;overflow:visible!important;text-overflow:clip!important;max-height:none!important}

/* Mesaj balonlarını daha rahat okunur yap. */
.sn25-message-row{margin-bottom:16px!important;gap:10px!important}
.sn25-bubble{max-width:min(72%,690px)!important;padding:14px 16px 11px!important;border-radius:19px 19px 19px 6px!important}
.sn25-message-row.mine .sn25-bubble{border-radius:19px 19px 6px 19px!important}
.sn25-bubble p{font-size:13px!important;line-height:1.6!important;letter-spacing:-.05px}
.sn25-bubble time{font-size:8px!important;margin-top:8px!important}
.sn25-bubble-avatar{width:36px!important;height:36px!important;border-radius:11px!important}

/* Mesaj içi görsel / ses */
.sn29-message-image{display:block;max-width:420px;margin:-3px -5px 9px;border-radius:14px;overflow:hidden;background:#eceff2;text-decoration:none!important}
.sn29-message-image img{display:block;width:100%;max-height:360px;object-fit:cover}
.sn25-message-row.mine .sn29-message-image{background:#25282e}
.sn29-message-audio{min-width:275px;display:flex;align-items:center;gap:9px;margin:1px 0 8px}
.sn29-audio-mark{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:#f0f2f4;color:#17191d;font-weight:900;flex:0 0 auto}
.sn25-message-row.mine .sn29-audio-mark{background:#2a2e35;color:#fff}
.sn29-message-audio audio{width:250px;max-width:100%;height:36px}

/* Composer medya araçları */
.sn29-composer{grid-template-columns:auto minmax(0,1fr) 108px!important;align-items:end!important}
.sn29-file-input{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
.sn29-compose-tools{display:flex;gap:6px;align-items:center;padding-bottom:9px}
.sn29-tool{position:relative;width:42px;height:42px;border:1px solid #dfe2e6;border-radius:13px;background:#fff;color:#1b1e23;display:grid;place-items:center;cursor:pointer;transition:.16s;flex:0 0 auto}
.sn29-tool:hover{background:#15171b;color:#fff;border-color:#15171b;transform:translateY(-1px)}
.sn29-tool svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sn29-record span{position:absolute;left:50%;top:calc(100% + 3px);transform:translateX(-50%);font-size:6px;white-space:nowrap;color:#999fa8;display:none}
.sn29-record.is-recording{background:#ef2028;color:#fff;border-color:#ef2028;box-shadow:0 0 0 5px rgba(239,32,40,.1)}
.sn29-record.is-recording span{display:block;color:#ef2028;font-weight:900}
.sn29-record.is-recording:before{content:"";position:absolute;inset:-5px;border:1px solid rgba(239,32,40,.35);border-radius:17px;animation:sn29RecordPulse 1.2s infinite}
@keyframes sn29RecordPulse{50%{transform:scale(1.06);opacity:.25}}
.sn29-attachment-preview[hidden]{display:none!important}
.sn29-attachment-preview{width:100%;margin:2px 0 5px}
.sn29-preview-chip{min-height:45px;display:flex;align-items:center;gap:9px;padding:6px 8px;border:1px solid #e0e3e7;border-radius:12px;background:#fff}
.sn29-preview-chip img{width:42px;height:42px;border-radius:9px;object-fit:cover}
.sn29-preview-audio{width:42px;height:42px;border-radius:9px;background:#111318;color:#fff;display:grid;place-items:center;font-weight:900}
.sn29-preview-chip>span:not(.sn29-preview-audio){min-width:0;flex:1}
.sn29-preview-chip b,.sn29-preview-chip small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sn29-preview-chip b{font-size:9px}.sn29-preview-chip small{font-size:7px;color:#959ba4;margin-top:2px}
.sn29-preview-remove{width:28px;height:28px;border:0;border-radius:9px;background:#f1f3f5;color:#5b626d;font-size:17px;cursor:pointer}
.sn29-compose-field{display:block!important;padding-left:12px!important}
.sn29-compose-field textarea{min-height:50px!important;font-size:12px!important}

/* Mobil header: logo tam ortada + bayi mesaj/bildirim/sepet ikonları görünür. */
@media(max-width:900px){
  .sn3-header-main{position:relative!important;min-height:66px!important;height:66px!important;padding:8px 0!important;grid-template-columns:40px minmax(0,1fr) auto!important;gap:6px!important}
  .sn3-header-main>.sn3-logo{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;z-index:6!important;margin:0!important;width:auto!important;max-width:145px!important;display:flex!important;align-items:center!important;justify-content:center!important}
  .sn3-header-main>.sn3-logo span{font-size:25px!important;line-height:1!important;white-space:nowrap!important}
  .sn3-header-main>.sn3-logo img{max-width:142px!important;max-height:35px!important;object-fit:contain!important}
  .sn3-mobile-menu{grid-column:1!important;position:relative!important;z-index:7!important;width:38px!important;height:38px!important}
  .sn3-header-actions{grid-column:3!important;position:relative!important;z-index:8!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:4px!important;margin:0!important}
  .sn3-header-actions .sn10-login-pill,.sn3-header-actions .sn13-dealer-pill{display:none!important}
  .sn3-header-actions .sn3-action,.sn3-header-actions .sn3-action:nth-child(-n+2){display:grid!important;width:32px!important;height:32px!important;min-width:32px!important;border-radius:10px!important;padding:0!important;place-items:center!important}
  .sn3-header-actions .sn3-action svg{width:16px!important;height:16px!important}
  .sn3-header-actions .sn3-action em{min-width:15px!important;height:15px!important;top:-6px!important;right:-5px!important;font-size:7px!important}
  .sn27-notice-wrap{display:flex!important}
  .sn3-search{display:none!important}
}
@media(max-width:430px){
  .sn3-shell{width:calc(100% - 20px)!important}
  .sn3-header-main>.sn3-logo span{font-size:23px!important}
  .sn3-header-main>.sn3-logo img{max-width:128px!important}
  .sn3-header-actions{gap:3px!important}
  .sn3-header-actions .sn3-action,.sn3-header-actions .sn3-action:nth-child(-n+2){width:30px!important;height:30px!important;min-width:30px!important}
  .sn3-mobile-menu{width:36px!important;height:36px!important}
  .sn27-notice-dropdown{top:76px!important;left:10px!important;right:10px!important}
}

@media(max-width:760px){
  .sn28-store-title h1{line-height:1.12!important;padding-bottom:6px!important}
  .sn25-bubble{max-width:88%!important;padding:12px 13px 10px!important}
  .sn25-bubble p{font-size:12px!important}
  .sn29-message-image{max-width:100%;margin:-2px -3px 8px}.sn29-message-image img{max-height:300px}
  .sn29-message-audio{min-width:220px}.sn29-message-audio audio{width:205px}
  .sn29-composer{grid-template-columns:auto minmax(0,1fr) 56px!important;gap:6px!important;padding:9px!important}
  .sn29-compose-tools{gap:4px;padding-bottom:8px;flex-direction:column}
  .sn29-tool{width:34px;height:34px;border-radius:10px}.sn29-tool svg{width:16px;height:16px}
  .sn29-record span{left:auto;right:calc(100% + 5px);top:50%;transform:translateY(-50%);background:#fff;padding:2px 4px;border-radius:4px}
  .sn29-compose-field textarea{font-size:12px!important}
}