/* Lokala Google Fonts. Latin-urvalet omfattar svenska å, ä och ö. */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400 700;
    font-display: swap;
    src: url('../fonts/inter-latin-v20.woff2') format('woff2');
}
@font-face {
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 600 800;
    font-display: swap;
    src: url('../fonts/manrope-latin-v20.woff2') format('woff2');
}
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400 700; font-display: swap; src: url('../fonts/roboto-latin.woff2') format('woff2'); }
@font-face { font-family: 'Alata'; font-style: normal; font-weight: 400; font-display: swap; src: url('../fonts/alata-latin-v12.woff2') format('woff2'); }
@font-face { font-family: 'Aldrich'; font-style: normal; font-weight: 400; font-display: swap; src: url('../fonts/aldrich-latin-v22.woff2') format('woff2'); }
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400 700; font-display: swap; src: url('../fonts/open-sans-latin.woff2') format('woff2'); }
@font-face { font-family: 'Merriweather'; font-style: normal; font-weight: 400 700; font-display: swap; src: url('../fonts/merriweather-latin.woff2') format('woff2'); }
@font-face { font-family: 'Playfair Display'; font-style: normal; font-weight: 400 700; font-display: swap; src: url('../fonts/playfair-display-latin.woff2') format('woff2'); }
@font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 400 800; font-display: swap; src: url('../fonts/montserrat-latin.woff2') format('woff2'); }
@font-face { font-family: 'Oswald'; font-style: normal; font-weight: 400 700; font-display: swap; src: url('../fonts/oswald-latin.woff2') format('woff2'); }
@font-face { font-family: 'Raleway'; font-style: normal; font-weight: 400 800; font-display: swap; src: url('../fonts/raleway-latin.woff2') format('woff2'); }
@font-face { font-family: 'Lobster'; font-style: normal; font-weight: 400; font-display: swap; src: url('../fonts/lobster-latin.woff2') format('woff2'); }
/* Reservvärden. Layout skriver databasens tema som CSS-variabler på html-elementet. */
:root {
    --font-heading: 'Manrope', system-ui, sans-serif;
    --font-body: 'Inter', system-ui, sans-serif;
    --size-caption: .8125rem;
    --size-body: 1rem;
    --size-small: .875rem;
    --size-page-title: 2rem;
    --size-hero-title: 3rem;
    --size-section-title: 1.5rem;
    --size-card-title: 1.125rem;
    --size-logo: 2.3rem;
    --logo-image-height: 3rem;
    --ink: #202d25;
    --muted: color-mix(in srgb, var(--ink) 70%, var(--paper));
    --paper: #f9fafb;
    --surface: #fff;
    --on-dark: #fff;
    --surface-muted: color-mix(in srgb, var(--surface), var(--paper));
    --empty-state-background: #eeeeee;
    --empty-state-ink: #202d25;
    --surface-subtle: var(--surface);
    --neutral-300: color-mix(in srgb, var(--line) 85%, var(--ink));
    --surface-selected: var(--neutral-300);
    --line: #dedfd5;
    --accent: #295d42;
    --accent-hover: color-mix(in srgb, var(--accent) 88%, black);
    --configuration-action: var(--status-progress-text);
    --configuration-action-hover: color-mix(in srgb, var(--configuration-action) 88%, black);
    --neutral-action: var(--ink);
    --neutral-action-hover: color-mix(in srgb, var(--ink) 88%, black);
    --danger: var(--status-error-text);
    --danger-hover: color-mix(in srgb, var(--danger) 85%, black);
    --error: var(--danger);
    --success-surface: var(--status-success-bg);
    --success-ink: var(--status-success-text);
    --error-surface: var(--status-error-bg);
    --status-success-bg: #DCFCE7;
    --status-success-text: #166534;
    --status-progress-bg: #DBEAFE;
    --status-progress-text: #1E40AF;
    --status-pending-bg: #FEF9C3;
    --status-pending-text: #854D0E;
    --status-warning-bg: #FFEDD5;
    --status-warning-text: #9A3412;
    --status-error-bg: #FEE2E2;
    --status-error-text: #991B1B;
    --status-partial-bg: #F3E8FF;
    --status-partial-text: #6B21A8;
    --status-neutral-bg: #F3F4F6;
    --status-neutral-text: #374151;
    --status-transit-bg: #CCFBF1;
    --status-transit-text: #115E59;
    --focus: var(--accent);
    --brand: var(--logo-color, #c97908);
    --radius: .65rem;
    --button-height: 3rem;
    --space-after-page-title: 2rem;
    --space-1: .25rem;
    --space-2: .5rem;
    --space-3: .75rem;
    --space-4: 1rem;
    --space-5: 1.5rem;
    --space-6: 2rem;
    --radius-small: .35rem;
    --radius-round: 999px;
    --shadow-menu: 0 .5rem 1.25rem color-mix(in srgb, var(--ink) 16%, transparent);
    --backdrop: color-mix(in srgb, var(--ink) 45%, transparent);
    --page-background: var(--paper);
    --header-background: linear-gradient(181deg, color-mix(in srgb, var(--ink) 15%, var(--surface)), var(--surface));
    --hero-background: color-mix(in srgb, var(--accent) 10%, var(--surface));
    --rating: var(--brand);
    --menu-background: var(--paper);
    --header-ink: var(--store-header-ink, var(--ink));
    --menu-ink: var(--header-ink);
    --panel-background: var(--surface);
    --panel-ink: var(--ink);
    --dialog-background: var(--paper);
    --dialog-ink: var(--ink);
    --tab-background: color-mix(in srgb, var(--tabs-background, var(--surface)) 50%, transparent);
    --tab-ink: var(--tab-inactive-ink, var(--ink));
    --tab-active-background: var(--tabs-background, var(--surface));
    --tab-active-ink: var(--tabs-ink, var(--ink));
    --table-header-background: var(--surface-muted);
    --table-header-ink: var(--ink);
    --panel-padding: var(--space-4);
    --cell-padding: var(--space-3);
    --field-radius: 0;
    --tab-panel-gap: var(--space-4);
    --dialog-small-width: 34rem;
    --dialog-medium-width: 48rem;
    --dialog-large-width: 74rem;
}
* { box-sizing: border-box; min-width: 0; }
svg[aria-hidden="true"] { width: 1.2rem; height: 1.2rem; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
html { background: var(--surface); }
body { display: flex; flex-direction: column; min-height: 100vh; margin: 0; color: var(--ink); background: var(--page-background, var(--paper)); font: 400 var(--size-body)/1.6 var(--font-body); }
a { color: inherit; text-decoration: none; text-underline-offset: .2em; }
a:hover, a:focus-visible { text-decoration: underline; }
button, input, textarea, select { font: inherit; margin: 0; }
small, sub, sup { font-size: var(--size-small); }
code, kbd, pre, samp { font-family: var(--font-body); font-size: inherit; }
button, .button { display: inline-flex; align-items: center; justify-content: center; height: var(--button-height); min-height: var(--button-height); padding: var(--space-3) var(--space-4); border: 0; border-radius: var(--radius); background: var(--accent); color: var(--accent-ink, var(--surface)); text-decoration: none; white-space: nowrap; cursor: pointer; }
button:hover, .button:hover { background: var(--accent-hover); text-decoration: none; }
button:disabled { opacity: .45; cursor: default; }
.create-button { background: var(--neutral-action); color: var(--on-dark); }
.create-button:hover { background: var(--neutral-action-hover); }
.save-button { background: var(--accent); }
.save-button::before, .create-button::before { display: inline-block; margin-right: var(--space-2); font-weight: 700; line-height: 1; }
.save-button::before { content: "✓"; }
.create-button::before { content: "+"; font-size: var(--size-card-title); }
.button-trailing-icon { margin-left: var(--space-2); stroke-width: 2; }
.save-button.send-button::before { content: none; }
.send-button { display: inline-flex; align-items: center; gap: var(--space-2); }
.run-button { gap: var(--space-2); }
.export-button { gap: var(--space-2); }
.delete-button, .danger-icon-button { background: var(--danger); color: var(--on-dark); }
.delete-button:hover, .danger-icon-button:hover { background: var(--danger-hover); }
.secondary-button { border: 1px solid var(--line); background: var(--surface); color: var(--ink); }
.secondary-button:hover { background: var(--surface-muted); }
.button-secondary { border: 1px solid var(--line); background: var(--surface); color: var(--ink); }
.button-secondary:hover { background: var(--surface-muted); color: var(--ink); }
.edit-button { gap: var(--space-2); }
:focus-visible { outline: 3px solid var(--focus); outline-offset: 3px; }
.container { width: min(1160px, calc(100% - 2.5rem)); margin-inline: auto; }
.site-announcement { padding-block: var(--space-1); background: var(--neutral-action); color: var(--surface); font-size: var(--size-small); line-height: 1.35; text-align: center; }
.site-header { position: sticky; top: 0; z-index: 20; border-bottom: 1px solid var(--line); background: var(--header-background); }
.site-header nav { padding-block: var(--space-3) var(--space-2); }
.nav-primary { display: flex; align-items: center; gap: var(--space-5); }
.site-header nav form { display: flex; align-items: center; }
.site-header a { text-decoration: none; }
.nav-item { display: inline-flex; align-items: center; gap: var(--space-2); }
.nav-auth-action { display: inline-flex; min-height: 0; padding: 0; gap: var(--space-2); border-radius: 0; background: none; color: var(--ink); }
.nav-auth-action:hover { background: none; color: var(--accent); text-decoration: underline; }
.cart-nav-item { flex: 0 0 auto; }
.cart-nav-label { position: relative; }
.cart-count { position: absolute; top: -.6rem; right: -.95rem; display: grid; min-width: 1.35rem; height: 1.35rem; padding-inline: var(--space-1); place-items: center; border-radius: var(--radius-round); background: var(--brand); color: var(--surface); font-size: var(--size-caption); font-weight: 700; line-height: 1; }
.mobile-category-toggle { display: none; width: 2rem; min-height: 2rem; padding: var(--space-1); border-radius: 0; background: transparent; color: var(--ink); }
.mobile-category-toggle:hover { background: transparent; color: var(--accent); }
.mobile-category-toggle svg { width: 1.45rem; height: 1.45rem; }
.site-logo { display: inline-block; margin-right: auto; color: var(--logo-color, var(--brand)); font-family: var(--font-logo, var(--font-heading)); font-size: var(--size-logo); font-weight: var(--font-logo-weight, 700); line-height: 1.2; letter-spacing: -.06em; transform: scale(1.22); transform-origin: left center; }
.site-logo span { color: inherit; }
.storefront .site-logo { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transform: none; }
.storefront .site-logo img { display: block; width: auto; max-width: 100%; height: var(--logo-image-height); object-fit: contain; object-position: left center; }
.storefront .store-wordmark img { display: block; max-width: 100%; width: auto; height: calc(var(--logo-image-height) * 2 / 3); object-fit: contain; object-position: left center; }
.storefront .site-logo, .storefront .store-wordmark { color: var(--logo-color, var(--accent)); font-family: var(--font-logo, 'Manrope', system-ui, sans-serif); font-weight: var(--font-logo-weight, 800); letter-spacing: normal; }
.storefront .site-footer-brand { width: auto; justify-self: stretch; }
.storefront .site-footer-brand h2 { align-items: flex-start; white-space: normal; }
.storefront .site-footer-brand h2 svg { flex-shrink: 0; }
.storefront .store-wordmark { overflow-wrap: anywhere; }
.site-themed :is(h1, h2, h3, h4, h5, h6) { color: var(--heading-ink); }
.site-themed .site-footer { background: var(--store-header); color: var(--store-header-ink); }
.site-themed .category-navigation { background: var(--menu-background); color: var(--menu-ink); }
.site-themed .site-header { background: var(--header-background); color: var(--header-ink); }
.site-themed .site-announcement { background: var(--announcement-background); color: var(--announcement-ink); }
.site-themed .category-menu-toggle, .site-themed .category-navigation .nav-auth-action, .site-themed .site-header :is(.nav-auth-action, .mobile-category-toggle) { color: inherit; }
.site-themed .category-navigation-item > a:hover { color: inherit; text-decoration: underline; }
.site-themed .category-submenu { color: var(--ink); }
.site-themed .site-footer :is(h2, nav a, h2 svg) { color: var(--store-header-ink); stroke: currentColor; }
.site-themed .ztore-verification-icon:not(.is-invalid) { color: var(--status-success-text); }
@media (max-width: 700px) {
.storefront .site-logo img { height: min(var(--logo-image-height), 2rem); }
}
.storefront .site-announcement { overflow-wrap: anywhere; }
.category-navigation { position: relative; z-index: 10; border-bottom: 1px solid var(--line); background: var(--paper); }
.category-navigation-row { display: flex; align-items: stretch; gap: var(--space-4); min-height: var(--button-height); }
.platform-navigation .category-navigation-list { display: flex; }
.category-navigation-auth form { display: flex; }
.category-navigation-list { display: flex; flex: 1 1 auto; align-items: stretch; justify-content: flex-start; gap: clamp(var(--space-2), 1.4vw, var(--space-5)); padding-block: 0; white-space: nowrap; }
.category-navigation-auth { display: flex; flex: 0 0 auto; align-items: center; justify-content: flex-end; white-space: nowrap; }
.category-navigation-auth .nav-item { display: inline-flex; align-items: center; gap: var(--space-2); }
.category-navigation-item { position: relative; display: flex; align-items: center; padding-block: var(--space-1); }
.category-navigation a { flex: 0 0 auto; font: 400 var(--size-body)/1.6 var(--font-body); text-decoration: none; }
.category-navigation a:hover, .category-navigation a:focus-visible { color: var(--accent); text-decoration: none; }
.category-menu-toggle { width: 1.35rem; min-height: 1.35rem; margin-left: var(--space-1); padding: var(--space-1); border-radius: 0; background: transparent; color: var(--muted); transition: color .16s ease, transform .16s ease; }
.category-menu-toggle:hover { background: transparent; color: var(--accent); }
.category-navigation-item.is-open > .category-menu-toggle, .category-navigation-item:hover > .category-menu-toggle { transform: rotate(180deg); }
.category-menu-toggle svg, .category-submenu-toggle svg { width: 1rem; height: 1rem; stroke-width: 2; }
.category-submenu { position: absolute; top: 100%; left: -.7rem; z-index: 30; display: block; min-width: 16rem; max-height: min(72vh, 44rem); margin: 0; padding: var(--space-2); overflow-y: auto; border: 1px solid var(--line); border-radius: 0 0 var(--radius-small) var(--radius-small); background: var(--surface); list-style: none; white-space: normal; opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(-.45rem); transition: opacity .16s ease, visibility .16s ease, transform .16s ease; }
.category-navigation-item:where(:nth-child(n+3)):nth-last-child(-n+2) > .category-submenu { right: -.7rem; left: auto; }
.category-navigation-item > .category-submenu:has(.category-submenu-nested) { max-height: none; overflow: visible; }
.category-navigation-item:hover > .category-submenu, .category-navigation-item:focus-within > .category-submenu, .category-navigation-item.is-open > .category-submenu { opacity: 1; visibility: visible; pointer-events: auto; transform: translateY(0); }
.category-submenu li { position: relative; display: flex; align-items: stretch; border-bottom: 1px solid var(--line); }
.category-submenu li:last-child { border-bottom: 0; }
.category-submenu a { flex: 1 1 auto; padding: var(--space-2) 2.2rem var(--space-2) var(--space-3); color: var(--ink); font-weight: 400; line-height: 1.25; }
.category-submenu a:hover, .category-submenu a:focus-visible, .category-submenu li:hover > a { color: var(--accent); background: var(--surface-muted); }
.category-submenu-toggle { position: absolute; top: 50%; right: .25rem; z-index: 1; width: 2rem; min-height: 2rem; padding: var(--space-2); background: transparent; color: var(--muted); transform: translateY(-50%); }
.category-submenu-toggle:hover { background: transparent; color: var(--accent); }
.category-submenu-nested { top: -.4rem; left: 100%; max-height: min(72vh, 44rem); transform: translateX(-.45rem); }
.category-navigation-item:where(:nth-child(n+3)):nth-last-child(-n+2) .category-submenu-nested { right: 100%; left: auto; transform: translateX(.45rem); }
.category-submenu li:hover > .category-submenu-nested, .category-submenu li:focus-within > .category-submenu-nested { opacity: 1; visibility: visible; pointer-events: auto; transform: translateX(0); }
.text-button { background: none; color: var(--ink); }
.text-button:hover { background: none; text-decoration: underline; }
main { flex: 1 0 auto; min-height: 70vh; padding-block: 2.5rem; }
.site-footer { padding-block: 2.5rem; border-top: 1px solid var(--line); background: var(--surface); color: var(--muted); }
.cookie-notice { position: fixed; z-index: 1000; right: 1rem; bottom: 1rem; left: 1rem; display: flex; align-items: center; gap: var(--space-5); width: min(54rem, calc(100% - 2rem)); margin-inline: auto; padding: var(--space-4); border: 1px solid var(--line); background: var(--surface); color: var(--ink); }
.cookie-notice strong { font-family: var(--font-heading); }
.cookie-notice p { margin: var(--space-1) 0 0; color: var(--muted); line-height: 1.5; }
.cookie-notice-dismiss { flex: 0 0 auto; margin: 0; white-space: nowrap; }
.site-footer-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: clamp(var(--space-5), 4vw, 4rem); }
.site-footer-column h2 { display: flex; align-items: center; gap: var(--space-2); margin: 0 0 var(--space-4); color: var(--ink); }
.site-footer-column h2 svg { stroke: var(--accent); }
.site-footer-column nav { display: grid; justify-items: start; gap: var(--space-2); }
.site-footer-column nav a { color: var(--muted); }
.site-footer-column:nth-child(2), .site-footer-column:nth-child(3) { justify-self: center; }
.site-footer-brand { width: 6.25rem; justify-self: end; }
.site-footer-brand h2 { white-space: nowrap; }
.storefront .site-footer-brand { width: auto; max-width: 100%; }
.storefront .site-footer-brand h2 { white-space: normal; }
.site-footer-trust { display: grid; width: 100%; justify-items: stretch; gap: var(--space-3); }
.storefront .site-footer-trust { width: 6.25rem; max-width: 100%; }
.swedish-commerce { display: block; width: 100%; line-height: 0; }
.swedish-flag { display: block; width: 100%; height: auto; }
.footer-sell-link { color: var(--ink); white-space: nowrap; }
.seller-information { max-width: 52rem; }
.seller-information .create-button { margin-top: var(--space-2); }
h1, h2, h3, h4, h5, h6 { font-family: var(--font-heading); font-weight: 700; line-height: 1.2; letter-spacing: -.025em; overflow-wrap: anywhere; }
h1 { font-size: var(--size-page-title); }
h2 { font-size: var(--size-section-title); }
h3 { font-size: var(--size-card-title); }
h4 { font-size: var(--size-body); }
h5 { font-size: var(--size-small); }
h6 { font-size: var(--size-caption); }
.page-title, .section-title, .category-title, .product-title, .store-title { font-family: var(--font-heading); font-weight: 700; line-height: 1.2; letter-spacing: -.025em; overflow-wrap: anywhere; }
.page-title { font-size: var(--size-page-title); }
.page > .page-title, .store-page > .store-title, .product-page .product-title { margin: 0 0 var(--space-after-page-title); }
.section-title, .category-title { font-size: var(--size-section-title); }
.hero :is(.page-title, h1) { font-size: var(--size-hero-title); font-weight: 700; line-height: 1.1; margin-block: var(--space-4); }
.product-page .product-title, .store-page > .store-title, .store-info .store-title { font-size: var(--size-page-title); }
.page > section, .store-page > section { margin-bottom: 3.5rem; }
.hero { background: var(--hero-background); padding: clamp(var(--space-6), 6vw, 5rem); }
.hero p { max-width: 34rem; }
.eyebrow { letter-spacing: normal; font-weight: 400; }
.product-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-5); }
.product-card-link { display: block; color: inherit; text-decoration: none; }
.product-card-image { position: relative; }
.product-edit-button { position: absolute; top: 3px; right: 3px; }
.product-card .store-name, .product-card .product-title, .product-card .product-price { margin-block: var(--space-2); }
.product-rating { display: flex; align-items: center; gap: var(--space-2); width: fit-content; color: var(--muted); font-variant-numeric: tabular-nums; }
.product-rating-stars { position: relative; display: inline-block; overflow: hidden; color: var(--surface-muted); line-height: 1; letter-spacing: .08em; white-space: nowrap; }
.eyebrow, .product-rating-stars { font-size: var(--size-body); }
.product-rating-stars::before, .product-rating-stars::after { content: "★★★★★"; }
.product-rating-stars::after { position: absolute; top: 0; left: 0; width: var(--rating-fill); overflow: hidden; color: var(--rating); }
.product-rating-value { line-height: 1; }
.review-editor { max-width: 48rem; }
.review-editor fieldset { display: grid; gap: var(--space-3); padding: 0; border: 0; }
.review-editor fieldset > legend { margin-bottom: var(--space-2); }
.review-editor fieldset:disabled { opacity: .8; }
.review-editor textarea { width: 100%; }
.review-rating-input { display: flex; flex-direction: row-reverse; justify-content: flex-end; width: fit-content; gap: var(--space-1); }
.review-rating-input input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.review-rating-input label { color: var(--muted); font-size: var(--size-page-title); line-height: 1; cursor: pointer; }
.review-rating-input input:checked ~ label, .review-rating-input:not(:has(:checked)) label:hover, .review-rating-input label:hover, .review-rating-input label:hover ~ label { color: var(--rating); }
.review-rating-input input:focus-visible + label { outline: 2px solid var(--accent); outline-offset: 2px; }
.review-rating-input:has(:disabled) label { cursor: default; }
.product-review { padding: var(--space-4) 0; border-bottom: 1px solid var(--line); }
.product-review:first-child { padding-top: 0; }
.product-review header { display: flex; align-items: center; flex-wrap: wrap; gap: var(--space-1) var(--space-3); }
.product-review-stars { color: var(--rating); white-space: nowrap; }
.product-review-stars span { color: var(--muted); }
.review-pagination { margin-top: var(--space-4); }
.product-card .product-rating { margin-block: var(--space-2); }
.product-card-management { margin-top: var(--space-3); }
.product-placeholder { display: grid; place-items: center; aspect-ratio: 4 / 3; background: var(--surface-subtle); color: var(--muted); font: 700 var(--size-hero-title)/1 var(--font-heading); }
.product-image { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; background: var(--paper); }
.store-card { border: 1px solid var(--line); padding: var(--space-5); text-decoration: none; }
.store-image { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: contain; background: var(--paper); margin-bottom: var(--space-4); }
.text-muted { color: var(--muted); }
.empty-state { padding: var(--space-6); background: var(--surface-muted); }
p.empty-state { margin-block: var(--space-4); padding: var(--space-3) var(--space-4); background: var(--empty-state-background); color: var(--empty-state-ink); font-size: var(--size-body); font-weight: 400; }
.checkout-confirmation > .page-title { margin: 0; }
.checkout-confirmation-provider { width: 100%; margin-top: var(--space-6); }
.checkout-confirmation-provider > * { width: min(100%, 56rem); max-width: 100%; margin-inline: auto; }
.catalog-layout { display: grid; grid-template-columns: minmax(0, 3fr) minmax(14rem, 1fr); grid-template-areas: "results filters"; gap: var(--space-6); align-items: start; }
.catalog-heading { display: flex; align-items: start; gap: var(--space-4); margin-bottom: var(--space-6); }
.catalog-heading .page-title { margin: 0; }
.catalog-heading .create-button { margin-left: auto; }
.category-submenu a, .category-submenu-nested, .swedish-flag { border-radius: var(--radius-small); }
.catalog-filters { grid-area: filters; padding: var(--space-4); border: 1px solid var(--line); background: var(--surface-muted); }
.catalog-filters .form-stack { max-width: none; }
.catalog-filter-disclosure > summary { list-style: none; }
.catalog-filter-disclosure > summary::-webkit-details-marker { display: none; }
.catalog-filter-disclosure:not([open]) > .form-stack { display: grid; }
.attribute-filter-section summary { display: flex; align-items: center; cursor: pointer; list-style: none; font-weight: 600; }
.attribute-filter-section summary::-webkit-details-marker { display: none; }
.attribute-filter-section summary::after { content: ""; width: .45rem; height: .45rem; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg); transition: transform .15s ease; }
.attribute-filter-section[open] summary::after { transform: rotate(225deg); }
.tag-filter-section > label { margin-top: var(--space-3); }
.attribute-filter-chain, .category-filter-chain { display: grid; gap: var(--space-3); margin-top: var(--space-3); }
.filter-title { margin: 0 0 var(--space-4); }
.site-footer-column h2, h3, .product-title, .store-title, .product-card .product-title, .store-card .store-title, .filter-title { font-size: var(--size-card-title); }
.catalog-results { grid-area: results; margin: 0; }
.catalog-results .product-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.catalog-results .pagination { padding: var(--space-3) var(--space-4); background: var(--surface-muted); }
label { display: grid; gap: var(--space-1); }
table { width: 100%; border-collapse: collapse; background: var(--panel-background); color: var(--panel-ink); }
th, td { padding: var(--cell-padding) var(--space-4); border-bottom: 1px solid var(--line); text-align: left; vertical-align: middle; }
th { background: var(--table-header-background); color: var(--table-header-ink); font-size: var(--size-small); }
tbody tr:last-child > td { border-bottom: 0; }
.field-label-heading { position: relative; display: inline-flex; align-items: center; gap: var(--space-2); }
.field-help-toggle { width: 1.35rem; min-width: 1.35rem; min-height: 1.35rem; height: 1.35rem; padding: 0; border-radius: 50%; background: var(--tab-background); color: var(--tab-ink); font-weight: 700; line-height: 1; }
.field-help-toggle:hover, .field-help-toggle[aria-expanded="true"] { background: var(--tab-active-background); color: var(--tab-active-ink); }
.field-help-text { position: absolute; z-index: 10; top: calc(100% + .45rem); left: 0; width: min(22rem, 80vw); padding: var(--space-2) var(--space-3); border: 1px solid var(--line); background: var(--surface); color: var(--ink); font-weight: 400; }
input, textarea, select { max-width: 100%; width: 100%; padding: var(--space-3); border: 1px solid var(--neutral-300); border-radius: var(--field-radius); background-color: var(--surface); color: var(--ink); line-height: 1.4; }
input:not([type="checkbox"]):not([type="hidden"]):not([type="file"]), select { min-height: 2.8rem; }
select { appearance: none; padding-right: 2.5rem; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='m1 1 5 5 5-5' fill='none' stroke='%23202d25' stroke-width='1.5'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right .8rem center; }
input:disabled { background: var(--surface-muted); color: var(--muted); opacity: 1; }
textarea { min-height: 8rem; }
.form-stack { display: grid; gap: var(--space-4); max-width: 34rem; }
.anti-bot-challenge { min-height: 65px; }
.form-field { display: grid; gap: var(--space-1); }
.form-stack label:has(input[type=checkbox]) { display: flex; align-items: center; }
.product-public-tags { display: flex; flex-wrap: wrap; gap: var(--space-2); margin: var(--space-4) 0; }
.product-meta-row { display: flex; align-items: center; flex-wrap: wrap; gap: var(--space-2) var(--space-4); margin-bottom: var(--space-2); }
.product-meta-row .product-public-tags { margin: 0; }
.product-public-tags .tag-pill { text-decoration: none; }
.product-public-tags .tag-pill:hover, .product-public-tags .tag-pill:focus-visible { text-decoration: underline; }
.tag-pill { display: inline-flex; align-items: center; gap: var(--space-2); padding: var(--space-1) var(--space-2) var(--space-1) var(--space-3); border-radius: var(--radius-round); background: var(--status-success-bg); color: var(--status-success-text); font-weight: 600; }
.tag-pill:nth-child(3n + 2) { background: var(--status-partial-bg); color: var(--status-partial-text); }
.tag-pill:nth-child(3n) { background: var(--status-neutral-bg); color: var(--status-neutral-text); }
.validation-summary-errors { color: var(--error); }
.field-validation-error { display: none; }
.form-message { margin: 0 0 var(--space-4); padding: var(--space-3) var(--space-4); }
.form-message-success { background: var(--success-surface); color: var(--success-ink); }
.form-message-error { background: var(--error-surface); color: var(--error); }
.form-message-error.validation-summary-valid { display: none; }
.form-message-error p { margin: 0; }
.form-message-error p + p { margin-top: var(--space-1); }
.form-message-error ul { margin: 0; padding-left: 0; list-style: none; }
.form-message-error li + li { margin-top: var(--space-1); }
.pagination, .ztore-table-pagination { display: flex; justify-content: center; gap: var(--space-6); margin-top: var(--space-6); }
.product-page { display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; margin-top: var(--space-6); }
.store-hero { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 3rem; align-items: start; margin-top: var(--space-6); }
.store-hero--no-image { grid-template-columns: minmax(0, 1fr); }
.store-gallery .store-image { margin-bottom: 0; }
.store-info .store-title { margin: 0; }
.store-hero-panel { margin: var(--space-4) 0; border: 1px solid var(--line); }
.store-hero--no-image .store-hero-panel { max-width: 38rem; }
.store-business-details { width: 100%; }
.store-business-details summary { display: inline-flex; align-items: center; gap: var(--space-2); color: var(--accent); text-decoration: underline; cursor: pointer; list-style: none; }
.store-business-details summary::-webkit-details-marker { display: none; }
.store-business-details summary::after { content: ""; width: .45rem; height: .45rem; margin-left: var(--space-1); border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg) translateY(-.1rem); }
.store-business-details[open] summary::after { transform: rotate(225deg) translateY(-.1rem); }
.store-business-details dl { display: grid; gap: var(--space-2); margin: var(--space-3) 0 0 var(--space-5); }
.store-business-details dl div { display: grid; gap: var(--space-1); }
.store-business-details dt { color: var(--muted); }
.cookie-notice p, .product-rating, .text-muted, small, .field-help-text, .tag-pill, .store-business-details dt { font-size: var(--size-small); }
.store-business-details dd { margin: 0; overflow-wrap: anywhere; }
.store-info .store-description { margin: 0; }
.product-thumbnails { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--space-3); margin-top: var(--space-3); }
.product-thumbnail-button { display: block; height: auto; min-height: 0; padding: 0; border: 2px solid transparent; background: transparent; overflow: hidden; }
.product-thumbnail-button:hover { background: transparent; border-color: var(--neutral-300); }
.product-thumbnail-button.is-active { border-color: var(--accent); }
.product-thumbnail-button .product-thumbnail { aspect-ratio: 1; object-fit: contain; }
.page-header { display: flex; align-items: end; gap: var(--space-6); margin-bottom: var(--space-after-page-title); }
.cookie-notice, .product-card-management, .catalog-heading, .attribute-filter-section summary, .page-header { justify-content: space-between; }
.page-header .page-title { margin: 0; }
.page-header > div > a + .page-title { margin-top: var(--space-2); }
.editor-tabs { display: flex; flex-wrap: wrap; gap: var(--space-1); border-bottom: 1px solid var(--line); overflow: visible; }
.editor-tab { flex: 0 0 auto; height: auto; min-height: 0; padding: var(--space-3) var(--space-4); border: 0; border-bottom: 3px solid transparent; border-radius: 0; background: var(--tab-background); color: var(--tab-ink); font-weight: 600; text-decoration: none; }
.editor-tab:hover, .editor-tab.is-active { background: var(--tab-active-background); color: var(--tab-active-ink); text-decoration: none; }
.editor-tab.is-active { border-bottom-color: var(--accent); }
.editor-tab.is-disabled { cursor: default; opacity: .45; pointer-events: none; }
.tab-count { display: inline-grid; min-width: 1.5rem; min-height: 1.5rem; margin-left: var(--space-1); place-items: center; border-radius: 50%; background: var(--surface-muted); }
.footer-sell-link, .field-help-toggle, .tab-count { font-size: var(--size-caption); }
.category-submenu, .cookie-notice, .swedish-flag, .field-help-text { box-shadow: var(--shadow-menu); }
.cookie-notice, .hero, .product-placeholder, .product-image, .store-card, .store-image, .empty-state, .catalog-filters, .catalog-results .pagination, .field-help-text, .form-message, .product-thumbnail-button { border-radius: var(--radius); }
.editor-panel { display: none; }
summary.text-disclosure { display: flex; align-items: center; justify-content: flex-start; gap: var(--space-2); list-style: none; cursor: pointer; }
summary.text-disclosure::-webkit-details-marker { display: none; }
summary.text-disclosure::marker { content: ""; }
summary.text-disclosure::after { content: ""; display: inline-block; flex: 0 0 auto; width: .55rem; height: .55rem; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg); transition: transform .15s ease; }
details[open] > summary.text-disclosure::after { transform: rotate(225deg); }
.editor-panel > :first-child { margin-top: 0; }
.editor-panel.is-active { display: block; }
.editor-panel .form-stack { max-width: 42rem; }
.content-workspace { display: grid; grid-template-columns: minmax(10rem, 15rem) minmax(0, 1fr); min-height: 26rem; border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); overflow: hidden; }
.content-folders { display: flex; flex-direction: column; gap: var(--space-1); padding: var(--space-4) var(--space-3); background: var(--surface-muted); border-right: 1px solid var(--line); }
.content-folders a { display: flex; align-items: center; gap: var(--space-3); padding: var(--space-3); border-radius: var(--radius-small); color: var(--ink); overflow-wrap: anywhere; }
.content-folders a:hover, .content-folders a[aria-current="page"] { background: var(--neutral-300); text-decoration: none; }
.content-folders a[aria-current="page"] { font-weight: 700; }
.content-folders svg { flex: 0 0 1.4rem; }
.content-folder-children { display: grid; gap: var(--space-1); margin-left: var(--space-3); padding-left: var(--space-2); border-left: 1px solid var(--line); }
.content-folder-children a { padding: var(--space-2); font-size: var(--size-small); }
.content-child-folders { display: grid; gap: var(--space-2); }
.content-child-folders a { display: flex; align-items: center; gap: var(--space-3); padding: var(--space-3); border: 1px solid var(--line); border-radius: var(--radius); }
.content-child-folders a:hover { background: var(--surface-muted); text-decoration: none; }
.content-child-folders svg { flex: 0 0 1.4rem; }
.content-documents { padding: var(--space-4); }
.content-documents > .section-title { margin-top: 0; }
.content-document-actions { justify-content: center; }
.ztore-table.content-faq-table .ztore-table-manage-column { width: 13rem; }
.content-editor-heading { display: flex; flex-wrap: wrap; align-items: start; gap: var(--space-4); }
.content-editor-title { flex: 1 1 20rem; }
.content-editor-title > label { display: block; margin-bottom: var(--space-2); }
.content-editor-fields { flex: 0 1 20rem; }
.content-editor-heading:empty { display: none; }
@media (max-width: 600px) {
.content-workspace { grid-template-columns: minmax(6.5rem, 29%) minmax(0, 1fr); }
.content-folders { padding: var(--space-2) var(--space-1); }
.content-folders a { gap: var(--space-1); padding: var(--space-3) var(--space-1); font-size: var(--size-small); }
.content-folders svg { flex-basis: 1.1rem; }
.content-documents { padding: var(--space-3); }
.content-editor-fields { flex-basis: 100%; }
}
.email-rich-editor { overflow: hidden; border: 1px solid var(--neutral-300); background: var(--surface); }
.email-rich-editor-toolbar { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-1); padding: var(--space-2); border-bottom: 1px solid var(--line); background: var(--surface-muted); }
.email-editor-control { display: inline-grid; width: auto; min-width: 2.35rem; min-height: 2.35rem; padding: var(--space-1) var(--space-2); place-items: center; border: 0; border-radius: var(--radius-small); background: var(--surface); color: var(--ink); font-weight: 700; line-height: 1; white-space: nowrap; }
.email-editor-control:hover, .email-editor-control[aria-pressed="true"] { background: var(--neutral-300); }
.email-editor-mode { min-width: auto; }
.email-editor-mode-first { margin-left: auto; }
.email-rich-editor-visual { display: block; width: 100%; min-height: 38rem; border: 0; background: var(--surface); }
.email-rich-editor [data-email-editor-source] { min-height: 38rem; border: 0; resize: vertical; font: var(--size-small)/1.5 var(--font-body); tab-size: 2; }
.danger-icon-button { width: var(--button-height); min-width: var(--button-height); padding: 0; }
.product-specification-table tr.is-selected { background: var(--success-surface); }
.product-specification-table th, .product-specification-table td { width: 50%; vertical-align: top; overflow-wrap: anywhere; }
.product-specification-table tbody tr:last-child > * { border-bottom: 0; }
.product-size-guide { overflow-wrap: anywhere; }
.product-size-guide .is-plain-text { white-space: pre-line; }
.product-size-guide table { margin-block: var(--space-4); }
.product-size-guide th, .product-size-guide td { border: 1px solid var(--line); }
.product-content-tabs { margin-top: var(--space-6); }
.product-content-panel > .section-title:not(:first-child) { margin-top: var(--space-5); }
.product-content-panel .product-specification-table { border: 1px solid var(--line); border-radius: var(--radius); overflow: hidden; }
.checkbox { display: flex; align-items: center; gap: var(--space-3); cursor: pointer; }
input[type="checkbox"] { flex: 0 0 auto; width: 1.35rem; height: 1.35rem; appearance: none; border: 2px solid var(--muted); background: var(--surface); cursor: pointer; }
input[type="checkbox"]:checked { border-color: var(--accent); background-color: var(--accent); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.4' d='m3.2 8.2 3 3.1 6.6-7'/%3E%3C/svg%3E"); background-position: center; background-repeat: no-repeat; background-size: 1rem; }
input[type="checkbox"]:focus-visible { outline: 3px solid var(--focus); outline-offset: 2px; }
input[type="checkbox"]:disabled { opacity: .5; cursor: default; }
.product-price { font-size: var(--size-body); font-weight: 600; font-variant-numeric: tabular-nums; }
.product-page .product-price { font-size: var(--size-section-title); }
.product-variant-picker { max-width: 30rem; margin-block: var(--space-4); }
.product-card .product-price { font-size: var(--size-body); }
.product-description, .store-description { white-space: pre-line; }
.product-seller { margin-block: var(--space-5); padding: var(--space-4); background: var(--surface-muted); }
.product-seller .section-title { margin: 0 0 var(--space-2); font-size: var(--size-card-title); }
.product-seller-name { margin: 0 0 var(--space-3); font-weight: 600; }
.product-seller-links { display: grid; justify-items: start; gap: var(--space-1); }
.product-seller-links a { display: inline-flex; align-items: center; gap: var(--space-2); }
.add-to-cart-form { display: flex; align-items: end; gap: var(--space-3); max-width: 24rem; margin-top: var(--space-4); }
.add-to-cart-form label { max-width: 6rem; }
.marketplace-notice { max-width: 38rem; color: var(--muted); font-size: var(--size-small); }
.marketplace-boundary { margin-bottom: var(--space-6); padding: var(--space-4); border-left: .3rem solid var(--accent); background: var(--surface-muted); }
.marketplace-boundary strong { display: block; }
.checkout-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(18rem, 23rem); gap: var(--space-6); align-items: start; }
.checkout-summary { position: sticky; top: 6rem; }
.checkout-summary .section-title { margin: 0; }
.checkout-summary-store { padding-block: var(--space-4); border-bottom: 1px solid var(--line); overflow-wrap: anywhere; }
.checkout-summary-store h3 { margin: 0 0 var(--space-3); font: 700 var(--size-body)/1.3 var(--font-body); }
.checkout-summary-lines { display: grid; gap: var(--space-3); margin: 0; padding: 0; list-style: none; }
.checkout-summary-lines li, .checkout-summary-shipping, .checkout-summary-total div { display: flex; justify-content: space-between; gap: var(--space-3); }
.checkout-summary-lines small { display: block; margin-top: var(--space-1); color: var(--muted); }
.checkout-summary-lines strong { white-space: nowrap; font-weight: 600; }
.checkout-summary-shipping { margin-top: var(--space-3); color: var(--muted); font-size: var(--size-small); }
.checkout-summary-total { margin: var(--space-4) 0; padding-top: var(--space-4); border-top: 2px solid var(--ink); font-size: var(--size-card-title); font-weight: 700; }
.checkout-summary-total dd { margin: 0; }
.checkout-simulation p { max-width: 48rem; }
.content-panel { --muted: color-mix(in srgb, var(--panel-ink) 70%, transparent); padding: var(--panel-padding); border: 1px solid var(--line); border-radius: var(--radius); background: var(--panel-background); color: var(--panel-ink); }
.content-panel :is(h1, h2, h3, h4, h5, h6) { color: var(--panel-heading-ink, var(--heading-ink)); }
.actions { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-3); }
.stack { display: grid; gap: var(--space-4); }
/* Gemensam geometri för arbetsytor, även publika formulär och gästers ärenden. */
[hidden] { display: none !important; }
.panel-header { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--space-3) var(--space-4); margin-bottom: var(--space-4); }
.panel-header :is(h2, h3, h4) { margin: 0; }
.navigation-card { display: grid; grid-template-columns: 3rem minmax(0, 1fr) auto; align-items: center; gap: var(--space-4); padding: var(--panel-padding); }
.navigation-card > svg { width: 2.3rem; height: 2.3rem; stroke: var(--accent); }
.navigation-card > span:nth-child(2) { display: grid; gap: var(--space-1); }
.navigation-card strong { font-size: var(--size-body); }
.navigation-card small { color: var(--muted); font-size: var(--size-small); }
.navigation-card:hover { border-color: var(--accent); text-decoration: none; }

