/* DentifyLab Categories 16 & 17 — mobile refinements, v4 */
/* Scoped to the unique category introduction, nothing else on the site. */
@media (max-width:767px) {
  @supports selector(body:has(.dl-grillz-cat)) {
    :is(body:has(.dl-grillz-cat),body:has(.dl-removable-cat)) #content-wrapper {
      padding-left:8px!important;padding-right:8px!important;min-width:0!important;
    }
    :is(body:has(.dl-grillz-cat),body:has(.dl-removable-cat)) #products,
    :is(body:has(.dl-grillz-cat),body:has(.dl-removable-cat)) #main {min-width:0!important;max-width:100%!important;}
    :is(body:has(.dl-grillz-cat),body:has(.dl-removable-cat)) #products .products,
    :is(body:has(.dl-grillz-cat),body:has(.dl-removable-cat)) #products .product_list {
      display:flex!important;flex-wrap:wrap!important;align-items:stretch!important;
      margin-left:-4px!important;margin-right:-4px!important;
    }
    :is(body:has(.dl-grillz-cat),body:has(.dl-removable-cat)) #products .products > .product-miniature,
    :is(body:has(.dl-grillz-cat),body:has(.dl-removable-cat)) #products .products > .js-product-miniature,
    :is(body:has(.dl-grillz-cat),body:has(.dl-removable-cat)) #products .product_list > .product-miniature {
      box-sizing:border-box!important;flex:0 0 50%!important;width:50%!important;
      max-width:50%!important;min-width:0!important;padding:4px!important;
      margin:0 0 12px!important;float:none!important;
    }
    :is(body:has(.dl-grillz-cat),body:has(.dl-removable-cat)) #products .product-miniature .thumbnail-container,
    :is(body:has(.dl-grillz-cat),body:has(.dl-removable-cat)) #products .product-miniature .product-container {
      width:100%!important;max-width:100%!important;min-width:0!important;
      height:auto!important;min-height:0!important;margin:0!important;
      border-radius:13px!important;overflow:hidden!important;
    }
    :is(body:has(.dl-grillz-cat),body:has(.dl-removable-cat)) #products .product-miniature .thumbnail-container img,
    :is(body:has(.dl-grillz-cat),body:has(.dl-removable-cat)) #products .product-miniature .product-container img {
      max-width:100%!important;height:auto!important;
    }
    :is(body:has(.dl-grillz-cat),body:has(.dl-removable-cat)) #products .product-miniature .product-description {
      position:relative!important;top:auto!important;left:auto!important;
      width:100%!important;min-width:0!important;height:auto!important;
      min-height:0!important;padding:10px 7px 4px!important;
      margin:0!important;text-align:center!important;
    }
    :is(body:has(.dl-grillz-cat),body:has(.dl-removable-cat)) #products .product-miniature .product-title,
    :is(body:has(.dl-grillz-cat),body:has(.dl-removable-cat)) #products .product-miniature .product-title a,
    :is(body:has(.dl-grillz-cat),body:has(.dl-removable-cat)) #products .product-miniature h3,
    :is(body:has(.dl-grillz-cat),body:has(.dl-removable-cat)) #products .product-miniature h3 a {
      font-size:12px!important;line-height:1.32!important;font-weight:700!important;
      letter-spacing:0!important;overflow-wrap:anywhere;
    }
    :is(body:has(.dl-grillz-cat),body:has(.dl-removable-cat)) #products .product-miniature .product-title,
    :is(body:has(.dl-grillz-cat),body:has(.dl-removable-cat)) #products .product-miniature h3 {
      min-height:32px!important;max-height:34px!important;overflow:hidden!important;
      display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;
      margin:0 0 6px!important;
    }
    :is(body:has(.dl-grillz-cat),body:has(.dl-removable-cat)) #products .product-miniature .price,
    :is(body:has(.dl-grillz-cat),body:has(.dl-removable-cat)) #products .product-miniature .product-price-and-shipping {
      font-size:15px!important;line-height:1.3!important;font-weight:750!important;
      margin:5px 0 8px!important;white-space:normal!important;
    }
    /* ProBusiness uses two icon layers for hover effects. Do not apply global .btn rules. */
    :is(body:has(.dl-grillz-cat),body:has(.dl-removable-cat))
    #products .product-miniature .product-description > .highlighted-informations {
      display:flex!important;
      flex-direction:row!important;
      align-items:stretch!important;
      justify-content:center!important;
      gap:5px!important;
      width:100%!important;
      min-height:0!important;
      height:auto!important;
      padding:0 5px 10px!important;
      margin:0!important;
      position:static!important;
      overflow:visible!important;
      box-sizing:border-box!important;
    }
    :is(body:has(.dl-grillz-cat),body:has(.dl-removable-cat))
    #products .product-miniature .product-description > .highlighted-informations .atc_div {
      display:block!important;
      flex:1 1 0!important;
      min-width:0!important;
      width:auto!important;
      float:none!important;
      position:static!important;
      margin:0!important;
      padding:0!important;
    }
    :is(body:has(.dl-grillz-cat),body:has(.dl-removable-cat))
    #products .product-miniature .product-description > .highlighted-informations .atc_div form {
      display:block!important;
      width:100%!important;
      height:100%!important;
      margin:0!important;
      padding:0!important;
    }
    :is(body:has(.dl-grillz-cat),body:has(.dl-removable-cat))
    #products .product-miniature .atc_div .add-to-cart {
      display:flex!important;
      align-items:center!important;
      justify-content:center!important;
      width:100%!important;
      height:38px!important;
      min-height:38px!important;
      max-height:38px!important;
      padding:0 5px!important;
      margin:0!important;
      box-sizing:border-box!important;
      border-radius:8px!important;
      line-height:1!important;
      font-size:10px!important;
      font-weight:600!important;
      white-space:nowrap!important;
      position:relative!important;
      float:none!important;
      transform:none!important;
    }
    :is(body:has(.dl-grillz-cat),body:has(.dl-removable-cat))
    #products .product-miniature .atc_div .add-to-cart .shopping-cart {
      display:inline-flex!important;
      align-items:center!important;
      justify-content:center!important;
      gap:4px!important;
      width:auto!important;
      height:auto!important;
      line-height:1.1!important;
      position:static!important;
      transform:none!important;
    }
    :is(body:has(.dl-grillz-cat),body:has(.dl-removable-cat))
    #products .product-miniature .atc_div .add-to-cart .icon-first {
      display:inline-block!important;
      position:static!important;
      margin:0!important;
      font-size:13px!important;
      line-height:1!important;
      opacity:1!important;
      transform:none!important;
    }
    :is(body:has(.dl-grillz-cat),body:has(.dl-removable-cat))
    #products .product-miniature .atc_div .add-to-cart .icon-second,
    :is(body:has(.dl-grillz-cat),body:has(.dl-removable-cat))
    #products .product-miniature .view_product .icon-second {
      display:none!important;
    }
    :is(body:has(.dl-grillz-cat),body:has(.dl-removable-cat))
    #products .product-miniature .product-description > .highlighted-informations > .view_product {
      display:flex!important;
      align-items:center!important;
      justify-content:center!important;
      flex:0 0 38px!important;
      width:38px!important;
      min-width:38px!important;
      height:38px!important;
      min-height:38px!important;
      max-height:38px!important;
      padding:0!important;
      margin:0!important;
      box-sizing:border-box!important;
      border-radius:8px!important;
      position:relative!important;
      inset:auto!important;
      float:none!important;
      transform:none!important;
    }
    :is(body:has(.dl-grillz-cat),body:has(.dl-removable-cat))
    #products .product-miniature .view_product .icon-first {
      display:inline-block!important;
      position:static!important;
      font-size:19px!important;
      line-height:1!important;
      margin:0!important;
      opacity:1!important;
      transform:none!important;
    }
    /* No change to native form action, submit button, or quick-view functionality. */
    /* Sorting should be compact and never float alone with a huge gap. */
    :is(body:has(.dl-grillz-cat),body:has(.dl-removable-cat)) #products .products-selection,
    :is(body:has(.dl-grillz-cat),body:has(.dl-removable-cat)) #products .products-sort-order {
      margin-top:0!important;margin-bottom:12px!important;min-height:0!important;
    }
    :is(body:has(.dl-grillz-cat),body:has(.dl-removable-cat)) #products .products-selection .row {margin-bottom:0!important;}
    :is(body:has(.dl-grillz-cat),body:has(.dl-removable-cat)) #products .products-sort-order .select-title {
      width:auto!important;min-width:115px!important;max-width:100%!important;
      height:auto!important;min-height:34px!important;padding:7px 12px!important;
      font-size:12px!important;border-radius:8px!important;
    }
  }
}
@media(max-width:380px) {
  @supports selector(body:has(.dl-grillz-cat)) {
    :is(body:has(.dl-grillz-cat),body:has(.dl-removable-cat)) #products .product-miniature .product-title a,
    :is(body:has(.dl-grillz-cat),body:has(.dl-removable-cat)) #products .product-miniature h3 a {font-size:11px!important;}
  }
}

/* V5: Hide both quick-view and view-product eye buttons ONLY on
   Grillz (17) and Removable Dental Solutions (16) category pages. */
@media (max-width: 767px) {
  body:has(.dl-grillz-cat) #products .product-miniature .image_item_product .button-container-product,
  body:has(.dl-removable-cat) #products .product-miniature .image_item_product .button-container-product,
  body:has(.dl-grillz-cat) #products .product-miniature .image_item_product a.quick-view,
  body:has(.dl-removable-cat) #products .product-miniature .image_item_product a.quick-view,
  body:has(.dl-grillz-cat) #products .product-miniature .product-description > .highlighted-informations > a.view_product,
  body:has(.dl-removable-cat) #products .product-miniature .product-description > .highlighted-informations > a.view_product {
    display: none !important;
    visibility: hidden !important;
  }

  body:has(.dl-grillz-cat) #products .product-miniature .product-description > .highlighted-informations > .atc_div,
  body:has(.dl-removable-cat) #products .product-miniature .product-description > .highlighted-informations > .atc_div {
    flex: 1 1 100% !important;
    width: 100% !important;
    max-width: 100% !important;
  }
}