/** Shopify CDN: Minification failed

Line 157:45 Unexpected "{"

**/
body{
overflow-x:hidden;color:#000;
font-family: Archivo Narrow, sans-serif;
}
.is-disabled #qty-proxy{display:none}
/* .nav {font-family: Archivo Narrow, sans-serif;} */
.breadcrumbs-container {
    position: relative;
    z-index: 2;
    background-color: #e80c00;
}
.breadcrumbs-list__item,.breadcrumbs-list__link{
    font-family: "Lato", sans-serif;
    font-weight: 700;
    color: #fff;
    font-size: 12px;
    place-content: center;
    text-align: center;
    text-transform: uppercase;
    line-height: 16px;
}
.variant-picker--product-available .option-selector[data-option="Color"],.variant-picker--product-unavailable .option-selector[data-option="Color"]{ 
/* display: none !important;  */
}
.product-detail .sticky-element{top:0;padding-right:10px}
.docked-header--dock .docked-navigation-container__inner{position:relative !important}
.main_container, 
.product-rayban-layout, 
#MainContent{
background-color:#fff;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
-webkit-font-smoothing: antialiased;
padding: 0;
}
.store-messages-bar {
background-color: #1f1f24;
color: #fff;
}
.product-detail__title {
font-weight: 600;
text-transform: uppercase;
font-size: 24px;
line-height: 1.6;
}
.product-detail__title-area,.product-detail__title-area form{margin:0}
.raybanprice .large-title{
font-size: 18px;
color: #e80c00;
}
/* 1. Global Full-Width Reset */
.store-message-link{font-family: 'Abel';}
.product-rayban-layout {
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
.product-layout-grid__images {
width: 61%;
border-right: 1px solid #eee;
padding-top:0;
}
.product-layout-grid__detail {
padding-left: 10px;
width: 40%;
background: #eee;
padding-bottom: 10px;
}

/* 3. Typography & UI Elements */
.product-rayban-layout .product__title h1 {
font-size: clamp(2rem, 5vw, 3rem) !important; /* Responsive font size */
font-weight: 800 !important;
text-transform: uppercase;
line-height: 1;
margin-bottom: 20px;
}

/* Ray-Ban Style Price */
.product-rayban-layout .price {
font-size: 1.5rem !important;
font-weight: 400 !important;
letter-spacing: 0;
}

/* Premium Button Style */
.product-rayban-layout .product-form__submit {
border-radius: 0 !important;
height: 60px;
font-size: 14px !important;
text-transform: uppercase;
background-color: #000 !important;
border: 1px solid #000 !important;
transition: 0.3s ease-in-out;
}

.product-rayban-layout .product-form__submit:hover {
background-color: transparent !important;
color: #000 !important;
}

/* Hide Unnecessary Elements */
.product-rayban-layout .shopify-payment-button, /* Dynamic Checkout hatao premium feel ke liye */
.product-rayban-layout .product__description.rte iframe {
margin-top: 5px;
}
/* --- New Flexbox Layout for Price/Qty & Buttons --- */
.rimage-outer-wrapper {
/* max-width: inherit !important; */
}
.js-qb-buy-buttons{
    position: sticky;
    bottom: 0;
    background: #fff;
    z-index: 9;
    margin: 0px -11px;
    border: 1px solid #eee;
    overflow:hidden;
    padding:10px;
}
.with-payment-buttons{
    margin:0;
}
.product-action-container {
    padding: 15px;
    overflow: hidden;
}
.with-payment-buttons .price_qty{float:left}
.with-payment-buttons .payment-buttons{float:right}
.large-title {
font-family: Archivo Narrow, sans-serif;
font-weight: 600;
font-size: 20px;
text-transform: uppercase;
}
.product-price__compare{
    font-size: 15px;
}
.custom-select--label-inside .custom-select__btn {
    border-radius: 0;
}
.product-action-container .tiny-title{display:block;}
.payment-buttons .btn {
background-color: #e80c00 !important;
box-shadow: none !important;
border-radius: 0;
}
.payment-buttons .btn:hover {
background: rgba(232, 12, 0, .6);
box-shadow: none !important;
border-radius: 0;
}
.shopify-payment-button,.custom-select__btn, {
border-radius: 0;
}
.product-price__compare{margin:0}
/* product style view */
.rb-media-stack .rimage-wrapper{
/* border: 1px solid #ddd; */
border-radius: 0;
}
.media-thumbnail {
position: relative;
display: inline-block;
width: 46%;
}
.product-layout-grid--large .product-detail__thumbnail {
border-radius: 0px !important;
}
.product-detail-accordion {
padding: 20px;
border: none !important;
margin-bottom:auto;
}
.section-product-recommendations{
background: #fff;
position: relative;
z-index: 99;
}
/* Container Box Fix */
.product-recommendations .product-block,.recently-viewed .product-block {
position: relative !important;
margin-bottom: 5px !important;
/* flex: 0 0 auto !important; */
border-radius: 0 !important;
margin: 5px;
color: #000;
border: 1px solid #ddd;
padding: 10px;
min-height:300px;
width: 19%;
}
/* Sirf Desktop Size ke liye (768px and above) */
@media screen and (min-width: 768px) {
.recently-viewed .product-block:nth-child(n+6) {display:none}
}
.product-recommendations .one-quarter {
width: 100%;
}
.product-recommendations .product-variant-thumbnails{
display: flex; gap: 5px; margin-top: 10px; flex-wrap: wrap;
border: 1px solid #ddd;
margin: 5px;
width: 100%;
background: #ddd;
text-align: center;
margin-top: -5px;
}
/* Radius Reset Only - Width/Height not forced here */
.product-block__image-container,
.global-border-radius,
.product-block__image,
.image-one,
.image-two,
.rimage-background {
border-radius: 0 !important;
}

/* Info Overlay (Left Aligned & Layered) */
.product-block__title, 
.product-block__vendor, 
.product-price {
text-align: left !important;
color:#000;
}
.product-block__title { 
font-size: 16px;
font-family: Archivo Narrow, sans-serif;
font-weight: 500;
color: #1f1f24;
text-transform: uppercase;
}

.product-price { 

}
.product-price__reduced {
font-weight: 700;
}

/* On Sale Label - Radius Only */
.product-label, 
.product-label--on-sale {
border-radius: 0 !important;
}

/* Grid Layout Fix */
.grid-flex {
margin-left:auto; /* Overriding default -30px if needed */
}
.recently-viewed{
overflow: hidden;
/* margin-left: 30px; */
margin-top: 50px;
}
.recently-viewed .grid{
margin-left: auto;
}
.footer-group--shift-up {
margin-top: 0;
background: #fff;
}
.footer-group--shift-up .product-block {
background: #fff;
width: 25% !important;
height: auto !important;
margin-bottom: auto !important;
flex: auto !important;
margin: 0;
padding: 50px 0px;
}
.footer-group--shift-up   .hover-images {
overflow: hidden;
height: 325px;
}
.footer-group--shift-up   .product-block__title {
background: #000;
color: #fff;
padding: 10px;
overflow: hidden;
margin: 0;
text-align: center !important;
}
.footer-group--shift-up   .product-block__title a{
color: #fff;
}
.page-footer__inner{position:relative,z-index: 9;}
/* Variant Picker Container */
variant-picker {
display: block;
margin-bottom: 20px;
}

/* Legend/Label Styling (Model No, Color, Size) */
.option-selector .label {
font-family: Archivo Narrow, sans-serif;
font-size: 13px !important;
font-weight: 600 !important;
letter-spacing: 1.5px !important;
text-transform: uppercase !important;
color: #000;
margin-bottom: 10px !important;
border: none !important;
padding: 0 !important;
}

/* Buttons Container */
.option-selector__btns {
gap: 10px !important;
margin: 0 !important;
}

/* Base Style for Variant Buttons */
.opt-label--btn {
padding: 5px;
border-radius: 0;
}

/* Hover Effect */
.opt-label--btn:hover {
border-color: #000 !important;
background-color: #f8f8f8 !important;
}

/* Selected/Active State (Ray-Ban style: Solid Black) */
.opt-btn:checked + .opt-label--btn {
background-color: #000 !important;
color: #fff !important;
border-color: #000 !important;
font-weight: 600 !important;
padding: 5px;
border-radius: 0px;
}
.opt-btn:checked + .opt-label--btn:Hover{
background-color: #fff !important;
color: #000 !important;
border-color: #ddd !important;
}
/* Focus state for accessibility */
.opt-btn:focus + .opt-label--btn {
outline: 1px solid #000;
outline-offset: 2px;
}

/* Hide the native radio button completely */
.visually-hidden {
position: absolute !important;
overflow: hidden;
clip: rect(0 0 0 0);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
}

/* Optional: Agar variant out of stock hai */
.opt-btn.is-unavailable + .opt-label--btn {
/* display: block;
width: 100%;
text-align: left !important;
margin: 0; */
}



/* Button Styling */
.lens-comparison-wrapper { margin: 20px 0; }
.lens-modal-trigger {
border-radius: 0 !important;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: bold;
padding: 12px 25px;
cursor: pointer;
background: #000;
color: #fff;
border: 1px solid #000;
}

/* Modal Styling */
.lens-modal {
display: none;
position: fixed;
z-index: 9999;
left: 0; top: 0; width: 100%; height: 100%;
background-color: rgba(0,0,0,0.9);
}

.lens-modal-content {
position: relative;
margin: 5% auto;
padding: 20px;
width: 80%;
max-width: 900px;
background: #fff;
border-radius: 0;
}

.close-lens-modal {
position: absolute;
right: 20px; top: 10px;
font-size: 30px; cursor: pointer; color: #000;
}

/* Slider Mechanism */
.comparison-slider {
position: relative;
width: 100%;
height: 500px;
overflow: hidden;
border: 1px solid #ddd;
}

.image-before, .image-after {
position: absolute;
top: 0; left: 0; width: 100%; height: 100%;
background-size: cover;
background-position: center;
}

.image-before {
width: 50%; /* Initial state */
border-right: 2px solid #fff;
}

.slider {
position: absolute;
-webkit-appearance: none;
appearance: none;
width: 100%;
height: 100%;
background: transparent;
outline: none;
margin: 0;
z-index: 10;
cursor: ew-resize;
}

.slider::-webkit-slider-thumb {
-webkit-appearance: none;
width: 5px; height: 500px; background: #fff; cursor: ew-resize;
}

.label-before, .label-after {
position: absolute;
bottom: 20px;
background: rgba(0,0,0,0.7);
color: #fff;
padding: 5px 10px;
font-size: 12px;
text-transform: uppercase;
}
.label-before { left: 20px; }
.label-after { right: 20px; }
.deliverydate{
border-radius: 0 !important;
}
/* Product Technical Details Grid */
.details-grid__item {
margin: 24px 0;
padding: 12px 0;
}

.details-label {
display: flex;
align-items: center;
gap: 12px;
margin: 0 0 6px 0;
letter-spacing: 0.05em;
text-transform: uppercase;
border-bottom: 1px solid #555;
padding: 10px 0px;
}

.details-icon {
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
flex-shrink: 0;
}

.details-icon svg {
width: 100%;
height: 100%;
stroke: #333; /* Icon color */
}

.details-value {
font-size: 14px;
color: #666;
padding-left: 32px; /* Icon ke niche space chhodne ke liye */
line-height: 1.5;
font-weight: 400;
}
.details-grid {}
.details-grid__item .details-label{
font-size: 16px;
line-height: 1.6;
text-transform: uppercase;
}

.details-grid .details-grid__item{
float: left;
width: 45%;
margin-right: 10px;
}
.details-grid .details-grid__item:last-child{display:none}
.rb-grid{
overflow: hidden;
width: 100%;
}
.rb-grid .rb-swatch{float:left;margin-right:10px}
.rb-swatch img{height:60px}
.rimage-wrapper{
border-radius: 0;
/* border:1px solid #ddd; */
}
.rimage-wrapper img,.global-border-radius{
border-radius: 0 !important;
}
h1, h2, h3, h4, h5, h6, .title, .large-title, .giant-title, .massive-title, .biggest-title, .standard-title, .small-title, .cc-popup .cc-popup-title, #shopify-product-reviews .spr-form-title, #shopify-product-reviews .spr-header-title {
letter-spacing: 0;
font-family: Archivo Narrow, sans-serif;
}

/* --- Mobile Responsiveness --- */
@media screen and (max-width: 990px) {
.footer-group--shift-up .hover-images {
height: auto;
}
.product-rayban-layout .product {
display: grid !important;
grid-template-columns: 65% 35% !important; /* Ray-Ban optimized ratio */
gap: 0 !important;
align-items: start;
}
.with-payment-buttons {
position: Initial;
width: 100%;
background: none;
}
.product-action-container{display:block;}
.footer-group--shift-up .hover-images {
height: auto;
}
}
@media screen and (max-width: 768px){
.product-layout-grid__images,.product-layout-grid__detail {
width: 100%;
border-right: none;
padding-top: 0;
}
.large-row {
overflow: hidden;
}
.footer-group--shift-up .product-block__title {
padding: 0;
font-size: 12px;
}
}