:root {
    --accent:#b9d85e;
    --page-bg:#0b1114;
    --hero-bg:#121b20;
    --hero-title:#f0f4ee;
    --hero-subtitle:#9aa8a3;
    --nav-bg:#0b1114;
    --nav-text:#9aa8a3;
    --brand-text:#f0f4ee;
    --hero-overlay:.48;
    --hero-position:center;
    --hero-image:none;
    --surface:#121b20;
    --surface-soft:#182329;
    --line:rgba(255,255,255,.11);
    --text:#f0f4ee;
    --muted:#9aa8a3;
    --danger:#ff7b84;
    --shadow:0 22px 60px rgba(0,0,0,.32);
}

* { box-sizing:border-box; }
html { color-scheme:dark; scroll-behavior:smooth; }
body { margin:0; min-height:100vh; color:var(--text); background:radial-gradient(circle at 82% 0,rgba(185,216,94,.1),transparent 30%),var(--page-bg); font-family:Inter,Segoe UI,Arial,sans-serif; }
a { color:inherit; }
button,input,select,textarea { font:inherit; }

.site-header { position:sticky; z-index:20; top:0; display:flex; min-height:72px; align-items:center; justify-content:space-between; gap:24px; padding:12px clamp(18px,4vw,70px); border-bottom:1px solid var(--line); background:color-mix(in srgb,var(--nav-bg) 92%,transparent); backdrop-filter:blur(16px); }
.site-brand { display:flex; align-items:center; gap:12px; text-decoration:none; }
.site-brand > span { display:grid; width:42px; height:42px; place-items:center; border:1px solid var(--accent); border-radius:50%; color:#11170a; background:var(--accent); font:900 21px Georgia,serif; }
.site-brand strong { color:var(--brand-text); letter-spacing:.13em; text-transform:uppercase; }
.site-header nav { display:flex; align-items:center; gap:8px; }
.site-header nav a { padding:8px 11px; border-radius:999px; color:var(--nav-text); font-size:12px; text-decoration:none; }
.site-header nav a:hover { color:#12170c; background:var(--accent); }
.language-switch { display:flex; gap:3px; margin-left:4px; padding:3px; border:1px solid var(--line); border-radius:999px; }
.site-header nav .language-switch a { min-width:34px; padding:5px 8px; text-align:center; }
.site-header nav .language-switch a.active { color:#12170c; background:var(--accent); }
main { width:min(1520px,calc(100% - 36px)); margin:auto; }

.hero { position:relative; display:grid; min-height:330px; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:40px; margin:28px 0 20px; padding:clamp(34px,6vw,86px); overflow:hidden; border:1px solid var(--line); border-radius:22px; background-image:linear-gradient(rgba(0,0,0,var(--hero-overlay)),rgba(0,0,0,var(--hero-overlay))),var(--hero-image); background-color:var(--hero-bg); background-position:center,var(--hero-position); background-repeat:no-repeat; background-size:cover; box-shadow:var(--shadow); }
.hero::before { position:absolute; inset:0; content:""; opacity:.38; background:repeating-linear-gradient(115deg,transparent 0 34px,rgba(185,216,94,.06) 35px 36px); }
.hero > div { position:relative; z-index:1; }
.hero-kicker { color:var(--accent); font-size:10px; font-weight:800; letter-spacing:.22em; text-transform:uppercase; }
.hero h1 { max-width:850px; margin:12px 0 14px; color:var(--hero-title); font-family:Georgia,Times New Roman,serif; font-size:clamp(39px,6vw,86px); font-weight:500; letter-spacing:-.035em; line-height:.98; text-shadow:0 2px 18px rgba(0,0,0,.38); }
.hero p { max-width:720px; margin:0; color:var(--hero-subtitle); font-size:clamp(14px,1.5vw,19px); line-height:1.65; text-shadow:0 2px 14px rgba(0,0,0,.38); }
.hero-mark { color:var(--accent); font:500 clamp(140px,20vw,280px)/.7 Georgia,serif; opacity:.15; }

.catalog-toolbar { display:grid; grid-template-columns:minmax(340px,1fr) 210px auto; gap:14px; align-items:end; padding:18px; border:1px solid var(--line); border-radius:14px; background:var(--surface); }
.catalog-search,.catalog-sort { display:grid; gap:7px; }
.catalog-search label,.catalog-sort label,.view-switch > span { color:var(--muted); font-size:9px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.catalog-search > div { display:flex; gap:7px; }
.catalog-search input,.catalog-sort select { width:100%; min-height:42px; padding:9px 12px; border:1px solid var(--line); border-radius:8px; color:var(--text); background:#091115; }
.catalog-search input:focus,.catalog-sort select:focus { outline:2px solid color-mix(in srgb,var(--accent) 28%,transparent); border-color:var(--accent); }
.catalog-search button,.catalog-search a,.view-switch a { display:grid; min-height:42px; place-items:center; padding:8px 14px; border:1px solid var(--line); border-radius:8px; color:var(--text); background:var(--surface-soft); cursor:pointer; font-size:11px; font-weight:800; text-decoration:none; white-space:nowrap; }
.catalog-search button { color:#12170c; border-color:var(--accent); background:var(--accent); }
.view-switch { display:grid; grid-template-columns:repeat(2,auto); gap:7px; }
.view-switch > span { grid-column:1 / -1; }
.view-switch a.active,.view-switch a:hover { color:#12170c; border-color:var(--accent); background:var(--accent); }
.catalog-summary { display:flex; flex-wrap:wrap; gap:8px 20px; margin:18px 2px; color:var(--muted); font-size:12px; }
.catalog-summary strong { color:var(--accent); }

.catalog { display:grid; gap:16px; }
.catalog-grid { grid-template-columns:repeat(6,minmax(0,1fr)); }
.record-card { min-width:0; overflow:hidden; border:1px solid var(--line); border-radius:13px; background:linear-gradient(145deg,var(--surface-soft),var(--surface)); box-shadow:0 10px 28px rgba(0,0,0,.15); transition:transform .18s ease,border-color .18s ease; }
.record-card:hover { transform:translateY(-4px); border-color:color-mix(in srgb,var(--accent) 55%,transparent); }
.record-cover { display:grid; aspect-ratio:1; place-items:center; overflow:hidden; background:#070c0f; text-decoration:none; }
.record-cover img { width:100%; height:100%; object-fit:cover; transition:transform .28s ease; }
.record-card:hover .record-cover img { transform:scale(1.025); }
.record-cover > span,.detail-main-image > span { display:grid; gap:7px; place-items:center; color:var(--accent); font:700 58px Georgia,serif; }
.record-cover small,.detail-main-image small { color:var(--muted); font:10px Inter,Arial,sans-serif; letter-spacing:.1em; text-transform:uppercase; }
.record-copy { display:grid; gap:5px; padding:13px; }
.record-id { color:var(--accent); font-size:8px; font-weight:900; letter-spacing:.13em; }
.record-copy h2,.record-copy h3,.record-copy p { overflow:hidden; margin:0; text-overflow:ellipsis; white-space:nowrap; }
.record-copy h2 { font-size:13px; }
.record-copy h3 { color:#c9d2ce; font-size:11px; font-weight:500; }
.record-copy p { color:var(--muted); font-size:9px; }
.record-data { display:flex; flex-wrap:wrap; align-items:center; gap:5px 8px; margin-top:6px; padding-top:9px; border-top:1px solid var(--line); color:var(--muted); font-size:8px; }
.record-data strong { color:var(--text); }
.record-data b { margin-left:auto; color:var(--accent); font-size:12px; }
.record-details { display:block; padding:9px 13px; border-top:1px solid var(--line); color:var(--accent); font-size:9px; font-weight:800; text-decoration:none; text-transform:uppercase; }

.catalog-list { grid-template-columns:1fr; gap:8px; }
.catalog-list .record-card { display:grid; grid-template-columns:82px minmax(0,1fr) auto; align-items:center; }
.catalog-list .record-cover { width:82px; height:82px; }
.catalog-list .record-copy { grid-template-columns:minmax(170px,.8fr) minmax(190px,1fr) minmax(180px,.8fr) auto; align-items:center; gap:14px; }
.catalog-list .record-id { display:none; }
.catalog-list .record-copy h2,.catalog-list .record-copy h3,.catalog-list .record-copy p { white-space:normal; }
.catalog-list .record-data { margin:0; padding:0; border:0; }
.catalog-list .record-details { align-self:stretch; display:grid; min-width:120px; place-items:center; padding:12px; border-top:0; border-left:1px solid var(--line); }

.pagination { display:flex; flex-wrap:wrap; justify-content:center; gap:7px; margin:28px 0 40px; }
.pagination a { display:grid; min-width:38px; min-height:38px; place-items:center; padding:7px 11px; border:1px solid var(--line); border-radius:8px; color:var(--muted); background:var(--surface); font-size:11px; font-weight:800; text-decoration:none; }
.pagination a:hover,.pagination a.active { color:#12170c; border-color:var(--accent); background:var(--accent); }
.catalog-empty,.maintenance { display:grid; min-height:330px; place-items:center; align-content:center; gap:8px; margin:30px 0; padding:40px; border:1px solid var(--line); border-radius:18px; background:var(--surface); text-align:center; }
.catalog-empty > span,.maintenance > span { color:var(--accent); font-size:42px; }
.catalog-empty h1,.catalog-empty h2,.catalog-empty p,.maintenance h1,.maintenance p { margin:0; }
.catalog-empty p,.maintenance p { color:var(--muted); }
.catalog-empty a { margin-top:12px; padding:10px 14px; border-radius:8px; color:#12170c; background:var(--accent); text-decoration:none; }

.detail-back { display:flex; align-items:center; justify-content:space-between; gap:16px; margin:28px 0 14px; color:var(--muted); font-size:11px; }
.detail-back a { color:var(--accent); font-weight:800; text-decoration:none; }
.record-detail { display:grid; grid-template-columns:minmax(360px,.9fr) minmax(420px,1.1fr); gap:clamp(26px,5vw,75px); margin-bottom:45px; padding:clamp(22px,4vw,58px); border:1px solid var(--line); border-radius:20px; background:linear-gradient(145deg,var(--surface-soft),var(--surface)); box-shadow:var(--shadow); }
.detail-gallery { min-width:0; }
.detail-main-image { display:grid; aspect-ratio:1; place-items:center; overflow:hidden; border-radius:12px; background:#070c0f; }
.detail-main-image img { width:100%; height:100%; object-fit:contain; }
.detail-thumbs { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:7px; margin-top:9px; }
.detail-thumbs button { aspect-ratio:1; overflow:hidden; padding:0; border:2px solid transparent; border-radius:6px; background:#070c0f; cursor:pointer; }
.detail-thumbs button:hover,.detail-thumbs button.active { border-color:var(--accent); }
.detail-thumbs img { width:100%; height:100%; object-fit:cover; }
.detail-copy h1 { margin:13px 0 5px; font:500 clamp(33px,4.5vw,65px)/1 Georgia,serif; }
.detail-copy h2 { margin:0 0 20px; color:var(--muted); font-size:clamp(17px,2vw,25px); font-weight:500; }
.detail-price { margin-bottom:24px; color:var(--accent); font-size:28px; font-weight:900; }
.detail-copy dl { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; margin:0; }
.detail-copy dl div { padding:12px; border:1px solid var(--line); border-radius:8px; background:rgba(0,0,0,.13); }
.detail-copy dt { margin-bottom:5px; color:var(--muted); font-size:8px; font-weight:800; letter-spacing:.11em; text-transform:uppercase; }
.detail-copy dd { margin:0; font-size:12px; }
.detail-description { margin-top:20px; padding-top:18px; border-top:1px solid var(--line); }
.detail-description h3 { margin:0 0 8px; font-size:13px; }
.detail-description p { margin:0; color:#c5cfca; font-size:12px; line-height:1.7; }
.detail-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:22px; }
.primary-link,.secondary-link { display:inline-grid; min-height:42px; place-items:center; padding:10px 17px; border:1px solid var(--accent); border-radius:8px; font-size:11px; font-weight:900; text-decoration:none; }
.primary-link { color:#12170c; background:var(--accent); }
.secondary-link { color:var(--accent); background:transparent; }
.secondary-link:hover { color:#12170c; background:var(--accent); }
.contact-shell { display:grid; grid-template-columns:minmax(320px,.8fr) minmax(420px,1.2fr); gap:clamp(22px,4vw,54px); margin-bottom:45px; padding:clamp(20px,4vw,52px); border:1px solid var(--line); border-radius:20px; background:linear-gradient(145deg,var(--surface-soft),var(--surface)); box-shadow:var(--shadow); }
.contact-record { align-self:start; display:grid; gap:20px; }
.contact-cover { display:grid; width:min(100%,430px); aspect-ratio:1; place-items:center; overflow:hidden; border-radius:12px; background:#070c0f; }
.contact-cover img { width:100%; height:100%; object-fit:contain; }
.contact-cover > span { color:var(--accent); font:500 110px Georgia,serif; opacity:.45; }
.contact-copy h1 { margin:10px 0 3px; font:500 clamp(27px,3.5vw,48px)/1.05 Georgia,serif; }
.contact-copy h2 { margin:0; color:var(--muted); font-size:17px; font-weight:500; }
.contact-copy p { color:var(--muted); font-size:11px; }
.contact-copy strong { color:var(--accent); font-size:20px; }
.contact-notes { padding:16px; border:1px solid var(--line); border-radius:10px; color:#c5cfca; background:rgba(0,0,0,.13); font-size:11px; line-height:1.6; }
.contact-notes p { margin:0 0 10px; }
.contact-notes small { color:var(--muted); }
.contact-form-panel h2 { margin:10px 0 22px; font:500 clamp(30px,4vw,54px)/1 Georgia,serif; }
.contact-form { display:grid; gap:15px; }
.contact-form label { display:grid; gap:7px; }
.contact-form label > span { color:var(--muted); font-size:9px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.contact-form input,.contact-form textarea { width:100%; padding:12px 13px; border:1px solid var(--line); border-radius:8px; color:var(--text); background:#091115; resize:vertical; }
.contact-form input:focus,.contact-form textarea:focus { outline:2px solid color-mix(in srgb,var(--accent) 28%,transparent); border-color:var(--accent); }
.contact-honeypot { position:absolute!important; left:-10000px!important; width:1px!important; height:1px!important; overflow:hidden!important; }
.contact-submit { display:flex; align-items:center; justify-content:space-between; gap:16px; }
.contact-submit small { color:var(--muted); }
.contact-submit button { min-height:44px; padding:10px 19px; border:1px solid var(--accent); border-radius:8px; color:#12170c; background:var(--accent); cursor:pointer; font-weight:900; }
.contact-message { display:grid; gap:5px; margin-bottom:18px; padding:14px 16px; border:1px solid var(--line); border-radius:9px; font-size:12px; }
.contact-message.success { color:var(--accent); border-color:color-mix(in srgb,var(--accent) 45%,transparent); }
.contact-message.error { color:var(--danger); border-color:color-mix(in srgb,var(--danger) 45%,transparent); }
.detail-missing { margin-block:70px; }
.site-footer { display:flex; justify-content:space-between; gap:18px; padding:25px clamp(18px,4vw,70px); border-top:1px solid var(--line); color:var(--muted); font-size:9px; letter-spacing:.08em; }

+.order-hero { display:flex; align-items:end; justify-content:space-between; gap:30px; margin:28px 0 20px; padding:clamp(24px,4vw,48px); border:1px solid var(--line); border-radius:20px; background:linear-gradient(135deg,var(--surface-soft),var(--surface)); box-shadow:var(--shadow); }
.order-hero span,.order-panel > span,.order-panel-heading span,.invoice-heading span,.invoice-customer > span { color:var(--accent); font-size:9px; font-weight:900; letter-spacing:.14em; }
.order-hero h1 { margin:9px 0 8px; font:500 clamp(35px,5vw,66px)/.98 Georgia,serif; }
.order-hero p { margin:0; color:var(--muted); }
.order-number { display:grid; min-width:250px; gap:5px; padding:18px; border:1px solid var(--line); border-radius:12px; background:rgba(0,0,0,.17); }
.order-number small { color:var(--muted); text-transform:uppercase; }
.order-number strong { font-size:18px; overflow-wrap:anywhere; }
.order-status { justify-self:start; margin-top:6px; padding:5px 8px; border:1px solid var(--accent); border-radius:20px; color:var(--accent); font-size:9px; font-style:normal; font-weight:900; text-transform:uppercase; }
.order-status-storniert { color:#ff8b8b; border-color:#ff5c5c; }
.order-status-teilstorniert { color:#ffd66b; border-color:#dbac33; }
.order-layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(290px,360px); align-items:start; gap:20px; margin-bottom:50px; }
.order-main,.order-sidebar { display:grid; gap:20px; }
.order-panel { padding:22px; border:1px solid var(--line); border-radius:14px; background:var(--surface); box-shadow:var(--shadow); }
.order-panel h2 { margin:7px 0 15px; font-size:18px; }
.order-items { display:grid; gap:1px; overflow:hidden; border:1px solid var(--line); border-radius:10px; background:var(--line); }
.order-item { display:grid; grid-template-columns:88px minmax(0,1fr) auto; align-items:center; gap:17px; min-width:0; padding:12px; background:var(--surface-soft); }
.order-item-cover { display:grid; width:88px; aspect-ratio:1; place-items:center; overflow:hidden; border-radius:7px; color:var(--accent); background:#070c0f; font:500 34px Georgia,serif; }
.order-item-cover img { width:100%; height:100%; object-fit:cover; }
.order-item-copy { min-width:0; }
.order-item-copy > span { color:var(--accent); font-size:8px; font-weight:900; letter-spacing:.08em; }
.order-item-copy h3 { margin:5px 0 2px; overflow:hidden; font-size:14px; text-overflow:ellipsis; white-space:nowrap; }
.order-item-copy h4 { margin:0; overflow:hidden; color:#c9d3ce; font-size:12px; font-weight:500; text-overflow:ellipsis; white-space:nowrap; }
.order-item-copy p { margin:7px 0; color:var(--muted); font-size:9px; }
.order-item-copy div { display:flex; gap:15px; color:var(--muted); }
.order-item-copy b { color:var(--text); }
.order-item-price { color:var(--accent); font-size:16px; white-space:nowrap; }
.order-address p { margin:3px 0; color:#c9d3ce; line-height:1.65; }
.order-summary dl { margin:0; }
.order-summary dl div { display:flex; justify-content:space-between; gap:20px; padding:10px 0; border-bottom:1px solid var(--line); }
.order-summary dt,.order-summary dd { margin:0; }
.order-summary dd { font-weight:800; }
.order-summary .order-total { padding-top:16px; color:var(--accent); font-size:19px; border:0; }
.order-summary > p { margin:8px 0 0; color:var(--muted); font-size:9px; line-height:1.5; }
.order-shipping p { display:grid; gap:3px; }
.order-shipping small { color:var(--muted); }
.tracking-number { overflow-wrap:anywhere; }
.order-shipping .primary-link,.order-documents a { width:100%; margin-top:9px; }
.order-help p { margin:0 0 14px; color:var(--muted); font-size:11px; line-height:1.55; }
.order-help .primary-link { width:100%; color:#12170c; }
.order-contact-summary { align-content:start; }
.order-contact-items { display:grid; gap:1px; overflow:hidden; border:1px solid var(--line); border-radius:10px; background:var(--line); }
.order-contact-items > div { display:grid; gap:3px; padding:13px 14px; background:var(--surface-soft); }
.order-contact-items span { color:var(--accent); font-size:8px; font-weight:900; letter-spacing:.08em; }
.order-contact-items strong { font-size:13px; }
.order-contact-items small { color:var(--muted); font-size:10px; }
.order-missing { margin:70px auto; padding:50px; border:1px solid var(--line); border-radius:18px; text-align:center; background:var(--surface); }
.order-missing h1 { font:500 clamp(32px,5vw,58px) Georgia,serif; }
.order-missing p { color:var(--muted); }
.invoice-sheet { margin:35px auto 60px; padding:clamp(22px,4vw,55px); border:1px solid var(--line); border-radius:18px; color:var(--text); background:var(--surface); box-shadow:var(--shadow); }
.invoice-heading { position:relative; display:flex; justify-content:space-between; gap:30px; overflow:hidden; padding:clamp(22px,4vw,38px); border-bottom:2px solid var(--accent); border-radius:13px; background-color:var(--invoice-header-bg,var(--surface-soft)); }
.invoice-heading-background { position:absolute; z-index:0; inset:0; width:100%; height:100%; object-fit:cover; filter:brightness(.62); pointer-events:none; }
.invoice-heading > div { position:relative; z-index:1; }
.invoice-heading h1 { margin:8px 0; color:var(--invoice-title-color,var(--text)); font:500 clamp(38px,5vw,62px) Georgia,serif; }
.invoice-heading p { margin:0; color:var(--invoice-body-color,var(--muted)); font-size:10px; }
.invoice-heading > div:last-child { display:grid; align-content:start; min-width:230px; gap:4px; text-align:right; }
.invoice-heading small { margin-top:8px; color:var(--invoice-body-color,var(--muted)); font-size:8px; font-weight:800; text-transform:uppercase; }
.invoice-heading > div:last-child strong { color:var(--invoice-title-color,var(--text)); }
.invoice-intro { max-width:1000px; margin:24px 0 0; font-size:12px; line-height:1.7; }
.invoice-customer { margin:28px 0; line-height:1.55; }
.invoice-customer strong { display:block; margin-top:8px; font-size:15px; }
.invoice-customer p { margin:2px 0; color:#c7d0cc; }
.invoice-table-wrap { overflow-x:auto; }
.invoice-table { width:100%; border-collapse:collapse; font-size:11px; }
.invoice-table th { padding:11px 9px; color:var(--page-bg); background:var(--accent); text-align:left; white-space:nowrap; }
.invoice-table td { padding:12px 9px; border-bottom:1px solid var(--line); vertical-align:top; }
.invoice-table td:nth-last-child(-n+3),.invoice-table th:nth-last-child(-n+3) { text-align:right; white-space:nowrap; }
.invoice-table td small { display:block; margin-top:4px; color:var(--muted); }
.invoice-table .invoice-shipping-row td:first-child { text-align:right; }
.invoice-table tfoot td { color:var(--page-bg); background:var(--accent); font-size:14px; font-weight:900; }
.invoice-table tfoot td:first-child { text-align:right; }
.invoice-actions { display:flex; align-items:end; justify-content:space-between; gap:25px; margin-top:28px; }
.invoice-actions p { max-width:720px; color:var(--muted); font-size:10px; }
.invoice-actions small { color:var(--muted); }
.invoice-actions > div:last-child { display:flex; gap:9px; }
@media (max-width:900px) {
    .order-layout { grid-template-columns:1fr; }
    .order-sidebar { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:620px) {
    .order-hero,.invoice-heading,.invoice-actions { align-items:stretch; flex-direction:column; }
    .order-hero { display:flex; }
    .order-number { min-width:0; }
    .order-sidebar { grid-template-columns:1fr; }
    .order-item { grid-template-columns:65px minmax(0,1fr); gap:11px; }
    .order-item-cover { width:65px; }
    .order-item-price { grid-column:2; }
    .invoice-heading > div:last-child { min-width:0; text-align:left; }
    .invoice-actions > div:last-child { flex-direction:column; }
}

@media (max-width:1250px) {
    .catalog-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
    .catalog-list .record-copy { grid-template-columns:minmax(160px,.8fr) minmax(180px,1fr) auto; }
    .catalog-list .record-copy p { display:none; }
}
@media (max-width:900px) {
    .site-header { position:static; }
    .hero { min-height:260px; padding:38px; }
    .hero-mark { display:none; }
    .catalog-toolbar { grid-template-columns:1fr 1fr; }
    .catalog-search { grid-column:1 / -1; }
    .catalog-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
    .catalog-list .record-copy { grid-template-columns:1fr; gap:4px; }
    .catalog-list .record-data { margin-top:4px; }
    .record-detail { grid-template-columns:1fr; }
    .contact-shell { grid-template-columns:1fr; }
}
@media (max-width:620px) {
    main { width:min(100% - 22px,1520px); }
    .site-header { align-items:flex-start; flex-direction:column; }
    .site-header nav { width:100%; overflow-x:auto; }
    .hero { min-height:230px; margin-top:14px; padding:28px 22px; border-radius:14px; }
    .catalog-toolbar { grid-template-columns:1fr; padding:13px; }
    .catalog-search { grid-column:auto; }
    .catalog-search > div { flex-wrap:wrap; }
    .catalog-search input { flex:1 1 100%; }
    .view-switch { justify-content:start; }
    .catalog-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
    .record-copy { padding:10px; }
    .record-data span { display:none; }
    .catalog-list .record-card { grid-template-columns:72px minmax(0,1fr); }
    .catalog-list .record-cover { width:72px; height:72px; }
    .catalog-list .record-details { grid-column:1 / -1; min-height:36px; border-top:1px solid var(--line); border-left:0; }
    .record-detail { padding:16px; border-radius:13px; }
    .detail-copy dl { grid-template-columns:1fr; }
    .detail-thumbs { grid-template-columns:repeat(4,minmax(0,1fr)); }
    .contact-submit { align-items:flex-start; flex-direction:column; }
    .site-footer { align-items:flex-start; flex-direction:column; }
}