/** Shopify CDN: Minification failed

Line 651:93 Unexpected "a"

**/
/* Landing-page-css-start */
.bundle-btn{ 
    margin-bottom: 5px;
}

.eyes_out_landing .icon {
    width: auto;
    height: auto;
}

.eyes_out_landing .slideshow__slide .slideshow__slide-content p.h1 {
    font-weight: 500;          
    font-size: 45px;
    line-height: 55px;
    letter-spacing: 0.1em;     
    text-transform: uppercase;
    max-width: 510px !important;
}

.eyes_out_landing .slideshow__slide .slideshow__slide-content p.h6 {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    letter-spacing: 0;
    text-transform: unset;
}

.eyes_out_landing .slideshow__slide .slideshow__slide-content a.button {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 1;
    letter-spacing: 0.05em;
    text-align: center;
    text-transform: uppercase;
    padding:20px 24px;
}

.eyes_out_landing .bundle-hero {
    padding: 24px;
}

.eyes_out_landing .bundle-hero > .bundle-wrapper {
    max-width:100%;
    gap:24px;
}

.eyes_out_landing .bundle-hero > .bundle-wrapper .bundle-image img{
    border-radius:0;
}

.eyes_out_landing .bundle-hero > .bundle-wrapper .bundle-content {
    height: 100%;
    padding: 80px;
    background: rgba(246, 246, 246, 1);
    display: flex;
    align-items: center;
    justify-content: center;
}

.eyes_out_landing .bundle-hero > .bundle-wrapper .bundle-content .bundle-details{
    width:100%;
    max-width:405px;
    margin:auto;
}

