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

/* Dana 2.0 — jewellery: gallery quiet, framed pieces, fine type. */
.studio-store[data-theme-generation="2"][data-studio-theme="dana"] { --v2-heading-font: var(--store-heading-font, Georgia, "Times New Roman", serif); --v2-section-gap: clamp(4rem, 9cqw, 7.5rem); }
.studio-store[data-theme-generation="2"][data-studio-theme="dana"] .studio-header { border-bottom: 1px solid color-mix(in srgb, var(--store-text) 8%, transparent); }
.studio-store[data-theme-generation="2"][data-studio-theme="dana"] .studio-header[data-layout="theme"] .studio-header-inner { flex-direction: column; gap: .5rem; padding-block: 2.2rem 1rem; }
.studio-store[data-theme-generation="2"][data-studio-theme="dana"] .studio-header[data-layout="theme"] .studio-brand { font-family: var(--v2-heading-font); font-weight: 400; font-size: clamp(1.4rem, 2.6cqw, 1.9rem); letter-spacing: .5em; text-transform: uppercase; }
.studio-store[data-theme-generation="2"][data-studio-theme="dana"] .studio-desktop-navigation a { font-size: .74rem; letter-spacing: .24em; text-transform: uppercase; opacity: .8; }
.studio-store[data-theme-generation="2"][data-studio-theme="dana"] [data-section-type="hero"] section { border-radius: 0; margin: clamp(.5rem, 2cqw, 1.5rem); outline: 1px solid color-mix(in srgb, var(--store-accent) 60%, transparent); outline-offset: clamp(.5rem, 1.5cqw, 1rem); min-height: min(70vh, 40rem); justify-content: center; text-align: center; }
.studio-store[data-theme-generation="2"][data-studio-theme="dana"] [data-section-type="hero"] section > div:last-child { margin-inline: auto; }
/* Without a photograph the hero is a pale pearl panel, not a colour block: the merchant's primary becomes the ink. */
.studio-store[data-theme-generation="2"][data-studio-theme="dana"] [data-section-type="hero"] section:not(:has(img, video)) { background-color: color-mix(in srgb, var(--store-accent) 9%, var(--store-surface, #fff)) !important; min-height: min(52vh, 30rem); }
.studio-store[data-theme-generation="2"][data-studio-theme="dana"] [data-section-type="hero"] section:not(:has(img, video)) > div:last-child { color: var(--store-text) !important; }
.studio-store[data-theme-generation="2"][data-studio-theme="dana"] [data-section-type="hero"] section:not(:has(img, video)) .t-display { color: color-mix(in srgb, var(--store-primary) 75%, var(--store-text)); }
.studio-store[data-theme-generation="2"][data-studio-theme="dana"] [data-section-type="hero"] section:not(:has(img, video)) [data-cta-inverted="true"] { background: var(--store-primary); color: var(--store-on-primary, #fff); box-shadow: none; }
.studio-store[data-theme-generation="2"][data-studio-theme="dana"] [data-section-type="hero"] .t-display { font-weight: 400; letter-spacing: .06em; font-size: clamp(2.2rem, 5cqw, 3.8rem); }
.studio-store[data-theme-generation="2"][data-studio-theme="dana"] .t-h2 { font-weight: 400; text-align: center; letter-spacing: .3em; text-transform: uppercase; font-size: clamp(.95rem, 1.6cqw, 1.2rem); }
.studio-store[data-theme-generation="2"][data-studio-theme="dana"] .t-h2::after { content: ""; display: block; width: 2.5rem; height: 1px; margin: 1rem auto 0; background: var(--store-accent); }
.studio-store[data-theme-generation="2"][data-studio-theme="dana"] [data-product-card] { border: 1px solid color-mix(in srgb, var(--store-accent) 35%, transparent); border-radius: 0; box-shadow: none; padding: 1rem; text-align: center; background: var(--store-surface); }
.studio-store[data-theme-generation="2"][data-studio-theme="dana"] [data-product-card] > a:first-child { border-radius: 0; background: color-mix(in srgb, var(--store-accent) 6%, var(--store-surface)); }
.studio-store[data-theme-generation="2"][data-studio-theme="dana"] [data-product-card] img { object-fit: contain; padding: 10%; }
.studio-store[data-theme-generation="2"][data-studio-theme="dana"] [data-product-card] .t-card-title { font-family: var(--v2-heading-font); font-weight: 400; letter-spacing: .08em; }
.studio-store[data-theme-generation="2"][data-studio-theme="dana"] [data-product-card] > div > div:first-of-type { justify-content: center; font-weight: 400; letter-spacing: .08em; }
.studio-store[data-theme-generation="2"][data-studio-theme="dana"] [data-product-card] button { background: transparent; border: 0; border-bottom: 1px solid currentColor; color: var(--store-text); border-radius: 0; min-height: 2.5rem; width: auto; margin-inline: auto; letter-spacing: .2em; text-transform: uppercase; font-size: .7rem; }

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

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