/* SHAHAZ.COM — Stable Luxury Homepage Header (PHASE 128) */
:root{--shz-gold:#d9a928;--shz-gold-soft:#f5df8a;--shz-magenta:#e60078;--shz-cream:#fff6df}
html,body{width:100%;max-width:100%;overflow-x:hidden;overflow-x:clip}
.shahaz-header{position:relative;z-index:997;width:100%;box-sizing:border-box;background:var(--shz-cream);border-bottom:1px solid rgba(217,169,40,.65);box-shadow:0 4px 12px rgba(93,0,46,.10);overflow:visible}
.shahaz-header-stage{width:100%;max-width:none;box-sizing:border-box;margin:0;padding:0;display:grid;gap:0}
.shahaz-header-mobile-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:0;margin:0;padding:0;min-height:54px}
.shahaz-mobile-logo{display:flex;align-items:center;justify-content:center;height:100%;margin:0;padding:0 0 0 2px;text-decoration:none;line-height:0}
.shahaz-mobile-actions,.shahaz-desktop-actions{display:flex;align-items:center;justify-content:flex-end;gap:3px;margin:0;padding:0}
.shahaz-header-action{position:relative;width:40px;height:40px;display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:0;margin:0;border:1px solid var(--shz-gold)!important;border-radius:12px;background:var(--shz-magenta)!important;color:#fff!important;text-decoration:none;cursor:pointer;box-shadow:0 3px 7px rgba(93,0,53,.18);transition:none!important}
.shahaz-header-action:hover,.shahaz-header-action:active{transform:none!important;filter:none!important}
.shahaz-header-action:focus-visible{outline:2px solid var(--shz-gold-soft)!important;outline-offset:2px}
.shahaz-action-icon{width:22px;height:22px;display:flex;align-items:center;justify-content:center}.shahaz-action-icon svg{width:100%;height:100%;display:block}
.shahaz-header-badge{position:absolute;top:-5px;right:-5px;min-width:16px;height:16px;padding:0 3px;border-radius:999px;display:flex;align-items:center;justify-content:center;box-sizing:border-box;background:#fff;color:var(--shz-magenta)!important;border:1px solid var(--shz-gold);font-size:8px;font-weight:900;line-height:1}
.shahaz-header-main-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:0;margin:0;padding:0;min-height:44px}
.shahaz-brand-link{display:flex;align-items:center;justify-content:flex-start;max-width:46vw;min-width:0;margin:0;padding:0 3px;text-decoration:none;line-height:1;overflow:hidden}
.shahaz-brand-logo-img{width:auto;height:41.32px;display:block}
.shahaz-search-form{position:relative;width:100%;min-width:0;margin:0;padding-right:3px;box-sizing:border-box}.shahaz-search-box{position:relative;width:100%;height:34px;display:flex;align-items:center;box-sizing:border-box;padding:2px 3px 2px 29px;border-radius:10px;background:#fff;border:1px solid rgba(217,169,40,.75);box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 2px 6px rgba(93,0,53,.08)}
.shahaz-search-spark{position:absolute;left:9px;top:50%;transform:translateY(-50%);z-index:2;font-size:16px;line-height:1;color:var(--shz-magenta);pointer-events:none}.shahaz-search-rotator{position:absolute;left:30px;right:43px;top:0;bottom:0;display:flex;align-items:center;z-index:1;pointer-events:none;overflow:hidden}.shahaz-rotator-text{font-size:11px;font-weight:600;color:#8a7780;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.shahaz-search-input{position:relative;z-index:2;flex:1 1 auto;min-width:0;width:100%;height:28px!important;margin:0!important;padding:0 4px!important;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;color:#3b2330!important;font-size:11px!important}.shahaz-search-input:focus~.shahaz-search-rotator,.shahaz-search-box.shahaz-has-value .shahaz-search-rotator{display:none}
.shahaz-search-submit{position:relative;z-index:3;flex:0 0 32px;width:32px;height:28px;padding:0!important;margin:0!important;border:1px solid var(--shz-gold)!important;border-radius:8px;background:var(--shz-magenta)!important;color:#fff!important;box-shadow:none!important;cursor:pointer;transition:none!important}.shahaz-search-submit:hover,.shahaz-search-submit:active{transform:none!important;filter:none!important}.shahaz-search-submit-icon{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.shahaz-search-submit-icon svg{width:17px;height:17px}
.shahaz-search-suggestions{position:absolute;left:0;right:3px;top:calc(100% + 3px);z-index:1600;max-height:60vh;overflow:auto;background:#fff;border:1px solid #e7c95c;border-radius:10px;box-shadow:0 10px 24px rgba(60,0,30,.18);color:#24242a;text-align:left}.shahaz-search-suggestions[hidden]{display:none!important}.shahaz-search-suggestions .shz-cosmetics-search-products{display:grid;gap:4px;padding:6px}.shahaz-search-suggestions .shz-cosmetics-search-product{display:grid;grid-template-columns:40px minmax(0,1fr) 16px;align-items:center;gap:7px;padding:5px;border:1px solid #f0dce7;border-radius:8px;background:#fff;text-decoration:none;color:inherit}.shahaz-search-suggestions .shz-cosmetics-search-product img{width:40px;height:40px;border-radius:7px;object-fit:cover}.shahaz-search-suggestions .shz-cosmetics-search-product strong{display:block;font-size:11px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shahaz-search-suggestions .shz-cosmetics-search-product small{display:block;font-size:11px;font-weight:800;color:#d64a31;margin-top:2px}.shahaz-search-suggestions .shz-cosmetics-search-empty,.shahaz-search-suggestions .shz-cosmetics-search-loading{margin:7px;padding:13px 10px;text-align:center;border:1px solid #ead08a;border-radius:9px;background:#fff8e7;color:#8b145b;font-size:12px;font-weight:800}.shahaz-search-suggestions .shz-cosmetics-search-empty::before{content:"✦";display:block;font-size:18px;margin-bottom:3px}
.shahaz-desktop-actions{display:none}
@media (min-width:768px) and (max-width:1199px){.shahaz-header-main-row{grid-template-columns:auto minmax(220px,1fr) auto;gap:clamp(10px,1.8vw,20px);min-height:62px}.shahaz-brand-link{padding:0 8px;max-width:34vw}.shahaz-brand-logo-img{height:47.89px}.shahaz-search-form{padding:0 8px}.shahaz-search-box{height:40px}.shahaz-desktop-actions{display:flex;padding:0 8px 0 2px}.shahaz-header-action{width:42px;height:42px}}
@media (min-width:1200px){.shahaz-header-main-row{grid-template-columns:auto minmax(320px,1fr) auto;gap:clamp(18px,2vw,32px);min-height:62px}.shahaz-brand-link{padding:0 10px;max-width:28vw}.shahaz-brand-logo-img{height:47.89px}.shahaz-search-form{padding:0 8px}.shahaz-search-box{height:40px}.shahaz-desktop-actions{display:flex;padding:0 8px 0 2px}.shahaz-header-action{width:42px;height:42px}}
@media (min-width:768px){.shahaz-header-mobile-row{display:none}.shahaz-desktop-actions{display:flex}}

@media (max-width:380px){.shahaz-header,.shahaz-header *{scroll-behavior:auto!important}}
@media (max-width:767px) and (prefers-reduced-motion:reduce){.shahaz-header,.shahaz-header *{scroll-behavior:auto!important}}

/* ========================= MENU DRAWER ========================= */
.shahaz-drawer-overlay {
	position: fixed;
	inset: 0;
	background: rgba(0,0,0,0.4);
	backdrop-filter: blur(4px);
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.3s ease;
	z-index: 998;
}

.shahaz-drawer-overlay.shahaz-drawer-open {
	opacity: 1;
	visibility: visible;
}

.shahaz-drawer-panel {
	visibility: hidden;
	opacity: 0;
	pointer-events: none;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	width: 86%;
	max-width: 384px;
	background: linear-gradient(135deg, #FFF4F8 0%, #FFE0EC 100%);
	border-radius: 0 28px 28px 0;
	box-shadow: 0 20px 40px -12px rgba(217, 4, 41, 0.25);
	transform: translateX(-100%);
	transition: transform 0.35s ease;
	z-index: 999;
	overflow-y: auto;
}

.shahaz-drawer-panel.shahaz-drawer-open {
	visibility: visible;
	opacity: 1;
	pointer-events: auto;
	transform: translateX(0);
}

.shahaz-drawer-welcome {
	position: relative;
	overflow: hidden;
	isolation: isolate;
	/* Standalone drawer-header background: intentionally copied from the homepage header visual treatment.
	 * It is deliberately self-contained and does not reference the main-header selector or variables. */
	background:
		radial-gradient(circle at 12% 18%,rgba(255,245,168,.22),transparent 18%),
		radial-gradient(circle at 86% 20%,rgba(255,255,255,.15),transparent 19%),
		radial-gradient(circle at 52% 100%,rgba(255,38,166,.30),transparent 31%),
		linear-gradient(120deg,#ff4d08 0%,#f20c2d 26%,#e00067 58%,#f3009a 82%,#ff5a16 100%);
	background-size:cover;
	animation:none;
	padding: 20px 20px 32px;
	color: #ffffff;
}



.shahaz-drawer-avatar {
	width: 56px;
	height: 56px;
	border-radius: 16px;
	background: rgba(255,255,255,0.2);
	border: 1px solid rgba(255,255,255,0.4);
	backdrop-filter: blur(6px);
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	margin-bottom: 10px;
	position: relative;
	z-index: 1;
}

.shahaz-drawer-avatar svg {
	width: 26px;
	height: 26px;
}

.shahaz-drawer-avatar img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 16px;
}

.shahaz-drawer-welcome-title {
	position: relative;
	z-index: 1;
	font-family: 'Playfair Display', Georgia, serif;
	font-size: 19px;
	font-weight: 800;
	margin: 2px 0 10px;
	line-height: 1.2;
}

.shahaz-drawer-login-btn {
	position: relative;
	z-index: 1;
	display: inline-block;
	background: #ffffff;
	color: #D90429;
	font-size: 11px;
	font-weight: 800;
	padding: 7px 16px;
	border-radius: 999px;
	text-decoration: none;
	transition: transform 0.22s ease;
}

.shahaz-drawer-login-btn:hover {
	transform: translateY(-1px) scale(1.04);
}

.shahaz-drawer-menu-list-wrap {
	margin-top: -16px;
	background: rgba(255,255,255,0.7);
	backdrop-filter: blur(10px);
	border-radius: 28px 28px 0 0;
	padding: 12px;
	position: relative;
	z-index: 1;
}

.shahaz-drawer-menu-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.shahaz-drawer-menu-list li a {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 12px;
	border-radius: 16px;
	text-decoration: none;
	transition: background 0.25s ease;
}

.shahaz-drawer-menu-list li a:hover {
	background: #ffffff;
}

/* ⚠️ ব্যবহারকারীর নির্দেশে বদলানো হলো: আগে ব্যাজের background ছিল
   একটা দুই-টোন গোলাপি→লাল গ্র্যাডিয়েন্ট (#FF4D8D→#D90429) আর আইকন
   সাদা (#fff) — ব্যবহারকারী এটাকে সার্বিকভাবে "হট মেজেন্টা" হিসেবে
   দেখছিলেন এবং উল্টে দিতে বলেছেন: এখন background সলিড Hot Magenta
   (var(--shahaz-pink), সাইট-জোড়া shahaz-tokens.css-এর গ্লোবাল
   টোকেন থেকে — নতুন কোনো রং হার্ডকোড করা হয়নি), আর আইকন হালকা/
   ক্লিয়ার পিংক (var(--shahaz-softpink-deep), একই গ্লোবাল টোকেন
   ফাইলের বিদ্যমান "soft pink" ভ্যারিয়েবল)। header-custom.php-এর
   ১৩টা মেনু-আইটেম SVG-এর হার্ডকোড করা stroke/fill="#fff" এখন সব
   "currentColor"-এ বদলানো হয়েছে, যাতে এই একটা CSS `color` প্রপার্টি
   বদলালেই সবগুলো আইকনের রং একসাথে বদলে যায় (আলাদা করে ১৩টা SVG
   এডিট করতে হয়নি ভবিষ্যতে)। Logout আইকন (.shahaz-drawer-logout-icon)
   ইচ্ছাকৃতভাবে এই নিয়মের বাইরে — সেটা আগে থেকেই আলাদা, distinct
   লাল রঙে (নিচে .shahaz-drawer-logout-icon দেখুন), কোনোদিনই "হট
   মেজেন্টা" ছিল না, তাই অপরিবর্তিত রাখা হয়েছে। */
.shahaz-drawer-item-icon {
	flex: 0 0 auto;
	width: 40px;
	height: 40px;
	border-radius: 12px;
	background: var(--shahaz-pink);
	color: var(--shahaz-softpink-deep);
	box-shadow: 0 8px 30px -6px rgba(217,4,41,0.18), 0 2px 8px -2px rgba(174,58,157,0.15);
	display: flex;
	align-items: center;
	justify-content: center;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.shahaz-drawer-menu-list li a:hover .shahaz-drawer-item-icon {
	transform: rotate(3deg) scale(1.1);
	box-shadow: 0 0 24px rgba(217,77,141,0.55);
}

.shahaz-drawer-item-icon svg {
	width: 18px;
	height: 18px;
}

.shahaz-drawer-item-label {
	flex: 1;
	font-size: 14px;
	font-weight: 600;
	color: #1a0a12;
}

/* ⚠️ Component 03 (Wishlist) Part-02 — Mobile Navigation Drawer-এ Count Badge */
.shahaz-drawer-wishlist-count {
	flex: 0 0 auto;
	min-width: 18px;
	height: 18px;
	padding: 0 5px;
	border-radius: 999px;
	background: var(--shahaz-magenta);
	color: #fff;
	font-size: 10px;
	font-weight: 800;
	display: flex;
	align-items: center;
	justify-content: center;
}

.shahaz-drawer-item-arrow {
	flex: 0 0 auto;
	color: #b98fa0;
	font-size: 16px;
	transition: transform 0.3s ease, color 0.3s ease;
}

.shahaz-drawer-menu-list li a:hover .shahaz-drawer-item-arrow {
	transform: translateX(3px);
	color: #D90429;
}

.shahaz-drawer-logout {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 12px;
	margin-top: 6px;
	border-radius: 16px;
	text-decoration: none;
	color: #D90429;
	font-size: 14px;
	font-weight: 700;
}

.shahaz-drawer-logout-icon {
	background: rgba(217,4,41,0.1);
	box-shadow: none;
	color: #D90429;
}

.shahaz-drawer-logout-icon svg path {
	stroke: #D90429;
}

.shahaz-drawer-credit {
	text-align: center;
	font-size: 10px;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	color: #8a7078;
	padding: 16px 0 24px;
	margin: 0;
}

.shahaz-drawer-heart {
	color: #D90429;
}




/* ==========================================================================
   COMPONENT 7: Responsive Fine-tuning (খুব ছোট স্ক্রিন)
   ========================================================================== */
@media (max-width: 340px) {
	.shahaz-icon-btn {
		width: 30px;
		height: 36px;
		border-radius: 8px;
	}
	.shahaz-icon-label {
		font-size: 6px;
	}
}



/* Global Drawer Header only — slim + one-line welcome */
#shahaz-drawer-panel .shahaz-drawer-welcome{
    min-height:0 !important;
    height:auto !important;
    padding:7px 12px !important;
}
/* SHAHAZ GLOBAL DRAWER — corrected requested design only */
#shahaz-drawer-panel .shahaz-drawer-welcome{
    padding:8px 12px 7px !important;
    min-height:0 !important;
    height:auto !important;
}
#shahaz-drawer-panel .shahaz-drawer-profile-area{
    position:relative;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:flex-start;
    gap:4px;
    width:100%;
}
#shahaz-drawer-panel .shahaz-drawer-avatar{
    width:54px !important;
    height:54px !important;
    flex:0 0 54px;
    display:grid;
    place-items:center;
    overflow:hidden;
    border-radius:50%;
    border:2px solid #d9ad3b !important;
    background:linear-gradient(145deg,#ff36a5,#e1007e,#bc0068) !important;
    box-shadow:inset 0 2px 3px rgba(255,255,255,.5),0 3px 8px rgba(70,10,50,.22);
}
#shahaz-drawer-panel .shahaz-drawer-avatar img{
    width:100%;height:100%;object-fit:cover;border-radius:50%;
}
#shahaz-drawer-panel .shahaz-drawer-avatar svg{
    width:30px;height:30px;
}
#shahaz-drawer-panel .shahaz-drawer-welcome-title{
    display:flex !important;
    align-items:center;
    justify-content:center;
    gap:5px;
    margin:0 !important;
    padding:0 !important;
    line-height:1 !important;
    white-space:nowrap !important;
    font-size:14px !important;
    font-weight:900 !important;
    letter-spacing:.2px;
    text-shadow:0 1px 0 rgba(0,0,0,.18);
}
#shahaz-drawer-panel .shahaz-drawer-welcome-white{color:#fff !important;}
#shahaz-drawer-panel .shahaz-drawer-welcome-gold{color:#f3d26a !important;}
#shahaz-drawer-panel .shahaz-drawer-login-btn{
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    margin:0 !important;
    padding:3px 12px !important;
    min-height:22px !important;
    line-height:1 !important;
    border-radius:999px !important;
    color:#fff !important;
    background:rgba(255,255,255,.10) !important;
    border:1px solid #d9ad3b !important;
    font-size:11px !important;
    font-weight:800 !important;
    text-decoration:none !important;
}
#shahaz-drawer-panel .shahaz-drawer-menu-list .shahaz-drawer-item-icon{
    width:38px !important;
    height:38px !important;
    min-width:38px !important;
    min-height:38px !important;
    padding:0 !important;
    display:grid !important;
    place-items:center !important;
    border-radius:50% !important;
    border:1.5px solid #d9ad3b !important;
    background:linear-gradient(145deg,#ff36a5 0%,#e1007e 58%,#bc0068 100%) !important;
    color:#fff !important;
    box-shadow:0 3px 0 #9d6d09,0 4px 9px rgba(225,0,126,.22),inset 0 1px 0 rgba(255,255,255,.45) !important;
    transition:transform .12s ease,box-shadow .12s ease,filter .16s ease !important;
}
#shahaz-drawer-panel .shahaz-drawer-menu-list li a:hover .shahaz-drawer-item-icon{
    transform:translateY(-1px);
    filter:brightness(1.08);
}
#shahaz-drawer-panel .shahaz-drawer-menu-list li a:active .shahaz-drawer-item-icon{
    transform:translateY(3px) scale(.94) !important;
    box-shadow:0 1px 0 #9d6d09,inset 0 4px 5px rgba(80,0,45,.25) !important;
}
/* SHAHAZ GLOBAL DRAWER — spacing/height refinement only */
#shahaz-drawer-panel .shahaz-drawer-profile-area{
    gap:3px !important;
}
#shahaz-drawer-panel .shahaz-drawer-welcome-title{
    margin:0 !important;
    line-height:1 !important;
}
#shahaz-drawer-panel .shahaz-drawer-login-btn{
    margin-top:0 !important;
    transform:translateY(-1px);
}
#shahaz-drawer-panel .shahaz-drawer-welcome{
    padding-top:5px !important;
    padding-bottom:5px !important;
    max-height:145px !important;
    box-sizing:border-box !important;
}
#shahaz-drawer-panel .shahaz-drawer-menu-list{
    gap:13px !important;
    margin:0 !important;
    padding-top:4px !important;
    padding-bottom:10px !important;
}
#shahaz-drawer-panel .shahaz-drawer-menu-list-wrap{
    overflow-y:auto !important;
    overflow-x:hidden !important;
    -webkit-overflow-scrolling:touch !important;
    min-height:0 !important;
    flex:1 1 auto !important;
}