.eyes_out_landing .bundle-hero > .bundle-wrapper .bundle-content .bundle-details h2 {
   font-family: 'Jost', sans-serif;
    font-weight: 400;
    font-size: 30px;
    line-height: 43px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.eyes_out_landing .bundle-hero > .bundle-wrapper .bundle-content .bundle-details .desc p {
    font-family: Poppins;
    font-weight: 300;
    font-size: 14px;
    line-height: 25px;
    letter-spacing: 0%;
}

.eyes_out_landing .bundle-hero > .bundle-wrapper .bundle-content .bundle-details .product_text {
    font-family: Jost;
    font-weight: 400;
    font-size: 18px;
    line-height: 60px;
    letter-spacing: 0%;
}

.eyes_out_landing .bundle-hero > .bundle-wrapper .bundle-content .bundle-details .product_text > span {
    font-family: Jost;
    font-weight: 400;
    font-size: 18px;
    line-height: 60px;
    letter-spacing: 0%;
}

.eyes_out_landing .bundle-hero > .bundle-wrapper .bundle-content .bundle-details .feature-grid .feature-box {
    background: rgba(255, 255, 255, 1);
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    border-radius: 0;
    gap:16px;
}

.eyes_out_landing .bundle-hero > .bundle-wrapper .bundle-content .bundle-details .feature-grid .feature-box p{
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 13px;
    line-height: 21px;
    letter-spacing: 0;
    text-align: center;
}

.eyes_out_landing .bundle-hero > .bundle-wrapper .bundle-content .bundle-details form .bundle-btn{
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 1;
    letter-spacing: 0.05em;
    text-align: center;
    text-transform: uppercase;
    padding:20px 24px;
    margin:0 0 12px;
    background:#000;
    color:#fff;
}

.eyes_out_landing .bundle-hero > .bundle-wrapper .bundle-content .bundle-details a .bundle-btn{
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 1;
    letter-spacing: 0.05em;
    text-align: center;
    text-transform: uppercase;
    padding:20px 24px;
    background: rgba(255, 255, 255, 1);
    border: 1px solid rgba(0, 0, 0, 1);
    color: rgba(0, 0, 0, 1);
}

.eyes_out_landing .bundle-hero > .bundle-wrapper .bundle-content .bundle-details .bottom-note {
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 25px;
    letter-spacing: 0;
    text-align: center;
}

.eyes_out_landing text-with-icons-carousel.text-with-icons {
    gap: 16px !important;
}

.eyes_out_landing text-with-icons-carousel.text-with-icons .text-with-icons__item {
    flex: 1;
    background: rgba(246, 246, 246, 1);
    padding: 24px;
}

.eyes_out_landing .eyes_out_richtext .container{
    max-width: 100%;
    width: 100%;
    margin: 0 !important;
    padding:16px;
}

.eyes_out_landing .eyes_out_richtext p.h1 {
    font-family: 'Jost', sans-serif;
    font-weight: 400;
    font-size: 30px;
    line-height: 43px;
    letter-spacing: 0.1em;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    max-width: 580px;
    margin: auto;
}

.eyes_out_landing .eyes_out_richtext div p{
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 25px;
    letter-spacing: 0;
    text-align: center;
    width: 100%;
    max-width: 1012px;
    margin: auto;
}

.eyes_out_landing .eyes_out_icon_with_text .bottom_button .bundle-btn {
   font-family: Poppins, sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 1;
    letter-spacing: .05em;
    text-align: center;
    text-transform: uppercase;
    padding: 20px 24px;
    margin: 24px auto 12px;
    background: #000;
    color: #fff;
    width: auto;
}

.eyes_out_landing .eyes_out_bundle_product{
    background:rgba(246, 246, 246, 1);
}

.eyes_out_landing .eyes_out_bundle_product .bundle-inner{
    max-width:90%;
}

.eyes_out_landing .eyes_out_bundle_product h2.bundle-heading {
    font-family: 'Jost', sans-serif;
    font-weight: 400;
    font-size: 30px;
    line-height: 43px;
    letter-spacing: 0.1em;
    text-align: center;
    text-transform: uppercase;
}

.eyes_out_landing .eyes_out_bundle_product .bundle-row {
    gap: 24px;
    grid-template-columns: 1fr 1fr 2fr;
}

.eyes_out_landing .eyes_out_bundle_product .bundle-row .bundle-card {
    border:none !important;
    background:transparent;
}

.eyes_out_landing .eyes_out_bundle_product .bundle-row .bundle-card .bundle-hero-image{
    height:470px;
}

.eyes_out_landing .eyes_out_bundle_product .bundle-row .bundle-card .bundle-content{
    padding:12px 0 0 !important;
}

.eyes_out_landing .eyes_out_bundle_product .bundle-row .bundle-card .bundle-content .bundle-meta{
    gap:0 !important;
}

.eyes_out_landing .eyes_out_bundle_product .bundle-row .bundle-card .bundle-content .bundle-meta h3.bundle-title {
    font-family: 'Jost', sans-serif;
    font-weight: 400;
    font-size: 25px;
    line-height: 43px;
    letter-spacing: 0.05em;
}

.eyes_out_landing .eyes_out_bundle_product .bundle-row .bundle-card .bundle-content .bundle-meta .bundle-subtitle {
    font-family: Poppins;
    font-weight: 300;
    font-size: 14px;
    line-height: 25px;
    letter-spacing: 0%;
}

.eyes_out_landing .eyes_out_bundle_product .bundle-row .bundle-card .bundle-content .bundle-meta .bundle-price {
    font-family: Jost;
    font-weight: 400;
    font-size: 16px;
    line-height: 43px;
    letter-spacing: 5%;
    margin: 0;
}

.eyes_out_landing .eyes_out_bundle_product .bundle-row .bundle-card .bundle-content .bundle-btn{
    font-family: Poppins, sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 1;
    letter-spacing: .05em;
    text-align: center;
    text-transform: uppercase;
    padding: 20px 24px;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 1);
    color: #000;
}

.eyes_out_landing .eyes_out_bundle_product .bundle-row .bundle-card.active .ribbon{
    left: 16px !important;
    right: auto !important;
}

.eyes_out_landing .eyes_out_bundle_product .bundle-row .bundle-card.active .bundle-content .bundle-btn{
    font-family: Poppins, sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 1;
    letter-spacing: .05em;
    text-align: center;
    text-transform: uppercase;
    padding: 20px 24px;
    background: #000;
    color: #fff;
}

.eyes_out_landing .eyes_out_bundle_product .bundle-row .bundle-card.active .bundle-content ul.bundle-benefits {
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 33px;
    letter-spacing: 0;
    text-align: center;
}
.eyes_out_landing .eyes_out_bundle_comparison {
    background: transparent !important;
}

