/* =============================================================================
   SALE TICKER — styles, extracted VERBATIM from
   inc/templates/header/sale-ticker.php (its three <style> blocks, in order).

   Split out because the ticker MARKUP + countdown are now a React component
   (account-app/src/components/chrome/SaleTicker.jsx) while these rules are not
   component styles at all: most of this file is GLOBAL layout compensation for
   the fixed bar (html body{padding-top}, dozens of .postid-*/.page-* offsets,
   checkout and account margins). Those must keep applying page-wide, so they
   stay as a stylesheet rather than moving into the bundle.

   Enqueued by inc/sale-ticker-react.php only while a sale is live AND a React
   chrome is rendering. Legacy pages are untouched: they still get their own copy
   inline from inc/templates/header/style10.php.

   DO NOT hand-edit — re-extract from the PHP template if that changes.
   ========================================================================== */

    /* On legacy pages this whole subtree inherits border-box from the parent theme's
       universal reset (revolution/assets/css/app.css `*,::before,::after{box-sizing:
       inherit}`). The lean React shell dequeues app.css, so without this the ticker
       computes content-box and every fixed height/width gains its padding: the
       "SEE DEALS" button became 37+3+3 = 43px tall and each countdown box 30+4+4 =
       38px wide, pushing the bar from 54px to 62px. Re-declare it locally so this
       self-contained copy renders identically wherever it's injected. */
    .saleParentWrapper,
    .saleParentWrapper *,
    .saleParentWrapper *::before,
    .saleParentWrapper *::after { box-sizing: border-box; }

    /*fix sale page hoero sections css */

    .new-dental-probiotic .section-top-banner {
        padding-top: 6rem;
    }

    .section.section-top-banner.sale-banner-padding {
        padding-top: 6rem;

    }

    .product-skincare .section-top-banner {
        padding-top: 3rem;
    }



    /*fix sale page hoero sections css end */

    .saleParentWrapper {
        position: fixed;
        width: 100%;
        right: 0;
        left: 0;
        z-index: 1030;
        top: 0;
    }

    .deal-top-bar {
        background: #cd3186;
        height: 56px;
        text-align: center;
    }

    .saleParentWrapper header#sbr-header {
        position: static;
    }

    .deal-top-bar>.container {
        height: 100%;
    }

    .deal-top-bar .flex-div {
        height: 100%;
        display: flex;
        justify-content: center;

    }

    .white-text {
        color: #fff;
    }

    /* span#deal-seconds {
				    display: block;
			} */
    span.deal-right-text {
        margin-right: 10px;
        margin-left: 1px;
    }

    span.parentSpan {
        /* margin-top: 5px; */
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;
        /* min-width: 30px;
				min-width: 60px; */
        /* font-family: 'Montserrat', sans-serif; */
        font-family: Open Sans;
        font-weight: 400;
        color: #fff;
        font-size: 20px;
        /* padding-left: 3px;
				padding-right: 3px; */
        line-height: 1;
        padding-bottom: 10px;
        top: 4px;

    }
    
    #solid-color-with-text-section span.deal-time-colon {
        font-size: 18px !important;
        margin-bottom: -15px;
    }

    .deal-top-bar .container {
        text-align: center;
    }

    .bodoDealsText {
        text-transform: uppercase;
        font-weight: 800;
    }

    .deal-left-text {
        font-family: 'Montserrat', sans-serif;
        font-weight: 400;
        color: #fff;
        /* font-size: 20px; */

    }

    span.deal-left-text {
        margin-right: 10px;
    }



    .deal-top-bar p,
    .deal-top-bar span {
        font-size: 18px;
    }

    span.deal-time-bracket {
        display: none;
    }

    span#deal-days,
    span.deal-time-colon.daysonly {
        /* display: block !important; */
    }

    .deal-right-text {
        color: white;
    }


    .deal-center-break {
        display: none;
    }

    .deal-time-span {
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    #deal-seconds {
        min-width: 29px;
    }

    span.dotsSeprator {
        display: inline-block;
        padding-left: 3px;
        padding-right: 4px;
        color: #fff;
        position: relative;
        top: -1px;
        /* display: none; */

    }

    .home-page #solid-color-with-text-section {
        margin-top: 138px !important;
    }

    .deal-top-bar a.btn {
        /* background-color: #d4545a;
				border-color: #d4545a; */
        height: 34px;
        padding: 2px 20px;
        letter-spacing: 0;
        margin-right: 26px;
        margin-top: 0px;
        color: #fb319f;
        margin-right: 20px;
        line-height: 0.8;
        font-size: 16px;
        font-weight: 600;
        margin-top: 2px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-left: 10px;
        margin-top: 0;
        min-width: auto;
        position: relative;
        top: 2px;
        border-radius: 3px;
        text-decoration: none;
        font-family: 'Montserrat' !important;
        border-radius: 3px;
    }

    .deal-top-bar a.btn:hover {
        background-color: #595858 !important;
        border-color: #595858 !important;
        color: #fff !important;
    }

    .flex-div-innerleft {
        text-align: left;
    }

    .bogoDealFace {
        /* position: relative;
				top: -5px; */
        margin-top: -6px;
        margin-right: 15px;
    }

    .curlyBrackets {
        position: relative;
    }

    .curlyBrackets:before {
        position: relative;
        content: "[";
        font-family: 'Montserrat', sans-serif;
        font-weight: 400;
        color: #fff;
        font-size: 19px;
        opacity: 0;
        display: none;
    }

    span.parentSpan.firstParent {
        /* display: none; */
    }

    .curlyBrackets:after {
        position: relative;
        content: "]";
        font-family: 'Montserrat', sans-serif;
        font-weight: 400;
        color: #fff;
        font-size: 19px;
        opacity: 0;
    }

    .textReamining {
        font-family: 'Montserrat', sans-serif;
        font-weight: 400;
        color: #fff;
        font-size: 20px;
        display: inline-block;
        margin-left: 5px;
    }

    .add_to_cart_button.ajax_add_to_cart.added-to-cart {
        pointer-events: none;
        cursor: default;
        opacity: 0.6;
    }

    span.singImage {
        margin-top: -1px;
        display: inline-flex;
    }

    .site-widetext span:not(.singImage) {
        /* font-weight: 800; */
        /* font-size: 26px; */
        /* font-style: italic; */
        font-size: 16px;
        font-size: 14px;
        display: inline-flex;
        padding-left: 5px;
        padding-right: 5px;
    }

    span.deal-time-colon {
        font-size: 11px;
        text-transform: uppercase;
        font-weight: 600;
        display: block;
        margin-top: 2px;
        position: absolute;
        bottom: 0;
        color: #ffffffa8;
    }

    span.deal-time-span {
        background: #fff;
        /* 4px 7px / 26px — matching style10.php:787. The port had 4px / 18px, which
           made each countdown box narrower-but-taller than legacy's. */
        padding: 4px 7px;
        color: #fb319f;
        width: 100%;
        margin-bottom: 3px;
        min-height: 26px;
        min-width: 34px;
        border-radius: 3px;
        width: 30px;
    }

    .deal-left-text .site-widetext span b {
        color: #ffffff;
    }

    .deal-left-text .site-widetext span b {
        text-transform: uppercase;
    }





    /* Define your classes with background colors */
    .strip-color-one {
        background-color: #FB319F;
    }

    /* Tomato */
    .strip-color-two {
        background-color: #002245;
    }

    /* Steel Blue */
    .strip-color-three {
        background-color: #5747AA;
    }

    /* Medium Sea Green */
    .strip-color-four {
        background-color: #331F98;
    }

    /* Gold */

    /* Apply a fade-in transition to the background color */
    .deal-top-bar {
        transition: background-color 1s ease-in-out;
        /* 1 second fade effect */
    }

    .strip-color-one a.btn,
    .strip-color-one span.deal-time-span {
        color: #FB319F;
    }

    .strip-color-two a.btn,
    .strip-color-two span.deal-time-span {
        color: #002245;
    }

    .strip-color-three a.btn,
    .strip-color-three span.deal-time-span {
        color: #5747AA;
    }

    .strip-color-four a.btn,
    .strip-color-four span.deal-time-span {
        color: #331F98;
    }

    .preiodental-disease-hero-wrapper {
        padding-top: 4rem;
    }

    /* for guardian and guardian-colleagues only wehn sale */
    .page-template-guardian-colleagues-no-bakery .section-top-banner,
    .page-template-guardian-lander-no-bakery .section-top-banner {
        padding-top: 120px;
    }

    .page-template-guardian-lander-no-bakery .guardian-logo-white,
    .page-template-guardian-colleagues-no-bakery .guardian-logo-white {
        padding-top: 2rem;
    }


    /* remove after sale ends */
    @media screen and (min-width: 768px) {
        .home .home-page-wrappper {
            background-position: right center;
        }

        .section-slider-night-guard {
            padding-top: 80px !important;
        }

        html body .profile-container .navigation-menu-body {
            top: 140px
        }

        html body .user-profile-hero:not(.no-bkground-required) {
            padding-top: 173px
        }

        .postid-711183 .product-skincare,
        .postid-930717 .enemalArmourContainer,
        .postid-901779 .new-dental-probiotic {
            margin-top: 3rem
        }

        .my-profile.change-avatar .screen-heading.change-avatar-screen {
            padding-top: 5rem
        }

        .page-template-page-templatesnon-partner-lander-no-bakery-php section.shopLanderPageHader {
            margin-top: 68px
        }
         .page-template-non-partner-lander-no-bakery #newsalePage.insuracen-lander-wrapper-page section.shopLanderPageHader {
            margin-top: 54px
        }
            #valentines-day-sale #solid-color-with-text-section {
        margin-top: 54px !important;
    }
    }

    @media screen and (max-width: 767px) {
        .section-slider-night-guard {
            padding-top: 60px !important;
        }
      

        header#mobile-header {
            top: 54px
        }

        .fixed-header-on .header {
            top: 45px
        }

        html body {
            padding-top: 60px
        }

        .postid-864335 .product-proshield {
            margin-top: 47px 
        }

        html body #wrapper .user-profile-hero:not(.no-bkground-required) {
            padding-top: 112px
        }

        .postid-901779 .product-skincare.new-dental-probiotic {
            margin-top: 40px
        }

        html body.woocommerce-account {
            padding-top: 80px
        }

        .page-id-191.woocommerce-checkout.woocommerce-page #wrapper div[role="main"] {
            margin-top: 74px;
            margin-top: 34px;
        }

        .page-template-non-partner-lander-no-bakery #newsalePage.insuracen-lander-wrapper-page section.shopLanderPageHader {
        margin-top: 29px;
    }
    }

    .section.section-top-banner.sale-banner-padding {
        padding-top: 5rem !important
    }

    /* 09-02-2016 header space fix*/

    .section.section-top-banner.sale-banner-padding {
        margin-top: 29px !important;
    }
        .postid-864335 .product-proshield {
        margin-top: 29px;
    }
    /* .ultra-sonic-product-image-banner-top {
    padding-top: 29px !important;
} */
    .postid-901779 .product-skincare.new-dental-probiotic {
        margin-top: 29px !important;
    }
    .section-top-page .plaque-right-column.text-center-container.columns.medium-6.small-12 {
        padding-top: 48px !important;
    }
    /* 09-02-2016 header space fix end*/

    .section-slider-night-guard {
        padding-top: 65px !important;
    }
      .postid-884484 .section-slider-night-guard{
             padding-top: 90px !important;
        }
    .saleParentWrapper {
        /* z-index: 999999; */
    }

    .postid-746732 #wrapper .top-hero-section-wrapper {
        padding-top: 65px !important;
    }
    .hero-section{}

   

    .body-stain-concealer .plaque-right-column h2.product-header-sub {
        margin-top: 4rem !important;
    }

    .product-skincare .section-top-banner {
        padding-top: 4rem !important;
    }

    .sep-top-4x {
        padding-top: 5.5em !important;
    }

    .page.type-page.status-publish.has-post-thumbnail.hentry {
        padding-top: 25px !important;
    }

    .section-top-hero-wrapper {
        padding-top: 5rem !important;
    }

    .postid-428535 #wrapper .section-top-product {
        padding-top: 5rem !important;
    }

    #valentines-day-sale #solid-color-with-text-section {
        margin-top: 54px;
    }

    .valentines-day-sale .accpeting-hsa-fsa {

        margin-top: 47px;
    }

    /* remove after sale ends */


    @media(min-width:768px) {
        .hidden-desktop-only {
            display: none !important
        }

        .deal-left-text .site-widetext span b {
            position: relative;
            top: 2px
        }
    }

    @keyframes fadeIn {
        from {
            opacity: 0
        }

        to {
            opacity: 1
        }
    }

    @media(min-width:768px) {
        .onlyMobile {
            display: none
        }
    }

    .page-template-navigating-bruxism .section-one-wrapper {
        margin-top: 4rem
    }

    @media(min-width:768px) {
        .deal-top-bar .flex-div {
            align-items: center
        }

        .page-id-192 #wrapper div[role="main"],
        .postid-192 #wrapper div[role="main"] {
            padding-top: 67px
        }

        .mobile-text-banner {
            display: none
        }

        #wrapper .shine-lander-main {
            margin-top: 66px
        }
    }

    @media(max-width:767px) {
        .page-template-oral-probiotics-facts .oral-probiotics{
                    margin-top: 45px;
        }
        .deal-top-bar {
            position: relative;
            padding-left: 5px;
            padding-right: 5px
        }

        .home-page #solid-color-with-text-section {
            margin-top: 95px !important
        }

        .deal-top-bar .flex-div {
            justify-content: flex-start;
            justify-content: center;
            max-width: 100% !important
        }

        .deal-top-bar {
            height: 50px;
            padding-top: 11px
        }

        .deal-left-text .site-widetext {
            display: flex;
            align-items: center
        }

        .deal-left-text .site-widetext span b {
            font-size: 12px;
            position: relative;
            text-transform: uppercase;
            top: 5px;

            top: -6px;
        }

        span.parentSpan {
            margin-top: 0
        }

        span.dotsSeprator {
            padding-left: 4px;
            top: 2px
        }

        .hiddenmobile {
            display: none !important
        }

        span.parentSpan {
            min-width: 28px;
            min-width: 32px
        }

        .deal-top-bar a.btn {
            margin-top: 0
        }

        .deal-left-text {
            margin-bottom: 3px;
            display: inline-block;
            margin-top: 3px
        }

        .fixed-header-on .header {
            transition: all .4s;
            border-bottom: 1px solid #ffffff40
        }

        .home .post-content.no-vc {
            margin-top: 0
        }

        .post-content.no-vc {
            margin-top: 60px
        }

        .deal-top-bar a.btn {
            margin-top: 0;
            position: absolute;
            right: 15px;
            top: 12px;
            font-size: 18px;
            max-width: 140px;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;
            height: 46px
        }

        .woocommerce-checkout.woocommerce-page #wrapper div[role="main"] {
            margin-top: 134px
        }

        .woocommerce-checkout.woocommerce-page .post-content.no-vc {
            margin-top: 3px
        }

        .bogoDealFace,
        .textReamining {
            display: none !important
        }

        .onlyDesktop {
            display: none !important
        }

        .deal-left-text,
        span.parentSpan {
            font-size: 14px;
            font-size: 3.6vw
        }

        .deal-top-bar a.btn {
            right: 4px;
            top: 11px;
            font-size: 11px;
            max-width: 86px;
            height: 28px;
            position: static;
            max-width: 90px
        }

        .curlyBrackets {
            max-height: 25px
        }

        .hide-mobile-section {
            display: none
        }

        .mobile-text-banner {
            font-family: Open Sans;
            font-size: 16px;
            color: #fff;
            font-weight: 700
        }

        .deal-top-bar {
            height: 54px;
            padding-top: 8px
        }

        .deal-top-bar p,
        .deal-top-bar span {
            font-size: 16px
        }

        .deal-top-bar .flex-div {
            max-width: 370px
        }

        .deal-top-bar a.btn {
            margin-right: 0;
            /* 16px, not the 11px this block originally carried. On legacy pages the
               EFFECTIVE size is 16px, but only by accident: custom-styles.css has
               `.impression-buttons .btn.btn-primary, .teeth-whitening-trays .btn…
               { font-size:16px !important }` — a product-page rule that happens to
               match this button and beats the 11px. The lean React shell dequeues
               custom-styles.css, so the ticker fell back to 11px, "SEE DEALS" wrapped
               to two lines and the whole bar grew 54px → 62px. Setting the rendered
               size explicitly here matches legacy without re-importing that leak. */
            font-size: 16px;
            /* "SEE DEALS" has a line break in the markup, so a few px of lost width
               makes it wrap to two lines and grow the whole bar. Pin it to one line. */
            white-space: nowrap;
            padding: 2px 20px;
            height: 37px;
            position: relative;
            top: 0;
            max-width: initial;
            border-radius: 3px;
            font-weight: 600;
            /* nudged down 2px (was -2px) so it sits centred against the countdown boxes */
            top: 2px
        }

        span.deal-left-text {
            margin-right: 10px
        }

        .site-widetext span:not(.singImage) {
            padding-left: 2px;
            font-size: 16px;
            padding-right: 2px
        }

        .deal-top-bar p,
        .deal-top-bar span {
            font-size: 14px
        }

        span.singImage {
            margin-top: 0
        }

        span.deal-time-colon {
            position: static
        }

        .site-widetext span:not(.singImage) {
            padding-left: 0;
            font-size: 10px;
            padding-right: 0;
            font-size: 8px;
        }

        .flex-div-innerleft {
            display: flex;
            align-items: center;
        }

        span.deal-time-colon {
            font-size: 8px !important
        }

        span.parentSpan {
            top: 0
        }

        #wrapper .shine-lander-main {
            margin-top: -25px
        }

        .page-template-navigating-bruxism .section-one-wrapper {
            margin-top: 3rem
        }

        .page-template-causes-of-bruxism .section-one-wrapper {
            margin-top: 1rem
        }
        .product-shine-lander.shine-lander-template-page{
            padding-top:29px !important;
        }
        main.shine-lander-main.insurance-lander-intro{
            padding-top:40px;
        }
    }

    #wrapper #newsalePage.ameritasWrapperLander {
        margin-top: 3rem
    }



    /* for only fall day sale button hover animation  start*/
    /* .leafs-comming-out-animation{position:relative;overflow:visible;transition:all .3s ease}
.leafs-comming-out-animation:hover{transform:scale(1.05);box-shadow:0 8px 25px #6f111066}
.leafs-comming-out-animation::before,.leafs-comming-out-animation::after{content:'';position:absolute;width:20px;height:20px;background-image:url(/wp-content/themes/revolution-child/assets/images/sales/2024/fall-sale/red-lobed-fall-clipart-leaf.png);background-size:contain;background-repeat:no-repeat;opacity:0;pointer-events:none;transition:all .6s ease-out}
.leafs-comming-out-animation::before{top:-10px;left:-15px;transform:rotate(45deg) scale(0)}
.leafs-comming-out-animation::after{top:-10px;right:-15px;transform:rotate(-45deg) scale(0)}
.leafs-comming-out-animation:hover::before{opacity:1;transform:rotate(45deg) scale(1) translate(-30px,-20px);animation:leafFloat1 2s ease-out forwards}
.leafs-comming-out-animation:hover::after{opacity:1;transform:rotate(-45deg) scale(1) translate(30px,-20px);animation:leafFloat2 2s ease-out forwards}
.leafs-comming-out-animation .hover-leaf{position:absolute;width:18px;height:18px;background-size:contain;background-repeat:no-repeat;opacity:0;pointer-events:none;transition:all .8s ease-out}

.leafs-comming-out-animation .hover-leaf-1{background-image:url(https://www.smilebrilliant.com/wp-content/themes/revolution-child/assets/images/sales/2024/fall-sale/yellow-leaf.png);top:50%;left:-20px;transform:rotate(0deg) scale(0)}
.leafs-comming-out-animation .hover-leaf-2{background-image:url(https://www.smilebrilliant.com/wp-content/themes/revolution-child/assets/images/sales/2024/fall-sale/leaf3.png);top:50%;right:-20px;transform:rotate(0deg) scale(0)}
.leafs-comming-out-animation .hover-leaf-3{background-image:url(/wp-content/themes/revolution-child/assets/images/sales/2024/fall-sale/red-lobed-fall-clipart-leaf.png);bottom:-15px;left:50%;transform:rotate(0deg) scale(0) translateX(-50%)}
.leafs-comming-out-animation .hover-leaf-4{background-image:url(https://www.smilebrilliant.com/wp-content/themes/revolution-child/assets/images/sales/2024/fall-sale/Fall-Sale-Home-Desktop.png);top:-25px;left:30%;transform:rotate(0deg) scale(0)}
.leafs-comming-out-animation .hover-leaf-5{background-image:url(https://www.smilebrilliant.com/wp-content/themes/revolution-child/assets/images/sales/2024/fall-sale/bottom-brown-leaf.png);top:-20px;right:30%;transform:rotate(0deg) scale(0)}
.leafs-comming-out-animation .hover-leaf-6{background-image:url(/wp-content/themes/revolution-child/assets/images/sales/2024/fall-sale/red-lobed-fall-clipart-leaf.png);top:20%;left:-30px;transform:rotate(0deg) scale(0)}
.leafs-comming-out-animation .hover-leaf-7{background-image:url(https://www.smilebrilliant.com/wp-content/themes/revolution-child/assets/images/sales/2024/fall-sale/green-top-leaf.png);top:20%;right:-30px;transform:rotate(0deg) scale(0)}
.leafs-comming-out-animation .hover-leaf-8{background-image:url(https://www.smilebrilliant.com/wp-content/themes/revolution-child/assets/images/sales/2024/fall-sale/bottom-brown-leaf.png);bottom:-25px;left:20%;transform:rotate(0deg) scale(0)}
.leafs-comming-out-animation .hover-leaf-9{background-image:url(/wp-content/themes/revolution-child/assets/images/sales/2024/fall-sale/red-lobed-fall-clipart-leaf.png);bottom:-25px;right:20%;transform:rotate(0deg) scale(0)}
.leafs-comming-out-animation:hover .hover-leaf-1{opacity:.8;transform:rotate(180deg) scale(1) translate(-40px,30px);animation:leafFloat3 2.5s ease-out forwards}
.leafs-comming-out-animation:hover .hover-leaf-2{opacity:.8;transform:rotate(-180deg) scale(1) translate(40px,30px);animation:leafFloat4 2.5s ease-out forwards}
.leafs-comming-out-animation:hover .hover-leaf-3{opacity:.8;transform:rotate(90deg) scale(1) translateX(-50%) translateY(50px);animation:leafFloat5 2s ease-out forwards}
.leafs-comming-out-animation:hover .hover-leaf-4{opacity:.8;transform:rotate(120deg) scale(1) translate(-35px,-25px);animation:leafFloat6 2.8s ease-out forwards}
.leafs-comming-out-animation:hover .hover-leaf-5{opacity:.8;transform:rotate(-120deg) scale(1) translate(35px,-25px);animation:leafFloat7 3.2s ease-out forwards}
.leafs-comming-out-animation:hover .hover-leaf-6{opacity:.8;transform:rotate(150deg) scale(1) translate(-45px,15px);animation:leafFloat8 2.6s ease-out forwards}
.leafs-comming-out-animation:hover .hover-leaf-7{opacity:.8;transform:rotate(-150deg) scale(1) translate(45px,15px);animation:leafFloat9 3.1s ease-out forwards}
.leafs-comming-out-animation:hover .hover-leaf-8{opacity:.8;transform:rotate(60deg) scale(1) translate(-20px,45px);animation:leafFloat10 2.9s ease-out forwards}
.leafs-comming-out-animation:hover .hover-leaf-9{opacity:.8;transform:rotate(-60deg) scale(1) translate(20px,45px);animation:leafFloat11 3.3s ease-out forwards} */
    /* Keyframes for leaf animations */
  
    /* for only fall day sale button hover animation  ends*/


    @media(min-width:768px) {
        .postid-932309 #wrapper .section-top-banner {
            padding-top: 6rem
        }

        .page-id-955373 .anatomy-teeth-section-one {
            padding-top: 80px
        }

        .page-id-956703 .teeth-whitening-hero-wrapper {
            padding-top: 61px
        }

    .logged-in.woocommerce-account .dashboardWrapper
    ,.woocommerce-checkout.woocommerce-page #main-content
    {
            /* border-top: 100px solid red; */
            margin-top: 6rem;
        }


    }

    @media(max-width:767px) {


    .logged-in.woocommerce-account #main-content
    ,        .woocommerce-checkout.woocommerce-page #main-content
    
    {
            /* border-top: 100px solid green; */
            padding-top: 5rem;
        }


           .woocommerce-account   .oral-health-questionnaire-section {
                margin-top: 10px;
            }

            

        #wrapper #newsalePage.ameritasWrapperLander {
            margin-top: 2rem
        }

        .postid-746732 #wrapper .top-hero-section-wrapper {
            padding-top: 45px
        }

        .postid-782204 #wrapper section#sectionPageTop {
            margin-top: 61px
        }

        .postid-427568 #wrapper .mian-hero-wapper {
            padding-top: 35px
        }

        .postid-428535 #wrapper .section-top-product {
            padding-top: 2rem
        }

        .postid-711822 #wrapper div#product-image-section {
            padding-top: 25px
        }

        .page-id-955373 .anatomy-teeth-section-one {
            padding-top: 80px
        }

        .page-id-956703 .teeth-whitening-hero-wrapper {
            padding-top: 50px
        }

      .woocommerce-checkout  .elementor-754127 .elementor-element.elementor-element-73758b45 {
            padding-top: 0;
        }

        .logged-in.woocommerce-checkout  .elementor-754127 .elementor-element.elementor-element-73758b45 {
            padding-top: 15px;
        }


    }



    /* for fixed the spacing when sale time tracker is active  ends*/

    @media(max-width:812px) {
        .onlyDesktop {
            display: none;
        }
    }
    
    /* React-chrome offsets (the legacy .saleParentWrapper wrapped the header; here
       the React #sbr-header is a separate fixed element, so offset it explicitly). */
    #sb-account-root .sb-account-sale-ticker,
    .sb-account-sale-ticker { z-index: 1235; }
    /* Push the fixed React header below the bar. Do NOT also offset
       .sbchrome-header-spacer: App.jsx already measures this bar and mirrors its
       height as #sb-account-root padding-top (--sb-salebar-h), so adding a spacer
       margin here counted the bar twice and left a dead gap under it. */
    #sb-account-root #sbr-header { top: 56px; }
    /* The bar is taller on mobile (62px) — match the offset there. */
    @media (max-width: 767px) {
        #sb-account-root #sbr-header { top: 62px; }
    }
    /* The theme's responsive show/hide utilities live in the stripped
       custom-styles.css, so the duplicated sale-name span (one .hidden-mobile,
       one .hidden-desktop-only) shows twice on the lean shell — re-declare them
       scoped to the ticker so exactly one shows per breakpoint. */
    @media (max-width: 767px) { .sb-account-sale-ticker .hidden-mobile { display: none !important; } }
    @media (min-width: 768px) { .sb-account-sale-ticker .hidden-desktop-only { display: none !important; } }
    /* Narrow phones (<=359px, e.g. iPhone SE 1st gen): 20px horizontal padding makes
       SEE DEALS 131px wide, which pushes it past the bar's right edge and overflows
       the ticker row. Fall back to the 8px it used before — measured to be the
       widest that still fits a 320px viewport. The label stays on one line. */
    @media (max-width: 359px) {
        .deal-top-bar a.btn { padding: 2px 8px; }
    }
    

