/** Shopify CDN: Minification failed

Line 844:0 Unexpected "}"

**/
:root{

--primary:#6F4E37;
--primary-dark:#4E3523;

--secondary:#A67C52;

--background:#F7F3EF;

--white:#ffffff;

--black:#222222;

--gray:#777777;

--border:#ECE7E2;

--radius:14px;

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

}

body{

background:var(--background);

color:var(--black);

font-family:Arial,sans-serif;

}

.page-width{

max-width:1400px;

margin:auto;

padding:0 30px;

}

.section-title{

font-size:42px;

font-weight:700;

margin-bottom:15px;

text-align:center;

}

.section-subtitle{

color:var(--gray);

text-align:center;

margin-bottom:50px;

}

.premium-btn{

display:inline-flex;
align-items:center;
justify-content:center;
padding:16px 34px;
background:#6F4E37;
color:#fff;
font-weight:600;
border-radius:50px;
text-decoration:none;
transition:all .35s ease;

}

.premium-btn:hover{

background:#4E3523;
transform:translateY(-3px);
box-shadow:0 15px 30px rgba(0,0,0,.25);

}

.premium-card{

background:white;

border-radius:14px;

overflow:hidden;

box-shadow:var(--shadow);

transition:.35s;

}

.premium-card:hover{

transform:translateY(-8px);

}

.section-space{

padding:80px 0;

}

img{

max-width:100%;

display:block;

}

@media(max-width:768px){

.section-title{

font-size:30px;

}

.page-width{

padding:0 18px;

}

.section-space{

padding:55px 0;

}

}
/* ===============================
   MPH PREMIUM HEADER
================================== */

.section-header{
    position:sticky;
    top:0;
    z-index:999;
    transition:.35s ease;
}

.header-wrapper{

    background:#ffffff;

    border-bottom:1px solid #ece7e2;

    transition:.35s ease;

}

.shopify-section-header-sticky .header-wrapper{

    background:#ffffffee;

    backdrop-filter:blur(18px);

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

}

.header{

    min-height:80px;

}

.header__heading-logo{

    max-height:58px;

}

.list-menu__item--link{

    color:#2b2b2b;

    font-weight:600;

    font-size:15px;

    letter-spacing:.4px;

    transition:.3s;

}

.list-menu__item--link:hover{

    color:#6F4E37;

}

.header__icon{

    transition:.3s;

}

.header__icon:hover{

    color:#6F4E37;

    transform:translateY(-2px);

}

.header__menu-item{

    text-transform:uppercase;

    font-size:14px;

    font-weight:600;

    letter-spacing:.6px;

}

.header__active-menu-item{

    color:#6F4E37;

}

@media(max-width:989px){

.header{

min-height:68px;

}

}
/* HERO */

.mph-hero{

position:relative;

height:85vh;

overflow:hidden;

display:flex;

align-items:center;

}

.mph-hero-image{

position:absolute;

width:100%;

height:100%;

object-fit:cover;

left:0;

top:0;

}

.mph-overlay{

position:absolute;

inset:0;

background:linear-gradient(to right,
rgba(15,15,15,.65),
rgba(15,15,15,.15));

}

.mph-content{

position:relative;

z-index:2;

max-width:650px;

color:white;

}

.mph-tag{

display:inline-block;

padding:8px 18px;

background:#6F4E37;

border-radius:30px;

margin-bottom:20px;

font-size:13px;

letter-spacing:2px;

}

.mph-content h1{

font-size:68px;

line-height:1.1;

margin-bottom:20px;

}

.mph-content p{

font-size:20px;

opacity:.9;

margin-bottom:35px;

line-height:1.8;

}

@media(max-width:768px){

.mph-content h1{

font-size:38px;

}

.mph-content p{

font-size:16px;

}

.mph-hero{

height:70vh;

}

}
/* ===================================
   PREMIUM HERO
=================================== */

.mph-hero{
position:relative;
width:100%;
height:85vh;
overflow:hidden;
}

.mph-slider{
position:relative;
width:100%;
height:100%;
}

.mph-slide{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
opacity:0;
visibility:hidden;
transition:opacity .8s ease;
}