.eyes_out_landing .eyes_out_bundle_comparison  h2.compare-heading{
    font-family: 'Jost', sans-serif;
    font-weight: 400;
    font-size: 30px;
    line-height: 43px;
    letter-spacing: 0.1em;
    text-align: center;
    text-transform: uppercase;
}

.eyes_out_landing .eyes_out_bundle_comparison .compare-wrapper{
    padding:24px;
}

.eyes_out_landing .eyes_out_bundle_comparison .compare-wrapper .compare-card{
   flex: 1;
    background: #f6f6f6;
    max-width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    border:none !important;
}

.eyes_out_landing .eyes_out_bundle_comparison .compare-wrapper .compare-card > p{
    margin:0 !important;
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 28px;
    letter-spacing: 0;
    text-align: center;
}

.eyes_out_landing .eyes_out_bundle_comparison .compare-wrapper .compare-card > h3 {
    font-family: 'Jost', sans-serif;
    font-weight: 400;
    font-size: 25px;
    line-height: 43px;
    letter-spacing: 0.05em;
    text-align: center;
}

.eyes_out_landing .eyes_out_image_with_text{
    position:relative;
}

.eyes_out_landing .eyes_out_image_with_text:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgb(0 0 0 / 60%);
    z-index: 1;
}

.eyes_out_landing .eyes_out_image_with_text .content.text-center {
    background: transparent;
    color: #fff;
    box-shadow:none;
    width:100%;
    max-width:624px;
    padding:0 !important;
}

.eyes_out_landing .eyes_out_image_with_text .content.text-center h2{
    font-family: 'Jost', sans-serif;
    font-weight: 400;
    font-size: 30px;
    line-height: 43px;
    letter-spacing: 0.1em;
    text-align: center;
    text-transform: uppercase;
}

.eyes_out_landing .eyes_out_image_with_text .content.text-center a.button {
    font-family: Poppins, sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 1;
    letter-spacing: .05em;
    text-align: center;
    text-transform: uppercase;
    padding: 20px 24px;
    background: #fff;
    color: #000;
}

.eyes_out_landing .eyes_out_image_with_bundle {
    padding: 24px;
}

.eyes_out_landing .eyes_out_image_with_bundle image-with-text.image-with-text {
    gap: 24px;
}

.eyes_out_landing .eyes_out_image_with_bundle image-with-text.image-with-text picture > img{
    width:100%;
}

.eyes_out_landing .eyes_out_image_with_bundle image-with-text.image-with-text > .prose.text-center {
    height: 100%;
    padding: 40px 80px;
    background: #f6f6f6;
    display: flex;
    align-items: center;
    justify-content: center;
}

.eyes_out_landing .eyes_out_image_with_bundle image-with-text.image-with-text .prose.text-center .content-div {
    width: 100%;
    max-width: 430px;
    margin: auto;
}

.eyes_out_landing .eyes_out_image_with_bundle image-with-text.image-with-text .prose.text-center .content-div > h3.h6 {
    font-family: Poppins, sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 1;
    letter-spacing: .05em;
    text-align: center;
    text-transform: uppercase;
    padding: 20px 24px;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 1);
    color: #000;
    width:fit-content;
}

