/** Shopify CDN: Minification failed

Line 26:0 All "@import" rules must come first

**/
/* =========================================================
   CALVER — UAE REFERENCE BUILD OVERRIDES
   Loaded after calver-marketplace.css. Retints the existing
   'gold' accent variables to the UAE brand palette (deep green
   primary, red secondary accent) and adds new components:
   trust bar, category card grid, why/payment/delivery block,
   3-zone header, RTL-aware hero. Scoped to .clv- classes only.
   ========================================================= */
:root{
  --clv-gold:#0B6B3A;        /* retint: primary accent is now UAE green */
  --clv-gold-dark:#085C30;
  --clv-red:#CE1126;         /* UAE flag red */
  --clv-green:#0B6B3A;
  --clv-green-dark:#085C30;
  --clv-green-soft:#E9F3EE;
  --clv-flag-red:#CE1126;
  --clv-flag-black:#000000;
  --clv-font-ar:'Cairo', var(--clv-font);
}

@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@500;600;700;800&display=swap');

/* ---------- RTL / Arabic text helpers ---------- */
.clv-ar{
  font-family:var(--clv-font-ar);
  unicode-bidi:plaintext;
  direction:rtl;
  text-align:right;
}
.clv-ar-accent{color:var(--clv-flag-red);}

/* ---------- Header v2: [icons+search] | [logo] | [country] ---------- */
.clv-header__row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;padding:16px 0;}
.clv-header__start{display:flex;align-items:center;gap:10px;justify-self:start;min-width:0;}
.clv-header__start .clv-header__search{flex:1;max-width:420px;margin:0;}
.clv-header__logo{justify-self:center;flex-shrink:0;}
.clv-header__end{justify-self:end;}
@media screen and (max-width:989px){
  .clv-header__row{grid-template-columns:auto 1fr auto;}
  .clv-header__start .clv-header__search{display:none;}
}

/* ---------- Hero v2: three-line headline, red accent line, inline trust row ---------- */
.clv-hero{background:var(--clv-green-soft);}
.clv-hero__content{align-items:flex-start;}
.clv-hero__eyebrow-line{font-size:15px;font-weight:700;color:var(--clv-fg);display:block;}
.clv-hero__accent-line{font-size:15px;font-weight:800;color:var(--clv-flag-red);display:block;margin:2px 0;}
.clv-hero__title.clv-ar{font-size:34px;line-height:1.35;}
.clv-hero__sub-en{font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--clv-muted);margin-top:6px;}
.clv-hero__trustrow{display:flex;flex-wrap:wrap;gap:22px;margin-top:22px;padding-top:18px;border-top:1px solid rgba(11,107,58,.18);width:100%;}
.clv-hero__trustrow .clv-hero__badge{color:var(--clv-fg);}
.clv-hero__trustrow .clv-hero__badge svg{stroke:var(--clv-green);}
.clv-hero__trustrow .clv-hero__badge-title{color:var(--clv-fg);font-size:12px;}
.clv-hero__trustrow .clv-hero__badge-sub{color:var(--clv-muted);}
.clv-hero__flag{position:absolute;top:20px;right:20px;z-index:4;width:46px;height:auto;filter:drop-shadow(0 4px 10px rgba(0,0,0,.35));}
@media screen and (max-width:989px){.clv-hero__flag{width:34px;top:14px;right:14px;}.clv-hero__trustrow{gap:14px;margin-top:16px;padding-top:14px;}}

/* ---------- Trust / benefits bar (green, full width) ---------- */
.clv-trust-bar{background:var(--clv-green);}
.clv-trust-bar__row{display:grid;grid-template-columns:repeat(5,1fr);gap:0;padding:22px 0;}
.clv-trust-bar__item{display:flex;align-items:center;gap:12px;padding:0 18px;border-right:1px solid rgba(255,255,255,.18);color:#fff;}
.clv-trust-bar__item:last-child{border-right:0;}
.clv-trust-bar__item svg{width:26px;height:26px;stroke:#fff;flex-shrink:0;}
.clv-trust-bar__title{font-size:13.5px;font-weight:700;display:block;line-height:1.3;}
.clv-trust-bar__sub{font-size:11.5px;color:rgba(255,255,255,.78);display:block;}
@media screen and (max-width:989px){.clv-trust-bar__row{grid-template-columns:repeat(2,1fr);row-gap:18px;}.clv-trust-bar__item{border-right:0;padding:0 10px;}}
@media screen and (max-width:480px){.clv-trust-bar__row{grid-template-columns:1fr;}}

/* ---------- Category grid (square cards, replaces circle layout) ---------- */
.clv-category-row.clv-category-row--grid{display:grid;grid-template-columns:repeat(6,1fr);grid-auto-flow:row;gap:18px;overflow:visible;padding:4px 2px 8px;}
.clv-category--card{gap:0;background:#fff;border:1px solid var(--clv-border);border-radius:var(--clv-radius-md);overflow:hidden;box-shadow:var(--clv-shadow-sm);transition:box-shadow .2s ease,transform .2s ease;}
.clv-category--card:hover{box-shadow:var(--clv-shadow-md);transform:translateY(-3px);}
.clv-category--card .clv-category__circle{width:100%;height:auto;aspect-ratio:1/1;border-radius:0;border:0;box-shadow:none;background:var(--clv-soft);}
.clv-category--card .clv-category__label{padding:12px 10px 14px;font-size:13.5px;font-weight:700;max-width:none;}
@media screen and (max-width:989px){.clv-category-row.clv-category-row--grid{grid-template-columns:repeat(3,1fr);}}
@media screen and (max-width:480px){.clv-category-row.clv-category-row--grid{grid-template-columns:repeat(2,1fr);gap:12px;}}

/* ---------- Why choose / payment methods / delivery areas ---------- */
.clv-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.clv-info-card{background:var(--clv-soft);border:1px solid var(--clv-border);border-radius:var(--clv-radius-md);padding:26px 24px;}
.clv-info-card__title{font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;margin:0 0 16px;color:var(--clv-fg);}
.clv-info-card ul{list-style:none;margin:0;padding:0;display:grid;gap:10px;}
.clv-info-card li{font-size:13.5px;color:var(--clv-fg);display:flex;align-items:center;gap:8px;}
.clv-info-card li svg{width:16px;height:16px;stroke:var(--clv-green);flex-shrink:0;}
.clv-info-card__payments{display:flex;flex-wrap:wrap;gap:10px;}
.clv-info-card__payments span{display:inline-flex;align-items:center;justify-content:center;height:34px;padding:0 14px;border-radius:8px;background:#fff;border:1px solid var(--clv-border);font-size:12.5px;font-weight:700;color:var(--clv-fg);}
.clv-info-card__cities{font-size:13px;color:var(--clv-muted);line-height:1.9;}
@media screen and (max-width:989px){.clv-info-grid{grid-template-columns:1fr;}}

/* ---------- Footer brand blurb ---------- */
.clv-footer-brand{display:flex;flex-direction:column;gap:10px;}
.clv-footer-brand__logo{font-size:22px;font-weight:800;color:#fff;letter-spacing:.01em;}
.clv-footer-brand__tag{font-size:13px;color:rgba(255,255,255,.65);max-width:260px;}
.clv-footer-brand__flag{font-size:18px;}