/* SHAHAZ GLOBAL DRAWER — exact 3px profile-to-welcome spacing */
#shahaz-drawer-panel .shahaz-drawer-profile-area{
    gap:3px !important;
}
#shahaz-drawer-panel .shahaz-drawer-welcome-title{
    margin-top:0 !important;
    margin-bottom:0 !important;
    padding:0 !important;
    line-height:1 !important;
}


/* SHAHAZ GLOBAL DRAWER — prevent Welcome/Account from being covered */
#shahaz-drawer-panel .shahaz-drawer-welcome{
    position:relative !important;
    z-index:20 !important;
    overflow:visible !important;
    flex:0 0 auto !important;
}
#shahaz-drawer-panel .shahaz-drawer-profile-area{
    position:relative !important;
    z-index:21 !important;
    gap:0 !important;
}
#shahaz-drawer-panel .shahaz-drawer-avatar{
    position:relative !important;
    z-index:22 !important;
    margin:0 !important;
    line-height:0 !important;
}
#shahaz-drawer-panel .shahaz-drawer-avatar img{
    display:block !important;
    width:100% !important;
    height:100% !important;
    margin:0 !important;
}
#shahaz-drawer-panel .shahaz-drawer-welcome-title{
    position:relative !important;
    z-index:23 !important;
    margin:3px 0 0 !important;
    padding:0 !important;
    line-height:1 !important;
    white-space:nowrap !important;
}
#shahaz-drawer-panel .shahaz-drawer-login-btn{
    position:relative !important;
    z-index:23 !important;
    margin:2px 0 0 !important;
}
#shahaz-drawer-panel .shahaz-drawer-menu-list-wrap{
    position:relative !important;
    z-index:1 !important;
}


