/*
 * Ultrasonic Cleaner — every inline <style> block from the v1 page, extracted
 * verbatim and concatenated in the order the browser saw them:
 *
 *   1. the page template itself
 *   2. the best-brush template part
 *   3. the package-includes template part
 *   4. the how-to-use (the-process) template part
 *
 * The React page renders those three parts as components, so their <style> tags
 * came with them; collecting all four here means one sheet the registry can
 * print with data-sb-lander-css and the router can swap on a client-side
 * navigation. Nothing was reformatted — only the <style> wrappers dropped.
 *
 * @see single-product-ultrasonic-cleaner_liveBk.php
 */

/* ---- single-product-ultrasonic-cleaner.php L37-101 (page-level overrides + tablet media queries) ---- */
    .hidden-desktop-important {
        min-height: 270px;
    }
    .dental-button {
        display:none;
    }


 @media only screen 
  and (min-width: 768px) 
  and (max-width: 1024px) 
  and (orientation: portrait) {

   #wrapper .subscription-product {
        width: 50%;
    }
   #wrapper .subscription-product-detail{
        padding: 25px 15px 25px 16px;
    }
    #wrapper   #faq-section .ewd-ufaq-faq-body {
        padding-left: 0px;
    }
   #wrapper #faq-section h4 {
        font-size: 20px;
    }

   #wrapper #wrapper-package-includes-mbt-modified .stripe-common .row-flex{
        padding-left:0;
    }
    .sbrCariproUltrasonicCleaner #wrapper-package-includes-mbt-modified .rowLeftSection, .sbrCariproUltrasonicCleaner #wrapper-package-includes-mbt-modified .rowRightSection{
                padding-right: 10px;
    }
    #wrapper-package-includes-mbt-modified .content_element{
            margin-left: 15px;
    }
    #wrapper-package-includes-mbt-modified .single_image{
            min-width: auto;
    }
   #wrapper  .superior-product-img img.glass-water {
        padding-left: 0;
    }
   .sbrCariproUltrasonicCleaner #wrapper .sectionDescriptionText {
        margin-top: 20px;
    }
   #wrapper div#the-reasons-image-3{
        left: 0;
    }

  }

@media only screen 
  and (device-width: 744px) 
  and (device-height: 1133px) 
  and (-webkit-device-pixel-ratio: 2) 
  and (orientation: portrait) {



  
}

/* ---- inc/templates/components/products/ultrasonic-cleaner/best-brush.php L1-16 ---- */
.sbrCariproUltrasonicCleaner .sectionDescriptionText {
    margin-top: 50px;
    max-width: 630px;
    margin-left: auto;
    margin-right: auto;
}
.sbrCariproUltrasonicCleaner .sectionDescriptionText h5 {
    margin-bottom: 0;
    margin-top: 11px;
    color: #8a8a8a;
    font-weight: 400;
    font-size:18px;
}

/* ---- inc/templates/components/products/ultrasonic-cleaner/ultrasonic-cleaner-package.php L1-189 ---- */
#very-package-includes-mbt-section .single_image-wrapper img {
    max-width: 360px;
    margin-top: 20px;
}

#very-package-includes-mbt-section .very-package-includes-mbt {
    margin: auto;
    padding-top: 70px;
}

#very-package-includes-mbt-section .single_image-wrapper {
    text-align: center;
}


.sbrCariproUltrasonicCleaner .green-strip {
    background-color: #edf6fa;
}

#wrapper-package-includes-mbt-modified .row {
    padding-top: 30px;
    padding-bottom: 0;
    border-top: 1px solid #c3c5c9;
}

.sbrCariproUltrasonicCleaner div#wrapper-package-includes-mbt-modified {
    margin: auto;    margin-top: 6rem;
} 

#wrapper-package-includes-mbt-modified .single_image {
    min-width: 80px;
}
#wrapper-package-includes-mbt-modified .single_image img{
    width:80px;
    height:80px;  min-width: 80px;
}

#wrapper-package-includes-mbt-modified  p {
    font-size: 16px;
    line-height: 1.5;
}

#wrapper-package-includes-mbt-modified .content_element {
   max-width: 310px;
    margin-left: 40px;
    margin-right: 0px;
}
#wrapper-package-includes-mbt-modified p{
    margin-bottom: 0px;
    font-style: normal;
}
#wrapper-package-includes-mbt-modified .package-includes-mbt {
    position: relative;    padding-bottom: 60px;
}

