/* =====================================================
PDP MAIN WRAPPER
===================================================== */

.pdp-single-product-main-area{
margin-top:10px;
}


/* =====================================================
BREADCRUMB
===================================================== */

.pdp-top{
padding:8px 0 12px;
}

.pdp-breadcrumb{
font-size:13px;
margin-bottom:10px;
}

.pdp-breadcrumb a{
color:#555;
text-decoration:none;
}

.pdp-breadcrumb span{
margin:0 5px;
}


/* =====================================================
PRODUCT TITLE BLOCK
===================================================== */

.product-head{
margin-bottom:12px;
}

.product-title{
font-size:22px;
font-weight:600;
line-height:1.3;
margin:0;
color:#111;
}

.product-sku{
font-size:13px;
color:#777;
margin-top:4px;
}


/* Mobile title */

@media (max-width:768px){
.product-title{
font-size:18px;
}
}


/* =====================================================
PRODUCT IMAGE SECTION
CLS SAFE IMAGE SYSTEM
===================================================== */

.product-details-img,
.single-product-img,
.gallery-top{
width:100%;
max-width:100%;
overflow:hidden;
position:relative;
}


/* Main product image */

.pro-main-img{
width:100%;
height:auto;
display:block;
object-fit:cover;
}


/* Thumbnails */

.thumb-img{
width:100%;
aspect-ratio:1/1;
object-fit:cover;
}


/* Related product images */

.related-img{
width:100%;
aspect-ratio:1/1;
object-fit:cover;
}


/* =====================================================
SWIPER SLIDER FIX
===================================================== */

.swiper-wrapper{
width:100%;
}

.swiper-slide{
display:flex;
align-items:center;
justify-content:center;
}

/* Product Image */

.swiper-slide img{
width:100%;
height:100%;
object-fit:cover;
}

/* Gallery container */

.gallery-top{
width:100%;
aspect-ratio:1/1;
overflow:hidden;
}

/* Thumbnail slider */

.gallery-thumbs{
height:100px;
}


/* =====================================================
GLOBAL IMAGE RULE
Prevents CLS across page
===================================================== */

img{
max-width:100%;
height:auto;
display:block;
}


/* =====================================================
SELECT2 DROPDOWN STYLE
===================================================== */

.select2-container--default .select2-selection--single{
border:0!important;
}

.select2-container--default .select2-selection--single span{
height:40px;
line-height:40px;
display:inline-block;
width:100%;
padding:0 0 0 15px;
border:1px solid #846faa;
box-shadow:inset 0 0 10px rgba(132,111,170,.35);
}

.select2-container--default .select2-selection--single .select2-selection__arrow{
height:38px!important;
}


/* =====================================================
DATEPICKER STYLE
===================================================== */

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default{
color:blue!important;
border:1px solid #c5c5c5!important;
background:#f6f6f6!important;
width:30px!important;
height:30px!important;
border-radius:0!important;
}


/* =====================================================
FREE TAG BANNER
===================================================== */

.t-left{
background:url(../images/free_left.png) no-repeat left top;
float:left;
height:65px;
width:11%;
}

.t-center{
background:url(../images/free_rpt.png) repeat-x left top;
float:left;
height:65px;
width:77%;
}

.t-right{
background:url(../images/free_right.png) no-repeat right top;
float:right;
height:65px;
width:12%;
}

.free-text{
text-align:center;
color:#fff;
font-size:19px;
font-weight:400;
line-height:45px;
}


/* =====================================================
PRODUCT VARIATIONS
===================================================== */

.product-variation{
margin-top:16px;
}

.variation-grid{
display:grid;
grid-template-columns:1fr;
gap:12px;
}

@media (min-width:768px){
.variation-grid{
grid-template-columns:repeat(2,1fr);
}
}

.variation-card{
display:flex;
gap:10px;
padding:12px;
background:#fff;
border:1px solid #e5e5e5;
border-radius:10px;
cursor:pointer;
transition:.2s;
}

.variation-card.active{
border-color:#07a435;
box-shadow:0 0 0 1px #07a435;
}