/* SHAHAZ GLOBAL DRAWER — final header overlap + internal menu scroll */
#shahaz-drawer-panel{
    display:flex !important;
    flex-direction:column !important;
    overflow:hidden !important;
}
#shahaz-drawer-panel .shahaz-drawer-welcome{
    position:relative !important;
    z-index:50 !important;
    flex:0 0 auto !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    overflow:visible !important;
    box-sizing:border-box !important;
    padding:6px 12px 9px !important;
}
#shahaz-drawer-panel .shahaz-drawer-profile-area{
    gap:0 !important;
    min-height:0 !important;
    overflow:visible !important;
}
#shahaz-drawer-panel .shahaz-drawer-avatar{
    margin:0 !important;
    line-height:0 !important;
}
#shahaz-drawer-panel .shahaz-drawer-avatar img{
    display:block !important;
    margin:0 !important;
}
#shahaz-drawer-panel .shahaz-drawer-welcome-title{
    margin:3px 0 0 !important;
    line-height:1.05 !important;
    position:relative !important;
    z-index:52 !important;
}
#shahaz-drawer-panel .shahaz-drawer-login-btn{
    margin:3px 0 0 !important;
    position:relative !important;
    z-index:52 !important;
}

#shahaz-drawer-panel .shahaz-drawer-back{
    position:absolute !important;
    right:2px !important;
    top:43px !important;
    width:38px !important;
    height:38px !important;
    padding:0 !important;
    margin:0 !important;
    display:grid !important;
    place-items:center !important;
    box-sizing:border-box !important;
    border:1.5px solid #ffe37a !important;
    border-radius:13px !important;
    background:linear-gradient(145deg,#ff5db2 0%,#f0067e 48%,#b80058 100%) !important;
    color:#fff !important;
    cursor:pointer !important;
    line-height:1 !important;
    box-shadow:inset 0 2px 2px rgba(255,255,255,.48),inset 0 -3px 4px rgba(75,0,42,.28),0 4px 9px rgba(80,20,60,.28) !important;
    transition:transform .16s ease,filter .16s ease,box-shadow .16s ease !important;
    z-index:53 !important;
}
#shahaz-drawer-panel .shahaz-drawer-back span{
    display:grid !important;
    place-items:center !important;
    width:22px !important;
    height:22px !important;
}
#shahaz-drawer-panel .shahaz-drawer-back svg{
    display:block !important;
    width:22px !important;
    height:22px !important;
}
#shahaz-drawer-panel .shahaz-drawer-back:hover{
    transform:translateY(-1px) scale(1.03) !important;
    filter:brightness(1.08) !important;
    box-shadow:inset 0 2px 2px rgba(255,255,255,.55),0 6px 12px rgba(80,20,60,.32),0 0 10px rgba(255,216,90,.28) !important;
}
#shahaz-drawer-panel .shahaz-drawer-back:active{
    transform:translateY(1px) scale(.96) !important;
}
#shahaz-drawer-panel .shahaz-drawer-back:focus-visible{
    outline:2px solid #fff !important;
    outline-offset:3px !important;
}
@media (max-width:480px){
    #shahaz-drawer-panel .shahaz-drawer-back{
        right:1px !important;
        top:42px !important;
        width:36px !important;
        height:36px !important;
        border-radius:12px !important;
    }
    #shahaz-drawer-panel .shahaz-drawer-back span,
    #shahaz-drawer-panel .shahaz-drawer-back svg{
        width:21px !important;
        height:21px !important;
    }
}

