/* Artumos Kundenkonto Redesign 2026 */
.art-account-shell-2026 {
    max-width: 1180px;
    margin: 0 auto;
    padding: 5px;
}

.art-account-hero-2026 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 5px;
    padding: 5px;
    margin: 5px 0;
    border: 1px solid rgba(15, 23, 42, .08);
    border-radius: 12px;
    background: linear-gradient(135deg, #f8fafc 0%, #eef2ff 100%);
    box-shadow: 0 12px 35px rgba(15, 23, 42, .06);
}

.art-account-hero-2026__identity,
.art-account-hero-2026__actions,
.art-account-api-actions-2026 {
    display: flex;
    align-items: center;
    gap: 5px;
    flex-wrap: wrap;
}

.art-account-avatar-2026 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: 999px;
    background: #111827;
    color: #fff;
    font-weight: 700;
}

.art-account-eyebrow-2026,
.art-account-muted-2026,
.art-account-empty-2026,
.art-account-card-2026 small {
    color: #64748b;
}

.art-account-eyebrow-2026 {
    margin: 0 0 3px;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.art-account-hero-2026 h1,
.art-account-panel-2026 h2,
.art-account-card-2026 h3 {
    margin: 0 0 5px;
}

.art-account-hero-2026 p {
    margin: 0;
}

.art-account-btn-2026,
.art-account-linkbtn-2026 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 32px;
    padding: 5px;
    border-radius: 8px;
    border: 1px solid rgba(15, 23, 42, .14);
    font-weight: 700;
    text-decoration: none;
    cursor: pointer;
}

.art-account-btn-2026--dark {
    background: #111827;
    color: #fff;
}

.art-account-btn-2026--ghost,
.art-account-linkbtn-2026 {
    background: #fff;
    color: #111827;
}

.art-account-notice-2026 {
    margin: 5px 0;
    padding: 5px;
    border-radius: 8px;
    border: 1px solid transparent;
}

.art-account-notice-2026--success {
    background: #ecfdf5;
    border-color: #bbf7d0;
    color: #166534;
}

.art-account-notice-2026--warning {
    background: #fffbeb;
    border-color: #fde68a;
    color: #92400e;
}

.art-account-notice-2026--error {
    background: #fef2f2;
    border-color: #fecaca;
    color: #991b1b;
}

.art-account-layout-2026 {
    display: grid;
    grid-template-columns: 230px minmax(0, 1fr);
    gap: 5px;
}

.art-account-nav-2026,
.art-account-panel-2026,
.art-account-card-2026,
.art-account-digital-card-2026 {
    border: 1px solid rgba(15, 23, 42, .08);
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 8px 25px rgba(15, 23, 42, .05);
}

.art-account-nav-2026 {
    position: sticky;
    top: 75px;
    align-self: start;
    display: grid;
    gap: 3px;
    padding: 5px;
}

.art-account-nav-2026__item {
    width: 100%;
    padding: 5px;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: #334155;
    text-align: left;
    cursor: pointer;
}

.art-account-nav-2026__item.is-active,
.art-account-nav-2026__item:hover {
    background: #111827;
    color: #fff;
}

.art-account-content-2026,
.art-account-tab-2026,
.art-account-digital-list-2026 {
    min-width: 0;
}

.art-account-tab-2026 {
    display: none;
}

.art-account-tab-2026.is-active {
    display: grid;
    gap: 5px;
}

.art-account-grid-2026 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 5px;
    margin-top: 5px;
}

.art-account-grid-2026--kpis {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-top: 0;
}

.art-account-card-2026,
.art-account-panel-2026,
.art-account-digital-card-2026 {
    padding: 5px;
}

.art-account-card-2026 span,
.art-account-card-2026 strong,
.art-account-card-2026 small {
    display: block;
}

.art-account-card-2026 strong {
    font-size: 18px;
}

.art-account-panel-2026__head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 5px;
}

.art-account-table-wrap-2026 {
    overflow-x: auto;
}

.art-account-table-2026 {
    width: 100%;
    border-collapse: collapse;
}

.art-account-table-2026 th,
.art-account-table-2026 td {
    padding: 5px;
    border-bottom: 1px solid rgba(15, 23, 42, .08);
    text-align: left;
}

.art-account-table-2026 th {
    color: #64748b;
    font-size: 12px;
}

.art-account-badge-2026 {
    display: inline-flex;
    padding: 3px 5px;
    border-radius: 999px;
    background: #eff6ff;
    color: #1d4ed8;
}

.art-account-digital-list-2026,
.art-account-payment-options-2026,
.art-account-form-grid-2026 {
    display: grid;
    gap: 5px;
}

.art-account-digital-card-2026 {
    display: grid;
    gap: 5px;
}

.art-account-digital-card-2026 code {
    display: block;
    padding: 5px;
    border-radius: 8px;
    background: #f8fafc;
    word-break: break-all;
}

.art-account-digital-card-2026__links {
    display: flex;
    gap: 5px;
    flex-wrap: wrap;
}

.art-account-payment-options-2026 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.art-account-payment-option-2026 {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    gap: 5px;
    padding: 5px;
    border: 1px solid rgba(15, 23, 42, .12);
    border-radius: 8px;
}

.art-account-payment-option-2026.is-disabled {
    opacity: .55;
}

.art-account-form-grid-2026 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.art-account-form-2026 label {
    display: grid;
    gap: 3px;
    color: #334155;
    font-weight: 600;
}

.art-account-form-2026 input,
.art-account-form-2026 select {
    width: 100%;
    min-height: 34px;
    padding: 5px;
    border: 1px solid rgba(15, 23, 42, .16);
    border-radius: 8px;
}

@media (max-width: 860px) {
    .art-account-layout-2026,
    .art-account-grid-2026,
    .art-account-grid-2026--kpis,
    .art-account-payment-options-2026,
    .art-account-form-grid-2026 {
        grid-template-columns: 1fr;
    }

    .art-account-nav-2026 {
        position: static;
    }

    .art-account-hero-2026 {
        align-items: flex-start;
        flex-direction: column;
    }
}

:root {
  --art-bg: #fbf7f0;
  --art-bg-soft: #f4ede3;
  --art-surface: #ffffff;
  --art-surface-warm: #fff8ef;
  --art-text: #28352f;
  --art-heading: #1f5f69;
  --art-muted: #6f7b73;
  --art-border: #e8ded1;
  --art-teal: #087680;
  --art-teal-dark: #075861;
  /* PDP / Marktplatz-Referenz (u. a. TOP-Shops-Plakette, Buy-CTA-Ton) */
  --art-marketplace-accent: #005c5c;
  --art-marketplace-accent-hover: #004747;
  --art-terracotta: #de4f32;
  --art-terracotta-dark: #b93d28;
  --art-sage: #7fa174;
  --art-sage-soft: #eef5e8;
  --art-gold: #f2b94b;
  --art-danger-soft: #fff0e8;
  --art-font-ui: Roboto, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  --art-font-display: Georgia, "Times New Roman", serif;
  --art-type-label: 14px;
  --art-type-body: 14px;
  --art-type-lead: 14px;
  --art-type-button: 14px;
  --art-type-card: 14px;
  --art-type-title-sm: 19px;
  --art-type-title-md: 24px;
  --art-type-title-lg: 36px;
  --art-container: 1440px;
  --art-sidebar: 232px;
  --art-right-rail: 292px;
  --art-gap-sm: 8px;
  --art-gap-md: 16px;
  --art-gap-lg: 24px;
  --art-gap-xl: 36px;
  --art-radius-xs: 8px;
  --art-radius-sm: 10px;
  --art-radius-md: 14px;
  --art-radius-lg: 22px;
  --art-radius-xl: 30px;
  --art-radius-full: 999px;
  --art-shadow-sm: 0 6px 16px rgba(45, 33, 24, 0.06);
  --art-shadow-card: 0 16px 34px rgba(45, 33, 24, 0.10);
  --art-shadow-hero: 0 18px 54px rgba(45, 33, 24, 0.12);
}

* { box-sizing: border-box; }
html { min-height: 100%; background: var(--art-bg); }
body {
  min-height: 100vh;
  min-height: 100dvh;
  margin: 0;
  background: var(--art-bg);
  color: var(--art-text);
  font-family: var(--art-font-ui);
  font-size: var(--art-type-body);
  line-height: 1.4;
  display: flex;
  flex-direction: column;
}
a { color: inherit; text-decoration: none; }
img { max-width: 100%; display: block; }
button, input, select, textarea { font: inherit; }
main {
  flex: 1 0 auto;
  min-height: 0;
}
.art-footer {
  flex-shrink: 0;
}
h1, h2, h3, h4, h5, h6 {
  font-family: var(--art-font-display);
}