.mph-slide.active{

opacity:1;

visibility:visible;

z-index:2;

animation:mphFade .9s ease;

}

@keyframes mphFade{

from{

opacity:0;

transform:scale(1.04);

}

to{

opacity:1;

transform:scale(1);

}

}

.mph-slide-image{
width:100%;
height:100%;
object-fit:cover;
display:block;
}

.mph-overlay{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:linear-gradient(
90deg,
rgba(0,0,0,.60),
rgba(0,0,0,.20)
);
}

.mph-content{
position:absolute;
top:50%;
left:8%;
transform:translateY(-50%);
z-index:5;
max-width:650px;
color:#fff;
}

.mph-tag{
display:inline-block;
background:#6F4E37;
padding:10px 20px;
border-radius:30px;
font-size:13px;
letter-spacing:2px;
margin-bottom:20px;
}

.mph-content h1{
font-size:64px;
line-height:1.1;
margin:0 0 20px;
font-weight:700;
}

.mph-content p{
font-size:20px;
line-height:1.8;
margin-bottom:35px;
max-width:520px;
}

.mph-prev,
.mph-next{

position:absolute;

top:50%;

transform:translateY(-50%);

width:52px;

height:52px;

border:none;

border-radius:50%;

background:rgba(255,255,255,.9);

cursor:pointer;

font-size:22px;

z-index:20;

transition:.3s;

}

.mph-prev{

left:25px;

}

.mph-next{

right:25px;

}

.mph-prev:hover,
.mph-next:hover{

background:#6F4E37;

color:white;

}

.mph-dots{

position:absolute;

bottom:35px;

left:50%;

transform:translateX(-50%);

display:flex;

gap:12px;

z-index:20;

}

.mph-dot{

width:12px;

height:12px;

border-radius:50%;

background:white;

opacity:.4;

cursor:pointer;

transition:.3s;

}

.mph-dot.active{

opacity:1;

background:#6F4E37;

transform:scale(1.2);

}

@media(max-width:768px){

.mph-hero{

height:70vh;

}

.mph-content{

left:20px;

right:20px;

max-width:100%;

}

.mph-content h1{

font-size:38px;

}

.mph-content p{

font-size:16px;

}

.mph-prev,
.mph-next{

display:none;

}

}
/* ===== Premium Category Slider ===== */

.mph-category-slider{
padding:60px 0;
overflow:hidden;
}

.mph-category-heading{
display:flex;
justify-content:space-between;
align-items:center;
margin-bottom:35px;
}

.mph-category-heading h2{
font-size:38px;
font-weight:700;
margin:0;
}

.mph-category-heading a{
text-decoration:none;
color:#7a4d33;
font-weight:600;
}

.mph-category-track{
display:flex;
gap:28px;
overflow-x:auto;
padding-bottom:15px;
scrollbar-width:none;
}

.mph-category-track::-webkit-scrollbar{
display:none;
}

.mph-circle-card{
min-width:170px;
text-align:center;
text-decoration:none;
flex-shrink:0;
}

.mph-circle{

width:170px;
height:170px;
border-radius:50%;
background:#f5f5f5;
display:flex;
align-items:center;
justify-content:center;
overflow:hidden;
transition:.35s;

}

.mph-circle img{

width:80%;
height:80%;
object-fit:contain;
transition:.4s;

}

.mph-circle:hover img{

transform:scale(1.1);

}

.mph-circle-card h4{
margin-top:18px;
font-size:18px;
font-weight:600;
color:#222;
white-space:nowrap;
}

@media(max-width:768px){

.mph-circle{

width:130px;
height:130px;

}

.mph-circle-card{

min-width:130px;

}

.mph-circle-card h4{

font-size:16px;

}

}
/* ===== PREMIUM FEATURED PRODUCTS ===== */

.mph-featured-products{
padding:70px 0;
}

.mph-section-header{
display:flex;
justify-content:space-between;
align-items:center;
margin-bottom:35px;
}

.mph-section-header h2{
font-size:36px;
font-weight:700;
margin:0;
}

.mph-section-header a{
text-decoration:none;
color:#7a4d33;
font-weight:600;
}

