/*
 * MedyaHizmetlerim Mobile Premium V3.1
 * 2026-08-09 — mobil dengeleme, ortalama ve sozlesme kutusu duzeltmeleri
 * Yalnizca 760px ve altinda calisir; masaustu gorunumunu degistirmez.
 */

@media (max-width: 760px) {
  :root {
    --mhm-bg: #071b31;
    --mhm-bg-2: #0a2948;
    --mhm-card: rgba(8, 35, 62, .94);
    --mhm-card-soft: rgba(13, 48, 82, .82);
    --mhm-line: rgba(85, 196, 255, .36);
    --mhm-line-strong: rgba(93, 216, 255, .72);
    --mhm-blue: #248cff;
    --mhm-cyan: #55d9ff;
    --mhm-text: #f7fbff;
    --mhm-muted: #a8bfd6;
    --mhm-shadow: 0 18px 44px rgba(0, 12, 28, .28);
  }

  html,
  body {
    max-width: 100%;
    overflow-x: hidden !important;
  }

  body {
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
  }

  /* Ana sayfa: V3.0 cam panelini kaldir, sehir kompozisyonunu geri getir. */
  html.premium-home-v31-active body.premium-home-v31-active section#intro.mh-premium-hero,
  html.premium-home-v31-active body.premium-home-v31-active section#intro.mh-premium-hero .mh-hero__inner {
    width: 100% !important;
    min-height: 790px !important;
    height: auto !important;
  }

  html.premium-home-v31-active body.premium-home-v31-active section#intro.mh-premium-hero .mh-hero__art {
    background-image:
      linear-gradient(180deg, rgba(3, 13, 30, .12) 0%, rgba(4, 17, 37, .18) 34%, rgba(5, 20, 42, .72) 74%, #07162b 100%),
      linear-gradient(90deg, rgba(4, 17, 38, .58), rgba(5, 20, 41, .03)),
      url("mh-premium-city-v3.webp") !important;
    background-position: 66% center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    filter: none !important;
  }

  html.premium-home-v31-active body.premium-home-v31-active section#intro.mh-premium-hero .mh-hero__inner {
    position: relative !important;
    display: flex !important;
    align-items: flex-start !important;
    padding: 238px 16px 78px !important;
  }

  html.premium-home-v31-active body.premium-home-v31-active section#intro.mh-premium-hero .mh-hero__copy {
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    text-align: left !important;
    background: transparent !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    transform: none !important;
  }

  html.premium-home-v31-active body.premium-home-v31-active section#intro.mh-premium-hero .mh-hero__copy h1 {
    font-size: clamp(31px, 9vw, 38px) !important;
    line-height: 1 !important;
  }

  /* Paket secim sayfasi: daha rafine tipografi ve dengeli kart olculeri */
  body.mhui-category .pcd-shell .service--content .pack--list,
  body.pcd-detail-active .pcd-shell .service--content .pack--list {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    margin-top: 14px !important;
  }

  body.mhui-category .pcd-shell .service--content .pack--list .pack,
  body.pcd-detail-active .pcd-shell .service--content .pack--list .pack {
    min-width: 0 !important;
    min-height: 96px !important;
    padding: 11px 7px 9px !important;
    border: 1px solid rgba(85, 196, 255, .34) !important;
    border-radius: 16px !important;
    background:
      linear-gradient(145deg, rgba(255,255,255,.075), transparent 48%),
      linear-gradient(145deg, rgba(10,45,78,.96), rgba(7,31,57,.96)) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 12px 25px rgba(0,13,30,.2) !important;
  }

  body.mhui-category .pcd-shell .pack--list .pack span.amount,
  body.pcd-detail-active .pcd-shell .pack--list .pack span.amount {
    max-width: 100%;
    overflow: hidden;
    font-size: 17px !important;
    line-height: 1.02 !important;
    letter-spacing: -.035em !important;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  body.mhui-category .pcd-shell .pack--list .pack span.type,
  body.pcd-detail-active .pcd-shell .pack--list .pack span.type {
    font-size: 9px !important;
    line-height: 1.15 !important;
  }

  body.mhui-category .pcd-shell .pack--list .pack span.price,
  body.pcd-detail-active .pcd-shell .pack--list .pack span.price {
    min-height: 23px !important;
    margin-top: 5px !important;
    padding: 4px 7px !important;
    border-radius: 9px !important;
    font-size: 9px !important;
    line-height: 1 !important;
  }

  body.mhui-category .pcd-shell .pack--list .pack::after,
  body.pcd-detail-active .pcd-shell .pack--list .pack::after {
    top: 7px !important;
    right: 7px !important;
    width: 18px !important;
    height: 18px !important;
    border-radius: 6px !important;
  }

  body.mhui-category .pcd-shell .pack--list .pack.mhui-pack-last,
  body.pcd-detail-active .pcd-shell .pack--list .pack.mhui-pack-last {
    grid-column: 1 / -1 !important;
    width: calc(50% - 4px) !important;
    justify-self: center !important;
  }

  body.mhui-category .pcd-shell .service--content .service--bottom,
  body.mhui-category .pcd-shell .service--content .service--bottom.active-bar,
  body.pcd-detail-active .pcd-shell .service--content .service--bottom,
  body.pcd-detail-active .pcd-shell .service--content .service--bottom.active-bar {
    right: auto !important;
    bottom: calc(71px + env(safe-area-inset-bottom)) !important;
    left: 50% !important;
    width: min(390px, calc(100% - 20px)) !important;
    min-height: 54px !important;
    gap: 6px !important;
    padding: 6px !important;
    border-radius: 15px !important;
    transform: translateX(-50%) !important;
  }

  body.mhui-category .pcd-shell .selected--pack .text > span,
  body.pcd-detail-active .pcd-shell .selected--pack .text > span {
    font-size: 9px !important;
  }

  body.mhui-category .pcd-shell .selected--pack .text > span:first-child,
  body.pcd-detail-active .pcd-shell .selected--pack .text > span:first-child {
    max-width: 112px;
    overflow: hidden;
    font-size: 10px !important;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  body.mhui-category .pcd-shell .pack--action .pack--butto,
  body.pcd-detail-active .pcd-shell .pack--action .pack--butto {
    min-width: 124px !important;
    min-height: 40px !important;
    padding: 7px 9px !important;
    border-radius: 12px !important;
    font-size: 10px !important;
  }

  /* Urun/siparis ekrani: tasma yapmayan kompakt premium kartlar */
  body.mh-conversion-order .mh-order-hero {
    padding: 17px 0 15px !important;
  }

  body.mh-conversion-order .mh-order-hero h1 {
    font-size: 24px !important;
    line-height: 1.08 !important;
  }

  body.mh-conversion-order .mh-order-hero p {
    font-size: 10.5px !important;
    line-height: 1.45 !important;
  }

  body.mh-conversion-order .mh-order-page {
    padding: 11px 0 148px !important;
  }

  body.mh-conversion-order .mh-order-page > .container,
  body.mhui-product #orderPage > .container {
    width: 100% !important;
    max-width: none !important;
    padding-right: 10px !important;
    padding-left: 10px !important;
  }

  body.mh-conversion-order .mh-order-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 14px !important;
  }

  body.mh-conversion-order .mh-order-main {
    gap: 14px !important;
  }

  body.mhui-product #orderPage.mh-order-page .mh-order-card {
    padding: 12px !important;
    border-radius: 16px !important;
  }

  body.mhui-product #orderPage.mh-order-page .mh-order-card__head {
    gap: 9px !important;
    margin-bottom: 13px !important;
  }

  body.mhui-product #orderPage.mh-order-page .mh-step {
    flex: 0 0 30px !important;
    width: 30px !important;
    height: 30px !important;
    border-radius: 10px !important;
    font-size: 12px !important;
  }

  body.mhui-product #orderPage.mh-order-page .mh-order-card__head h2 {
    margin-bottom: 3px !important;
    font-size: 14px !important;
    line-height: 1.25 !important;
  }

  body.mhui-product #orderPage.mh-order-page .mh-order-card__head p {
    font-size: 9.5px !important;
    line-height: 1.42 !important;
  }

  body.mhui-product #orderPage.mh-order-page .mh-target-box label {
    margin-bottom: 6px !important;
    font-size: 10px !important;
    line-height: 1.35 !important;
  }

  body.mhui-product #orderPage.mh-order-page .mh-target-row {
    gap: 8px !important;
  }

  body.mhui-product #orderPage.mh-order-page .mh-target-row input,
  body.mhui-product #orderPage.mh-order-page .mh-target-row button {
    min-height: 44px !important;
    border-radius: 12px !important;
    font-size: 11.5px !important;
  }

  body.mhui-product #orderPage.mh-order-page .mh-target-status {
    min-height: 19px !important;
    margin-top: 7px !important;
    font-size: 10px !important;
  }

  body.mh-conversion-order .mh-order-summary {
    width: 100% !important;
    max-width: 350px !important;
    margin-right: auto !important;
    margin-left: auto !important;
  }

  body.mh-conversion-order .mh-order-summary .mh-summary-card {
    width: 100% !important;
    padding: 17px !important;
    border-radius: 19px !important;
  }

  body.mh-conversion-order .mh-summary-card h2 {
    margin: 11px 0 13px !important;
    font-size: 20px !important;
    line-height: 1.25 !important;
  }

  body.mh-conversion-order .mh-summary-price {
    padding: 12px 0 !important;
  }

  body.mh-conversion-order .mh-summary-price strong {
    font-size: 14px !important;
  }

  body.mh-conversion-order .mh-summary-price b {
    font-size: 18px !important;
  }

  body.mh-conversion-order .mh-add-cart {
    min-height: 50px !important;
    margin-top: 13px !important;
    font-size: 13px !important;
  }

  body.mh-conversion-order .mh-add-note {
    font-size: 10px !important;
    line-height: 1.45 !important;
  }

  body.mh-conversion-order .mh-mobile-purchase-bar {
    right: auto !important;
    bottom: calc(70px + env(safe-area-inset-bottom)) !important;
    left: 50% !important;
    width: min(390px, calc(100% - 20px)) !important;
    grid-template-columns: minmax(0, 1fr) minmax(118px, .78fr) !important;
    gap: 6px !important;
    padding: 6px !important;
    border-radius: 15px !important;
    transform: translateX(-50%) !important;
  }

  body.mh-conversion-order .mh-mobile-purchase-bar__selection span {
    font-size: 7.5px !important;
  }

  body.mh-conversion-order .mh-mobile-purchase-bar__selection strong {
    font-size: 10px !important;
  }

  body.mh-conversion-order .mh-mobile-purchase-bar__selection b {
    font-size: 11.5px !important;
  }

  body.mh-conversion-order .mh-mobile-purchase-bar__button {
    min-height: 42px !important;
    border-radius: 12px !important;
    font-size: 9.5px !important;
  }

  /* Sepet cekmecesi: buyuk yazi ve bosluklari azalt */
  .mh-cart-overlay .mh-cart-drawer {
    width: min(100%, 390px) !important;
    padding: 17px 16px calc(16px + env(safe-area-inset-bottom)) !important;
    background:
      radial-gradient(circle at 100% 0, rgba(36,140,255,.18), transparent 34%),
      linear-gradient(180deg, #092846, #061c33) !important;
  }

  .mh-cart-drawer__head {
    padding-bottom: 13px !important;
  }

  .mh-cart-drawer__head h2 {
    font-size: 20px !important;
    line-height: 1.2 !important;
  }

  .mh-cart-close {
    width: 34px !important;
    height: 34px !important;
    border-radius: 10px !important;
  }

  .mh-cart-drawer__items {
    padding: 9px 0 !important;
  }

  .mh-cart-drawer .cart-item,
  .mh-cart-drawer__item {
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 9px !important;
    padding: 12px 0 !important;
    font-size: 12px !important;
  }

  .mh-cart-drawer .cart-name .name,
  .mh-cart-drawer__item strong {
    font-size: 12.5px !important;
    line-height: 1.3 !important;
  }

  .mh-cart-drawer .cart-name .subname,
  .mh-cart-drawer .cart-name .cart-link,
  .mh-cart-drawer__item span,
  .mh-cart-drawer__item small {
    font-size: 10.5px !important;
    line-height: 1.35 !important;
  }

  .mh-cart-drawer .cart-price {
    grid-template-columns: auto 34px !important;
    gap: 7px !important;
  }

  .mh-cart-drawer .cart-price .price {
    font-size: 12px !important;
  }

  .mh-cart-drawer .cart-price .btn-trash {
    width: 34px !important;
    min-width: 34px !important;
    height: 34px !important;
    border-radius: 10px !important;
    font-size: 16px !important;
  }

  .mh-cart-drawer__foot {
    padding-top: 12px !important;
  }

  .mh-cart-drawer__total {
    margin-bottom: 10px !important;
    font-size: 16px !important;
  }

  .mh-cart-drawer__actions {
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
  }

  .mh-cart-drawer__actions a,
  .mh-cart-drawer__actions button {
    min-height: 44px !important;
    border-radius: 12px !important;
    font-size: 11px !important;
  }

  /* Odeme: beyaz ustune beyaz yazi hatasini kesin olarak kapat */
  body.mh-checkout-page #loftOrderForm #orderPage {
    padding-top: 13px !important;
    padding-bottom: 124px !important;
  }

  body.mh-checkout-page #loftOrderForm #orderPage > .container {
    width: 100% !important;
    max-width: none !important;
    padding-right: 11px !important;
    padding-left: 11px !important;
  }

  body.mh-checkout-page #loftOrderForm .order--step_area {
    gap: 14px !important;
  }

  body.mh-checkout-page #loftOrderForm .mh-summary-card,
  body.mh-checkout-page #loftOrderForm .mh-contact-card,
  body.mh-checkout-page #loftOrderForm .mh-payment-card {
    border: 1px solid var(--mhm-line) !important;
    border-radius: 18px !important;
    background:
      linear-gradient(145deg, rgba(255,255,255,.055), transparent 48%),
      linear-gradient(145deg, rgba(10,45,78,.96), rgba(7,31,57,.97)) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.08), var(--mhm-shadow) !important;
  }

  body.mh-checkout-page #loftOrderForm .mh-summary-card > .body,
  body.mh-checkout-page #loftOrderForm .mh-contact-card,
  body.mh-checkout-page #loftOrderForm .mh-payment-card {
    padding: 14px !important;
  }

  body.mh-checkout-page #loftOrderForm .mh-section-head,
  body.mh-checkout-page #loftOrderForm .order-payment_title {
    margin-bottom: 13px !important;
  }

  body.mh-checkout-page #loftOrderForm .mh-section-head__eyebrow {
    font-size: 8px !important;
  }

  body.mh-checkout-page #loftOrderForm .mh-section-head h2,
  body.mh-checkout-page #loftOrderForm .order-payment_title span {
    color: var(--mhm-text) !important;
    font-size: 17px !important;
    line-height: 1.25 !important;
  }

  body.mh-checkout-page #loftOrderForm .mh-section-head p {
    margin-top: 4px !important;
    color: var(--mhm-muted) !important;
    font-size: 10.5px !important;
    line-height: 1.45 !important;
  }

  body.mh-checkout-page #loftOrderForm .d-grid.grid-2 {
    gap: 9px !important;
  }

  body.mh-checkout-page #loftOrderForm .form-control,
  body.mh-checkout-page #loftOrderForm input.form-control,
  body.mh-checkout-page #loftOrderForm textarea.form-control,
  body.mh-checkout-page #loftOrderForm select.form-control,
  body.mhui-payment #orderPage input.form-control,
  body.mhui-payment #orderPage textarea.form-control,
  body.mhui-payment #orderPage select.form-control {
    min-height: 50px !important;
    border: 1px solid rgba(91,184,255,.32) !important;
    border-radius: 12px !important;
    color: #eaf6ff !important;
    caret-color: #55d9ff !important;
    -webkit-text-fill-color: #eaf6ff !important;
    background: rgba(4, 23, 43, .76) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.035) !important;
    font-size: 14px !important;
  }

  body.mh-checkout-page #loftOrderForm input.form-control::placeholder,
  body.mh-checkout-page #loftOrderForm textarea.form-control::placeholder,
  body.mhui-payment #orderPage input.form-control::placeholder,
  body.mhui-payment #orderPage textarea.form-control::placeholder {
    color: #8fa9c3 !important;
    -webkit-text-fill-color: #8fa9c3 !important;
    opacity: 1 !important;
  }

  body.mh-checkout-page #loftOrderForm .form-floating label,
  body.mhui-payment #orderPage .form-floating label {
    color: #9db5cc !important;
    font-size: 11.5px !important;
  }

  /* Musteri sozlesmesi: beyaz kutuyu gorunur, tiklanabilir onay kutusuna cevir. */
  body.mh-checkout-page #loftOrderForm .checkbox {
    position: relative !important;
    align-items: flex-start !important;
    gap: 9px !important;
  }

  body.mh-checkout-page #loftOrderForm .checkbox input#success[name="contract"] {
    -webkit-appearance: none !important;
    appearance: none !important;
    position: relative !important;
    z-index: 3 !important;
    display: inline-flex !important;
    visibility: visible !important;
    width: 22px !important;
    min-width: 22px !important;
    height: 22px !important;
    min-height: 22px !important;
    flex: 0 0 22px !important;
    margin: 0 !important;
    border: 2px solid #55d9ff !important;
    border-radius: 7px !important;
    opacity: 1 !important;
    background: #082744 !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 0 0 3px rgba(85,217,255,.08) !important;
    cursor: pointer !important;
    pointer-events: auto !important;
    touch-action: manipulation;
  }

  body.mh-checkout-page #loftOrderForm .checkbox input#success[name="contract"]:checked {
    border-color: #55d9ff !important;
    background: linear-gradient(135deg, #248cff, #24c8ec) !important;
  }

  body.mh-checkout-page #loftOrderForm .checkbox input#success[name="contract"]:checked::before {
    content: "" !important;
    position: absolute !important;
    top: 3px !important;
    left: 6px !important;
    width: 5px !important;
    height: 9px !important;
    border: 0 solid #fff !important;
    border-right-width: 2px !important;
    border-bottom-width: 2px !important;
    border-radius: 0 !important;
    background: transparent !important;
    transform: rotate(45deg) !important;
  }

  body.mh-checkout-page #loftOrderForm .checkbox .text {
    position: relative !important;
    z-index: 1 !important;
    min-width: 0 !important;
    line-height: 1.4 !important;
  }

  body.mh-checkout-page #loftOrderForm .fc-icon .icon {
    color: #55d9ff !important;
  }

  body.mh-checkout-page #loftOrderForm .mh-payment-continue {
    padding: 9px 10px !important;
    border-radius: 12px !important;
  }

  body.mh-checkout-page #loftOrderForm .mh-payment-continue strong {
    font-size: 10.5px !important;
  }

  body.mh-checkout-page #loftOrderForm .mh-payment-continue a {
    padding: 7px 8px !important;
    font-size: 9px !important;
  }

  body.mh-checkout-page #loftOrderForm .PaymentMethod .selectPayment {
    min-height: 66px !important;
    padding: 10px 11px !important;
    border-radius: 14px !important;
  }

  body.mh-checkout-page #loftOrderForm .PaymentMethod .top span {
    font-size: 13px !important;
  }

  body.mh-checkout-page #loftOrderForm .PaymentMethod .bottom .default,
  body.mh-checkout-page #loftOrderForm .PaymentMethod .bottom .selected {
    font-size: 9.5px !important;
  }

  /* Odeme sepeti: urun adi ve hedef baglantisi kesilmeden gorunsun */
  body.mh-checkout-page #loftOrderForm .cart-item {
    grid-template-columns: 40px minmax(0, 1fr) auto !important;
    gap: 8px !important;
    padding: 10px !important;
    border-radius: 14px !important;
  }

  body.mh-checkout-page #loftOrderForm .mh-cart-platform-icon {
    width: 40px !important;
    height: 40px !important;
    border-radius: 11px !important;
    font-size: 13px !important;
  }

  body.mh-checkout-page #loftOrderForm .cart-name {
    width: 100% !important;
    min-width: 0 !important;
  }

  body.mh-checkout-page #loftOrderForm .cart-name .name {
    font-size: 8px !important;
    line-height: 1.2 !important;
  }

  body.mh-checkout-page #loftOrderForm .cart-name .subname {
    overflow: visible !important;
    margin-top: 2px !important;
    font-size: 11.5px !important;
    line-height: 1.28 !important;
    text-overflow: clip !important;
    white-space: normal !important;
    overflow-wrap: anywhere;
  }

  body.mh-checkout-page #loftOrderForm .cart-name .cart-link {
    display: -webkit-box !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-top: 3px !important;
    overflow: hidden !important;
    color: #a8c7e8 !important;
    font-size: 9.5px !important;
    line-height: 1.3 !important;
    text-overflow: ellipsis !important;
    white-space: normal !important;
    overflow-wrap: anywhere;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  body.mh-checkout-page #loftOrderForm .cart-price {
    grid-row: 1 / span 2 !important;
    grid-column: 3 !important;
    flex-direction: column !important;
    align-self: center !important;
    gap: 6px !important;
  }

  body.mh-checkout-page #loftOrderForm .cart-price .price {
    padding: 6px 8px !important;
    font-size: 10.5px !important;
  }

  body.mh-checkout-page #loftOrderForm .btn-trash {
    width: 31px !important;
    min-width: 31px !important;
    height: 31px !important;
    min-height: 31px !important;
    border-radius: 9px !important;
  }

  body.mh-checkout-page #loftOrderForm #totals {
    padding: 11px !important;
    border-radius: 13px !important;
  }

  body.mh-checkout-page #loftOrderForm #totals li {
    padding: 4px 0 !important;
    font-size: 10.5px !important;
  }

  body.mh-checkout-page #loftOrderForm #totals li:last-child {
    padding-top: 9px !important;
    font-size: 12.5px !important;
  }

  body.mh-checkout-page #loftOrderForm .mh-summary-note {
    padding: 9px 10px !important;
    font-size: 9px !important;
    line-height: 1.4 !important;
  }

  /* Alt menu ile sabit satin-al cubuklari birbirinin ustune binmesin. */
  body.mhui-active .bottom--menu {
    z-index: 1085 !important;
  }
}

@media (max-width: 390px) {
  html body section#intro.mh-premium-hero,
  html body .tc-home section#intro.mh-premium-hero,
  html body section#intro.mh-premium-hero .mh-hero__inner {
    min-height: 690px !important;
    height: 690px !important;
  }

  html body section#intro.mh-premium-hero .mh-hero__copy {
    padding: 15px !important;
  }

  html body section#intro.mh-premium-hero h1 {
    font-size: 30px !important;
  }

  html body section#intro.mh-premium-hero .mh-hero__button {
    font-size: 9.5px !important;
  }

  body.mh-conversion-order .mh-mobile-purchase-bar {
    grid-template-columns: minmax(0, 1fr) 120px !important;
  }

  body.mh-checkout-page #loftOrderForm .cart-item {
    grid-template-columns: 36px minmax(0, 1fr) auto !important;
  }

  body.mh-checkout-page #loftOrderForm .mh-cart-platform-icon {
    width: 36px !important;
    height: 36px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html body section#intro.mh-premium-hero *,
  body.mh-conversion-order *,
  body.mh-checkout-page #loftOrderForm * {
    animation: none !important;
    transition: none !important;
  }
}