a,button,input,select,textarea{transition:color .2s var(--easing-premium),background-color .2s var(--easing-premium),border-color .2s var(--easing-premium),box-shadow .2s var(--easing-premium),transform .2s var(--easing-premium)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:0;box-shadow:var(--ring)}.btn{border-radius:999px;font-weight:700;transition:transform .22s var(--easing-premium),box-shadow .22s var(--easing-premium),filter .22s var(--easing-premium)}.btn-primary:hover,.btn-secondary:hover{transform:translateY(-3px) scale(1.01)}.section-header{margin-bottom:56px}.section-header h2{letter-spacing:-.3px}.section-header p{max-width:760px;margin:0 auto}.category-card,.faq-item,.feature-item,.product-card{border-radius:var(--radius-lg);border:1px solid rgba(102,126,234,.1)}.category-card:hover,.feature-item:hover,.product-card:hover:hover{transform:translateY(-8px);box-shadow:0 16px 34px rgba(31,41,55,.14)}.account-card,.newsletter-content,.registration-gate-card,.registration-wrapper{border-radius:var(--radius-xl)}@media (prefers-reduced-motion:reduce){*,::after,::before{animation:none!important;transition:none!important;scroll-behavior:auto!important}.category-card.hero-selected::after{animation:none!important;opacity:.75}}

/* Ultimate arrow clarity override */
button[onclick*="history.back"]::before,
.back-btn::before,
.back-btn-floating::before,
.global-back-button-lock::before{
	background-size:20px 20px!important;
	border:1px solid rgba(255,255,255,.38)!important;
	box-shadow:0 7px 16px rgba(2,6,23,.4),inset 0 1px 0 rgba(255,255,255,.35)!important;
}
@media (max-width:768px){
	button[onclick*="history.back"]::before,
	.back-btn::before,
	.back-btn-floating::before,
	.global-back-button-lock::before{
		background-size:18px 18px!important;
	}
}

/* Fixed inline arrow + label (authoritative rendering) */
.global-back-button-lock::before,
button[onclick*="history.back"]::before,
.back-btn::before,
.back-btn-floating::before{
	content:none!important;
	display:none!important;
}

.global-back-button-lock .back-arrow,
button[onclick*="history.back"] .back-arrow,
.back-btn .back-arrow,
.back-btn-floating .back-arrow{
	width:34px!important;
	height:34px!important;
	flex:0 0 34px!important;
	border-radius:999px!important;
	display:inline-flex!important;
	align-items:center!important;
	justify-content:center!important;
	background:#0b1220!important;
	color:#fff!important;
	font-size:22px!important;
	font-weight:900!important;
	line-height:1!important;
	border:1px solid rgba(255,255,255,.35)!important;
	box-shadow:0 7px 16px rgba(2,6,23,.38),inset 0 1px 0 rgba(255,255,255,.32)!important;
}

.global-back-button-lock .back-label,
button[onclick*="history.back"] .back-label,
.back-btn .back-label,
.back-btn-floating .back-label{
	color:#0f172a!important;
	font-weight:900!important;
	font-size:17px!important;
	line-height:1!important;
}

@media (max-width:768px){
	.global-back-button-lock .back-arrow,
	button[onclick*="history.back"] .back-arrow,
	.back-btn .back-arrow,
	.back-btn-floating .back-arrow{
		width:30px!important;
		height:30px!important;
		flex-basis:30px!important;
		font-size:19px!important;
	}

	.global-back-button-lock .back-label,
	button[onclick*="history.back"] .back-label,
	.back-btn .back-label,
	.back-btn-floating .back-label{
		font-size:15px!important;
	}
}

/* Guaranteed arrow fallback: always show arrow even if JS fails */
button[onclick*="history.back"]::before,
.back-btn::before,
.back-btn-floating::before,
.global-back-button-lock::before{
	content:"\2192"!important;
	display:inline-flex!important;
	align-items:center!important;
	justify-content:center!important;
	width:34px!important;
	height:34px!important;
	flex:0 0 34px!important;
	border-radius:999px!important;
	background:#0b1220!important;
	color:#fff!important;
	font-size:20px!important;
	font-weight:900!important;
	line-height:1!important;
	border:1px solid rgba(255,255,255,.35)!important;
	box-shadow:0 7px 16px rgba(2,6,23,.38),inset 0 1px 0 rgba(255,255,255,.32)!important;
}

html[dir=ltr] button[onclick*="history.back"]::before,
html[dir=ltr] .back-btn::before,
html[dir=ltr] .back-btn-floating::before,
html[dir=ltr] .global-back-button-lock::before{
	content:"\2190"!important;
}

/* Hide optional JS arrow node to prevent duplicates */
.global-back-button-lock .back-arrow,
button[onclick*="history.back"] .back-arrow,
.back-btn .back-arrow,
.back-btn-floating .back-arrow{
	display:none!important;
}

@media (max-width:768px){
	button[onclick*="history.back"]::before,
	.back-btn::before,
	.back-btn-floating::before,
	.global-back-button-lock::before{
		width:30px!important;
		height:30px!important;
		flex-basis:30px!important;
		font-size:18px!important;
	}
}

