/* FIRSAT360 mobile refinement v23 */
@media (max-width: 768px){
  body{
    overflow-x:hidden !important;
  }

  .site-header{
    min-height:58px !important;
    height:58px !important;
    padding:8px 18px !important;
    align-items:center !important;
  }

  .header-left,
  .header-actions{
    gap:10px !important;
  }

  .brand{
    width:178px !important;
    height:42px !important;
    background-size:contain !important;
  }

  .menu-toggle{
    width:48px !important;
    height:48px !important;
    min-width:48px !important;
    display:grid !important;
    place-items:center !important;
    background:#0d0d0d !important;
    border:0 !important;
    border-radius:0 !important;
    padding:0 !important;
    gap:0 !important;
    position:relative !important;
  }
  .menu-toggle span{
    position:absolute !important;
    left:13px !important;
    right:13px !important;
    width:auto !important;
    height:3px !important;
    background:#fff !important;
    border-radius:999px !important;
    transform-origin:center !important;
    transition:transform .22s ease, top .22s ease, opacity .22s ease !important;
  }
  .menu-toggle span:first-child{top:17px !important;}
  .menu-toggle span:last-child{top:28px !important;}
  body.mobile-menu-open .menu-toggle span:first-child{top:23px !important;transform:rotate(45deg) !important;}
  body.mobile-menu-open .menu-toggle span:last-child{top:23px !important;transform:rotate(-45deg) !important;}

  body.detail-standalone .detail-page,
  body.page-mode-detail .detail-page,
  .view-page{
    padding-top:1em !important;
  }
  body.detail-standalone .detail-toolbar,
  body.detail-standalone .detail-back-row{
    margin-top:0 !important;
    margin-bottom:14px !important;
  }

  .mobile-preview{
    top:4.9em !important;
    padding:0 1.05em !important;
  }
  .mp-cat{
    margin-bottom:7px !important;
    font-size:12px !important;
    font-weight:800 !important;
  }
  .mp-title{
    display:block !important;
    width:100% !important;
    margin-bottom:12px !important;
    font-size:clamp(25px,7.7vw,34px) !important;
    line-height:1.02 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }
  .mp-title a{
    display:block !important;
    max-width:100% !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }

  .hero{
    height:100svh !important;
    min-height:100svh !important;
  }
  .mobile-ring-hitbox{
    top:58% !important;
    touch-action:none !important;
  }

  body.detail-standalone .deal-grid.deal-grid--related,
  body.detail-standalone .deal-grid--related,
  .deal-grid.deal-grid--related{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:14px !important;
    overflow:visible !important;
  }
  body.detail-standalone .deal-grid--related .deal-card,
  .deal-grid--related .deal-card,
  body.detail-standalone .deal-grid--related .deal-card.is-featured,
  .deal-grid--related .deal-card.is-featured{
    grid-column:auto !important;
    min-width:0 !important;
    border-radius:22px !important;
  }
  body.detail-standalone .deal-grid--related .deal-card__image,
  .deal-grid--related .deal-card__image,
  body.detail-standalone .deal-grid--related .deal-card.is-featured .deal-card__image,
  .deal-grid--related .deal-card.is-featured .deal-card__image{
    height:185px !important;
    padding:12px !important;
    aspect-ratio:auto !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
  }
  body.detail-standalone .deal-grid--related .deal-card__image img,
  .deal-grid--related .deal-card__image img{
    width:100% !important;
    height:100% !important;
    object-fit:contain !important;
  }
  body.detail-standalone .deal-grid--related .deal-card__body,
  .deal-grid--related .deal-card__body{
    padding:13px 12px !important;
    min-height:166px !important;
  }
  body.detail-standalone .deal-grid--related .deal-card__meta,
  .deal-grid--related .deal-card__meta{
    font-size:9px !important;
    line-height:1.35 !important;
    letter-spacing:.13em !important;
    display:-webkit-box !important;
    -webkit-line-clamp:2 !important;
    -webkit-box-orient:vertical !important;
    overflow:hidden !important;
  }
  body.detail-standalone .deal-grid--related .deal-card__title,
  .deal-grid--related .deal-card__title{
    font-size:16px !important;
    line-height:1.08 !important;
    display:-webkit-box !important;
    -webkit-line-clamp:2 !important;
    -webkit-box-orient:vertical !important;
    overflow:hidden !important;
  }
  body.detail-standalone .deal-grid--related .deal-card__price strong,
  .deal-grid--related .deal-card__price strong{
    font-size:20px !important;
  }
  body.detail-standalone .deal-grid--related .deal-card__rating,
  .deal-grid--related .deal-card__rating{
    font-size:11px !important;
    display:-webkit-box !important;
    -webkit-line-clamp:2 !important;
    -webkit-box-orient:vertical !important;
    overflow:hidden !important;
  }
  body.detail-standalone .deal-grid--related .deal-card__footer,
  .deal-grid--related .deal-card__footer{
    padding:11px 12px !important;
    font-size:13px !important;
    line-height:1.05 !important;
  }

  .f360-mobile-panel{
    position:fixed;
    top:58px;
    left:0;
    right:0;
    z-index:99998;
    background:rgba(245,241,234,.98);
    border-top:1px solid rgba(13,13,13,.08);
    border-bottom:1px solid rgba(13,13,13,.11);
    box-shadow:0 26px 55px -45px rgba(13,13,13,.6);
    padding:12px 18px 16px;
    opacity:0;
    transform:translateY(-10px);
    pointer-events:none;
    transition:opacity .22s ease, transform .22s ease;
  }
  body.mobile-menu-open .f360-mobile-panel{
    opacity:1;
    transform:translateY(0);
    pointer-events:auto;
  }
  .f360-mobile-panel a{
    display:flex;
    justify-content:space-between;
    align-items:center;
    min-height:44px;
    border-bottom:1px solid rgba(13,13,13,.08);
    color:#0d0d0d !important;
    font-weight:900;
    font-size:17px;
    text-decoration:none;
  }
  .f360-mobile-panel a:last-child{border-bottom:0;}
  .f360-mobile-panel a::after{
    content:"+";
    color:#e23a2e;
    font-weight:950;
  }
}

