/* Haider Cosmetics modern mobile UI */
:root{--pink:#ee4f79;--pinkSoft:#fff0f4;--gold:#c99a3c;--ink:#12110f;--cream:#fbf7ef}
body{background:linear-gradient(180deg,#fcf8f0,#fff 45%,#fff8f8);padding-bottom:106px}.topbar{background:rgba(252,248,240,.94);border:0}.topbar-inner{min-height:82px}.brand{display:flex;gap:10px;align-items:center;justify-content:center}.brand-text{font-weight:900;background:linear-gradient(135deg,#7f5514,#d7aa4e,#9a6818);-webkit-background-clip:text;background-clip:text;color:transparent}.brand-text::after{content:'COSMETICS';display:block;font:700 7px Arial;letter-spacing:2.3px;color:#a98442;-webkit-text-fill-color:#a98442;text-align:center}.icon-button,.cart-button{width:48px;height:48px;border-radius:16px;box-shadow:0 6px 20px #0000000f}.toolbar{margin-top:16px}.searchbox{height:60px;border-radius:19px}.filter-button{display:none}.section{padding-top:34px}.product-card{border-radius:20px;box-shadow:0 7px 20px #0000000b}.bottom-nav{left:12px;right:12px;bottom:calc(8px + env(safe-area-inset-bottom));height:88px;border:1px solid #c99a3c38;border-radius:28px;background:#fffffff5;box-shadow:0 14px 38px #30230f21;padding:7px 8px;backdrop-filter:blur(16px)}.bottom-nav-item{position:relative;border-radius:22px;gap:4px;color:#38342f}.bottom-nav-icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,#fff,#faf7f1);box-shadow:0 5px 14px #251d1114;border:1px solid #c99a3c1f}.bottom-nav-item.is-active{background:linear-gradient(145deg,#fff9e8,#f6e8bf)!important;color:#ad791c!important}.bottom-nav-item.is-active .bottom-nav-icon{background:linear-gradient(145deg,#e7bf68,#bd8728)!important}.bottom-nav-item small{font-size:11px;font-weight:800}.bottom-nav-item .bottom-nav-icon::before{content:'';width:23px;height:23px;display:block;background:center/contain no-repeat}.bottom-nav-item:nth-child(1) .bottom-nav-icon::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232d2b28' stroke-width='1.9'%3E%3Cpath d='M3 11.5 12 4l9 7.5'/%3E%3Cpath d='M5.5 10.5V20h13v-9.5M9.5 20v-6h5v6'/%3E%3C/svg%3E")}.bottom-nav-item:nth-child(2) .bottom-nav-icon::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232d2b28' stroke-width='1.8'%3E%3Crect x='3' y='3' width='7' height='7' rx='2'/%3E%3Crect x='14' y='3' width='7' height='7' rx='2'/%3E%3Crect x='3' y='14' width='7' height='7' rx='2'/%3E%3Crect x='14' y='14' width='7' height='7' rx='2'/%3E%3C/svg%3E")}.bottom-nav-item:nth-child(3) .bottom-nav-icon::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232d2b28' stroke-width='1.8'%3E%3Cpath d='M4 20 20 4'/%3E%3Ccircle cx='7' cy='7' r='3'/%3E%3Ccircle cx='17' cy='17' r='3'/%3E%3C/svg%3E")}.bottom-nav-item.is-active .bottom-nav-icon::before{filter:brightness(0) invert(1)}
/* approved luxury homepage */
body{background:linear-gradient(180deg,#fbf7ef,#fff 44%,#fffaf5)!important}body.theme-pink{background:#fbf7ef!important;--bg:#fbf7ef!important;--ink:#171512!important;--gold:#b68b3d!important;--gold2:#e3c47c!important}#themeColorBtn{display:none!important}.topbar{background:#fbf7eff5!important;border:0!important}.topbar-inner{position:relative!important;display:block!important;min-height:94px!important}.topbar-menu-tools{position:absolute!important;right:0!important;top:50%!important;transform:translateY(-50%)!important}.topbar-left-tools{position:absolute!important;left:0!important;top:50%!important;transform:translateY(-50%)!important;display:flex!important;gap:8px!important;direction:ltr!important}.topbar .brand{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;max-width:52vw!important}.topbar .brand-logo{width:58px!important;height:58px!important;border-radius:18px!important}.topbar .brand-text{font-size:18px!important}.hero{padding-top:10px!important}.hero-card{min-height:430px!important;border-radius:30px!important;padding:42px 36px!important;background:radial-gradient(circle at 82% 35%,#d5a3433d,transparent 28%),linear-gradient(112deg,#080808,#15120e 55%,#2b2116)!important;color:#fff!important;box-shadow:0 18px 45px #2b1e0d26!important;position:relative!important;overflow:hidden!important}.hero-card:after{content:'✦'!important;position:absolute!important;left:35%!important;bottom:28px!important;font-size:78px!important;color:#d3a3451f!important}.hero .eyebrow{color:#d9a94f!important;letter-spacing:4px!important;font-size:12px!important}.hero h1{color:#fff!important;font-size:clamp(43px,8vw,72px)!important;line-height:1.08!important;margin:15px 0!important}.hero h1:before{content:'اكتشفي ';color:#d6a346}.hero p{color:#eee6d8!important;font-size:17px!important;line-height:1.9!important;max-width:540px!important}.hero-actions{max-width:520px!important}.hero-actions .btn-primary{background:linear-gradient(110deg,#d7a449,#bc7f1e)!important;color:#fff!important;min-height:56px!important;border-radius:999px!important}.hero-actions .btn-ghost{background:#ffffff0d!important;color:#fff!important;border:1px solid #ffffff28!important;border-radius:999px!important}.hero-mark{position:absolute!important;left:34px!important;bottom:32px!important;width:104px!important;height:104px!important;border:2px solid #d2a146!important;border-radius:50%!important;transform:none!important;font-size:0!important;color:#fff!important}.hero-mark:before{content:'100%';position:absolute;inset:0;display:grid;place-items:center;font:900 22px Arial}.hero-mark:after{content:'منتجات أصلية';position:absolute;top:18px;left:0;right:0;text-align:center;color:#e6bc68;font:800 9px Tahoma}.brand-showcase{background:#fff!important;border:1px solid #efe5d7!important;border-radius:26px!important;padding:12px 8px 5px!important;box-shadow:0 8px 24px #37260f0b!important}.brand-showcase-track{gap:18px!important}.brand-showcase-card{color:#1e1b17!important}.brand-showcase-name{color:#29251f!important}.category-card{background:linear-gradient(180deg,#f6e1dc,#fff)!important;border:1px solid #eadfce!important}.category-card:before{display:none!important}.product-meta,.section-kicker{color:#b57d21!important}.add-btn{background:#111!important}
@media(max-width:700px){.container{width:min(100% - 24px,1180px)}.topbar-inner{min-height:86px!important}.topbar .brand-logo{width:52px!important;height:52px!important}.topbar .brand-text{font-size:15px!important}.hero-card{min-height:410px!important;padding:32px 24px!important}.hero h1{font-size:44px!important}.hero p{font-size:15px!important}.hero-actions{display:grid!important;grid-template-columns:1fr 1fr!important}.hero-actions .btn:first-child{grid-column:1/-1!important}.hero-mark{display:block!important;width:86px!important;height:86px!important;left:20px!important;bottom:24px!important}.product-grid{grid-template-columns:repeat(2,1fr)}#categoryGrid{grid-template-columns:repeat(4,150px);overflow-x:auto}.category-card{min-width:150px}}
@media(max-width:390px){.topbar .brand-text{display:none!important}.topbar .brand{max-width:72px!important}.hero h1{font-size:39px!important}}