.eyes_out_landing .eyes_out_image_with_bundle image-with-text.image-with-text .prose.text-center .content-div > h2.h1 {
    font-family: 'Jost', sans-serif;
    font-weight: 400;
    font-size: 30px;
    line-height: 43px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.eyes_out_landing .eyes_out_image_with_bundle image-with-text.image-with-text .prose.text-center .content-div > div p{
    font-family: Poppins;
    font-weight: 300;
    font-style: Light;
    font-size: 14px;
    leading-trim: NONE;
    line-height: 25px;
    letter-spacing: 0%;
}

.eyes_out_landing .eyes_out_image_with_bundle image-with-text.image-with-text .prose.text-center .content-div > div p br{
    display:none;
}

.eyes_out_landing .eyes_out_image_with_bundle image-with-text.image-with-text .prose.text-center .content-div > a.button{
    font-family: Poppins, sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 1;
    letter-spacing: .05em;
    text-align: center;
    text-transform: uppercase;
    padding: 20px 24px;
    background: #000;
    color: #fff;
    width: 100%;
}

.eyes_out_landing .eyes_out_custom_countdown {
    background: transparent !important;
}

.eyes_out_landing .eyes_out_custom_countdown h2.countdown-title{
    font-family: 'Jost', sans-serif;
    font-weight: 400;
    font-size: 30px;
    line-height: 43px;
    letter-spacing: 0.1em;
    text-align: center;
    text-transform: uppercase;
    max-width:475px;
    margin:auto;
}

.eyes_out_landing .eyes_out_custom_countdown p.countdown-subtitle {
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 25px;
    letter-spacing: 0;
    text-align: center;
    margin: 24px 0;
}

.eyes_out_landing .eyes_out_custom_countdown .countdown-btn{
    font-family: Poppins, sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 1;
    letter-spacing: .05em;
    text-align: center;
    text-transform: uppercase;
    padding: 20px 24px;
    background: #000;
    color: #fff;
}

.eyes_out_landing .eyes_out_custom_countdown p.countdown-bottom-text {
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 25px;
    letter-spacing: 0;
    text-align: center;
    max-width: 440px;
    margin: 12px auto 24px;
}

.eyes_out_landing .eyes_out_custom_countdown .countdown-timer .time-box .time{
    font-family: 'Jost', sans-serif;
    font-weight: 400;
    font-size: 55px;
    line-height: 60px;
    letter-spacing: 0;
    text-align: center;
}

.eyes_out_landing .eyes_out_custom_countdown .countdown-timer .time-box small{
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
    font-size: 18px;
    line-height: 40px;
    letter-spacing: 0;
    text-align: center;
}

.eyes_out_landing .footer{
    padding: 32px 0 0;
}

.eyes_out_landing .footer > .container{
    width:100%;
    margin:0 !important
}

.eyes_out_landing .footer .footer__aside {
    background: rgba(74, 74, 74, 1);
    padding: 12px 48px;
}

.eyes_out_landing .footer .footer__block-list {
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    padding: 0 48px 32px;
    width:100%;
}

.eyes_out_landing .footer .bottom-footer {
    display: flex;
    align-items: end;
    gap: 16px;
    justify-content: space-between;
    width:100%;
    padding:0 48px;
}

.eyes_out_landing .footer  .bottom-footer .news_letter_div {
    width: 100%;
    max-width: 850px;
}

.eyes_out_landing .footer  .bottom-footer .news_letter_div p.h6 {
    font-family: 'Jost', sans-serif;
    font-weight: 400;
    font-size: 25px;
    line-height: 43px;
    letter-spacing: 0.05em;
}

.eyes_out_landing .footer  .bottom-footer .news_letter_div .prose.text-subdued {
    font-family: 'Jost', sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 25px;
    letter-spacing: 0;
}

.eyes_out_landing .footer  .bottom-footer .news_letter_div  .form{
    display: flex;
    gap:8px;
}

.eyes_out_landing .footer  .bottom-footer .news_letter_div .form .form-control{
    flex:1;
}

.eyes_out_landing .footer  .bottom-footer .news_letter_div .form .form-control .input {
    background: #fff;
    color: #000;
}

.eyes_out_landing .footer .bottom-footer .news_letter_div .form .form-control .input::placeholder {
    color: rgba(139, 139, 139, 1);
}

.eyes_out_landing .footer .bottom-footer .news_letter_div .form button.button {
    border: 1px solid rgba(255, 255, 255, 1) !important;
    color:#fff;
}

.eyes_out_landing .footer .footer__block.footer__block--image {
    width: 100%;
    max-width: 770px;
}

.eyes_out_landing .eyes_out_image_with_text ul.bulet_point_only_mobile{
    display:none !important;
}

.eyes_out_landing .bundle-hero>.bundle-wrapper .bundle-content .bundle-details a:nth-child(2)a .bundle-btn{
    background:red !important;
}

.eyes_out_landing .bundle-content a:first-of-type .bundle-btn {
    background: black !important;
    color:white !important;
}
/* Mobile-css-start */

@media(max-width:640px){
    .eyes_out_landing a.button, 
    .eyes_out_landing .bundle-btn,
    .eyes_out_landing .eyes_out_custom_countdown .countdown-btn,
    .eyes_out_landing .eyes_out_image_with_bundle image-with-text.image-with-text .prose.text-center .content-div>h3.h6{
        padding:16px !important;
        font-size:12px !important;
    }

    .eyes_out_landing .slideshow__slide .slideshow__slide-content a.button{
        width:100%;
    }

    .eyes_out_landing header .icon{
        width:20px;
        height:20px;
    }

    .eyes_out_landing .slideshow__slide img{
        object-position:center;
    }

    .eyes_out_landing .slideshow__slide .slideshow__slide-content{
        place-self: end start !important;
        width:100%;
        max-width:100%;
    }

    .eyes_out_landing .slideshow__slide .slideshow__slide-content p.h1{
        font-size: 30px;
        line-height: 35px;
    }

    .eyes_out_landing .slideshow__slide .slideshow__slide-content p.h6 {
       font-size: 16px;
        line-height: 22px;
        max-width: 240px;
    }

    .eyes_out_landing .bundle-hero>.bundle-wrapper .bundle-content{
        padding:24px;
    }

    .eyes_out_landing .bundle-hero>.bundle-wrapper .bundle-content .bundle-details h2{
         font-size: 25px;
        line-height: 35px;
    }

    .eyes_out_landing .bundle-hero>.bundle-wrapper .bundle-content .bundle-details .desc p{
         font-size: 12px;
        line-height: 22px;
    }


    .eyes_out_landing .bundle-hero>.bundle-wrapper .bundle-content .bundle-details .product_text{
        font-size:16px;
    }

   

    .eyes_out_landing .eyes_out_richtext p.h1{
        font-size: 25px;
        line-height: 35px;
    }

    .eyes_out_landing .eyes_out_richtext div p{
           font-size: 12px;
        line-height: 22px;
    }

    .eyes_out_landing text-with-icons-carousel.text-with-icons{
        display: flex;
        flex-direction: column;
        padding: 16px;
    }

    .eyes_out_landing text-with-icons-carousel.text-with-icons .text-with-icons__item {
        visibility: visible;
        transform: none !important;
        opacity: 1 !important;
    }

    .eyes_out_landing .eyes_out_icon_with_text .page-dots{
        display:none;
    }

    .eyes_out_landing .eyes_out_bundle_product .bundle-inner {
        max-width: 100% !important;
    }

    .eyes_out_landing .eyes_out_bundle_product h2.bundle-heading{
        font-size: 25px;
        line-height: 35px;
    }

    .eyes_out_landing .eyes_out_bundle_product .bundle-row {
        display: flex;
        flex-wrap: wrap;
        gap:12px !important;
    }

    .eyes_out_landing .eyes_out_bundle_product .bundle-row .bundle-card{
        padding:0 !important;
    }

    .eyes_out_landing .eyes_out_bundle_product .bundle-row .bundle-card:not(.active) {
        width: calc(50% - 6px);
    }

    .eyes_out_landing .eyes_out_bundle_product .bundle-row .bundle-card.active{
        width:100%;
    }

    .eyes_out_landing .eyes_out_bundle_product .bundle-row .bundle-card .bundle-hero-image{
        height:240px;
    }

    .eyes_out_landing .eyes_out_bundle_product .bundle-row .bundle-card .bundle-content .bundle-meta h3.bundle-title{
        font-size:20px;
        line-height:normal;
    }

    .eyes_out_landing .eyes_out_bundle_product .bundle-row .bundle-card .bundle-content .bundle-meta .bundle-subtitle{
        font-size:12px;
        line-height:normal;
        min-height:36px;
    }

    .eyes_out_landing .eyes_out_icon_with_text .bottom_button .bundle-btn{
        width:100% !important;
    }

    .eyes_out_landing .eyes_out_bundle_comparison h2.compare-heading{
        font-size: 25px;
        line-height: 35px;
    }

    .eyes_out_landing .eyes_out_bundle_comparison .compare-wrapper .compare-card>h3{
        font-size:20px;
        line-height:normal;
    }

    .eyes_out_landing .eyes_out_bundle_comparison .compare-wrapper .compare-card{
        min-height: auto;
    }

    .eyes_out_landing .eyes_out_image_with_text .content.text-center{
        text-align:left;
    }

    .eyes_out_landing .eyes_out_image_with_text .content.text-center h2{
        text-align:left;
    }

    .eyes_out_landing .eyes_out_image_with_text .content.text-center a.button{
        width:100%;
    }

    .eyes_out_landing .eyes_out_image_with_text ul.bulet_point_only_mobile{
        line-height: 25px;
        display: flex !important;
        flex-direction: column;
        gap: 8px;
    }

    .eyes_out_landing .eyes_out_image_with_bundle image-with-text.image-with-text>.prose.text-center{
        height:auto;
        text-align:left;
        padding:24px;
        margin:0 !important;
    }

    .eyes_out_landing .eyes_out_image_with_bundle image-with-text.image-with-text .prose.text-center .content-div>h2.h1{
        font-size: 25px;
        line-height: 35px;
    }

    .eyes_out_landing .eyes_out_image_with_bundle image-with-text.image-with-text .prose.text-center .content-div>div p{
        font-size:12px;
    }

    .eyes_out_landing .eyes_out_custom_countdown .countdown-timer{
        flex-wrap:nowrap;
        gap:4px;
    }
    
    .eyes_out_landing .eyes_out_custom_countdown .time-box{
        padding:8px;
    }

    .eyes_out_landing .eyes_out_custom_countdown .countdown-timer .time-box .time{
        font-size:25px;
        line-height:normal
    }

    .eyes_out_landing .eyes_out_custom_countdown .countdown-timer .time-box small{
        font-size:12px;
    }

    .eyes_out_landing .footer .footer__block-list{
        padding:24px;
    }

    .eyes_out_landing .footer .bottom-footer{
         padding:24px;
         flex-direction:column;
    }

    .eyes_out_landing .footer .bottom-footer .social_media{
        width: 100%;
    }

    .eyes_out_landing .footer .bottom-footer .social_media > ul.social-media {
        justify-content: center;
        width: 100%;
    }

    .eyes_out_landing .footer>.container .footer__inner {
        row-gap: 8px;
    }

    .eyes_out_landing .eyes_out_image_with_text .desktop_paragraph.richtext_UNiRdp{
        display:none;
    }
}

/* Mobile-css-end */

/* ipad-css-start */

@media(max-width:992px){
#shopify-section-template--28068415865215__image_with_text_4QtF7h h2.h1 {
    color: black;
}
}