@media (max-width: 390px){
  .brand{width:160px !important;height:38px !important;}
  .site-header{padding-left:14px !important;padding-right:14px !important;}
  .deal-grid--related .deal-card__image{height:165px !important;}
  .deal-grid--related .deal-card__body{min-height:158px !important;}
}

/* v93: mobil vitrin başlığı, üst buton karmaşası ve marketplace logo görünürlüğü */
@media (max-width: 768px){
  .mp-title{
    font-size:clamp(22px,7.3vw,34px) !important;
    line-height:1.04 !important;
    letter-spacing:-.045em !important;
    max-width:82vw !important;
    margin-bottom:10px !important;
  }
  .mp-title a,
  .deal-card__title{
    display:-webkit-box !important;
    -webkit-line-clamp:2 !important;
    -webkit-box-orient:vertical !important;
    overflow:hidden !important;
    white-space:normal !important;
  }
  .mp-cat{
    max-width:58vw !important;
    font-size:10px !important;
    line-height:1.3 !important;
    letter-spacing:.08em !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }
  .corner{
    top:5.4em !important;
    min-height:34px !important;
    max-width:44vw !important;
    padding:8px 11px !important;
    border-radius:999px !important;
    background:rgba(255,253,248,.92) !important;
    border:1px solid rgba(13,13,13,.12) !important;
    box-shadow:0 12px 28px rgba(13,13,13,.08) !important;
    font-size:12px !important;
    line-height:1.05 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }
  .corner--left{left:1rem !important}
  .corner--right{right:1rem !important}
  .mobile-preview{
    top:9.15em !important;
  }
  body.detail-standalone .store-mini-logo,
  body.detail-standalone .offer-store-logo{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    background:#fff !important;
    min-width:52px !important;
  }
  body.detail-standalone .offer-store-logo{
    min-width:70px !important;
  }
  body.detail-standalone .store-mini-logo img,
  body.detail-standalone .offer-store-logo img{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    width:100% !important;
    height:100% !important;
    object-fit:contain !important;
  }
}