/* SSK Store V4.1.76 — Mobile product-category stability layer
 * Final override for WooCommerce category archives, with a specific guard
 * for the Anal Ürünler category. It does not change desktop layout.
 */
@media (max-width:760px){
  html,body{max-width:100%;overflow-x:hidden!important}

  /* All WooCommerce product-category archives use the same stable 2-column grid. */
  body.woocommerce.tax-product_cat .ssk-woo-wrap,
  body.woocommerce.tax-product_cat .ssk-woo-wrap .ssk-container,
  body.woocommerce.tax-product_cat ul.products.ssk-products-list{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }

  body.woocommerce.tax-product_cat ul.products.ssk-products-list{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px 10px!important;
    margin:0!important;
    padding:0!important;
    list-style:none!important;
  }

  body.woocommerce.tax-product_cat ul.products.ssk-products-list>li.product{
    width:auto!important;
    max-width:none!important;
    min-width:0!important;
    float:none!important;
    clear:none!important;
    margin:0!important;
    padding:0!important;
    box-sizing:border-box!important;
  }

  body.woocommerce.tax-product_cat .ssk-woo-card{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    grid-template-rows:auto 38px 38px!important;
    width:100%!important;
    min-width:0!important;
    min-height:0!important;
    height:100%!important;
    margin:0!important;
    padding:0 0 8px!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }

  body.woocommerce.tax-product_cat .ssk-woo-card .woocommerce-loop-product__link{
    grid-column:1/-1!important;
    grid-row:1!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }

  body.woocommerce.tax-product_cat .ssk-woo-card .woocommerce-loop-product__link img,
  body.woocommerce.tax-product_cat .ssk-woo-card img.attachment-woocommerce_thumbnail,
  body.woocommerce.tax-product_cat .ssk-woo-card img.wp-post-image{
    display:block!important;
    width:100%!important;
    height:clamp(155px,42vw,205px)!important;
    min-height:155px!important;
    max-height:205px!important;
    padding:8px!important;
    margin:0!important;
    object-fit:contain!important;
    object-position:center!important;
    background:#fff!important;
    box-sizing:border-box!important;
  }

  body.woocommerce.tax-product_cat .ssk-woo-card .woocommerce-loop-product__title{
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:3!important;
    height:54px!important;
    min-height:54px!important;
    max-height:54px!important;
    margin:0!important;
    padding:7px 6px 4px!important;
    overflow:hidden!important;
    text-align:center!important;
    font-size:11px!important;
    line-height:1.28!important;
    font-weight:850!important;
    box-sizing:border-box!important;
  }

  body.woocommerce.tax-product_cat .ssk-woo-card .price{
    grid-column:1/-1!important;
    grid-row:2!important;
    width:auto!important;
    height:38px!important;
    min-height:38px!important;
    max-height:38px!important;
    margin:0 5px!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:4px!important;
    overflow:hidden!important;
    white-space:nowrap!important;
    box-sizing:border-box!important;
    font-size:12px!important;
  }

  body.woocommerce.tax-product_cat .ssk-woo-card .button,
  body.woocommerce.tax-product_cat .ssk-woo-card .ssk-woo-wa{
    grid-row:3!important;
    width:calc(100% - 8px)!important;
    height:34px!important;
    min-height:34px!important;
    max-height:34px!important;
    margin:2px 4px 0!important;
    padding:0 3px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    box-sizing:border-box!important;
    border-radius:7px!important;
    font-size:9px!important;
    line-height:1!important;
    white-space:nowrap!important;
    float:none!important;
    transform:none!important;
  }

  body.woocommerce.tax-product_cat .ssk-woo-card .button{grid-column:1!important}
  body.woocommerce.tax-product_cat .ssk-woo-card .ssk-woo-wa{grid-column:2!important;margin-left:4px!important}

  /* Specific category guard: prevents old Anal Ürünler selectors from
   * changing widths or hiding the product list on phones. */
  body.ssk-product-cat-anal-urunler ul.products.ssk-products-list,
  body.ssk-product-cat-anal-urunler .ssk-woo-wrap ul.products{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    width:100%!important;
    visibility:visible!important;
    opacity:1!important;
  }

  body.ssk-product-cat-anal-urunler ul.products.ssk-products-list>li.product,
  body.ssk-product-cat-anal-urunler .ssk-woo-card{
    visibility:visible!important;
    opacity:1!important;
  }

  /* Technical notices are replaced by the theme's friendly empty state;
   * do not let legacy WooCommerce info/error boxes distort the grid. */
  body.woocommerce.tax-product_cat .woocommerce-info{
    box-sizing:border-box!important;
    width:100%!important;
    margin:12px 0!important;
    font-size:12px!important;
    line-height:1.45!important;
    border-radius:10px!important;
  }

  body.woocommerce.tax-product_cat .woocommerce-result-count,
  body.woocommerce.tax-product_cat .woocommerce-ordering{
    max-width:100%!important;
    box-sizing:border-box!important;
  }
}

@media(max-width:390px){
  body.woocommerce.tax-product_cat .ssk-woo-card .woocommerce-loop-product__link img,
  body.woocommerce.tax-product_cat .ssk-woo-card img.attachment-woocommerce_thumbnail,
  body.woocommerce.tax-product_cat .ssk-woo-card img.wp-post-image{
    height:165px!important;
    min-height:165px!important;
    max-height:165px!important;
  }
  body.woocommerce.tax-product_cat .ssk-woo-card .woocommerce-loop-product__title{
    font-size:10px!important;
  }
}
