/*==========================================
RK SPARE PARTS
PRODUCT DETAILS V2
PART 1
==========================================*/

.product-breadcrumb{

background:#f8f9fa !important;

padding:18px 0 !important;

border-bottom:1px solid #ececec !important;

}

.product-breadcrumb nav{

display:flex !important;

align-items:center !important;

flex-wrap:wrap !important;

gap:10px !important;

font-size:15px !important;

}

.product-breadcrumb a{

color:#666 !important;

text-decoration:none !important;

transition:.3s !important;

}

.product-breadcrumb a:hover{

color:#198754 !important;

}

.product-breadcrumb strong{

color:#222 !important;

font-weight:600 !important;

}

.product-details-page{

padding:45px 0 60px !important;

background:#f5f6f8 !important;

}

.product-gallery-card{

background:#fff !important;

border-radius:18px !important;

padding:25px !important;

box-shadow:0 10px 35px rgba(0,0,0,.06)!important;

position:sticky !important;

top:95px !important;

}

.main-image-wrapper{

position:relative !important;

height:470px !important;

display:flex !important;

align-items:center !important;

justify-content:center !important;

border:1px solid #eee !important;

border-radius:15px !important;

background:#fff !important;

overflow:hidden !important;

margin-bottom:20px !important;

}

.main-image-wrapper img{

max-width:100% !important;

max-height:420px !important;

transition:.4s !important;

cursor:zoom-in !important;

}

.main-image-wrapper:hover img{

transform:scale(1.08)!important;

}

.discount-badge{

position:absolute !important;

top:18px !important;

left:18px !important;

background:#dc3545 !important;

color:#fff !important;

padding:8px 16px !important;

font-size:14px !important;

font-weight:700 !important;

border-radius:30px !important;

z-index:5 !important;

}

.thumbnail-wrapper{

display:flex !important;

gap:12px !important;

overflow-x:auto !important;

padding-bottom:5px !important;

}

.thumbnail-wrapper::-webkit-scrollbar{

height:6px !important;

}

.thumbnail-wrapper::-webkit-scrollbar-thumb{

background:#198754 !important;

border-radius:20px !important;

}

.thumb-box{

min-width:90px !important;

height:90px !important;

border:2px solid #eee !important;

border-radius:12px !important;

display:flex !important;

align-items:center !important;

justify-content:center !important;

cursor:pointer !important;

transition:.3s !important;

background:#fff !important;

}

.thumb-box:hover{

border-color:#198754 !important;

transform:translateY(-4px)!important;

}

.thumb-image{

max-width:80px !important;

max-height:80px !important;

object-fit:contain !important;

}

.product-summary-card{

background:#fff !important;

border-radius:18px !important;

padding:35px !important;

box-shadow:0 10px 35px rgba(0,0,0,.06)!important;

}

.top-tags{

display:flex !important;

gap:10px !important;

margin-bottom:18px !important;

flex-wrap:wrap !important;

}

.category-tag{

background:#eaf8ef !important;

color:#198754 !important;

padding:7px 14px !important;

border-radius:30px !important;

font-size:12px !important;

font-weight:700 !important;

text-transform:uppercase !important;

letter-spacing:.5px !important;

}

.offer-tag{

background:#fff3cd !important;

color:#856404 !important;

padding:7px 14px !important;

border-radius:30px !important;

font-size:12px !important;

font-weight:700 !important;

}

.product-title{

font-size:34px !important;

font-weight:700 !important;

line-height:46px !important;

color:#222 !important;

margin-bottom:22px !important;

}

.product-meta{

display:grid !important;

grid-template-columns:repeat(3,1fr)!important;

gap:15px !important;

margin-bottom:25px !important;

}

.product-meta div{

background:#fafafa !important;

border:1px solid #eee !important;

padding:15px !important;

border-radius:12px !important;

}

.product-meta label{

display:block !important;

font-size:12px !important;

color:#888 !important;

margin-bottom:5px !important;

text-transform:uppercase !important;

font-weight:600 !important;

}

.product-meta strong{

font-size:15px !important;

color:#222 !important;

font-weight:700 !important;

}
/*==========================================
PRICE SECTION
==========================================*/

.price-section{

padding:25px 0 !important;

border-top:1px solid #eee !important;

border-bottom:1px solid #eee !important;

margin:20px 0 !important;

}

