.browse-page .page-content { padding:0; }
.browse-heading { display:flex; justify-content:space-between; align-items:center; gap:15px; padding:6px 0 22px; }
.browse-heading h1 { font:400 36px/1.15 Georgia,serif; color:#ead4ab; margin:8px 0 12px; }
.browse-heading p:last-child { color:#bfb7a6; font-size:13px; margin:0; }
.browse-heading > i { display:grid; place-items:center; width:50px; height:50px; border:1px solid #dfc08744; border-radius:17px; color:#dfc087; background:#dfc0870b; font-size:20px; }
.browse-filters { padding:20px 16px; border:1px solid #ead3a63b; border-radius:22px; background:linear-gradient(140deg,#fff0d318,#ffffff04); box-shadow:inset 0 1px 0 #ffffff24,0 10px 26px #0002; }
.browse-filters fieldset { min-width:0; }
.browse-form-heading { display:flex; justify-content:space-between; align-items:center; gap:8px; margin-bottom:18px; }
.browse-form-heading h2 { font-size:16px; font-weight:500; margin:0; }
.browse-form-heading h2 small { display:block; font-size:10px; color:#aea796; margin-top:5px; }
.browse-reset { display:inline-flex; align-items:center; justify-content:center; gap:7px; flex-shrink:0; min-height:44px; padding:10px 14px; color:#efd8aa; background:linear-gradient(135deg,#dfc08726,#dfc0870d); border:1px solid #dfc08766; border-radius:12px; box-shadow:inset 0 1px 0 #fff3d51f,0 3px 10px #0002; font-family:inherit; font-size:11px; font-weight:500; cursor:pointer; }
.browse-reset[hidden] { display:none; }
.browse-reset:active { background:#dfc08730; box-shadow:inset 0 1px 4px #0003; }
.browse-reset:focus-visible { outline:2px solid #efd8aa; outline-offset:3px; }
.browse-reset:disabled { opacity:.45; cursor:default; }
@media (hover:hover) { .browse-reset:hover:not(:disabled) { background:#dfc08730; border-color:#dfc087aa; } }
.browse-select-row { display:grid; grid-template-columns:1fr; gap:12px; }
.browse-filters label, .browse-chips legend { font-size:13px; color:#e8dbc2; }
.browse-filters label > span:not(:only-child), .browse-chips legend > span { color:#bcb3a0; font-size:10px; }
.browse-select-row label > span { display:block; margin:4px 0 8px; }
.browse-filters select { display:block; width:100%; min-height:48px; padding:10px 8px; border:1px solid #d8c39540; border-radius:11px; background:#23251e; color:#eee2c8; font-family:inherit; font-size:16px; color-scheme:dark; }
.browse-select-label { display:block; margin-top:18px; }
.browse-select-label > span { margin-left:6px; }
.browse-select-label select { margin-top:8px; }
/* Set --chips-columns on each fieldset to choose its buttons per row. Default: 2. */
.browse-chips { display:grid; grid-template-columns:repeat(var(--chips-columns, 2),minmax(0,1fr)); gap:8px; margin-top:20px; }
.browse-chips legend { float:none; grid-column:1 / -1; width:100%; margin-bottom:10px; }
.browse-chips label { position:relative; cursor:pointer; margin:0; }
.browse-chips input { position:absolute; width:1px; height:1px; opacity:0; }
.browse-chips label > span { display:flex; align-items:center; justify-content:center; text-align:center; height:100%; min-height:54px; padding:9px 6px; border:1px solid #dfc08730; border-radius:12px; font-size:12px !important; background:#ffffff04; color:#c6bead !important; overflow-wrap:anywhere; }
.browse-chips input:checked + span { color:#251f13 !important; background:linear-gradient(120deg,#edcf96,#c4a163); border-color:#efd8a6; }
.browse-chips input:focus-visible + span, .browse-filters select:focus-visible { outline:2px solid #efcf91; outline-offset:3px; }
.browse-submit { display:flex; width:100%; justify-content:center; align-items:center; gap:10px; min-height:50px; margin-top:22px; border:1px solid #eed5a2; border-radius:13px; background:linear-gradient(115deg,#ecd3a2,#bd985a); color:#211d13; font-family:inherit; font-size:14px; font-weight:600; }
.browse-submit span { font-size:11px; font-weight:400; }
.browse-filters fieldset:disabled { opacity:.5; }
.browse-filters fieldset.spare-locked { opacity:.8; }
.browse-chips label[hidden], #spare-note[hidden] { display:none; }
.spare-locked label { cursor:default; }
.browse-results { margin-top:30px; scroll-margin-top:18px; }
.browse-results-heading { display:flex; align-items:center; justify-content:space-between; gap:10px; }
.browse-results h2 { font-size:19px; font-weight:500; }
.browse-results h2 span { display:block; color:#b8ae98; font:400 17px Georgia,serif; margin-top:4px; }
#result-count { color:#dfc087; font-size:12px; white-space:nowrap; }
.browse-note { color:#afa99b; font-size:11px; margin:14px 0 18px; }
#browse-status { color:#d9c59b; font-size:13px; text-align:center; padding:24px 14px; border:1px solid #dfc08730; border-radius:15px; }
#browse-retry { min-height:44px; margin:12px auto; padding:8px 18px; border:1px solid #dfc08755; border-radius:12px; background:#28291f; color:#dfc087; }
#browse-status[hidden], #browse-retry[hidden] { display:none; }
.browse-product-link { display:block; }
.browse-page .dz-card.list .dz-content { flex:1; }
.browse-page .browse-specs { display:flex; flex-wrap:wrap; gap:5px 10px; margin:6px 0; color:#bbb39f; }
.browse-page .browse-price { display:flex; justify-content:flex-end; align-items:baseline; flex-wrap:wrap; gap:8px; }
.browse-price del { font-size:12px; color:#aaa394; }
.browse-page .browse-finish { color:#afa58e; font-size:10px; margin:3px 0 7px; overflow-wrap:anywhere; }
@media(max-width:480px) { .browse-select-row { grid-template-columns:1fr; } }
@media(max-width:359px) { .browse-filters { padding:18px 12px; } .browse-heading h1 { font-size:32px; } }
.browse-filters { scroll-margin-top:18px; }
#filter-summary { display:block; width:100%; padding:0; border:0; background:transparent; text-align:left; color:#ead6af; font-family:inherit; cursor:pointer; }
.summary-heading { display:flex; justify-content:space-between; align-items:center; min-height:44px; gap:12px; font-size:15px; }
#filter-summary[aria-expanded=true] .summary-heading i { transform:rotate(180deg); }
#filter-tags { display:flex; flex-wrap:wrap; gap:7px; padding:6px 0; }
#filter-tags > span { padding:5px 9px; border:1px solid #dfc08738; border-radius:8px; background:#dfc0870f; font-size:11px; }
.summary-hint { display:block; color:#b6ad98; font-size:10px; padding-top:6px; }
#filter-summary[aria-expanded=true] { margin-bottom:20px; padding-bottom:16px; border-bottom:1px solid #dfc08725; }
#filter-summary[hidden], #filter-fields[hidden], #browse-results[hidden], #load-status[hidden] { display:none; }
#load-status { padding-top:16px; color:#d9c59b; font-size:12px; text-align:center; }
#filter-summary:focus-visible { outline:2px solid #dfc087; outline-offset:6px; border-radius:8px; }