#wrapper-package-includes-mbt-modified .package-includes-mbt:before {
    content: "";
    position: absolute;
    width: 1px;
    background: #c3c5c9;
    height: 100%;
    left: 50%;
    top: 0px;
}
#wrapper-package-includes-mbt-modified .stripe-common .row-flex{
    display: flex;
    justify-content: center;
    padding-left: 40px;
}
#wrapper-package-includes-mbt-modified .stripe-common {
    padding-bottom: 0;
   padding: 0 33px;
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #c3c5c9;

}
#wrapper-package-includes-mbt-modified .rowRightSection  .single_image {
    padding-left: 30px;
}
#wrapper-package-includes-mbt-modified .no-border-bottom{
    border-bottom: 0px;
}
#wrapper-package-includes-mbt-modified  .sectionOrderNowButton {
    margin-top: 24px;
    margin-bottom: 70px;
}
.very-package-includes-mbt  h3 {
    color: #2d2e2f;
    font-weight: 800;
}
.sbrCariproUltrasonicCleaner .section-header-content-grey-large h4{
    max-width: 75%;
}
.sbrCariproUltrasonicCleaner .very-package-includes-mbt h3{
    font-size: 48px;
        font-family: 'Montserrat';
}
.sbrCariproUltrasonicCleaner div#wrapper-package-includes-mbt-modified{
    margin-top: 4rem;
}
.sectionOrderNowButton .get-pricing-btn-warpper{
    justify-content: center;
}
@media (max-width: 767px) {
    #wrapper-package-includes-mbt-modified .package-includes-mbt:before{
        width: 0;
    }
    #wrapper-package-includes-mbt-modified .stripe-common{
        flex-wrap: wrap;
        border-bottom: 0px ;
    }
    #wrapper-package-includes-mbt-modified .content_element{
        text-align: left;
    }
    #wrapper-package-includes-mbt-modified .rowRightSection .single_image {
        padding-left: 0px;
    }    
    #very-package-includes-mbt-section .very-package-includes-mbt{
    padding-top: 50px;
}
.sbrCariproUltrasonicCleaner .very-package-includes-mbt h3{
    font-size: 26px;
}
.sbrCariproUltrasonicCleaner .section-header-content-grey-large h4{
    font-size: 16px;
    max-width: 100%;
}
#very-package-includes-mbt-section .single_image-wrapper img{
    max-width: 280px;
}
#wrapper-package-includes-mbt-modified .stripe-common .row-flex{
    display: flex;
    justify-content: start;
    padding-left: 0px;
}
#wrapper-package-includes-mbt-modified .single_image {
    min-width: 30%;
}
#wrapper-package-includes-mbt-modified .content_element {
    max-width: 70%;
    width: 70%;
    margin-left: 20px;
    margin-right: 0px;
}
#wrapper-package-includes-mbt-modified p {
    font-size: 12px;
    line-height: 1.5;
}
.sbrCariproUltrasonicCleaner #wrapper-package-includes-mbt-modified .rowLeftSection, .sbrCariproUltrasonicCleaner #wrapper-package-includes-mbt-modified .rowRightSection{
    border-bottom: 1px solid #c3c5c9;
}
.nomargin-left {
    margin-left: 0px !important;
}
.nopadding-lefrt{
    padding-left: 0px !important;
}
#wrapper-package-includes-mbt-modified .stripe-common{
    padding-bottom: 0px !important;
    padding-top: 0px !important;
}
.sbrCariproUltrasonicCleaner #wrapper-package-includes-mbt-modified .rowLeftSection, .sbrCariproUltrasonicCleaner #wrapper-package-includes-mbt-modified .rowRightSection{
            padding-left: 15px;
        padding-right: 15px;
}
#wrapper-package-includes-mbt-modified .stripe-common{
    padding-left: 0px !important;
    padding-right: 0px;
}
section#very-package-includes-mbt-section {
    padding-left: 10px;
    padding-right: 10px;
}
#wrapper-package-includes-mbt-modified .package-includes-mbt{
    padding-bottom: 40px;
}
#wrapper-package-includes-mbt-modified .sectionOrderNowButton{
    margin-top: 0px;
    margin-bottom: 40px;
}
}
@media screen and (min-width:768px) and (max-width:1024px){
    #wrapper-package-includes-mbt-modified p {
        font-size: 13px;
    }
}

/* ---- inc/templates/components/products/ultrasonic-cleaner/the-process.php L1-64 ---- */
#section-how-it-work.the-process-container-mbt .box-one-mbt img {
    height: auto;
}

#section-how-it-work.the-process-container-mbt .single_image {
    max-height: 262px;
    min-height: 262px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 40px;
}

#section-how-it-work.the-process-container-mbt .table-cnt td.bdy-txt {
    font-size: 14px;
}

#section-how-it-work.the-process-container-mbt .text-block-mbt {
    padding-left: 15px;
    padding-right: 15px;
}
#section-how-it-work .order-the-system-cnt-inner {
    text-align: center;
    margin-top: 20px;
}

.wrappeer-section h2 {
    font-weight: 800;
    padding-bottom: 40px;
    font-size: 48px;
}
.sbrCariproUltrasonicCleaner div.lineSepratorSbr{
    border-bottom: 1px solid #4297cc;
}
.process-wrapper-section {
    position: relative;
}
.wrappeer-section.w100 {
    padding-top: 50px;
}
.body-retainer-cleaning-tablets .the-process-container-mbt{
    padding-top: 0px;
}
div#the-reasons-image-3 {
    position: relative;
    left: 35px;
}
.wrappeer-section .get-pricing-btn-warpper{
    justify-content: center;
}
@media (max-width: 767px) {
   #section-how-it-work .row-flex {
        flex-wrap: wrap;
    }
    .process-wrapper-section:before{
        top: -7px;
    }
    .wrappeer-section h2{
        font-size:32px
    }
}

/* ---- ADDED for the React port (NOT part of v1's extracted CSS) ---- */

/* WooCommerce appends `<a class="added_to_cart wc-forward">View cart</a>` after a
   successful AJAX Add to Cart. The site hides it globally in custom-styles.css
   (`.added_to_cart.wc-forward{display:none}`, specificity 0,2,0), but
   WooCommerce's own sheet carries `.woocommerce a.added_to_cart
   {display:inline-block}` at 0,2,1 and <body> always has the `woocommerce`
   class — so wherever WooCommerce's stylesheet is in the document (it stays
   loaded after a client-side navigation from any page that had it), the site
   rule loses and "View cart" appears between Add to Cart and Buy Now.

   Scoped to THIS page on purpose: the body class is unique to this product and
   the router only keeps this stylesheet while the lander is mounted. The extra
   specificity (1,3,2) is what beats WooCommerce's rule, so no !important. */
body.sbrCariproUltrasonicCleaner #subscription-product-wrapper a.added_to_cart.wc-forward {
    display: none;
}