.vh97{max-width:1220px;margin:26px auto 44px;padding:0 16px;color:#17384f}.vh97 *{box-sizing:border-box}.vh97 a{text-decoration:none;color:inherit}.vh97-hero{display:grid;grid-template-columns:1fr auto;gap:20px;padding:26px;border:1px solid #dce8ef;border-radius:24px;background:linear-gradient(135deg,#f7fbff,#f5f7fc)}.vh97-hero span,.vh97-create header span{font-size:11px;letter-spacing:.12em;font-weight:900;color:#087d8d}.vh97-hero h1,.vh97-create h1{font-size:34px;margin:7px 0}.vh97-hero p{color:#657d8e;max-width:730px}.vh97-actions{display:flex;gap:8px}.vh97-actions a{padding:10px 13px;border:1px solid #dbe7ee;background:#fff;border-radius:11px;font-weight:900}.vh97-actions .primary,.vh97-publish{background:#087d8d;color:#fff;border-color:#087d8d}.vh97-hero nav{display:flex;gap:6px;align-items:center;flex-wrap:wrap;max-width:400px}.vh97-hero nav a{padding:8px 10px;border-radius:999px;background:#fff;border:1px solid #dbe7ee;font-size:11px;font-weight:900}.vh97-hero nav .active{background:#173e59;color:#fff}.vh97-filter{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin:14px 0;padding:14px;border:1px solid #dfe9ef;border-radius:16px;background:#fff}.vh97-filter label,.vh97-create label{display:grid;gap:5px;font-size:12px;font-weight:800}.vh97 input,.vh97 select,.vh97 textarea{width:100%;padding:10px;border:1px solid #d9e5ed;border-radius:9px;background:#fff}.vh97-filter button,.vh97-publish{border:0;border-radius:10px;padding:11px 14px;font-weight:900}.vh97-check{display:flex!important;align-items:center;gap:6px}.vh97-check input{width:auto}.vh97-toolbar{display:flex;justify-content:space-between;align-items:center;margin:12px 0}.vh97-toolbar b,.vh97-toolbar span{display:block}.vh97-toolbar span{font-size:11px;color:#718697}.vh97-toolbar button{padding:8px 10px;border:1px solid #dce6ed;background:#fff}.vh97-toolbar .active{background:#173e59;color:#fff}.vh97-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.vh97-card{border:1px solid #dfe9ef;border-radius:17px;overflow:hidden;background:#fff}.vh97-photo{display:block;aspect-ratio:4/3;background:#eef4f7;position:relative}.vh97-photo img{width:100%;height:100%;object-fit:cover}.vh97-photo div{height:100%;display:grid;place-items:center}.vh97-photo em{position:absolute;top:9px;left:9px;background:#173e59;color:#fff;padding:5px 8px;border-radius:999px;font-style:normal;font-size:10px}.vh97-body{padding:13px}.vh97-body h2{font-size:15px;margin:6px 0}.vh97-price{font-size:20px}.vh97-specs{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-top:10px}.vh97-specs span{text-align:center;background:#f6fafc;border-radius:8px;padding:7px 4px;font-size:10px}.vh97-brand{margin-top:8px;font-size:11px;color:#6e8494}.vh97-empty{text-align:center;padding:45px;border:1px dashed #bcd4de;border-radius:18px}.vh97-empty a{display:inline-block;margin-top:10px;padding:10px 14px;background:#087d8d;color:#fff;border-radius:10px;font-weight:900}.vh97-create{max-width:950px}.vh97-create header{padding:22px;border-radius:18px;background:#f6fbfd;border:1px solid #dce8ef;margin-bottom:14px}.vh97-create form{display:grid;gap:12px}.vh97-create fieldset{border:1px solid #dfe9ef;border-radius:17px;padding:17px;background:#fff}.vh97-create legend{font-weight:900;padding:0 8px}.vh97-two{display:grid;grid-template-columns:1fr 1fr;gap:9px}.vh97-three{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.vh97-checks{display:flex;gap:14px;flex-wrap:wrap}.vh97-checks label{display:flex;align-items:center;gap:6px}.vh97-checks input{width:auto}.vh97-publish{font-size:16px}.vh97 small{color:#718697}
@media(max-width:1000px){.vh97-hero{grid-template-columns:1fr}.vh97-filter{grid-template-columns:repeat(3,1fr)}.vh97-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.vh97{padding:0 10px}.vh97-hero h1{font-size:28px}.vh97-filter,.vh97-grid,.vh97-two,.vh97-three{grid-template-columns:1fr}.vh97-hero nav{overflow-x:auto;flex-wrap:nowrap;max-width:none}}