/* Fatura Plus storefront refresh: a calm, product-first home page. */
.topbar-fp { display: block!important; background: #2f1158!important; border: 0!important; color: #fff!important; }
.topbar-fp .container { min-height: 34px!important; gap: 16px; }
.topbar-fp .chip { background: #a868ff!important; border: 0!important; color: #fff!important; font-weight: 800!important; }
html.dark .topbar-fp { background: #1d0b38!important; }
.store-header-fp { background: rgba(255,255,255,.94)!important; border-color: #eee8f6!important; box-shadow: 0 4px 20px rgba(47,17,88,.04); }
.store-header-fp .container { max-width: 1240px; }
.store-header-fp nav a { color: #5e5271!important; font-weight: 700!important; }
.store-header-fp nav a:hover { background: #f5f0fc!important; color: #5a24a0!important; }
.store-home-body .store-category-fp { display: none!important; }
.store-home-body main { background: #fff; }

.fp-home-hero { padding: 32px 0 14px; background: #fff; }
.fp-home-grid { display: grid; grid-template-columns: 226px minmax(0,1fr); gap: 20px; }
.fp-category-rail { padding: 16px 12px; min-height: 416px; border: 1px solid #eae3f5; border-radius: 12px; background: #fcfbfe; }
.fp-category-title { display: flex; align-items: center; gap: 8px; padding: 0 8px 12px; color: #30115e; font-size: .84rem; font-weight: 800; border-bottom: 1px solid #eee9f6; }
.fp-category-title svg { width: 18px; color: #7430cf; }
.fp-category-link { display: flex; align-items: center; justify-content: space-between; min-height: 43px; padding: 0 8px; color: #61546f; font-size: .78rem; font-weight: 700; border-bottom: 1px solid #f1edf7; transition: .18s ease; }
.fp-category-link:hover { padding-inline: 12px 5px; color: #6221b0; background: #f3edfb; }
.fp-category-link svg { width: 15px; color: #a286bc; }
.fp-category-empty { display: block; padding: 18px 8px; color: #92869d; font-size: .78rem; }
.fp-category-all { display: flex; align-items: center; gap: 7px; margin: 13px 8px 0; color: #6122ae; font-size: .75rem; font-weight: 800; }
.fp-category-all svg { width: 15px; }

.fp-hero-stage { min-height: 416px; overflow: hidden; display: flex; direction: rtl; border-radius: 14px; background: #351265; color: #fff; }
.fp-hero-content { position: relative; z-index: 1; width: 49%; padding: 54px 46px 38px; }
.fp-hero-label { display: inline-flex; align-items: center; gap: 6px; padding: 7px 10px; color: #efddff; background: rgba(255,255,255,.11); border: 1px solid rgba(255,255,255,.18); border-radius: 5px; font-size: .68rem; font-weight: 800; }
.fp-hero-label svg { width: 15px; color: #dba8ff; }
.fp-hero-content h1 { max-width: 480px; margin: 18px 0 12px!important; color: #fff!important; font-size: clamp(2rem,3.5vw,3.5rem)!important; line-height: 1.2!important; font-weight: 800!important; }
.fp-hero-content p { max-width: 440px; margin: 0; color: #e9dcf6!important; font-size: .9rem!important; line-height: 1.9!important; }
.fp-hero-actions { display: flex; align-items: center; gap: 20px; margin-top: 27px; }
.fp-hero-cta { min-width: 144px; color: #4c168d!important; background: #fff!important; border-color: #fff!important; box-shadow: none!important; }
.fp-hero-cta svg { width: 18px; }
.fp-hero-text-link { display: inline-flex; align-items: center; gap: 6px; color: #fff; font-size: .8rem; font-weight: 800; }
.fp-hero-text-link svg { width: 16px; }
.fp-hero-image { position: relative; width: 51%; }
.fp-hero-image:after { content: ""; position: absolute; inset: 0; background: rgba(42,9,80,.12); }
.fp-hero-image img { width: 100%; height: 100%; object-fit: cover; }
.fp-service-row { display: grid; grid-template-columns: repeat(3,1fr); gap: 0; margin-top: 15px; border: 1px solid #eee8f5; border-radius: 10px; background: #fff; }
.fp-service-row > div { display: flex; align-items: center; gap: 10px; padding: 13px 18px; color: #513b69; font-size: .75rem; font-weight: 800; }
.fp-service-row > div + div { border-inline-start: 1px solid #eee8f5; }
.fp-service-row svg { flex: none; width: 21px; color: #7330cf; }
.fp-service-row small { display: block; margin-top: 2px; color: #988ba6; font-size: .62rem; font-weight: 500; }

.store-home-body .store-hero-fp { display: none!important; }
.fp-collection { padding: 42px 0 54px; }
.fp-collection-heading { display: flex; align-items: end; justify-content: space-between; gap: 18px; margin-bottom: 21px; }
.fp-collection-heading .section-kicker { color: #7d4dbc; font-size: .67rem; font-weight: 800; }
.fp-collection-heading h2 { margin: 4px 0 0; color: #30115e; font-size: 1.65rem; font-weight: 800; }
.fp-collection-heading > a { display: inline-flex; align-items: center; gap: 6px; color: #6525af; font-size: .78rem; font-weight: 800; }
.fp-collection-heading > a svg { width: 16px; }
.store-promos { padding: 10px 0 20px; }
.store-promo { display: block; overflow: hidden; border-radius: 10px; }
.store-promo img { width: 100%; transition: transform .25s ease; }
.store-promo:hover img { transform: scale(1.02); }
.fp-newsletter { padding: 15px 0 55px; }
.fp-newsletter-inner { display: grid; grid-template-columns: .8fr 1.2fr; gap: 30px; align-items: center; padding: 35px; border: 1px solid #e9def4; border-radius: 12px; background: #faf7fe; }
.fp-newsletter h3 { margin: 5px 0 6px; color: #31115f; font-size: 1.5rem; font-weight: 800; }.fp-newsletter p { margin: 0; color: #806f91; font-size: .8rem; }.fp-newsletter form { display: flex; gap: 8px; flex-wrap: wrap; }.fp-newsletter input { flex: 1 1 230px; }.fp-newsletter button svg { width: 17px; }.fp-newsletter #newsletterMsg { width: 100%; font-size: .75rem; }

@media (max-width: 900px) { .fp-home-grid { grid-template-columns: 1fr; }.fp-category-rail { display: none; }.fp-hero-stage { min-height: 390px; }.fp-hero-content { width: 56%; padding: 42px 32px; }.fp-hero-image { width: 44%; }.fp-newsletter-inner { grid-template-columns: 1fr; } }
@media (max-width: 600px) { .store-header-fp .container > div { height: 60px!important; }.fp-home-hero { padding-top: 16px; }.fp-hero-stage { min-height: 430px; position: relative; }.fp-hero-image { position: absolute; inset: 0; width: 100%; opacity: .28; }.fp-hero-content { width: 100%; padding: 35px 24px; }.fp-hero-content h1 { font-size: 2.1rem!important; }.fp-hero-actions { gap: 14px; }.fp-service-row { grid-template-columns: 1fr; }.fp-service-row > div + div { border-inline-start: 0; border-top: 1px solid #eee8f5; }.fp-collection { padding: 33px 0 40px; }.fp-collection-heading h2 { font-size: 1.35rem; }.fp-newsletter-inner { padding: 24px; }.fp-newsletter form { flex-direction: column; }.fp-newsletter button { justify-content: center; } }

/* Category rail becomes a fast horizontal shopping strip on the home page. */
.store-home-body .store-category-fp { display: block!important; border-top: 0!important; border-bottom: 1px solid #eee8f5!important; background: #fff!important; }
.store-home-body .store-category-fp ul { flex-wrap: nowrap!important; overflow-x: auto; gap: 8px!important; padding: 11px 0!important; scrollbar-width: none; }
.store-home-body .store-category-fp ul::-webkit-scrollbar { display: none; }
.store-home-body .store-category-fp a { min-height: 34px!important; padding: 0 14px!important; border: 1px solid #eadff4; border-radius: 999px!important; background: #fcfaff; color: #5a486d!important; white-space: nowrap; }
.store-home-body .store-category-fp a:hover { border-color: #a76ce9!important; background: #f1e8fb!important; color: #5a1d9e!important; }

/* Product cards: clear image hierarchy, stronger price, and an effortless add button. */
.product-card { display: flex; flex-direction: column; border: 1px solid #e9e1f3!important; border-radius: 12px!important; box-shadow: 0 6px 18px rgba(47,17,88,.06)!important; }
.product-card:hover { border-color: #bd92e8!important; box-shadow: 0 18px 36px rgba(47,17,88,.14)!important; }
.product-media { position: relative; aspect-ratio: 1 / .88!important; padding: 14px; background: #faf8fd!important; }
.product-media img { width: 100%; height: 100%; object-fit: contain; mix-blend-mode: multiply; }
.product-body { display: flex; flex: 1; flex-direction: column; padding: 15px!important; }
.product-title { min-height: 2.7em; margin-bottom: 10px; font-size: .9rem!important; line-height: 1.5!important; }
.product-card .price { margin-top: auto; margin-bottom: 11px; color: #4e1690!important; font-size: 1rem!important; letter-spacing: 0; }
.product-card .btn-primary { min-height: 37px; margin-top: 0!important; background: #522099!important; border-color: #522099!important; }
.product-card .btn-primary:hover { background: #3c1477!important; transform: none!important; }
.product-card .product-action-btn { width: 35px; height: 35px; border-radius: 50%!important; }
.product-card .product-meta { font-size: .68rem; }

/* Cart drawer receives a clearer order summary and better product rows. */
#miniCart .drawer-panel { width: min(100vw, 430px); background: #fff; box-shadow: 0 0 44px rgba(34,12,70,.2); }
#miniCart .drawer-header { min-height: 70px; padding: 0 20px; color: #32115f; background: #faf7fe; border-bottom: 1px solid #ece3f5; }
#miniCart .drawer-header h5 { font-size: 1rem; font-weight: 800; }
#miniCart .drawer-body { padding: 8px 20px; }
#miniCart #mc-list > div { padding: 16px 0!important; }
#miniCart #mc-list img { width: 68px!important; height: 68px!important; padding: 5px; border-radius: 10px!important; background: #faf8fd; }
#miniCart .qty-stepper { min-height: 30px; padding: 2px; border: 1px solid #e8dff2; border-radius: 7px; background: #fbf9fd; }
#miniCart .qty-stepper button { width: 26px; height: 26px; border-radius: 5px; color: #5d20a5; background: #f0e7fa; }
#miniCart .qty-stepper input { width: 30px; background: transparent; font-size: .76rem; }
#miniCart .drawer-footer { padding: 18px 20px 22px; background: #faf7fe; border-top: 1px solid #e8dff2; }
#miniCart .drawer-footer > div:nth-child(2) { padding: 11px 0; margin-top: 9px!important; border-top: 1px dashed #d8c7ea; border-bottom: 1px dashed #d8c7ea; color: #32115f; }
#miniCart #mc-grand { color: #55209d; font-size: 1.25rem!important; }
#miniCart #mc-checkout { min-height: 43px; background: #522099!important; border-color: #522099!important; }

/* Footer is a concise Fatura Plus signature instead of a generic dark block. */
.store-footer-fp { margin-top: 36px!important; padding-top: 10px; background: #261044!important; }
.store-footer-fp .container { padding-top: 34px!important; padding-bottom: 24px!important; }
.store-footer-fp h6 { color: #fff!important; font-weight: 800!important; letter-spacing: 0!important; text-transform: none!important; }
.store-footer-fp p, .store-footer-fp a { color: #cbbbe1!important; }
.store-footer-fp a:hover { color: #fff!important; }
.store-powered { display: inline-flex; align-items: center; justify-content: center; min-height: 31px; padding: 0 11px; border: 1px solid rgba(255,255,255,.17); border-radius: 6px; color: #e7d8fa!important; font-size: .7rem; }
.store-powered strong { margin-inline-start: 4px; color: #fff; }
@media (max-width: 600px) { .store-home-body .store-category-fp ul { padding-inline: 2px!important; }.product-media { padding: 10px; }.product-body { padding: 12px!important; }.product-title { font-size: .78rem!important; }.product-card .price { font-size: .88rem!important; }.product-card .btn-primary { font-size: .68rem; padding: 0 8px; }.store-footer-fp { margin-top: 24px!important; }.store-powered { margin-top: 8px; } }

/* Complete dark system: all surfaces use the same deep-purple scale. */
html.dark body, html.dark .store-home-body main { background: #190d2c!important; color: #f7f2ff!important; }
html.dark .store-header-fp { background: rgba(29,15,49,.96)!important; border-color: #4d316d!important; box-shadow: 0 5px 22px rgba(0,0,0,.25)!important; }
html.dark .store-header-fp nav a { color: #d9cae9!important; }
html.dark .store-header-fp nav a:hover { background: #412361!important; color: #fff!important; }
html.dark .store-header-fp .input, html.dark .input, html.dark .select, html.dark .textarea { background: #2b1848!important; border-color: #5c3b7e!important; color: #f8f3ff!important; }
html.dark .store-header-fp .input::placeholder, html.dark .input::placeholder, html.dark .textarea::placeholder { color: #b9a6cf!important; }
html.dark .store-header-fp .btn-secondary, html.dark .btn-secondary { background: #342052!important; border-color: #60417f!important; color: #f5effe!important; }
html.dark .store-header-fp .btn-ghost, html.dark .btn-ghost { color: #dacbea!important; }

html.dark .store-home-body .store-category-fp { background: #1d0f31!important; border-bottom-color: #4e316f!important; }
html.dark .store-home-body .store-category-fp a { background: #2d194a!important; border-color: #573678!important; color: #e1d4ef!important; }
html.dark .store-home-body .store-category-fp a:hover { background: #4a2671!important; border-color: #9a62dc!important; color: #fff!important; }
html.dark .fp-home-hero { background: #190d2c!important; }
html.dark .fp-category-rail { background: #24133d!important; border-color: #4c2d6b!important; box-shadow: 0 12px 30px rgba(0,0,0,.18); }
html.dark .fp-category-title { color: #fff!important; border-color: #4e306d!important; }
html.dark .fp-category-title svg, html.dark .fp-category-all { color: #c28aff!important; }
html.dark .fp-category-link { color: #dbcde9!important; border-color: #3f265d!important; }
html.dark .fp-category-link:hover { background: #392058!important; color: #fff!important; }
html.dark .fp-category-link svg { color: #b794d1!important; }
html.dark .fp-category-empty { color: #bba8cd!important; }
html.dark .fp-hero-stage { background: #30105d!important; box-shadow: 0 18px 42px rgba(0,0,0,.24); }
html.dark .fp-hero-image:after { background: rgba(19,4,38,.26); }
html.dark .fp-service-row { background: #24133d!important; border-color: #4a2c69!important; }
html.dark .fp-service-row > div { color: #eee5f8!important; }
html.dark .fp-service-row > div + div { border-color: #4a2c69!important; }
html.dark .fp-service-row small { color: #bcaacb!important; }
html.dark .fp-service-row svg { color: #c28aff!important; }

html.dark .fp-collection-heading h2, html.dark .section-title { color: #faf6ff!important; }
html.dark .fp-collection-heading .section-kicker, html.dark .section-kicker { color: #c692ff!important; }
html.dark .fp-collection-heading > a { color: #d5adff!important; }
html.dark .store-promos { background: #190d2c!important; }
html.dark .store-promo { border: 1px solid #4d2e6d; }
html.dark .product-card { background: #291642!important; border-color: #523273!important; box-shadow: 0 7px 20px rgba(0,0,0,.22)!important; }
html.dark .product-card:hover { border-color: #a06ae0!important; box-shadow: 0 18px 38px rgba(0,0,0,.32)!important; }
html.dark .product-media { background: #211137!important; }
html.dark .product-media img { mix-blend-mode: normal; }
html.dark .product-title { color: #fbf8ff!important; }
html.dark .product-card .price { color: #d4a3ff!important; }
html.dark .product-card .product-action-btn { background: #342052!important; border-color: #69468d!important; color: #f8f3ff!important; }
html.dark .product-card .product-meta, html.dark .js-add-status { color: #c5b3d6!important; }
html.dark .product-card .btn-primary, html.dark #miniCart #mc-checkout { background: #7e3fc8!important; border-color: #7e3fc8!important; color: #fff!important; }
html.dark .product-card .btn-primary:hover, html.dark #miniCart #mc-checkout:hover { background: #9558df!important; }

html.dark .fp-newsletter-inner { background: #24133d!important; border-color: #4d2e6e!important; }
html.dark .fp-newsletter h3 { color: #fbf8ff!important; }
html.dark .fp-newsletter p { color: #c7b5d7!important; }
html.dark .fp-newsletter .input { background: #1c0f30!important; border-color: #5c3b7e!important; }
html.dark .drawer-backdrop { background: rgba(7,3,15,.72)!important; }
html.dark .drawer-panel, html.dark .mega-panel, html.dark .auth-panel { background: #25143e!important; border-color: #543475!important; color: #f8f3ff!important; }
html.dark .drawer-header, html.dark #miniCart .drawer-header { color: #fbf8ff!important; background: #2d194a!important; border-color: #4f306e!important; }
html.dark .drawer-body, html.dark #miniCart .drawer-body { background: #25143e!important; }
html.dark #miniCart .drawer-panel { background: #25143e!important; box-shadow: 0 0 46px rgba(0,0,0,.48)!important; }
html.dark #miniCart #mc-list img { background: #1b0e2f!important; border-color: #513171!important; }
html.dark #miniCart .qty-stepper { background: #1d1031!important; border-color: #543475!important; }
html.dark #miniCart .qty-stepper button { background: #442364!important; color: #e7d7f7!important; }
html.dark #miniCart .drawer-footer { background: #2d194a!important; border-color: #4f306e!important; }
html.dark #miniCart .drawer-footer > div:nth-child(2) { color: #fff!important; border-color: #60407e!important; }
html.dark #miniCart #mc-grand { color: #d7aaff!important; }
html.dark .empty-state, html.dark .empty-state .empty-icon { color: #c9b7da!important; }
html.dark .empty-state .empty-icon { background: #342052!important; }
html.dark .auth-hero, html.dark .auth-foot { background: #2b1848!important; border-color: #513171!important; }
html.dark .auth-input, html.dark .auth-input-wrap { background: #1c0f30!important; border-color: #583878!important; color: #fbf8ff!important; }
html.dark .pay-option { background: #291642!important; border-color: #563576!important; }
html.dark .pay-option.is-active { border-color: #b476f2!important; }
html.dark .store-tabbar-fp { background: #24133d!important; border-color: #4e306e!important; box-shadow: 0 -8px 25px rgba(0,0,0,.25)!important; }
html.dark .store-tabbar-fp a { color: #c9b8d9!important; }
html.dark .store-tabbar-fp a.text-accent-500 { color: #d3a3ff!important; }
html.dark .store-footer-fp { background: #160a28!important; }
html.dark .store-footer-fp .border-t { border-color: rgba(214,183,245,.16)!important; }
html.dark .store-footer-fp p, html.dark .store-footer-fp a { color: #cdbbdf!important; }
html.dark .store-powered { background: #271340!important; border-color: #613c85!important; color: #eadcff!important; }

html.dark .bg-bg-base, html.dark .bg-bg-surface, html.dark .bg-bg-elevated { background-color: rgb(var(--color-bg-elevated))!important; }
html.dark .bg-bg-muted { background-color: rgb(var(--color-bg-muted))!important; }
html.dark .text-fg-primary { color: #f8f3ff!important; }
html.dark .text-fg-secondary, html.dark .text-fg-muted { color: #c9b7d9!important; }
html.dark .border-line-subtle, html.dark .divide-line-subtle > :not([hidden]) ~ :not([hidden]) { border-color: #4f306e!important; }

/* Collection titles are editorial markers, not generic template labels. */
.fp-collection-heading { position: relative; padding-bottom: 17px; margin-bottom: 23px; border-bottom: 1px solid #eee7f5; }
.fp-collection-heading:after { content: ""; position: absolute; bottom: -1px; inset-inline-start: 0; width: 74px; height: 3px; border-radius: 3px; background: #6630ad; }
.fp-collection-title-wrap { display: flex; align-items: center; gap: 12px; }
.fp-collection-icon { display: inline-flex; flex: none; align-items: center; justify-content: center; width: 43px; height: 43px; border-radius: 11px; color: #5c209f; background: #f1e8fb; border: 1px solid #dfcbf5; animation: fp-title-float 4s ease-in-out infinite; }
.fp-collection-icon svg { width: 21px; height: 21px; }
.fp-collection-eyebrow { display: block; margin-bottom: 4px; color: #896ba9; font-size: .68rem; font-weight: 700; }
.fp-collection-heading h2 { margin: 0!important; color: #30115e; font-size: 1.65rem; font-weight: 800; line-height: 1.15; }
.fp-collection-more { display: inline-flex; align-items: center; gap: 7px; min-height: 35px; padding: 0 11px; color: #5d1fa5; border: 1px solid #e3d3f5; border-radius: 6px; background: #fff; font-size: .74rem; font-weight: 800; transition: .2s ease; }
.fp-collection-more svg { width: 15px; transition: transform .2s ease; }.fp-collection-more:hover { background: #f6f0fd; border-color: #b88ae8; }.fp-collection-more:hover svg { transform: translateX(-3px); }
.fp-collection.is-featured .fp-collection-icon { color: #a25b08; background: #fff4df; border-color: #f1d29c; }.fp-collection.is-featured .fp-collection-heading:after { background: #d18a19; }
.fp-collection.is-deals .fp-collection-icon { color: #b12f62; background: #fff0f5; border-color: #f2bfd3; animation-delay: .5s; }.fp-collection.is-deals .fp-collection-heading:after { background: #cf4679; }
.fp-collection.is-new .fp-collection-icon { color: #166b8f; background: #e9f8ff; border-color: #b9e5f4; animation-delay: 1s; }.fp-collection.is-new .fp-collection-heading:after { background: #2989b1; }
.fp-collection.is-all .fp-collection-icon { color: #5c209f; background: #f1e8fb; border-color: #dfcbf5; animation-delay: 1.5s; }
@keyframes fp-title-float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-3px); } }
html.dark .fp-collection-heading { border-color: #4d2f6c; }.dark .fp-collection-heading:after { background: #b77cf5; }.dark .fp-collection-icon { background: #342052; border-color: #69468d; color: #d4a4ff; }.dark .fp-collection-eyebrow { color: #c5afd9; }.dark .fp-collection-heading h2 { color: #fbf8ff; }.dark .fp-collection-more { background: #2a1845; border-color: #624181; color: #e3cdfa; }.dark .fp-collection-more:hover { background: #432461; border-color: #a670dd; }.dark .fp-collection.is-featured .fp-collection-icon { background: #49331a; border-color: #846027; color: #ffd987; }.dark .fp-collection.is-deals .fp-collection-icon { background: #4a2038; border-color: #82445f; color: #ffacd0; }.dark .fp-collection.is-new .fp-collection-icon { background: #193e50; border-color: #39718a; color: #aee6ff; }
@media (max-width: 600px) { .fp-collection-heading { align-items: center; padding-bottom: 13px; margin-bottom: 17px; }.fp-collection-icon { width: 38px; height: 38px; border-radius: 10px; }.fp-collection-heading h2 { font-size: 1.25rem; }.fp-collection-eyebrow { font-size: .61rem; }.fp-collection-more { min-height: 31px; padding: 0 8px; font-size: .64rem; } }

/* Home categories live beside the products, as a real shopping entry point. */
.store-home-body .store-category-fp { display: none!important; }
.fp-category-showcase { padding: 42px 0 10px; background: #fff; }
.fp-category-showcase-head { display: flex; align-items: end; justify-content: space-between; gap: 18px; margin-bottom: 17px; }
.fp-category-showcase-head > div > span { display: block; margin-bottom: 4px; color: #8564a6; font-size: .68rem; font-weight: 800; }
.fp-category-showcase-head h2 { margin: 0; color: #30115e; font-size: 1.5rem; font-weight: 800; }
.fp-category-showcase-head > a { display: inline-flex; align-items: center; gap: 6px; color: #6021a7; font-size: .74rem; font-weight: 800; }.fp-category-showcase-head > a svg { width: 15px; }
.fp-category-showcase-track { display: flex; gap: 13px; overflow-x: auto; padding: 4px 2px 12px; scrollbar-width: none; }.fp-category-showcase-track::-webkit-scrollbar { display: none; }
.fp-category-showcase-card { position: relative; flex: 1 0 205px; min-height: 142px; overflow: hidden; padding: 20px; border: 1px solid #e4d7f2; border-radius: 12px; background: #fbf9fe; color: #34135f; transition: transform .23s ease, border-color .23s ease, box-shadow .23s ease; animation: fp-category-enter .5s both; }
.fp-category-showcase-card:nth-child(2) { animation-delay: .08s; }.fp-category-showcase-card:nth-child(3) { animation-delay: .16s; }.fp-category-showcase-card:nth-child(4) { animation-delay: .24s; }.fp-category-showcase-card:nth-child(5) { animation-delay: .32s; }
.fp-category-showcase-card:before { content: ""; position: absolute; width: 96px; height: 96px; inset: -44px -34px auto auto; border: 1px solid #d3b7ed; border-radius: 50%; box-shadow: 0 0 0 18px #f7f1fd, 0 0 0 36px #fbf8fe; }
.fp-category-showcase-card:hover { transform: translateY(-6px); border-color: #a875df; box-shadow: 0 16px 28px rgba(56,20,101,.13); }
.fp-category-showcase-icon { position: relative; z-index: 1; display: flex; align-items: center; justify-content: center; width: 39px; height: 39px; margin-bottom: 15px; border-radius: 10px; background: #eee3fb; color: #6121aa; }.fp-category-showcase-icon svg { width: 20px; }
.fp-category-showcase-name { position: relative; z-index: 1; display: block; color: #381664; font-size: .95rem; font-weight: 800; }.fp-category-showcase-subtitle { position: relative; z-index: 1; display: block; margin-top: 4px; color: #917da6; font-size: .68rem; }.fp-category-showcase-arrow { position: absolute; z-index: 1; inset-inline-end: 17px; bottom: 18px; width: 18px; color: #7b3cc7; transition: transform .2s ease; }.fp-category-showcase-card:hover .fp-category-showcase-arrow { transform: translateX(-4px); }
@keyframes fp-category-enter { from { opacity: 0; transform: translateY(13px); } to { opacity: 1; transform: translateY(0); } }
html.dark .fp-category-showcase { background: #190d2c!important; }.dark .fp-category-showcase-head > div > span { color: #c4addb; }.dark .fp-category-showcase-head h2 { color: #fbf8ff; }.dark .fp-category-showcase-head > a { color: #d4a5ff; }.dark .fp-category-showcase-card { background: #26143f; border-color: #543574; color: #f8f3ff; }.dark .fp-category-showcase-card:before { border-color: #714b96; box-shadow: 0 0 0 18px #2b1946, 0 0 0 36px #26143f; }.dark .fp-category-showcase-card:hover { border-color: #a66be3; box-shadow: 0 16px 30px rgba(0,0,0,.35); }.dark .fp-category-showcase-icon { background: #41225f; color: #d7acff; }.dark .fp-category-showcase-name { color: #faf6ff; }.dark .fp-category-showcase-subtitle { color: #c6b2d7; }.dark .fp-category-showcase-arrow { color: #d5a7ff; }
@media (max-width: 600px) { .fp-category-showcase { padding: 30px 0 2px; }.fp-category-showcase-head h2 { font-size: 1.22rem; }.fp-category-showcase-head > a { font-size: .65rem; }.fp-category-showcase-track { gap: 10px; }.fp-category-showcase-card { flex-basis: 168px; min-height: 126px; padding: 16px; }.fp-category-showcase-icon { width: 35px; height: 35px; margin-bottom: 11px; }.fp-category-showcase-name { font-size: .82rem; }.fp-category-showcase-subtitle { font-size: .6rem; }.fp-category-showcase-arrow { inset-inline-end: 14px; bottom: 14px; width: 16px; } }

/* A single Arabic-first typeface across the entire storefront. */
html body, html body button, html body input, html body select, html body textarea, html body .price, html body .font-mono { font-family: Cairo, Tahoma, Arial, sans-serif!important; }

/* Shop page category browser: larger than navigation, compact enough for catalog work. */
.fp-shop-categories { padding: 28px 0 4px; background: #fff; }
.fp-shop-categories-head { display: flex; align-items: end; justify-content: space-between; gap: 16px; margin-bottom: 16px; }.fp-shop-categories-head > div > span { display: block; margin-bottom: 3px; color: #8867a8; font-size: .68rem; font-weight: 800; }.fp-shop-categories-head h2 { margin: 0; color: #30115e; font-size: 1.48rem; font-weight: 800; }.fp-shop-categories-head a { display: inline-flex; align-items: center; gap: 6px; color: #6222aa; font-size: .74rem; font-weight: 800; }.fp-shop-categories-head a svg { width: 15px; }
.fp-shop-categories-track { display: flex; gap: 13px; overflow-x: auto; padding: 4px 2px 13px; scrollbar-width: none; }.fp-shop-categories-track::-webkit-scrollbar { display: none; }
.fp-shop-category-card { position: relative; flex: 1 0 218px; min-height: 130px; overflow: hidden; padding: 18px; border: 1px solid #e4d8f1; border-radius: 12px; background: #faf8fd; color: #35135f; transition: .22s ease; animation: fp-category-enter .5s both; }.fp-shop-category-card:nth-child(2) { animation-delay: .08s; }.fp-shop-category-card:nth-child(3) { animation-delay: .16s; }.fp-shop-category-card:nth-child(4) { animation-delay: .24s; }
.fp-shop-category-card:before { content: ""; position: absolute; width: 105px; height: 105px; inset: -56px -34px auto auto; border: 1px solid #d4b9ec; border-radius: 50%; box-shadow: 0 0 0 18px #f4edfc, 0 0 0 36px #faf8fd; }.fp-shop-category-card:hover, .fp-shop-category-card.is-active { transform: translateY(-5px); border-color: #a570df; background: #fff; box-shadow: 0 16px 29px rgba(55,20,99,.13); }.fp-shop-category-card.is-active { border-width: 2px; }
.fp-shop-category-icon { position: relative; z-index: 1; display: inline-flex; align-items: center; justify-content: center; width: 43px; height: 43px; margin-bottom: 12px; border-radius: 11px; background: #ece0fa; color: #5e20a5; }.fp-shop-category-icon svg { width: 21px; }.fp-shop-category-name { position: relative; z-index: 1; display: block; color: #361461; font-size: .92rem; font-weight: 800; }.fp-shop-category-copy { position: relative; z-index: 1; display: block; margin-top: 3px; color: #917ca7; font-size: .66rem; }.fp-shop-category-arrow { position: absolute; z-index: 1; inset-inline-end: 16px; bottom: 17px; width: 18px; color: #7a3bc4; transition: transform .2s ease; }.fp-shop-category-card:hover .fp-shop-category-arrow { transform: translateX(-4px); }
html.dark .fp-shop-categories { background: #190d2c; }.dark .fp-shop-categories-head > div > span { color: #c6addc; }.dark .fp-shop-categories-head h2 { color: #fbf8ff; }.dark .fp-shop-categories-head a { color: #d5a7ff; }.dark .fp-shop-category-card { background: #26143f; border-color: #543574; color: #fff; }.dark .fp-shop-category-card:before { border-color: #744c98; box-shadow: 0 0 0 18px #2d1948, 0 0 0 36px #26143f; }.dark .fp-shop-category-card:hover, .dark .fp-shop-category-card.is-active { background: #2d1948; border-color: #a66de2; box-shadow: 0 16px 30px rgba(0,0,0,.34); }.dark .fp-shop-category-icon { background: #432362; color: #d8adff; }.dark .fp-shop-category-name { color: #faf7ff; }.dark .fp-shop-category-copy { color: #c4b0d5; }.dark .fp-shop-category-arrow { color: #d5a7ff; }
@media (max-width: 600px) { .fp-shop-categories { padding-top: 22px; }.fp-shop-categories-head h2 { font-size: 1.2rem; }.fp-shop-categories-head a { font-size: .65rem; }.fp-shop-categories-track { gap: 10px; }.fp-shop-category-card { flex-basis: 174px; min-height: 118px; padding: 15px; }.fp-shop-category-icon { width: 36px; height: 36px; margin-bottom: 9px; border-radius: 9px; }.fp-shop-category-name { font-size: .8rem; }.fp-shop-category-copy { font-size: .6rem; }.fp-shop-category-arrow { inset-inline-end: 13px; bottom: 14px; width: 16px; } }

/* Store navigation: expressive in light mode, still compact for daily shopping. */
.store-header-fp { border-bottom-color: #e9e0f2!important; box-shadow: 0 8px 24px rgba(53,18,99,.055)!important; }
.store-nav-row { min-height: 76px!important; gap: 17px!important; }
.store-brand { position: relative; min-width: 116px; padding-inline-end: 16px; color: #32115e; }.store-brand:after { content: ""; position: absolute; inset-inline-end: 0; width: 1px; height: 28px; background: #e9def3; }.store-brand img { transition: transform .24s ease; }.store-brand:hover img { transform: rotate(-3deg) scale(1.04); }.store-brand > span { color: #351161; font-size: 1.08rem; font-weight: 800; }
.store-main-nav { gap: 3px; padding: 4px; border: 1px solid #ece4f5; border-radius: 9px; background: #faf8fd; }.store-main-nav a { position: relative; min-width: 60px; justify-content: center; height: 34px!important; padding: 0 11px!important; border-radius: 6px!important; color: #6b5c7c!important; font-size: .73rem!important; }.store-main-nav a:hover { color: #55209a!important; background: #f0e7fa!important; }.store-main-nav a.is-active { color: #fff!important; background: #5920a1!important; box-shadow: 0 6px 13px rgba(78,24,145,.22); }
.store-search { max-width: 450px!important; margin-inline: auto!important; }.store-search .input { height: 43px!important; border-color: #e2d3f1!important; border-radius: 10px!important; background: #fbfaff!important; color: #432064!important; font-size: .77rem!important; transition: border-color .2s ease, box-shadow .2s ease, background .2s ease; }.store-search .input:focus { background: #fff!important; border-color: #a56bdd!important; box-shadow: 0 0 0 4px rgba(126,62,201,.12)!important; }.store-search > form > svg { color: #7b52a8!important; }
.store-actions { gap: 5px!important; padding: 4px; border: 1px solid #eee6f5; border-radius: 10px; background: #fff; box-shadow: 0 5px 15px rgba(55,18,101,.045); }.store-actions > .btn-ghost, .store-theme-toggle { width: 34px!important; height: 34px!important; border-radius: 7px!important; }.store-actions > .btn-ghost:hover, .store-theme-toggle:hover { background: #f2eafa!important; color: #5920a1!important; }.store-actions .relative > button { height: 34px!important; padding-inline: 8px!important; border-radius: 7px!important; color: #654d7d!important; font-size: .7rem!important; }.store-actions .relative > button:hover { background: #f2eafa!important; color: #5920a1!important; }
.store-signin { min-height: 34px!important; padding-inline: 11px!important; border-color: #ddccf1!important; border-radius: 7px!important; color: #58209e!important; background: #fbf9fe!important; font-size: .7rem!important; }.store-signin:hover { background: #f1e8fa!important; border-color: #b98be5!important; }.store-cart-button { min-height: 38px!important; padding-inline: 13px!important; border-radius: 8px!important; background: #58209f!important; border-color: #58209f!important; box-shadow: 0 8px 17px rgba(78,24,145,.22)!important; transition: transform .2s ease, background .2s ease, box-shadow .2s ease!important; }.store-cart-button:hover { background: #42167e!important; box-shadow: 0 11px 21px rgba(78,24,145,.3)!important; transform: translateY(-2px); }.store-cart-button .cart-count { min-width: 19px!important; height: 19px!important; color: #5920a1!important; background: #fff!important; }
html.dark .store-brand:after { background: #553575; }.dark .store-brand > span { color: #fff; }.dark .store-main-nav { background: #281641; border-color: #543574; }.dark .store-main-nav a { color: #c9b7d9!important; }.dark .store-main-nav a:hover { background: #41235f!important; color: #fff!important; }.dark .store-main-nav a.is-active { background: #8143c9!important; box-shadow: 0 6px 14px rgba(0,0,0,.28); }.dark .store-search .input { background: #281641!important; border-color: #583979!important; color: #f7f2ff!important; }.dark .store-search .input:focus { background: #2f1b4c!important; border-color: #a46be0!important; box-shadow: 0 0 0 4px rgba(169,105,231,.15)!important; }.dark .store-actions { background: #25143e; border-color: #513271; box-shadow: none; }.dark .store-actions > .btn-ghost:hover, .dark .store-theme-toggle:hover, .dark .store-actions .relative > button:hover { background: #422360!important; color: #fff!important; }.dark .store-cart-button { background: #8244ca!important; border-color: #8244ca!important; }.dark .store-cart-button:hover { background: #9a5ce3!important; }
@media (max-width: 1023px) { .store-nav-row { min-height: 66px!important; gap: 8px!important; }.store-brand { min-width: auto; padding-inline-end: 0; }.store-brand:after { display: none; }.store-actions { margin-inline-start: auto; }.store-search { margin-inline: 0!important; } }
@media (max-width: 600px) { .store-actions { padding: 2px; gap: 2px!important; border: 0; background: transparent; box-shadow: none; }.store-cart-button { min-height: 35px!important; padding-inline: 10px!important; }.store-nav-row { min-height: 61px!important; } }

/* Newsletter belongs to the footer: useful, compact, and out of the product flow. */
.store-footer-newsletter { display: flex; align-items: center; justify-content: space-between; gap: 26px; margin-top: 30px; padding: 20px 22px; border: 1px solid rgba(221,194,246,.22); border-radius: 10px; background: #2f174e; }
.store-footer-newsletter-copy { display: flex; align-items: center; gap: 13px; }.store-footer-newsletter-copy > span { display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px; border-radius: 9px; color: #e6c8ff; background: #482573; }.store-footer-newsletter-copy > span svg { width: 18px; }.store-footer-newsletter-copy h3 { margin: 0 0 3px; color: #fff; font-size: .9rem; font-weight: 800; }.store-footer-newsletter-copy p { margin: 0; color: #cdb9e2!important; font-size: .68rem; }
.store-footer-newsletter-form { display: flex; flex: 0 1 420px; align-items: center; gap: 7px; position: relative; }.store-footer-newsletter-form input { min-width: 0; flex: 1; height: 38px; padding: 0 12px; border: 1px solid #5d3a81; border-radius: 7px; background: #24103d; color: #fff; font-size: .7rem; outline: none; }.store-footer-newsletter-form input::placeholder { color: #b9a5d0; }.store-footer-newsletter-form input:focus { border-color: #c389ff; box-shadow: 0 0 0 3px rgba(194,130,249,.15); }.store-footer-newsletter-form button { display: inline-flex; align-items: center; justify-content: center; gap: 5px; height: 38px; padding: 0 13px; border: 0; border-radius: 7px; color: #3c126f; background: #fff; font-size: .7rem; font-weight: 800; }.store-footer-newsletter-form button:hover { background: #e8d3ff; }.store-footer-newsletter-form button svg { width: 15px; }.store-footer-newsletter-form #newsletterMsg { position: absolute; top: 41px; inset-inline-start: 0; color: #f5eaff; font-size: .64rem; }
@media (max-width: 760px) { .store-footer-newsletter { align-items: stretch; flex-direction: column; gap: 15px; padding: 18px; }.store-footer-newsletter-form { flex-basis: auto; width: 100%; }.store-footer-newsletter-copy { align-items: flex-start; } }
@media (max-width: 440px) { .store-footer-newsletter-form { flex-wrap: wrap; }.store-footer-newsletter-form input { flex-basis: 100%; }.store-footer-newsletter-form button { width: 100%; }.store-footer-newsletter-form #newsletterMsg { position: static; width: 100%; } }