/* ipad-css-end */

/* Landing-page-css-end */


@media(max-width:767px){
.eyes_out_landing .eyes_out_image_with_text .content.text-center, .eyes_out_landing .eyes_out_image_with_text .content.text-center h2{
    color: black;
}
.eyes_out_landing .eyes_out_image_with_text ul.bulet_point_only_mobile {
    color: black;
}
.prose :last-child {
    margin-block-end: 0!important;
    color: black;
}
.eyes_out_landing .eyes_out_image_with_text .content.text-center a.button {
    background: #000000;
    color: #ffffff;
    border-color: black;
}
.eyes_out_landing .eyes_out_image_with_text:before {
    background: #f0f0f099;
}
.image-with-text>.prose {
    margin-bottom: 0px !important;
    margin-top: 0px !important;
}
.eyes_out_landing .eyes_out_image_with_text .content.text-center {
    height: 470px;
}
.eyes_out_landing .eyes_out_image_with_text {
    position: relative;
    height: 365px;
}
.bundle-compare-section {
    padding-bottom: 30px !important;
    padding-top: 50px !important;
}
.compare-heading {
    margin-bottom: 0px !important;
}
#shopify-section-template--28068415865215__rich_text_qR6mG3 .section-spacing:not(.section-spacing--padded) {
    margin-block-start: 0px;
    margin-block-end: 10px;
}
.eyes_out_landing .slideshow__slide .slideshow__slide-content p.h1 {
    max-width: 340px !important;
}
section#shopify-section-template--28068415799679__86be5006-8bcc-400d-b9fc-458739ab766f {
    border-block-start-width: 0px;
}
}
@media(min-width:768px){
#shopify-section-template--28068415865215__image_with_text_4QtF7h{
    display: none;
}
}
.eyes_out_landing .eyes_out_bundle_product .bundle-row .bundle-card.active .bundle-content .bundle-btn {
    text-transform: capitalize !important;
}
.eyes_out_landing .slideshow__slide .slideshow__slide-content a.button {
    text-transform: capitalize !important;
    
}
.eyes_out_landing .eyes_out_icon_with_text .bottom_button .bundle-btn {
    text-transform: capitalize !important;
}
.eyes_out_landing .eyes_out_image_with_text .content.text-center a.button {
    text-transform: capitalize;
}
.eyes_out_landing .eyes_out_image_with_bundle image-with-text.image-with-text .prose.text-center .content-div > h3.h6 {
    text-transform: capitalize;
}
.eyes_out_landing .eyes_out_image_with_bundle image-with-text.image-with-text .prose.text-center .content-div > a.button {
    text-transform: capitalize;
}
#shopify-section-template--28100846911871__1772807319599a4660{
        padding-top: 60px;
}