/* Absolute final back-button lock (applies after all previous CSS blocks) */
body.has-global-back-button{padding-top:max(84px,env(safe-area-inset-top))!important}
button[onclick*="history.back"],.back-btn,.back-btn-floating,.global-back-button-lock{position:fixed!important;top:18px!important;z-index:1200!important;display:inline-flex!important;align-items:center!important;gap:10px!important;padding:10px 18px!important;border-radius:999px!important;border:1px solid rgba(15,23,42,.2)!important;background:linear-gradient(135deg,#fff 0,#f4f8ff 100%)!important;color:#0f172a!important;font-weight:900!important;font-size:17px!important;letter-spacing:.2px!important;box-shadow:0 10px 22px rgba(15,23,42,.14),inset 0 1px 0 rgba(255,255,255,.98)!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;transform:none!important;transition:box-shadow .18s ease,border-color .18s ease,background-color .18s ease!important}
html[dir=ltr] button[onclick*="history.back"],html[dir=ltr] .back-btn,html[dir=ltr] .back-btn-floating,html[dir=ltr] .global-back-button-lock{left:20px!important;right:auto!important}
html[dir=rtl] button[onclick*="history.back"],html[dir=rtl] .back-btn,html[dir=rtl] .back-btn-floating,html[dir=rtl] .global-back-button-lock{right:20px!important;left:auto!important}
button[onclick*="history.back"] i,.back-btn i,.back-btn-floating i,.global-back-button-lock i{display:none!important}
button[onclick*="history.back"]::before,.back-btn::before,.back-btn-floating::before,.global-back-button-lock::before{content:"\\2192"!important;width:34px!important;height:34px!important;flex:0 0 34px!important;border-radius:999px!important;background-color:#0b1220!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6' stroke='white' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:center!important;background-size:18px 18px!important;border:1px solid rgba(255,255,255,.26)!important;box-shadow:0 6px 14px rgba(2,6,23,.35),inset 0 1px 0 rgba(255,255,255,.24)!important}
html[dir=ltr] button[onclick*="history.back"]::before,html[dir=ltr] .back-btn::before,html[dir=ltr] .back-btn-floating::before,html[dir=ltr] .global-back-button-lock::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M19 12H5M11 6l-6 6 6 6' stroke='white' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important}
button[onclick*="history.back"] span,.back-btn span,.back-btn-floating span,.global-back-button-lock span{color:#0f172a!important;font-weight:900!important;font-size:17px!important;line-height:1!important}
button[onclick*="history.back"]:hover,.back-btn:hover,.back-btn-floating:hover,.global-back-button-lock:hover{transform:none!important;border-color:rgba(15,23,42,.26)!important;box-shadow:0 12px 26px rgba(15,23,42,.18),inset 0 1px 0 rgba(255,255,255,.99)!important}
button[onclick*="history.back"]:active,.back-btn:active,.back-btn-floating:active,.global-back-button-lock:active{transform:none!important;box-shadow:0 8px 16px rgba(15,23,42,.13),inset 0 1px 0 rgba(255,255,255,.96)!important}
@media (max-width:768px){button[onclick*="history.back"],.back-btn,.back-btn-floating,.global-back-button-lock{top:12px!important;padding:8px 13px!important;font-size:15px!important}button[onclick*="history.back"]::before,.back-btn::before,.back-btn-floating::before,.global-back-button-lock::before{width:30px!important;height:30px!important;flex-basis:30px!important;background-size:16px 16px!important}button[onclick*="history.back"] span,.back-btn span,.back-btn-floating span,.global-back-button-lock span{font-size:15px!important}}

/* Final hard-lock back button override: clear arrow + smooth premium motion */
:root{
	--global-back-top:18px;
	--global-back-reserve:84px;
}
body.has-global-back-button{
	padding-top:max(var(--global-back-reserve),env(safe-area-inset-top))!important;
}
button[onclick*="history.back"],
.back-btn,
.back-btn-floating,
.global-back-button-lock{
	position:fixed!important;
	top:var(--global-back-top)!important;
	z-index:1200!important;
	display:inline-flex!important;
	align-items:center!important;
	gap:10px!important;
	padding:10px 18px!important;
	border-radius:999px!important;
	border:1px solid rgba(15,23,42,.18)!important;
	background:linear-gradient(135deg,#ffffff 0%,#f6f9ff 100%)!important;
	color:#0f172a!important;
	font-weight:900!important;
	font-size:17px!important;
	letter-spacing:.2px!important;
	box-shadow:0 10px 24px rgba(15,23,42,.15),inset 0 1px 0 rgba(255,255,255,.95)!important;
	backdrop-filter:blur(8px)!important;
	-webkit-backdrop-filter:blur(8px)!important;
	transition:box-shadow .2s ease,background-color .2s ease,border-color .2s ease,color .2s ease!important;
	transform:none!important;
}
html[dir=ltr] button[onclick*="history.back"],
html[dir=ltr] .back-btn,
html[dir=ltr] .back-btn-floating,
html[dir=ltr] .global-back-button-lock{
	left:20px!important;
	right:auto!important;
}
html[dir=rtl] button[onclick*="history.back"],
html[dir=rtl] .back-btn,
html[dir=rtl] .back-btn-floating,
html[dir=rtl] .global-back-button-lock{
	right:20px!important;
	left:auto!important;
}
button[onclick*="history.back"] i,
.back-btn i,
.back-btn-floating i,
.global-back-button-lock i{
	display:none!important;
}
button[onclick*="history.back"]::before,
.back-btn::before,
.back-btn-floating::before,
.global-back-button-lock::before{
	content:"";
	width:34px;
	height:34px;
	flex:0 0 34px;
	border-radius:999px;
	background-color:#0b1220;
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6' stroke='white' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	background-repeat:no-repeat;
	background-position:center;
	background-size:18px 18px;
	border:1px solid rgba(255,255,255,.2);
	box-shadow:0 6px 14px rgba(2,6,23,.35),inset 0 1px 0 rgba(255,255,255,.2);
}
html[dir=ltr] button[onclick*="history.back"]::before,
html[dir=ltr] .back-btn::before,
html[dir=ltr] .back-btn-floating::before,
html[dir=ltr] .global-back-button-lock::before{
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M19 12H5M11 6l-6 6 6 6' stroke='white' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
button[onclick*="history.back"] span,
.back-btn span,
.back-btn-floating span,
.global-back-button-lock span{
	color:#0f172a!important;
	font-weight:900!important;
	font-size:17px!important;
	line-height:1!important;
}
button[onclick*="history.back"]:hover,
.back-btn:hover,
.back-btn-floating:hover,
.global-back-button-lock:hover{
	transform:none!important;
	box-shadow:0 14px 28px rgba(15,23,42,.2),inset 0 1px 0 rgba(255,255,255,.98)!important;
	border-color:rgba(15,23,42,.24)!important;
}
button[onclick*="history.back"]:active,
.back-btn:active,
.back-btn-floating:active,
.global-back-button-lock:active{
	transform:none!important;
	box-shadow:0 8px 16px rgba(15,23,42,.14),inset 0 1px 0 rgba(255,255,255,.95)!important;
}
@media (max-width:768px){
	:root{--global-back-top:12px;--global-back-reserve:72px}
	button[onclick*="history.back"],
	.back-btn,
	.back-btn-floating,
	.global-back-button-lock{padding:8px 13px!important;font-size:15px!important}
	button[onclick*="history.back"]::before,
	.back-btn::before,
	.back-btn-floating::before,
	.global-back-button-lock::before{width:30px;height:30px;flex-basis:30px;background-size:16px 16px}
	button[onclick*="history.back"] span,
	.back-btn span,
	.back-btn-floating span,
	.global-back-button-lock span{font-size:15px!important}
}
:root{--global-back-btn-offset:20px;--global-back-btn-reserve:86px}body.has-global-back-button{padding-top:max(var(--global-back-btn-reserve),env(safe-area-inset-top))!important}button[onclick*="history.back"],.back-btn,.back-btn-floating,.global-back-button-lock{position:fixed!important;top:var(--global-back-btn-offset)!important;z-index:1200!important;display:inline-flex!important;align-items:center!important;gap:10px!important;padding:10px 18px!important;border-radius:999px!important;border:1px solid rgba(22,30,52,.18)!important;background:linear-gradient(135deg,#fff 0,#f3f7ff 100%)!important;color:#0f172a!important;font-weight:900!important;font-size:17px!important;letter-spacing:.2px;box-shadow:0 12px 28px rgba(15,23,42,.16),inset 0 1px 0 rgba(255,255,255,.92)!important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);overflow:hidden;transition:transform .2s cubic-bezier(.22,1,.36,1),box-shadow .2s cubic-bezier(.22,1,.36,1),background-color .2s cubic-bezier(.22,1,.36,1)!important}button[onclick*="history.back"]::after,.back-btn::after,.back-btn-floating::after,.global-back-button-lock::after{content:"";position:absolute;inset:1px;border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.55),rgba(255,255,255,0));pointer-events:none}html[dir=ltr] button[onclick*="history.back"],html[dir=ltr] .back-btn,html[dir=ltr] .back-btn-floating,html[dir=ltr] .global-back-button-lock{left:20px!important;right:auto!important}html[dir=rtl] button[onclick*="history.back"],html[dir=rtl] .back-btn,html[dir=rtl] .back-btn-floating,html[dir=rtl] .global-back-button-lock{right:20px!important;left:auto!important}button[onclick*="history.back"] i,.back-btn i,.back-btn-floating i,.global-back-button-lock i{display:none!important}button[onclick*="history.back"]::before,.back-btn::before,.back-btn-floating::before,.global-back-button-lock::before{content:"\2192";position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;flex:0 0 34px;border-radius:999px;background:linear-gradient(145deg,#0b1220 0,#1e293b 100%);border:1px solid rgba(255,255,255,.34);box-shadow:0 8px 18px rgba(2,6,23,.36),inset 0 1px 0 rgba(255,255,255,.32);color:#fff!important;font-size:19px;font-weight:900;line-height:1;text-shadow:0 1px 2px rgba(0,0,0,.28)}html[dir=ltr] button[onclick*="history.back"]::before,html[dir=ltr] .back-btn::before,html[dir=ltr] .back-btn-floating::before,html[dir=ltr] .global-back-button-lock::before{content:"\2190"}button[onclick*="history.back"] span,.back-btn span,.back-btn-floating span,.global-back-button-lock span{position:relative;z-index:1;color:#0f172a!important;font-weight:900!important;font-size:17px!important;line-height:1}button[onclick*="history.back"]:hover,.back-btn:hover,.back-btn-floating:hover,.global-back-button-lock:hover{transform:translateY(-1px);box-shadow:0 15px 30px rgba(15,23,42,.2),inset 0 1px 0 rgba(255,255,255,.96)!important}button[onclick*="history.back"]:hover::before,.back-btn:hover::before,.back-btn-floating:hover::before,.global-back-button-lock:hover::before{transform:translateX(-1px);filter:brightness(1.1) saturate(1.02)}html[dir=ltr] button[onclick*="history.back"]:hover::before,html[dir=ltr] .back-btn:hover::before,html[dir=ltr] .back-btn-floating:hover::before,html[dir=ltr] .global-back-button-lock:hover::before{transform:translateX(1px);filter:brightness(1.1) saturate(1.02)}button[onclick*="history.back"]:active,.back-btn:active,.back-btn-floating:active,.global-back-button-lock:active{transform:translateY(0);box-shadow:0 10px 20px rgba(15,23,42,.16),inset 0 1px 0 rgba(255,255,255,.92)!important}@media (max-width:768px){:root{--global-back-btn-offset:12px}body.has-global-back-button{padding-top:max(var(--global-back-btn-reserve),72px)!important}button[onclick*="history.back"],.back-btn,.back-btn-floating,.global-back-button-lock{font-size:15px!important;padding:8px 13px!important}button[onclick*="history.back"]::before,.back-btn::before,.back-btn-floating::before,.global-back-button-lock::before{width:30px;height:30px;flex-basis:30px;font-size:17px}button[onclick*="history.back"] span,.back-btn span,.back-btn-floating span,.global-back-button-lock span{font-size:15px!important}}
html{scroll-behavior:smooth}*{margin:0;padding:0;box-sizing:border-box}.category-card,.header,.product-card{transform:translateZ(0);backface-visibility:hidden}img{content-visibility:auto;image-rendering:-webkit-optimize-contrast}:root{--primary-color:#667eea;--secondary-color:#764ba2;--accent-color:#f093fb;--text-dark:#1a202c;--text-light:#718096;--bg-light:#f7fafc;--white:#ffffff;--success:#00b894;--danger:#d63031;--warning:#fdcb6e;--shadow-sm:0 2px 10px rgba(15, 23, 42, 0.06);--shadow:0 10px 28px rgba(15, 23, 42, 0.1);--shadow-lg:0 20px 48px rgba(15, 23, 42, 0.14);--shadow-xl:0 28px 64px rgba(15, 23, 42, 0.18);--transition:all 0.28s cubic-bezier(0.22, 1, 0.36, 1);--transition-fast:all 0.18s cubic-bezier(0.22, 1, 0.36, 1);--blur:blur(20px);--gradient-1:linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-2:linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-3:linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-gold:linear-gradient(135deg, #ffd89b 0%, #19547b 100%);--radius-sm:12px;--radius-md:18px;--radius-lg:24px;--radius-xl:30px;--easing-premium:cubic-bezier(0.22, 1, 0.36, 1);--ring:0 0 0 3px rgba(102, 126, 234, 0.2)}body{font-family:Cairo,sans-serif;color:var(--text-dark);line-height:1.7;overflow-x:hidden;direction:rtl;background:var(--bg-light);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body.registration-required{overflow:hidden;height:100vh}.registration-gate{position:fixed;inset:0;z-index:20000;display:flex;align-items:center;justify-content:center;background:rgba(15,23,42,.75);padding:20px}.registration-gate.hidden{display:none}.registration-gate-card{width:min(92vw,520px);background:var(--white);border-radius:28px;padding:34px 28px;text-align:center;box-shadow:0 30px 80px rgba(0,0,0,.28);border:1px solid rgba(102,126,234,.16)}.registration-brand{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:14px}.registration-brand-icon{width:50px;height:50px;border-radius:50%;background:var(--gradient-1);color:var(--white);display:inline-flex;align-items:center;justify-content:center;font-size:20px;box-shadow:0 10px 22px rgba(102,126,234,.32)}.registration-brand-text{text-align:right}.registration-brand-text h3{margin:0;font-size:29px;line-height:1.1;font-weight:900;background:var(--gradient-1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.registration-brand-text span{display:block;color:var(--text-light);font-size:13px;font-weight:700}.registration-gate-badge{display:inline-block;background:var(--gradient-1);color:var(--white);font-size:12px;font-weight:800;padding:7px 14px;border-radius:999px;margin-bottom:14px}.registration-gate-card h2{font-size:32px;margin-bottom:10px;color:var(--text-dark)}.registration-gate-card p{color:var(--text-light);margin-bottom:20px}@media (max-width:600px){.registration-brand-text h3{font-size:25px}.registration-gate-card h2{font-size:27px}}.container{max-width:1200px;margin:0 auto;padding:0 20px}.header{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.95);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);box-shadow:0 4px 30px rgba(0,0,0,.05);border-bottom:1px solid rgba(255,255,255,.5)}.main-nav{padding:15px 0}.nav-content{display:flex;justify-content:space-between;align-items:center;gap:30px}.logo h1{font-size:32px;font-weight:900;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:0;position:relative;display:inline-block;animation:gradientShift 3s ease infinite}@keyframes gradientShift{0%,100%{filter:hue-rotate(0deg)}50%{filter:hue-rotate(10deg)}}.logo .tagline{display:block;font-size:12px;color:var(--text-light);margin-top:-5px}.nav-menu{display:flex;list-style:none;gap:30px;margin:0}.nav-menu.active{display:flex;flex-direction:column;position:absolute;top:100%;right:0;left:0;background:var(--white);padding:20px;box-shadow:var(--shadow-lg);z-index:1000}.nav-menu li{position:relative}.nav-menu a{text-decoration:none;color:var(--text-dark);font-weight:600;transition:var(--transition);padding:10px 0;display:block;position:relative}.nav-menu a::after{content:'';position:absolute;bottom:5px;right:0;width:0;height:2px;background:var(--gradient-1);transition:width .4s cubic-bezier(.4, 0, .2, 1)}.nav-menu a.active::after,.nav-menu a:hover::after{width:100%}.nav-menu a.active,.nav-menu a:hover{color:var(--primary-color)}.dropdown-menu{position:absolute;top:100%;right:0;background:var(--white);box-shadow:var(--shadow-lg);border-radius:8px;min-width:200px;padding:10px 0;opacity:0;visibility:hidden;transform:translateY(10px);transition:var(--transition);list-style:none}.dropdown:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-menu a{padding:10px 20px;font-weight:400}.dropdown-menu a:hover{background:var(--bg-light)}.nav-icons{display:flex;gap:20px;align-items:center}.nav-icons a.cart-btn,.nav-icons button{background:0 0;border:none;font-size:20px;color:var(--text-dark);cursor:pointer;transition:var(--transition);position:relative;display:inline-flex;align-items:center}.nav-icons a.cart-btn:hover,.nav-icons button:hover{color:var(--primary-color);transform:scale(1.1)}.cart-count{position:absolute;top:-8px;left:-8px;background:var(--danger);color:var(--white);font-size:12px;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600}.menu-toggle{display:none}.hero{position:relative;height:clamp(420px,68vh,720px);overflow:hidden;background:linear-gradient(135deg,#667eea 0,#764ba2 100%);box-shadow:0 15px 60px rgba(0,0,0,.25)}.hero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><rect width="100" height="100" fill="none"/><circle cx="50" cy="50" r="40" fill="rgba(255,255,255,0.03)"/></svg>');opacity:.18;animation:float 20s ease-in-out infinite}.hero-slider{height:100%}.hero-slide{position:absolute;width:100%;height:100%;opacity:0;transition:opacity .5s ease;display:flex;align-items:stretch;pointer-events:none;z-index:1;background-size:cover;background-position:center center;background-repeat:no-repeat;background-color:#0b1224;will-change:opacity}.hero-media{position:absolute;inset:0;z-index:0;overflow:hidden}.hero-media img{width:100%;height:100%;object-fit:contain;object-position:center center;display:block;opacity:0;transition:opacity .35s ease;image-rendering:auto}.hero-media img.loaded{opacity:1}.hero-slide::before{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(8,12,22,.34) 0,rgba(8,12,22,.14) 18%,rgba(8,12,22,.04) 32%,rgba(8,12,22,0) 48%);z-index:1}.hero-slide .container{width:100%;height:100%;display:flex;align-items:flex-end;padding-bottom:24px;position:relative;z-index:2}.hero-slide.active{opacity:1;pointer-events:auto;z-index:2}.hero-content{color:var(--white);width:min(100%,680px);background:linear-gradient(135deg,rgba(10,17,32,.26),rgba(15,24,45,.12));border:1px solid rgba(255,255,255,.1);border-radius:20px;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);padding:14px 18px;box-shadow:0 6px 16px rgba(0,0,0,.12)}.hero-badge{display:inline-block;background:rgba(255,255,255,.18);padding:8px 18px;border-radius:50px;font-size:13px;font-weight:700;margin-bottom:10px;backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 25px rgba(0,0,0,.1);animation:fadeInUp 1s ease-out .3s backwards;letter-spacing:1px}.hero-content h2{font-size:52px;font-weight:900;line-height:1.2;margin-bottom:8px;text-shadow:0 4px 20px rgba(0,0,0,.2);animation:fadeInUp 1s ease-out .5s backwards}.hero-content p{font-size:18px;margin-bottom:14px;opacity:.98;animation:fadeInUp 1s ease-out .7s backwards;text-shadow:0 2px 10px rgba(0,0,0,.1)}.hero-content .btn{animation:fadeInUp 1s ease-out .9s backwards;padding:12px 30px}.btn{display:inline-block;padding:15px 40px;text-decoration:none;border-radius:50px;font-weight:600;transition:var(--transition);border:none;cursor:pointer;font-size:16px;position:relative;overflow:hidden;z-index:1}.btn::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,.2);transform:translate(-50%,-50%);transition:width .6s,height .6s;z-index:-1}.btn:hover::before{width:300px;height:300px}.btn-primary{background:var(--white);color:var(--primary-color);box-shadow:0 8px 30px rgba(255,255,255,.3)}.btn-primary:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 15px 50px rgba(255,255,255,.4)}.btn-secondary{background:linear-gradient(135deg,var(--primary-color),var(--accent-color));color:var(--white);box-shadow:0 10px 30px rgba(102,126,234,.3);position:relative}.btn-secondary::after{content:'';position:absolute;inset:0;border-radius:50px;padding:2px;background:linear-gradient(135deg,var(--accent-color),var(--primary-color));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;opacity:0;transition:opacity .4s}.btn-secondary:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 20px 60px rgba(102,126,234,.4)}.btn-secondary:hover::after{opacity:1}.btn-large{padding:18px 50px;font-size:18px}.hero-controls button{position:absolute;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.35);backdrop-filter:blur(15px);border:2px solid rgba(255,255,255,.5);width:70px;height:70px;border-radius:50%;color:var(--white);font-size:28px;cursor:pointer;transition:var(--transition);z-index:10;box-shadow:0 10px 40px rgba(0,0,0,.3);font-weight:700}.hero-controls button:hover{background:rgba(255,255,255,.55);transform:translateY(-50%) scale(1.15);box-shadow:0 15px 50px rgba(0,0,0,.4);border-color:rgba(255,255,255,.8)}.hero-controls button:active{transform:translateY(-50%) scale(.95)}.hero-prev{right:30px}.hero-next{left:30px}.hero-dots{position:absolute;bottom:30px;right:50%;transform:translateX(50%);display:flex;gap:12px;z-index:10}.dot{width:18px;height:18px;border-radius:50%;background:rgba(255,255,255,.6);cursor:pointer;transition:var(--transition);border:2px solid rgba(255,255,255,.8);box-shadow:0 4px 15px rgba(0,0,0,.3)}.dot:hover{background:rgba(255,255,255,.9);transform:scale(1.3);box-shadow:0 6px 20px rgba(0,0,0,.4)}.dot.active{background:var(--white);width:45px;border-radius:8px;box-shadow:0 6px 25px rgba(255,255,255,.5);transition:var(--transition)}.features{padding:60px 0;background:var(--bg-light)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px}.feature-item{text-align:center;padding:35px;background:var(--white);border-radius:20px;transition:var(--transition);border:1px solid rgba(102,126,234,.1);position:relative;overflow:hidden}.feature-item::before{content:'';position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(102,126,234,.05) 0,transparent 70%);opacity:0;transition:opacity .4s}.feature-item:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl);border-color:rgba(102,126,234,.3)}.feature-item:hover::before{opacity:1}.feature-item i{font-size:52px;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:20px;display:inline-block;transition:var(--transition)}.feature-item:hover i{transform:scale(1.15) rotate(5deg);filter:drop-shadow(0 5px 15px rgba(102, 126, 234, .4))}.feature-item h3{font-size:22px;margin-bottom:12px;font-weight:700;transition:var(--transition)}.feature-item:hover h3{color:var(--primary-color);transform:translateY(-2px)}.feature-item p{color:var(--text-light);font-size:14px}.section-header{text-align:center;margin-bottom:60px;position:relative}.section-header::after{content:'';position:absolute;bottom:-20px;left:50%;transform:translateX(-50%);width:80px;height:4px;background:var(--gradient-1);border-radius:2px}.section-header h2{font-size:48px;font-weight:900;margin-bottom:20px;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;display:inline-block}.section-header p{color:var(--text-light);font-size:20px;font-weight:400;letter-spacing:.5px}.categories{padding:100px 0;background:linear-gradient(135deg,#f7fafc 0,#fff 100%);position:relative;overflow:hidden;display:block!important;opacity:1!important;visibility:visible!important}.categories-video-layer{position:absolute;inset:0;z-index:0;pointer-events:none;contain:paint}.categories-shared-video{width:100%;height:100%;object-fit:cover;object-position:center 52%;transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden;will-change:transform;opacity:.81;filter:brightness(.6) saturate(.88) contrast(.87)}.categories>.container{position:relative;z-index:2}.brands-section,.categories,.collection-gallery,.deals-banner-section,.extra-services,.faq-section,.features,.newsletter,.products,.promo-banner,.stats-section{content-visibility:auto;contain-intrinsic-size:1px 860px}.categories-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:50px;opacity:1!important;visibility:visible!important}.category-card{position:relative;background:rgba(14,22,42,.32)!important;border-radius:18px;padding:0;min-height:200px;display:flex!important;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 10px 40px rgba(0,0,0,.1);transition:all .5s cubic-bezier(.175, .885, .32, 1.275);cursor:pointer;opacity:1!important;visibility:visible!important}.category-card::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(170deg,rgba(255,183,125,.2),rgba(20,30,52,.31));opacity:.46;transition:opacity .5s ease;z-index:1}.category-card:hover::before{opacity:.4}.category-card:hover{transform:translateY(-15px) scale(1.02);box-shadow:0 25px 60px rgba(102,126,234,.25)}.category-card.hero-scroll-target{position:relative}.category-card.hero-selected{transform:translateY(-14px) scale(1.03) rotateX(1.2deg);transform-origin:center center;box-shadow:0 34px 86px rgba(102,126,234,.5),0 0 0 3px rgba(102,126,234,.32);border-color:var(--primary-color);animation:heroCardPopReturn 1.55s cubic-bezier(.2,.9,.2,1),heroCardDrift 1.35s ease-in-out 1.55s 1}.category-card.hero-selected::before{opacity:.26!important;animation:heroGradientBreath 1.45s ease-in-out 2}.category-card.hero-selected::after{content:'';position:absolute;inset:-12px;border-radius:inherit;border:2px solid var(--primary-color);box-shadow:0 0 0 12px rgba(102,126,234,.2),0 0 46px rgba(102,126,234,.38);animation:heroTargetPulse 1.55s ease-out 2;pointer-events:none;z-index:4}.category-card.hero-selected .category-icon-wrapper{animation:heroIconPulse 1.05s cubic-bezier(.34,1.56,.64,1) 2}.category-card.hero-selected .category-content h3{animation:heroTitleFocus 1.1s ease-in-out 2}.category-card.hero-selected .category-content::after{content:'';position:absolute;inset:-14px;border-radius:24px;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.7) 48%,transparent 66%);transform:translateX(-140%);animation:heroSweep 1.35s ease-out 1;pointer-events:none}@keyframes heroCardPopReturn{0%{transform:translateY(0) scale(1);filter:saturate(1) brightness(1)}24%{transform:translateY(-30px) scale(1.065) rotateX(2.6deg);filter:saturate(1.12) brightness(1.06)}52%{transform:translateY(-10px) scale(1.02) rotateX(.8deg);filter:saturate(1.06) brightness(1.03)}74%{transform:translateY(-18px) scale(1.038) rotateX(1.6deg);filter:saturate(1.08) brightness(1.04)}100%{transform:translateY(-14px) scale(1.03) rotateX(1.2deg);filter:saturate(1.05) brightness(1.02)}}@keyframes heroCardDrift{0%{transform:translateY(-14px) scale(1.03) rotateX(1.2deg)}50%{transform:translateY(-18px) scale(1.036) rotateX(1.6deg)}100%{transform:translateY(-14px) scale(1.03) rotateX(1.2deg)}}@keyframes heroTargetPulse{0%{opacity:.95;transform:scale(.97)}100%{opacity:0;transform:scale(1.04)}}@keyframes heroGradientBreath{0%,100%{opacity:.18}50%{opacity:.3}}@keyframes heroIconPulse{0%{transform:scale(1)}50%{transform:scale(1.1)}100%{transform:scale(1.03)}}@keyframes heroTitleFocus{0%{letter-spacing:0;transform:translateY(0)}50%{letter-spacing:.5px;transform:translateY(-2px)}100%{letter-spacing:0;transform:translateY(0)}}@keyframes heroSweep{0%{transform:translateX(-140%);opacity:0}25%{opacity:.8}100%{transform:translateX(130%);opacity:0}}.category-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,rgba(255,183,125,.14),rgba(18,26,48,.19));opacity:.27;transition:opacity .5s ease;pointer-events:none;z-index:2}.category-card:hover .category-overlay{opacity:.23}.category-icon-wrapper{position:relative;width:72px;height:72px;margin-bottom:8px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(145deg,rgba(255,255,255,.18),rgba(255,255,255,.06)),var(--category-gradient);border:1px solid rgba(255,255,255,.42);box-shadow:0 16px 52px rgba(102,126,234,.42);transition:all .5s cubic-bezier(.175, .885, .32, 1.275);z-index:3}.category-card:hover .category-icon-wrapper{transform:scale(1.1) rotate(5deg);box-shadow:0 26px 74px rgba(102,126,234,.56)}.category-icon-wrapper::before{content:'';position:absolute;inset:-15px;border-radius:50%;background:var(--category-gradient);opacity:.32;filter:blur(30px);transition:all .5s ease;z-index:-1}.category-card:hover .category-icon-wrapper::before{inset:-25px;opacity:.56}.category-icon-wrapper i{font-size:32px;color:#fff;filter:drop-shadow(0 5px 14px rgba(0, 0, 0, .25)) saturate(1.08) contrast(1.05);transition:all .5s cubic-bezier(.175, .885, .32, 1.275)}.category-card:hover .category-icon-wrapper i{transform:scale(1.15);filter:drop-shadow(0 8px 25px rgba(0, 0, 0, .3))}.category-content{position:relative;text-align:center;z-index:3;padding:0 8px 10px}.category-content h3{font-size:15px;font-weight:800;color:#f8fbff;margin:0 0 10px;transition:all .4s ease;text-shadow:0 5px 22px rgba(0,0,0,.45)}.category-card:hover .category-content h3{transform:scale(1.05)}.category-count{font-size:11px;color:rgba(245,250,255,.9);margin:0 0 10px;font-weight:500;transition:all .3s ease}.category-card:hover .category-count{color:#fff}.category-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;background:#fff;border:2px solid transparent;border-radius:50px;color:#667eea;font-weight:700;font-size:11px;text-decoration:none;transition:all .4s cubic-bezier(.175, .885, .32, 1.275);box-shadow:0 5px 20px rgba(102,126,234,.15);position:relative;overflow:hidden}.category-btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--category-gradient);transition:left .5s ease;z-index:-1}.category-btn:hover::before{left:0}.category-btn:hover{color:#fff;border-color:transparent;transform:translateY(-3px);box-shadow:0 10px 30px rgba(102,126,234,.3)}.category-btn i{font-size:10px;transition:transform .4s ease}.category-btn:hover i{transform:translateX(-5px)}.category-card{opacity:1;animation:categoryFadeInUp .6s ease forwards}.category-card:first-child{animation-delay:.1s}.category-card:nth-child(2){animation-delay:.2s}.category-card:nth-child(3){animation-delay:.3s}.category-card:nth-child(4){animation-delay:.4s}.category-card:nth-child(5){animation-delay:.5s}.category-card:nth-child(6){animation-delay:.6s}@keyframes categoryFadeInUp{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.category-card:active{transform:translateY(-12px) scale(.98)}@media (max-width:768px){.categories-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.category-card{min-height:210px}.category-icon-wrapper{width:74px;height:74px;margin-bottom:10px}.category-icon-wrapper i{font-size:34px}.category-content h3{font-size:16px}.category-btn{padding:7px 12px;font-size:12px}}@media (max-width:480px){.categories-grid{grid-template-columns:1fr;gap:15px}.category-card{min-height:190px}.category-icon-wrapper{width:64px;height:64px;margin-bottom:8px}.category-icon-wrapper i{font-size:28px}.category-content h3{font-size:14px}.category-content{padding:0 8px 10px}}.products{padding:80px 0;background:var(--bg-light)}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:30px}.product-card{background:var(--white);border-radius:24px;overflow:hidden;box-shadow:var(--shadow);transition:var(--transition);position:relative;border:1px solid rgba(102,126,234,.08)}.product-card::after{content:'';position:absolute;inset:0;border-radius:24px;padding:2px;background:var(--gradient-1);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;opacity:0;transition:opacity .4s}.product-card:hover{transform:translateY(-12px) scale(1.02);box-shadow:var(--shadow-xl)}.product-card:hover::after{opacity:.6}.product-badge{position:absolute;top:20px;right:20px;padding:10px 18px;border-radius:50px;font-size:13px;font-weight:700;color:var(--white);z-index:5;backdrop-filter:blur(10px);box-shadow:0 4px 15px rgba(0,0,0,.2);animation:pulse 2s ease-in-out infinite;letter-spacing:.5px}.product-badge.sale{background:var(--danger)}.product-badge.new{background:var(--success)}.product-badge.hot{background:var(--warning);color:var(--text-dark)}.wishlist-btn{position:absolute;top:15px;left:15px;width:44px;height:44px;background:rgba(255,255,255,.95);backdrop-filter:var(--blur);border:none;border-radius:50%;font-size:18px;color:var(--text-light);cursor:pointer;transition:var(--transition);z-index:5;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px rgba(0,0,0,.1)}.wishlist-btn:hover{background:var(--danger);color:var(--white);transform:scale(1.15) rotate(10deg);box-shadow:0 8px 25px rgba(214,48,49,.3)}.wishlist-btn:active{transform:scale(.95)}.product-img{position:relative;overflow:hidden;height:320px;background:linear-gradient(135deg,#f8f9fa 0,#e9ecef 100%)}.product-img img{width:100%;height:100%;object-fit:cover;transition:var(--transition);filter:brightness(1)}.product-card:hover .product-img img{transform:scale(1.15) rotate(2deg);filter:brightness(1.05)}.product-overlay{position:absolute;bottom:0;right:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.9),transparent);padding:20px;display:flex!important;gap:10px;justify-content:center;transform:none!important;transition:var(--transition);opacity:1!important;visibility:visible!important}.product-card:hover .product-overlay{background:linear-gradient(to top,rgba(0,0,0,.95),transparent)}.product-overlay button{flex:1;padding:14px;border:none;border-radius:12px;background:rgba(255,255,255,.95);backdrop-filter:blur(10px);color:var(--text-dark);font-weight:700;cursor:pointer;transition:var(--transition);font-size:14px;box-shadow:0 4px 15px rgba(0,0,0,.2);pointer-events:auto;z-index:10;position:relative}.quick-view:hover{background:var(--primary-color);color:var(--white);transform:translateY(-3px);box-shadow:0 8px 25px rgba(102,126,234,.4)}.add-to-cart:hover{background:var(--success);color:var(--white);transform:translateY(-3px);box-shadow:0 8px 25px rgba(0,184,148,.4)}.product-info{padding:25px}.product-rating{display:flex;align-items:5px;transition:var(--transition);cursor:pointer}.product-rating i:hover{transform:scale(1.2) rotate(10deg);filter:drop-shadow(0 2px 5px rgba(253, 203, 110, .5)) nter;gap:3px;margin-bottom:10px}.product-rating i{color:var(--warning);font-size:14px}.product-rating span{color:var(--text-light);font-size:14px;margin-right:5px}.product-info h3{font-size:19px;margin-bottom:10px;font-weight:700;color:var(--text-dark);transition:var(--transition)}.product-card:hover .product-info h3{color:var(--primary-color);transform:translateX(5px)}.product-desc{color:var(--text-light);font-size:14px;margin-bottom:15px}.product-price{display:flex;align-items:center;gap:10px}.old-price{color:var(--text-light);text-decoration:line-through;font-size:16px}.new-price{color:var(--primary-color);font-size:24px;font-weight:900;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-center{text-align:center}.promo-banner{padding:120px 0;background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 50%,var(--accent-color) 100%);background-size:200% 200%;animation:gradientMove 15s ease infinite;text-align:center;color:var(--white);position:relative;overflow:hidden}.promo-banner::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 1px,transparent 1px);background-size:50px 50px;animation:movePattern 30s linear infinite}@keyframes gradientMove{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}@keyframes movePattern{from{transform:translate(0,0)}to{transform:translate(50px,50px)}}.promo-content{max-width:800px;margin:0 auto}.promo-badge{display:inline-block;background:rgba(255,255,255,.25);padding:12px 30px;border-radius:50px;font-size:15px;font-weight:700;margin-bottom:30px;backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.4);box-shadow:0 8px 30px rgba(0,0,0,.15);animation:pulse 2s ease-in-out infinite;letter-spacing:1px}.promo-content h2{font-size:56px;font-weight:900;margin-bottom:25px;text-shadow:0 4px 30px rgba(0,0,0,.3);animation:fadeInUp 1s ease-out}.promo-content>p{font-size:22px;margin-bottom:50px;opacity:.95;text-shadow:0 2px 15px rgba(0,0,0,.2);animation:fadeInUp 1s ease-out .2s backwards}.countdown{display:flex;justify-content:center;gap:30px;margin-bottom:40px}.countdown-item{display:flex;flex-direction:column;align-items:center}.countdown-value{font-size:52px;font-weight:900;background:rgba(255,255,255,.25);backdrop-filter:blur(15px);width:110px;height:110px;display:flex;align-items:center;justify-content:center;border-radius:20px;margin-bottom:12px;border:2px solid rgba(255,255,255,.3);box-shadow:0 10px 40px rgba(0,0,0,.2);animation:glow 2s ease-in-out infinite}.countdown-label{font-size:16px;opacity:.9}.newsletter{padding:80px 0;background:var(--bg-light)}.newsletter-content{display:flex;justify-content:space-between;align-items:center;gap:40px;background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(255,255,255,.7));backdrop-filter:var(--blur);padding:60px;border-radius:30px;box-shadow:var(--shadow-lg);border:1px solid rgba(255,255,255,.5);position:relative;overflow:hidden}.newsletter-content::before{content:'';position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(102,126,234,.1) 0,transparent 70%);animation:pulse 10s ease-in-out infinite}@keyframes pulse{0%,100%{transform:translate(0,0)}50%{transform:translate(-10%,-10%)}}.newsletter-text h3{font-size:32px;margin-bottom:10px}.newsletter-text p{color:var(--text-light);font-size:16px}.newsletter-form{display:flex;gap:10px;min-width:400px}.newsletter-form input{flex:1;padding:18px 30px;border:2px solid rgba(102,126,234,.2);border-radius:50px;font-size:16px;outline:0;transition:var(--transition);background:rgba(255,255,255,.9);backdrop-filter:blur(10px)}.newsletter-form input:focus{border-color:var(--primary-color);box-shadow:0 0 0 4px rgba(102,126,234,.1);transform:translateY(-2px)}.faq-section{padding:90px 0;background:var(--white)}.faq-list{margin-top:35px;display:grid;gap:14px}.faq-item{border:1px solid #e6e8f0;border-radius:16px;background:#fcfdff;overflow:hidden;transition:var(--transition-fast)}.faq-item:hover{border-color:rgba(102,126,234,.35);box-shadow:0 10px 24px rgba(102,126,234,.08)}.faq-question{width:100%;border:none;background:0 0;text-align:right;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 20px;font-family:Cairo,sans-serif;font-size:17px;font-weight:700;color:var(--text-dark);cursor:pointer}.faq-question i{color:var(--primary-color);transition:transform .25s ease}.faq-item.active .faq-question i{transform:rotate(180deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .28s ease}.faq-answer p{margin:0;padding:0 20px 18px;color:var(--text-light);line-height:1.9}.brands-section{padding:80px 0;background:linear-gradient(135deg,#f7fafc 0,#edf2f7 100%);position:relative;overflow:hidden}.brands-section::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--primary-color),transparent)}.brands-slider{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:30px;margin-top:50px;animation:fadeInUp .8s ease}.brand-item{background:var(--white);padding:40px 20px;border-radius:20px;text-align:center;transition:var(--transition);cursor:pointer;border:2px solid transparent;box-shadow:var(--shadow-sm)}.brand-item:hover{transform:translateY(-10px);border-color:var(--primary-color);box-shadow:var(--shadow)}.brand-logo{font-size:60px;margin-bottom:15px;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transition:var(--transition)}.brand-item:hover .brand-logo{transform:scale(1.1)}.brand-item p{font-size:16px;font-weight:600;color:var(--text-dark);margin-top:10px}.collection-gallery{padding:100px 0;background:var(--white)}.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:50px}.gallery-item{position:relative;overflow:hidden;border-radius:20px;height:400px;cursor:pointer;box-shadow:var(--shadow);transition:var(--transition)}.gallery-item.large{grid-column:span 2;grid-row:span 2;height:820px}.gallery-item.wide{grid-column:span 2}.hot-offer-card{grid-column:span 2;position:relative;overflow:hidden;border-radius:20px;height:400px;cursor:pointer;box-shadow:var(--shadow);transition:var(--transition);background:linear-gradient(135deg,rgba(102,126,234,.95),rgba(240,147,251,.95))}.hot-offer-overlay{position:relative;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:30px;text-align:center}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:var(--transition)}.collection-gallery:not(.brand-edition) .gallery-item img,.collection-gallery:not(.brand-edition) .hot-offer-card img{display:none!important}.gallery-item:hover img{transform:scale(1.1)}.gallery-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(102,126,234,.95),rgba(240,147,251,.95));display:flex;flex-direction:column;justify-content:center;align-items:center;padding:30px;opacity:0;transition:var(--transition);text-align:center}.gallery-item:hover .gallery-overlay{opacity:1}.gallery-badge{display:inline-block;padding:8px 20px;background:rgba(255,255,255,.2);backdrop-filter:blur(10px);border-radius:50px;color:var(--white);font-size:14px;font-weight:600;margin-bottom:20px;animation:slideInDown .5s ease}.gallery-badge.hot{background:linear-gradient(135deg,#ff6b6b,#ee5a6f);animation:pulse 2s infinite}.hot-offer-badge{display:inline-block;padding:8px 20px;background:linear-gradient(135deg,#ff6b6b,#ee5a6f);border-radius:50px;color:var(--white);font-size:14px;font-weight:600;margin-bottom:20px;animation:pulse 2s infinite}.hot-offer-overlay h3{font-size:32px;color:var(--white);margin-bottom:10px}.hot-offer-overlay p{font-size:18px;color:rgba(255,255,255,.9);margin-bottom:25px}.hot-offer-btn{display:inline-flex;align-items:center;gap:10px;padding:15px 35px;background:var(--white);color:var(--primary-color);text-decoration:none;border-radius:50px;font-weight:600;transition:var(--transition)}.hot-offer-btn:hover{transform:translateY(-3px);box-shadow:0 10px 30px rgba(0,0,0,.3)}.gallery-overlay h3{font-size:32px;color:var(--white);margin-bottom:10px;animation:slideInUp .5s ease .1s backwards}.gallery-overlay p{font-size:18px;color:rgba(255,255,255,.9);margin-bottom:25px;animation:slideInUp .5s ease .2s backwards}.gallery-btn{display:inline-flex;align-items:center;gap:10px;padding:15px 35px;background:var(--white);color:var(--primary-color);text-decoration:none;border-radius:50px;font-weight:600;transition:var(--transition);animation:slideInUp .5s ease .3s backwards}.gallery-btn:hover{transform:translateY(-3px);box-shadow:0 10px 30px rgba(0,0,0,.3)}.extra-services{padding:100px 0;background:linear-gradient(135deg,#667eea 0,#764ba2 100%);position:relative;overflow:hidden}.extra-services::before{content:'';position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle,rgba(255,255,255,.1) 0,transparent 70%);animation:float 15s ease-in-out infinite}.extra-services .section-header h2,.extra-services .section-header p{color:var(--white)}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-top:50px;position:relative;z-index:1}.service-card{background:rgba(255,255,255,.1);backdrop-filter:blur(20px);border:2px solid rgba(255,255,255,.2);border-radius:20px;padding:40px 30px;text-align:center;transition:var(--transition);cursor:pointer}.service-card:hover{background:rgba(255,255,255,.15);transform:translateY(-10px);box-shadow:0 20px 60px rgba(0,0,0,.3)}.service-icon{width:80px;height:80px;margin:0 auto 25px;background:linear-gradient(135deg,rgba(255,255,255,.2),rgba(255,255,255,.1));border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:36px;color:var(--white);transition:var(--transition)}.service-card:hover .service-icon{transform:rotateY(360deg);background:linear-gradient(135deg,rgba(255,255,255,.3),rgba(255,255,255,.2))}.service-card h3{font-size:22px;color:var(--white);margin-bottom:15px;font-weight:700}.service-card p{font-size:16px;color:rgba(255,255,255,.9);line-height:1.8}.stats-section{padding:80px 0;background:linear-gradient(135deg,#667eea 0,#764ba2 50%,#f093fb 100%);position:relative;overflow:hidden}.stats-section::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="2" fill="white" opacity="0.1"/></svg>');animation:float 20s linear infinite}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;position:relative;z-index:1}.stat-item{text-align:center;color:var(--white)}.stat-icon{font-size:50px;margin-bottom:20px;opacity:.9}.stat-number{font-size:48px;font-weight:900;margin-bottom:10px;background:linear-gradient(135deg,#fff,#f0f0f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{font-size:18px;font-weight:600;opacity:.95;letter-spacing:1px}@keyframes float{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(5deg)}}@keyframes slideInDown{from{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.footer{background:linear-gradient(135deg,#1a202c 0,#2d3748 100%);color:var(--white);padding:80px 0 30px;position:relative;overflow:hidden}.footer::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-1)}.footer-content{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:40px;margin-bottom:40px}.footer-col h3{font-size:24px;margin-bottom:20px}.footer-col h4{font-size:18px;margin-bottom:20px}.footer-col p{line-height:1.8;opacity:.8;margin-bottom:20px}.social-links{display:flex;gap:15px}.social-links a{width:45px;height:45px;background:rgba(255,255,255,.1);backdrop-filter:blur(10px);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--white);transition:var(--transition);border:1px solid rgba(255,255,255,.2);font-size:18px}.social-links a:hover{background:var(--gradient-1);transform:translateY(-5px) rotate(10deg) scale(1.1);box-shadow:0 10px 30px rgba(102,126,234,.4);border-color:transparent}.footer-col ul{list-style:none}.footer-col ul li{margin-bottom:12px}.footer-col ul li a{color:var(--white);text-decoration:none;opacity:.8;transition:var(--transition)}.footer-col ul li a:hover{opacity:1;padding-right:5px}.contact-list li{display:flex;gap:10px;align-items:start;margin-bottom:15px;opacity:.8}.contact-list i{color:var(--primary-color);margin-top:3px}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:30px;border-top:1px solid rgba(255,255,255,.1)}.footer-bottom p{opacity:.8}.payment-methods{display:flex;gap:15px;font-size:32px;opacity:.6}.scroll-top{position:fixed;bottom:30px;left:30px;width:56px;height:56px;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));border:none;border-radius:50%;color:var(--white);font-size:22px;cursor:pointer;opacity:0;visibility:hidden;transition:var(--transition);z-index:999;box-shadow:0 8px 30px rgba(102,126,234,.3)}.scroll-top.show{opacity:1;visibility:visible;animation:bounce 2s infinite}.scroll-top:hover{transform:translateY(-8px) scale(1.1);box-shadow:0 15px 50px rgba(102,126,234,.4)}@keyframes bounce{0%,100%,20%,50%,80%{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.sidebar-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);backdrop-filter:blur(5px);z-index:9998;opacity:0;visibility:hidden;transition:all .4s cubic-bezier(.4, 0, .2, 1)}.sidebar-overlay.active{opacity:1;visibility:visible}.sidebar-menu{position:fixed;top:0;right:-400px;width:380px;height:100%;background:linear-gradient(135deg,#fff 0,#f8f9ff 100%);box-shadow:-10px 0 50px rgba(0,0,0,.2);z-index:9999;overflow-y:auto;overflow-x:hidden;transition:right .4s cubic-bezier(.4, 0, .2, 1);display:flex;flex-direction:column}.sidebar-menu.active{right:0}.sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:25px 25px;background:linear-gradient(135deg,#667eea 0,#764ba2 100%);color:#fff;position:sticky;top:0;z-index:10;box-shadow:0 4px 15px rgba(102,126,234,.2)}.sidebar-header h3{margin:0;font-size:22px;font-weight:700}.close-sidebar{background:rgba(255,255,255,.2);border:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;font-size:20px;transition:all .3s ease;backdrop-filter:blur(10px)}.close-sidebar:hover{background:rgba(255,255,255,.3);transform:rotate(90deg)}.sidebar-content{flex:1;padding:20px;overflow-y:auto}.sidebar-user-info{background:linear-gradient(135deg,#667eea 0,#764ba2 100%);padding:25px;border-radius:20px;margin-bottom:25px;text-align:center;box-shadow:0 10px 30px rgba(102,126,234,.3);color:#fff;animation:slideInRight .5s ease}.user-avatar{width:80px;height:80px;margin:0 auto 15px;background:rgba(255,255,255,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:40px;backdrop-filter:blur(10px);border:3px solid rgba(255,255,255,.3)}.user-details h4{margin:0 0 5px;font-size:20px;font-weight:700}.user-details p{margin:0;font-size:14px;opacity:.9}.guest-text{font-size:13px}.sidebar-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-bottom:25px;animation:slideInRight .6s ease}.stat-item{background:#fff;padding:20px;border-radius:15px;display:flex;align-items:center;gap:15px;box-shadow:0 4px 15px rgba(0,0,0,.08);transition:all .3s ease;border:2px solid transparent}.stat-item:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(102,126,234,.2);border-color:#667eea}.stat-item i{font-size:28px;color:#667eea}.stat-info{display:flex;flex-direction:column}.stat-label{font-size:12px;color:#666;margin-bottom:2px}.stat-value{font-size:20px;font-weight:700;color:#333}.sidebar-section{margin-bottom:25px;animation:slideInRight .7s ease}.section-title{font-size:14px;font-weight:700;color:#667eea;text-transform:uppercase;margin-bottom:15px;padding-bottom:10px;border-bottom:2px solid #e0e0e0;letter-spacing:.5px}.sidebar-nav{list-style:none;padding:0;margin:0}.sidebar-nav .nav-item{margin-bottom:5px}.sidebar-nav .nav-link{display:flex;align-items:center;justify-content:space-between;padding:15px 18px;background:#fff;border-radius:12px;text-decoration:none;color:#333;font-weight:600;font-size:15px;transition:all .3s ease;box-shadow:0 2px 8px rgba(0,0,0,.05);gap:12px}.sidebar-nav .nav-link:hover{background:linear-gradient(135deg,#667eea 0,#764ba2 100%);color:#fff;transform:translateX(-5px);box-shadow:0 5px 20px rgba(102,126,234,.3)}.sidebar-nav .nav-link i:first-child{font-size:18px;width:25px}.sidebar-nav .nav-link .arrow{font-size:12px;transition:transform .3s ease}.sidebar-nav .has-submenu.active>.nav-link .arrow{transform:rotate(180deg)}.sidebar-nav .has-submenu.active>.nav-link{background:linear-gradient(135deg,#667eea 0,#764ba2 100%);color:#fff}.submenu{list-style:none;padding:0;margin:8px 0 0 0;max-height:0;overflow:hidden;transition:max-height .4s ease}.has-submenu.active .submenu{max-height:300px}.submenu li{margin-bottom:5px}.submenu a{display:block;padding:12px 18px 12px 55px;background:rgba(102,126,234,.05);border-radius:10px;text-decoration:none;color:#555;font-size:14px;transition:all .3s ease;border-right:3px solid transparent}.submenu a:hover{background:rgba(102,126,234,.15);color:#667eea;border-right-color:#667eea;padding-right:22px}.sidebar-links{list-style:none;padding:0;margin:0}.sidebar-links li{margin-bottom:8px}.sidebar-links a{display:flex;align-items:center;gap:15px;padding:14px 18px;background:#fff;border-radius:12px;text-decoration:none;color:#333;font-size:15px;transition:all .3s ease;box-shadow:0 2px 8px rgba(0,0,0,.05)}.sidebar-links a:hover{background:linear-gradient(135deg,#667eea 0,#764ba2 100%);color:#fff;transform:translateX(-5px);box-shadow:0 5px 20px rgba(102,126,234,.3)}.sidebar-links a i{font-size:18px;width:20px}.sidebar-logout{margin-top:20px;padding-top:20px;border-top:2px solid #e0e0e0;animation:slideInRight .8s ease}.btn-logout{width:100%;padding:15px;background:linear-gradient(135deg,#ff6b6b 0,#ee5a6f 100%);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .3s ease;box-shadow:0 5px 20px rgba(255,107,107,.3)}.btn-logout:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(255,107,107,.4)}.btn-logout i{font-size:18px}.sidebar-footer{padding:20px;background:linear-gradient(135deg,#667eea 0,#764ba2 100%);position:sticky;bottom:0;z-index:10}.sidebar-footer .social-links{display:flex;justify-content:center;gap:15px}.sidebar-footer .social-links a{width:45px;height:45px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.2);color:#fff;border-radius:50%;font-size:18px;transition:all .3s ease;backdrop-filter:blur(10px)}.sidebar-footer .social-links a:hover{background:#fff;color:#667eea;transform:translateY(-3px)}@keyframes slideInRight{from{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}.sidebar-menu::-webkit-scrollbar{width:6px}.sidebar-menu::-webkit-scrollbar-track{background:#f1f1f1}.sidebar-menu::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea 0,#764ba2 100%);border-radius:10px}.sidebar-menu::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#764ba2 0,#667eea 100%)}@media (max-width:1024px){.nav-menu{display:none}.menu-toggle{display:block}.hero-content h2{font-size:42px}.footer-content{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.hero{height:clamp(420px,62vh,560px)}.hero-slide .container{padding-bottom:16px}.hero-content{width:100%;padding:12px 14px;border-radius:16px}.hero-content h2{font-size:32px}.hero-content p{font-size:16px}.section-header h2{font-size:32px}.products-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.newsletter-content{flex-direction:column;text-align:center;padding:30px}.newsletter-form{min-width:100%;flex-direction:column}.footer-content{grid-template-columns:1fr;text-align:center}.payment-methods,.social-links{justify-content:center}.footer-bottom{flex-direction:column;gap:20px}.countdown{gap:15px}.countdown-value{width:70px;height:70px;font-size:32px}.promo-content h2{font-size:32px}}@media (max-width:480px){.hero{height:clamp(360px,58vh,460px)}.hero-content h2{font-size:24px}.hero-content{padding:10px 12px;border-radius:14px}.btn{padding:12px 30px;font-size:14px}.categories-grid,.products-grid{grid-template-columns:1fr}.nav-content{gap:15px}.logo h1{font-size:24px}}@keyframes fadeInUp{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideInRight{from{transform:translateX(-100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slideOutRight{from{transform:translateX(0);opacity:1}to{transform:translateX(-100%);opacity:0}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes shimmer{0%{background-position:-1000px 0}100%{background-position:1000px 0}}@keyframes glow{0%,100%{box-shadow:0 0 20px rgba(102,126,234,.3)}50%{box-shadow:0 0 40px rgba(102,126,234,.6)}}.login-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all .3s ease}.login-modal.active{opacity:1;visibility:visible}.modal-overlay{position:absolute;inset:0;background:rgba(0,0,0,.7);backdrop-filter:blur(8px);animation:fadeIn .3s ease}.modal-content{position:relative;background:var(--white);border-radius:30px;padding:50px 40px;max-width:480px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 25px 80px rgba(0,0,0,.3);animation:fadeInUp .4s cubic-bezier(.4,0,.2,1)}.modal-close{position:absolute;top:20px;left:20px;width:40px;height:40px;border-radius:50%;border:none;background:var(--bg-light);color:var(--text-dark);font-size:18px;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center}.modal-close:hover{background:var(--danger);color:var(--white);transform:rotate(90deg) scale(1.1)}.modal-header{text-align:center;margin-bottom:35px}.modal-header h2{font-size:32px;font-weight:900;margin-bottom:10px;background:var(--gradient-1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.modal-header p{color:var(--text-light);font-size:16px}.login-form .form-group{margin-bottom:25px}.login-form .form-group label{display:block;margin-bottom:10px;font-weight:600;color:var(--text-dark);font-size:15px}.login-form .form-group label i{margin-left:8px;color:var(--primary-color)}.login-form input{width:100%;padding:15px 20px;border:2px solid #e0e0e0;border-radius:15px;font-size:15px;font-family:Cairo,sans-serif;transition:var(--transition);background:var(--bg-light)}.login-form input:focus{outline:0;border-color:var(--primary-color);background:var(--white);box-shadow:0 0 0 4px rgba(102,126,234,.1)}.form-options{display:flex;justify-content:space-between;align-items:center;margin-top:20px;font-size:14px}.remember-me{display:flex;align-items:center;gap:8px;cursor:pointer;color:var(--text-dark);font-weight:500}.remember-me input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--primary-color)}.form-options a{color:var(--primary-color);text-decoration:none;font-weight:600;transition:var(--transition)}.form-options a:hover{color:var(--secondary-color);text-decoration:underline}.modal-divider{text-align:center;position:relative;margin:30px 0}.modal-divider::before{content:'';position:absolute;top:50%;left:0;right:0;height:1px;background:#e0e0e0}.modal-divider span{position:relative;background:var(--white);padding:0 15px;color:var(--text-light);font-size:14px;font-weight:600}.social-login{display:grid;grid-template-columns:1fr 1fr;gap:15px}.social-btn{padding:15px;border:2px solid #e0e0e0;border-radius:15px;background:var(--white);color:var(--text-dark);font-weight:700;cursor:pointer;transition:var(--transition);font-size:15px;display:flex;align-items:center;justify-content:center;gap:10px}.social-btn i{font-size:18px}.social-btn.google:hover{background:#ea4335;color:var(--white);border-color:#ea4335;transform:translateY(-3px);box-shadow:0 10px 30px rgba(234,67,53,.3)}.social-btn.facebook:hover{background:#1877f2;color:var(--white);border-color:#1877f2;transform:translateY(-3px);box-shadow:0 10px 30px rgba(24,119,242,.3)}.modal-footer{text-align:center;margin-top:30px;padding-top:20px;border-top:1px solid #e0e0e0}.modal-footer p{color:var(--text-light);font-size:15px}.modal-footer a{color:var(--primary-color);text-decoration:none;font-weight:700;transition:var(--transition)}.modal-footer a:hover{color:var(--secondary-color);text-decoration:underline}.category-card,.feature-item,.product-card{animation:fadeInUp .8s cubic-bezier(.4,0,.2,1)}@media (max-width:480px){.sidebar-menu{width:100%;right:-100%}.sidebar-header{padding:20px}.sidebar-header h3{font-size:20px}.sidebar-content{padding:15px}.sidebar-user-info{padding:20px}.user-avatar{width:70px;height:70px;font-size:35px}.sidebar-stats{gap:10px}.stat-item{padding:15px}.stat-item i{font-size:24px}}.quick-view-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000;display:none;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.quick-view-modal.active{display:flex;opacity:1}.modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);backdrop-filter:blur(5px)}.modal-container{position:relative;background:#fff;border-radius:20px;max-width:900px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px rgba(0,0,0,.3);animation:modalSlideUp .4s ease;z-index:1}@keyframes modalSlideUp{from{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-close{position:absolute;top:20px;left:20px;width:40px;height:40px;border-radius:50%;border:none;background:rgba(0,0,0,.1);color:var(--text-dark);font-size:20px;cursor:pointer;transition:all .3s;z-index:10;display:flex;align-items:center;justify-content:center}.modal-close:hover{background:var(--danger);color:#fff;transform:rotate(90deg)}.modal-content-wrap{display:flex;gap:30px;padding:40px}.modal-image{flex:1;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f5f7fa 0,#c3cfe2 100%);border-radius:15px;padding:20px;min-height:400px}.modal-image img{max-width:100%;height:auto;border-radius:10px;object-fit:contain}.modal-details{flex:1;display:flex;flex-direction:column;gap:20px}.modal-badge{display:inline-block;padding:8px 16px;border-radius:50px;font-size:12px;font-weight:700;text-transform:uppercase;width:fit-content}.modal-badge.sale{background:linear-gradient(135deg,var(--danger),#ff6b6b);color:#fff}.modal-badge.new{background:linear-gradient(135deg,var(--success),#51cf66);color:#fff}.modal-details h2{font-size:28px;color:var(--text-dark);margin:0}.modal-rating{display:flex;align-items:center;gap:5px;color:orange;font-size:16px}.modal-rating span{color:var(--text-light);margin-right:5px}.modal-description{color:var(--text-light);line-height:1.8;font-size:15px}.modal-price{display:flex;align-items:center;gap:15px;margin:10px 0}.modal-old-price{font-size:18px;color:var(--text-light);text-decoration:line-through}.modal-new-price{font-size:32px;font-weight:700;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.modal-actions{display:flex;gap:15px;margin-top:20px}.modal-add-cart{flex:1;padding:16px 24px;border:none;border-radius:12px;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));color:#fff;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:10px}.modal-add-cart:hover{transform:translateY(-3px);box-shadow:0 10px 30px rgba(102,126,234,.4)}.modal-add-wishlist{width:50px;height:50px;border:2px solid var(--danger);border-radius:12px;background:#fff;color:var(--danger);font-size:20px;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center}.modal-add-wishlist:hover{background:var(--danger);color:#fff;transform:scale(1.1)}.modal-add-wishlist.active{background:var(--danger);color:#fff}.modal-add-wishlist.active i{font-weight:900}@media (max-width:768px){.modal-content-wrap{flex-direction:column;padding:20px}.modal-image{min-height:250px}.modal-details h2{font-size:22px}.modal-new-price{font-size:26px}.modal-close{top:10px;left:10px}}.deals-banner-section{padding:40px 0;background:linear-gradient(135deg,#f5f7fa 0,#c3cfe2 100%);overflow:hidden;position:relative}.deals-banner-section::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(102,126,234,.1) 0,transparent 50%),radial-gradient(circle at 80% 80%,rgba(240,147,251,.1) 0,transparent 50%);pointer-events:none}.deals-banner{position:relative;max-width:1400px;margin:0 auto;border-radius:20px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.15),0 0 0 1px rgba(255,255,255,.5) inset;background:0 0}.deals-slider{position:relative;width:100%;height:300px;display:flex;transition:transform .8s cubic-bezier(.645, .045, .355, 1);will-change:transform}.deal-item{min-width:100%;height:100%;display:flex!important;align-items:center;justify-content:space-between;padding:40px 60px;position:absolute;top:0;left:0;width:100%;background:linear-gradient(135deg,#667eea 0,#764ba2 100%);opacity:0;visibility:hidden;transition:opacity .5s ease-in-out,visibility 0s linear .5s;z-index:1;pointer-events:none}.deal-item.active{opacity:1;visibility:visible;transition:opacity .5s ease-in-out,visibility 0s linear 0s;z-index:10;pointer-events:auto}.deal-item:first-child{background:linear-gradient(135deg,#667eea 0,#764ba2 100%)}.deal-item:nth-child(2){background:linear-gradient(135deg,#f093fb 0,#f5576c 100%)}.deal-item:nth-child(3){background:linear-gradient(135deg,#4facfe 0,#00f2fe 100%)}.deal-item:nth-child(4){background:linear-gradient(135deg,#fa709a 0,#fee140 100%)}.deal-item:nth-child(5){background:linear-gradient(135deg,#30cfd0 0,#330867 100%)}.deal-item:nth-child(6){background:linear-gradient(135deg,#a8edea 0,#fed6e3 100%)}.deal-item:nth-child(7){background:linear-gradient(135deg,#ff9a56 0,#ff6a88 100%)}.deal-item:nth-child(8){background:linear-gradient(135deg,#89f7fe 0,#66a6ff 100%)}.deal-item:nth-child(9){background:linear-gradient(135deg,#fbc2eb 0,#a6c1ee 100%)}.deal-item:nth-child(10){background:linear-gradient(135deg,#fdcbf1 0,#e6dee9 100%)}.deal-item:nth-child(11){background:linear-gradient(135deg,#ffecd2 0,#fcb69f 100%)}.deal-item:nth-child(12){background:linear-gradient(135deg,#ff6e7f 0,#bfe9ff 100%)}.deal-item:nth-child(13){background:linear-gradient(135deg,#e0c3fc 0,#8ec5fc 100%)}.deal-item:nth-child(14){background:linear-gradient(135deg,#f77062 0,#fe5196 100%)}.deal-item:nth-child(15){background:linear-gradient(135deg,#ff96f9 0,#c32bac 100%)}.deal-item:nth-child(16){background:linear-gradient(135deg,#48c6ef 0,#6f86d6 100%)}.deal-item:nth-child(17){background:linear-gradient(135deg,#f093fb 0,#f5576c 100%)}.deal-item:nth-child(18){background:linear-gradient(135deg,#a1c4fd 0,#c2e9fb 100%)}.deal-item:nth-child(19){background:linear-gradient(135deg,#ffd89b 0,#19547b 100%)}.deal-item:nth-child(20){background:linear-gradient(135deg,#667eea 0,#764ba2 100%)}.deal-item::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.15) 0,transparent 40%),radial-gradient(circle at 70% 80%,rgba(0,0,0,.1) 0,transparent 40%);pointer-events:none;z-index:1}.deal-badge{position:absolute;top:20px;right:60px;background:rgba(255,255,255,.25);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:12px 24px;border-radius:50px;border:1px solid rgba(255,255,255,.3);z-index:10;display:flex;align-items:center;gap:8px;color:#fff;font-weight:600;font-size:14px;box-shadow:0 8px 32px rgba(0,0,0,.1);z-index:10}.deal-badge.pulse{animation:pulse-badge 2s ease-in-out infinite}@keyframes pulse-badge{0%,100%{transform:scale(1);box-shadow:0 8px 32px rgba(0,0,0,.1)}50%{transform:scale(1.05);box-shadow:0 12px 40px rgba(0,0,0,.2)}}.deal-badge i{font-size:16px;animation:fire-flicker 1.5s ease-in-out infinite}@keyframes fire-flicker{0%,100%{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}.deal-content{flex:1;display:flex;flex-direction:column;gap:20px;position:relative;z-index:5;padding-left:40px}.deal-info{display:flex;flex-direction:column;gap:12px}.deal-tag{display:inline-flex;align-items:center;justify-content:center;width:fit-content;background:rgba(255,255,255,.95);color:#764ba2;padding:8px 20px;border-radius:30px;font-weight:800;font-size:18px;box-shadow:0 4px 15px rgba(0,0,0,.15);animation:bounce-tag 2s ease-in-out infinite}@keyframes bounce-tag{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}.deal-title{font-size:36px;font-weight:800;color:#fff;margin:0;text-shadow:0 4px 20px rgba(0,0,0,.2);line-height:1.2}.deal-description{font-size:16px;color:rgba(255,255,255,.95);margin:0;line-height:1.6;text-shadow:0 2px 10px rgba(0,0,0,.1)}.deal-timer{display:flex;align-items:center;gap:8px;margin-top:8px}.timer-item{display:flex;flex-direction:column;align-items:center;background:rgba(255,255,255,.2);backdrop-filter:blur(10px);padding:10px 16px;border-radius:12px;border:1px solid rgba(255,255,255,.3);min-width:60px}.timer-value{font-size:24px;font-weight:800;color:#fff;line-height:1}.timer-label{font-size:11px;color:rgba(255,255,255,.9);margin-top:4px;font-weight:600}.timer-separator{font-size:24px;font-weight:800;color:#fff;padding:0 4px}.deal-action{margin-top:8px}.deal-btn{display:inline-flex;align-items:center;gap:12px;background:#fff;color:#764ba2;padding:16px 36px;border-radius:50px;font-weight:700;font-size:16px;text-decoration:none;box-shadow:0 8px 30px rgba(0,0,0,.2);transition:all .3s cubic-bezier(.645, .045, .355, 1);position:relative;overflow:hidden}.deal-btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s}.deal-btn:hover::before{left:100%}.deal-btn:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 12px 40px rgba(0,0,0,.3)}.deal-btn i{transition:transform .3s}.deal-btn:hover i{transform:translateX(-5px)}.deal-image{flex-shrink:0;width:400px;height:100%;position:relative;z-index:5;border-radius:16px;overflow:hidden;box-shadow:0 15px 50px rgba(0,0,0,.3)}.deal-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.645, .045, .355, 1)}.deal-item:hover .deal-image img{transform:scale(1.1) rotate(2deg)}.deal-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(102,126,234,.3) 0,rgba(118,75,162,.3) 100%);pointer-events:none}.deal-nav{position:absolute;top:50%;transform:translateY(-50%);width:65px;height:65px;background:rgba(255,255,255,.35);backdrop-filter:blur(15px);border:2px solid rgba(255,255,255,.5);border-radius:50%;color:#fff;font-size:26px;cursor:pointer;z-index:20;transition:all .3s cubic-bezier(.645, .045, .355, 1);display:flex;align-items:center;justify-content:center;box-shadow:0 10px 40px rgba(0,0,0,.3);font-weight:700}.deal-nav:hover{background:rgba(255,255,255,.55);transform:translateY(-50%) scale(1.15);box-shadow:0 15px 50px rgba(0,0,0,.4);border-color:rgba(255,255,255,.8)}.deal-prev{right:20px}.deal-next{left:20px}.deal-dots{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);display:flex;gap:10px;z-index:20}.deal-dot{width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,.4);cursor:pointer;transition:all .3s;border:2px solid transparent}.deal-dot:hover{background:rgba(255,255,255,.6);transform:scale(1.2)}.deal-dot.active{width:40px;border-radius:6px;background:#fff;box-shadow:0 4px 15px rgba(0,0,0,.3)}@media (max-width:1024px){.deals-slider{height:280px}.deal-item{padding:30px 40px}.deal-badge{right:40px;padding:10px 20px;font-size:13px}.deal-title{font-size:28px}.deal-image{width:320px}}@media (max-width:768px){.deals-banner-section{padding:30px 0}.deals-slider{height:auto;min-height:400px}.deal-item{flex-direction:column;padding:30px 25px;gap:25px}.deal-badge{top:15px;right:25px;padding:8px 16px;font-size:12px}.deal-content{padding-left:0;order:2}.deal-title{font-size:24px}.deal-description{font-size:14px}.deal-timer{flex-wrap:wrap;gap:6px}.timer-item{padding:8px 12px;min-width:50px}.timer-value{font-size:20px}.timer-label{font-size:10px}.deal-btn{padding:14px 30px;font-size:14px}.deal-image{width:100%;height:200px;order:1}.deal-nav{width:40px;height:40px;font-size:14px}.deal-prev{right:15px}.deal-next{left:15px}}@media (max-width:480px){.deals-slider{min-height:450px}.deal-item{padding:20px 15px}.deal-badge{top:10px;right:15px;padding:6px 12px;font-size:11px}.deal-title{font-size:20px}.deal-tag{padding:6px 16px;font-size:16px}.timer-item{padding:6px 10px;min-width:45px}.timer-value{font-size:18px}.timer-separator{font-size:20px}.deal-btn{padding:12px 24px;font-size:13px;gap:8px}.brands-slider{grid-template-columns:repeat(2,1fr);gap:15px}.brand-item{padding:25px 15px}.brand-logo{font-size:40px}.brand-item p{font-size:14px}.gallery-grid{grid-template-columns:1fr;gap:15px}.gallery-item,.gallery-item.large,.gallery-item.wide,.hot-offer-card{height:300px;grid-column:span 1;grid-row:span 1}.gallery-overlay h3{font-size:24px}.gallery-overlay p{font-size:16px}.gallery-btn{padding:12px 25px;font-size:14px}.hot-offer-overlay h3{font-size:24px}.hot-offer-overlay p{font-size:16px}.hot-offer-btn{padding:12px 25px;font-size:14px}.services-grid{grid-template-columns:1fr;gap:20px}.service-card{padding:30px 20px}.service-icon{width:60px;height:60px;font-size:28px}.service-card h3{font-size:18px}.service-card p{font-size:14px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:30px}.stat-icon{font-size:35px}.stat-number{font-size:32px}.stat-label{font-size:14px}}@media (max-width:480px){.brands-slider{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr;gap:20px}.gallery-overlay h3{font-size:20px}.service-card h3{font-size:16px}}a,button,input,select,textarea{transition:color .2s var(--easing-premium),background-color .2s var(--easing-premium),border-color .2s var(--easing-premium),box-shadow .2s var(--easing-premium),transform .2s var(--easing-premium)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:0;box-shadow:var(--ring)}.btn{border-radius:999px;font-weight:700;transition:transform .22s var(--easing-premium),box-shadow .22s var(--easing-premium),filter .22s var(--easing-premium)}.btn-primary:hover,.btn-secondary:hover{transform:translateY(-3px) scale(1.01)}.section-header{margin-bottom:56px}.section-header h2{letter-spacing:-.3px}.section-header p{max-width:760px;margin:0 auto}.category-card,.faq-item,.feature-item,.product-card{border-radius:var(--radius-lg);border:1px solid rgba(102,126,234,.1)}.category-card:hover,.feature-item:hover,.product-card:hover:hover{transform:translateY(-8px);box-shadow:0 16px 34px rgba(31,41,55,.14)}.account-card,.newsletter-content,.registration-gate-card,.registration-wrapper{border-radius:var(--radius-xl)}@media (prefers-reduced-motion:reduce){*,::after,::before{animation:none!important;transition:none!important;scroll-behavior:auto!important}.category-card.hero-selected::after{animation:none!important;opacity:.75}}
button[onclick*="history.back"]:hover::before,
.back-btn:hover::before,
.back-btn-floating:hover::before,
.global-back-button-lock:hover::before,
button[onclick*="history.back"]:active::before,
.back-btn:active::before,
.back-btn-floating:active::before,
.global-back-button-lock:active::before{
    transform:none!important;
    filter:none!important;
}

@media (max-width:768px){
    button[onclick*="history.back"]::before,
    .back-btn::before,
    .back-btn-floating::before,
    .global-back-button-lock::before{
        width:30px!important;
        height:30px!important;
        flex-basis:30px!important;
        font-size:20px!important;
    }
}



/* Final top bar design lock (single source of truth) */
.top-bar{
display:none!important;
background:#000!important;
padding:8px 0!important;
}

body.home-page .top-bar{
display:block!important;
}

.top-bar-content{
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
gap:12px!important;
flex-wrap:nowrap!important;
position:relative!important;
}

.contact-info{
display:flex!important;
align-items:center!important;
justify-content:flex-start!important;
gap:10px!important;
flex:0 0 auto!important;
position:relative!important;
z-index:3!important;
}

.top-links{
display:flex!important;
align-items:center!important;
justify-content:flex-end!important;
gap:10px!important;
flex:1 1 auto!important;
flex-wrap:nowrap!important;
}

.top-links a{
margin-left:0!important;
color:#fff!important;
text-decoration:none!important;
display:inline-flex!important;
align-items:center!important;
gap:6px!important;
padding:8px 12px!important;
min-height:40px!important;
border-radius:10px!important;
}

.top-links .sama-lang-switcher{
margin-inline-start:0!important;
}

.contact-info .contact-us-logo{
display:inline-flex!important;
align-items:center!important;
gap:8px!important;
padding:8px 14px!important;
min-height:40px!important;
border-radius:999px!important;
text-decoration:none!important;
font-weight:800!important;
color:#fff!important;
background:linear-gradient(135deg,#0f766e,#0891b2)!important;
box-shadow:0 8px 20px rgba(15,118,110,.28)!important;
transition:transform .2s ease,box-shadow .2s ease,filter .2s ease!important;
position:relative!important;
z-index:5!important;
pointer-events:auto!important;
cursor:pointer!important;
}

.contact-info .contact-us-logo:hover{
transform:translateY(-2px)!important;
box-shadow:0 12px 26px rgba(15,118,110,.34)!important;
filter:saturate(1.08)!important;
color:#fff!important;
}

.contact-info .contact-us-logo i{
margin-left:0!important;
font-size:14px!important;
}

.top-bar .top-links a:hover,
.top-bar .contact-info a:hover{
color:#facc15!important;
}

.nav-content{
position:relative;
min-height:72px;
}

.header-social-bar{
padding:8px 0 12px;
background:linear-gradient(180deg,rgba(248,250,252,.88),rgba(241,245,249,.94));
border-top:1px solid rgba(226,232,240,.9);
border-bottom:1px solid rgba(226,232,240,.95);
}

.header-social-links a{
width:42px;
height:42px;
display:inline-flex;
align-items:center;
justify-content:center;
text-decoration:none;
border-radius:14px;
border:1px solid rgba(255,255,255,.75);
box-shadow:0 8px 18px rgba(15,23,42,.12);
transition:transform .18s ease,box-shadow .18s ease,filter .18s ease,opacity .18s ease;
font-size:17px;
}

.header-social-links{
display:flex;
align-items:center;
justify-content:center;
gap:10px;
flex-wrap:wrap;
max-width:100%;
}

.header-social-links a:hover{
transform:translateY(-2px);
box-shadow:0 12px 24px rgba(15,23,42,.18);
filter:brightness(1.03);
}

.header-social-links .social-facebook{
background:#1877f2;
color:#fff;
}

.header-social-links .social-facebook:hover{
background:#166fe5;
}

.header-social-links .social-tiktok{
background:#0f0f10;
color:#fff;
text-shadow:-1px 0 #25f4ee,1px 0 #fe2c55;
}

.header-social-links .social-tiktok:hover{
background:#151517;
}

.header-social-links .social-instagram{
background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%);
color:#fff;
}

.header-social-links .social-instagram:hover{
filter:brightness(1.05);
}

.header-social-links .social-snapchat{
background:#fffc00;
color:#111827;
}

.header-social-links .social-snapchat:hover{
background:#f5ea00;
}

.header-social-links .social-telegram{
background:#229ed9;
color:#fff;
}

.header-social-links .social-telegram:hover{
background:#1c92c9;
}

.header-social-links .social-youtube{
background:#ff0000;
color:#fff;
}

.header-social-links .social-youtube:hover{
background:#e60000;
}

@media (max-width:768px){
.top-bar-content{
display:grid!important;
grid-template-columns:1fr!important;
row-gap:8px!important;
justify-items:center!important;
text-align:center!important;
}

.contact-info,
.top-links{
width:100%!important;
justify-content:center!important;
}

.top-links{
gap:8px!important;
flex-wrap:wrap!important;
}

.contact-info .contact-us-logo,
.top-links a,
.top-links .sama-lang-button{
padding:8px 12px!important;
min-height:38px!important;
}

.header-social-bar{
padding:7px 0 10px;
}

.header-social-links{
gap:5px;
justify-content:center;
}

.header-social-links a{
width:30px;
height:30px;
font-size:12px;
border-radius:10px;
}
}

@media (max-width:480px){
.header-social-links{
gap:4px;
}

.header-social-links a{
width:28px;
height:28px;
font-size:11px;
border-radius:9px;
}
}