/* Tevzo.in v7.2 — mobile compact + homepage media layout fix */

/* ---------- CUSTOMER HOMEPAGE: better media crops ---------- */
.h62-slider,
.h62-cat,
.h62-productimg{
  overflow:hidden!important;
}
.h62-slide img{
  object-fit:cover!important;
  object-position:center center!important;
}
.h62-cat img{
  object-fit:cover!important;
  object-position:center center!important;
}
.h62-productimg img{
  object-fit:cover!important;
  object-position:center top!important;
}

/* ---------- CUSTOM STUDIO MOBILE COMPACTION ---------- */
@media(max-width:820px){
  .cp71-page{
    padding:12px 10px 86px!important;
  }
  .cp71-breadcrumb{margin:0 0 12px!important}
  .cp71-top{
    margin-bottom:10px!important;
  }
  .cp71-productintro h1{
    font-size:34px!important;
    line-height:.96!important;
    margin:5px 0 8px!important;
  }
  .cp71-productintro p{display:none!important}
  .cp71-rating{display:none!important}
  .cp71-pricebox{
    margin-top:8px!important;
    padding:10px 12px!important;
    border-radius:12px!important;
  }
  .cp71-pricebox strong{font-size:15px!important}

  .cp71-studio{gap:8px!important}
  .cp71-canvas{
    border-radius:14px!important;
  }
  .cp71-canvasbar{
    padding:8px 9px!important;
  }
  .cp71-tools{
    gap:4px!important;
  }
  .cp71-tools button{
    height:31px!important;
    min-width:31px!important;
    padding:0 7px!important;
  }
  .cp71-canvasbody{
    min-height:390px!important;
  }
  .cp71-shirtbox{
    width:min(360px,92%)!important;
  }
  .cp71-area{
    transform:translate(-50%,-50%) scale(.88)!important;
  }
  .cp71-viewtoggle button{
    min-width:86px!important;
    padding:6px 8px!important;
  }

  .cp71-config{
    display:grid!important;
    grid-template-columns:1fr!important;
  }
  .cp71-card{
    padding:11px!important;
    border-radius:14px!important;
  }
  .cp71-cardhead{margin-bottom:4px!important}
  .cp71-field{
    margin-top:10px!important;
  }
  .cp71-field select{
    min-height:38px!important;
    margin-top:4px!important;
  }
  .cp71-colors{gap:7px!important}
  .cp71-colors button{
    width:31px!important;height:31px!important;
  }
  .cp71-sizes button{
    min-height:40px!important;
  }
  .cp71-switch button{
    min-height:38px!important;
  }
  .cp71-print button{
    min-height:43px!important;
  }
  .cp71-benefits{
    display:grid!important;
    grid-template-columns:repeat(3,1fr)!important;
    gap:5px!important;
    padding:6px!important;
    margin-top:7px!important;
  }
  .cp71-benefits>div{
    display:block!important;
    border:0!important;
    text-align:center!important;
    padding:8px 4px!important;
    background:#fff!important;
    border-radius:9px!important;
  }
  .cp71-benefits i{margin:auto!important}
  .cp71-benefits span{display:none!important}

  .cp71-art{
    padding:10px!important;
    border-radius:14px!important;
  }
  .cp71-designs{
    grid-template-columns:repeat(3,1fr)!important;
    gap:6px!important;
    max-height:300px!important;
  }
  .cp71-design>div{
    height:86px!important;
  }
  .cp71-search{margin:9px 0 6px!important}

  .cp71-buybar{
    bottom:5px!important;
    border-radius:13px!important;
    padding:8px 9px!important;
  }
  .cp71-breakdown{
    grid-template-columns:1fr 1fr!important;
    gap:5px 10px!important;
  }
  .cp71-buy{
    margin-top:7px!important;
  }
  .cp71-buy strong{font-size:16px!important}
  .cp71-buy button{
    min-height:42px!important;
    padding:0 14px!important;
  }
  .cp71-info{
    margin-top:16px!important;
    gap:6px!important;
  }
  .cp71-info article{
    padding:12px!important;
  }
}

@media(max-width:560px){
  .cp71-breadcrumb{display:none!important}
  .cp71-productintro h1{
    font-size:30px!important;
  }
  .cp71-pricebox{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
  }
  .cp71-pricebox>i{display:none!important}
  .cp71-canvasbar>div:first-child{margin-bottom:6px!important}
  .cp71-tools{
    display:grid!important;
    grid-template-columns:repeat(7,1fr)!important;
  }
  .cp71-tools button{
    min-width:0!important;
    width:100%!important;
    font-size:7px!important;
    padding:0!important;
  }
  .cp71-canvasbody{
    min-height:350px!important;
  }
  .cp71-shirtbox{
    width:96%!important;
  }
  .cp71-viewtoggle{
    left:6px!important;
    bottom:6px!important;
  }
  .cp71-viewtoggle button{
    min-width:76px!important;
    padding:5px 6px!important;
  }
  .cp71-designs{
    grid-template-columns:repeat(2,1fr)!important;
    max-height:280px!important;
  }
  .cp71-buy{
    display:grid!important;
    grid-template-columns:auto 1fr!important;
    gap:8px!important;
  }
  .cp71-buy>a{display:none!important}
  .cp71-info{display:none!important}
}

