.sales-gallery { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; margin-top:32px; }
.sales-work { border:1px solid #ddd; border-radius:12px; overflow:hidden; background:#fff; }
.sales-image,.sales-placeholder { display:flex; height:240px; align-items:center; justify-content:center; background:#f4f1ec; }
.sales-image img { width:100%; height:100%; object-fit:contain; padding:12px; }
.sales-placeholder { color:#666; }
.sale .sales-copy { padding:20px; color:var(--ink); }
.sale .sales-copy h2 { font-size:1.1rem; margin:0 0 12px; color:var(--ink); }
.sale .sales-copy h3 { font-size:1.1rem; margin:0 0 12px; color:var(--ink); }
.photo-nav { display:flex; flex-wrap:wrap; justify-content:center; gap:12px; margin:28px 0 40px; }
.photo-group + .photo-group { margin-top:56px; }
.photo-group > h2 { scroll-margin-top:24px; }
.sale .sales-copy .eyebrow { color:var(--red); }
.sales-copy p { margin:6px 0; }
.sales-status { font-weight:bold; }
.sales-lightbox { width:min(1000px,94vw); max-height:94vh; padding:20px; border:0; border-radius:12px; }
.sales-lightbox::backdrop { background:rgb(0 0 0 / .8); }
.sales-lightbox figure { margin:16px 0; text-align:center; }
.sales-lightbox img { display:block; width:auto; max-width:100%; height:auto; max-height:65vh; object-fit:contain; margin:auto; }
.sales-lightbox figcaption { margin-top:12px; }
.sales-close { display:block; margin-left:auto; }
.sales-controls { display:flex; justify-content:space-between; gap:12px; }
.sales-lightbox button { padding:10px 18px; min-height:44px; border:1px solid #d7dce3; border-radius:12px; background:#f4f1e9; color:#19385e; font:inherit; font-weight:600; cursor:pointer; box-shadow:0 2px 5px rgb(25 56 94 / .08); transition:background .15s ease, border-color .15s ease, box-shadow .15s ease; }
.sales-lightbox button:hover { background:#e9edf2; border-color:#a8b5c5; box-shadow:0 3px 8px rgb(25 56 94 / .12); }
.sales-lightbox button:focus-visible { outline:3px solid #19385e; outline-offset:3px; }
.sales-lightbox button:active { background:#dfe5ed; box-shadow:none; }
body.sales-lightbox-open { overflow:hidden; }
@media(max-width:1000px) { .sales-gallery { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media(max-width:760px) { .sales-gallery { grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; } }
@media(max-width:440px) { .sales-gallery { grid-template-columns:1fr; } }

.sales-bid-action { text-align:center; margin:16px 0; }

.sales-lightbox figcaption { text-align:center; }
.sales-work-info { margin-bottom:0; }
.sales-highest-bid { font-size:clamp(1.2rem, 3vw, 1.6rem); font-weight:800; line-height:1.4; margin-top:32px; margin-bottom:6px; }
.sales-bid-count { margin-bottom:6px; }

.sales-work,.auction-work{position:relative}
.work-status-stamp{position:absolute;top:22px;right:16px;z-index:2;pointer-events:none;display:block;padding:6px 10px;border:3px solid #cc242e;border-radius:5px;background:#fffffff2;color:#a81419;font:800 17px/1.2 system-ui,sans-serif;text-transform:uppercase;letter-spacing:.06em;transform:rotate(9deg);box-shadow:0 2px 6px #0002;max-width:calc(100% - 32px);text-align:center}
.public-work-status{color:#a81419;margin:8px 0;font-size:.95rem}
.public-statuses:empty{display:none}
.sales-lightbox .public-statuses{margin:12px 0;text-align:center}
.sales-lightbox .public-work-status strong{display:inline-block;padding:5px 10px;border:2px solid currentColor;border-radius:5px}

/* SKTC: Links ohne Unterstreichung in allen Zuständen. */
a:any-link,a:any-link:hover,a:any-link:focus,a:any-link:focus-visible,a:any-link:active,a:any-link *{text-decoration:none!important}

/* SKTC: Flache Formularfelder ohne native 3D-Raender. */
:where(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="hidden"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="image"]):not([type="file"]):not([type="color"]),textarea,select){
 appearance:none;-webkit-appearance:none;box-shadow:none!important;background-image:none;border:1px solid #8b96a3!important;border-radius:8px;background-color:rgba(255,255,255,.8);color:inherit;font:inherit;box-sizing:border-box;
}
:where(input,textarea,select):focus-visible{outline:2px solid #224579;outline-offset:2px;box-shadow:none!important}
select{padding-right:2rem!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%2330343b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right .65rem center!important;background-size:16px!important}
select[multiple],select[size]:not([size="1"]){background-image:none!important;padding-right:.65rem!important}
input[type="file"]::file-selector-button{border:1px solid #8b96a3;border-radius:8px;background:#f2f5f9;color:#30343b;box-shadow:none;font:inherit;padding:.5rem .8rem}

/* SKTC: Aktionsbuttons in Modal-Fenstern linksbuendig. */
:is(dialog,[role="dialog"],.modal-content) :is(button,input[type="submit"],input[type="button"],input[type="reset"],a.button,a.btn):not(.modal-close):not(.story-close):not(.close):not(.btn-close):not([aria-label][data-close]:empty){margin-left:0!important;margin-right:auto!important;align-self:flex-start!important}
:is(dialog,[role="dialog"],.modal-content) :is(.modal-footer,.dialog-actions,.modal-actions,.form-actions,.actions,.button-row){justify-content:flex-start!important;text-align:left!important}
:is(dialog,[role="dialog"],.modal-content) :is(form,.button-group,.buttons){text-align:left}

/* Verkaufsbedingungen rechts oben am jeweiligen Galeriekopf. */
.gallery-heading{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:12px 24px}
.gallery-heading>h2{margin-top:0;scroll-margin-top:24px}
.gallery-heading .gallery-terms-link{margin-left:auto;flex-shrink:0;display:inline-flex;align-items:center;min-height:44px;color:inherit;font-size:.95rem;font-weight:600}
.gallery-terms-link:focus-visible{outline:3px solid currentColor;outline-offset:4px;border-radius:3px}

/* Deutliches Feedback fuer die Links zu den Verkaufsbedingungen. */
.gallery-heading .gallery-terms-link{padding:4px 10px;border-radius:6px;transition:background-color .15s ease,color .15s ease,box-shadow .15s ease}
.gallery-heading .gallery-terms-link:hover,.gallery-heading .gallery-terms-link:focus-visible{background-color:#19385e;color:#f8d87f;box-shadow:0 2px 6px rgb(25 56 94 / .2);text-decoration:none!important}
@media(prefers-reduced-motion:reduce){.gallery-heading .gallery-terms-link{transition:none}}