/* ------------------------------------------------------------------
   Variant-Picker: alle Optionswerte immer sichtbar
   ------------------------------------------------------------------
   Das Theme-JS (theme.js, updateDisableSelectors_fn) setzt das HTML-
   Attribut [hidden] auf Optionswerte, für die keine konkrete Varianten-
   Kombination existiert. Bei lückenhaften Variant-Matrizen (z.B. nicht
   alle 22 x 22 Dioptrien-Kombinationen existieren als Variante) führt
   das dazu, dass viele Werte unsichtbar werden.

   Im Dropdown/Popover-Mode wird das <x-popover> auf Mobile zusätzlich
   per JS aus dem .variant-picker an document.body verschoben
   (shouldAppendToBody = true für md-max). Dadurch greift ein Selector
   mit .variant-picker-Vorfahre auf Mobile nicht mehr – deshalb
   selektieren wir hier OHNE .variant-picker-Prefix, damit der Override
   sowohl bei Block-Swatches als auch im Popover (Desktop + Mobile) greift.
   ------------------------------------------------------------------ */
[data-option-selector] [data-option-value][hidden] {
    display: inline-flex !important;
    visibility: visible !important;
}

/* Dropdown-Buttons sind .h-stack (flex), Block-Swatches inline-flex:
   beiden Fall sauber abdecken */