/* ---------- HOMEPAGE MOBILE: shorter, denser ---------- */
@media(max-width:760px){
  .h62-hero{
    padding:20px 12px 12px!important;
    min-height:auto!important;
  }
  .h62-copy h1{
    font-size:40px!important;
    margin:10px 0 12px!important;
  }
  .h62-copy>p{
    font-size:11px!important;
    line-height:1.45!important;
    max-width:92%!important;
  }
  .h62-actions{
    margin:14px 0!important;
    gap:6px!important;
  }
  .h62-primary,.h62-secondary{
    min-height:42px!important;
    padding:11px 13px!important;
    font-size:9px!important;
  }
  .h62-proof{
    margin-top:13px!important;
    gap:8px!important;
  }
  .h62-proof span{display:none!important}

  .h62-slider{
    min-height:310px!important;
    margin-top:16px!important;
    border-radius:16px!important;
  }
  .h62-slide img{
    object-position:center center!important;
  }
  .h62-float-card{
    left:9px!important;top:9px!important;
    padding:8px 9px!important;
  }
  .h62-arrow{
    width:31px!important;height:31px!important;
  }

  .h62-marquee{
    padding:8px 0!important;
  }

  .h62-section{
    padding:30px 10px!important;
  }
  .h62-sectionhead{
    margin-bottom:12px!important;
  }
  .h62-sectionhead h2{
    font-size:29px!important;
  }
  .h62-sectionhead p{display:none!important}

  .h62-catgrid{
    grid-template-columns:1fr 1fr!important;
    gap:7px!important;
  }
  .h62-cat{
    height:210px!important;
    border-radius:12px!important;
  }
  .h62-catcopy{
    left:10px!important;right:10px!important;bottom:10px!important;
    transform:none!important;
  }
  .h62-catcopy h3{
    font-size:15px!important;
    margin:3px 0!important;
  }
  .h62-catcopy p{display:none!important}
  .h62-catcopy b{
    font-size:7px!important;
    margin-top:6px!important;
  }

  .h62-custom{
    margin:4px 10px 20px!important;
    padding:18px 14px!important;
    border-radius:16px!important;
  }
  .h62-custom-art{
    min-height:92px!important;
    padding:14px!important;
    margin-bottom:12px!important;
  }
  .h62-custom-art span{font-size:14px!important}
  .h62-custom-art strong{font-size:20px!important}
  .h62-custom-copy h2{
    font-size:27px!important;
  }
  .h62-custom-copy p{
    display:none!important;
  }
  .h62-custom-copy>div{
    margin-top:12px!important;
  }
  .h62-custom-pills{
    display:none!important;
  }

  .h62-products-section{
    padding-top:25px!important;
  }
  .h62-products{
    grid-template-columns:1fr 1fr!important;
    gap:7px!important;
  }
  .h62-productimg{
    border-radius:11px!important;
    aspect-ratio:4/5!important;
  }
  .h62-productbody{
    padding:7px 2px!important;
  }
  .h62-productbody h3{
    font-size:10px!important;
  }
  .h62-productbody p{
    display:none!important;
  }
  .h62-productbody strong{
    font-size:10px!important;
  }

  .h62-trust{
    margin:5px 10px 45px!important;
    grid-template-columns:1fr 1fr!important;
  }
  .h62-trust>div{
    padding:12px!important;
  }
  .h62-trust span{display:none!important}
}

@media(max-width:430px){
  .h62-copy h1{font-size:36px!important}
  .h62-slider{min-height:280px!important}
  .h62-cat{height:185px!important}
  .h62-section{padding:25px 9px!important}
}

/* ---------- ADMIN HOMEPAGE MEDIA: proper aspect ratios ---------- */
.hm62-hero-grid{
  align-items:start!important;
}
.hm62-preview{
  aspect-ratio:16/9!important;
  height:auto!important;
  background:#111!important;
}
.hm62-preview img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
}
.hm62-catimg{
  aspect-ratio:4/3!important;
  height:auto!important;
  background:#f1f1ef!important;
}
.hm62-catimg img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
}
@media(max-width:900px){
  .hm62-slider-settings{
    grid-template-columns:1fr 1fr!important;
  }
  .hm62-setting{grid-column:1/-1!important}
  .hm62-hero-grid{
    grid-template-columns:1fr 1fr!important;
  }
  .hm62-categories{
    grid-template-columns:1fr 1fr!important;
  }
}
@media(max-width:560px){
  .hm62-slider-settings{
    grid-template-columns:1fr!important;
    padding:10px!important;
  }
  .hm62-hero-grid{
    grid-template-columns:1fr!important;
    padding:10px!important;
  }
  .hm62-categories{
    grid-template-columns:1fr!important;
    padding:10px!important;
  }
  .hm62-preview{
    aspect-ratio:16/9!important;
  }
  .hm62-catimg{
    aspect-ratio:16/10!important;
  }
  .hm62-savebar{
    bottom:5px!important;
    border-radius:11px!important;
    padding:9px!important;
  }
}