.mph-product-grid{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:24px;
align-items:start;
}

.mph-product-grid .card-wrapper{
width:100%;
}

.mph-product-grid .card{
border-radius:20px;
overflow:hidden;
box-shadow:0 10px 25px rgba(0,0,0,.08);
transition:.35s;
}

.mph-product-grid .card:hover{
transform:translateY(-8px);
}

@media(max-width:990px){

.mph-product-grid{
grid-template-columns:repeat(2,minmax(0,1fr));
gap:18px;
}

}

@media (max-width:767px){

.mph-product-grid{
display:grid;
grid-template-columns:repeat(2,1fr) !important;
gap:12px;
}

.mph-card{
width:100%;
}



}

.mph-product-grid{
grid-template-columns:repeat(2,minmax(0,1fr));
gap:12px;
}

.mph-info{
padding:22px;
text-align:left;
}

.mph-info h3{
font-size:18px;
font-weight:600;
line-height:1.5;
margin:0 0 14px;
text-align:left;
white-space:normal;
word-break:break-word;
}

.mph-price .new{
font-size:18px;
}

.mph-info button{
height:40px;
font-size:13px;
}



.mph-img{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0;
  margin:0;
  background:transparent;
  overflow:hidden;
  aspect-ratio:1/1;
}

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

}
/* ===========================
   PREMIUM PRODUCT CARD
=========================== */

.mph-featured-products{
padding:80px 0;
background:#fff;
}

.mph-featured-heading{
display:flex;
justify-content:space-between;
align-items:center;
margin-bottom:35px;
}

.mph-featured-heading h2{
font-size:38px;
font-weight:700;
color:#2d2d2d;
margin:0;
}

.mph-featured-heading a{
color:#7b5537;
font-weight:600;
text-decoration:none;
}

.mph-featured-grid{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:24px;
}

.mph-card{
display:flex;
flex-direction:column;
background:#fff;
border-radius:22px;
overflow:hidden;
text-decoration:none;
box-shadow:0 8px 25px rgba(0,0,0,.08);
transition:.35s;
height:100%;
}

.mph-card:hover{
transform:translateY(-8px);
box-shadow:0 20px 45px rgba(0,0,0,.12);
}

.mph-img{
position:relative;
padding:0;
background:transparent;
display:flex;
align-items:center;
justify-content:center;
overflow:hidden;
}

.mph-img img{
display:block;
width:100%;
height:auto;
object-fit:contain;
}

.mph-img img{
width:100%;
height:100%;
object-fit:contain;
display:block;
}

.mph-card{
display:flex;
flex-direction:column;
height:100%;
background:#fff;
border-radius:18px;
overflow:hidden;
box-shadow:0 5px 18px rgba(0,0,0,.08);
}

.mph-sale{
position:absolute;
top:18px;
left:18px;
background:#7b5537;
color:#fff;
padding:6px 10px;
border-radius:20px;
font-size:12px;
font-weight:700;
}

.mph-info{
padding:16px;
text-align:left;
}

.mph-info h3{
font-size:15px;
font-weight:600;
line-height:1.4;
margin:0 0 6px;
text-align:left;
min-height:42px;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
overflow:hidden;
}

.mph-price{
text-align:left;
margin-bottom:10px;
}

.mph-price .old{
color:#999;
text-decoration:line-through;
margin-right:8px;
}

.mph-price .new{
font-size:22px;
font-weight:700;
color:#7b5537;
}

.mph-info form{
margin:0;
}

.mph-info button{
width:100%;
height:46px;
margin:0;
border:none;
border-radius:30px;
background:#7b5537;
color:#fff;
font-size:15px;
font-weight:600;
cursor:pointer;
transition:.3s;
box-sizing:border-box;
}

.mph-info button:hover{
background:#5e3f28;
}



@media(max-width:990px){

.mph-featured-grid{
grid-template-columns:repeat(2,1fr);
}

}

@media(max-width:600px){

.mph-featured-grid{
grid-template-columns:repeat(2,1fr);
gap:12px;
}

}
.mph-title{
text-decoration:none;
color:inherit;
}

