/* ZAYLORA brand layer — loaded after main.css. Unlayered, so it wins over theme layers.
   Palette: Soft Pink #E8A7A7 · Deep Brown #5B2C2C · Mauve #A86F6F · Warm Beige #D9BFA7 · Light Beige #F7E7DC */
:root{
  --zy-brown:#5B2C2C;
  --zy-brown-dark:#451F1F;
  --zy-mauve:#A86F6F;
  --zy-pink:#E8A7A7;
  --zy-beige:#D9BFA7;
  --zy-cream:#F7E7DC;
  --zy-paper:#FFF8F3;
  --zy-ink:#3A1B1B;

  --font-family:'Inter','Cairo',sans-serif;
  --font-heading-family:'Playfair Display','Cairo',serif;

  --color-star:#D49A3A;
  --color-active-star:#D49A3A;
}

body{background:var(--zy-cream);color:var(--zy-ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
html{scroll-behavior:smooth}

/* Section headings: editorial serif for Latin, Cairo for Arabic */
[ui-section] .heading{font-family:var(--font-heading-family);font-weight:800;letter-spacing:-.01em;text-decoration:none}
[ui-section=collections] .heading,[ui-section=products] .heading,
[ui-section=multicolumn] .heading,[ui-section=faqs] .heading,
[ui-section=related-products] .heading{font-size:clamp(26px,3.2vw,40px);line-height:1.2}
[ui-section] .description{opacity:.8}

/* Trust columns: tidy size, no underline */
[ui-block=column] .content .heading{font-family:var(--font-family);font-size:18px;font-weight:800;line-height:1.3;text-decoration:none}
[ui-block=column] .content .description{font-size:14px;line-height:1.6}
[ui-block=column] .media{transition:transform .3s cubic-bezier(.3,.8,.4,1.6)}
[ui-block=column]:hover .media{transform:translateY(-4px) rotate(-4deg)}

/* Announcement bar */
#youcan-section--announcement-bar{background:var(--zy-brown-dark);color:var(--zy-cream)}
[ui-section=announcement-bar]{font-style:normal;font-size:13px;letter-spacing:.02em}

/* Header */
#youcan-section--header{border-bottom:1px solid rgba(91,44,44,.1)}

/* Marquee */
[ui-section=scrolling-banner]{font-weight:700}

/* Cards */
[ui-block=collection] .media,[ui-block=product] .media{
  box-shadow:0 10px 30px rgba(91,44,44,.10);
  transition:transform .3s cubic-bezier(.3,.8,.4,1.4),box-shadow .3s ease;
}
[ui-block=collection]:hover .media,[ui-block=product]:hover .media{transform:translateY(-5px) scale(1.015);box-shadow:0 20px 40px rgba(91,44,44,.2)}
[ui-block=price]{color:var(--zy-brown);font-weight:800}

/* About / FAQ rhythm */
[ui-section=faqs] [ui-slot=container]{max-width:900px;margin-inline:auto}

/* Reviews (bottom of product page) — brand colours */
#reviews{color:var(--zy-ink)}
#reviews .heading{color:var(--zy-brown)}
#reviews .items > li{
  background:var(--zy-paper);
  border:1px solid rgba(168,111,111,.35);
  box-shadow:0 8px 24px rgba(91,44,44,.08);
}

/* Footer: compact, deep brown */
#youcan-section--footer{
  --bg-color:var(--zy-brown-dark) !important;
  --fg-color:var(--zy-cream) !important;
  background:var(--zy-brown-dark);color:var(--zy-cream);
}
#youcan-section--footer a,#youcan-section--footer .brand-name,#youcan-section--footer .title{color:var(--zy-cream)}
#youcan-section--footer .brand-card{min-height:0 !important;height:auto !important;background:rgba(247,231,220,.06) !important;padding:24px !important}
#youcan-section--footer [ui-layout=footer]{align-items:start}

/* WhatsApp bubble */
.zy-wa{transition:transform .2s ease;animation:zy-wa-pulse 3.2s ease-in-out infinite}
.zy-wa:hover{transform:scale(1.08)}
@keyframes zy-wa-pulse{0%,100%{box-shadow:0 8px 22px rgba(37,211,102,.45)}50%{box-shadow:0 8px 34px rgba(37,211,102,.75)}}
@media (max-width:768px){body:has(ui-shop-bar) .zy-wa{inset-block-end:92px !important}}

/* Scroll reveal — only active when JS runs (zy-js), so content is never hidden without JS */
.zy-js [data-zy-reveal]{opacity:0;translate:0 26px;transition:opacity .7s ease,translate .7s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--zy-i,0) * 70ms)}
.zy-js [data-zy-reveal].zy-in{opacity:1;translate:0 0}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .zy-js [data-zy-reveal]{opacity:1;translate:none;transition:none}
  .zy-wa{animation:none}
  *{transition-duration:.01ms !important;animation-duration:.01ms !important;animation-iteration-count:1 !important}
}

/* ===== COD flow: no cart, one strong "buy now" ===== */
.cart-drawer-trigger{display:none !important}