.old-price{

display:block !important;

font-size:18px !important;

font-weight:500 !important;

color:#9a9a9a !important;

text-decoration:line-through !important;

margin-bottom:8px !important;

}

.current-price{

font-size:48px !important;

font-weight:700 !important;

color:#198754 !important;

line-height:1 !important;

margin-bottom:15px !important;

}

.saving-badge{

display:inline-block !important;

background:#e8f7ed !important;

color:#198754 !important;

padding:8px 18px !important;

border-radius:30px !important;

font-size:14px !important;

font-weight:700 !important;

margin-bottom:15px !important;

}

.gst-text{

font-size:14px !important;

color:#777 !important;

}



/*==========================================
SHORT DESCRIPTION
==========================================*/

.short-description{

font-size:15px !important;

line-height:30px !important;

color:#555 !important;

margin-bottom:25px !important;

}



/*==========================================
DELIVERY CARD
==========================================*/

.delivery-card{

background:#fafafa !important;

border:1px solid #ececec !important;

border-radius:16px !important;

padding:20px !important;

margin-bottom:25px !important;

}

.delivery-item{

display:flex !important;

align-items:center !important;

gap:18px !important;

padding:15px 0 !important;

border-bottom:1px solid #ececec !important;

}

.delivery-item:last-child{

border-bottom:none !important;

padding-bottom:0 !important;

}

.delivery-item i{

width:52px !important;

height:52px !important;

background:#198754 !important;

color:#fff !important;

border-radius:50% !important;

display:flex !important;

align-items:center !important;

justify-content:center !important;

font-size:18px !important;

}

.delivery-item h6{

margin:0 !important;

font-size:16px !important;

font-weight:700 !important;

color:#222 !important;

}

.delivery-item p{

margin:4px 0 0 !important;

font-size:14px !important;

color:#777 !important;

}



/*==========================================
EXCHANGE CARD
==========================================*/

