/*
 * Ucuzabulan B175 - late loaded mobile CSS guard.
 * This file is intentionally loaded after PerformanceOptimizationService::criticalCss()
 * so mobile screenshot fixes cannot be overwritten by critical inline CSS.
 */
@media (max-width: 820px){
  html body #ubHomeComparedGrid,
  html body .ub-prod-grid#ubHomeComparedGrid,
  html body .ub-compare-pair-grid#ubHomeComparedGrid{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:14px!important;
    width:100%!important;
    max-width:100%!important;
    overflow:visible!important;
  }
  html body #ubHomeComparedGrid > .ub-compare-pair-card,
  html body #ubHomeComparedGrid > a.card,
  html body #ubHomeComparedGrid > .card{
    grid-column:1/-1!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow:hidden!important;
    padding:14px!important;
  }
  html body #ubHomeComparedGrid .ub-compare-pair-card__products{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 38px minmax(0,1fr)!important;
    gap:8px!important;
    align-items:stretch!important;
  }
  html body #ubHomeComparedGrid .ub-compare-side{
    min-width:0!important;
    overflow:hidden!important;
    padding:8px!important;
    align-items:center!important;
    text-align:center!important;
  }
  html body #ubHomeComparedGrid .ub-compare-side__img,
  html body #ubHomeComparedGrid .ub-compare-side img{
    width:100%!important;
    height:92px!important;
    max-height:92px!important;
    object-fit:contain!important;
    object-position:center!important;
    background:#fff!important;
  }
  html body #ubHomeComparedGrid .ub-compare-side__title,
  html body #ubHomeComparedGrid .ub-prod-title{
    font-size:13px!important;
    line-height:1.18!important;
    max-height:2.45em!important;
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
    overflow-wrap:anywhere!important;
    word-break:break-word!important;
  }
  html body #ubHomeComparedGrid .ub-compare-vs{
    position:relative!important;
    inset:auto!important;
    transform:none!important;
    align-self:center!important;
    justify-self:center!important;
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    z-index:2!important;
    pointer-events:none!important;
  }
  html body #ubHomeComparedGrid .ub-prod-row,
  html body #ubHomeComparedGrid .ub-compare-pair-card__meta{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    width:100%!important;
  }
  html body #ubHomeComparedGrid .badge,
  html body #ubHomeComparedGrid .ub-pill{
    width:100%!important;
    max-width:100%!important;
    white-space:normal!important;
    line-height:1.16!important;
    font-size:11px!important;
    text-align:center!important;
    justify-content:center!important;
    padding:7px 8px!important;
  }
}
@media (max-width: 390px){
  html body #ubHomeComparedGrid > .ub-compare-pair-card,
  html body #ubHomeComparedGrid > a.card,
  html body #ubHomeComparedGrid > .card{padding:11px!important;}
  html body #ubHomeComparedGrid .ub-compare-pair-card__products{grid-template-columns:minmax(0,1fr) 30px minmax(0,1fr)!important;gap:5px!important;}
  html body #ubHomeComparedGrid .ub-compare-side{padding:6px!important;}
  html body #ubHomeComparedGrid .ub-compare-side__img,
  html body #ubHomeComparedGrid .ub-compare-side img{height:78px!important;max-height:78px!important;}
  html body #ubHomeComparedGrid .ub-compare-vs{width:30px!important;height:30px!important;min-width:30px!important;font-size:9px!important;}
}
@media (max-width: 760px){
  html body .ub-home-block[aria-label="Market"] .ub-rail{
    display:grid!important;
    grid-auto-flow:row!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:11px!important;
    overflow:visible!important;
    scroll-snap-type:none!important;
    width:100%!important;
  }
  html body .ub-home-block[aria-label="Market"] .ub-rail-card{width:100%!important;min-width:0!important;max-width:100%!important;overflow:hidden!important;}
  html body .ub-home-block[aria-label="Market"] .ub-rail-card img{width:100%!important;height:136px!important;max-height:136px!important;object-fit:contain!important;background:#fff!important;}
}
@media (max-width: 370px){html body .ub-home-block[aria-label="Market"] .ub-rail{grid-template-columns:1fr!important;}}
@media (max-width: 640px){
  html body .grid-prod--market,
  html body .ub-market-grid,
  html body .ub-market-store-products{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
    width:100%!important;
  }
  html body .ub-mkt-card{width:100%!important;max-width:100%!important;min-width:0!important;overflow:hidden!important;}
  html body .ub-mkt-card__img{width:100%!important;height:178px!important;max-width:100%!important;margin:0!important;background:#fff!important;}
  html body .ub-mkt-card__img img{width:100%!important;height:100%!important;object-fit:contain!important;background:#fff!important;}
}
@media (max-width: 860px){
  html body .ub-pdp .ub-pdp-topdock,
  html body .ub-pdp-topdock,
  html body .ub-pdp-topdock.card,
  html body section.ub-pdp-topdock{
    position:static!important;
    top:auto!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    z-index:1!important;
    max-height:none!important;
    overflow:visible!important;
    transform:none!important;
    clear:both!important;
    margin:12px 0 16px!important;
  }
  html body .ub-pdpsticky,
  html body .ub-pdp-sticky,
  html body .ub-pdp-stickybar{display:none!important;visibility:hidden!important;pointer-events:none!important;}
  html body .ub-pdp__gallery,
  html body .ub-pdp-gallery,
  html body .ub-pdp__media,
  html body .ub-pdp-hero{position:relative!important;z-index:2!important;overflow:visible!important;clear:both!important;}
  html body .ub-pdp__gallery img,
  html body .ub-pdp-gallery img,
  html body .ub-product-media img{display:block!important;width:auto!important;max-width:100%!important;max-height:58vh!important;height:auto!important;object-fit:contain!important;margin:0 auto!important;}
}
@media (max-width: 640px){
  html body #ubAiAssistant.ub-ai,
  html body #ubAiAssistant{
    right:8px!important;
    bottom:max(96px, calc(env(safe-area-inset-bottom, 0px) + 96px))!important;
    z-index:70!important;
  }
  html body #ubAiAssistant .ub-ai__fab{
    min-width:46px!important;
    max-width:46px!important;
    width:46px!important;
    height:46px!important;
    min-height:46px!important;
    border-radius:16px!important;
    padding:5px!important;
  }
  html body #ubAiAssistant .ub-ai__fabText,
  html body #ubAiAssistant .ub-ai__fabBadge{display:none!important;visibility:hidden!important;}
  html body #ubAiAssistant .ub-ai__fabIcon{width:36px!important;height:36px!important;flex:0 0 36px!important;}
  html body #ubAiAssistant .ub-ai__panel{right:0!important;bottom:58px!important;width:min(360px, calc(100vw - 16px))!important;max-height:min(70vh, 560px)!important;}
}
.ub-store-ico,.ub-marketplace-logo,.ub-mkt-store img,.ub-offer-v2__seller img,.ub-list-storeline__logo{object-fit:contain!important;background:#fff!important;}