.art-container {
  width: min(var(--art-container), calc(100% - 112px));
  margin: 0 auto;
}
.art-logo {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  color: var(--art-heading);
  font-family: var(--art-font-display);
  font-size: 30px;
  font-weight: 500;
  letter-spacing: -.03em;
}
.art-logo__mark {
  width: 34px;
  height: 34px;
  color: var(--art-teal);
}
.art-site-header {
  position: sticky;
  top: 0;
  z-index: 50;
  background: #fff;
  border-bottom: 1px solid var(--art-border);
  backdrop-filter: none;
}
.art-header-main {
  display: grid;
  grid-template-columns: auto minmax(430px, 1fr) auto auto;
  gap: 18px;
  align-items: center;
  min-height: 58px;
}
.art-header-search {
  display: grid;
  grid-template-columns: 136px minmax(260px, 1fr) 44px;
  align-items: center;
  min-height: 38px;
  background: #fbfaf7;
  border: 1px solid var(--art-border);
  border-radius: 3px;
  overflow: hidden;
}
.art-header-search select,
.art-header-search input {
  min-width: 0;
  height: 38px;
  border: 0;
  background: transparent;
  color: var(--art-text);
  outline: none;
}
.art-header-search select { padding: 0 16px; border-right: 1px solid var(--art-border); font-size: var(--art-type-label); color: var(--art-muted); }
.art-header-search input { padding: 0 18px; font-size: var(--art-type-label); }
.art-header-search button {
  width: 44px;
  height: 38px;
  border: 0;
  background: transparent;
  color: var(--art-muted);
  cursor: pointer;
}
.art-header-search .material-icons { font-size: 19px; }
.art-header-actions,
.art-header-seller {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  white-space: nowrap;
}
.art-header-link {
  color: var(--art-text);
  font-size: var(--art-type-label);
  font-weight: 500;
}
.art-header-account {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  max-width: 220px;
  padding: 3px 8px 3px 4px;
  border: 1px solid var(--art-border);
  border-radius: var(--art-radius-full);
  background: #fff;
  color: var(--art-text);
  box-shadow: 0 1px 0 rgba(45, 33, 24, .04);
}
.art-header-account:hover {
  border-color: rgba(8, 118, 128, .34);
}
.art-header-account__avatar {
  display: inline-grid;
  place-items: center;
  flex: 0 0 30px;
  width: 30px;
  height: 30px;
  border-radius: var(--art-radius-full);
  background: linear-gradient(135deg, var(--art-teal), var(--art-sage));
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .02em;
}
.art-header-account__text {
  display: grid;
  min-width: 0;
  line-height: 1.15;
}
.art-header-account__text strong,
.art-header-account__text small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.art-header-account__text strong {
  font-size: 13px;
  font-weight: 700;
}
.art-header-account__text small {
  color: var(--art-muted);
  font-size: 11px;
}
.art-header-logout {
  display: inline-grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border: 1px solid var(--art-border);
  border-radius: var(--art-radius-full);
  background: #fff;
  color: var(--art-muted);
}
.art-header-logout:hover {
  color: var(--art-terracotta);
  border-color: rgba(222, 79, 50, .34);
}
.art-header-logout .material-icons {
  font-size: 18px;
}
.art-header-icon {
  position: relative;
  display: inline-grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border: 0;
  border-radius: var(--art-radius-full);
  background: #fff;
}
.art-header-icon .material-icons { font-size: 21px; color: var(--art-text); }
.art-cart-count {
  position: absolute;
  top: -6px;
  right: -6px;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  border-radius: var(--art-radius-full);
  background: var(--art-terracotta);
  color: #fff;
  font-size: var(--art-type-label);
  font-weight: 500;
  line-height: 18px;
  text-align: center;
}
.art-account-name {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  min-width: 0;
}
.art-account-badge {
  --art-badge-bg: #98a2b3;
  --art-badge-bg-dark: #667085;
  --art-badge-shadow: rgba(73, 85, 102, .24);
  --art-badge-mark: "✓";
  position: relative;
  display: inline-grid;
  place-items: center;
  flex: 0 0 16px;
  width: 16px;
  height: 16px;
  background:
    radial-gradient(circle at 36% 28%, rgba(255, 255, 255, .38) 0 12%, transparent 13%),
    linear-gradient(135deg, var(--art-badge-bg) 0%, var(--art-badge-bg-dark) 100%);
  clip-path: polygon(50% 0%, 62% 13%, 80% 10%, 87% 27%, 100% 38%, 92% 55%, 96% 73%, 78% 81%, 66% 96%, 50% 88%, 34% 96%, 22% 81%, 4% 73%, 8% 55%, 0% 38%, 13% 27%, 20% 10%, 38% 13%);
  vertical-align: -2px;
  filter: drop-shadow(0 1px 1px var(--art-badge-shadow));
}
.art-account-badge::after {
  content: "";
  position: absolute;
  inset: 2px;
  background: rgba(255, 255, 255, .08);
  clip-path: inherit;
}
.art-account-badge::before {
  content: var(--art-badge-mark);
  position: absolute;
  z-index: 1;
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
  color: #fff;
  font-family: Arial, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  text-shadow: 0 1px 0 rgba(0, 0, 0, .18);
  transform: translateY(-.3px);
}
.art-account-badge--unverified {
  --art-badge-bg: #98a2b3;
  --art-badge-bg-dark: #667085;
  --art-badge-shadow: rgba(73, 85, 102, .24);
  --art-badge-mark: "?";
}
.art-account-badge--verified {
  --art-badge-bg: #7f56d9;
  --art-badge-bg-dark: #5635a8;
  --art-badge-shadow: rgba(74, 42, 143, .28);
  --art-badge-mark: "✓";
}
.art-account-badge--verified_gold {
  --art-badge-bg: #f7c948;
  --art-badge-bg-dark: #b7791f;
  --art-badge-shadow: rgba(140, 91, 10, .3);
  --art-badge-mark: "";
}
.art-account-badge--verified_gold::before {
  top: 4px;
  left: 4px;
  width: 8px;
  height: 8px;
  background: #fff;
  clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 56%, 79% 91%, 50% 70%, 21% 91%, 32% 56%, 2% 35%, 39% 35%);
  transform: none;
}
.art-account-badge--suspended {
  --art-badge-bg: #d04444;
  --art-badge-bg-dark: #9d2323;
  --art-badge-shadow: rgba(132, 29, 29, .28);
  --art-badge-mark: "!";
}
.art-account-badge--customer {
  --art-badge-bg: #20c997;
  --art-badge-bg-dark: #087680;
  --art-badge-shadow: rgba(8, 118, 128, .24);
  --art-badge-mark: "✓";
}
.art-category-nav {
  position: relative;
  border-top: 1px solid rgba(234, 223, 210, .72);
  background: #fff;
}
.art-category-nav__inner {
  display: flex;
  justify-content: center;
  gap: 38px;
  min-height: 42px;
  overflow: visible;
}
.art-category-nav a,
.art-category-menu__trigger {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: #45616a;
  font-size: var(--art-type-label);
  font-weight: 500;
}
.art-category-nav .material-icons { font-size: 17px; color: #45616a; }
.art-category-menu {
  position: static;
  display: inline-flex;
  align-items: stretch;
}
.art-category-menu__trigger {
  min-height: 42px;
  border: 0;
  background: transparent;
  white-space: nowrap;
}
.art-category-menu__chevron {
  margin-left: -3px;
  font-size: 18px;
}
.art-category-menu__popup {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 40;
  width: 100%;
  max-height: min(70vh, 620px);
  overflow: auto;
  box-sizing: border-box;
  padding: 24px max(28px, calc((100vw - var(--art-container)) / 2));
  border: 1px solid rgba(184, 178, 170, .95);
  border-right: 0;
  border-left: 0;
  border-radius: 0 0 18px 18px;
  background: rgba(251, 250, 247, .94);
  box-shadow: 0 22px 55px rgba(46, 37, 30, .16);
  opacity: 0;
  pointer-events: none;
  transform: translateY(8px);
  transition: opacity .16s ease, transform .16s ease;
}
.art-category-menu:hover .art-category-menu__popup,
.art-category-menu:focus-within .art-category-menu__popup {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}
.art-category-menu__grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 22px 26px;
}
.art-category-menu__group {
  min-width: 0;
}
.art-category-menu__root {
  display: inline-flex;
  margin-bottom: 9px;
  color: var(--art-heading);
  font-size: 16px;
  line-height: 1.2;
}
.art-category-menu__children {
  display: grid;
  gap: 6px;
}
.art-category-menu__children a {
  display: block;
  color: #5d6f72;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.25;
}
.art-category-menu__root:hover,
.art-category-menu__children a:hover {
  color: var(--art-teal);
}
.art-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 38px;
  padding: 0 22px;
  border: 1px solid transparent;
  border-radius: 5px;
  font-size: var(--art-type-button);
  font-weight: 500;
  cursor: pointer;
  box-shadow: 0 8px 16px rgba(15, 111, 120, .08);
}
a.art-button {
  text-decoration: none;
  box-sizing: border-box;
}
.art-button--primary { background: var(--art-teal); color: #fff; }
.art-button--primary:hover { background: var(--art-teal-dark); }
.art-button--seller { background: var(--art-terracotta); color: #fff; }
.art-button--seller:hover { background: var(--art-terracotta-dark); }
.art-button--secondary { background: #fff; color: var(--art-teal); border-color: var(--art-teal); }
.art-button--ghost { background: transparent; color: var(--art-text); border-color: var(--art-border); }
.art-button--pastel-green {
  background: linear-gradient(180deg, #d8efd9, #b5dcb8);
  color: #1a3d24;
  border-color: rgba(55, 110, 68, 0.42);
  box-shadow: 0 12px 22px rgba(70, 110, 78, 0.18);
}
.art-button--pastel-green:hover {
  background: linear-gradient(180deg, #cae5cc, #a3d1a8);
  color: #132f1b;
}
.art-button--pastel-orange {
  background: linear-gradient(180deg, #ffd8bc, #ffb085);
  color: #5c2a12;
  border-color: rgba(200, 102, 48, 0.5);
  box-shadow: 0 12px 22px rgba(200, 110, 65, 0.22);
}
.art-button--pastel-orange:hover {
  background: linear-gradient(180deg, #ffc9a3, #ff9a5e);
  color: #421e0d;
}
.art-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 30px;
  padding: 0 12px;
  border: 1px solid var(--art-border);
  border-radius: var(--art-radius-full);
  background: #fff;
  color: var(--art-muted);
  font-size: var(--art-type-label);
  font-weight: 500;
}
.art-pill--active { background: var(--art-danger-soft); color: var(--art-terracotta); border-color: #f3c1b0; }
.art-card {
  background: var(--art-surface);
  border: 1px solid var(--art-border);
  border-radius: var(--art-radius-md);
  box-shadow: var(--art-shadow-sm);
}
.art-marketplace-shell {
  width: min(var(--art-container), calc(100% - 112px));
  margin: 0 auto;
  padding: 12px 0 18px;
}
.art-home-marketplace-shell {
  margin-top: 45px;
}
.art-marketplace-title,
.art-section-title {
  margin: 0;
  color: var(--art-heading);
  font-family: var(--art-font-display);
  font-weight: 500;
  letter-spacing: -.035em;
}
.art-marketplace-title { font-size: clamp(var(--art-type-title-lg), 4vw, 3.625rem); line-height: .96; }
.art-section-title { font-size: var(--art-type-title-md); line-height: 1.15; }
.art-marketplace-lead { color: var(--art-muted); font-size: var(--art-type-lead); line-height: 1.65; }
.art-breadcrumb {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 18px;
  color: var(--art-muted);
  font-size: var(--art-type-label);
  font-weight: 500;
}
.art-breadcrumb a {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: var(--art-teal);
}
.art-breadcrumb .material-icons { font-size: 16px; }
.art-listing-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 260px;
  gap: 28px;
  align-items: center;
  margin-bottom: 22px;
  padding: 28px;
  overflow: hidden;
  background: linear-gradient(135deg, #fff, #fff8ef);
  border: 1px solid var(--art-border);
  border-radius: var(--art-radius-xl);
  box-shadow: var(--art-shadow-sm);
}
.art-listing-hero__image,
.art-listing-hero__media {
  width: 100%;
  min-height: 170px;
  border-radius: var(--art-radius-lg);
  object-fit: cover;
  background:
    radial-gradient(circle at 28% 35%, rgba(255,255,255,.78) 0 14%, transparent 15%),
    radial-gradient(circle at 70% 62%, rgba(222,79,50,.14) 0 18%, transparent 19%),
    linear-gradient(135deg, #d9c3a9, #f4e3cf);
}
.art-listing-toolbar {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  align-items: center;
  margin-bottom: 20px;
  padding: 14px 16px;
  background: #fff;
  border: 1px solid var(--art-border);
  border-radius: var(--art-radius-md);
  box-shadow: var(--art-shadow-sm);
}
.art-listing-count { color: var(--art-muted); font-size: var(--art-type-label); }
.art-listing-controls { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }
.art-listing-controls label {
  display: inline-flex;
  gap: 8px;
  align-items: center;
  color: var(--art-muted);
  font-size: var(--art-type-label);
  font-weight: 500;
}
.art-pagination {
  display: flex;
  justify-content: center;
  gap: 8px;
  margin-top: 26px;
}
.art-pagination a {
  min-width: 38px;
  min-height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 12px;
  border: 1px solid var(--art-border);
  border-radius: var(--art-radius-full);
  background: #fff;
  color: var(--art-text);
  font-weight: 500;
}
.art-pagination a.is-active { background: var(--art-teal); color: #fff; border-color: var(--art-teal); }
.art-subcategory-row { display: flex; gap: 10px; flex-wrap: wrap; margin-bottom: 18px; }
.art-rich-text :first-child { margin-top: 0; }
.art-rich-text :last-child { margin-bottom: 0; }
.art-section-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin: 0 0 8px;
}
.art-section-link { color: var(--art-teal); font-size: var(--art-type-label); font-weight: 500; }
.art-home-hero {
  position: relative;
  overflow: hidden;
  min-height: 286px;
  background: #fbf7f0;
  border-bottom: 1px solid var(--art-border);
}
.art-home-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background: url('/images/artumos-elements/optimized/slider.webp') 61% center / 112% auto no-repeat;
}
.art-home-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(90deg, #fbf7f0 0%, rgba(251, 247, 240, .99) 28%, rgba(251, 247, 240, .72) 36%, rgba(251, 247, 240, .24) 45%, rgba(251, 247, 240, 0) 54%);
}
.art-home-hero .art-container {
  width: min(1248px, calc(100% - 112px));
}
.art-home-hero__inner {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: 444px minmax(0, 1fr);
  gap: 30px;
  align-items: center;
  justify-content: center;
  min-height: 286px;
  padding: 18px 0 17px;
}
.art-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  min-height: 18px;
  margin: 0 0 16px;
  padding: 2px 9px 2px 8px;
  border: 1px solid rgba(8, 118, 128, .42);
  border-radius: var(--art-radius-full);
  background: rgba(255, 255, 255, .62);
  color: var(--art-teal);
  font-size: var(--art-type-label);
  font-weight: 500;
  line-height: 1;
  letter-spacing: .055em;
  text-transform: uppercase;
}
.art-eyebrow__icon {
  width: 10px;
  height: 10px;
  flex: 0 0 10px;
}
.art-home-hero h1 {
  margin: 0;
  max-width: 432px;
  color: var(--art-heading);
  font-family: var(--art-font-display);
  font-size: 57px;
  line-height: .91;
  letter-spacing: -.045em;
}
.art-home-hero p { max-width: 318px; color: #5d534a; font-size: var(--art-type-label); line-height: 1.35; margin: 9px 0 0; }
.art-hero-actions { display: flex; gap: 16px; flex-wrap: wrap; margin: 15px 0 0; }
.art-hero-actions .art-button {
  min-height: 34px;
  min-width: 132px;
  padding: 0 18px;
  border-radius: 7px;
  font-size: var(--art-type-button);
}
.art-hero-actions .material-icons { font-size: 16px; }
.art-hero-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 26px;
  width: min(590px, calc(100vw - 48px));
  max-width: none;
  margin-top: 22px;
}
.art-hero-stat {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  gap: 9px;
  align-items: start;
  color: #52645f;
  font-size: var(--art-type-body);
  line-height: 1.26;
}
.art-hero-stat strong {
  display: inline;
  color: var(--art-heading);
  font-size: var(--art-type-body);
  line-height: inherit;
  margin: 0;
}
.art-hero-stat__icon {
  width: 26px;
  height: 26px;
  color: var(--art-teal);
  margin-top: 1px;
}
.art-hero-photo {
  grid-column: 2;
  grid-row: 1;
  justify-self: stretch;
  align-self: center;
  position: relative;
  z-index: 1;
  min-height: 210px;
  transform: none;
  background: transparent;
}
.art-hero-feature {
  grid-column: 2;
  grid-row: 1;
  justify-self: end;
  align-self: center;
  z-index: 2;
  width: 180px;
  min-height: 200px;
  margin-right: 28px;
  padding: 24px 20px 20px;
  background: rgba(255, 255, 255, .92);
  border: 1px solid rgba(234, 223, 210, .9);
  border-radius: 14px;
  box-shadow: var(--art-shadow-card);
  text-align: center;
}
.art-hero-feature__avatar {
  width: 46px;
  height: 46px;
  margin: 0 auto 13px;
  border-radius: var(--art-radius-full);
  background: url('/images/home-redesign/ref-story-avatar.webp') center / cover no-repeat, linear-gradient(135deg, #dec7ad, #fff2df);
}
.art-hero-feature h3 { margin: 0; color: var(--art-heading); font-family: var(--art-font-display); font-size: var(--art-type-title-sm); line-height: 1.05; }
.art-hero-feature p { max-width: none; margin: 10px 0 14px; font-size: var(--art-type-body); line-height: 1.35; }
.art-category-grid {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 11px;
}
.art-category-card {
  overflow: hidden;
  min-height: 102px;
  border-radius: 7px;
  background: transparent;
  box-shadow: var(--art-shadow-sm);
}
.art-category-card__image {
  height: 110px;
  background: url('/images/artumos-elements/optimized/handmade.webp') center / cover no-repeat;
}
.art-category-card--deko .art-category-card__image { background-image: url('/images/artumos-elements/optimized/decoration.webp'); }
.art-category-card--schmuck .art-category-card__image { background-image: url('/images/artumos-elements/optimized/schmuck.webp'); }
.art-category-card--mode .art-category-card__image { background-image: url('/images/artumos-elements/optimized/mode.webp'); }
.art-category-card--kunst .art-category-card__image { background-image: url('/images/artumos-elements/optimized/kunst.webp'); }
.art-category-card--moebel .art-category-card__image { background-image: url('/images/artumos-elements/optimized/moebel.webp'); }
.art-category-card--papeterie .art-category-card__image { background-image: url('/images/artumos-elements/optimized/papeterie.webp'); }
.art-category-card--haus-wohnen .art-category-card__image { background-image: url('/images/artumos-elements/optimized/haus-wohnen.webp'); }
.art-category-card--kerzen-duft .art-category-card__image { background-image: url('/images/artumos-elements/optimized/kerzen-duft.webp'); }
.art-category-card--pflanzen-floristik .art-category-card__image { background-image: url('/images/artumos-elements/optimized/pflanzen-floristik.webp'); }
.art-category-card--buero-planung-organisation .art-category-card__image { background-image: url('/images/artumos-elements/optimized/buero-planung-organisation.webp'); }
.art-category-card--lebensmittel-feinkost .art-category-card__image { background-image: url('/images/artumos-elements/optimized/lebensmittel-feinkost.webp'); }
.art-category-card--saisonales .art-category-card__image { background-image: url('/images/artumos-elements/optimized/saisonales.webp'); }
.art-category-card--personalisierung .art-category-card__image { background-image: url('/images/artumos-elements/optimized/personalisierung.webp'); }
.art-category-card--baby-kind-familie .art-category-card__image { background-image: url('/images/artumos-elements/optimized/baby-kind-familie.webp'); }
.art-category-card--beauty-pflege .art-category-card__image { background-image: url('/images/artumos-elements/optimized/beauty-pflege.webp'); }
.art-category-card--spirituelles-achtsamkeit .art-category-card__image { background-image: url('/images/artumos-elements/optimized/spirituelles-achtsamkeit.webp'); }
.art-category-card--nachhaltigkeit-upcycling .art-category-card__image { background-image: url('/images/artumos-elements/optimized/nachhaltigkeit-upcycling.webp'); }
.art-category-card--elektronik-zubehoer .art-category-card__image { background-image: url('/images/artumos-elements/optimized/elektronik-zubehoer.webp'); }
.art-category-card--buecher-musik-filme-medien .art-category-card__image { background-image: url('/images/artumos-elements/optimized/buecher-musik-filme-medien.webp'); }
.art-category-card--freizeit-hobby-sport .art-category-card__image { background-image: url('/images/artumos-elements/optimized/freizeit-hobby-sport.webp'); }
.art-category-card--haustiere .art-category-card__image { background-image: url('/images/artumos-elements/optimized/haustiere.webp'); }
.art-category-card--tickets-events-gutscheine .art-category-card__image { background-image: url('/images/artumos-elements/optimized/tickets-events-gutscheine.webp'); }
.art-category-card--fahrzeug-fahrrad-zubehoer .art-category-card__image { background-image: url('/images/artumos-elements/optimized/fahrzeug-fahrrad-zubehoer.webp'); }
.art-category-card--ersatzteile-reparatur .art-category-card__image { background-image: url('/images/artumos-elements/optimized/ersatzteile-reparatur.webp'); }
.art-category-card--digitale-produkte .art-category-card__image { background-image: url('/images/artumos-elements/optimized/digitale-produkte.webp'); }
.art-category-card--dienstleistungen-kurse .art-category-card__image { background-image: url('/images/artumos-elements/optimized/dienstleistungen-kurse.webp'); }
.art-category-card__label {
  display: flex;
  align-items: center;
  gap: 5px;
  min-height: 31px;
  padding: 0 12px;
  background-color: rgba(15, 127, 131, .91);
  background-image: linear-gradient(180deg, rgba(255, 255, 255, .22), rgba(255, 255, 255, .04));
  border-top: none;
  box-shadow: none;
  backdrop-filter: blur(10px) saturate(145%);
  -webkit-backdrop-filter: blur(10px) saturate(145%);
  color: #fff;
  font-size: var(--art-type-label);
  font-weight: 500;
}
.art-category-card--deko .art-category-card__label { background-color: rgb(138, 169, 120); }
.art-category-card--schmuck .art-category-card__label { background-color: rgb(202, 134, 134); }
.art-category-card--mode .art-category-card__label { background-color: rgb(119, 185, 159); }
.art-category-card--kunst .art-category-card__label { background-color: rgb(76, 147, 174); }
.art-category-card--moebel .art-category-card__label { background-color: rgb(194, 139, 85); }
.art-category-card--papeterie .art-category-card__label { background-color: rgb(127, 155, 112); }
.art-category-card--haus-wohnen .art-category-card__label { background-color: rgb(166, 121, 76); }
.art-category-card--kerzen-duft .art-category-card__label { background-color: rgb(199, 129, 58); }
.art-category-card--pflanzen-floristik .art-category-card__label { background-color: rgb(104, 148, 86); }
.art-category-card--buero-planung-organisation .art-category-card__label { background-color: rgb(92, 130, 158); }
.art-category-card--lebensmittel-feinkost .art-category-card__label { background-color: rgb(178, 113, 56); }
.art-category-card--saisonales .art-category-card__label { background-color: rgb(164, 119, 82); }
.art-category-card--personalisierung .art-category-card__label { background-color: rgb(176, 91, 128); }
.art-category-card--baby-kind-familie .art-category-card__label { background-color: rgb(94, 148, 181); }
.art-category-card--beauty-pflege .art-category-card__label { background-color: rgb(190, 99, 125); }
.art-category-card--spirituelles-achtsamkeit .art-category-card__label { background-color: rgb(124, 96, 159); }
.art-category-card--nachhaltigkeit-upcycling .art-category-card__label { background-color: rgb(92, 145, 89); }
.art-category-card--elektronik-zubehoer .art-category-card__label { background-color: rgb(76, 127, 177); }
.art-category-card--buecher-musik-filme-medien .art-category-card__label { background-color: rgb(144, 105, 78); }
.art-category-card--freizeit-hobby-sport .art-category-card__label { background-color: rgb(75, 150, 129); }
.art-category-card--haustiere .art-category-card__label { background-color: rgb(171, 117, 76); }
.art-category-card--tickets-events-gutscheine .art-category-card__label { background-color: rgb(199, 127, 57); }
.art-category-card--fahrzeug-fahrrad-zubehoer .art-category-card__label { background-color: rgb(91, 139, 151); }
.art-category-card--ersatzteile-reparatur .art-category-card__label { background-color: rgb(135, 116, 92); }
.art-category-card--digitale-produkte .art-category-card__label { background-color: rgb(89, 121, 184); }
.art-category-card--dienstleistungen-kurse .art-category-card__label { background-color: rgb(129, 145, 82); }
.art-category-card--handmade .art-category-card__image {
  background-image: url('/images/artumos-elements/optimized/handmade.webp');
}

/* Abgestufte Farbflächen für Kategorien ohne eigenes Key-Visual */
.art-category-card--gen-0 .art-category-card__image {
  background-image:
    radial-gradient(circle at 22% 28%, rgba(255, 255, 255, 0.55) 0 18%, transparent 19%),
    linear-gradient(145deg, #dff4f5 0%, #b9dfe4 45%, #9fcbd4 100%);
}
.art-category-card--gen-1 .art-category-card__image {
  background-image:
    radial-gradient(circle at 72% 22%, rgba(255, 255, 255, 0.42) 0 22%, transparent 23%),
    linear-gradient(145deg, #f5e8ff 0%, #dcc9ef 50%, #c4aadf 100%);
}
.art-category-card--gen-2 .art-category-card__image {
  background-image:
    radial-gradient(circle at 30% 70%, rgba(255, 255, 255, 0.48) 0 20%, transparent 21%),
    linear-gradient(145deg, #fff4e4 0%, #f0cfab 55%, #ddb892 100%);
}
.art-category-card--gen-3 .art-category-card__image {
  background-image:
    radial-gradient(circle at 78% 62%, rgba(255, 255, 255, 0.38) 0 24%, transparent 25%),
    linear-gradient(145deg, #e8f8ee 0%, #bfe3cd 50%, #94cba9 100%);
}
.art-category-card--gen-4 .art-category-card__image {
  background-image:
    radial-gradient(circle at 40% 35%, rgba(255, 255, 255, 0.5) 0 16%, transparent 17%),
    linear-gradient(145deg, #eaf1fb 0%, #c5d8f0 50%, #a3bfdf 100%);
}
.art-category-card--gen-5 .art-category-card__image {
  background-image:
    radial-gradient(circle at 65% 38%, rgba(255, 255, 255, 0.44) 0 18%, transparent 19%),
    linear-gradient(145deg, #fdecef 0%, #f3c5ce 52%, #e19daa 100%);
}
.art-category-card--gen-6 .art-category-card__image {
  background-image:
    radial-gradient(circle at 25% 55%, rgba(255, 255, 255, 0.42) 0 22%, transparent 23%),
    linear-gradient(145deg, #eef7ff 0%, #cfe5fb 50%, #b1d3f5 100%);
}
.art-category-card--gen-7 .art-category-card__image {
  background-image:
    radial-gradient(circle at 55% 72%, rgba(255, 255, 255, 0.4) 0 20%, transparent 21%),
    linear-gradient(145deg, #f4f0e8 0%, #dcd2c2 50%, #c8b8a2 100%);
}
.art-category-card--gen-0 .art-category-card__label { background-color: rgba(8, 118, 128, 0.88); }
.art-category-card--gen-1 .art-category-card__label { background-color: rgba(118, 82, 155, 0.88); }
.art-category-card--gen-2 .art-category-card__label { background-color: rgba(176, 118, 62, 0.88); }
.art-category-card--gen-3 .art-category-card__label { background-color: rgba(74, 132, 94, 0.88); }
.art-category-card--gen-4 .art-category-card__label { background-color: rgba(72, 112, 168, 0.88); }
.art-category-card--gen-5 .art-category-card__label { background-color: rgba(178, 76, 108, 0.88); }
.art-category-card--gen-6 .art-category-card__label { background-color: rgba(62, 118, 178, 0.88); }
.art-category-card--gen-7 .art-category-card__label { background-color: rgba(118, 104, 84, 0.88); }

/* Kategorien-Übersicht (/categories): Raster mit Unterkategorien */
.art-categories-page {
  padding-top: 18px;
}
.art-categories-breadcrumb {
  width: fit-content;
  padding: 7px 11px;
  margin-bottom: 14px;
  border: 1px solid rgba(8, 118, 128, 0.12);
  border-radius: var(--art-radius-full);
  background: rgba(255, 255, 255, 0.76);
  box-shadow: 0 8px 22px rgba(45, 33, 24, 0.05);
  backdrop-filter: blur(10px);
}
.art-categories-breadcrumb > span:last-child {
  color: var(--art-heading);
}
.art-categories-hero {
  position: relative;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 420px);
  gap: clamp(24px, 4vw, 52px);
  min-height: 252px;
  margin-bottom: 28px;
  padding: clamp(28px, 4vw, 46px);
  background:
    radial-gradient(circle at 8% 12%, rgba(212, 233, 61, 0.14) 0 16%, transparent 17%),
    radial-gradient(circle at 76% 18%, rgba(222, 79, 50, 0.10) 0 18%, transparent 19%),
    linear-gradient(135deg, #fffdf8 0%, #fff6ea 58%, #f5eadc 100%);
  border-color: rgba(8, 118, 128, 0.12);
  box-shadow: 0 18px 48px rgba(45, 33, 24, 0.08);
}
.art-categories-hero::before {
  content: "";
  position: absolute;
  inset: 14px;
  pointer-events: none;
  border: 1px solid rgba(255, 255, 255, 0.72);
  border-radius: calc(var(--art-radius-xl) - 10px);
}
.art-categories-hero__content {
  position: relative;
  z-index: 1;
}
.art-categories-hero .art-marketplace-eyebrow {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  padding: 5px 10px;
  border: 1px solid rgba(8, 118, 128, 0.13);
  border-radius: var(--art-radius-full);
  color: var(--art-teal-dark);
  background: rgba(255, 255, 255, 0.72);
}
.art-categories-hero .art-marketplace-title {
  max-width: 760px;
  margin-top: 13px;
  color: var(--art-teal-dark);
  font-size: clamp(42px, 5vw, 70px);
  letter-spacing: -0.045em;
}
.art-categories-hero .art-marketplace-lead {
  max-width: 680px;
  margin-top: 12px;
  color: #1f5f69;
  font-size: clamp(15px, 1.4vw, 18px);
  line-height: 1.6;
}
.art-categories-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin-top: 22px;
}
.art-categories-hero__actions a {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 8px 13px;
  border: 1px solid rgba(8, 118, 128, 0.16);
  border-radius: var(--art-radius-full);
  color: var(--art-teal-dark);
  background: rgba(255, 255, 255, 0.78);
  font-size: 14px;
  font-weight: 500;
  box-shadow: 0 6px 16px rgba(45, 33, 24, 0.045);
}
.art-categories-hero__actions a:hover {
  border-color: rgba(8, 118, 128, 0.34);
  color: var(--art-teal);
  background: #fff;
}
.art-categories-hero__image {
  position: relative;
  z-index: 1;
  width: 100%;
  min-height: 210px;
  align-self: stretch;
  border: 1px solid rgba(255, 255, 255, 0.76);
  border-radius: var(--art-radius-lg);
  background: url('/images/artumos-elements/optimized/categories-header-marketplace.webp') center / cover no-repeat;
  box-shadow: 0 18px 40px rgba(45, 33, 24, 0.13);
  overflow: hidden;
}
.art-categories-hero__image::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.06), rgba(31,95,105,0.10)),
    radial-gradient(circle at 16% 18%, rgba(255,255,255,0.42), transparent 24%);
  pointer-events: none;
}
.art-categories-browse {
  margin-bottom: 26px;
}
.art-categories-browse__head {
  margin-bottom: 14px;
}
.art-categories-browse__lead {
  margin: 8px 0 0;
  max-width: 52rem;
  color: var(--art-muted);
  font-size: var(--art-type-body);
  line-height: 1.55;
}
.art-categories-browse-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(268px, 1fr));
  gap: 16px;
}
.art-category-browse-card {
  background: var(--art-surface);
  border: 1px solid var(--art-border);
  border-radius: var(--art-radius-md);
  overflow: hidden;
  box-shadow: var(--art-shadow-sm);
  display: flex;
  flex-direction: column;
  align-self: start;
}
.art-category-browse-card__hero {
  display: block;
  text-decoration: none;
  color: inherit;
}
.art-category-browse-card__hero.art-category-card {
  box-shadow: none;
  border-radius: 0;
  min-height: 0;
}
.art-category-browse-card__hero .art-category-card__image {
  height: 132px;
}
.art-category-browse-card__subs {
  padding: 12px 13px 15px;
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  border-top: 1px solid var(--art-border);
  background: linear-gradient(180deg, var(--art-surface-warm), #fff);
}
.art-category-browse-sub {
  display: inline-flex;
  align-items: center;
  padding: 5px 9px;
  border-radius: var(--art-radius-full);
  font-size: 13px;
  font-weight: 500;
  color: var(--art-teal-dark);
  background: #fff;
  border: 1px solid var(--art-border);
  text-decoration: none;
  line-height: 1.25;
  transition: border-color 0.15s ease, background 0.15s ease, color 0.15s ease;
}
.art-category-browse-sub:hover {
  border-color: var(--art-teal);
  background: rgba(8, 118, 128, 0.06);
  color: var(--art-teal);
}

.art-categories-catalog-cta {
  margin: 20px 0 6px;
  text-align: center;
}

/* Startseite: eine Produktzeile, Verkaeufer-USP, Shop des Monats nebeneinander */
.art-home-products {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(252px, 292px) minmax(248px, var(--art-right-rail));
  gap: 22px;
  /* Mobil/Tablet natuerlich stapeln; Desktop streckt die Seitenspalten auf Produkthoehe. */
  align-items: start;
}
.art-home-products > div:first-child {
  min-width: 0;
}
.art-home-products .art-tabs .art-pill--active {
  background: #eceff1;
  color: var(--art-heading);
  border-color: #dde2e5;
}

/* Promo: mobil kompakt; Desktop nutzt den freien Raum fuer das Top-Shops-Bild */
.art-home-products > .art-seller-promo-card {
  justify-content: flex-start;
  align-self: start;
  height: auto;
}
/* Desktop: Promo-Spalte nicht hoeher als „Ausgewaehlte Produkte“ (3 Kartenzeilen + Kopf + Tabs) */
@media (min-width: 961px) {
  .art-home-products {
    align-items: stretch;
  }
  .art-home-products > .art-seller-promo-card {
    align-self: stretch;
    height: 100%;
    min-height: 0;
    max-height: calc(286px + 286px + 286px + 22px + 7.35rem);
    overflow: hidden;
  }
  .art-home-products > .art-seller-promo-card > div:first-of-type {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
  }
  .art-home-products > .art-seller-promo-card h3,
  .art-home-products > .art-seller-promo-card .art-home-promo-list,
  .art-home-products > .art-seller-promo-card .art-seller-promo-card__divider {
    flex: 0 0 auto;
  }
  .art-home-products .art-seller-top-shops-teaser {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 100px;
  }
  .art-home-products .art-seller-top-shops-teaser picture {
    flex: 1 1 auto;
    min-height: 0;
    display: block;
    height: 100%;
    max-height: 100%;
  }
  .art-home-products .art-seller-top-shops-teaser img {
    aspect-ratio: unset;
    width: 100%;
    height: 100%;
    min-height: 100px;
    max-height: 100%;
    object-fit: cover;
  }
  .art-home-products > .art-right-rail {
    align-self: stretch;
    height: 100%;
  }
  .art-home-products > .art-right-rail > .art-shop-month-card {
    flex: 1 1 0;
    height: auto;
    min-height: 0;
  }
}
.art-home-products .art-seller-promo-card__bottom {
  margin-top: auto;
  padding-top: 18px;
}
.art-home-products > .art-right-rail {
  display: flex;
  flex-direction: column;
  align-self: start;
  height: auto;
  min-height: 0;
  gap: 14px;
}
.art-home-products > .art-right-rail > .art-shop-month-card {
  flex: 0 0 auto;
  height: auto;
  min-height: 0;
}
.art-home-products .art-shop-month-card {
  height: auto;
  padding: 22px;
}
@media (min-width: 961px) {
  .art-home-products > .art-right-rail {
    align-self: stretch;
    height: 100%;
  }
  .art-home-products > .art-right-rail > .art-shop-month-card {
    flex: 1 1 0;
    height: auto;
    min-height: 0;
  }
}

.art-tabs { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 10px; }
.art-product-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 11px;
}
.art-product-grid.art-home-featured-product-grid {
  align-items: stretch;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.art-home-product-card {
  display: grid;
  grid-template-rows: 154px 1fr;
  height: 286px;
  overflow: hidden;
  background: #fff;
  border: 1px solid var(--art-border);
  border-radius: var(--art-radius-md);
  box-shadow: var(--art-shadow-sm);
}
.art-home-product-card__media {
  position: relative;
  display: block;
  overflow: hidden;
  background: #f3eadf;
}
.art-home-product-card__media picture {
  display: block;
  width: 100%;
  height: 100%;
}
.art-home-product-card__media img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
.art-home-product-card__placeholder {
  display: block;
  width: 100%;
  height: 100%;
  background:
    radial-gradient(circle at 28% 28%, rgba(255, 255, 255, .64), transparent 28%),
    linear-gradient(135deg, #f2dfc7, #d8b98f);
}
.art-home-product-card__badge {
  position: absolute;
  left: 8px;
  top: 8px;
  min-height: 22px;
  padding: 0 8px;
  display: inline-flex;
  align-items: center;
  border-radius: var(--art-radius-xs);
  background: var(--art-teal);
  color: #fff;
  font-size: var(--art-type-label);
  font-weight: 500;
}
.art-home-product-card__wish {
  position: absolute;
  right: 8px;
  top: 8px;
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  border-radius: var(--art-radius-full);
  background: rgba(255, 255, 255, .92);
  color: var(--art-muted);
  font-size: 22px;
}
.art-home-product-card__body {
  display: grid;
  grid-template-rows: minmax(30px, auto) auto 1fr;
  gap: 6px;
  padding: 12px;
}
.art-home-product-card__body strong {
  color: var(--art-text);
  font-size: var(--art-type-body);
  line-height: 1.24;
}
.art-home-product-card__body small {
  color: var(--art-muted);
  font-size: var(--art-type-body);
}
.art-home-product-card__bottom {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  column-gap: 8px;
  align-self: end;
  width: 100%;
  margin-top: auto;
}
.art-home-product-card__bottom b {
  justify-self: start;
  margin: 0;
  color: var(--art-text);
  font-size: var(--art-type-body);
}
.art-home-product-card__bottom span {
  justify-self: end;
  color: #d69b26;
  font-size: var(--art-type-body);
  font-weight: 500;
}
.art-home-product-card__bottom .art-home-product-card__rating {
  justify-self: end;
  color: #a5a922;
  font-weight: 500;
  white-space: nowrap;
}
.lz-products-grid-12345,
.woo-view-grid-12345,
.sk24-category-product-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  gap: 14px;
}
.container-exact {
  width: min(var(--art-container), calc(100% - 48px));
  margin: 0 auto;
}
.sk24-category-page,
.downloads-breadcrumb-12345,
.sk24-category-hero,
.lz-products-section-12345 {
  background: var(--art-bg);
}
.sk24-category-hero { padding: 34px 0 20px; }
.sk24-category-title {
  margin: 0;
  color: var(--art-heading);
  font-family: var(--art-font-display);
  font-size: clamp(var(--art-type-title-lg), 4vw, 3.5rem);
  letter-spacing: -.035em;
}
.sk24-category-lead,
.sk24-search-lead { color: var(--art-muted); }
.woo-toolbar-12345 {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: center;
  margin-bottom: 18px;
  padding: 14px;
  background: #fff;
  border: 1px solid var(--art-border);
  border-radius: var(--art-radius-md);
}
.woo-select-12345 {
  min-height: 34px;
  border: 1px solid var(--art-border);
  border-radius: var(--art-radius-xs);
  background: #fff;
  padding: 0 10px;
}
.woo-no-products-12345 {
  padding: 28px;
  background: #fff;
  border: 1px solid var(--art-border);
  border-radius: var(--art-radius-md);
  color: var(--art-muted);
}
.art-product-card {
  position: relative;
  overflow: hidden;
  background: #fff;
  border: 1px solid var(--art-border);
  border-radius: 8px;
  box-shadow: 0 7px 18px rgba(45, 33, 24, 0.07);
}
.art-product-card__media {
  position: relative;
  aspect-ratio: 1 / .66;
  background: #f2e6d7;
  overflow: hidden;
}
.art-product-card__media img { width: 100%; height: 100%; object-fit: cover; }
.art-product-card__wish {
  position: absolute;
  top: 8px;
  right: 8px;
  display: grid;
  place-items: center;
  width: 27px;
  height: 27px;
  border: 1px solid var(--art-border);
  border-radius: var(--art-radius-full);
  background: rgba(255, 255, 255, .9);
  color: var(--art-muted);
}
.art-product-card__badge {
  position: absolute;
  left: 9px;
  top: 9px;
  min-height: 22px;
  padding: 0 8px;
  border-radius: var(--art-radius-full);
  background: rgba(255,255,255,.92);
  color: var(--art-teal);
  font-size: var(--art-type-label);
  font-weight: 500;
  text-transform: uppercase;
}
.art-product-card__wish .material-icons { font-size: 18px; }
.art-product-card__body { padding: 7px 9px 8px; }
.art-product-card__title {
  display: block;
  min-height: 27px;
  color: var(--art-text);
  font-size: var(--art-type-card);
  font-weight: 500;
  line-height: 1.22;
}
.art-product-card__shop { margin-top: 2px; color: var(--art-muted); font-size: var(--art-type-label); }
.art-product-card__bottom {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 10px;
  margin-top: 5px;
}
.art-product-card__price { color: var(--art-text); font-size: var(--art-type-card); font-weight: 500; }
.art-product-card__rating { color: var(--art-gold); font-size: var(--art-type-label); font-weight: 500; white-space: nowrap; }
.art-side-card { padding: 13px; background: var(--art-surface); border: 1px solid var(--art-border); border-radius: 8px; box-shadow: var(--art-shadow-sm); }
.art-side-card + .art-side-card { margin-top: 12px; }
.art-seller-promo-card {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow: hidden;
  align-self: stretch;
  height: 100%;
  min-height: 348px;
  padding: 22px;
  background: #c7e6c9;
  border: 1px solid var(--art-border);
  border-radius: var(--art-radius-md);
  box-shadow: var(--art-shadow-sm);
}
.art-seller-promo-card::after {
  content: "";
  position: absolute;
  right: 18px;
  bottom: 18px;
  width: 78px;
  height: 78px;
  border-radius: 24px;
  background:
    linear-gradient(135deg, rgba(255,255,255,.55), rgba(255,255,255,0)),
    rgba(15, 111, 120, .06);
  transform: rotate(8deg);
  pointer-events: none;
}
.art-seller-promo-card__badge {
  display: inline-flex;
  align-items: center;
  width: max-content;
  min-height: 24px;
  margin-bottom: 12px;
  padding: 0 10px;
  border: 1px solid #cfe5df;
  border-radius: var(--art-radius-full);
  background: #eef8f4;
  color: var(--art-teal);
  font-size: var(--art-type-label);
  font-weight: 500;
}
.art-seller-promo-card h3 {
  max-width: 100%;
  margin: 0 0 20px;
  color: var(--art-heading);
  font-family: var(--art-font-display);
  font-size: 28px;
  line-height: 1.04;
  letter-spacing: -.035em;
}
.art-home-promo-list {
  display: grid;
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}
.art-home-promo-list li {
  display: grid;
  grid-template-columns: 36px 1fr;
  gap: 12px;
  align-items: start;
  padding: 13px 0;
  border-top: 1px solid var(--art-border);
  color: var(--art-muted);
  font-size: var(--art-type-body);
  line-height: 1.35;
}
.art-home-promo-list li:first-child {
  border-top: 0;
  padding-top: 0;
}
.art-home-promo-list .material-icons {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  border-radius: var(--art-radius-full);
  background: #e7f5f1;
  color: var(--art-teal);
  font-size: 18px;
}
.art-home-promo-list strong { display: block; margin-bottom: 2px; color: var(--art-heading); font-size: var(--art-type-body); }
.art-seller-promo-card__divider {
  height: 1px;
  margin: 14px 0 16px;
  background: linear-gradient(90deg, transparent, rgba(194, 168, 139, 0.9), transparent);
}
.art-seller-top-shops-teaser {
  position: relative;
  z-index: 1;
  display: block;
  padding: 9px;
  overflow: hidden;
  border: 1px solid rgba(0, 92, 92, 0.14);
  border-radius: 16px;
  color: inherit;
  background: rgba(255, 255, 255, 0.66);
  box-shadow: 0 12px 28px rgba(45, 33, 24, 0.07);
}
.art-seller-top-shops-teaser:hover {
  border-color: rgba(0, 92, 92, 0.35);
  box-shadow: 0 16px 34px rgba(45, 33, 24, 0.1);
}
.art-seller-top-shops-teaser picture,
.art-seller-top-shops-teaser img {
  display: block;
  width: 100%;
}
.art-seller-top-shops-teaser img {
  aspect-ratio: 1.28 / 1;
  object-fit: cover;
  object-position: 50% 54%;
  border-radius: 12px;
}
.art-seller-top-shops-teaser > span {
  position: absolute;
  left: 16px;
  right: 16px;
  bottom: 16px;
  display: grid;
  align-content: end;
  gap: 6px;
  min-height: 118px;
  padding: 16px 17px 17px;
  border: 1px solid rgba(255, 255, 255, 0.68);
  border-radius: 13px;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.82), rgba(255, 250, 243, 0.64));
  -webkit-backdrop-filter: blur(14px) saturate(1.15);
  backdrop-filter: blur(14px) saturate(1.15);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.72),
    0 14px 32px rgba(45, 33, 24, 0.16);
}
.art-seller-top-shops-teaser:hover > span {
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.9), rgba(255, 250, 243, 0.72));
  border-color: rgba(255, 255, 255, 0.82);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.82),
    0 16px 34px rgba(45, 33, 24, 0.2);
}
.art-seller-top-shops-teaser em {
  width: max-content;
  padding: 3px 8px;
  border-radius: var(--art-radius-full);
  background: rgba(0, 92, 92, 0.08);
  color: var(--art-marketplace-accent);
  font-family: var(--art-font-ui);
  font-size: 10px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: .08em;
  line-height: 1.1;
  text-transform: uppercase;
}
.art-seller-top-shops-teaser strong {
  color: var(--art-marketplace-accent);
  font-family: var(--art-font-display);
  font-size: clamp(24px, 2.2vw, 30px);
  font-weight: 600;
  line-height: 1;
  letter-spacing: -0.02em;
}
.art-seller-top-shops-teaser small {
  color: #365f5f;
  font-family: var(--art-font-ui);
  font-size: 15px;
  font-weight: 500;
  line-height: 1.4;
}
.art-seller-promo-card__bottom {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 13px;
  margin-top: 18px;
}
.art-seller-promo-card__badges {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}
.art-seller-promo-card__badges span {
  display: inline-flex;
  align-items: center;
  min-height: 27px;
  padding: 0 9px;
  border: 1px solid rgba(202, 224, 216, .95);
  border-radius: var(--art-radius-full);
  background: rgba(239, 248, 244, .82);
  color: var(--art-teal-dark);
  font-size: var(--art-type-label);
  font-weight: 500;
  white-space: nowrap;
}
.art-seller-promo-card .art-button,
.art-shop-month-card .art-button {
  width: 100%;
  justify-content: center;
  min-height: 46px;
  border-radius: var(--art-radius-xs);
}
/* Explizite Pastellfarben (hohe Spezifitaet, ueberschreibt globales a { color: inherit }) */
.art-shop-month-card a.art-button.art-button--pastel-orange {
  background: linear-gradient(180deg, #ffd8bc, #ffb085);
  color: #5c2a12;
  border-color: rgba(200, 102, 48, 0.5);
  box-shadow: 0 12px 22px rgba(200, 110, 65, 0.22);
}
.art-shop-month-card a.art-button.art-button--pastel-orange:hover {
  background: linear-gradient(180deg, #ffd8bc, #ffb085);
  color: #5c2a12;
  border-color: rgba(200, 102, 48, 0.5);
  box-shadow: 0 12px 22px rgba(200, 110, 65, 0.22);
}
.art-shop-month-card a.art-button.art-button--pastel-green {
  background: linear-gradient(180deg, #d8efd9, #b5dcb8);
  color: #1a3d24;
  border-color: rgba(55, 110, 68, 0.42);
  box-shadow: 0 12px 22px rgba(70, 110, 78, 0.18);
}
.art-shop-month-card a.art-button.art-button--pastel-green:hover {
  background: linear-gradient(180deg, #d8efd9, #b5dcb8);
  color: #1a3d24;
  border-color: rgba(55, 110, 68, 0.42);
  box-shadow: 0 12px 22px rgba(70, 110, 78, 0.18);
}
.art-seller-promo-card .art-button .material-icons,
.art-shop-month-card .art-button .material-icons {
  font-size: 18px;
  line-height: 1;
}
.art-seller-promo-card .art-button--primary {
  box-shadow: 0 12px 22px rgba(15, 111, 120, .14);
}
.art-shop-month-card {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 348px;
  padding: 18px;
  border-radius: var(--art-radius-md);
  background:
    linear-gradient(180deg, #fffdf8, #fbf7f0);
  box-shadow: var(--art-shadow-sm);
}
.art-shop-month-card__upper {
  min-width: 0;
}
.art-shop-month-card__footer {
  margin-top: auto;
  padding-top: 18px;
}
.art-shop-month-card__label {
  display: block;
  margin: 0 0 12px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--art-border);
  color: #1a4a6e;
  font-family: system-ui, -apple-system, 'Segoe UI', Roboto, Ubuntu, sans-serif;
  font-size: var(--art-type-body);
  font-weight: 500;
  letter-spacing: 0;
  text-transform: none;
}
.art-shop-month-card__hero {
  width: 100%;
  min-height: 132px;
  border-radius: var(--art-radius-sm);
  background:
    linear-gradient(135deg, #e8ddcf, #f5eadb);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.24);
}
.art-shop-month-card__hero--media {
  padding: 0;
  overflow: hidden;
  background: none;
}
.art-shop-month-card__hero--media picture,
.art-shop-month-card__hero--media img {
  display: block;
  width: 100%;
  height: 132px;
  object-fit: cover;
}
.art-shop-month-card__hero--fallback.art-shop-month-card__hero--ceramic {
  background:
    url('/images/home-shops/optimized/atelier-tonart.webp') center / cover no-repeat;
}
.art-shop-month-card__hero--fallback.art-shop-month-card__hero--wool {
  background:
    url('/images/home-shops/optimized/wollzauber.webp') center / cover no-repeat;
}
.art-shop-month-card__hero--fallback.art-shop-month-card__hero--jewelry {
  background:
    url('/images/home-shops/optimized/goldmoment.webp') center / cover no-repeat;
}
.art-shop-month-card__hero--fallback.art-shop-month-card__hero--wood {
  background:
    url('/images/home-shops/optimized/holzwerk.webp') center / cover no-repeat;
}
.art-shop-month-card__hero--fallback.art-shop-month-card__hero--paper {
  background:
    url('/images/home-shops/optimized/papierliebe.webp') center / cover no-repeat;
}
.art-shop-month-card__thumbs {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  margin: 10px 0 0;
}
.art-shop-month-card__thumb {
  min-height: 50px;
  border: 1px solid rgba(234, 223, 210, .8);
  border-radius: var(--art-radius-xs);
  background: #f4eadc center / cover no-repeat;
}
.art-shop-month-card__thumb--media {
  display: block;
  padding: 0;
  overflow: hidden;
}
.art-shop-month-card__thumb--media picture,
.art-shop-month-card__thumb--media img {
  display: block;
  width: 100%;
  height: 50px;
  object-fit: cover;
}
.art-shop-month-card__thumb--studio { background-image: url('/images/home-shops/optimized/atelier-tonart.webp'); }
.art-shop-month-card__thumb--cup { background-image: url('/images/home-products/optimized/ceramic-cup-240.webp'); }
.art-shop-month-card__thumb--vase { background-image: url('/images/home-products/optimized/sandstone-vase-240.webp'); }
.art-shop-month-card__avatar {
  width: 48px;
  height: 48px;
  margin: -14px 0 8px 12px;
  border: 3px solid #fff;
  border-radius: var(--art-radius-full);
  background:
    linear-gradient(135deg, #ddc5aa, #fff5e8);
  box-shadow: 0 7px 16px rgba(45, 33, 24, .12);
  overflow: hidden;
}
.art-shop-month-card__avatar img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.art-shop-month-card__avatar--fallback.art-shop-month-card__avatar--ceramic {
  background: url('/images/home-shops/optimized/avatar-atelier-tonart.webp') center / cover no-repeat;
}
.art-shop-month-card__avatar--fallback.art-shop-month-card__avatar--wool {
  background: url('/images/home-shops/optimized/avatar-wollzauber.webp') center / cover no-repeat;
}
.art-shop-month-card__avatar--fallback.art-shop-month-card__avatar--jewelry {
  background: url('/images/home-shops/optimized/avatar-goldmoment.webp') center / cover no-repeat;
}
.art-shop-month-card__avatar--fallback.art-shop-month-card__avatar--wood {
  background: url('/images/home-shops/optimized/avatar-holzwerk.webp') center / cover no-repeat;
}
.art-shop-month-card__avatar--fallback.art-shop-month-card__avatar--paper {
  background: url('/images/home-shops/optimized/avatar-papierliebe.webp') center / cover no-repeat;
}
.art-shop-month-card h3 { margin: 0 0 5px; color: var(--art-heading); font-size: 25px; line-height: 1.05; letter-spacing: -.025em; }
.art-shop-month-card__upper > p:last-child { margin-bottom: 0; }
.art-shop-month-card p { margin: 0 0 12px; color: var(--art-muted); font-size: var(--art-type-body); line-height: 1.35; }
.art-shop-month-card__stats {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin: 12px 0 14px;
}
.art-shop-month-card__stats span {
  padding: 8px 9px;
  border: 1px solid rgba(234, 223, 210, .95);
  border-radius: var(--art-radius-xs);
  background: rgba(255, 255, 255, .78);
}
.art-shop-month-card__stats strong {
  display: block;
  color: var(--art-heading);
  font-size: var(--art-type-title-sm);
}
.art-shop-month-card__stats small {
  color: var(--art-muted);
  font-size: var(--art-type-label);
  font-weight: 500;
}
.art-side-card--image {
  width: 100%;
  min-height: 88px;
  object-fit: cover;
  border-radius: 7px;
  background:
    url('/images/home-redesign/ref-shop-month.webp') center / cover no-repeat,
    linear-gradient(135deg, #ecd5bd, #fff8ef 60%, #c8d5bf);
}
.art-side-card--studio {
  background:
    url('/images/home-redesign/ref-shop-month.webp') center / cover no-repeat,
    linear-gradient(135deg, #e3c59e, #fff4e4 56%, #c5d4bd);
}
.art-trust-list {
  display: grid;
  gap: 10px;
  margin: 12px 0 0;
  padding: 0;
  list-style: none;
}
.art-trust-list li {
  display: flex;
  gap: 9px;
  color: var(--art-muted);
  font-size: var(--art-type-body);
}
.art-trust-list .material-icons { color: var(--art-sage); font-size: 18px; }
.art-trust-band {
  position: relative;
  display: grid;
  grid-template-columns: 1.2fr repeat(4, 1fr) 1.5fr;
  gap: 18px;
  align-items: center;
  margin-top: 18px;
  padding: 28px 34px;
  overflow: hidden;
  border-radius: var(--art-radius-md);
  background: #fff;
  border: 1px solid var(--art-border);
}
.art-trust-band::after {
  content: "";
  position: absolute;
  inset: 0 0 0 auto;
  width: 210px;
  background: url('/images/home-trust/optimized/branch-bg.webp') right center / cover no-repeat;
  opacity: .68;
  pointer-events: none;
}
.art-trust-band > * {
  position: relative;
  z-index: 1;
}
.art-trust-band > * + * {
  border-left: 1px solid var(--art-border);
  padding-left: 18px;
}
.art-trust-band h3 { margin: 0; color: var(--art-heading); font-size: var(--art-type-title-sm); }
.art-trust-band p,
.art-trust-band span,
.art-trust-band blockquote { color: var(--art-muted); font-size: var(--art-type-body); }
.art-trust-band strong { display: block; color: var(--art-heading); font-size: var(--art-type-title-md); }
.art-trust-band blockquote {
  margin: 0;
  padding-right: 28px;
  font-family: var(--art-font-display);
  line-height: 1.45;
}
.art-trust-band blockquote::before {
  content: "“";
  display: block;
  height: 22px;
  color: #e0b97d;
  font-family: var(--art-font-display);
  font-size: 44px;
  line-height: .8;
}
.art-trust-band blockquote::after {
  content: "♥";
  display: block;
  margin-top: 10px;
  color: #e7d5bd;
  font-size: 24px;
}
.art-trust-metric {
  display: grid;
  justify-items: center;
  text-align: center;
}
.art-trust-icon {
  display: block;
  width: 52px;
  height: 52px;
  margin-bottom: 8px;
  border-radius: var(--art-radius-full);
  background: #eef4e7 center / cover no-repeat;
}
.art-trust-metric--shops .art-trust-icon { background-image: url('/images/home-trust/optimized/icon-shops.webp'); }
.art-trust-metric--customers .art-trust-icon { background-image: url('/images/home-trust/optimized/icon-customers.webp'); }
.art-trust-metric--products .art-trust-icon { background-image: url('/images/home-trust/optimized/icon-products.webp'); }
.art-trust-metric--rating .art-trust-icon { background-image: url('/images/home-trust/optimized/icon-rating.webp'); }
.art-trust-metric small {
  margin-top: 8px;
  color: #d69b26;
  font-size: var(--art-type-body);
  letter-spacing: .16em;
}
.art-section-block {
  margin-top: 28px;
  content-visibility: auto;
  contain-intrinsic-size: 1px 420px;
}
.art-shop-card-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 24px;
}
.art-popular-shop-card,
.art-how-card,
.art-magazine-card,
.art-testimonial-card {
  background: #fff;
  border: 1px solid var(--art-border);
  border-radius: var(--art-radius-md);
  box-shadow: var(--art-shadow-sm);
  overflow: hidden;
}
.art-popular-shop-card {
  display: block;
  position: relative;
  min-height: 218px;
}
.art-popular-shop-card__cover {
  display: block;
  height: 98px;
  background: linear-gradient(135deg, #d8c2a7, #f5eadb);
}
.art-popular-shop-card__cover--ceramic { background: url('/images/home-shops/optimized/atelier-tonart.webp') center / cover no-repeat; }
.art-popular-shop-card__cover--wool { background: url('/images/home-shops/optimized/wollzauber.webp') center / cover no-repeat; }
.art-popular-shop-card__cover--jewelry { background: url('/images/home-shops/optimized/goldmoment.webp') center / cover no-repeat; }
.art-popular-shop-card__cover--wood { background: url('/images/home-shops/optimized/holzwerk.webp') center / cover no-repeat; }
.art-popular-shop-card__cover--paper { background: url('/images/home-shops/optimized/papierliebe.webp') center / cover no-repeat; }
.art-popular-shop-card__avatar,
.art-testimonial-card__avatar {
  display: block;
  border-radius: var(--art-radius-full);
  background: linear-gradient(135deg, #ddc5aa, #fff5e8);
}
.art-popular-shop-card__avatar {
  position: absolute;
  left: 18px;
  top: 76px;
  width: 54px;
  height: 54px;
  border: 4px solid #fff;
  box-shadow: 0 8px 18px rgba(45, 33, 24, .12);
}
.art-popular-shop-card__avatar--ceramic { background: url('/images/home-shops/optimized/avatar-atelier-tonart.webp') center / cover no-repeat; }
.art-popular-shop-card__avatar--wool { background: url('/images/home-shops/optimized/avatar-wollzauber.webp') center / cover no-repeat; }
.art-popular-shop-card__avatar--jewelry { background: url('/images/home-shops/optimized/avatar-goldmoment.webp') center / cover no-repeat; }
.art-popular-shop-card__avatar--wood { background: url('/images/home-shops/optimized/avatar-holzwerk.webp') center / cover no-repeat; }
.art-popular-shop-card__avatar--paper { background: url('/images/home-shops/optimized/avatar-papierliebe.webp') center / cover no-repeat; }
.art-popular-shop-card__body {
  display: grid;
  gap: 5px;
  padding: 42px 18px 16px;
}
.art-popular-shop-card__body strong,
.art-how-card h3,
.art-magazine-card h3,
.art-testimonial-card__person strong {
  color: var(--art-text);
  font-size: var(--art-type-body);
  line-height: 1.2;
}
.art-popular-shop-card__body small,
.art-testimonial-card__person small {
  color: var(--art-muted);
  font-size: var(--art-type-body);
}
.art-popular-shop-card__meta {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  margin-top: 12px;
  color: var(--art-muted);
  font-size: var(--art-type-body);
}
.art-popular-shop-card__meta span:first-child { color: #d69b26; font-weight: 500; }
.art-how-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  margin-top: 8px;
}
.art-how-card {
  position: relative;
  display: grid;
  grid-template-columns: 64px 26px minmax(0, 1fr);
  gap: 14px;
  align-items: center;
  min-height: 118px;
  padding: 22px 24px;
  isolation: isolate;
  overflow: visible;
  border-color: #eadfce;
  border-radius: var(--art-radius-md);
  box-shadow: 0 12px 28px rgba(45, 33, 24, .07);
  background-position: right center;
  background-repeat: no-repeat;
  background-size: cover;
}
.art-how-card::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: inherit;
  background: linear-gradient(90deg, rgb(249, 243, 233), rgba(255, 255, 255, 0.57));
}
.art-how-card--shop { background-image: url('/images/home-how/bg-shop.png'); }
.art-how-card--products { background-image: url('/images/home-how/bg-products.png'); }
.art-how-card--sales { background-image: url('/images/home-how/bg-sales.png'); }
.art-how-card__icon {
  display: block;
  width: 58px;
  height: 58px;
  border-radius: var(--art-radius-full);
  background: #eef8f6 center / cover no-repeat;
  box-shadow: 0 8px 18px rgba(8, 118, 128, .08);
}
.art-how-card--shop .art-how-card__icon { background-image: url('/images/home-how/icon-shop.png'); }
.art-how-card--products .art-how-card__icon { background-image: url('/images/home-how/icon-products.png'); }
.art-how-card--sales .art-how-card__icon { background-image: url('/images/home-how/icon-sales.png'); }
.art-how-card__number {
  align-self: center;
  color: var(--art-heading);
  font-family: var(--art-font-display);
  font-size: var(--art-type-title-md);
  font-weight: 500;
  line-height: 1;
}
.art-how-card h3,
.art-magazine-card h3 { margin: 0 0 6px; font-family: var(--art-font-display); color: var(--art-heading); }
.art-how-card p,
.art-magazine-card p,
.art-testimonial-card p { margin: 0; color: #1f5f69; font-size: var(--art-type-body); line-height: 1.45; }
.art-how-card__arrow {
  position: absolute;
  right: -19px;
  top: 50%;
  z-index: 2;
  color: var(--art-teal);
  font-size: 26px;
  font-weight: 500;
  transform: translateY(-50%);
}
.art-magazine-grid,
.art-testimonial-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}
.art-magazine-card {
  display: grid;
  grid-template-columns: 42% minmax(0, 1fr);
  min-height: 176px;
}
.art-magazine-card__image {
  display: block;
  min-height: 176px;
  background: linear-gradient(135deg, #d6b996, #fff2df);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.art-magazine-card__image--ceramic { background-image: url('/images/home-editorial/optimized/magazine-ceramic.webp'); }
.art-magazine-card__image--jewelry { background-image: url('/images/home-editorial/optimized/magazine-trends.webp'); }
.art-magazine-card__image--studio { background-image: url('/images/home-editorial/optimized/magazine-mara.webp'); }
.art-magazine-card__body {
  display: grid;
  align-content: center;
  gap: 8px;
  padding: 18px;
}
.art-magazine-card__label {
  width: fit-content;
  padding: 4px 9px;
  border-radius: var(--art-radius-full);
  background: #f3f6f3;
  color: var(--art-muted);
  font-size: var(--art-type-label);
  font-weight: 500;
  text-transform: uppercase;
}
.art-magazine-card a { color: var(--art-teal); font-weight: 500; font-size: var(--art-type-body); }
.art-testimonial-card {
  min-height: 186px;
  padding: 24px;
}
.art-testimonial-card__quote {
  display: block;
  height: 24px;
  color: var(--art-heading);
  font-family: var(--art-font-display);
  font-size: 44px;
  line-height: .8;
}
.art-testimonial-card__person {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 24px;
}
.art-testimonial-card__avatar {
  width: 46px;
  height: 46px;
  flex: 0 0 46px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.art-testimonial-card__avatar--female { background-image: url('/images/home-editorial/optimized/testimonial-julia.webp'); }
.art-testimonial-card__avatar--maker { background-image: url('/images/home-editorial/optimized/testimonial-lena.webp'); }
.art-testimonial-card__avatar--male { background-image: url('/images/home-editorial/optimized/testimonial-markus.webp'); }
.art-testimonial-card__person span:last-child { display: grid; gap: 2px; }
.art-community-cta {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(340px, 440px);
  gap: 28px;
  align-items: center;
  margin-top: 28px;
  padding: 34px;
  overflow: hidden;
  background-color: #fff4e7;
  background-image:
    linear-gradient(90deg, rgba(255, 246, 235, .98) 0%, rgba(255, 246, 235, .95) 44%, rgba(255, 246, 235, .62) 67%, rgba(255, 246, 235, .12) 100%),
    url('/images/home-editorial/optimized/community-newsletter.webp');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border: 1px solid #eadbc9;
  border-radius: var(--art-radius-lg);
}
.art-community-cta h2 {
  margin: 0 0 10px;
  color: var(--art-heading);
  font-size: var(--art-type-title-md);
}
.art-community-cta p,
.art-community-cta small { margin: 0; color: var(--art-muted); font-size: var(--art-type-body); }
.art-community-cta__form {
  display: grid;
  grid-template-columns: 1fr 180px;
  gap: 10px;
}
.art-community-cta__form input {
  min-height: 42px;
  border: 1px solid var(--art-border);
  border-radius: var(--art-radius-xs);
  padding: 0 14px;
  font: inherit;
}
.art-community-cta__form button {
  min-height: 42px;
  border: 0;
  border-radius: var(--art-radius-xs);
  background: var(--art-teal);
  color: #fff;
  font: inherit;
  font-weight: 500;
}
.art-community-cta__form small { grid-column: 1 / -1; }
.art-footer {
  padding: 22px 0 14px;
  background: #fff;
  border-top: 1px solid var(--art-border);
}
.art-footer__grid {
  display: grid;
  grid-template-columns: 1.4fr repeat(4, 1fr) 1.3fr;
  gap: 24px;
}
.art-footer h4 { margin: 0 0 8px; color: var(--art-text); font-size: var(--art-type-body); }
.art-footer p,
.art-footer a,
.art-footer li { color: var(--art-muted); font-size: var(--art-type-body); }
.art-footer ul { margin: 0; padding: 0; list-style: none; display: grid; gap: 5px; }
.art-newsletter { display: flex; gap: 8px; margin-top: 10px; }
.art-newsletter input { min-width: 0; flex: 1; height: 34px; border: 1px solid var(--art-border); border-radius: var(--art-radius-xs); padding: 0 10px; }
.art-newsletter button { width: 38px; border: 0; border-radius: var(--art-radius-xs); background: var(--art-terracotta); color: #fff; }
.art-footer-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  margin-top: 16px;
  padding-top: 12px;
  border-top: 1px solid var(--art-border);
  color: var(--art-muted);
  font-size: var(--art-type-body);
  text-align: center;
  flex-wrap: wrap;
}
.art-footer-copy { color: var(--art-muted); }
.art-footer-legal { color: var(--art-muted); }
.art-footer-legal a { color: var(--art-muted); }
.art-footer-legal a:hover { color: var(--art-teal); text-decoration: underline; }

/* ---- Footer locale bar (Language / Currency / Region pill switchers) ---- */
.art-locale-bar {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
  justify-content: center;
}
.art-locale-pill {
  position: relative;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  gap: 6px;
}
.art-locale-pill__caption {
  color: var(--art-muted);
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  user-select: none;
}
.art-locale-pill__trigger {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 26px;
  padding: 0 2px;
  border: 1px solid transparent;
  border-radius: 8px;
  background: var(--art-bg-soft);
  color: var(--art-text);
  font: inherit;
  font-size: 15px;
  font-weight: 500;
  line-height: 1;
  cursor: pointer;
  white-space: nowrap;
  -webkit-appearance: none;
  appearance: none;
}
.art-locale-pill__trigger:focus-visible {
  outline: none;
  border-color: var(--art-teal);
  box-shadow: 0 0 0 3px rgba(8, 118, 128, .18);
}
.art-locale-pill__flag {
  display: inline-block;
  width: 22px;
  height: 16px;
  object-fit: cover;
  border-radius: 3px;
  border: 1px solid rgba(0, 0, 0, .08);
  background: #f4ede3;
  flex-shrink: 0;
  vertical-align: middle;
}
.art-locale-pill__globe {
  font-size: 20px;
  color: var(--art-teal);
  line-height: 1;
  width: 22px;
  text-align: center;
  flex-shrink: 0;
}
.art-locale-pill__currency-symbol {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-width: 22px;
  height: 22px;
  padding: 0 5px;
  border-radius: 6px;
  background: #fff;
  color: var(--art-heading);
  font-weight: 500;
  font-size: 15px;
  line-height: 1;
  flex-shrink: 0;
}
.art-locale-pill__label {
  display: inline-block;
  max-width: 140px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 500;
  color: var(--art-heading);
}
.art-locale-pill__chevron {
  font-size: 20px;
  color: var(--art-muted);
  line-height: 1;
  margin-left: 2px;
}
.art-locale-pill.is-open .art-locale-pill__trigger {
  background: #fff;
  border-color: var(--art-teal);
  box-shadow: 0 8px 22px rgba(8, 118, 128, .14);
}
.art-locale-pill.is-open .art-locale-pill__chevron {
  color: var(--art-teal);
}

.art-locale-menu {
  position: absolute;
  bottom: calc(100% + 8px);
  left: 0;
  z-index: 60;
  display: none;
  width: 280px;
  max-height: 320px;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 6px;
  background: #fff;
  border: 1px solid var(--art-border);
  border-radius: 12px;
  box-shadow: 0 16px 40px rgba(45, 33, 24, .14);
  text-align: left;
  -webkit-overflow-scrolling: touch;
}
.art-locale-pill.is-open .art-locale-menu { display: block; }

.art-locale-menu__item {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 8px 10px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--art-text);
  font: inherit;
  font-size: 15px;
  text-align: left;
  cursor: pointer;
  text-decoration: none;
}
.art-locale-menu__item:focus-visible {
  background: var(--art-bg-soft);
  color: var(--art-heading);
  outline: none;
}
.art-locale-menu__item.is-active {
  background: rgba(8, 118, 128, .08);
  color: var(--art-teal-dark);
  font-weight: 500;
}
.art-locale-menu__flag {
  width: 20px;
  height: 14px;
  object-fit: cover;
  border-radius: 2px;
  border: 1px solid rgba(0, 0, 0, .08);
  background: #f4ede3;
  flex-shrink: 0;
}
.art-locale-menu__globe {
  font-size: 20px;
  color: var(--art-teal);
  width: 20px;
  text-align: center;
  flex-shrink: 0;
}
.art-locale-menu__currency-symbol {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-width: 22px;
  height: 18px;
  padding: 0 4px;
  border-radius: 999px;
  background: var(--art-bg-soft);
  color: var(--art-heading);
  font-weight: 500;
  font-size: 14px;
  line-height: 1;
  flex-shrink: 0;
}
.art-locale-menu__label {
  flex: 1 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.art-locale-menu__code {
  margin-left: auto;
  color: var(--art-muted);
  font-size: 13px;
  font-weight: 500;
  letter-spacing: .04em;
  flex-shrink: 0;
}

/* Right-edge pills (region) anchor menu to the right */
.art-locale-pill[data-art-locale="region"] .art-locale-menu {
  left: auto;
  right: 0;
}

@media (max-width: 760px) {
  .art-footer-bottom { justify-content: center; }
  .art-locale-bar { width: 100%; }
  .art-locale-pill,
  .art-locale-pill__trigger { width: auto; }
  .art-locale-menu {
    width: min(92vw, 320px);
    max-height: 60vh;
  }
}

.art-why-page {
  background:
    radial-gradient(circle at 12% 8%, rgba(8, 118, 128, .09), transparent 30%),
    radial-gradient(circle at 88% 42%, rgba(190, 103, 74, .08), transparent 26%),
    linear-gradient(180deg, #fbf7f0 0%, #f6efe5 58%, #fbf7f0 100%);
}
.art-why-hero {
  min-height: 560px;
  display: grid;
  align-items: center;
  background:
    linear-gradient(90deg, rgba(249, 243, 233, .99) 0%, rgba(249, 243, 233, .93) 37%, rgba(249, 243, 233, .36) 67%, rgba(249, 243, 233, .08) 100%),
    url('/images/why-artumos/hero-modern.png') center / cover no-repeat;
  border-bottom: 1px solid var(--art-border);
}
.art-why-hero__content {
  width: min(var(--art-container), calc(100% - 112px));
  margin: 0 auto;
}
.art-why-hero h1 {
  max-width: 650px;
  margin: 0 0 18px;
  color: var(--art-heading);
  font-size: clamp(46px, 6vw, 86px);
  line-height: .92;
  letter-spacing: -.045em;
}
.art-why-hero p:not(.art-eyebrow) {
  max-width: 560px;
  margin: 0;
  color: var(--art-text);
  font-size: var(--art-type-lead);
  line-height: 1.65;
}
.art-why-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 26px;
}
.art-why-shell {
  width: min(var(--art-container), calc(100% - 112px));
  margin: 0 auto;
  padding: 0 0 84px;
}
.art-why-intro-card {
  max-width: 920px;
  margin: -56px auto 30px;
  padding: clamp(28px, 5vw, 52px);
  background:
    linear-gradient(135deg, rgba(255, 255, 255, .96), rgba(255, 248, 239, .92)),
    url('/images/home-trust/optimized/branch-bg.webp') right bottom / 260px auto no-repeat;
  border: 1px solid #eadbc9;
  border-radius: var(--art-radius-xl);
  box-shadow: var(--art-shadow-card);
  position: relative;
  z-index: 2;
}
.art-why-kicker {
  margin: 0 0 10px;
  color: var(--art-teal);
  font-size: var(--art-type-label);
  font-weight: 500;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.art-why-intro-card h2,
.art-why-copy-card h2,
.art-why-principles h2,
.art-why-future h2 {
  margin: 0;
  color: var(--art-heading);
  font-family: var(--art-font-display);
  font-size: clamp(28px, 4vw, 48px);
  line-height: 1;
  letter-spacing: -.035em;
}
.art-why-intro-card p:not(.art-why-kicker),
.art-why-copy-card p,
.art-why-principles p,
.art-why-future p {
  margin: 18px 0 0;
  color: var(--art-text);
  font-size: var(--art-type-body);
  line-height: 1.8;
}
.art-why-copy-card .art-why-kicker,
.art-why-principles .art-why-kicker {
  margin: 0 0 10px;
}
.art-why-belief-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  margin: 0 0 38px;
}
.art-why-belief-grid article {
  display: grid;
  gap: 10px;
  padding: 26px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(255, 250, 244, .92));
  border: 1px solid var(--art-border);
  border-radius: var(--art-radius-lg);
  box-shadow: var(--art-shadow-sm);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.art-why-belief-grid article:hover {
  transform: translateY(-3px);
  border-color: #dbc8b4;
  box-shadow: var(--art-shadow-card);
}
.art-why-belief-icon {
  display: inline-grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border-radius: var(--art-radius-full);
  background: linear-gradient(135deg, #e8f3ef, #fff7ed);
  color: var(--art-teal);
  font-size: 12px;
  font-weight: 500;
  letter-spacing: .08em;
}
.art-why-belief-grid h3 {
  margin: 4px 0 0;
  color: var(--art-heading);
  font-family: var(--art-font-display);
  font-size: var(--art-type-title-sm);
}
.art-why-belief-grid p {
  margin: 0;
  color: var(--art-muted);
  font-size: var(--art-type-body);
  line-height: 1.55;
}
.art-why-editorial {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(360px, .82fr);
  gap: 24px;
  align-items: stretch;
  margin-top: 28px;
}
.art-why-editorial--reverse {
  grid-template-columns: minmax(360px, .82fr) minmax(0, 1fr);
}
.art-why-copy-card {
  display: grid;
  align-content: center;
  padding: clamp(26px, 4vw, 42px);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .96), rgba(255, 250, 244, .9));
  border: 1px solid var(--art-border);
  border-radius: var(--art-radius-xl);
  box-shadow: var(--art-shadow-sm);
  color: var(--art-text);
}
.art-why-image {
  min-height: 420px;
  margin: 0;
  overflow: hidden;
  border: 1px solid var(--art-border);
  border-radius: var(--art-radius-xl);
  box-shadow: var(--art-shadow-card);
  background: #eadbc9;
}
.art-why-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.01);
}
.art-why-statement {
  margin: 38px 0 8px;
  padding: 38px clamp(28px, 5vw, 70px);
  background:
    radial-gradient(circle at 88% 20%, rgba(255, 255, 255, .14), transparent 22%),
    linear-gradient(135deg, #1f5f69, #0f4b54);
  border-radius: var(--art-radius-xl);
  box-shadow: var(--art-shadow-card);
}
.art-why-statement p {
  max-width: 860px;
  margin: 0 auto;
  color: #fff;
  font-family: var(--art-font-display);
  font-size: clamp(30px, 4vw, 54px);
  line-height: 1.05;
  text-align: center;
  letter-spacing: -.035em;
}
.art-why-principles {
  display: grid;
  grid-template-columns: .8fr 1.2fr;
  gap: 30px;
  margin-top: 34px;
  padding: clamp(28px, 5vw, 48px);
  background:
    linear-gradient(90deg, rgba(255, 246, 235, .99) 0%, rgba(255, 246, 235, .9) 54%, rgba(255, 246, 235, .68) 100%),
    url('/images/why-artumos/packaging-modern.png') right center / cover no-repeat;
  border: 1px solid #eadbc9;
  border-radius: var(--art-radius-xl);
  box-shadow: var(--art-shadow-card);
}
.art-why-principles__list {
  display: grid;
  gap: 16px;
}
.art-why-principles__list p {
  margin: 0;
  padding: 0 0 16px;
  border-bottom: 1px solid rgba(31, 95, 105, .14);
}
.art-why-principles__list p:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}
.art-why-future {
  max-width: 900px;
  margin: 46px auto 0;
  text-align: center;
}
.art-why-manifest {
  margin-top: 40px;
  padding: clamp(36px, 5vw, 62px);
  overflow: hidden;
  background:
    linear-gradient(90deg, rgba(255, 246, 235, .98), rgba(255, 246, 235, .72)),
    url('/images/why-artumos/makers-modern.png') right center / cover no-repeat;
  border: 1px solid #eadbc9;
  border-radius: var(--art-radius-xl);
  box-shadow: var(--art-shadow-card);
  text-align: center;
  position: relative;
}
.art-why-manifest::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(255, 246, 235, .96) 0%, rgba(255, 246, 235, .92) 52%, rgba(255, 246, 235, .64) 100%);
}
.art-why-manifest > * {
  position: relative;
}
.art-why-manifest p {
  color: var(--art-heading);
  font-family: var(--art-font-display);
  font-size: clamp(22px, 3vw, 34px);
  line-height: 1.35;
}
.art-why-manifest p + p {
  margin-top: 10px;
}
.art-why-manifest strong {
  display: block;
  margin-top: 26px;
  color: var(--art-teal);
  font-family: var(--art-font-display);
  font-size: clamp(32px, 4vw, 56px);
}

.art-shop-page {
  padding-bottom: 56px;
  background: var(--art-bg);
}
.art-shop-hero {
  position: relative;
  min-height: 340px;
  padding: 28px 0 20px;
  color: #fff;
  background-color: #5a5348;
  background-image:
    linear-gradient(105deg, rgba(31, 22, 17, 0.84) 0%, rgba(31, 22, 17, 0.68) 34%, rgba(31, 22, 17, 0.22) 70%, rgba(31, 22, 17, 0.14) 100%),
    linear-gradient(135deg, #b99b79, #efe2d2 54%, #9fb79a);
  background-size: cover;
  background-position: center 43%;
}
.art-shop-hero[style*='--art-shop-banner'] {
  background-image:
    linear-gradient(105deg, rgba(31, 22, 17, 0.84) 0%, rgba(31, 22, 17, 0.68) 34%, rgba(31, 22, 17, 0.22) 70%, rgba(31, 22, 17, 0.14) 100%),
    var(--art-shop-banner);
}
.art-shop-hero__overlay {
  display: none;
}
.art-shop-hero__content {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 20px;
  align-items: center;
  min-height: calc(340px - 48px);
}
.art-shop-avatar-wrap {
  align-self: center;
  transform: none;
  margin-bottom: 0;
  text-align: center;
}
.art-shop-avatar {
  width: 118px;
  height: 118px;
  margin: 0 auto;
  border: 4px solid #fff;
  border-radius: var(--art-radius-full);
  background: #ead8c5;
  box-shadow: 0 14px 38px rgba(15, 22, 28, 0.35);
  overflow: hidden;
}
.art-shop-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: inherit;
  display: block;
}
.art-shop-avatar-caption {
  display: block;
  margin-top: 8px;
  color: #fff;
  font-size: 13px;
  font-weight: 500;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.32);
}
.art-shop-avatar-caption small {
  display: block;
  margin-top: 1px;
  color: rgba(255, 255, 255, 0.85);
  font-weight: 500;
}
.art-shop-hero__text {
  padding-bottom: 0;
}
.art-shop-hero__title {
  margin: 0;
  font-family: var(--art-font-display);
  font-size: clamp(30px, 3.3vw, 42px);
  line-height: .98;
  letter-spacing: -0.03em;
  color: #fff;
}
.art-shop-hero__tagline {
  margin: 8px 0 10px;
  max-width: 34rem;
  font-size: 15px;
  line-height: 1.38;
  color: rgba(255, 255, 255, 0.92);
}
.art-shop-kpis {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 12px;
  margin: 0 0 12px;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.95);
}
.art-shop-kpis__item strong {
  font-weight: 500;
  color: #fff;
}
.art-shop-kpis__sep {
  width: 4px;
  height: 4px;
  border-radius: var(--art-radius-full);
  background: rgba(255, 255, 255, 0.45);
}
.art-shop-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}
.art-button--shop-follow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-width: 104px;
  min-height: 34px;
  padding: 0 17px;
  border: none;
  border-radius: var(--art-radius-xs);
  background: linear-gradient(180deg, #f08463, #e56b4a);
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  box-shadow: 0 8px 18px rgba(200, 85, 52, 0.28);
}
.art-button--shop-follow:hover {
  background: linear-gradient(180deg, #ec7655, #d95e3d);
  color: #fff;
}
.art-button--shop-follow .material-icons {
  font-size: 17px;
}
.art-button--shop-message {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-width: 145px;
  min-height: 34px;
  padding: 0 17px;
  border-radius: var(--art-radius-xs);
  border: 1px solid rgba(255, 255, 255, 0.22);
  background: rgba(22, 22, 24, 0.88);
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.18);
}
.art-button--shop-message:hover {
  background: #141416;
  color: #fff;
}
.art-button--shop-message .material-icons {
  font-size: 17px;
}

.art-shop-tabs {
  position: relative;
  z-index: 3;
  padding-top: 0;
  background: #fff;
  border-bottom: 1px solid var(--art-border);
}
.art-shop-tabs__inner {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 30px;
  min-height: 44px;
  align-items: stretch;
}
.art-shop-tab {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 10px 0 11px;
  margin-bottom: -1px;
  border-bottom: 2px solid transparent;
  color: var(--art-muted);
  font-weight: 500;
  font-size: 14px;
  text-decoration: none;
}
.art-shop-tab .material-icons {
  font-size: 16px;
  opacity: 0.85;
}
.art-shop-tab:hover {
  color: var(--art-teal-dark);
}
.art-shop-tab.is-active {
  color: var(--art-teal);
  border-bottom-color: var(--art-teal);
}

.art-shop-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 304px;
  gap: 28px;
  padding-top: 32px;
  align-items: start;
}
.art-shop-main {
  min-width: 0;
}
.art-shop-products-head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px 16px;
  margin-bottom: 14px;
}
.art-shop-products-title {
  margin: 0;
  font-family: var(--art-font-display);
  font-size: var(--art-type-title-md);
  font-weight: 500;
  color: var(--art-heading);
  letter-spacing: -0.03em;
}
.art-shop-products-count {
  font-weight: 500;
  color: var(--art-muted);
  font-size: var(--art-type-body);
}
.art-shop-products-head .art-shop-filter-row {
  margin: 0;
  gap: 8px;
  flex: 0 1 auto;
}
.art-shop-products-head .art-shop-filter-row .art-select {
  min-height: 30px;
  padding: 0 28px 0 10px;
  border-radius: 6px;
  font-size: 13px;
  line-height: 1;
}
.art-shop-products-head .art-shop-filter-row .art-select[name="price"],
.art-shop-products-head .art-shop-filter-row .art-select[name="color"] {
  width: 82px;
}
.art-shop-products-head .art-shop-filter-row .art-select[name="material"] {
  width: 104px;
}
.art-shop-products-head .art-shop-filter-row .art-select[name="sort"] {
  width: 184px;
}

.art-shop-products-row {
  display: grid;
  grid-template-columns: minmax(190px, 240px) minmax(0, 1fr);
  gap: 16px;
  align-items: stretch;
  min-width: 0;
}
.art-shop-category-card {
  width: 100%;
  min-width: 0;
  min-height: 100%;
  display: flex;
  flex-direction: column;
  padding: 14px 12px;
  border: 1px solid #eadfd1;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 9px 22px rgba(45, 33, 24, 0.06);
}
.art-shop-category-card h3 {
  margin: 0 0 10px;
  color: var(--art-heading);
  font-family: var(--art-font-display);
  font-size: 17px;
  line-height: 1.15;
}
.art-shop-category-list {
  list-style: none;
  display: grid;
  gap: 4px;
  margin: 0;
  padding: 0;
}
.art-shop-category-list a {
  min-height: 32px;
  display: grid;
  grid-template-columns: 20px minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
  padding: 0 8px;
  border-radius: 8px;
  color: #536267;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
}
.art-shop-category-list a.is-active,
.art-shop-category-list a:hover {
  background: rgba(8, 118, 128, 0.08);
  color: var(--art-teal-dark);
}
.art-shop-category-list .material-icons {
  color: #c1a27b;
  font-size: 16px;
}
.art-shop-category-list strong {
  color: #506368;
  font-size: 13px;
  font-weight: 500;
}
.art-shop-category-reset {
  width: max-content;
  min-height: 26px;
  display: inline-flex;
  align-items: center;
  margin-top: auto;
  padding: 0 11px;
  border: 1px solid rgba(8, 118, 128, 0.28);
  border-radius: var(--art-radius-full);
  background: rgba(8, 118, 128, 0.08);
  color: var(--art-teal-dark);
  font-size: 13px;
  font-weight: 500;
  text-decoration: none;
}
.art-shop-category-reset:hover {
  background: rgba(8, 118, 128, 0.13);
}
.art-shop-product-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 16px;
  min-width: 0;
}
.art-shop-page .art-product-card {
  border-color: #eadfd1;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 10px 24px rgba(45, 33, 24, 0.08);
}
.art-shop-page .art-product-card__media {
  aspect-ratio: 1 / 1;
  border-radius: 10px 10px 0 0;
  background: #f1e6d9;
}
.art-shop-page .art-product-card__media a {
  display: block;
  width: 100%;
  height: 100%;
}
.art-shop-page .art-product-card__wish {
  top: 8px;
  right: 8px;
  width: 28px;
  height: 28px;
  border-color: rgba(210, 200, 188, 0.95);
  background: rgba(255, 255, 255, 0.94);
  color: #7d8b8c;
  box-shadow: 0 4px 12px rgba(45, 33, 24, 0.09);
}
.art-shop-page .art-product-card__body {
  padding: 10px 11px 11px;
}
.art-shop-page .art-product-card__title {
  min-height: 34px;
  color: #1f3d45;
  font-size: 15px;
  line-height: 1.22;
  font-weight: 500;
}
.art-shop-page .art-product-card__shop {
  margin-top: 4px;
  font-size: 14px;
  line-height: 1.25;
}
.art-shop-page .art-product-card__bottom {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  column-gap: 10px;
  align-items: center;
  row-gap: 0;
  margin-top: 8px;
}
.art-shop-page .art-product-card__price {
  justify-self: start;
  font-size: 17px;
  line-height: 1;
  white-space: nowrap;
}
.art-shop-page .art-product-card__rating {
  justify-self: end;
  color: #d79724;
  font-size: 14px;
  line-height: 1;
  white-space: nowrap;
}

.art-shop-show-all-wrap {
  display: flex;
  justify-content: center;
  margin-top: 22px;
}
.art-shop-show-all {
  width: min(100%, 238px);
  min-height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 0 18px 0 22px;
  border: 1px solid #e4cfc0;
  border-radius: 6px;
  background: #fff;
  color: #1f1a17;
  font-size: 15px;
  font-weight: 400;
  line-height: 1;
  text-decoration: none;
  box-shadow: none;
}
.art-shop-show-all:hover {
  background: #fff;
  border-color: #d8b9a4;
  color: #1f1a17;
}
.art-shop-show-all .material-icons {
  font-size: 18px;
  color: #1f1a17;
}
.art-shop-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-top: 22px;
}
.art-shop-page-link {
  min-width: 38px;
  height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #e4cfc0;
  border-radius: 8px;
  background: #fff;
  color: #1f3d45;
  font-size: 15px;
  font-weight: 500;
  line-height: 1;
  text-decoration: none;
  box-shadow: 0 8px 18px rgba(45, 33, 24, 0.06);
}
.art-shop-page-link:hover {
  border-color: #d8b9a4;
  background: #fffaf5;
  color: #1f3d45;
}
.art-shop-page-link.is-active {
  border-color: #1f3d45;
  background: #1f3d45;
  color: #fff;
}
.art-shop-page-link.is-disabled {
  pointer-events: none;
  opacity: 0.42;
}
.art-shop-page-link .material-icons {
  font-size: 19px;
}

.art-shop-reviews-block {
  margin-top: 48px;
  padding-top: 34px;
  border-top: 1px solid var(--art-border);
}
.art-shop-reviews-topline {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 15px;
}
.art-shop-reviews-heading {
  margin: 0;
  font-family: var(--art-font-display);
  font-size: 26px;
  line-height: 1.05;
  color: var(--art-heading);
}
.art-shop-review-filters {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 6px;
}
.art-shop-review-filter {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 0 9px;
  border-radius: var(--art-radius-full);
  border: 1px solid #eadfd1;
  background: #fff;
  color: var(--art-muted);
  font-family: inherit;
  font-size: 13px;
  font-weight: 500;
  box-shadow: 0 2px 7px rgba(45, 33, 24, 0.04);
  cursor: pointer;
}
.art-shop-review-filter:hover {
  border-color: rgba(8, 118, 128, 0.32);
  color: var(--art-teal-dark);
}
.art-shop-review-filter:focus-visible {
  outline: 2px solid rgba(8, 118, 128, 0.35);
  outline-offset: 2px;
}
.art-shop-review-filter.is-active {
  color: #fff;
  border-color: var(--art-teal);
  background: var(--art-teal);
}
.art-shop-reviews-layout {
  display: grid;
  grid-template-columns: minmax(190px, 240px) minmax(0, 1fr);
  gap: 24px;
  align-items: start;
}
.art-shop-reviews-summary {
  min-height: 228px;
  padding: 20px 18px 18px;
  border-radius: 12px;
  border: 1px solid #eadfd1;
  background: #fff;
  box-shadow: 0 9px 22px rgba(45, 33, 24, 0.06);
}
.art-shop-reviews-score {
  font-family: var(--art-font-display);
  font-size: 50px;
  line-height: 1;
  color: #d89b2d;
}
.art-shop-reviews-stars {
  margin-top: 9px;
  color: #d69b26;
  letter-spacing: 2px;
  font-size: 17px;
}
.art-shop-reviews-meta {
  margin: 8px 0 18px;
  color: var(--art-muted);
  font-size: 14px;
  font-weight: 500;
}
.art-shop-reviews-bars {
  display: grid;
  gap: 8px;
}
.art-shop-review-bar {
  display: grid;
  grid-template-columns: 28px 1fr;
  gap: 9px;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  color: var(--art-muted);
}
.art-shop-review-bar__track {
  height: 7px;
  border-radius: var(--art-radius-full);
  background: #eee5db;
  overflow: hidden;
}
.art-shop-review-bar__fill {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #d89b2d, #d4e93d);
}

.art-shop-reviews-list {
  display: grid;
  gap: 14px;
}
.art-shop-review-card {
  padding: 14px 14px 12px;
  border: 1px solid #eadfd1;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 8px 20px rgba(45, 33, 24, 0.055);
}
.art-shop-review-card--with-photo {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 196px;
  gap: 14px;
}
.art-shop-review-card[hidden] {
  display: none !important;
}
.art-shop-review-card__photos {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  align-self: start;
}
.art-shop-review-photo-zoom {
  position: relative;
  display: block;
  width: 94px;
  height: 94px;
  padding: 0;
  border: 0;
  border-radius: 10px;
  background: transparent;
  cursor: zoom-in;
  overflow: hidden;
}
.art-shop-review-card__photo {
  width: 94px;
  height: 94px;
  display: block;
  object-fit: cover;
  border-radius: 10px;
  border: 1px solid #eadfd1;
  box-shadow: 0 5px 14px rgba(45, 33, 24, 0.07);
}
.art-shop-review-photo-zoom::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: rgba(20, 16, 13, 0.22);
  opacity: 0;
  transition: opacity 160ms ease;
}
.art-shop-review-photo-zoom__icon {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  width: 30px;
  height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transform: translate(-50%, -50%) scale(0.92);
  border-radius: var(--art-radius-full);
  background: rgba(255, 255, 255, 0.92);
  color: #1f1a17;
  font-size: 18px;
  opacity: 0;
  box-shadow: 0 6px 16px rgba(20, 16, 13, 0.16);
  transition: opacity 160ms ease, transform 160ms ease;
}
.art-shop-review-photo-zoom:hover::after,
.art-shop-review-photo-zoom:focus-visible::after,
.art-shop-review-photo-zoom:hover .art-shop-review-photo-zoom__icon,
.art-shop-review-photo-zoom:focus-visible .art-shop-review-photo-zoom__icon {
  opacity: 1;
}
.art-shop-review-photo-zoom:hover .art-shop-review-photo-zoom__icon,
.art-shop-review-photo-zoom:focus-visible .art-shop-review-photo-zoom__icon {
  transform: translate(-50%, -50%) scale(1);
}
.art-shop-review-photo-zoom:focus-visible {
  outline: 2px solid var(--art-teal);
  outline-offset: 3px;
}
.art-shop-review-card__head {
  display: flex;
  align-items: flex-start;
  gap: 8px 10px;
  margin-bottom: 9px;
}
.art-shop-review-avatar {
  width: 32px;
  height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--art-radius-full);
  background: #f1dfcf;
  color: var(--art-heading);
  font-size: 14px;
  font-weight: 500;
  flex-shrink: 0;
}
.art-shop-review-card__identity {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 7px;
  min-width: 0;
}
.art-shop-review-card__identity strong {
  color: var(--art-heading);
  font-size: 14px;
  line-height: 1;
}
.art-shop-review-verified {
  font-size: 12px;
  font-weight: 500;
  color: #166107;
  background: rgba(95, 156, 7, 0.17);
  padding: 2px 7px;
  border-radius: 5px;
}
.art-shop-review-card__stars {
  margin-left: auto;
  font-size: 14px;
  font-weight: 500;
  color: #b8860b;
  white-space: nowrap;
}
.art-shop-review-card__date {
  width: 100%;
  font-size: 13px;
  color: var(--art-muted);
}
.art-shop-review-card__title {
  margin: 0 0 6px;
  color: var(--art-heading);
  font-size: 15px;
  line-height: 1.25;
}
.art-shop-review-card__text {
  margin: 0 0 9px;
  color: var(--art-text);
  font-size: 14px;
  line-height: 1.46;
}
.art-shop-review-card__product {
  margin: 0;
  font-size: 13px;
  color: var(--art-muted);
}
.art-shop-review-reply {
  grid-column: 1 / -1;
  margin-top: 10px;
  padding: 10px 12px;
  border-radius: 9px;
  border: 1px solid #eadfd1;
  background: #fbf3ea;
}
.art-shop-review-reply strong {
  display: block;
  margin-bottom: 3px;
  color: var(--art-heading);
  font-size: 13px;
}
.art-shop-review-reply p {
  margin: 0;
  color: var(--art-muted);
  font-size: 13px;
  line-height: 1.45;
}
.art-shop-reviews-empty {
  margin: 0;
  padding: 22px;
  border-radius: var(--art-radius-md);
  border: 1px dashed var(--art-border);
  color: var(--art-muted);
  background: var(--art-surface-warm);
}
.art-shop-review-lightbox {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: grid;
  place-items: center;
  padding: 32px;
  background: rgba(18, 14, 12, 0.78);
}
.art-shop-review-lightbox[hidden] {
  display: none;
}
.art-shop-review-lightbox img {
  max-width: min(92vw, 980px);
  max-height: 86vh;
  object-fit: contain;
  border-radius: 14px;
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.36);
}
.art-shop-review-lightbox__close {
  position: fixed;
  top: 22px;
  right: 22px;
  width: 42px;
  height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255, 255, 255, 0.24);
  border-radius: var(--art-radius-full);
  background: rgba(255, 255, 255, 0.94);
  color: #1f1a17;
  cursor: pointer;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.22);
}
.art-shop-review-lightbox__close .material-icons {
  font-size: 20px;
}