.stack > .panel-header { margin-bottom: 0; }
.facts-list { display: grid; gap: var(--space-3); margin: 0; }
.facts-list > div { display: grid; grid-template-columns: minmax(8rem, 12rem) minmax(0, 1fr); align-items: start; gap: var(--space-3); }
.facts.facts-list dd { margin: 0; }
.facts-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 12rem), 1fr)); gap: var(--space-4); margin: 0; }
.facts-grid dd { font-weight: 600; }
.field-pair { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-4); }
.form-row { display: flex; flex-wrap: wrap; align-items: end; gap: var(--space-3); }
.form-row > label { flex: 1 1 14rem; }
.form-row > :is(input:not([type="hidden"]), select) { flex: 1 1 14rem; width: auto; }
.form-row > :is(button, .button) { flex: 0 0 auto; }
.text-block { white-space: pre-wrap; overflow-wrap: anywhere; }
.table-scroll .ztore-table-shell { max-width: 100%; overflow-x: auto; }
@media (max-width: 700px) {
    .facts-list > div { grid-template-columns: minmax(0, 1fr); gap: var(--space-1); }
}

.field-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; gap: var(--space-4) var(--space-5); }
.facts dt { color: var(--muted); font-size: var(--size-small); }
.facts dd { margin: var(--space-1) 0 0; overflow-wrap: anywhere; }
a.content-panel:hover { filter: brightness(.97); text-decoration: none; }
@media (max-width: 700px) {
.field-grid { grid-template-columns: minmax(0, 1fr); }
}
.content-panel > :first-child { margin-block-start: 0; }
.content-panel > :last-child { margin-block-end: 0; }
.init-page { width: min(100%, 36rem); margin-inline: auto; padding-inline: var(--space-4); }
.admin-dialog.order-document-dialog { --dialog-size: var(--dialog-large-width); max-width: none; height: min(90dvh, 65rem); }
.order-document-dialog iframe { display: block; width: 100%; height: calc(100% - 4rem); border: 1px solid var(--line); background: var(--surface); }
.product-seller, .checkout-summary, .checkout-simulation, .content-panel { border-radius: var(--radius); }
.text-link { padding: 0; border: 0; background: transparent; color: var(--accent); text-decoration: underline; cursor: pointer; }
input[type="checkbox"], .order-document-dialog iframe { border-radius: var(--radius-small); }
.status-timeline { margin-top: var(--space-4); }
.status-timeline > h3 { margin: 0 0 var(--space-3); font-size: var(--size-body); }
.status-timeline ol { display: grid; gap: 0; margin: 0; padding: 0; list-style: none; }
.status-timeline li { position: relative; display: grid; grid-template-columns: .8rem minmax(0, 1fr); gap: var(--space-3); padding: 0 0 var(--space-3); }
.status-timeline li:not(:last-child)::after { content: ""; position: absolute; top: .65rem; bottom: 0; left: .3rem; width: 1px; background: var(--line); }
.status-timeline-marker { position: relative; z-index: 1; width: .65rem; height: .65rem; margin-top: var(--space-1); border-radius: 50%; background: var(--brand); }
.status-timeline li.is-correction .status-timeline-marker { background: var(--accent); }
.status-timeline li div { display: grid; gap: var(--space-1); }
.status-timeline li span:not(.ztore-status), .status-timeline li small { color: var(--muted); font-size: var(--size-small); }
.cart-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(16rem, 22rem); gap: var(--space-6); align-items: start; }
.cart-stores { display: grid; gap: var(--space-5); }
.cart-store > header { display: flex; justify-content: space-between; gap: var(--space-4); border-bottom: 1px solid var(--line); }
.cart-store > header .section-title { margin: 0 0 var(--space-1); }
.cart-company-details { margin: 0 0 var(--space-3); color: var(--muted); }
.cart-company-details summary { display: block; width: fit-content; list-style: none; color: var(--accent); cursor: pointer; text-decoration: underline; }
.cart-company-details summary::marker { content: ""; }
.cart-company-details summary::-webkit-details-marker { display: none; }
.cart-company-details > div { padding: var(--space-3); border-left: 2px solid var(--line); }
.cart-company-details p { margin: var(--space-1) 0; }
.cart-line { display: grid; grid-template-columns: 6rem minmax(0, 1fr) 9rem 7rem; gap: var(--space-4); align-items: center; padding-block: var(--space-4); border-bottom: 1px solid var(--line); }
.cart-line img { width: 6rem; height: 6rem; object-fit: cover; border-radius: var(--radius); }
.cart-line .product-title { margin: 0; font-size: var(--size-body); }
.cart-line p { margin: var(--space-1) 0; }
.cart-quantity { display: grid; gap: var(--space-2); }
.cart-line-total { display: grid; justify-items: end; gap: var(--space-2); }
.link-button { padding: 0; background: none; color: var(--accent); text-decoration: underline; }
.link-button:hover, .link-button:focus-visible { background: none; color: var(--accent-hover); text-decoration: underline; }
.login-verification-form { align-content: start; }
.login-verification-form p { margin: 0; }
.login-layout { display: grid; grid-template-columns: minmax(0, 2fr) minmax(16rem, 1fr); align-items: start; gap: var(--space-6); }
.login-form { max-width: none; }
.login-submit-button { justify-self: start; background: var(--accent); }
.login-submit-button::before { display: none; }
.login-help-panel { display: grid; gap: 0; padding: 0; overflow: hidden; }
.login-help-panel a + a { border-top: 1px solid var(--line); }
.login-help-panel a:hover { background: var(--surface-muted); text-decoration: none; }
.cart-store-summary, .cart-summary dl { margin: var(--space-4) 0 0; }
.cart-store-summary div, .cart-summary dl div { display: flex; justify-content: space-between; gap: var(--space-4); padding-block: var(--space-2); }
.cart-store-summary dd, .cart-summary dd { margin: 0; }
.cart-summary { position: sticky; top: 6rem; }
.cart-grand-total { margin-top: var(--space-3); padding-top: var(--space-4) !important; border-top: 2px solid var(--ink); font-size: var(--size-card-title); font-weight: 700; }
.ztore-table-toolbar { display: grid; grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr)); align-items: end; gap: var(--space-3); margin-bottom: var(--space-5); padding: var(--space-4); border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface-muted); }
.ztore-table-toolbar > label, .ztore-table-toolbar input:not([type="hidden"]), .ztore-table-toolbar select, .ztore-table-toolbar button:not(.field-help-toggle), .ztore-table-toolbar .button { width: 100%; margin: 0; }
.ztore-table-filter--wide { grid-column: span 2; }
.ztore-table-toolbar-actions { display: flex; align-items: stretch; gap: var(--space-2); }
.ztore-table-toolbar-actions > * { flex: 1 1 0; }
.entity-picker-field { display: grid; gap: var(--space-1); }
.entity-picker-field > label { font-weight: 400; }
.entity-picker-control { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: var(--space-2); }
.ztore-table-toolbar .entity-picker-control .entity-picker-open { width: auto; min-width: 5.5rem; padding-inline: var(--space-4); }
.entity-picker-dialog .admin-dialog-header .section-title { flex: 1 1 auto; white-space: nowrap; }
.ztore-table-toolbar .entity-picker-dialog .dialog-close { flex: 0 0 auto; width: 2rem; min-width: 2rem; }
.entity-picker-open::before, .entity-picker-search-button::before { display: none; }
.entity-picker-search-row { display: grid; gap: var(--space-1); }
.entity-picker-search-row > label { font-weight: 600; }
.entity-picker-search-row > div { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: var(--space-2); }
.entity-picker-guidance { margin: var(--space-4) 0 0; color: var(--muted); }
.entity-picker-results { display: grid; max-height: 20rem; margin-top: var(--space-4); overflow-y: auto; border-block: 1px solid var(--line); }
.entity-picker-results:empty { display: none; }
.ztore-table-toolbar .entity-picker-dialog .entity-picker-result { display: flex; align-items: center; justify-content: flex-start; gap: var(--space-2); width: 100%; padding: var(--space-3); border: 0; border-bottom: 1px solid var(--line); border-radius: 0; text-align: left; background: var(--surface); color: var(--ink); }
.entity-picker-result:last-child { border-bottom: 0; }
.entity-picker-result:hover, .entity-picker-result:focus-visible { background: var(--surface-muted); color: var(--ink); }
.entity-picker-result strong, .entity-picker-result span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.entity-picker-result span { color: var(--muted); font-size: var(--size-small); font-weight: 400; }
.entity-picker-result span::before { content: "· "; }
.ztore-table-summary { display: flex; justify-content: space-between; gap: var(--space-4); margin-bottom: var(--space-2); color: var(--muted); font-size: var(--size-small); }
.ztore-table-shell { --muted: color-mix(in srgb, var(--panel-ink) 70%, transparent); overflow: visible; border: 1px solid var(--line); border-radius: var(--radius); background: var(--panel-background); color: var(--panel-ink); }
.ztore-table:has(> thead > tr > .ztore-table-action-column) { table-layout: fixed; }
.ztore-table:has(> thead > tr > .ztore-table-action-column) > tbody > tr:not(.ztore-table-detail-row) > td:not(.ztore-table-action-column) { overflow: hidden; text-overflow: ellipsis; }
.ztore-table th, .ztore-table td { overflow-wrap: anywhere; }
.ztore-table tr.ztore-table-row-muted > td { color: var(--muted); }
.ztore-table tbody tr:hover { background: color-mix(in srgb, var(--panel-ink) 5%, transparent); }
.ztore-table tbody tr:hover a { text-decoration: none; }
.ztore-table td small { display: block; margin-top: var(--space-1); color: var(--muted); }
.ztore-table-row[data-href] { cursor: pointer; }
.ztore-table-row.is-unread { box-shadow: inset 4px 0 0 var(--accent); background: var(--status-warning-bg); }
.ztore-table-row.is-unread:hover { background: var(--status-warning-bg); }
.ztore-table-empty { padding-block: var(--space-6) !important; color: var(--muted); text-align: center !important; }
.ztore-sort-link { display: inline-flex; align-items: center; gap: var(--space-1); color: inherit; font: inherit; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: .2em; white-space: nowrap; }
.ztore-sort-link:hover, .ztore-sort-link:focus-visible { color: var(--accent); text-decoration: underline; text-decoration-thickness: 2px; }
.ztore-sort-indicator { color: var(--accent); font-size: var(--size-body); line-height: 1; }
.ztore-table-pagination span { color: var(--muted); }
.ztore-table th:last-child, .ztore-table td:last-child { width: 1%; white-space: nowrap; }
.ztore-table .ztore-table-action-column { width: 3.5rem; padding-inline: var(--space-3); text-align: center; white-space: nowrap; }
.ztore-table .ztore-table-action-column:last-child { padding-right: var(--space-4); }
.ztore-table .ztore-table-action-column:last-child:not(.ztore-table-manage-column) { width: 3.5rem; }
.ztore-table th.ztore-table-manage-column, .ztore-table td.ztore-table-manage-column { width: 8rem; white-space: nowrap; }
.ztore-table .ztore-expandable-row > td { white-space: nowrap; }
.embedded-document { background: var(--paper); }
.embedded-view { margin: 0; padding: var(--space-1); min-height: 0; background: var(--paper); }
.embedded-view > main { min-height: 0; padding: 0; }
.admin-dialog.assistant-dialog { --dialog-size: var(--dialog-large-width); height: min(54rem, 90dvh); }
.admin-dialog.assistant-dialog[open] { display: flex; flex-direction: column; overflow: hidden; }
.assistant-dialog .admin-dialog-header { flex: 0 0 auto; }
.assistant-dialog iframe { display: block; flex: 1; width: 100%; height: 0; min-height: 0; border: 0; }
.ztore-action-menu { position: relative; display: inline-block; }
.ztore-action-menu-toggle { display: grid; width: 2.1rem; height: 2.1rem; padding: 0; place-items: center; border: 0; border-radius: 50%; background: var(--surface-muted); color: var(--muted); cursor: pointer; font-size: var(--size-section-title); font-weight: 700; line-height: 1; list-style: none; }
.ztore-action-menu-toggle::-webkit-details-marker { display: none; }
.ztore-action-menu-toggle:hover, .ztore-action-menu-toggle:focus-visible, .ztore-action-menu[open] > .ztore-action-menu-toggle { background: var(--surface-muted); color: var(--ink); }
.ztore-action-menu-panel { position: absolute; top: calc(100% + .35rem); right: 0; z-index: 20; display: grid; min-width: 15rem; gap: var(--space-3); padding: var(--space-3); border: 1px solid var(--line); border-radius: var(--radius); box-shadow: var(--shadow-menu); text-align: left; background: var(--surface); }
.ztore-action-menu-panel form, .ztore-action-menu-panel .form-stack { display: grid; gap: var(--space-3); }
.ztore-status { display: inline-flex; align-items: center; justify-self: start; flex-shrink: 0; width: max-content; min-height: 1.75rem; padding: var(--space-1) var(--space-2); border-radius: var(--radius-round); font: 700 var(--size-caption)/1.25 var(--font-body); white-space: nowrap; overflow-wrap: normal; vertical-align: middle; }
.status-scroll { max-width: 100%; overflow-x: auto; }
.status-success { background: var(--status-success-bg); color: var(--status-success-text); }
.status-progress { background: var(--status-progress-bg); color: var(--status-progress-text); }
.status-pending { background: var(--status-pending-bg); color: var(--status-pending-text); }
.status-warning { background: var(--status-warning-bg); color: var(--status-warning-text); }
.status-error { background: var(--status-error-bg); color: var(--status-error-text); }
.status-partial { background: var(--status-partial-bg); color: var(--status-partial-text); }
.status-neutral { background: var(--status-neutral-bg); color: var(--status-neutral-text); }
.status-transit { background: var(--status-transit-bg); color: var(--status-transit-text); }
.ztore-table-secondary { display: block; margin-top: var(--space-1); color: var(--muted); font-size: var(--size-small); }
.ztore-status-icons { display: inline-flex; align-items: center; gap: var(--space-1); margin-left: var(--space-2); vertical-align: middle; }
.ztore-featured-star { display: inline-flex; color: var(--rating); font-size: var(--size-card-title); line-height: 1; }
.ztore-verification-icon { display: inline-flex; color: var(--accent); }
.ztore-verification-icon.is-invalid { color: var(--error); }
.entity-cell { display: flex; align-items: center; gap: var(--space-1); }
.entity-cell > span:first-child { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.entity-action-links { display: inline-flex; flex: 0 0 auto; align-items: center; gap: 0; }
.entity-action-links a { display: inline-grid; width: 1.5rem; height: 1.75rem; place-items: center; color: var(--muted); text-decoration: none; }
.entity-action-links a:hover, .entity-action-links a:focus-visible { background: var(--surface-selected); color: var(--ink); text-decoration: none; }
.entity-icon-action { display: inline-grid; width: 1.65rem; min-height: 1.65rem; height: 1.65rem; padding: 0; place-items: center; background: none; color: var(--muted); text-decoration: none; }
.entity-icon-action:hover, .entity-icon-action:focus-visible { background: var(--surface-selected); color: var(--ink); text-decoration: none; }
.support-landing-layout { display: grid; grid-template-columns: minmax(0, 3fr) minmax(15rem, 1fr); gap: var(--space-6); align-items: stretch; }
.support-guide > nav > .navigation-card > svg { place-self: center; }
.support-information { display: flex; flex-direction: column; min-width: 0; }
.support-information > .support-information-links { flex: 1; align-content: start; min-height: 16rem; padding: var(--space-4); border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface-muted); }
.support-document-dialog iframe { border: 0; background: var(--paper); }
.support-guide > .section-title, .support-information > .section-title { margin-top: 0; }
.support-information-links, .support-information-links section { display: grid; gap: var(--space-2); }
.support-information-links { gap: var(--space-5); }
.support-information-links h3 { margin: 0 0 var(--space-1); font-size: var(--size-body); }
.support-information-links a { display: inline-flex; align-items: center; gap: var(--space-2); width: fit-content; }
.support-information-links svg { flex: 0 0 auto; stroke: var(--accent); }
.document-section { scroll-margin-top: 6rem; }
.support-more-choices { margin-top: var(--space-3); }
.support-more-choices:not([open]) > nav { display: none; }
.support-more-choices > summary { padding: var(--space-4); border: 1px solid var(--line); border-radius: var(--radius); cursor: pointer; font-weight: 700; }
.support-more-choices[open] > summary { margin-bottom: var(--space-3); }
.support-selection, .support-ticket-form { max-width: none; }
.ai-context-link { display: inline-flex; align-items: center; gap: var(--space-1); width: fit-content; max-width: 100%; margin-inline: var(--space-1); padding: var(--space-1) var(--space-2); color: var(--accent); font-size: var(--size-small); font-weight: 700; text-decoration: none; vertical-align: middle; white-space: nowrap; }
.entity-action-links a, .entity-icon-action, .ai-context-link { border-radius: var(--radius-small); }
.ai-context-link:hover, .ai-context-link:focus-visible { background: var(--surface-muted); color: var(--ink); text-decoration: underline; }
.ai-context-link svg { flex: none; }
.ai-context-link--icon-only { justify-content: center; width: 2rem; height: 2rem; margin: 0; padding: var(--space-1); }
.ztore-expandable-row { cursor: pointer; }
.ztore-table .ztore-table-detail-row > td { width: auto; padding: var(--space-3) var(--space-4); background: var(--surface-subtle); white-space: normal; }
.order-detail-tabs { flex-wrap: nowrap; overflow-x: auto; overflow-y: hidden; }
.editor-panel, .order-tab-panel, .registration-panel, .shipping-dialog-panel { padding: var(--tab-panel-gap) 0 0; }
.order-tab-panel > :first-child { margin-top: 0; }
.ztore-expandable-group.is-cancelled > .ztore-expandable-row { color: var(--muted); }
.ztore-expandable-group.is-cancelled > .ztore-expandable-row > :nth-child(1), .ztore-expandable-group.is-cancelled > .ztore-expandable-row > :nth-child(2), .ztore-expandable-group.is-cancelled > .ztore-expandable-row > :nth-child(4) { text-decoration: line-through; }
.support-ticket-number { margin: var(--space-2) 0 0; color: var(--muted); font: 600 var(--size-card-title)/1.3 var(--font-body); letter-spacing: 0; }
.support-message { justify-self: stretch; width: 100%; max-width: 100%; }
.support-message header { display: flex; justify-content: space-between; gap: var(--space-4); color: var(--muted); font-size: var(--size-small); }
.support-message header > div { display: grid; gap: var(--space-1); }
.support-message-meta { display: flex; flex: 0 0 auto; align-items: center; gap: var(--space-3); }
.support-message-context { display: flex; flex-wrap: wrap; gap: var(--space-1) var(--space-4); font-weight: 400; }
.support-ticket-origin { justify-self: stretch; max-width: 100%; }
.support-message p { white-space: pre-wrap; }
.support-header-status select { min-width: 11rem; }
.support-ticket-controls { display: flex; flex-wrap: wrap; gap: var(--space-4); padding: var(--space-4); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.support-inline-form { flex: 1 1 20rem; }
.support-reply-form { max-width: none; margin-top: var(--space-4); padding-top: var(--space-4); border-top: 1px solid var(--line); }
.admin-dialog, .agreement-dialog { --muted: color-mix(in srgb, var(--dialog-ink) 70%, transparent); width: min(var(--dialog-size, var(--dialog-small-width)), calc(100vw - 2rem)); max-height: min(90dvh, calc(100dvh - 2rem)); overflow: auto; padding: var(--panel-padding); border: 1px solid var(--line); border-radius: var(--radius); color: var(--dialog-ink); background: var(--dialog-background); }
.content-panel :is(.text-link, .link-button), :is(.admin-dialog, .agreement-dialog) :is(.text-link, .link-button) { color: inherit; }
.admin-dialog :is(h1, h2, h3, h4, h5, h6), .agreement-dialog :is(h1, h2, h3, h4, h5, h6) { color: var(--dialog-heading-ink, var(--heading-ink)); }
.admin-dialog.site-page-dialog { --dialog-size: var(--dialog-large-width); }
.site-page-dialog .email-rich-editor { width: 100%; }
.site-page-dialog .email-rich-editor-visual { min-height: min(50vh, 28rem); }
.operations-facts { margin: 0 0 var(--space-4); }
@media (max-width: 38rem) {
.operations-facts { grid-template-columns: 1fr; }
}
.admin-dialog::backdrop, .agreement-dialog::backdrop { background: var(--backdrop); }
.dialog-close { padding: 0; border-radius: 0; background: none; color: inherit; font-size: var(--size-section-title); line-height: 1; }
.dialog-close:hover { background: none; color: var(--accent); }
.admin-dialog .form-stack, .agreement-dialog .form-stack { width: 100%; max-width: none; }
.dialog-actions { display: flex; justify-content: flex-end; gap: var(--space-3); margin-top: var(--space-5); }
.field-status { color: var(--muted); font-size: var(--size-small); }
.field-status.is-success { color: var(--accent); }
.field-status[data-store-slug-status].is-success { font-weight: 700; }
.field-status.is-error { color: var(--danger); }
.store-registration { max-width: 48rem; }
.registration-panel .form-stack { max-width: 42rem; }
.registration-actions { display: flex; justify-content: flex-end; padding-top: var(--space-1); }
.registration-confirmation { gap: var(--space-4); }
.registration-confirmation .section-title { margin-bottom: var(--space-1); }
.registration-confirmation-label { margin: 0 0 var(--space-1); color: var(--muted); }
.registration-confirmation-value { margin: 0; overflow-wrap: anywhere; font-size: var(--size-section-title); }
.registration-action-button { background: var(--accent); }
.registration-action-button:hover { background: var(--accent-hover); }
.registration-action-button::before { display: none; }
.agreement-checkbox a { text-decoration: underline; }
.registration-field-action { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: var(--space-3); align-items: stretch; }
.registration-field-action .registration-action-button { min-width: 8.5rem; }
.registration-availability { display: grid; gap: var(--space-1); }
.registration-availability .field-status { display: block; }
.agreement-checkbox { align-items: flex-start; }
.agreement-checkbox > span { line-height: 1.45; }
.agreement-dialog { --dialog-size: var(--dialog-medium-width); }
.agreement-dialog[data-agreement-dialog] { height: min(48rem, calc(100dvh - 2rem)); }
#member-dialog, #handling-time-dialog { --dialog-size: var(--dialog-small-width); }
#carrier-account-dialog { --dialog-size: var(--dialog-small-width); }
.shipping-option-dialog { overflow-x: hidden; }
.shipping-option-dialog input:not([type=checkbox]), .shipping-option-dialog select { width: 100%; box-sizing: border-box; }
.shipping-option-dialog .editor-tabs { margin: 0; }
.checkout-shipping-choice { display: flex; align-items: start; gap: var(--space-3); margin: var(--space-3) 0; }
.checkout-shipping-choice small { display: block; font-weight: normal; }
.agreement-dialog iframe, .agreement-document-frame { width: 100%; height: calc(100% - 3.5rem); border: 1px solid var(--line); border-radius: var(--radius-small); background: var(--surface); }
.agreement-document-frame { min-height: 70vh; }
.empty-state > svg { width: 2.3rem; height: 2.3rem; stroke: var(--accent); }
.skip-link { position: absolute; left: -9999px; }
.visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.skip-link:focus { left: 1rem; top: 1rem; background: var(--surface); padding: var(--space-4); }
@media (max-width: 800px) {
.catalog-layout { grid-template-columns: 1fr; grid-template-areas: "filters" "results"; }
.product-grid, .catalog-results .product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.product-page, .store-hero, .cart-layout, .checkout-layout, .support-landing-layout, .login-layout { grid-template-columns: 1fr; }
.cart-summary, .checkout-summary { position: static; }
.checkout-summary { order: -1; }
.registration-field-action { grid-template-columns: 1fr; }
.registration-field-action .registration-action-button { justify-self: stretch; }
.ztore-table-col-priority-4 { display: none; }
}
@media (max-width: 520px) {
.support-message { max-width: 100%; }
.support-message header, .support-message-meta { align-items: stretch; flex-direction: column; }
.ztore-table-filter--wide { grid-column: auto; }
.ztore-table-toolbar, .entity-picker-control, .entity-picker-search-row > div { grid-template-columns: 1fr; }
.ztore-table-toolbar .entity-picker-control .entity-picker-open { width: 100%; }
.ztore-table-col-priority-2, .ztore-table-col-priority-3, .ztore-table-col-priority-4 { display: none; }
}
@media (min-width: 521px) and (max-width: 700px) {
.ztore-table-col-priority-3, .ztore-table-col-priority-4 { display: none; }
}
@media (max-width: 700px) {
.site-footer-grid { grid-template-columns: 1fr; gap: var(--space-6); }
.cookie-notice { align-items: flex-start; gap: var(--space-3); padding: var(--space-3) var(--space-4); }
.site-footer-column:nth-child(2), .site-footer-column:nth-child(3), .site-footer-brand { justify-self: start; }
.nav-primary { gap: var(--space-3); }
.site-header .nav-item { gap: 0; font-size: 0; }
.mobile-category-toggle { display: inline-flex; align-items: center; justify-content: center; }
.category-navigation { position: fixed; top: var(--category-navigation-top, 4.75rem); right: 1rem; left: 1rem; z-index: 30; display: none; max-height: calc(100vh - var(--category-navigation-top, 4.75rem) - .75rem); overflow-y: auto; border: 1px solid var(--line); border-radius: var(--radius); box-shadow: var(--shadow-menu); }
.category-navigation.is-mobile-open { display: block; }
.category-navigation-row { display: block; padding: var(--space-2); }
.category-navigation-list { display: block; padding: 0; }
.category-navigation-auth { display: none; }
.platform-navigation { position: static; display: block; max-height: none; overflow: visible; border: 0; border-bottom: 1px solid var(--line); border-radius: 0; box-shadow: none; }
.platform-navigation .category-navigation-row { display: flex; padding: 0; }
.platform-navigation .category-navigation-auth { display: flex; }
.category-navigation-item { display: flex; flex-wrap: wrap; align-items: center; padding: 0; border-bottom: 1px solid var(--line); }
.category-navigation-item:last-child { border-bottom: 0; }
.category-navigation-item > a { flex: 1 1 auto; padding: var(--space-3); font-size: var(--size-body); }
.category-menu-toggle { flex: 0 0 2.25rem; width: 2.25rem; min-height: 2.25rem; margin: 0 var(--space-1) 0 0; }
.category-navigation-item > .category-submenu, .category-navigation-item:nth-last-child(-n+2) > .category-submenu { position: static; display: none; flex: 0 0 100%; max-height: none; padding: 0 0 var(--space-1) var(--space-3); overflow: visible; border: 0; border-radius: 0; box-shadow: none; background: transparent; opacity: 1; visibility: visible; pointer-events: auto; transform: none; }
.category-navigation-item.is-open > .category-submenu { display: block; }
.category-submenu li { display: flex; flex-wrap: wrap; }
.category-submenu a { padding: var(--space-2) var(--space-6) var(--space-2) var(--space-3); font-size: var(--size-body); }
.category-submenu-toggle { position: static; flex: 0 0 2.25rem; width: 2.25rem; min-height: 2.25rem; margin-right: var(--space-1); padding: var(--space-2); transform: none; }
.category-submenu li.is-open > .category-submenu-toggle { transform: rotate(90deg); }
.category-submenu-nested, .category-navigation-item:nth-last-child(-n+2) .category-submenu-nested { position: static; display: none; flex: 0 0 100%; max-height: none; margin-left: var(--space-3); padding: 0 0 0 var(--space-3); border: 0; border-left: 1px solid var(--line); border-radius: 0; box-shadow: none; transform: none; }
.category-submenu li.is-open > .category-submenu-nested { display: block; }
.catalog-filter-disclosure:not([open]) > .form-stack { display: none; }
.catalog-filter-disclosure > .filter-title { display: flex; align-items: center; justify-content: space-between; margin: 0; cursor: pointer; }
.catalog-filter-disclosure > .filter-title::after { content: ""; width: .5rem; height: .5rem; margin-right: var(--space-1); border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg); transition: transform .15s ease; }
.catalog-filter-disclosure[open] > .filter-title { margin-bottom: var(--space-4); }
.catalog-filter-disclosure[open] > .filter-title::after { transform: rotate(225deg); }
.phone-verification-layout { grid-template-columns: 1fr; }
}
@media (max-width: 480px) {
.product-grid, .catalog-results .product-grid { grid-template-columns: 1fr; }
.page-header { align-items: start; flex-direction: column; }
.cart-line { grid-template-columns: 5rem minmax(0, 1fr); }
.cart-line img { width: 5rem; height: 5rem; }
.cart-quantity, .cart-line-total { grid-column: 2; justify-items: stretch; }
}
.phone-verification-layout { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; gap: var(--space-5); }
.phone-verification-layout .content-panel { margin: 0; }
.phone-verification-resend { margin-top: var(--space-4); }
.support-detail-panel .form-stack { width: 100%; max-width: none; grid-template-columns: minmax(0, 1fr); }
.technical-health-help { position: relative; }
.technical-health-help summary { display: inline-grid; place-items: center; width: 1.25rem; height: 1.25rem; border-radius: 50%; background: var(--tab-background); color: var(--tab-ink); font-size: var(--size-caption); font-weight: 700; line-height: 1; text-decoration: none; list-style: none; }
.technical-health-help summary::-webkit-details-marker { display: none; }
.technical-health-help summary:hover, .technical-health-help[open] summary { background: var(--tab-active-background); color: var(--tab-active-ink); }
.technical-health-help>span { position: absolute; z-index: 20; top: calc(100% + .4rem); left: 0; width: min(22rem,80vw); padding: var(--space-2) var(--space-3); border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); box-shadow: var(--shadow-menu); color: var(--ink); font-size: var(--size-small); font-weight: 400; }
.domain-connection-facts dt { position: relative; }
.domain-connection-facts dt > .technical-health-help { display: inline-block; position: static; vertical-align: middle; }
.cloudflare-help-row { position: relative; }
.cloudflare-help-row > .section-title { display: inline-block; }
.cloudflare-help-row > .technical-health-help { display: inline-block; position: static; }
.cloudflare-help-row > .technical-health-help > span { width: min(22rem, 100%); max-height: 50vh; overflow: auto; overflow-wrap: anywhere; }
/* Gästers ärendelänkar använder samma retur- och meddelandekomponenter. */
.order-info-table { margin: 0; overflow: hidden; border: 1px solid var(--line); background: var(--surface); }
.order-info-table { border-radius: var(--radius); }
.order-info-table > div { display: grid; grid-template-columns: minmax(9rem, 12rem) minmax(0, 1fr); border-bottom: 1px solid var(--line); }
.order-info-table > div:last-child { border-bottom: 0; }
.order-info-table dt, .order-info-table dd { padding: var(--space-4); }
.order-info-table dt { background: var(--surface-muted); color: var(--muted); }
.order-info-table dd { margin: 0; overflow-wrap: anywhere; overflow-x: auto; }
.order-info-table dd small { display: block; margin-top: var(--space-1); color: var(--muted); }
.order-info-table .order-info-total { font-weight: 700; }
@media (max-width: 36rem) {
.order-info-table > div { grid-template-columns: 1fr; }
.order-info-table dt { padding-bottom: var(--space-1); }
.order-info-table dd { padding-top: var(--space-1); }
}
.support-all-messages { margin: var(--space-4) 0 0; text-align: right; }
.support-author-seller, .support-author-supporthost { background: var(--surface-muted); }
.support-workflow-panel { margin-top: var(--space-4); padding: var(--space-4); border: 1px solid var(--border-color, var(--surface-muted)); border-radius: var(--radius); background: var(--surface-subtle); }
.support-workflow-panel > header, .support-workflow-line { display: flex; align-items: center; justify-content: space-between; gap: var(--space-4); }
.support-workflow-panel h2 { margin: 0 0 var(--space-3); }
.support-workflow-line { padding: var(--space-2) 0; border-top: 1px solid var(--surface-muted); }
.support-workflow-actions { display: flex; flex-wrap: wrap; align-items: end; gap: var(--space-3); margin-top: var(--space-3); }
.support-detail-panel .support-workflow-panel { overflow-wrap: anywhere; }
.support-detail-panel .support-workflow-panel:first-child { margin-top: 0; }
.support-detail-panel .support-workflow-panel > header, .support-detail-panel .support-workflow-line { flex-wrap: wrap; align-items: baseline; gap: var(--space-1) var(--space-4); overflow-wrap: anywhere; }
.support-workflow-editor .ztore-table td:last-child input { width: 6rem; max-width: 100%; }
.support-workflow-editor textarea { min-height: 5rem; }
.support-workflow-editor .support-workflow-actions { align-items: center; margin-top: 0; padding-top: var(--space-4); border-top: 1px solid var(--line); }