body{overflow-x:hidden}body{font-family:'Manrope','Inter',sans-serif;background:oklch(96% 0.02 70) !important;color:oklch(19% 0.02 40) !important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[dir="rtl"] body,[dir="rtl"]{font-family:'Tajawal','Cairo',sans-serif !important}h1,h2,h3,h4,h5,h6,.section-title,.hero-slide-title{font-family:'Playfair Display',Georgia,serif !important;color:oklch(19% 0.02 40) !important}a{color:inherit;text-decoration:none}.ramadan-navbar{background:rgba(255,255,255,0.98) !important;backdrop-filter:blur(12px) !important;-webkit-backdrop-filter:blur(12px) !important;border-bottom:1px solid oklch(88% 0.02 60) !important;box-shadow:none !important;padding:0 !important;position:sticky;top:0;z-index:1000}.navbar-brand-ramadan{font-family:'Playfair Display',Georgia,serif !important;font-size:1.35rem !important;font-weight:700 !important;color:oklch(19% 0.02 40) !important;letter-spacing:0.02em !important}.navbar-brand-ramadan .logo-subtitle{font-family:'Manrope','Inter',sans-serif !important;font-size:0.55rem !important;letter-spacing:0.3em !important;color:oklch(50% 0.16 35) !important;font-weight:700 !important}.nav-link-ramadan{color:oklch(19% 0.02 40) !important;font-weight:600 !important;font-size:0.82rem !important;border-radius:9999px !important}.nav-link-ramadan:hover,.nav-link-ramadan.active{color:oklch(50% 0.16 35) !important;background:oklch(91% 0.045 35) !important}.nav-icon-ramadan{border-radius:50% !important;border:1px solid oklch(88% 0.02 60) !important;background:#fff !important;width:36px !important;height:36px !important;min-width:36px !important;min-height:36px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;color:oklch(19% 0.02 40) !important}.nav-icon-ramadan:hover{background:oklch(96% 0.02 70) !important;color:oklch(50% 0.16 35) !important}.announcement-bar{background:oklch(19% 0.02 40) !important;color:#fff !important;font-size:0.75rem !important;padding:7px 16px !important}.announcement-bar i{color:oklch(70% 0.14 35) !important}.announcement-bar strong{color:oklch(70% 0.14 35) !important}.announcement-close{color:rgba(255,255,255,0.5) !important}.announcement-close:hover{color:#fff !important}.top-search-bar{background:oklch(96% 0.02 70) !important;border-bottom:1px solid oklch(88% 0.02 60) !important;padding:0.6rem 0 !important}.top-search-bar .search-input{border:1px solid oklch(88% 0.02 60) !important;border-radius:10px !important;background:#fff !important;font-size:0.82rem !important;padding:0.6rem 0.9rem 0.6rem 2.4rem !important}.top-search-bar .search-input:focus{border-color:oklch(50% 0.16 35) !important;box-shadow:none !important}.hero-banner{border-radius:28px !important;max-width:100% !important;overflow:hidden !important;clip-path:inset(0 round 28px) !important}.hero-banner-slide{overflow:hidden !important}.hero-banner-overlay{background:linear-gradient(90deg,rgba(15,8,6,0.72) 0%,rgba(15,8,6,0.15) 55%,rgba(15,8,6,0.05) 100%) !important}.hero-banner-slide:not(:first-child) .hero-banner-overlay{opacity:0}.hero-slide-title{font-family:'Playfair Display',Georgia,serif !important;font-weight:700 !important;font-size:clamp(1.8rem,4vw,3rem) !important;color:#fff !important;line-height:1.1 !important}.hero-label{display:inline-block !important;background:oklch(50% 0.16 35) !important;color:#fff !important;font-size:0.68rem !important;font-weight:700 !important;padding:5px 14px !important;border-radius:9999px !important;letter-spacing:0.03em !important}.hero-banner-cta{background:#fff !important;color:oklch(19% 0.02 40) !important;border-radius:9999px !important;font-weight:700 !important;padding:12px 28px !important;font-size:0.82rem !important;border:none !important}.hero-banner-cta:hover{background:oklch(96% 0.02 70) !important}section a[href*="category.php"] > div{background:linear-gradient(135deg,oklch(91% 0.045 35),oklch(88% 0.04 50)) !important}.p-card{background:#fff !important;border-radius:18px !important;border:none !important;box-shadow:0 1px 2px rgba(20,14,12,0.04),0 8px 20px rgba(20,14,12,0.05) !important;overflow:hidden !important;transition:transform 0.15s ease !important;display:flex !important;flex-direction:column !important;height:100% !important}.p-card:hover{transform:translateY(-4px) !important;box-shadow:0 12px 32px rgba(20,14,12,0.08) !important}.p-card-img{aspect-ratio:1/1 !important;background:#f2ede8 !important;flex-shrink:0 !important;position:relative !important}.p-card-img img{aspect-ratio:1/1 !important}.fav-btn{background:rgba(255,255,255,0.92) !important;border-radius:50% !important;width:32px !important;height:32px !important;border:none !important;display:flex !important;align-items:center !important;justify-content:center !important;box-shadow:none !important}.fav-btn .fav-pop-icon{color:oklch(50% 0.16 35) !important;font-size:0.85rem !important}.fav-btn.active .fav-pop-icon{color:oklch(50% 0.16 35) !important}.discount-tag{background:oklch(50% 0.16 35) !important;color:#fff !important;border-radius:20px !important;font-size:0.65rem !important;font-weight:700 !important;padding:3px 9px !important;bottom:10px !important;top:auto !important;inset-inline-start:10px !important;inset-inline-end:auto !important}.out-of-stock-tag{background:oklch(50% 0.16 35) !important;border-radius:20px !important}.cat-tag{display:none !important}.p-card-body{padding:12px 14px 14px !important;display:flex !important;flex-direction:column !important;flex:1 !important}.p-card-body > a{display:block !important;flex:0 0 auto !important;width:100% !important}.p-card-name{font-size:0.82rem !important;font-weight:600 !important;line-height:1.35 !important;color:oklch(19% 0.02 40) !important;display:-webkit-box !important;-webkit-line-clamp:2 !important;-webkit-box-orient:vertical !important;overflow:hidden !important}.p-card-name-ar{font-size:0.72rem !important;color:oklch(62% 0.015 40) !important;margin-top:2px !important;display:-webkit-box !important;-webkit-line-clamp:1 !important;-webkit-box-orient:vertical !important;overflow:hidden !important}.p-card-brand{font-size:0.65rem !important;color:oklch(46% 0.02 40) !important;text-transform:uppercase !important;letter-spacing:0.03em !important;font-weight:600 !important}.p-card-price{margin-top:6px !important}.price-now{font-size:0.92rem !important;font-weight:700 !important;color:oklch(19% 0.02 40) !important}.price-was{font-size:0.72rem !important;color:oklch(62% 0.015 40) !important;text-decoration:line-through !important;margin-inline-start:4px !important}.p-card-actions{margin-top:auto !important;padding-top:8px !important}.p-card-actions .btn-cart{border-radius:10px !important;font-size:0.78rem !important;font-weight:700 !important;padding:8px 12px !important;background:oklch(50% 0.16 35) !important;border:none !important;color:#fff !important;width:100% !important}.p-card-actions .btn-cart:hover{background:oklch(42% 0.14 35) !important}.p-card-actions .btn-view{display:none !important}.section-header{margin-bottom:1.25rem !important}.section-title{font-family:'Playfair Display',Georgia,serif !important;font-size:1.6rem !important;font-weight:700 !important;color:oklch(19% 0.02 40) !important}.view-all-link{font-size:0.82rem !important;font-weight:700 !important;color:oklch(50% 0.16 35) !important}.cat-chip{border-radius:9999px !important;font-size:0.78rem !important;font-weight:600 !important;padding:0.4rem 1rem !important;border:1px solid oklch(88% 0.02 60) !important;background:#fff !important;color:oklch(19% 0.02 40) !important;transition:all 0.2s ease !important}.cat-chip:hover{border-color:oklch(50% 0.16 35) !important;color:oklch(50% 0.16 35) !important}.cat-chip.active{background:oklch(50% 0.16 35) !important;border-color:oklch(50% 0.16 35) !important;color:#fff !important}.filter-bar{background:oklch(96% 0.02 70) !important;border-color:oklch(88% 0.02 60) !important}.filter-select{border-radius:10px !important;border-color:oklch(88% 0.02 60) !important;font-size:0.78rem !important}.empty-state{text-align:center !important;padding:3rem 1rem !important}.empty-state i{font-size:2.5rem !important;color:oklch(88% 0.02 60) !important}.empty-state h3{font-family:'Playfair Display',Georgia,serif !important;font-weight:700 !important;color:oklch(19% 0.02 40) !important}.empty-state p{color:oklch(62% 0.015 40) !important}.empty-state a{display:inline-block !important;margin-top:0.75rem !important;padding:10px 22px !important;border-radius:9999px !important;background:oklch(50% 0.16 35) !important;color:#fff !important;font-weight:700 !important;font-size:0.82rem !important}.rewards-strip{background:linear-gradient(135deg,oklch(19% 0.02 40),oklch(30% 0.04 35)) !important;border-radius:14px !important}.rewards-btn{border-radius:9999px !important}.product-grid{gap:1.2rem !important}.picks-scroll{display:flex !important;overflow-x:auto;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;gap:1rem !important;padding-bottom:0.5rem}.picks-scroll > .p-card{flex:0 0 220px;scroll-snap-align:start}.picks-scroll::-webkit-scrollbar{height:4px}.picks-scroll::-webkit-scrollbar-thumb{background:oklch(82% 0.02 60);border-radius:4px}@media (max-width:768px){.picks-scroll > .p-card{flex:0 0 170px}}@media (max-width:480px){.picks-scroll > .p-card{flex:0 0 155px}}.mobile-bottom-nav{border-top:1px solid oklch(88% 0.02 60) !important;background:rgba(255,255,255,0.98) !important;backdrop-filter:blur(12px) !important}.bottom-nav-item.active{color:oklch(50% 0.16 35) !important}.footer-ramadan{background:oklch(19% 0.02 40) !important;color:#fff !important}.footer-ramadan h5,.footer-ramadan h6{font-family:'Playfair Display',Georgia,serif !important}.footer-ramadan a{color:rgba(255,255,255,0.75) !important}.footer-ramadan a:hover{color:#fff !important}#chatbot-toggle{background:oklch(19% 0.02 40) !important;box-shadow:0 10px 24px rgba(20,10,8,0.3) !important}#chatbot-header{background:oklch(19% 0.02 40) !important}.chatbot-option-btn{border-color:oklch(88% 0.02 60) !important;border-radius:10px !important}.cart-badge,.nav-badge,.fav-badge,.bottom-nav-badge{background:oklch(50% 0.16 35) !important}@media (max-width:768px){.hero-banner{border-radius:18px !important;clip-path:inset(0 round 18px) !important}.hero-wrapper{padding:1rem 1rem 0 !important}.hero-slide-title{font-size:1.5rem !important}.hero-banner-overlay{padding:0 1rem !important}.hero-slide-subtitle{font-size:0.82rem !important;max-width:260px !important;margin:0.4rem 0 0.8rem !important}.hero-banner-cta{padding:10px 22px !important;font-size:0.78rem !important}.hero-label{font-size:0.6rem !important;padding:4px 10px !important}footer > div:first-child{grid-template-columns:1fr 1fr !important;gap:1.5rem !important;padding:2.5rem 1rem !important}.ps-trust-badges{flex-direction:column !important;gap:16px !important;align-items:flex-start !important}}@media (max-width:480px){.hero-banner{border-radius:14px !important;clip-path:inset(0 round 14px) !important}.hero-wrapper{padding:0.75rem 0.75rem 0 !important}.hero-slide-title{font-size:1.3rem !important}.hero-banner-overlay{padding:0 0.75rem !important}.hero-slide-subtitle{font-size:0.75rem !important;max-width:200px !important;margin:0.3rem 0 0.6rem !important;line-height:1.4 !important}.hero-banner-cta{padding:8px 18px !important;font-size:0.72rem !important}.hero-label{font-size:0.55rem !important;padding:3px 8px !important}}@media (max-width:576px){footer > div:first-child{grid-template-columns:1fr !important;gap:1.5rem !important}}.brand-scroll-wrapper{position:relative}.home-brand-row{display:flex !important;flex-wrap:nowrap !important;overflow-x:auto !important;gap:2rem;padding:0.5rem 2rem;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none;justify-content:flex-start}.home-brand-row::-webkit-scrollbar{display:none}.home-brand-row > a{flex:0 0 auto !important;min-width:80px;scroll-snap-align:start}.home-brand-row > a > p{width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brand-arrow{position:absolute;top:38px;transform:translateY(-50%);z-index:10;width:36px;height:36px;border-radius:50%;border:1px solid oklch(85% 0.02 60);background:rgba(255,255,255,0.92);backdrop-filter:blur(4px);box-shadow:0 2px 8px rgba(0,0,0,0.08);cursor:pointer;font-size:1.2rem;color:oklch(40% 0.02 40);display:flex;align-items:center;justify-content:center;transition:opacity 0.2s,box-shadow 0.2s;line-height:1;padding:0}.brand-arrow:hover{box-shadow:0 4px 12px rgba(0,0,0,0.14)}.brand-arrow-back{left:-4px}.brand-arrow-fwd{right:-4px}[dir="rtl"] .brand-arrow-back{left:auto;right:-4px}[dir="rtl"] .brand-arrow-fwd{right:auto;left:-4px}.brand-circle{border-radius:50% !important;background:oklch(91% 0.045 35) !important}.category-explore-links{margin-bottom:0.5rem !important}.cat-explore-link{border-radius:9999px !important;font-size:0.78rem !important;font-weight:600 !important}.ba-slider{border-radius:18px !important;overflow:hidden !important}.faq-item{border-radius:12px !important;background:#fff !important;border:1px solid oklch(88% 0.02 60) !important}.search-info-bar{border-radius:12px !important;background:#fff !important;border:1px solid oklch(88% 0.02 60) !important}::-webkit-scrollbar{height:4px;width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:oklch(82% 0.02 60);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:oklch(70% 0.02 60)}::selection{background:oklch(50% 0.16 35);color:#fff}@media (max-width:768px){.home-brand-row{gap:1.25rem !important;padding:0.5rem 1rem !important}.brand-arrow{display:none !important}}@media (max-width:576px){footer > div:first-child{grid-template-columns:1fr !important;gap:1.5rem !important;padding:2rem 1rem !important}}