/* -----------------------------------------------------------------------------
   React-chrome header offset — ALL React surfaces, not just the account app.
   Legacy pages never need this: style10.php nests <header id="sbr-header"> INSIDE
   the fixed .saleParentWrapper and makes it position:static, so the header sits
   below the bar in normal flow. The React chromes render the bar as a SIBLING of
   their fixed header, so the header must be pushed down explicitly or the bar
   covers its top 56px (logo + nav row) — which is exactly what happened on the
   site-wide chrome and the product landers; only #sb-account-root had the rule.
   body.bannerAdded is set by inc/sale-ticker-react.php exactly when a React
   chrome renders during a live sale; on legacy pages the same class exists but
   their header is position:static there, so `top` is inert. `top` (not margin)
   keeps this off the layout path — no CLS beyond the bar's own appearance.
   -------------------------------------------------------------------------- */
/* chrome.css positions the header with `:is(#sb-account-root, .sb-chrome)
   #sbr-header { top:0 }` — :is() carries ID specificity (2 ids), so a plain
   body.bannerAdded prefix loses to it. Mirror the same :is() shape and add the
   body class so this wins by exactly one class, nothing more. */
body.bannerAdded :is(#sb-account-root, .sb-chrome) #sbr-header { top: 56px; }
@media (max-width: 767px) {
    body.bannerAdded :is(#sb-account-root, .sb-chrome) #sbr-header { top: 62px; }
}

/* WP admin toolbar: core forces html { margin-top: 32px } which shifts the
   STATIC content down but not this fixed bar/header stack — leaving a 32px
   white gap between the header's bottom edge and the page content (and the
   toolbar itself buried under the bar). Shift the whole fixed stack down by
   the toolbar height so the seam closes and the toolbar stays usable.
   Staff-only by construction: customers never carry body.admin-bar. Gated to
   desktop toolbar widths — below 783px the toolbar is 46px and scrolls away
   (position:absolute ≤600px), where a fixed offset would open a gap on
   scroll, so those widths deliberately keep today's behavior. The extra
   .admin-bar class outranks both the 56px rule above and chrome.css's
   admin-bar no-sale rule regardless of stylesheet order. */
@media (min-width: 783px) {
    body.admin-bar .saleParentWrapper { top: 32px; }
    body.admin-bar.bannerAdded :is(#sb-account-root, .sb-chrome) #sbr-header { top: 88px; }
}

/* -----------------------------------------------------------------------------
   React account app: switch OFF the legacy mobile account offsets above.
   `html body.woocommerce-account { padding-top:80px }` and the #main-content
   5rem rule (both @max-width:767px, earlier in this file) were written for the
   LEGACY account page, where body padding was the only way to clear the fixed
   bar. The React account app already compensates exactly (App.jsx measures the
   bar into --sb-salebar-h as #sb-account-root padding), so on it those rules
   stacked into a ~100px dead gap between header and content during sales.
   body.sb-react-account is added by inc/sale-ticker-react.php only when the
   React account app is the thing being served — the legacy account (dentists,
   the logged-out login page) never gets the class and keeps its offsets.
   -------------------------------------------------------------------------- */
@media (max-width: 767px) {
    html body.woocommerce-account.sb-react-account { padding-top: 0; }
    body.sb-react-account.logged-in.woocommerce-account #main-content { padding-top: 0; }
}