/* =========================================================
   My Store BD — main stylesheet
   ========================================================= */

:root{
	--msbd-orange: #F97316;
	--msbd-orange-dark: #EA580C;
	--msbd-black: #1A1A1A;
	--msbd-dark: #222222;
	--msbd-green: #16A34A;
	--msbd-gray-bg: #F6F5F2;
	--msbd-border: #E6E4DF;
	--msbd-text: #333333;
	--msbd-muted: #767676;
	--msbd-radius: 8px;
	--msbd-shadow: 0 2px 10px rgba(0,0,0,.06);
	--msbd-font: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
	font-family:var(--msbd-font);
	color:var(--msbd-text);
	background:#F9F6F0;
	margin:0;
	line-height:1.5;
}
img{max-width:100%; height:auto; display:block;}
a{color:inherit; text-decoration:none;}
ul{margin:0; padding:0; list-style:none;}
h1,h2,h3,h4{margin:0 0 .5em; font-weight:700;}
button{font-family:inherit; cursor:pointer;}

.msbd-container{max-width:1320px; margin:0 auto; padding:0 20px;}

/* =========== HEADER =========== */
.msbd-header{background:#fff; border-bottom:1px solid var(--msbd-border); position:relative; z-index:100;}
.msbd-header-top{display:flex; align-items:center; gap:24px; padding:16px 20px;}
.msbd-logo{display:flex; align-items:center; gap:10px; flex-shrink:0;}
.msbd-logo-text{font-size:20px; font-weight:800; color:var(--msbd-black); letter-spacing:.2px;}
.msbd-logo .custom-logo-link{display:flex; align-items:center;}
.msbd-logo img,
.msbd-logo .custom-logo,
a.custom-logo-link img.custom-logo{
	max-height: 100px !important;
	height: 100px !important;
	width: auto !important;
	max-width: 600px !important;
	object-fit: contain !important;
}

.msbd-search-form{flex:1; max-width:600px; display:flex; background:var(--msbd-gray-bg); border-radius:6px; overflow:hidden;}
.msbd-search-form input[type=search]{flex:1; border:0; background:transparent; padding:11px 16px; font-size:14px; outline:none;}
.msbd-search-form button{background:transparent; border:0; padding:0 16px;}

.msbd-header-icons{display:flex; align-items:center; gap:22px; margin-left:auto;}
.msbd-icon-link{display:flex; flex-direction:column; align-items:center; gap:2px; font-size:11px; color:var(--msbd-text); background:none; border:0; position:relative; white-space:nowrap;}
.msbd-icon{font-size:19px; position:relative;}
.msbd-icon-label{font-size:11px;}
.msbd-cart-badge{position:absolute; top:-8px; right:-10px; background:var(--msbd-orange); color:#fff; font-size:10px; font-weight:700; min-width:16px; height:16px; border-radius:50%; display:flex; align-items:center; justify-content:center; padding:0 3px;}
.msbd-more-toggle{background:none; border:0;}
.msbd-mobile-toggle{display:none; background:none; border:0; font-size:24px; margin-left:12px;}

.msbd-nav{background:var(--msbd-black);}
.msbd-menu{display:flex; flex-wrap:wrap; gap:2px;}
.msbd-menu > li{position:relative;}
.msbd-menu > li > a{display:block; padding:13px 16px; color:#fff; font-size:14px; font-weight:500;}
.msbd-menu > li:hover > a, .msbd-menu > li.current-menu-item > a{background:var(--msbd-orange);}
.msbd-menu ul{position:absolute; top:100%; left:0; background:#fff; min-width:210px; box-shadow:var(--msbd-shadow); display:none; z-index:50; border-radius:0 0 6px 6px; overflow:hidden;}
.msbd-menu li:hover > ul{display:block;}
.msbd-menu ul li a{color:var(--msbd-text); padding:10px 16px; display:block; font-size:14px;}
.msbd-menu ul li a:hover{background:var(--msbd-gray-bg); color:var(--msbd-orange);}

/* =========== HERO =========== */
.msbd-hero-section{padding:24px 0 8px;}
.msbd-hero-grid{display:grid; grid-template-columns:2fr 1fr; gap:16px;}
.msbd-hero-banner{position:relative; display:block; height:280px; border-radius:var(--msbd-radius); background:linear-gradient(135deg,#FDE9D9,#FBCFA0); background-size:cover; background-position:center; overflow:hidden;}
.msbd-hero-placeholder{position:absolute; inset:0; display:flex; align-items:center; justify-content:center; padding:20px; text-align:center;}
.msbd-hero-placeholder span{font-size:26px; font-weight:800; color:var(--msbd-black); max-width:80%;}
.msbd-hero-title{position:absolute; left:24px; bottom:24px; background:rgba(0,0,0,.55); color:#fff; padding:8px 14px; border-radius:6px; font-weight:700;}

/* =========== SECTIONS =========== */
.msbd-section{padding:36px 0; background: var(--msbd-gray-bg) !important;}
.msbd-section-alt{background:var(--msbd-gray-bg);}
.msbd-section-title{font-size:24px; color:var(--msbd-black); border-left:4px solid var(--msbd-orange); padding-left:10px;}
.msbd-section-title.center{text-align:center; border:0; padding-left:0;}
.msbd-section-head{display:flex; align-items:center; justify-content:space-between; margin-bottom:18px;}
.msbd-view-all{color:var(--msbd-orange); font-weight:600; font-size:14px;}

/* Category row */
.msbd-categories-row{display:grid; grid-template-columns:repeat(auto-fill,minmax(110px,1fr)); gap:16px; margin-top:20px;}
.msbd-category-item{text-align:center; display:flex; flex-direction:column; align-items:center; gap:10px;}
.msbd-category-icon{width:78px; height:78px; border-radius:50%; background:var(--msbd-gray-bg); display:flex; align-items:center; justify-content:center; overflow:hidden; border:1px solid var(--msbd-border); transition:.2s;}
.msbd-category-item:hover .msbd-category-icon{border-color:var(--msbd-orange); transform:translateY(-3px);}
.msbd-category-icon img{width:50px; height:50px; object-fit:cover; border-radius:50%;}
.msbd-category-name{font-size:13px; font-weight:600;}

/* =========== PRODUCT GRID (WooCommerce) =========== */
ul.products{display:grid !important; grid-template-columns:repeat(5,1fr); gap:18px; margin:0 !important; padding:0 !important;}
ul.products.columns-4{grid-template-columns:repeat(4,1fr);}
ul.products.columns-3{grid-template-columns:repeat(3,1fr);}
ul.products.columns-2{grid-template-columns:repeat(2,1fr);}

ul.products li.product{
	list-style:none; background:#fff; border:1px solid var(--msbd-border); border-radius:var(--msbd-radius);
	padding:14px; position:relative; transition:.2s; text-align:left;
	width:100% !important; float:none !important; margin:0 !important; clear:none !important;
	display:flex !important; flex-direction:column;
}
ul.products li.product a{display:flex; flex-direction:column; flex:1;}
ul.products li.product:hover{box-shadow:var(--msbd-shadow); transform:translateY(-2px);}
ul.products li.product a img{width:100%; border-radius:6px; aspect-ratio:1/1; object-fit:cover; margin-bottom:10px;}
ul.products li.product .woocommerce-loop-product__title{font-size:14px; font-weight:600; color:var(--msbd-text); margin:6px 0 4px; min-height:38px;}
ul.products li.product .price{font-size:15px; font-weight:700; color:var(--msbd-orange);}
ul.products li.product .price del{color:#aaa; font-weight:400; font-size:13px; margin-right:6px;}
ul.products li.product .price ins{text-decoration:none;}

span.onsale{
	position:absolute; top:10px; right:10px; background:var(--msbd-green); color:#fff; font-size:11px; font-weight:700;
	padding:3px 8px; border-radius:4px; z-index:2;
}
span.best-flag{
	position:absolute; top:10px; left:10px; background:var(--msbd-orange); color:#fff; font-size:11px; font-weight:700;
	padding:3px 8px; border-radius:4px; z-index:2;
}

.msbd-add-to-cart{margin-top:auto;}
ul.products li.product a.button, ul.products li.product a.add_to_cart_button{
	display:block; width:100%; text-align:center; background:#fff; color:var(--msbd-orange); border:1px solid var(--msbd-orange);
	padding:9px 10px; border-radius:6px; font-size:13px; font-weight:600; transition:.2s;
}
ul.products li.product a.button:hover, ul.products li.product a.add_to_cart_button:hover{background:var(--msbd-orange); color:#fff;}
ul.products li.product a.added_to_cart{display:block; margin-top:6px; font-size:12px; text-align:center; color:var(--msbd-green);}

/* =========== TESTIMONIALS =========== */
.msbd-testimonials{display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-top:20px;}
.msbd-testimonial-card{background:#fff; border:1px solid var(--msbd-border); border-radius:var(--msbd-radius); padding:20px;}
.msbd-stars{color:#F5A623; margin-bottom:10px;}

.msbd-notice{background:#FFF3E0; border:1px solid var(--msbd-orange); padding:16px; border-radius:6px; margin:20px 0;}

/* =========== BREADCRUMB =========== */
.msbd-breadcrumb{background:var(--msbd-gray-bg); padding:14px 0; font-size:13px; color:var(--msbd-muted); margin-bottom:20px;}
.msbd-breadcrumb a{color:var(--msbd-muted);}
.msbd-breadcrumb a:hover{color:var(--msbd-orange);}

/* =========== SHOP / CATEGORY PAGE =========== */
.msbd-shop-wrap{padding:24px 0 50px;}
.woocommerce-products-header__title{font-size:26px; margin-bottom:6px;}
.woocommerce-result-count, .woocommerce-ordering{margin-bottom:16px;}
.woocommerce-ordering select{padding:8px 12px; border-radius:6px; border:1px solid var(--msbd-border);}

/* Sidebar widgets (price filter / categories) reuse WooCommerce widget markup */
.widget_price_filter .price_slider_amount{margin-top:10px;}
.widget_price_filter button{background:var(--msbd-orange); color:#fff; border:0; padding:6px 14px; border-radius:6px;}
.widget-title{font-size:15px; text-transform:uppercase; border-bottom:2px solid var(--msbd-orange); display:inline-block; padding-bottom:4px; margin-bottom:14px;}

.woocommerce-pagination ul.page-numbers{display:flex; gap:6px; justify-content:center; margin-top:30px;}
.woocommerce-pagination .page-numbers li{list-style:none;}
.woocommerce-pagination a.page-numbers, .woocommerce-pagination span.page-numbers{
	display:flex; align-items:center; justify-content:center; width:36px; height:36px; border:1px solid var(--msbd-border); border-radius:6px;
}
.woocommerce-pagination .page-numbers.current{background:var(--msbd-orange); color:#fff; border-color:var(--msbd-orange);}

/* =========== SINGLE PRODUCT PAGE =========== */
.single-product div.product{display:grid; grid-template-columns:1fr 1fr; gap:40px; background:#fff; border:1px solid var(--msbd-border); border-radius:var(--msbd-radius); padding:30px; margin-bottom:30px; position:relative;}
.single-product .woocommerce-product-gallery__image img{
	border-radius:8px;
	width: 100%;
	aspect-ratio: 1 / 1;
	max-height: 500px;
	object-fit: cover;
}
.single-product .woocommerce-product-gallery{
	max-width: 100%;
}
.single-product .summary h1.product_title{font-size:24px; margin-bottom:8px;}
.single-product p.price{
	display:flex; align-items:center; gap:10px; flex-wrap:wrap;
	font-size:28px; font-weight:800; color:var(--msbd-orange);
	background:#FFF3E8; border:1px solid #FBD8B8; border-radius:8px;
	padding:12px 16px; margin-bottom:18px; width:max-content;
}
.single-product p.price ins{color:var(--msbd-orange); text-decoration:none; font-weight:800;}
.single-product p.price del{font-size:16px; color:#aaa; font-weight:400; margin-right:0;}
.msbd-save-inline{
	background:var(--msbd-green); color:#fff; font-size:12px; font-weight:700;
	padding:3px 9px; border-radius:4px; line-height:1.6;
}
.single-product .msbd-qty-label{font-size:14px; font-weight:600; margin-right:10px;}
.single-product .quantity{display:inline-flex; align-items:center; border:1px solid var(--msbd-border); border-radius:999px; overflow:hidden; width:max-content; vertical-align:middle;}
.single-product .quantity input{width:44px; padding:10px 0; border:0; border-radius:0; text-align:center; -moz-appearance:textfield;}
.single-product .quantity input::-webkit-outer-spin-button, .single-product .quantity input::-webkit-inner-spin-button{-webkit-appearance:none; margin:0;}
.msbd-qty-btn{
	width:38px; height:38px; border:0; background:var(--msbd-gray-bg); color:var(--msbd-text);
	font-size:18px; line-height:1; cursor:pointer; display:flex; align-items:center; justify-content:center; flex-shrink:0;
}
.msbd-qty-btn:hover{background:var(--msbd-orange); color:#fff;}
.single-product form.cart{display:flex; flex-direction:column; align-items:flex-start; gap:14px; margin-bottom:20px;}
.single-product .msbd-cart-actions{display:flex; gap:14px; flex-wrap:wrap;}
.single-product .msbd-qty-row{display:flex; align-items:center; gap:10px;}
button.single_add_to_cart_button, .single-product a.button{
	background:var(--msbd-orange); color:#fff; border:0; padding:18px 44px; border-radius:6px;
	font-weight:700; font-size:16px; text-transform:uppercase; min-width:170px;
}
button.single_add_to_cart_button:hover{background:var(--msbd-orange-dark);}

.woocommerce-tabs ul.tabs{display:flex; gap:6px; border-bottom:2px solid var(--msbd-border); margin-bottom:20px; padding:0;}
.woocommerce-tabs ul.tabs li{list-style:none;}
.woocommerce-tabs ul.tabs li a{padding:8px 16px; display:block; font-weight:600; font-size:13px; background:var(--msbd-gray-bg); border-radius:6px 6px 0 0;}
.woocommerce-tabs ul.tabs li.active a{background:var(--msbd-orange); color:#fff;}

.related.products{margin-top:40px;}
.related.products > h2{font-size:22px; border-left:4px solid var(--msbd-orange); padding-left:10px;}

/* =========== CART / CHECKOUT PAGE =========== */
table.shop_table{width:100%; border-collapse:collapse; margin-bottom:20px;}
table.shop_table th, table.shop_table td{padding:14px; border-bottom:1px solid var(--msbd-border); text-align:left;}
.woocommerce-checkout-review-order, #order_review{background:var(--msbd-gray-bg); padding:20px; border-radius:var(--msbd-radius);}
.woocommerce-billing-fields input, .woocommerce-billing-fields select,
.woocommerce-additional-fields textarea, .woocommerce form .form-row input.input-text, .woocommerce form .form-row select{
	width:100%; padding:12px 14px; border:1px solid var(--msbd-border); border-radius:6px; margin-top:4px;
}
.woocommerce-checkout #payment{background:var(--msbd-gray-bg); border-radius:8px; padding:16px; margin-top:20px;}
.woocommerce-checkout #payment ul.payment_methods{list-style:none; padding:0;}
.woocommerce-checkout #payment li{background:#fff; border:1px solid var(--msbd-border); border-radius:6px; padding:12px 16px; margin-bottom:10px;}
#place_order{background:var(--msbd-orange); color:#fff; border:0; padding:16px; width:100%; border-radius:6px; font-weight:700; font-size:15px; text-transform:uppercase;}
#place_order:hover{background:var(--msbd-orange-dark);}

/* =========== MY ACCOUNT DASHBOARD =========== */
.woocommerce-MyAccount-navigation{background:var(--msbd-black); border-radius:var(--msbd-radius); padding:16px; margin-bottom:20px; max-width:280px;}
.woocommerce-MyAccount-navigation ul li{border-bottom:1px solid rgba(255,255,255,.08);}
.woocommerce-MyAccount-navigation ul li a{color:#fff; padding:12px 6px; display:block; font-size:14px;}
.woocommerce-MyAccount-navigation ul li.is-active a{color:var(--msbd-orange); font-weight:700;}
.woocommerce-MyAccount-content{background:#fff; border:1px solid var(--msbd-border); border-radius:var(--msbd-radius); padding:24px;}
.woocommerce-account .woocommerce{display:flex; gap:24px; align-items:flex-start; flex-wrap:wrap;}
.woocommerce-account .woocommerce-MyAccount-content{flex:1; min-width:280px;}

/* =========== LOGIN / REGISTER (My Account page when logged out) =========== */
.woocommerce-form-login, .woocommerce-form-register{
	background:var(--msbd-gray-bg); padding:30px; border-radius:var(--msbd-radius); max-width:460px; margin:0 auto 20px;
}
.woocommerce form .form-row label{font-size:13px; font-weight:600; margin-bottom:4px; display:block;}
.woocommerce-form-login p.form-row, .woocommerce-form-register p.form-row{margin-bottom:16px;}
.woocommerce-form-login__submit, .woocommerce-form-register__submit{
	background:var(--msbd-orange); color:#fff; border:0; padding:14px; width:100%; border-radius:6px; font-weight:700; text-transform:uppercase;
}
.u-columns.woocommerce-Addresses{display:grid; grid-template-columns:1fr 1fr; gap:30px;}

/* My Account: Login & Register side-by-side (like reference design) */
.woocommerce-account .u-columns.col2-set{
	display:grid; grid-template-columns:1fr 1fr; gap:30px; align-items:start; max-width:960px; margin:0 auto;
}
.woocommerce-account .u-columns.col2-set .u-column1,
.woocommerce-account .u-columns.col2-set .u-column2{width:100%; float:none;}
.woocommerce-account .woocommerce-form-login,
.woocommerce-account .woocommerce-form-register{max-width:100%; margin:0;}
@media (max-width:768px){
	.woocommerce-account .u-columns.col2-set{grid-template-columns:1fr;}
}

/* =========== GENERIC PAGE =========== */
.msbd-generic-page{padding:40px 0;}
.msbd-page-title{font-size:28px; border-left:4px solid var(--msbd-orange); padding-left:12px;}

/* =========== FOOTER =========== */
.msbd-footer{background:#fff; border-top:1px solid var(--msbd-border); margin-top:80px;}
.msbd-footer-top{display:grid; grid-template-columns:1.6fr 1fr 1fr 1fr 1fr; gap:30px; padding:80px 20px 30px !important;}
.msbd-container.msbd-footer-top{padding: 80px 20px 30px !important;}
.msbd-footer-col h4{font-size:15px; text-transform:uppercase; margin-bottom:16px; color:var(--msbd-black);}
.msbd-footer-col ul li{margin-bottom:10px;}
.msbd-footer-col ul li a{font-size:14px; color:var(--msbd-muted);}
.msbd-footer-col ul li a:hover{color:var(--msbd-orange);}
.msbd-footer-about p{font-size:14px; color:var(--msbd-muted); margin:8px 0;}
.msbd-social{display:flex; gap:10px; margin-top:14px;}
.msbd-social a{
	width:34px; height:34px; border-radius:50%; background:var(--msbd-gray-bg); display:flex; align-items:center;
	justify-content:center; font-size:13px; font-weight:700; color:var(--msbd-text); transition:.2s;
}
.msbd-social a:hover{background:var(--msbd-orange); color:#fff; transform:translateY(-3px);}
.msbd-footer-bottom{border-top:1px solid var(--msbd-border); padding:18px 20px; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:10px; font-size:13px; color:var(--msbd-muted);}
.msbd-pay-icons{display:flex; gap:10px; flex-wrap:wrap;}
.msbd-pay-icons span{background:var(--msbd-gray-bg); padding:4px 10px; border-radius:4px; font-size:11px; font-weight:600;}

.msbd-scroll-top{
	position:fixed; bottom:90px; right:24px; width:42px; height:42px; background:var(--msbd-orange); color:#fff; border-radius:50%;
	display:flex; align-items:center; justify-content:center; box-shadow:var(--msbd-shadow); z-index:90; font-size:18px;
}

/* =========== CHAT WIDGET =========== */
.msbd-chat-widget{position:fixed; bottom:24px; right:24px; z-index:200;}
.msbd-chat-bubble{width:56px; height:56px; border-radius:50%; background:var(--msbd-orange); border:0; display:flex; align-items:center; justify-content:center; box-shadow:var(--msbd-shadow);}
.msbd-chat-panel{
	position:absolute; bottom:70px; right:0; width:290px; background:linear-gradient(160deg,#F97316,#EA580C); border-radius:14px; padding:20px;
	color:#fff; box-shadow:0 8px 30px rgba(0,0,0,.25);
}
.msbd-chat-header strong{display:block; font-size:16px; margin-bottom:6px;}
.msbd-chat-header p{font-size:13px; opacity:.9; margin:0 0 16px;}
.msbd-chat-cta{
	display:flex; flex-direction:column; gap:2px; background:#fff; color:var(--msbd-text); padding:12px 14px; border-radius:10px; font-weight:600; font-size:14px;
}
.msbd-chat-cta span{font-weight:400; font-size:11px; color:var(--msbd-muted);}

/* =========================================================
   RESPONSIVE
   ========================================================= */
@media (max-width: 1024px){
	ul.products{grid-template-columns:repeat(3,1fr) !important;}
	.msbd-footer-top{grid-template-columns:1fr 1fr;}
	.single-product div.product{grid-template-columns:1fr;}
	.msbd-testimonials{grid-template-columns:1fr;}
}

@media (max-width: 768px){
	.msbd-header-top{flex-wrap:wrap;}
	.msbd-search-form{order:3; max-width:100%; width:100%;}
	.msbd-header-icons{display:flex !important; gap:14px;}
	.msbd-header-icons > .msbd-icon-link{display:none;}
	.msbd-header-icons.is-open{position:absolute; right:20px; top:70px; background:#fff; box-shadow:var(--msbd-shadow); border-radius:8px; padding:14px; gap:16px; z-index:150;}
	.msbd-header-icons.is-open > .msbd-icon-link{display:flex; flex-direction:column; align-items:center;}
	.msbd-more-toggle{display:flex !important; margin-left:auto;}
	.msbd-mobile-toggle{display:block; margin-left:auto;}
	.msbd-nav{display:none;}
	.msbd-nav.is-open{display:block;}
	.msbd-menu{flex-direction:column;}
	.msbd-menu ul{position:static; box-shadow:none; display:block;}
	.msbd-hero-grid{grid-template-columns:1fr;}
	ul.products{grid-template-columns:repeat(2,1fr) !important; gap:12px;}
	.msbd-categories-row{grid-template-columns:repeat(4,1fr);}
	.msbd-footer-top{grid-template-columns:1fr;}
	.u-columns.woocommerce-Addresses{grid-template-columns:1fr;}
	.msbd-chat-panel{width:240px; right:-10px;}
}

@media (max-width: 480px){
	ul.products{grid-template-columns:repeat(2,1fr) !important;}
	.msbd-categories-row{grid-template-columns:repeat(3,1fr);}
	.msbd-hero-banner{height:180px;}
}

/* =========================================================
   MOBILE BOTTOM NAV + SLIDE-OUT DRAWER (mobile only)
   ========================================================= */
.msbd-bottom-nav, .msbd-drawer, .msbd-drawer-overlay{display:none;}

@media (max-width: 768px){
	.msbd-header-icons, .msbd-mobile-toggle, .msbd-nav{display:none !important;}
	body{padding-bottom:64px;}

	.msbd-search-form{
		display:none; position:fixed; top:66px; left:0; right:0; z-index:140;
		margin:0; border-radius:0; padding:10px 16px; background:#fff; box-shadow:var(--msbd-shadow);
	}
	.msbd-search-form.is-open{display:flex;}

	.msbd-bottom-nav{
		display:flex; position:fixed; bottom:0; left:0; right:0; z-index:200;
		background:var(--msbd-orange); box-shadow:0 -2px 10px rgba(0,0,0,.15);
	}
	.msbd-bn-item{
		flex:1; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:2px;
		color:#fff; background:none; border:0; padding:8px 4px; font-size:11px; position:relative; text-decoration:none;
	}
	.msbd-bn-icon{font-size:20px; position:relative; line-height:1;}

	.msbd-drawer-overlay{
		display:none; position:fixed; inset:0; background:rgba(0,0,0,.5); z-index:250;
	}
	.msbd-drawer-overlay.is-open{display:block;}

	.msbd-drawer{
		display:block; position:fixed; top:0; left:0; bottom:0; width:300px; max-width:85vw; background:#fff;
		z-index:260; transform:translateX(-100%); transition:.25s ease; overflow-y:auto; padding:20px;
	}
	.msbd-drawer.is-open{transform:translateX(0);}
	.msbd-drawer-close{background:none; border:0; font-size:20px; margin-bottom:14px; padding:0;}

	.msbd-drawer-account{
		display:flex; align-items:center; gap:12px; background:var(--msbd-orange); color:#fff;
		padding:16px; border-radius:10px; margin-bottom:20px;
	}
	.msbd-drawer-avatar{
		width:42px; height:42px; border-radius:50%; background:rgba(255,255,255,.25);
		display:flex; align-items:center; justify-content:center; font-size:20px; flex-shrink:0;
	}
	.msbd-drawer-account strong{display:block; font-size:15px;}
	.msbd-drawer-account em{font-style:normal; font-size:12px; opacity:.9;}

	.msbd-drawer-categories li{border-bottom:1px solid var(--msbd-border);}
	.msbd-drawer-categories a{display:block; padding:12px 4px; color:var(--msbd-text); font-size:14px;}

	.msbd-drawer-quicklinks{margin-top:20px;}
	.msbd-drawer-quicklinks h4{
		font-size:13px; text-transform:uppercase; color:var(--msbd-orange);
		border-bottom:2px solid var(--msbd-orange); display:inline-block; padding-bottom:4px; margin-bottom:10px;
	}
	.msbd-drawer-quicklinks li a{display:block; padding:10px 4px; font-size:14px; color:var(--msbd-text);}

	.msbd-scroll-top{bottom:80px;}
	.msbd-chat-widget{bottom:80px;}
}

	/* Compact mobile top bar: hamburger (left) - logo (center) - cart (right) */
.msbd-mobile-drawer-btn, .msbd-mobile-cart-btn{display:none;}

@media (max-width: 768px){
	.msbd-header-top{justify-content:space-between; padding:12px 16px; gap:10px;}
	.msbd-mobile-drawer-btn{
		display:flex !important; align-items:center; justify-content:center; background:none; border:0;
		font-size:22px; order:1; width:36px; flex-shrink:0; color:var(--msbd-text);
	}
	.msbd-logo{order:2; margin:0 auto;}
	.msbd-logo-text{font-size:16px;}
	.msbd-logo-icon svg{width:26px; height:26px;}
	.msbd-mobile-cart-btn{
		display:flex !important; align-items:center; justify-content:center; position:relative; order:3;
		font-size:20px; text-decoration:none; color:var(--msbd-text); width:36px; flex-shrink:0;
	}

	/* WooCommerce cart table: stack into cards on small screens so text has room */
	table.shop_table.cart, table.shop_table.cart tbody, table.shop_table.cart tr{display:block; width:100%;}
	table.shop_table.cart thead{display:none;}
	table.shop_table.cart tr{border:1px solid var(--msbd-border); border-radius:8px; padding:12px; margin-bottom:14px;}
	table.shop_table.cart td{display:block; width:100%; padding:4px 0; border:0; text-align:left;}
	table.shop_table.cart td.product-remove{position:absolute; top:10px; right:10px; width:auto;}
	table.shop_table.cart tr{position:relative;}
}

/* =========================================================
   FIX: Cart items sitting flush against screen edge (no padding)
   ========================================================= */
.wp-block-woocommerce-cart, .wc-block-cart{
	padding-left: 16px !important;
	padding-right: 16px !important;
	box-sizing: border-box;
}
.wc-block-cart-items__row, .wc-block-cart-item,
.wc-block-components-totals-item{
	padding-left: 12px !important;
	padding-right: 12px !important;
	box-sizing: border-box;
}
table.shop_table.cart tr{
	padding-left: 12px !important;
	padding-right: 12px !important;
	box-sizing: border-box;
}
/* =========== TOP SELLING - SPECIAL LAYOUT =========== */
.msbd-top-selling ul.products{
	grid-template-columns: repeat(2, 1fr) !important;
	gap: 20px;
}
.msbd-top-selling ul.products li.product{
	position: relative;
	display: block !important;
	padding: 24px 24px 28px 244px;
	min-height: 260px;
	box-sizing: border-box;
}
.msbd-top-selling ul.products li.product a.woocommerce-loop-product__link{
	display: block;
}
.msbd-top-selling ul.products li.product a img{
	position: absolute;
	left: 24px;
	top: 24px;
	width: 200px;
	height: 200px;
	object-fit: cover;
	margin: 0;
}
.msbd-top-selling ul.products li.product .woocommerce-loop-product__title{
	font-size: 18px;
	min-height: auto;
	margin: 20px 0 4px;
}
.msbd-top-selling ul.products li.product .price{
	display: block;
	font-size: 17px;
	margin-bottom: 12px;
}
.msbd-top-selling ul.products li.product span.best-flag{
	top: 24px;
	left: 24px;
}
.msbd-top-selling ul.products li.product .msbd-add-to-cart{
	display: flex !important;
	flex-wrap: nowrap;
	gap: 8px;
	float: none !important;
	margin: 34px 0 0 !important;
	width: auto !important;
}
.msbd-top-selling ul.products li.product .msbd-add-to-cart a.button{
	display: inline-flex !important;
	flex-direction: row !important;
	flex-wrap: nowrap !important;
	align-items: center;
	justify-content: center;
	gap: 5px;
	width: auto !important;
	white-space: nowrap;
	text-align: center;
	background: #fff;
	color: var(--msbd-orange);
	border: 1px solid var(--msbd-orange);
	padding: 7px 8px;
	border-radius: 6px;
	font-size: 12px;
	font-weight: 600;
}
.msbd-top-selling ul.products li.product .msbd-add-to-cart a.button::before{
	content: "🛒";
	display: inline;
	font-size: 12px;
}
.msbd-top-selling ul.products li.product .msbd-buy-now-btn{
	display: inline-flex !important;
	flex-direction: row !important;
	flex-wrap: nowrap !important;
	align-items: center;
	justify-content: center;
	gap: 5px;
	float: none !important;
	width: auto !important;
	white-space: nowrap;
	background: var(--msbd-orange);
	color: #fff;
	border: 1px solid var(--msbd-orange);
	padding: 7px 8px;
	border-radius: 6px;
	font-size: 12px;
	font-weight: 600;
	text-decoration: none;
}
.msbd-top-selling ul.products li.product .msbd-buy-now-btn::before{
	content: "🛒";
	display: inline;
	font-size: 12px;
}
/* =========================================================
   Single product: Buy Now button + gallery thumbnails on the left
   ========================================================= */
.single-product form.cart{display:flex; align-items:center; gap:14px; flex-wrap:wrap;}
.msbd-single-buy-now{
	display:inline-flex; align-items:center; justify-content:center;
	background:var(--msbd-black); color:#fff; border:0; padding:14px 28px; border-radius:6px;
	font-weight:700; font-size:14px; text-transform:uppercase; text-decoration:none; white-space:nowrap;
}
.msbd-single-buy-now:hover{background:#000; color:#fff;}

/* Product gallery: thumbnails as a vertical strip on the left of the main image */
.woocommerce-product-gallery{
	display:flex; flex-direction:row; gap:14px; align-items:flex-start;
}
.woocommerce-product-gallery__wrapper{
	flex:1; min-width:0; border:1px solid var(--msbd-border); border-radius:8px; overflow:hidden;
}
.woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image{
	display:none;
}
.woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image.msbd-active{
	display:block;
}
.woocommerce-product-gallery__wrapper img{
	width:100%; aspect-ratio:1/1; object-fit:cover; display:block; border-radius:8px;
}
.woocommerce-product-gallery__trigger{
	display:none !important;
}
.msbd-gallery-thumbs{
	list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:8px; width:74px; flex-shrink:0;
}
.msbd-gallery-thumbs li{width:100%;}
.msbd-gallery-thumbs img{
	width:100% !important; height:74px !important; object-fit:contain !important; background:#fff; border-radius:6px; border:2px solid var(--msbd-border); cursor:pointer;
}
.msbd-gallery-thumbs li.msbd-active img{border-color:var(--msbd-orange);}

@media (max-width: 768px){
	.woocommerce-product-gallery{flex-direction:column-reverse;}
	.msbd-gallery-thumbs{flex-direction:row; width:100%; overflow-x:auto;}
	.msbd-gallery-thumbs li{width:64px; flex-shrink:0;}
	.msbd-gallery-thumbs img{height:64px;}
}
/* Custom simple product gallery (no flexslider dependency) */
.msbd-gallery{
	display:flex; flex-direction:row-reverse; gap:14px; align-items:flex-start; max-width:520px;
}
.msbd-gallery-main{
	flex:1; min-width:0; max-width:430px; border:1px solid var(--msbd-border); border-radius:8px;
	overflow:hidden; aspect-ratio:1/1; display:flex; align-items:center; justify-content:center; background:#fff;
}
.msbd-gallery-main-img{
	width:100%; height:100%; object-fit:contain; display:block;
}
.msbd-gallery-thumbs{
	display:flex; flex-direction:column; gap:8px; width:74px; flex-shrink:0;
}
.msbd-gallery-thumb{
	width:100%; height:74px; object-fit:cover; border-radius:6px; border:2px solid var(--msbd-border); cursor:pointer; display:block;
}
.msbd-gallery-thumb.is-active{border-color:var(--msbd-orange);}
@media (max-width: 768px){
	.msbd-gallery{flex-direction:column-reverse; max-width:100%;}
	.msbd-gallery-main{max-width:100%;}
	.msbd-gallery-thumbs{flex-direction:row; width:100%; overflow-x:auto;}
	.msbd-gallery-thumb{width:64px; height:64px; flex-shrink:0;}
}

/* Quantity + buttons: bigger, left-aligned */
.single-product .quantity input{
	width:80px; height:52px; padding:10px; border:1px solid var(--msbd-border); border-radius:6px;
	text-align:center; font-size:16px;
}
.single-product form.cart{
	display:flex; align-items:center; gap:16px; flex-wrap:wrap; justify-content:flex-start;
}
button.single_add_to_cart_button, .single-product a.button{
	background:var(--msbd-orange); color:#fff; border:0; padding:16px 36px; border-radius:6px;
	font-weight:700; font-size:15px; text-transform:uppercase;
}
.msbd-single-buy-now{
	display:inline-flex; align-items:center; justify-content:center;
	background:var(--msbd-black); color:#fff; border:0; padding:16px 36px; border-radius:6px;
	font-weight:700; font-size:15px; text-transform:uppercase; text-decoration:none; white-space:nowrap;
}
.msbd-single-buy-now:hover{background:#000; color:#fff;}