.mph-title h3{
margin:0;
}
.mph-full-width{
max-width:1400px;
}
.mph-info{
  display:flex;
  flex-direction:column;
  padding:18px;
}

.mph-title{
  text-decoration:none;
  color:#222;
}

.mph-title h3{
  margin:0;
  font-size:16px;
  line-height:1.4;
  text-align:left;
}

.mph-price{
  margin:10px 0 16px;
  text-align:left;
}

.mph-price .new{
  font-size:18px;
  font-weight:700;
  color:#7b5537;
}

.mph-info form{
  margin:0;
}

.mph-info button,
.quick-view{
  width:100%;
  height:46px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:30px;
  box-sizing:border-box;
}

.mph-info button{
  border:none;
  background:#7b5537;
  color:#fff;
}

.quick-view{
  margin-top:10px;
  border:2px solid #7b5537;
  color:#7b5537;
  text-decoration:none;
}
.mph-info{
padding:14px;
display:flex;
flex-direction:column;
gap:6px;
}

.mph-title h3{
margin:0 0 6px;
line-height:1.4;
}

.mph-price{
margin:0;
}

.mph-info form{
margin:0 0 8px;
}
/* Fix gap between product title and price */
.mph-info h3 {
  min-height: auto !important;
  margin: 0 0 4px 0 !important;
}

.mph-title h3 {
  margin: 0 0 4px 0 !important;
}

.mph-price {
  margin: 0 0 12px 0 !important;
}
/* Remove unwanted box border around Add to Cart button */
.mph-info form,
.mph-info .product-form,
.mph-add-form {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  margin: 0 !important;
  padding: 0 !important;
}

.mph-btn-submit {
  width: 100% !important;
  height: 46px !important;
  border: none !important;
  outline: none !important;
  border-radius: 30px !important;
  background: #7b5537 !important;
  color: #ffffff !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  transition: background 0.3s ease !important;
}

.mph-btn-submit:hover {
  background: #5e3f28 !important;
}
/* Hide embedded inline cart on homepage */
body.template-index .cart-item-list,
body.template-index #main-cart-footer,
body.template-index #main-cart-items,
body.template-index .cart__footer {
  display: none !important;
}
/* ===================================
   GAREY QATAR STYLE CART DRAWER
=================================== */

/* Drawer Panel Container */
.drawer__inner {
  width: 440px !important;
  max-width: 100vw !important;
  background: #ffffff !important;
  border-top-left-radius: 20px !important;
  border-bottom-left-radius: 20px !important;
  padding: 20px !important;
  display: flex !important;
  flex-direction: column !important;
}

/* Header & Item Counter */
.drawer__header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding-bottom: 15px !important;
  border-bottom: 1px solid #eee !important;
}

.drawer__heading {
  font-size: 22px !important;
  font-weight: 700 !important;
  color: #111 !important;
}

/* Announcement Banner */
.cart-drawer-announcement {
  background: #f8f9fa;
  border-radius: 12px;
  padding: 12px 16px;
  margin: 15px 0;
  font-size: 13px;
  line-height: 1.5;
  color: #2b7836;
  font-weight: 600;
}

/* Product Item Row */
.cart-drawer__item {
  display: flex !important;
  gap: 14px !important;
  padding: 16px 0 !important;
  border-bottom: 1px solid #f2f2f2 !important;
}

.cart-drawer__image {
  width: 75px !important;
  height: 75px !important;
  border-radius: 10px !important;
  object-fit: cover !important;
}

.cart-drawer__details {
  flex: 1 !important;
}

.cart-drawer__title {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #111 !important;
  line-height: 1.3 !important;
  margin-bottom: 4px !important;
}

.cart-drawer__price {
  font-weight: 700 !important;
  color: #111 !important;
  font-size: 14px !important;
}

/* Order Summary Box */
.drawer__footer {
  background: #f7f7f8 !important;
  border-radius: 14px !important;
  padding: 18px !important;
  margin-top: auto !important;
}

.drawer__footer .totals {
  display: flex !important;
  justify-content: space-between !important;
  margin-bottom: 8px !important;
  font-size: 14px !important;
}

