/* Existing qs palette, type and product photography remain the visual reference. */
html:has(section.qs-category-landing--kvartsvinil),
body:has(section.qs-category-landing--kvartsvinil),
#page:has(section.qs-category-landing--kvartsvinil) { min-width:0; }
section.qs-category-landing--kvartsvinil .qs-category-actions { align-items:flex-start; }
section.qs-category-landing--kvartsvinil .qs-sample-contact { min-width:0; flex:1 1 250px; }
section.qs-category-landing--kvartsvinil .qs-sample-contact > summary { width:100%; list-style:none; cursor:pointer; }
section.qs-category-landing--kvartsvinil .qs-sample-contact > summary::-webkit-details-marker { display:none; }
section.qs-category-landing--kvartsvinil .qs-sample-contact__body { margin-top:10px; padding:14px; border:1px solid var(--qsc-line); border-radius:9px; background:#fff; font-size:14px; line-height:1.4; }
section.qs-category-landing--kvartsvinil .qs-sample-contact__body p { margin:0 0 8px; }
section.qs-category-landing--kvartsvinil .qs-sample-contact__body a { display:flex; align-items:center; min-height:44px; color:var(--qsc-ink); text-decoration:underline; overflow-wrap:anywhere; }
section.qs-category-landing--kvartsvinil .qs-category-types { align-items:stretch; }
section.qs-category-landing--kvartsvinil .qs-category-type { display:grid; grid-template-columns:64px minmax(0,1fr); gap:12px; align-items:start; padding:16px; }
section.qs-category-landing--kvartsvinil .qs-category-type img { width:64px; height:76px; }
section.qs-category-landing--kvartsvinil .qs-category-type strong { font-size:22px; }
section.qs-category-landing--kvartsvinil .qs-category-type p { margin:8px 0 0; font-size:14px; line-height:1.45; }
section.qs-category-landing--kvartsvinil .qs-category-type__go { min-height:28px; }
.qs-vinyl-more { margin-top:10px; border-top:1px solid #e4e7ec; padding-top:12px; }
.qs-vinyl-more > summary { cursor:pointer; min-height:44px; font-weight:700; line-height:1.4; color:#243b63; }
.qs-vinyl-construction label { display:flex; align-items:center; gap:10px; min-height:44px; cursor:pointer; }
.qs-vinyl-construction input { display:inline-block !important; position:static !important; width:18px !important; height:18px !important; opacity:1 !important; margin:0; accent-color:#b82069; }
section.qs-category-landing--kvartsvinil .catalog-section__filter .filter-actions { padding-bottom:16px; }
section.qs-category-landing--kvartsvinil button:focus-visible,
section.qs-category-landing--kvartsvinil input:focus-visible { outline:3px solid #b82069; outline-offset:3px; }
section.qs-category-landing--kvartsvinil .main-title { text-wrap:balance !important; }
section.qs-category-landing--kvartsvinil .qs-vinyl-skip { position:absolute; z-index:100; left:16px; top:0; width:1px; height:1px; padding:0; overflow:hidden; clip-path:inset(50%); white-space:nowrap; background:#243b63; color:#fff; border-radius:6px; }
section.qs-category-landing--kvartsvinil .qs-vinyl-skip:focus { width:auto; height:auto; padding:12px 16px; overflow:visible; clip-path:none; }
section.qs-category-landing--kvartsvinil .selected-select { display:flex; align-items:center; justify-content:space-between; gap:12px; width:100%; padding:0; border:0; background:transparent; font:inherit; text-align:left; }
section.qs-category-landing--kvartsvinil .selected-select svg { width:16px; height:16px; flex:none; }
section.qs-category-landing--kvartsvinil .select-options .option { display:block; }
section.qs-category-landing--kvartsvinil :is(button, summary, a) { touch-action:manipulation; -webkit-tap-highlight-color:rgba(184,32,105,.15); }
section.qs-category-landing--kvartsvinil .qs-vinyl-more > summary:hover { color:#9b1957; }
section.qs-category-landing--kvartsvinil .filterclear button { min-height:44px; padding:4px; background:transparent; color:#9b1957; font:inherit; text-decoration:underline; cursor:pointer; }
section.qs-category-landing--kvartsvinil .filter-option { position:relative; }
section.qs-category-landing--kvartsvinil .filter-option input[type="checkbox"] { display:block !important; position:absolute !important; width:1px; height:1px; opacity:0; }
section.qs-category-landing--kvartsvinil .filter-option input[type="checkbox"]:focus-visible + label { outline:3px solid #b82069; outline-offset:3px; }
section.qs-category-landing--kvartsvinil .filter-option label { min-height:32px; }
@media(max-width:1050px) {
  section.qs-category-landing--kvartsvinil .qs-category-types { grid-template-columns:minmax(0,1fr); }
  section.qs-category-landing--kvartsvinil .qs-category-type { grid-template-columns:76px minmax(0,1fr); }
  section.qs-category-landing--kvartsvinil .qs-category-type img { width:76px; height:90px; }
}
@media(max-width:600px) {
  section.qs-category-landing--kvartsvinil .qs-category-actions { display:flex; flex-direction:column; align-items:stretch; }
  section.qs-category-landing--kvartsvinil .qs-sample-contact { flex:auto; }
  section.qs-category-landing--kvartsvinil .qs-category-type strong { min-height:0; font-size:21px; }
  section.qs-category-landing--kvartsvinil .qs-category-type p { min-height:0; font-size:14px; }
  section.qs-category-landing--kvartsvinil .qs-category-type img { margin:0; }
  #kvartsvinil-buying { padding-bottom:calc(90px + env(safe-area-inset-bottom)); }
}
@media(max-width:1199px) {
  section.qs-category-landing--kvartsvinil .catalog-section__filter .filter-content { max-height:calc(100dvh - 90px - env(safe-area-inset-bottom)); overflow-y:auto; overscroll-behavior:contain; padding-bottom:calc(90px + env(safe-area-inset-bottom)); }
}
@media(prefers-reduced-motion:reduce) {
  section.qs-category-landing--kvartsvinil :is(.filter-content, .select-options, .qs-category-type, .qs-category-button) { transition:none !important; animation:none !important; }
}
.qs-vinyl-empty { padding:clamp(20px,3vw,32px); border:1px solid var(--qsc-line,#e4e7ec); border-radius:18px; background:#fff; color:var(--qsc-ink,#243b63); }
.qs-vinyl-empty h2 { margin:0 0 12px; font-size:24px; line-height:1.3; text-wrap:balance; }
.qs-vinyl-empty > p { max-width:58ch; margin:0 0 20px; color:#4d5664; font-size:15px; line-height:1.6; }
.qs-vinyl-empty__collections { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr)); gap:16px; margin-top:24px; }
.qs-vinyl-empty__collection { display:grid; grid-template-columns:100px minmax(0,1fr); align-items:center; gap:16px; padding:12px; border:1px solid #dce1e8; border-radius:12px; color:inherit; text-decoration:none; }
.qs-vinyl-empty__collection:hover { border-color:#b82069; background:#fafbfc; text-decoration:none; }
.qs-vinyl-empty__collection img { display:block; width:100px; height:100px; border-radius:8px; object-fit:cover; }
.qs-vinyl-empty__collection > span { min-width:0; }
.qs-vinyl-empty__collection strong { display:block; font-size:21px; line-height:1.3; overflow-wrap:anywhere; }
.qs-vinyl-empty__collection small { display:block; margin-top:6px; color:#4d5664; font-size:13px; line-height:1.5; }
.qs-vinyl-empty__go { display:block; margin-top:8px; color:#9b1957; font-size:13px; font-weight:700; line-height:1.5; }
.qs-vinyl-empty a:focus-visible { outline:3px solid #b82069; outline-offset:3px; }
.qs-vinyl-empty a { scroll-margin-block:110px 100px; }
@media(max-width:700px) {
  .qs-vinyl-empty__collections { grid-template-columns:minmax(0,1fr); }
  .qs-vinyl-empty__collection { grid-template-columns:80px minmax(0,1fr); gap:12px; }
  .qs-vinyl-empty__collection img { width:80px; height:90px; }
  .qs-vinyl-empty h2 { font-size:22px; }
}
