/* Витрина «Мемной»: полки, фильтры и стена вырезок в стиле главной. */
.hdr nav.l a.on{background:var(--yellow)}

.v-head{display:flex;align-items:flex-end;gap:36px;padding:40px 0 10px}
.v-head .h1{font-size:clamp(64px,8vw,120px);display:inline-block;background:var(--ink);color:var(--paper);padding:0 .12em .04em;transform:rotate(-2deg)}
.v-note{color:var(--blue);transform:rotate(-4deg);margin-bottom:14px;font-size:30px}

/* полки */
.shelves{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin:44px 0 34px}
.shelf{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:10px;text-align:left;font:inherit;color:inherit;cursor:pointer;background:var(--paper);border:3px solid var(--ink);padding:20px 22px 18px;box-shadow:6px 6px 0 var(--ink);transform:rotate(var(--r));transition:transform .12s,box-shadow .12s}
.shelf:nth-child(1){--r:-1.2deg}.shelf:nth-child(2){--r:.8deg}.shelf:nth-child(3){--r:-.5deg}
.shelf:hover{transform:rotate(0) translate(2px,2px);box-shadow:4px 4px 0 var(--ink)}
.shelf .num{position:absolute;right:16px;top:-26px;font:700 64px/.8 var(--hand);transform:rotate(-6deg);text-shadow:3px 3px 0 var(--wall)}
.shelf:nth-child(2) .num{color:var(--blue)}.shelf:nth-child(3) .num{color:var(--pink)}
.shelf .label{background:var(--ink);color:var(--paper);font:400 19px/1 var(--stamp);text-transform:uppercase;padding:11px 14px;transform:rotate(-1.5deg)}
.shelf .hint{font:700 24px/1 var(--hand);color:var(--ink-2)}
.shelf[aria-selected=true]{background:var(--yellow);box-shadow:6px 6px 0 var(--pink)}
.shelf[aria-selected=true] .num{text-shadow:3px 3px 0 var(--paper)}

/* фильтры и поиск */
.toolbar{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}
.chips{display:flex;gap:10px;flex-wrap:wrap}
.chip{font:400 12px/1 var(--mono);text-transform:uppercase;padding:10px 13px;background:var(--paper);border:2px solid var(--ink);cursor:pointer;color:var(--ink);transform:rotate(var(--r,0deg))}
.chip:nth-child(odd){--r:-1.5deg}.chip:nth-child(even){--r:1deg}
.chip:hover{background:var(--wall-2)}
.chip[aria-pressed=true]{background:var(--ink);color:var(--yellow)}
.search{position:relative;display:flex;align-items:center;background:var(--paper);border:3px solid var(--ink);transform:rotate(.8deg);min-width:min(380px,100%)}
.search .tape{width:70px;height:22px;top:-12px;right:24px;transform:rotate(6deg)}
.search input{flex:1;min-width:0;border:0;background:transparent;font:500 17px/1 var(--text);padding:14px 16px;color:var(--ink);outline:none}
.search input::placeholder{color:var(--ink-3)}
.search button{border:0;border-left:3px solid var(--ink);background:var(--yellow);font:400 22px/1 var(--stamp);padding:10px 16px;cursor:pointer}
.search:focus-within{box-shadow:5px 5px 0 var(--pink)}

.found{margin:30px 0 8px;color:var(--ink-3);font-size:26px;min-height:28px}

/* стена вырезок */
.board{display:flex;gap:28px;align-items:flex-start;padding-top:18px}
.board .col{flex:1 1 0;min-width:0}
.board .cut{display:block;margin:0 0 34px;cursor:zoom-in;width:100%;text-align:left;border:0;font:inherit;color:inherit}
.board .cut .pic{aspect-ratio:auto;min-height:120px}
.board .cut .pic img{height:auto}
.board .cut h4{min-height:0;font-size:23px;line-height:1.02}
.board .cut .row{align-items:center}
.board .cut .when{margin-left:auto;text-transform:none;font:700 18px/1 var(--hand);color:var(--ink-3)}
.empty{flex:1;text-align:center;padding:60px 0;font:700 40px/1.1 var(--hand);color:var(--ink-3);transform:rotate(-2deg)}
.empty b{display:block;font:400 22px/1 var(--stamp);color:var(--ink);text-transform:uppercase;margin-bottom:12px}
.more-wrap{display:flex;justify-content:center;padding:10px 0 90px}

