/*
 * Product detail (individual-product.aspx) styles.
 * Extracted verbatim from 6 always-rendered, top-level inline <style> blocks.
 * Left inline in the page (intentionally): blocks with <%= ClientID %> selectors
 * and blocks inside conditional/visible="false" runat=server containers
 * (FinancingDiv, BrowPencilSection, LobbyRetailDiv, UVFeaturesBenefits, FAQDiv).
 * See docs/product-detail-page-asset-extraction-plan.md
 */

/* --- main product styles --- */
        .box_margin a {
            color: #265FA1;
        }

        .box_margin hr {
            border: 1px solid #000;
            border-bottom: none
        }

        .IndividualProductActionArea {
            display: table-cell;
            max-width: 560px;
            vertical-align: top;
            font-size: 14px;
            letter-spacing: 2px;
            text-transform: uppercase;
            font-family: "Lato Bold"
        }

        .IndividualProductReward {
            cursor: pointer;
            width: fit-content;
            width: -moz-fit-content
        }

        .Quantity {
            width: 30px;
            height: 38px;
            font-size: 16px;
            text-align: center;
            border: none !important;
            outline: 0;
            display: inline-block;
            padding: 0
        }

        .QuantityTable {
            width: 100%;
            border-spacing: 0
        }

            .QuantityTable td {
                padding: 0;
                width: 50%
            }

        .QuantityHousingBox {
            float: right;
            border: none;
            width: 118px;
            height: 38px;
            background-color: #fff;
            text-align: center;
            position: relative;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none
        }

        .QuantityTickerAdd, .QuantityTickerSubtract {
            padding: 0;
            height: 38px;
            display: inline-block;
            width: 38px;
            cursor: pointer;
            position: absolute;
            top: 0
        }

        .QuantityTickerSubtract {
            left: 0
        }

        .QuantityTickerAdd {
            right: 0
        }

        .Add, .Subtract {
            width: 12px;
            padding: 0;
            -webkit-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
            position: absolute;
            top: 50%;
            left: 50%
        }

        .btn01 {
            width: auto;
            min-width: 300px;
            height: 30px;
            font-size: 15px;
            padding: 4px 25px;
            letter-spacing: 2px;
            font-family: "Lato Bold";
            color: #fff;
            background-color: #000;
            border: 1px solid #000;
            margin-left: 0;
            margin-right: 0
        }

        .inverse {
            background-color: #fff !important;
            color: #000 !important;
            border: 1px solid #000;
            margin-top: 15px
        }

        .popup_close.inverse {
            background-color: #000 !important;
            color: #fff !important
        }

        .inverse.long {
            font-size: 9px
        }

        .Added {
            font-family: Lato;
            text-transform: none;
            letter-spacing: normal;
            padding-bottom: 17px !important
        }

            .Added hr {
                border: 1px solid #979797
            }

        .FreeShippingDiv {
            font-style: italic;
            padding-bottom: 16px
        }

        .ThumbnailBox {
            margin-bottom: 4px
        }

        .MagicScroll {
            max-height: 119px;
            margin-top: 5px;
            cursor: default
        }

            .MagicScroll .mcs-item img {
                max-height: 119px
            }

        .mcs-items-container {
            text-align: left
        }

        .mcs-item a, .mcs-item div {
            cursor: pointer;
            border: 1px solid #ebebeb;
            background-color: #f9f9f9
        }

        .mz-thumb-selected img {
            -webkit-filter: none;
            filter: unset
        }

        .mz-thumb:hover:not(.mz-thumb-selected) img {
            -webkit-filter: none;
            filter: unset
        }

        a[data-zoom-id] img, .mz-thumb img {
            box-shadow: none
        }

        .ReviewStarsContainer {
            position: relative
        }

        .topReviewStars {
            max-width: 250px;
            left: -34px;
            top: 8px
        }

        .reviewsLink {
            color: #191919 !important;
            font-size: 12px;
            letter-spacing: 1.2px;
            text-transform: none;
            font-family: "Lato Bold"
        }

        .PricingTable td {
            padding: 5px 0;
            width: auto
        }

            .PricingTable td:first-child {
                padding-top: 5px
            }

        .LobbyPackPopup {
            display: none;
            position: fixed;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            margin: auto;
            max-width: 750px;
            width: fit-content;
            max-height: 560px;
            height: fit-content;
            z-index: 10002;
            cursor: pointer
        }

        .RewardPop {
            height: 247px
        }

        .disclaimerPop, .RewardPop {
            height: fit-content
        }

        .PreCopySection {
            padding-top: 30px;
            font-size: 16px;
            letter-spacing: .063em;
            line-height: 2em;
            font-family: lato;
            text-transform: none
        }

        .help_tip {
            width: 16px
        }

        .SiliconePop {
            display: none;
            position: fixed;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            margin: auto;
            width: 80%;
            max-width: 600px;
            height: 800px;
            height: fit-content;
            max-height: 94vh;
            padding: 10px;
            overflow-y: auto;
            z-index: 10002;
            background: #fff
        }

        .CustomersBoughtContainer {
            position: relative;
            padding-bottom: 0
        }

        .suggestedItems-carousel {
            position: relative
        }

        .owl-theme .owl-nav {
            position: absolute;
            top: calc(50% - 18px);
            left: 50%;
            transform: translate(-50%,-50%);
            width: 100%;
            justify-content: space-between;
            display: flex;
            margin: 0
        }

        .Previous {
            transform: rotate(180deg);
            margin-top: 0 !important
        }

        .CustomersBoughtImage {
            margin: 0 auto;
            width: 300px
        }

        .playbutton {
            position: absolute !important;
            transform: translate(-50%,-50%);
            top: 50%;
            left: 50%;
            max-width: 50px !important;
            max-height: 50px !important
        }

        .mcs-item > div:after {
            content: '';
            display: inline-block;
            height: 100%;
            vertical-align: middle
        }

        .MagicScroll-horizontal .mcs-item {
            vertical-align: top
        }

        .LashistaPriceRow td {
            font-family: "Lato Bold" !important;
            color: #265FA1;
        }

        .OverlayImage {
            position: absolute;
            top: 0;
            left: 0;
            z-index: 2
        }

        .Overlay .mz-hint {
            display: none
        }

        .LashistaPricePop {
            display: none;
            height: 90vh;
            max-height: 770px;
            max-width: 1300px;
            position: fixed;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            margin: auto;
            overflow: auto;
            background-color: #fff;
            z-index: 10002;
            height: max-content;
        }

            .LashistaPricePop::-webkit-scrollbar {
                width: 12px !important;
                -webkit-overflow-scrolling: Auto
            }

            .LashistaPricePop::-webkit-scrollbar-track {
                -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3) !important
            }

            .LashistaPricePop::-webkit-scrollbar-thumb {
                background: #a4a4a4 !important
            }

                .LashistaPricePop::-webkit-scrollbar-thumb:window-inactive {
                    background: #a4a4a4 !important
                }

        .YourPriceXRNotLoggedInAfterCareCatPop {
            display: none;
            height: 90vh;
            max-height: 300px;
            max-width: 500px;
            position: fixed;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            margin: auto;
            overflow: auto;
            background-color: #fff;
            z-index: 10002
        }

            .YourPriceXRNotLoggedInAfterCareCatPop::-webkit-scrollbar {
                width: 12px !important;
                -webkit-overflow-scrolling: Auto
            }

            .YourPriceXRNotLoggedInAfterCareCatPop::-webkit-scrollbar-track {
                -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3) !important
            }

            .YourPriceXRNotLoggedInAfterCareCatPop::-webkit-scrollbar-thumb {
                background: #a4a4a4 !important
            }

                .YourPriceXRNotLoggedInAfterCareCatPop::-webkit-scrollbar-thumb:window-inactive {
                    background: #a4a4a4 !important
                }

        .YourPriceXRNotLoggedInProCatPop {
            display: none;
            height: 90vh;
            max-height: 575px;
            max-width: 800px;
            position: fixed;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            margin: auto;
            overflow: auto;
            background-color: #fff;
            z-index: 10002
        }

            .YourPriceXRNotLoggedInProCatPop::-webkit-scrollbar {
                width: 12px !important;
                -webkit-overflow-scrolling: Auto
            }

            .YourPriceXRNotLoggedInProCatPop::-webkit-scrollbar-track {
                -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3) !important
            }

            .YourPriceXRNotLoggedInProCatPop::-webkit-scrollbar-thumb {
                background: #a4a4a4 !important
            }

                .YourPriceXRNotLoggedInProCatPop::-webkit-scrollbar-thumb:window-inactive {
                    background: #a4a4a4 !important
                }

        .LoyaltyTable {
            max-width: 950px;
            width: 100%;
            margin: 0 auto;
            margin-bottom: 30px;
            border-spacing: 0
        }

            .LoyaltyTable td {
                border-bottom: 1px solid #d8d8d8;
                border-right: 1px solid #d8d8d8;
                padding: 10px 5px;
                font-size: 16px;
                line-height: 19px;
                letter-spacing: 1px
            }

            .LoyaltyTable tr td:first-child {
                border-left: 1px solid #d8d8d8
            }

            .LoyaltyTable tr.altRow td {
                background-color: #f6f6f6
            }

            .LoyaltyTable td div {
                max-width: 220px;
                margin: 0 auto
            }

            .LoyaltyTable .LoyaltyTableRow td:first-child {
                font-size: 14px;
                line-height: 17px;
                letter-spacing: 1.8px;
                text-align: center;
                background-color: #cde2e6;
                border: 1px solid #cde2e6;
                border-right: 1px solid #b3d1d7
            }

            .LoyaltyTable .LoyaltyTableRow td:last-child {
                font-size: 14px;
                line-height: 17px;
                letter-spacing: 1.8px;
                text-align: center;
                background-color: #b3d1d7;
                border: 1px solid #b3d1d7
            }

            .LoyaltyTable .AddlBen {
                font-family: "Lato Bold"
            }

        .LoyaltyTitle {
            font-family: "Times Sans Serif";
            font-size: 25px;
            line-height: 28px;
            letter-spacing: .7px;
            padding-top: 20px;
            padding-bottom: 10px;
            text-transform: uppercase
        }

        .LoyaltyText {
            max-width: 845px;
            margin: 0 auto;
            padding: 0 20px;
            text-align: center;
            line-height: 24px;
            font-size: 16px;
            letter-spacing: .9px
        }

            .LoyaltyText span, .LoyaltyText a {
                font-family: "Lato Bold";
                color: #e2748f
            }

        .XtremeRewardsTable {
            max-width: 950px;
            width: 100%;
            margin: 0 auto;
            margin-bottom: 30px;
            border-spacing: 0
        }

            .XtremeRewardsTable td {
                border-bottom: 1px solid #d8d8d8;
                border-right: 1px solid #d8d8d8;
                padding: 5px 5px;
                font-size: 14px;
                line-height: 17px;
                letter-spacing: 1px
            }

            .XtremeRewardsTable tr td:first-child {
                border-left: 1px solid #d8d8d8
            }

            .XtremeRewardsTable tr.altRow td {
                background-color: #f6f6f6
            }

            .XtremeRewardsTable td div {
                max-width: 220px;
                margin: 0 auto
            }

            .XtremeRewardsTable .XtremeRewardsTableRow td:first-child {
                font-size: 14px;
                line-height: 17px;
                letter-spacing: 1.8px;
                text-align: center;
                background-color: #cde2e6;
                border: 1px solid #cde2e6;
                border-right: 1px solid #b3d1d7
            }

            .XtremeRewardsTable .XtremeRewardsTableRow td:last-child {
                font-size: 14px;
                line-height: 17px;
                letter-spacing: 1.8px;
                text-align: center;
                background-color: #b3d1d7;
                border: 1px solid #b3d1d7
            }

            .XtremeRewardsTable .AddlBen {
                font-family: "Lato Bold"
            }

        .XtremeRewardsTitle {
            font-family: "Times Sans Serif";
            font-size: 25px;
            line-height: 28px;
            letter-spacing: .7px;
            padding-top: 20px;
            padding-bottom: 10px;
            text-transform: uppercase
        }

        .XtremeRewardsText {
            max-width: 845px;
            margin: 0 auto;
            padding: 0 20px;
            text-align: center;
            line-height: 24px;
            font-size: 16px;
            letter-spacing: .9px
        }

            .XtremeRewardsText span, .XtremeRewardsText a {
                font-family: "Lato Bold";
                color: #e2748f
            }

        .BackOrderText {
            color: #f00;
            font-size: 16px;
            font-style: italic
        }

        .pinktext {
            color: #265FA1;
        }

        .closeX {
            text-align: right;
            position: initial;
        }

        @media(max-width:767px) {
            .IndividualProductActionArea {
                display: block;
                max-width: 450px;
                margin: 0 auto
            }

            .QuantityTable {
                font-size: 14px;
                line-height: 17px
            }

            .QuantityHousingBox {
                width: 85px;
                height: 28px
            }

            .QuantityTickerAdd, .QuantityTickerSubtract {
                height: 28px;
                width: 25px
            }

            .Add, .Subtract {
                width: 7px
            }

            .btn01 {
                width: 100%;
                max-width: 400px;
                min-height: 45px;
                margin: 0 auto;
                height: auto;
                white-space: normal;
                font-size: 18px
            }

            .inverse {
                margin: 10px auto 0
            }

                .inverse.long {
                    font-size: 11px
                }

            .LoyaltyTable td {
                font-size: 10px;
                line-height: 12px;
                letter-spacing: .6px
            }

            .LoyaltyTable .LoyaltyTableRow td:first-child, .LoyaltyTable .LoyaltyTableRow td:last-child {
                font-size: 11px;
                line-height: 13px;
                letter-spacing: 1.4px
            }

            .LoyaltyTitle {
                font-size: 19px;
                line-height: 22px;
                letter-spacing: .5px
            }

            @media(min-width:400px) {
                .inverse.long {
                    font-size: 13px
                }
            }

            .YourPricePop {
                height: 490px
            }

            .YourPriceXRNotLoggedInAfterCareCatPop {
                height: 490px
            }

            .YourPriceXRNotLoggedInProCatPop {
                height: 690px
            }

            .YourPriceXRProLoggedInPop {
                height: 490px
            }

            .topReviewStars {
                max-width: 180px;
                left: -10px;
                top: 11px
            }

            .PricingTable td:last-child {
                padding-left: 5px;
                min-width: fit-content;
                min-width: -moz-fit-content
            }

            .SiliconePop {
                max-height: 84vh
            }

                .SiliconePop::-webkit-scrollbar {
                    width: 12px !important;
                    -webkit-overflow-scrolling: Auto
                }

                .SiliconePop::-webkit-scrollbar-track {
                    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3) !important
                }

                .SiliconePop::-webkit-scrollbar-thumb {
                    background: #a4a4a4 !important
                }

                    .SiliconePop::-webkit-scrollbar-thumb:window-inactive {
                        background: #a4a4a4 !important
                    }

            .playbutton {
                max-width: 40px;
                max-height: 40px !important
            }

            .MagicScroll .mcs-item img.playbutton {
                height: auto
            }

            .BackOrderText {
                font-size: 16px
            }
        }

        .Thanks {
            font-family: "Times Sans Serif";
            font-weight: 300
        }

        .AdditionalInfoBar {
            padding-right: 50px;
        }

