/* SaaS official theme nakhla 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="nakhla"] {
  --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="nakhla"] .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="nakhla"] .store-sections { gap: var(--v2-section-gap); }
.studio-store[data-theme-generation="2"][data-studio-theme="nakhla"] :is(.t-display, .t-h2) { font-family: var(--v2-heading-font); text-wrap: balance; }
.studio-store[data-theme-generation="2"][data-studio-theme="nakhla"] [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="nakhla"] :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="nakhla"] * { transition: none !important; animation: none !important; } }

/* Nakhla 2.0 — editorial fashion: airy, typographic, portrait imagery. */
.studio-store[data-theme-generation="2"][data-studio-theme="nakhla"] { --v2-heading-font: var(--store-heading-font, Georgia, "Times New Roman", serif); --v2-section-gap: clamp(3.5rem, 8cqw, 6.5rem); letter-spacing: .01em; }
.studio-store[data-theme-generation="2"][data-studio-theme="nakhla"] .theme-v2-ornament[data-ornament="top"] { --v2-ornament-height: 1px; --v2-ornament: var(--store-text); opacity: .15; }
.studio-store[data-theme-generation="2"][data-studio-theme="nakhla"] .studio-header { border-bottom: 0; background: var(--store-background); }
.studio-store[data-theme-generation="2"][data-studio-theme="nakhla"] .studio-header[data-layout="theme"] .studio-header-inner { display: grid; grid-template-columns: 1fr auto 1fr; padding-block: 1.75rem 1.25rem; }
.studio-store[data-theme-generation="2"][data-studio-theme="nakhla"] .studio-header[data-layout="theme"] .studio-brand { grid-column: 2; font-family: var(--v2-heading-font); font-weight: 400; font-size: clamp(1.6rem, 3cqw, 2.3rem); letter-spacing: .28em; text-transform: uppercase; }
.studio-store[data-theme-generation="2"][data-studio-theme="nakhla"] .studio-header[data-layout="theme"] .studio-desktop-navigation { grid-column: 1; grid-row: 1; }
.studio-store[data-theme-generation="2"][data-studio-theme="nakhla"] .studio-header[data-layout="theme"] .studio-desktop-navigation > ul { justify-content: flex-start; }
.studio-store[data-theme-generation="2"][data-studio-theme="nakhla"] .studio-header[data-layout="theme"] .studio-commerce-links { grid-column: 3; justify-content: flex-end; }
.studio-store[data-theme-generation="2"][data-studio-theme="nakhla"] .studio-desktop-navigation a { font-size: .72rem; letter-spacing: .22em; text-transform: uppercase; }
.studio-store[data-theme-generation="2"][data-studio-theme="nakhla"] [data-section-type="hero"] section { border-radius: 0; min-height: min(78vh, 46rem); align-items: flex-end; }
.studio-store[data-theme-generation="2"][data-studio-theme="nakhla"] [data-section-type="hero"] section > div:last-child { max-width: 32rem; margin: 0 0 clamp(1.5rem, 5cqw, 4rem) clamp(1rem, 5cqw, 4rem); padding: 2rem 2.25rem; background: color-mix(in srgb, var(--store-background) 92%, transparent); color: var(--store-text) !important; }
.studio-store[data-theme-generation="2"][data-studio-theme="nakhla"] [data-section-type="hero"] .t-display { font-weight: 400; font-size: clamp(2.4rem, 6cqw, 4.6rem); line-height: .98; letter-spacing: -.01em; }
.studio-store[data-theme-generation="2"][data-studio-theme="nakhla"] .t-h2 { font-weight: 400; font-size: clamp(1.8rem, 3.6cqw, 2.8rem); display: flex; align-items: baseline; gap: 1rem; }
.studio-store[data-theme-generation="2"][data-studio-theme="nakhla"] .t-h2::after { content: ""; flex: 1; height: 1px; background: currentColor; opacity: .18; }
.studio-store[data-theme-generation="2"][data-studio-theme="nakhla"] [data-product-card] { border: 0; box-shadow: none; background: transparent; border-radius: 0; }
.studio-store[data-theme-generation="2"][data-studio-theme="nakhla"] [data-product-card] > a:first-child { aspect-ratio: 4 / 5; border-radius: 0; }
.studio-store[data-theme-generation="2"][data-studio-theme="nakhla"] [data-product-card] img { transition: transform 1.2s cubic-bezier(.2,.7,.1,1); }
.studio-store[data-theme-generation="2"][data-studio-theme="nakhla"] [data-product-card] .t-card-title { font-family: var(--v2-heading-font); font-weight: 400; font-size: 1rem; }
.studio-store[data-theme-generation="2"][data-studio-theme="nakhla"] [data-product-card] > div { padding-inline: 0; gap: .35rem; }
.studio-store[data-theme-generation="2"][data-studio-theme="nakhla"] [data-product-card] button { background: transparent; color: var(--store-text); border: 1px solid currentColor; border-radius: 0; font-size: .72rem; letter-spacing: .18em; text-transform: uppercase; }
.studio-store[data-theme-generation="2"][data-studio-theme="nakhla"] .studio-footer { border-top: 1px solid color-mix(in srgb, var(--store-text) 12%, transparent); }
.studio-store[data-theme-generation="2"][data-studio-theme="nakhla"] .store-profile-bottom { font-size: .72rem; letter-spacing: .18em; text-transform: uppercase; }

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

@container (max-width: 520px) { .studio-store[data-theme-generation="2"][data-studio-theme="nakhla"] .studio-header[data-layout] .studio-brand { letter-spacing: .14em; font-size: 1.1rem; }
  .studio-store[data-theme-generation="2"][data-studio-theme="nakhla"] .studio-header[data-layout="theme"] .studio-header-inner { display: flex; padding-block: 1rem; } }
