/* TAQA STORE V237 — Desktop typography polish + real loading splash */
:root{
  --v237-green:#4df27c;
  --v237-green-soft:rgba(77,242,124,.12);
  --v237-ink:#f6f8f6;
  --v237-muted:#98a49d;
  --v237-surface:#0b100d;
  --v237-line:rgba(255,255,255,.075);
  --v237-radius:18px;
}

/* ===== SPLASH / PRELOADER ===== */
.taqa-splash{
  position:fixed;inset:0;z-index:2147483000;
  display:grid;place-items:center;
  background:rgba(2,6,4,.66);
  -webkit-backdrop-filter:blur(18px) saturate(.78);
  backdrop-filter:blur(18px) saturate(.78);
  opacity:1;visibility:visible;
  transition:opacity .42s cubic-bezier(.2,.75,.25,1),visibility .42s step-end;
}
.taqa-splash::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(circle at 50% 46%,rgba(77,242,124,.10),transparent 26rem),linear-gradient(180deg,rgba(2,6,4,.12),rgba(2,6,4,.48));
}
.taqa-splash__stage{position:relative;z-index:1;width:min(300px,78vw);display:grid;justify-items:center;text-align:center;padding:28px 20px}
.taqa-splash__orbit{position:absolute;top:4px;width:122px;height:122px;border-radius:50%;border:1px solid rgba(77,242,124,.15);box-shadow:0 0 70px rgba(77,242,124,.08);animation:v237Orbit 1.9s ease-in-out infinite}
.taqa-splash__orbit::after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:var(--v237-green);top:11px;left:21px;box-shadow:0 0 18px rgba(77,242,124,.7)}
.taqa-splash__logo{position:relative;width:154px;height:auto;margin-top:30px;filter:drop-shadow(0 10px 30px rgba(0,0,0,.28));animation:v237Logo 1.35s ease-in-out infinite alternate}
.taqa-splash__copy{display:grid;gap:4px;margin-top:28px;font-family:"Tajawal","IBM Plex Sans Arabic",system-ui,sans-serif;color:#fff}
.taqa-splash__copy b{font-size:15px;font-weight:800;letter-spacing:.01em}
.taqa-splash__copy span{font-size:11px;color:#8f9b94;font-weight:600}
.taqa-splash__bar{display:block;width:112px;height:3px;margin-top:16px;border-radius:999px;overflow:hidden;background:rgba(255,255,255,.07)}
.taqa-splash__bar i{display:block;width:42%;height:100%;border-radius:inherit;background:linear-gradient(90deg,transparent,var(--v237-green),transparent);animation:v237Load 1.05s ease-in-out infinite}
.taqa-splash.is-leaving{opacity:0;visibility:hidden;pointer-events:none}
@keyframes v237Orbit{0%,100%{transform:rotate(0deg) scale(.98);opacity:.75}50%{transform:rotate(180deg) scale(1.04);opacity:1}}
@keyframes v237Logo{from{transform:translateY(0);opacity:.92}to{transform:translateY(-3px);opacity:1}}
@keyframes v237Load{0%{transform:translateX(165%)}100%{transform:translateX(-340%)}}
@media (prefers-reduced-motion:reduce){.taqa-splash__orbit,.taqa-splash__logo,.taqa-splash__bar i{animation:none}.taqa-splash{transition-duration:.18s}}

/* ===== TYPOGRAPHY FOUNDATION ===== */
body:not([data-page="admin"]){font-family:"Tajawal","IBM Plex Sans Arabic","Noto Sans Arabic",system-ui,sans-serif!important;font-feature-settings:"kern" 1,"liga" 1;text-rendering:optimizeLegibility}
body:not([data-page="admin"]) button,
body:not([data-page="admin"]) input,
body:not([data-page="admin"]) select,
body:not([data-page="admin"]) textarea{font-family:inherit!important}

/* Desktop is composed as desktop: wider reading rhythm, calmer radii, stronger hierarchy. */
@media (min-width:1024px){
  body:not([data-page="admin"]) .container{width:min(1440px,calc(100% - 72px))!important}
  .v139-desktop-header-inner{width:min(1440px,calc(100% - 72px))!important;height:82px!important}
  .v139-brand{width:158px!important;min-width:158px!important}
  .v235-main-nav{padding:4px!important;border-radius:12px!important;background:rgba(13,18,15,.74)!important}
  .v235-main-nav a{height:42px!important;padding:0 16px!important;font-size:14px!important;font-weight:700!important;letter-spacing:0!important}
  .v235-head-search{height:46px!important;width:min(310px,24vw)!important;border-radius:12px!important;font-size:13px!important}

  .taqa-v235-home{width:min(1440px,calc(100% - 72px))!important;padding-top:34px!important}
  .v235-hero{min-height:650px!important;border-radius:24px!important}
  .v235-hero-grid{min-height:650px!important;grid-template-columns:minmax(0,1.32fr) 380px!important;padding:76px 74px!important;gap:72px!important}
  .v235-hero-copy{max-width:820px!important}
  .v235-kicker{font-size:12px!important;letter-spacing:.1em!important;margin-bottom:20px!important}
  .v235-hero h1{font-size:clamp(54px,4.5vw,76px)!important;line-height:1.08!important;letter-spacing:-.035em!important;font-weight:900!important}
  .v235-hero-copy>p{max-width:720px!important;font-size:18px!important;line-height:1.95!important;font-weight:500!important;color:#b3beb7!important}
  .v235-primary,.v235-secondary{min-height:54px!important;padding-inline:22px!important;border-radius:12px!important;font-size:14px!important;font-weight:800!important}
  .v235-hero-panel{border-radius:18px!important;padding:14px!important;background:rgba(8,12,9,.84)!important}
  .v235-panel-head span{font-size:17px!important}
  .v235-quick-row{padding:15px 11px!important}
  .v235-quick-row b{font-size:14px!important;font-weight:700!important}
  .v235-quick-row small{font-size:12px!important}

  .v235-trust-strip{margin-top:22px!important;margin-bottom:82px!important;border-radius:16px!important}
  .v235-trust-strip article{min-height:98px!important;padding-inline:26px!important}
  .v235-trust-strip b{font-size:14px!important;font-weight:800!important}
  .v235-trust-strip small{font-size:12px!important;line-height:1.55!important}

  .v235-section{margin-top:92px!important}
  .v235-section-head{margin-bottom:30px!important}
  .v235-section-head span{font-size:11px!important;letter-spacing:.12em!important}
  .v235-section-head h2{font-size:clamp(32px,2.6vw,44px)!important;line-height:1.22!important;letter-spacing:-.02em!important;font-weight:900!important}
  .v235-section-head p{font-size:14px!important;line-height:1.9!important;max-width:700px!important}
  .v235-section-head>a{font-size:14px!important}

  .v235-category-grid{gap:16px!important}
  .v235-category-grid>*{min-height:170px!important;border-radius:16px!important;padding:24px!important}
  .v235-featured-grid,.home204-products-grid{gap:18px!important}
  .product-card{border-radius:15px!important}
  .product-card .product-title,.product-title{font-size:15px!important;line-height:1.65!important;font-weight:750!important}
  .product-card .product-price,.product-price{font-size:17px!important;font-weight:900!important}

  /* Catalog: intentional desktop workspace rather than oversized mobile stack. */
  .v229-products-main{width:min(1440px,calc(100% - 72px))!important;margin-inline:auto!important}
  .v229-catalog-layout{grid-template-columns:260px minmax(0,1fr)!important;gap:34px!important;align-items:start!important}
  .v229-products-hero h1,.v235-products-hero h1{font-size:clamp(38px,3.2vw,52px)!important;line-height:1.18!important;font-weight:900!important}
  .v229-products-hero p,.v235-products-hero p{font-size:15px!important;line-height:1.9!important}
  #productsGrid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important}

  /* Product detail: stronger commerce hierarchy on large screens. */
  .v229-product-main{width:min(1440px,calc(100% - 72px))!important;margin-inline:auto!important}
  #productDetail{gap:52px!important}
  #productDetail .detail-panel h1{font-size:clamp(34px,3vw,48px)!important;line-height:1.25!important;font-weight:900!important;letter-spacing:-.018em!important}
  #productDetail .detail-panel p{font-size:15px!important;line-height:1.9!important}
  #productDetail .price-box{font-size:28px!important}

  /* Cart / checkout desktop spacing and typography. */
  body[data-page="cart"] main,body[data-page="checkout"] main{width:min(1380px,calc(100% - 72px))!important;margin-inline:auto!important}
  .v230-cart-hero h1,.v230-checkout-hero h1{font-size:42px!important;line-height:1.2!important;font-weight:900!important}
  .cart-item-title,.checkout-item-title{font-size:15px!important;line-height:1.6!important}
}

/* ===== AUTH DESKTOP REFINEMENT ===== */
@media (min-width:901px){
  .v236-auth .ca-auth-wrap{width:min(1500px,calc(100% - 72px))!important;padding:34px 0!important;grid-template-columns:minmax(0,1.18fr) minmax(460px,.66fr)!important;gap:26px!important}
  .v236-auth .v231-auth-showcase{min-height:760px!important;border-radius:26px!important;padding:52px!important;border-color:rgba(255,255,255,.065)!important;background:linear-gradient(135deg,rgba(77,242,124,.08),transparent 38%),linear-gradient(180deg,#0b110d,#070a08 72%)!important}
  .v236-auth .v231-auth-brand-row img{width:150px!important}
  .v236-auth .v231-auth-copy{max-width:680px!important}
  .v236-auth .v231-auth-copy>span{font-size:11px!important;letter-spacing:.14em!important}
  .v236-auth .v231-auth-copy h2{font-size:clamp(42px,4vw,62px)!important;line-height:1.14!important;letter-spacing:-.025em!important;font-weight:900!important;margin-top:14px!important}
  .v236-auth .v231-auth-copy p{font-size:16px!important;line-height:2!important;max-width:650px!important;color:#a6b2aa!important}
  .v236-auth .v231-auth-points{gap:12px!important}
  .v236-auth .v231-auth-point{padding:18px!important;border-radius:14px!important}
  .v236-auth .v231-auth-point b{font-size:14px!important;font-weight:800!important}
  .v236-auth .v231-auth-point small{font-size:12px!important;line-height:1.6!important}

  .v236-auth .ca-auth-card{padding:48px 52px!important;border-radius:26px!important;background:#0a0f0b!important;border-color:rgba(255,255,255,.07)!important;box-shadow:0 28px 70px rgba(0,0,0,.28)!important}
  .v236-auth .auth-card-header-v215{margin-bottom:34px!important}
  .v236-auth .auth-card-logo-v215{width:126px!important}
  .v236-auth .auth-title-mini{margin-bottom:26px!important}
  .v236-auth .auth-title-mini b{font-size:34px!important;font-weight:900!important;line-height:1.22!important}
  .v236-auth .auth-title-mini>span{font-size:14px!important;line-height:1.85!important}
  .v236-auth .auth-tabs{margin-bottom:26px!important;border-radius:12px!important}
  .v236-auth .auth-tabs button{font-size:13px!important;font-weight:800!important}
  .v236-auth .form-field label{font-size:13px!important;font-weight:700!important;margin-bottom:9px!important}
  .v236-auth .auth-input-shell-v213,.v236-auth .form-field>input{min-height:56px!important;border-radius:12px!important}
  .v236-auth .auth-input-shell-v213 input,.v236-auth .form-field>input{font-size:15px!important}
  .v236-auth .auth-confidence-v213>div{border-radius:11px!important;padding:13px!important}
  .v236-auth .auth-confidence-v213 b{font-size:12px!important}
  .v236-auth .auth-confidence-v213 small{font-size:11px!important}
  .v236-auth .cta,.v236-auth .auth-primary-v213{min-height:56px!important;border-radius:12px!important;font-size:15px!important}
}

/* Preserve the deliberate mobile compositions from V234/V236. */
@media (max-width:900px){
  .taqa-splash{-webkit-backdrop-filter:blur(14px) saturate(.82);backdrop-filter:blur(14px) saturate(.82)}
  .taqa-splash__logo{width:132px}
  .taqa-splash__orbit{width:108px;height:108px}
  .taqa-splash__copy{margin-top:24px}
}