/* --- secondary head styles --- */
        .IndividualProductInfoSection b {
            font-family: "Lato Bold";
            font-weight: 300;
        }

        .Recommend {
            font-family: "Times Sans Serif";
            font-size: 50px;
            line-height: 46px;
            letter-spacing: 0.5px;
            text-align: center;
            text-transform: none;
            padding: 0.1em 0;
        }

        .CustomersBoughtProductName span {
            border-bottom: 1px solid #000
        }

        .TPReadMore {
            font-family: "Lato Bold";
            text-align: center;
            font-size: 16px;
            line-height: 19px;
            letter-spacing: 2.44px;
            margin-top: 30px;
        }

            .TPReadMore span {
                cursor: pointer;
                padding-bottom: 2px;
                border-bottom: 1px solid #000;
            }

        .TPWidget {
            display: none;
        }

        .CABOverlayImage {
            position: absolute;
            top: 20px;
            max-width: 300px !important;
        }

        .suggestedItems-carousel .owl-dots {
            background-color: #fff;
        }

        .PurpleDotDiv {
            display: flex;
            align-items: center;
            margin-bottom: 10px;
            font-size: 10px;
        }

        .PurpleDotDivMobile {
            display: none;
            align-items: center;
            font-size: 9px;
        }

        .PurpleDot {
            height: 18px;
            width: 18px;
            background-color: #733BDE;
            border-radius: 50%;
            display: inline-block;
        }

        strong {
            font-weight: bold;
        }

        @media (max-width: 767px) {
            .Recommend {
                font-size: 45px;
            }

            .CABOverlayImage {
                top: 10px;
            }

            .PurpleDotDiv {
                display: none;
            }

            .PurpleDotDivMobile {
                display: flex;
                align-items: center;
            }
        }

        @media (max-width: 1520px) {
            .InfinityReviews .ReviewGrid {
                max-width: 670px !important
            }

            .ReviewGrid tr td {
                width: calc(100% - 40px) !important;
                max-width: unset !important;
            }
        }

