:root {
      --seva-primary: #2a085f;
      --seva-accent: #b799e3;
      --seva-text: #111827;
      --seva-text-soft: #61697a;
      --seva-bg: #fcfbff;
      --seva-surface: #ffffff;
      --seva-border: #ece8f5;
      --seva-shadow: 0 18px 45px rgba(42, 8, 95, 0.08);
      --seva-shadow-soft: 0 10px 30px rgba(42, 8, 95, 0.05);
    }

    body {
      background: var(--seva-bg);
      color: var(--seva-text);
      font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
      -webkit-font-smoothing: antialiased;
      text-rendering: optimizeLegibility;
    }

    html[lang="ar"] body,
    html.lang-ar body,
    body.lang-ar,
    .lang-ar {
      font-family: "Cairo", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    }

    .store-shell {
      min-height: 100vh;
      background:
        radial-gradient(circle at top right, rgba(183,153,227,0.10), transparent 20%),
        linear-gradient(180deg, #fcfbff 0%, #f8f6fd 100%);
    }

    .store-navbar {
      background: rgba(255, 255, 255, 0.92);
      backdrop-filter: blur(14px);
      border-bottom: 1px solid var(--seva-border);
      position: sticky;
      top: 0;
      z-index: 50;
    }

    .store-brand {
      font-weight: 800;
      font-size: 1.45rem;
      letter-spacing: -0.045em;
      color: var(--seva-text);
      text-decoration: none;
    }

    .store-brand:hover {
      color: var(--seva-text);
    }

    .store-brand-accent {
      color: var(--seva-primary);
    }

    .store-back-link {
      color: var(--seva-text-soft);
      text-decoration: none;
      font-weight: 500;
    }

    .store-back-link:hover {
      color: var(--seva-primary);
    }

    .btn-seva-primary {
      background: var(--seva-primary);
      color: #fff;
      border: 1px solid var(--seva-primary);
      border-radius: 999px;
      padding: 0.72rem 1.15rem;
      font-weight: 600;
      transition: .22s ease;
      box-shadow: 0 10px 22px rgba(42, 8, 95, 0.12);
    }

    .btn-seva-primary:hover {
      background: #3a0d82;
      border-color: #3a0d82;
      color: #fff;
      transform: translateY(-1px);
    }

    .btn-seva-outline {
      background: #fff;
      color: var(--seva-text);
      border: 1px solid #d8d9df;
      border-radius: 999px;
      padding: 0.72rem 1.15rem;
      font-weight: 500;
      transition: .22s ease;
    }

    .btn-seva-outline:hover {
      color: var(--seva-primary);
      border-color: var(--seva-accent);
      background: #faf7ff;
      transform: translateY(-1px);
    }

    .store-cart-btn {
      border-radius: 999px;
    }

    .store-section-title {
      font-size: clamp(1.6rem, 3vw, 2.3rem);
      font-weight: 800;
      letter-spacing: -0.04em;
      color: var(--seva-text);
      margin-bottom: 0.6rem;
    }

    .store-section-subtitle {
      color: var(--seva-text-soft);
      line-height: 1.8;
      margin-bottom: 0;
    }

    .store-hero {
      position: relative;
      overflow: hidden;
      background:
        radial-gradient(circle at top right, rgba(183,153,227,0.18), transparent 24%),
        linear-gradient(135deg, #ffffff 0%, #fcfbff 55%, #f7f2ff 100%);
      border: 1px solid var(--seva-border);
      border-radius: 32px;
      padding: 2.2rem;
      margin-bottom: 1.75rem;
      box-shadow: var(--seva-shadow-soft);
    }

    .store-hero::after {
      content: "";
      position: absolute;
      top: -40px;
      right: -30px;
      width: 220px;
      height: 220px;
      background: radial-gradient(circle, rgba(183,153,227,0.26), transparent 65%);
      pointer-events: none;
    }

    .store-hero-chip {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      border-radius: 999px;
      padding: 10px 14px;
      background: #f4effd;
      border: 1px solid #e7dafb;
      color: var(--seva-primary);
      font-size: 0.82rem;
      font-weight: 700;
      letter-spacing: 0.04em;
      margin-bottom: 1rem;
    }

    .store-hero-subtitle {
      color: var(--seva-text-soft);
      margin-bottom: 0;
      line-height: 1.8;
      max-width: 680px;
    }

    .store-hero-side {
      height: 100%;
      min-height: 220px;
      border-radius: 26px;
      background:
        linear-gradient(145deg, rgba(42,8,95,0.98), rgba(183,153,227,0.92));
      padding: 20px;
      color: #fff;
      box-shadow: 0 24px 50px rgba(42, 8, 95, 0.16);
      position: relative;
      overflow: hidden;
    }

    .store-hero-side::before {
      content: "";
      position: absolute;
      inset: 0;
      background:
        radial-gradient(circle at 25% 25%, rgba(255,255,255,0.12), transparent 20%),
        radial-gradient(circle at 80% 30%, rgba(255,255,255,0.10), transparent 18%),
        radial-gradient(circle at 70% 85%, rgba(255,255,255,0.08), transparent 20%);
      pointer-events: none;
    }

    .store-hero-side-content {
      position: relative;
      z-index: 2;
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
    }

    .store-hero-side-label {
      font-size: 0.8rem;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      opacity: 0.85;
      margin-bottom: 10px;
    }

    .store-hero-side-title {
      font-size: 1.35rem;
      font-weight: 800;
      letter-spacing: -0.03em;
      line-height: 1.2;
      margin-bottom: 0.75rem;
    }

    .store-hero-side-text {
      color: rgba(255,255,255,0.84);
      line-height: 1.7;
      margin-bottom: 0;
      max-width: 320px;
    }

    .store-meta-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 14px;
      margin-top: 1.5rem;
    }

    .store-meta-card {
      background: rgba(255,255,255,0.78);
      border: 1px solid var(--seva-border);
      border-radius: 18px;
      padding: 14px 16px;
      text-align: left;
    }

    .store-meta-label {
      color: var(--seva-text-soft);
      font-size: 0.8rem;
      margin-bottom: 4px;
    }

    .store-meta-value {
      color: var(--seva-text);
      font-weight: 700;
    }

    .store-toolbar {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 14px;
      flex-wrap: wrap;
      margin-bottom: 1.2rem;
    }

    .store-toolbar-note {
      color: var(--seva-text-soft);
      font-size: 0.95rem;
      margin: 0;
    }

    .product-card {
      border: 1px solid var(--seva-border);
      border-radius: 26px;
      background: #ffffff;
      overflow: hidden;
      height: 100%;
      box-shadow: 0 8px 24px rgba(42, 8, 95, 0.04);
      transition: .22s ease;
    }

    .product-card:hover {
      transform: translateY(-4px);
      box-shadow: 0 18px 36px rgba(42, 8, 95, 0.08);
      border-color: #d8c6f5;
    }

    .product-card-media {
      background: linear-gradient(180deg, #f7f5fb 0%, #f2eef8 100%);
      aspect-ratio: 1 / 1;
      display: flex;
      align-items: center;
      justify-content: center;
      overflow: hidden;
      position: relative;
    }

    .product-card-media img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    .product-card-placeholder {
      font-size: 2rem;
      color: #9ca3af;
    }

    .product-card-body {
      padding: 1.15rem;
    }

    .product-type-badge {
      font-size: 0.74rem;
      border-radius: 999px;
      background: #f4effd;
      color: var(--seva-primary);
      padding: 0.38rem 0.72rem;
      display: inline-block;
      margin-bottom: 0.8rem;
      font-weight: 700;
    }

    .product-title {
      font-size: 1.08rem;
      font-weight: 800;
      letter-spacing: -0.02em;
      margin-bottom: 0.45rem;
      color: var(--seva-text);
    }

    .product-description {
      color: var(--seva-text-soft);
      font-size: 0.93rem;
      min-height: 50px;
      margin-bottom: 1rem;
      line-height: 1.75;
    }

    .price-box {
      border: 1px solid var(--seva-border);
      border-radius: 18px;
      padding: 0.95rem;
      margin-bottom: 0.85rem;
      background: linear-gradient(135deg, #ffffff 0%, #fcfbff 100%);
    }

    .price-main {
      font-size: 1rem;
      font-weight: 800;
      color: var(--seva-primary);
    }

    .price-base {
      font-size: 0.82rem;
      color: var(--seva-text-soft);
    }

    .store-empty {
      border: 1px dashed #d7d9e0;
      border-radius: 26px;
      background: #ffffff;
      padding: 3rem 2rem;
      text-align: center;
      color: var(--seva-text-soft);
      box-shadow: var(--seva-shadow-soft);
    }

    .store-empty-title {
      font-size: 1.35rem;
      font-weight: 800;
      letter-spacing: -0.03em;
      color: var(--seva-text);
      margin-bottom: 0.75rem;
    }

    .store-alert {
      border-radius: 18px;
      border: 1px solid var(--seva-border);
    }

    @media (max-width: 991.98px) {
      .store-meta-grid {
        grid-template-columns: 1fr;
      }

      .store-hero-side {
        min-height: 180px;
      }
    }

    @media (max-width: 767.98px) {
      .store-hero {
        padding: 1.4rem;
        border-radius: 26px;
      }

      .store-brand {
        font-size: 1.28rem;
      }

      .store-back-link {
        display: none;
      }
    }

    @media (min-width: 992px) {

  html {
    zoom: 0.85;
  }
}

.badge{
  line-height: inherit !important;
}

.store-hero-image{
  width:100%;
  height:100%;
  object-fit:cover;
}

.store-product-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}

.price-old{
  font-size:.84rem;
  color:var(--seva-text-soft);
  text-decoration:line-through;
}

.product-detail-shell{
  margin-top:.5rem;
}

.product-detail-gallery{
  border:1px solid var(--seva-border);
  border-radius:28px;
  overflow:hidden;
  background:#fff;
  box-shadow:var(--seva-shadow-soft);
}

.product-detail-main-image{
  aspect-ratio:1 / 1;
  background:linear-gradient(180deg, #f7f5fb 0%, #f2eef8 100%);
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}

.product-detail-main-image img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.product-detail-info{
  border:1px solid var(--seva-border);
  border-radius:28px;
  background:#fff;
  padding:28px;
  box-shadow:var(--seva-shadow-soft);
  height:100%;
}

.product-detail-badge{
  display:inline-block;
  border-radius:999px;
  background:#f4effd;
  color:var(--seva-primary);
  padding:.4rem .8rem;
  font-size:.78rem;
  font-weight:700;
  margin-bottom:1rem;
}

.product-detail-title{
  font-size:clamp(1.8rem, 4vw, 2.6rem);
  font-weight:800;
  letter-spacing:-.04em;
  margin-bottom:.6rem;
}

.product-detail-text{
  color:var(--seva-text-soft);
  line-height:1.85;
}

.product-detail-price-box{
  border:1px solid var(--seva-border);
  border-radius:20px;
  padding:16px;
  background:linear-gradient(135deg, #ffffff 0%, #fcfbff 100%);
}

.product-detail-price-box + .product-detail-price-box{
  margin-top:12px;
}

.product-detail-meta{
  border-top:1px solid var(--seva-border);
  margin-top:1.5rem;
  padding-top:1.25rem;
}

.product-detail-meta-row{
  display:flex;
  justify-content:space-between;
  gap:12px;
  padding:8px 0;
}

.product-detail-meta-label{
  color:var(--seva-text-soft);
}

.product-detail-meta-value{
  font-weight:700;
  color:var(--seva-text);
  text-align:right;
}

.store-status-hero .store-hero-chip{
  background:#fff4e5;
  border-color:#ffe0b2;
  color:#b45309;
}

@media (max-width: 767.98px){
  .store-product-actions{
    grid-template-columns:1fr;
  }

  .product-detail-info{
    padding:20px;
    border-radius:22px;
  }

  .product-detail-gallery{
    border-radius:22px;
  }
}

/* =========================================================
   Store Cart / Checkout / Success
========================================================= */

.store-checkout-grid{
  display:grid;
  grid-template-columns:repeat(12, minmax(0,1fr));
  gap:1.5rem;
}

.store-checkout-grid .grid-span-4{
  grid-column:span 4;
}

.store-checkout-grid .grid-span-8{
  grid-column:span 8;
}

.store-cart-item-list{
  display:flex;
  flex-direction:column;
  gap:1rem;
}

.store-cart-item-card{
  border:1px solid var(--seva-border);
  border-radius:20px;
  padding:1rem;
  background:#fff;
}

.store-qty-form{
  display:flex;
  align-items:center;
  gap:.5rem;
}

.store-qty-input{
  max-width:84px;
}

.store-summary-card{
  position:sticky;
  top:24px;
}

.store-summary-row{
  display:flex;
  justify-content:space-between;
  gap:12px;
  margin-bottom:.65rem;
}

.store-summary-row.total{
  margin-bottom:1rem;
}

.store-summary-note{
  border:1px solid var(--seva-border);
  border-radius:16px;
  padding:.85rem 1rem;
  background:linear-gradient(180deg,#fff 0%,#fcfbff 100%);
  color:var(--seva-text-soft);
  font-size:.92rem;
}

.store-success-card{
  border:1px solid var(--seva-border);
}

.store-success-icon{
  font-size:3rem;
  color:var(--seva-primary);
  margin-bottom:1rem;
}

.store-success-note{
  border:1px solid var(--seva-border);
  border-radius:18px;
  padding:1rem;
  background:linear-gradient(180deg,#fff 0%,#fcfbff 100%);
  color:var(--seva-text-soft);
}

@media (max-width: 1199.98px){
  .store-checkout-grid .grid-span-4,
  .store-checkout-grid .grid-span-8{
    grid-column:span 12;
  }

  .store-summary-card{
    position:static;
    top:auto;
  }
}

@media (max-width: 767.98px){
  .store-qty-form{
    flex-wrap:wrap;
  }
}