@keyframes zy-cta{0%,100%{transform:translateY(0) scale(1)}35%{transform:translateY(-7px) scale(1.035)}55%{transform:translateY(0) scale(1)}}
@keyframes zy-ring{0%{box-shadow:0 0 0 0 rgba(91,44,44,.45)}70%{box-shadow:0 0 0 16px rgba(91,44,44,0)}100%{box-shadow:0 0 0 0 rgba(91,44,44,0)}}
#express-checkout [ui-slot=button],
ui-shop-bar [ui-slot=button]{
  animation:zy-cta 2.2s ease-in-out infinite,zy-ring 2.2s ease-out infinite;
  font-weight:800;
}
#express-checkout .actions [ui-slot=button]{width:100%}
ui-shop-bar [ui-slot=button]{min-width:150px}
ui-shop-bar [ui-slot=button]:hover,#express-checkout [ui-slot=button]:hover{animation-play-state:paused}

/* ===== Order form (inline on product page) ===== */
#express-checkout{
  background:var(--zy-paper);border:1px solid rgba(168,111,111,.35);border-radius:24px;
  padding:20px 18px;box-shadow:0 14px 34px rgba(91,44,44,.10);
}
.zy-order-head{text-align:center;margin-bottom:14px}
.zy-order-head h3{font-family:var(--font-heading-family);font-size:21px;line-height:1.5;font-weight:800;color:var(--zy-brown);margin:0 0 4px}
.zy-order-head p{font-size:14px;line-height:1.7;margin:0;opacity:.8}
.zy-order-note{font-size:13px;line-height:1.7;text-align:center;opacity:.75;margin:12px 0 0}

/* ===== Product page ===== */
ui-product [ui-block=title]{font-family:var(--font-heading-family);font-weight:800;line-height:1.35}
ui-product .main-media,ui-product .media-container{border-radius:24px;overflow:hidden}
ui-product .main-media{box-shadow:0 18px 44px rgba(91,44,44,.14)}
ui-product [ui-block=feature-list]{margin-block:var(--spacing-16)}

/* Description: breathing room between texts */
[ui-block=description] article{line-height:1.95;font-size:16px}
[ui-block=description] article > * + *{margin-top:16px}
[ui-block=description] article p{margin-block:0 14px}
[ui-block=description] article h1,
[ui-block=description] article h2,
[ui-block=description] article h3,
[ui-block=description] article h4{margin-top:34px;margin-bottom:10px;line-height:1.5}
[ui-block=description] article ul,
[ui-block=description] article ol{padding-inline-start:22px;margin-block:12px}
[ui-block=description] article li{margin-block:8px}
[ui-block=description] article img{border-radius:16px;margin-block:12px}

/* ===== Thank-you page: centered, one column ===== */
[ui-section=thankyou]{
  grid-template-columns:minmax(0,1fr);max-width:720px;margin-inline:auto;gap:32px;
  padding-block:24px;
}
[ui-section=thankyou] .content-area{align-items:center;text-align:center}
[ui-section=thankyou] .content-area .heading{font-family:var(--font-heading-family);font-size:clamp(28px,5vw,40px);line-height:1.3}
.zy-ty-note{
  width:100%;text-align:center;background:#E8A7A7;color:#3A1B1B;border-radius:24px;
  padding:22px 18px;box-shadow:0 14px 34px rgba(91,44,44,.14);
}
.zy-ty-note h2{font-size:22px;line-height:1.5;font-weight:800;color:#5B2C2C;margin:0 0 6px}
.zy-ty-note p{margin:0 0 10px}
.zy-ty-note ul{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-size:15px;text-align:start}
.zy-ty-note li{background:rgba(255,255,255,.55);border-radius:14px;padding:10px 14px}

/* Safety: never let the page shift sideways */
html,body{overflow-x:clip;max-width:100%}

/* ===== Product video ===== */
.zy-video{margin-block:var(--spacing-24);text-align:center}
.zy-video[hidden]{display:none}
.zy-video__title{font-family:var(--font-heading-family);font-size:23px;font-weight:800;color:var(--zy-brown);margin:0 0 14px}
.zy-video__frame{
  position:relative;width:100%;max-width:360px;margin-inline:auto;aspect-ratio:9/16;
  border-radius:24px;overflow:hidden;background:#1d1010;box-shadow:0 20px 48px rgba(91,44,44,.25);
}
.zy-video__frame--wide{max-width:100%;aspect-ratio:16/9}
.zy-video__frame video,.zy-video__frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0;object-fit:cover}

/* ===== Trust row under the order form ===== */
.zy-trust-row{display:grid;gap:12px;margin-block:var(--spacing-16)}
.zy-trust-row__list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.zy-trust-row__list li{
  display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:14px;
  background:var(--zy-paper);border:1px solid rgba(168,111,111,.3);font-weight:700;font-size:14px;color:var(--zy-brown);
}
.zy-eta{margin:0;text-align:center;font-size:14px;line-height:1.7;padding:10px 12px;border-radius:14px;background:#F6DAD3}
.zy-eta[hidden]{display:none}
.zy-wa-ask{
  display:flex;align-items:center;justify-content:center;gap:8px;text-align:center;text-decoration:none;
  padding:12px 16px;border-radius:999px;background:#25D366;color:#fff;font-weight:800;font-size:15px;
  box-shadow:0 10px 24px rgba(37,211,102,.35);transition:transform .2s ease;
}
.zy-wa-ask:hover{transform:translateY(-2px)}