/* --- featured/Glide Shadow banner styles --- */
        .GlideShadowBannerContainer {
            max-width: 1920px;
            margin: 0 auto;
        }

            .GlideShadowBannerContainer hr {
                margin: 45px 0;
            }

        .GlideShadowSection1 {
            max-width: 1488px;
            margin: 0 auto;
            position: relative
        }

        .GlideShadowSection2 {
            max-width: 1365px;
            margin: 0 auto;
            position: relative
        }

        .GlideShadowSection3 {
            max-width: 1523px;
            margin: 0 auto;
            position: relative
        }

        .GlideShadowSectionPro {
            position: relative;
            margin-top: 40px;
        }

        .GlideShadowBanner1 {
            max-width: 100%;
        }

        .GlideShadowBanner2 {
            max-width: 100%;
            float: right;
        }

        .GlideShadowBanner3 {
            max-width: 100%;
        }

        .GlideShadowBannerPro {
            max-width: 100%;
        }

        .GlideShadowText1 {
            position: absolute;
            transform: translate(-50%,-50%);
            top: 50%;
            left: 76%;
            width: 634px;
        }

        .GlideShadowText2 {
            text-align: center;
            max-width: 720px;
            font-size: 18px;
            padding: 1.2em 0;
        }

            .GlideShadowText2 ul {
                max-width: 8em;
                text-align: left;
                margin: 0 auto;
            }

        .GlideShadowText3 {
            position: absolute;
            transform: translate(-50%,-50%);
            top: 50%;
            left: 76%;
            width: 634px;
        }

        .GlideShadowTextPro {
            position: absolute;
            transform: translate(-50%,-50%);
            top: 50%;
            left: 70%;
            width: 590px;
        }

        .readmorelink {
            font-family: "Lato Thick";
            color: #265FA1;
            text-decoration: underline;
            font-size: 11px;
            line-height: 30px;
            letter-spacing: 3px;
        }

        .SectionHeader {
            font-size: 27px;
            line-height: 45px;
            letter-spacing: 5px;
            text-transform: uppercase;
        }

        .SectionText {
            font-size: 18px;
            line-height: 30px;
        }

            .SectionText ul {
                padding-left: 1em;
            }

        .GlideShadowTextPro .SectionText {
            max-width: 27.778em;
        }

        .GlideShadowButton {
            font-size: 15px;
            letter-spacing: .2em;
            width: 13.333em;
            height: 3.333em;
            background-color: #000;
            color: #fff;
            text-decoration: none;
            cursor: pointer;
            border: none;
        }

        /* Section 1 */
        @media (min-width: 768px) and (max-width: 1488px) {
            .GlideShadowBanner1 {
                max-width: 50.67vw;
            }

            .GlideShadowText1 {
                width: 42.6vw;
            }

                .GlideShadowText1 .SectionHeader {
                    font-size: 1.814vw;
                    line-height: 3.02vw;
                    letter-spacing: .336vw;
                }

                .GlideShadowText1 .SectionText {
                    font-size: 1.21vw;
                    line-height: 2.016vw;
                }

            .readmorelink {
                font-size: .74vw;
                line-height: 2.016vw;
                letter-spacing: .2vw;
            }
        }

        /* Section 2 */
        @media (min-width: 768px) and (max-width: 1365px) {
            .GlideShadowBanner2 {
                max-width: 47.25vw;
            }

            .GlideShadowText2 {
                max-width: 52.82vw;
                font-size: 1.318vw;
            }

                .GlideShadowText2 .SectionHeader {
                    font-size: 1.978vw;
                    line-height: 3.296vw;
                    letter-spacing: .366vw;
                }

                .GlideShadowText2 .SectionText {
                    font-size: 1.318vw;
                    line-height: 2.198vw;
                }

                .GlideShadowText2 .GlideShadowButton {
                    font-size: 1.1vw;
                }
        }

        /* Section 3 */
        @media (min-width: 768px) and (max-width: 1523px) {
            .GlideShadowBanner3 {
                max-width: 51.8vw;
            }

            .GlideShadowText3 {
                width: 41.628vw;
            }

                .GlideShadowText3 .SectionHeader {
                    font-size: 1.77vw;
                    line-height: 2.95vw;
                    letter-spacing: .328vw;
                }

                .GlideShadowText3 .SectionText {
                    font-size: 1.18vw;
                    line-height: 1.97vw;
                }

                .GlideShadowText3 .GlideShadowButton {
                    font-size: .985vw;
                }
        }

        /* Section Pro */
        @media (min-width: 768px) and (max-width: 1920px) {
            .GlideShadowTextPro {
                width: 30.73vw;
            }

                .GlideShadowTextPro .SectionHeader {
                    font-size: 1.4vw;
                    line-height: 2.34vw;
                    letter-spacing: .26vw;
                }

                .GlideShadowTextPro .SectionText {
                    font-size: .938vw;
                    line-height: 1.56vw;
                }

                .GlideShadowTextPro .GlideShadowButton {
                    font-size: .78vw;
                }
        }

        /* Mobile */
        @media (max-width: 767px) {
            .GlideShadowBannerContainer hr {
                margin: 25px 0;
            }

            .GlideShadowSection1 {
                text-align: center;
                max-width: 582px;
                margin: 0 auto;
            }

            .GlideShadowSection2 {
                text-align: center
            }

            .GlideShadowSection3 {
                text-align: center;
                max-width: 558px;
                margin: 0 auto;
            }

            .GlideShadowSectionPro {
                margin-top: 25px;
                text-align: center;
                max-width: 640px;
                margin: 0 auto;
            }

            .GlideShadowText1 {
                position: relative;
                transform: none;
                top: auto;
                left: auto;
                text-align: left;
                width: 100%;
                max-width: 634px;
            }

            .GlideShadowText2 {
                text-align: center;
                font-size: 15px;
                padding: 0;
            }

            .GlideShadowText3 {
                position: relative;
                transform: none;
                top: auto;
                left: auto;
                text-align: center;
                width: 100%;
                max-width: 634px;
            }

                .GlideShadowText3 .SectionText {
                    text-align: left
                }

            .GlideShadowTextPro {
                position: relative;
                transform: none;
                top: auto;
                left: auto;
                text-align: center;
                width: auto;
                max-width: 634px;
                padding: 25px 10px 0;
            }

                .GlideShadowTextPro .SectionText {
                    max-width: unset;
                }

            .GlideShadowBanner2 {
                float: none;
            }

            .readmorelink {
                font-family: "Lato";
                color: #265FA1;
                text-decoration: underline;
                font-size: 15px;
                line-height: 30px;
                letter-spacing: 3px;
            }

            .SectionHeader {
                font-size: 15px;
                line-height: 27px;
                letter-spacing: 4px;
                text-align: center;
            }

            .SectionText {
                font-size: 15px;
                line-height: 30px;
            }

            .CenterButtonMobile {
                text-align: center;
            }
        }