.drawer__footer .totals__subtotal-value {
  font-weight: 700 !important;
  color: #111 !important;
}

/* Checkout Button */
.cart__checkout-button {
  width: 100% !important;
  height: 50px !important;
  background: #6F4E37 !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  border-radius: 12px !important;
  font-size: 16px !important;
  border: none !important;
  margin-top: 12px !important;
  cursor: pointer !important;
}

.cart__checkout-button:hover {
  background: #4E3523 !important;
}
/* ===== FEATURE GUARANTEE CARDS ===== */
.mph-features-section {
  padding: 60px 0;
}

.mph-features-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}

.mph-feature-card {
  background: #ffffff;
  border: 1px solid #e8e8e8;
  border-radius: 16px;
  padding: 40px 24px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mph-feature-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05);
}

.mph-feature-icon {
  margin-bottom: 24px;
  color: #222222;
  display: flex;
  align-items: center;
  justify-content: center;
}

.mph-feature-card h3 {
  font-size: 17px;
  font-weight: 700;
  color: #111111;
  margin: 0 0 12px 0;
  line-height: 1.3;
}

.mph-feature-card p {
  font-size: 14px;
  color: #666666;
  margin: 0 0 28px 0;
  line-height: 1.5;
}

.mph-feature-link {
  font-size: 15px;
  font-weight: 700;
  color: #7b5537;
  text-decoration: none;
  transition: color 0.2s ease;
}

.mph-feature-link:hover {
  color: #5e3f28;
  text-decoration: underline;
}
/* Mobile & Tablet Responsiveness for Features Section */
@media (max-width: 990px) {
  .mph-features-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }
}

@media (max-width: 576px) {
  .mph-features-grid {
    grid-template-columns: repeat(1, 1fr);
    gap: 14px;
  }
  .mph-feature-card {
    padding: 30px 20px;
  }
}
/* ===== OVERRIDE FEATURE CARD STYLING ===== */
.mph-feature-card {
  background: #ffffff !important;
  border: 1px solid #e8e8e8 !important;
  border-radius: 16px !important;
  padding: 35px 20px !important;
  text-align: center !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}

.mph-feature-card:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05) !important;
}
@media (max-width: 990px) {
  .mph-features-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }
}

@media (max-width: 576px) {
  .mph-features-grid {
    grid-template-columns: repeat(1, 1fr);
    gap: 12px;
  }
  .mph-feature-card {
    padding: 25px 18px;
  }
}
/* ===== MPH FAQ SECTION STYLES ===== */
.mph-faq-section {
  padding: 60px 0;
}

.mph-faq-container {
  display: grid;
  grid-template-columns: 1fr 1.5fr;
  gap: 60px;
  align-items: start;
}

/* Left Column */
.mph-faq-left h2 {
  font-size: 32px !important;
  font-weight: 700 !important;
  color: #111111 !important;
  margin: 0 0 16px 0 !important;
  line-height: 1.2 !important;
}

.mph-faq-left p {
  font-size: 15px !important;
  color: #666666 !important;
  margin: 0 0 28px 0 !important;
  line-height: 1.5 !important;
}

.mph-faq-btn {
  display: inline-block;
  background: #f4ece8 !important;
  color: #7b5537 !important;
  padding: 12px 24px !important;
  border-radius: 8px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  transition: background 0.3s ease !important;
}

.mph-faq-btn:hover {
  background: #e6dad3 !important;
}

/* Right Column Accordions */
.mph-faq-category {
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.8px !important;
  color: #888888 !important;
  margin: 24px 0 12px 0 !important;
}

.mph-faq-category:first-child {
  margin-top: 0 !important;
}

.mph-faq-item {
  border-bottom: 1px solid #e8e8e8 !important;
  padding: 16px 0 !important;
}

.mph-faq-question {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #111111 !important;
  cursor: pointer !important;
  list-style: none !important;
}

.mph-faq-question::-webkit-details-marker {
  display: none !important;
}

.mph-faq-icon {
  transition: transform 0.3s ease !important;
}

.mph-faq-item[open] .mph-faq-icon {
  transform: rotate(180deg) !important;
}

