*{box-sizing:border-box}body{margin:0;background:#f5f7fb;color:#172033;font-family:Segoe UI,Arial,sans-serif}.catalog-top{position:sticky;top:0;z-index:20;display:flex;gap:14px;align-items:center;padding:12px 18px;background:#ffffffee;border-bottom:1px solid #dce4ee;backdrop-filter:blur(12px)}.catalog-top a{color:#166534;text-decoration:none;font-weight:800}.catalog-top span{margin-left:auto;color:#64748b}.catalog-wrap{width:min(1180px,calc(100% - 24px));margin:20px auto 60px}.catalog-hero{padding:24px;border-radius:20px;background:linear-gradient(135deg,#ecfdf5,#eff6ff);border:1px solid #d7e9e2}.catalog-hero h1{margin:0 0 8px}.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.catalog-card{padding:16px;border:1px solid #dce4ee;border-radius:16px;background:#fff;box-shadow:0 6px 20px #0f172a0b;content-visibility:auto;contain-intrinsic-size:180px}.catalog-card .icon{font-size:25px}.catalog-card h3{margin:9px 0 6px}.catalog-card p{color:#64748b;line-height:1.5;margin:0}.catalog-card .price{display:inline-flex;margin-top:10px;padding:5px 9px;border-radius:999px;background:#ecfdf5;color:#166534;font-weight:800}.catalog-tools{display:flex;align-items:center;gap:16px;margin-top:28px}.catalog-tools input{margin-left:auto;width:min(360px,100%);padding:10px 12px;border:1px solid #cfd8e4;border-radius:10px}@media(max-width:900px){.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.catalog-top{padding:10px;flex-wrap:wrap}.catalog-top span{width:100%;margin-left:0;font-size:12px}.catalog-wrap{width:calc(100% - 16px);margin-top:10px}.catalog-grid{grid-template-columns:1fr}.catalog-hero{padding:17px}.catalog-tools{display:block}.catalog-tools input{width:100%;margin:0 0 10px}.catalog-card{padding:14px}}
.catalog-guide{margin-top:28px}.catalog-payment-guide{background:#fff;border:1px solid #dfe7e2;border-radius:18px;padding:20px;box-shadow:0 10px 30px rgba(19,62,42,.06)}.catalog-payment-guide h3{margin:0 0 10px}.catalog-payment-guide p{line-height:1.65}.catalog-payment-guide ul{margin:14px 0;padding-left:22px;display:grid;gap:9px}.catalog-mode{font-size:.82rem;font-weight:700;opacity:.68}.hidden{display:none!important}@media(max-width:600px){.catalog-payment-guide{padding:15px;border-radius:14px}.catalog-payment-guide ul{padding-left:18px}}

.catalog-card-clickable{cursor:pointer;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.catalog-card-clickable:hover,.catalog-card-clickable:focus-visible{transform:translateY(-2px);border-color:#9fc7b2;box-shadow:0 12px 30px #0f172a16;outline:none}.catalog-more{display:block;margin-top:12px;color:#166534;font-weight:800;font-size:.9rem}.catalog-modal[hidden]{display:none!important}.catalog-modal{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:20px}.catalog-modal-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.42);backdrop-filter:blur(3px)}.catalog-modal-dialog{position:relative;z-index:1;width:min(920px,calc(100vw - 28px));max-height:min(760px,calc(100vh - 32px));overflow:auto;background:#fff;border:1px solid #dce4ee;border-radius:22px;padding:28px;box-shadow:0 26px 80px rgba(15,23,42,.28)}.catalog-modal-close{position:absolute;top:12px;right:12px;width:38px;height:38px;border:1px solid #d7e0ea;border-radius:999px;background:#f8fafc;font-size:24px;cursor:pointer}.catalog-modal-icon{font-size:40px}.catalog-modal-dialog h2{font-size:1.65rem;margin:8px 45px 12px 0}.catalog-detail-description{font-size:1.05rem;line-height:1.7;color:#475569}.catalog-detail-meta{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}.catalog-detail-meta span{padding:8px 11px;background:#f0fdf4;border:1px solid #d1fae5;border-radius:10px}.catalog-modal-body ul{line-height:1.7}.catalog-detail-note{padding:12px 14px;border-radius:12px;background:#f8fafc;color:#64748b;border:1px solid #e2e8f0}.catalog-modal-open{overflow:hidden}@media(max-width:600px){.catalog-modal{padding:8px}.catalog-modal-dialog{width:calc(100vw - 16px);max-height:calc(100vh - 16px);padding:20px 16px;border-radius:16px}.catalog-modal-dialog h2{font-size:1.35rem}.catalog-detail-description{font-size:.98rem}}

.catalog-detail-expanded{line-height:1.72;color:#334155;background:#f8fbff;border:1px solid #dbeafe;border-radius:12px;padding:13px 15px}
