/* Waathik — stores page styles */
.dir-hero{padding-top:72px;padding-bottom:64px}
.dir-hero h1{font-size:52px;color:#FFFFFF}
.dir-hero p{margin:14px 0 0;font-size:18px;color:#B8C5CD;font-weight:300;white-space:nowrap}
.search{margin-top:36px;display:flex;align-items:center;gap:10px;padding:7px 7px 7px 7px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.18);max-width:760px}
.search:focus-within{border-color:#8FCB88;background:rgba(255,255,255,.1)}
.search svg{margin-right:16px;flex-shrink:0}
.search input{flex:1;min-width:0;height:50px;border:0;outline:none;background:transparent;color:#FFFFFF;font-size:17px}
.search input::placeholder{color:#8C9DA8}
.search .clear{background:none;border:0;color:#A9B8C1;cursor:pointer;font-size:14px;padding:0 14px;height:40px;display:none}
.search.has .clear{display:block}
.filters{padding:28px 0 8px;display:flex;flex-direction:column;gap:16px}
.side .count{margin-right:auto}
.chips{display:flex;gap:8px;flex-wrap:wrap}
.chip{height:40px;padding:0 18px;border-radius:999px;border:1px solid #D9D2C3;background:#FFFDF8;color:#33424B;font-size:14px;cursor:pointer}
.chip:hover{border-color:#14212A}
.chip[aria-pressed="true"]{background:#14212A;border-color:#14212A;color:#FFFFFF}
.side{display:flex;align-items:center;gap:14px;flex-wrap:wrap;font-size:14px;color:#55626A}
.side select{height:40px;min-width:150px;border-radius:999px;border:1px solid #D9D2C3;background-color:#FFFDF8;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%2314212A' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left 18px center;background-size:12px 8px;-webkit-appearance:none;appearance:none;padding:0 18px 0 44px;font-size:14px;color:#14212A;cursor:pointer}
.list{margin-top:18px;background:#FFFDF8;border:1px solid #E3DDD0;border-radius:24px;overflow:hidden}
.row{display:grid;grid-template-columns:minmax(0,2.4fr) minmax(0,1.1fr) minmax(0,1fr) minmax(0,1.2fr) auto;align-items:center;gap:20px;padding:20px 28px;border-top:1px solid #ECE6D9;color:#14212A}
.row:first-child{border-top:0}
.row:hover{background:#F9F6EE;color:#14212A}
.mono.logo{object-fit:cover;padding:0}
.row .who{display:flex;align-items:center;gap:16px;min-width:0}
.row .nm{font-size:18px;font-weight:700;line-height:1.5;display:flex;align-items:center;gap:6px}
.row .sub{font-size:14px;color:#6A7780;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.row .cell{font-size:15px;color:#33424B;line-height:1.5}
.row .cell small{display:block;font-size:12px;color:#8A8378}
.row .go{font-size:14px;font-weight:700;color:#2D6A99;white-space:nowrap}
.head-row{display:grid;grid-template-columns:minmax(0,2.4fr) minmax(0,1.1fr) minmax(0,1fr) minmax(0,1.2fr) auto;gap:20px;padding:14px 28px;font-size:13px;color:#8A8378;border-bottom:1px solid #E3DDD0;background:#F4EFE4}
.empty{display:none;padding:56px 28px;text-align:center}
.empty h2{font-size:24px}
.empty p{color:#55626A;max-width:520px;margin:10px auto 24px}
.empty .acts{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.count{font-size:14px;color:#55626A}
@media (max-width:900px){
 .dir-hero{padding-top:48px;padding-bottom:44px}
 .dir-hero p{white-space:normal}
 .row .sub .en{display:none}.dir-hero h1{font-size:34px}.dir-hero p{font-size:16px}
 .search input{font-size:15px;height:46px}
 .head-row{display:none}
 .row{grid-template-columns:1fr auto;gap:10px 14px;padding:18px 18px}
 .row .who{grid-column:1/2}
 .row .go{grid-column:2/3;grid-row:1}
 .row .cell{display:none}
 .row .meta{display:flex!important}
 .filters{padding-top:22px}
 .chips{flex-wrap:nowrap;overflow-x:auto;margin:0 -20px;padding:0 20px 6px;scrollbar-width:none}
 .chip{flex-shrink:0}
}
.meta{display:none;grid-column:1/-1;gap:8px;flex-wrap:wrap;padding-right:68px}
.meta span{font-size:12px;color:#55626A;background:#F1ECE1;border-radius:999px;padding:3px 10px;line-height:1.6}