.mph-faq-answer {
  padding-top: 10px !important;
}

.mph-faq-answer p {
  font-size: 14px !important;
  color: #666666 !important;
  line-height: 1.6 !important;
  margin: 0 !important;
}
/* Responsive Layout for FAQ Section */
@media (max-width: 834px) {
  .mph-faq-container {
    grid-template-columns: 1fr !important;
    gap: 30px !important;
  }
  
  .mph-faq-left h2 {
    font-size: 26px !important;
  }
}
/* ===== FAQ CONTAINER PADDING & ALIGNMENT FIX ===== */
.mph-faq-section {
  padding: 60px 20px !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
  box-sizing: border-box !important;
}

.mph-faq-container {
  display: grid !important;
  grid-template-columns: 1fr 1.5fr !important;
  gap: 60px !important;
  align-items: start !important;
  padding: 0 15px !important;
}

/* Adjust Left & Right Content Spacing */
.mph-faq-left {
  padding-right: 15px !important;
}

.mph-faq-right {
  padding-left: 15px !important;
}

/* ===== MOBILE VIEW PADDING ADJUSTMENTS ===== */
@media (max-width: 834px) {
  .mph-faq-section {
    padding: 40px 24px !important;
  }
  
  .mph-faq-container {
    grid-template-columns: 1fr !important;
    gap: 32px !important;
    padding: 0 !important;
  }

  .mph-faq-left,
  .mph-faq-right {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .mph-faq-item {
    padding: 14px 4px !important;
  }
}
/* ===== PRODUCT PAGE CUSTOM STYLES ===== */
.mph-product-details {
  max-width: 580px;
  font-family: inherit;
}

.mph-pd-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 13px;
}

.mph-was-price {
  color: #e63946;
  font-weight: 700;
}

.mph-stars {
  color: #ffb703;
}

.mph-review-count {
  color: #555;
  margin-left: 4px;
}

.mph-pd-title {
  font-size: 28px !important;
  font-weight: 800 !important;
  margin: 8px 0 4px 0 !important;
}

.mph-pd-subtitle {
  color: #777;
  font-size: 14px;
  margin-bottom: 12px;
}

.mph-pd-price-row {
  display: flex;
  align-items: baseline;
  gap: 10px;
  margin-bottom: 12px;
}

.mph-current-price {
  font-size: 24px;
  font-weight: 800;
}

.mph-old-price {
  text-decoration: line-through;
  color: #888;
}

.mph-sale-banner {
  background: #2ec4b6;
  color: #fff;
  border-radius: 8px;
  padding: 10px 14px;
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 12px;
}

.mph-live-viewers {
  font-size: 13px;
  color: #2b7836;
  margin-bottom: 20px;
}

/* Swatches */
.mph-swatch-wrapper {
  margin-bottom: 20px;
}

.mph-swatches {
  display: flex;
  gap: 10px;
  margin-top: 8px;
}

.mph-swatch-item {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 2px solid #ddd;
  overflow: hidden;
  cursor: pointer;
}

.mph-swatch-item.active {
  border-color: #000;
}

.mph-swatch-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Action Buttons */
.mph-action-buttons {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-bottom: 20px;
}

.mph-btn-cart {
  width: 100%;
  height: 48px;
  border: 1.5px solid #000;
  background: #fff;
  font-weight: 800;
  border-radius: 30px;
  cursor: pointer;
}

.mph-btn-buynow {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 48px;
  background: #000;
  color: #fff;
  font-weight: 800;
  border-radius: 30px;
  text-decoration: none;
}

/* Quantity Selector */
.mph-quantity-row {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-bottom: 20px;
}

.mph-qty-picker {
  display: flex;
  border: 1px solid #ccc;
  border-radius: 6px;
  overflow: hidden;
}

.mph-qty-picker button {
  width: 36px;
  height: 36px;
  border: none;
  background: #f4f4f4;
  cursor: pointer;
}

.mph-qty-picker input {
  width: 40px;
  text-align: center;
  border: none;
}

/* Corporate Deal Box */
.mph-corporate-box {
  background: #fff3e0;
  border: 1.5px solid #ffb74d;
  border-radius: 8px;
  padding: 14px;
  position: relative;
  margin-bottom: 24px;
}

