body { background-color: #000; color: #fff; }
        .gmo-white { color: #fff !important; }
        .upper { text-transform: uppercase; }
        .mb10 { margin-bottom: 10px; }
        .mb15 { margin-bottom: 15px; }
        .mb20 { margin-bottom: 20px; }
        .mb30 { margin-bottom: 30px; }
        .mb40 { margin-bottom: 40px; }
        .mt20 { margin-top: 20px; }
        .mt40 { margin-top: 40px; }
        .mt60 { margin-top: 60px; }
        .topbot40 { padding-top: 40px; padding-bottom: 40px; }
        .topbot60 { padding-top: 60px; padding-bottom: 60px; }
        .pads0 { padding: 0 !important; }
        .pads15 { padding: 15px; }
        .pads30 { padding: 30px; }
        .lh1 { line-height: 1; }

.container,
.container-lg{
    width: 100%;
    max-width: 720px;
    margin: 0 auto;
    padding-left: 32px;
    padding-right: 32px;
}
	.top-hero{padding-top: 100px;}
	.bg-gradient-om{background-image: linear-gradient(#000, #000, #271001);}
	.section-header, .announcement-bar-section, #footer-help, #footer-help-l{display: none;}
	.banner-logo-rb{position: absolute; top: 40px; left: 50%; transform: translateX(-50%); z-index: 1; max-width: 250px; filter: brightness(100);}
	button.atc-coll{background-color: #fff; color:#000; padding: 10px 40px; border-radius: 2px; border: none; z-index: 1;}
	p.oakley-tag{ background-color: #fff; color:#000; padding: 5px 10px; border-radius: 10px; display: inline-block; font-weight: bold;}
	.img-om-logo{max-width: 250px;}
	.img-fade-black {position: relative;display: inline-block; background: url(https://cdn.shopify.com/s/files/1/0905/3755/8311/files/oakle-meta-hero-banner.jpg?v=1778252431); background-position: center; background-size: cover;}
	.img-fade-black::after {content: '';position: absolute;inset: 0;box-shadow: inset 50px 0px 100px #000;}

	.hero-content-divider{height: 1px; background-image: linear-gradient(to right, #aaa, #555, #d5422e)}

	.rb-benefit-box{color: #fff; padding: 10px; background: #222; border-radius: 4px; text-align: start; height: 100%;}
	.rb-benefit-box div{display: flex; align-items: center; gap: 15px; text-align: start; text-transform: uppercase;}
	.rb-benefit-box div img{filter: invert(1); max-width: 30px;}


	#switch-videos.swiper { width: 100%; height: 100%; }
	#switch-videos .swiper-slide { text-align: center; display: flex; justify-content: center; align-items: center; }
	#switch-videos .swiper-slide { width: 60%; }
	

  	.swiper-button-prev, .swiper-button-next{background:#1E2226;border-radius:100px;color:#fff;height: 30px; width: 30px; top:77%;}
  	.swiper-button-prev:after, .swiper-button-next:after{font-size: 1rem;}
  	.prod-carousel-bs .swiper-prod{border: 1px solid #000; border-radius: 3px; overflow: hidden;}
  	.prod-carousel-bs .swiper-prod .swiper-prod-img{display: flex; background-color: #fff; min-height: 200px; position: relative; justify-content: center;}
  	.prod-carousel-bs .swiper-prod .swiper-prod-img img{align-self: center; transition: 0.4s ease;}
  	.prod-carousel-bs .swiper-prod:hover .swiper-prod-img img{transform: scale(1.1); transition: 0.4s ease;}
  	.prod-carousel-bs .swiper-prod .swiper-prod-offer{display: flex; padding: 6px 4px 4px 4px; position: absolute; bottom: 0; left: 0; z-index: 1; width: 100%; color: #fff; text-align: center; text-transform: uppercase; min-height: 35px; justify-content: center; align-items: center; font-size: 1rem;}
  	.prod-carousel-bs .swiper-prod .swiper-prod-content{padding: 15px 10px; background: #222222; text-align: center;}
  	.prod-carousel-bs .swiper-prod .swiper-prod-content .swiper-prod-type{font-size: 1rem;}
  	.prod-carousel-bs .swiper-prod .swiper-prod-content .swiper-prod-vendor{font-size: 1.2rem;}
  	.prod-carousel-bs .swiper-prod .swiper-prod-content .swiper-prod-model{font-size: 1.1rem; min-height: 27px}
  	/*.prod-carousel-bs .swiper-prod .swiper-prod-content .swiper-prod-price-box {min-height: 38px;}*/
  	.prod-carousel-bs .swiper-prod .swiper-prod-content .swiper-prod-price{font-size: 1.4rem;}
  	.prod-carousel-bs .swiper-prod .swiper-prod-content .swiper-prod-compare{font-size: 1.1rem; padding-left: 2px; position: relative; top: 3px;}
  	.prod-carousel-bs .swiper-prod .swiper-prod-content .swiper-prod-price-box .badge-offer{
	    background-color: #CD5854; color: #ffffff;padding: 3px 5px;border-radius: 2px;font-size: 1rem;position: relative;top: 1px; left: 5px; font-weight: bold;
	}

	.swiper-high div{padding: 10px; box-shadow: 0px 0px 10px #ccc; border-radius: 10px; min-height: 590px;}

	/*Lens Row*/
	.lens-row{padding: 60px 0; min-height: 550px;}
	.lens-bg-1{background: url(https://cdn.shopify.com/s/files/1/0905/3755/8311/files/D_Lenses_Transitions.webp?v=1778508721); background-size: cover; background-position: center;}
	.lens-bg-2{background: url(https://cdn.shopify.com/s/files/1/0905/3755/8311/files/D_Lenses_Prizm.avif?v=1778508721); background-size: cover; background-position: center;}
	.lens-bg-3{background: url(https://cdn.shopify.com/s/files/1/0905/3755/8311/files/D_Lenses_Oakley_Authentic.avif?v=1778508721); background-size: cover; background-position: center;}
	.lens-option{filter: brightness(0.7); display: inline-block; margin: 0px 5px;}
	.lens-active{filter: brightness(1); border-radius: 100%; background-color: #ccc;}

	/*FAQs*/
	.meta-faq .accordion-item, .meta-faq button{background: #222;}
	.meta-faq button{color: #fff;}
	.meta-faq button:after{filter: brightness(10);}
	.accordion-body{color: #fff;}

	/*QR*/
	.mw-qr{max-width: 150px;}

	@media screen and (min-width: 1980px) {
		.container-3xl{max-width: 1980px; margin-left: auto; margin-right: auto;}
	}
	@media screen and (max-width: 992px) {
	}
	@media screen and (max-width: 768px) {
		.prod-carousel-bs .swiper-prod .swiper-prod-img{min-height: 150px;}
		.lens-row{padding-bottom: 600px;}
		.lens-bg-1{background: url(https://cdn.shopify.com/s/files/1/0905/3755/8311/files/M_Lenses_Transitions.avif?v=1778516429); background-position: center;}
		.lens-bg-2{background: url(https://cdn.shopify.com/s/files/1/0905/3755/8311/files/M_Lenses_Prizm.avif?v=1778516429); background-position: center;}
		.lens-bg-3{background: url(https://cdn.shopify.com/s/files/1/0905/3755/8311/files/M_Lenses_Oakley_Authentic.avif?v=1778516428); background-position: center;}
	}
	@media screen and (max-width: 576px) {
		.banner-logo-rb {top: 25px;left: 50%;transform: translateX(-50%);}
	}




/* ==========================
   ESCALA GLOBAL
========================== */

@font-face {
    font-family: zirkon-r;
    font-weight: 400;
    font-style: normal;
	src: url("../fonts/GTZirkon_Light.woff2" )  format("woff2");
}


@font-face {
    font-family: zirkon-m;
    font-weight: 400;
    font-style: normal;
	src: url("../fonts/GTZirkon_Medium.woff2" )  format("woff2");
}


@font-face {
    font-family: zirkon-l;
    font-weight: 400;
    font-style: normal;
	src: url("../fonts/GTZirkon_Light.woff2" )  format("woff2");
}


html{
    font-size:14px;
	font-family: zirkon-l;
}

body{
    font-size:14px;
    line-height:1.5;
}

/* Bootstrap Overrides */


b, strong {
    font-family: zirkon-r;
    font-weight: 400;
    font-size: inherit;
}


.h1,
h1{
    font-size:2rem !important;
    line-height:1.1;
	font-family: zirkon-l, sans-serif;
	font-weight: 500;
}

.h2,
h2{
    font-size:1.6rem !important;
	font-family: zirkon-l, sans-serif;
}

.h3,
h3{
    font-size:1.3rem !important;
	font-family: zirkon-l, sans-serif;
}

.h4,
h4{
    font-size:1rem !important;
	font-family: zirkon-l, sans-serif;
}

.fs-1{
    font-size:2rem !important;
	font-family: zirkon-l, sans-serif;
}

.fs-2{
    font-size:1.7rem !important;
	font-family: zirkon-l, sans-serif;
}

.fs-3{
    font-size:1.35rem !important;
}

.fs-4 {
    font-size:1rem!important;
}

.fs-5{
    font-size:.90rem !important;
}

.fs-6{
    font-size:.85rem !important;
}

p{
    font-size:1.2rem!important;
	line-height:2rem!important;
}


.accordion-body {
    font-size:1.2rem!important;
	line-height:2rem!important;
}