.art-right-rail.art-shop-rail {
  display: grid;
  gap: 14px;
  align-content: start;
  height: auto;
}
.art-shop-rail .art-side-card {
  position: relative;
  overflow: hidden;
  padding: 16px;
  border: 1px solid #eadfd1;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 9px 22px rgba(45, 33, 24, 0.07);
}
.art-shop-rail .art-side-card::before,
.art-shop-rail .art-side-card::after {
  content: "";
  position: absolute;
  z-index: 0;
  pointer-events: none;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.art-shop-rail .art-side-card::before {
  right: -28px;
  bottom: -34px;
  width: 116px;
  height: 136px;
  opacity: 0.34;
}
.art-shop-rail .art-side-card::after {
  display: none;
}
.art-shop-rail .art-side-card > * {
  position: relative;
  z-index: 1;
}
.art-shop-side-promo {
  overflow: hidden;
  padding: 0 0 14px;
  border: 1px solid var(--art-border);
  background: linear-gradient(180deg, #fff8f2, #fff);
}
.art-shop-side-promo::before {
  right: -34px;
  bottom: 15px;
  width: 126px;
  height: 126px;
  background-image: url('/uploads/2026/05/art-shop-deco-collection.svg');
  opacity: 0.28;
}
.art-shop-side-promo__visual {
  height: 82px;
  margin: 0 0 0;
  border-radius: 10px 10px 0 0;
  background:
    var(--art-shop-side-image, url('/uploads/2026/05/goldmoment-collection-card.png')) center / cover no-repeat,
    linear-gradient(135deg, #e8cfc0, #f5ebe3);
}
.art-shop-side-promo__eyebrow {
  width: max-content;
  margin: 10px 14px 0;
  min-height: 20px;
  padding: 0 8px;
  border-radius: var(--art-radius-full);
  background: rgba(8, 118, 128, 0.1);
  color: var(--art-teal);
  font-size: 12px;
  font-weight: 500;
}
.art-shop-side-promo__title,
.art-shop-side-promo__lead {
  margin-left: 14px;
  margin-right: 14px;
}
.art-shop-side-promo__title {
  margin-top: 8px;
  color: var(--art-heading);
  font-size: 16px;
  line-height: 1.22;
}
.art-shop-side-promo__lead {
  margin-top: 7px;
  color: var(--art-muted);
  font-size: 14px;
  line-height: 1.42;
}
.art-shop-side-promo__btn {
  min-height: 34px;
  margin: 12px 14px 0;
  width: calc(100% - 28px);
  justify-content: center;
  border-radius: 6px;
  font-size: 14px;
}

.art-shop-trust-card h3,
.art-shop-about-card h3,
.art-shop-seller-meta-card h3 {
  margin: 0;
  color: var(--art-heading);
  font-size: 16px;
  line-height: 1.25;
}
.art-shop-trust-card .art-shop-trust-lead {
  margin: 9px 0 0;
  color: var(--art-muted);
  font-size: 14px;
  line-height: 1.45;
}
.art-shop-trust-checklist {
  list-style: none;
  margin: 13px 0 0;
  padding: 0;
  display: grid;
  gap: 9px;
}
.art-shop-trust-checklist li {
  display: flex;
  gap: 9px;
  align-items: center;
  color: var(--art-text);
  font-size: 14px;
  line-height: 1.28;
}
.art-shop-trust-checklist .material-icons {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: var(--art-radius-full);
  background: rgba(74, 155, 111, 0.12);
  font-size: 14px;
  color: #4a9b6f;
  flex-shrink: 0;
}
.art-shop-trust-card::before {
  right: -26px;
  top: 16px;
  bottom: auto;
  width: 94px;
  height: 150px;
  background-image: url('/uploads/2026/05/art-shop-deco-trust.svg');
  opacity: 0.38;
}

.art-shop-about-card__body {
  display: grid;
  grid-template-columns: 1fr 54px;
  gap: 12px;
  align-items: start;
  margin-top: 10px;
}
.art-shop-about-card p {
  margin: 0 0 8px;
  color: var(--art-muted);
  font-size: 14px;
  line-height: 1.46;
}
.art-shop-about-card .art-section-link {
  font-size: 14px;
}
.art-shop-about-card::before {
  right: auto;
  left: -34px;
  bottom: -34px;
  width: 118px;
  height: 104px;
  background-image: url('/uploads/2026/05/art-shop-deco-about.svg');
  opacity: 0.3;
}
.art-shop-about-card__mini-avatar {
  width: 54px;
  height: 54px;
  border-radius: var(--art-radius-full);
  overflow: hidden;
  border: 2px solid #fff;
  box-shadow: 0 6px 16px rgba(45, 33, 24, 0.14);
  flex-shrink: 0;
}
.art-shop-about-card__mini-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.art-shop-seller-meta-name {
  display: block;
  margin: 10px 0 6px;
  color: var(--art-heading);
  font-size: 14px;
}
.art-shop-seller-meta-list {
  list-style: none;
  margin: 0 0 10px;
  padding: 0;
}
.art-shop-seller-meta-list li {
  display: flex;
  align-items: center;
  gap: 7px;
  color: var(--art-muted);
  font-size: 14px;
  font-weight: 500;
}
.art-shop-seller-meta-list .material-icons {
  font-size: 15px;
  color: var(--art-teal);
}
.art-shop-active-badge {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 0 9px;
  border-radius: var(--art-radius-full);
  background: rgba(74, 155, 111, 0.14);
  color: #2f6b47;
  font-size: 13px;
  font-weight: 500;
}
.art-shop-member-since {
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 9px 0 0;
  color: var(--art-muted);
  font-size: 13px;
  font-weight: 500;
}
.art-shop-member-since .material-icons {
  color: #4a9b6f;
  font-size: 14px;
}
.art-shop-seller-meta-card::before {
  width: 104px;
  height: 124px;
  right: -30px;
  bottom: -28px;
  background-image: url('/uploads/2026/05/art-shop-deco-seller.svg');
  opacity: 0.33;
}
.art-shop-question-card {
  min-height: 50px;
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr) 14px;
  gap: 8px;
  align-items: center;
  padding: 10px;
  color: #171412;
  text-decoration: none;
}
.art-shop-question-card::before {
  display: block;
  right: -22px;
  bottom: -12px;
  width: 118px;
  height: 52px;
  background-image: url('/uploads/2026/05/art-shop-deco-question.svg');
  opacity: 0.2;
}
.art-shop-question-card::after {
  display: none;
}
.art-shop-question-card__icon {
  width: 24px;
  height: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #171412;
  font-size: 22px;
}
.art-shop-question-card__copy {
  display: grid;
  gap: 2px;
  min-width: 0;
}
.art-shop-question-card__copy strong {
  color: #171412;
  font-size: 15px;
  line-height: 1.05;
}
.art-shop-question-card__copy span {
  color: #3f3a36;
  font-size: 12px;
  line-height: 1.25;
  white-space: nowrap;
}
.art-shop-question-card__chevron {
  color: #171412;
  font-size: 20px;
  justify-self: end;
}
.art-shop-question-card:hover {
  border-color: #dcc7b7;
  background: #fffaf6;
}
.art-shop-info-content {
  padding-top: 34px;
  padding-bottom: 56px;
}
.art-shop-info-content .art-marketplace-title {
  margin-bottom: 16px;
  font-size: clamp(32px, 4vw, 46px);
  line-height: 1.02;
}
.art-shop-info-content .art-card + .art-card {
  margin-top: 16px;
}
.art-shop-info-content .art-link-row {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

@media (max-width: 1180px) {
  .art-shop-product-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media (max-width: 960px) {
  .art-shop-layout {
    grid-template-columns: 1fr;
  }
  .art-shop-products-row {
    grid-template-columns: 1fr;
  }
  .art-shop-category-card {
    min-height: auto;
  }
  .art-shop-product-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .art-shop-reviews-layout {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 640px) {
  .art-shop-hero__content {
    grid-template-columns: 1fr;
    justify-items: center;
    text-align: center;
  }
  .art-shop-hero__text {
    padding-bottom: 0;
  }
  .art-shop-kpis {
    justify-content: center;
  }
  .art-shop-hero__actions {
    justify-content: center;
  }
  .art-shop-avatar-wrap {
    transform: none;
    margin-bottom: 0;
  }
  .art-shop-reviews-topline {
    align-items: flex-start;
    flex-direction: column;
  }
  .art-shop-review-filters {
    justify-content: flex-start;
  }
  .art-shop-products-row {
    grid-template-columns: 1fr;
  }
  .art-shop-product-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .art-shop-review-card--with-photo {
    grid-template-columns: 1fr;
  }
  .art-shop-review-photo-zoom {
    width: 100%;
    height: 180px;
  }
  .art-shop-review-card__photo {
    width: 100%;
    height: 180px;
  }
}
.art-filter-row { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; margin: 14px 0 18px; }
.art-input,
.art-select {
  min-height: 38px;
  border: 1px solid var(--art-border);
  border-radius: var(--art-radius-xs);
  background: #fff;
  color: var(--art-text);
  padding: 0 12px;
}
.art-empty { padding: 22px; background: var(--art-surface-warm); border: 1px solid var(--art-border); border-radius: var(--art-radius-md); color: var(--art-muted); }

.marketplace-status-badge,
.art-status-badge {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 0 10px;
  border-radius: var(--art-radius-full);
  background: var(--art-sage-soft);
  color: #496b43;
  font-size: var(--art-type-label);
  font-weight: 500;
}
.marketplace-status-badge--rejected,
.marketplace-status-badge--suspended { background: #fde9df; color: #a23722; }
.marketplace-status-badge--draft,
.marketplace-status-badge--pending_verification { background: #f4ecdc; color: #8a6738; }

.art-seller-shell {
  min-height: 100vh;
  display: grid;
  grid-template-columns: var(--art-sidebar) 1fr;
  background: #fbf7f0;
}
.art-seller-sidebar {
  padding: 22px 20px;
  background: #fff;
  border-right: 1px solid var(--art-border);
}
.art-seller-shop-card { text-align: center; margin: 22px 0; }
.art-seller-avatar { width: 98px; height: 98px; margin: 0 auto 12px; border-radius: var(--art-radius-full); background: linear-gradient(135deg, #d7c0a6, #f8ead8); }
.art-seller-nav { display: grid; gap: 6px; margin-top: 18px; }
.art-seller-nav a {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 42px;
  padding: 0 12px;
  border-radius: var(--art-radius-xs);
  color: var(--art-muted);
  font-weight: 500;
}
.art-seller-nav a.is-active,
.art-seller-nav a:hover { background: #fff1ea; color: var(--art-terracotta); }
.art-seller-main { min-width: 0; }
.art-seller-topbar {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 20px;
  align-items: center;
  min-height: 66px;
  padding: 0 32px;
  background: #fff;
  border-bottom: 1px solid var(--art-border);
}
.art-seller-topbar h1 {
  margin: 2px 0 0;
  color: var(--art-heading);
  font-family: var(--art-font-display);
  font-size: var(--art-type-title-lg);
  line-height: 1;
}
.art-seller-search { max-width: 520px; height: 38px; border: 1px solid var(--art-border); border-radius: var(--art-radius-full); padding: 0 16px; }
.art-seller-card {
  margin: 32px;
  padding: 24px;
  background: var(--art-surface);
  border: 1px solid var(--art-border);
  border-radius: var(--art-radius-lg);
  box-shadow: var(--art-shadow-sm);
}
.art-seller-card + .art-seller-card { margin-top: -8px; }
.art-seller-card h2 {
  margin: 0 0 8px;
  color: var(--art-heading);
  font-family: var(--art-font-display);
  font-size: var(--art-type-title-md);
}
.art-seller-card p { color: var(--art-muted); }
.art-form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin-top: 18px;
}
.art-form-grid label,
.art-inline-form label {
  display: grid;
  gap: 6px;
  color: var(--art-muted);
  font-size: var(--art-type-label);
  font-weight: 500;
}
.art-form-grid textarea,
.art-form-grid label:first-of-type { grid-column: 1 / -1; }
.art-inline-form {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: end;
  margin: 14px 0;
}
.art-error { color: #a23722; }
.art-seller-tabs {
  display: flex;
  gap: 8px;
  margin: 18px 0;
  padding: 5px;
  width: fit-content;
  border: 1px solid var(--art-border);
  border-radius: var(--art-radius-full);
  background: #fbf7f0;
}
.art-seller-tabs span {
  min-height: 30px;
  padding: 6px 14px;
  border-radius: var(--art-radius-full);
  color: var(--art-muted);
  font-size: var(--art-type-label);
  font-weight: 500;
}
.art-seller-tabs .is-active { background: #fff; color: var(--art-terracotta); box-shadow: var(--art-shadow-sm); }
.art-seller-kpis {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  margin: 32px 32px 0;
}
.art-seller-kpi {
  min-height: 112px;
  padding: 18px;
  background: #fff;
  border: 1px solid var(--art-border);
  border-radius: var(--art-radius-md);
  box-shadow: var(--art-shadow-sm);
}
.art-seller-kpi span { display: block; color: var(--art-muted); font-size: var(--art-type-label); font-weight: 500; }
.art-seller-kpi strong { display: block; margin-top: 14px; color: var(--art-text); font-size: var(--art-type-title-md); }
.art-seller-content {
  display: grid;
  grid-template-columns: 1fr var(--art-right-rail);
  gap: 24px;
  padding: 32px;
}
.art-kpi-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin: 22px 0; }
.art-kpi { min-height: 132px; padding: 18px; }
.art-kpi strong { display: block; color: var(--art-muted); font-size: var(--art-type-label); margin-bottom: 12px; }
.art-kpi span { font-size: var(--art-type-title-lg); font-weight: 500; }
.art-mini-chart { height: 42px; margin-top: 16px; border-radius: 50%; background: linear-gradient(160deg, transparent 30%, rgba(222,79,50,.14)); border-bottom: 2px solid rgba(222,79,50,.5); }
.art-table-card { overflow: hidden; }
.art-table-toolbar { display: flex; justify-content: space-between; gap: 12px; padding: 16px; border-bottom: 1px solid var(--art-border); }
.art-table-card table { width: 100%; border-collapse: collapse; }
.art-table-card th,
.art-table-card td { padding: 14px 16px; border-bottom: 1px solid var(--art-border); text-align: left; vertical-align: middle; }
.art-table-card th { color: var(--art-muted); font-size: var(--art-type-label); text-transform: uppercase; letter-spacing: .04em; background: #fbf7f0; }
.art-product-cell { display: flex; align-items: center; gap: 12px; }
.art-product-thumb { width: 58px; height: 58px; border-radius: var(--art-radius-xs); background: #ead8c5; object-fit: cover; }
.art-right-rail { display: grid; gap: 16px; align-content: stretch; height: 100%; }
.art-action-list { display: grid; gap: 10px; }
.art-action-list a { display: flex; justify-content: space-between; color: var(--art-text); font-weight: 500; }
.art-admin-shell { width: min(1280px, calc(100% - 48px)); margin: 0 auto; padding: 32px 0 54px; }
.art-admin-title { margin: 0 0 18px; color: var(--art-heading); font-family: var(--art-font-display); font-size: var(--art-type-title-lg); }
.art-admin-hero {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 24px;
  align-items: end;
  margin-bottom: 20px;
  padding: 24px;
  background: linear-gradient(135deg, #fff, #fff8ef);
  border: 1px solid var(--art-border);
  border-radius: var(--art-radius-lg);
  box-shadow: var(--art-shadow-sm);
}
.art-admin-hero p { margin: 6px 0 0; color: var(--art-muted); }
.art-admin-stat {
  min-width: 160px;
  padding: 16px;
  border-radius: var(--art-radius-md);
  background: #0f6f78;
  color: #fff;
}
.art-admin-stat span { display: block; font-size: var(--art-type-label); font-weight: 500; opacity: .82; }
.art-admin-stat strong { display: block; margin-top: 8px; font-size: var(--art-type-title-lg); line-height: 1; }
.art-admin-filter { margin-bottom: 18px; }
.art-check {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--art-muted);
  font-weight: 500;
}
.art-admin-actions {
  min-width: 260px;
}
.art-admin-actions form {
  display: inline-flex;
  gap: 8px;
  align-items: center;
  margin: 0 8px 8px 0;
}
.art-admin-actions .art-button { min-height: 32px; padding: 0 12px; font-size: var(--art-type-label); }
.art-admin-actions .art-input { min-height: 32px; max-width: 190px; }
.art-alert {
  margin: 0 0 16px;
  padding: 12px 14px;
  border-radius: var(--art-radius-sm);
  font-weight: 500;
}
.art-alert--success { background: var(--art-sage-soft); color: #496b43; }
.art-alert--error { background: #fde9df; color: #a23722; }
.card-12345 {
  width: min(1280px, calc(100% - 48px));
  margin: 32px auto 54px;
  padding: 24px;
  background: var(--art-surface);
  border: 1px solid var(--art-border);
  border-radius: var(--art-radius-lg);
  box-shadow: var(--art-shadow-sm);
}
.card-12345 h1 {
  margin: 0 0 16px;
  color: var(--art-heading);
  font-family: var(--art-font-display);
  font-size: var(--art-type-title-lg);
}
.card-12345 h2 { margin-top: 26px; color: var(--art-text); }
.table-12345 {
  width: 100%;
  border-collapse: collapse;
  overflow: hidden;
  background: #fff;
  border: 1px solid var(--art-border);
  border-radius: var(--art-radius-md);
}
.table-12345 th,
.table-12345 td {
  padding: 13px 14px;
  border-bottom: 1px solid var(--art-border);
  text-align: left;
  vertical-align: middle;
}
.table-12345 th {
  color: var(--art-muted);
  font-size: var(--art-type-label);
  text-transform: uppercase;
  letter-spacing: .04em;
  background: #fbf7f0;
}
.btn-primary-12345,
.btn-secondary-12345,
.btn-small-12345 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 34px;
  padding: 0 12px;
  border-radius: var(--art-radius-xs);
  border: 1px solid var(--art-border);
  background: #fff;
  color: var(--art-text);
  font-weight: 500;
}
.btn-primary-12345 { background: var(--art-teal); color: #fff; border-color: var(--art-teal); }

.art-community-board {
  min-height: 100%;
  background:
    radial-gradient(circle at 12% 8%, rgba(11, 90, 102, .08), transparent 30%),
    radial-gradient(circle at 85% 36%, rgba(242, 107, 85, .08), transparent 26%),
    linear-gradient(180deg, #faf7f1 0%, #f4ece1 52%, #faf7f1 100%);
  color: var(--art-text);
}
.art-community-hero {
  min-height: 520px;
  display: grid;
  align-items: center;
  background:
    linear-gradient(90deg, rgba(250, 247, 241, .99) 0%, rgba(250, 247, 241, .93) 35%, rgba(250, 247, 241, .34) 68%, rgba(250, 247, 241, .08) 100%),
    url('/images/community/community-hero.png') center / cover no-repeat;
  border-bottom: 1px solid var(--art-border);
}
.art-community-hero__content,
.art-community-page-hero .art-container {
  width: min(var(--art-container), calc(100% - 112px));
  margin: 0 auto;
}
.art-community-hero h1,
.art-community-page-hero h1 {
  max-width: 720px;
  margin: 0 0 16px;
  color: var(--art-heading);
  font-family: var(--art-font-display);
  font-size: clamp(44px, 6vw, 84px);
  line-height: .94;
  letter-spacing: -.045em;
}
.art-community-hero p:not(.art-eyebrow),
.art-community-page-hero p:not(.art-eyebrow) {
  max-width: 620px;
  margin: 0;
  color: var(--art-text);
  font-size: var(--art-type-lead);
  line-height: 1.65;
}
.art-community-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 26px;
}
.art-community-page-hero {
  padding: 78px 0 58px;
  background:
    linear-gradient(135deg, rgba(255, 253, 248, .96), rgba(244, 236, 225, .88)),
    url('/images/community/community-hero.png') center / cover no-repeat;
  border-bottom: 1px solid var(--art-border);
}
.art-community-shell {
  padding: 42px 0 76px;
}
.art-community-section {
  margin-bottom: 34px;
}
.art-community-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 340px;
  gap: 28px;
  align-items: start;
}
.art-community-main,
.art-community-sidebar {
  display: grid;
  gap: 24px;
}
.art-community-category-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}
.art-community-category-grid--wide {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.art-community-category-card,
.art-community-thread-card,
.art-community-side-card,
.art-community-thread-detail,
.art-community-replies,
.art-community-thread-actions,
.art-community-form,
.art-community-empty,
.art-community-state {
  background: linear-gradient(180deg, rgba(255, 253, 248, .98), rgba(255, 250, 244, .94));
  border: 1px solid var(--art-border);
  border-radius: var(--art-radius-xl);
  box-shadow: var(--art-shadow-sm);
}
.art-community-category-card {
  min-height: 250px;
  display: grid;
  align-content: start;
  gap: 12px;
  padding: 24px;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.art-community-category-card:hover {
  transform: translateY(-3px);
  border-color: #dbc8b4;
  box-shadow: var(--art-shadow-card);
}
.art-community-category-card.is-locked {
  background: linear-gradient(180deg, rgba(255, 253, 248, .9), rgba(246, 239, 229, .9));
}
.art-community-category-card__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.art-community-category-card__top .material-icons {
  display: grid;
  place-items: center;
  width: 46px;
  height: 46px;
  border-radius: var(--art-radius-full);
  background: linear-gradient(135deg, #e7f1ee, #fff3ea);
  color: var(--art-teal);
  font-size: 22px;
}
.art-community-category-card small,
.art-community-thread-card__meta span,
.art-community-thread-detail__meta span,
.art-community-thread-detail__meta a {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 0 9px;
  border-radius: var(--art-radius-full);
  background: #edf5f2;
  color: var(--art-teal);
  font-size: var(--art-type-label);
  font-weight: 500;
}
.art-community-category-card h2,
.art-community-category-card h3,
.art-community-thread-card h3,
.art-community-side-card h3 {
  margin: 0;
  color: var(--art-heading);
  font-family: var(--art-font-display);
  font-size: var(--art-type-title-sm);
  line-height: 1.08;
}
.art-community-category-card a,
.art-community-thread-card a,
.art-community-side-card a {
  color: inherit;
}
.art-community-category-card p,
.art-community-side-card p,
.art-community-empty p {
  margin: 0;
  color: var(--art-muted);
  font-size: var(--art-type-body);
  line-height: 1.65;
}
.art-community-subcats {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 4px;
}
.art-community-subcats a,
.art-community-tags a,
.art-community-subcategory-row a,
.art-community-toolbar a {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 0 12px;
  border: 1px solid var(--art-border);
  border-radius: var(--art-radius-full);
  background: #fff;
  color: var(--art-text);
  font-size: var(--art-type-label);
  font-weight: 500;
}
.art-community-thread-list {
  display: grid;
  gap: 14px;
}
.art-community-thread-card {
  padding: 22px;
}
.art-community-thread-card__meta,
.art-community-thread-detail__meta,
.art-community-thread-card__footer,
.art-community-author-line {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  align-items: center;
}
.art-community-thread-card__meta {
  margin-bottom: 12px;
}
.art-community-thread-card__meta .is-open,
.art-community-thread-detail__meta .is-open {
  background: #fff2db;
  color: #9a6418;
}
.art-community-thread-card__meta .is-solved,
.art-community-thread-detail__meta .is-solved {
  background: #e8f4e7;
  color: #3f7f4b;
}
.art-community-thread-card p {
  margin: 8px 0 14px;
  color: var(--art-muted);
  font-size: var(--art-type-body);
  line-height: 1.7;
}
.art-community-thread-card__footer,
.art-community-author-line {
  color: var(--art-muted);
  font-size: var(--art-type-label);
  font-weight: 500;
}
.art-community-project-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}
.art-community-project-card,
.art-community-project-empty {
  overflow: hidden;
  background: #fffdf8;
  border: 1px solid var(--art-border);
  border-radius: var(--art-radius-lg);
  box-shadow: var(--art-shadow-sm);
}
.art-community-project-card img,
.art-community-project-empty img,
.art-community-side-card--image img,
.art-community-challenge-card img,
.art-community-thread-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.art-community-project-card img {
  height: 160px;
}
.art-community-project-card div,
.art-community-project-empty div {
  padding: 16px;
}
.art-community-project-card span {
  color: var(--art-teal);
  font-size: var(--art-type-label);
  font-weight: 500;
}
.art-community-project-card h3 {
  margin: 6px 0 0;
  color: var(--art-heading);
  font-family: var(--art-font-display);
  font-size: var(--art-type-title-sm);
}
.art-community-project-empty {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: 260px 1fr;
  align-items: center;
}
.art-community-project-empty img {
  min-height: 210px;
}
.art-community-side-card {
  overflow: hidden;
  padding: 22px;
}
.art-community-side-card--image,
.art-community-challenge-card {
  padding: 0;
}
.art-community-side-card--image div,
.art-community-challenge-card div {
  padding: 20px;
}
.art-community-side-card--image img {
  height: 220px;
}
.art-community-challenge-card img {
  height: 180px;
}
.art-community-mini-link {
  display: block;
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid var(--art-border);
  color: var(--art-heading);
  font-weight: 500;
}
.art-community-search,
.art-community-toolbar,
.art-community-subcategory-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  margin-top: 22px;
}
.art-community-search input,
.art-community-form input,
.art-community-form select,
.art-community-form textarea,
.art-community-reply-form input,
.art-community-reply-form textarea {
  width: 100%;
  border: 1px solid var(--art-border);
  border-radius: var(--art-radius-xs);
  background: #fff;
  color: var(--art-text);
  font: inherit;
}
.art-community-search input {
  max-width: 420px;
  min-height: 44px;
  padding: 0 14px;
}
.art-community-toolbar {
  margin: 0 0 18px;
}
.art-community-toolbar a.is-active {
  border-color: var(--art-teal);
  background: #e8f3ef;
  color: var(--art-teal);
}
.art-community-thread-page {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 340px;
  gap: 26px;
  align-items: start;
  padding: 48px 0 76px;
}
.art-community-thread-detail,
.art-community-replies,
.art-community-thread-actions,
.art-community-form,
.art-community-state {
  padding: clamp(24px, 4vw, 42px);
}
.art-community-thread-actions {
  grid-column: 2;
  grid-row: 1 / span 2;
  position: sticky;
  top: 96px;
}
.art-community-thread-detail h1 {
  max-width: 860px;
  margin: 16px 0 10px;
  color: var(--art-heading);
  font-family: var(--art-font-display);
  font-size: clamp(36px, 5vw, 64px);
  line-height: 1;
  letter-spacing: -.04em;
}
.art-community-thread-image {
  margin: 28px 0;
  overflow: hidden;
  border-radius: var(--art-radius-xl);
  border: 1px solid var(--art-border);
}
.art-community-thread-image img {
  max-height: 460px;
}
.art-community-prose p,
.art-community-reply p {
  color: var(--art-text);
  font-size: var(--art-type-body);
  line-height: 1.85;
}
.art-community-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 24px;
}
.art-community-replies {
  grid-column: 1;
  display: grid;
  gap: 14px;
}
.art-community-replies h2 {
  margin: 0;
  color: var(--art-heading);
  font-family: var(--art-font-display);
  font-size: var(--art-type-title-md);
}
.art-community-reply {
  padding: 18px 0 0;
  border-top: 1px solid var(--art-border);
}
.art-community-reply img {
  max-width: 100%;
  margin-top: 12px;
  border-radius: var(--art-radius-lg);
}
.art-community-reply-form,
.art-community-form {
  display: grid;
  gap: 16px;
}
.art-community-form-shell {
  max-width: 920px;
  padding: 42px 0 76px;
}
.art-community-form {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.art-community-form label,
.art-community-reply-form label {
  display: grid;
  gap: 7px;
  color: var(--art-muted);
  font-size: var(--art-type-label);
  font-weight: 500;
}
.art-community-form .is-wide,
.art-community-form__actions {
  grid-column: 1 / -1;
}
.art-community-form input,
.art-community-form select,
.art-community-form textarea,
.art-community-reply-form input,
.art-community-reply-form textarea {
  min-height: 42px;
  padding: 10px 12px;
}
.art-community-form textarea,
.art-community-reply-form textarea {
  resize: vertical;
}
.art-community-form__actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
}
.art-community-alert,
.art-community-success {
  margin-bottom: 16px;
  padding: 14px 16px;
  border-radius: var(--art-radius-lg);
  font-weight: 500;
}
.art-community-alert {
  border: 1px solid #f0c3ba;
  background: #fff1ee;
  color: #9f3528;
}
.art-community-success {
  border: 1px solid #cfe6ce;
  background: #eef8ed;
  color: #3f7f4b;
}
.art-community-report-form {
  margin-top: 16px;
}
.art-community-reply-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 12px;
}
.art-community-moderation-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 16px;
  padding-top: 14px;
  border-top: 1px solid var(--art-border);
}
.art-community-moderation-actions form {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}
.art-community-moderation-actions input[type="text"] {
  min-height: 30px;
  width: min(210px, 100%);
  padding: 0 10px;
  border: 1px solid var(--art-border);
  border-radius: var(--art-radius-full);
  background: #fff;
  color: var(--art-text);
  font: inherit;
  font-size: var(--art-type-label);
}
.art-community-inline-action {
  margin-top: 18px;
}
.art-community-reply-actions .art-community-inline-action {
  margin-top: 0;
}
.art-community-report-form button,
.art-community-inline-action button,
.art-community-moderation-actions button {
  border: 0;
  background: transparent;
  color: var(--art-muted);
  font: inherit;
  font-size: var(--art-type-label);
  font-weight: 500;
  cursor: pointer;
}
.art-community-inline-action button,
.art-community-moderation-actions button {
  min-height: 30px;
  padding: 0 12px;
  border: 1px solid var(--art-border);
  border-radius: var(--art-radius-full);
  background: #fff;
  color: var(--art-teal);
}
.art-community-moderation-actions button {
  color: #9a4d33;
  background: #fff6ef;
  border-color: #ead7ca;
}
.art-community-empty,
.art-community-state {
  display: grid;
  gap: 10px;
}
.art-community-state {
  max-width: 820px;
  margin: 64px auto 80px;
  text-align: center;
}
.art-community-state h1 {
  margin: 0;
  color: var(--art-heading);
  font-family: var(--art-font-display);
  font-size: clamp(36px, 5vw, 62px);
}
.art-community-rules-page {
  background:
    radial-gradient(circle at 14% 10%, rgba(11, 90, 102, .08), transparent 30%),
    linear-gradient(180deg, #faf7f1 0%, #f4ece1 54%, #faf7f1 100%);
}
.art-community-rules-shell {
  padding: 42px 0 82px;
}
.art-community-rules-intro,
.art-community-rules-support,
.art-community-rules-manifest {
  padding: clamp(26px, 4vw, 46px);
  border: 1px solid var(--art-border);
  border-radius: var(--art-radius-xl);
  background: linear-gradient(180deg, rgba(255, 253, 248, .98), rgba(255, 250, 244, .94));
  box-shadow: var(--art-shadow-card);
}
.art-community-rules-intro h2,
.art-community-rules-support h2 {
  max-width: 760px;
  margin: 0;
  color: var(--art-heading);
  font-family: var(--art-font-display);
  font-size: clamp(30px, 4vw, 52px);
  line-height: 1;
  letter-spacing: -.035em;
}
.art-community-rules-intro p:not(.art-eyebrow),
.art-community-rules-support p,
.art-community-rules-support li {
  color: var(--art-text);
  font-size: var(--art-type-body);
  line-height: 1.75;
}
.art-community-rules-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin: 28px 0;
}
.art-community-rules-grid article {
  padding: 24px;
  border: 1px solid var(--art-border);
  border-radius: var(--art-radius-lg);
  background: #fffdf8;
  box-shadow: var(--art-shadow-sm);
}
.art-community-rules-grid span {
  display: inline-grid;
  place-items: center;
  width: 42px;
  height: 42px;
  margin-bottom: 12px;
  border-radius: var(--art-radius-full);
  background: #e8f3ef;
  color: var(--art-teal);
  font-size: var(--art-type-label);
  font-weight: 500;
}
.art-community-rules-grid h3 {
  margin: 0 0 8px;
  color: var(--art-heading);
  font-family: var(--art-font-display);
  font-size: var(--art-type-title-sm);
  line-height: 1.1;
}
.art-community-rules-grid p {
  margin: 0;
  color: var(--art-muted);
  font-size: var(--art-type-body);
  line-height: 1.65;
}
.art-community-rules-support {
  display: grid;
  grid-template-columns: .75fr 1.25fr;
  gap: 26px;
  align-items: start;
}
.art-community-rules-support ul {
  margin: 0;
  padding-left: 20px;
}
.art-community-rules-support p {
  grid-column: 1 / -1;
  margin: 0;
}
.art-community-rules-support a {
  color: var(--art-teal);
  font-weight: 500;
}
.art-community-rules-manifest {
  margin-top: 28px;
  text-align: center;
  background:
    linear-gradient(90deg, rgba(31, 95, 105, .95), rgba(15, 75, 84, .95)),
    url('/images/community/community-challenge.png') center / cover no-repeat;
}
.art-community-rules-manifest p,
.art-community-rules-manifest strong {
  display: block;
  margin: 0;
  color: #fff;
  font-family: var(--art-font-display);
  font-size: clamp(28px, 4vw, 52px);
  line-height: 1.1;
  letter-spacing: -.035em;
}
.art-community-rules-manifest strong {
  margin-top: 14px;
  color: #fff4e9;
}

@media (max-width: 960px) {
  .art-header-main { grid-template-columns: auto 1fr auto; }
  .art-header-seller { display: none; }
  .art-category-menu__popup {
    width: 100%;
    padding-right: 28px;
    padding-left: 28px;
  }
  .art-category-menu__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .art-home-hero__inner,
  .art-listing-hero,
  .art-home-products,
  .art-why-belief-grid,
  .art-why-editorial,
  .art-why-editorial--reverse,
  .art-why-principles,
  .art-shop-layout,
  .art-seller-content,
  .art-shop-card-grid,
  .art-how-grid,
  .art-magazine-grid,
  .art-testimonial-grid,
  .art-community-cta { grid-template-columns: 1fr; }
  .art-community-layout,
  .art-community-thread-page,
  .art-community-category-grid,
  .art-community-category-grid--wide,
  .art-community-project-grid,
  .art-community-rules-grid,
  .art-community-rules-support { grid-template-columns: 1fr; }
  .art-community-thread-actions,
  .art-community-replies { grid-column: auto; }
  .art-community-thread-actions { position: static; grid-row: auto; }
  .art-categories-hero {
    gap: 22px;
  }
  .art-categories-hero__image {
    min-height: 240px;
  }
  .art-product-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .art-product-grid.art-home-featured-product-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .art-category-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .art-hero-photo,
  .art-hero-feature { grid-column: 1; grid-row: auto; margin-right: 0; }
  .art-trust-band,
  .art-footer__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .art-how-card__arrow { display: none; }
}
@media (max-width: 760px) {
  .art-container,
  .art-marketplace-shell,
  .art-admin-shell,
  .art-why-shell { width: min(100% - 28px, var(--art-container)); }
  .art-why-hero { min-height: 360px; }
  .art-why-hero__content {
    width: min(100% - 28px, var(--art-container));
    transform: none;
  }
  .art-why-shell { padding: 0 0 48px; }
  .art-categories-page {
    padding-top: 12px;
  }
  .art-categories-breadcrumb {
    max-width: 100%;
    font-size: 13px;
  }
  .art-categories-hero {
    padding: 22px;
  }
  .art-categories-hero .art-marketplace-title {
    font-size: clamp(36px, 11vw, 50px);
  }
  .art-categories-hero__image {
    min-height: 190px;
  }
  .art-why-hero__actions { gap: 8px; }
  .art-why-intro-card,
  .art-why-copy-card,
  .art-why-principles,
  .art-why-manifest { padding: 22px; }
  .art-why-intro-card { margin-top: -28px; }
  .art-why-image { min-height: 260px; }
  .art-why-editorial,
  .art-why-principles { gap: 18px; }
  .art-header-main { grid-template-columns: 1fr auto; padding: 12px 0; }
  .art-header-search { grid-column: 1 / -1; }
  .art-category-nav__inner { justify-content: flex-start; gap: 18px; }
  .art-category-menu__popup {
    left: 0;
    right: 0;
    width: 100%;
    padding: 16px;
  }
  .art-category-menu__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
  }
  .art-listing-toolbar { align-items: flex-start; flex-direction: column; }
  .art-home-hero__inner { min-height: auto; }
  .art-hero-photo,
  .art-hero-feature { display: none; }
  .art-hero-stats,
  .art-product-grid,
  .art-product-grid.art-home-featured-product-grid,
  .art-category-grid,
  .art-kpi-grid,
  .art-seller-kpis,
  .art-form-grid,
  .art-trust-band,
  .art-footer__grid,
  .art-community-cta__form { grid-template-columns: 1fr; }
  .art-section-block { margin-top: 22px; }
  .art-magazine-card { grid-template-columns: 1fr; }
  .art-magazine-card__image { min-height: 140px; }
  .art-how-card { grid-template-columns: 56px minmax(0, 1fr); }
  .art-how-card__number { display: none; }
  .art-community-cta { padding: 22px; }
  .art-community-hero { min-height: 420px; }
  .art-community-hero__content,
  .art-community-page-hero .art-container,
  .art-community-shell,
  .art-community-thread-page,
  .art-community-form-shell { width: min(100% - 28px, var(--art-container)); }
  .art-community-shell,
  .art-community-thread-page,
  .art-community-form-shell { padding: 28px 0 48px; }
  .art-community-project-empty,
  .art-community-form { grid-template-columns: 1fr; }
  .art-community-form__actions { justify-content: stretch; flex-direction: column; }
  .art-seller-shell { grid-template-columns: 1fr; }
  .art-seller-sidebar { border-right: 0; border-bottom: 1px solid var(--art-border); }
  .art-seller-content,
  .art-seller-card,
  .art-seller-topbar { padding: 18px; }
  .art-seller-card,
  .art-seller-kpis { margin: 18px; }
  .art-admin-hero { grid-template-columns: 1fr; }
  .art-admin-actions form { display: flex; }
}

/* --- Marketplace auth shell (login/register/forgot/reset) + sell landing + shop index --- */
.art-auth-marketplace .auth-pro-page-2025 {
  min-height: auto;
  padding: 0;
  background: transparent;
}
.art-auth-marketplace .auth-login-shell-2026 {
  max-width: 1120px;
  margin: 0 auto;
}
.art-auth-marketplace--account-gateway .auth-login-pagehead-2026 {
  margin-bottom: var(--art-gap-md);
  padding: var(--art-gap-lg);
  border: 1px solid rgba(8, 118, 128, 0.12);
  border-radius: var(--art-radius-lg);
  background: linear-gradient(135deg, #fff 0%, var(--art-sage-soft) 100%);
  box-shadow: var(--art-shadow-sm);
}
.art-auth-marketplace--account-gateway .auth-login-title-row-2026 h1 {
  margin: 0 0 8px;
  color: var(--art-heading);
  font-family: var(--art-font-display);
  font-size: clamp(28px, 3vw, 42px);
}
.art-auth-marketplace--account-gateway .auth-login-title-row-2026 p {
  max-width: 760px;
  margin: 0;
  color: var(--art-muted);
  font-size: var(--art-type-body);
  line-height: 1.55;
}
.art-auth-marketplace--account-gateway .auth-login-breadcrumb-2026 {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
  margin-bottom: 8px;
  color: var(--art-muted);
  font-size: var(--art-type-label);
}
.art-auth-marketplace .art-listing-hero {
  background: linear-gradient(135deg, #fff 0%, var(--art-sage-soft) 100%);
  border-color: rgba(8, 118, 128, 0.12);
}
.art-auth-marketplace .auth-pro-card-2025,
.art-auth-marketplace .auth-pro-info-2025 {
  background: var(--art-surface);
  border: 1px solid var(--art-border);
  border-radius: var(--art-radius-md);
  box-shadow: var(--art-shadow-sm);
}
.art-auth-marketplace .auth-login-grid-2026 > .auth-pro-card-2025 {
  display: flex;
  flex-direction: column;
  min-height: 100%;
  padding: 22px 24px;
}
.art-auth-marketplace .auth-login-panel-2026 .auth-pro-form-2025,
.art-auth-marketplace .auth-register-panel-2026 .auth-pro-form-2025 {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
}
.art-auth-marketplace .auth-login-panel-2026 .auth-pro-submit-2025 {
  margin-top: auto;
}
.art-auth-marketplace .auth-register-panel-2026 .auth-register-cta-2026 {
  margin-top: auto;
}
.art-auth-marketplace .auth-seller-callout-2026 {
  display: flex;
  flex-direction: column;
  gap: var(--art-gap-sm);
  border-color: rgba(8, 118, 128, 0.18);
  background: linear-gradient(180deg, #fff 0%, var(--art-sage-soft) 55%);
}
.art-auth-marketplace .auth-seller-callout-2026 .auth-login-panel-head-2026 > .material-icons {
  color: var(--art-teal-dark);
}
.art-auth-marketplace .auth-seller-callout-2026 .auth-login-panel-head-2026 {
  align-items: flex-start;
}
.art-auth-marketplace .auth-seller-footer-2026 {
  margin-top: auto;
  padding-top: 4px;
}
.art-auth-marketplace .auth-login-panel-head-2026 h2 {
  margin: 0;
  font-family: var(--art-font-display);
  color: var(--art-heading);
  font-size: var(--art-type-title-sm);
}
.art-auth-marketplace .auth-login-panel-head-2026 p {
  margin: 6px 0 0;
  color: var(--art-muted);
  font-size: var(--art-type-label);
  line-height: 1.5;
}
.art-auth-marketplace .auth-login-panel-head-2026 {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  margin-bottom: 16px;
}
.art-auth-marketplace .auth-login-panel-head-2026 .material-icons {
  color: var(--art-teal);
  font-size: 26px;
}
.art-auth-marketplace .auth-pro-label-2025 {
  display: block;
  margin-bottom: 6px;
  color: var(--art-muted);
  font-weight: 500;
  font-size: var(--art-type-label);
}
.art-auth-marketplace .auth-pro-input-wrap-2025 {
  display: flex;
  align-items: center;
  gap: 8px;
  border: 1px solid var(--art-border);
  border-radius: var(--art-radius-sm);
  background: #fbfaf7;
  padding: 0 10px;
  min-height: 42px;
}
.art-auth-marketplace .auth-pro-input-wrap-2025 .material-icons {
  color: var(--art-muted);
  font-size: 18px;
}
.art-auth-marketplace .auth-pro-input-2025 {
  flex: 1;
  min-width: 0;
  border: none;
  background: transparent;
  padding: 10px 0;
}
.art-auth-marketplace .auth-pro-submit-2025 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  min-height: 44px;
  margin-top: 8px;
  padding: 0 20px;
  border: none;
  border-radius: var(--art-radius-full);
  background: var(--art-teal);
  color: #fff;
  font-weight: 500;
  cursor: pointer;
  transition: background .15s ease;
}
.art-auth-marketplace .auth-pro-submit-2025:hover {
  background: var(--art-teal-dark);
}
.art-auth-marketplace .auth-register-cta-2026 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  min-height: 44px;
  margin-top: 8px;
  padding: 0 20px;
  border: 2px solid var(--art-teal);
  border-radius: var(--art-radius-full);
  background: #fff;
  color: var(--art-teal);
  font-weight: 500;
  cursor: pointer;
  transition: background .15s ease, color .15s ease, border-color .15s ease, box-shadow .15s ease;
  box-shadow: 0 1px 0 rgba(8, 118, 128, 0.06);
}
.art-auth-marketplace .auth-register-cta-2026:hover {
  background: var(--art-sage-soft);
  color: var(--art-teal-dark);
  border-color: var(--art-teal-dark);
}
.art-auth-marketplace .auth-register-cta-2026:focus-visible {
  outline: 2px solid var(--art-teal);
  outline-offset: 2px;
}
.art-auth-marketplace .auth-pro-link-2025 {
  color: var(--art-teal);
  font-weight: 500;
}
.art-auth-marketplace .auth-pro-alert-2025 {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  padding: 12px 14px;
  margin-bottom: 14px;
  border-radius: var(--art-radius-sm);
  border: 1px solid var(--art-border);
  background: var(--art-danger-soft);
  color: var(--art-text);
}
.art-auth-marketplace .auth-pro-alert-success-2026,
.art-auth-marketplace .auth-pro-success-2025.auth-pro-alert-success-2026 {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  padding: 12px 14px;
  margin-bottom: 14px;
  border-radius: var(--art-radius-sm);
  border: 1px solid #c5d9b8;
  background: var(--art-sage-soft);
  color: var(--art-heading);
}
.art-auth-marketplace .auth-pro-footer-2025 {
  margin-top: 16px;
  padding-top: 14px;
  border-top: 1px solid var(--art-border);
}
.art-auth-marketplace .auth-pro-options-2025 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 10px;
  align-items: center;
  margin: 12px 0;
}
.art-auth-marketplace__hero-visual {
  width: 100%;
  min-height: 170px;
  border-radius: var(--art-radius-lg);
  border: 1px solid rgba(8, 118, 128, 0.12);
  background:
    radial-gradient(circle at 22% 38%, rgba(255, 255, 255, 0.88) 0 11%, transparent 12%),
    radial-gradient(circle at 76% 58%, rgba(8, 118, 128, 0.14) 0 20%, transparent 21%),
    radial-gradient(circle at 52% 28%, rgba(127, 161, 116, 0.22) 0 38%, transparent 39%),
    linear-gradient(145deg, #e8f2ee, #f7f4eb);
}
.art-auth-marketplace .auth-login-grid-2026 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--art-gap-md);
  align-items: stretch;
}
.art-auth-marketplace .auth-forgot-grid-2026,
.art-auth-marketplace .auth-reset-grid-2026 {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 340px);
  gap: var(--art-gap-md);
  align-items: start;
}
.art-auth-marketplace .auth-login-bottom-strip-2026 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: var(--art-gap-sm);
  margin-top: var(--art-gap-lg);
  padding: var(--art-gap-md);
  background: var(--art-surface);
  border: 1px solid var(--art-border);
  border-radius: var(--art-radius-md);
  box-shadow: var(--art-shadow-sm);
}
.art-auth-marketplace .auth-login-bottom-item-2026 {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  font-size: var(--art-type-label);
  color: var(--art-muted);
}
.art-auth-marketplace .auth-login-bottom-item-2026 .material-icons {
  color: var(--art-teal);
  font-size: 20px;
}
.art-auth-marketplace .auth-login-bottom-item-2026 strong {
  display: block;
  color: var(--art-text);
}
.art-auth-marketplace .auth-pro-info-2026 {
  padding: 18px;
}
.art-auth-marketplace .auth-pro-info-item-2025 {
  display: flex;
  gap: 12px;
  margin-top: 14px;
}
.art-auth-marketplace .auth-pro-info-item-2025 .material-icons {
  color: var(--art-teal);
}
.art-auth-marketplace .auth-register-preview-field-2026 {
  display: flex;
  align-items: center;
  gap: 8px;
  border: 1px solid var(--art-border);
  border-radius: var(--art-radius-sm);
  background: #fbfaf7;
  padding: 0 10px;
  min-height: 42px;
}
.art-auth-marketplace .auth-register-preview-field-2026 .material-icons {
  color: var(--art-muted);
  font-size: 18px;
}
.art-auth-marketplace .auth-register-preview-field-2026 .auth-pro-input-2025 {
  flex: 1;
  min-width: 0;
  border: none;
  background: transparent;
  padding: 10px 0;
}
.art-auth-marketplace .auth-register-rules-2026 {
  margin: 12px 0 16px;
  padding-left: 1.2em;
  color: var(--art-muted);
  font-size: var(--art-type-label);
  line-height: 1.5;
}
.art-auth-marketplace .auth-pro-toggle-2025 {
  border: 0;
  background: transparent;
  padding: 4px;
  cursor: pointer;
  color: var(--art-muted);
}

.art-auth-marketplace .auth-seller-steps-2026 {
  margin: 0 0 var(--art-gap-sm);
  padding-left: 1.35em;
  color: var(--art-muted);
  font-size: var(--art-type-label);
  line-height: 1.55;
}
.art-auth-marketplace .auth-seller-steps-2026 li + li {
  margin-top: 8px;
}
.art-auth-marketplace .auth-seller-actions-2026 {
  display: flex;
  flex-wrap: wrap;
  gap: var(--art-gap-sm);
  align-items: center;
  margin-top: 0;
}
.art-auth-marketplace .auth-seller-actions-2026 .art-button {
  text-decoration: none;
}
.art-auth-marketplace .auth-seller-note-2026 {
  margin: 10px 0 0;
  font-size: var(--art-type-label);
  line-height: 1.45;
}

.art-sell-landing .art-sell-steps {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--art-gap-md);
  margin: var(--art-gap-lg) 0;
}
.art-sell-step {
  padding: var(--art-gap-md);
  background: var(--art-surface);
  border: 1px solid var(--art-border);
  border-radius: var(--art-radius-md);
  box-shadow: var(--art-shadow-sm);
}
.art-sell-step .art-section-title {
  font-size: var(--art-type-title-sm);
  margin: 0 0 8px;
}
.art-sell-step__num {
  display: inline-flex;
  width: 36px;
  height: 36px;
  align-items: center;
  justify-content: center;
  border-radius: var(--art-radius-full);
  background: var(--art-sage-soft);
  color: var(--art-teal-dark);
  font-weight: 500;
  margin-bottom: 10px;
}
.art-sell-cta-row {
  display: flex;
  flex-wrap: wrap;
  gap: var(--art-gap-sm);
  margin-top: var(--art-gap-md);
  align-items: center;
}
.art-sell-more-box {
  padding: var(--art-gap-lg);
  margin-top: var(--art-gap-md);
}
.art-sell-more-box .art-section-title {
  margin-bottom: 8px;
}

.art-marketplace-filter-row {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
  margin-bottom: 22px;
}
.art-marketplace-filter-row .art-input {
  flex: 1 1 200px;
  min-width: 160px;
}
.art-shop-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: var(--art-gap-md);
}
.art-card-media {
  width: 100%;
  aspect-ratio: 21 / 9;
  object-fit: cover;
  border-radius: var(--art-radius-md) var(--art-radius-md) 0 0;
}
.art-card-body {
  padding: 14px 16px 18px;
}
.art-card-title {
  margin: 0 0 8px;
  font-size: var(--art-type-title-sm);
  font-family: var(--art-font-display);
  font-weight: 500;
}
.art-card-title a {
  color: var(--art-heading);
}
.art-card-text {
  margin: 0 0 8px;
  color: var(--art-muted);
  font-size: var(--art-type-label);
  line-height: 1.55;
}
.art-top-shops-hero {
  background:
    radial-gradient(circle at 82% 24%, rgba(212, 233, 61, 0.22) 0 15%, transparent 16%),
    radial-gradient(circle at 68% 78%, rgba(222, 79, 50, 0.12) 0 20%, transparent 21%),
    linear-gradient(135deg, #fffdf8 0%, #fff3df 100%);
}
.art-top-shops-hero__image {
  min-height: 190px;
  background:
    radial-gradient(circle at 50% 42%, rgba(255,255,255,.88) 0 16%, transparent 17%),
    radial-gradient(circle at 32% 66%, rgba(8,118,128,.16) 0 18%, transparent 19%),
    linear-gradient(135deg, #f0dcc4 0%, #d8b385 100%);
  position: relative;
}
.art-top-shops-hero__image::before {
  content: "★";
  position: absolute;
  inset: 28px auto auto 50%;
  width: 82px;
  height: 82px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transform: translateX(-50%);
  color: #fff;
  font-size: 44px;
  line-height: 1;
  background: linear-gradient(135deg, #e8b441, #c48618);
  border: 4px solid rgba(255,255,255,.78);
  border-radius: 50%;
  box-shadow: 0 18px 42px rgba(88, 54, 16, 0.22);
}
.art-top-shops-hero__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 18px;
}
.art-top-shops-hero__meta span,
.art-top-shop-card__metrics span {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 6px 10px;
  border: 1px solid rgba(8, 118, 128, 0.14);
  border-radius: var(--art-radius-full);
  color: var(--art-teal-dark);
  background: rgba(255,255,255,.72);
  font-size: 14px;
}
.art-top-shops-hero__meta strong,
.art-top-shop-card__metrics strong {
  color: var(--art-heading);
  font-weight: 500;
}
.art-top-shop-groups {
  display: grid;
  gap: 34px;
}
.art-top-shop-group {
  display: grid;
  gap: 16px;
}
.art-top-shop-list {
  display: grid;
  gap: 14px;
}
.art-top-shop-card {
  display: grid;
  grid-template-columns: 54px minmax(150px, 220px) minmax(0, 1fr) auto;
  gap: 16px;
  align-items: center;
  padding: 14px;
  border: 1px solid var(--art-border);
  border-radius: var(--art-radius-lg);
  background: #fff;
  box-shadow: 0 10px 24px rgba(45, 33, 24, 0.055);
}
.art-top-shop-card__rank {
  width: 42px;
  height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: #fff;
  background: linear-gradient(135deg, var(--art-teal), var(--art-teal-dark));
  font-family: var(--art-font-display);
  font-size: 17px;
  font-weight: 500;
  box-shadow: 0 9px 20px rgba(8, 118, 128, 0.2);
}
.art-top-shop-card__media {
  position: relative;
  display: block;
  min-height: 92px;
  overflow: hidden;
  border-radius: 14px;
  background: linear-gradient(135deg, #efe1d0, #f9f1e8);
}
.art-top-shop-card__media img,
.art-top-shop-card__media-fallback {
  width: 100%;
  height: 100%;
  min-height: 92px;
  display: block;
  object-fit: cover;
}
.art-top-shop-card__media-fallback {
  background:
    radial-gradient(circle at 32% 38%, rgba(255,255,255,.78) 0 17%, transparent 18%),
    radial-gradient(circle at 74% 62%, rgba(8,118,128,.12) 0 18%, transparent 19%),
    linear-gradient(135deg, #ead9c7, #fff8ef);
}
.art-top-shop-card__body {
  min-width: 0;
}
.art-top-shop-card__title-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 7px;
}
.art-top-shop-card__title-row h3 {
  margin: 0;
  color: var(--art-heading);
  font-family: var(--art-font-display);
  font-size: 22px;
  line-height: 1.12;
}
.art-top-shop-card__title-row h3 a {
  color: inherit;
}
.art-top-shop-score {
  flex-shrink: 0;
  padding: 4px 9px;
  border-radius: var(--art-radius-full);
  color: #8b5a08;
  background: #fff2ce;
  font-size: 14px;
  font-weight: 500;
}
.art-top-shop-card__body p {
  margin: 0 0 11px;
  color: var(--art-muted);
  font-size: var(--art-type-label);
  line-height: 1.5;
}
.art-top-shop-card__metrics {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}
.art-top-shop-card__metrics span {
  padding: 5px 8px;
  background: var(--art-surface-warm);
}
.art-top-shop-card__reason {
  display: block;
  margin-top: 9px;
  color: var(--art-muted);
  font-size: 13px;
}
.art-pagination__status {
  font-weight: 500;
  color: var(--art-muted);
}

@media (max-width: 900px) {
  .art-auth-marketplace .auth-login-grid-2026,
  .art-auth-marketplace .auth-forgot-grid-2026,
  .art-auth-marketplace .auth-reset-grid-2026,
  .art-sell-landing .art-sell-steps {
    grid-template-columns: 1fr;
  }
  .art-top-shop-card {
    grid-template-columns: 44px minmax(0, 1fr);
    align-items: start;
  }
  .art-top-shop-card__media,
  .art-top-shop-card__body,
  .art-top-shop-card > .art-button {
    grid-column: 1 / -1;
  }
  .art-top-shop-card > .art-button {
    justify-content: center;
  }
}

/* Marketplace shell on legacy SK24 / checkout / account templates */
.art-marketplace-content-page {
  padding-bottom: 28px;
}
.art-marketplace-content-page > .sk24-legal-page,
.art-marketplace-content-page > .sk24-category-page {
  width: 100%;
}
.art-marketplace-cart-page > .software-template-2025,
.art-marketplace-checkout-page > .checkout-page-12345,
.art-marketplace-checkout-page > .software-template-2025,
.art-marketplace-account-wrap > .auth-pro-page-2025,
.art-marketplace-account-wrap > .software-template-2025 {
  width: 100%;
}
.art-marketplace-account-wrap {
  padding-top: 22px;
  padding-bottom: 32px;
}
.art-account-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 340px);
  gap: var(--art-gap-md);
  align-items: stretch;
  margin-bottom: var(--art-gap-md);
  padding: var(--art-gap-lg);
  border: 1px solid rgba(8, 118, 128, .12);
  border-radius: var(--art-radius-lg);
  background: linear-gradient(135deg, #fff 0%, var(--art-sage-soft) 100%);
  box-shadow: var(--art-shadow-sm);
}
.art-account-hero .art-marketplace-title {
  margin: 0 0 8px;
}
.art-account-hero .art-marketplace-lead {
  max-width: 760px;
  margin: 0;
}
.art-account-hero-card {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: var(--art-gap-md);
  border: 1px solid var(--art-border);
  border-radius: var(--art-radius-md);
  background: rgba(255, 255, 255, .78);
}
.art-account-hero-card__avatar {
  display: inline-grid;
  place-items: center;
  flex: 0 0 52px;
  width: 52px;
  height: 52px;
  border-radius: var(--art-radius-full);
  background: linear-gradient(135deg, var(--art-teal), var(--art-sage));
  color: #fff;
  font-size: 17px;
  font-weight: 800;
}
.art-account-hero-card strong,
.art-account-hero-card small,
.art-account-hero-card a {
  display: block;
}
.art-account-hero-card strong {
  color: var(--art-heading);
  font-family: var(--art-font-display);
  font-size: var(--art-type-title-sm);
}
.art-account-hero-card small {
  margin-top: 2px;
  color: var(--art-muted);
  font-size: var(--art-type-label);
}
.art-account-hero-card a {
  margin-top: 8px;
  color: var(--art-teal);
  font-weight: 700;
  font-size: var(--art-type-label);
}
.art-marketplace-account-wrap .auth-pro-page-2025.sk24-account-page {
  padding: 0;
  background: transparent;
}
.art-marketplace-account-wrap .account-pro-container-2025 {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
}
.art-marketplace-account-wrap .account-pro-card-2025.sk24-acc-card {
  border: 1px solid var(--art-border);
  border-radius: var(--art-radius-lg);
  background: var(--art-surface);
  box-shadow: var(--art-shadow-sm);
}
.art-marketplace-account-wrap .sk24-acc-sidebar,
.art-marketplace-account-wrap .sk24-acc-panel,
.art-marketplace-account-wrap .sk24-acc-kpi,
.art-marketplace-account-wrap .order-widget-pro-2025,
.art-marketplace-account-wrap .product-codes-card-pro-2025 {
  border-color: var(--art-border);
  box-shadow: var(--art-shadow-sm);
}
.art-marketplace-account-wrap .sk24-acc-welcome__title,
.art-marketplace-account-wrap .sk24-acc-page-head__title,
.art-marketplace-account-wrap .sk24-acc-panel h2 {
  color: var(--art-heading);
  font-family: var(--art-font-display);
}
.art-marketplace-account-wrap .sk24-acc-nav-btn--active,
.art-marketplace-account-wrap .sk24-acc-kpi__link,
.art-marketplace-account-wrap .sk24-acc-panel__btn,
.art-marketplace-account-wrap .sk24-acc-inline-link {
  color: var(--art-teal);
}
.art-account-redesign-2026 {
  max-width: var(--art-container);
  margin: 0 auto;
  color: var(--art-text);
}
.art-account-redesign-2026 .art-account-hero {
  padding: 5px;
  border: 1px solid rgba(8, 118, 128, .18);
  border-radius: var(--art-radius-md);
  background:
    radial-gradient(circle at 92% 0%, rgba(127, 161, 116, .18), transparent 28%),
    linear-gradient(135deg, #fff 0%, #f4f8f2 100%);
}
.art-account-redesign-2026 .art-marketplace-title,
.art-account-redesign-2026 .sk24-acc-welcome__title,
.art-account-redesign-2026 .sk24-acc-page-head__title {
  font-size: clamp(20px, 2.2vw, 30px);
  line-height: 1.12;
}
.art-account-redesign-2026 .art-marketplace-lead,
.art-account-redesign-2026 .sk24-acc-welcome__lead,
.art-account-redesign-2026 p,
.art-account-redesign-2026 dd,
.art-account-redesign-2026 td,
.art-account-redesign-2026 th,
.art-account-redesign-2026 label {
  font-size: 13px;
  line-height: 1.45;
}
.art-account-redesign-2026 .account-pro-card-2025.sk24-acc-card,
.art-account-redesign-2026 .account-pro-container-2025,
.art-account-redesign-2026 .auth-pro-page-2025.sk24-account-page {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}
.art-account-redesign-2026 .sk24-acc-shell {
  display: grid;
  grid-template-columns: 220px minmax(0, 1fr);
  gap: 5px;
  align-items: start;
}
.art-account-redesign-2026 .sk24-acc-sidebar {
  position: sticky;
  top: 78px;
  padding: 5px;
  border: 1px solid var(--art-border);
  border-radius: var(--art-radius-md);
  background: #fff;
  box-shadow: var(--art-shadow-sm);
}
.art-account-redesign-2026 .sk24-acc-sidebar-nav {
  display: grid;
  gap: 5px;
}
.art-account-redesign-2026 .sk24-acc-nav-btn {
  display: flex;
  align-items: center;
  gap: 5px;
  width: 100%;
  padding: 5px;
  border: 1px solid transparent;
  border-radius: var(--art-radius-sm);
  background: transparent;
  color: var(--art-text);
  font-weight: 650;
  text-align: left;
  cursor: pointer;
}
.art-account-redesign-2026 .sk24-acc-nav-btn:hover,
.art-account-redesign-2026 .sk24-acc-nav-btn--active {
  border-color: rgba(8, 118, 128, .2);
  background: var(--art-sage-soft);
  color: var(--art-teal-dark);
}
.art-account-redesign-2026 .sk24-acc-nav-btn .material-icons {
  font-size: 19px;
}
.art-account-redesign-2026 .sk24-acc-support-card {
  margin-top: 5px;
  padding: 5px;
  border-radius: var(--art-radius-sm);
  background: #f8f5ec;
}
.art-account-redesign-2026 .sk24-acc-support-card__ico,
.art-account-redesign-2026 .sk24-acc-page-head__ico {
  color: var(--art-teal);
}
.art-account-redesign-2026 .sk24-acc-main {
  min-width: 0;
}
.art-account-redesign-2026 .account-pane-pro-2025 {
  display: none;
}
.art-account-redesign-2026 .account-pane-pro-2025.account-pane-active-pro-2025 {
  display: block;
}
.art-account-redesign-2026 .sk24-acc-welcome,
.art-account-redesign-2026 .sk24-acc-page-head {
  margin: 0 0 5px;
  padding: 5px;
  border: 1px solid var(--art-border);
  border-radius: var(--art-radius-md);
  background: #fff;
  box-shadow: var(--art-shadow-sm);
}
.art-account-redesign-2026 .sk24-acc-kpi-grid,
.art-account-redesign-2026 .sk24-acc-dash-grid,
.art-account-redesign-2026 .sk24-acc-bottom-grid,
.art-account-redesign-2026 .sk24-acc-api-grid,
.art-account-redesign-2026 .sk24-license-kpis {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  gap: 5px;
  margin: 0 0 5px;
}
.art-account-redesign-2026 .sk24-acc-kpi,
.art-account-redesign-2026 .sk24-acc-panel,
.art-account-redesign-2026 .order-widget-pro-2025,
.art-account-redesign-2026 .product-codes-card-pro-2025,
.art-account-redesign-2026 .sk24-license-kpi,
.art-account-redesign-2026 .sk24-license-bottom-hint,
.art-account-redesign-2026 .empty-state-pro-2025 {
  padding: 5px;
  border: 1px solid var(--art-border);
  border-radius: var(--art-radius-md);
  background: #fff;
  box-shadow: var(--art-shadow-sm);
}
.art-account-redesign-2026 .sk24-acc-kpi {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 5px;
}
.art-account-redesign-2026 .sk24-acc-kpi__ico,
.art-account-redesign-2026 .sk24-license-kpi > .material-icons {
  display: inline-grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: var(--art-radius-full);
  background: var(--art-sage-soft);
  color: var(--art-teal);
}
.art-account-redesign-2026 .sk24-acc-kpi__value,
.art-account-redesign-2026 .sk24-license-kpi strong {
  display: block;
  color: var(--art-heading);
  font-family: var(--art-font-display);
  font-size: 22px;
  line-height: 1;
}
.art-account-redesign-2026 .sk24-acc-kpi__label,
.art-account-redesign-2026 .sk24-license-kpi small {
  display: block;
  color: var(--art-muted);
  font-size: 12px;
}
.art-account-redesign-2026 .sk24-acc-kpi__link,
.art-account-redesign-2026 .sk24-acc-panel__btn,
.art-account-redesign-2026 .sk24-acc-inline-link,
.art-account-redesign-2026 .sk24-acc-dl-btn,
.art-account-redesign-2026 .sk24-acc-support-card__btn,
.art-account-redesign-2026 .invoice-pill-btn-pro-2025,
.art-account-redesign-2026 .code-btn-pro-2025,
.art-account-redesign-2026 .page-btn-pro-2025 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  min-height: 30px;
  padding: 5px;
  border: 1px solid rgba(8, 118, 128, .24);
  border-radius: var(--art-radius-full);
  background: #fff;
  color: var(--art-teal-dark);
  font-weight: 700;
  font-size: 12px;
  text-decoration: none;
  cursor: pointer;
}
.art-account-redesign-2026 .auth-pro-submit-2025,
.art-account-redesign-2026 .sk24-acc-profile-submit,
.art-account-redesign-2026 .sk24-acc-api-btn {
  min-height: 34px;
  padding: 5px;
  border: 0;
  border-radius: var(--art-radius-full);
  background: var(--art-teal);
  color: #fff;
}
.art-account-redesign-2026 .sk24-acc-panel__head,
.art-account-redesign-2026 .sk24-acc-api-card-head,
.art-account-redesign-2026 .order-header-pro-2025,
.art-account-redesign-2026 .sk24-license-head,
.art-account-redesign-2026 .sk24-license-toolbar,
.art-account-redesign-2026 .sk24-license-head-actions,
.art-account-redesign-2026 .sk24-acc-order-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  align-items: center;
  justify-content: space-between;
}
.art-account-redesign-2026 .sk24-acc-panel h2,
.art-account-redesign-2026 .sk24-acc-api-card h2,
.art-account-redesign-2026 .product-codes-card-pro-2025 h3 {
  margin: 0 0 5px;
  color: var(--art-heading);
  font-family: var(--art-font-display);
  font-size: 17px;
}
.art-account-redesign-2026 .sk24-acc-table-wrap,
.art-account-redesign-2026 .orders-table-pro-2025 {
  overflow-x: auto;
}
.art-account-redesign-2026 .sk24-acc-table {
  width: 100%;
  border-collapse: collapse;
}
.art-account-redesign-2026 .sk24-acc-table th,
.art-account-redesign-2026 .sk24-acc-table td {
  padding: 5px;
  border-bottom: 1px solid var(--art-border);
  text-align: left;
  vertical-align: top;
}
.art-account-redesign-2026 .sk24-acc-table th {
  color: var(--art-muted);
  background: var(--art-bg-soft);
  font-size: 12px;
}
.art-account-redesign-2026 .sk24-acc-badge,
.art-account-redesign-2026 .status-badge-pro-2025,
.art-account-redesign-2026 .order-badge-pro-2025,
.art-account-redesign-2026 .sk24-license-status-pill,
.art-account-redesign-2026 .sk24-acc-pay-pill {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 5px;
  border-radius: var(--art-radius-full);
  background: var(--art-sage-soft);
  color: var(--art-teal-dark);
  font-size: 12px;
  font-weight: 700;
}
.art-account-redesign-2026 .sk24-acc-dl,
.art-account-redesign-2026 .sk24-license-detail-panel dl {
  display: grid;
  gap: 5px;
  margin: 0;
}
.art-account-redesign-2026 .sk24-acc-dl > div,
.art-account-redesign-2026 .sk24-license-detail-panel dl > div {
  display: grid;
  grid-template-columns: 130px minmax(0, 1fr);
  gap: 5px;
}
.art-account-redesign-2026 dt {
  color: var(--art-muted);
  font-weight: 700;
}
.art-account-redesign-2026 .auth-pro-input-wrap-2025,
.art-account-redesign-2026 .sk24-license-search,
.art-account-redesign-2026 .sk24-license-toolbar select,
.art-account-redesign-2026 .sk24-acc-api-key-mask,
.art-account-redesign-2026 .sk24-acc-api-code,
.art-account-redesign-2026 .sk24-license-code-copy {
  display: flex;
  align-items: center;
  gap: 5px;
  min-height: 34px;
  padding: 5px;
  border: 1px solid var(--art-border);
  border-radius: var(--art-radius-sm);
  background: #fbfaf7;
}
.art-account-redesign-2026 .auth-pro-input-2025,
.art-account-redesign-2026 input,
.art-account-redesign-2026 select {
  min-width: 0;
  border: 0;
  background: transparent;
  font-size: 13px;
}
.art-account-redesign-2026 .form-row-pro-2025 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 5px;
}
.art-account-redesign-2026 .form-row-pro-2025--triple {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.art-account-redesign-2026 .auth-pro-group-2025 {
  margin-bottom: 5px;
}
.art-account-redesign-2026 .sk24-license-page,
.art-account-redesign-2026 .codes-container-pro-2025 {
  display: grid;
  gap: 5px;
}
.art-account-redesign-2026 .product-codes-card-pro-2025 {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(220px, .8fr) minmax(220px, .8fr);
  gap: 5px;
  margin-top: 5px;
}
.art-account-redesign-2026 .sk24-license-history-panel ol,
.art-account-redesign-2026 .sk24-acc-help-list,
.art-account-redesign-2026 .sk24-acc-dl-list {
  display: grid;
  gap: 5px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.art-account-redesign-2026 .sk24-acc-dl-item,
.art-account-redesign-2026 .sk24-license-history-panel li {
  padding: 5px;
  border: 1px solid var(--art-border);
  border-radius: var(--art-radius-sm);
  background: var(--art-bg-soft);
}
.art-account-redesign-2026 .sk24-acc-empty {
  margin: 0;
  color: var(--art-muted);
}
@media (max-width: 980px) {
  .art-account-redesign-2026 .sk24-acc-shell,
  .art-account-redesign-2026 .product-codes-card-pro-2025,
  .art-account-redesign-2026 .form-row-pro-2025,
  .art-account-redesign-2026 .form-row-pro-2025--triple {
    grid-template-columns: 1fr;
  }
  .art-account-redesign-2026 .sk24-acc-sidebar {
    position: static;
  }
}
@media (max-width: 900px) {
  .art-account-hero {
    grid-template-columns: 1fr;
    padding: var(--art-gap-md);
  }
  .art-account-hero-card {
    align-items: flex-start;
  }
}

/* Full-bleed Unterseiten (PDP, Shop, Community): nutzt volle Header-Breite, Inhalt über bestehende .art-container */
.art-marketplace-shell--full-bleed {
  width: 100%;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
}

/* ─── Produktdetailseite (PDP / sk24 + pdp-v3) ─────────────────────────── */
.art-marketplace-pdp.art-marketplace-shell {
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 32px;
}

.art-marketplace-pdp .sk24-pdp-breadcrumb.downloads-breadcrumb-12345 {
  background: var(--art-bg-soft);
  border-bottom: 1px solid var(--art-border);
  padding: 14px 0;
}
.art-marketplace-pdp .breadcrumb-link-12345 {
  color: var(--art-teal);
}
.art-marketplace-pdp .breadcrumb-link-12345:hover {
  color: var(--art-teal-dark);
}
.art-marketplace-pdp .breadcrumb-current-12345 {
  color: var(--art-heading);
  font-weight: 500;
}
.art-marketplace-pdp .breadcrumb-nav-12345 > .material-icons {
  color: var(--art-muted);
}

.sk24-pdp-page {
  padding: 20px 0 40px;
  background: var(--art-bg);
}

.sk24-pdp-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(288px, 400px);
  gap: clamp(18px, 2.8vw, 36px);
  align-items: start;
}

.sk24-pdp-left {
  min-width: 0;
}

.sk24-pdp-buy {
  position: sticky;
  top: calc(58px + 16px);
  padding: var(--art-gap-lg);
  background: var(--art-surface);
  border: 1px solid var(--art-border);
  border-radius: var(--art-radius-lg);
  box-shadow: var(--art-shadow-card);
}

.sk24-pdp-gallery {
  display: grid;
  grid-template-columns: 76px minmax(0, 1fr);
  gap: 14px;
  position: relative;
  padding: var(--art-gap-md);
  background: linear-gradient(165deg, #fff 0%, var(--art-surface-warm) 100%);
  border: 1px solid var(--art-border);
  border-radius: var(--art-radius-lg);
  box-shadow: var(--art-shadow-sm);
}

.sk24-pdp-gallery-badge {
  position: absolute;
  top: 14px;
  left: 90px;
  z-index: 2;
  padding: 6px 12px;
  border-radius: var(--art-radius-full);
  background: rgba(255, 255, 255, 0.94);
  border: 1px solid var(--art-border);
  color: var(--art-teal);
  font-size: var(--art-type-label);
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.sk24-pdp-thumbs {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.sk24-pdp-thumb {
  width: 72px;
  height: 72px;
  border-radius: var(--art-radius-sm);
  overflow: hidden;
  border: 2px solid transparent;
  cursor: pointer;
  background: #fff;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.sk24-pdp-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.sk24-pdp-thumb--active {
  border-color: var(--art-teal);
  box-shadow: 0 0 0 1px rgba(8, 118, 128, 0.25);
}
.sk24-pdp-thumb-more {
  display: grid;
  place-items: center;
  font-weight: 500;
  font-size: 16px;
  color: var(--art-teal-dark);
  background: var(--art-sage-soft);
  border: 1px dashed rgba(8, 118, 128, 0.35);
  cursor: default;
}

.sk24-pdp-gallery-main {
  position: relative;
  border-radius: var(--art-radius-md);
  overflow: hidden;
  background: #fff;
  border: 1px solid var(--art-border);
  aspect-ratio: 4 / 3;
}
.sk24-pdp-gallery-main .bundle-image-wrapper-12345,
.sk24-pdp-gallery-main .bundle-image-container-12345 {
  height: 100%;
}
.sk24-pdp-main-image {
  width: 100%;
  height: 100%;
  object-fit: contain;
  background: linear-gradient(180deg, #fafafa, #f3f3f3);
}

.sk24-pdp-gallery-prev,
.sk24-pdp-gallery-next,
.sk24-pdp-zoom-btn {
  position: absolute;
  bottom: 12px;
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
  border: 1px solid var(--art-border);
  border-radius: var(--art-radius-full);
  background: rgba(255, 255, 255, 0.95);
  color: var(--art-heading);
  cursor: pointer;
  box-shadow: var(--art-shadow-sm);
  transition: background 0.15s ease, color 0.15s ease;
}
.sk24-pdp-gallery-prev:hover,
.sk24-pdp-gallery-next:hover,
.sk24-pdp-zoom-btn:hover {
  background: var(--art-teal);
  color: #fff;
  border-color: var(--art-teal);
}
.sk24-pdp-gallery-prev { left: 12px; }
.sk24-pdp-gallery-next { right: 12px; }
.sk24-pdp-zoom-btn {
  top: 12px;
  right: 12px;
  bottom: auto;
}
.sk24-pdp-gallery-prev .material-symbols-outlined,
.sk24-pdp-gallery-next .material-symbols-outlined,
.sk24-pdp-zoom-btn .material-symbols-outlined {
  font-size: 20px;
}

.sk24-pdp-usp-bar {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-top: var(--art-gap-md);
  padding: var(--art-gap-md);
  background: var(--art-surface);
  border: 1px solid var(--art-border);
  border-radius: var(--art-radius-md);
}
.sk24-pdp-usp-item {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  min-width: 0;
}
.sk24-pdp-usp-item .material-symbols-outlined {
  flex-shrink: 0;
  font-size: 20px;
  color: var(--art-teal);
}
.sk24-pdp-usp-item strong {
  display: block;
  font-size: var(--art-type-body);
  color: var(--art-heading);
  font-family: var(--art-font-ui);
}
.sk24-pdp-usp-item p {
  margin: 4px 0 0;
  font-size: var(--art-type-label);
  color: var(--art-muted);
  line-height: 1.45;
}

.product-tabs-container-12345 {
  margin-top: var(--art-gap-lg);
  background: var(--art-surface);
  border: 1px solid var(--art-border);
  border-radius: var(--art-radius-lg);
  overflow: hidden;
  box-shadow: var(--art-shadow-sm);
}

.product-tabs-header-12345 {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  padding: 8px 10px 0;
  background: var(--art-bg-soft);
  border-bottom: 1px solid var(--art-border);
}

.product-tab-btn-12345 {
  position: relative;
  padding: 12px 14px 14px;
  border: none;
  background: transparent;
  color: var(--art-muted);
  font-weight: 500;
  font-size: var(--art-type-body);
  cursor: pointer;
  border-radius: var(--art-radius-sm) var(--art-radius-sm) 0 0;
  transition: color 0.15s ease, background 0.15s ease;
}
.product-tab-btn-12345:hover {
  color: var(--art-teal-dark);
  background: rgba(255, 255, 255, 0.7);
}
.product-tab-btn-12345.active {
  color: var(--art-teal);
  background: #fff;
  box-shadow: 0 -2px 0 var(--art-teal) inset;
}
.tab-badge-12345 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 20px;
  height: 20px;
  margin-left: 6px;
  padding: 0 6px;
  border-radius: var(--art-radius-full);
  background: var(--art-sage-soft);
  color: var(--art-teal-dark);
  font-size: 13px;
  font-weight: 500;
}

.product-tabs-content-12345 {
  padding: var(--art-gap-lg);
}

.sk24-pdp-digital-below-tabs {
  padding: 0 var(--art-gap-lg) var(--art-gap-lg);
  border-top: 1px solid var(--art-border);
  background: var(--art-surface);
}

.product-tab-content-12345 {
  display: none;
}
.product-tab-content-12345.active {
  display: block;
}

.sk24-pdp-description-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(200px, 280px);
  gap: var(--art-gap-lg);
  align-items: start;
}
.sk24-pdp-description-copy h3 {
  margin: 0 0 12px;
  font-size: var(--art-type-title-sm);
  color: var(--art-heading);
}
.sk24-pdp-description-text {
  color: var(--art-text);
  font-size: var(--art-type-body);
  line-height: 1.65;
}
.sk24-pdp-description-text table {
  width: 100%;
  border-collapse: collapse;
  margin: 14px 0;
  font-size: var(--art-type-label);
}
.sk24-pdp-description-text th,
.sk24-pdp-description-text td {
  border: 1px solid var(--art-border);
  padding: 10px 12px;
  text-align: left;
}
.sk24-pdp-description-text th {
  background: var(--art-bg-soft);
  color: var(--art-heading);
  font-weight: 500;
}

.sk24-pdp-apps-card,
.sk24-pdp-scope-card {
  padding: var(--art-gap-md);
  background: var(--art-bg-soft);
  border: 1px solid var(--art-border);
  border-radius: var(--art-radius-md);
}
.sk24-pdp-apps-card h3,
.sk24-pdp-scope-card h3 {
  margin: 0 0 12px;
  font-size: var(--art-type-body);
  color: var(--art-heading);
}
.sk24-pdp-apps-card ul,
.sk24-pdp-scope-card ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.sk24-pdp-apps-card li,
.sk24-pdp-scope-card li {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 0;
  border-bottom: 1px solid var(--art-border);
  font-size: var(--art-type-label);
}
.sk24-pdp-apps-card li:last-child,
.sk24-pdp-scope-card li:last-child {
  border-bottom: none;
}
.sk24-pdp-app-tile {
  flex-shrink: 0;
  border-radius: 8px;
}
.sk24-pdp-scope-icon {
  font-size: 18px !important;
  color: var(--art-teal);
}

.sk24-pdp-feature-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 12px;
  margin-top: var(--art-gap-lg);
}
.sk24-pdp-feature-card {
  display: flex;
  gap: 12px;
  padding: 14px;
  background: var(--art-surface-warm);
  border: 1px solid var(--art-border);
  border-radius: var(--art-radius-md);
}
.sk24-pdp-feature-card .material-symbols-outlined {
  flex-shrink: 0;
  font-size: 24px;
  color: var(--art-teal);
}
.sk24-pdp-feature-card strong {
  display: block;
  font-size: var(--art-type-body);
  color: var(--art-heading);
  font-family: var(--art-font-ui);
}
.sk24-pdp-feature-card p {
  margin: 6px 0 0;
  font-size: var(--art-type-label);
  color: var(--art-muted);
  line-height: 1.5;
}

.product-info-row-12345 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: var(--art-gap-md);
  margin-top: var(--art-gap-lg);
  padding-top: var(--art-gap-md);
  border-top: 1px solid var(--art-border);
  font-size: var(--art-type-label);
}
.product-status-12345 strong,
.product-info-middle-12345 strong {
  color: var(--art-heading);
}
.availability-success-12345 {
  color: var(--art-sage);
  font-weight: 500;
}

.sk24-pdp-brand-row {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
  font-size: var(--art-type-label);
  font-weight: 500;
  color: var(--art-muted);
  text-transform: uppercase;
  letter-spacing: 0.06em;
}
.sk24-pdp-brand-mark {
  width: 28px;
  height: 28px;
  border-radius: 8px;
  background: linear-gradient(135deg, var(--art-teal), var(--art-teal-dark));
  flex-shrink: 0;
}

.sk24-pdp-title {
  margin: 0 0 8px;
  font-size: clamp(1.25rem, 2.4vw, 1.65rem);
  line-height: 1.2;
  color: var(--art-heading);
  font-family: var(--art-font-display);
  font-weight: 500;
}
.sk24-pdp-license-line {
  margin-bottom: 12px;
  font-size: var(--art-type-label);
  color: var(--art-muted);
}

.sk24-pdp-rating-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  margin-bottom: 12px;
  font-size: var(--art-type-label);
}
.sk24-pdp-star {
  font-size: 18px;
  line-height: 1;
}
.sk24-pdp-star-full { color: #e6a317; }
.sk24-pdp-star-half {
  background: linear-gradient(90deg, #e6a317 50%, #ddd 50%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.sk24-pdp-star-empty { color: #ddd; }
.sk24-pdp-rating-val { font-weight: 500; color: var(--art-text); }
.sk24-pdp-rating-sep { color: var(--art-muted); }
.sk24-pdp-trustpilot { color: var(--art-teal); font-weight: 500; }

.sk24-pdp-short-text {
  margin: 0 0 14px;
  font-size: var(--art-type-body);
  line-height: 1.55;
  color: var(--art-text);
}

.sk24-pdp-price-stack {
  margin-bottom: 8px;
}
.sk24-pdp-price-main {
  font-size: clamp(1.5rem, 3vw, 2rem);
  font-weight: 500;
  color: var(--art-heading);
  letter-spacing: -0.02em;
}
.sk24-pdp-price-old {
  margin-left: 8px;
  font-size: var(--art-type-body);
  color: var(--art-muted);
  text-decoration: line-through;
}
.sk24-pdp-discount {
  margin-left: 8px;
  padding: 2px 8px;
  border-radius: var(--art-radius-full);
  background: var(--art-danger-soft);
  color: var(--art-terracotta-dark);
  font-size: var(--art-type-label);
  font-weight: 500;
}
.sk24-pdp-price-tax {
  margin-top: 6px;
  font-size: var(--art-type-label);
  color: var(--art-muted);
}

.pdp-v3-divider {
  border: none;
  border-top: 1px solid var(--art-border);
  margin: 16px 0;
}

.pdp-v3-attrs {
  display: grid;
  gap: 8px;
}
.pdp-v3-attr {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 12px;
  font-size: var(--art-type-label);
}
.pdp-v3-attr-label {
  color: var(--art-muted);
  font-weight: 500;
}
.pdp-v3-attr-value {
  color: var(--art-text);
}

.sk24-pdp-checklist {
  margin: 0;
  padding: 0;
  list-style: none;
}
.sk24-pdp-checklist li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 8px 0;
  font-size: var(--art-type-label);
  color: var(--art-text);
  line-height: 1.45;
}
.sk24-pdp-check-ico {
  flex-shrink: 0;
  font-size: 18px !important;
  color: var(--art-sage);
  margin-top: 1px;
}

.pdp-v3-region-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 12px 0;
  padding: 10px 14px;
  border-radius: var(--art-radius-md);
  background: var(--art-sage-soft);
  border: 1px solid rgba(127, 161, 116, 0.45);
  color: var(--art-teal-dark);
  font-size: var(--art-type-label);
  font-weight: 500;
}
.pdp-v3-region-badge .material-icons {
  font-size: 18px;
  color: var(--art-sage);
}

.sk24-pdp-delivery-card {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin: 14px 0;
}
.sk24-pdp-delivery-card > div {
  padding: 12px;
  background: var(--art-bg-soft);
  border: 1px solid var(--art-border);
  border-radius: var(--art-radius-md);
}
.sk24-pdp-delivery-card .material-symbols-outlined {
  font-size: 20px;
  color: var(--art-teal);
  vertical-align: middle;
  margin-right: 6px;
}
.sk24-pdp-delivery-card strong {
  display: block;
  margin-top: 4px;
  font-size: var(--art-type-body);
  color: var(--art-heading);
  font-family: var(--art-font-ui);
}
.sk24-pdp-delivery-card small {
  display: block;
  margin-top: 6px;
  color: var(--art-muted);
  font-size: var(--art-type-label);
  line-height: 1.45;
}
.sk24-pdp-delivery-ok {
  color: var(--art-sage) !important;
}

.pdp-v3-variants {
  margin: 14px 0;
}
.pdp-v3-variants-label {
  font-weight: 500;
  font-size: var(--art-type-label);
  color: var(--art-heading);
  margin-bottom: 8px;
}
.pdp-v3-variant-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.pdp-v3-variant-pill {
  padding: 8px 14px;
  border: 1px solid var(--art-border);
  border-radius: var(--art-radius-full);
  background: #fff;
  color: var(--art-text);
  font-size: var(--art-type-label);
  font-weight: 500;
  cursor: pointer;
  transition: border-color 0.15s ease, background 0.15s ease;
}
.pdp-v3-variant-pill:hover {
  border-color: var(--art-teal);
}
.pdp-v3-variant-pill.is-selected {
  border-color: var(--art-teal);
  background: rgba(8, 118, 128, 0.08);
  color: var(--art-teal-dark);
}

.sk24-pdp-form-price-row {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.sk24-pdp-form {
  margin-top: 8px;
}

.sk24-pdp-cta-row {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  gap: 10px;
  margin-top: 14px;
}

.sk24-pdp-qty {
  display: inline-flex;
  align-items: center;
  border: 1px solid var(--art-border);
  border-radius: var(--art-radius-md);
  overflow: hidden;
  background: #fff;
}
.sk24-pdp-qty-btn {
  width: 40px;
  min-height: 44px;
  border: none;
  background: var(--art-bg-soft);
  color: var(--art-heading);
  font-size: 20px;
  font-weight: 500;
  cursor: pointer;
  transition: background 0.15s ease;
}
.sk24-pdp-qty-btn:hover {
  background: #ebe4d9;
}
.sk24-pdp-qty input[type="number"] {
  width: 48px;
  border: none;
  text-align: center;
  font-weight: 500;
  color: var(--art-text);
  -moz-appearance: textfield;
}
.sk24-pdp-qty input::-webkit-outer-spin-button,
.sk24-pdp-qty input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.sk24-pdp-cart-btn {
  flex: 1 1 160px;
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0 18px;
  border: none;
  border-radius: var(--art-radius-md);
  background: linear-gradient(180deg, var(--art-teal), var(--art-teal-dark));
  color: #fff;
  font-weight: 500;
  font-size: var(--art-type-body);
  cursor: pointer;
  box-shadow: 0 8px 22px rgba(8, 118, 128, 0.28);
  transition: box-shadow 0.12s ease;
}
.sk24-pdp-cart-btn:hover {
  box-shadow: 0 10px 26px rgba(8, 118, 128, 0.34);
}
.sk24-pdp-cart-btn .material-icons {
  font-size: 18px;
}

.sk24-pdp-wishlist-btn {
  width: 44px;
  min-height: 44px;
  display: grid;
  place-items: center;
  border: 1px solid var(--art-border);
  border-radius: var(--art-radius-md);
  background: #fff;
  color: var(--art-muted);
  cursor: pointer;
  transition: color 0.15s ease, border-color 0.15s ease;
}
.sk24-pdp-wishlist-btn:hover {
  color: var(--art-terracotta);
  border-color: #e8c4bc;
}

.sk24-pdp-payment-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 16px;
  align-items: center;
}
.sk24-pdp-payment-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 6px 10px;
  background: #fff;
  border: 1px solid var(--art-border);
  border-radius: var(--art-radius-xs);
}
.sk24-pdp-payment-badge-img {
  height: 22px;
  width: auto;
  max-width: 56px;
  object-fit: contain;
}

.sk24-pdp-secure-note {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 12px;
  font-size: var(--art-type-label);
  color: var(--art-muted);
}
.sk24-pdp-secure-note .material-symbols-outlined {
  font-size: 18px;
  color: var(--art-teal);
}

.sk24-pdp-unavailable-btn {
  width: 100%;
  margin-top: 14px;
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border-radius: var(--art-radius-md);
  border: 1px solid var(--art-border);
  background: var(--art-bg-soft);
  color: var(--art-muted);
  font-weight: 500;
  cursor: not-allowed;
}

.pdp-v3-seller-card {
  margin-top: var(--art-gap-lg);
  padding: var(--art-gap-md);
  background: linear-gradient(135deg, #fff, var(--art-surface-warm));
  border: 1px solid var(--art-border);
  border-radius: var(--art-radius-md);
}
.pdp-v3-seller-top {
  display: flex;
  gap: 12px;
  align-items: flex-start;
}
.pdp-v3-seller-icon {
  width: 44px;
  height: 44px;
  border-radius: var(--art-radius-full);
  background: rgba(8, 118, 128, 0.12);
  display: grid;
  place-items: center;
  color: var(--art-teal);
}
.pdp-v3-seller-icon .material-icons {
  font-size: 24px;
}
.pdp-v3-seller-name {
  font-weight: 500;
  color: var(--art-heading);
}
.pdp-v3-seller-meta {
  margin-top: 4px;
  font-size: var(--art-type-label);
  color: var(--art-muted);
}
.pdp-v3-seller-stars {
  color: #e6a317;
  letter-spacing: 1px;
}
.pdp-v3-seller-btn {
  display: block;
  margin-top: 12px;
  text-align: center;
  padding: 10px 14px;
  border-radius: var(--art-radius-md);
  border: 2px solid var(--art-teal);
  color: var(--art-teal-dark);
  font-weight: 500;
  font-size: var(--art-type-body);
  transition: background 0.15s ease, color 0.15s ease;
}
.pdp-v3-seller-btn:hover {
  background: var(--art-teal);
  color: #fff;
}

.pdp-v3-reviews-summary {
  margin-top: var(--art-gap-md);
  padding-top: var(--art-gap-md);
  border-top: 1px solid var(--art-border);
}
.pdp-v3-reviews-top {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 12px;
  margin-bottom: 12px;
}
.pdp-v3-reviews-big {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.pdp-v3-rev-star.full { color: #e6a317; }
.pdp-v3-rev-star.half {
  background: linear-gradient(90deg, #e6a317 50%, #ddd 50%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.pdp-v3-rev-star.empty { color: #ddd; }
.pdp-v3-reviews-avg {
  font-weight: 500;
  color: var(--art-heading);
}
.pdp-v3-reviews-total {
  font-size: var(--art-type-label);
  color: var(--art-muted);
}
.pdp-v3-rev-bar-row {
  display: grid;
  grid-template-columns: 42px 1fr;
  gap: 10px;
  align-items: center;
  margin-bottom: 6px;
  font-size: var(--art-type-label);
  color: var(--art-muted);
}
.pdp-v3-rev-bar-track {
  height: 8px;
  background: var(--art-bg-soft);
  border-radius: var(--art-radius-full);
  overflow: hidden;
}
.pdp-v3-rev-bar-fill {
  height: 100%;
  background: linear-gradient(90deg, var(--art-teal), var(--art-teal-dark));
  border-radius: var(--art-radius-full);
}

.pdp-v3-liveinfo {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: var(--art-gap-md);
  padding: 10px 12px;
  background: var(--art-bg-soft);
  border-radius: var(--art-radius-md);
  font-size: var(--art-type-label);
  color: var(--art-muted);
}
.pdp-v3-liveinfo span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.pdp-v3-liveinfo .material-icons {
  font-size: 18px;
  color: var(--art-teal);
}

.pdp-v3-share {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-top: var(--art-gap-md);
  font-size: var(--art-type-label);
}
.pdp-v3-share-label {
  font-weight: 500;
  color: var(--art-heading);
}
.pdp-v3-share-select {
  flex: 1 1 180px;
  min-height: 38px;
  padding: 0 10px;
  border: 1px solid var(--art-border);
  border-radius: var(--art-radius-xs);
  background: #fff;
  color: var(--art-text);
}

/* Lightbox */
.sk24-pdp-lightbox {
  position: fixed;
  inset: 0;
  z-index: 200;
  display: grid;
  place-items: center;
  padding: 24px;
  background: rgba(24, 30, 28, 0.82);
  backdrop-filter: blur(6px);
}
.sk24-pdp-lightbox[hidden] {
  display: none !important;
}
.sk24-pdp-lightbox-close {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 44px;
  height: 44px;
  border: none;
  border-radius: var(--art-radius-full);
  background: rgba(255, 255, 255, 0.95);
  color: var(--art-heading);
  cursor: pointer;
  display: grid;
  place-items: center;
}
#sk24-pdp-lightbox-img {
  max-width: min(96vw, 1200px);
  max-height: 88vh;
  object-fit: contain;
  border-radius: var(--art-radius-md);
  box-shadow: var(--art-shadow-hero);
}

/* Review strip + „Passend dazu“ */
.sk24-pdp-review-strip {
  padding: 36px 0 48px;
  background: var(--art-bg-soft);
  border-top: 1px solid var(--art-border);
}
.sk24-pdp-section-title {
  margin: 0 0 var(--art-gap-md);
  font-size: var(--art-type-title-md);
  color: var(--art-heading);
}
.sk24-pdp-review-grid {
  display: grid;
  grid-template-columns: minmax(0, 200px) repeat(3, minmax(0, 1fr));
  gap: 14px;
}
.sk24-pdp-review-card {
  padding: 14px;
  background: #fff;
  border: 1px solid var(--art-border);
  border-radius: var(--art-radius-md);
  box-shadow: var(--art-shadow-sm);
}
.sk24-pdp-review-summary-card {
  text-align: center;
}
.sk24-pdp-review-summary-card strong {
  font-size: 2rem;
  color: var(--art-heading);
}
.sk24-pdp-review-stars {
  color: #e6a317;
  letter-spacing: 2px;
}
.sk24-pdp-review-head {
  display: flex;
  gap: 10px;
  align-items: center;
}
.sk24-pdp-review-avatar {
  width: 40px;
  height: 40px;
  border-radius: var(--art-radius-full);
  background: var(--art-sage-soft);
  display: grid;
  place-items: center;
  font-weight: 500;
  color: var(--art-teal-dark);
}
.sk24-pdp-review-all {
  display: inline-block;
  margin-top: 14px;
  font-weight: 500;
  color: var(--art-teal);
}

.sk24-pdp-related {
  padding: 28px 0 40px;
  background: var(--art-bg);
}
.sk24-pdp-related .container-exact {
  position: relative;
}
.sk24-pdp-related h2 {
  margin: 0 0 var(--art-gap-md);
  font-size: var(--art-type-title-md);
  font-family: var(--art-font-display);
  color: var(--art-heading);
  font-weight: 500;
}
.sk24-pdp-related-grid {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(220px, 1fr);
  gap: 14px;
  overflow-x: auto;
  padding-bottom: 8px;
  scroll-snap-type: x mandatory;
}
.sk24-pdp-related-card {
  scroll-snap-align: start;
  background: #fff;
  border: 1px solid var(--art-border);
  border-radius: var(--art-radius-md);
  overflow: hidden;
  box-shadow: var(--art-shadow-sm);
  display: flex;
  flex-direction: column;
  min-height: 100%;
}
.sk24-pdp-related-image {
  aspect-ratio: 16 / 11;
  background: var(--art-bg-soft);
}
.sk24-pdp-related-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.sk24-pdp-related-info {
  padding: 12px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex: 1;
}
.sk24-pdp-related-rating {
  font-size: var(--art-type-label);
  color: #e6a317;
}
.sk24-pdp-related-price {
  font-weight: 500;
  color: var(--art-heading);
}
.sk24-pdp-related-tax {
  font-size: 13px;
  color: var(--art-muted);
}
.sk24-pdp-related-cart {
  margin-top: auto;
}
.sk24-pdp-related-cart .btn-12345,
.sk24-pdp-related-cart button {
  width: 100%;
  margin-top: 8px;
}
.sk24-pdp-related-next {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  border-radius: var(--art-radius-full);
  border: 1px solid var(--art-border);
  background: #fff;
  box-shadow: var(--art-shadow-sm);
  cursor: pointer;
}

.product-related-12345.sk24-pdp-related {
  position: relative;
}

/* PDP — Detailseite angelehnt an Handgemacht-Referenz (#fdfbf7, Teal #005c5c, Bronze-Icons) */
.art-marketplace-pdp {
  --pdp-accent: #005c5c;
  --pdp-accent-hover: #004747;
  --pdp-page: #fdfbf7;
  --pdp-muted: #5c5752;
  --pdp-rating: #a5a922;
  --pdp-line: #e9e2dc;
  --pdp-gold: #b6812b;
  --pdp-bronze: #b4763b;
  --pdp-bronze-dark: #8f5829;
  --pdp-bronze-soft: #fbf1e5;
  --pdp-bronze-line: #ead7c4;
  --pdp-soft: #fbf6ee;
}

.art-marketplace-pdp .container-exact {
  width: min(1440px, calc(100% - 48px));
  max-width: 1440px;
}

.art-marketplace-pdp .sk24-pdp-page {
  padding: 14px 0 22px;
  background: var(--pdp-page);
}

.art-marketplace-pdp .sk24-pdp-breadcrumb.downloads-breadcrumb-12345 {
  background: var(--pdp-page);
  border-bottom-color: var(--pdp-line);
  padding: 10px 0;
}

.art-marketplace-pdp .downloads-breadcrumb-12345 .breadcrumb-nav-12345 {
  display: flex;
  align-items: center;
  gap: 6px;
  min-height: 18px;
}

.art-marketplace-pdp .downloads-breadcrumb-12345 .breadcrumb-link-12345,
.art-marketplace-pdp .downloads-breadcrumb-12345 .breadcrumb-current-12345 {
  display: inline-flex;
  align-items: center;
  font-size: 14px;
  line-height: 1;
  color: var(--pdp-muted);
  font-family: var(--art-font-ui);
}

.art-marketplace-pdp .downloads-breadcrumb-12345 .breadcrumb-link-12345 {
  color: #7a746e;
}

.art-marketplace-pdp .downloads-breadcrumb-12345 .breadcrumb-link-12345:hover {
  color: var(--pdp-accent);
}

.art-marketplace-pdp .downloads-breadcrumb-12345 .breadcrumb-current-12345 {
  color: #3a3531;
}

.art-marketplace-pdp .breadcrumb-nav-12345 > .material-icons {
  display: inline-flex;
  align-items: center;
  line-height: 1;
  font-size: 16px;
  color: #b5aca4;
}

.art-marketplace-pdp .breadcrumb-link-12345 .material-icons {
  display: inline-flex;
  align-items: center;
  line-height: 1;
  color: inherit;
}

.art-marketplace-pdp .sk24-pdp-layout {
  grid-template-columns: minmax(0, 950px) minmax(270px, 1fr);
  gap: 18px;
  align-items: start;
}

.art-marketplace-pdp .sk24-pdp-gallery {
  grid-template-columns: 72px minmax(0, 1fr);
  padding: 0;
  gap: 12px;
  background: transparent;
  border-color: transparent;
  border-radius: 0;
  box-shadow: none;
}

.art-marketplace-pdp .sk24-pdp-thumbs {
  gap: 10px;
}

.art-marketplace-pdp .sk24-pdp-thumb {
  width: 72px;
  height: 72px;
  border-radius: 8px;
  border-width: 1px;
  border-color: var(--pdp-line);
  box-shadow: 0 1px 2px rgba(62, 44, 27, .04);
}

.art-marketplace-pdp .sk24-pdp-thumb--active {
  border-color: var(--pdp-accent);
  box-shadow: 0 0 0 2px rgba(0, 92, 92, .16);
}

.art-marketplace-pdp .sk24-pdp-gallery-main {
  border-radius: 8px;
  border-color: var(--pdp-line);
  aspect-ratio: 16 / 9;
  background: #f5eadb;
  box-shadow: 0 1px 2px rgba(62, 44, 27, .04);
}

.art-marketplace-pdp .sk24-pdp-main-image {
  object-fit: contain;
  background: #f5eadb;
}

.art-marketplace-pdp .sk24-pdp-thumb--echo-1 img { object-position: 50% 34%; }
.art-marketplace-pdp .sk24-pdp-thumb--echo-2 img { object-position: 42% 50%; }
.art-marketplace-pdp .sk24-pdp-thumb--echo-3 img { object-position: 58% 50%; }
.art-marketplace-pdp .sk24-pdp-thumb--echo-4 img { object-position: 50% 64%; }

.art-marketplace-pdp .sk24-pdp-gallery-prev,
.art-marketplace-pdp .sk24-pdp-gallery-next,
.art-marketplace-pdp .sk24-pdp-zoom-btn {
  width: 36px;
  height: 36px;
  border-radius: var(--art-radius-full);
  border-color: var(--pdp-line);
}

.art-marketplace-pdp .sk24-pdp-gallery-prev { left: 10px; }
.art-marketplace-pdp .sk24-pdp-gallery-next { right: 10px; }
.art-marketplace-pdp .sk24-pdp-zoom-btn {
  top: auto;
  bottom: 10px;
  right: 10px;
  left: auto;
}

.art-marketplace-pdp .sk24-pdp-gallery-prev,
.art-marketplace-pdp .sk24-pdp-gallery-next {
  display: none;
}

.art-marketplace-pdp .sk24-pdp-gallery-prev:hover,
.art-marketplace-pdp .sk24-pdp-gallery-next:hover,
.art-marketplace-pdp .sk24-pdp-zoom-btn:hover {
  background: var(--pdp-accent);
  border-color: var(--pdp-accent);
}

.art-marketplace-pdp .sk24-pdp-buy {
  position: static;
  display: flex;
  flex-direction: column;
  padding: 14px 16px 16px;
  border-radius: 8px;
  border-color: var(--pdp-line);
  background: var(--art-surface);
  box-shadow: 0 1px 3px rgba(45, 33, 24, .04);
}

.art-marketplace-pdp .sk24-pdp-seller-hero {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 9px;
  padding-bottom: 0;
  border-bottom: 0;
}

.art-marketplace-pdp .sk24-pdp-seller-avatar {
  flex-shrink: 0;
  width: 38px;
  height: 38px;
  border-radius: var(--art-radius-full);
  display: grid;
  place-items: center;
  font-weight: 600;
  font-size: 19px;
  color: #fff;
  background:
    radial-gradient(circle at 32% 28%, rgba(255, 230, 158, .54), transparent 46%),
    linear-gradient(135deg, #c39b47, #a66f25);
  border: 1px solid rgba(166, 111, 37, .34);
}

.art-marketplace-pdp .sk24-pdp-seller-avatar img {
  width: 100%;
  height: 100%;
  border-radius: inherit;
  object-fit: cover;
  display: block;
}

.art-marketplace-pdp .sk24-pdp-seller-hero-copy {
  flex: 1 1 auto;
  min-width: 0;
}

.art-marketplace-pdp .sk24-pdp-seller-name-row {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  margin: 0;
  font-size: 14px;
  font-weight: 600;
  font-family: var(--art-font-ui);
  color: #1f1a17;
}

.art-marketplace-pdp .sk24-pdp-seller-rating-mini {
  margin-top: 2px;
  font-size: 13px;
  font-weight: 500;
  color: var(--pdp-rating);
  letter-spacing: 0.02em;
}

.art-marketplace-pdp .sk24-pdp-seller-rating-mini .sk24-pdp-seller-rating-paren::before {
  content: '(';
}
.art-marketplace-pdp .sk24-pdp-seller-rating-mini .sk24-pdp-seller-rating-paren::after {
  content: ')';
}

.art-marketplace-pdp .sk24-pdp-shop-peek-btn {
  flex-shrink: 0;
  align-self: center;
  padding: 6px 10px;
  border: 1px solid #dcd3ca;
  border-radius: var(--art-radius-xs);
  background: #fff;
  color: #3a3531;
  font-weight: 500;
  font-size: 13px;
  font-family: var(--art-font-ui);
}

.art-marketplace-pdp .sk24-pdp-shop-peek-btn:hover {
  border-color: var(--pdp-accent);
  color: var(--pdp-accent);
}

.art-marketplace-pdp .sk24-pdp-title {
  margin: 0 0 4px;
  font-size: clamp(22px, 2vw, 29px);
  line-height: 1.06;
  font-weight: 500;
  color: #1f1a17;
  letter-spacing: -0.035em;
  font-family: "Cormorant Garamond", Georgia, "Times New Roman", serif;
}

.art-marketplace-pdp .sk24-pdp-tagline {
  margin: 0 0 8px;
  font-size: 14px;
  line-height: 1.45;
  color: var(--pdp-muted);
  font-family: var(--art-font-ui);
}

.art-marketplace-pdp .sk24-pdp-license-line {
  margin: -10px 0 16px;
  font-size: 15px;
  color: #6f7b73;
}

.art-marketplace-pdp .sk24-pdp-price-stack {
  margin-bottom: 0;
}

.art-marketplace-pdp .sk24-pdp-price-main {
  font-size: 28px;
  font-weight: 600;
  color: var(--pdp-accent);
  font-variant-numeric: tabular-nums;
  font-family: var(--art-font-ui);
}

.art-marketplace-pdp .sk24-pdp-price-tax {
  font-size: 12px;
  line-height: 1.35;
  color: var(--pdp-muted);
  margin-top: 6px;
}

.art-marketplace-pdp .sk24-pdp-buy-note {
  margin: 0 0 10px;
  font-size: 9.5px;
  line-height: 1.32;
  color: #4c4540;
}

.art-marketplace-pdp .pdp-v3-divider {
  border: none;
  border-top: 1px solid var(--pdp-line);
  margin: 10px 0;
}

.art-marketplace-pdp .sk24-pdp-detail-specs {
  list-style: none;
  margin: 0 0 2px;
  padding: 0;
  display: grid;
  gap: 5px;
}

.art-marketplace-pdp .sk24-pdp-detail-spec {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 10.5px;
  line-height: 1.35;
  color: #38332f;
}

.art-marketplace-pdp .sk24-pdp-detail-spec-ico {
  flex-shrink: 0;
  font-size: 14px;
  color: var(--pdp-muted);
}

.art-marketplace-pdp .pdp-v3-attrs {
  font-size: 13px;
  gap: 6px;
}

.art-marketplace-pdp .pdp-v3-attr {
  justify-content: space-between;
  padding-bottom: 6px;
  border-bottom: 1px solid var(--pdp-line);
}

.art-marketplace-pdp .pdp-v3-attr-label {
  color: var(--pdp-muted);
  font-weight: 500;
}

.art-marketplace-pdp .product-tab-btn-12345 {
  letter-spacing: 0.02em;
  font-size: 14px;
  padding: 10px 12px 11px;
  font-family: Roboto, var(--art-font-ui);
}

.art-marketplace-pdp .product-tab-btn-12345.active {
  color: var(--pdp-accent);
  box-shadow: 0 -3px 0 var(--pdp-accent) inset;
}

.art-marketplace-pdp .product-tab-btn-12345:hover {
  color: var(--pdp-accent-hover);
}

.art-marketplace-pdp .product-tabs-container-12345 {
  margin-top: 12px;
  border-radius: 6px;
  border-color: var(--pdp-line);
  box-shadow: none;
}

.art-marketplace-pdp .product-tabs-header-12345 {
  background: #fbf6f1;
  padding: 0;
  border-bottom-color: var(--pdp-line);
}

.art-marketplace-pdp .product-tabs-content-12345 {
  padding: 12px 16px 12px;
}

.art-marketplace-pdp .sk24-pdp-usp-bar {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-top: 12px;
  border-radius: 6px;
  border-color: var(--pdp-line);
  background: var(--art-surface);
  padding: 10px 14px;
  gap: 10px;
}

.art-marketplace-pdp .sk24-pdp-usp-item .material-symbols-outlined {
  font-size: 18px;
  color: var(--pdp-gold);
}

.art-marketplace-pdp .sk24-pdp-usp-item strong {
  font-size: 13px;
}

.art-marketplace-pdp .sk24-pdp-usp-item p {
  font-size: 11px;
  margin-top: 2px;
}

.art-marketplace-pdp .sk24-pdp-checklist,
.art-marketplace-pdp .pdp-v3-region-badge,
.art-marketplace-pdp .sk24-pdp-delivery-card,
.art-marketplace-pdp .sk24-pdp-buy .pdp-v3-reviews-summary,
.art-marketplace-pdp .sk24-pdp-buy .pdp-v3-liveinfo,
.art-marketplace-pdp .pdp-v3-share {
  display: none;
}

.art-marketplace-pdp .sk24-pdp-checklist li {
  font-size: 14px;
}

.art-marketplace-pdp .sk24-pdp-cart-btn {
  background: var(--pdp-accent);
  border-color: var(--pdp-accent);
  border-radius: 6px;
  min-height: 38px;
  box-shadow: none;
  transition: background 0.15s ease, border-color 0.15s ease;
}

.art-marketplace-pdp .sk24-pdp-cart-btn:hover {
  background: var(--pdp-accent-hover);
  border-color: var(--pdp-accent-hover);
  transform: none;
  box-shadow: none;
}

.art-marketplace-pdp .sk24-pdp-wishlist-btn {
  border-color: var(--pdp-line);
  border-radius: var(--art-radius-xs);
}

.art-marketplace-pdp .pdp-v3-variant-pill.is-selected,
.art-marketplace-pdp .pdp-v3-variant-pill.pdp-v3-variant-active {
  border-color: var(--pdp-accent);
  box-shadow: 0 0 0 1px rgba(0, 92, 92, .12);
}

.art-marketplace-pdp .pdp-v3-variants {
  margin: 9px 0;
}

.art-marketplace-pdp .pdp-v3-variants-label {
  margin-bottom: 5px;
  font-size: 13px;
}

.art-marketplace-pdp .pdp-v3-variant-pills {
  gap: 6px;
}

.art-marketplace-pdp .pdp-v3-variant-pill {
  flex: 1 1 130px;
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  min-height: 34px;
  padding: 7px 10px;
  border-radius: 4px;
  font-size: 13px;
}

.art-marketplace-pdp .pdp-v3-variant-pill::after {
  content: "expand_more";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  line-height: 1;
  color: var(--pdp-gold);
}

.art-marketplace-pdp .pdp-v3-variant-pill:hover {
  border-color: var(--pdp-accent);
}

.art-marketplace-pdp .sk24-pdp-qty {
  border: 1px solid var(--pdp-bronze-line);
  border-radius: 6px;
  background: linear-gradient(180deg, #fffdf9, var(--pdp-soft));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .72),
    0 6px 14px rgba(45, 33, 24, .05);
}

.art-marketplace-pdp .sk24-pdp-qty-btn {
  background: var(--pdp-bronze-soft);
  color: var(--pdp-accent);
  font-weight: 800;
  transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

.art-marketplace-pdp .sk24-pdp-qty-btn:hover {
  background: #efe2d3;
  color: var(--pdp-accent-hover);
}

.art-marketplace-pdp .sk24-pdp-qty-btn:focus-visible {
  outline: 2px solid rgba(180, 118, 59, .28);
  outline-offset: 2px;
}

.art-marketplace-pdp .sk24-pdp-qty input[type="number"] {
  border-right: 1px solid var(--pdp-bronze-line);
  border-left: 1px solid var(--pdp-bronze-line);
  border-radius: 0;
  background: #fff;
  color: #2d2117;
  font-weight: 700;
}

.art-marketplace-pdp .sk24-pdp-rating-val,
.art-marketplace-pdp .sk24-pdp-rating-count {
  color: inherit;
}

.art-marketplace-pdp .sk24-pdp-star-full {
  color: var(--pdp-rating);
}

.art-marketplace-pdp .pdp-v3-reviews-summary .pdp-v3-rev-star.full {
  color: var(--pdp-rating);
}

.art-marketplace-pdp .sk24-pdp-secure-note {
  display: none;
  color: var(--pdp-muted);
}

.art-marketplace-pdp .sk24-pdp-secure-note .material-symbols-outlined {
  color: var(--pdp-accent);
}

.art-marketplace-pdp .pdp-v3-seller-card {
  order: 42;
  border-radius: var(--art-radius-xs);
  border-color: var(--pdp-line);
  box-shadow: none;
  margin-top: 10px;
  padding: 12px;
}

.art-marketplace-pdp .sk24-pdp-buy .pdp-v3-seller-card {
  display: none;
}

.art-marketplace-pdp .pdp-v3-seller-btn {
  border-radius: var(--art-radius-xs);
  border-color: #dcd3ca;
  color: var(--pdp-accent);
}

.art-marketplace-pdp .pdp-v3-seller-btn:hover {
  border-color: var(--pdp-accent);
}


.art-marketplace-pdp .sk24-pdp-description-copy > h3,
.art-marketplace-pdp .sk24-pdp-apps-card h3,
.art-marketplace-pdp .sk24-pdp-scope-card h3,
.art-marketplace-pdp .pdp-ref-prose-h,
.art-marketplace-pdp .sk24-pdp-feature-card strong {
  font-family: "Cormorant Garamond", Georgia, "Times New Roman", serif;
  font-weight: 600;
}

.art-marketplace-pdp .sk24-pdp-description-text {
  font-size: 13px;
  line-height: 1.45;
}

.art-marketplace-pdp .sk24-pdp-description-grid {
  grid-template-columns: 1fr;
}

.art-marketplace-pdp .sk24-pdp-description-copy {
  max-width: none;
}

.art-marketplace-pdp .sk24-pdp-scope-card {
  display: none;
}

.art-marketplace-pdp .sk24-pdp-description-text > p:first-of-type {
  margin-top: 0;
}

.art-marketplace-pdp .sk24-pdp-charm-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin-top: 10px;
}

.art-marketplace-pdp .sk24-pdp-charm-tile {
  border: 1px solid var(--pdp-line);
  border-radius: 6px;
  background: linear-gradient(180deg, #fffffe, #fcf9f6);
  padding: 8px 8px;
  font-size: 11px;
  line-height: 1.22;
  color: #493f39;
}

.art-marketplace-pdp .sk24-pdp-charm-tile strong {
  display: block;
  margin: 4px 0 3px;
  font-size: 10.5px;
  font-weight: 600;
  letter-spacing: .02em;
  color: #271f18;
}

.art-marketplace-pdp .sk24-pdp-charm-ico {
  font-size: 15px;
  color: var(--pdp-accent);
}

.art-marketplace-pdp .product-links-12345 {
  display: none;
}

.art-marketplace-pdp .pdp-v3-description {
  display: none !important;
}

.art-marketplace-pdp .sk24-pdp-feature-grid,
.art-marketplace-pdp .product-info-row-12345 {
  display: none;
}

.art-marketplace-pdp .sk24-pdp-feature-grid {
  margin-top: 18px;
  gap: 10px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.art-marketplace-pdp .sk24-pdp-feature-card {
  border-radius: 6px;
  border-color: var(--pdp-line);
  padding: 12px 12px;
  font-size: 14px;
}

.art-marketplace-pdp .pdp-ref-prose-shell {
  padding: 4px 2px 8px;
  max-width: 720px;
}

.art-marketplace-pdp .pdp-ref-prose-h {
  font-size: 26px;
  margin: 0 0 12px;
  color: #1f1a17;
  letter-spacing: -0.02em;
}

.art-marketplace-pdp .pdp-ref-prose {
  margin: 0 0 12px;
  font-size: 15px;
  line-height: 1.62;
}

.art-marketplace-pdp .pdp-ref-links {
  list-style: none;
  margin: 8px 0 0;
  padding: 0;
}

.art-marketplace-pdp .pdp-ref-links li {
  margin-bottom: 7px;
  font-weight: 500;
}

.art-marketplace-pdp .pdp-ref-links a {
  color: var(--pdp-accent);
  border-bottom: 1px solid rgba(0, 92, 92, .25);
}

.art-marketplace-pdp .pdp-ref-links a:hover {
  border-bottom-color: var(--pdp-accent);
}

.art-marketplace-pdp .pdp-ref-care-list {
  list-style: none;
  padding: 0;
  margin: 0 0 12px;
  display: grid;
  gap: 9px;
}

.art-marketplace-pdp .pdp-ref-care-list li {
  display: flex;
  align-items: flex-start;
  gap: 9px;
  font-size: 15px;
  line-height: 1.52;
}

.art-marketplace-pdp .pdp-ref-care-ico {
  flex-shrink: 0;
  font-size: 18px;
  color: var(--pdp-accent);
}

.art-marketplace-pdp .pdp-ref-faq-shell {
  max-width: 720px;
  padding-bottom: 6px;
}

.art-marketplace-pdp .pdp-ref-faq-item {
  border: 1px solid var(--pdp-line);
  border-radius: var(--art-radius-xs);
  padding: 0 14px;
  margin-bottom: 10px;
  background: var(--art-surface);
}

.art-marketplace-pdp .pdp-ref-faq-item summary {
  cursor: pointer;
  font-weight: 600;
  font-size: 15px;
  padding: 12px 0;
  outline: none;
  list-style: none;
  color: #2b2622;
}

.art-marketplace-pdp .pdp-ref-faq-item summary::-webkit-details-marker {
  display: none;
}

.art-marketplace-pdp .pdp-ref-faq-item p {
  margin: 0 0 13px;
  font-size: 14px;
  line-height: 1.53;
  color: var(--pdp-muted);
}

.art-marketplace-pdp .sk24-pdp-usp-bar {
  padding: 18px;
  gap: 16px;
}

.art-marketplace-pdp .sk24-pdp-usp-item strong {
  font-family: Roboto, var(--art-font-ui);
  font-weight: 600;
  letter-spacing: 0;
}

.art-marketplace-pdp .sk24-pdp-section-title {
  font-family: "Cormorant Garamond", Georgia, serif;
  font-weight: 600;
}

.art-marketplace-pdp .sk24-pdp-review-strip {
  padding: 14px 0 10px;
  background: var(--pdp-page);
  border-top: 0;
}

.art-marketplace-pdp .sk24-pdp-section-title {
  margin: 0 0 10px;
  font-size: 20px;
  line-height: 1.1;
  color: #1f1a17;
}

.art-marketplace-pdp .sk24-pdp-review-grid {
  grid-template-columns: minmax(130px, 160px) repeat(4, minmax(0, 1fr));
  gap: 12px;
  position: relative;
}

.art-marketplace-pdp .sk24-pdp-review-summary-card strong {
  display: block;
  font-size: 27px;
  line-height: 1;
}

.art-marketplace-pdp .sk24-pdp-review-bars-mini {
  display: grid;
  gap: 4px;
  margin-top: 9px;
  text-align: left;
}

.art-marketplace-pdp .sk24-pdp-review-bars-mini span {
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr);
  gap: 6px;
  align-items: center;
}

.art-marketplace-pdp .sk24-pdp-review-bars-mini small {
  font-size: 14px;
  color: var(--pdp-muted);
}

.art-marketplace-pdp .sk24-pdp-review-bars-mini i {
  height: 4px;
  border-radius: 99px;
  background: #efe7dc;
  overflow: hidden;
}

.art-marketplace-pdp .sk24-pdp-review-bars-mini b {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: var(--pdp-rating);
}

.art-marketplace-pdp .sk24-pdp-review-stars,
.art-marketplace-pdp .sk24-pdp-review-head small {
  color: var(--pdp-rating);
  letter-spacing: .5px;
  font-size: 14px;
}

.art-marketplace-pdp .sk24-pdp-review-head strong {
  font-size: 15px;
  line-height: 1.25;
}

.art-marketplace-pdp .sk24-pdp-review-summary-card p {
  font-size: 14px;
  line-height: 1.35;
}

.art-marketplace-pdp .sk24-pdp-review-card {
  padding: 12px;
  min-height: 178px;
}

.art-marketplace-pdp .sk24-pdp-review-card p {
  margin: 8px 0 0;
  font-size: 15px;
  line-height: 1.45;
  color: var(--pdp-muted);
}

.art-marketplace-pdp .sk24-pdp-review-photos {
  display: grid;
  grid-template-columns: repeat(2, 48px);
  gap: 7px;
  margin-top: 10px;
}

.art-marketplace-pdp .sk24-pdp-review-photos img {
  width: 48px;
  height: 48px;
  border-radius: 6px;
  object-fit: cover;
  background: #f3e7d8;
  border: 1px solid var(--pdp-bronze-line);
}

.art-marketplace-pdp .sk24-pdp-review-avatar {
  width: 36px;
  height: 36px;
  background: #f1e5d2;
  color: #5d401b;
}

.art-marketplace-pdp .sk24-pdp-review-all {
  position: absolute;
  right: 0;
  top: -30px;
  margin: 0;
  font-size: 13px;
  color: var(--pdp-accent);
}

.art-marketplace-pdp .sk24-pdp-review-write {
  display: inline-flex;
  justify-content: center;
  width: 100%;
  margin-top: 9px;
  padding: 7px 8px;
  border-radius: 5px;
  background: var(--pdp-accent);
  color: #fff;
  font-size: 12px;
  font-weight: 600;
}

.art-marketplace-pdp .sk24-pdp-detail-spec-txt {
  font-weight: 500;
}

.art-marketplace-pdp .sk24-pdp-detail-spec-txt strong {
  font-weight: 600;
  color: #2d2925;
}

.art-marketplace-pdp .pdp-v3-variants--ref {
  display: grid;
  gap: 8px;
  margin: 0;
}

.art-marketplace-pdp .pdp-v3-ref-select {
  display: grid;
  grid-template-columns: 86px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  font-size: 13px;
  color: #3d3732;
}

.art-marketplace-pdp .pdp-v3-ref-select > span {
  font-weight: 600;
}

.art-marketplace-pdp .pdp-v3-ref-select button {
  min-height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 6px 9px;
  border: 1px solid var(--pdp-line);
  border-radius: 4px;
  background: #fffdfa;
  color: #3d3732;
  font-size: 13px;
  cursor: pointer;
}

.art-marketplace-pdp .pdp-v3-ref-select .material-symbols-outlined {
  font-size: 15px;
  color: var(--pdp-gold);
}

.art-marketplace-pdp .sk24-pdp-cart-btn .material-icons {
  font-size: 17px;
}

.art-marketplace-pdp .sk24-pdp-cta-row {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 10px;
}

.art-marketplace-pdp .sk24-pdp-cart-btn {
  justify-content: center;
  gap: 9px;
  min-height: 38px;
  font-weight: 600;
  letter-spacing: 0.035em;
  text-transform: none;
}

.art-marketplace-pdp .sk24-pdp-qty-btn {
  min-width: 34px;
  min-height: 38px;
}

.art-marketplace-pdp .sk24-pdp-qty input[type="number"] {
  min-width: 36px;
  text-align: center;
  height: 38px;
}

.art-marketplace-pdp .sk24-pdp-wish-row {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}

.art-marketplace-pdp .sk24-pdp-wishlist-inline {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border: none;
  background: none;
  color: var(--pdp-accent);
  font-weight: 500;
  font-size: 14px;
  cursor: pointer;
  padding: 4px;
}

.art-marketplace-pdp .sk24-pdp-wishlist-inline .material-icons {
  font-size: 15px;
}

.art-marketplace-pdp .sk24-pdp-wishlist-inline.is-active {
  color: var(--pdp-accent);
}

.art-marketplace-pdp .sk24-pdp-wishlist-inline.is-active .material-icons {
  font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

.art-marketplace-pdp .sk24-pdp-payment-badges {
  order: 34;
  justify-content: flex-start;
  gap: 5px;
  margin-top: 10px;
}

.art-marketplace-pdp .sk24-pdp-payment-badge {
  padding: 3px 5px;
  border-radius: 4px;
  border-color: var(--pdp-line);
}

.art-marketplace-pdp .sk24-pdp-payment-badge-img {
  height: 16px;
  max-width: 42px;
}

.art-marketplace-pdp .sk24-pdp-shipping-perks {
  order: 30;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px dashed var(--pdp-line);
}

.art-marketplace-pdp .sk24-pdp-ship-mini {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}

.art-marketplace-pdp .sk24-pdp-ship-mini .material-symbols-outlined {
  font-size: 15px;
  color: var(--pdp-gold);
}

.art-marketplace-pdp .sk24-pdp-ship-mini small {
  font-size: 8.5px;
  line-height: 1.3;
  color: var(--pdp-muted);
  font-weight: 500;
}

.art-marketplace-pdp .sk24-pdp-seller-avatar--sm {
  width: 42px;
  height: 42px;
  font-size: 20px;
}

.art-marketplace-pdp .sk24-pdp-review-card {
  border-color: var(--pdp-line);
  border-radius: 8px;
  box-shadow: none;
}

.art-marketplace-pdp .sk24-pdp-ref-band {
  padding: 14px 0 18px;
  background: var(--pdp-page);
}

.art-marketplace-pdp .sk24-pdp-page-disclaimer {
  padding: 0 0 22px;
  margin-top: -4px;
  background: var(--pdp-page);
}

.art-marketplace-pdp .sk24-pdp-page-disclaimer__box {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  padding: 18px 22px;
  border-radius: 8px;
  border: 1px solid #d4c4b0;
  background: linear-gradient(180deg, #fffdf9 0%, #faf5ec 100%);
  box-shadow: 0 1px 2px rgba(112, 75, 38, .06);
}

.art-marketplace-pdp .sk24-pdp-page-disclaimer__icon {
  flex-shrink: 0;
  width: 42px;
  height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  font-size: 20px;
  color: #6b4e32;
  background: rgba(180, 140, 100, 0.2);
  border: 1px solid rgba(107, 78, 50, 0.32);
}

.art-marketplace-pdp .sk24-pdp-page-disclaimer__body {
  min-width: 0;
}

.art-marketplace-pdp .sk24-pdp-page-disclaimer__title {
  margin: 0 0 8px;
  font-size: 18px;
  font-weight: 700;
  font-family: system-ui, -apple-system, 'Segoe UI', Roboto, Ubuntu, sans-serif;
  color: #3d2e22;
  letter-spacing: -0.01em;
}

.art-marketplace-pdp .sk24-pdp-page-disclaimer__text {
  margin: 0;
  font-size: 15px;
  line-height: 1.55;
  color: #5b4a3c;
}

@media (max-width: 560px) {
  .art-marketplace-pdp .sk24-pdp-page-disclaimer__box {
    flex-direction: column;
    align-items: stretch;
    text-align: left;
  }

  .art-marketplace-pdp .sk24-pdp-page-disclaimer__icon {
    align-self: flex-start;
  }
}

.art-marketplace-pdp .sk24-pdp-ref-band-grid {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.35fr) minmax(0, 1.35fr);
  gap: 14px;
  align-items: stretch;
}

.art-marketplace-pdp .sk24-pdp-ref-band-card {
  position: relative;
  border-radius: 8px;
  border: 1px solid #ead9c8;
  padding: 16px;
  background: linear-gradient(180deg, #fffdf9 0%, #fff8ef 100%);
  box-shadow: 0 1px 2px rgba(112, 75, 38, .04);
}

.art-marketplace-pdp .sk24-pdp-ref-band-title {
  margin: 0 0 8px;
  font-size: 20px;
  font-family: "Cormorant Garamond", Georgia, serif;
  font-weight: 600;
  color: #2d2117;
  letter-spacing: -0.02em;
}

.art-marketplace-pdp .sk24-pdp-ref-band-card p {
  margin: 0 0 12px;
  font-size: 15px;
  line-height: 1.55;
  color: #5b4a3c;
}

.art-marketplace-pdp .sk24-pdp-ref-band-link {
  display: inline-block;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.01em;
  color: var(--pdp-bronze-dark);
  border-bottom: 1px solid rgba(180, 118, 59, .32);
  padding-bottom: 1px;
}

.art-marketplace-pdp .sk24-pdp-ref-band-link:hover {
  border-bottom-color: var(--pdp-bronze-dark);
}

.art-marketplace-pdp .sk24-pdp-ref-band-media {
  width: 100%;
  height: 114px;
  border-radius: 7px;
  margin-bottom: 12px;
  overflow: hidden;
  background: #f7eadb;
  border: 1px solid #ead9c8;
}

.art-marketplace-pdp .sk24-pdp-ref-band-media img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.art-marketplace-pdp .sk24-pdp-ref-band-icon {
  width: 32px;
  height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  margin-bottom: 10px;
  color: var(--pdp-bronze-dark);
  background: var(--pdp-bronze-soft);
  border: 1px solid var(--pdp-bronze-line);
  font-size: 18px;
}

.art-marketplace-pdp .sk24-pdp-ref-band-card--visual .sk24-pdp-ref-band-icon {
  margin-bottom: 8px;
}

.art-marketplace-pdp .sk24-pdp-ref-accordion {
  display: grid;
  gap: 7px;
  margin: 8px 0 12px;
}

.art-marketplace-pdp .sk24-pdp-ref-accordion-item {
  border: 1px solid #ead9c8;
  border-radius: 7px;
  background: #fffaf4;
  overflow: hidden;
}

.art-marketplace-pdp .sk24-pdp-ref-accordion-item summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 8px 9px;
  color: #2d2117;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  list-style: none;
}

.art-marketplace-pdp .sk24-pdp-ref-accordion-item summary::-webkit-details-marker {
  display: none;
}

.art-marketplace-pdp .sk24-pdp-ref-accordion-item summary .material-symbols-outlined {
  color: var(--pdp-bronze);
  font-size: 16px;
  transition: transform .18s ease;
}

.art-marketplace-pdp .sk24-pdp-ref-accordion-item[open] summary .material-symbols-outlined {
  transform: rotate(180deg);
}

.art-marketplace-pdp .sk24-pdp-ref-accordion-item p {
  margin: 0;
  padding: 0 9px 9px;
  color: #6a5848;
  font-size: 14px;
  line-height: 1.45;
}

.art-marketplace-pdp .sk24-pdp-ref-values {
  list-style: none;
  display: grid;
  gap: 8px;
  margin: 0 0 12px;
  padding: 0;
}

.art-marketplace-pdp .sk24-pdp-ref-values li {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #4e3f33;
  font-size: 15px;
  font-weight: 500;
}

.art-marketplace-pdp .sk24-pdp-ref-values .material-symbols-outlined {
  width: 24px;
  height: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  border-radius: 999px;
  color: var(--pdp-bronze-dark);
  background: var(--pdp-bronze-soft);
  border: 1px solid var(--pdp-bronze-line);
  font-size: 13px;
}

.art-marketplace-pdp .sk24-pdp-related {
  background: var(--pdp-page);
  border-top: 0;
  padding: 10px 0 24px;
}

.art-marketplace-pdp .sk24-pdp-related h2 {
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: -0.02em;
  color: #1f1a17;
  margin-bottom: 10px;
}

.art-marketplace-pdp .sk24-pdp-related-grid {
  grid-auto-columns: minmax(152px, 1fr);
  gap: 12px;
  padding-bottom: 4px;
}

.art-marketplace-pdp .sk24-pdp-related-card {
  border-radius: 8px;
  box-shadow: none;
}

.art-marketplace-pdp .sk24-pdp-related-image {
  aspect-ratio: 1.4 / 1;
  background: #f3e7d8;
}

.art-marketplace-pdp .sk24-pdp-related-info {
  padding: 8px 0 0;
  gap: 3px;
  background: var(--pdp-page);
}

.art-marketplace-pdp .sk24-pdp-related-info h3 {
  margin: 0;
  font-family: Roboto, var(--art-font-ui);
  font-size: 13px;
  font-weight: 500;
  color: #2d2925;
  line-height: 1.3;
}

.art-marketplace-pdp .sk24-pdp-related-card a {
  display: block;
  color: inherit;
}

.art-marketplace-pdp .sk24-pdp-related-card {
  background: transparent;
  border: 0;
  overflow: visible;
}

.art-marketplace-pdp .sk24-pdp-related-rating {
  font-size: 12px;
  color: var(--pdp-rating);
  line-height: 1.2;
}

.art-marketplace-pdp .sk24-pdp-related-price {
  font-size: 13px;
  font-weight: 600;
  color: #1f1a17;
}

.art-marketplace-pdp .sk24-pdp-related-tax,
.art-marketplace-pdp .sk24-pdp-related-cart {
  display: none;
}

.art-marketplace-pdp .sk24-pdp-related-buyline {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.art-marketplace-pdp .sk24-pdp-related-next {
  right: -10px;
  width: 32px;
  height: 32px;
  border-color: var(--pdp-line);
  box-shadow: 0 2px 7px rgba(62, 44, 27, .08);
}

.art-marketplace-pdp {
  font-size: 15px;
}

.art-marketplace-pdp .sk24-pdp-tagline,
.art-marketplace-pdp .sk24-pdp-price-tax,
.art-marketplace-pdp .sk24-pdp-buy-note,
.art-marketplace-pdp .sk24-pdp-detail-spec,
.art-marketplace-pdp .pdp-v3-ref-select,
.art-marketplace-pdp .pdp-v3-ref-select button,
.art-marketplace-pdp .product-tab-btn-12345,
.art-marketplace-pdp .sk24-pdp-description-text,
.art-marketplace-pdp .sk24-pdp-charm-tile,
.art-marketplace-pdp .sk24-pdp-review-card p,
.art-marketplace-pdp .sk24-pdp-ref-band-card p,
.art-marketplace-pdp .sk24-pdp-related-info h3,
.art-marketplace-pdp .sk24-pdp-related-price,
.art-marketplace-pdp .sk24-pdp-related-rating,
.art-marketplace-pdp .sk24-pdp-ship-mini small {
  font-size: 14px;
}

.art-marketplace-pdp .sk24-pdp-seller-name-row,
.art-marketplace-pdp .sk24-pdp-seller-rating-mini,
.art-marketplace-pdp .sk24-pdp-shop-peek-btn,
.art-marketplace-pdp .sk24-pdp-usp-item strong,
.art-marketplace-pdp .sk24-pdp-wishlist-inline,
.art-marketplace-pdp .sk24-pdp-review-write,
.art-marketplace-pdp .sk24-pdp-ref-band-link {
  font-size: 15px;
}

.art-marketplace-pdp .sk24-pdp-usp-item p {
  font-size: 14px;
  line-height: 1.3;
}

.art-marketplace-pdp .sk24-pdp-charm-tile strong {
  font-size: 15px;
}

.art-marketplace-pdp .sk24-pdp-usp-bar {
  padding: 8px 12px;
  gap: 8px;
  margin-top: 10px;
}

.art-marketplace-pdp .sk24-pdp-usp-item {
  gap: 7px;
}

.art-marketplace-pdp .sk24-pdp-usp-item .material-symbols-outlined {
  font-size: 14px;
}

.art-marketplace-pdp .sk24-pdp-usp-item strong {
  font-size: 15px;
  line-height: 1.2;
}

.art-marketplace-pdp .sk24-pdp-usp-item p {
  display: -webkit-box;
  max-height: 32px;
  margin-top: 1px;
  overflow: hidden;
  font-size: 14px;
  line-height: 1.3;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.art-marketplace-pdp .sk24-pdp-description-copy > h3 {
  margin-bottom: 8px;
  font-size: 19px;
}

.art-marketplace-pdp .pdp-v3-seller-card {
  padding: 9px;
}

.art-marketplace-pdp .pdp-v3-seller-btn {
  margin-top: 8px;
  padding: 8px 12px;
  font-size: 15px;
}

.art-marketplace-pdp .sk24-pdp-seller-avatar--sm {
  width: 34px;
  height: 34px;
  font-size: 17px;
}

.art-marketplace-pdp .sk24-pdp-shipping-perks {
  gap: 4px;
  margin-top: 8px;
  padding-top: 8px;
}

.art-marketplace-pdp .sk24-pdp-ship-mini .material-symbols-outlined {
  font-size: 13px;
}

.art-marketplace-pdp .sk24-pdp-ship-mini small {
  font-size: 14px;
  line-height: 1.3;
}

.art-marketplace-pdp .sk24-pdp-seller-service-card,
.art-marketplace-pdp .sk24-pdp-shop-signal-card,
.art-marketplace-pdp .sk24-pdp-buyer-protection,
.art-marketplace-pdp .sk24-pdp-disclaimer {
  border: 1px solid var(--pdp-bronze-line);
  border-radius: 8px;
  background:
    linear-gradient(180deg, rgba(255, 253, 249, .80) 0%, rgba(255, 248, 239, .86) 100%),
    url('/images/pdp-jewelry-card-bg.webp');
  background-size: auto, 360px auto;
  background-repeat: no-repeat, repeat;
  background-position: center, right top;
  color: #4e3f33;
  position: relative;
  overflow: hidden;
  isolation: isolate;
}

.art-marketplace-pdp .sk24-pdp-seller-service-card::after,
.art-marketplace-pdp .sk24-pdp-shop-signal-card::after,
.art-marketplace-pdp .sk24-pdp-buyer-protection::after,
.art-marketplace-pdp .sk24-pdp-disclaimer::after {
  content: "";
  position: absolute;
  inset: auto -54px -48px auto;
  width: 210px;
  height: 170px;
  background: url('/images/pdp-jewelry-card-bg.webp') center / 360px auto no-repeat;
  opacity: .34;
  pointer-events: none;
  z-index: 0;
}

.art-marketplace-pdp .sk24-pdp-seller-service-card > *,
.art-marketplace-pdp .sk24-pdp-shop-signal-card > *,
.art-marketplace-pdp .sk24-pdp-buyer-protection > *,
.art-marketplace-pdp .sk24-pdp-disclaimer > * {
  position: relative;
  z-index: 1;
}

.art-marketplace-pdp .sk24-pdp-seller-service-card {
  order: 31;
  display: grid;
  gap: 10px;
  margin-top: 10px;
  padding: 12px;
}

.art-marketplace-pdp .sk24-pdp-shop-signal-card {
  order: 32;
  display: grid;
  gap: 8px;
  margin-top: 9px;
  padding: 10px 11px;
  background: #fff;
  border-color: #e7ded5;
  box-shadow: 0 1px 2px rgba(45, 33, 24, .035);
}

.art-marketplace-pdp .sk24-pdp-shop-signal-card::after {
  display: none;
}

.art-marketplace-pdp .sk24-pdp-shop-signal-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
  padding-bottom: 8px;
  border-bottom: 1px solid #ece4dc;
}

.art-marketplace-pdp .sk24-pdp-shop-signal-head span {
  color: #2d2117;
  font-size: 14px;
  font-weight: 800;
  line-height: 1.2;
}

.art-marketplace-pdp .sk24-pdp-shop-signal-head small {
  color: #8a7a6d;
  font-size: 10.5px;
  line-height: 1.2;
  white-space: nowrap;
}

.art-marketplace-pdp .sk24-pdp-shop-signal-list {
  display: grid;
  gap: 0;
}

.art-marketplace-pdp .sk24-pdp-shop-signal {
  display: grid;
  grid-template-columns: 10px minmax(0, 1fr);
  align-items: center;
  gap: 9px;
  min-height: 30px;
  padding: 8px 0;
  border-top: 1px solid #f0e8df;
  background: transparent;
  box-shadow: none;
}

.art-marketplace-pdp .sk24-pdp-shop-signal:first-child {
  border-top: 0;
}

.art-marketplace-pdp .sk24-pdp-shop-signal-marker {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: #9b856c;
}

.art-marketplace-pdp .sk24-pdp-shop-signal--positive .sk24-pdp-shop-signal-marker {
  background: #0f766e;
}

.art-marketplace-pdp .sk24-pdp-shop-signal--negative .sk24-pdp-shop-signal-marker {
  background: #b4532a;
}

.art-marketplace-pdp .sk24-pdp-shop-signal strong {
  color: #2d2117;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.28;
}

.art-marketplace-pdp .sk24-pdp-shop-signal--positive strong {
  color: #06605e;
}

.art-marketplace-pdp .sk24-pdp-shop-signal--negative strong {
  color: #9b3f24;
}

.art-marketplace-pdp .sk24-pdp-service-highlight {
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr);
  column-gap: 8px;
  row-gap: 2px;
  align-items: start;
}

.art-marketplace-pdp .sk24-pdp-service-highlight .material-symbols-outlined,
.art-marketplace-pdp .sk24-pdp-buyer-protection > .material-symbols-outlined,
.art-marketplace-pdp .sk24-pdp-disclaimer > .material-symbols-outlined {
  width: 30px;
  height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  color: transparent;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  border: 0;
  font-size: 0;
  box-shadow: none;
}

.art-marketplace-pdp .sk24-pdp-service-highlight .material-symbols-outlined {
  background-image: url('/images/pdp-icon-delivery.webp');
}

.art-marketplace-pdp .sk24-pdp-buyer-protection > .material-symbols-outlined {
  background-image: url('/images/pdp-icon-shield.webp');
}

.art-marketplace-pdp .sk24-pdp-disclaimer > .material-symbols-outlined {
  background-image: url('/images/pdp-icon-info.webp');
}

.art-marketplace-pdp .sk24-pdp-service-highlight strong {
  color: #2d2117;
  font-size: 15px;
  line-height: 1.25;
}

.art-marketplace-pdp .sk24-pdp-service-highlight small {
  grid-column: 2;
  color: #6a5848;
  font-size: 14px;
  line-height: 1.35;
}

.art-marketplace-pdp .sk24-pdp-service-list {
  display: grid;
  gap: 8px;
  margin: 0;
}

.art-marketplace-pdp .sk24-pdp-service-list div {
  display: grid;
  gap: 2px;
  padding-top: 8px;
  border-top: 1px solid rgba(234, 215, 196, .75);
}

.art-marketplace-pdp .sk24-pdp-service-list dt {
  color: #2d2117;
  font-size: 14px;
  font-weight: 700;
}

.art-marketplace-pdp .sk24-pdp-service-list dd {
  margin: 0;
  color: #5b4a3c;
  font-size: 14px;
  line-height: 1.35;
}

.art-marketplace-pdp .sk24-pdp-service-actions {
  display: grid;
  gap: 7px;
}

.art-marketplace-pdp .sk24-pdp-policy-link,
.art-marketplace-pdp .sk24-pdp-imprint-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 32px;
  padding: 7px 10px;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
}

.art-marketplace-pdp .sk24-pdp-policy-link {
  border: 1px solid var(--pdp-bronze);
  background: var(--pdp-bronze);
  color: #fff;
}

.art-marketplace-pdp button.sk24-pdp-policy-link {
  width: 100%;
  font: inherit;
  cursor: pointer;
  text-decoration: none;
}

.art-marketplace-pdp .sk24-pdp-imprint-button {
  border: 1px solid var(--pdp-bronze-line);
  background: #fffaf4;
  color: var(--pdp-bronze-dark);
  cursor: pointer;
}

.art-marketplace-pdp .sk24-pdp-buyer-protection {
  order: 33;
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr);
  gap: 8px;
  margin-top: 9px;
  padding: 10px;
  background-position: center, left center;
  background-size: auto, 320px auto;
}

.art-marketplace-pdp .sk24-pdp-buyer-protection strong,
.art-marketplace-pdp .sk24-pdp-disclaimer strong {
  display: block;
  color: #2d2117;
  font-size: 15px;
  line-height: 1.25;
}

.art-marketplace-pdp .sk24-pdp-buyer-protection p,
.art-marketplace-pdp .sk24-pdp-disclaimer p {
  margin: 3px 0 0;
  color: #5b4a3c;
  font-size: 14px;
  line-height: 1.42;
}

.art-marketplace-pdp .sk24-pdp-disclaimer {
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr);
  gap: 8px;
  margin-top: 12px;
  padding: 12px;
  background-position: center, right bottom;
  background-size: auto, 380px auto;
}

.art-marketplace-pdp .sk24-pdp-imprint-modal[hidden] {
  display: none;
}

.art-marketplace-pdp .sk24-pdp-imprint-modal {
  position: fixed;
  inset: 0;
  z-index: 10020;
  display: grid;
  place-items: center;
  padding: 24px;
}

.art-marketplace-pdp .sk24-pdp-imprint-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(31, 26, 23, .42);
}

.art-marketplace-pdp .sk24-pdp-imprint-modal__card {
  position: relative;
  width: min(520px, 100%);
  max-height: min(680px, calc(100vh - 48px));
  overflow: auto;
  border-radius: 12px;
  border: 1px solid var(--pdp-bronze-line);
  background: #fffdf9;
  box-shadow: 0 24px 60px rgba(31, 26, 23, 0.22);
  padding: 20px;
}

@media (min-width: 960px) {
  .art-marketplace-pdp .sk24-pdp-imprint-modal__card {
    width: min(50vw, calc(100vw - 48px));
    max-height: min(90vh, calc(100vh - 48px));
  }

  .art-marketplace-pdp .sk24-pdp-shop-policies-iframe {
    min-height: 40vh;
    height: 40vh;
    max-height: 40vh;
  }
}

.art-marketplace-pdp .sk24-pdp-imprint-modal__close {
  position: absolute;
  top: 10px;
  right: 10px;
  border: 1px solid var(--pdp-bronze-line);
  border-radius: 999px;
  background: #fff8ef;
  color: var(--pdp-bronze-dark);
  cursor: pointer;
}

.art-marketplace-pdp .sk24-pdp-imprint-modal h2 {
  margin: 0 34px 10px 0;
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: 28px;
  color: #2d2117;
}

.art-marketplace-pdp .sk24-pdp-imprint-modal__intro,
.art-marketplace-pdp .sk24-pdp-imprint-modal__note {
  color: #5b4a3c;
  font-size: 15px;
  line-height: 1.5;
}

.art-marketplace-pdp .sk24-pdp-imprint-modal__list {
  display: grid;
  gap: 10px;
  margin: 14px 0;
}

.art-marketplace-pdp .sk24-pdp-imprint-modal__list div {
  padding-top: 10px;
  border-top: 1px solid var(--pdp-bronze-line);
}

.art-marketplace-pdp .sk24-pdp-imprint-modal__list dt {
  color: #6a5848;
  font-size: 14px;
  font-weight: 700;
}

.art-marketplace-pdp .sk24-pdp-imprint-modal__list dd {
  margin: 3px 0 0;
  color: #2d2117;
  font-size: 16px;
  font-weight: 600;
}

.art-marketplace-pdp .sk24-pdp-imprint-modal__policy-links {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 14px;
  margin: 10px 0 0;
  padding: 0;
  font-size: 15px;
}

.art-marketplace-pdp .sk24-pdp-imprint-modal__policy-links a {
  color: var(--art-teal-dark);
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.art-marketplace-pdp .sk24-pdp-imprint-modal__btn-block {
  width: 100%;
  margin-top: 10px;
}

.art-marketplace-pdp .sk24-pdp-price-tax .sk24-pdp-tax-policy-trigger {
  display: inline;
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  font: inherit;
  color: var(--pdp-accent);
  text-decoration: underline;
  text-underline-offset: 2px;
  cursor: pointer;
}

.art-marketplace-pdp .sk24-pdp-imprint-modal__iframe-wrap {
  margin-top: 12px;
}

.art-marketplace-pdp .sk24-pdp-shop-policies-iframe {
  display: block;
  width: 100%;
  min-height: min(52vh, 420px);
  max-height: 55vh;
  border: 1px solid var(--pdp-bronze-line);
  border-radius: var(--art-radius-md);
  background: var(--art-bg-soft);
}

body.art-layout-embed {
  margin: 0;
  background: var(--art-surface);
}

.art-shop-page--embed .art-shop-info-content--embed {
  padding-top: var(--art-gap-md);
  padding-bottom: var(--art-gap-md);
}

.art-marketplace-pdp .sk24-pdp-imprint-modal__note--after-links {
  margin-top: 12px;
}

.art-marketplace-pdp .sk24-pdp-usp-item > .material-symbols-outlined,
.art-marketplace-pdp .sk24-pdp-detail-spec-ico,
.art-marketplace-pdp .sk24-pdp-charm-ico,
.art-marketplace-pdp .sk24-pdp-ref-band-icon,
.art-marketplace-pdp .sk24-pdp-ref-values .material-symbols-outlined {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  color: transparent;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  border: 0;
  box-shadow: none;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
}

.art-marketplace-pdp .sk24-pdp-usp-item > .material-symbols-outlined {
  width: 26px;
  height: 26px;
  margin-top: -1px;
}

.art-marketplace-pdp .sk24-pdp-detail-spec-ico {
  width: 28px;
  height: 28px;
}

.art-marketplace-pdp .sk24-pdp-charm-ico {
  width: 30px;
  height: 30px;
  margin: 0 0 6px;
}

.art-marketplace-pdp .sk24-pdp-ref-band-icon {
  width: 32px;
  height: 32px;
  margin-bottom: 10px;
}

.art-marketplace-pdp .sk24-pdp-ref-values .material-symbols-outlined {
  width: 24px;
  height: 24px;
}

.art-marketplace-pdp .sk24-pdp-icon--favorite {
  background-image: url('/images/pdp-icon-artist.webp');
}

.art-marketplace-pdp .sk24-pdp-icon--auto_awesome {
  background-image: url('/images/pdp-icon-curated.webp');
}

.art-marketplace-pdp .sk24-pdp-icon--shield,
.art-marketplace-pdp .sk24-pdp-icon--verified {
  background-image: url('/images/pdp-icon-safe.webp');
}

.art-marketplace-pdp .sk24-pdp-icon--eco,
.art-marketplace-pdp .sk24-pdp-icon--recycling {
  background-image: url('/images/pdp-icon-climate.webp');
}

.art-marketplace-pdp .sk24-pdp-icon--widgets,
.art-marketplace-pdp .sk24-pdp-icon--category,
.art-marketplace-pdp .sk24-pdp-icon--sell,
.art-marketplace-pdp .sk24-pdp-icon--diamond,
.art-marketplace-pdp .sk24-pdp-icon--inventory_2 {
  background-image: url('/images/pdp-icon-category.webp');
}

.art-marketplace-pdp .sk24-pdp-icon--storefront,
.art-marketplace-pdp .sk24-pdp-icon--store {
  background-image: url('/images/pdp-icon-shop.webp');
}

.art-marketplace-pdp .sk24-pdp-icon--local_shipping,
.art-marketplace-pdp .sk24-pdp-icon--cloud_download,
.art-marketplace-pdp .sk24-pdp-icon--straighten {
  background-image: url('/images/pdp-icon-delivery.webp');
}

.art-marketplace-pdp .sk24-pdp-icon--scale,
.art-marketplace-pdp .sk24-pdp-icon--info,
.art-marketplace-pdp .sk24-pdp-icon--info_i {
  background-image: url('/images/pdp-icon-info.webp');
}

.art-marketplace-pdp .sk24-pdp-icon--water_drop,
.art-marketplace-pdp .sk24-pdp-icon--spa {
  background-image: url('/images/pdp-icon-climate.webp');
}

.art-marketplace-pdp .sk24-pdp-icon--edit,
.art-marketplace-pdp .sk24-pdp-icon--brush,
.art-marketplace-pdp .sk24-pdp-icon--construction {
  background-image: url('/images/pdp-icon-story.webp');
}

.art-marketplace-pdp .sk24-pdp-ref-band-card--faq > .sk24-pdp-ref-band-icon {
  background-image: url('/images/pdp-icon-faq.webp');
}

.art-marketplace-pdp .sk24-pdp-ref-band-card--visual > .sk24-pdp-ref-band-icon {
  background-image: url('/images/pdp-icon-story.webp');
}

.art-marketplace-pdp .sk24-pdp-ref-band-card--leaf > .sk24-pdp-ref-band-icon {
  background-image: url('/images/pdp-icon-values.webp');
}

.art-marketplace-pdp .sk24-pdp-ref-values li:nth-child(1) .material-symbols-outlined {
  background-image: url('/images/pdp-icon-safe.webp');
}

.art-marketplace-pdp .sk24-pdp-ref-values li:nth-child(2) .material-symbols-outlined {
  background-image: url('/images/pdp-icon-delivery.webp');
}

.art-marketplace-pdp .sk24-pdp-ref-values li:nth-child(3) .material-symbols-outlined {
  background-image: url('/images/pdp-icon-climate.webp');
}

.art-marketplace-pdp .sk24-pdp-review-card p {
  font-size: 15px;
  line-height: 1.45;
}

.art-marketplace-pdp .sk24-pdp-review-head strong,
.art-marketplace-pdp .sk24-pdp-review-head small {
  font-size: 15px;
}

.art-marketplace-pdp .sk24-pdp-review-summary-card p,
.art-marketplace-pdp .sk24-pdp-review-bars-mini small {
  font-size: 14px;
}

/* Referenz-PDP: warme Bronze-Icons statt generischem Teal. */
.art-marketplace-pdp .sk24-pdp-usp-item .material-symbols-outlined,
.art-marketplace-pdp .sk24-pdp-detail-spec-ico,
.art-marketplace-pdp .sk24-pdp-charm-ico,
.art-marketplace-pdp .sk24-pdp-ship-mini .material-symbols-outlined,
.art-marketplace-pdp .pdp-v3-ref-select .material-symbols-outlined,
.art-marketplace-pdp .sk24-pdp-ref-band-leaf {
  color: var(--pdp-bronze);
}

.art-marketplace-pdp .sk24-pdp-usp-bar,
.art-marketplace-pdp .product-tabs-header-12345 {
  background: linear-gradient(180deg, #fffdf9 0%, #fbf2e8 100%);
}

.art-marketplace-pdp .sk24-pdp-usp-item .material-symbols-outlined,
.art-marketplace-pdp .sk24-pdp-charm-ico,
.art-marketplace-pdp .pdp-v3-attr .material-symbols-outlined,
.art-marketplace-pdp .sk24-pdp-detail-spec-ico {
  width: 24px;
  height: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: var(--pdp-bronze-soft);
  border: 1px solid var(--pdp-bronze-line);
  color: var(--pdp-bronze-dark);
}

.art-marketplace-pdp .sk24-pdp-usp-item .material-symbols-outlined {
  width: 22px;
  height: 22px;
  font-size: 13px;
}

.art-marketplace-pdp .sk24-pdp-charm-ico,
.art-marketplace-pdp .pdp-v3-attr .material-symbols-outlined {
  font-size: 14px;
}

.art-marketplace-pdp .sk24-pdp-ship-mini .material-symbols-outlined {
  color: var(--pdp-bronze-dark);
}

.art-marketplace-pdp .product-tab-btn-12345.active {
  color: var(--pdp-bronze-dark);
  box-shadow: 0 -3px 0 var(--pdp-bronze) inset;
}

.art-marketplace-pdp .product-tab-btn-12345:hover {
  color: var(--pdp-bronze-dark);
}

@media (max-width: 960px) {
  .art-marketplace-pdp .sk24-pdp-charm-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .art-marketplace-pdp .sk24-pdp-feature-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .art-marketplace-pdp .sk24-pdp-shipping-perks {
    grid-template-columns: 1fr;
  }
  .art-marketplace-pdp .sk24-pdp-ref-band-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 680px) {
  .art-marketplace-pdp .sk24-pdp-layout {
    grid-template-columns: 1fr;
  }
  .art-marketplace-pdp .sk24-pdp-buy {
    position: static;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
  }
}

@media (max-width: 560px) {
  .art-marketplace-pdp .sk24-pdp-seller-hero {
    flex-wrap: wrap;
    row-gap: 12px;
  }
  .art-marketplace-pdp .sk24-pdp-shop-peek-btn {
    width: 100%;
    display: flex;
    justify-content: center;
  }
}

@media (max-width: 1100px) {
  .sk24-pdp-layout {
    grid-template-columns: 1fr;
  }
  .sk24-pdp-buy {
    position: static;
    max-width: 560px;
    margin-left: auto;
    margin-right: auto;
  }
  .sk24-pdp-review-grid {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 768px) {
  .sk24-pdp-usp-bar {
    grid-template-columns: 1fr 1fr;
  }
  .sk24-pdp-description-grid {
    grid-template-columns: 1fr;
  }
  .sk24-pdp-delivery-card {
    grid-template-columns: 1fr;
  }
  .sk24-pdp-gallery {
    grid-template-columns: 56px minmax(0, 1fr);
  }
  .sk24-pdp-thumb {
    width: 52px;
    height: 52px;
  }
  .product-tabs-header-12345 {
    overflow-x: auto;
    flex-wrap: nowrap;
    -webkit-overflow-scrolling: touch;
  }
  .product-tab-btn-12345 {
    flex-shrink: 0;
  }
  .sk24-pdp-review-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 480px) {
  .sk24-pdp-usp-bar {
    grid-template-columns: 1fr;
  }
  .sk24-pdp-cta-row {
    flex-direction: column;
  }
  .sk24-pdp-cart-btn {
    flex-basis: auto;
    width: 100%;
  }
}

/* PDP generated image icons: keep this after legacy bronze-icon overrides. */
.art-marketplace-pdp .sk24-pdp-usp-item > .material-symbols-outlined,
.art-marketplace-pdp .sk24-pdp-detail-spec-ico,
.art-marketplace-pdp .sk24-pdp-charm-ico,
.art-marketplace-pdp .sk24-pdp-ref-band-icon,
.art-marketplace-pdp .sk24-pdp-ref-values .material-symbols-outlined,
.art-marketplace-pdp .sk24-pdp-service-highlight .material-symbols-outlined,
.art-marketplace-pdp .sk24-pdp-buyer-protection > .material-symbols-outlined,
.art-marketplace-pdp .sk24-pdp-disclaimer > .material-symbols-outlined {
  color: transparent;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  border: 0;
  box-shadow: none;
  font-size: 0;
  line-height: 0;
}

.art-marketplace-pdp .sk24-pdp-usp-item > .material-symbols-outlined {
  width: 26px;
  height: 26px;
}

.art-marketplace-pdp .sk24-pdp-detail-spec-ico,
.art-marketplace-pdp .sk24-pdp-charm-ico,
.art-marketplace-pdp .sk24-pdp-service-highlight .material-symbols-outlined,
.art-marketplace-pdp .sk24-pdp-buyer-protection > .material-symbols-outlined,
.art-marketplace-pdp .sk24-pdp-disclaimer > .material-symbols-outlined {
  width: 30px;
  height: 30px;
}

.art-marketplace-pdp .sk24-pdp-ref-band-icon {
  width: 32px;
  height: 32px;
}

.art-marketplace-pdp .sk24-pdp-ref-values .material-symbols-outlined {
  width: 24px;
  height: 24px;
}

.art-marketplace-pdp .sk24-pdp-detail-spec-ico,
.art-marketplace-pdp .sk24-pdp-charm-ico {
  background-image: url('/images/pdp-icon-info.webp');
}

.art-marketplace-pdp .sk24-pdp-usp-item > .material-symbols-outlined {
  background-image: url('/images/pdp-icon-artist.webp');
}

.art-marketplace-pdp .sk24-pdp-icon--favorite { background-image: url('/images/pdp-icon-artist.webp'); }
.art-marketplace-pdp .sk24-pdp-icon--auto_awesome { background-image: url('/images/pdp-icon-curated.webp'); }
.art-marketplace-pdp .sk24-pdp-icon--shield,
.art-marketplace-pdp .sk24-pdp-icon--verified { background-image: url('/images/pdp-icon-safe.webp'); }
.art-marketplace-pdp .sk24-pdp-icon--eco,
.art-marketplace-pdp .sk24-pdp-icon--recycling,
.art-marketplace-pdp .sk24-pdp-icon--water_drop,
.art-marketplace-pdp .sk24-pdp-icon--spa,
.art-marketplace-pdp .sk24-pdp-icon--forest,
.art-marketplace-pdp .sk24-pdp-icon--cleaning_services,
.art-marketplace-pdp .sk24-pdp-icon--local_laundry_service { background-image: url('/images/pdp-icon-climate.webp'); }
.art-marketplace-pdp .sk24-pdp-icon--widgets,
.art-marketplace-pdp .sk24-pdp-icon--category,
.art-marketplace-pdp .sk24-pdp-icon--sell,
.art-marketplace-pdp .sk24-pdp-icon--diamond,
.art-marketplace-pdp .sk24-pdp-icon--inventory_2,
.art-marketplace-pdp .sk24-pdp-icon--texture,
.art-marketplace-pdp .sk24-pdp-icon--layers,
.art-marketplace-pdp .sk24-pdp-icon--child_care { background-image: url('/images/pdp-icon-category.webp'); }
.art-marketplace-pdp .sk24-pdp-icon--storefront,
.art-marketplace-pdp .sk24-pdp-icon--store { background-image: url('/images/pdp-icon-shop.webp'); }
.art-marketplace-pdp .sk24-pdp-icon--local_shipping,
.art-marketplace-pdp .sk24-pdp-icon--cloud_download,
.art-marketplace-pdp .sk24-pdp-icon--calendar_month { background-image: url('/images/pdp-icon-delivery.webp'); }
.art-marketplace-pdp .sk24-pdp-icon--straighten,
.art-marketplace-pdp .sk24-pdp-icon--square_foot,
.art-marketplace-pdp .sk24-pdp-icon--architecture,
.art-marketplace-pdp .sk24-pdp-icon--photo_size_select_large { background-image: url('/images/pdp-icon-measure.webp'); }
.art-marketplace-pdp .sk24-pdp-icon--scale,
.art-marketplace-pdp .sk24-pdp-icon--monitor_weight,
.art-marketplace-pdp .sk24-pdp-icon--fitness_center { background-image: url('/images/pdp-icon-weight.webp'); }
.art-marketplace-pdp .sk24-pdp-icon--info,
.art-marketplace-pdp .sk24-pdp-icon--info_i,
.art-marketplace-pdp .sk24-pdp-icon--description { background-image: url('/images/pdp-icon-info.webp'); }
.art-marketplace-pdp .sk24-pdp-icon--edit,
.art-marketplace-pdp .sk24-pdp-icon--brush,
.art-marketplace-pdp .sk24-pdp-icon--construction,
.art-marketplace-pdp .sk24-pdp-icon--palette,
.art-marketplace-pdp .sk24-pdp-icon--local_fire_department { background-image: url('/images/pdp-icon-story.webp'); }
.art-marketplace-pdp .sk24-pdp-ref-band-card--faq > .sk24-pdp-ref-band-icon { background-image: url('/images/pdp-icon-faq.webp'); }
.art-marketplace-pdp .sk24-pdp-ref-band-card--visual > .sk24-pdp-ref-band-icon { background-image: url('/images/pdp-icon-story.webp'); }
.art-marketplace-pdp .sk24-pdp-ref-band-card--leaf > .sk24-pdp-ref-band-icon { background-image: url('/images/pdp-icon-values.webp'); }
.art-marketplace-pdp .sk24-pdp-ref-values li:nth-child(1) .material-symbols-outlined { background-image: url('/images/pdp-icon-safe.webp'); }
.art-marketplace-pdp .sk24-pdp-ref-values li:nth-child(2) .material-symbols-outlined { background-image: url('/images/pdp-icon-delivery.webp'); }
.art-marketplace-pdp .sk24-pdp-ref-values li:nth-child(3) .material-symbols-outlined { background-image: url('/images/pdp-icon-climate.webp'); }