.webgrid{background:transparent;width:100%}.webgrid__heading{font-size:28px;font-weight:700;margin:0 0 24px}.webgrid__controls{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.webgrid__filters{display:flex;flex-wrap:wrap;gap:8px}.webgrid__filter-btn{background:#fff;border:1px solid #d7dbe0;border-radius:999px;color:#33393f;cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;padding:8px 18px;transition:background .15s ease,color .15s ease,border-color .15s ease}.webgrid__filter-btn:hover{border-color:#a7adb4}.webgrid__filter-btn.is-active{background:#1a2a4a;border-color:#1a2a4a;color:#fff}.webgrid__search{flex:0 1 280px;min-width:220px;position:relative}.webgrid__search-icon{color:#8b929a;left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.webgrid__search-input{border:1px solid #d7dbe0;border-radius:8px;box-sizing:border-box;font-family:inherit;padding:10px 12px 10px 34px}.webgrid__search-input:focus{border-color:#1a2a4a}.webgrid__empty{color:#8b929a;font-size:15px;padding:40px 0;text-align:center}.webgrid__grid{display:grid;gap:24px;grid-template-columns:repeat(1,1fr)}@media (min-width:640px){.webgrid__grid--cols-2,.webgrid__grid--cols-3,.webgrid__grid--cols-4{grid-template-columns:repeat(2,1fr)}}@media (min-width:1000px){.webgrid__grid--cols-2{grid-template-columns:repeat(2,1fr)}.webgrid__grid--cols-3{grid-template-columns:repeat(3,1fr)}.webgrid__grid--cols-4{grid-template-columns:repeat(4,1fr)}}.webgrid__card{background:#fff;border:1px solid #e7e9ec;border-radius:12px;display:flex;flex-direction:column;overflow:hidden;transition:box-shadow .15s ease,transform .15s ease}.webgrid__card:hover{box-shadow:0 6px 20px rgba(20,25,40,.08);transform:translateY(-2px)}.webgrid__card[hidden]{display:none}.webgrid__card-image{aspect-ratio:16/9;background:linear-gradient(135deg,#101c3a,#1a2a4a 60%,#24406e);overflow:hidden;position:relative}.webgrid__card-image img{display:block;height:100%;object-fit:cover;width:100%}.webgrid__card-tag{background:rgba(184,151,74,.95);border-radius:999px;color:#1a2a4a;font-size:11px;font-weight:700;left:10px;letter-spacing:.04em;padding:4px 10px;position:absolute;text-transform:uppercase;top:10px}.webgrid__card-body{flex:1;padding:18px 18px 8px}.webgrid__card-title{color:#1a2a4a;font-size:17px;font-weight:700;line-height:1.35;margin:0 0 8px}.webgrid__card-date{color:#2b6cb0;font-size:13px;font-weight:600;margin:0 0 10px}.webgrid__card-date--tbc{color:#8b929a}.webgrid__card-description{color:#6b7280;font-size:13.5px;line-height:1.5;margin:0}.webgrid__card-footer{align-items:center;display:flex;justify-content:space-between;padding:14px 18px 18px}.webgrid__card-price{color:#33393f;font-size:13px;font-weight:700;letter-spacing:.03em}.webgrid__card-btn{border:none;border-radius:6px;cursor:pointer;display:inline-block;font-family:inherit;font-size:13px;font-weight:700;line-height:1.2;padding:8px 16px;text-decoration:none}.webgrid__card-btn--open{background:#2e6ef7;color:#fff}.webgrid__card-btn--open:hover{background:#b8001f;color:#fff!important;font-weight:600!important}.webgrid__card-btn--locked{background:#e7e9ec;color:#9aa0a6;cursor:not-allowed}.webgrid__search{align-items:center;background-color:#fff;border:1px solid #d7dbe0;border-radius:8px;box-sizing:border-box;display:flex;gap:8px;max-width:320px;min-height:40px;padding:0 12px;width:100%}.webgrid__search-icon{color:#6b7280;flex:0 0 auto}.webgrid__search-input{background:transparent;border:none;color:#111827!important;flex:1 1 auto;font-size:14px;height:38px;line-height:1.4;min-width:0;outline:none;padding:0;width:100%}.webgrid__search-input::placeholder{color:#9ca3af!important;opacity:1}.webgrid__filter-btn[style*="--tag-color"]{border-color:var(--tag-color)}.webgrid__filter-btn.is-active[data-filter]:not([data-filter=all]){background-color:var(--tag-color);border-color:var(--tag-color);color:#fff}.webgrid__card-tag{background-color:var(--tag-color);color:#fff}