body.imv-public-body{margin:0;background:#ececec;color:#1f2c3b;font-family:Arial,Helvetica,sans-serif}
.imv-public-shell{width:100%;max-width:none;margin:0;padding:0 18px 28px;box-sizing:border-box}
.imv-public-header{background:#2d445a;color:#fff;padding:8px 0;margin-bottom:10px}
.imv-public-top{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.imv-public-brand{position:relative;background:#f7f7f7;color:#6d5fe4;border-radius:10px;padding:16px 22px 16px 92px;font-size:22px;font-weight:800;line-height:1;min-width:200px}
.imv-public-brand small{display:block;color:#486da2;font-size:12px;font-weight:700;margin-bottom:4px}
.imv-public-brand::before{content:"";position:absolute;left:18px;top:50%;width:56px;height:56px;transform:translateY(-50%);background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='none' stroke='%23756be8' stroke-width='2.6' d='M14 30V15l12-9 12 9v15c0 5-4 9-9 9h-6c-5 0-9-4-9-9Z'/%3E%3Cpath fill='none' stroke='%234b83d4' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round' d='M7 47c2-4 7-6 15-6 5 0 8 2 11 5 4 4 8 6 13 6h9l2 7H26c-5 0-9-1-13-4l-9-8 3-0Z'/%3E%3C/svg%3E")}
.imv-public-nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.imv-public-nav a{color:#fff;text-decoration:none;font-weight:700;padding:10px 12px;border-radius:8px;text-transform:uppercase;font-size:13px}
.imv-public-nav a:hover{background:rgba(255,255,255,.06);color:#52e0d0}
.imv-public-card{background:#ececec;border:1px solid #bfc4c9;border-radius:10px;padding:16px 18px;margin-bottom:14px;box-shadow:inset 0 1px 0 rgba(255,255,255,.6)}
.imv-public-title{margin:0 0 6px;font-size:28px}
.imv-public-sub{margin:0;color:#5d6873}
.imv-public-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 18px;align-items:end}
.imv-public-filters label{display:block;font-size:13px;font-weight:700;margin-bottom:6px}
.imv-public-filters input{width:100%;border:2px solid #c7cfd7;border-radius:9px;padding:9px 12px;min-height:42px;box-sizing:border-box;background:#fff}
.imv-public-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:none;border-radius:8px;padding:10px 15px;background:#1cc1a0;color:#fff;font-weight:700;text-decoration:none;cursor:pointer;box-shadow:inset 0 -1px 0 rgba(0,0,0,.12)}
.imv-public-btn.light{background:#fff;color:#24384d;border:1px solid #d7dde4;box-shadow:none}
.imv-public-table-wrap{overflow:auto;width:100%}
.imv-public-table{width:100%;border-collapse:separate;border-spacing:0;min-width:1020px}
.imv-public-table th,.imv-public-table td{padding:10px 10px;border-bottom:1px solid #cfd4da;vertical-align:top;text-align:left}
.imv-public-table th{background:transparent;color:#24384d;font-size:14px;font-weight:800;white-space:nowrap}
.imv-public-table tbody tr{background:rgba(255,255,255,.22)}
.imv-public-table tbody tr:nth-child(even){background:rgba(255,255,255,.12)}
.imv-public-thumb{width:150px;height:105px;object-fit:cover;border-radius:8px;border:1px solid #d7dde4}
.imv-public-qr{width:96px;height:96px;border:1px solid #d7dde4;border-radius:8px;padding:4px;background:#fff}
.imv-public-code{font-weight:800;color:#15a9a0;text-decoration:none;display:block;margin-bottom:8px}
.imv-public-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:16px;align-items:start}
.imv-hero-img{width:100%;max-height:340px;object-fit:cover;border-radius:12px;border:1px solid #d7dde4;background:#fff}
.imv-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.imv-detail{background:#f8fafc;border:1px solid #dfe5eb;border-radius:10px;padding:12px}
.imv-detail strong{display:block;font-size:12px;color:#64748b;text-transform:uppercase;letter-spacing:.04em;margin-bottom:7px}
.imv-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.imv-gallery img{width:100%;height:260px;object-fit:cover;border-radius:12px;border:1px solid #d7dde4;background:#fff}
.imv-public-pagination{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-top:14px}
.imv-public-pages{display:flex;gap:6px;flex-wrap:wrap}
.imv-public-page{padding:8px 12px;border-radius:8px;border:1px solid #d7dde4;background:#fff;color:#24384d;text-decoration:none;font-weight:700}
.imv-public-page.active{background:#24384d;color:#fff}
@media (max-width: 980px){.imv-public-filters{grid-template-columns:1fr}.imv-public-grid{grid-template-columns:1fr}.imv-details{grid-template-columns:1fr}.imv-gallery{grid-template-columns:1fr}.imv-public-brand{width:100%;font-size:24px;min-width:0;padding-left:84px}}


.imv-desktop-only{display:block}
.imv-mobile-only{display:none}

@media (max-width: 768px){
  .imv-public-shell{padding:0 12px 20px}
  .imv-public-card{padding:14px 12px;border-radius:12px}
  .imv-public-title{font-size:24px}
  .imv-public-sub{font-size:14px;line-height:1.45}
  .imv-public-filters{grid-template-columns:1fr !important;gap:10px}
  .imv-public-filters input{min-height:44px;font-size:16px}
  .imv-public-filters .imv-public-btn{width:100%;min-height:44px}
  .imv-desktop-only{display:none}
  .imv-mobile-only{display:block}
  .imv-mobile-cards{display:grid;grid-template-columns:1fr;gap:14px}
  .imv-mobile-card{background:#fff;border:1px solid #d7dde4;border-radius:14px;padding:12px;box-shadow:0 2px 8px rgba(31,44,59,.06)}
  .imv-mobile-card-top{display:grid;grid-template-columns:minmax(0,1fr) 96px;gap:12px;align-items:start;margin-bottom:12px}
  .imv-mobile-card-image-wrap{min-width:0}
  .imv-mobile-card-image{width:100%;height:150px;object-fit:cover;border-radius:12px;border:1px solid #d7dde4;background:#fff;display:block}
  .imv-mobile-card-image.placeholder{height:150px;display:flex;align-items:center;justify-content:center;color:#64748b;font-weight:700;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:12px}
  .imv-mobile-card-qr-wrap{display:flex;flex-direction:column;align-items:center;gap:8px}
  .imv-mobile-card-qr{width:92px;height:92px}
  .imv-mobile-fields{display:grid;grid-template-columns:1fr;gap:8px}
  .imv-mobile-field{display:flex;flex-direction:column;gap:2px;padding:10px 12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px}
  .imv-mobile-field span{font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#64748b}
  .imv-mobile-field strong{font-size:14px;color:#1f2c3b;line-height:1.4;word-break:break-word}
  .imv-mobile-empty{padding:18px 12px;background:#fff;border:1px solid #d7dde4;border-radius:12px;color:#475569;text-align:center}
  .imv-public-pagination{justify-content:center}
  .imv-public-pages{justify-content:center}
}

@media (max-width: 420px){
  .imv-mobile-card-top{grid-template-columns:1fr;}
  .imv-mobile-card-qr-wrap{align-items:flex-start}
  .imv-mobile-card-qr{width:88px;height:88px}
}