/* PLAY dark theme — edit the colors here. */
:root {
    color-scheme: dark;
    --bg: #101318;
    --surface: #181e27;
    --raised: #202835;
    --accent: #de2600;
    --accent-hover: #bf2100;
    --accent-ink: #ffffff;
    --link-hover: #ff7257;
    --ink: #edf1f7;
    --muted: #a8b3c4;
    --line: #303b4c;
}
* { box-sizing: border-box; }
body {
    margin: 0;
    background: var(--bg);
    color: var(--ink);
    font: 15px/1.5 Arial, Helvetica, sans-serif;
}
a { color: inherit; text-decoration: none; }
button, input { font: inherit; }
.wrap { max-width: 1320px; margin: auto; padding: 0 22px; }
.header { border-bottom: 1px solid var(--line); background: var(--surface); }
.header-inner { min-height: 90px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.brand { font-size: 30px; font-weight: 900; letter-spacing: -1.5px; color: var(--accent); }
.brand span { font-size: 12px; color: var(--muted); letter-spacing: 2px; margin-left: 8px; }
.search { display: flex; gap: 8px; width: min(480px,55%); }
input {
    min-width: 0;
    width: 100%;
    padding: 11px 14px;
    background: var(--bg);
    color: var(--ink);
    border: 1px solid var(--line);
    border-radius: 5px;
}
input::placeholder { color: var(--muted); opacity: 1; }
input:focus-visible { border-color: var(--accent); outline: 2px solid var(--accent); outline-offset: 2px; }
button {
    background: var(--accent);
    color: var(--accent-ink);
    font-weight: 600;
    border: 0;
    padding: 11px 18px;
    border-radius: 5px;
    cursor: pointer;
}
button:hover { background: var(--accent-hover); }
.section-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; margin: 30px 0 20px; }
.section-heading h1, .section-heading h2 { font-size: 24px; line-height: 1.25; margin: 0; }
.section-heading span { font-size: 13px; color: var(--muted); }
.grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 26px 18px; }
.thumb { position: relative; background: var(--surface); aspect-ratio: 16/9; overflow: hidden; border-radius: 6px; }
.thumb img { display: block; width: 100%; height: 100%; object-fit: cover; }
.play-icon { position: absolute; bottom: 10px; right: 10px; background: #000b; color: #fff; border-radius: 4px; font-size: 12px; padding: 3px 7px; }
.card h2 { font-size: 15px; font-weight: 600; margin: 10px 0 0; overflow-wrap: anywhere; }
.card a:hover h2 { color: var(--link-hover); }
.pagination { display: flex; justify-content: center; flex-wrap: wrap; gap: 8px; margin: 38px 0; }
.pagination a, .pagination span { border: 1px solid var(--line); padding: 8px 13px; border-radius: 4px; background: var(--surface); }
.pagination a:hover { color: var(--link-hover); border-color: var(--accent); }
.pagination span { color: var(--accent-ink); background: var(--accent); border-color: var(--accent); font-weight: 600; }
.keywords { border-top: 1px solid var(--line); margin-top: 40px; padding-top: 24px; }
.keywords h2 { font-size: 18px; }
.keywords a { display: inline-block; margin: 0 8px 8px 0; padding: 5px 10px; background: var(--surface); border: 1px solid var(--line); border-radius: 4px; font-size: 13px; }
.keywords a:hover { color: var(--link-hover); border-color: var(--accent); }
.single { max-width: 960px; margin: 30px auto; }
.single h1 { font-size: 25px; line-height: 1.35; }
.single video { display: block; width: 100%; max-height: 70vh; background: #000; aspect-ratio: 16/9; border-radius: 6px; }
.footer { margin-top: 45px; padding: 24px 0; border-top: 1px solid var(--line); color: var(--muted); font-size: 13px; background: var(--surface); }
.empty { padding: 50px 0; color: var(--muted); }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; }
a:focus-visible, button:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
.player-wrap { position: relative; background: #000; border-radius: 6px; overflow: hidden; }
.player-loading { position: absolute; inset: 0; display: grid; place-items: center; pointer-events: none; background: #0002; }
.player-loading[hidden], .player-error[hidden] { display: none; }
.player-spinner { width: 42px; height: 42px; border: 4px solid #ffffff50; border-top-color: var(--accent); border-radius: 50%; animation: player-spin .8s linear infinite; }
.player-error { position: absolute; left: 16px; right: 16px; top: 16px; margin: 0; padding: 10px; background: #000d; color: #fff; font-size: 14px; pointer-events: none; }
.video-duration { color: var(--muted); font-size: 13px; }
.card-duration { position: absolute; bottom: 10px; left: 10px; padding: 3px 6px; border-radius: 3px; background: #000b; color: #fff; font-size: 11px; }
.admin-panel { max-width: 680px; padding-top: 30px; padding-bottom: 40px; }
.admin-panel form { margin: 20px 0; }
.admin-panel label { display: block; margin: 14px 0 6px; }
.admin-panel button { margin-top: 16px; }
.admin-panel [role="alert"] { padding: 12px; background: #351e29; border: 1px solid #724354; border-radius: 5px; color: #ffd9e4; }
.admin-panel [role="status"] { padding: 12px; background: #16332e; border: 1px solid #34665d; border-radius: 5px; color: #b6f5e9; }
@keyframes player-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .player-spinner { animation-duration: 1.8s; } }
@media (max-width: 1000px) { .grid { grid-template-columns: repeat(3,minmax(0,1fr)); } }
@media (max-width: 700px) {
    .wrap { padding: 0 14px; }
    .header-inner { flex-wrap: wrap; gap: 12px; padding-top: 16px; padding-bottom: 16px; }
    .search { width: 100%; }
    .grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px 12px; }
    .section-heading h1 { font-size: 21px; }
    .brand { font-size: 28px; }
    .single h1 { font-size: 21px; }
    .card h2 { font-size: 14px; }
}

.head-preview{margin:20px 0;padding:16px;background:var(--surface);border:1px solid var(--line);border-radius:6px}.head-preview summary{cursor:pointer;color:var(--link-hover);font-weight:600}.head-preview pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.7;color:var(--ink)}
.preview-bar{padding:9px 22px;background:var(--surface);border-bottom:1px solid var(--line);display:flex;justify-content:center;flex-wrap:wrap;gap:8px 20px;font-size:12px;color:var(--muted)}.preview-bar strong{font-size:11px;letter-spacing:1px;color:var(--link-hover)}.preview-bar a:hover{color:var(--link-hover)}.preview-note{font-size:13px;color:var(--muted);margin:12px 0}.back-link{display:inline-block;margin-top:24px;color:var(--muted);font-size:13px}.thumb img{transition:transform .18s}.card a:hover img{transform:scale(1.025)}
/* Compact catalog layout inspired by the supplied clean.html. */
:root{--bg:#141414;--surface:#1d1d1d;--raised:#252525;--line:#333;--ink:#eee;--muted:#999}
body{font-family:Arial,Helvetica,sans-serif;font-size:14px}
.wrap{max-width:1440px;padding-left:28px;padding-right:28px}
.header{background:#1a1a1a;border-bottom:0}
.header-inner{min-height:100px;justify-content:flex-start;gap:70px}
.brand{font-size:38px;letter-spacing:-2px;color:#fff;font-weight:900}.brand em{font-style:normal;color:var(--accent)}.brand span{display:none}
.search{width:min(690px,70%);position:relative;gap:0}
.search input{height:46px;background:#292929;border-color:#353535;border-radius:4px 0 0 4px;padding:10px 17px;font-size:15px}
.search button{width:58px;padding:0;border-radius:0 4px 4px 0;display:grid;place-items:center}
.search svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2}
.catalog-nav{background:#202020;border-top:1px solid #292929;border-bottom:1px solid #303030}
.catalog-nav .wrap{display:flex;gap:32px;overflow:auto}.catalog-nav a{display:block;white-space:nowrap;padding:15px 0 12px;font-weight:700;color:#bbb;border-bottom:3px solid transparent}.catalog-nav a:hover{color:#fff;border-color:var(--accent)}
.related-searches{display:flex;flex-wrap:wrap;gap:8px;margin:26px 0 22px}
.related-searches a{background:#232323;border:1px solid #343434;border-radius:3px;padding:7px 11px;color:#bbb;font-size:12px}.related-searches a:hover{border-color:var(--accent);color:#fff}.related-searches span{margin-right:7px;color:#777}
.section-heading{margin:24px 0 19px}.section-heading h1,.section-heading h2{font-size:23px;font-weight:700}.section-heading span{font-size:12px}
.grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:25px 18px}.thumb{border-radius:3px}.play-icon{display:none}
.card h2{font-size:14px;line-height:1.45;font-weight:600;margin:10px 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:40px}
.card-duration{bottom:7px;left:auto;right:7px;border-radius:2px;font-size:12px;padding:2px 5px;background:#000c}
.card-info{display:flex;justify-content:space-between;color:#878787;font-size:11px;margin-top:5px}.card-info span:last-child{color:#b0b0b0}
.pagination{margin:38px 0}.pagination a,.pagination span{border-radius:3px;min-width:38px;text-align:center}
.keywords{margin-top:35px}.keywords h2{font-size:17px}.keywords a{border-radius:3px;background:#222;font-size:12px}
.single{max-width:1000px}.single h1{font-size:25px}.single video,.player-wrap{border-radius:3px}
.footer{background:#1c1c1c;margin-top:45px;padding:30px 0}.footer-row{display:flex;align-items:flex-start;gap:55px}.footer-brand{font-size:28px;font-weight:900;letter-spacing:-1px;color:#eee}.footer-brand em{font-style:normal;color:var(--accent)}.footer-copy{font-size:12px;color:#888;padding-top:5px}.footer-copy p{margin:0 0 8px}
.preview-bar{background:#111;font-size:11px;padding:7px 20px;border-bottom:1px solid #292929}.preview-bar strong{color:#888}.head-preview{clear:both}
@media(max-width:1050px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.header-inner{gap:40px}}
@media(max-width:700px){.wrap{padding-left:14px;padding-right:14px}.header-inner{gap:14px;min-height:0;padding-top:18px;padding-bottom:18px}.brand{font-size:32px}.search{width:100%}.search input{height:42px}.catalog-nav .wrap{gap:25px}.catalog-nav a{font-size:12px;padding-top:12px;padding-bottom:10px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}.card h2{font-size:13px}.section-heading h1{font-size:20px}.related-searches{margin-top:20px;gap:6px}.related-searches a{font-size:11px;padding:6px 8px}.footer-row{gap:24px;flex-direction:column}.single h1{font-size:21px}}

.search-filters{display:flex;align-items:center;gap:6px;float:none;position:static;margin:0 0 20px;padding:0 0 14px;border-bottom:1px solid var(--line);overflow-x:auto;white-space:nowrap}
.search-filters .sort-label{color:var(--muted);font-size:13px;margin-right:8px;flex:none}
.search-filters a{display:block;flex:none;color:#bbb;background:transparent;border:0;border-radius:3px;padding:8px 12px;font-size:13px;font-weight:600}
.search-filters a:hover{color:#fff;background:#252525}
.search-filters a[aria-current="page"]{color:#fff;background:var(--accent)}
@media(max-width:700px){.search-filters{gap:3px}.search-filters a{padding:8px 9px;font-size:12px}.search-filters .sort-label{margin-right:3px;font-size:12px}}

/* Minimal navigation with a quiet active underline. */
.catalog-nav{background:#191919;border-top:1px solid #242424;border-bottom:1px solid #303030}
.catalog-nav .wrap{display:flex;align-items:stretch;gap:30px;overflow:visible;flex-wrap:nowrap}
.catalog-nav a{position:relative;display:flex;align-items:center;justify-content:center;flex:0 0 auto;min-width:0;border:0;padding:17px 1px 16px;white-space:nowrap;color:#a8a8a8;font-size:13px;font-weight:600;line-height:1.3;transition:color .15s ease}
.catalog-nav a::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;border-radius:2px;background:transparent}
.catalog-nav a:hover{color:#eee}
.catalog-nav a[aria-current="page"]{color:#fff}
.catalog-nav a[aria-current="page"]::after{background:var(--accent)}
@media(max-width:700px){.catalog-nav .wrap{padding-left:10px;padding-right:10px;gap:0}.catalog-nav a{flex:1 1 0;font-size:11px;padding:15px 3px 14px;letter-spacing:0}.catalog-nav a::after{left:12px;right:12px}.catalog-nav a:last-child{font-size:11px}}
@media(prefers-reduced-motion:reduce){.catalog-nav a{transition:none}}

/* Search sorting follows the main navigation styling. */
.search-filters{display:flex;align-items:stretch;gap:22px;margin:0 0 22px;padding:0;border-bottom:1px solid var(--line);overflow:visible;white-space:nowrap}
.search-filters .sort-label{display:flex;align-items:center;flex:none;margin:0;color:#888;font-size:12px;padding:13px 0}
.search-filters a{position:relative;display:flex;align-items:center;justify-content:center;flex:0 0 auto;padding:13px 0;color:#aaa;font-size:13px;font-weight:600;border:0;border-radius:0;background:transparent;line-height:1.3}
.search-filters a::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;border-radius:2px;background:transparent}
.search-filters a:hover{color:#eee;background:transparent}
.search-filters a[aria-current="page"]{color:#fff;background:transparent}
.search-filters a[aria-current="page"]::after{background:var(--accent)}
@media(max-width:700px){.search-filters{gap:0}.search-filters .sort-label{font-size:11px;margin-right:7px}.search-filters a{flex:1 1 0;min-width:0;font-size:11px;padding:13px 2px}.search-filters a::after{left:7px;right:7px}}

.dashboard{padding-bottom:30px}.dashboard button,.dashboard select{font-size:13px}.dashboard input[type=checkbox]{width:16px;height:16px;margin:0;accent-color:var(--accent);cursor:pointer}.bulk-panel{border:1px solid var(--line);background:#1b1b1b;border-radius:5px;padding:18px;margin:22px 0}.bulk-panel summary{cursor:pointer;font-size:16px;font-weight:600}.bulk-panel summary span{font-size:12px;font-weight:400;color:var(--muted);margin-left:12px}.bulk-panel label{display:block;margin:18px 0 9px;font-size:13px;color:#ccc}.bulk-panel textarea{width:100%;resize:vertical;min-height:145px;max-height:600px;border:1px solid #3b3b3b;border-radius:4px;background:#131313;color:#eee;padding:12px;font:13px/1.7 monospace}.bulk-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:12px}.bulk-footer span{font-size:12px;color:var(--muted)}#bulk-errors{white-space:pre-wrap;color:#ff9c87;padding:12px;border:1px solid #71392c;border-radius:3px;background:#281c19}.admin-notice{padding:12px 15px;background:#182c22;border:1px solid #32583e;color:#bbdfc6;border-radius:4px;margin:18px 0;white-space:pre-wrap}.post-tabs{display:flex;flex-wrap:wrap;gap:20px;border-bottom:1px solid var(--line);margin:22px 0 18px}.post-tabs button{padding:12px 0;background:transparent;border-radius:0;color:#aaa;border-bottom:2px solid transparent}.post-tabs button[aria-current=page]{color:white;border-bottom-color:var(--accent)}.post-tabs span{font-weight:400;color:#888}.post-tools{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap}.dashboard select{background:#252525;color:#eee;border:1px solid #444;padding:9px 12px;border-radius:3px;max-width:100%}.dashboard .secondary{background:#252525;border:1px solid #444;color:#ddd;padding:9px 13px}.dashboard .secondary:hover{background:#303030}.dashboard button:disabled{opacity:.35;cursor:default}#admin-search-form{display:flex;gap:7px}#admin-search{width:240px;padding:9px 12px;font-size:13px}.selection-info{display:flex;gap:14px;align-items:center;flex-wrap:wrap;font-size:12px;color:#999;padding:15px 0}.selection-info button{background:none;padding:0;color:#bbb;font-size:12px;font-weight:400}.selection-info button:hover{color:#ff7257}.posts-table-wrap{overflow:auto;border:1px solid var(--line);border-radius:4px}.posts-table{border-collapse:collapse;width:100%;text-align:left;min-width:650px;font-size:13px}.posts-table th{font-weight:600;font-size:12px;background:#242424;color:#aaa;padding:13px 14px}.posts-table td{padding:15px 14px;vertical-align:top;border-top:1px solid #303030}.posts-table tr:nth-child(even){background:#1a1a1a}.posts-table td:nth-child(2){width:55%;min-width:230px}.check-cell{width:40px}.post-slug{color:#777;font-size:11px;margin:4px 0;overflow-wrap:anywhere}.row-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}.row-actions button{font-weight:400;background:none;padding:0;border:0;border-radius:0;color:#aaa;font-size:12px}.row-actions button:hover{color:#fff}.dashboard .danger{color:#ff8e7a}.post-status{display:inline-block;border:1px solid #4a4431;border-radius:3px;padding:3px 7px;font-size:11px;color:#d8c58c;background:#29261e}.status-published{color:#9ecdb0;border-color:#344d3d;background:#1b2920}.status-trash{color:#b5b5b5;border-color:#444;background:#292929}.admin-pagination{display:flex;gap:15px;align-items:center;justify-content:space-between;margin:18px 0;color:#999;font-size:12px}.quick-edit{padding:14px;border:1px solid #444;border-radius:3px;background:#222;margin-top:14px}.quick-edit label{display:block;font-size:12px;margin-bottom:10px}.quick-edit input{display:block;margin-top:5px;padding:8px;font-size:13px}.quick-edit p{font-size:11px;color:#888}.quick-edit button{padding:8px 12px}.quick-edit select{display:block;margin-top:5px}
@media(max-width:700px){.bulk-panel{padding:13px}.bulk-panel summary span{display:block;margin:7px 0 0}.bulk-footer{align-items:flex-start;flex-direction:column}.post-tabs{gap:17px}.post-tools{align-items:stretch;flex-direction:column}#admin-search-form{width:100%}#admin-search{width:100%}.admin-pagination{align-items:flex-start;flex-direction:column}.selection-info{gap:10px}}

.post-title-summary{display:flex;align-items:flex-start;gap:13px}.post-title-text{min-width:0;flex:1}.post-thumbnail{display:block;flex:0 0 104px;width:104px;height:59px;object-fit:cover;border-radius:3px;background:#292929}.post-thumbnail-pending{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#888;border:1px solid #383838}.post-thumbnail-pending span{font-size:20px;line-height:1}.post-thumbnail-pending small{font-size:9px;margin-top:5px}.post-title-text strong{overflow-wrap:anywhere}
@media(max-width:700px){.post-title-summary{gap:9px}.post-thumbnail{flex-basis:80px;width:80px;height:45px}.post-thumbnail-pending small{font-size:8px}}

.row-actions .quick-view-link{font-size:12px;color:#ccc;font-weight:400}.row-actions .quick-view-link:hover{color:var(--link-hover)}.preview-address{font-size:14px;overflow-wrap:anywhere;color:#ddd;unicode-bidi:plaintext}
.post-tabs .post-tab{display:block;padding:12px 0;color:#aaa;border-bottom:2px solid transparent;font-size:13px}.post-tabs .post-tab[aria-current=page]{color:white;border-bottom-color:var(--accent)}.row-actions form{margin:0}.row-actions a{font-size:12px;color:#bbb}.row-actions a:hover{color:var(--link-hover)}.selection-info label{display:flex;align-items:center;gap:7px}.delete-confirm{display:block;margin-top:10px;font-size:12px;color:#ffac9d}

.source-warning{font-size:12px;color:#98c5a6}.warning-missing,.warning-deleted{color:#ffb49b}.removal-review{max-width:850px;margin:24px 0;padding:22px;background:#281d19;border:1px solid #754333;border-radius:5px}.removal-review li{margin:8px 0;overflow-wrap:anywhere}.removal-review label{display:flex;gap:9px;align-items:center}.removal-review form{margin-top:18px}

/* Approved BoobFox concept 01: white Zex, vermilion Vid, transparent vector. */
.brand,.footer-brand{display:inline-flex;align-items:center;line-height:1;letter-spacing:normal}.boobfox-wordmark{display:block;width:216px;height:auto;max-width:100%}.footer-brand .boobfox-wordmark{width:166px}
@media(max-width:700px){.brand .boobfox-wordmark{width:184px}.footer-brand .boobfox-wordmark{width:150px}}

.player-start{position:absolute;z-index:3;top:50%;left:50%;transform:translate(-50%,-50%);padding:14px 24px;border:0;border-radius:6px;background:#de2600;color:#fff;font:600 18px Arial;cursor:pointer}.player-start[hidden]{display:none}.player-start:disabled{opacity:.7;cursor:wait}

.footer-legal { display: flex; flex-wrap: wrap; gap: .5rem 1rem; }


/* PLAY redesign 2026-11: navy / teal, no added JavaScript. */
:root { --bg:#121c25; --surface:#182630; --raised:#23343f; --accent:#0ba4f9; --accent-hover:#0987d0; --accent-ink:#fff; --link-hover:#49c4ff; --ink:#caced2; --muted:#94a7b6; --line:#2b3d48; }
body { background:var(--bg); color:var(--ink); line-height:1.55; }
h1,h2,h3 { color:#fff; }
.header { background:#15222c; border-bottom:1px solid #29404d; }
.header-inner { min-height:89px; gap:54px; }
.search { max-width:660px; }
.search input { background:#0e1922; border:1px solid #344a59; border-radius:8px 0 0 8px; height:46px; }
.search button { border-radius:0 8px 8px 0; }
.catalog-nav { background:#192a34; border-color:#29404d; }
.catalog-nav .wrap { gap:clamp(12px,2.5vw,34px); overflow:visible; flex-wrap:wrap; }
.catalog-nav a { color:#b9cad4; padding:12px 0; border:0; position:relative; }
.catalog-nav a:hover,.catalog-nav a[aria-current=page] { color:#fff; }
.catalog-nav a:after { background:transparent; }
.catalog-nav a:hover:after,.catalog-nav a[aria-current=page]:after { background:var(--accent); }
.section-heading { border-bottom:1px solid var(--line); padding-bottom:13px; margin-top:30px; }
.section-heading h1,.section-heading h2 { font-size:clamp(21px,2.2vw,27px); letter-spacing:-.4px; }
.grid { gap:28px 19px; }
.card { min-width:0; }
.thumb { background:#22323c; border-radius:9px; border:1px solid #2a414d; }
.card h2 { font-size:14px; line-height:1.5; min-height:0; color:#edf5fa; }
.card-info { color:#9cb0be; }
.card-duration { border-radius:4px; padding:2px 7px; }
.single { max-width:1060px; }
.single h1,.single h2 { margin-bottom:18px; }
.single video,.player-wrap { border-radius:9px; }
.search-filters { border-color:var(--line); }
.search-filters a,.search-filters .sort-label { color:var(--muted); }
.search-filters a:hover { color:white; }
.keywords { border-color:var(--line); }
.keywords a,.related-searches a { background:#1b2b36; color:#b8cad5; border:1px solid #304955; border-radius:6px; }
.keywords a:hover,.related-searches a:hover { color:#fff; border-color:var(--accent); }
.pagination a,.pagination span { background:#1b2b36; border-color:#314756; border-radius:6px; }
.pagination span { background:var(--accent); border-color:var(--accent); }
.footer { background:#101a22; border-color:#29404d; }
.player-start { background:var(--accent); }
.player-start:hover { background:var(--accent-hover); }
@media(max-width:800px) { .catalog-nav .wrap { justify-content:space-between; gap:0 14px; } .catalog-nav a { flex:0 0 auto; padding:12px 1px; font-size:12px; } }
@media(max-width:700px) {
 .wrap { padding-left:14px; padding-right:14px; }
 .header-inner { gap:13px; padding-top:14px; padding-bottom:14px; }
 .brand .boobfox-wordmark { width:175px; }
 .search { width:100%; max-width:none; }
 .catalog-nav .wrap { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:0 5px; }
 .catalog-nav a { text-align:center; font-size:11px; white-space:normal; padding:12px 3px; line-height:1.25; }
 .catalog-nav a:after { left:4px; right:4px; }
 .grid { grid-template-columns:minmax(0,1fr); gap:22px; }
 .card h2 { font-size:15px; margin-top:8px; }
 .thumb { border-radius:8px; }
 .section-heading { margin-top:25px; }
 .single { margin:20px auto; }
 .single h1,.single h2 { font-size:21px; }
 .footer-row { flex-wrap:wrap; gap:18px; }
}