/* NOORAYA – brand layer (black / gold / cream). Loaded after main.css */
:root{
  --nooraya-gold:#B8862B;
  --nooraya-gold-light:#E6C27A;
  --nooraya-ink:#14100A;
  --np-ink:#2B1B0E;
  --np-gold:#B8862B;
  --np-cream:#FBF6EC;
  --np-tint:#F3EAD7;
  --np-line:#E6D8BC;
}
:root:not(#\#):not(#\#){
  --color-background:#FBF6EC;
  --color-surface:#FBF6EC;
  --color-on-background:#2B1B0E;
  --color-on-surface:#2B1B0E;
}
::selection{background:var(--nooraya-gold-light);color:var(--nooraya-ink)}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;background:var(--np-cream)}
img{max-width:100%}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* below-the-fold sections render lazily (faster first paint) */
main>*:not(:first-child),[ui-layout=footer]{content-visibility:auto;contain-intrinsic-size:auto 600px}

/* logo */
.nooraya-logo{display:inline-flex;align-items:center}
.nooraya-logo img{display:block;width:auto!important;height:34px!important;max-width:100%}
[ui-layout=footer] .nooraya-logo img{height:40px!important}
@media (max-width:769px){.nooraya-logo img{height:28px!important}}

/* headings: bolder, Arabic friendly */
[ui-slot=head] .heading,.head-area .heading,[ui-block=content] .heading{font-weight:800;text-transform:none;letter-spacing:0}

/* slideshow (hero) */
[ui-section=slideshow] [ui-slot=carousel] [ui-slot=carousel-item] .content{color:#fff}
[ui-section=slideshow] [ui-slot=carousel] [ui-slot=carousel-item] .content .head .heading{text-transform:none;font-size:calc(38px*var(--font-heading-scale));line-height:1.25;font-weight:800;text-shadow:0 2px 18px rgba(0,0,0,.55)}
[ui-section=slideshow] [ui-slot=carousel] [ui-slot=carousel-item] .content .head .description{font-size:17px;line-height:1.8;text-shadow:0 1px 12px rgba(0,0,0,.6)}
[ui-section=slideshow] [ui-slot=button]{background:linear-gradient(180deg,#E9C677,#B8862B)!important;color:#1b1206!important;border:0!important;font-weight:800!important;text-transform:none!important;height:48px!important;padding-inline:26px!important;border-radius:14px!important}
@media (max-width:769px){[ui-section=slideshow] [ui-slot=carousel] [ui-slot=carousel-item] .content .head .heading{font-size:calc(25px*var(--font-heading-scale))}[ui-section=slideshow] [ui-slot=carousel] [ui-slot=carousel-item] .content .head .description{font-size:14.5px}}
[ui-section=slideshow] .media img,[ui-section=image-with-text] [ui-block=media] img{width:100%;height:100%;object-fit:cover}

/* marquee strip */
[ui-section=promotion-banner] [ui-marquee=item]{font-weight:700;letter-spacing:.01em}
[ui-section=promotion-banner] [ui-marquee=item]::after{content:"✦";margin-inline-start:28px;color:var(--nooraya-gold-light)}

/* feature list */
[ui-section=feature-list] .items-area li{background:#fff;border:1px solid var(--np-line);border-radius:16px;font-weight:700}

/* ---------- product cards ---------- */
[ui-block=product]{background:#fff;border:1px solid var(--np-line);border-radius:18px;padding:10px 10px 14px;gap:10px!important;transition:transform .25s ease,box-shadow .25s ease}
@media (hover:hover){[ui-block=product]:hover{transform:translateY(-3px);box-shadow:0 18px 36px -24px rgba(43,27,14,.55)}}
[ui-block=product] .media{border-radius:14px!important;background:var(--np-tint)}
[ui-block=product] .media>a img{object-fit:cover;width:100%;height:100%}
[ui-block=product] .content .detail .title{font-weight:800;font-size:15px;white-space:normal!important;display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-transform:none}
[ui-block=product] .content .detail .price{font-weight:800;font-size:16px;color:var(--np-ink)}
[ui-block=product] .content .detail .price .compare-at-price{font-weight:600;font-size:13px}
[ui-block=product]>.badge{background:var(--np-ink)!important;color:#F6DFA8!important;border:0!important;border-radius:999px!important;font-weight:800;padding-inline:10px}
.np-card-cta{display:flex;align-items:center;justify-content:center;height:42px;margin-inline:4px;border-radius:12px;background:var(--np-ink);color:#F6DFA8;border:1px solid var(--np-gold);font-weight:800;font-size:14px;text-decoration:none}
@media (max-width:769px){.np-card-cta{height:38px;font-size:13px}}

/* collection highlight / image-with-text */
[ui-section=collection-highlight] .cta,[ui-section=image-with-text] [ui-slot=button]{background:var(--np-ink)!important;color:#F6DFA8!important;border:1px solid var(--np-gold)!important;font-weight:800!important;text-transform:none!important;border-radius:14px!important}

/* faqs */
[ui-section=faqs] details,[ui-section=faqs] [ui-block=faq]{border-radius:14px}

/* footer */
[ui-layout=footer] a{text-decoration:none}

/* toast above sticky bar */
[ui-toast],.toast{z-index:80}