.mph-corp-tag {
  position: absolute;
  top: -10px;
  left: 14px;
  background: #000;
  color: #fff;
  font-size: 10px;
  padding: 2px 6px;
  font-weight: 800;
}

.mph-corp-content {
  display: flex;
  justify-content: space-between;
}

.mph-corp-link {
  color: #d97706;
  font-weight: 700;
  text-decoration: none;
}

/* Trust Badges */
.mph-trust-badges {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  text-align: center;
  font-size: 11px;
  font-weight: 700;
}

.mph-badge-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
}
/* Custom Liquid Product Grid Wrapper */
.mph-product-details {
  max-width: 550px !important;
  margin: 0 !important;
  padding: 20px !important;
  box-sizing: border-box !important;
}

/* Two-column layout if used standalone */
.mph-standalone-wrapper {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 40px !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding: 40px 20px !important;
}

@media (max-width: 768px) {
  .mph-standalone-wrapper {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
  }
}
/* ===== DESKTOP 2-COLUMN & THEME STYLING ===== */
.mph-main-wrapper {
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding: 40px 20px !important;
  box-sizing: border-box !important;
}

.mph-grid-container {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 50px !important;
  align-items: start !important;
}

/* Gallery Styling */
.mph-main-image-wrap img {
  width: 100% !important;
  height: auto !important;
  border-radius: 12px !important;
  object-fit: cover !important;
}

.mph-thumbnails {
  display: flex !important;
  gap: 10px !important;
  margin-top: 15px !important;
  overflow-x: auto !important;
}

.mph-thumb-item {
  width: 60px !important;
  height: 60px !important;
  border: 2px solid #ddd !important;
  border-radius: 8px !important;
  cursor: pointer !important;
  overflow: hidden !important;
}

