/* =========================================
PRODUCT DETAILS
========================================= */

.product-gallery{

position:sticky;

top:30px;

}

.main-image{

background:#fff;

padding:12px;

border-radius:18px;

box-shadow:0 15px 35px rgba(0,0,0,.08);

}

.main-image img{

width:100%;

border-radius:14px;

transition:.4s;

cursor:zoom-in;

}

.main-image img:hover{

transform:scale(1.03);

}

.thumbnail-wrapper img{

cursor:pointer;

border-radius:12px;

border:2px solid transparent;

transition:.3s;

}

.thumbnail-wrapper img:hover{

border-color:#e6007e;

transform:translateY(-3px);

}

.active-thumb{

border:2px solid #e6007e !important;

}

.breadcrumb a{

color:#e6007e;

text-decoration:none;

font-weight:500;

}

.breadcrumb-item.active{

color:#666;

}
/* ===========================================
PRODUCT INFO
=========================================== */

.product-category{

display:inline-block;

background:#fff0f8;

color:#e6007e;

padding:8px 16px;

border-radius:30px;

font-size:13px;

font-weight:600;

letter-spacing:1px;

text-transform:uppercase;

}

.product-title{

font-size:34px;

font-weight:700;

line-height:1.4;

color:#222;

}

.product-rating{

color:#ffc107;

font-size:18px;

}

.product-rating span{

color:#666;

font-size:15px;

}

.price-box{

display:flex;

align-items:center;

gap:15px;

flex-wrap:wrap;

}

.sale-price{

font-size:40px;

font-weight:700;

color:#e6007e;

}

.old-price{

text-decoration:line-through;

color:#999;

font-size:22px;

}

.offer-badge{

background:#e6007e;

color:#fff;

padding:8px 18px;

border-radius:30px;

font-size:14px;

font-weight:600;

}

.stock-status{

font-weight:600;

color:#198754;

}

.detail-heading{

color:#e6007e;

font-size:18px;

font-weight:700;

margin-top:20px;

margin-bottom:8px;

}

.size-list{

padding-left:18px;

}

.size-list li{

margin-bottom:8px;

}

.btn-whatsapp{

background:#25D366;

color:#fff;

font-weight:600;

border-radius:50px;

padding:14px;

}

.btn-whatsapp:hover{

background:#1da851;

color:#fff;

}

.product-info p{

line-height:1.8;

color:#555;

}

.product-info hr{

margin:30px 0;

opacity:.15;

}
/*=================================
SECTION TITLE
=================================*/

.section-title{

font-size:34px;

font-weight:700;

color:#e6007e;

margin-bottom:25px;

}

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

.description-box{

background:#fff;

padding:40px;

border-radius:20px;

box-shadow:0 12px 35px rgba(0,0,0,.06);

}

.description-box p{

line-height:2;

color:#555;

}

/*=================================
SHIPPING BOX
=================================*/

.shipping-box{

background:#fff8fc;

padding:30px;

border-radius:20px;

border:1px solid #ffd3ea;

height:100%;

}

.shipping-box h4{

font-size:20px;

color:#e6007e;

margin-bottom:10px;

}

.shipping-box hr{

opacity:.15;

}

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

.specification-table{

background:#fff;

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

border-radius:18px;

overflow:hidden;

}

.specification-table th{

width:260px;

background:#fff4fa;

color:#e6007e;

font-weight:600;

padding:16px;

}

.specification-table td{

padding:16px;

color:#555;

}

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

@media(max-width:768px){

.section-title{

font-size:28px;

}

.description-box{

padding:25px;

}

.shipping-box{

margin-top:30px;

}

.specification-table th{

width:140px;

}

}
/*===================================
REVIEWS
===================================*/

.review-card{

background:#fff;

padding:30px;

border-radius:20px;

box-shadow:0 10px 25px rgba(0,0,0,.06);

height:100%;

transition:.3s;

}

.review-card:hover{

transform:translateY(-6px);

}

.review-stars{

font-size:24px;

color:#ffc107;

margin-bottom:15px;

}

.review-card h6{

color:#e6007e;

margin-top:20px;

}

/*===================================
FAQ
===================================*/

.accordion-button{

font-weight:600;

}

.accordion-button:not(.collapsed){

background:#fff3fa;

color:#e6007e;

}

.accordion-button:focus{

box-shadow:none;

border-color:#e6007e;

}

/*===================================
ACTIVE THUMB
===================================*/

.active-thumb{

border:3px solid #e6007e;

}

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

.btn-whatsapp{

background:#25D366;

color:#fff;

border:none;

}

.btn-whatsapp:hover{

background:#1eb85b;

color:#fff;

}