/* SaaS official theme rawda 2.0 — loaded only for stores on this theme's 2.0 generation.
   Colours come from the store's own tokens (--store-*), so merchant colour, font,
   corner and header/footer choices keep precedence over the theme's defaults. */
.studio-store[data-theme-generation="2"][data-studio-theme="rawda"] {
  --v2-heading-font: var(--store-heading-font, var(--store-font-family, system-ui));
  --v2-section-gap: 3rem;
  font-feature-settings: "kern", "liga";
  -webkit-font-smoothing: antialiased;
}
.studio-store[data-theme-generation="2"][data-studio-theme="rawda"] .theme-v2-ornament { display: block; height: var(--v2-ornament-height, 0); background: var(--v2-ornament, none); }
.studio-store[data-theme-generation="2"][data-studio-theme="rawda"] .store-sections { gap: var(--v2-section-gap); }
.studio-store[data-theme-generation="2"][data-studio-theme="rawda"] :is(.t-display, .t-h2) { font-family: var(--v2-heading-font); text-wrap: balance; }
.studio-store[data-theme-generation="2"][data-studio-theme="rawda"] [data-product-card] .t-card-title { white-space: normal; overflow: visible; text-overflow: clip; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.studio-store[data-theme-generation="2"][data-studio-theme="rawda"] :is(a, button):focus-visible { outline: 2px solid var(--store-accent, currentColor); outline-offset: 3px; }
@media (prefers-reduced-motion: reduce) { .studio-store[data-theme-generation="2"][data-studio-theme="rawda"] * { transition: none !important; animation: none !important; } }

/* Rawda 2.0 — beauty and care: soft gradients, arches, gentle rhythm. */
.studio-store[data-theme-generation="2"][data-studio-theme="rawda"] { --v2-heading-font: var(--store-heading-font, "Trebuchet MS", Arial, sans-serif); --v2-section-gap: clamp(3rem, 6cqw, 5rem);
  background-image: radial-gradient(60rem 30rem at 100% 0%, color-mix(in srgb, var(--store-accent) 16%, transparent), transparent 70%), radial-gradient(50rem 30rem at 0% 40%, color-mix(in srgb, var(--store-primary) 10%, transparent), transparent 70%); }
.studio-store[data-theme-generation="2"][data-studio-theme="rawda"] .studio-header { border-bottom: 0; background: color-mix(in srgb, var(--store-surface) 80%, transparent); backdrop-filter: blur(10px); }
.studio-store[data-theme-generation="2"][data-studio-theme="rawda"] .studio-header[data-layout="theme"] .studio-header-inner { justify-content: center; flex-direction: column; gap: .5rem; }
.studio-store[data-theme-generation="2"][data-studio-theme="rawda"] .studio-brand { font-weight: 600; font-size: 1.5rem; letter-spacing: .02em; }
.studio-store[data-theme-generation="2"][data-studio-theme="rawda"] .studio-desktop-navigation a { border-radius: 999px; padding-inline: 1rem; }
.studio-store[data-theme-generation="2"][data-studio-theme="rawda"] [data-section-type="hero"] section { border-radius: 999px 999px 2.5rem 2.5rem; min-height: 30rem; justify-content: center; text-align: center; max-width: 64rem; margin-inline: auto; }
.studio-store[data-theme-generation="2"][data-studio-theme="rawda"] [data-section-type="hero"] section > div:last-child { margin-inline: auto; }
.studio-store[data-theme-generation="2"][data-studio-theme="rawda"] [data-section-type="hero"] .t-display { font-weight: 600; font-size: clamp(2rem, 4.8cqw, 3.4rem); }
.studio-store[data-theme-generation="2"][data-studio-theme="rawda"] .t-h2 { font-weight: 600; text-align: center; }
.studio-store[data-theme-generation="2"][data-studio-theme="rawda"] .t-h2::before { content: "✿"; display: block; font-size: .6em; color: var(--store-accent); margin-bottom: .4rem; }
.studio-store[data-theme-generation="2"][data-studio-theme="rawda"] [data-product-card] { border: 0; border-radius: 2rem; background: color-mix(in srgb, var(--store-surface) 85%, transparent); box-shadow: 0 1rem 2.5rem color-mix(in srgb, var(--store-accent) 14%, transparent); text-align: center; }
.studio-store[data-theme-generation="2"][data-studio-theme="rawda"] [data-product-card] > a:first-child { aspect-ratio: 4 / 5; border-radius: 999px 999px 1.5rem 1.5rem; margin: .6rem .6rem 0; }
.studio-store[data-theme-generation="2"][data-studio-theme="rawda"] [data-product-card] > div > div:first-of-type { justify-content: center; }
.studio-store[data-theme-generation="2"][data-studio-theme="rawda"] [data-product-card] button { border-radius: 999px; background: color-mix(in srgb, var(--store-accent) 85%, var(--store-primary)); }

.studio-store[data-theme-generation="2"][data-studio-theme="rawda"][dir="rtl"] { --v2-dir: left; }