.mph-thumb-item.active {
  border-color: var(--gradient-base-background-2, #000) !important;
}

.mph-thumb-item img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

/* Inherited Theme Button Colors */
.mph-btn-cart {
  width: 100% !important;
  height: 48px !important;
  border: 2px solid var(--gradient-base-background-2, #000) !important;
  background: transparent !important;
  color: var(--gradient-base-background-2, #000) !important;
  font-weight: 800 !important;
  border-radius: 30px !important;
  cursor: pointer !important;
}

.mph-btn-buynow {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 48px !important;
  background: var(--gradient-base-background-2, #000) !important;
  color: #ffffff !important;
  font-weight: 800 !important;
  border-radius: 30px !important;
  text-decoration: none !important;
}

/* Mobile Responsive Override */
@media (max-width: 834px) {
  .mph-grid-container {
    grid-template-columns: 1fr !important;
    gap: 25px !important;
  }
}
/* Red Limited Stock Text */
.mph-stock-red {
  color: #e63946 !important;
  font-weight: 700 !important;
}

/* Header Alignment without WAS text */
.mph-pd-header {
  display: flex !important;
  justify-content: flex-end !important;
  margin-bottom: 5px !important;
}

/* Clean Banner Box */
.mph-corp-content {
  display: block !important;
  text-align: left !important;
}
/* Shaking Animation for BUY NOW Button */
.mph-shake-btn {
  animation: mphShake 2.5s infinite ease-in-out;
}

@keyframes mphShake {
  0% { transform: scale(1); }
  10% { transform: scale(1.02) rotate(-2deg); }
  15% { transform: scale(1.02) rotate(2deg); }
  20% { transform: scale(1.02) rotate(-2deg); }
  25% { transform: scale(1.02) rotate(2deg); }
  30% { transform: scale(1); }
  100% { transform: scale(1); }
}
/* Force Shopify Header Visibility and Sticky Positioning */
.header-wrapper,
#shopify-section-header,
header-drawer,
.section-header {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 999 !important;
  background-color: #ffffff !important;
}

/* Ensure body padding accommodates sticky header */
body {
  overflow-x: hidden;
}
body:not(.template-product) .mph-product-only {
  display: none !important;
}
/* Shake animation keyframes */
@keyframes mphShake {
  0% { transform: translateX(0); }
  15% { transform: translateX(-5px) rotate(-1deg); }
  30% { transform: translateX(5px) rotate(1deg); }
  45% { transform: translateX(-4px) rotate(-1deg); }
  60% { transform: translateX(4px) rotate(1deg); }
  75% { transform: translateX(-2px) rotate(0); }
  100% { transform: translateX(0); }
}

/* STOP Add to Cart from shaking on Product Page */
.mph-details-column .mph-btn-cart,
.mph-details-column form button {
  animation: none !important;
}

/* Homepage ONLY: Shake Add to Cart */
.mph-featured-products .mph-shake-btn,
.mph-featured-products .mph-add-form button {
  display: inline-flex !important;
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
  animation: mphShake 2.5s infinite ease-in-out !important;
}

/* Product Page ONLY: Shake Buy Now with Centered Text */
.mph-details-column .mph-btn-buynow {
  display: inline-flex !important;
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
  animation: mphShake 2.5s infinite ease-in-out !important;
}
/* 1. HIDE MOBILE HAMBURGER MENU ON LAPTOP & DESKTOP SCREENS */
@media screen and (min-width: 990px) {
  .header__icon--menu,
  .header-drawer,
  header summary.header__icon,
  summary.header__icon--menu,
  .header__icon--summary {
    display: none !important;
  }
}

/* 2. PROPER ANNOUNCEMENT BAR MARQUEE (DESKTOP & MOBILE) */
.mph-announcement-bar,
.utility-bar,
[class*="announcement"] {
  background-color: #4a3319 !important;
  color: #ffffff !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  width: 100% !important;
  padding: 8px 0 !important;
  position: relative !important;
}

.mph-announcement-bar span,
[class*="announcement"] p,
[class*="announcement"] span {
  display: inline-block !important;
  padding-right: 40px !important;
  letter-spacing: 1px !important;
  font-weight: 600 !important;
  animation: mphSeamlessScroll 20s linear infinite !important;
}

@keyframes mphSeamlessScroll {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-100%);
  }
}
@media screen and (max-width:990px){

/* Drawer */
.menu-drawer{
    position:fixed !important;
    top:0 !important;
    left:0 !important;
    width:320px !important;
    max-width:85vw !important;
    height:100vh !important;
    background:#fff !important;
    z-index:99999 !important;
    overflow-y:auto;
}

/* Top area */
.menu-drawer__inner-container{
    padding-top:65px !important;
}

/* Menu alignment */
.menu-drawer__navigation{
    padding:0 !important;
}

.menu-drawer__menu{
    margin:0 !important;
    padding:0 !important;
}

.menu-drawer__menu-item{
    padding:18px 24px !important;
    text-align:left !important;
    justify-content:flex-start !important;
    border-bottom:1px solid #ececec;
}

/* Close button */
.menu-drawer__close-button{
    position:absolute !important;
    top:18px !important;
    right:18px !important;
    display:flex !important;
    align-items:center;
    justify-content:center;
    z-index:100001;
    background:none;
    border:none;
    padding:0;
}

.menu-drawer__close-button .svg-wrapper{
    display:block !important;
}

/* Hide fake X */
.menu-drawer__close-button::before,
.menu-drawer__close-button::after{
    display:none !important;
}

}
/* ===================================
   DRAWER CLOSE ICON & SCROLL FIX
=================================== */

/* Enforce parent container reference */
.menu-drawer__inner-container {
  position: relative !important;
}

/* Force top-right corner alignment */
.menu-drawer__close-button,
.menu-drawer__close-button.custom-drawer-close {
  position: absolute !important;
  top: 15px !important;
  right: 15px !important;
  left: auto !important;
  margin: 0 !important;
  padding: 8px !important;
  width: auto !important;
  height: auto !important;
  z-index: 100002 !important;
  background: transparent !important;
  border: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
/* FORCED SCROLL UNLOCK OVERRIDE */
.menu-drawer-container:not([open]) ~ body,
header-drawer:not([open]) ~ body,
body:not(.menu-open) {
  overflow: auto !important;
}

html:not(.menu-open) {
  overflow: auto !important;
}