/* Only the navigation list scrolls; white drawer background stays fixed. */
#shahaz-drawer-panel .shahaz-drawer-menu-list-wrap{
    position:relative !important;
    z-index:5 !important;
    flex:1 1 auto !important;
    min-height:0 !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    -webkit-overflow-scrolling:touch !important;
    overscroll-behavior:contain !important;
    scrollbar-width:none;
}
#shahaz-drawer-panel .shahaz-drawer-menu-list-wrap::-webkit-scrollbar{
    display:none;
}
#shahaz-drawer-panel .shahaz-drawer-menu-list{
    margin:0 !important;
    padding:5px 0 18px !important;
}


/* Global Drawer — use Luxe Profile saved photo */
#shahaz-drawer-panel .shahaz-drawer-avatar .shahaz-global-profile-avatar{
    display:block !important;
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    margin:0 !important;
    border-radius:50% !important;
}


/* PHASE 114 — CLEAN LUXURY SVG BRAND LOCKUP
 * The former crown + S artwork and all compensating padding/offset rules are removed.
 * The brand is now a compact vertical lockup: SVG crown icon → exactly 2px → SHAHAZ.com.
 * No negative margins, artificial padding, absolute emblem positioning, or control offsets.
 */
.shahaz-brand-panel{grid-column:2;display:flex;align-items:center;justify-content:center;text-align:center;min-width:0;max-width:100%;padding:0!important;margin:0!important;}
.shahaz-brand-panel .shahaz-brand-link{display:flex;align-items:center;justify-content:center;text-decoration:none;color:#fff;max-width:100%;min-width:0;}
.shahaz-brand-copy{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px!important;line-height:1!important;position:relative;min-width:0;padding:0!important;margin:0!important;box-sizing:border-box;}
.shahaz-luxury-emblem{display:flex;align-items:center;justify-content:center;width:clamp(43px,5vw,58px);height:clamp(43px,5vw,58px);flex:0 0 auto;margin:0!important;padding:0!important;line-height:0;box-sizing:border-box;filter:drop-shadow(0 3px 4px rgba(68,0,42,.45)) drop-shadow(0 0 8px rgba(255,216,75,.28));}
.shahaz-luxury-emblem svg{display:block;width:100%;height:100%;overflow:visible;}
.shahaz-brand-line{display:flex;align-items:baseline;justify-content:center;gap:3px!important;min-width:0;white-space:nowrap;line-height:.86!important;margin:0!important;padding:0!important;box-sizing:border-box;}
.shahaz-brand-name{display:block;font-family:Georgia,"Times New Roman",serif;font-size:clamp(34px,3.45vw,58px)!important;font-weight:900;letter-spacing:-.05em;line-height:.86!important;white-space:nowrap;color:#fff!important;text-shadow:0 2px 0 rgba(82,0,39,.45),0 4px 10px rgba(73,0,0,.48),0 0 10px rgba(255,255,255,.13);margin:0!important;padding:0!important;}
.shahaz-brand-dot{display:block;font-family:Georgia,"Times New Roman",serif;font-size:clamp(25px,2.55vw,39px)!important;font-weight:900;letter-spacing:-.04em;line-height:.86!important;color:#ffe26a;text-shadow:0 2px 0 #7c4300,0 4px 8px rgba(0,0,0,.32),0 0 8px rgba(255,220,92,.32);white-space:nowrap;margin:0!important;padding:0!important;}
.shahaz-header-control{transform:translateY(0)!important;}
.shahaz-header-control--menu{transform:translateY(0)!important;}
.shahaz-header-control--wishlist{transform:translateY(0)!important;}
.shahaz-search-wrap{margin:2px auto 0!important;}

@media (max-width:767px){
  .shahaz-header-stage{padding:4px 6px 4px;}
  .shahaz-header-topline{width:100%;max-width:100%;min-height:0;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);}
  .shahaz-header-control--menu{margin-left:2px;}
  .shahaz-header-control--wishlist{margin-right:1px;}
  .shahaz-luxury-emblem{width:44px;height:44px;flex-basis:44px;}
  .shahaz-brand-name{font-size:clamp(34px,10.5vw,50px)!important;}
  .shahaz-brand-dot{font-size:clamp(23px,6.2vw,32px)!important;}
  .shahaz-brand-copy{gap:2px!important;}
  .shahaz-header-action{width:38px;height:38px;border-radius:12px;}
  .shahaz-action-icon{width:22px;height:22px;}
  .shahaz-search-wrap{margin-top:2px!important;}
  .shahaz-search-box{height:42px;padding-left:43px;border-radius:12px;}
  .shahaz-search-spark{left:12px;font-size:19px;}
  .shahaz-search-rotator{left:44px;right:51px;}
  .shahaz-rotator-text,.shahaz-search-input{font-size:12px!important;line-height:1.2!important;}
  .shahaz-search-input{padding:0 5px!important;}
  .shahaz-search-submit{flex-basis:40px;width:40px;height:34px;border-radius:9px;}
  .shahaz-search-submit-icon svg{width:20px;height:20px;}
}
@media (max-width:380px){
  .shahaz-luxury-emblem{width:41px;height:41px;flex-basis:41px;}
  .shahaz-brand-name{font-size:clamp(32px,10.2vw,43px)!important;}
  .shahaz-brand-dot{font-size:clamp(22px,6vw,29px)!important;}
  .shahaz-header-control--menu{margin-left:1px;}
  .shahaz-header-control--wishlist{margin-right:0;}
}
@media (min-width:768px) and (max-width:1024px){
  .shahaz-luxury-emblem{width:50px;height:50px;flex-basis:50px;}
  .shahaz-brand-name{font-size:clamp(36px,5vw,54px)!important;}
  .shahaz-brand-dot{font-size:clamp(25px,3.2vw,36px)!important;}
  .shahaz-header-control--menu{margin-left:5px;}
  .shahaz-header-control--wishlist{margin-right:11px;}
}
@media (min-width:1025px){
  .shahaz-luxury-emblem{width:56px;height:56px;flex-basis:56px;}
}

/* PHASE 128 MENU REFINEMENT — compact customer shopping drawer */
#shahaz-drawer-panel .shahaz-drawer-menu-list--compact{gap:5px !important;padding:2px 0 10px !important}
#shahaz-drawer-panel .shahaz-drawer-menu-list--compact li a{gap:9px !important;padding:6px 8px !important;border-radius:12px !important;min-height:46px;box-sizing:border-box}
#shahaz-drawer-panel .shahaz-drawer-menu-list--compact .shahaz-drawer-item-icon{width:34px !important;height:34px !important;min-width:34px !important;min-height:34px !important;border-radius:50% !important}
#shahaz-drawer-panel .shahaz-drawer-menu-list--compact .shahaz-drawer-item-icon svg{width:17px;height:17px}
#shahaz-drawer-panel .shahaz-drawer-menu-list--compact .shahaz-drawer-item-label{font-size:13px !important;font-weight:650 !important;line-height:1.15 !important}
#shahaz-drawer-panel .shahaz-drawer-menu-list--compact .shahaz-drawer-item-arrow{font-size:15px !important}
#shahaz-drawer-panel .shahaz-drawer-menu-list--compact .shahaz-drawer-wishlist-count{min-width:16px;height:16px;font-size:9px}
#shahaz-drawer-panel .shahaz-drawer-menu-list-wrap{padding:7px 9px 0 !important;margin-top:-10px !important;border-radius:20px 20px 0 0 !important}
#shahaz-drawer-panel .shahaz-drawer-logout{gap:8px !important;padding:6px 8px !important;margin:3px 0 0 !important;font-size:12px !important}
#shahaz-drawer-panel .shahaz-drawer-credit{margin:4px 0 7px !important;font-size:8px !important;line-height:1 !important}
@media(max-width:480px){#shahaz-drawer-panel .shahaz-drawer-menu-list--compact li a{min-height:43px;padding:5px 7px !important}#shahaz-drawer-panel .shahaz-drawer-menu-list--compact .shahaz-drawer-item-icon{width:32px !important;height:32px !important;min-width:32px !important;min-height:32px !important}#shahaz-drawer-panel .shahaz-drawer-menu-list--compact .shahaz-drawer-item-label{font-size:12.5px !important}}

/* ========================================================================
 * PHASE 134 — MOBILE HEADER CANONICAL LOCK
 * ------------------------------------------------------------------------
 * Root cause fixed in this phase: a malformed nested @media declaration
 * previously swallowed the remainder of this stylesheet in some browsers.
 * That made the drawer/page chrome leak into normal document flow and made
 * the mobile header lose its intended grid geometry. Desktop rules above are
 * intentionally untouched.
 * ======================================================================== */
@media (max-width:767px){
  .shahaz-header,
  .shahaz-header-stage,
  .shahaz-header-main-row{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }
  .shahaz-header-main-row{
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:5px!important;
    min-height:52px!important;
    height:52px!important;
    padding:0 3px 0 0!important;
    overflow:visible!important;
  }
  .shahaz-brand-link{
    grid-column:1!important;
    width:auto!important;
    max-width:55vw!important;
    min-width:0!important;
    height:52px!important;
    padding:0!important;
    margin:0!important;
    overflow:hidden!important;
    justify-content:flex-start!important;
  }
  .shahaz-brand-logo-img{
    width:auto!important;
    height:41.32px!important;
  }
  .shahaz-search-form{
    grid-column:2!important;
    width:100%!important;
    min-width:0!important;
    height:36px!important;
    margin:0!important;
    padding:0!important;
  }
  .shahaz-search-box{
    width:100%!important;
    min-width:0!important;
    height:36px!important;
    padding:2px 3px 2px 28px!important;
    border-radius:9px!important;
  }
  .shahaz-search-spark{left:8px!important;font-size:14px!important}
  .shahaz-search-rotator{left:28px!important;right:38px!important}
  .shahaz-rotator-text{font-size:10px!important;line-height:1.05!important}
  .shahaz-search-input{height:28px!important;min-width:0!important;font-size:10px!important;padding:0 2px!important}
  .shahaz-search-submit{flex:0 0 30px!important;width:30px!important;min-width:30px!important;height:28px!important;border-radius:7px!important}
  .shahaz-search-submit-icon svg{width:16px!important;height:16px!important}
  .shahaz-desktop-actions{
    grid-column:3!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    width:auto!important;
    min-width:0!important;
    gap:5px!important;
    margin:0!important;
    padding:0!important;
  }
  .shahaz-desktop-actions .shahaz-header-action{
    display:flex!important;
    flex:0 0 34px!important;
    width:34px!important;
    min-width:34px!important;
    max-width:34px!important;
    height:34px!important;
    min-height:34px!important;
    max-height:34px!important;
    margin:0!important;
    padding:0!important;
    border-radius:10px!important;
  }
  .shahaz-desktop-actions .shahaz-action-icon{width:20px!important;height:20px!important}
  .shahaz-header-badge{top:-4px!important;right:-4px!important}
  .shahaz-search-suggestions{left:0!important;right:0!important;top:calc(100% + 3px)!important}
}
@media (min-width:361px) and (max-width:767px){
  .shahaz-desktop-actions .shahaz-header-action{flex-basis:36px!important;width:36px!important;min-width:36px!important;max-width:36px!important;height:36px!important;min-height:36px!important;max-height:36px!important}
  .shahaz-desktop-actions .shahaz-action-icon{width:21px!important;height:21px!important}
}
@media (prefers-reduced-motion:reduce){
  .shahaz-header,.shahaz-header *{animation:none!important;transition:none!important}
}


/* ==========================================================================
   SHAHAZ.COM — PHASE 151 MOBILE HEADER + ANNOUNCEMENT FINAL FIX
   Purpose:
   1) Keep the complete SHAHAZ.COM wordmark visible on phones.
   2) Prevent the final "m" of .com from being clipped.
   3) Preserve the desktop header exactly as-is.
   4) Keep the homepage announcement bar in normal document flow so it
      cannot sit on top of the hero/banner/ad content.
   ========================================================================== */

@media (max-width: 767px){

	/* The visible ticker must remain part of the header's document flow. */
	#shahaz-header{
		position:relative!important;
		overflow:visible!important;
		z-index:1200!important;
	}

	#shahaz-header > .shahaz-announcement-v2,
	#shahaz-header .shahaz-announcement-v2{
		position:relative!important;
		top:auto!important;
		left:auto!important;
		right:auto!important;
		bottom:auto!important;
		z-index:1201!important;
		width:100%!important;
		max-width:100%!important;
		margin:0!important;
		transform:none!important;
		clear:both!important;
	}

	.shahaz-announcement-v2{
		flex:none!important;
		box-sizing:border-box!important;
		overflow:hidden!important;
	}

	/* Mobile ticker: ONLY the viewport clips the moving content.
	 * The track and every item must remain full-width so Bengali/English
	 * announcement text is never squeezed or cut mid-word. */
	.shahaz-announcement-v2__viewport{
		min-width:0!important;
		max-width:none!important;
		overflow:hidden!important;
	}

	.shahaz-announcement-v2__track{
		display:flex!important;
		align-items:center!important;
		width:max-content!important;
		min-width:max-content!important;
		max-width:none!important;
		flex:0 0 auto!important;
		overflow:visible!important;
		white-space:nowrap!important;
		will-change:transform;
	}

	.shahaz-announcement-v2__item{
		display:inline-flex!important;
		align-items:center!important;
		flex:0 0 auto!important;
		width:max-content!important;
		max-width:none!important;
		overflow:visible!important;
		white-space:nowrap!important;
	}

	/* Keep the live bar compact on narrow phones. */
	.shahaz-announcement-v2{
		height:30px!important;
	}

}

/* Desktop is intentionally untouched by the mobile fix. */
@media (min-width:768px){
	#shahaz-header{
		overflow:visible!important;
	}

	#shahaz-header .shahaz-announcement-v2{
		position:relative!important;
		top:auto!important;
		left:auto!important;
		right:auto!important;
		bottom:auto!important;
		transform:none!important;
	}
}