/* =====================================================
ABOUT PRODUCT TABS
===================================================== */

.pdp-about-wrap{
margin-top:24px;
}

.pdp-about-title{
font-size:20px;
font-weight:600;
margin-bottom:12px;
color:#111;
}

.pdp-pill-tabs{
display:flex;
flex-wrap:nowrap;
align-items:center;
gap:14px;
margin-bottom:14px;
overflow-x:auto;
padding-bottom:6px;
}

.pdp-pill-tabs .nav-link{
min-width:140px;
text-align:center;
border:1px solid #ddd;
border-radius:32px;
padding:10px 26px;
font-size:14px;
background:#fff;
transition:.2s;
}

.pdp-pill-tabs .nav-link.active{
background:#fbf7e5;
border-color:#bdb76b;
}


/* Tab content */

.pdp-about-content{
min-height:260px;
max-height:260px;
overflow-y:auto;
}


/* =====================================================
RELATED PRODUCTS
===================================================== */

.product-slider{
position:relative;
overflow:visible;
min-height:420px;
}

.single-product{
background:#fff;
border-radius:12px;
overflow:hidden;
}

.product-image{
aspect-ratio:1/1;
overflow:hidden;
}

.product-content{
padding:12px;
text-align:center;
}


/* =====================================================
PRICE BOX
===================================================== */

.price-box{
margin:6px 0 10px;
}

.regular-price{
font-weight:600;
color:#000;
}

.old-price{
font-size:13px;
color:#888;
margin-left:6px;
}


/* =====================================================
ADD TO CART BUTTON
===================================================== */

.product-cart{
padding:7px 16px;
font-size:13px;
border-radius:20px;
}


/* =====================================================
PRICE ALERT BOX
===================================================== */

.price-alert-box{
background:linear-gradient(90deg,#fff8f8,#ffecec);
color:#b30000;
border:1px solid #ffd4d4;
border-left:5px solid #e60000;
padding:14px 16px;
margin:16px 0;
border-radius:8px;
min-height:60px;
}


/* =====================================================
MOBILE OPTIMIZATION
===================================================== */

@media (max-width:768px){

.product-cart{
font-size:12px;
padding:6px 14px;
}

.pdp-pill-tabs .nav-link{
min-width:120px;
padding:8px 20px;
font-size:13px;
}

}

/* =====================================================
ADDON PLUS / MINUS ICON FIX
===================================================== */

.chk{
position:relative;
}

/* PLUS / MINUS ICON */

#changer{
width:34px !important;
height:34px !important;
position:absolute;
top:6px;
left:6px;
z-index:5;
object-fit:contain;
}

/* ADDON PRODUCT IMAGE */

.bx41{
width:90px;
height:90px;
object-fit:contain;
margin:auto;
display:block;
}

/* ADDON CARD */

.probg{
padding:12px;
text-align:center;
position:relative;
}

.titlse{
display:block;
margin-top:6px;
min-height:32px;
}
/* ADDON SELECTED STATE */

.addon-selected{
border:2px solid #07a435;
padding:3px;
background:#f4fff7;
}
.borderchk{
transition:all .2s ease;
cursor:pointer;
}

.borderchk:hover{
border:1px solid #07a435;
}

/* ===============================
ADDON CARD UI
=============================== */

.probg{
position:relative;
padding:15px;
border:1px solid #e5e5e5;
border-radius:8px;
background:#fff;
text-align:center;
transition:all .2s ease;
cursor:pointer;
}

/* hover effect */

.probg:hover{
border-color:#07a435;
box-shadow:0 3px 10px rgba(0,0,0,0.08);
}

/* selected card */

.addon-selected{
border:2px solid #07a435 !important;
background:#f4fff7;
}

/* product image */

.bx41{
width:90px;
height:90px;
object-fit:contain;
margin:auto;
display:block;
}

/* product title */

.titlse{
font-size:13px;
display:block;
margin-top:8px;
min-height:32px;
}

/* price */

.prie{
font-weight:600;
font-size:14px;
}
/* addon grid spacing */

#showcitywiseaddon .probg{
margin-bottom:15px;
}