.popover__value-list > [data-option-value][hidden] {
    display: flex !important;
}

/* Sold-out / disabled: sichtbar bleiben, aber abgeschwächt + durchgestrichen */
[data-option-selector] [data-option-value][data-sold-out="true"],
[data-option-selector] [data-option-value].is-disabled {
    opacity: 0.6;
}
[data-option-selector] [data-option-value][data-sold-out="true"] > span:first-child {
    text-decoration: line-through;
}
[data-option-selector] [data-option-value][data-sold-out="true"] .variant-picker__dropdown-sold-out-label {
    display: inline-block;
}

/* ------------------------------------------------------------------
   Popover auf Mobile – Header sticky + X immer erreichbar
   ------------------------------------------------------------------
   Bei langen Optionslisten (z.B. 22 Dioptrien-Werte) deckt der scroll-
   bare Bereich auf manchen iOS/Android-Browsern den Popover-Header inkl.
   X-Button ab, weil position:sticky am Shadow-Part nicht zuverlässig
   greift. Wir verstärken sticky am Header und stellen das X-Tap-Target
   absolut sichtbar oben rechts (z-index hoch).
   ------------------------------------------------------------------ */
@media screen and (max-width: 999px) {
    .popover::part(header) {
        position: sticky !important;
        inset-block-start: 0 !important;
        background: rgb(var(--popover-background, var(--background))) !important;
        z-index: 10;
    }

    .popover::part(close-button) {
        z-index: 11;
        /* Vergrößerter Tap-Bereich um das X */
        min-width: 44px;
        min-height: 44px;
        display: grid;
        place-items: center;
    }
}