/* OVOWELL responsive visual fixes - 2026-08-20 */

/* Desktop */
@media screen and (min-width: 1001px) {
  /* Homepage hero */
  .ly_carousel_33[data-visual-id="3510"] .carousel_info.text_position_right {
    right: 7% !important;
    width: min(520px, 40%) !important;
    padding: 36px !important;
    background: rgba(0, 61, 50, 0.90) !important;
    border-radius: 8px !important;
  }

  .ly_carousel_33[data-visual-id="3510"] .carousel_info .carousel_content,
  .ly_carousel_33[data-visual-id="3510"] .carousel_info .carousel_title,
  .ly_carousel_33[data-visual-id="3510"] .carousel_info .carousel_title h2 {
    color: #fff !important;
  }

  /* Collection pages */
  .ly_product_list_2 .products_category_wrapper {
    display: none !important;
  }

  .ly_product_list_2 .list_wrapper {
    width: 100% !important;
  }

  .ly_product_list_2 .ovowell-article {
    max-width: 1040px !important;
  }

  /* Product pages */
  .ly_product_purchase_2
  .goods_wrapper
  .goods_info
  .share_toolbox {
    display: none !important;
  }
}

/* Mobile and tablet */
@media screen and (max-width: 1000px) {
  /* Homepage carousel */
  .ly_carousel_33[data-visual-id="3510"] .carousel_wrapper {
    height: 480px !important;
    min-height: 480px !important;
    padding-top: 0 !important;
  }

  .ly_carousel_33[data-visual-id="3510"] .carousel_box,
  .ly_carousel_33[data-visual-id="3510"] .carousel_item,
  .ly_carousel_33[data-visual-id="3510"] .carousel_img,
  .ly_carousel_33[data-visual-id="3510"] .compute_item_img,
  .ly_carousel_33[data-visual-id="3510"] .compute_process_img {
    height: 100% !important;
    min-height: 100% !important;
    padding-top: 0 !important;
  }

  .ly_carousel_33[data-visual-id="3510"] .carousel_img img {
    object-fit: cover !important;
    object-position: center center !important;
  }

  .ly_carousel_33[data-visual-id="3510"] .carousel_info.text_position_right {
    top: auto !important;
    right: 16px !important;
    bottom: 46px !important;
    left: 16px !important;
    width: auto !important;
    padding: 20px !important;
    transform: none !important;
    background: rgba(0, 61, 50, 0.92) !important;
    border-radius: 8px !important;
    box-sizing: border-box !important;
  }

  .ly_carousel_33[data-visual-id="3510"] .carousel_info .carousel_content {
    display: none !important;
  }

  .ly_carousel_33[data-visual-id="3510"] .carousel_info .carousel_title {
    margin: 0 0 14px !important;
    color: #fff !important;
  }

  .ly_carousel_33[data-visual-id="3510"] .carousel_info .carousel_title h2 {
    margin: 0 !important;
    color: #fff !important;
    font-size: 27px !important;
    line-height: 1.18 !important;
    white-space: normal !important;
  }

  .ly_carousel_33[data-visual-id="3510"] .carousel_info .carousel_btn {
    margin: 0 !important;
    padding: 12px 18px !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
  }

  .ly_carousel_33[data-visual-id="3510"] .carousel_tab.tab_type_position {
    bottom: 16px !important;
  }

  .ly_carousel_33[data-visual-id="3510"] .carousel_tab .tab_line {
    width: 56px !important;
  }

  /* Breadcrumb wrapping */
  .bread_crumb {
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    line-height: 1.55 !important;
  }

  /* Collection and product page containment */
  .ovowell-article,
  .ly_product_list_2 .list_wrapper,
  .ly_product_purchase_2 .goods_wrapper,
  .ly_product_purchase_2 .goods_wrapper .goods_img,
  .ly_product_purchase_2 .goods_wrapper .goods_info {
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  .ovowell-article img,
  .ly_product_purchase_2 .goods_wrapper img {
    max-width: 100% !important;
    height: auto !important;
  }

  .ly_product_purchase_2 .goods_wrapper .goods_info .g_name,
  .ly_product_purchase_2 .goods_wrapper .goods_info .g_desc,
  .ovowell-article h2,
  .ovowell-article h3,
  .ovowell-article p,
  .ovowell-article a {
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }
}

/* Small mobile screens */
@media screen and (max-width: 640px) {
  .ovowell-article .ov-cards {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  /* Hide the thumbnail strip when there is only one image */
  .ly_product_purchase_2
  .goods_img:has(.thumb_small li:only-child)
  .thumb_small {
    display: none !important;
  }
}