/* WATEEN_VISUAL_IDENTITY_STAGE=1 | visual identity only | header: store-header.css | sections: store-sections.css | page shell: store-page-shell.css | cards: store-product-card.css | flows: store-flow.css | footer: store-footer.css */
:root{
  --w-red:#ff3b4a;
  --w-coral:#ff7b7b;
  --w-teal:#0b5e72;
  --w-teal-2:#083f4d;
  --w-sky:#a9ced6;
  --w-soft:#f7f7f7;
  --w-pink:#fde5e5;
  --w-ink:#16333b;
  --w-shadow:0 14px 38px rgba(8,63,77,.09);
  --r:var(--w-red);
  --r2:var(--w-coral);
  --ink:var(--w-ink);
  --m:#74858a;
  --line:#e4ecee;
  --soft:#fbfefe;
  --g:var(--w-teal);
}
html,body{background:
  radial-gradient(circle at -8% 14%,rgba(255,123,123,.13) 0 115px,transparent 117px),
  radial-gradient(circle at 104% 56%,rgba(169,206,214,.16) 0 150px,transparent 152px),
  #fff;color:var(--w-ink)}
body{min-height:100vh}
::selection{background:rgba(255,59,74,.18);color:var(--w-teal-2)}
.wrap{position:relative}
.hero{position:relative;isolation:isolate;overflow:hidden;min-height:300px;border:1px solid rgba(11,94,114,.11);background:
  linear-gradient(115deg,rgba(255,255,255,.98),rgba(251,254,254,.97) 55%,rgba(253,229,229,.46)),
  #fff;border-radius:30px;padding:34px 38px;box-shadow:var(--w-shadow)}
.hero::before,.hero::after{content:"";position:absolute;border-radius:50%;z-index:-1;pointer-events:none}
.hero::before{width:300px;height:300px;left:-120px;top:-155px;border:28px solid rgba(255,123,123,.20)}
.hero::after{width:340px;height:340px;right:-170px;bottom:-205px;border:30px solid rgba(169,206,214,.28)}
.hero>div:first-child{position:relative;z-index:2;max-width:610px}
.hero small{color:var(--w-teal);font-weight:900;letter-spacing:.2px}
.hero h1{color:var(--w-teal-2);font-size:46px;line-height:1.22;margin:8px 0 10px}
.hero h1 b{color:var(--w-red)}
.hero p{max-width:620px;color:#667b81;font-size:15px;line-height:1.9}
.btn{background:linear-gradient(135deg,var(--w-red),#ff5f6c 62%,var(--w-coral));border-radius:14px;box-shadow:0 9px 22px rgba(255,59,74,.18);transition:.18s}
.btn:hover{transform:translateY(-1px);box-shadow:0 12px 26px rgba(255,59,74,.24)}
.brand-hero-chips{display:flex;gap:7px;flex-wrap:wrap;margin-top:16px}
.brand-hero-chips span{display:inline-flex;align-items:center;gap:5px;border:1px solid rgba(11,94,114,.10);background:rgba(255,255,255,.78);color:var(--w-teal);border-radius:999px;padding:7px 10px;font-size:11px;font-weight:800;box-shadow:0 3px 10px rgba(8,63,77,.05)}
.art.brand-art{width:min(330px,34vw);height:min(250px,30vw);font-size:0;background:url('/wateen-brand-mark.webp') center/contain no-repeat;filter:drop-shadow(0 20px 22px rgba(8,63,77,.12));flex:none}
.d3heroimg{background:#fff;border:1px solid rgba(11,94,114,.10);padding:8px;box-shadow:0 14px 28px rgba(8,63,77,.10)}


@media(max-width:820px),(pointer:coarse){
 .hero{min-height:235px;padding:24px 20px;border-radius:24px}.hero h1{font-size:32px}.hero p{font-size:14px}.art.brand-art{width:120px;height:120px}.brand-hero-chips{gap:5px}.brand-hero-chips span{font-size:10px;padding:6px 8px}}
@media(max-width:520px){.hero{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px}.hero .btn{min-width:118px}.art.brand-art{width:96px;height:96px}.hero::before{width:210px;height:210px}.hero::after{width:230px;height:230px}.brand-hero-chips{grid-column:1/-1}}


/* WATEEN_MOBILE_ARABIC_TEXT_FIX=1 — global Arabic text integrity only; page/card specifics moved to their canonical owners */
html,body{overflow-wrap:normal;word-break:normal}


/* WATEEN_GLOBAL_CANVAS_V1 | shared storefront background and typography */
html{background:var(--wt-color-canvas,#f3f6f8)}
body{
  background:var(--wt-color-canvas,#f3f6f8);
  color:var(--wt-color-text,#1f3b43);
}
h1,h2,h3,h4{color:var(--wt-color-teal-deep,#083f4d)}


/* WATEEN_ACCENT_PANEL_V1 | recurring premium navy panel across storefront */
.hero{
  border-color:rgba(255,255,255,.07);
  background:
    radial-gradient(circle at 14% 18%,rgba(0,164,207,.13),transparent 29%),
    radial-gradient(circle at 87% 78%,rgba(255,41,71,.15),transparent 33%),
    linear-gradient(145deg,var(--wt-color-navy,#06111c),var(--wt-color-navy-soft,#0b2332));
  box-shadow:0 18px 48px rgba(6,17,28,.14);
}
.hero::before,.hero::after{display:none}
.hero small{color:#a9c1ce}
.hero h1{color:#fff}
.hero h1 b{color:var(--wt-color-red,#ff3b4a)}
.hero p{color:#bdcbd3}
.brand-hero-chips span{
  border-color:rgba(255,255,255,.10);
  background:rgba(255,255,255,.055);
  color:#d9e5eb;
  box-shadow:none;
}
.art.brand-art{
  filter:drop-shadow(0 18px 28px rgba(0,0,0,.28));
}