/* --- Blink Pink section --- */
        .BlinkPinkSection {
            max-width: 1366px;
            margin: 0 auto;
        }

            .BlinkPinkSection hr {
                margin: 45px 0;
            }

            .BlinkPinkSection img {
                max-width: 100%;
            }

        @media (max-width: 768px) {
            .BlinkPinkSection hr {
                margin: 25px 0;
            }
        }

/* --- lobby pack add section --- */
        .modal2 {
            display: none; /* Hidden by default */
            position: fixed; /* Stay in place */
            z-index: 1; /* Sit on top */
            left: 0;
            top: 0;
            width: 100%; /* Full width */
            height: 100%; /* Full height */
            overflow: auto; /* Enable scroll if needed */
            background-color: rgb(0,0,0); /* Fallback color */
            background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
            z-index: 11000;
        }

        .modal-content2 {
            background-color: #fefefe;
            margin: 15% auto; /* 15% from the top and centered */
            padding: 20px;
            border: 1px solid #888;
            margin-top: 350px;
            width: -moz-available;
            width: -webkit-fill-available;
            max-width: 350px;
        }

/* --- customers-also-bought section --- */
        .BackToTopButton {
            background-color: black;
            color: white;
            padding-top: 10px;
            padding-bottom: 10px;
            padding-left: 50px;
            padding-right: 50px;
            border-radius: 50px;
            font-family: "Moderat","Lato";
            font-size: 14px;
            letter-spacing: 1px;
            text-align: center;
            font-weight: bold;
            text-decoration: none;
        }