.exchange-card{

background:linear-gradient(135deg,#198754,#28a745)!important;

border-radius:18px !important;

padding:25px !important;

display:flex !important;

justify-content:space-between !important;

align-items:center !important;

margin-bottom:30px !important;

color:#fff !important;

}

.exchange-left h4{

font-size:22px !important;

font-weight:700 !important;

margin-bottom:8px !important;

}

.exchange-left p{

margin:0 !important;

font-size:15px !important;

opacity:.95 !important;

}

.exchange-price{

font-size:34px !important;

font-weight:700 !important;

}



/*==========================================
QUANTITY
==========================================*/

.quantity-section{

margin-bottom:30px !important;

}

.quantity-section label{

display:block !important;

font-size:15px !important;

font-weight:700 !important;

margin-bottom:12px !important;

color:#222 !important;

}

.qty-wrapper{

display:flex !important;

width:180px !important;

border:1px solid #ddd !important;

border-radius:12px !important;

overflow:hidden !important;

background:#fff !important;

}

.qty-btn{

width:50px !important;

height:50px !important;

border:none !important;

background:#f5f5f5 !important;

font-size:18px !important;

cursor:pointer !important;

transition:.3s !important;

}

.qty-btn:hover{

background:#198754 !important;

color:#fff !important;

}

.qty-wrapper input{

width:80px !important;

border:none !important;

text-align:center !important;

font-size:18px !important;

font-weight:600 !important;

outline:none !important;

}



/*==========================================
BUTTONS
==========================================*/

.button-group{

display:grid !important;

grid-template-columns:1fr 1fr !important;

gap:15px !important;

margin-bottom:18px !important;

}

.button-group .btn{

height:58px !important;

display:flex !important;

align-items:center !important;

justify-content:center !important;

border-radius:14px !important;

font-size:17px !important;

font-weight:700 !important;

transition:.35s !important;

}

.button-group .btn-success{

background:#198754 !important;

border-color:#198754 !important;

}

.button-group .btn-success:hover{

transform:translateY(-3px)!important;

background:#157347 !important;

}

.button-group .btn-dark:hover{

transform:translateY(-3px)!important;

}



/*==========================================
WHATSAPP
==========================================*/

.whatsapp-btn{

display:flex !important;

align-items:center !important;

justify-content:center !important;

gap:10px !important;

height:58px !important;

background:#25D366 !important;

color:#fff !important;

font-size:17px !important;

font-weight:700 !important;

border-radius:14px !important;

text-decoration:none !important;

transition:.35s !important;

margin-bottom:30px !important;

}

.whatsapp-btn:hover{

background:#1faa52 !important;

color:#fff !important;

transform:translateY(-3px)!important;

}
/*==========================================
TRUST BADGES
==========================================*/

.trust-wrapper{

display:grid !important;

grid-template-columns:repeat(4,1fr)!important;

gap:15px !important;

margin-top:20px !important;

}

.trust-box{

background:#fff !important;

border:1px solid #ececec !important;

border-radius:16px !important;

padding:22px 15px !important;

text-align:center !important;

transition:.35s !important;

box-shadow:0 8px 25px rgba(0,0,0,.05)!important;

}

.trust-box:hover{

transform:translateY(-6px)!important;

border-color:#198754 !important;

box-shadow:0 20px 40px rgba(25,135,84,.15)!important;

}

.trust-box i{

font-size:34px !important;

color:#198754 !important;

margin-bottom:12px !important;

}

.trust-box h6{

margin:0 !important;

font-size:15px !important;

font-weight:700 !important;

color:#222 !important;

}



/*==========================================
PRODUCT INFORMATION
==========================================*/

.product-information-section{

padding:70px 0 !important;

background:#f8f9fa !important;

}

.product-tabs{

background:#fff !important;

border-radius:20px !important;

padding:35px !important;

box-shadow:0 15px 35px rgba(0,0,0,.05)!important;

}

.product-tabs .nav{

gap:15px !important;

border-bottom:1px solid #ececec !important;

padding-bottom:20px !important;

margin-bottom:30px !important;

}

.product-tabs .nav-link{

border:none !important;

background:#f3f5f7 !important;

padding:14px 30px !important;

border-radius:40px !important;

font-weight:600 !important;

color:#444 !important;

transition:.3s !important;

}

.product-tabs .nav-link.active{

background:#198754 !important;

color:#fff !important;

}

.info-card{

padding:10px 0 !important;

}

.info-card h3{

font-size:30px !important;

font-weight:700 !important;

margin-bottom:25px !important;

color:#222 !important;

}



/*==========================================
DESCRIPTION
==========================================*/

.description-content{

font-size:16px !important;

line-height:34px !important;

color:#555 !important;

}



/*==========================================
SPECIFICATION TABLE
==========================================*/

.specification-table{

margin-top:20px !important;

border-collapse:separate !important;

border-spacing:0 12px !important;

}

.specification-table tr{

background:#fafafa !important;

}

.specification-table th{

width:35% !important;

padding:18px !important;

font-size:15px !important;

font-weight:700 !important;

color:#222 !important;

border:none !important;

background:#eef8f1 !important;

}

.specification-table td{

padding:18px !important;

font-size:15px !important;

color:#555 !important;

border:none !important;

background:#fff !important;

}



/*==========================================
FEATURES
==========================================*/

.feature-grid{

display:grid !important;

grid-template-columns:repeat(2,1fr)!important;

gap:18px !important;

margin-top:25px !important;

}

.feature-box{

background:#fff !important;

border:1px solid #ececec !important;

padding:18px 20px !important;

border-radius:14px !important;

display:flex !important;

align-items:center !important;

gap:15px !important;

font-size:16px !important;

font-weight:600 !important;

transition:.3s !important;

}

.feature-box:hover{

transform:translateY(-4px)!important;

border-color:#198754 !important;

box-shadow:0 15px 30px rgba(25,135,84,.10)!important;

}

.feature-box i{

font-size:22px !important;

color:#198754 !important;

}



/*==========================================
DELIVERY SECTION
==========================================*/

.delivery-section{

padding:20px 0 70px !important;

background:#f8f9fa !important;

}

.delivery-card-big{

background:#fff !important;

padding:35px !important;

border-radius:18px !important;

box-shadow:0 12px 30px rgba(0,0,0,.05)!important;

height:100% !important;

}

.delivery-card-big h3{

font-size:28px !important;

font-weight:700 !important;

margin-bottom:25px !important;

}

.delivery-card-big ul{

padding:0 !important;

margin:0 !important;

list-style:none !important;

}

.delivery-card-big ul li{

padding:15px 0 !important;

border-bottom:1px solid #eee !important;

display:flex !important;

align-items:center !important;

gap:14px !important;

font-size:16px !important;

}

.delivery-card-big ul li:last-child{

border:none !important;

}

.delivery-card-big i{

color:#198754 !important;

font-size:20px !important;

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

.related-products{

padding:70px 0 !important;

background:#ffffff !important;

}

.section-title{

text-align:center !important;

margin-bottom:45px !important;

}

.section-title h2{

font-size:38px !important;

font-weight:700 !important;

color:#222 !important;

margin-bottom:10px !important;

}

.section-title p{

font-size:16px !important;

color:#777 !important;

margin:0 !important;

}

.related-card{

background:#fff !important;

border-radius:18px !important;

overflow:hidden !important;

box-shadow:0 10px 30px rgba(0,0,0,.06)!important;

transition:.35s !important;

height:100% !important;

display:flex !important;

flex-direction:column !important;

}

.related-card:hover{

transform:translateY(-8px)!important;

box-shadow:0 20px 45px rgba(0,0,0,.12)!important;

}

.related-card img{

width:100% !important;

height:220px !important;

object-fit:contain !important;

padding:20px !important;

background:#fff !important;

transition:.35s !important;

}

.related-card:hover img{

transform:scale(1.08)!important;

}

.related-body{

padding:20px !important;

display:flex !important;

flex-direction:column !important;

flex:1 !important;

}

.related-body h5{

font-size:17px !important;

font-weight:600 !important;

line-height:28px !important;

height:56px !important;

overflow:hidden !important;

margin-bottom:15px !important;

}

.related-body h5 a{

text-decoration:none !important;

color:#222 !important;

}

.related-body h5 a:hover{

color:#198754 !important;

}

.related-price{

font-size:28px !important;

font-weight:700 !important;

color:#198754 !important;

margin-bottom:18px !important;

}

.related-body .btn{

margin-top:auto !important;

height:48px !important;

border-radius:10px !important;

font-weight:600 !important;

}



/*==========================================
IMAGE HOVER
==========================================*/

.main-image-wrapper{

cursor:zoom-in !important;

}

.main-image-wrapper::after{

content:'' !important;

position:absolute !important;

left:0 !important;

top:0 !important;

width:100% !important;

height:100% !important;

background:linear-gradient(
120deg,
transparent,
rgba(255,255,255,.20),
transparent
)!important;

transform:translateX(-120%)!important;

transition:.8s !important;

}

.main-image-wrapper:hover::after{

transform:translateX(120%)!important;

}



/*==========================================
BUTTON EFFECT
==========================================*/

.button-group .btn,
.whatsapp-btn{

position:relative !important;

overflow:hidden !important;

}

.button-group .btn:hover,
.whatsapp-btn:hover{

box-shadow:0 18px 35px rgba(25,135,84,.25)!important;

}



/*==========================================
RESPONSIVE
==========================================*/

@media(max-width:1199px){

.product-title{

font-size:30px !important;

line-height:42px !important;

}

.current-price{

font-size:42px !important;

}

}



@media(max-width:991px){

.product-gallery-card{

position:relative !important;

top:0 !important;

margin-bottom:30px !important;

}

.product-summary-card{

padding:25px !important;

}

.product-meta{

grid-template-columns:1fr !important;

}

.button-group{

grid-template-columns:1fr !important;

}

.trust-wrapper{

grid-template-columns:repeat(2,1fr)!important;

}

.feature-grid{

grid-template-columns:1fr !important;

}

}



@media(max-width:767px){

.product-breadcrumb{

display:none !important;

}

.product-details-page{

padding:25px 0 !important;

}

.main-image-wrapper{

height:320px !important;

}

.main-image-wrapper img{

max-height:260px !important;

}

.product-title{

font-size:24px !important;

line-height:34px !important;

}

.current-price{

font-size:36px !important;

}

.exchange-card{

flex-direction:column !important;

align-items:flex-start !important;

gap:15px !important;

}

.exchange-price{

font-size:28px !important;

}

.trust-wrapper{

grid-template-columns:1fr 1fr !important;

gap:10px !important;

}

.product-tabs{

padding:20px !important;

}

.product-tabs .nav{

overflow-x:auto !important;

flex-wrap:nowrap !important;

}

.product-tabs .nav-link{

white-space:nowrap !important;

}

.section-title h2{

font-size:28px !important;

}

}



@media(max-width:575px){

.thumbnail-wrapper{

justify-content:flex-start !important;

}

.thumb-box{

min-width:70px !important;

height:70px !important;

}

.thumb-image{

max-width:60px !important;

max-height:60px !important;

}

.qty-wrapper{

width:100% !important;

}

.related-card img{

height:180px !important;

}

.delivery-card-big{

padding:20px !important;

}

.product-summary-card{

padding:18px !important;

}

}



/*==========================================
MOBILE STICKY BUY BAR
==========================================*/

.mobile-buy-bar{

display:none;

}

@media(max-width:767px){

.mobile-buy-bar{

display:flex !important;

position:fixed !important;

left:0 !important;

right:0 !important;

bottom:0 !important;

background:#fff !important;

padding:12px !important;

box-shadow:0 -8px 25px rgba(0,0,0,.15)!important;

z-index:9999 !important;

gap:10px !important;

}

.mobile-buy-bar .price{

font-size:22px !important;

font-weight:700 !important;

color:#198754 !important;

flex:1 !important;

display:flex !important;

align-items:center !important;

}

.mobile-buy-bar .btn{

flex:1 !important;

height:48px !important;

border-radius:10px !important;

font-weight:600 !important;

}

body{

padding-bottom:85px !important;

}

}



/*==========================================
END
==========================================*/
/*=========================
PREMIUM COMPACT LOOK
==========================*/

.product-gallery-card{
padding:18px !important;
border-radius:16px !important;
}

.main-image-wrapper{
height:390px !important;
padding:15px !important;
}

.main-image-wrapper img{
max-height:330px !important;
max-width:88% !important;
}

.discount-badge{
font-size:13px !important;
padding:7px 16px !important;
}

.thumb-box{
width:72px !important;
height:72px !important;
min-width:72px !important;
}

.thumb-image{
max-width:58px !important;
max-height:58px !important;
}


/* RIGHT CARD */

.product-summary-card{
padding:26px !important;
border-radius:16px !important;
}

.top-tags{
margin-bottom:12px !important;
}

.category-tag,
.offer-tag{

font-size:11px !important;
padding:6px 14px !important;

}


/* TITLE */

.product-title{

font-size:24px !important;
line-height:34px !important;
font-weight:700 !important;
margin-bottom:18px !important;

}


/* META */

.product-meta{

gap:10px !important;
margin-bottom:18px !important;

}

.product-meta div{

padding:12px !important;
border-radius:10px !important;

}

.product-meta label{

font-size:11px !important;

}

.product-meta strong{

font-size:14px !important;
line-height:24px !important;

}


/* PRICE */

.price-section{

padding:18px 0 !important;
margin:15px 0 !important;

}

.old-price{

font-size:16px !important;
margin-bottom:4px !important;

}

.current-price{

font-size:34px !important;
margin-bottom:10px !important;

}

.saving-badge{

font-size:13px !important;
padding:6px 14px !important;

}

.gst-text{

font-size:13px !important;

}


/* DELIVERY */

.delivery-card{

padding:16px !important;
border-radius:14px !important;

}

.delivery-item{

padding:12px 0 !important;

}

.delivery-item i{

width:42px !important;
height:42px !important;
font-size:16px !important;

}

.delivery-item h6{

font-size:15px !important;

}

.delivery-item p{

font-size:13px !important;

}


/* QUANTITY */

.quantity-section{

margin-bottom:18px !important;

}

.qty-wrapper{

width:150px !important;

}

.qty-btn{

width:45px !important;
height:45px !important;

}

.qty-wrapper input{

font-size:17px !important;

}


/* BUTTON */

.button-group{

gap:12px !important;
margin-bottom:15px !important;

}

.button-group .btn{

height:50px !important;
font-size:16px !important;
border-radius:10px !important;
    margin-top: 0px !important;
}

.whatsapp-btn{

height:50px !important;
font-size:16px !important;
border-radius:10px !important;
margin-bottom:20px !important;

}


/* TRUST */

.trust-wrapper{

gap:10px !important;

}

.trust-box{

padding:18px 10px !important;
border-radius:12px !important;

}

.trust-box i{

font-size:28px !important;
margin-bottom:8px !important;

}

.trust-box h6{

font-size:13px !important;
line-height:20px !important;

}