/* карточка мема */
.lightbox{margin:auto;border:0;padding:0;background:transparent;max-width:min(1120px,calc(100vw - 32px));width:100%;overflow:visible}
.lightbox::backdrop{background:#111d}
.lb-body{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:40px;background:var(--paper);padding:26px;box-shadow:0 30px 60px -20px #000;transform:rotate(-.6deg);max-height:calc(100vh - 48px);overflow:auto}
.lb-pic{position:relative;background:var(--wall-2);align-self:start}
.lb-pic img{width:100%;max-height:calc(100vh - 110px);object-fit:contain;background:#000}
.lb-pic .tape{top:-14px;left:calc(50% - 55px);transform:rotate(-3deg)}
.lb-txt{padding:6px 6px 6px 0;display:flex;flex-direction:column;gap:18px;align-items:flex-start}
.lb-shelf{font:400 12px/1 var(--mono);text-transform:uppercase;background:var(--yellow);padding:8px 10px;transform:rotate(-1.5deg)}
.lb-txt h2{font:400 clamp(26px,2.6vw,36px)/1.05 var(--stamp);text-transform:uppercase}
.lb-meta{font:400 11px/1.4 var(--mono);text-transform:uppercase;color:var(--ink-3)}
.lb-meta bdi{font:500 14px/1.4 var(--text);text-transform:none}
.lb-block{width:100%}
.lb-block b{display:inline-block;font:700 24px/1 var(--hand);color:var(--pink);margin-bottom:6px}
.lb-block p{font:18px/1.5 var(--text);color:var(--ink-2)}
.lb-block.tr{background:#f6f1e3;padding:16px 18px;border-left:6px solid var(--yellow);font-family:var(--serif)}
.lb-block.tr p{font:18px/1.5 var(--serif)}
.lb-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:auto;padding-top:6px}
.lightbox .close{position:absolute;right:-14px;top:-18px;z-index:5;width:48px;height:48px;border:3px solid var(--ink);background:var(--pink);color:#fff;font:400 20px/1 var(--stamp);cursor:pointer;transform:rotate(6deg);box-shadow:4px 4px 0 var(--ink)}

@media (max-width:760px){
  .v-head{flex-direction:column;align-items:flex-start;gap:14px;padding-top:24px}
  .v-head .h1{font-size:clamp(48px,15vw,72px)}
  .v-note{font-size:24px;margin:0}
  .shelves{grid-template-columns:minmax(0,1fr);gap:22px;margin:40px 0 28px}
  .shelf{padding:16px 18px 14px}
  .shelf .num{font-size:50px;top:-18px}
  .shelf .label{font-size:16px}.shelf .hint{font-size:21px}
  .toolbar{gap:18px}
  .chip{font-size:10px;padding:9px 10px}
  .search{min-width:0;width:100%}
  .board{gap:14px}
  .board .cut{margin-bottom:24px}
  .board .cut h4{font-size:18px}
  .board .cut .when{display:none}
  .lightbox{max-width:calc(100vw - 20px)}
  .lb-body{grid-template-columns:minmax(0,1fr);gap:22px;padding:14px;transform:none;max-height:calc(100vh - 30px)}
  .lb-pic img{max-height:60vh}
  .lightbox .close{right:-4px;top:-10px;width:42px;height:42px}
}
.lb-actions .btn{white-space:normal;line-height:1.25}
.ru-toggle{position:absolute;top:10px;left:10px;z-index:2;padding:9px 12px;border:2px solid var(--ink);background:var(--yellow);color:var(--ink);font:500 13px/1.3 var(--text);cursor:pointer;box-shadow:3px 3px 0 var(--ink)}
#lb-ru{display:contents}.ru-plate{cursor:default;box-shadow:none;transform:none;background:var(--wall-2);opacity:1}.ru-note{font:14px/1.4 var(--text);color:var(--ink-3);align-self:center}

.v-search{display:grid;gap:14px;max-width:100%;min-width:min(380px,100%)}
@media(max-width:760px){.v-search{width:100%;min-width:0}}