/* ==========================================================================
   SHAHAZ.COM — MOBILE ANNOUNCEMENT BAR POSITION / FLOW FINAL PATCH
   The announcement must be physically BELOW the homepage header row and
   ABOVE the first homepage banner/hero. It must never be pulled into the
   banner by sticky/fixed/transform positioning.
   ========================================================================== */

@media (max-width:767px){

	/* The homepage header owns both rows: brand/search row + announcement row. */
	body.home #shahaz-header,
	body.front-page #shahaz-header,
	#shahaz-header{
		display:block!important;
		position:relative!important;
		top:auto!important;
		left:auto!important;
		right:auto!important;
		bottom:auto!important;
		width:100%!important;
		height:auto!important;
		min-height:0!important;
		margin:0!important;
		padding:0!important;
		transform:none!important;
		float:none!important;
		clear:both!important;
		overflow:visible!important;
	}

	#shahaz-header > .shahaz-header-stage{
		display:block!important;
		width:100%!important;
		height:52px!important;
		min-height:52px!important;
		margin:0!important;
		padding:0!important;
	}

	#shahaz-header > .shahaz-header-stage + .shahaz-announcement-v2,
	#shahaz-header > .shahaz-announcement-v2{
		display:flex!important;
		position:relative!important;
		inset:unset!important;
		float:none!important;
		clear:both!important;
		width:100%!important;
		height:30px!important;
		min-height:30px!important;
		max-height:30px!important;
		margin:0!important;
		padding:0!important;
		transform:none!important;
		z-index:2!important;
	}

	/* Force the first homepage content to start AFTER the ticker. */
	#shahaz-header + *,
	#shahaz-header ~ main:first-of-type{
		position:relative;
	}

	/* Do not let the fixed scroll-header reserve or visually steal space
	   while it is hidden. */
	.shahaz-global-market-header--home-scroll{
		z-index:1200!important;
	}

}

/* On desktop keep existing geometry untouched. */
@media (min-width:768px){
	#shahaz-header > .shahaz-announcement-v2{
		position:relative!important;
		inset:unset!important;
		float:none!important;
		clear:both!important;
		transform:none!important;
	}
}

/* ZIP 160/161 — homepage search button follows the same empty-state rule. */
.shahaz-search-submit:disabled{opacity:.55!important;cursor:not-allowed!important;transform:none!important;filter:none!important}

/* ZIP 169 follow-up — mobile logo canvas/layout correction.
 * Keep the full mobile SVG (including the shopping-bag emblem) intact.
 * The SVG has transparent horizontal canvas on its right side; that canvas
 * participates in the grid column width and creates the visible logo→search
 * gap. Reclaim only that transparent layout area with a negative outer margin.
 * The artwork itself is not resized or cropped, and desktop is untouched.
 */
@media (max-width:767px){
  .shahaz-brand-link{
    overflow:visible!important;
    margin-right:-20px!important;
  }
}