:root {
  --bg: #08111f;
  --bg-soft: #0f1a2b;
  --card: #111d30;
  --card-soft: #f5f7fb;
  --text: #0f1728;
  --text-light: #dbe6ff;
  --muted: #73809a;
  --line: #dce4f2;
  --line-dark: #1e2c44;
  --accent: #0b7cff;
  --accent-2: #00c2a8;
  --success: #19b37d;
  --danger: #cc334f;
  --warning: #f3b522;
  --shadow: 0 16px 40px rgba(8, 17, 31, 0.12);
  --radius-lg: 28px;
  --radius-md: 18px;
  --radius-sm: 12px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  font-family: Inter, "PingFang SC", "Microsoft YaHei", "Noto Sans SC", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  color: var(--text);
  background: #fff;
}
a { color: inherit; text-decoration: none; }
img { max-width: 100%; display: block; }
button, input, select, textarea { font: inherit; }
.shell { width: min(var(--front-shell-max), calc(100% - var(--front-shell-pad))); max-width: var(--front-shell-max); margin: 0 auto; }
.hero-slide-shell { width: min(var(--front-shell-max), calc(100% - var(--front-shell-pad))); max-width: var(--front-shell-max); margin: 0 auto; }
@media (max-width: 1100px) { .shell, .hero-slide-shell { width: min(100%, calc(100% - 28px)); max-width: none; } }
.section { padding: 72px 0; }
.section-tint { background: #f4f8fe; }
.section-dark { background: linear-gradient(135deg, #0c1525, #172741); color: var(--text-light); }
.eyebrow, .section-tag {
  display: inline-flex;
  padding: 8px 14px;
  border-radius: 999px;
  background: rgba(11, 124, 255, 0.12);
  color: var(--accent);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.section-dark .section-tag,
.section-dark .eyebrow { background: rgba(255,255,255,0.12); color: #9fd3ff; }
h1, h2, h3, h4 { margin: 0 0 14px; line-height: 1.1; }
h1 { font-size: clamp(40px, 5vw, 64px); }
h2 { font-size: clamp(28px, 3vw, 42px); }
h3 { font-size: 22px; }
p { margin: 0 0 16px; line-height: 1.7; }
.muted-copy { color: var(--muted); }
.text-link { color: var(--accent); font-weight: 700; }

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border-radius: 999px;
  padding: 14px 22px;
  border: 1px solid transparent;
  font-weight: 700;
  transition: all .2s ease;
  cursor: pointer;
}
.btn-primary { background: linear-gradient(135deg, var(--accent), #2f8cff); color: #fff; box-shadow: 0 12px 26px rgba(11,124,255,.24); }
.btn-primary:hover { transform: translateY(-1px); }
.btn-outline { border-color: rgba(11, 124, 255, 0.24); color: var(--accent); background: rgba(11,124,255,.04); }
.section-dark .btn-outline { color: #fff; border-color: rgba(255,255,255,.24); background: rgba(255,255,255,.06); }
.btn-danger { background: rgba(204, 51, 79, .1); color: var(--danger); border-color: rgba(204,51,79,.22); }
.btn-small { padding: 8px 12px; font-size: 13px; }

.topbar { background: var(--bg); color: rgba(255,255,255,.78); font-size: 13px; }
.topbar-inner { display: flex; align-items: center; justify-content: space-between; min-height: 44px; gap: 20px; }
.topbar-contact { display: flex; gap: 18px; }
.site-header { position: sticky; top: 0; z-index: 20; background: rgba(255,255,255,.92); backdrop-filter: blur(18px); border-bottom: 1px solid rgba(15,23,40,.06); }
.header-inner { display: flex; align-items: center; justify-content: space-between; min-height: 84px; gap: 24px; }
.brand { display: flex; align-items: center; gap: 14px; }
.brand-mark {
  width: 46px;
  height: 46px;
  display: grid;
  place-items: center;
  border-radius: 14px;
  background: linear-gradient(135deg, var(--accent), var(--accent-2));
  color: #fff;
  font-weight: 800;
  letter-spacing: .05em;
}
.brand-copy strong { display: block; font-size: 16px; }
.brand-copy small { display: block; color: var(--muted); max-width: 320px; line-height: 1.4; }
.site-nav { display: flex; align-items: center; gap: 20px; }
.site-nav a { color: #2c3a54; font-weight: 600; position: relative; }
.site-nav a.is-active, .site-nav a:hover { color: var(--accent); }
.header-cta { display: flex; gap: 12px; }

.hero-slider { background: radial-gradient(circle at top right, rgba(11,124,255,.18), transparent 34%), linear-gradient(135deg, #07111d 0%, #0f1830 55%, #102541 100%); color: #fff; padding: 72px 0 60px; }
.hero-slider-shell { position: relative; }
.hero-slide { display: none; grid-template-columns: 1.1fr .9fr; gap: 40px; align-items: center; }
.hero-slide.is-active { display: grid; }
.hero-slide-copy p { color: rgba(255,255,255,.82); max-width: 640px; font-size: 18px; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }
.hero-slide-visual { justify-self: end; }
.hero-slide-visual img { width: min(520px, 100%); border-radius: 28px; box-shadow: 0 30px 80px rgba(0,0,0,.28); }
.hero-stats { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 14px; margin-top: 34px; }
.stat-card { padding: 18px; border-radius: 18px; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.1); }
.stat-card strong { display: block; font-size: 24px; margin-bottom: 6px; }
.stat-card span { color: rgba(255,255,255,.72); font-size: 14px; }
.slider-dots { display: flex; gap: 10px; margin-top: 24px; }
.slider-dot { width: 12px; height: 12px; border-radius: 999px; border: none; background: rgba(255,255,255,.28); cursor: pointer; }
.slider-dot.is-active { background: #fff; }

.section-head { display: flex; align-items: end; justify-content: space-between; gap: 18px; margin-bottom: 16px; }
.split-head { align-items: center; }
.quick-actions { display: flex; gap: 12px; flex-wrap: wrap; }
.quick-action {
  padding: 14px 16px;
  border-radius: 16px;
  background: #fff;
  border: 1px solid var(--line);
  color: var(--accent);
  font-weight: 700;
}
.card-grid { display: grid; gap: 20px; }
.card-grid-5 { grid-template-columns: repeat(5, minmax(0,1fr)); }
.card-grid-4 { grid-template-columns: repeat(4, minmax(0,1fr)); }
.card-grid-3 { grid-template-columns: repeat(3, minmax(0,1fr)); }
.card-grid-2 { grid-template-columns: repeat(2, minmax(0,1fr)); }
.card, .panel, .contact-card, .sidebar-card, .story-panel, .admin-panel, .kpi-card, .product-card, .industry-card, .post-card, .service-detail-card, .process-step, .product-gallery-card, .product-summary-card {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow);
}
.card, .panel, .contact-card, .sidebar-card, .story-panel, .service-detail-card, .process-step, .product-summary-card { padding: 28px; }
.service-card { min-height: 180px; }
.service-detail-card { display: flex; flex-direction: column; gap: 12px; }
.service-summary { font-size: 18px; color: #263553; }
.service-card-head { padding-bottom: 8px; border-bottom: 1px solid var(--line); }

.dual-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; }
.panel { min-height: 100%; }
.panel-head, .panel-topline { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-bottom: 18px; }
.logo-grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 14px; }
.logo-card { border: 1px solid var(--line); border-radius: 18px; padding: 18px; background: #fbfdff; display: grid; place-items: center; gap: 10px; text-align: center; }
.logo-card img { height: 40px; object-fit: contain; }
.tag-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 14px; }
.tag-card { border: 1px solid var(--line); border-radius: 18px; padding: 18px; background: #fbfdff; }
.tag-card strong { display: block; margin-bottom: 8px; }
.tag-card span { color: var(--muted); }

.product-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 22px; }
.product-card { overflow: hidden; }
.product-card.large-card { display: flex; flex-direction: column; }
.product-card-image { display: block; aspect-ratio: 4 / 3; background: linear-gradient(135deg, #eef4ff, #dae7ff); }
.product-card-image img { width: 100%; height: 100%; object-fit: cover; }
.product-card-body { padding: 22px; }
.product-card-topline { display: flex; justify-content: space-between; gap: 10px; font-size: 13px; color: var(--muted); margin-bottom: 8px; }
.product-card-body h3 { margin-bottom: 10px; }
.product-meta-mini { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 16px; }
.product-meta-mini span { padding: 6px 10px; border-radius: 999px; background: #f3f7fd; font-size: 12px; color: #35507c; }
.product-card-actions { display: flex; gap: 10px; margin-top: 18px; }
.empty-state { padding: 40px; border-radius: 20px; background: #f7fbff; border: 1px dashed var(--line); text-align: center; color: var(--muted); }

.industry-card { overflow: hidden; }
.industry-card img { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; }
.industry-card-body { padding: 22px; }
.post-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 22px; }
.post-card { overflow: hidden; }
.post-card img { width: 100%; aspect-ratio: 16/9; object-fit: cover; }
.post-card-body { padding: 22px; }
.post-meta { color: var(--muted); font-size: 14px; margin-bottom: 12px; }

.page-hero { padding: 78px 0; background: linear-gradient(135deg, #07111d, #132542 68%, #173968); color: #fff; }
.page-hero.compact { padding: 54px 0; }
.page-hero-grid { display: grid; grid-template-columns: 1.05fr .95fr; gap: 36px; align-items: center; }
.page-hero .hero-text { color: rgba(255,255,255,.82); max-width: 660px; font-size: 18px; }
.page-hero-visual img { width: 100%; border-radius: 26px; box-shadow: 0 24px 70px rgba(0,0,0,.28); }
.hero-placeholder { aspect-ratio: 4/3; border-radius: 26px; background: linear-gradient(135deg, rgba(255,255,255,.06), rgba(255,255,255,.15)); }

.intro-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: 32px; align-items: start; }
.rich-text p:last-child { margin-bottom: 0; }
.rich-text ul { margin: 0; padding-left: 20px; }
.rich-text li { margin-bottom: 10px; }

.form-layout, .article-layout, .story-grid, .detail-panels, .admin-grid-two { display: grid; gap: 24px; }
.form-layout { grid-template-columns: 1.35fr .65fr; }
.contact-sidebar { display: flex; flex-direction: column; gap: 20px; }
.sidebar-card.dark, .story-panel.dark, .panel.dark { background: var(--bg-soft); color: var(--text-light); border-color: transparent; }
.check-list { margin: 0; padding-left: 20px; }
.check-list li { margin-bottom: 12px; }
.alert { padding: 14px 16px; border-radius: 12px; margin-bottom: 18px; }
.alert.success { background: rgba(25,179,125,.14); color: #106d4b; }
.alert.error { background: rgba(204,51,79,.12); color: #932439; }

.filters-section { padding-top: 36px; padding-bottom: 12px; }
.filter-bar {
  display: grid;
  grid-template-columns: 1.5fr repeat(4, minmax(0,1fr)) auto auto;
  gap: 12px;
  padding: 18px;
  border: 1px solid var(--line);
  border-radius: 20px;
  background: #fff;
  box-shadow: var(--shadow);
}
.products-topline { display: flex; justify-content: space-between; align-items: center; gap: 20px; margin-bottom: 20px; }

.breadcrumb-row { display: flex; gap: 10px; align-items: center; font-size: 14px; color: var(--muted); margin-bottom: 18px; }
.product-detail-grid { display: grid; grid-template-columns: 1.05fr .95fr; gap: 24px; }
.product-gallery-card { padding: 22px; }
.product-gallery-main { border-radius: 20px; overflow: hidden; background: linear-gradient(135deg, #edf3ff, #d7e5ff); }
.product-gallery-main img { width: 100%; aspect-ratio: 4/3; object-fit: cover; }
.product-gallery-thumbs { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 12px; margin-top: 16px; }
.thumb { border-radius: 16px; overflow: hidden; background: #f4f8ff; border: 1px solid var(--line); }
.thumb img { width: 100%; aspect-ratio: 1/1; object-fit: cover; }
.product-summary-card { position: sticky; top: 104px; align-self: start; }
.product-subname { font-size: 20px; color: #3b4c6a; }
.spec-grid-mini { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 12px; margin: 26px 0; }
.spec-grid-mini div { padding: 16px; border-radius: 16px; background: #f6faff; }
.spec-grid-mini dt { color: var(--muted); margin-bottom: 6px; font-size: 14px; }
.spec-grid-mini dd { margin: 0; font-weight: 700; }
.quote-box { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 12px; }
.quote-metric { padding: 16px; border-radius: 16px; background: linear-gradient(135deg, #eff5ff, #e2efff); }
.quote-metric strong { display: block; font-size: 24px; margin-bottom: 4px; }
.quote-metric span { color: #426286; font-size: 14px; }
.product-actions { display: flex; gap: 12px; flex-wrap: wrap; margin: 24px 0; }
.product-meta-list { display: grid; gap: 8px; color: #44597c; }
.detail-panels { grid-template-columns: 1fr 1fr; }
.detail-panels.wider-left { grid-template-columns: 1.2fr .8fr; }
.spec-table { display: grid; gap: 10px; }
.spec-row { display: flex; justify-content: space-between; gap: 16px; padding: 14px 0; border-bottom: 1px solid var(--line); }
.spec-row span { color: var(--muted); }
.spec-row strong { text-align: right; }
.datasheet-box { margin-top: 24px; padding: 20px; border-radius: 18px; background: #f7fbff; border: 1px solid var(--line); }

.full-width-cta { align-items: center; }
.cta-band { display: flex; justify-content: space-between; align-items: center; gap: 24px; }
.cta-band p { max-width: 760px; color: inherit; opacity: .88; }
.cta-buttons-stack { display: flex; gap: 12px; flex-wrap: wrap; }

.article-layout { grid-template-columns: 1.2fr .8fr; }
.article-cover { width: 100%; border-radius: 24px; margin-bottom: 24px; }
.article-sidebar { display: flex; flex-direction: column; gap: 20px; }
.side-link-list { display: grid; gap: 14px; }
.side-link-list a { padding-bottom: 14px; border-bottom: 1px solid var(--line); font-weight: 700; }
.side-link-list small { display: block; color: var(--muted); font-weight: 500; margin-top: 6px; }

.process-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 20px; }
.process-step { position: relative; overflow: hidden; }
.step-index { position: absolute; top: 22px; right: 22px; font-size: 42px; color: rgba(11,124,255,.12); font-weight: 800; }
.compact-card { min-height: 220px; }

.site-footer { background: var(--bg); color: rgba(255,255,255,.74); padding-top: 56px; }
.footer-grid { display: grid; grid-template-columns: 1.5fr 1fr 1fr 1fr; gap: 28px; padding-bottom: 28px; }
.site-footer h4 { color: #fff; margin-bottom: 16px; }
.site-footer a, .site-footer span { display: block; margin-bottom: 10px; }
.footer-copy { max-width: 360px; }
.footer-bottom { display: flex; justify-content: space-between; gap: 20px; padding: 20px 0 28px; border-top: 1px solid rgba(255,255,255,.08); }
.brand-footer .brand-copy small { color: rgba(255,255,255,.6); }

/* Admin */
.admin-body, .login-body { background: #f4f7fc; }
.admin-layout { display: grid; grid-template-columns: 280px 1fr; min-height: 100vh; }
.admin-sidebar { background: linear-gradient(180deg, #0a1322, #13233d); color: rgba(255,255,255,.74); padding: 26px 18px; display: flex; flex-direction: column; }
.admin-brand { display: flex; align-items: center; gap: 12px; color: #fff; margin-bottom: 28px; }
.admin-brand small { display: block; color: rgba(255,255,255,.62); }
.admin-nav { display: grid; gap: 6px; }
.admin-nav a { padding: 12px 14px; border-radius: 14px; }
.admin-nav a.is-active, .admin-nav a:hover { background: rgba(255,255,255,.08); color: #fff; }
.admin-logout { margin-top: auto; padding: 12px 14px; border-radius: 14px; border: 1px solid rgba(255,255,255,.1); text-align: center; }
.admin-main { padding: 32px; }
.admin-topbar { display: flex; justify-content: space-between; gap: 24px; align-items: center; margin-bottom: 24px; }
.admin-topbar p { color: var(--muted); margin: 8px 0 0; }
.admin-topbar-actions { display: flex; gap: 10px; flex-wrap: wrap; }
.kpi-grid { display: grid; grid-template-columns: repeat(6, minmax(0,1fr)); gap: 16px; margin-bottom: 24px; }
.kpi-card { padding: 22px; }
.kpi-card span { display: block; color: var(--muted); margin-bottom: 10px; }
.kpi-card strong { font-size: 34px; }
.compact-kpi { grid-template-columns: repeat(2, minmax(0,1fr)); }
.admin-grid-two { grid-template-columns: 1fr 1fr; margin-bottom: 24px; }
.admin-panel { padding: 24px; }
.table-wrap { overflow: auto; }
.admin-table { width: 100%; border-collapse: collapse; }
.admin-table th, .admin-table td { padding: 14px 10px; border-bottom: 1px solid var(--line); vertical-align: top; text-align: left; }
.admin-table th { color: var(--muted); font-size: 13px; text-transform: uppercase; letter-spacing: .05em; }
.table-sub { display: block; color: var(--muted); font-size: 12px; margin-top: 4px; }
.message-row td { background: #fafcff; color: #44597c; }
.admin-form { display: grid; gap: 18px; }
.admin-form label { display: grid; gap: 8px; }
.admin-form span { font-weight: 700; color: #24324d; }
.admin-form input[type='text'],
.admin-form input[type='email'],
.admin-form input[type='password'],
.admin-form input[type='number'],
.admin-form input[type='date'],
.admin-form input[type='search'],
.admin-form input[type='file'],
.admin-form select,
.admin-form textarea,
.filter-bar input,
.filter-bar select {
  width: 100%;
  padding: 14px 16px;
  border-radius: 14px;
  border: 1px solid var(--line);
  background: #fff;
  color: var(--text);
}
.admin-form textarea { resize: vertical; }
.form-grid { display: grid; gap: 16px; }
.form-grid.two { grid-template-columns: repeat(2, minmax(0,1fr)); }
.form-grid.three { grid-template-columns: repeat(3, minmax(0,1fr)); }
.form-grid.four { grid-template-columns: repeat(4, minmax(0,1fr)); }
.checkbox-row { align-items: center; }
.checkbox { display: inline-flex !important; align-items: center; gap: 10px; }
.checkbox input { width: 18px; height: 18px; }
.button-row { display: flex; gap: 12px; flex-wrap: wrap; }
.field-note { color: var(--muted); font-size: 12px; }
.mini-chart-list { display: grid; gap: 14px; }
.mini-chart-row { display: grid; grid-template-columns: 90px 1fr 54px; gap: 14px; align-items: center; }
.mini-bar { background: #eef4ff; border-radius: 999px; height: 10px; overflow: hidden; }
.mini-bar i { display: block; height: 100%; background: linear-gradient(135deg, var(--accent), var(--accent-2)); border-radius: inherit; }
.login-panel {
  width: min(460px, calc(100% - 40px));
  margin: 10vh auto;
  padding: 34px;
  border-radius: 24px;
  background: #fff;
  box-shadow: var(--shadow);
  border: 1px solid var(--line);
}
.login-brand { display: flex; gap: 14px; align-items: center; margin-bottom: 24px; }
.login-help { margin-top: 18px; color: var(--muted); }
.status-form { display: flex; align-items: center; gap: 10px; }

@media (max-width: 1180px) {
  .card-grid-5, .card-grid-4, .card-grid-3, .product-grid, .post-grid, .process-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .product-detail-grid, .page-hero-grid, .hero-slide, .form-layout, .article-layout, .detail-panels, .detail-panels.wider-left, .footer-grid, .intro-grid, .story-grid, .admin-grid-two, .dual-grid { grid-template-columns: 1fr; }
  .hero-slide-visual { justify-self: start; }
  .kpi-grid { grid-template-columns: repeat(3, minmax(0,1fr)); }
  .filter-bar { grid-template-columns: 1fr 1fr 1fr; }
  .admin-layout { grid-template-columns: 1fr; }
  .admin-sidebar { position: sticky; top: 0; z-index: 30; }
}

@media (max-width: 820px) {
  .shell { width: min(100% - 28px, 1200px); }
  .site-nav, .header-cta, .topbar-contact { display: none; }
  .hero-stats, .product-grid, .post-grid, .card-grid-3, .card-grid-4, .card-grid-5, .process-grid, .logo-grid, .tag-grid, .quote-box, .spec-grid-mini, .form-grid.two, .form-grid.three, .form-grid.four, .filter-bar, .kpi-grid, .compact-kpi { grid-template-columns: 1fr; }
  .footer-bottom, .cta-band, .products-topline, .section-head, .admin-topbar { flex-direction: column; align-items: start; }
  .hero-slider { padding-top: 52px; }
  .admin-main { padding: 20px; }
}

.site-logo { height: 54px; width: auto; object-fit: contain; }
.topbar-left, .topbar-right { display:flex; align-items:center; gap:16px; }
.topbar-right { margin-left:auto; }
.topbar-link { font-weight:700; color:inherit; opacity:.96; }
.social-strip, .footer-socials { display:flex; gap:8px; flex-wrap:wrap; }
.social-icon { width:28px; height:28px; border-radius:999px; display:grid; place-items:center; background:rgba(255,255,255,.16); color:#fff; font-size:12px; font-weight:800; }
.hero-slider-v5 .hero-slide { grid-template-columns: 1fr; min-height: 620px; position: relative; }
.hero-slider-v5 .hero-slide-copy { position: relative; z-index: 2; max-width: 640px; padding: 54px 0 90px; }
.full-bleed-visual { position:absolute; inset:0; }
.full-bleed-visual::after { content:''; position:absolute; inset:0; background:linear-gradient(90deg, rgba(6,16,32,.84) 0%, rgba(6,16,32,.58) 42%, rgba(6,16,32,.16) 100%); border-radius:32px; }
.full-bleed-visual img { width:100%; height:100%; object-fit:cover; border-radius:32px; }
.hero-slider-shell { overflow:hidden; }
.hero-slider-track { position:relative; }
.clickable-card { transition:transform .2s ease, box-shadow .2s ease; }
.clickable-card:hover { transform:translateY(-4px); }
.mini-link { margin-top:auto; font-weight:700; color:var(--accent); }
.product-grid-4 { grid-template-columns: repeat(4, minmax(0,1fr)); }
.section-compact-products .product-card-image.compact-image { aspect-ratio: 1.3 / 1; }
.compact-product-card .product-card-body { display:flex; flex-direction:column; min-height: 270px; }
.sticky-actions { margin-top:auto; }
.post-slider { overflow:hidden; }
.post-slider-track { display:grid; grid-auto-flow:column; grid-auto-columns:minmax(300px, 1fr); gap:22px; overflow:auto; padding-bottom:8px; scroll-snap-type:x mandatory; }
.post-slider-track::-webkit-scrollbar { height:10px; }
.post-slider-track::-webkit-scrollbar-thumb { background:#cfd8ea; border-radius:999px; }
.post-slider-track.is-dragging { cursor:grabbing; }
.post-slider-track > * { scroll-snap-align:start; }
.aligned-card .product-card-body-flex { display:flex; flex-direction:column; min-height:260px; }
.pager { display:flex; align-items:center; justify-content:center; gap:10px; margin-top:28px; flex-wrap:wrap; }
.pager-link, .pager-ellipsis { min-width:44px; height:44px; border-radius:12px; border:1px solid var(--line); display:grid; place-items:center; background:#fff; }
.pager-link.is-active { background:var(--accent); color:#fff; border-color:var(--accent); }
.pager-link.is-disabled { pointer-events:none; opacity:.45; }
.req { color:#d92d20; font-style:normal; }
.admin-preview { margin-top:10px; width:160px; max-width:100%; border-radius:12px; border:1px solid var(--line); background:#f5f7fb; }
.admin-preview.wide { width:280px; }
.admin-form h3 { margin-top:10px; }
.topbar { font-size:13px; }
.site-nav { gap:18px; }
.site-nav a { font-size:15px; }
.brand-copy strong { font-size:17px; }
.brand-copy small { max-width:360px; }
@media (max-width:1180px) { .product-grid-4 { grid-template-columns: repeat(2, minmax(0,1fr)); } }
@media (max-width:820px) {
  .hero-slider-v5 .hero-slide { min-height:auto; }
  .hero-slider-v5 .hero-slide-copy { padding:28px 0 36px; }
  .full-bleed-visual { position:relative; min-height:260px; }
  .topbar-left, .topbar-right { flex-wrap:wrap; }
  .product-grid-4 { grid-template-columns: 1fr; }
}


/* v5.2 front-end refinement */
.topbar { box-shadow: inset 0 -1px 0 rgba(255,255,255,.08); }
.topbar-inner { min-height: 42px; }
.social-icon { border: 1px solid rgba(255,255,255,.18); transition: transform .2s ease, background .2s ease; }
.social-icon:hover { transform: translateY(-1px); background: rgba(255,255,255,.24); }
.site-header { box-shadow: 0 10px 30px rgba(8,17,31,.06); }
.header-inner { min-height: 88px; }
.brand { gap: 14px; }
.trust-strip-section { padding: 22px 0 18px; }
.trust-strip { display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap:16px; }
.trust-item { padding: 18px 20px; border:1px solid var(--line); border-radius: 18px; background:#fff; box-shadow: var(--shadow); }
.trust-item strong { display:block; margin-bottom:8px; font-size:15px; color:#173968; }
.trust-item span { color: var(--muted); line-height:1.6; font-size:14px; }
.portfolio-section { background: linear-gradient(180deg, #fff 0%, #f8fbff 100%); }
.portfolio-grid { display:grid; grid-template-columns: repeat(5, minmax(0,1fr)); gap:18px; }
.portfolio-card { display:flex; flex-direction:column; gap:16px; padding:26px 22px; border-radius: 22px; border:1px solid var(--line); background:#fff; box-shadow: var(--shadow); }
.portfolio-card h3 { font-size: 22px; margin-bottom:10px; }
.portfolio-card p { color: var(--muted); min-height: 72px; }
.portfolio-chip { display:inline-flex; padding:7px 12px; border-radius:999px; background:#edf5ff; color:#1755a6; font-weight:700; font-size:12px; }
.portfolio-links { display:grid; gap:10px; }
.portfolio-links a { color:#23497b; padding:10px 12px; border-radius:12px; background:#f6f9fe; font-weight:600; }
.portfolio-actions { margin-top:auto; }
.manufacturers-section .panel { padding: 26px; }
.logo-grid-compact .logo-card { min-height: 118px; }
.section-compact-products { padding-top: 56px; }
.compact-product-card { display:flex; flex-direction:column; }
.compact-product-card .product-card-body { min-height: 286px; }
.compact-product-card p { color: var(--muted); }
.sector-section .industry-card, .sector-section .quality-card { min-height: 100%; }
.insights-section .post-card { min-height: 100%; }
.site-footer .footer-socials a { display:inline-flex; align-items:center; justify-content:center; min-width:40px; height:40px; border-radius:999px; background: rgba(255,255,255,.08); margin: 6px 8px 0 0; }
@media (max-width: 1180px) {
  .portfolio-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .trust-strip { grid-template-columns: 1fr; }
}
@media (max-width: 820px) {
  .portfolio-grid { grid-template-columns: 1fr; }
  .trust-strip-section { padding-top: 18px; }
}

/* v5.3 refinement */
.company-overview-grid { display:grid; grid-template-columns: 1.2fr .8fr; gap:24px; }
.embedded-grid { margin-top: 20px; }
.mini-panel { padding: 18px 18px 8px; border:1px solid var(--line); border-radius:16px; background:#fbfdff; }
.service-layout-grid, .industry-layout-grid { display:grid; gap:22px; grid-template-columns: repeat(2, minmax(0,1fr)); }
.service-detail-card-v2 { position:relative; padding-left: 84px; }
.service-number { position:absolute; top:28px; left:28px; width:40px; height:40px; border-radius:999px; display:grid; place-items:center; font-weight:800; background:#edf5ff; color:#1659b7; }
.service-actions-row { display:flex; align-items:center; justify-content:space-between; gap:14px; margin-top:auto; }
.quality-grid-v2 .process-step { min-height: 220px; }
.category-chip-row { display:flex; flex-wrap:wrap; gap:12px; margin-top:24px; }
.category-chip { padding:10px 14px; border-radius:999px; background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.18); color:#fff; font-weight:600; }
.category-chip.is-active, .category-chip:hover { background:#fff; color:var(--accent); }
.product-archive-section { padding-top: 18px; }
.archive-card .product-card-image { aspect-ratio: 1.25 / 1; }
.product-hero-v2 { padding-top: 42px; }
.product-detail-grid-v2 { grid-template-columns: 1.08fr .92fr; gap: 28px; }
.product-summary-card-v2 { padding: 30px; }
.headline-topline { display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.pill { display:inline-flex; align-items:center; justify-content:center; padding:6px 12px; border-radius:999px; background:#eef5ff; color:#1c5db7; font-size:12px; font-weight:700; }
.pill.success { background: rgba(25,179,125,.12); color:#107353; }
.quote-box-v2 { grid-template-columns: repeat(2, minmax(0,1fr)); margin-top: 24px; }
.spec-grid-mini-v2 { margin-top: 20px; }
.spec-grid-mini-v2 div { background:#f8fbff; border:1px solid var(--line); }
.sticky-product-actions { position: sticky; top: 96px; background:#fff; padding: 8px 0 2px; z-index: 4; }
.product-meta-grid { margin-top: 6px; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 10px 14px; }
.product-meta-grid span { padding: 12px 14px; border-radius: 14px; background:#f8fbff; border:1px solid var(--line); }
.procurement-note { margin-top: 22px; padding:20px; border-radius:18px; background:linear-gradient(180deg, #f7fbff 0%, #edf4ff 100%); border:1px solid var(--line); }
.procurement-note h3 { margin-bottom:8px; }
.gallery-footer-note { margin-top:14px; color:var(--muted); font-size:14px; }
.detail-panels-v2 { grid-template-columns: 1fr 1fr .86fr; }
.quote-side-panel { display:flex; flex-direction:column; }
.compact-stack { margin-top: auto; }
.datasheet-box-dark { background: rgba(255,255,255,.06); border-color: rgba(255,255,255,.12); }
.table-sub { display:block; color:var(--muted); font-size:12px; margin-top:4px; }
@media (max-width: 1180px) {
  .company-overview-grid, .service-layout-grid, .industry-layout-grid, .detail-panels-v2 { grid-template-columns: 1fr; }
}
@media (max-width: 820px) {
  .service-detail-card-v2 { padding-left: 28px; }
  .service-number { position:static; margin-bottom: 12px; }
  .product-detail-grid-v2 { grid-template-columns: 1fr; }
  .quote-box-v2, .product-meta-grid { grid-template-columns: 1fr; }
  .category-chip-row { gap:10px; }
}

/* v5.4 visual refinement */
.topbar { font-size: 13px; }
.topbar-inner { display:flex; align-items:center; justify-content:space-between; gap:18px; min-height:42px; }
.topbar-left, .topbar-right, .topbar-contact, .social-strip { display:flex; align-items:center; gap:14px; flex-wrap:wrap; }
.topbar-link { font-weight: 700; }
.social-icon { width: 28px; height: 28px; display:inline-flex; align-items:center; justify-content:center; border-radius:999px; background: rgba(255,255,255,.16); color: inherit; font-size: 11px; font-weight: 800; text-transform: uppercase; }
.site-header { position: sticky; top: 0; z-index: 20; background: rgba(255,255,255,.94); backdrop-filter: blur(12px); border-bottom: 1px solid var(--line); }
.header-inner { min-height: 84px; display:grid; grid-template-columns: auto 1fr auto; align-items:center; gap: 28px; }
.brand { display:flex; align-items:center; gap:14px; }
.site-logo { width: auto; height: 48px; max-width: 180px; object-fit: contain; }
.brand-copy strong { display:block; font-size: 18px; }
.brand-copy small { display:block; margin-top: 4px; color: var(--muted); max-width: 430px; }
.site-nav { display:flex; justify-content:center; gap: 24px; }
.site-nav a { font-weight: 700; color: #24344f; position: relative; padding: 10px 0; }
.site-nav a.is-active { color: var(--accent); }
.site-nav a.is-active::after { content:''; position:absolute; left:0; right:0; bottom:-7px; height:3px; background: var(--accent); border-radius: 999px; }
.header-cta { display:flex; gap: 10px; }
.hero-slider-v5 { background: radial-gradient(circle at top left, #174685 0%, #0d213d 42%, #07111d 100%); color:#fff; padding: 30px 0 34px; }
.hero-slider-shell { width: min(1320px, calc(100% - 40px)); }
.hero-slide { align-items: stretch; }
.hero-slide-copy { padding: 64px 0; display:flex; flex-direction:column; justify-content:center; }
.hero-slide-copy h1 { max-width: 720px; letter-spacing: -0.03em; }
.hero-slide-copy p { max-width: 680px; }
.hero-slide-visual.full-bleed-visual { display:flex; align-items:stretch; }
.hero-slide-visual.full-bleed-visual img { width: min(610px, 100%); height: 100%; min-height: 520px; object-fit: cover; border-radius: 32px; }
.hero-stats-v54 .stat-card { background: rgba(255,255,255,.1); }
.trust-strip-v54 .trust-strip { grid-template-columns: repeat(4, minmax(0,1fr)); }
.trust-strip { display:grid; gap: 18px; }
.trust-item { padding: 22px 24px; border-radius: 20px; background:#fff; border:1px solid var(--line); box-shadow: var(--shadow); }
.trust-item strong { display:block; margin-bottom:10px; font-size: 16px; }
.home-intro-band { padding-top: 40px; }
.intro-band-grid { display:grid; grid-template-columns: 1.05fr .95fr; gap: 26px; align-items:start; }
.intro-band-copy p { font-size: 17px; color: #334767; max-width: 680px; }
.intro-band-points { display:grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 16px; }
.intro-point { padding: 22px; border-radius: 22px; border:1px solid var(--line); background:#f8fbff; }
.intro-point strong { display:block; margin-bottom: 8px; }
.portfolio-grid-v54 { grid-template-columns: repeat(3, minmax(0,1fr)); }
.portfolio-card-v54 { display:flex; flex-direction:column; justify-content:space-between; min-height: 270px; background: #fff; border:1px solid var(--line); border-radius: 24px; padding: 26px; box-shadow: var(--shadow); }
.portfolio-chip { display:inline-flex; padding: 6px 10px; border-radius: 999px; background: #eef5ff; color:#2a5fa7; font-size: 12px; font-weight: 700; margin-bottom: 14px; }
.portfolio-links { display:flex; flex-wrap:wrap; gap: 10px; margin-top:18px; }
.portfolio-links a { padding: 8px 12px; border-radius: 999px; background: #f5f8fd; color:#38527b; font-size: 13px; }
.panel-soft { background:#fff; }
.logo-grid-compact { grid-template-columns: repeat(4, minmax(0,1fr)); }
.logo-card { min-height: 106px; }
.service-card-v54 { position:relative; overflow:hidden; padding-top: 52px; }
.service-card-index { position:absolute; top: 18px; right: 18px; font-size: 28px; font-weight: 900; color: rgba(11,124,255,.15); }
.compact-product-card-v54 .product-card-image { aspect-ratio: 4 / 2.6; }
.compact-product-card-v54 .product-card-body { min-height: 250px; }
.archive-grid-v54 { grid-template-columns: repeat(3, minmax(0,1fr)); }
.archive-card-v54 .product-card-image { aspect-ratio: 4 / 2.6; }
.archive-card-v54 .product-card-body { min-height: 255px; }
.archive-card-footer { margin-top: 18px; display:grid; gap: 14px; }
.archive-card-quickmeta { display:flex; gap:8px; flex-wrap:wrap; }
.archive-card-quickmeta span { padding:6px 10px; border-radius:999px; background:#f2f7ff; color:#375a8c; font-size:12px; }
.products-topline-v54 strong { display:block; margin-bottom: 6px; }
.filter-bar-v54 { grid-template-columns: 1.6fr repeat(4, minmax(0,1fr)) auto auto; }
.product-gallery-card-v54 { box-shadow: var(--shadow); }
.product-summary-card-v2 { padding: 28px; }
.product-meta-grid { display:grid; gap: 10px; margin-top: 22px; }
.procurement-note-v54 { margin-top: 22px; padding: 20px; border-radius: 18px; background: #f6faff; border: 1px solid var(--line); }
.buyer-side-note { margin-top: 22px; padding-top: 18px; border-top: 1px solid rgba(255,255,255,.12); }
.media-grid-v54 { display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 18px; }
.media-card { background:#fff; border:1px solid var(--line); border-radius:20px; overflow:hidden; box-shadow: var(--shadow); display:flex; flex-direction:column; }
.media-preview { aspect-ratio: 16 / 10; background:#f4f8ff; display:grid; place-items:center; }
.media-preview img { width:100%; height:100%; object-fit:cover; }
.media-doc-badge { width:72px; height:72px; border-radius:22px; background:#0b7cff; color:#fff; display:grid; place-items:center; font-weight:800; letter-spacing:.08em; }
.media-card-body { padding:18px; display:grid; gap: 10px; }
.media-meta { display:flex; gap:8px; flex-wrap:wrap; color:var(--muted); font-size:12px; }
.media-path { color: var(--muted); font-size: 13px; }
.admin-path-copy { width:100%; border:1px solid var(--line); border-radius:10px; padding: 10px 12px; background:#f7fbff; }
.media-card-actions { padding: 0 18px 18px; display:flex; justify-content:space-between; align-items:center; gap: 10px; }
.table-thumb { width: 72px; height: 52px; object-fit: cover; border-radius: 12px; border:1px solid var(--line); background:#f5f8fd; }
.table-thumb.placeholder { display:grid; place-items:center; color:#7a88a2; font-size:12px; font-weight:700; }
.status-badge { display:inline-flex; align-items:center; justify-content:center; min-width: 66px; padding: 6px 10px; border-radius: 999px; background:#edf2fa; color:#51627e; font-size:12px; font-weight:700; }
.status-badge.status-live { background:#e8f8f1; color:#187a54; }
.status-badge.status-draft { background:#fff3dd; color:#a46c00; }
.admin-table-products-v54 td strong { display:block; }
.admin-table-products-v54 td small { display:block; color:var(--muted); margin-top:4px; }
.insights-section-v54 .post-card-v54 { min-width: 320px; }
.quality-card-v54 { min-height: 180px; }
.footer-socials { display:flex; flex-wrap:wrap; gap: 10px; margin-top: 14px; }
.footer-socials a { padding: 8px 10px; border-radius: 999px; background: rgba(255,255,255,.08); }

@media (max-width: 1180px) {
  .header-inner { grid-template-columns: 1fr; justify-items: start; }
  .site-nav { flex-wrap: wrap; justify-content: flex-start; }
  .hero-slide { grid-template-columns: 1fr; min-height: auto; }
  .hero-slide-visual.full-bleed-visual img { width: 100%; min-height: 320px; }
  .trust-strip-v54 .trust-strip, .portfolio-grid-v54, .archive-grid-v54, .media-grid-v54 { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .intro-band-grid, .dual-grid, .page-hero-grid, .product-detail-grid, .detail-panels, .detail-panels.wider-left { grid-template-columns: 1fr; }
}

@media (max-width: 760px) {
  .shell { width: min(100% - 24px, 100%); }
  .topbar-inner, .topbar-left, .topbar-right, .header-cta { align-items:flex-start; }
  .hero-slide-copy { padding: 34px 0 12px; }
  .hero-stats, .intro-band-points, .card-grid-4, .card-grid-3, .card-grid-2, .logo-grid-compact, .tag-grid, .product-grid, .archive-grid-v54, .media-grid-v54, .trust-strip-v54 .trust-strip, .portfolio-grid-v54 { grid-template-columns: 1fr; }
  .filter-bar, .filter-bar-v54 { grid-template-columns: 1fr; }
  .site-nav { gap: 16px; }
  .footer-grid { grid-template-columns: 1fr; }
}

/* v55 */
.hero-slider-v55 { position: relative; background: #06111f; color: #fff; overflow: hidden; }
.hero-slider-v55 .hero-slide { position: relative; display: none; align-items: center; }
.hero-slider-v55 .hero-slide.is-active { display: flex; }
.hero-slide-media { position: absolute; inset: 0; }
.hero-slide-media::after { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(4,11,20,.82) 0%, rgba(7,20,39,.74) 38%, rgba(8,27,49,.32) 72%, rgba(8,27,49,.16) 100%); }
.hero-slide-media img { width: 100%; height: 100%; object-fit: cover; }
.hero-slide-shell { position: relative; z-index: 2; width: 100%; }
.hero-slide-copy-v55 { max-width: 680px; padding: 110px 0 88px; }
.hero-slide-copy-v55 h1 { font-size: clamp(40px, 5vw, 62px); margin-bottom: 18px; }
.hero-slide-copy-v55 p { font-size: 19px; max-width: 620px; color: rgba(255,255,255,.84); }
.hero-stats-v55 { margin-top: 28px; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.stat-card-dark { background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.14); backdrop-filter: blur(12px); }
.slider-dots-light { margin-top: -36px; position: relative; z-index: 3; padding-bottom: 26px; }
.btn-light { border-color: rgba(255,255,255,.45); color: #fff; }
.btn-light:hover { background: rgba(255,255,255,.08); }
.overlap-shell-section { margin-top: -34px; position: relative; z-index: 4; }
.overlap-grid { display: grid; grid-template-columns: 1.35fr repeat(3, .55fr); gap: 18px; }
.overlap-card { background: #fff; border: 1px solid var(--line); border-radius: 24px; box-shadow: var(--shadow); padding: 26px; }
.overlap-card.primary-card { background: linear-gradient(135deg, #0b4ea2, #0b78ff 76%); color: #fff; border-color: transparent; }
.overlap-card.primary-card p { color: rgba(255,255,255,.86); }
.metric-card strong { display: block; font-size: 18px; margin-bottom: 8px; }
.metric-card span { color: var(--muted); }
.category-matrix-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 18px; }
.category-matrix-card { background: #fff; border: 1px solid var(--line); border-radius: 24px; padding: 24px; display: flex; flex-direction: column; gap: 18px; box-shadow: var(--shadow); }
.category-matrix-top h3 { margin-bottom: 8px; }
.category-matrix-links { display: flex; flex-direction: column; gap: 10px; min-height: 124px; }
.category-matrix-links a { color: #26446e; }
.logo-grid-v55 { grid-template-columns: repeat(6, minmax(0,1fr)); }
.logo-card-v55 { min-height: 118px; border-radius: 22px; }
.logo-card-v55 img { height: 34px; }
.split-feature-band { display: grid; grid-template-columns: .9fr 1.1fr; gap: 22px; align-items: start; }
.feature-band-copy { padding: 8px 4px; }
.compact-service-grid .service-card-v55 { min-height: 210px; }
.product-grid-compact-v55 { grid-template-columns: repeat(4, minmax(0,1fr)); }
.workflow-section .process-grid-v55 { grid-template-columns: repeat(3, minmax(0,1fr)); }
.quality-card-v55 { min-height: 214px; }
.section-dark-v55 { background: linear-gradient(135deg, #08111f, #112744 65%, #14457e); color: #fff; }
.insights-section-v55 .post-slider-track { padding-bottom: 6px; }
.site-header { position: sticky; top: 0; z-index: 30; background: rgba(255,255,255,.94); backdrop-filter: blur(14px); }
.social-icon { width: 34px; height: 34px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 700; border: 1px solid rgba(255,255,255,.24); background: rgba(255,255,255,.12); }
.social-icon:hover { transform: translateY(-1px); background: rgba(255,255,255,.22); }

.page-hero-products-v55 { background: linear-gradient(135deg, #091321, #13305b 70%, #0b72ef); }
.filters-section-v55 { padding-top: 28px; }
.filter-bar-v55 { grid-template-columns: 1.7fr repeat(4, minmax(0,1fr)) auto auto; }
.archive-layout-v55 { display: grid; grid-template-columns: 320px 1fr; gap: 24px; }
.archive-sidebar-v55 { display: flex; flex-direction: column; gap: 18px; }
.sidebar-panel-v55 { padding: 22px; }
.category-sidebar-list { display: grid; gap: 10px; }
.category-side-item { display: flex; justify-content: space-between; align-items: center; gap: 14px; padding: 12px 14px; border-radius: 16px; background: #f7fbff; border: 1px solid var(--line); }
.category-side-item strong { color: var(--brand-700); font-size: 13px; }
.category-side-item.is-active { background: #eaf3ff; border-color: rgba(11,124,255,.22); }
.brand-pill-grid { display: flex; flex-wrap: wrap; gap: 10px; }
.brand-pill { padding: 8px 12px; border-radius: 999px; background: #f3f7fd; color: #244268; font-size: 13px; }
.brand-pill.is-active { background: #0b7cff; color: #fff; }
.sidebar-cta-panel { background: linear-gradient(135deg, #0b4ea2, #0b7cff); color: #fff; border-color: transparent; }
.sidebar-cta-panel p { color: rgba(255,255,255,.82); }
.archive-main-v55 .product-grid { grid-template-columns: repeat(3, minmax(0,1fr)); }
.pager-v55 { margin-top: 26px; }

.page-card-grid, .banner-card-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 18px; }
.page-admin-card, .banner-admin-card { display: grid; grid-template-columns: 260px 1fr; gap: 18px; border: 1px solid var(--line); border-radius: 20px; background: #fff; box-shadow: var(--shadow); overflow: hidden; }
.page-admin-preview, .banner-admin-preview { background: #eef4ff; min-height: 180px; }
.page-admin-preview img, .banner-admin-preview img { width: 100%; height: 100%; object-fit: cover; }
.page-admin-placeholder { min-height: 100%; display: grid; place-items: center; color: #47658f; font-weight: 700; }
.page-admin-body, .banner-admin-body { padding: 20px 22px; display: flex; flex-direction: column; gap: 14px; }
.page-admin-top { display: flex; justify-content: space-between; gap: 14px; align-items: start; }
.page-admin-meta { display: flex; flex-wrap: wrap; gap: 10px; }
.page-admin-actions { margin-top: auto; }
.media-grid-v54, .media-grid { grid-template-columns: repeat(4, minmax(0,1fr)); }

@media (max-width: 1200px) {
  .category-matrix-grid { grid-template-columns: repeat(3, minmax(0,1fr)); }
  .product-grid-compact-v55 { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .archive-layout-v55 { grid-template-columns: 1fr; }
  .page-card-grid, .banner-card-grid { grid-template-columns: 1fr; }
}
@media (max-width: 960px) {
  .hero-stats-v55, .overlap-grid, .split-feature-band, .workflow-section .process-grid-v55, .archive-main-v55 .product-grid, .logo-grid-v55 { grid-template-columns: 1fr; }
  .hero-slider-v55 .hero-slide { min-height: 620px; }
  .category-matrix-grid { grid-template-columns: 1fr; }
  .page-admin-card, .banner-admin-card { grid-template-columns: 1fr; }
}


/* v56 refinements */
.page-hero-shell {
  background-size: cover;
  background-position: center;
  position: relative;
}
.page-hero-shell::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(7,17,29,.08) 100%);
  pointer-events: none;
}
.page-hero-grid-v56 { position: relative; z-index: 1; min-height: 420px; }
.page-hero-visual-v56 { display:flex; justify-content:flex-end; }
.hero-floating-card {
  width: min(420px, 100%);
  padding: 28px;
  border-radius: 24px;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.14);
  box-shadow: 0 24px 70px rgba(0,0,0,.24);
  backdrop-filter: blur(8px);
}
.hero-floating-card h3 { color:#fff; margin: 10px 0 14px; }
.hero-floating-card li { color: rgba(255,255,255,.82); }
.inner-hero-metrics { display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 12px; margin-top: 28px; }
.compact-stats-grid { grid-template-columns: repeat(4, minmax(0,1fr)); margin-bottom: 20px; }
.compact-filter-form { margin-bottom: 22px; }
.copy-field-row { display:flex; gap:10px; align-items:center; margin-top:10px; }
.copy-field-row .admin-path-copy { flex:1; }
.archive-layout-v55 { display:grid; grid-template-columns: 300px minmax(0, 1fr); gap: 24px; align-items:start; }
.archive-sidebar-v55 { position: sticky; top: 94px; display: grid; gap: 18px; }
.products-topline-v55 { padding: 18px 22px; border:1px solid var(--line); border-radius: 20px; background:#fff; box-shadow: var(--shadow); }
.archive-grid-v55 { grid-template-columns: repeat(2, minmax(0,1fr)); }
.archive-card-v55 .archive-card-footer { display:grid; gap: 14px; margin-top: 18px; }
.archive-card-quickmeta { display:flex; flex-wrap:wrap; gap:10px; color:#4e668b; font-size:13px; }
.archive-card-quickmeta span { padding:6px 10px; background:#f2f7ff; border-radius:999px; }
.support-strip-section { padding-top: 0; }
.support-strip-grid { display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 18px; }
.support-strip-card { padding: 24px; border-radius: 20px; background:#fff; border:1px solid var(--line); box-shadow: var(--shadow); }
.support-strip-card.dark-card { background: linear-gradient(135deg, #0c1b2f, #163a67); color: rgba(255,255,255,.88); border-color: transparent; }
.support-strip-card.dark-card h3, .support-strip-card.dark-card .section-tag { color:#fff; }
.brands-hub-section-v56 .logo-card-v55 { min-height: 132px; }
.workflow-section-v56 .process-step { min-height: 220px; }
.social-icon { width: 34px; height: 34px; border-radius: 999px; display:grid; place-items:center; background: rgba(255,255,255,.16); border:1px solid rgba(255,255,255,.2); font-size: 12px; font-weight: 700; }
.topbar-right { display:flex; align-items:center; gap:16px; }
.social-strip { display:flex; gap:10px; }
.page-admin-card, .banner-admin-card { overflow:hidden; }
.page-admin-preview, .banner-admin-preview { aspect-ratio: 16/8; background: linear-gradient(135deg, #dbe8ff, #f4f8ff); }
.page-admin-preview img, .banner-admin-preview img { width:100%; height:100%; object-fit:cover; }
.page-admin-placeholder { display:grid; place-items:center; height:100%; color:#45628e; font-weight:700; }
.page-admin-body, .banner-admin-body { padding: 20px; display:grid; gap:12px; }
.page-card-grid, .banner-card-grid { display:grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap:20px; }
.media-grid-v54 { grid-template-columns: repeat(3, minmax(0,1fr)); }
.media-card { overflow:hidden; }
.media-preview { aspect-ratio: 16/10; background:#f5f8ff; display:grid; place-items:center; }
.media-preview img { width:100%; height:100%; object-fit:cover; }
.media-doc-badge { font-weight:800; letter-spacing:.08em; color:#23497f; }
.media-card-body { padding: 18px; display:grid; gap:10px; }
.media-card-actions { padding: 0 18px 18px; display:flex; gap:10px; }
@media (max-width: 1100px) {
  .archive-layout-v55, .support-strip-grid, .page-card-grid, .banner-card-grid, .media-grid-v54 { grid-template-columns: 1fr; }
  .archive-sidebar-v55 { position: static; }
  .archive-grid-v55 { grid-template-columns: 1fr; }
  .compact-stats-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .inner-hero-metrics { grid-template-columns: 1fr; }
}


/* v58 layout tuning */
@media (max-width: 1680px) {
  .shell { width: min(1600px, calc(100% - 52px)); }
}
@media (max-width: 1200px) {
  .shell { width: min(100%, calc(100% - 28px)); }
}

.logo-only-brand .brand-copy { display: none; }
.site-logo-large { width: auto; height: 58px; max-width: 240px; object-fit: contain; }
.site-nav { gap: 26px; }
.site-nav a { font-size: 15px; }

.hover-card, .logo-card, .product-card, .card, .industry-card, .quality-card, .service-card, .category-hub-item {
  transition: transform .26s ease, box-shadow .26s ease, border-color .26s ease, background-color .26s ease;
}
.hover-card:hover, .logo-card:hover, .product-card:hover, .card:hover, .industry-card:hover, .quality-card:hover, .service-card:hover, .category-hub-item:hover {
  transform: translateY(-7px);
  box-shadow: 0 26px 60px rgba(8,17,31,0.14);
  border-color: rgba(11,124,255,.22);
}
.logo-card img, .product-card img, .industry-card img, .hub-product-image img {
  transition: transform .35s ease;
}
.logo-card:hover img, .product-card:hover img, .industry-card:hover img, .hub-product-card:hover .hub-product-image img {
  transform: scale(1.04);
}

.intro-band-section { padding-top: 34px; }
.intro-band-grid { display: grid; grid-template-columns: 2.2fr repeat(3,1fr); gap: 18px; }
.intro-band-card {
  background: linear-gradient(180deg,#ffffff,#f7faff);
  border: 1px solid rgba(11,124,255,.08);
  border-radius: 24px;
  padding: 28px;
  box-shadow: 0 16px 40px rgba(8,17,31,.08);
}
.intro-band-card strong {
  display: block;
  font-size: clamp(28px, 3vw, 42px);
  line-height: 1;
  margin-bottom: 12px;
  color: var(--accent);
}
.intro-band-card span:last-child { color: var(--muted); }

.category-hub-layout { display: grid; grid-template-columns: 420px minmax(0,1fr); gap: 22px; }
.category-hub-sidebar { display: grid; gap: 14px; }
.category-hub-item {
  display: flex; justify-content: space-between; gap: 16px;
  padding: 18px 20px; border-radius: 20px; border: 1px solid rgba(11,124,255,.10); background: #fff;
}
.category-hub-item strong { display: block; margin-bottom: 6px; color: #14233c; }
.category-hub-item span { display: block; color: var(--muted); font-size: 14px; line-height: 1.5; }
.category-hub-item em { font-style: normal; color: var(--accent); font-weight: 700; white-space: nowrap; }

.category-hub-main {
  background: #fff; border-radius: 24px; border: 1px solid rgba(11,124,255,.08);
  padding: 24px; box-shadow: 0 18px 42px rgba(8,17,31,.06);
}
.hub-panel-head { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin-bottom: 18px; }
.hub-product-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 18px; }
.hub-product-card { border: 1px solid rgba(11,124,255,.08); background: #f9fbff; border-radius: 20px; overflow: hidden; }
.hub-product-image { display: block; aspect-ratio: 1.2/1; background: #fff; border-bottom: 1px solid rgba(11,124,255,.06); }
.hub-product-image img { width: 100%; height: 100%; object-fit: contain; padding: 18px; }
.hub-product-body { padding: 18px; }
.hub-product-body h4 { margin: 10px 0 14px; font-size: 17px; line-height: 1.35; }
.hub-product-actions { display: flex; gap: 10px; align-items: center; }

.compact-product-grid .product-card p,
.archive-card p,
.hub-product-body p {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.archive-grid-v58 { grid-template-columns: repeat(4, minmax(0,1fr)); }
.archive-card-v58 .product-card-image { aspect-ratio: 1.15/1; background: #fff; }
.archive-card-v58 .product-card-image img { height: 100%; object-fit: contain; padding: 18px; }
.archive-card-v58 h3 { font-size: 18px; line-height: 1.35; }

.form-layout-grid { display: grid; grid-template-columns: minmax(0, 2.2fr) minmax(320px, 1fr); gap: 24px; }
.admin-panel, .page-admin-card, .banner-admin-card, .media-card, .table-wrap { overflow: hidden; }
.page-admin-body h3, .banner-admin-body h3, .admin-topbar p { overflow-wrap: anywhere; word-break: break-word; }

@media (max-width: 1280px) {
  .intro-band-grid, .category-hub-layout, .hub-product-grid, .archive-grid-v58 { grid-template-columns: 1fr; }
}

/* v59 builder and layout refinements */
.shell { width: min(var(--front-shell-max), calc(100% - var(--front-shell-pad))); max-width: var(--front-shell-max); margin: 0 auto; }
.hero-slide-shell { width: min(var(--front-shell-max), calc(100% - var(--front-shell-pad))); max-width: var(--front-shell-max); margin: 0 auto; }
@media (max-width: 1680px) { .shell { width: min(2100px, calc(100% - 56px)); max-width: 2100px; } }
@media (max-width: 1200px) { .shell, .hero-slide-shell { width: min(100%, calc(100% - 28px)); } }

.topbar-inner, .header-inner, .footer-grid, .footer-bottom, .section-head, .panel-topline, .page-admin-top, .banner-admin-top { gap: 16px; }
.site-nav { flex-wrap: wrap; }
.site-nav a { white-space: nowrap; }
.admin-topbar, .panel-topline, .page-admin-actions, .button-row-wrap { flex-wrap: wrap; }
.panel-topline-actions, .button-row-wrap { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.inline-chip-row { display:flex; flex-wrap:wrap; gap:10px; margin-top:12px; }
.slim-panel { margin-top: 18px; }

.intro-band-grid { grid-template-columns: 1.5fr repeat(3, minmax(0,1fr)); }
.intro-band-card-wide { min-height: 100%; }
.category-hub-item, .hub-product-card, .compact-product-card, .page-admin-card, .banner-admin-card, .media-card, .section-builder-card, .mini-builder-card { overflow: hidden; }
.compact-product-card .product-card-image.compact-image { aspect-ratio: 1.3 / 0.95; }
.compact-product-card .product-card-body { min-height: 226px; }
.compact-product-card h3 { font-size: 18px; }
.compact-product-card p { font-size: 14px; line-height: 1.55; }

.value-strip-card {
  display:grid; grid-template-columns: 1.1fr 1.8fr auto; gap: 20px; align-items:center;
  padding: 28px 32px; border-radius: 28px; background: linear-gradient(135deg,#ffffff,#edf5ff); border:1px solid rgba(11,124,255,.10);
  box-shadow: 0 22px 50px rgba(7,16,30,.08);
}
.value-strip-points { display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 16px; }
.value-strip-points article { padding: 16px 18px; border-radius: 18px; background: rgba(255,255,255,.92); border:1px solid rgba(11,124,255,.10); }
.value-strip-points strong { display:block; margin-bottom:8px; color:#163159; }
.value-strip-points p { margin:0; color: var(--muted); }
.dynamic-split { display:grid; grid-template-columns: 1.1fr .9fr; gap: 26px; align-items:center; }
.dynamic-split.is-reverse { grid-template-columns: .9fr 1.1fr; }
.dynamic-split.is-reverse .dynamic-copy { order:2; }
.dynamic-split.is-reverse .dynamic-media { order:1; }
.dynamic-media img { width:100%; border-radius: 28px; display:block; box-shadow: var(--shadow); }
.dynamic-card-grid { grid-template-columns: repeat(3, minmax(0,1fr)); }
.dynamic-card-item { min-height: 210px; }
.stats-band { display:grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 16px; }
.stats-band-item { padding: 26px; border-radius: 22px; background:#fff; border:1px solid rgba(11,124,255,.10); box-shadow: 0 16px 40px rgba(8,17,31,.05); }
.stats-band-item strong { display:block; font-size: clamp(28px,3vw,44px); line-height:1; margin-bottom:10px; color: var(--accent); }
.stats-band-item span { color: var(--muted); }
.dynamic-cta-band { border-radius: 30px; border:1px solid rgba(11,124,255,.10); background: linear-gradient(120deg,#0d1d37,#123862 55%,#1762aa); color:#fff; }
.dynamic-cta-band h2, .dynamic-cta-band p, .dynamic-cta-band .section-tag { color:#fff; }
.dynamic-steps-grid { grid-template-columns: repeat(4, minmax(0,1fr)); }
.faq-list { display:grid; gap: 16px; }
.faq-item { background:#fff; border:1px solid rgba(11,124,255,.10); border-radius: 18px; padding: 0 18px; box-shadow: 0 12px 32px rgba(8,17,31,.04); }
.faq-item summary { cursor:pointer; list-style:none; font-weight:700; padding: 18px 0; }
.faq-item[open] summary { color: var(--accent); }
.faq-item .rich-text { padding: 0 0 18px; color: var(--muted); }

.section-builder-grid { display:grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 18px; }
.section-builder-card { padding: 20px; border:1px solid var(--line); border-radius: 20px; background:#fff; display:grid; gap: 14px; box-shadow: var(--shadow); }
.section-builder-top { display:flex; justify-content:space-between; gap:14px; align-items:flex-start; }
.section-builder-meta { display:flex; flex-wrap:wrap; gap:10px; }
.builder-card-grid { display:grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 16px; }
.builder-card-grid-compact { grid-template-columns: repeat(4, minmax(0,1fr)); }
.mini-builder-card { padding: 16px; border:1px solid var(--line); border-radius: 16px; background:#f7fbff; display:grid; gap: 12px; }
.section-editor-group { padding: 18px; border:1px solid var(--line); border-radius: 20px; background:#fff; display:grid; gap: 20px; }
.builder-subgroup { display:grid; gap: 14px; }
.builder-subgroup h4 { margin:0; }
.empty-state { padding: 34px; border-radius: 20px; background:#f7fbff; border:1px dashed rgba(11,124,255,.24); color: var(--muted); text-align:center; }

.footer-socials a, .social-strip a { display:inline-flex; align-items:center; justify-content:center; }
.footer-socials { display:flex; flex-wrap:wrap; gap: 10px; margin-top: 14px; }
.footer-socials a { width: 38px; height: 38px; border-radius: 999px; border:1px solid rgba(255,255,255,.2); background: rgba(255,255,255,.08); color:#fff; font-size: 12px; }

@media (max-width: 1400px) {
  .dynamic-card-grid, .dynamic-steps-grid, .stats-band, .value-strip-points, .section-builder-grid, .builder-card-grid-compact { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .value-strip-card { grid-template-columns: 1fr; }
}
@media (max-width: 1024px) {
  .dynamic-split, .intro-band-grid, .category-hub-layout, .builder-card-grid, .dynamic-card-grid, .dynamic-steps-grid, .stats-band, .value-strip-points, .section-builder-grid { grid-template-columns: 1fr; }
}

/* v510 front-end and admin refinement */
.shell { width: min(var(--front-shell-max), calc(100% - var(--front-shell-pad))); max-width: var(--front-shell-max); margin: 0 auto; }
.hero-slide-shell { width: min(var(--front-shell-max), calc(100% - var(--front-shell-pad))); max-width: var(--front-shell-max); margin: 0 auto; }
@media (max-width: 1680px) { .shell { width: min(2100px, calc(100% - 56px)); max-width: 2100px; } .hero-slide-shell { width: min(2360px, calc(100% - 56px)); max-width: var(--front-shell-max); } }
@media (max-width: 1200px) { .shell, .hero-slide-shell { width: min(100%, calc(100% - 28px)); } }

.header-inner-v510 { display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: center; gap: 26px; }
.logo-only-brand { gap: 0; }
.site-logo-large { height: 50px; width: auto; }
.site-nav { justify-content: center; gap: 22px; }
.header-tools-v510 { display: flex; align-items: center; gap: 10px; }
.header-search { display: flex; align-items: center; gap: 8px; padding: 8px 10px 8px 14px; border: 1px solid var(--line); border-radius: 999px; background: #fff; min-width: 300px; }
.header-search input { border: none; outline: none; background: transparent; min-width: 240px; }
.header-search button { width: 34px; height: 34px; border: none; border-radius: 999px; background: rgba(11,124,255,.08); color: var(--accent); cursor: pointer; }

.home-overview-section { padding-top: 40px; }
.home-overview-grid { display: grid; grid-template-columns: 1.7fr repeat(3, minmax(0,1fr)); gap: 18px; align-items: stretch; }
.home-overview-copy, .home-overview-mini { background: #fff; border: 1px solid var(--line); border-radius: 24px; box-shadow: 0 18px 42px rgba(8,17,31,.06); }
.home-overview-copy { padding: 30px 34px; }
.home-overview-copy p { max-width: 760px; margin-bottom: 0; }
.home-overview-mini { padding: 24px; display: grid; gap: 10px; }
.home-overview-mini strong { font-size: 18px; color: #162744; }
.home-overview-mini p { margin: 0; color: var(--muted); }

.category-browser-wrap { display: grid; grid-template-columns: 360px minmax(0,1fr); gap: 24px; align-items: start; }
.category-browser-tabs { display: grid; gap: 14px; }
.category-browser-tab { padding: 20px 22px; border-radius: 22px; background: #fff; border: 1px solid var(--line); box-shadow: 0 16px 36px rgba(8,17,31,.05); display: flex; justify-content: space-between; gap: 16px; align-items: center; }
.category-browser-tab strong { color: #132644; }
.category-browser-tab span { color: var(--muted); white-space: nowrap; }
.compact-carousel-shell { background: #fff; border: 1px solid var(--line); border-radius: 28px; box-shadow: 0 18px 42px rgba(8,17,31,.05); padding: 28px; }
.carousel-toolbar { display: flex; justify-content: space-between; gap: 18px; align-items: center; margin-bottom: 18px; }
.slider-nav-group, .post-slider-nav { display: flex; gap: 10px; }
.slider-arrow-modern { width: 42px; height: 42px; border-radius: 999px; border: 1px solid rgba(11,124,255,.14); background: #fff; color: #153159; font-weight: 700; box-shadow: 0 10px 20px rgba(8,17,31,.06); }
.slider-arrow-modern:hover { transform: translateY(-2px); color: var(--accent); }
.mini-product-slider { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(220px, 1fr); gap: 16px; overflow: auto; padding-bottom: 8px; scroll-snap-type: x mandatory; }
.mini-product-slider::-webkit-scrollbar { height: 9px; }
.mini-product-slider::-webkit-scrollbar-thumb { background: #c8d5eb; border-radius: 999px; }
.mini-product-card { border: 1px solid var(--line); border-radius: 22px; background: #fdfefe; overflow: hidden; scroll-snap-align: start; }
.mini-product-image { aspect-ratio: 1 / 1; background: linear-gradient(135deg, #edf3ff, #dce8ff); }
.mini-product-image img { width: 100%; height: 100%; object-fit: contain; padding: 18px; }
.mini-product-body { padding: 18px; display: grid; gap: 6px; }
.mini-product-body span { color: var(--muted); font-size: 13px; }
.mini-product-body strong { color: #14253f; font-size: 18px; }
.mini-product-body em { color: #4d607e; font-style: normal; font-size: 14px; line-height: 1.5; }

.service-grid-two { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 20px; }
.service-card-grid { min-height: 0; padding: 28px; display: flex; justify-content: space-between; align-items: flex-start; }
.service-card-grid p { margin-bottom: 0; color: var(--muted); }

.insights-section-compact .post-slider-track { grid-auto-columns: minmax(320px, 360px); gap: 18px; }
.slider-post-card-compact img { aspect-ratio: 16 / 9; }
.slider-post-card-compact .post-card-body { padding: 18px; }
.slider-post-card-compact h3 { font-size: 20px; line-height: 1.32; }
.slider-post-card-compact p { font-size: 14px; line-height: 1.6; margin-bottom: 0; }

.filter-panel-v510 { display: grid; gap: 14px; padding: 22px; border: 1px solid var(--line); border-radius: 22px; background: #fff; box-shadow: 0 16px 40px rgba(8,17,31,.06); }
.filter-primary-row { display: grid; grid-template-columns: minmax(0,1fr) auto auto; gap: 12px; align-items: end; }
.filter-secondary-row { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 12px; }
.filter-panel-v510 label { display: grid; gap: 8px; }
.filter-panel-v510 label span { font-size: 13px; color: #4a5b77; font-weight: 700; }
.filter-panel-v510 input, .filter-panel-v510 select { min-height: 46px; border: 1px solid var(--line); border-radius: 14px; padding: 0 14px; background: #fff; }
.archive-main-only { display: grid; gap: 22px; }
.products-topline-v510 { margin-bottom: 0; }
.archive-grid-v510 { grid-template-columns: repeat(5, minmax(0,1fr)); gap: 18px; }
.archive-card-v510 { overflow: hidden; }
.archive-card-link { display: block; height: 100%; }
.square-image { aspect-ratio: 1 / 1; background: linear-gradient(135deg, #eef4ff, #dce8ff); }
.square-image img { width: 100%; height: 100%; object-fit: contain; padding: 18px; }
.compact-archive-body { padding: 16px 16px 18px; display: grid; gap: 6px; }
.archive-brand { font-size: 12px; color: var(--muted); text-transform: uppercase; letter-spacing: .06em; }
.compact-archive-body h3 { margin: 0; font-size: 18px; color: #10213c; }
.archive-name { font-size: 14px; color: #4d607e; font-weight: 600; }
.compact-archive-body p { margin: 0; font-size: 13px; line-height: 1.55; color: var(--muted); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.pagination-v510 { justify-content: flex-end; }
.pagination { display: flex; align-items: center; gap: 12px; }

.page-hero-pcba-v510 .hero-stats-pcba { grid-template-columns: repeat(3, minmax(0,1fr)); margin-top: 24px; }
.pcba-capability-grid .compact-card { min-height: 0; }
.pcba-process-grid { grid-template-columns: repeat(5, minmax(0,1fr)); }
.compact-faq-list .faq-item { padding: 0 16px; }
.compact-faq-list .faq-item summary { padding: 16px 0; }

.hover-card, .card, .product-card, .post-card, .service-card, .category-browser-tab, .mini-product-card { transition: transform .24s ease, box-shadow .24s ease, border-color .24s ease; }
.hover-card:hover, .card:hover, .product-card:hover, .post-card:hover, .service-card:hover, .category-browser-tab:hover, .mini-product-card:hover { transform: translateY(-6px); box-shadow: 0 22px 48px rgba(8,17,31,.12); border-color: rgba(11,124,255,.22); }
.hover-card:hover img, .mini-product-card:hover img, .product-card:hover img, .post-card:hover img { transform: scale(1.03); }
.product-card img, .post-card img, .mini-product-card img { transition: transform .28s ease; }

.rich-editor-wrap { display: grid; gap: 10px; }
.rich-toolbar { display: flex; flex-wrap: wrap; gap: 8px; }
.rich-toolbar button, .rich-upload-btn { min-height: 36px; padding: 0 12px; border-radius: 10px; border: 1px solid var(--line); background: #f7fbff; color: #153159; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; font-weight: 700; font-size: 13px; }
.rich-editor { min-height: 260px; border: 1px solid var(--line); border-radius: 18px; padding: 18px; background: #fff; overflow: auto; line-height: 1.7; }
.rich-editor.editor-compact { min-height: 140px; }
.rich-editor:focus { outline: 2px solid rgba(11,124,255,.18); border-color: rgba(11,124,255,.35); }
.rich-editor img { max-width: 100%; border-radius: 12px; height: auto; }

.admin-preview { max-width: 100%; height: auto; border-radius: 14px; margin-top: 8px; background: #f7fbff; }
.admin-preview.wide { max-width: 420px; }
.page-admin-card p, .banner-admin-card p, .media-card p, .kpi-card span, .admin-panel p { overflow-wrap: anywhere; word-break: break-word; }
.page-admin-card, .banner-admin-card, .media-card { min-height: 0; }
.tag-pill { white-space: normal; overflow-wrap: anywhere; }
.admin-sidebar nav a { line-height: 1.45; }

@media (max-width: 1400px) {
  .header-inner-v510 { grid-template-columns: auto 1fr; }
  .site-nav { order: 3; grid-column: 1 / -1; justify-content: flex-start; flex-wrap: wrap; }
  .home-overview-grid, .category-browser-wrap, .filter-secondary-row, .archive-grid-v510, .pcba-process-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 1024px) {
  .header-inner-v510 { grid-template-columns: 1fr; }
  .header-tools-v510 { flex-wrap: wrap; }
  .header-search { width: 100%; min-width: 0; }
  .header-search input { min-width: 0; width: 100%; }
  .home-overview-grid, .category-browser-wrap, .service-grid-two, .filter-primary-row, .filter-secondary-row, .archive-grid-v510, .pcba-process-grid { grid-template-columns: 1fr; }
  .category-browser-wrap { gap: 18px; }
}

/* v511 refinement */
.header-inner-v511 { display:grid; grid-template-columns: auto minmax(0,1fr) auto; align-items:center; gap: 18px; }
.site-nav-v511 { justify-content:center; gap: 18px; }
.header-tools-v511 { display:flex; align-items:center; gap: 10px; }
.header-search-v511 { min-width: 260px; }
.logo-only-brand .site-logo-large { max-width: 180px; }

.trust-strip-v511 { display:grid; grid-template-columns: 1.35fr 1fr; gap: 20px; align-items:stretch; }
.trust-strip-copy { background:#fff; border:1px solid var(--line); border-radius: 28px; padding: 34px 38px; box-shadow: 0 20px 40px rgba(8,17,31,.05); }
.trust-strip-copy h2 { margin-bottom: 14px; }
.trust-strip-copy p { margin-bottom: 0; max-width: 760px; }
.trust-strip-points { display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 16px; }
.trust-point { background:#fff; border:1px solid var(--line); border-radius: 24px; padding: 24px 22px; display:grid; gap: 10px; box-shadow: 0 18px 32px rgba(8,17,31,.04); }
.trust-point strong { font-size: 18px; color: #132644; }
.trust-point span { color: var(--muted); line-height: 1.65; }

.compact-head { margin-bottom: 18px; }
.category-browser-wrap-v511 { grid-template-columns: 340px minmax(0,1fr); gap: 20px; }
.category-browser-tabs-v511 { gap: 12px; }
.category-browser-tab { text-decoration:none; }
.category-browser-tab small { display:block; margin-top: 6px; color: var(--muted); line-height: 1.55; }
.category-browser-tab span { min-width: 40px; text-align: center; border-radius: 999px; background: #eef4ff; padding: 6px 10px; font-weight: 700; color: #17355f; }
.compact-carousel-shell-v511 { padding: 24px; }
.mini-product-slider-v511 { grid-auto-columns: 180px; gap: 14px; }
.mini-product-card-v511 { border-radius: 20px; }
.compact-mini-product-body { padding: 14px 16px 16px; gap: 4px; }
.compact-mini-product-body span { font-size: 12px; text-transform: uppercase; letter-spacing: .05em; }
.compact-mini-product-body strong { font-size: 16px; }

.service-grid-v511 { gap: 18px; }
.service-card-grid-v511 { display:grid; grid-template-columns: auto 1fr auto; align-items:start; gap: 18px; min-height: 0; }
.service-card-icon { width: 52px; height: 52px; border-radius: 18px; background: linear-gradient(135deg, #0b7cff, #084f9d); color:#fff; display:flex; align-items:center; justify-content:center; font-weight: 800; box-shadow: 0 16px 32px rgba(11,124,255,.18); }
.service-card-grid-v511 .mini-link { align-self:flex-start; }

.post-slider-toolbar-v511 { align-items:center; margin-bottom: 16px; }
.slider-arrow-soft { background:#f7fbff; border-color: rgba(11,124,255,.12); }
.post-slider-track-v511 { grid-auto-columns: minmax(280px, 320px); gap: 16px; }
.slider-post-card-v511 { border-radius: 22px; overflow:hidden; }
.slider-post-card-v511 img { aspect-ratio: 16 / 9; object-fit: cover; }
.slider-post-card-v511 .post-card-body { padding: 16px 16px 18px; }
.slider-post-card-v511 h3 { font-size: 18px; line-height: 1.4; }
.slider-post-card-v511 p { font-size: 13px; line-height: 1.65; display:-webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow:hidden; }

.filters-section-v511 { padding-top: 26px; }
.filter-panel-v511 { display:grid; gap: 14px; padding: 20px 22px; border:1px solid var(--line); border-radius: 22px; background:#fff; box-shadow: 0 16px 34px rgba(8,17,31,.05); }
.filter-primary-row-v511 { display:grid; grid-template-columns: minmax(0,1fr) auto auto; gap: 12px; align-items:end; }
.filter-select-grid-v511 { display:grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 12px; }
.filter-select-grid-v511 select { min-height: 46px; border-radius: 14px; border: 1px solid var(--line); padding: 0 14px; background:#fff; }
.filter-select-grid-v511 select:disabled { background:#f5f7fb; color:#9ba8bb; }
.archive-section-v511 .products-topline { padding-bottom: 2px; }
.archive-grid-v511 { grid-template-columns: repeat(6, minmax(0,1fr)); gap: 16px; }
.square-image-tight img { padding: 14px; }
.compact-archive-body-v511 { gap: 4px; padding: 14px 14px 16px; }
.compact-archive-body-v511 h3 { font-size: 16px; }
.pagination-v511 { justify-content: flex-end; }

.admin-nav-grouped { display:grid; gap: 16px; }
.admin-nav-group { display:grid; gap: 6px; }
.admin-nav-title { padding: 0 12px; font-size: 12px; text-transform: uppercase; letter-spacing: .08em; color: rgba(255,255,255,.52); }
.category-admin-groups { display:grid; grid-template-columns: 280px 320px minmax(0,1fr); gap: 18px; }
.category-admin-group { border:1px solid var(--line); border-radius: 20px; background:#fff; box-shadow: var(--shadow); overflow:hidden; display:grid; }
.group-heading { padding: 16px 18px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); background:#f8fbff; }
.group-heading h3 { margin:0; font-size: 18px; }
.group-heading span { color: var(--muted); font-size: 13px; }
.category-admin-list { display:grid; max-height: 560px; overflow:auto; }
.category-admin-row { padding: 14px 18px; border-bottom: 1px solid #eef3f8; display:grid; gap: 4px; text-decoration:none; color: inherit; }
.category-admin-row:hover { background:#f8fbff; }
.category-admin-row strong { color:#12243d; }
.category-admin-row small, .category-admin-row span { color: var(--muted); }
.dense-list .category-admin-row { padding-top: 12px; padding-bottom: 12px; }

@media (max-width: 1600px) {
  .archive-grid-v511 { grid-template-columns: repeat(5, minmax(0,1fr)); }
}
@media (max-width: 1400px) {
  .header-inner-v511 { grid-template-columns: auto 1fr; }
  .site-nav-v511 { grid-column: 1 / -1; justify-content:flex-start; flex-wrap:wrap; }
  .trust-strip-v511 { grid-template-columns: 1fr; }
  .trust-strip-points { grid-template-columns: repeat(3, minmax(0,1fr)); }
  .category-browser-wrap-v511, .filter-select-grid-v511, .category-admin-groups, .archive-grid-v511 { grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 1024px) {
  .header-inner-v511, .service-card-grid-v511, .trust-strip-points, .category-browser-wrap-v511, .filter-primary-row-v511, .filter-select-grid-v511, .archive-grid-v511, .category-admin-groups { grid-template-columns: 1fr; }
  .header-tools-v511 { flex-wrap: wrap; }
  .header-search-v511 { min-width: 0; width: 100%; }
}


/* v512 backend control and structure refinement */
.header-inner-v512 { display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:14px; align-items:center; }
.header-search input::placeholder { color:#7c8aa2; }
.filter-select-wrap { display:none; }
.filter-select-wrap.is-visible { display:block; }
.filter-select-grid-v511 { align-items:start; }
.filter-select-grid-v511 .filter-select-wrap select { width:100%; }
.page-card-grid[data-filter-list] .page-admin-card { transition: transform .2s ease, box-shadow .2s ease; }
.page-card-grid[data-filter-list] .page-admin-card:hover { transform: translateY(-3px); }
.inline-search.compact { display:flex; align-items:center; min-width:260px; }
.inline-search.compact input { width:100%; min-height:44px; border-radius:14px; border:1px solid var(--line); background:#fff; padding:0 14px; }
.category-tree-admin { display:grid; gap:20px; }
.category-tree-card { border:1px solid var(--line); border-radius:24px; background:#fff; box-shadow:0 16px 34px rgba(8,17,31,.05); overflow:hidden; }
.category-tree-head { padding:22px 24px; display:flex; align-items:flex-start; justify-content:space-between; gap:16px; border-bottom:1px solid var(--line); background:linear-gradient(180deg,#f9fbff 0%,#ffffff 100%); }
.category-tree-head h3 { margin:8px 0 6px; font-size:24px; }
.category-tree-head p { margin:0; color:var(--muted); max-width:900px; }
.category-tree-columns { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; padding:22px; }
.category-tree-column { border:1px solid var(--line); border-radius:18px; background:#fbfdff; padding:16px; display:grid; gap:12px; }
.category-tree-subhead { display:flex; justify-content:space-between; gap:12px; align-items:flex-start; }
.category-tree-subhead strong { display:block; color:#132644; font-size:16px; }
.category-tree-subhead small { display:block; margin-top:6px; color:var(--muted); }
.category-tree-leaf-list { display:flex; flex-wrap:wrap; gap:10px; }
.category-tree-leaf { display:inline-flex; align-items:center; min-height:34px; padding:0 12px; border-radius:999px; background:#edf4ff; color:#153159; text-decoration:none; font-size:13px; }
.category-tree-leaf:hover { background:#dfeeff; }
.page-admin-actions.button-row-wrap form { display:inline-flex; }
.field-note strong { color:#132644; }
.settings-section-note { color:var(--muted); font-size:13px; }
.trust-strip-copy .section-tag, .compact-head .section-tag { letter-spacing:.08em; }
@media (max-width: 1400px){ .category-tree-columns { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width: 1024px){ .category-tree-columns { grid-template-columns:1fr; } .inline-search.compact { min-width:0; width:100%; } }


/* v513 backendization and richer dynamic sections */
.shell { width: min(var(--front-shell-max), calc(100% - var(--front-shell-pad))); max-width: var(--front-shell-max); margin: 0 auto; }
.hero-slide-shell { width: min(var(--front-shell-max), calc(100% - var(--front-shell-pad))); max-width: var(--front-shell-max); margin: 0 auto; }
@media (max-width: 1024px){ .shell { width: min(100%, calc(100% - 32px)); max-width: none; } }
.link-card-grid { display:grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap:18px; }
.link-card-grid.is-offset .link-card:nth-child(2n) { transform: translateY(18px); }
.link-card { display:grid; gap:12px; padding:24px; border-radius:24px; border:1px solid var(--line); background:#fff; text-decoration:none; color:inherit; box-shadow:0 18px 32px rgba(8,17,31,.05); }
.link-card strong { font-size:19px; color:#112845; }
.link-card p { margin:0; color:var(--muted); line-height:1.65; }
.link-card span { color:#0b63ce; font-weight:700; }
.media-statement-wrap { display:grid; grid-template-columns: 0.9fr 1.1fr; gap:22px; align-items:stretch; }
.media-statement-wrap.is-dark { padding:24px; border-radius:30px; background:linear-gradient(135deg,#0f2f63,#0b63ce); color:#fff; }
.media-statement-wrap.is-dark .section-tag,
.media-statement-wrap.is-dark p,
.media-statement-wrap.is-dark strong { color:#fff; }
.media-statement-copy { padding:28px; border-radius:26px; border:1px solid var(--line); background:#fff; box-shadow:0 18px 32px rgba(8,17,31,.05); }
.media-statement-wrap.is-dark .media-statement-copy { background:rgba(255,255,255,.10); border-color:rgba(255,255,255,.15); box-shadow:none; }
.media-statement-list { display:grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap:16px; }
.media-statement-card { padding:20px; border-radius:22px; border:1px solid var(--line); background:#fff; box-shadow:0 16px 30px rgba(8,17,31,.04); }
.media-statement-wrap.is-dark .media-statement-card { background:rgba(255,255,255,.08); border-color:rgba(255,255,255,.15); box-shadow:none; }
.media-statement-card strong { display:block; margin-bottom:8px; color:#112845; }
.media-statement-card p { margin:0; color:var(--muted); line-height:1.65; }
.media-statement-wrap.is-dark .media-statement-card p,
.media-statement-wrap.is-dark .media-statement-card strong { color:#fff; }
.admin-nav-group a { border-radius: 12px; }
.admin-panel h3 { color:#12243d; }
.section-builder-meta .tag-pill { background:#f4f8ff; }
.page-builder-compact-note { color:var(--muted); font-size:13px; }
@media (max-width: 1400px){ .link-card-grid, .media-statement-wrap, .media-statement-list { grid-template-columns: repeat(2,minmax(0,1fr)); } .media-statement-wrap { grid-template-columns:1fr; } }
@media (max-width: 1024px){ .link-card-grid, .media-statement-list { grid-template-columns:1fr; } .link-card-grid.is-offset .link-card:nth-child(2n) { transform:none; } }


/* v514 backendized texts and richer section styles */
.dynamic-section-spotlight-panel .dynamic-split,
.dynamic-section-stacked-showcase .dynamic-split { align-items: stretch; }
.dynamic-section-spotlight-panel .dynamic-copy {
  padding: 34px 36px; border-radius: 28px; background: linear-gradient(180deg,#ffffff 0%,#f6faff 100%);
  border:1px solid var(--line); box-shadow: 0 22px 42px rgba(8,17,31,.07);
}
.dynamic-section-spotlight-panel .dynamic-media img { border-radius: 28px; box-shadow: 0 24px 46px rgba(8,17,31,.10); }
.dynamic-section-stacked-showcase .dynamic-copy { padding: 28px; border-radius: 26px; background:#fff; border:1px solid var(--line); position:relative; z-index:2; }
.dynamic-section-stacked-showcase .dynamic-media { margin-left:-56px; }
.dynamic-section-stacked-showcase .dynamic-media img { border-radius: 30px; min-height: 100%; object-fit: cover; box-shadow: 0 22px 50px rgba(8,17,31,.14); }
.category-tree-actions { display:flex; gap:12px; flex-wrap:wrap; }
.admin-nav-group a small { display:block; opacity:.68; font-size:12px; margin-top:4px; }
.section-builder-card .field-note { display:block; margin-top:6px; }
@media (max-width: 1200px){ .dynamic-section-stacked-showcase .dynamic-media { margin-left:0; } }


/* v515 */
.form-section-head {
  margin: 20px 0 10px;
  padding: 16px 18px;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: linear-gradient(180deg, #fbfdff, #f5f8fd);
}
.form-section-head h3 { margin-bottom: 6px; font-size: 18px; }
.form-section-head p { margin: 0; }

.dynamic-section-compact-cards .dynamic-card-grid { grid-template-columns: repeat(4, minmax(0,1fr)); }
.dynamic-section-compact-cards .dynamic-card-item { padding: 20px; box-shadow: none; }
.dynamic-section-soft-split .dynamic-split,
.dynamic-section-soft-split .media-statement-wrap {
  background: linear-gradient(180deg, #f8fbff, #eef4fb);
  border: 1px solid var(--line);
  border-radius: 24px;
  padding: 28px;
}
.dynamic-section-bordered-stack .value-strip-card,
.dynamic-section-bordered-stack .dynamic-cta-band {
  border: 2px solid #cddaf0;
  box-shadow: 0 18px 40px rgba(8,17,31,.08);
}
.admin-table td small { display: block; color: var(--muted); margin-top: 4px; }
.panel-topline-actions { gap: 18px; flex-wrap: wrap; }


/* v516 settings and editor ergonomics */
.settings-jumpbar { position: sticky; top: 14px; z-index: 6; display:flex; flex-wrap:wrap; gap:10px; padding:14px 16px; margin-bottom:18px; border:1px solid var(--line); border-radius:18px; background:rgba(255,255,255,.92); backdrop-filter: blur(12px); box-shadow:0 16px 36px rgba(8,17,31,.08); }
.settings-jumpbar a { text-decoration:none; color:#153159; font-weight:700; font-size:13px; padding:8px 12px; border-radius:999px; background:#eef4ff; }
.settings-jumpbar a:hover { background:#dfeeff; }
.sticky-form-actions { position: sticky; bottom: 12px; z-index: 5; display:flex; align-items:center; justify-content:space-between; gap:16px; padding:16px 18px; margin-top:18px; border:1px solid var(--line); border-radius:18px; background:rgba(255,255,255,.94); backdrop-filter: blur(12px); box-shadow:0 18px 34px rgba(8,17,31,.10); }
.sticky-form-actions .muted-copy { margin:0; }
.settings-form-v516 h3 { scroll-margin-top: 92px; }
.compact-filter-form .button-row { margin-top: 8px; }
.rich-editor-wrap, .form-section-head, .sticky-form-actions { overflow-wrap:anywhere; }
@media (max-width: 1024px){ .settings-jumpbar, .sticky-form-actions { position: static; } .sticky-form-actions { flex-direction:column; align-items:stretch; } }


/* v517 admin presets and media helpers */
.preset-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:14px; margin-bottom:18px; }
.preset-card { display:flex; flex-direction:column; gap:8px; padding:18px; border:1px solid var(--line); border-radius:18px; text-decoration:none; color:inherit; background:linear-gradient(180deg,#fff,#f8fbff); box-shadow:0 14px 28px rgba(8,17,31,.05); }
.preset-card strong { color:#12243d; }
.preset-card span { color:#0b63ce; font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.08em; }
.preset-card p { margin:0; color:var(--muted); line-height:1.55; }
.preset-inline-bar { display:flex; flex-wrap:wrap; gap:10px; margin-bottom:16px; }
.preset-switchbar { margin-bottom: 18px; padding: 18px 20px; border: 1px solid var(--line); border-radius: 22px; background: linear-gradient(180deg,#ffffff,#f7fbff); box-shadow: 0 16px 34px rgba(8,17,31,.05); display: grid; gap: 14px; }
.preset-switchbar-head { display:grid; gap:6px; }
.preset-switchbar-head strong { color:#12243d; font-size:16px; }
.preset-switchbar-head span { color:var(--muted); font-size:13px; line-height:1.6; }
.preset-switchbar-track { display:flex; flex-wrap:wrap; gap:12px; }
.preset-switch-chip { min-height: 52px; padding: 0 18px; border-radius: 16px; border:1px solid #d7e3f5; background:#fff; text-decoration:none; color:#153159; display:inline-flex; align-items:center; justify-content:center; box-shadow: 0 10px 24px rgba(8,17,31,.04); transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease, background .22s ease; }
.preset-switch-chip:hover { transform: translateY(-2px); border-color: rgba(11,124,255,.28); box-shadow: 0 16px 30px rgba(8,17,31,.08); background:#f8fbff; }
.preset-switch-chip.is-active { background: linear-gradient(135deg,#0b63ce,#0a7dff); border-color: rgba(11,124,255,.34); color:#fff; box-shadow: 0 18px 34px rgba(11,124,255,.22); }
.preset-switch-chip-label { font-size: 14px; font-weight: 700; line-height: 1.4; white-space: normal; text-align: center; }
@media (max-width: 1024px){ .preset-switchbar { padding:16px; } .preset-switchbar-track { gap:10px; } .preset-switch-chip { min-height:46px; padding:0 14px; } }
.media-helper-box { margin:14px 0 18px; padding:16px 18px; border:1px dashed #bfd3ee; border-radius:18px; background:#f8fbff; display:grid; gap:12px; }
.media-helper-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:12px; }
.media-helper-item { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px 14px; border:1px solid var(--line); border-radius:16px; background:#fff; }
.media-helper-item strong { display:block; color:#12243d; }
.media-helper-item small, .media-helper-item code { color:var(--muted); word-break:break-all; }
@media (max-width: 900px){ .media-helper-item { align-items:flex-start; flex-direction:column; } }

.editor-jumpbar { margin-bottom: 20px; }
.editor-jumpbar a { font-size: 12px; }
.section-variant-logo-ribbon .feature-card-grid, .logo-ribbon-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.section-variant-logo-ribbon .card, .logo-ribbon-item { border-radius: 18px; border:1px solid rgba(23,62,110,.12); background:#fff; padding:22px; box-shadow:0 10px 26px rgba(12,28,52,.06); }
.section-variant-timeline-cards .steps-grid { position:relative; }
.section-variant-timeline-cards .step-card { border-radius: 22px; border:1px solid rgba(23,62,110,.12); background:#fff; box-shadow:0 14px 34px rgba(12,28,52,.08); }
.section-variant-media-spotlight .section-media-shell, .media-spotlight-shell { display:grid; grid-template-columns: 1.1fr .9fr; gap:28px; align-items:stretch; }
.section-variant-media-spotlight .media-block, .media-spotlight-shell .media-block { min-height: 360px; border-radius: 26px; overflow:hidden; background:linear-gradient(135deg,#0d4ea3,#5e92db); }
.section-variant-media-spotlight .copy-block, .media-spotlight-shell .copy-block { padding:34px; border-radius:26px; background:#fff; box-shadow:0 18px 40px rgba(9,25,48,.08); border:1px solid rgba(23,62,110,.10); }
@media (max-width: 980px){ .section-variant-logo-ribbon .feature-card-grid, .logo-ribbon-grid, .section-variant-media-spotlight .section-media-shell, .media-spotlight-shell { grid-template-columns: 1fr; } }

/* v518 targeted refinements */
.shell { width: min(var(--front-shell-max), calc(100% - var(--front-shell-pad))); max-width: var(--front-shell-max); margin: 0 auto; }
.hero-slide-shell { width: min(var(--front-shell-max), calc(100% - var(--front-shell-pad))); max-width: var(--front-shell-max); margin: 0 auto; }
.header-inner-v511 { gap: 14px; grid-template-columns: auto minmax(0,1fr) auto; }
.site-header .brand { margin-right: 8px; }
.site-nav { justify-content: center; gap: 18px; }
.header-tools-v511 { display:flex; align-items:center; gap:10px; }
.header-search-v511 { min-width: 300px; }

.home-overview-clean { padding-top: 34px; }
.home-overview-clean-grid { display:grid; grid-template-columns: 1.35fr .95fr; gap: 18px; align-items:stretch; }
.overview-hero-card {
  padding: 30px 34px;
  border-radius: 28px;
  background: linear-gradient(135deg,#ffffff,#f3f8ff);
  border:1px solid rgba(11,124,255,.10);
  box-shadow: 0 24px 50px rgba(8,17,31,.07);
}
.overview-hero-card h2 { font-size: clamp(28px,2.6vw,42px); line-height: 1.08; margin-bottom: 14px; max-width: 900px; }
.overview-hero-card p { color: #405470; max-width: 920px; margin-bottom: 18px; }
.overview-chip-row { display:flex; flex-wrap:wrap; gap: 10px; }
.overview-chip-row span { padding: 9px 14px; border-radius: 999px; background:#fff; border:1px solid rgba(11,124,255,.10); font-size: 13px; font-weight: 700; color:#16365f; }
.overview-metric-stack { display:grid; gap: 16px; }
.overview-metric-card { padding: 22px 24px; border-radius: 24px; background:#fff; border:1px solid rgba(11,124,255,.10); box-shadow: 0 18px 36px rgba(8,17,31,.05); }
.overview-metric-card strong { display:block; font-size: 20px; margin-bottom: 8px; color:#15355e; }
.overview-metric-card span { color: var(--muted); line-height: 1.55; }

.compact-head-tight { margin-bottom: 18px; }
.home-category-stream-grid { display:grid; grid-template-columns: 340px minmax(0,1fr); gap: 18px; align-items:start; }
.home-category-list-card {
  display:grid; gap: 12px; padding: 18px; background:#fff; border:1px solid rgba(11,124,255,.08); border-radius: 24px; box-shadow: var(--shadow);
}
.home-category-list-item {
  display:flex; justify-content:space-between; gap: 16px; align-items:center; padding: 16px 18px; border-radius: 18px; background:#f8fbff; border:1px solid rgba(11,124,255,.08);
}
.home-category-list-item strong { display:block; margin-bottom: 5px; }
.home-category-list-item small { color: var(--muted); display:block; line-height: 1.45; }
.home-category-list-item span { color: var(--accent); font-weight: 800; white-space: nowrap; }
.home-product-stream-card { padding: 18px; background:#fff; border:1px solid rgba(11,124,255,.08); border-radius: 24px; box-shadow: var(--shadow); overflow:hidden; }
.compact-toolbar { margin-bottom: 14px; }
.mini-product-slider-clean { display:flex; gap: 14px; overflow-x:auto; padding-bottom: 4px; scroll-behavior:smooth; }
.mini-product-slider-clean::-webkit-scrollbar { height: 8px; }
.mini-product-slider-clean::-webkit-scrollbar-thumb { background: #d7e6fb; border-radius: 999px; }
.mini-product-card-clean { min-width: 190px; max-width: 190px; border-radius: 20px; border:1px solid rgba(11,124,255,.08); background:#fbfdff; overflow:hidden; }
.square-thumb { aspect-ratio: 1/1; background:#fff; }
.square-thumb img { width:100%; height:100%; object-fit:contain; padding: 16px; }
.mini-product-card-clean .mini-product-body { padding: 14px 14px 16px; }
.mini-product-card-clean .mini-product-body span { display:block; color: var(--muted); font-size: 12px; margin-bottom: 6px; }
.mini-product-card-clean .mini-product-body strong { display:block; font-size: 14px; line-height:1.35; color:#14233c; }

.post-slider-track-v511 { gap: 16px; }
.slider-post-card-v511 { min-width: 290px; max-width: 290px; border-radius: 22px; }
.slider-post-card-v511 img { aspect-ratio: 16/9; }
.slider-post-card-v511 .post-card-body { padding: 16px 16px 18px; }
.slider-arrow-modern { width: 42px; height: 42px; border-radius: 999px; border:1px solid rgba(11,124,255,.12); background:#fff; color:#16365f; box-shadow: 0 10px 20px rgba(8,17,31,.08); }
.slider-arrow-modern:hover { background:#0b4ea2; color:#fff; transform: translateY(-2px); }

.products-hero-grid-clean { grid-template-columns: 1.15fr .85fr; gap: 20px; }
.compact-hero-visual img { max-height: 280px; object-fit: cover; }
.filter-panel-clean { gap: 12px; }
.filter-select-grid-clean { grid-template-columns: 1.2fr repeat(3, minmax(0,1fr)); }
.filter-select-card { display:grid; gap: 8px; }
.filter-select-card span { font-size: 12px; color: var(--muted); font-weight: 700; }
.products-topline-clean { display:flex; justify-content:space-between; align-items:center; gap: 18px; margin-bottom: 18px; }
.archive-grid-clean { grid-template-columns: repeat(6, minmax(0,1fr)); gap: 14px; }
.archive-card-clean { border-radius: 20px; overflow:hidden; }
.archive-image-clean { aspect-ratio: 1/1; background:#fff; }
.archive-image-clean img { object-fit:contain; padding: 16px; }
.compact-archive-body-clean { padding: 14px; min-height: 118px; }
.compact-archive-body-clean h3 { font-size: 14px; line-height: 1.35; margin: 4px 0 4px; }
.compact-archive-body-clean p { margin: 0; color: var(--muted); font-size: 12px; line-height:1.45; display:-webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow:hidden; }
.archive-brand { display:block; color: var(--muted); font-size: 12px; }
.pagination-clean { display:grid; grid-template-columns: 1fr auto 1fr; align-items:center; gap: 12px; margin-top: 24px; }
.pagination-clean .pagination-right { justify-self:end; }
.pagination-clean .pagination-left { justify-self:start; }

.pcba-hero-pro .hero-stats { grid-template-columns: repeat(3, minmax(0,1fr)); }
.pcba-intro-grid { display:grid; grid-template-columns: 1.15fr .85fr; gap: 20px; }
.pcba-summary-card { padding: 32px; border-radius: 28px; background:#fff; border:1px solid rgba(11,124,255,.08); box-shadow: var(--shadow); }
.pcba-summary-points { display:grid; gap: 16px; }
.pcba-mini-point { padding: 22px; border-radius: 22px; background:#f7fbff; border:1px solid rgba(11,124,255,.08); }
.pcba-mini-point strong { display:block; margin-bottom: 8px; color:#15365e; }
.pcba-capability-grid-pro { grid-template-columns: repeat(4, minmax(0,1fr)); }
.pcba-process-grid-pro { grid-template-columns: repeat(3, minmax(0,1fr)); }
.pcba-detail-stack { grid-template-columns: 1.2fr .8fr; }

.admin-product-card-grid { display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 16px; margin-top: 18px; }
.admin-product-card { display:grid; gap: 14px; padding: 16px; border-radius: 20px; border:1px solid var(--line); background:#fff; box-shadow: var(--shadow); }
.admin-product-thumb-wrap { border-radius: 16px; overflow:hidden; background:#f5f8fd; border:1px solid var(--line); }
.admin-product-thumb { width:100%; aspect-ratio: 1/1; object-fit:contain; padding: 14px; }
.admin-product-copy h3 { margin: 4px 0 8px; font-size: 18px; }
.admin-product-copy p { color: var(--muted); margin: 0; min-height: 40px; }
.admin-product-brand { font-size: 12px; color: var(--muted); font-weight: 700; }
.admin-product-meta-row { display:flex; flex-wrap:wrap; gap: 8px; margin-top: 12px; }
.admin-product-actions-row { display:flex; justify-content:space-between; gap: 10px; }
.pagination-admin-clean { display:grid; grid-template-columns: 1fr auto 1fr; align-items:center; gap: 12px; margin-top: 20px; }
.pagination-admin-clean .pagination-right { justify-self:end; }
.pagination-admin-clean .pagination-left { justify-self:start; }
.admin-page-strip { display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap: 6px; }
.admin-page-num, .admin-page-ellipsis { min-width: 34px; height: 34px; display:inline-flex; align-items:center; justify-content:center; border-radius: 10px; font-size: 13px; font-weight: 700; text-decoration:none; }
.admin-page-num { border:1px solid rgba(15, 23, 42, .12); color:#0f172a; background:#fff; }
.admin-page-num:hover { border-color: rgba(11, 124, 255, .35); background:#f2f7ff; }
.admin-page-num.is-current { border-color:#0b7cff; background:#0b7cff; color:#fff; }
.admin-page-ellipsis { color:#94a3b8; }
.admin-page-summary { margin-left: 8px; color: var(--muted); font-size: 13px; white-space:nowrap; }

.category-tree-admin-pro { display:grid; gap: 18px; }
.category-tree-card-pro { padding: 18px; border:1px solid var(--line); border-radius: 24px; background:#fff; box-shadow: var(--shadow); }
.category-tree-head-pro { display:flex; justify-content:space-between; gap: 18px; align-items:flex-start; margin-bottom: 16px; }
.category-tree-columns-pro { display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 16px; }
.category-tree-column-pro { padding: 16px; border-radius: 18px; background:#f7fbff; border:1px solid rgba(11,124,255,.08); }
.category-tree-leaf-list-pro { display:grid; gap: 8px; margin-top: 12px; }
.category-tree-leaf-pro { padding: 10px 12px; border-radius: 14px; background:#fff; border:1px solid rgba(11,124,255,.08); }
.category-tree-leaf-pro:hover { border-color: rgba(11,124,255,.24); background:#eef5ff; }

.admin-topbar p, .admin-nav a, .admin-nav-title, .muted-copy, .post-card-body p, .overview-hero-card p, .home-category-list-item small { overflow-wrap:anywhere; }

@media (max-width: 1600px) {
  .archive-grid-clean, .pcba-capability-grid-pro { grid-template-columns: repeat(4, minmax(0,1fr)); }
  .admin-product-card-grid, .category-tree-columns-pro { grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 1100px) {
  .home-overview-clean-grid, .home-category-stream-grid, .pcba-intro-grid, .pcba-detail-stack, .products-hero-grid-clean, .filter-select-grid-clean, .products-topline-clean, .pagination-clean, .pagination-admin-clean { grid-template-columns: 1fr; }
  .archive-grid-clean, .admin-product-card-grid, .pcba-capability-grid-pro, .pcba-process-grid-pro, .category-tree-columns-pro { grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 760px) {
  .archive-grid-clean, .admin-product-card-grid, .pcba-capability-grid-pro, .pcba-process-grid-pro, .category-tree-columns-pro { grid-template-columns: 1fr; }
  .mini-product-card-clean { min-width: 170px; max-width: 170px; }
  .header-search-v511 { min-width: 0; }
}

.social-icon svg { width: 16px; height: 16px; fill: currentColor; }
.dynamic-card-link { text-decoration: none; color: inherit; display: flex; flex-direction: column; gap: 12px; }
.dynamic-intro-copy { max-width: 760px; }

/* v519 structural cleanup */
.shell { width: min(var(--front-shell-max), calc(100% - var(--front-shell-pad))) !important; max-width: var(--front-shell-max) !important; }
.hero-slide-shell { width: min(var(--front-shell-max), calc(100% - var(--front-shell-pad))) !important; max-width: var(--front-shell-max) !important; }
@media (max-width: 1200px) {
  .shell, .hero-slide-shell { width: min(100%, calc(100% - 28px)) !important; max-width: none !important; }
}

body:not(.admin-body) .section-tag,
body:not(.admin-body) .eyebrow,
body:not(.admin-body) .dynamic-intro-copy,
body:not(.admin-body) .products-topline .muted-copy,
body:not(.admin-body) .post-slider-toolbar .muted-copy { display: none !important; }

.site-nav-v511 { gap: 30px !important; align-items: center; }
.site-nav-v511 > a, .nav-dropdown > a {
  position: relative; display: inline-flex; align-items: center; min-height: 44px;
  transition: transform .22s ease, color .22s ease, opacity .22s ease;
}
.site-nav-v511 > a:hover, .nav-dropdown > a:hover { transform: translateY(-2px); }
.site-nav-v511 > a::after, .nav-dropdown > a::after {
  content: ''; position: absolute; left: 0; right: 0; bottom: -4px; height: 2px;
  background: currentColor; transform: scaleX(0); transform-origin: center; transition: transform .22s ease;
}
.site-nav-v511 > a:hover::after, .site-nav-v511 > a.is-active::after, .nav-dropdown > a:hover::after, .nav-dropdown > a.is-active::after { transform: scaleX(1); }
.nav-dropdown { position: relative; }
.nav-dropdown-panel {
  position: absolute; top: calc(100% + 12px); left: 50%; transform: translateX(-50%) translateY(10px);
  min-width: 760px; padding: 22px; border-radius: 22px; background: #fff; border: 1px solid rgba(23,61,109,.10);
  box-shadow: 0 24px 60px rgba(10,22,43,.16); opacity: 0; visibility: hidden; pointer-events: none; transition: all .22s ease; z-index: 40;
}
.nav-dropdown:hover .nav-dropdown-panel, .nav-dropdown:focus-within .nav-dropdown-panel { opacity: 1; visibility: visible; pointer-events: auto; transform: translateX(-50%) translateY(0); }
.nav-dropdown-grid { display: grid; grid-template-columns: repeat(5, minmax(0,1fr)); gap: 18px; }
.nav-dropdown-parent { display: block; font-weight: 800; color: #123055; margin-bottom: 10px; }
.nav-dropdown-child { display: block; color: #55657c; font-size: 14px; margin-bottom: 8px; }
.nav-dropdown-child:hover, .nav-dropdown-parent:hover { color: var(--accent); }
@media (max-width: 1200px) { .nav-dropdown-panel { display: none; } .site-nav-v511 { gap: 18px !important; } }

.home-category-switcher {
  background: #fff; border: 1px solid rgba(23,61,109,.08); border-radius: 28px; padding: 28px; box-shadow: 0 18px 48px rgba(8,17,31,.06);
}
.home-category-switcher-nav { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 16px; margin-bottom: 22px; }
.home-category-tab {
  text-align: left; border: 1px solid rgba(23,61,109,.10); background: #f8fbff; border-radius: 20px; padding: 18px; cursor: pointer;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease, background .2s ease;
}
.home-category-tab strong { display: block; font-size: 16px; color: #123055; margin-bottom: 6px; }
.home-category-tab span { color: #687991; font-size: 13px; }
.home-category-tab:hover, .home-category-tab.is-active { transform: translateY(-2px); border-color: rgba(11,124,255,.26); box-shadow: 0 14px 28px rgba(11,124,255,.08); background: #fff; }
.home-category-panel { display: none; }
.home-category-panel.is-active { display: block; }
.home-category-panel-head { display: flex; justify-content: space-between; gap: 20px; align-items: end; margin-bottom: 20px; }
.home-category-panel-head h3 { margin: 0 0 6px; font-size: 26px; }
.home-category-panel-head p { margin: 0; color: #5d6e86; }
.home-category-product-grid { display: grid; grid-template-columns: repeat(6, minmax(0,1fr)); gap: 18px; }
.home-category-product-card { border: 1px solid rgba(23,61,109,.08); border-radius: 22px; overflow: hidden; background: #fff; display: flex; flex-direction: column; min-height: 100%; }
.home-category-product-image { aspect-ratio: 1 / 1; background: #f7faff; }
.home-category-product-image img { width: 100%; height: 100%; object-fit: cover; }
.home-category-product-body { padding: 14px 14px 16px; display: flex; flex-direction: column; gap: 6px; }
.home-category-product-body span { font-size: 12px; color: #789; }
.home-category-product-body strong { color: #123055; line-height: 1.3; min-height: 38px; }
.home-category-product-body p { margin: 0; color: #586980; font-size: 13px; line-height: 1.45; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
@media (max-width: 1600px) { .home-category-product-grid { grid-template-columns: repeat(4, minmax(0,1fr)); } }
@media (max-width: 1200px) { .home-category-switcher-nav { grid-template-columns: repeat(2, minmax(0,1fr)); } .home-category-product-grid { grid-template-columns: repeat(3, minmax(0,1fr)); } }
@media (max-width: 760px) { .home-category-switcher { padding: 18px; } .home-category-switcher-nav, .home-category-product-grid { grid-template-columns: 1fr 1fr; gap: 12px; } }

.post-slider-toolbar-right, .insights-toolbar-right { display: flex; justify-content: flex-end; align-items: center; margin-bottom: 16px; }
.post-kind-chip {
  display: inline-flex; align-items: center; padding: 4px 10px; border-radius: 999px; background: rgba(11,124,255,.10); color: #1254a5; font-size: 12px; font-weight: 700;
}
.insights-archive-layout { display: grid; grid-template-columns: 260px 1fr; gap: 26px; align-items: start; }
.insights-side-nav { border: 1px solid var(--line); border-radius: 22px; background: #fff; padding: 18px; display: flex; flex-direction: column; gap: 12px; position: sticky; top: 110px; }
.insights-side-link { display: block; padding: 14px 16px; border-radius: 16px; color: #1a355b; background: #f8fbff; border: 1px solid rgba(23,61,109,.08); }
.insights-side-link.is-active, .insights-side-link:hover { background: #123e73; color: #fff; }
.insights-post-grid { grid-template-columns: repeat(3, minmax(0,1fr)); }
.archive-arrow-nav a { text-decoration: none; }
@media (max-width: 1100px) { .insights-archive-layout { grid-template-columns: 1fr; } .insights-side-nav { position: static; flex-direction: row; flex-wrap: wrap; } .insights-post-grid { grid-template-columns: repeat(2, minmax(0,1fr)); } }
@media (max-width: 760px) { .insights-post-grid { grid-template-columns: 1fr; } }

.product-grid-6x5 { grid-template-columns: repeat(6, minmax(0,1fr)); }
.product-grid-6x5 .archive-card-link { height: 100%; display: flex; flex-direction: column; }
.product-grid-6x5 .archive-card-clean { min-height: 100%; }
.product-grid-6x5 .compact-archive-body-clean { flex: 1; display: flex; flex-direction: column; }
.product-grid-6x5 .compact-archive-body-clean p { margin-top: 8px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
@media (max-width: 1600px) { .product-grid-6x5 { grid-template-columns: repeat(5, minmax(0,1fr)); } }
@media (max-width: 1280px) { .product-grid-6x5 { grid-template-columns: repeat(4, minmax(0,1fr)); } }
@media (max-width: 980px) { .product-grid-6x5 { grid-template-columns: repeat(3, minmax(0,1fr)); } }
@media (max-width: 680px) { .product-grid-6x5 { grid-template-columns: repeat(2, minmax(0,1fr)); } }

.page-admin-card, .banner-admin-card { grid-template-columns: 220px 1fr !important; align-items: stretch; }
.page-admin-preview, .banner-admin-preview { min-height: 170px; overflow: hidden; background: #f6f9ff; }
.page-admin-preview img, .banner-admin-preview img { width: 100%; height: 100%; object-fit: cover; }
.page-admin-body, .banner-admin-body { padding: 18px 18px 16px; display: flex; flex-direction: column; justify-content: space-between; gap: 12px; min-width: 0; }
.page-admin-top, .page-admin-meta, .page-admin-actions, .button-row-wrap { position: static !important; }
.admin-product-card-grid { grid-template-columns: repeat(auto-fill, minmax(200px,1fr)) !important; gap: 14px !important; }
.admin-product-card { padding: 0 !important; }
.admin-product-thumb-wrap { min-height: 128px; max-height: 128px; overflow: hidden; }
.admin-product-thumb { width: 100%; height: 128px; object-fit: cover; }
.admin-product-copy { padding: 12px 14px 0; }
.admin-product-actions-row { padding: 0 14px 14px; }
.inline-note { display: inline-block; margin-left: 8px; color: var(--muted); font-size: 12px; font-weight: 400; }

.rich-toolbar-advanced select, .rich-toolbar-advanced input[type="color"] {
  min-height: 36px; border-radius: 10px; border: 1px solid var(--line); background: #fff; padding: 0 10px;
}
.auto-rich-wrap { margin-top: 8px; }
.settings-tab-panel { display: none; }
.settings-jumpbar a.is-active { background: #123e73; color: #fff; }

.admin-sidebar-toggle {
  display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 12px; border: 1px solid rgba(255,255,255,.18);
  background: rgba(255,255,255,.08); color: #fff; cursor: pointer; margin-bottom: 14px;
}
.admin-sidebar-collapsed .admin-sidebar { width: 86px; overflow: hidden; }
.admin-sidebar-collapsed .admin-sidebar .admin-brand span:last-child,
.admin-sidebar-collapsed .admin-sidebar .admin-nav-title,
.admin-sidebar-collapsed .admin-sidebar .admin-nav a,
.admin-sidebar-collapsed .admin-main { margin-left: 0; }
@media (max-width: 1024px) { .admin-sidebar-toggle { display: none; } }


/* v520 round 2 structural refinement */
.product-card-image img,
.home-category-product-image img,
.product-gallery img,
.product-main-media img,
.archive-image-clean img,
.square-image img,
.admin-product-thumb,
.admin-preview,
.page-admin-preview img,
.banner-admin-preview img {
  object-fit: contain !important;
  background: #fff;
}
.square-image, .home-category-product-image, .product-card-image, .archive-image-clean, .product-main-media, .product-gallery-item {
  aspect-ratio: 1 / 1;
  background: #fff;
}

.nav-dropdown-panel-mega {
  min-width: 1080px;
  padding: 24px;
}
.nav-mega-grid { display: grid; grid-template-columns: 260px 300px 1fr; gap: 18px; align-items: stretch; }
.nav-mega-grid-pages { grid-template-columns: 260px 1fr; }
.nav-mega-col { background: #f8fbff; border: 1px solid rgba(23,61,109,.08); border-radius: 22px; padding: 18px; min-height: 340px; }
.nav-mega-box-title { font-size: 14px; font-weight: 800; color: #173d6d; margin-bottom: 14px; }
.nav-mega-trigger, .nav-mega-child {
  width: 100%; text-align: left; border: 1px solid rgba(23,61,109,.10); background: #fff; border-radius: 16px; padding: 14px 16px; margin-bottom: 12px; cursor: pointer;
  color: #173d6d; transition: all .2s ease;
}
.nav-mega-trigger:hover, .nav-mega-trigger.is-active, .nav-mega-child:hover, .nav-mega-child.is-active {
  background: linear-gradient(135deg, #123e73, #0b7cff); color: #fff; border-color: transparent; transform: translateY(-1px);
}
.nav-mega-panel { display: none; }
.nav-mega-panel.is-active { display: block; }
.nav-mega-link-list { display: grid; gap: 10px; }
.nav-mega-link {
  display: block; padding: 14px 16px; border-radius: 16px; background: #fff; border: 1px solid rgba(23,61,109,.08); color: #204168;
}
.nav-mega-link:hover { border-color: rgba(11,124,255,.25); box-shadow: 0 12px 24px rgba(11,124,255,.08); }
.nav-mega-link-parent { font-weight: 800; background: #eef5ff; }
.nav-dropdown-panel-page .nav-mega-col-level2 .nav-mega-panel { display: block; }
.nav-dropdown-simple-list-boxed { display: grid; gap: 10px; min-width: 280px; }
.nav-dropdown-simple-list-boxed a { padding: 14px 16px; background: #f8fbff; border-radius: 14px; border: 1px solid rgba(23,61,109,.08); }

.post-detail-shell { width: min(1600px, calc(100% - 88px)) !important; }
.post-detail-grid { display:grid; grid-template-columns: 320px minmax(0,1fr) 340px; gap: 24px; align-items:start; }
.post-side-card, .post-related-card, .post-inquiry-card { background:#fff; border:1px solid rgba(23,61,109,.08); border-radius:24px; padding:20px; box-shadow: var(--shadow); }
.post-cover-compact { max-height: 420px; border-radius: 24px; overflow:hidden; margin-bottom: 20px; }
.post-cover-compact img { width:100%; height:100%; object-fit:contain; background:#fff; }
.post-mini-list { display:grid; gap: 14px; }
.post-mini-item { display:grid; grid-template-columns: 88px 1fr; gap:12px; align-items:center; text-decoration:none; color:inherit; }
.post-mini-item img { width:88px; height:88px; object-fit:cover; border-radius:14px; }
.post-related-products { display:grid; gap: 14px; }
.post-related-product { display:grid; grid-template-columns: 86px 1fr; gap:12px; align-items:center; text-decoration:none; color:inherit; padding: 12px; border-radius: 16px; background:#f8fbff; }
.post-related-product img { width:86px; height:86px; object-fit:contain; border-radius:14px; background:#fff; }
@media (max-width: 1280px) { .post-detail-grid { grid-template-columns: 1fr; } }

.archive-grid-v511, .product-grid-6x5 { align-items: stretch; }
.product-grid-6x5 .archive-card-clean, .product-grid-6x5 .product-card { overflow: hidden; }
.product-grid-6x5 .archive-card-link { min-height: 100%; }
.product-grid-6x5 h3, .product-grid-6x5 p {
  overflow-wrap: anywhere;
}
.product-grid-6x5 .compact-archive-body-clean { min-height: 150px; }
.product-grid-6x5 .archive-brand { min-height: 18px; display:block; }
.product-grid-6x5 .compact-archive-body-clean h3 { min-height: 42px; margin: 4px 0 0; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.product-grid-6x5 .compact-archive-body-clean p { min-height: 40px; }

.page-card-grid, .banner-card-grid { display:grid; grid-template-columns: 1fr; gap: 18px; }
.page-admin-card, .banner-admin-card {
  display:grid !important; grid-template-columns: 260px minmax(0,1fr) !important; gap:0 !important; overflow:hidden !important; border-radius: 22px; border:1px solid rgba(23,61,109,.08); background:#fff;
}
.page-admin-preview, .banner-admin-preview { min-width: 0; min-height: 190px; max-height: 190px; }
.page-admin-preview .page-admin-placeholder { height: 100%; display:flex; align-items:center; justify-content:center; padding: 16px; }
.page-admin-body, .banner-admin-body { min-width:0; overflow:hidden; }
.page-admin-top, .page-admin-body p { overflow-wrap:anywhere; }
.page-admin-meta-wrap { display:flex; flex-wrap:wrap; gap:8px; }
.page-admin-actions { display:flex; flex-wrap:wrap; gap:10px; }
@media (max-width: 900px) { .page-admin-card, .banner-admin-card { grid-template-columns: 1fr !important; } }

.admin-product-card-grid { grid-template-columns: repeat(auto-fill, minmax(180px,1fr)) !important; }
.admin-product-card { overflow:hidden; border-radius:20px; border:1px solid rgba(23,61,109,.08); background:#fff; }
.admin-product-copy h3, .admin-product-copy p { overflow-wrap:anywhere; }

.rich-toolbar-advanced {
  display:flex; flex-wrap:wrap; gap:8px; align-items:center; padding:12px; background:#f7faff; border:1px solid rgba(23,61,109,.08); border-bottom:0; border-radius:18px 18px 0 0;
}
.rich-toolbar-advanced select { width: 120px; }
.rich-toolbar-advanced button, .rich-upload-btn {
  border:1px solid rgba(23,61,109,.12); background:#fff; border-radius: 12px; min-height: 36px; padding: 0 12px; display:inline-flex; align-items:center; justify-content:center; cursor:pointer;
}
.rich-editor-wrap .rich-editor { min-height: 260px; border-radius:0 0 18px 18px; border:1px solid rgba(23,61,109,.08); padding:16px; background:#fff; }
.rich-editor-wrap .rich-editor img { max-width: 100%; height:auto; }

.admin-nav-group { border-top: 1px solid rgba(255,255,255,.08); padding-top: 10px; margin-top: 10px; }
  display:flex; align-items:center; justify-content:space-between; width:100%; border:0; background:transparent; color:rgba(255,255,255,.78); font-size:12px; letter-spacing:.08em; text-transform:uppercase; padding: 6px 0 10px; cursor:pointer;
}

.settings-form-v517 .settings-tab-panel { display:none !important; padding-top: 16px; }
.settings-form-v517 .settings-tab-panel.is-active { display:block !important; }
.settings-jumpbar { position: sticky; top: 16px; z-index: 5; background: #fff; padding: 12px; border: 1px solid rgba(23,61,109,.08); border-radius: 16px; margin-bottom: 18px; }
.settings-jumpbar a { white-space: nowrap; }
.admin-table-inquiry td small { display:block; white-space:normal; }

@media (max-width: 1280px) {
  .nav-dropdown-panel-mega { min-width: 92vw; }
  .nav-mega-grid { grid-template-columns: 1fr; }
  .nav-mega-col { min-height: auto; }
}

/* v521 media picker and dynamic image-card sections */
.media-inline-picker { display:flex; gap:10px; align-items:center; margin-top:10px; }
.media-inline-picker input[type="text"] { flex:1; min-width:0; }
.media-picker-open { overflow:hidden; }
.media-picker-modal[hidden] { display:none !important; }
.media-picker-modal { position:fixed; inset:0; z-index:1200; display:grid; place-items:center; }
.media-picker-backdrop { position:absolute; inset:0; background:rgba(10,19,34,.55); backdrop-filter: blur(4px); }
.media-picker-dialog { position:relative; width:min(1180px, calc(100vw - 40px)); max-height:min(86vh, 900px); background:#fff; border-radius:28px; border:1px solid rgba(23,61,109,.12); box-shadow:0 28px 80px rgba(10,19,34,.28); display:flex; flex-direction:column; overflow:hidden; }
.media-picker-head { display:flex; justify-content:space-between; align-items:center; gap:18px; padding:20px 22px 14px; border-bottom:1px solid rgba(23,61,109,.08); }
.media-picker-head h3 { margin:0; font-size:22px; color:#123e73; }
.media-picker-head p { margin:4px 0 0; color:#66768c; }
.media-picker-toolbar { display:grid; grid-template-columns:minmax(280px,1fr) 180px 180px; gap:12px; padding:16px 22px; border-bottom:1px solid rgba(23,61,109,.08); background:#f8fbff; }
.media-picker-summary { padding: 0 22px 10px; color:#5f7188; font-size:13px; }
.media-picker-pager { display:flex; align-items:center; justify-content:space-between; gap:16px; padding: 0 22px 18px; border-top:1px solid rgba(23,61,109,.08); }
.media-picker-pager span { color:#173d6d; font-weight:700; }
.media-picker-grid { padding:22px; overflow:auto; display:grid; grid-template-columns:repeat(auto-fill, minmax(220px, 1fr)); gap:16px; min-height: 320px; }
.media-picker-item { text-align:left; border:1px solid rgba(23,61,109,.08); border-radius:22px; padding:12px; background:#fff; display:grid; gap:12px; cursor:pointer; transition:.22s ease; }
.media-picker-item:hover { transform:translateY(-2px); border-color:rgba(11,124,255,.22); box-shadow:0 18px 32px rgba(11,124,255,.10); }
.media-picker-item-preview { aspect-ratio:1/1; border-radius:18px; background:#f5f8fc; display:grid; place-items:center; overflow:hidden; }
.media-picker-item-preview img { width:100%; height:100%; object-fit:contain; }
.media-picker-doc { width:100%; height:100%; display:grid; place-items:center; border-radius:18px; background:linear-gradient(135deg,#eef5ff,#dbe9ff); color:#123e73; font-size:24px; font-weight:800; }
.media-picker-item-body { display:grid; gap:6px; }
.media-picker-item-body strong { font-size:15px; color:#173d6d; }
.media-picker-item-body span { color:#4c607e; font-size:12px; text-transform:uppercase; letter-spacing:.04em; }
.media-picker-item-body small { color:#60738e; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.dynamic-image-card-grid { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:22px; }
.dynamic-image-card { display:flex; flex-direction:column; overflow:hidden; padding:0; }
.dynamic-image-card-visual { aspect-ratio:1/1; background:#f5f8fc; border-bottom:1px solid rgba(23,61,109,.08); overflow:hidden; }
.dynamic-image-card-visual img { width:100%; height:100%; object-fit:contain; }
.dynamic-image-card-body { padding:22px; display:grid; gap:10px; }
.dynamic-image-card-body h3 { margin:0; }
.dynamic-image-card-body p { margin:0; }
.page-admin-card, .banner-admin-card { align-items:stretch; }
.page-admin-preview, .banner-admin-preview { aspect-ratio:4/3; min-height:0; }
.page-admin-preview img, .banner-admin-preview img { width:100%; height:100%; object-fit:cover; display:block; }
.page-admin-body, .banner-admin-body { min-width:0; display:flex; flex-direction:column; gap:12px; }
.page-admin-top { align-items:flex-start; gap:12px; }
.page-admin-top h3, .banner-admin-body h3 { word-break:break-word; }
.page-admin-meta, .page-admin-meta-wrap { display:flex; flex-wrap:wrap; gap:8px; }
.page-admin-actions, .admin-product-actions-row { margin-top:auto; }
.rich-toolbar-advanced { gap:8px; align-items:center; }
.rich-toolbar-advanced select { max-width:132px; }
.rich-toolbar-advanced button, .rich-toolbar-advanced .rich-upload-btn { padding:8px 11px; border-radius:12px; border:1px solid rgba(23,61,109,.12); background:#fff; font-size:13px; }
.rich-toolbar-advanced .rich-upload-btn { display:inline-flex; align-items:center; }
.preset-grid.compact-top-gap { margin-top:18px; }
@media (max-width: 1024px) {
  .media-picker-toolbar { grid-template-columns:1fr; }
  .media-picker-pager { flex-direction:column; align-items:stretch; }
  .dynamic-image-card-grid { grid-template-columns:repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 768px) {
  .media-inline-picker { flex-direction:column; align-items:stretch; }
  .media-picker-dialog { width:min(100vw - 20px, 1000px); }
  .dynamic-image-card-grid { grid-template-columns:1fr; }
}


/* round4 spacing, nav, article and admin refinements */
.nav-dropdown { position: relative; padding-bottom: 14px; margin-bottom: -14px; }
.nav-dropdown::after { content:''; position:absolute; left:0; right:0; top:100%; height:18px; }
.nav-dropdown-panel { top: calc(100% + 4px); width: max-content; max-width: min(1180px, calc(100vw - 32px)); min-width: 0; }
.nav-dropdown.is-open .nav-dropdown-panel, .nav-dropdown:hover .nav-dropdown-panel, .nav-dropdown:focus-within .nav-dropdown-panel { opacity:1; visibility:visible; pointer-events:auto; transform:translateX(-50%) translateY(0); }
.nav-dropdown-panel-simple { min-width: 260px; max-width: 360px; }
.nav-dropdown-simple-list-boxed { min-width: 0; }
.nav-dropdown-simple-list-boxed a { white-space: nowrap; }
.nav-dropdown-panel-mega { width: min(1120px, calc(100vw - 32px)); }

.home-category-panel-head { align-items:center; }
.home-category-product-grid { display:none !important; }
.home-category-product-track { display:grid; grid-auto-flow:column; grid-auto-columns:minmax(220px, 260px); gap:18px; overflow:auto; padding:4px 4px 10px; scroll-snap-type:x mandatory; }
.home-category-product-track > * { scroll-snap-align:start; }
.home-category-product-track::-webkit-scrollbar { height:10px; }
.home-category-product-track::-webkit-scrollbar-thumb { background:#cfd8ea; border-radius:999px; }
.home-category-product-card { min-width: 0; }
.home-category-product-image img { object-fit: contain !important; }
.catalog-scroll-nav { display:flex; gap:10px; align-items:center; }

.article-layout-v540 { display:grid; grid-template-columns: 360px minmax(0, 1fr); gap: 30px; align-items:start; }
.article-content-v540 { min-width:0; }
.article-cover-v540 { width: min(100%, 980px); max-height: 420px; object-fit: cover; border-radius: 24px; display:block; margin: 0 0 28px; }
.article-body-v540 { font-size: 17px; line-height: 1.95; color:#223752; }
.article-body-v540 p { margin: 0 0 18px; }
.article-body-v540 h2, .article-body-v540 h3, .article-body-v540 h4 { margin: 34px 0 14px; color:#123055; }
.article-body-v540 img { max-width: min(100%, 860px); height:auto; display:block; margin: 24px auto; border-radius: 20px; }
.compact-related-list { display:grid; gap:16px; }
.compact-related-item { display:grid; grid-template-columns: 180px 1fr; gap:16px; align-items:center; text-decoration:none; color:inherit; }
.compact-related-thumb { width:180px; aspect-ratio: 1 / 1; border-radius:20px; overflow:hidden; background:#f7fbff; }
.compact-related-thumb img { width:100%; height:100%; object-fit:cover; }
.compact-related-copy { display:grid; gap:8px; }
.compact-related-copy strong { line-height:1.45; }
.compact-related-copy small { color:#66768c; }
.article-products-head p { margin: 8px 0 0; color:#66768c; }
.article-related-products-row { display:grid; grid-auto-flow:column; grid-auto-columns:minmax(280px, 320px); gap:18px; overflow:auto; padding-bottom:10px; scroll-snap-type:x mandatory; }
.article-related-products-row > * { scroll-snap-align:start; }
.article-related-product-card { display:flex; flex-direction:column; border:1px solid rgba(23,61,109,.08); border-radius:24px; overflow:hidden; background:#fff; }
.article-related-product-media { aspect-ratio: 1 / 1; background:#fff; }
.article-related-product-media img { width:100%; height:100%; object-fit:contain; }
.article-related-product-body { padding:16px; display:grid; gap:8px; }
.article-related-product-body span { color:#6c7b90; font-size:12px; text-transform:uppercase; letter-spacing:.05em; }
.article-related-product-body strong { color:#123055; line-height:1.35; }
.article-related-product-body p { margin:0; color:#52657d; font-size:14px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.article-expression-band { border-radius: 26px; }

.admin-panel, .contact-card, .sidebar-card { padding: 24px; }
.admin-form { gap: 18px; }
.admin-form label { gap: 10px; }
.admin-form .form-grid { gap: 18px; }
.admin-form input, .admin-form textarea, .admin-form select { padding: 14px 16px; }
.form-section-head { margin: 8px 0 4px; }
.page-admin-card, .banner-admin-card { grid-template-columns: 280px minmax(0,1fr) !important; }
.page-admin-body, .banner-admin-body { padding: 24px !important; }
.page-admin-top { display:flex; justify-content:space-between; align-items:flex-start; gap:16px; }
.page-admin-top .tag-pill { flex-shrink:0; }
.banner-admin-body p { margin:0; }
.admin-product-card-grid { grid-template-columns: repeat(auto-fill, minmax(220px,1fr)) !important; gap:18px !important; }
.admin-product-card { display:flex; flex-direction:column; }
.admin-product-copy { display:grid; gap:10px; padding:16px 16px 0; }
.admin-product-copy h3 { min-height: 44px; margin:0; }
.admin-product-copy p { min-height: 44px; margin:0; color:#596a82; }
.admin-product-facts { display:grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap:10px; }
.admin-product-facts div { padding:10px 12px; border:1px solid rgba(23,61,109,.08); border-radius:14px; background:#f8fbff; min-width:0; }
.admin-product-facts small { display:block; color:#6f8095; margin-bottom:4px; }
.admin-product-facts strong { display:block; overflow-wrap:anywhere; line-height:1.4; }
.admin-product-actions-row { display:flex; gap:10px; padding:16px; margin-top:auto; }
.admin-product-card-compact { min-height: 100%; }
.admin-product-copy-compact { gap: 6px; padding-bottom: 8px; }
.admin-product-copy-compact h3 { min-height: auto; line-height: 1.35; }
.settings-form-v517 > .settings-tab-panel { display:none !important; gap:18px; }
.settings-form-v517 > .settings-tab-panel.is-active { display:block !important; }
.settings-tab-panel[hidden] { display:none !important; }
.settings-jumpbar { margin-bottom: 24px; }
.rich-toolbar-v540 { gap:10px; padding:14px; }
.rich-toolbar-v540 select { min-width: 112px; max-width: 140px; }
.rich-toolbar-v540 button, .rich-toolbar-v540 .rich-upload-btn { min-height: 40px; padding: 0 13px; font-size: 13px; }
.spec-editor { min-height: 180px; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; }
.footer-grid { grid-template-columns: 1.2fr 1fr 1fr 1fr; gap: 32px; }
@media (max-width: 1280px) {
  .article-layout-v540 { grid-template-columns: 1fr; }
  .compact-related-item { grid-template-columns: 140px 1fr; }
  .compact-related-thumb { width:140px; }
  .page-admin-card, .banner-admin-card { grid-template-columns: 1fr !important; }
}
@media (max-width: 760px) {
  .compact-related-item { grid-template-columns: 120px 1fr; }
  .compact-related-thumb { width:120px; }
  .footer-grid { grid-template-columns: 1fr; }
}
.footer-sub-link { padding-left: 14px; color: #7a8aa0; }
.admin-cms-logo { width: 40px; height: 40px; object-fit: contain; border-radius: 10px; background: #fff; padding: 4px; }
.admin-cms-logo-large { width: 56px; height: 56px; padding: 6px; }
.login-brand-clean { align-items: center; gap: 16px; }
.login-copy-clean { margin-bottom: 8px; }
.login-copy-clean p { display:none; }
.page-admin-card .footer-sub-link { padding-left: 0; }

.admin-post-card-grid { display:grid; grid-template-columns: repeat(auto-fill, minmax(280px,1fr)); gap:18px; margin-top:18px; }
.admin-post-card { display:flex; flex-direction:column; border:1px solid rgba(23,61,109,.08); border-radius:20px; background:#fff; box-shadow: var(--shadow); overflow:hidden; min-height:100%; }
.admin-post-thumb-wrap { background: linear-gradient(135deg, #f4f8ff, #e4eefc); }
.admin-post-thumb { width:100%; aspect-ratio:16 / 9; object-fit:cover; display:block; }
.admin-post-copy { display:grid; gap:10px; padding:16px; }
.admin-post-copy h3 { margin:0; line-height:1.35; min-height:48px; }
.admin-post-copy p { margin:0; color:#596a82; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; min-height:48px; }
.admin-post-actions { display:grid; gap:12px; padding:0 16px 16px; margin-top:auto; }
.admin-post-status-row { display:flex; align-items:center; justify-content:space-between; gap:10px; }
.admin-post-status-row .inline-publish-form { margin:0; }
.settings-ops-group { display:grid; gap:14px; margin-top:18px; }
.settings-ops-group-system { padding-top:8px; border-top:1px dashed rgba(23,61,109,.12); }
.settings-ops-head { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.settings-ops-head h4 { margin:0; }
.settings-ops-head span { color:#6f8095; font-size:13px; }
@media (max-width: 760px) { .admin-post-card-grid { grid-template-columns:1fr; } .admin-post-status-row { align-items:flex-start; flex-direction:column; } .settings-ops-head { flex-direction:column; align-items:flex-start; } }


/* round7 product detail stability */
.product-detail-grid-balanced { grid-template-columns: minmax(320px, .78fr) minmax(420px, 1.22fr); align-items: start; }
.product-gallery-card-compact { padding: 18px; }
.product-gallery-main-square { display:flex; align-items:center; justify-content:center; width:100%; aspect-ratio: 1 / 1; min-height: 0; margin: 0 auto; padding: 22px; border-radius: 28px; background: linear-gradient(135deg, #f6f9ff, #e4eefc); }
.product-gallery-card-v54 .product-gallery-main-square img { width: 100%; height: 100%; max-width: 520px; max-height: 520px; aspect-ratio: 1 / 1; object-fit: contain; display:block; margin: 0 auto; }
.product-gallery-thumbs-square { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.product-gallery-thumbs-square .thumb { width:100%; aspect-ratio: 1 / 1; border:1px solid var(--line); border-radius: 18px; background:#fff; padding:10px; display:grid; place-items:center; }
.product-gallery-thumbs-square .thumb img { width:100%; height:100%; aspect-ratio:1 / 1; object-fit:contain; display:block; }
.compact-note { margin-top: 12px; font-size: 13px; line-height: 1.6; }
.compact-quote-box { gap: 12px; }
.detail-panels-auto { grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); }
.mini-anchor-nav-boxed { display:flex; flex-wrap:wrap; gap:12px; padding:10px; border:1px solid var(--line); border-radius:18px; background:#f8fbff; margin-bottom:18px; }
.mini-anchor-nav-boxed a { display:inline-flex; align-items:center; justify-content:center; min-height:40px; padding:8px 14px; border:1px solid var(--line); border-radius:999px; background:#fff; font-weight:600; }
@media (max-width: 1100px) {
  .product-detail-grid-balanced { grid-template-columns: 1fr; }
  .product-gallery-main-square { aspect-ratio: 1 / 1; min-height: 0; padding: 16px; }
}


/* round10 industries, quality, import */
.industry-featured-panel, .quality-featured-panel { display:grid; grid-template-columns: minmax(320px,.9fr) minmax(360px,1.1fr); gap: 28px; padding: 28px; border:1px solid var(--line); border-radius: 28px; background:#fff; box-shadow: var(--shadow); margin-bottom: 26px; align-items: center; }
.industry-featured-media, .quality-featured-media { border-radius: 24px; overflow:hidden; background: linear-gradient(135deg, #f4f8ff, #e3ecfb); }
.industry-featured-media img, .quality-featured-media img, .quality-featured-media video, .quality-featured-media iframe { width:100%; aspect-ratio: 1 / 1; object-fit: cover; border:0; display:block; }
.industry-featured-copy, .quality-featured-copy { display:grid; gap: 14px; }
.industry-entry-grid, .quality-entry-grid { display:grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 20px; }
.industry-entry-card, .quality-entry-card { display:grid; grid-template-columns: 180px minmax(0,1fr); gap: 18px; align-items: center; padding: 18px; border:1px solid var(--line); border-radius: 22px; background:#fff; box-shadow: 0 16px 32px rgba(8,17,31,.05); }
.industry-entry-thumb, .quality-entry-media { border-radius: 18px; overflow:hidden; background: linear-gradient(135deg, #eef4ff, #dfe9fb); }
.industry-entry-thumb img, .quality-entry-media img { width:100%; aspect-ratio: 1 / 1; object-fit: cover; display:block; }
.industry-entry-body, .quality-entry-body { display:grid; gap: 8px; min-width:0; }
.line-clamp-three { color: var(--muted); font-size: 14px; line-height: 1.65; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical; overflow:hidden; }
.import-result-grid ul { margin: 10px 0 0 18px; }
.import-template-note { margin-top: 24px; }
.rich-toolbar select { min-height: 36px; padding: 0 10px; border-radius: 10px; border: 1px solid var(--line); background:#f7fbff; color:#153159; font-weight:700; }
@media (max-width: 1200px){
  .industry-featured-panel, .quality-featured-panel, .industry-entry-card, .quality-entry-card { grid-template-columns: 1fr; }
  .industry-entry-grid, .quality-entry-grid { grid-template-columns: 1fr; }
}


/* round11 settings tabs, footer controls, media pagination */
.settings-jumpbar { gap: 12px; }
.settings-jumpbar a { display:inline-flex; align-items:center; justify-content:center; min-height: 42px; padding: 10px 16px; border:1px solid rgba(18,62,115,.10); box-shadow: inset 0 0 0 1px rgba(255,255,255,.22); }
.settings-jumpbar a.is-active { background: linear-gradient(135deg, #123e73, #1f66b9); color:#fff; box-shadow: 0 12px 26px rgba(18,62,115,.22); }
.field-hint-box { display:flex; flex-direction:column; justify-content:center; gap:8px; padding:14px 16px; border:1px dashed rgba(18,62,115,.18); border-radius:16px; background:#f8fbff; color:#4f6487; }
.field-hint-box strong { color:#14345d; }
.media-grid-v56 { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 16px; }
.media-card .media-preview { aspect-ratio: 1 / 1; min-height: 0; padding: 12px; background: #f6f8fc; }
.media-card .media-preview img { width:100%; height:100%; object-fit: contain; }
.media-card { min-height: 0; }
.media-card-body h3 { display:-webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow:hidden; }
.media-pagination-bar { display:flex; align-items:center; justify-content:space-between; gap: 16px; margin-top: 22px; padding-top: 18px; border-top:1px solid rgba(18,62,115,.08); }
.btn.is-disabled { pointer-events:none; opacity:.45; }
@media (max-width: 1440px){ .media-grid-v56 { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (max-width: 1180px){ .media-grid-v56 { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 860px){ .media-grid-v56 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .media-pagination-bar { flex-direction:column; align-items:stretch; } }


/* round13 nav, contact search, industry-quality cleanup, admin simplification */
.nav-mega-col-level3 { padding-left: 24px; padding-right: 22px; }
.nav-mega-col-level3 .nav-mega-box-title { padding-left: 8px; margin-bottom: 16px; }
.nav-mega-col-level3 .nav-mega-link-list { padding-left: 8px; }
.nav-mega-col-level3 .nav-mega-link { padding: 14px 18px; }

.hero-slider-v58 { padding: 0 !important; margin: 0 !important; position: relative; background: #06111f; overflow: hidden; }
.hero-slider-v58 .hero-slide { display: none; align-items: stretch; }
.hero-slider-v58 .hero-slide.is-active { display: flex; }
.hero-slider-v58 .hero-slide-copy { max-width: 760px; padding: clamp(94px, 8vw, 132px) 0 clamp(86px, 7vw, 110px); }
.hero-slider-v58 .hero-slide-copy h1 { font-size: clamp(36px, 4.2vw, 62px); }
.hero-slider-v58 .hero-slide-copy p { font-size: 18px; }
.hero-slider-v58 .slider-dots { position: absolute; left: 50%; bottom: 22px; transform: translateX(-50%); z-index: 3; }
@media (max-width: 900px) {
  .hero-slider-v58 .hero-slide { min-height: 460px; }
  .hero-slider-v58 .hero-slide-copy { padding: 78px 0 72px; }
}

.product-search-picker { position: relative; display: grid; gap: 10px; }
.product-search-picker input[type='search'] { width: 100%; }
.product-search-panel { position: absolute; top: calc(100% + 8px); left: 0; right: 0; z-index: 30; max-height: 320px; overflow: auto; padding: 10px; border: 1px solid rgba(23,61,109,.10); border-radius: 18px; background: #fff; box-shadow: 0 24px 48px rgba(7,17,29,.14); }
.product-search-option { width: 100%; display: grid; gap: 2px; text-align: left; padding: 12px 14px; border: 0; border-radius: 14px; background: transparent; cursor: pointer; }
.product-search-option:hover { background: #f5f9ff; }
.product-search-option strong { color: #153159; }
.product-search-option span { color: #64748b; font-size: 13px; }
.product-search-suggestion-row { display: flex; flex-wrap: wrap; gap: 8px; }
.product-search-suggestion { padding: 8px 12px; border: 1px solid rgba(23,61,109,.10); border-radius: 999px; background: #f7fbff; color: #153159; cursor: pointer; }
.product-search-chip { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 14px; border: 1px solid rgba(11,124,255,.18); border-radius: 16px; background: #eff6ff; }
.product-search-chip strong { color: #173d6d; }
.product-search-empty { padding: 12px 14px; color: #64748b; font-size: 14px; }

.showcase-grid { display: grid; gap: 22px; }
.showcase-grid-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.showcase-card { display: grid; gap: 18px; padding: 20px; border: 1px solid rgba(23,61,109,.08); border-radius: 24px; background: #fff; box-shadow: 0 18px 34px rgba(8,17,31,.06); }
.showcase-card-media { border-radius: 20px; overflow: hidden; background: linear-gradient(135deg, #eef4ff, #dde8fb); aspect-ratio: 4 / 3; }
.showcase-card-media img, .showcase-card-media iframe, .showcase-card-media video { width: 100%; height: 100%; object-fit: cover; display: block; border: 0; }
.showcase-card-body { display: grid; gap: 10px; }
.showcase-card-body h3 { margin: 0; }
@media (max-width: 1180px) { .showcase-grid-3 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 760px) { .showcase-grid-3 { grid-template-columns: 1fr; } }

body.admin-body .admin-topbar p,
body.admin-body .field-note,
body.admin-body .field-hint-box,
body.admin-body .muted-copy,
body.admin-body .media-picker-head p { display: none !important; }
body.admin-body .admin-topbar { align-items: center; }
body.admin-body .admin-topbar h1 { margin-bottom: 0; }
body.admin-body .admin-panel > h3:first-of-type { margin-top: 0; }
body.admin-body .admin-form label > span { margin-bottom: 8px; display: inline-flex; align-items: center; gap: 6px; }
body.admin-body .admin-form { gap: 18px; }
body.admin-body .sticky-form-actions { padding: 14px 16px; }


/* round14 contact form cleanup */
.public-form .form-grid,
.public-form .form-grid.two,
.public-form .form-grid.three,
.public-form .form-grid.four { align-items: start; }
.public-form label { align-content: start; }
.public-form select,
.public-form input,
.public-form textarea { min-height: 54px; }
.public-form textarea { min-height: 168px; }
.contact-card > p { max-width: 980px; }
.product-search-picker { gap: 8px; }
.product-search-chip { padding: 10px 12px; min-height: 52px; }
.product-search-chip .btn { white-space: nowrap; }
.product-search-picker input[name='related_product_manual'],
.product-search-picker + input[name='related_product_manual'] { min-height: 52px; }
.contact-card .field-note { margin-top: 2px; display: block; }


/* round15 tabbed admin flow + leaner product detail */
.settings-tab-panel-v2 { padding-top: 8px; animation: adminFadeIn .18s ease; }
@keyframes adminFadeIn { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: translateY(0); } }
.tabbed-admin-form .settings-jumpbar { position: sticky; top: 16px; z-index: 8; padding: 14px; gap: 12px; border-radius: 18px; border: 1px solid rgba(18,62,115,.10); background: rgba(255,255,255,.96); backdrop-filter: blur(10px); }
.tabbed-admin-form .settings-jumpbar a { min-height: 44px; padding: 10px 16px; font-weight: 700; }
.tabbed-admin-form .settings-tab-panel { border: 1px solid rgba(18,62,115,.08); border-radius: 22px; background: #fff; padding: 18px; box-shadow: 0 14px 30px rgba(15,31,56,.05); }
.tabbed-admin-form .settings-tab-panel > .form-section-head:first-of-type { margin-top: 0; }
.tabbed-admin-form .field-note { font-size: 12px; color: #6f8095; }
.tabbed-admin-form .muted-copy { color: #7a8aa0; }
.product-summary-card-v2 .procurement-note-v54:empty { display:none; }
.support-strip-grid { grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); }


/* round16 admin import and picker polish */
.import-stats-grid { margin: 0 0 18px; }
.import-report-table td:last-child { min-width: 320px; }
.alert.warning { background: #fff8e8; border: 1px solid #f1d48b; color: #8b5d00; }
.media-inline-picker { gap: 10px; }
.media-inline-picker input[data-media-path-input] { min-width: 0; }


.rich-toolbar-advanced [data-rich-media-open]{border:1px solid rgba(24,62,115,.16);background:#f3f7fc;color:#173d6d;border-radius:10px;padding:0 12px;font-weight:700;}
.import-report-actions{flex-wrap:wrap;gap:12px;}


/* round19 admin quick actions, service showcase and product anchors */
.admin-quick-actions {
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin: 0 0 18px;
}
.quick-action-chip {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:0 16px;
  border-radius:999px;
  border:1px solid rgba(23,61,109,.10);
  background:#fff;
  color:#173d6d;
  font-weight:700;
  text-decoration:none;
  box-shadow:0 8px 18px rgba(8,17,31,.06);
}
.quick-action-chip:hover { transform:translateY(-1px); border-color:rgba(11,124,255,.22); box-shadow:0 14px 30px rgba(11,124,255,.12); }
.service-stack-v2 { display:grid; gap:22px; }
.service-showcase-card {
  display:grid;
  grid-template-columns: minmax(280px, 360px) minmax(0,1fr);
  gap:0;
  overflow:hidden;
  border-radius:26px;
  border:1px solid rgba(23,61,109,.08);
  background:#fff;
  box-shadow:0 18px 42px rgba(8,17,31,.08);
}
.service-showcase-media { aspect-ratio:1/1; background:#f5f8fc; }
.service-showcase-media img { width:100%; height:100%; object-fit:contain; display:block; }
.service-showcase-copy { padding:28px; display:grid; gap:14px; min-width:0; }
.product-anchor-nav-section { padding-top: 10px; }
.product-anchor-nav {
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  padding:14px;
  border-radius:24px;
  background:#f7fbff;
  border:1px solid rgba(23,61,109,.08);
}
.product-anchor-nav a {
  padding:10px 14px;
  border-radius:999px;
  text-decoration:none;
  color:#173d6d;
  font-weight:700;
  background:#fff;
  border:1px solid rgba(23,61,109,.08);
}
.product-anchor-nav a:hover { border-color:rgba(11,124,255,.22); color:#0b7cff; }
@media (max-width: 900px) {
  .service-showcase-card { grid-template-columns: 1fr; }
}


.checkbox-card { display:flex; align-items:center; min-height:54px; padding:14px 16px; border:1px solid rgba(18,62,115,.10); border-radius:16px; background:#f9fbff; }
.checkbox-card span { font-weight:700; color:#183556; }
.compact-option-grid { margin-top:8px; }
.sticky-form-actions .button-row { margin:0; }
.product-anchor-nav { flex-wrap:wrap; }


/* round21 admin simplification */
body.admin-body .media-helper-box,
body.admin-body .media-helper-grid,
body.admin-body .settings-section-note,
body.admin-body .compact-note,
body.admin-body .field-hint-box {
  display: none !important;
}
body.admin-body .checkbox-row {
  align-items: start;
}


/* round22 product specs and page section media previews */
.spec-more-toggle {
  margin-top: 16px;
  border-top: 1px solid rgba(18,62,115,.10);
  padding-top: 14px;
}
.spec-more-toggle summary {
  cursor: pointer;
  list-style: none;
  font-weight: 700;
  color: #173d6d;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.spec-more-toggle summary::-webkit-details-marker { display: none; }
.spec-more-toggle summary::after {
  content: '+';
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border-radius: 999px;
  border: 1px solid rgba(18,62,115,.12);
  background: #f4f8ff;
}
.spec-more-toggle[open] summary::after { content: '−'; }
.spec-table-secondary { margin-top: 14px; }

.image-card-preview {
  margin-top: 10px;
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: contain;
  background: #fff;
  border: 1px solid rgba(18,62,115,.08);
  border-radius: 16px;
}


/* round23 product spec groups + import diagnostics + media clear */
.spec-group-card { margin-top: 18px; border: 1px solid rgba(15, 23, 42, 0.08); border-radius: 20px; padding: 18px; background: rgba(248, 250, 252, 0.7); }
.spec-group-card h3 { margin: 0 0 12px; font-size: 1rem; }
.spec-groups-stack { display: grid; gap: 16px; margin-top: 14px; }
.import-diagnostic-grid { margin-top: 14px; }
.import-diagnostic-grid .kpi-card { min-height: 88px; }
.media-inline-picker { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.media-inline-picker input[data-media-path-input] { flex: 1 1 280px; min-width: 220px; }
.media-inline-picker [data-media-clear] { white-space: nowrap; }


.preview-mode-bar{background:#0e2f57;color:#fff;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}
.preview-mode-bar-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:58px}
.preview-mode-bar-inner strong{display:block;font-size:14px;letter-spacing:.04em;text-transform:uppercase}
.preview-mode-bar-inner span{opacity:.86;font-size:14px}
.preview-mode-actions{display:flex;gap:10px;flex-wrap:wrap}
.import-filter-bar{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0 12px}
.import-filter-chip{border:1px solid #d5deea;background:#fff;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:700;color:#345;cursor:pointer}
.import-filter-chip.is-active{background:#173d6d;color:#fff;border-color:#173d6d}
.mini-builder-card input[type=file]{margin-top:6px}
.image-card-preview{aspect-ratio:1/1;object-fit:contain;background:#f7fafc;border:1px solid #dbe4ef;border-radius:16px;padding:12px;max-width:180px}
@media (max-width: 900px){.preview-mode-bar-inner{flex-direction:column;align-items:flex-start;padding:10px 0}}


.media-card-body-simple{padding-top:14px}
.media-rename-form{display:grid;gap:10px}
.media-rename-form input[type=text]{width:100%;min-height:42px;border:1px solid #d9e2ef;border-radius:12px;padding:10px 12px;font:inherit}
.media-rename-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}
.media-rename-row select{min-height:42px;border:1px solid #d9e2ef;border-radius:12px;padding:10px 12px;font:inherit;background:#fff}
.compact-inline-form .form-grid{align-items:end}
@media (max-width: 900px){.frontend-section-edit-wrap{justify-content:flex-start}}

/* round33 admin media + quick publish cleanup */
.media-grid-v56 {
  gap: 12px;
}
.media-card {
  border-radius: 16px;
}
.media-card .media-preview {
  aspect-ratio: 1 / 1;
  padding: 8px;
  background: #f7f9fc;
}
.media-card .media-preview img {
  object-fit: contain;
}
.media-card-body-compact {
  padding: 10px 12px 8px;
}
.media-rename-form-compact {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  gap: 8px;
  align-items: center;
}
.media-rename-form-compact input {
  min-width: 0;
}
.media-card-actions-compact {
  padding: 0 12px 12px;
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}
.icon-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 52px;
  padding: 7px 10px;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: #fff;
  color: var(--text);
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
}
.icon-action-danger {
  color: #a53d2d;
}
.inline-publish-form {
  display: inline-flex;
}
.post-list-status-cell {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}
.admin-product-actions-row-wrap,
.page-admin-actions {
  flex-wrap: wrap;
}
@media (max-width: 860px) {
  .media-rename-form-compact {
    grid-template-columns: 1fr;
  }
  .media-card-actions-compact {
    justify-content: stretch;
  }
}

/* round34 admin and ui cleanup */
.admin-layout-slim { grid-template-columns: 260px minmax(0,1fr); }
.admin-sidebar-slim { padding: 22px 18px; }
.admin-nav-flat { display: grid; gap: 8px; margin-top: 18px; }
.admin-nav-flat a { display:flex; align-items:center; min-height: 46px; padding: 0 14px; border-radius: 14px; color:#29405f; font-weight:700; border:1px solid transparent; }
.admin-nav-flat a:hover { background:#f5f8fd; border-color:var(--line); }
.admin-nav-flat a.is-active { background:#0b7cff; color:#fff; box-shadow: 0 14px 30px rgba(11,124,255,.18); }
.admin-sidebar-utility { margin-top: 18px; padding: 16px; border-radius: 18px; background:#f7fbff; border:1px solid var(--line); display:grid; gap:10px; }
.admin-sidebar-utility span { font-size:12px; font-weight:800; color:#5e7392; text-transform:uppercase; letter-spacing:.06em; }
.admin-utility-links { display:grid; gap:8px; }
.admin-utility-links a { color:#486282; font-size:14px; }
.admin-main-slim { padding: 24px 28px 36px; }
.admin-topbar-slim { background:#fff; border:1px solid var(--line); border-radius: 24px; padding: 22px 24px; box-shadow: var(--shadow); margin-bottom: 18px; }
.admin-quick-actions-slim { margin-bottom: 16px; }
.admin-panel, .kpi-card { border-radius: 24px; }
.admin-panel { padding: 24px; box-shadow: var(--shadow); }
.shrink-copy, .muted-copy { line-height: 1.55; }
.admin-process-strip { display:grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap:14px; margin: 20px 0 10px; }
.admin-process-strip > div { padding:18px; border:1px solid var(--line); border-radius:18px; background:#f8fbff; display:grid; gap:8px; }
.admin-process-strip strong { font-size:20px; color:#0b7cff; }
.page-admin-card-v2 .page-admin-preview { aspect-ratio: 16 / 9; }
.page-admin-card-v2 .page-admin-body { gap: 16px; }
.editor-steps-grid { display:grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 14px; margin-bottom: 20px; }
.editor-steps-grid-compact { margin-top: 20px; }
.editor-step-card { padding: 16px 18px; border-radius: 18px; border:1px solid var(--line); background:#f7fbff; display:flex; align-items:center; gap:12px; }
.editor-step-card strong { width:34px; height:34px; border-radius:999px; display:grid; place-items:center; background:#eaf2ff; color:#0b67db; }
.editor-step-card.is-active { background:#edf5ff; border-color:#cfe2ff; }
.admin-form-section { padding: 22px 0; border-top:1px solid var(--line); }
.admin-form-section:first-of-type { border-top: 0; padding-top: 0; }
.sticky-form-actions-strong { border-top:1px solid var(--line); margin-top: 22px; padding-top: 18px; }
.module-palette-grid { display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap:16px; }
.module-palette-card { padding: 22px; border-radius: 20px; border:1px solid var(--line); background:#fff; box-shadow: var(--shadow); display:grid; gap:8px; min-height: 118px; }
.module-palette-card strong { font-size: 17px; }
.module-palette-card span { color:var(--muted); line-height:1.55; }
.module-palette-link:hover { transform: translateY(-2px); border-color:#b8d2ff; }
.section-editor-list { display:grid; gap: 14px; }
.section-editor-card { display:grid; grid-template-columns: 46px minmax(0,1fr); gap:14px; padding:18px; border:1px solid var(--line); border-radius: 22px; background:#fff; box-shadow: var(--shadow); }
.section-editor-card.is-dragging { opacity:.55; }
.section-editor-handle { display:grid; place-items:center; border-radius: 16px; background:#f5f8fd; color:#6b7f9d; cursor:grab; font-size: 22px; }
.section-editor-main { display:grid; gap: 12px; }
.section-editor-head { display:flex; justify-content:space-between; gap:12px; align-items:flex-start; }
.section-editor-head h3 { margin-bottom:6px; }
.section-editor-head p { margin:0; color:var(--muted); }
.section-editor-meta, .section-editor-actions { display:flex; flex-wrap:wrap; gap:10px; }
.inline-reorder-form { margin-left:auto; }
.media-library-layout { display:grid; grid-template-columns: 260px minmax(0,1fr); gap:18px; align-items:start; }
.media-library-sidebar { position: sticky; top: 14px; }
.media-folder-link { display:flex; justify-content:space-between; align-items:center; min-height:42px; padding: 0 14px; border-radius: 14px; color:#2f4767; }
.media-folder-link span { color:#7b8ca6; font-size:12px; }
.media-folder-link:hover { background:#f5f8fd; }
.media-folder-link.is-active { background:#0b7cff; color:#fff; }
.media-folder-link.is-active span { color:rgba(255,255,255,.86); }
.media-library-main { display:grid; gap:18px; }
.media-grid-clean { grid-template-columns: repeat(4, minmax(0,1fr)); }
.media-card-clean { border-radius: 22px; overflow:hidden; }
.media-card-clean .media-preview { aspect-ratio: 1 / 1; }
.media-card-clean .media-card-body { gap:6px; }
.media-card-clean .media-card-body small { color:var(--muted); line-height:1.5; }
.media-card-actions-stacked { display:grid; gap:12px; align-items:stretch; }
.media-mini-form { display:grid; gap:8px; }
.media-mini-form input, .media-mini-form select { width:100%; }
.compact-row { justify-content:space-between; }
.pagination-clean { display:flex; justify-content:center; align-items:center; gap:10px; margin-top: 20px; }

.product-search-chip { min-height: 50px; border-radius: 14px; border:1px dashed var(--line); background:#f8fbff; padding: 10px 14px; display:flex; align-items:center; }
.product-search-chip strong { color:#23405f; }

.section { padding: 48px 0; }
.hero-slider-v55 .hero-slide { min-height: 720px; }
.overlap-card, .product-card, .post-card, .archive-card-v54, .contact-card, .sidebar-card { border-radius: 24px; }
.product-card-image, .archive-card-v54 .product-card-image, .compact-product-card-v54 .product-card-image { aspect-ratio: 1 / 1; border-radius: 20px; overflow:hidden; }
.product-card-body, .archive-card-v54 .product-card-body { gap: 12px; }
.post-card img, .insight-card img, .archive-card img { border-radius: 20px; }
.form-layout { gap: 24px; align-items:start; }
.contact-card, .sidebar-card { box-shadow: var(--shadow); }
.page-hero, .page-hero-card, .inner-hero-card { border-radius: 28px; }
.frontend-admin-panel { border-radius: 20px; box-shadow: var(--shadow); }

@media (max-width: 1180px) {
  .admin-layout-slim, .media-library-layout { grid-template-columns: 1fr; }
  .admin-process-strip, .editor-steps-grid, .module-palette-grid, .media-grid-clean { grid-template-columns: repeat(2, minmax(0,1fr)); }
}

@media (max-width: 760px) {
  .admin-main-slim { padding: 18px 14px 28px; }
  .admin-process-strip, .editor-steps-grid, .module-palette-grid, .media-grid-clean { grid-template-columns: 1fr; }
  .section-editor-card { grid-template-columns: 1fr; }
  .section-editor-handle { min-height: 42px; }
  .section { padding: 52px 0; }
}

.product-search-chip[hidden] { display:none !important; }


.settings-ops-grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(180px, 1fr)); gap:16px; margin:18px 0 28px; }
.settings-ops-card { border:1px solid #dbe4f0; border-radius:18px; padding:16px; background:#fff; text-decoration:none; color:#10213a; display:grid; gap:6px; min-height:124px; box-shadow:0 8px 24px rgba(15, 23, 42, 0.04); }
.settings-ops-card strong { font-size:16px; line-height:1.3; }
.settings-ops-card span { color:#2563eb; font-size:13px; }
.settings-ops-card em { color:#6b7280; font-style:normal; font-size:13px; line-height:1.5; }
.settings-ops-card:hover { border-color:#93c5fd; transform:translateY(-1px); box-shadow:0 10px 28px rgba(37, 99, 235, 0.08); }


/* round46 image polish + product gallery cleanup */
.product-card-image {
  aspect-ratio: 1 / 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px;
  background: linear-gradient(135deg, #f7faff, #edf3ff);
}
.product-card-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.admin-preview {
  width: 124px;
  height: 124px;
  object-fit: contain;
  padding: 10px;
  background: linear-gradient(135deg, #f7fbff, #eef4ff);
  border: 1px solid var(--line);
}
.admin-preview.is-empty {
  display: none;
}
.optional-media-preview {
  width: 108px;
  height: 108px;
}
.admin-product-thumb-wrap {
  min-height: 112px;
  max-height: 112px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #f7fbff, #eef4ff);
}
.admin-product-thumb {
  width: 100%;
  height: 112px;
  object-fit: contain;
  padding: 12px;
}
.media-card-clean .media-preview {
  aspect-ratio: 1 / 1;
  padding: 10px;
  background: linear-gradient(135deg, #f7fbff, #eef4ff);
}
.media-card-clean .media-preview img {
  object-fit: contain;
}
.product-detail-grid-balanced {
  gap: 20px;
  align-items: start;
}
.product-gallery-card-compact {
  padding: 16px;
}
.product-gallery-main-square {
  aspect-ratio: 1 / 1;
  padding: 10px;
  border-radius: 24px;
  border: 1px solid var(--line);
  background: #fff;
}
.product-gallery-card-v54 .product-gallery-main-square img {
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
  object-fit: contain;
}
.product-gallery-thumbs-square {
  grid-template-columns: repeat(auto-fit, minmax(88px, 1fr));
  gap: 12px;
}
.product-gallery-thumbs-square .thumb {
  padding: 8px;
  border-radius: 16px;
}
.product-gallery-thumbs-square .thumb img {
  object-fit: contain;
}
.product-summary-card-v2 {
  padding: 24px;
}
@media (max-width: 860px) {
  .product-gallery-main-square {
    padding: 8px;
  }
  .product-gallery-thumbs-square {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}


/* round47 homepage admin cleanup, inline product inquiry, media folder delete */
.media-folder-row { display:flex; align-items:center; gap:2px; }
.media-folder-delete-form { margin:0; }
.media-folder-delete-form .btn { min-width: 38px; padding-left: 0; padding-right: 0; }
.media-grid-clean { grid-template-columns: repeat(5, minmax(0,1fr)); gap: 14px; }
.media-card-clean { border-radius: 18px; }
.media-card-clean .media-preview { aspect-ratio: 1 / 1; padding: 8px; background: #f7f9fc; }
.media-card-clean .media-preview img { width:100%; height:100%; object-fit: contain; }
.media-card-clean .media-card-body { padding: 12px 12px 10px; }
.media-card-actions-stacked { padding: 0 12px 12px; gap: 10px; }
.media-mini-form input, .media-mini-form select { min-height: 40px; }
.product-inline-form { gap: 18px; }
.product-inline-form textarea { min-height: 150px; }
.product-inline-form .sticky-form-actions { margin-top: 4px; }
@media (max-width: 1480px) { .media-grid-clean { grid-template-columns: repeat(4, minmax(0,1fr)); } }
@media (max-width: 1100px) { .media-grid-clean { grid-template-columns: repeat(3, minmax(0,1fr)); } }
@media (max-width: 760px) { .media-grid-clean { grid-template-columns: repeat(2, minmax(0,1fr)); } .media-folder-row { grid-template-columns: minmax(0,1fr); } .media-folder-delete-form .btn { width:100%; } }

/* round51 product detail, media, inquiry, analytics, sidebar polish */
.admin-nav-flat a,
.admin-nav-flat a:hover,
.admin-sidebar .admin-nav-flat a,
.admin-sidebar .admin-nav-flat a.is-active {
  color: #fff;
}
.admin-nav-flat a { background: rgba(255,255,255,.06); border-color: rgba(255,255,255,.08); }
.admin-nav-flat a:hover { background: rgba(255,255,255,.12); border-color: rgba(255,255,255,.16); }
.admin-nav-flat a.is-active { background: #0b7cff; color:#fff; }
.admin-sidebar-utility { background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.12); }
.admin-sidebar-utility span, .admin-utility-links a { color: rgba(255,255,255,.92); }

.quick-action-chip { min-height: 38px; padding: 7px 12px; font-size: 13px; }
.admin-process-strip { gap: 10px; }
.admin-process-strip > div { padding: 14px 14px; min-height: 90px; }
.admin-process-strip > div span { font-size: 13px; line-height: 1.45; }

.filter-select-search-card input[type="search"] { width: 100%; min-height: 46px; border: 1px solid var(--line); border-radius: 14px; padding: 0 14px; background:#fff; }

.product-summary-card-stacked { display: grid; gap: 18px; }
.product-headline-specs { margin: 0; }
.product-headline-specs div { min-height: 82px; }
.datasheet-brief-card { padding: 18px; border: 1px solid var(--line); border-radius: 20px; background: #fff; display: grid; gap: 12px; }
.datasheet-brief-head { display: flex; gap: 14px; align-items: center; }
.datasheet-icon { display: inline-flex; align-items: center; justify-content: center; width: 54px; height: 54px; border-radius: 18px; background: #f04d3a; color: #fff; font-weight: 800; letter-spacing: .06em; }
.datasheet-brief-head strong { display:block; margin-bottom: 4px; }
.datasheet-brief-head small { color: var(--muted); line-height: 1.5; }
.datasheet-brief-actions { display:flex; flex-wrap:wrap; gap: 12px; align-items:center; }
.datasheet-external-link { font-weight: 700; }
.detail-panels-product-info { grid-template-columns: repeat(2, minmax(0,1fr)); }
.compact-spec-group-card { padding: 16px; }
.compact-spec-table .spec-row { padding: 10px 0; }
.compact-spec-table .spec-row span { max-width: 58%; }
.related-products-head { margin-bottom: 18px; }
.related-products-grid { grid-template-columns: repeat(6, minmax(0,1fr)); gap: 12px; }
.related-product-card { border-radius: 20px; overflow: hidden; }
.related-product-card .archive-card-link { display:flex; flex-direction:column; height:100%; }
.related-product-card .product-card-image { aspect-ratio: 1 / 1; padding: 8px; }
.related-product-body { min-height: 118px; }
.related-product-body h3 { margin: 4px 0 0; font-size: .98rem; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.related-product-body p { min-height: 34px; font-size: 13px; line-height: 1.45; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.product-inline-form .readonly-field input,
.product-inline-form .inline-note-field input { background:#f7fbff; color:#24466f; }
.product-inline-form textarea { min-height: 150px; }
.alert.error { background:#fff3f0; color:#a53d2d; border:1px solid rgba(165,61,45,.18); border-radius:16px; padding:14px 16px; margin-bottom:14px; }

.media-grid-clean { grid-template-columns: repeat(6, minmax(0,1fr)); gap: 12px; }
.media-card-clean .media-preview { aspect-ratio: 1 / 1; padding: 6px; }
.media-card-clean .media-card-body { margin: 0 10px; padding: 10px 12px; background:#fff; border:1px solid var(--line); border-radius:14px; }
.media-card-clean .media-card-body strong { display:block; line-height:1.45; }
.media-card-clean .media-card-body small { display:block; margin-top:4px; }
.media-card-actions-stacked { padding: 10px; }
.media-mini-form input, .media-mini-form select { background:#fff; border:1px solid var(--line); border-radius:12px; }

.inquiry-card-stack { display:grid; gap: 18px; }
.inquiry-card-pro { border:1px solid var(--line); border-radius: 24px; background:#fff; box-shadow: var(--shadow); padding: 22px; display:grid; gap:18px; }
.inquiry-card-head { display:flex; justify-content:space-between; gap:16px; align-items:flex-start; }
.inquiry-title-row { display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin-bottom:6px; }
.inquiry-title-row strong { font-size: 1.05rem; }
.inquiry-subline { color: var(--muted); }
.inquiry-head-actions { display:flex; flex-wrap:wrap; gap:10px; align-items:center; }
.status-form-inline { display:flex; gap:10px; align-items:center; flex-wrap:wrap; }
.inquiry-card-grid { display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 14px; }
.inquiry-info-box { padding: 18px; border-radius: 18px; background:#f8fbff; border:1px solid var(--line); }
.inquiry-info-box h3, .inquiry-message-box h3 { margin-bottom: 12px; }
.inquiry-info-box dl { display:grid; gap:10px; margin:0; }
.inquiry-info-box dl div { display:grid; gap:6px; }
.inquiry-info-box dt { color: var(--muted); font-size: 13px; }
.inquiry-info-box dd { margin:0; font-weight:700; color:#173d6d; line-height:1.55; }
.inquiry-message-box { padding: 18px; border-radius: 18px; background:#fff; border:1px solid var(--line); }
.inquiry-message-copy { white-space: pre-wrap; line-height:1.7; color:#27415f; }

.analytics-hero-grid { display:grid; grid-template-columns: repeat(5, minmax(0,1fr)); gap:16px; margin-bottom:18px; }
.analytics-hero-card { padding: 22px; border-radius: 24px; background: linear-gradient(180deg, #ffffff, #f7fbff); border:1px solid rgba(11,124,255,.10); box-shadow: 0 18px 40px rgba(8,17,31,.08); display:grid; gap:8px; }
.analytics-hero-card-primary { background: linear-gradient(135deg, #0b7cff, #163dff); color:#fff; }
.analytics-hero-card span { font-size:13px; color: inherit; opacity:.78; text-transform: uppercase; letter-spacing: .06em; }
.analytics-hero-card strong { font-size: 2rem; line-height:1.1; }
.analytics-hero-card small { color: inherit; opacity:.82; }
.analytics-panel { display:grid; gap: 18px; }
.analytics-chart-grid { display:grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap:16px; }
.analytics-chart-card { padding: 18px; border-radius: 22px; border:1px solid var(--line); background:#fff; }
.analytics-chart-card-wide { grid-column: 1 / -1; }
.chart-shell svg { width:100%; height:auto; display:block; }
.analytics-kpi-grid { display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap:16px; margin-top:18px; }
.analytics-list-panel .mini-chart-row span { max-width: 58%; }
.analytics-table td, .analytics-table th { white-space: normal; }

@media (max-width: 1480px) {
  .media-grid-clean, .related-products-grid, .analytics-hero-grid { grid-template-columns: repeat(4, minmax(0,1fr)); }
}
@media (max-width: 1180px) {
  .detail-panels-product-info, .analytics-kpi-grid, .inquiry-card-grid { grid-template-columns: 1fr; }
  .analytics-chart-grid { grid-template-columns: 1fr; }
  .media-grid-clean, .related-products-grid, .analytics-hero-grid { grid-template-columns: repeat(3, minmax(0,1fr)); }
}
@media (max-width: 860px) {
  .inquiry-card-head { flex-direction: column; }
  .media-grid-clean, .related-products-grid, .analytics-hero-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 640px) {
  .media-grid-clean, .related-products-grid, .analytics-hero-grid { grid-template-columns: 1fr; }
}

/* round52 analytics, product detail, media, inquiries, settings, dashboard */
.admin-form .form-grid,
.settings-form-v517 .form-grid,
.detail-panels-specs-optimized,
.admin-grid.stats-grid,
.compact-stats-grid { align-items: start; }

.admin-topbar-actions .btn { min-width: 110px; }
.quick-action-chip { padding: 7px 10px; }

.kpi-grid, .compact-stats-grid { gap: 12px; }
.kpi-card { padding: 16px 18px; min-height: 0; }
.kpi-card strong { font-size: 2rem; }
.kpi-card span { margin-bottom: 6px; }
.compact-stats-grid { grid-template-columns: repeat(4, minmax(0,1fr)); }
.compact-stats-grid .kpi-card { padding: 14px 16px; border-radius: 18px; }
@media (max-width: 1180px){ .compact-stats-grid { grid-template-columns: repeat(2, minmax(0,1fr)); } }
@media (max-width: 680px){ .compact-stats-grid { grid-template-columns: 1fr; } }

.dashboard-hero { display:grid; grid-template-columns: minmax(0,1.3fr) minmax(320px,.9fr); gap:18px; padding:24px; background:linear-gradient(135deg,#071b37,#0f3f8c); color:#fff; border-color:transparent; }
.dashboard-hero-copy p { color:rgba(255,255,255,.78); margin:8px 0 0; }
.dashboard-hero .section-tag { background:rgba(255,255,255,.14); color:#fff; }
.dashboard-hero-metrics { display:grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap:12px; }
.dashboard-hero-metrics article { padding:16px; border-radius:18px; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.12); }
.dashboard-hero-metrics span { display:block; font-size:12px; text-transform:uppercase; letter-spacing:.06em; color:rgba(255,255,255,.78); margin-bottom:6px; }
.dashboard-hero-metrics strong { font-size:1.8rem; color:#fff; }
.dashboard-kpi-grid .kpi-card { background:linear-gradient(180deg,#fff,#f7fbff); }
.admin-grid-two-elevated { margin-top:18px; }
.dashboard-panel-highlight { position:relative; overflow:hidden; }
.dashboard-panel-highlight::after { content:''; position:absolute; inset:auto -10% -40% auto; width:180px; height:180px; background:radial-gradient(circle, rgba(11,124,255,.12), transparent 70%); pointer-events:none; }
@media (max-width: 980px){ .dashboard-hero { grid-template-columns: 1fr; } }

.analytics-toolbar { margin-bottom:16px; }
.analytics-range-row { gap:8px; }
.analytics-hero-grid-compact { margin-bottom:16px; }
.analytics-hero-card { padding: 18px 20px; }
.analytics-hero-card strong { font-size: 1.9rem; }
.analytics-panel-deep { gap: 16px; }
.analytics-chart-grid-deep { grid-template-columns: repeat(2, minmax(0,1fr)); gap:14px; }
.analytics-chart-card { padding: 16px; }
.chart-shell-deep { padding: 4px 0 0; }
.trend-svg .grid-line { stroke: rgba(24,52,87,.10); stroke-width: 1; }
.trend-svg .axis-line { stroke: rgba(24,52,87,.18); stroke-width: 1.2; }
.trend-svg .axis-label { fill: #6d809b; font-size: 12px; font-weight: 600; }
.trend-svg .axis-label-y { fill: #8ca0ba; }
.trend-svg .chart-hitbox { fill: transparent; }
.trend-svg .chart-hitbox:hover { fill: rgba(11,124,255,.05); }
.trend-svg .chart-dot:hover { r: 5.5; }
.analytics-insight-grid { display:grid; grid-template-columns: 1.2fr 1.2fr .8fr; gap:16px; margin-top:16px; }
.analytics-list-panel-wide { min-height: 0; }
.analytics-scroll-table { max-height: 420px; overflow: auto; }
.analytics-hot-filter { gap:10px; align-items:end; }
.analytics-hot-filter label { display:grid; gap:6px; }
.analytics-pagination { margin-top:16px; }
@media (max-width: 1180px){ .analytics-insight-grid, .analytics-chart-grid-deep { grid-template-columns: 1fr; } }

.media-library-layout-tight { gap:16px; }
.media-grid-clean { display:grid; grid-template-columns: repeat(6, minmax(0,1fr)); gap:12px; align-items:start; }
.media-grid-ultra-compact { align-items:start; }
.media-card-compact-v2 { border-radius: 18px; overflow: hidden; }
.media-card-compact-v2 .media-preview { aspect-ratio: 1 / 1; min-height: 0; padding: 6px; background:#f6f8fc; }
.media-card-compact-v2 .media-preview img { width:100%; height:100%; object-fit: cover; border-radius: 12px; }
.media-card-body-whitebox { margin: 8px 10px 0; padding: 10px 12px; background:#fff; border:1px solid var(--line); border-radius: 14px; }
.media-card-actions-mini { padding: 8px 10px 10px; gap:8px; }
.media-mini-form-compact { display:grid; gap:8px; }
.media-list-topline-simple { margin-bottom: 10px; }
.media-list-topline-simple .muted-copy { display:none; }
@media (max-width: 1480px){ .media-grid-clean { grid-template-columns: repeat(5, minmax(0,1fr)); } }
@media (max-width: 1180px){ .media-grid-clean { grid-template-columns: repeat(4, minmax(0,1fr)); } }
@media (max-width: 860px){ .media-grid-clean { grid-template-columns: repeat(3, minmax(0,1fr)); } }
@media (max-width: 640px){ .media-grid-clean { grid-template-columns: repeat(2, minmax(0,1fr)); } }

.inquiry-card-stack-compact { gap: 14px; }
.inquiry-card-pro-compact { padding: 18px; gap: 14px; border-radius: 20px; }
.inquiry-card-head-compact { gap: 12px; }
.inquiry-card-grid-compact { grid-template-columns: repeat(3, minmax(0,1fr)); gap: 12px; }
.inquiry-info-box-compact { padding: 14px 16px; border-radius: 16px; }
.inquiry-info-box-compact dl { gap:8px; }
.inquiry-message-box-compact { padding: 16px 18px; border-radius: 18px; }
.inquiry-message-copy { font-size: 14px; }
@media (max-width: 1180px){ .inquiry-card-grid-compact { grid-template-columns: 1fr; } }

.product-detail-grid-balanced { grid-template-columns: minmax(260px,.62fr) minmax(420px,1.38fr); gap: 18px; }
.product-gallery-main-square { padding: 14px; max-width: 430px; }
.product-gallery-card-v54 .product-gallery-main-square img { max-width: 380px; max-height: 380px; }
.product-headline-specs { gap: 10px; }
.product-headline-specs div { min-height: 64px; padding: 14px 16px; }
.datasheet-brief-card-inline { gap: 10px; }
.datasheet-brief-actions { align-items:center; }
.datasheet-brief-actions .btn { min-width: 0; }
.merged-info-layout { grid-template-columns: 1fr; }
.panel-span { grid-column: 1 / -1; }
.panel-top-block { margin-bottom: 14px; }
.merged-info-grid { display:grid; grid-template-columns: minmax(0,1.2fr) minmax(260px,.8fr); gap: 16px; }
.nested-spec-card { margin-top: 12px; }
.nested-spec-card h4 { margin-bottom: 10px; font-size: 1rem; }
.detail-panels-specs-optimized { align-items: start; }
.compact-highlight-panel { align-self:start; padding: 20px; }
.compact-check-list { gap: 10px; margin: 12px 0 0; }
.compact-buyer-note { margin-top: 14px; }
.related-products-grid { grid-template-columns: repeat(6, minmax(0,1fr)); gap: 12px; }
.related-product-card .product-card-image { aspect-ratio: 1 / 1; padding: 6px; }
.related-product-body { min-height: 96px; }
.related-product-body p { min-height: 0; }
.compact-form-head p { max-width: 820px; }
@media (max-width: 1280px){ .related-products-grid { grid-template-columns: repeat(4, minmax(0,1fr)); } }
@media (max-width: 980px){ .product-detail-grid-balanced, .merged-info-grid, .related-products-grid { grid-template-columns: 1fr; } .product-gallery-main-square { max-width: 360px; } }

.settings-form-v517 .form-grid.two > label,
.settings-form-v517 .form-grid.three > label,
.settings-form-v517 .form-grid.four > label { align-self:start; }
.settings-form-v517 .admin-preview { width: 120px; height: 120px; object-fit: contain; background:#f5f8fd; border-radius: 16px; padding: 10px; }
.settings-form-v517 .media-inline-picker { display:flex; gap:8px; flex-wrap:wrap; align-items:center; margin-top:8px; }
.settings-form-v517 .media-inline-picker input[type='text'] { flex:1 1 260px; }
/* round53 refinements */
.admin-grid.stats-grid, .compact-stats-grid, .compact-summary-strip { display:grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap:12px; }
.compact-summary-strip .kpi-card { padding: 12px 14px; min-height: 0; box-shadow:none; background:linear-gradient(180deg,#fff,#fbfdff); }
.compact-summary-strip .kpi-card strong { font-size: 1.65rem; }
@media (max-width: 980px){ .admin-grid.stats-grid, .compact-stats-grid, .compact-summary-strip { grid-template-columns: repeat(2, minmax(0,1fr)); } }
@media (max-width: 640px){ .admin-grid.stats-grid, .compact-stats-grid, .compact-summary-strip { grid-template-columns: 1fr; } }
.analytics-toolbar-panel { padding: 18px 20px; }
.analytics-range-form-wide { display:grid; gap:10px; justify-items:end; }
.analytics-date-range-row { display:flex; gap:10px; flex-wrap:wrap; align-items:end; justify-content:flex-end; }
.analytics-date-range-row label { display:grid; gap:6px; }
.trend-legend { display:flex; gap:14px; flex-wrap:wrap; }
.trend-legend span { display:inline-flex; align-items:center; gap:8px; color:var(--muted); font-size:13px; }
.trend-legend i { width:12px; height:12px; border-radius:99px; display:inline-block; }
.analytics-insight-grid-expanded { grid-template-columns: 1.2fr 1.2fr .9fr; }
.analytics-list-panel-tall { min-height:440px; }
.analytics-scroll-table-tall { max-height:460px; }
.brand-combobox-wrap { position:relative; }
.brand-combobox-panel { position:absolute; left:0; right:0; top:calc(100% + 8px); z-index:20; background:#fff; border:1px solid var(--line); border-radius:18px; box-shadow:0 22px 40px rgba(8,17,31,.12); padding:10px; }
.brand-combobox-actions { display:flex; justify-content:flex-end; margin-bottom:8px; }
.brand-combobox-list { max-height:280px; overflow:auto; display:grid; gap:4px; }
.brand-option-item { text-align:left; border:0; background:transparent; padding:10px 12px; border-radius:12px; font:inherit; cursor:pointer; }
.brand-option-item:hover { background:#f3f7ff; }
.social-links { display:flex; align-items:center; gap:10px; }
.social-links a { width:36px; height:36px; border-radius:999px; border:1px solid rgba(11,124,255,.16); background:#fff; display:grid; place-items:center; color:#173d6d; }
.social-links svg { width:18px; height:18px; fill:currentColor; }
.topbar-right { display:flex; align-items:center; gap:14px; }
.footer-bottom { display:flex; justify-content:space-between; align-items:center; gap:16px; flex-wrap:wrap; }
.media-grid-clean { grid-template-columns: repeat(6, minmax(0,1fr)); }
.media-card-compact-v2 { display:flex; flex-direction:column; height:100%; min-height:360px; }
.media-card-body-whitebox { display:grid; align-content:start; min-height:72px; }
.media-card-body-whitebox small { display:none !important; }
.media-card-actions-stacked { margin-top:auto; }
.inquiry-card-pro-ultra { padding:16px 18px; gap:12px; }
.inquiry-meta-strip { display:grid; grid-template-columns: repeat(6,minmax(0,1fr)); gap:10px; padding:12px 14px; border:1px solid var(--line); border-radius:16px; background:#f8fbff; }
.inquiry-meta-strip span { display:grid; gap:4px; font-size:13px; color:#173d6d; }
.inquiry-meta-strip b { font-size:12px; color:var(--muted); }
.inquiry-card-grid-dual { grid-template-columns: 1.2fr 1fr; }
@media (max-width:1180px){ .inquiry-meta-strip, .inquiry-card-grid-dual { grid-template-columns:1fr 1fr; } }
@media (max-width:760px){ .inquiry-meta-strip, .inquiry-card-grid-dual { grid-template-columns:1fr; } }
.product-gallery-card-v54 .product-gallery-main-square img { max-width:320px; max-height:320px; }
.product-gallery-main-square { max-width:360px; padding:10px; }
.product-detail-grid-balanced { grid-template-columns:minmax(240px,.5fr) minmax(420px,1.5fr); }
.datasheet-brief-actions-iconic { display:flex; gap:10px; flex-wrap:wrap; }
.btn-icon-only { width:46px; min-width:46px; padding:0; display:grid; place-items:center; }
.compact-highlight-panel { padding:16px 18px; min-height:0; }
.rich-toolbar-iconic button, .rich-toolbar-iconic .rich-upload-btn { min-width:40px; padding:8px 10px; display:inline-grid; place-items:center; }
.rich-toolbar-iconic .rich-upload-btn { border:1px solid var(--line); border-radius:12px; background:#fff; cursor:pointer; }

/* round53 refinements */
.admin-mini-stats-bar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 16px}
.mini-stat-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:12px 14px;display:grid;gap:4px;min-height:0}
.mini-stat-card strong{font-size:1.6rem;line-height:1;color:#0f172a}
.mini-stat-card span{font-size:13px;color:var(--muted)}
@media (max-width:920px){.admin-mini-stats-bar{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.admin-mini-stats-bar{grid-template-columns:1fr}}

.analytics-toolbar-head{align-items:flex-start}
.analytics-range-form-wide{display:grid;gap:12px;justify-items:end}
.analytics-date-range-row{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap}
.analytics-date-range-row label{display:grid;gap:6px;font-size:12px;color:var(--muted)}
.analytics-date-range-row input[type="date"]{min-width:150px}
.trend-svg-polished .chart-plot-bg{fill:url(#chart-bg-grad);stroke:rgba(37,99,235,.08)}
.trend-svg-polished .grid-line{stroke:rgba(148,163,184,.35);stroke-dasharray:4 6}
.trend-svg-polished .axis-line{stroke:#94a3b8;stroke-width:1.2}
.trend-svg-polished .axis-label{font-size:11px;fill:#64748b}
.trend-svg-polished .axis-label-x{font-size:10px}
.trend-svg-polished .chart-hitbox{fill:transparent}
.trend-svg-polished .chart-dot{stroke:#fff;stroke-width:2}
.analytics-chart-card-wide{grid-column:span 2}
@media (max-width:980px){.analytics-chart-card-wide{grid-column:auto}}
.analytics-list-panel-tall .analytics-scroll-table{max-height:420px}
.analytics-hot-table-wrap{max-height:560px;overflow:auto}
.analytics-hero-grid-compact .analytics-hero-card{min-height:116px}

.home-category-panel-meta{display:grid;gap:6px}
.home-category-panel-meta p{margin:0}
.home-bottom-inquiry-section .contact-form-card{margin-top:4px}

.brand-combobox-wrap{position:relative}
.brand-combobox-note{display:block;font-size:12px;color:var(--muted);margin-top:6px}
.brand-combobox-panel{position:absolute;left:0;right:0;top:100%;z-index:22;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 20px 40px rgba(15,23,42,.08);padding:12px;margin-top:8px}
.brand-combobox-actions{display:flex;justify-content:flex-end;margin-bottom:8px}
.brand-alpha-row{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px;max-height:78px;overflow:auto}
.brand-alpha-chip{border:1px solid var(--line);background:#fff;border-radius:999px;padding:4px 9px;font-size:12px;color:#2563eb;cursor:pointer}
.brand-alpha-chip.is-active{background:#2563eb;color:#fff;border-color:#2563eb}
.brand-combobox-list{display:grid;gap:6px;max-height:240px;overflow:auto}
.brand-option-item{text-align:left;background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px 12px;font-size:14px;cursor:pointer}
.brand-option-item:hover{border-color:#2563eb;background:#eff6ff}

.media-grid-ultra-compact{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
.media-card-compact-v2{display:grid;grid-template-rows:180px 72px auto;border-radius:20px;overflow:hidden}
.media-card-compact-v2 .media-preview{height:180px;display:flex;align-items:center;justify-content:center;background:#f5f8fd}
.media-card-compact-v2 .media-preview img{width:100%;height:100%;object-fit:cover}
.media-card-body-whitebox{background:#fff;padding:12px;border-top:1px solid rgba(23,61,109,.06);display:flex;align-items:flex-start;justify-content:flex-start;min-height:72px}
.media-card-body-whitebox strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:14px;line-height:1.45}
.media-card-actions-mini{padding:10px 12px;display:grid;gap:8px}
.media-card-actions-mini .media-mini-form{display:grid;gap:8px}
.media-card-actions-mini .media-mini-form input,.media-card-actions-mini .media-mini-form select{height:36px}
@media (max-width:1400px){.media-grid-ultra-compact{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media (max-width:1100px){.media-grid-ultra-compact{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:760px){.media-grid-ultra-compact{grid-template-columns:repeat(2,minmax(0,1fr))}}

.inquiry-card-pro-ultra{padding:14px 16px;gap:10px}
.inquiry-card-head-compact{align-items:center}
.inquiry-title-row strong{font-size:1.1rem}
.inquiry-subline{font-size:13px;color:var(--muted)}
.inquiry-head-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.inquiry-meta-strip{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;padding:10px 12px;border-radius:14px}
.inquiry-meta-strip span{font-size:12px;gap:2px}
.inquiry-meta-strip b{font-size:11px}
.inquiry-card-grid-dual{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.inquiry-info-box-compact,.inquiry-message-box-compact{padding:12px 14px;border:1px solid var(--line);border-radius:16px;background:#fff}
.inquiry-info-box-compact h3,.inquiry-message-box-compact h3{font-size:1rem;margin:0 0 8px}
.inquiry-info-box-compact dl{display:grid;gap:8px;margin:0}
.inquiry-info-box-compact div{display:grid;gap:2px}
.inquiry-info-box-compact dd,.inquiry-info-box-compact dt{margin:0}
.inquiry-info-box-compact dd{font-size:13px;overflow-wrap:anywhere;line-height:1.45}
.inquiry-message-copy{font-size:13px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}
@media (max-width:1180px){.inquiry-meta-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.inquiry-card-grid-dual{grid-template-columns:1fr}}
@media (max-width:760px){.inquiry-meta-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}

.product-detail-shell .product-gallery-card{max-width:540px}
.product-gallery-main.square{aspect-ratio:1/1;max-height:460px}
.product-gallery-main.square img{object-fit:contain;padding:18px}
.product-detail-shell{grid-template-columns:minmax(280px,0.9fr) minmax(360px,1.1fr)}
.datasheet-brief-card-inline{padding:14px 16px}
.datasheet-brief-actions-iconic{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.btn-icon-only{min-width:44px;padding:10px 14px;font-weight:700}
.compact-highlight-panel{padding:20px 22px;min-height:0}
.compact-highlight-panel h2{margin-bottom:10px}
.compact-check-list{display:grid;gap:8px}
.merged-info-grid{display:grid;grid-template-columns:1.25fr .95fr;gap:16px;align-items:start}
.spec-group-card.nested-spec-card{margin-top:12px;background:#f9fbff}
.compact-spec-table .spec-row{padding:10px 0}
.related-products-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}
.related-product-card .archive-image-clean{aspect-ratio:1/1;max-height:200px}
@media (max-width:1280px){.related-products-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:900px){.product-detail-shell,.merged-info-grid,.related-products-grid{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.product-detail-shell,.merged-info-grid,.related-products-grid{grid-template-columns:1fr}}

.rich-toolbar-iconic{gap:8px;align-items:center}
.rich-toolbar-iconic button,.rich-toolbar-iconic .rich-upload-btn{min-width:40px;height:38px;display:inline-flex;align-items:center;justify-content:center;font-size:15px}
.rich-toolbar-iconic select{height:38px}
.rich-toolbar-iconic input[type=color]{width:40px;height:38px;border-radius:10px;padding:4px}

.admin-topbar-actions .btn{padding-inline:16px;font-size:14px}
.social-links a{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid rgba(255,255,255,.24);border-radius:999px;background:rgba(255,255,255,.08)}
.social-links.footer-social a{border-color:rgba(23,61,109,.12);background:#fff}
.admin-form .form-grid{align-items:start}
.media-picker-grid .media-card{min-height:0}

/* round54 home/header/form/media polish */
.site-header-fusion{background:linear-gradient(90deg,#073b35,#0b4c42);border-radius:0 0 20px 20px;margin:8px;box-shadow:0 16px 36px rgba(4,18,24,.22);position:sticky;top:0;z-index:40}
.header-fusion-shell{padding:12px 24px 14px}
.header-fusion-top{display:grid;grid-template-columns:auto minmax(360px,1fr) auto;gap:18px;align-items:center}
.header-fusion-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid rgba(255,255,255,.12)}
.site-nav-fusion{display:flex;gap:28px;align-items:center}
.site-nav-fusion a{color:#e7fff6;font-weight:700;opacity:.86}
.site-nav-fusion a.is-active,.site-nav-fusion a:hover{opacity:1;color:#fff}
.header-fusion-brand img{max-height:54px;width:auto;object-fit:contain}
.header-search-fusion{position:relative;display:grid;grid-template-columns:1fr auto;gap:0;border:2px solid #6eff8c;border-radius:999px;background:rgba(255,255,255,.06);overflow:visible}
.header-search-fusion input{background:transparent;border:0;padding:14px 22px;color:#fff;font-size:16px}
.header-search-fusion input::placeholder{color:rgba(255,255,255,.68)}
.header-search-fusion button{border:0;background:#74f08a;color:#0a372f;padding:0 26px;border-radius:999px;font-weight:800;cursor:pointer}
.header-search-suggest{position:absolute;left:0;right:0;top:calc(100% + 10px);background:#fff;border-radius:22px;box-shadow:0 22px 46px rgba(8,17,31,.18);padding:22px;display:grid;grid-template-columns:1fr 1fr;gap:26px;z-index:60}
.header-search-suggest strong{display:block;margin-bottom:14px;color:#19324d}
.header-search-suggest ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.header-search-suggest a{color:#173d6d;font-weight:600}
.header-fusion-tools{display:flex;align-items:center;gap:10px}
.header-icon-btn{display:inline-flex;align-items:center;justify-content:center;min-width:46px;height:44px;padding:0 14px;border-radius:12px;background:rgba(111,255,140,.08);border:1px solid rgba(255,255,255,.12);color:#effff5;font-weight:700}
.header-fusion-cta{border-radius:14px;padding:12px 22px;box-shadow:none}
.social-links-header-fusion{display:flex;gap:10px}.social-links-header-fusion a{border-color:rgba(111,255,140,.26);background:rgba(255,255,255,.05)}
@media (max-width:1100px){.header-fusion-top{grid-template-columns:1fr;}.header-fusion-bottom{flex-direction:column;gap:14px;align-items:flex-start}.site-nav-fusion{flex-wrap:wrap}}
@media (max-width:760px){.site-header-fusion{margin:0;border-radius:0}.header-fusion-shell{padding:12px}.header-search-suggest{grid-template-columns:1fr}.site-nav-fusion{gap:16px}}

.hero-slider-fusion .hero-slide{min-height:560px;position:relative}
.hero-slider-fusion .hero-slide-media,.hero-slider-fusion .hero-slide-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero-slide-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,19,30,.86) 0%,rgba(3,19,30,.62) 42%,rgba(3,19,30,.35) 100%)}
.hero-slide-shell-fusion{position:relative;z-index:2;display:flex;align-items:center;min-height:560px}
.hero-slide-copy-fusion{max-width:760px;color:#fff}
.hero-slide-copy-fusion .eyebrow{background:rgba(111,255,140,.16);color:#7ff18f;border-color:rgba(111,255,140,.26)}
.hero-slide-copy-fusion h1{font-size:clamp(2.8rem,6vw,5.4rem);line-height:.98;color:#fff;max-width:900px}
.hero-slide-copy-fusion p{font-size:1.15rem;max-width:640px;color:rgba(255,255,255,.85)}
.hero-slider-foot{position:relative;z-index:2;margin-top:-78px;padding-bottom:24px}
.section-dark-green{background:linear-gradient(90deg,#0c4037,#0c4a43);color:#fff;border-radius:26px;margin:20px 14px;box-shadow:0 18px 38px rgba(4,18,24,.18)}
.capability-strip-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;padding:26px}
.capability-strip-card{padding:24px;border-radius:20px;background:rgba(255,255,255,.06);border:1px solid rgba(124,255,163,.14);color:#fff;display:grid;gap:8px}
.capability-strip-card strong{font-size:1.6rem}
.capability-strip-card span{color:rgba(255,255,255,.76)}
.service-reference-head h2,.market-insights-home h2{color:#fff}
.service-reference-grid{display:grid;grid-template-columns:minmax(320px,.95fr) minmax(340px,1.05fr);gap:20px;padding:0 26px 30px}
.service-reference-feature,.service-reference-item{border:1px solid rgba(124,255,163,.12);background:rgba(255,255,255,.05);color:#fff;border-radius:22px}
.service-reference-feature{padding:30px;display:grid;gap:18px;align-content:start}
.service-reference-feature p{color:rgba(255,255,255,.84)}
.service-reference-icon{width:68px;height:68px;border-radius:18px;background:rgba(124,255,163,.14);display:grid;place-items:center;font-size:28px;color:#84ff97}
.service-reference-list{display:grid;gap:16px}
.service-reference-item{padding:20px 24px;display:flex;justify-content:space-between;align-items:center}
.service-reference-item strong{font-size:1.7rem;color:#fff}
.procurement-hub-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.procurement-hub-card{background:#fff;border-radius:26px;padding:28px;display:grid;gap:14px;border:1px solid rgba(15,56,102,.08);box-shadow:0 18px 38px rgba(9,16,31,.08);color:#132644}
.procurement-hub-card-large{grid-column:span 1;min-height:320px;align-content:start}
.procurement-hub-icon{width:60px;height:60px;border-radius:18px;background:#0f6c55;color:#7eff8a;display:grid;place-items:center;font-weight:800;font-size:28px}
.procurement-link-stack{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.procurement-link-stack a{color:#173d6d;font-weight:600}
.post-grid-home-insights{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.post-card-home-insight img{aspect-ratio:16/10;object-fit:cover}
@media (max-width:1200px){.capability-strip-grid,.post-grid-home-insights{grid-template-columns:repeat(2,minmax(0,1fr))}.service-reference-grid{grid-template-columns:1fr}.procurement-hub-grid{grid-template-columns:1fr 1fr}}
@media (max-width:760px){.capability-strip-grid,.procurement-hub-grid,.post-grid-home-insights{grid-template-columns:1fr}.section-dark-green{margin:12px;border-radius:20px}}

.home-inquiry-card-clean{padding:26px 28px;border-radius:28px;box-shadow:0 22px 42px rgba(8,17,31,.08);background:#fff;border:1px solid rgba(15,58,101,.08)}
.compact-form-head-clean h2{margin-bottom:10px}.compact-form-head-clean p{max-width:780px;color:#5d6e86}
.clean-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px}.clean-form-grid label{display:grid;gap:8px}.clean-form-grid label span{font-weight:700;color:#18304c}.clean-form-grid input,.clean-form-grid textarea,.clean-form-grid select{border:1px solid rgba(15,58,101,.14);border-radius:16px;padding:14px 16px;background:#f8fbff;font:inherit}.clean-form-grid textarea{min-height:170px;resize:vertical}.clean-form-grid .form-span-2{grid-column:1/-1}
.clean-form-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:18px;padding-top:18px;border-top:1px solid rgba(15,58,101,.08)}
@media (max-width:760px){.clean-form-grid{grid-template-columns:1fr}.clean-form-footer{flex-direction:column;align-items:flex-start}}

.media-grid-ultra-compact{grid-template-columns:repeat(6,minmax(0,1fr)) !important;gap:16px}.media-card-compact-v2{display:flex;flex-direction:column;height:100%;border-radius:20px}.media-card-compact-v2 .media-preview{aspect-ratio:1/1;min-height:auto;padding:8px;background:#f7f9fc}.media-card-compact-v2 .media-preview img{width:100%;height:100%;object-fit:cover;border-radius:14px}.media-card-compact-v2 .media-mini-form{display:grid;gap:10px}.media-card-compact-v2 .media-mini-form input,.media-card-compact-v2 .media-mini-form select{border-radius:14px;padding:10px 12px;background:#fff}.media-card-compact-v2 .media-card-actions-mini{padding:12px 12px 14px;margin-top:auto}.media-card-compact-v2 .media-doc-badge{width:72px;height:72px;border-radius:22px;background:#1273ff;color:#fff;display:grid;place-items:center;font-weight:800;font-size:24px;margin:auto}
@media (max-width:1500px){.media-grid-ultra-compact{grid-template-columns:repeat(5,minmax(0,1fr)) !important}}@media (max-width:1100px){.media-grid-ultra-compact{grid-template-columns:repeat(3,minmax(0,1fr)) !important}}@media (max-width:760px){.media-grid-ultra-compact{grid-template-columns:repeat(2,minmax(0,1fr)) !important}}

.brand-combobox-wrap{position:relative}.brand-combobox-note{font-size:12px;color:#668}.brand-combobox-panel{position:absolute;top:calc(100% + 10px);left:0;right:0;background:#fff;border:1px solid rgba(15,58,101,.12);border-radius:18px;box-shadow:0 22px 48px rgba(8,17,31,.12);padding:16px;z-index:10}.brand-alpha-row{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin-bottom:12px}.brand-alpha-chip{padding:8px;border-radius:999px;border:1px solid var(--line);background:#f7fbff;color:#173d6d;font-weight:700}.brand-alpha-chip.is-active{background:#173d6d;color:#fff}.brand-combobox-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:320px;overflow:auto}.brand-option-item{padding:10px 12px;border-radius:14px;border:1px solid rgba(15,58,101,.1);background:#fff;text-align:left;font-weight:600}.brand-option-item:hover{background:#edf5ff}
@media (max-width:760px){.brand-combobox-list{grid-template-columns:1fr}.brand-alpha-row{grid-template-columns:repeat(4,minmax(0,1fr))}}

.inquiry-card{padding:16px 18px;border-radius:22px}.inquiry-card-head{margin-bottom:10px}.inquiry-card-grid-dual{grid-template-columns:1fr 1fr}.inquiry-meta-strip{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.inquiry-meta-strip span,.inquiry-info-box-compact,.inquiry-message-box-compact{font-size:12px}.inquiry-info-box-compact h3,.inquiry-message-box-compact h3{font-size:18px}

.analytics-toolbar-panel,.analytics-panel{border-radius:24px}.analytics-hero-grid-compact{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.analytics-hero-card{min-height:132px}.analytics-chart-grid-polished{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.analytics-chart-card-wide{grid-column:1/-1}.chart-shell-deep{padding:10px;border-radius:20px;background:linear-gradient(180deg,#fff,#f7fbff)}.analytics-scroll-table-tall{max-height:420px}.analytics-list-panel-tall{min-height:520px}

.admin-topbar .btn,.admin-quick-actions .quick-action-chip{border-radius:14px}.dashboard-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.dashboard-kpi-grid .kpi-card{min-height:0;padding:18px;border-radius:18px}

.rich-toolbar-advanced.rich-toolbar-v540{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:10px 12px;border:1px solid rgba(15,58,101,.1);border-radius:18px 18px 0 0;background:#f6f9fd}.rich-toolbar-v540 button,.rich-toolbar-v540 .rich-upload-btn{min-width:38px;height:38px;padding:0 10px;border-radius:12px;border:1px solid rgba(15,58,101,.1);background:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:700;color:#173d6d}.rich-toolbar-v540 button[title],.rich-toolbar-v540 .rich-upload-btn[title]{cursor:pointer}.rich-toolbar-v540 select{height:38px;border-radius:12px;padding:0 12px}.rich-toolbar-v540 input[type=color]{width:38px;height:38px;padding:2px;border-radius:12px}

.footprint-ready-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.footprint-ready-card{padding:22px;border-radius:20px;background:#fff;border:1px solid rgba(15,58,101,.08);box-shadow:var(--shadow);display:grid;gap:10px}.footprint-ready-card strong{font-size:1.3rem;color:#16314f}
.admin-mini-stats-bar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.mini-stat-card{padding:14px 16px;border-radius:18px;background:#fff;border:1px solid rgba(15,58,101,.08);box-shadow:0 10px 22px rgba(8,17,31,.05);min-height:0;display:grid;gap:4px}.mini-stat-card strong{font-size:2rem;line-height:1}.mini-stat-card span{color:#69809f}
@media (max-width:900px){.admin-mini-stats-bar{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.admin-mini-stats-bar{grid-template-columns:1fr}}

/* round55 global polish: blue/white system, compact dropdowns, cleaner home and archive */
:root{
  --bg-page:#f4f8fe;
  --panel-blue:#ffffff;
  --panel-soft-blue:#f7fbff;
  --ink:#10223a;
  --muted-2:#667892;
  --line-soft:rgba(20,54,102,.10);
}
body{background:var(--bg-page);color:var(--ink)}
[hidden]{display:none !important}
.site-header-blueprint{
  position:sticky;top:0;z-index:40;
  background:rgba(255,255,255,.96);
  border-bottom:1px solid rgba(20,54,102,.08);
  box-shadow:0 14px 30px rgba(13,31,60,.06);
  margin:0;
}
.header-blueprint-shell{padding:14px 24px 12px}
.header-blueprint-top{display:grid;grid-template-columns:auto minmax(320px,1fr) auto;gap:18px;align-items:center}
.header-blueprint-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:12px;margin-top:12px;border-top:1px solid rgba(20,54,102,.08)}
.header-blueprint-brand img{max-height:52px;width:auto;object-fit:contain}
.site-nav-blueprint{display:flex;gap:22px;align-items:center}
.site-nav-blueprint a{color:#31445f;font-weight:700;padding:8px 0;position:relative}
.site-nav-blueprint a.is-active,.site-nav-blueprint a:hover{color:var(--accent)}
.site-nav-blueprint a.is-active::after,.site-nav-blueprint a:hover::after{content:'';position:absolute;left:0;right:0;bottom:-10px;height:3px;border-radius:999px;background:var(--accent)}
.header-search-blueprint{position:relative;display:grid;grid-template-columns:1fr auto;gap:0;border:1px solid rgba(20,54,102,.16);border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.6)}
.header-search-blueprint input{background:transparent;border:0;padding:14px 18px 14px 18px;color:#173154;font-size:16px;min-width:0;width:100%}
.header-search-blueprint input::placeholder{color:#71839b}
.header-search-blueprint button{border:0;background:linear-gradient(135deg,#0b6ce4,#3a8dff);color:#fff;padding:0 24px;border-radius:999px;font-weight:800;cursor:pointer}
.header-search-suggest{
  position:absolute;left:0;top:calc(100% + 10px);
  width:min(920px,100%);max-width:min(920px,calc(100vw - 32px));
  background:#fff;border:1px solid rgba(20,54,102,.10);border-radius:22px;
  box-shadow:0 24px 50px rgba(8,17,31,.14);padding:18px 20px;z-index:70;
}
.header-search-suggest-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:22px}
.header-search-suggest strong{display:block;margin-bottom:12px;font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:#536982}
.header-search-suggest ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.header-search-suggest a{display:block;padding:8px 10px;border-radius:12px;color:#173d6d;font-weight:700}
.header-search-suggest a:hover{background:#eff6ff}
.header-blueprint-tools{display:flex;align-items:center;gap:10px}
.header-utility-chip{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 14px;border-radius:999px;background:#f1f6fe;border:1px solid rgba(20,54,102,.08);color:#1f3d64;font-weight:700}
.header-blueprint-cta{border-radius:999px;padding:12px 20px;box-shadow:none}
.social-links-header-blueprint{display:flex;gap:10px}
.social-links-header-blueprint a{border-color:rgba(20,54,102,.10);background:#f5f9ff;color:#173d6d}
.social-links-header-blueprint svg,.footer-social svg{width:16px;height:16px;fill:currentColor}
.footer-social-row{padding:0 0 18px}
.footer-social{display:flex;gap:10px}
.footer-social a{border-color:rgba(20,54,102,.10);background:#fff;color:#173d6d}
@media (max-width:1080px){
  .header-blueprint-top{grid-template-columns:1fr}
  .header-blueprint-bottom{flex-direction:column;align-items:flex-start;gap:12px}
  .header-search-suggest{right:0;width:100%}
  .header-search-suggest-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:760px){
  .header-blueprint-shell{padding:12px}
  .site-nav-blueprint{flex-wrap:wrap;gap:16px}
  .header-search-suggest-grid{grid-template-columns:1fr}
}

.hero-slider-blueprint .hero-slide{min-height:clamp(500px,40vw,660px)}
.hero-slide-shell-blueprint{display:flex;align-items:center;min-height:100%}
.hero-slide-copy-blueprint{max-width:620px;padding:36px 0 86px}
.hero-slide-copy-blueprint .eyebrow{display:inline-flex;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.14);color:#fff;font-weight:700;backdrop-filter:blur(10px)}
.hero-slide-copy-blueprint h1{font-size:clamp(42px,4.6vw,72px);line-height:.95;margin:18px 0 18px;color:#fff;letter-spacing:-.03em}
.hero-slide-copy-blueprint p{font-size:18px;line-height:1.6;color:rgba(255,255,255,.88);max-width:640px}
.hero-slide-shell-blueprint .btn-outline.btn-light{background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.34);color:#fff}
.hero-slide-shell-blueprint .btn-outline.btn-light:hover{background:#fff;color:#173154}
.hero-slider-foot{margin-top:-74px;padding-bottom:20px}
.slider-dot{background:rgba(255,255,255,.36)}
.slider-dot.is-active{background:#fff}

.section-soft-blue,.home-procurement-hub,.market-insights-home,.home-bottom-inquiry-section{background:transparent}
.capability-strip-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding:0}
.capability-strip-card,.service-reference-feature,.service-reference-item,.procurement-hub-card,.post-card-home-insight{
  background:#fff;border:1px solid rgba(20,54,102,.08);box-shadow:0 18px 34px rgba(8,17,31,.05)
}
.capability-strip-card{padding:24px;border-radius:24px;color:#153159;display:grid;gap:10px}
.capability-strip-card strong{font-size:1.18rem}
.capability-strip-card span{color:#5d7088}
.service-reference-grid{display:grid;grid-template-columns:minmax(340px,.95fr) minmax(340px,1.05fr);gap:18px}
.service-reference-feature{padding:30px;border-radius:28px}
.service-reference-item{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-radius:20px;color:#173154}
.service-reference-item span{font-size:20px;color:var(--accent)}
.procurement-hub-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.procurement-hub-card{padding:28px;border-radius:24px;display:grid;gap:12px}
.procurement-hub-card-large{grid-column:span 1}
.procurement-hub-icon{width:60px;height:60px;border-radius:18px;display:grid;place-items:center;background:#eef5ff;color:#0b6ce4;font-weight:800;font-size:1.1rem}
.procurement-link-stack{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px}
.procurement-link-stack a{color:#173154;font-weight:700}
.post-grid-home-insights{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.post-card-home-insight{border-radius:24px;overflow:hidden}
.post-card-home-insight img{aspect-ratio:4/2.8;object-fit:cover}
.post-card-home-insight .post-card-body{padding:18px}
.section-tag{display:inline-flex;align-items:center;padding:6px 12px;border-radius:999px;background:#eef5ff;color:#0b6ce4;font-weight:700;font-size:12px;letter-spacing:.02em}
@media (max-width:1200px){.capability-strip-grid,.post-grid-home-insights{grid-template-columns:repeat(2,minmax(0,1fr))}.service-reference-grid{grid-template-columns:1fr}.procurement-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){.capability-strip-grid,.procurement-hub-grid,.post-grid-home-insights{grid-template-columns:1fr}}

.home-inquiry-card-clean{padding:30px 32px;border-radius:28px;box-shadow:0 22px 42px rgba(8,17,31,.07);background:#fff;border:1px solid rgba(15,58,101,.08)}
.clean-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px;align-items:start}
.clean-form-grid label{display:grid;gap:8px}
.clean-form-grid label span{font-weight:700;color:#18304c}
.clean-form-grid input,.clean-form-grid textarea,.clean-form-grid select{width:100%;border:1px solid rgba(15,58,101,.14);border-radius:16px;padding:14px 16px;background:#f8fbff;font:inherit;min-height:54px}
.clean-form-grid textarea{min-height:180px;resize:vertical}
.clean-form-grid .form-span-2{grid-column:1/-1}
.clean-form-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-top:8px}
.clean-form-footer small{color:#60728a;max-width:780px}
@media (max-width:760px){.clean-form-grid{grid-template-columns:1fr}.clean-form-footer{flex-direction:column;align-items:flex-start}}

.products-hero-section{padding-top:20px;padding-bottom:10px}
.filter-panel-clean{gap:14px;margin:0}
.filter-select-grid-clean{grid-template-columns:minmax(260px,1.1fr) repeat(3,minmax(180px,1fr));gap:14px;align-items:end}
.filter-select-card{display:grid;gap:8px;position:relative}
.filter-select-card span{font-size:12px;color:#5b6d86;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.products-topline-clean{margin:0;padding:12px 0 0}
.product-archive-section{padding-top:8px}
.archive-main-only{display:grid;gap:16px}
.archive-grid-clean,.product-grid-6x5{align-items:start}
.brand-combobox-wrap{position:relative}
.brand-combobox-panel{position:absolute;top:calc(100% + 10px);left:0;right:auto;width:min(460px,100%);background:#fff;border:1px solid rgba(15,58,101,.12);border-radius:18px;box-shadow:0 22px 48px rgba(8,17,31,.12);padding:14px;z-index:30}
.brand-alpha-row{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin-bottom:12px}
.brand-combobox-list{display:grid;grid-template-columns:1fr;gap:8px;max-height:260px;overflow:auto}
.brand-option-item{padding:10px 12px;border-radius:14px;border:1px solid rgba(15,58,101,.1);background:#fff;text-align:left;font-weight:600}
.brand-option-item:hover{background:#edf5ff}
.brand-combobox-note{font-size:12px;color:#68809e}
.products-topline-clean strong,.products-topline-clean span{display:inline-block}
@media (max-width:760px){.brand-combobox-panel{width:100%}.brand-alpha-row{grid-template-columns:repeat(4,minmax(0,1fr))}.filter-select-grid-clean{grid-template-columns:1fr}}

.media-grid-ultra-compact{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
.media-card-compact-v2{display:grid;grid-template-rows:180px auto;border-radius:22px;overflow:hidden;background:#fff;border:1px solid rgba(15,58,101,.08);box-shadow:0 12px 24px rgba(8,17,31,.05)}
.media-card-compact-v2 .media-preview{height:180px;display:flex;align-items:center;justify-content:center;background:#f5f8fd}
.media-card-compact-v2 .media-preview img{width:100%;height:100%;object-fit:cover}
.media-card-actions-mini{padding:12px;display:grid;gap:10px}
.media-mini-form{display:grid;gap:8px}
.media-title-pill{padding:12px 14px;border-radius:14px;background:#f8fbff;border:1px solid rgba(15,58,101,.08);font-weight:700;line-height:1.4;color:#173154;min-height:52px}
.media-card-actions-mini select,.media-card-actions-mini button{min-height:40px}
.media-card-actions-mini .compact-row{justify-content:space-between}
@media (max-width:1400px){.media-grid-ultra-compact{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media (max-width:1100px){.media-grid-ultra-compact{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:760px){.media-grid-ultra-compact{grid-template-columns:repeat(2,minmax(0,1fr))}}

.inquiry-card-pro-ultra{padding:12px 14px;gap:10px;border-radius:20px}
.inquiry-card-head-compact{align-items:flex-start}
.inquiry-head-actions{gap:8px}
.inquiry-meta-strip{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;padding:10px 12px;border-radius:14px;background:#f8fbff;border:1px solid rgba(15,58,101,.08)}
.inquiry-card-grid-dual{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.inquiry-info-box-compact,.inquiry-message-box-compact{padding:12px 14px;border:1px solid rgba(15,58,101,.08);border-radius:16px;background:#fff}
.inquiry-message-copy{font-size:13px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
@media (max-width:1180px){.inquiry-meta-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.inquiry-card-grid-dual{grid-template-columns:1fr}}

.analytics-toolbar-panel,.analytics-panel,.analytics-list-panel{border-radius:24px}
.analytics-range-form-wide{display:grid;gap:10px;justify-items:end}
.analytics-date-range-row{display:flex;gap:10px;align-items:end;flex-wrap:wrap}
.analytics-date-range-row label{display:grid;gap:6px;font-size:12px;color:#68809e}
.analytics-date-range-row input{min-width:150px}
.analytics-hero-grid-compact{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.analytics-hero-card{background:#fff;border:1px solid rgba(15,58,101,.08);border-radius:22px;padding:18px 20px;display:grid;gap:8px;min-height:116px;box-shadow:0 12px 24px rgba(8,17,31,.05)}
.analytics-hero-card-primary{background:linear-gradient(135deg,#0b6ce4,#3a8dff);color:#fff}
.analytics-hero-card-primary span,.analytics-hero-card-primary small{color:rgba(255,255,255,.82)}
.analytics-hero-card strong{font-size:2.2rem;line-height:1}
.analytics-chart-grid-polished{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.analytics-chart-card{background:#fff;border:1px solid rgba(15,58,101,.08);border-radius:22px;padding:18px 18px 10px;box-shadow:0 12px 24px rgba(8,17,31,.05)}
.chart-shell-deep svg{width:100%;height:auto;display:block}
.analytics-insight-grid-expanded{display:grid;grid-template-columns:1.1fr 1.1fr .8fr;gap:16px}
.analytics-scroll-table-tall{max-height:440px;overflow:auto}
.analytics-hot-table-wrap{max-height:560px;overflow:auto}
@media (max-width:1200px){.analytics-hero-grid-compact,.analytics-chart-grid-polished,.analytics-insight-grid-expanded{grid-template-columns:1fr 1fr}}
@media (max-width:760px){.analytics-hero-grid-compact,.analytics-chart-grid-polished,.analytics-insight-grid-expanded{grid-template-columns:1fr}}

.section-dark-green{background:transparent}

/* v521 refinement: tighter spacing, centered nav, cleaner hero, aligned filters */
.section { padding: 52px 0; }
.section + .section { margin-top: 0; }
.section-head { margin-bottom: 20px; }
.home-capability-strip, .home-services-reference, .home-procurement-hub, .market-insights-home, .home-bottom-inquiry-section,
.product-archive-section, .filters-section, .intro-band-section, .support-strip-section { padding-top: 42px; padding-bottom: 42px; }
.page-hero { padding: 62px 0; }
.page-hero.compact { padding: 42px 0; }
.hero-slider-v55 .hero-slide { min-height: 620px; }
.hero-slide-copy-blueprint { max-width: min(640px, 52%); display: grid; gap: 16px; }
.hero-slide-copy-blueprint h1 { line-height: 1.08; max-width: 12ch; margin: 0; text-wrap: balance; }
.hero-slide-copy-blueprint p { line-height: 1.65; max-width: 32em; margin: 0; }
.hero-actions { margin-top: 8px; }

.header-blueprint-bottom { justify-content: center; position: relative; }
.site-nav-blueprint { flex: 1; justify-content: center; gap: 28px; }
.site-nav-blueprint > a, .site-nav-blueprint .nav-dropdown > a { white-space: nowrap; }
.social-links-header-blueprint { position: absolute; right: 0; top: 50%; transform: translateY(-50%); }
.nav-dropdown-panel { z-index: 90; }
.nav-dropdown-panel-mega { padding: 20px; }
.nav-mega-grid { grid-template-columns: 240px 240px minmax(0,1fr); }
.nav-mega-col { min-height: 290px; }
.nav-mega-link small { color: #6a7e98; }
.nav-dropdown-simple-list-boxed a, .nav-mega-link { overflow-wrap: anywhere; }
.nav-dropdown-simple-list-boxed a:hover { border-color: rgba(11,124,255,.22); box-shadow: 0 12px 24px rgba(11,124,255,.08); }

.header-search, .header-search-blueprint { min-width: 0; width: 100%; }
.header-search-blueprint { align-items: center; }
.header-search-blueprint input { min-width: 0; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.header-search-blueprint button { padding: 0 18px; white-space: nowrap; flex-shrink: 0; }
.header-search-suggest, .header-search-suggest a, .header-search-suggest li { overflow-wrap: anywhere; }
.header-search-suggest a { white-space: normal; line-height: 1.45; }

.capability-strip-grid { gap: 14px; }
.capability-strip-card { gap: 10px; padding: 18px; }
.capability-strip-card img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; border-radius: 16px; border: 1px solid rgba(23,61,109,.08); }
.capability-strip-card strong { font-size: 1.02rem; line-height: 1.28; }
.capability-strip-card span { font-size: 14px; line-height: 1.5; }

.service-head-tag { background: rgba(19,62,115,.10); color: #174f96; }
.service-headline-home { color: #17355f; max-width: 14ch; letter-spacing: -0.02em; }
.home-services-reference .service-reference-feature { background: linear-gradient(135deg, #0d2340, #123f73 70%, #1c66ba); color: #fff; }
.home-services-reference .service-reference-feature p { color: rgba(255,255,255,.82); }
.home-services-reference .service-reference-item strong { color: #17355f; }

.insights-head-tag { background: rgba(11,124,255,.10); color: #1557aa; }
.insights-headline-home { color: #143967; max-width: 18ch; letter-spacing: -0.02em; }
.market-insights-home .post-card-home-insight .post-card-body h3 a { color: #153159; }
.market-insights-home .post-card-home-insight .post-card-body p { color: #5f7188; }

.filter-select-grid-clean { grid-template-columns: minmax(260px,1.15fr) repeat(3,minmax(180px,1fr)); gap: 14px; align-items: stretch; }
.filter-select-card { display: flex; flex-direction: column; justify-content: flex-end; gap: 8px; min-height: 88px; }
.filter-select-card > span { min-height: 16px; display: flex; align-items: center; }
.filter-select-card select, .filter-select-card input, .filter-select-card button, .brand-combobox-trigger { min-height: 48px; }
.brand-combobox-trigger, .filter-select-card select { display: flex; align-items: center; }
.products-topline-clean { padding-top: 6px; align-items: center; }

.procurement-hub-card-large h3 { margin-bottom: 4px; }
.procurement-link-stack a { line-height: 1.45; }
.post-grid-home-insights .post-card-body h3 { min-height: 52px; }

@media (max-width: 1180px) {
  .site-nav-blueprint { gap: 18px; }
  .social-links-header-blueprint { position: static; transform: none; }
  .header-blueprint-bottom { flex-direction: column; gap: 12px; }
  .hero-slide-copy-blueprint { max-width: min(700px, 66%) !important; }
}
@media (max-width: 760px) {
  .section { padding: 38px 0; }
  .hero-slider-v55 .hero-slide { min-height: 520px; }
  .hero-slide-copy-blueprint { max-width: 100% !important; }
  .hero-slide-copy-blueprint h1 { max-width: 100%; }
  .site-nav-blueprint { width: 100%; flex-wrap: wrap; justify-content: center; }
  .nav-dropdown-panel { display: none !important; }
  .filter-select-grid-clean { grid-template-columns: 1fr; }
}


/* v522 premium navigation, search, hero and archive polish */
.section { padding: 46px 0; }
.page-hero { padding: 54px 0; }
.page-hero.compact { padding: 36px 0; }
.home-capability-strip, .home-services-reference, .home-procurement-hub, .market-insights-home, .home-bottom-inquiry-section,
.product-archive-section, .filters-section, .intro-band-section, .support-strip-section { padding-top: 34px; padding-bottom: 34px; }
.section-head { margin-bottom: 18px; }
.site-header-blueprint { border-bottom: 1px solid rgba(20,54,102,.06); box-shadow: 0 12px 30px rgba(13,28,51,.06); }
.header-blueprint-shell { padding: 12px 24px 10px; }
.header-blueprint-top { gap: 16px; }
.header-blueprint-bottom { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; justify-content: normal; min-height: 58px; }
.site-nav-blueprint { justify-self: center; flex: 0 1 auto; gap: 30px; }
.site-nav-blueprint > a, .site-nav-blueprint .nav-dropdown-head > a { white-space: nowrap; }
.nav-dropdown-head { display: flex; align-items: center; gap: 6px; }
.nav-dropdown-trigger, .nav-mobile-toggle {
  display: none; border: 0; background: transparent; color: #31445f; font-weight: 800; cursor: pointer; padding: 8px 6px; border-radius: 10px;
}
.nav-dropdown-trigger:hover, .nav-mobile-toggle:hover { background: #f4f8ff; color: var(--accent); }
.social-links-header-blueprint { justify-self: end; position: static; transform: none; }
.nav-dropdown-panel { z-index: 95; }
.nav-dropdown-panel-mega { min-width: min(1120px, calc(100vw - 52px)); }
.nav-mega-grid { grid-template-columns: 240px 220px minmax(0,1fr); gap: 20px; }
.nav-mega-col { min-height: 308px; }
.nav-mega-link { line-height: 1.45; }
.nav-mega-link strong { display: inline-block; margin-right: 6px; }
.nav-dropdown-simple-list-boxed a, .nav-mega-link { overflow-wrap: anywhere; }
.nav-dropdown-simple-list-boxed a:hover, .nav-mega-link:hover { border-color: rgba(11,124,255,.22); box-shadow: 0 12px 24px rgba(11,124,255,.08); }

.header-search, .header-search-blueprint { min-width: 0; width: 100%; }
.header-search-blueprint { position: relative; align-items: center; min-height: 54px; }
.header-search-blueprint input {
  min-width: 0; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 15px; line-height: 1.2;
}
.header-search-blueprint button { padding: 0 18px; min-height: 42px; white-space: nowrap; flex-shrink: 0; }
.header-search-suggest { border: 1px solid rgba(20,54,102,.10); }
.header-search-live { display: grid; gap: 12px; margin-bottom: 18px; }
.header-search-live[hidden] { display: none !important; }
.header-search-live-section {
  display: grid; gap: 10px; padding: 16px; border-radius: 18px; background: linear-gradient(180deg, #f8fbff, #ffffff); border: 1px solid rgba(20,54,102,.08);
}
.header-search-live-list { display: grid; gap: 10px; }
.header-search-live-item {
  display: grid; gap: 4px; padding: 12px 14px; border-radius: 14px; background: #fff; border: 1px solid rgba(20,54,102,.08); color: #163960;
}
.header-search-live-item strong, .header-search-live-item span {
  max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.header-search-live-item span { color: #61758d; font-size: 13px; }
.header-search-live-empty { color: #5d7088; font-size: 14px; line-height: 1.55; }
.header-search-live .header-search-all { justify-self: start; }
.header-search-suggest-grid { align-items: start; }
.header-search-suggest a { white-space: normal; line-height: 1.45; }

.hero-slider-v55 .hero-slide { min-height: 640px; }
.hero-slide-copy-blueprint { display: grid; gap: 18px; padding: 52px 0 92px; }
.hero-slide-copy-blueprint h1 { line-height: 1.02; max-width: 11ch; letter-spacing: -.035em; text-wrap: balance; }
.hero-slide-copy-blueprint p { line-height: 1.68; max-width: 30em; margin: 0; }
.hero-slide-copy-blueprint .eyebrow {
  display: inline-flex; width: fit-content; padding: 8px 14px; border-radius: 999px; background: rgba(255,255,255,.14); border: 1px solid rgba(255,255,255,.22); box-shadow: inset 0 0 0 1px rgba(255,255,255,.04);
}
.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 4px; }
.hero-actions .btn { min-width: 164px; justify-content: center; }

.capability-strip-grid { gap: 14px; }
.capability-strip-card { gap: 10px; padding: 18px; overflow: hidden; }
.capability-strip-card img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; border-radius: 16px; border: 1px solid rgba(23,61,109,.08); transition: transform .28s ease; }
.capability-strip-card:hover img { transform: scale(1.03); }
.capability-strip-card strong { font-size: 1rem; line-height: 1.28; }
.capability-strip-card span { font-size: 13px; line-height: 1.5; max-width: 22ch; }

.service-head-tag {
  background: linear-gradient(180deg, rgba(19,62,115,.08), rgba(19,62,115,.14)); color: #164a8c; border: 1px solid rgba(19,62,115,.08);
}
.service-headline-home {
  color: #102b4f; max-width: 16ch; letter-spacing: -0.025em; font-size: clamp(30px, 3vw, 44px); line-height: 1.06;
}
.home-services-reference .service-reference-feature { background: linear-gradient(145deg, #0d2240, #143c6c 70%, #1b67b3); color: #fff; }
.home-services-reference .service-reference-feature h3 { font-size: clamp(24px, 2.3vw, 32px); line-height: 1.08; }
.home-services-reference .service-reference-feature p { color: rgba(255,255,255,.82); }
.home-services-reference .service-reference-item strong { color: #17355f; font-size: 1.12rem; }
.home-services-reference .service-reference-item { min-height: 76px; }

.insights-head-tag {
  background: linear-gradient(180deg, rgba(11,124,255,.08), rgba(11,124,255,.14)); color: #1457aa; border: 1px solid rgba(11,124,255,.08);
}
.insights-headline-home {
  color: #143967; max-width: 17ch; letter-spacing: -0.025em; font-size: clamp(30px, 3vw, 44px); line-height: 1.06;
}
.market-insights-home .post-card-home-insight .post-card-body h3 a { color: #153159; }
.market-insights-home .post-card-home-insight .post-card-body p { color: #5f7188; }
.market-insights-home .post-card-home-insight { min-height: 100%; }

.filter-primary-row-v511 { align-items: stretch; }
.filter-primary-row-v511 .btn { min-height: 52px; }
.search-field-wide input { min-height: 52px; }
.filter-select-grid-clean { grid-template-columns: minmax(260px,1.15fr) repeat(3,minmax(180px,1fr)); gap: 14px; align-items: stretch; }
.filter-select-card { display: flex; flex-direction: column; justify-content: flex-end; gap: 8px; min-height: 94px; }
.filter-select-card > span { min-height: 16px; display: flex; align-items: center; }
.filter-select-card select, .filter-select-card input, .filter-select-card button, .brand-combobox-trigger {
  min-height: 52px; line-height: 1.2; display: flex; align-items: center;
}
.filter-select-card input, .filter-select-card select { width: 100%; }
.brand-combobox-panel { width: min(520px, calc(100vw - 44px)); }
.products-topline-clean { padding-top: 4px; align-items: center; }

.archive-grid-v511, .product-grid-6x5 { align-items: stretch; }
.archive-meta-row { display: flex; justify-content: space-between; align-items: center; gap: 8px; min-height: 24px; flex-wrap: wrap; }
.archive-brand { flex: 1 1 110px; min-width: 0; }
.archive-category {
  display: inline-flex; align-items: center; max-width: 100%; padding: 4px 9px; border-radius: 999px; background: #eef5ff; color: #335988; font-size: 11px; font-weight: 800; letter-spacing: .02em;
}
.product-grid-6x5 .compact-archive-body-clean { min-height: 156px; gap: 6px; }
.product-grid-6x5 .compact-archive-body-clean h3 {
  min-height: 44px; margin: 2px 0 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.product-grid-6x5 .compact-archive-body-clean p {
  min-height: 42px; margin: 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}

@media (max-width: 1180px) {
  .header-blueprint-bottom { grid-template-columns: auto 1fr; gap: 12px; }
  .nav-mobile-toggle { display: inline-flex; align-items: center; justify-content: center; min-height: 42px; padding: 0 14px; border: 1px solid rgba(20,54,102,.12); background: #f8fbff; }
  .social-links-header-blueprint { display: none; }
  .site-nav-blueprint {
    display: none; width: 100%; grid-column: 1 / -1; justify-self: stretch; flex-direction: column; align-items: stretch; gap: 12px; padding: 14px; border-radius: 22px; background: #fff; border: 1px solid rgba(20,54,102,.08); box-shadow: 0 14px 32px rgba(8,17,31,.08);
  }
  .site-nav-blueprint.is-open { display: flex; }
  .site-nav-blueprint > a,
  .site-nav-blueprint .nav-dropdown-head > a {
    display: flex; align-items: center; width: 100%; padding: 12px 14px; border-radius: 16px; background: #f8fbff; border: 1px solid rgba(20,54,102,.08);
  }
  .site-nav-blueprint .nav-dropdown-head > a::after,
  .site-nav-blueprint > a::after { display: none !important; }
  .nav-dropdown { padding: 0; margin: 0; }
  .nav-dropdown::after { display: none; }
  .nav-dropdown-head { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 10px; }
  .nav-dropdown-trigger {
    display: inline-flex; align-items: center; justify-content: center; min-height: 46px; min-width: 46px; border: 1px solid rgba(20,54,102,.08); background: #f8fbff; border-radius: 16px;
  }
  .nav-dropdown-panel {
    position: static; left: auto; right: auto; top: auto; width: 100%; max-width: none; min-width: 0; opacity: 1; visibility: visible; pointer-events: auto; transform: none !important; display: none; box-shadow: none; padding: 12px 0 0; border: 0; background: transparent;
  }
  .nav-dropdown.is-open .nav-dropdown-panel { display: block !important; }
  .nav-dropdown-panel-mega { min-width: 0; padding: 12px 0 0; }
  .nav-mega-grid, .nav-dropdown-simple-list-boxed { grid-template-columns: 1fr; }
  .nav-mega-col { min-height: 0; }
  .header-search-suggest-grid { grid-template-columns: 1fr 1fr; }
  .hero-slide-copy-blueprint { max-width: min(700px, 66%) !important; }
}
@media (max-width: 760px) {
  .section { padding: 34px 0; }
  .page-hero { padding: 42px 0; }
  .hero-slider-v55 .hero-slide { min-height: 560px; }
  .hero-slide-copy-blueprint { max-width: 100% !important; padding: 42px 0 72px; }
  .hero-slide-copy-blueprint h1 { max-width: 100%; }
  .header-blueprint-shell { padding: 12px; }
  .header-blueprint-top { grid-template-columns: 1fr; }
  .header-search-suggest, .brand-combobox-panel { width: 100%; }
  .header-search-suggest-grid { grid-template-columns: 1fr; }
  .capability-strip-grid, .procurement-hub-grid, .post-grid-home-insights { grid-template-columns: 1fr; }
  .filter-select-grid-clean, .filter-primary-row-v511 { grid-template-columns: 1fr; }
  .filter-primary-row-v511 .btn { width: 100%; }
  .product-grid-6x5 { grid-template-columns: repeat(2, minmax(0,1fr)); }
}


/* ROUND59 PREMIUM REFINEMENTS */
body {
  background: linear-gradient(180deg, #fbfdff 0%, #ffffff 240px);
}
main { overflow: clip; }
h1, h2, h3 { text-wrap: balance; }
p { text-wrap: pretty; }
.btn {
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease, background-color .22s ease, color .22s ease;
}
.btn:hover { transform: translateY(-1px); }
.btn-primary {
  background: linear-gradient(135deg, #0b7cff, #1768d8 75%, #2d9cff);
  box-shadow: 0 14px 28px rgba(11,124,255,.22);
}
.btn-outline {
  border-color: rgba(11,124,255,.16);
  background: rgba(255,255,255,.86);
}
.hover-card, .product-card, .post-card, .industry-card, .service-reference-feature, .service-reference-item, .procurement-hub-card, .brand-wall-card {
  transition: transform .26s ease, box-shadow .26s ease, border-color .26s ease;
}
.hover-card:hover, .product-card:hover, .post-card:hover, .industry-card:hover, .service-reference-feature:hover, .service-reference-item:hover, .procurement-hub-card:hover, .brand-wall-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 26px 48px rgba(8,17,31,.10);
  border-color: rgba(11,124,255,.16);
}
.section-head h2 {
  margin-bottom: 0;
  max-width: none;
}
.section-head p { max-width: 58ch; }
.site-header-blueprint {
  background: rgba(255,255,255,.94);
  backdrop-filter: saturate(160%) blur(18px);
}
.header-blueprint-shell {
  max-width: var(--front-shell-max);
}
.header-blueprint-top {
  grid-template-columns: auto minmax(360px, 1fr) auto;
}
.header-blueprint-bottom {
  min-height: 62px;
  border-top-color: rgba(20,54,102,.07);
}
.site-nav-blueprint {
  gap: 32px;
}
.site-nav-blueprint a,
.site-nav-blueprint .nav-dropdown-head > a {
  font-size: 15px;
  letter-spacing: .01em;
}
.header-utility-chip {
  background: #f6faff;
  border: 1px solid rgba(20,54,102,.08);
  color: #163960;
  min-height: 42px;
}
.header-utility-chip:hover {
  background: #eef5ff;
  border-color: rgba(11,124,255,.18);
}
.header-search-blueprint {
  border-radius: 24px;
  border-color: rgba(20,54,102,.09);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.6), 0 10px 22px rgba(10,24,46,.04);
}
.header-search-blueprint input {
  padding-left: 18px;
  padding-right: 6px;
}
.header-search-blueprint button {
  margin-right: 6px;
  border-radius: 16px;
}
.header-search-live-item strong,
.header-search-live-item span {
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.header-search-live-item strong { white-space: nowrap; }
.header-search-live-item span {
  white-space: nowrap;
}
.nav-dropdown-panel {
  border: 1px solid rgba(20,54,102,.08);
  box-shadow: 0 26px 56px rgba(8,17,31,.12);
  border-radius: 26px;
}
.nav-dropdown-panel-mega {
  padding: 24px;
}
.nav-dropdown-simple-list-boxed {
  gap: 10px;
}
.nav-dropdown-simple-list-boxed a, .nav-mega-link {
  border-radius: 16px;
}
.hero-slider-blueprint {
  position: relative;
  background: linear-gradient(135deg, #07101f 0%, #0d2241 48%, #14396b 100%);
}
.hero-slider-blueprint::before {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 20% 25%, rgba(69,144,255,.22), transparent 30%), radial-gradient(circle at 82% 22%, rgba(0,194,168,.14), transparent 28%);
  pointer-events: none;
}
.hero-slider-blueprint .hero-slide {
  position: relative;
  min-height: clamp(560px, 46vw, 720px);
}
.hero-slide-media img {
  transform: scale(1.02);
}
.hero-slide-overlay {
  background: linear-gradient(90deg, rgba(6,13,24,.78) 0%, rgba(8,20,38,.62) 36%, rgba(9,26,51,.18) 64%, rgba(7,18,35,.30) 100%);
}
.hero-slide-shell-blueprint {
  position: relative;
  z-index: 2;
}
.hero-slide-copy-blueprint {
  display: grid;
  gap: 18px;
  padding: 58px 0 112px;
}
.hero-slide-copy-blueprint h1 {
  max-width: 11ch;
  letter-spacing: -.04em;
  line-height: .96;
  text-shadow: 0 10px 30px rgba(0,0,0,.18);
}
.hero-slide-copy-blueprint p {
  max-width: 34em !important;
  color: rgba(255,255,255,.86);
}
.hero-mini-note {
  display: inline-flex;
  width: fit-content;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  border-radius: 999px;
  background: rgba(255,255,255,.10);
  border: 1px solid rgba(255,255,255,.14);
  color: rgba(255,255,255,.86);
  font-size: 13px;
  line-height: 1.4;
}
.hero-proof-row {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  max-width: 760px;
}
.hero-proof-card {
  padding: 16px 16px 14px;
  border-radius: 20px;
  background: rgba(255,255,255,.10);
  border: 1px solid rgba(255,255,255,.12);
  backdrop-filter: blur(8px);
}
.hero-proof-card strong {
  display: block;
  font-size: 20px;
  color: #fff;
  margin-bottom: 6px;
}
.hero-proof-card span {
  display: block;
  color: rgba(255,255,255,.72);
  font-size: 13px;
  line-height: 1.45;
}
.hero-slider-foot {
  position: relative;
  z-index: 3;
  margin-top: -76px;
}
.slider-dots-light {
  display: inline-flex;
  padding: 12px 14px;
  border-radius: 999px;
  background: rgba(255,255,255,.10);
  border: 1px solid rgba(255,255,255,.12);
  backdrop-filter: blur(10px);
}
.home-capability-strip .shell,
.home-brand-wall .shell,
.home-services-reference .shell,
.home-procurement-hub .shell,
.market-insights-home .shell,
.home-bottom-inquiry-section .shell {
  max-width: var(--front-shell-max);
}
.home-capability-strip,
.home-brand-wall,
.home-services-reference,
.home-procurement-hub,
.market-insights-home,
.home-bottom-inquiry-section {
  position: relative;
}
.capability-strip-card,
.brand-wall-card,
.service-reference-feature,
.service-reference-item,
.procurement-hub-card,
.post-card-home-insight,
.value-strip-card,
.dynamic-image-card,
.link-card,
.process-step,
.service-showcase-card,
.showcase-card,
.sidebar-card,
.article-content,
.product-summary-card,
.product-gallery-card,
.product-inline-inquiry-shell {
  box-shadow: 0 20px 44px rgba(8,17,31,.06);
}
.capability-strip-card {
  padding: 18px;
  border-radius: 24px;
}
.capability-strip-card strong {
  font-size: 1.02rem;
}
.capability-strip-card span { max-width: 24ch; }
.home-brand-wall { padding-top: 18px; }
.brand-wall-head h2 { max-width: 16ch; }
.brand-wall-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 16px;
}
.brand-wall-card {
  background: #fff;
  border: 1px solid rgba(20,54,102,.08);
  border-radius: 22px;
  padding: 20px 18px;
  display: grid;
  gap: 14px;
  align-items: center;
  text-align: center;
  color: #173154;
}
.brand-wall-logo {
  height: 54px;
  display: grid;
  place-items: center;
}
.brand-wall-logo img {
  max-height: 44px;
  width: auto;
  object-fit: contain;
}
.brand-wall-card strong {
  font-size: 14px;
  line-height: 1.4;
}
.value-strip-card {
  border-radius: 28px;
  padding: 28px 30px;
}
.service-reference-grid {
  gap: 20px;
}
.service-reference-feature {
  position: relative;
  overflow: hidden;
}
.service-reference-feature::after {
  content: '';
  position: absolute;
  inset: auto -60px -60px auto;
  width: 180px;
  height: 180px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255,255,255,.24), transparent 70%);
}
.service-reference-feature .btn {
  width: fit-content;
}
.service-reference-item {
  min-height: 80px;
}
.service-reference-item strong {
  max-width: 30ch;
}
.service-headline-home,
.insights-headline-home {
  margin-top: 12px;
}
.procurement-hub-grid {
  align-items: stretch;
}
.procurement-hub-card {
  min-height: 100%;
}
.procurement-link-stack a {
  padding: 8px 0;
  border-bottom: 1px dashed rgba(20,54,102,.10);
}
.procurement-link-stack a:last-child {
  border-bottom: 0;
}
.market-insights-home .post-card-home-insight {
  display: grid;
  grid-template-rows: auto 1fr;
}
.market-insights-home .post-card-home-insight .post-card-body {
  display: grid;
  gap: 10px;
}
.market-insights-home .post-card-home-insight h3 {
  min-height: 58px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.market-insights-home .post-card-home-insight p {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.filter-panel-clean {
  border-radius: 26px;
  border: 1px solid rgba(20,54,102,.08);
  box-shadow: 0 18px 38px rgba(8,17,31,.05);
  background: #fff;
  padding: 20px;
}
.search-field-wide input,
.filter-select-card input,
.filter-select-card select {
  border-color: rgba(20,54,102,.10);
  background: #fbfdff;
}
.active-filter-bar {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  margin: 6px 0 4px;
}
.active-filter-label {
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #5b6d86;
}
.active-filter-chip {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 6px 12px;
  border-radius: 999px;
  background: #eef5ff;
  border: 1px solid rgba(11,124,255,.10);
  color: #1c4d87;
  font-size: 13px;
  font-weight: 700;
}
.active-filter-reset { margin-left: auto; }
.archive-grid-clean,
.product-grid-6x5 {
  gap: 18px;
}
.archive-card-clean {
  border-radius: 22px;
  box-shadow: 0 18px 38px rgba(8,17,31,.05);
}
.archive-image-clean {
  background: linear-gradient(180deg, #f4f8ff, #edf4ff);
}
.archive-meta-row {
  min-height: 28px;
}
.archive-brand,
.archive-category {
  line-height: 1.3;
}
.archive-brand {
  color: #526884;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.product-grid-6x5 .compact-archive-body-clean {
  min-height: 168px;
  display: grid;
  align-content: start;
  gap: 8px;
}
.product-grid-6x5 .compact-archive-body-clean h3 {
  font-size: 18px;
  line-height: 1.2;
}
.product-grid-6x5 .compact-archive-body-clean p {
  color: #5e728a;
}
.page-hero,
.product-hero-v2 {
  background: linear-gradient(135deg, #0a1324, #122848 65%, #163f71);
}
.service-showcase-card,
.showcase-card {
  border-radius: 28px;
}
.site-footer {
  margin-top: 18px;
  background: linear-gradient(180deg, #08111f 0%, #101c2f 100%);
}
.footer-grid {
  gap: 34px;
}
.footer-contact-stack {
  display: grid;
  gap: 8px;
}
.footer-copy,
.footer-grid span,
.footer-grid a {
  color: rgba(219,230,255,.80);
}
.footer-grid a:hover {
  color: #fff;
}
@media (max-width: 1280px) {
  .brand-wall-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .site-nav-blueprint { gap: 24px; }
}
@media (max-width: 1180px) {
  .header-blueprint-top { grid-template-columns: 1fr; }
  .header-blueprint-tools { justify-content: flex-start; }
  .hero-proof-row { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .brand-wall-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .active-filter-reset { margin-left: 0; }
}
@media (max-width: 760px) {
  .hero-slide-copy-blueprint {
    padding: 38px 0 84px;
  }
  .hero-slide-copy-blueprint h1,
  .hero-slide-copy-blueprint p {
    max-width: 100% !important;
  }
  .hero-proof-row {
    grid-template-columns: 1fr;
  }
  .brand-wall-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .active-filter-bar {
    align-items: flex-start;
  }
}
/* v560 precision fixes */
.header-search-blueprint button{min-width:96px;padding:0 24px;font-size:15px;line-height:1;white-space:nowrap;}
.nav-mega-family-group{display:grid;gap:10px;margin-bottom:16px;}
.nav-mega-family-title{display:block;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:#627891;}
.nav-mega-link small{font-size:12px;color:#6d8097;}
.nav-dropdown-simple-list-boxed a{white-space:normal;line-height:1.45;}
.hero-slide-copy-blueprint h1{max-width:none;width:100%;line-height:1.04;letter-spacing:-.03em;text-wrap:balance;}
.hero-slide-copy-blueprint p{max-width:92% !important;line-height:1.6;}
.dynamic-section-home-entry-cards .dynamic-image-card-visual img{object-fit:cover;}
.dynamic-section-home-entry-cards .dynamic-image-card-body h3{font-size:1.05rem;line-height:1.25;}
.dynamic-section-home-entry-cards .dynamic-image-card-body p{font-size:14px;line-height:1.6;color:#60748d;}
.value-strip-card h2{font-size:clamp(20px,2vw,30px);line-height:1.15;}
.value-strip-points article{padding:18px 20px;}
.dynamic-section-floating-steps .section-head h2,.dynamic-section-timeline-cards .section-head h2{font-size:clamp(20px,2vw,30px);line-height:1.15;}
.process-step h3{font-size:1.4rem;line-height:1.18;}
.process-step p{line-height:1.6;}
.dynamic-cta-band h2{font-size:clamp(20px,2vw,30px);line-height:1.15;}
.dynamic-cta-band p{max-width:52ch;line-height:1.6;}
.procurement-hub-redesign-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:20px;}
.procurement-entry-card{background:#fff;border:1px solid rgba(20,54,102,.08);border-radius:26px;padding:26px;box-shadow:0 20px 44px rgba(8,17,31,.06);color:#173154;}
.procurement-entry-card-brands,.procurement-entry-card-cats{grid-column:span 6;display:grid;gap:18px;}
.procurement-entry-action{grid-column:span 3;display:grid;gap:14px;align-content:start;min-height:100%;}
.procurement-entry-top{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:start;}
.procurement-entry-icon{width:54px;height:54px;border-radius:16px;background:#eef5ff;color:#0b6ce4;display:grid;place-items:center;font-weight:800;font-size:1rem;}
.procurement-entry-top h3,.procurement-entry-action h3{margin:0 0 6px;font-size:1.18rem;line-height:1.2;}
.procurement-entry-top p,.procurement-entry-action p{margin:0;color:#60748d;line-height:1.65;}
.procurement-entry-links{display:grid;gap:12px;}
.procurement-entry-links.two-col{grid-template-columns:repeat(2,minmax(0,1fr));}
.procurement-entry-links a{display:block;padding:10px 0;border-bottom:1px dashed rgba(20,54,102,.1);font-weight:700;color:#173154;}
.procurement-entry-action strong{margin-top:auto;color:#0b6ce4;font-size:14px;}
.market-insights-head h2,.market-insights-home-redesign h2,.market-insights-home-redesign .post-card-body h3 a{color:#163154 !important;}
.market-insight-featured,.market-insight-compact{background:#fff;border:1px solid rgba(20,54,102,.08);border-radius:26px;box-shadow:0 20px 44px rgba(8,17,31,.06);overflow:hidden;}
.market-insight-featured{display:grid;grid-template-rows:auto 1fr;}
.market-insight-featured img{width:100%;height:320px;object-fit:cover;display:block;}
.market-insight-featured h3{margin:0;font-size:1.8rem;line-height:1.15;}
.market-insight-featured p{margin:0;line-height:1.75;color:#5d7088;}
.market-insight-list{display:grid;gap:16px;align-content:start;}
.market-insight-compact{display:grid;grid-template-columns:140px 1fr;}
.market-insight-compact-image img{width:100%;height:100%;object-fit:cover;display:block;}
.market-insight-compact h3{margin:0;font-size:1.16rem;line-height:1.28;}
.market-insight-compact p{margin:0;line-height:1.65;color:#5d7088;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.market-insight-links{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.market-insight-links a{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-radius:18px;background:#eef5ff;color:#17406f;font-weight:800;}
.home-services-reference{display:none !important;}
.home-brand-wall{display:none !important;}


/* v561 layout stabilization */
.header-blueprint-bottom{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;align-items:center;column-gap:24px;}
.header-nav-spacer{min-width:0;}
.site-nav-blueprint{justify-self:center!important;justify-content:center!important;display:flex;gap:30px;flex-wrap:nowrap;}
.site-nav-blueprint .nav-dropdown,.site-nav-blueprint>a{flex:0 0 auto;}
.social-links-header-blueprint{justify-self:end!important;margin-left:auto;display:flex;gap:10px;}
.nav-dropdown{position:relative;}
.nav-dropdown-panel{left:50%!important;right:auto!important;top:calc(100% + 10px)!important;transform:translateX(calc(-50% + var(--nav-panel-shift,0px))) translateY(8px)!important;max-width:min(1120px,calc(100vw - 40px));} 
.nav-dropdown:hover .nav-dropdown-panel,.nav-dropdown:focus-within .nav-dropdown-panel,.nav-dropdown.is-open .nav-dropdown-panel{transform:translateX(calc(-50% + var(--nav-panel-shift,0px))) translateY(0)!important;}
.nav-dropdown-panel-products{width:min(960px,calc(100vw - 48px));} 
.nav-mega-grid-products{display:grid;grid-template-columns:260px 1fr 1fr;gap:18px;align-items:start;}
.nav-mega-col{min-width:0;}
.nav-mega-link-list{display:grid;gap:10px;}
.nav-mega-link,.nav-dropdown-simple-list-boxed a{white-space:normal;word-break:break-word;line-height:1.45;}
.hero-slider-blueprint{margin-top:0;padding:0!important;}
.hero-slider-blueprint .hero-slide{min-height:clamp(500px,36vw,600px);}
.hero-slide-shell-blueprint{display:flex!important;align-items:center;min-height:clamp(500px,36vw,600px);}
.hero-slide-copy-blueprint{width:min(50vw,720px)!important;max-width:min(50vw,720px)!important;padding:0!important;margin-left:clamp(8px,2vw,18px);gap:14px;}
.hero-slide-copy-blueprint h1{max-width:100%!important;font-size:clamp(36px,3.6vw,62px)!important;line-height:1.04!important;}
.hero-slide-copy-blueprint p{max-width:100%!important;font-size:clamp(16px,1.2vw,19px)!important;line-height:1.65!important;}
.hero-actions{display:flex;flex-wrap:wrap;gap:14px;}
.hero-mini-note{max-width:56ch;line-height:1.55;}
.hero-proof-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:min(100%,700px);}
.hero-slider-foot{bottom:14px!important;}
.page-hero{padding:34px 0!important;}
.page-hero.compact{padding:26px 0!important;}
.page-hero h1{font-size:clamp(34px,3.8vw,60px);line-height:1.06;max-width:12ch;margin:0 0 14px;word-break:break-word;}
.page-hero .hero-text{font-size:clamp(16px,1.2vw,18px);line-height:1.65;max-width:42em;}
.dynamic-image-card-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;}
.dynamic-image-card-visual{aspect-ratio:16/9;max-height:190px;overflow:hidden;}
.dynamic-image-card-visual img{width:100%;height:100%;object-fit:cover;}
.dynamic-image-card-body h3{line-height:1.25;word-break:break-word;}
.dynamic-image-card-body p{line-height:1.65;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.value-strip-card{display:grid;grid-template-columns:minmax(280px,1.2fr) repeat(3,minmax(0,1fr)) auto;align-items:stretch;gap:16px;}
.value-strip-copy{min-width:0;}
.value-strip-copy h2{max-width:none!important;font-size:clamp(28px,2.8vw,46px)!important;line-height:1.08!important;word-break:break-word;}
.value-strip-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;}
.value-strip-points article{min-width:0;}
.value-strip-points article strong,.value-strip-points article p{word-break:break-word;}
.dynamic-cta-band{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;padding:24px 28px;}
.dynamic-cta-band h2{max-width:none!important;font-size:clamp(26px,2.6vw,40px)!important;line-height:1.12!important;word-break:break-word;}
.dynamic-cta-band p{max-width:64ch!important;word-break:break-word;}
.dynamic-steps-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;}
.process-step{min-width:0;}
.process-step h3{font-size:clamp(20px,1.4vw,24px)!important;line-height:1.25!important;word-break:break-word;}
.process-step p{word-break:break-word;}
.home-category-stream-section .section-head h2,.insights-section .section-head h2,.dynamic-section h2,.dynamic-section h3,.post-card h2,.post-card h3,.post-card a{color:#153154;}
.post-card-body p,.dynamic-section p{word-break:break-word;}
.post-slider-track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(300px,1fr);gap:20px;overflow:auto;padding-bottom:6px;}
.post-slider-track .post-card img{height:220px;object-fit:cover;}
@media (max-width:1180px){.dynamic-image-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.value-strip-card{grid-template-columns:1fr;}.value-strip-points{grid-template-columns:repeat(3,minmax(0,1fr));}.dynamic-cta-band{grid-template-columns:1fr;}.site-nav-blueprint{gap:22px;}.hero-slide-copy-blueprint{width:min(58vw,680px)!important;max-width:min(58vw,680px)!important;}}
@media (max-width:900px){.header-blueprint-bottom{grid-template-columns:auto 1fr!important;}.social-links-header-blueprint{display:none!important;}.hero-slide-shell-blueprint{display:block!important;padding:56px 0 80px;}.hero-slide-copy-blueprint{width:100%!important;max-width:100%!important;margin-left:0;}.value-strip-points{grid-template-columns:1fr;}.dynamic-steps-grid{grid-template-columns:1fr;}.dynamic-image-card-grid{grid-template-columns:1fr;} .nav-dropdown-panel{max-width:calc(100vw - 24px);} }


/* v562 targeted rollback + catalog nav repair */
.nav-dropdown-panel-products{width:min(980px,calc(100vw - 40px))!important;}
.nav-mega-grid-catalog{grid-template-columns:minmax(210px,.92fr) minmax(260px,1fr) minmax(320px,1.08fr)!important;gap:18px;align-items:start;}
.nav-mega-grid-catalog .nav-mega-col{min-height:336px;background:#f8fbff;border:1px solid rgba(23,61,109,.08);border-radius:22px;padding:18px;min-width:0;}
.nav-mega-grid-catalog .nav-mega-box-title{font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:#6b7e96;margin-bottom:14px;}
.nav-mega-grid-catalog .nav-mega-link-list{display:grid;gap:10px;min-width:0;}
.nav-mega-grid-catalog .nav-mega-trigger,
.nav-mega-grid-catalog .nav-mega-child,
.nav-mega-grid-catalog .nav-mega-link{display:block;padding:14px 16px;border:1px solid rgba(23,61,109,.08);border-radius:16px;background:#fff;color:#173d6d;line-height:1.42;white-space:normal;word-break:break-word;transition:border-color .18s ease, box-shadow .18s ease, background .18s ease, color .18s ease;}
.nav-mega-grid-catalog .nav-mega-trigger:hover,
.nav-mega-grid-catalog .nav-mega-trigger.is-active,
.nav-mega-grid-catalog .nav-mega-child:hover,
.nav-mega-grid-catalog .nav-mega-child.is-active,
.nav-mega-grid-catalog .nav-mega-link:hover{background:#eef5ff;border-color:rgba(11,124,255,.26);box-shadow:0 10px 22px rgba(11,124,255,.08);}
.nav-mega-grid-catalog .nav-mega-link-action{font-weight:800;color:#0b6ce4;background:#eef5ff;}
.nav-mega-grid-catalog .nav-mega-link small{display:inline-block;margin-left:4px;font-size:12px;color:#6d8097;}
.nav-mega-grid-catalog .nav-mega-panel{display:none;}
.nav-mega-grid-catalog .nav-mega-panel.is-active{display:block;}
.nav-mega-empty{padding:14px 16px;border:1px dashed rgba(23,61,109,.16);border-radius:16px;color:#6d8097;background:#fff;line-height:1.5;}
.hero-slide-shell-blueprint{grid-template-columns:minmax(0,52%) minmax(0,48%)!important;align-items:center;}
.hero-slide-copy-blueprint{width:min(52vw,760px)!important;max-width:min(52vw,760px)!important;padding:30px 0 56px!important;gap:14px!important;}
.hero-slide-copy-blueprint p{max-width:100%!important;}
.hero-slider-blueprint .hero-slide{min-height:clamp(500px,38vw,620px)!important;}
.hero-slider-foot{bottom:16px!important;}
@media (max-width:1180px){
  .nav-mega-grid-catalog{grid-template-columns:1fr!important;}
  .nav-mega-grid-catalog .nav-mega-col{min-height:auto;}
}
@media (max-width:900px){
  .hero-slide-shell-blueprint{display:block!important;padding:44px 0 72px!important;}
  .hero-slide-copy-blueprint{width:100%!important;max-width:100%!important;padding:24px 0 56px!important;}
}

/* v660 Dynamic Section Types */
.location-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;}
.location-card{padding:24px;background:#fff;border:1px solid rgba(23,61,109,.08);border-radius:18px;transition:box-shadow .18s ease,border-color .18s ease;}
.location-card:hover{box-shadow:0 8px 24px rgba(23,61,109,.1);border-color:rgba(11,124,255,.26);}
.location-card-flag{font-size:36px;margin-bottom:14px;}
.location-card-body h3{font-size:18px;color:#153154;margin-bottom:8px;}
.location-card-body p{color:#4a5f72;font-size:14px;line-height:1.6;}
.location-card-body .text-link{color:#0b6ce4;font-weight:600;}

.brand-showcase-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px;}
.brand-item{display:flex;align-items:center;justify-content:center;padding:24px 16px;background:#fff;border:1px solid rgba(23,61,109,.08);border-radius:14px;transition:box-shadow .18s ease,border-color .18s ease;}
.brand-item:hover{box-shadow:0 6px 20px rgba(23,61,109,.1);border-color:rgba(11,124,255,.3);}
.brand-item img{max-width:100%;max-height:60px;object-fit:contain;}
.brand-item span{font-weight:700;font-size:15px;color:#153154;}

.testimonial-slider-wrap{overflow:hidden;}
.testimonial-track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(320px,1fr);gap:24px;overflow:auto;padding-bottom:8px;}
.testimonial-card{background:#fff;padding:32px;border:1px solid rgba(23,61,109,.08);border-radius:20px;text-align:center;}
.testimonial-card blockquote{font-size:18px;line-height:1.7;color:#1a3a5c;font-style:italic;margin:0 0 20px;padding:0;}
.testimonial-card cite{display:block;font-weight:700;color:#153154;margin-bottom:12px;font-style:normal;}
.testimonial-avatar{margin-top:16px;}
.testimonial-avatar img{width:56px;height:56px;border-radius:50%;object-fit:cover;}

.team-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;}
.team-card{background:#fff;border:1px solid rgba(23,61,109,.08);border-radius:18px;overflow:hidden;transition:box-shadow .18s ease;}
.team-card:hover{box-shadow:0 10px 28px rgba(23,61,109,.12);}
.team-card-photo{height:180px;overflow:hidden;}
.team-card-photo img{width:100%;height:100%;object-fit:cover;}
.team-card-body{padding:20px;}
.team-card-body h3{font-size:17px;color:#153154;margin-bottom:6px;}
.team-card-body p{font-size:14px;color:#4a5f72;}

.certificate-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;}
.certificate-card{background:#fff;padding:24px;border:1px solid rgba(23,61,109,.08);border-radius:16px;text-align:center;transition:box-shadow .18s ease;}
.certificate-card:hover{box-shadow:0 8px 24px rgba(23,61,109,.1);}
.certificate-card-image{height:100px;margin-bottom:16px;display:flex;align-items:center;justify-content:center;}
.certificate-card-image img{max-width:100%;max-height:80px;object-fit:contain;}
.certificate-card-body h3{font-size:16px;color:#153154;margin-bottom:6px;}
.certificate-card-body p{font-size:13px;color:#4a5f72;}

.video-showcase-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;}
.video-card{position:relative;background:#fff;border:1px solid rgba(23,61,109,.08);border-radius:18px;overflow:hidden;transition:box-shadow .18s ease;}
.video-card:hover{box-shadow:0 10px 28px rgba(23,61,109,.12);}
.video-card-media{position:relative;height:200px;overflow:hidden;}
.video-card-media img{width:100%;height:100%;object-fit:cover;}
.video-card-overlay{position:absolute;inset:0;background:rgba(0,0,0,.3);display:flex;align-items:center;justify-content:center;}
.play-icon{width:60px;height:60px;background:rgba(255,255,255,.9);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;color:#0b6ce4;transition:transform .18s ease;}
.video-card:hover .play-icon{transform:scale(1.1);}
.video-card-link{position:absolute;inset:0;z-index:2;}
.video-card-body{padding:20px;}
.video-card-body h3{font-size:17px;color:#153154;margin-bottom:6px;}

.service-highlight-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;}
.service-highlight-card{background:#fff;border:1px solid rgba(23,61,109,.08);border-radius:18px;overflow:hidden;transition:box-shadow .18s ease;}
.service-highlight-card:hover{box-shadow:0 10px 28px rgba(23,61,109,.12);}
.service-highlight-media{height:160px;overflow:hidden;}
.service-highlight-media img,.service-highlight-media video{width:100%;height:100%;object-fit:cover;}
.service-highlight-body{padding:20px;}
.service-highlight-body h3{font-size:17px;color:#153154;margin-bottom:8px;}
.service-highlight-body p{font-size:14px;color:#4a5f72;line-height:1.6;}

.industry-highlight-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;}
.industry-highlight-card{background:#fff;border:1px solid rgba(23,61,109,.08);border-radius:18px;overflow:hidden;transition:box-shadow .18s ease;}
.industry-highlight-card:hover{box-shadow:0 10px 28px rgba(23,61,109,.12);}
.industry-highlight-media{height:160px;overflow:hidden;}
.industry-highlight-media img{width:100%;height:100%;object-fit:cover;}
.industry-highlight-body{padding:20px;}
.industry-highlight-body h3{font-size:17px;color:#153154;margin-bottom:8px;}
.industry-highlight-body p{font-size:14px;color:#4a5f72;line-height:1.6;}

.quality-highlight-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;}
.quality-highlight-card{background:#fff;border:1px solid rgba(23,61,109,.08);border-radius:18px;overflow:hidden;transition:box-shadow .18s ease;}
.quality-highlight-card:hover{box-shadow:0 10px 28px rgba(23,61,109,.12);}
.quality-highlight-media{height:160px;overflow:hidden;}
.quality-highlight-media img,.quality-highlight-media video{width:100%;height:100%;object-fit:cover;}
.quality-highlight-body{padding:20px;}
.quality-highlight-body h3{font-size:17px;color:#153154;margin-bottom:8px;}
.quality-highlight-body p{font-size:14px;color:#4a5f72;line-height:1.6;}

.posts-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;}
.post-grid-card{background:#fff;border:1px solid rgba(23,61,109,.08);border-radius:18px;overflow:hidden;transition:box-shadow .18s ease;}
.post-grid-card:hover{box-shadow:0 10px 28px rgba(23,61,109,.12);}
.post-grid-card-media{height:180px;overflow:hidden;}
.post-grid-card-media img{width:100%;height:100%;object-fit:cover;}
.post-grid-card-body{padding:20px;}
.post-grid-card-body h3{font-size:17px;color:#153154;margin-bottom:8px;}
.post-grid-card-body p{font-size:14px;color:#4a5f72;line-height:1.6;}

.product-highlight-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;}
.product-highlight-card{background:#fff;border:1px solid rgba(23,61,109,.08);border-radius:16px;overflow:hidden;transition:box-shadow .18s ease;}
.product-highlight-card:hover{box-shadow:0 8px 24px rgba(23,61,109,.1);}
.product-highlight-media{height:140px;overflow:hidden;background:#f8fbff;}
.product-highlight-media img{width:100%;height:100%;object-fit:contain;}
.product-highlight-body{padding:16px;}
.product-highlight-body h3{font-size:15px;color:#153154;margin-bottom:4px;}
.product-highlight-body p{font-size:13px;color:#4a5f72;}

.announcement-bar{background:#0e7abf;color:#fff;padding:12px 0;}
.announcement-bar-inner{display:flex;align-items:center;justify-content:center;gap:24px;font-size:15px;}
.announcement-bar-inner span{font-weight:600;}
.announcement-bar-inner a{font-weight:700;text-decoration:underline;}

.comparison-table-wrap{overflow-x:auto;}
.comparison-table{width:100%;border-collapse:collapse;min-width:600px;}
.comparison-table th,.comparison-table td{padding:16px 20px;text-align:center;border:1px solid rgba(23,61,109,.1);}
.comparison-table th:first-child,.comparison-table td:first-child{text-align:left;font-weight:600;color:#153154;}
.comparison-table th{background:#153154;color:#fff;font-size:15px;}
.comparison-table tbody tr:nth-child(even){background:#f8fbff;}
.comparison-table tbody td:first-child{background:#fff;}

@media (max-width:1180px){
  .team-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .certificate-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .product-highlight-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media (max-width:900px){
  .location-grid,.brand-showcase-grid,.service-highlight-grid,.industry-highlight-grid,.quality-highlight-grid,.posts-grid{grid-template-columns:1fr;}
  .team-grid,.certificate-grid,.video-showcase-grid,.product-highlight-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:600px){
  .team-grid,.certificate-grid,.video-showcase-grid,.product-highlight-grid{grid-template-columns:1fr;}
}

/* =============================================
   FUSION STYLE SECTIONS - v700
   Modern card design with larger radius and shadows
   ============================================= */

/* Fusion-style section container */
.section-fusion-wrap {
  padding: 0 12px;
}

.dynamic-section-fusion {
  background: #fff;
  border-radius: 28px;
  box-shadow: 0 24px 48px rgba(8, 17, 31, 0.08);
  margin: 16px 0;
  overflow: hidden;
}

.dynamic-section-fusion .shell {
  padding: 40px 0;
}

/* Section head with better spacing */
.dynamic-section .section-head {
  margin-bottom: 20px;
}

.dynamic-section .section-head h2 {
  margin-bottom: 12px;
  letter-spacing: -0.02em;
}

.dynamic-section .section-head .muted-copy,
.dynamic-section .section-head p {
  color: #5a6e82;
  font-size: 16px;
  line-height: 1.7;
  max-width: 780px;
}

/* Card grid improvements */
.dynamic-section .card-grid,
.dynamic-section .link-card-grid,
.dynamic-section .posts-grid,
.dynamic-section .service-highlight-grid,
.dynamic-section .industry-highlight-grid,
.dynamic-section .quality-highlight-grid,
.dynamic-section .brand-showcase-grid,
.dynamic-section .video-showcase-grid {
  gap: 24px;
}

/* Card typography improvements */
.dynamic-section .card,
.dynamic-section .hover-card,
.dynamic-section .link-card {
  padding: 24px;
  border-radius: 22px;
  background: #fff;
  border: 1px solid rgba(20, 54, 102, 0.06);
  box-shadow: 0 8px 24px rgba(8, 17, 31, 0.04);
  transition: all 0.3s ease;
}

.dynamic-section .card:hover,
.dynamic-section .hover-card:hover,
.dynamic-section .link-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 40px rgba(8, 17, 31, 0.10);
  border-color: rgba(11, 108, 224, 0.15);
}

.dynamic-section .card h3,
.dynamic-section .hover-card h3,
.dynamic-section .link-card strong {
  font-size: 18px;
  color: #153154;
  margin-bottom: 10px;
  line-height: 1.4;
}

.dynamic-section .card p,
.dynamic-section .hover-card p,
.dynamic-section .link-card p {
  color: #5a6e82;
  line-height: 1.65;
  margin-bottom: 12px;
}

/* Icon size reduction for cards */
.dynamic-section .card .icon-box,
.dynamic-section .hover-card .icon-box,
.dynamic-section .service-highlight-icon,
.dynamic-section .industry-highlight-icon {
  width: 56px;
  height: 56px;
  border-radius: 16px;
  font-size: 24px;
  display: grid;
  place-items: center;
  margin-bottom: 16px;
  background: linear-gradient(135deg, #eef5ff, #f5f8fd);
  color: #0b6ce4;
}

.dynamic-section .card .icon-box img,
.dynamic-section .hover-card .icon-box img {
  width: 32px;
  height: 32px;
  object-fit: contain;
}

/* Process/Steps grid improvements */
.dynamic-section .process-grid,
.dynamic-section .dynamic-steps-grid {
  gap: 24px;
}

.dynamic-section .process-step {
  padding: 28px;
  border-radius: 24px;
  background: #fff;
  border: 1px solid rgba(20, 54, 102, 0.06);
  box-shadow: 0 8px 24px rgba(8, 17, 31, 0.04);
}

.dynamic-section .step-index {
  font-size: 36px;
  color: rgba(11, 108, 224, 0.12);
  font-weight: 800;
  margin-bottom: 14px;
}

/* FAQ improvements */
.dynamic-section .faq-list {
  gap: 16px;
}

.dynamic-section .faq-item {
  padding: 22px 26px;
  border-radius: 20px;
  background: #fff;
  border: 1px solid rgba(20, 54, 102, 0.06);
  box-shadow: 0 4px 16px rgba(8, 17, 31, 0.03);
}

.dynamic-section .faq-item summary {
  font-size: 17px;
  font-weight: 600;
  color: #153154;
  cursor: pointer;
}

.dynamic-section .faq-item[open] summary {
  color: #0b6ce4;
}

/* Stats band improvements */
.dynamic-section .stats-band {
  gap: 20px;
  padding: 36px;
  border-radius: 28px;
  background: linear-gradient(135deg, #153154, #1a4a80);
}

.dynamic-section .stats-band-item {
  padding: 20px;
}

.dynamic-section .stats-band strong {
  font-size: 38px;
  font-weight: 800;
  color: #fff;
  margin-bottom: 6px;
}

.dynamic-section .stats-band span {
  color: rgba(255, 255, 255, 0.78);
  font-size: 14px;
}

/* CTA banner improvements */
.dynamic-section .cta-band,
.dynamic-section .dynamic-cta-band {
  padding: 32px 36px;
  border-radius: 24px;
  background: linear-gradient(135deg, #0b6ce4, #3a8dff);
}

.dynamic-section .cta-band h2 {
  color: #fff;
  margin-bottom: 12px;
}

.dynamic-section .cta-band p {
  color: rgba(255, 255, 255, 0.88);
  font-size: 17px;
  line-height: 1.6;
  margin-bottom: 20px;
}

/* Value strip improvements */
.dynamic-section .value-strip-card {
  padding: 24px 28px;
  border-radius: 24px;
  background: #fff;
  border: 1px solid rgba(20, 54, 102, 0.08);
  box-shadow: 0 12px 32px rgba(8, 17, 31, 0.06);
}

.dynamic-section .value-strip-points {
  gap: 24px;
}

.dynamic-section .value-strip-points article {
  padding: 20px;
  border-radius: 18px;
  background: #f8fbff;
}

.dynamic-section .value-strip-points strong {
  font-size: 16px;
  color: #153154;
  margin-bottom: 6px;
  display: block;
}

.dynamic-section .value-strip-points p {
  color: #5a6e82;
  font-size: 14px;
  line-height: 1.55;
}

/* Image cards improvements */
.dynamic-section .dynamic-image-card {
  border-radius: 24px;
  overflow: hidden;
  background: #fff;
  border: 1px solid rgba(20, 54, 102, 0.06);
  box-shadow: 0 10px 28px rgba(8, 17, 31, 0.06);
}

.dynamic-section .dynamic-image-card-media {
  aspect-ratio: 16 / 10;
  overflow: hidden;
}

.dynamic-section .dynamic-image-card-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s ease;
}

.dynamic-section .dynamic-image-card:hover .dynamic-image-card-media img {
  transform: scale(1.05);
}

.dynamic-section .dynamic-image-card-body {
  padding: 20px 22px;
}

.dynamic-section .dynamic-image-card h3 {
  font-size: 17px;
  color: #153154;
  margin-bottom: 8px;
}

.dynamic-section .dynamic-image-card p {
  color: #5a6e82;
  font-size: 14px;
  line-height: 1.55;
}

/* Media statements improvements */
.dynamic-section .media-statement-wrap {
  padding: 36px 40px;
  border-radius: 28px;
  background: linear-gradient(180deg, #f8fbff, #fff);
  border: 1px solid rgba(20, 54, 102, 0.06);
}

.dynamic-section .media-statement-card {
  padding: 22px;
  border-radius: 18px;
  background: #fff;
  border: 1px solid rgba(20, 54, 102, 0.06);
  box-shadow: 0 6px 20px rgba(8, 17, 31, 0.04);
}

.dynamic-section .media-statement-card strong {
  font-size: 17px;
  color: #153154;
  margin-bottom: 8px;
  display: block;
}

.dynamic-section .media-statement-card p {
  color: #5a6e82;
  font-size: 14px;
  line-height: 1.55;
}

/* Location cards improvements */
.dynamic-section .location-grid {
  gap: 22px;
}

.dynamic-section .location-card {
  padding: 26px;
  border-radius: 24px;
  background: #fff;
  border: 1px solid rgba(20, 54, 102, 0.06);
  box-shadow: 0 8px 24px rgba(8, 17, 31, 0.04);
}

.dynamic-section .location-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 14px 36px rgba(8, 17, 31, 0.09);
}

.dynamic-section .location-card-flag {
  width: 48px;
  height: 48px;
  border-radius: 14px;
  overflow: hidden;
  margin-bottom: 14px;
  background: #f5f8fd;
  display: grid;
  place-items: center;
}

.dynamic-section .location-card-flag img {
  width: 32px;
  height: 32px;
  object-fit: contain;
}

/* Team cards improvements */
.dynamic-section .team-card {
  border-radius: 24px;
  overflow: hidden;
  background: #fff;
  border: 1px solid rgba(20, 54, 102, 0.06);
  box-shadow: 0 8px 24px rgba(8, 17, 31, 0.04);
}

.dynamic-section .team-card-photo {
  aspect-ratio: 1;
  overflow: hidden;
}

.dynamic-section .team-card-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.dynamic-section .team-card-body {
  padding: 20px;
}

.dynamic-section .team-card h3 {
  font-size: 17px;
  color: #153154;
  margin-bottom: 6px;
}

/* Certificate cards improvements */
.dynamic-section .certificate-card {
  padding: 24px;
  border-radius: 22px;
  background: #fff;
  border: 1px solid rgba(20, 54, 102, 0.06);
  box-shadow: 0 8px 24px rgba(8, 17, 31, 0.04);
}

.dynamic-section .certificate-card-image {
  aspect-ratio: 16 / 10;
  border-radius: 16px;
  overflow: hidden;
  margin-bottom: 16px;
  background: #f5f8fd;
}

.dynamic-section .certificate-card-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Video cards improvements */
.dynamic-section .video-card {
  border-radius: 24px;
  overflow: hidden;
  background: #fff;
  border: 1px solid rgba(20, 54, 102, 0.06);
  box-shadow: 0 10px 28px rgba(8, 17, 31, 0.06);
}

.dynamic-section .video-card-media {
  aspect-ratio: 16 / 9;
  position: relative;
  overflow: hidden;
}

.dynamic-section .video-card-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.dynamic-section .video-card-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.35);
  display: grid;
  place-items: center;
  transition: background 0.3s ease;
}

.dynamic-section .video-card:hover .video-card-overlay {
  background: rgba(0, 0, 0, 0.5);
}

.dynamic-section .play-icon {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: #fff;
  display: grid;
  place-items: center;
  font-size: 22px;
  color: #0b6ce4;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
}

.dynamic-section .video-card-body {
  padding: 20px;
}

.dynamic-section .video-card h3 {
  font-size: 16px;
  color: #153154;
  margin-bottom: 6px;
}

/* Testimonial slider improvements */
.dynamic-section .testimonial-slider-wrap {
  padding: 8px;
}

.dynamic-section .testimonial-card {
  padding: 32px;
  border-radius: 26px;
  background: linear-gradient(135deg, #153154, #1a4a80);
  color: #fff;
  margin: 8px;
}

.dynamic-section .testimonial-card blockquote {
  font-size: 17px;
  line-height: 1.7;
  color: rgba(255, 255, 255, 0.92);
  margin-bottom: 20px;
  font-style: normal;
}

.dynamic-section .testimonial-card cite {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.78);
  font-style: normal;
}

.dynamic-section .testimonial-avatar {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  overflow: hidden;
  border: 2px solid rgba(255, 255, 255, 0.3);
}

.dynamic-section .testimonial-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Post grid improvements */
.dynamic-section .post-grid-card {
  border-radius: 22px;
  overflow: hidden;
  background: #fff;
  border: 1px solid rgba(20, 54, 102, 0.06);
  box-shadow: 0 8px 24px rgba(8, 17, 31, 0.04);
}

.dynamic-section .post-grid-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 40px rgba(8, 17, 31, 0.10);
}

.dynamic-section .post-grid-card-media {
  aspect-ratio: 16 / 10;
  overflow: hidden;
}

.dynamic-section .post-grid-card-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s ease;
}

.dynamic-section .post-grid-card:hover .post-grid-card-media img {
  transform: scale(1.05);
}

.dynamic-section .post-grid-card-body {
  padding: 20px;
}

.dynamic-section .post-grid-card h3 {
  font-size: 16px;
  color: #153154;
  line-height: 1.45;
  margin-bottom: 8px;
}

.dynamic-section .post-grid-card p {
  color: #5a6e82;
  font-size: 14px;
  line-height: 1.55;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Product highlight improvements */
.dynamic-section .product-highlight-card {
  border-radius: 22px;
  overflow: hidden;
  background: #fff;
  border: 1px solid rgba(20, 54, 102, 0.06);
  box-shadow: 0 8px 24px rgba(8, 17, 31, 0.04);
}

.dynamic-section .product-highlight-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 40px rgba(8, 17, 31, 0.10);
}

.dynamic-section .product-highlight-media {
  aspect-ratio: 1;
  background: #f8fbff;
  display: grid;
  place-items: center;
  padding: 20px;
}

.dynamic-section .product-highlight-media img {
  max-width: 80%;
  max-height: 80%;
  object-fit: contain;
}

.dynamic-section .product-highlight-body {
  padding: 18px;
}

.dynamic-section .product-highlight-body h3 {
  font-size: 15px;
  color: #153154;
  margin-bottom: 6px;
}

.dynamic-section .product-highlight-body p {
  color: #5a6e82;
  font-size: 13px;
}

/* Comparison table improvements */
.dynamic-section .comparison-table-wrap {
  padding: 8px;
}

.dynamic-section .comparison-table {
  border-radius: 22px;
  overflow: hidden;
  box-shadow: 0 8px 24px rgba(8, 17, 31, 0.06);
}

.dynamic-section .comparison-table th {
  background: linear-gradient(135deg, #153154, #1a4a80);
  font-size: 15px;
  padding: 18px 20px;
}

.dynamic-section .comparison-table td {
  padding: 16px 20px;
  font-size: 14px;
}

/* Dynamic split improvements */
.dynamic-section .dynamic-split {
  gap: 48px;
  padding: 40px 0;
}

.dynamic-section .dynamic-copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.dynamic-section .dynamic-copy h2 {
  margin-bottom: 16px;
  letter-spacing: -0.02em;
}

.dynamic-section .dynamic-copy .rich-text,
.dynamic-section .dynamic-copy p {
  color: #5a6e82;
  font-size: 16px;
  line-height: 1.75;
  margin-bottom: 24px;
}

.dynamic-section .dynamic-media {
  border-radius: 28px;
  overflow: hidden;
  box-shadow: 0 20px 48px rgba(8, 17, 31, 0.12);
}

.dynamic-section .dynamic-media img {
  width: 100%;
  height: auto;
  display: block;
}

/* Responsive fusion adjustments */
@media (max-width: 1200px) {
  .dynamic-section .shell {
    padding: 32px 0;
  }
  
  .dynamic-section .card,
  .dynamic-section .hover-card,
  .dynamic-section .link-card,
  .dynamic-section .process-step,
  .dynamic-section .faq-item {
    padding: 20px;
    border-radius: 18px;
  }
  
  .dynamic-section .stats-band,
  .dynamic-section .cta-band,
  .dynamic-section .value-strip-card,
  .dynamic-section .media-statement-wrap {
    padding: 28px 32px;
    border-radius: 22px;
  }
}

@media (max-width: 900px) {
  .dynamic-section .dynamic-split {
    flex-direction: column;
    gap: 28px;
    padding: 24px 0;
  }
  
  .dynamic-section .dynamic-media {
    border-radius: 20px;
  }
  
  .dynamic-section .card-grid,
  .dynamic-section .link-card-grid,
  .dynamic-section .posts-grid,
  .dynamic-section .service-highlight-grid,
  .dynamic-section .industry-highlight-grid,
  .dynamic-section .quality-highlight-grid,
  .dynamic-section .team-grid,
  .dynamic-section .certificate-grid,
  .dynamic-section .video-showcase-grid,
  .dynamic-section .product-highlight-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 600px) {
  .dynamic-section .card-grid,
  .dynamic-section .link-card-grid,
  .dynamic-section .posts-grid,
  .dynamic-section .service-highlight-grid,
  .dynamic-section .industry-highlight-grid,
  .dynamic-section .quality-highlight-grid,
  .dynamic-section .team-grid,
  .dynamic-section .certificate-grid,
  .dynamic-section .video-showcase-grid,
  .dynamic-section .product-highlight-grid {
    grid-template-columns: 1fr;
  }
  
  .dynamic-section .stats-band {
    flex-direction: column;
  }
  
  .dynamic-section .value-strip-points {
    flex-direction: column;
  }
}

/* Frontend section edit link styling */
.frontend-section-edit-wrap {
  padding: 8px 0;
}

.frontend-section-edit {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 14px;
  background: rgba(11, 108, 224, 0.08);
  color: #0b6ce4;
  border-radius: 10px;
  font-size: 13px;
  font-weight: 600;
  transition: all 0.2s ease;
}

.frontend-section-edit:hover {
  background: rgba(11, 108, 224, 0.15);
  transform: translateY(-1px);
}

/* Section tinted background improvements */
.dynamic-section.section-tint {
  background: #f4f8fe;
}

.dynamic-section.section-tint .shell {
  background: #f4f8fe;
}

/* Section dark background improvements */
.dynamic-section.section-dark {
  background: linear-gradient(135deg, #153154, #1a4a80);
  color: #fff;
}

.dynamic-section.section-dark h2,
.dynamic-section.section-dark h3,
.dynamic-section.section-dark strong {
  color: #fff;
}

.dynamic-section.section-dark p,
.dynamic-section.section-dark .muted-copy {
  color: rgba(255, 255, 255, 0.82);
}

/* Brand showcase grid */
.brand-showcase-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 20px;
}

.brand-item {
  padding: 24px;
  border-radius: 20px;
  background: #fff;
  border: 1px solid rgba(20, 54, 102, 0.06);
  box-shadow: 0 6px 18px rgba(8, 17, 31, 0.04);
  display: grid;
  place-items: center;
  min-height: 100px;
  transition: all 0.3s ease;
}

.brand-item:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 32px rgba(8, 17, 31, 0.09);
}

.brand-item img {
  max-width: 100%;
  max-height: 60px;
  object-fit: contain;
}

.brand-item span {
  font-weight: 700;
  color: #153154;
  font-size: 15px;
}

@media (max-width: 1200px) {
  .brand-showcase-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (max-width: 900px) {
  .brand-showcase-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 600px) {
  .brand-showcase-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* =============================================
   SECTION CARD STYLE - 左右留白、内圆角、阴影
   ============================================= */

.section-card-shell {
  width: 100%;
  padding: 0 60px;
  margin: 0 0 40px;
  box-sizing: border-box;
}

.section-card {
  max-width: var(--front-shell-max);
  width: 100%;
  margin: 0 auto;
  border-radius: 28px;
  background: linear-gradient(135deg, #083c37 0%, #0c4b45 100%);
  box-shadow:
    0 18px 50px rgba(0, 0, 0, 0.22),
    inset 0 1px 0 rgba(255, 255, 255, 0.05);
  overflow: hidden;
  position: relative;
}

.section-card::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 28px;
  pointer-events: none;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,0.04),
    inset 0 -40px 80px rgba(0,0,0,0.08);
}

.section-card-inner {
  display: grid;
  grid-template-columns: 1.05fr 0.95fr;
  gap: 40px;
  min-height: 560px;
  align-items: center;
  padding: 60px 70px;
  box-sizing: border-box;
}

.section-card-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
  max-width: 920px;
}

.section-card-item {
  min-height: 88px;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255,255,255,0.04);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.03),
    0 8px 20px rgba(0,0,0,0.10);
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 0 24px;
}

.section-card-visual {
  display: flex;
  align-items: center;
  justify-content: center;
}

.section-card-visual-box {
  width: 100%;
  max-width: 560px;
  aspect-ratio: 1 / 1;
  border-radius: 24px;
  background: rgba(255,255,255,0.06);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.section-card-visual-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (max-width: 1200px) {
  .section-card-shell {
    padding: 0 40px;
  }
  .section-card-inner {
    padding: 40px 48px;
    min-height: 480px;
  }
}

@media (max-width: 900px) {
  .section-card-shell {
    padding: 0 24px;
  }
  .section-card-inner {
    grid-template-columns: 1fr;
    padding: 32px 28px;
    min-height: auto;
    gap: 28px;
  }
  .section-card-visual-box {
    max-width: 100%;
    aspect-ratio: 16 / 9;
  }
}


/* v703 value strip cleanup + tighter global section spacing */
.section{padding:var(--admin-section-space,34px) 0 !important;}
@media (max-width: 900px){.section{padding:calc(var(--admin-section-space,34px) * .78) 0 !important;}}

.dynamic-section-clean-strip .value-strip-card,
.dynamic-section-buyer-panels .value-strip-card,
.dynamic-section-compact-callout .value-strip-card{
  display:grid !important;
  grid-template-columns:minmax(300px,1.05fr) minmax(0,1.45fr) !important;
  gap:28px !important;
  align-items:start !important;
  padding:28px 30px !important;
  border-radius:28px !important;
}
.dynamic-section-clean-strip .value-strip-main,
.dynamic-section-buyer-panels .value-strip-main,
.dynamic-section-compact-callout .value-strip-main{
  display:grid;
  gap:18px;
  align-content:start;
}
.dynamic-section-clean-strip .value-strip-copy h2,
.dynamic-section-buyer-panels .value-strip-copy h2,
.dynamic-section-compact-callout .value-strip-copy h2{
  max-width:none !important;
  font-size:clamp(28px,2.4vw,42px) !important;
  line-height:1.12 !important;
  letter-spacing:-0.02em;
  margin:0;
}
.dynamic-section-clean-strip .value-strip-text,
.dynamic-section-buyer-panels .value-strip-text,
.dynamic-section-compact-callout .value-strip-text{
  margin:0;
  max-width:48ch;
  color:#60748d;
  font-size:16px;
  line-height:1.7;
}
.dynamic-section-clean-strip .value-strip-actions,
.dynamic-section-buyer-panels .value-strip-actions,
.dynamic-section-compact-callout .value-strip-actions{display:flex;align-items:center;gap:12px;}
.dynamic-section-clean-strip .value-strip-actions .btn,
.dynamic-section-buyer-panels .value-strip-actions .btn,
.dynamic-section-compact-callout .value-strip-actions .btn{
  min-width:0 !important;
  width:auto !important;
  padding:14px 22px !important;
  border-radius:16px !important;
  box-shadow:none !important;
}
.dynamic-section-clean-strip .value-strip-points,
.dynamic-section-buyer-panels .value-strip-points,
.dynamic-section-compact-callout .value-strip-points{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:14px !important;
}
.dynamic-section-clean-strip .value-strip-points article,
.dynamic-section-buyer-panels .value-strip-points article,
.dynamic-section-compact-callout .value-strip-points article{
  padding:18px 18px 16px !important;
  border-radius:20px !important;
  min-height:100%;
  display:grid;
  gap:8px;
  align-content:start;
  background:#f7fbff !important;
  border:1px solid rgba(20,54,102,.10) !important;
  box-shadow:none !important;
}
.dynamic-section-clean-strip .value-strip-points strong,
.dynamic-section-buyer-panels .value-strip-points strong,
.dynamic-section-compact-callout .value-strip-points strong{
  font-size:15px !important;
  line-height:1.35;
  margin:0 !important;
}
.dynamic-section-clean-strip .value-strip-points p,
.dynamic-section-buyer-panels .value-strip-points p,
.dynamic-section-compact-callout .value-strip-points p{
  margin:0 !important;
  font-size:14px !important;
  line-height:1.7 !important;
  color:#60748d !important;
  word-break:normal !important;
  overflow-wrap:break-word !important;
}
.dynamic-section-buyer-panels .value-strip-card{
  background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%) !important;
}
.dynamic-section-compact-callout .value-strip-card{
  grid-template-columns:minmax(280px,.95fr) minmax(0,1.6fr) !important;
  gap:22px !important;
  padding:24px 26px !important;
}
.dynamic-section-compact-callout .value-strip-copy h2{font-size:clamp(26px,2vw,36px) !important;max-width:none !important;}
.dynamic-section-compact-callout .value-strip-points article{padding:16px 16px 14px !important;}

@media (max-width:1180px){
  .dynamic-section-clean-strip .value-strip-card,
  .dynamic-section-buyer-panels .value-strip-card,
  .dynamic-section-compact-callout .value-strip-card{grid-template-columns:1fr !important;gap:18px !important;}
  .dynamic-section-clean-strip .value-strip-copy h2,
  .dynamic-section-buyer-panels .value-strip-copy h2,
  .dynamic-section-compact-callout .value-strip-copy h2{max-width:none !important;}
}
@media (max-width:860px){
  .dynamic-section-clean-strip .value-strip-points,
  .dynamic-section-buyer-panels .value-strip-points,
  .dynamic-section-compact-callout .value-strip-points{grid-template-columns:1fr !important;}
}


.inline-status-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin:16px 0 22px}
.inline-status-card{border:1px solid rgba(24,119,242,.12);background:#f8fbff;border-radius:18px;padding:16px 18px;display:flex;flex-direction:column;gap:6px;box-shadow:0 6px 18px rgba(15,23,42,.04)}
.inline-status-card strong{font-size:15px;color:#0f2747}
.inline-status-card span{font-size:20px;font-weight:800;color:#1877f2}
.inline-status-card small{color:#64748b;line-height:1.6}
.panel-actions-inline{display:flex;align-items:center;gap:10px}


/* ===== Round v6 backend + frontend layout optimization ===== */
.admin-layout { grid-template-columns: 264px 1fr; }
.admin-sidebar { position: sticky; top: 0; height: 100vh; overflow: auto; padding: 22px 16px; }
.admin-content-shell { max-width: 1560px; margin: 0 auto; display: grid; gap: 22px; }
.admin-topbar-card { background: #fff; border: 1px solid var(--line); border-radius: 28px; padding: 26px 28px; box-shadow: var(--shadow); }
.admin-kicker { display: inline-flex; margin-bottom: 10px; padding: 6px 12px; border-radius: 999px; background: rgba(11,124,255,.08); color: var(--accent); font-size: 12px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.admin-nav-group a { display: block; }
.admin-nav-group a span { display:block; font-weight: 700; }
.admin-nav-group a small { display:block; margin-top: 4px; opacity:.7; font-size:12px; line-height:1.45; }
.admin-panel { border-radius: 24px; }
.admin-quick-actions { display:flex; gap:10px; flex-wrap:wrap; }
.quick-action-chip { display:inline-flex; align-items:center; gap:8px; padding:10px 14px; border-radius:999px; background:#fff; border:1px solid var(--line); box-shadow: var(--shadow); color:#173154; font-weight:700; }
.dashboard-focus-strip { display:grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap:16px; margin: 0 0 22px; }
.dashboard-focus-card { background:#fff; border:1px solid var(--line); border-radius:20px; padding:18px 20px; box-shadow: var(--shadow); display:grid; gap:8px; }
.dashboard-focus-card strong { color:#10243d; }
.dashboard-focus-card span { color: var(--muted); line-height:1.6; }
.inquiry-warning-strip { display:flex; align-items:center; gap:12px; padding:12px 14px; margin: 10px 0 14px; border-radius:16px; background:#fff7e9; border:1px solid rgba(243,181,34,.26); flex-wrap:wrap; }
.inquiry-warning-strip strong { color:#8a5b00; }
.inquiry-warning-strip span { color:#5b4a1a; font-weight:700; }
.inquiry-warning-strip small { color:#806f48; }
.status-badge-warning { background: rgba(243,181,34,.14); color:#8a5b00; }
.inquiry-meta-strip-pro { background:#f7faff; border:1px solid #e4edf8; border-radius:18px; padding:14px 16px; }
.settings-jumpbar { position: sticky; top: 18px; z-index: 8; display:flex; gap:10px; flex-wrap:wrap; padding:14px; background:#fff; border:1px solid var(--line); border-radius:18px; box-shadow: var(--shadow); }
.settings-jumpbar a { padding:8px 12px; border-radius:999px; background:#f4f8ff; color:#17406f; font-weight:700; font-size:13px; }
.settings-form-v517 h3 { margin-top: 8px; padding-top: 18px; border-top: 1px solid #e8eef8; }
.settings-form-v517 h4 { margin: 8px 0 4px; color:#173154; }
.product-anchor-section { padding-top: 0; padding-bottom: 18px; }
.product-anchor-shell { display:flex; justify-content:center; }
.product-anchor-nav { display:flex; gap:12px; flex-wrap:wrap; padding:14px 16px; border-radius:999px; background:#fff; border:1px solid var(--line); box-shadow: var(--shadow); }
.product-anchor-nav a { padding:10px 14px; border-radius:999px; background:#f5f8fe; color:#1c4d88; font-weight:800; font-size:14px; }
.product-summary-meta-bar { display:grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap:10px; margin: 18px 0 4px; }
.product-summary-meta-bar span { display:grid; gap:4px; padding:12px 14px; border-radius:16px; background:#f5f9ff; border:1px solid #e1ebf8; font-size:14px; }
.product-summary-meta-bar strong { font-size:12px; color:var(--muted); text-transform:uppercase; letter-spacing:.05em; }
.product-support-strip { display:grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap:18px; }
.support-strip-card { background:#fff; border:1px solid var(--line); border-radius:22px; box-shadow: var(--shadow); padding:22px; display:grid; gap:12px; }
.support-strip-card p { margin:0; color:var(--muted); }
.detail-panels-story-layout { grid-template-columns: repeat(2,minmax(0,1fr)); }
.product-inline-inquiry-shell-v6 { display:grid; gap:18px; }
.product-inline-form-layout { display:grid; grid-template-columns: 320px minmax(0,1fr); gap:20px; align-items:start; }
.product-inline-sidecard { display:grid; gap:16px; position: sticky; top: 100px; }
.product-supply-band { align-items:center; }
.featured-post-card-v6 { display:grid; grid-template-columns: minmax(0,1.08fr) minmax(0,.92fr); gap:0; overflow:hidden; background:#fff; border:1px solid var(--line); border-radius:26px; box-shadow: var(--shadow); margin-bottom:24px; }
.featured-post-media img { width:100%; height:100%; min-height:360px; object-fit:cover; }
.featured-post-body { padding:28px; display:grid; align-content:center; gap:12px; }
.featured-post-body h2 { margin-bottom:0; }
.insights-toolbar-v6 { margin-bottom:20px; }
.insights-toolbar-copy { display:grid; gap:4px; }
.insights-toolbar-copy span { color:var(--muted); font-size:14px; }
.insights-post-grid-v6 { grid-template-columns: repeat(2,minmax(0,1fr)); }
.compact-post-card-v6 img { aspect-ratio: 16/10; }
.article-hero-v6-shell { display:grid; gap:14px; }
.article-back-link { display:inline-flex; align-items:center; gap:8px; color:#9fd3ff; font-weight:700; }
.article-layout-v6 { grid-template-columns: minmax(0,1.22fr) minmax(300px,.78fr); align-items:start; }
.article-reading-card { background:#fff; border:1px solid var(--line); border-radius:24px; box-shadow: var(--shadow); padding:28px; }
.article-cover-v6 { border-radius:28px; margin-bottom:18px; }
.article-sidebar-v6 { display:grid; gap:18px; position: sticky; top: 92px; align-self:start; }
.article-summary-card p { color:var(--muted); }
.article-mini-meta { display:grid; gap:10px; margin-top:16px; }
.article-mini-meta span { display:grid; gap:4px; padding:12px 14px; border-radius:16px; background:#f5f9ff; border:1px solid #e1ebf8; font-size:14px; }
.article-mini-meta strong { font-size:12px; color:var(--muted); text-transform:uppercase; letter-spacing:.05em; }
@media (max-width: 1200px) {
  .admin-layout { grid-template-columns: 1fr; }
  .dashboard-focus-strip, .product-support-strip, .featured-post-card-v6, .product-inline-form-layout, .article-layout-v6 { grid-template-columns: 1fr; }
  .product-inline-sidecard, .article-sidebar-v6 { position: static; top: auto; }
  .product-summary-meta-bar, .insights-post-grid-v6 { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 768px) {
  .admin-topbar-card { padding: 22px 18px; }
  .product-anchor-nav { justify-content:flex-start; border-radius:24px; }
  .product-summary-meta-bar, .insights-post-grid-v6 { grid-template-columns: 1fr; }
  .featured-post-body, .article-reading-card { padding:22px; }
}

/* ===== Round v7 admin reset + global image control ===== */
.admin-layout-classic { grid-template-columns: 240px minmax(0, 1fr); }
.admin-sidebar-classic {
  position: sticky;
  top: 0;
  height: 100vh;
  overflow: auto;
  padding: 22px 14px;
  background: linear-gradient(180deg, #071325 0%, #10233f 100%);
  border-right: 1px solid rgba(255,255,255,.06);
}
.admin-brand-classic { margin-bottom: 22px; }
.admin-brand-classic .site-logo { width: 48px; height: 48px; object-fit: contain; background: #fff; border-radius: 12px; padding: 6px; }
.admin-nav-classic { gap: 8px; }
.admin-nav-classic a {
  display: block;
  padding: 14px 16px;
  border-radius: 14px;
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.07);
  color: rgba(255,255,255,.92);
  font-weight: 800;
  line-height: 1.25;
  box-shadow: none;
}
.admin-nav-classic a:hover,
.admin-nav-classic a.is-active {
  background: linear-gradient(135deg, #1d7dff 0%, #208cff 100%);
  border-color: transparent;
  color: #fff;
}
.admin-main-classic { padding: 22px; }
.admin-content-shell-classic { max-width: 1500px; margin: 0 auto; display: grid; gap: 18px; }
.admin-topbar-classic {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 0;
  padding: 0 4px;
}
.admin-topbar-classic h1 { font-size: clamp(34px, 4vw, 56px); margin-bottom: 6px; }
.admin-topbar-classic p { margin: 0; color: var(--muted); }
.admin-topbar-classic .admin-topbar-actions { justify-content: flex-end; }

/* backend image sizing */
.admin-preview {
  width: min(100%, 180px) !important;
  height: 120px !important;
  max-width: 100% !important;
  object-fit: contain !important;
  background: #f7fbff !important;
  border-radius: 14px !important;
  padding: 10px !important;
}
.admin-preview.wide,
.settings-form-v517 .admin-preview {
  width: min(100%, 320px) !important;
  height: 180px !important;
  object-fit: contain !important;
}
.page-admin-preview,
.banner-admin-preview {
  aspect-ratio: 16 / 9 !important;
  min-height: 0 !important;
  max-height: 180px !important;
  overflow: hidden !important;
}
.page-admin-preview img,
.banner-admin-preview img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

/* ── Social platform list in admin settings ── */
.admin-callout { display:flex; gap:8px; align-items:flex-start; padding:12px 16px; border:1px dashed rgba(18,62,115,.18); border-radius:12px; background:#f8fbff; color:#4f6487; margin-bottom:12px; font-size:13.5px; line-height:1.6; }
.admin-callout strong { color:#14345d; white-space:nowrap; margin-right:6px; }
.social-platform-list { display:flex; flex-direction:column; gap:10px; margin-bottom:16px; }
.social-platform-row { display:grid; grid-template-columns:40px 1fr 2fr auto auto; align-items:center; gap:10px; padding:10px 14px; background:#f8fbff; border:1px solid #dde8f5; border-radius:12px; }
.social-platform-icon-wrap { width:36px; height:36px; border-radius:8px; background:#1a1a2e; display:flex; align-items:center; justify-content:center; overflow:hidden; flex-shrink:0; }
.social-platform-icon-wrap img { width:28px; height:28px; object-fit:contain; }
.social-platform-placeholder { font-size:10px; font-weight:800; color:rgba(255,255,255,.5); letter-spacing:.5px; }
.social-platform-name { font-size:13.5px; font-weight:600; color:#173154; white-space:nowrap; }
.social-platform-row input[type="text"] { width:100%; }
.social-icon-upload-btn { display:inline-flex; align-items:center; cursor:pointer; }
.social-icon-upload-btn span { display:inline-flex; align-items:center; gap:6px; padding:6px 14px; border:1px solid #c5d6ee; border-radius:8px; font-size:12.5px; color:#3366aa; background:#fff; white-space:nowrap; cursor:pointer; transition:background .15s; }
.social-icon-upload-btn:hover span { background:#eef4ff; }

.admin-post-thumb-wrap {
  height: 128px !important;
  overflow: hidden !important;
  border-radius: 16px;
}
.admin-post-thumb {
  width: 100% !important;
  height: 128px !important;
  object-fit: cover !important;
}
.admin-product-thumb-wrap {
  height: 116px !important;
  min-height: 116px !important;
  overflow: hidden !important;
}
.admin-product-thumb {
  width: 100% !important;
  height: 116px !important;
  object-fit: contain !important;
  padding: 10px !important;
  background: #fff !important;
}
.media-card .media-preview,
.media-card-clean .media-preview,
.media-card-compact-v2 .media-preview {
  height: 160px !important;
  aspect-ratio: auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 10px !important;
  background: #f6f8fc !important;
}
.media-card .media-preview img,
.media-card-clean .media-preview img,
.media-card-compact-v2 .media-preview img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
}

/* frontend image sizing */
.page-hero-visual img,
.hero-slide-visual img {
  width: 100%;
  max-height: 420px;
  object-fit: cover;
}
.product-gallery-main img,
.product-gallery-main-square img {
  width: 100%;
  max-height: 420px;
  object-fit: contain !important;
  padding: 14px;
  background: #fff;
}
.product-gallery-thumbs img,
.thumb img {
  width: 100%;
  height: 100%;
  object-fit: contain !important;
  padding: 6px;
  background: #fff;
}
.article-cover,
.article-cover-v6,
.article-cover-v540 {
  display: block;
  width: min(100%, 860px);
  max-height: 420px;
  object-fit: cover;
  margin-left: auto;
  margin-right: auto;
}
.featured-post-media img {
  width: 100%;
  min-height: 0 !important;
  max-height: 380px;
  object-fit: cover;
}
.post-card img,
.industry-card img,
.post-grid-card-media img,
.industry-highlight-media img,
.quality-highlight-media img,
.product-highlight-media img {
  width: 100%;
  max-height: 280px;
  object-fit: cover;
}
.rich-text img,
.article-reading-card img,
.article-reading-card .rich-text img,
.dynamic-section .rich-text img,
.page-body .rich-text img,
.intro-grid .rich-text img {
  display: block;
  width: auto;
  max-width: min(100%, 820px);
  max-height: 460px;
  height: auto;
  object-fit: contain;
  margin: 20px auto;
  border-radius: 18px;
  background: #fff;
}
.rich-text figure,
.article-reading-card figure {
  margin: 22px auto;
  max-width: min(100%, 860px);
}
.rich-text figure img,
.article-reading-card figure img {
  margin-bottom: 10px;
}
.rich-text iframe,
.rich-text video,
.article-reading-card iframe,
.article-reading-card video {
  display: block;
  width: min(100%, 860px);
  max-width: 100%;
  margin: 20px auto;
  border-radius: 18px;
}

@media (max-width: 980px) {
  .admin-layout-classic { grid-template-columns: 1fr; }
  .admin-main-classic { padding: 18px 14px; }
  .admin-topbar-classic { flex-direction: column; align-items: flex-start; }
  .admin-topbar-classic .admin-topbar-actions { width: 100%; justify-content: flex-start; }
}

@media (max-width: 768px) {
  .page-hero-visual img,
  .hero-slide-visual img,
  .featured-post-media img,
  .article-cover,
  .article-cover-v6,
  .article-cover-v540,
  .product-gallery-main img,
  .product-gallery-main-square img {
    max-height: 300px;
  }
  .rich-text img,
  .article-reading-card img,
  .article-reading-card .rich-text img,
  .dynamic-section .rich-text img,
  .page-body .rich-text img,
  .intro-grid .rich-text img {
    max-height: 320px;
  }
}


/* =============================================
   FRONTEND CARD SYSTEM ALIGNMENT - v708
   Unify public page card width and style to homepage standard
   ============================================= */
.public-body {
  --front-card-radius: 26px;
  --front-card-border: rgba(20, 54, 102, 0.08);
  --front-card-shadow: 0 20px 44px rgba(8, 17, 31, 0.06);
  --front-card-shadow-hover: 0 28px 56px rgba(8, 17, 31, 0.10);
  --front-card-bg: #ffffff;
  --front-card-copy: #5f738c;
  --front-card-title: #173154;
}

/* 宽度由 public-fix.css V28 统一控制 */

.public-body .public-main > .section,
.public-body .public-main > .filters-section,
.public-body .public-main > .page-hero {
  position: relative;
}

.public-body .form-layout,
.public-body .article-layout,
.public-body .product-detail-grid,
.public-body .detail-panels,
.public-body .products-topline,
.public-body .showcase-stack,
.public-body .service-summary-grid,
.public-body .insights-layout,
.public-body .story-grid {
  width: 100%;
  max-width: 100%;
}

.public-body .contact-card,
.public-body .sidebar-card,
.public-body .showcase-card,
.public-body .featured-post-card,
.public-body .post-card,
.public-body .article-reading-card,
.public-body .article-summary-card,
.public-body .sidebar-card-related,
.public-body .article-cta-card,
.public-body .article-related-product-card,
.public-body .filter-select-card,
.public-body .product-card,
.public-body .product-gallery-card,
.public-body .product-summary-card,
.public-body .datasheet-brief-card,
.public-body .support-strip-card,
.public-body .service-highlight-card,
.public-body .industry-highlight-card,
.public-body .quality-highlight-card,
.public-body .product-highlight-card,
.public-body .dynamic-image-card,
.public-body .post-grid-card,
.public-body .location-card,
.public-body .team-card,
.public-body .certificate-card,
.public-body .video-card,
.public-body .mini-product-card,
.public-body .compact-carousel-shell,
.public-body .value-strip-card,
.public-body .faq-item,
.public-body .process-step,
.public-body .section-card,
.public-body .media-statement-wrap,
.public-body .media-statement-card,
.public-body .market-insight-featured,
.public-body .market-insight-compact,
.public-body .procurement-entry-card,
.public-body .hub-product-card,
.public-body .logo-card,
.public-body .tag-card,
.public-body .quick-action,
.public-body .empty-state,
.public-body .story-panel,
.public-body .panel,
.public-body .card {
  background: var(--front-card-bg);
  border: 1px solid var(--front-card-border);
  border-radius: var(--front-card-radius);
  box-shadow: var(--front-card-shadow);
}

.public-body .contact-card:hover,
.public-body .sidebar-card:hover,
.public-body .showcase-card:hover,
.public-body .featured-post-card:hover,
.public-body .post-card:hover,
.public-body .article-related-product-card:hover,
.public-body .filter-select-card:hover,
.public-body .product-card:hover,
.public-body .support-strip-card:hover,
.public-body .service-highlight-card:hover,
.public-body .industry-highlight-card:hover,
.public-body .quality-highlight-card:hover,
.public-body .product-highlight-card:hover,
.public-body .dynamic-image-card:hover,
.public-body .post-grid-card:hover,
.public-body .location-card:hover,
.public-body .team-card:hover,
.public-body .certificate-card:hover,
.public-body .video-card:hover,
.public-body .mini-product-card:hover,
.public-body .hub-product-card:hover,
.public-body .logo-card:hover,
.public-body .tag-card:hover,
.public-body .quick-action:hover {
  box-shadow: var(--front-card-shadow-hover);
  border-color: rgba(11, 108, 224, 0.16);
}

.public-body .featured-post-card,
.public-body .post-card,
.public-body .showcase-card,
.public-body .product-card,
.public-body .article-reading-card,
.public-body .article-related-product-card,
.public-body .service-highlight-card,
.public-body .industry-highlight-card,
.public-body .quality-highlight-card,
.public-body .product-highlight-card,
.public-body .dynamic-image-card,
.public-body .post-grid-card,
.public-body .team-card,
.public-body .video-card,
.public-body .certificate-card,
.public-body .market-insight-featured,
.public-body .market-insight-compact,
.public-body .hub-product-card,
.public-body .mini-product-card {
  overflow: hidden;
}

.public-body .featured-post-body,
.public-body .post-card-body,
.public-body .showcase-card-body,
.public-body .product-card-body,
.public-body .article-reading-card,
.public-body .sidebar-card,
.public-body .product-summary-card,
.public-body .datasheet-brief-card,
.public-body .support-strip-card,
.public-body .dynamic-image-card-body,
.public-body .post-grid-card-body,
.public-body .location-card,
.public-body .team-card-body,
.public-body .certificate-card,
.public-body .video-card-body,
.public-body .procurement-entry-card,
.public-body .market-insight-featured .post-card-body,
.public-body .market-insight-compact .post-card-body {
  color: var(--front-card-copy);
}

.public-body .featured-post-card h2,
.public-body .post-card h2,
.public-body .post-card h3,
.public-body .showcase-card h2,
.public-body .showcase-card h3,
.public-body .product-card h2,
.public-body .product-card h3,
.public-body .article-reading-card h2,
.public-body .article-reading-card h3,
.public-body .sidebar-card h3,
.public-body .product-summary-card h2,
.public-body .product-summary-card h3,
.public-body .support-strip-card h3,
.public-body .dynamic-image-card h3,
.public-body .post-grid-card h3,
.public-body .location-card h3,
.public-body .team-card h3,
.public-body .certificate-card h3,
.public-body .video-card h3,
.public-body .market-insight-featured h3,
.public-body .market-insight-compact h3,
.public-body .procurement-entry-card h3,
.public-body .hub-product-card h3,
.public-body .mini-product-card h3 {
  color: var(--front-card-title);
}

.public-body .card-grid,
.public-body .link-card-grid,
.public-body .posts-grid,
.public-body .service-highlight-grid,
.public-body .industry-highlight-grid,
.public-body .quality-highlight-grid,
.public-body .brand-showcase-grid,
.public-body .video-showcase-grid,
.public-body .dynamic-image-card-grid,
.public-body .product-grid,
.public-body .post-grid,
.public-body .logo-grid,
.public-body .tag-grid,
.public-body .process-grid,
.public-body .location-grid,
.public-body .team-grid,
.public-body .certificate-grid,
.public-body .product-highlight-grid {
  gap: 24px;
}

.public-body .featured-post-card,
.public-body .article-reading-card,
.public-body .contact-card,
.public-body .product-gallery-card,
.public-body .product-summary-card,
.public-body .value-strip-card,
.public-body .compact-carousel-shell,
.public-body .media-statement-wrap,
.public-body .dynamic-cta-band,
.public-body .section-card,
.public-body .story-panel,
.public-body .panel,
.public-body .card {
  border-radius: 28px;
}

.public-body .article-layout > * ,
.public-body .form-layout > *,
.public-body .product-detail-grid > *,
.public-body .detail-panels > * {
  min-width: 0;
}

.public-body .featured-post-card,
.public-body .contact-card,
.public-body .product-summary-card,
.public-body .product-gallery-card,
.public-body .article-reading-card,
.public-body .sidebar-card,
.public-body .showcase-card,
.public-body .support-strip-card,
.public-body .service-highlight-card,
.public-body .industry-highlight-card,
.public-body .quality-highlight-card,
.public-body .product-highlight-card,
.public-body .dynamic-image-card,
.public-body .post-grid-card,
.public-body .location-card,
.public-body .team-card,
.public-body .certificate-card,
.public-body .video-card,
.public-body .mini-product-card,
.public-body .filter-select-card,
.public-body .datasheet-brief-card {
  width: 100%;
}

.public-body .featured-post-media,
.public-body .post-card img,
.public-body .showcase-card-media,
.public-body .showcase-card-media img,
.public-body .post-grid-card-media,
.public-body .post-grid-card-media img,
.public-body .service-highlight-media,
.public-body .service-highlight-media img,
.public-body .industry-highlight-media,
.public-body .industry-highlight-media img,
.public-body .quality-highlight-media,
.public-body .quality-highlight-media img,
.public-body .product-highlight-media,
.public-body .product-highlight-media img,
.public-body .dynamic-image-card-media,
.public-body .dynamic-image-card-media img,
.public-body .video-card-media,
.public-body .video-card-media img,
.public-body .certificate-card-image,
.public-body .certificate-card-image img,
.public-body .team-card-photo,
.public-body .team-card-photo img,
.public-body .market-insight-featured img,
.public-body .market-insight-compact-image,
.public-body .market-insight-compact-image img,
.public-body .article-cover,
.public-body .product-gallery-main,
.public-body .product-gallery-main img,
.public-body .product-card-image,
.public-body .product-card-image img {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}

.public-body .product-card-image,
.public-body .product-highlight-media,
.public-body .mini-product-card .mini-product-media,
.public-body .market-insight-featured img,
.public-body .article-cover,
.public-body .featured-post-media img,
.public-body .post-card img,
.public-body .showcase-card-media img,
.public-body .post-grid-card-media img,
.public-body .video-card-media img,
.public-body .certificate-card-image img,
.public-body .team-card-photo img {
  background: #f7faff;
}

.public-body .product-detail-grid,
.public-body .article-layout,
.public-body .form-layout,
.public-body .detail-panels {
  gap: 24px;
}

.public-body .filters-section .shell > .filter-bar,
.public-body .filters-section .shell > .products-topline,
.public-body .filters-section .shell > .breadcrumb-row {
  width: 100%;
}

.public-body .article-layout,
.public-body .product-detail-grid,
.public-body .form-layout,
.public-body .detail-panels.wider-left {
  grid-template-columns: minmax(0, 1.1fr) minmax(320px, .9fr);
}

.public-body .post-grid,
.public-body .product-grid,
.public-body .card-grid-3,
.public-body .service-highlight-grid,
.public-body .industry-highlight-grid,
.public-body .quality-highlight-grid,
.public-body .product-highlight-grid,
.public-body .certificate-grid,
.public-body .video-showcase-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.public-body .logo-grid,
.public-body .card-grid-4,
.public-body .dynamic-image-card-grid,
.public-body .brand-showcase-grid,
.public-body .team-grid,
.public-body .location-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.public-body .card-grid-2,
.public-body .tag-grid,
.public-body .process-grid,
.public-body .detail-panels,
.public-body .showcase-stack,
.public-body .logo-ribbon-grid,
.public-body .media-statement-grid,
.public-body .service-summary-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

@media (max-width: 1180px) {
  .public-body {
    --front-shell-pad: 36px;
  }

  .public-body .article-layout,
  .public-body .product-detail-grid,
  .public-body .form-layout,
  .public-body .detail-panels.wider-left,
  .public-body .market-insights-layout {
    grid-template-columns: 1fr;
  }

  .public-body .post-grid,
  .public-body .product-grid,
  .public-body .card-grid-3,
  .public-body .card-grid-4,
  .public-body .logo-grid,
  .public-body .dynamic-image-card-grid,
  .public-body .service-highlight-grid,
  .public-body .industry-highlight-grid,
  .public-body .quality-highlight-grid,
  .public-body .product-highlight-grid,
  .public-body .brand-showcase-grid,
  .public-body .video-showcase-grid,
  .public-body .team-grid,
  .public-body .location-grid,
  .public-body .certificate-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 780px) {
  .public-body {
    --front-shell-pad: 24px;
  }

  .public-body .shell,
  .public-body .hero-slide-shell {
    width: min(100%, calc(100% - var(--front-shell-pad)));
    max-width: none;
  }

  .public-body .post-grid,
  .public-body .product-grid,
  .public-body .card-grid-2,
  .public-body .card-grid-3,
  .public-body .card-grid-4,
  .public-body .logo-grid,
  .public-body .tag-grid,
  .public-body .dynamic-image-card-grid,
  .public-body .service-highlight-grid,
  .public-body .industry-highlight-grid,
  .public-body .quality-highlight-grid,
  .public-body .product-highlight-grid,
  .public-body .brand-showcase-grid,
  .public-body .video-showcase-grid,
  .public-body .team-grid,
  .public-body .location-grid,
  .public-body .certificate-grid,
  .public-body .process-grid,
  .public-body .detail-panels,
  .public-body .showcase-stack,
  .public-body .logo-ribbon-grid,
  .public-body .media-statement-grid,
  .public-body .service-summary-grid,
  .public-body .post-grid,
  .public-body .product-grid {
    grid-template-columns: 1fr;
  }

  .public-body .featured-post-card,
  .public-body .contact-card,
  .public-body .product-summary-card,
  .public-body .product-gallery-card,
  .public-body .article-reading-card,
  .public-body .sidebar-card,
  .public-body .value-strip-card,
  .public-body .compact-carousel-shell,
  .public-body .media-statement-wrap,
  .public-body .dynamic-cta-band,
  .public-body .section-card,
  .public-body .story-panel,
  .public-body .panel,
  .public-body .card {
    border-radius: 22px;
  }
}


/* v9 inner banner alignment and precision refinement */
.inner-page-banner-section {
  padding: 18px 0 10px;
}
.inner-page-banner-section.compact {
  padding-top: 18px;
}
.inner-page-banner-card {
  position: relative;
  overflow: hidden;
  border-radius: 34px;
  min-height: var(--page-hero-height, 520px);
  height: var(--page-hero-height, 520px);
  background-color: #07111d;
  background-size: cover;
  background-position: center;
  box-shadow: 0 24px 64px rgba(8,17,31,.16);
  isolation: isolate;
}
.inner-page-banner-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(3,15,28,.88) 0%, rgba(4,17,32,.76) 34%, rgba(7,23,41,.34) 70%, rgba(7,23,41,.12) 100%);
  z-index: 0;
}
.inner-page-banner-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, var(--page-hero-panel-width, 360px));
  gap: 30px;
  align-items: center;
  min-height: var(--page-hero-height, 520px);
  padding: clamp(34px, 4vw, 56px);
}
.inner-page-banner-copy {
  width: 100%;
  max-width: min(var(--page-hero-copy-max, 896px), 100%);
  display: grid;
  gap: 16px;
  transform: translateX(var(--page-hero-offset-x, 0px));
  padding-top: var(--page-hero-pad-top, 0px);
  padding-bottom: var(--page-hero-pad-bottom, 0px);
}
.inner-page-banner-copy h1 {
  margin: 0;
  color: #fff;
  font-size: clamp(32px, 2.6vw, var(--page-hero-title-size, 40px)) !important;
  line-height: .99;
  letter-spacing: -.04em;
  text-wrap: pretty;
  max-width: min(var(--page-hero-title-width, 1000px), 100%);
}
.inner-page-banner-copy .hero-text {
  margin: 0;
  max-width: min(var(--page-hero-text-width, 700px), 100%);
  font-size: clamp(16px, 1.15vw, var(--page-hero-text-size, 18px));
  color: rgba(255,255,255,.92);
  line-height: 1.62;
}
.inner-page-banner-copy .eyebrow,
.inner-page-panel-card .section-tag,
.article-back-link {
  position: relative;
  z-index: 1;
}
.inner-page-banner-copy .hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 4px;
}
.inner-page-banner-copy .btn {
  min-width: 168px;
  min-height: 54px;
  justify-content: center;
}
.inner-page-banner-copy .hero-actions .btn-outline {
  color: #fff;
  border-color: rgba(255,255,255,.56);
  background: rgba(255,255,255,.08);
}
.inner-page-banner-copy .hero-actions .btn-outline:hover {
  color: #173154;
  border-color: #fff;
  background: #fff;
}
.inner-page-banner-side {
  display: flex;
  justify-content: flex-end;
}
.inner-page-panel-card {
  width: min(100%, var(--page-hero-panel-width, 360px));
  border-radius: 26px;
  padding: 24px 24px 22px;
  background: rgba(255,255,255,.14);
  border: 1px solid rgba(255,255,255,.18);
  box-shadow: 0 18px 40px rgba(8,17,31,.18);
  backdrop-filter: blur(12px);
  color: #fff;
}
.inner-page-panel-card h3 {
  margin: 10px 0 14px;
  color: #fff;
  line-height: 1.18;
}
.inner-page-panel-card .check-list {
  display: grid;
  gap: 10px;
}
.inner-page-panel-card .check-list li,
.article-meta-row-on-banner,
.article-back-link {
  color: rgba(255,255,255,.86);
}
.inner-page-panel-card .check-list li::before {
  background: rgba(255,255,255,.22);
  color: #fff;
}
.inner-page-banner-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  max-width: 860px;
  margin-top: 6px;
}
.inner-metric-card {
  background: rgba(255,255,255,.96);
  border-radius: 22px;
  padding: 18px 20px;
  color: #173154;
  box-shadow: 0 18px 34px rgba(7,17,31,.12);
}
.inner-metric-card strong {
  display: block;
  font-size: 1.05rem;
  line-height: 1.2;
  margin-bottom: 6px;
}
.inner-metric-card span {
  display: block;
  color: #66788f;
  line-height: 1.55;
}
.products-filter-clean-section .shell,
.insights-archive-section-v6 .shell,
.article-detail-section-v6 .shell,
.section .shell {
  max-width: var(--front-shell-max);
}
.article-reading-card,
.featured-post-card,
.post-card,
.service-showcase-card,
.category-hub-item,
.contact-card,
.panel-card,
.page-card,
.split-feature-band,
.detail-card,
.detail-panel,
.intro-band-card,
.story-card,
.value-strip-card,
.archive-card-clean,
.filter-panel-clean,
.active-filter-bar,
.sidebar-card,
.article-related-product-card,
.category-side-card,
.application-card,
.resource-card,
.timeline-card,
.quote-card {
  border-radius: 26px !important;
  box-shadow: 0 20px 44px rgba(8,17,31,.06) !important;
}
.article-cover-v6,
.featured-post-media img,
.post-card > img,
.service-showcase-media img,
.compact-related-thumb img,
.article-related-product-media img,
.page-hero-visual img,
.product-card-image img,
.product-detail-media img,
.gallery-stage img,
.gallery-thumb img,
.rich-text img {
  border-radius: 24px;
}
.article-content-v6 .rich-text img,
.article-body-v6 img,
.rich-text img {
  width: auto;
  max-width: min(100%, 920px);
  max-height: 560px;
  height: auto;
  object-fit: contain;
  display: block;
  margin: 24px auto;
}
.article-body-v6 p,
.rich-text p,
.service-summary,
.featured-post-body p,
.post-card-body p,
.sidebar-card p,
.archive-card-clean p,
.product-brief p,
.page-intro-copy p {
  line-height: 1.74;
}
.page-intro-card,
.cta-band,
.dynamic-cta-band,
.support-strip-card,
.catalog-grid-shell,
.article-reading-card,
.sidebar-card,
.product-summary-card,
.detail-panel,
.quote-box,
.empty-state {
  overflow: hidden;
}
@media (max-width: 1080px) {
  .inner-page-banner-card { min-height: auto; height: auto; }
  .inner-page-banner-grid {
    grid-template-columns: 1fr;
    min-height: auto;
    height: auto;
    padding-bottom: 32px;
  }
  .inner-page-banner-copy,
  .inner-page-banner-copy .hero-text,
  .inner-page-banner-copy h1,
  .inner-page-banner-metrics {
    width: 100%;
    max-width: 100%;
  }
  .inner-page-banner-copy h1 { max-width: 100%; text-wrap: balance; }
  .inner-page-banner-side { justify-content: flex-start; }
  .inner-page-banner-metrics { grid-template-columns: 1fr; }
}
@media (max-width: 720px) {
  .inner-page-banner-section { padding-top: 14px; }
  .inner-page-banner-card { border-radius: 26px; min-height: var(--page-hero-height-mobile, 440px); }
  .inner-page-banner-grid { padding: 24px 18px 22px; gap: 18px; }
  .inner-page-banner-copy .btn { min-width: 146px; min-height: 50px; }
  .inner-page-panel-card { padding: 18px 18px 16px; border-radius: 22px; }
  .featured-post-card,
  .post-card,
  .sidebar-card,
  .article-reading-card,
  .archive-card-clean,
  .filter-panel-clean,
  .service-showcase-card { border-radius: 22px !important; }
}

/* v11 banner precision */
.home-hero-v6 .hero-copy {
  max-width: min(var(--hero-copy-max, 896px), 100%);
}
.home-hero-v6 .hero-copy h1 {
  max-width: min(var(--hero-title-width, 920px), 100%);
  text-wrap: pretty;
  line-height: .98;
}
.home-hero-v6 .hero-copy p {
  max-width: min(var(--hero-text-width, 760px), 100%);
}
@media (min-width: 901px) {
  .home-hero-v6 .hero-copy h1 {
    font-size: clamp(54px, 4.8vw, 72px) !important;
  }
}


/* v12 banner refinement */
.home-hero-v6 .hero-card{border-radius:32px;}
.home-hero-v6 .hero-content{padding:clamp(42px,4.2vw,64px);align-items:flex-start;}
.home-hero-v6 .hero-copy{max-width:min(var(--hero-copy-max,1040px),100%)!important;gap:14px;}
.home-hero-v6 .hero-copy h1{max-width:min(var(--hero-title-width,1080px),100%)!important;font-size:clamp(44px,3.6vw,var(--home-hero-title-size,58px))!important;line-height:1.03!important;letter-spacing:-.04em!important;text-wrap:balance;}
.home-hero-v6 .hero-copy p{max-width:min(var(--hero-text-width,840px),100%)!important;font-size:clamp(17px,1.15vw,var(--home-hero-text-size,19px))!important;line-height:1.58!important;}
.home-hero-v6 .hero-stats{max-width:920px;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;}
.home-hero-v6 .hero-stats article{padding:18px 20px;border-radius:20px;}
.home-hero-v6 .hero-nav{position:absolute;left:20px;right:20px;bottom:18px;z-index:3;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}
.home-hero-v6 .hero-nav button{border:1px solid rgba(255,255,255,.10);background:rgba(6,17,31,.58);color:#fff;border-radius:22px;padding:14px 16px;display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start;text-align:left;cursor:pointer;backdrop-filter:blur(12px);transition:.2s ease;}
.home-hero-v6 .hero-nav button.is-active,.home-hero-v6 .hero-nav button:hover{background:rgba(255,255,255,.96);color:#173154;border-color:rgba(255,255,255,.92);}
.home-hero-v6 .hero-nav-index{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#eef5ff;color:#0b6ce4;font-weight:800;}
.home-hero-v6 .hero-nav-text{font-weight:700;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
body[data-home-nav-style='arrows'] .home-hero-v6 .hero-nav{display:none;}
.home-hero-v6 .hero-controls{position:absolute;right:20px;bottom:18px;z-index:4;display:inline-flex;align-items:center;gap:12px;}
.home-hero-v6 .hero-control-btn{width:52px;height:52px;border-radius:18px;border:1px solid rgba(255,255,255,.16);background:rgba(6,17,31,.48);color:#fff;display:grid;place-items:center;cursor:pointer;backdrop-filter:blur(12px);box-shadow:0 14px 30px rgba(7,17,31,.16);transition:.2s ease;}
.home-hero-v6 .hero-control-btn:hover{background:rgba(255,255,255,.96);color:#173154;border-color:rgba(255,255,255,.92);}
.home-hero-v6 .hero-control-btn svg{width:18px;height:18px;}
.home-hero-v6 .hero-control-meta{display:inline-flex;align-items:center;gap:8px;min-width:88px;justify-content:center;height:52px;padding:0 16px;border-radius:18px;background:rgba(6,17,31,.48);border:1px solid rgba(255,255,255,.14);color:rgba(255,255,255,.92);backdrop-filter:blur(12px);font-weight:700;box-shadow:0 14px 30px rgba(7,17,31,.16);}
.home-hero-v6 .hero-control-meta small{opacity:.72;font-size:12px;letter-spacing:.08em;text-transform:uppercase;}
.home-hero-v6 .hero-control-meta strong{font-size:15px;}
.inner-page-banner-card{min-height:var(--page-hero-height,520px);height:var(--page-hero-height,520px);border-radius:32px;}
.inner-page-banner-grid{grid-template-columns:minmax(0,1.18fr) minmax(300px,var(--page-hero-panel-width,340px));gap:22px;padding:clamp(34px,3.7vw,52px);}
.inner-page-banner-copy{max-width:min(var(--page-hero-copy-max,1080px),100%);gap:14px;}
.inner-page-banner-copy h1{max-width:min(var(--page-hero-title-width,1060px),100%)!important;font-size:clamp(32px,2.6vw,var(--page-hero-title-size,40px))!important;line-height:1.04!important;letter-spacing:-.04em!important;text-wrap:balance;}
.inner-page-banner-copy .hero-text{max-width:min(var(--page-hero-text-width,760px),100%)!important;font-size:clamp(17px,1.05vw,var(--page-hero-text-size,18px))!important;line-height:1.6!important;}
.inner-page-panel-card{width:min(100%,var(--page-hero-panel-width,340px));padding:22px 22px 20px;border-radius:24px;}
.inner-page-banner-metrics{max-width:940px;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;}
.inner-metric-card{border-radius:20px;padding:16px 18px;}
@media (max-width:1180px){
  .home-hero-v6 .hero-copy h1{font-size:clamp(42px,4.4vw,var(--home-hero-title-size,58px))!important;}
  .inner-page-banner-grid{grid-template-columns:minmax(0,1fr) minmax(280px,320px);}
}
@media (max-width:900px){
  .home-hero-v6 .hero-card,.home-hero-v6 .hero-content{height:var(--home-hero-height-mobile,520px)!important;min-height:var(--home-hero-height-mobile,520px)!important;}
  .home-hero-v6 .hero-content{padding:28px 20px 92px!important;}
  .home-hero-v6 .hero-copy h1{font-size:clamp(34px,8vw,50px)!important;max-width:100%!important;}
  .home-hero-v6 .hero-stats{grid-template-columns:1fr;}
  .home-hero-v6 .hero-controls{right:16px;bottom:16px;gap:10px;}
  .home-hero-v6 .hero-control-btn,.home-hero-v6 .hero-control-meta{height:48px;border-radius:16px;}
  .inner-page-banner-grid{grid-template-columns:1fr;padding:24px 18px 22px;gap:18px;}
  .inner-page-banner-copy h1{font-size:clamp(34px,8vw,48px)!important;max-width:100%!important;}
  .inner-page-banner-side{justify-content:flex-start;}
  .inner-page-banner-metrics{grid-template-columns:1fr;}
}

/* v713 banner + header + navigation precision fixes */
.site-header-blueprint{overflow:visible;}
.header-blueprint-top{grid-template-columns:auto 1fr auto;justify-content:space-between;gap:14px;}
.header-blueprint-top .header-search-blueprint{width:100%;max-width:860px;justify-self:stretch;}
.header-blueprint-tools{gap:8px;}
.header-utility-chip{padding:0 18px;min-height:40px;}
.site-nav-blueprint{gap:26px;}

.header-search-suggest{
  left:50%;
  right:auto;
  transform:translateX(-50%);
  width:min(920px,calc(100vw - 64px));
  padding:24px 28px;
}
.header-search-suggest-grid{
  max-width:820px;
  margin:0 auto;
  grid-template-columns:repeat(3,minmax(170px,1fr));
  gap:28px;
}
.header-search-suggest-grid section{min-width:0;}
.header-search-suggest strong{margin-bottom:14px;}
.header-search-suggest ul{gap:12px;}
.header-search-suggest a{padding:6px 0;border-radius:0;font-weight:700;line-height:1.5;}
.header-search-suggest a:hover{background:transparent;color:#0b6ce4;}

.nav-dropdown-panel-products{
  width:min(860px,calc(100vw - 56px));
  padding:18px 20px;
}
.nav-mega-grid-catalog{
  grid-template-columns:220px 1fr 1fr !important;
  gap:26px;
  align-items:start;
}
.nav-mega-grid-catalog .nav-mega-col{
  min-height:0;
  padding:0;
  border:none;
  background:transparent;
  border-radius:0;
}
.nav-mega-grid-catalog .nav-mega-box-title,
.nav-dropdown-simple-list-boxed .nav-mega-box-title{
  font-size:12px;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#6b7e96;
  margin-bottom:16px;
  padding-left:0;
}
.nav-mega-grid-catalog .nav-mega-link-list,
.nav-dropdown-simple-list-boxed{
  gap:0;
}
.nav-mega-grid-catalog .nav-mega-trigger,
.nav-mega-grid-catalog .nav-mega-child,
.nav-mega-grid-catalog .nav-mega-link,
.nav-dropdown-simple-list-boxed a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  min-height:48px;
  padding:11px 0;
  border:none;
  border-bottom:1px solid rgba(23,61,109,.10);
  border-radius:0;
  background:transparent;
  box-shadow:none;
  color:#173d6d;
  font-weight:700;
  line-height:1.4;
  word-break:normal;
  overflow-wrap:break-word;
}
.nav-mega-grid-catalog .nav-mega-trigger:hover,
.nav-mega-grid-catalog .nav-mega-trigger.is-active,
.nav-mega-grid-catalog .nav-mega-child:hover,
.nav-mega-grid-catalog .nav-mega-child.is-active,
.nav-mega-grid-catalog .nav-mega-link:hover,
.nav-dropdown-simple-list-boxed a:hover{
  background:transparent;
  color:#0b6ce4;
  border-color:rgba(11,124,255,.24);
  box-shadow:none;
}
.nav-mega-grid-catalog .nav-mega-trigger::after,
.nav-mega-grid-catalog .nav-mega-child::after,
.nav-mega-grid-catalog .nav-mega-link::after,
.nav-dropdown-simple-list-boxed a::after{
  content:'→';
  flex:0 0 auto;
  margin-left:16px;
  opacity:.72;
  font-size:18px;
  line-height:1;
}
.nav-mega-grid-catalog .nav-mega-link-action{
  color:#0b6ce4;
  font-weight:800;
}
.nav-mega-grid-catalog .nav-mega-link small{display:none !important;}
.nav-mega-empty{
  padding:12px 0;
  border:none;
  border-bottom:1px dashed rgba(23,61,109,.16);
  border-radius:0;
  background:transparent;
}
.nav-dropdown-panel-simple{
  width:min(320px,calc(100vw - 56px));
  padding:18px 22px;
}
.nav-dropdown-simple-list-boxed a{
  padding-left:0;
  padding-right:0;
}

.home-hero-v6 .hero-content{padding:46px 56px 132px;}
.home-hero-v6 .hero-copy{max-width:min(var(--hero-copy-max,980px),100%) !important;gap:16px;}
.home-hero-v6 .hero-copy h1{
  max-width:min(var(--hero-title-width,960px),100%) !important;
  font-size:clamp(46px,3.9vw,var(--home-hero-title-size,62px)) !important;
  line-height:1.02 !important;
  text-wrap:balance;
}
.home-hero-v6 .hero-copy p{max-width:min(var(--hero-text-width,760px),100%) !important;}
.home-hero-v6 .hero-stats{max-width:980px;gap:14px;}
.home-hero-v6 .hero-controls{
  left:50%;
  right:auto;
  bottom:20px;
  transform:translateX(-50%);
  gap:14px;
  width:auto;
}
.home-hero-v6 .hero-control-btn{
  width:54px;
  height:54px;
  border-radius:18px;
}
.home-hero-v6 .hero-dot-nav{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:54px;
  padding:0 14px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(6,17,31,.44);
  backdrop-filter:blur(12px);
  box-shadow:0 14px 30px rgba(7,17,31,.16);
}
.home-hero-v6 .hero-dot{
  width:10px;
  height:10px;
  border-radius:50%;
  border:none;
  background:rgba(255,255,255,.36);
  cursor:pointer;
  transition:transform .18s ease, background .18s ease, width .18s ease;
}
.home-hero-v6 .hero-dot:hover{background:rgba(255,255,255,.7);}
.home-hero-v6 .hero-dot.is-active{background:#fff;width:28px;border-radius:999px;}
.home-hero-v6 .hero-control-meta{display:none !important;}

.inner-page-banner-grid{grid-template-columns:minmax(0,1.3fr) minmax(280px,var(--page-hero-panel-width,320px));gap:20px;}
.inner-page-banner-copy{max-width:min(var(--page-hero-copy-max,960px),100%);}
.inner-page-banner-copy h1{
  max-width:min(var(--page-hero-title-width,1000px),100%) !important;
  font-size:clamp(32px,2.6vw,var(--page-hero-title-size,42px)) !important;
  line-height:1.03 !important;
  text-wrap:balance;
}
.inner-page-banner-copy .hero-text{max-width:min(var(--page-hero-text-width,700px),100%) !important;}
.inner-page-panel-card{width:min(100%,var(--page-hero-panel-width,320px));}

@media (max-width:1180px){
  .header-blueprint-top{grid-template-columns:auto minmax(320px,1fr) auto;}
  .header-search-suggest{width:min(860px,calc(100vw - 40px));}
}
@media (max-width:900px){
  .header-blueprint-top{grid-template-columns:1fr;}
  .header-blueprint-top .header-search-blueprint{max-width:none;}
  .header-search-suggest{left:0;transform:none;width:100%;padding:18px;}
  .header-search-suggest-grid{grid-template-columns:1fr;gap:18px;max-width:none;}
  .nav-dropdown-panel-products,.nav-dropdown-panel-simple{width:min(100vw - 28px,560px);}
  .nav-mega-grid-catalog{grid-template-columns:1fr !important;gap:18px;}
  .home-hero-v6 .hero-content{padding:30px 20px 96px;}
  .home-hero-v6 .hero-controls{bottom:16px;gap:10px;}
  .home-hero-v6 .hero-control-btn{width:46px;height:46px;border-radius:15px;}
  .home-hero-v6 .hero-dot-nav{min-height:46px;padding:0 12px;}
}


/* v714 homepage banner + homepage section refinement */
.nav-mega-grid-catalog .nav-mega-trigger:hover,
.nav-mega-grid-catalog .nav-mega-trigger.is-active,
.nav-mega-grid-catalog .nav-mega-child:hover,
.nav-mega-grid-catalog .nav-mega-child.is-active,
.nav-mega-grid-catalog .nav-mega-link:hover,
.nav-dropdown-simple-list-boxed a:hover{
  background:transparent;
  color:#0b6ce4;
  border-color:rgba(23,61,109,.10);
  box-shadow:none;
}
.nav-mega-grid-catalog .nav-mega-trigger.is-active,
.nav-mega-grid-catalog .nav-mega-child.is-active{
  color:#0b6ce4;
  font-weight:800;
}

.home-hero-v6 .hero-controls{
  left:auto;
  right:24px;
  transform:none;
  justify-content:flex-end;
}
.home-hero-v6 .hero-dot-nav{
  padding:0 12px;
  min-width:0;
}
.home-hero-v6 .hero-dot{
  width:9px;
  height:9px;
}
.home-hero-v6 .hero-dot.is-active{
  width:24px;
  background:#0b7cff;
  box-shadow:0 0 0 6px rgba(11,124,255,.14);
}

.dynamic-section-home-entry-cards .value-strip-card{
  grid-template-columns:minmax(320px,430px) minmax(0,1fr);
  gap:28px;
  align-items:start;
}
.dynamic-section-home-entry-cards .value-strip-main{
  display:grid;
  align-content:start;
  gap:18px;
}
.dynamic-section-home-entry-cards .value-strip-copy h2{
  max-width:10.5ch !important;
  font-size:clamp(42px,4.2vw,68px) !important;
  line-height:1.02 !important;
  letter-spacing:-.045em;
}
.dynamic-section-home-entry-cards .value-strip-text{
  max-width:42ch;
}
.dynamic-section-home-entry-cards .value-strip-actions .btn{
  min-width:152px;
  height:52px;
  padding:0 22px;
  border-radius:16px;
}
.dynamic-section-home-entry-cards .value-strip-points{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  align-items:stretch;
  margin-top:2px;
}
.dynamic-section-home-entry-cards .value-strip-points article{
  min-height:124px;
  padding:18px 20px;
  border-radius:22px;
  display:grid;
  align-content:start;
}
.dynamic-section-home-entry-cards .value-strip-points strong{
  font-size:1.04rem;
  line-height:1.25;
}
.dynamic-section-home-entry-cards .value-strip-points p{
  line-height:1.6;
}

@media (max-width:1180px){
  .home-hero-v6 .hero-controls{
    right:20px;
  }
  .dynamic-section-home-entry-cards .value-strip-card{
    grid-template-columns:1fr;
    gap:22px;
  }
  .dynamic-section-home-entry-cards .value-strip-copy h2{
    max-width:none !important;
  }
}
@media (max-width:900px){
  .home-hero-v6 .hero-controls{
    right:16px;
    left:auto;
    bottom:16px;
  }
  .dynamic-section-home-entry-cards .value-strip-points{
    grid-template-columns:1fr;
  }
}


/* v15 nav cleanup + homepage strip + admin page manager simplification */
.site-nav .nav-dropdown-panel a.is-active::after,
.site-nav .nav-dropdown-panel a:hover::after,
.site-nav .nav-dropdown-panel .nav-mega-trigger.is-active::after,
.site-nav .nav-dropdown-panel .nav-mega-child.is-active::after,
.site-nav .nav-dropdown-panel .nav-mega-link.is-active::after,
.site-nav .nav-dropdown-panel .nav-mega-trigger:hover::after,
.site-nav .nav-dropdown-panel .nav-mega-child:hover::after,
.site-nav .nav-dropdown-panel .nav-mega-link:hover::after{
  content:none !important;
  display:none !important;
}
.site-nav .nav-dropdown-panel .nav-mega-trigger,
.site-nav .nav-dropdown-panel .nav-mega-child,
.site-nav .nav-dropdown-panel .nav-mega-link,
.site-nav .nav-dropdown-panel .nav-dropdown-simple-list-boxed a{
  box-shadow:none !important;
  outline:none !important;
  text-decoration:none !important;
  background-image:none !important;
}
.site-nav .nav-dropdown-panel .nav-mega-trigger.is-active,
.site-nav .nav-dropdown-panel .nav-mega-child.is-active,
.site-nav .nav-dropdown-panel .nav-mega-link.is-active{
  color:#0b6ce4 !important;
  border-color:rgba(23,61,109,.10) !important;
}
.site-nav .nav-dropdown-panel .nav-mega-link-list > *{
  position:relative;
}
.site-nav .nav-dropdown-panel .nav-mega-link-list > *::before,
.site-nav .nav-dropdown-panel .nav-mega-link-list > *::after{
  background-image:none !important;
}

.home-hero-v6 .hero-controls{
  right:24px !important;
  left:auto !important;
  transform:none !important;
}
@media (max-width:900px){
  .home-hero-v6 .hero-controls{
    right:16px !important;
    left:auto !important;
    transform:none !important;
  }
}

.dynamic-section-home-entry-cards .value-strip-card{
  grid-template-columns:minmax(420px,560px) minmax(0,1fr) !important;
  gap:24px !important;
  align-items:start !important;
}
.dynamic-section-home-entry-cards .value-strip-main{
  max-width:560px;
}
.dynamic-section-home-entry-cards .value-strip-copy h2{
  max-width:none !important;
  font-size:clamp(32px,2.8vw,48px) !important;
  line-height:1.08 !important;
  letter-spacing:-.035em !important;
}
.dynamic-section-home-entry-cards .value-strip-points{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(180px,1fr)) !important;
  gap:16px !important;
  align-self:start !important;
}
.dynamic-section-home-entry-cards .value-strip-points article{
  min-height:auto !important;
  padding:14px 16px !important;
  border-radius:18px !important;
}
.dynamic-section-home-entry-cards .value-strip-points strong{
  font-size:1rem !important;
}
.dynamic-section-home-entry-cards .value-strip-points p{
  font-size:14px !important;
  line-height:1.55 !important;
}
@media (max-width:1180px){
  .dynamic-section-home-entry-cards .value-strip-card{
    grid-template-columns:1fr !important;
  }
  .dynamic-section-home-entry-cards .value-strip-main,
  .dynamic-section-home-entry-cards .value-strip-copy h2{
    max-width:none !important;
  }
}

.page-manager-shell{display:grid;gap:18px;}
.page-manager-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;}
.page-manager-toolbar .muted-copy{max-width:72ch;}
.page-manager-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;}
.page-manager-stat{padding:16px 18px;border:1px solid rgba(20,54,102,.08);border-radius:18px;background:#f8fbff;display:grid;gap:6px;}
.page-manager-stat strong{font-size:24px;color:#143666;line-height:1;}
.page-manager-stat span{color:#637893;font-size:14px;}
.page-admin-card-v3{display:grid;grid-template-columns:220px 1fr;gap:18px;padding:18px;border:1px solid rgba(20,54,102,.08);border-radius:24px;background:#fff;box-shadow:0 14px 30px rgba(8,17,31,.05);}
.page-admin-card-v3 .page-admin-preview{height:148px;border-radius:18px;overflow:hidden;background:#eef5ff;display:grid;place-items:center;}
.page-admin-card-v3 .page-admin-preview img{width:100%;height:100%;object-fit:cover;display:block;}
.page-admin-card-v3 .page-admin-body{display:grid;gap:14px;align-content:start;}
.page-admin-card-v3 .page-admin-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;}
.page-admin-card-v3 .page-admin-top h3{margin:0 0 6px;font-size:1.2rem;color:#143666;}
.page-admin-card-v3 .page-admin-route{font-weight:700;color:#0b6ce4;}
.page-admin-card-v3 .page-admin-sub{color:#637893;font-size:14px;line-height:1.55;}
.page-admin-card-v3 .page-admin-meta{display:flex;flex-wrap:wrap;gap:10px;}
.page-admin-card-v3 .page-admin-actions{display:flex;flex-wrap:wrap;gap:10px;}
.admin-inline-note{padding:14px 16px;border-radius:16px;background:#f8fbff;border:1px solid rgba(20,54,102,.08);color:#5e7188;line-height:1.6;}
.page-form-shell{display:grid;gap:20px;}
.simple-form-card{padding:22px;border-radius:22px;border:1px solid rgba(20,54,102,.08);background:#fff;display:grid;gap:18px;}
.simple-form-card .panel-topline h2{margin:0;}
.simple-flow{display:flex;flex-wrap:wrap;gap:10px;padding:0;margin:0;list-style:none;}
.simple-flow li{padding:10px 14px;border-radius:999px;background:#f3f7fc;border:1px solid rgba(20,54,102,.08);font-weight:700;color:#294a72;}
.admin-advanced-toggle{border:1px solid rgba(20,54,102,.08);border-radius:18px;background:#f8fbff;padding:0;overflow:hidden;}
.admin-advanced-toggle summary{list-style:none;cursor:pointer;padding:16px 18px;font-weight:800;color:#173d6d;display:flex;align-items:center;justify-content:space-between;}
.admin-advanced-toggle summary::-webkit-details-marker{display:none;}
.admin-advanced-toggle > div{padding:0 18px 18px;display:grid;gap:16px;}
.admin-compact-help{font-size:14px;color:#60748d;line-height:1.6;}
.page-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}
.page-settings-grid .form-grid{margin:0;}
.page-sections-shell{display:grid;gap:18px;}
.module-palette-grid-simple{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;}
.module-palette-grid-simple .module-palette-card{padding:18px;border-radius:20px;}
.section-editor-head p{max-width:70ch;}
@media (max-width:1100px){
  .page-manager-summary{grid-template-columns:repeat(2,minmax(0,1fr));}
  .page-admin-card-v3{grid-template-columns:1fr;}
  .module-palette-grid-simple{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:720px){
  .page-manager-summary,.page-settings-grid,.module-palette-grid-simple{grid-template-columns:1fr;}
  .page-manager-toolbar,.page-admin-card-v3 .page-admin-top{align-items:flex-start;}
}

/* v16 forced nav cleanup + admin page manager simplification */
.nav-dropdown-panel-products .nav-mega-grid-catalog .nav-mega-trigger,
.nav-dropdown-panel-products .nav-mega-grid-catalog .nav-mega-child,
.nav-dropdown-panel-products .nav-mega-grid-catalog .nav-mega-link{
  border:none !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  text-decoration:none !important;
  position:relative;
  padding:11px 0 13px !important;
}
.nav-dropdown-panel-products .nav-mega-grid-catalog .nav-mega-trigger::before,
.nav-dropdown-panel-products .nav-mega-grid-catalog .nav-mega-child::before,
.nav-dropdown-panel-products .nav-mega-grid-catalog .nav-mega-link::before{
  content:'' !important;
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:1px;
  background:rgba(23,61,109,.10) !important;
}
.nav-dropdown-panel-products .nav-mega-grid-catalog .nav-mega-trigger:hover,
.nav-dropdown-panel-products .nav-mega-grid-catalog .nav-mega-trigger.is-active,
.nav-dropdown-panel-products .nav-mega-grid-catalog .nav-mega-child:hover,
.nav-dropdown-panel-products .nav-mega-grid-catalog .nav-mega-child.is-active,
.nav-dropdown-panel-products .nav-mega-grid-catalog .nav-mega-link:hover,
.nav-dropdown-panel-products .nav-mega-grid-catalog .nav-mega-link.is-active{
  color:#0b6ce4 !important;
  border:none !important;
  box-shadow:none !important;
  background:transparent !important;
}
.nav-dropdown-panel-products .nav-mega-grid-catalog .nav-mega-trigger:hover::before,
.nav-dropdown-panel-products .nav-mega-grid-catalog .nav-mega-trigger.is-active::before,
.nav-dropdown-panel-products .nav-mega-grid-catalog .nav-mega-child:hover::before,
.nav-dropdown-panel-products .nav-mega-grid-catalog .nav-mega-child.is-active::before,
.nav-dropdown-panel-products .nav-mega-grid-catalog .nav-mega-link:hover::before,
.nav-dropdown-panel-products .nav-mega-grid-catalog .nav-mega-link.is-active::before{
  background:rgba(23,61,109,.10) !important;
}
.nav-dropdown-panel-products .nav-mega-grid-catalog .nav-mega-trigger::after,
.nav-dropdown-panel-products .nav-mega-grid-catalog .nav-mega-child::after,
.nav-dropdown-panel-products .nav-mega-grid-catalog .nav-mega-link::after{
  content:'→' !important;
  background:none !important;
  box-shadow:none !important;
  border:none !important;
}
.site-nav .nav-dropdown-panel .nav-mega-trigger::before,
.site-nav .nav-dropdown-panel .nav-mega-child::before,
.site-nav .nav-dropdown-panel .nav-mega-link::before{
  background-image:none !important;
}

.dynamic-section-home-entry-cards .value-strip-card{
  grid-template-columns:minmax(420px,520px) minmax(0,1fr) !important;
  gap:22px !important;
}
.dynamic-section-home-entry-cards .value-strip-copy h2{
  max-width:none !important;
  font-size:clamp(30px,2.6vw,46px) !important;
}
.dynamic-section-home-entry-cards .value-strip-points{
  align-self:start;
  margin-top:0 !important;
}
.dynamic-section-home-entry-cards .value-strip-points article{
  min-height:auto !important;
  padding:14px 16px !important;
}

.compact-page-manager-toolbar{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:18px;
  margin-bottom:14px;
}
.page-manager-mini-stats{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:10px;
}
.admin-inline-search-short{min-width:min(360px,100%);}
.page-card-grid-list{display:grid;gap:14px;}
.page-admin-row-card{
  display:grid;
  grid-template-columns:140px minmax(0,1fr);
  gap:16px;
  padding:14px 16px;
  border:1px solid rgba(20,54,102,.08);
  border-radius:22px;
  background:#fff;
  box-shadow:0 10px 24px rgba(8,17,31,.04);
}
.page-admin-preview-compact{height:96px !important;border-radius:14px !important;}
.page-admin-row-main{display:grid;gap:10px;align-content:center;min-width:0;}
.page-admin-row-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;}
.page-admin-row-head h3{margin:0 0 4px;font-size:1.08rem;line-height:1.2;color:#153255;}
.page-admin-row-meta{display:flex;flex-wrap:wrap;gap:10px 14px;color:#60748d;font-size:13px;line-height:1.5;}
.compact-page-admin-actions{display:flex;flex-wrap:wrap;gap:8px;}
.compact-page-admin-actions .btn{min-width:auto;}
.compact-page-manager-shell .page-manager-toolbar h2{margin-bottom:4px;}
.compact-page-manager-shell .muted-copy{line-height:1.45;}

.compact-panel-head{margin-bottom:14px;}
.compact-admin-form{display:grid;gap:16px;}
.compact-form-card{padding:18px 20px !important;}
.compact-form-grid{gap:14px !important;}
.compact-toggle-group{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding-top:28px;}
.compact-checkbox{margin:0;}
.compact-preview-block{display:grid;gap:8px;align-content:start;}
.compact-media-preview{height:132px !important;border-radius:16px !important;overflow:hidden;}
.compact-media-preview img{width:100%;height:100%;object-fit:cover;display:block;}
.compact-advanced-toggle{margin-top:0;border:1px solid rgba(20,54,102,.08);border-radius:18px;background:#fff;overflow:hidden;}
.compact-advanced-toggle > summary{padding:16px 18px;font-weight:800;color:#173154;background:#f8fbff;cursor:pointer;}
.compact-advanced-body{display:grid;gap:14px;padding:16px 18px 18px;}
.compact-inner-card{margin:0;padding:16px 18px !important;border-radius:16px !important;box-shadow:none !important;border:1px solid rgba(20,54,102,.06) !important;}
.compact-help-box{padding:12px 14px;border-radius:14px;background:#f8fbff;border:1px solid rgba(20,54,102,.06);color:#61758f;line-height:1.55;}
.compact-sticky-form-actions{padding:14px 18px !important;}

.compact-page-sections-shell{display:grid;gap:16px;}
.compact-module-quick-add{padding:18px 20px;border:1px solid rgba(20,54,102,.08);border-radius:22px;background:#fff;box-shadow:0 10px 24px rgba(8,17,31,.04);}
.module-quick-add-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:12px;}
.module-quick-add-head h3{margin:0;font-size:1.05rem;color:#173154;}
.module-chip-row{display:flex;flex-wrap:wrap;gap:10px;}
.module-chip-link{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:999px;border:1px solid rgba(20,54,102,.10);background:#f8fbff;color:#173154;font-weight:700;line-height:1.2;}
.module-chip-link:hover{border-color:rgba(11,124,255,.24);color:#0b6ce4;}
.compact-module-library{margin-top:12px;}
.compact-module-library > summary{padding:12px 14px;background:#fff;border:1px dashed rgba(20,54,102,.16);border-radius:14px;cursor:pointer;font-weight:700;color:#173154;}
.compact-module-chip-row{padding-top:12px;}
.compact-sections-panel{padding-top:18px !important;}
.compact-section-editor-list{display:grid;gap:12px;}
.compact-section-editor-card{grid-template-columns:34px minmax(0,1fr) !important;gap:12px !important;padding:14px 16px !important;border-radius:20px !important;box-shadow:0 10px 24px rgba(8,17,31,.04) !important;}
.compact-section-editor-main{display:grid;gap:8px;align-content:start;min-width:0;}
.compact-section-editor-head h3{margin:0 0 4px;font-size:1.08rem;line-height:1.2;color:#173154;}
.compact-section-editor-head p{margin:0;color:#60748d;line-height:1.5;font-size:14px;}
.compact-section-editor-meta{display:flex;flex-wrap:wrap;gap:8px;}
.compact-section-editor-actions{display:flex;flex-wrap:wrap;gap:8px;}
.compact-section-editor-actions .btn{min-width:auto;}

@media (max-width:980px){
  .compact-page-manager-toolbar,
  .module-quick-add-head{
    flex-direction:column;
    align-items:flex-start;
  }
  .page-admin-row-card{grid-template-columns:1fr;}
  .admin-inline-search-short{min-width:0;width:100%;}
  .dynamic-section-home-entry-cards .value-strip-card{grid-template-columns:1fr !important;}
  .dynamic-section-home-entry-cards .value-strip-copy h2{max-width:none !important;}
}

/* v717 force dropdown cleanup + compact page admin */
.site-nav .nav-dropdown-panel-products .nav-mega-link,
.site-nav .nav-dropdown-panel-products .nav-mega-trigger,
.site-nav .nav-dropdown-panel-products .nav-mega-child{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:16px !important;
  min-height:52px !important;
  padding:12px 0 !important;
  margin:0 !important;
  border:none !important;
  border-radius:0 !important;
  border-bottom:1px solid rgba(23,61,109,.10) !important;
  background:transparent !important;
  box-shadow:none !important;
  text-decoration:none !important;
}
.site-nav .nav-dropdown-panel-products .nav-mega-link::before,
.site-nav .nav-dropdown-panel-products .nav-mega-link::after,
.site-nav .nav-dropdown-panel-products .nav-mega-trigger::before,
.site-nav .nav-dropdown-panel-products .nav-mega-trigger::after,
.site-nav .nav-dropdown-panel-products .nav-mega-child::before,
.site-nav .nav-dropdown-panel-products .nav-mega-child::after,
.site-nav .nav-dropdown-panel-products .nav-mega-link-list > *::before,
.site-nav .nav-dropdown-panel-products .nav-mega-link-list > *::after{
  content:none !important;
  display:none !important;
  background:none !important;
  box-shadow:none !important;
}
.site-nav .nav-dropdown-panel-products .nav-mega-link:hover,
.site-nav .nav-dropdown-panel-products .nav-mega-link.is-active,
.site-nav .nav-dropdown-panel-products .nav-mega-trigger:hover,
.site-nav .nav-dropdown-panel-products .nav-mega-trigger.is-active,
.site-nav .nav-dropdown-panel-products .nav-mega-child:hover,
.site-nav .nav-dropdown-panel-products .nav-mega-child.is-active{
  color:#0b6ce4 !important;
  background:transparent !important;
  border:none !important;
  border-bottom:1px solid rgba(23,61,109,.10) !important;
  box-shadow:none !important;
}
.site-nav .nav-dropdown-panel-products .nav-mega-label{flex:1 1 auto;min-width:0;display:block;}
.site-nav .nav-dropdown-panel-products .nav-mega-arrow{flex:0 0 auto;font-style:normal;font-size:18px;line-height:1;opacity:.72;color:inherit;}
.site-nav .nav-dropdown-panel-products .nav-mega-col{background:#fff !important;border:1px solid rgba(23,61,109,.08) !important;padding:20px 22px !important;min-height:auto !important;}
.site-nav .nav-dropdown-panel-products .nav-mega-grid{grid-template-columns:280px 1fr 1fr !important;gap:22px !important;align-items:start !important;}
.site-nav .nav-dropdown-panel-products .nav-mega-box-title{margin-bottom:18px !important;padding-left:0 !important;}
.site-nav .nav-dropdown-panel-products .nav-mega-empty{padding:12px 0 !important;border:none !important;color:#6b7e96 !important;}
.site-nav .nav-dropdown-panel-products .nav-mega-link-list{gap:0 !important;}

.compact-admin-panel{padding:22px 24px !important;}
.compact-page-head-actions{margin-bottom:12px !important;}
.page-manager-shell-v17{display:grid;gap:16px;}
.page-manager-toolbar-v17{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;}
.page-manager-toolbar-main h2{margin:0;font-size:40px;line-height:1.04;color:#132b4f;}
.page-manager-mini-stats-v17{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px;}
.page-manager-toolbar-side{display:flex;gap:12px;align-items:center;flex-wrap:wrap;}
.page-card-grid-list-v17{display:grid;gap:12px;}
.page-admin-row-card-v17{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;padding:16px 18px;border:1px solid rgba(20,54,102,.08);border-radius:20px;background:#fff;align-items:center;}
.page-admin-row-card-main{display:grid;grid-template-columns:112px minmax(0,1fr);gap:16px;align-items:center;min-width:0;}
.page-admin-row-card-preview{width:112px;height:84px;border-radius:16px;overflow:hidden;background:#eef4ff;display:grid;place-items:center;}
.page-admin-row-card-preview img{width:100%;height:100%;object-fit:cover;display:block;}
.page-admin-row-card-copy{display:grid;gap:10px;min-width:0;}
.page-admin-row-head-v17{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;min-width:0;}
.page-admin-row-head-v17 h3{margin:0 0 4px;font-size:24px;line-height:1.12;color:#143666;}
.page-admin-row-meta-v17{display:flex;flex-wrap:wrap;gap:10px 12px;color:#617691;font-size:14px;}
.page-admin-row-actions-v17{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;min-width:290px;}

.page-form-shell-v17{display:grid;gap:18px;}
.compact-form-head-v17 h2{margin:0 0 6px;font-size:34px;line-height:1.06;color:#132b4f;}
.page-settings-shell-v17{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start;}
.page-settings-card-v17{padding:20px !important;gap:16px !important;}
.page-settings-card-v17 .panel-topline h2{font-size:24px;line-height:1.1;}
.compact-toggle-group-v17{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
.page-settings-advanced-v17{margin-top:2px;}
.page-settings-advanced-v17 > summary{font-size:15px;}
.sticky-form-actions-v17{position:sticky;bottom:16px;z-index:6;padding:14px 16px;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border:1px solid rgba(20,54,102,.08);border-radius:18px;box-shadow:0 16px 34px rgba(8,17,31,.08);}

.page-sections-shell-v17{display:grid;gap:16px;}
.module-library-toggle-v17 > summary{font-size:15px;}
.module-chip-row-v17{display:flex;flex-wrap:wrap;gap:10px;}
.module-chip-row-v17 .module-chip-link{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 14px;border-radius:999px;border:1px solid rgba(20,54,102,.10);background:#fff;color:#173d6d;font-weight:700;}
.module-chip-row-v17 .module-chip-link:hover{border-color:rgba(11,124,255,.22);color:#0b6ce4;}
.nested-advanced-toggle{background:#fff;margin-top:10px;}
.section-editor-list-v17{display:grid;gap:12px;}
.section-editor-card-v17{display:grid;grid-template-columns:28px minmax(0,1fr);gap:14px;padding:14px 16px;border:1px solid rgba(20,54,102,.08);border-radius:18px;background:#fff;align-items:start;}
.section-editor-card-v17.is-disabled{opacity:.86;background:#fafcff;}
.section-editor-main-v17{display:grid;gap:10px;min-width:0;}
.section-editor-head-v17{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;}
.section-editor-head-v17 h3{margin:4px 0 4px;font-size:22px;line-height:1.16;color:#143666;}
.section-editor-head-v17 p{margin:0;color:#637893;font-size:14px;line-height:1.55;}
.section-editor-meta-v17{display:flex;flex-wrap:wrap;gap:8px;}
.section-editor-actions-v17{display:flex;flex-wrap:wrap;gap:8px;}
.disabled-sections-toggle-v17{margin-top:14px;}

@media (max-width:1180px){
  .site-nav .nav-dropdown-panel-products .nav-mega-grid{grid-template-columns:1fr !important;}
  .page-admin-row-card-v17{grid-template-columns:1fr;}
  .page-admin-row-actions-v17{justify-content:flex-start;min-width:0;}
  .page-settings-shell-v17{grid-template-columns:1fr;}
}
@media (max-width:760px){
  .compact-admin-panel{padding:18px 16px !important;}
  .page-manager-toolbar-side{width:100%;}
  .page-manager-toolbar-side .admin-inline-search-short{min-width:0;width:100%;}
  .page-admin-row-card-main{grid-template-columns:1fr;}
  .page-admin-row-card-preview{width:100%;height:160px;}
  .compact-toggle-group-v17{grid-template-columns:1fr;}
}

/* v18 structural cleanup: dropdown, page manager, banners, products */
.site-nav .nav-dropdown-panel-products .nav-mega-link,
.site-nav .nav-dropdown-panel-products .nav-mega-trigger,
.site-nav .nav-dropdown-panel-products .nav-mega-child{
  border:none !important;
  box-shadow:none !important;
  background:transparent !important;
  text-decoration:none !important;
  outline:none !important;
}
.site-nav .nav-dropdown-panel-products .nav-mega-link::before,
.site-nav .nav-dropdown-panel-products .nav-mega-link::after,
.site-nav .nav-dropdown-panel-products .nav-mega-trigger::before,
.site-nav .nav-dropdown-panel-products .nav-mega-trigger::after,
.site-nav .nav-dropdown-panel-products .nav-mega-child::before,
.site-nav .nav-dropdown-panel-products .nav-mega-child::after,
.site-nav .nav-dropdown-panel-products .nav-mega-link-list > *::before,
.site-nav .nav-dropdown-panel-products .nav-mega-link-list > *::after{
  display:none !important;
  content:none !important;
}
.site-nav .nav-dropdown-panel-products .nav-mega-link-list{gap:12px !important;}
.site-nav .nav-dropdown-panel-products .nav-mega-link,
.site-nav .nav-dropdown-panel-products .nav-mega-trigger,
.site-nav .nav-dropdown-panel-products .nav-mega-child{
  min-height:0 !important;
  padding:0 0 6px !important;
}
.site-nav .nav-dropdown-panel-products .nav-mega-label{
  text-decoration:none !important;
  border:none !important;
  box-shadow:none !important;
  background:none !important;
}
.site-nav .nav-dropdown-panel-products .nav-mega-link:hover,
.site-nav .nav-dropdown-panel-products .nav-mega-link.is-active,
.site-nav .nav-dropdown-panel-products .nav-mega-trigger:hover,
.site-nav .nav-dropdown-panel-products .nav-mega-trigger.is-active,
.site-nav .nav-dropdown-panel-products .nav-mega-child:hover,
.site-nav .nav-dropdown-panel-products .nav-mega-child.is-active{
  color:#0b6ce4 !important;
  transform:none !important;
}

.admin-pages-shell-v18{display:grid;gap:18px;}
.pages-toolbar-v18{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;flex-wrap:wrap;}
.pages-toolbar-v18 h2,.products-toolbar-v18 h2{margin:0 0 6px;font-size:34px;line-height:1.05;color:#132b4f;}
.pages-toolbar-actions-v18{display:flex;gap:12px;align-items:center;flex-wrap:wrap;}
.pages-stats-v18,.products-stats-v18{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;}
.pages-stats-v18 article,.products-stats-v18 article{padding:16px 18px;border-radius:18px;background:#f7fbff;border:1px solid rgba(20,54,102,.08);display:grid;gap:6px;}
.pages-stats-v18 strong,.products-stats-v18 strong{font-size:28px;line-height:1;color:#143666;}
.pages-stats-v18 span,.products-stats-v18 span{color:#657991;font-size:14px;}
.page-list-v18,.product-list-v18{display:grid;gap:12px;}
.page-row-v18,.product-row-v18{display:grid;grid-template-columns:110px minmax(0,1fr) auto;gap:16px;align-items:center;padding:14px 16px;border-radius:20px;border:1px solid rgba(20,54,102,.08);background:#fff;box-shadow:0 10px 24px rgba(8,17,31,.04);}
.page-row-thumb-v18,.product-row-thumb-v18{width:110px;height:82px;border-radius:14px;background:#eef4ff;overflow:hidden;display:grid;place-items:center;}
.page-row-thumb-v18 img,.product-row-thumb-v18 img{width:100%;height:100%;object-fit:cover;display:block;}
.page-row-thumb-placeholder-v18,.product-row-thumb-placeholder-v18{font-weight:800;color:#173d6d;}
.page-row-main-v18,.product-row-main-v18{display:grid;gap:8px;min-width:0;}
.page-row-head-v18,.product-row-head-v18{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;}
.page-row-head-v18 h3,.product-row-head-v18 h3{margin:0;font-size:24px;line-height:1.12;color:#143666;}
.page-row-route-v18,.product-row-sub-v18{color:#617691;font-weight:700;}
.page-row-meta-v18,.product-row-meta-v18{display:flex;flex-wrap:wrap;gap:8px 12px;color:#617691;font-size:14px;line-height:1.45;}
.product-row-desc-v18{margin:0;color:#5f738b;line-height:1.6;max-width:78ch;}
.page-row-actions-v18,.product-row-actions-v18{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;min-width:320px;}

.page-form-shell-v18,.page-sections-shell-v18{display:grid;gap:18px;}
.compact-form-head-v18 h2{margin:0 0 6px;font-size:34px;line-height:1.06;color:#132b4f;}
.page-settings-grid-v18{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);gap:18px;align-items:start;}
.page-settings-grid-banner-v18{grid-template-columns:repeat(2,minmax(0,1fr));}
.page-settings-card-v18{padding:20px !important;gap:16px !important;}
.page-settings-card-v18 .panel-topline h2{font-size:24px;line-height:1.1;margin:0;}
.compact-toggle-group-v18{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
.page-settings-route-card-v18{padding:18px;border-radius:18px;border:1px solid rgba(20,54,102,.08);background:#f7fbff;display:grid;gap:10px;}
.page-settings-route-card-v18 strong{font-size:18px;color:#143666;}
.page-settings-route-card-v18 p{margin:0;color:#60748d;line-height:1.6;}
.page-settings-advanced-v18{margin-top:0;}
.sticky-form-actions-v18{position:sticky;bottom:16px;z-index:6;padding:14px 16px;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border:1px solid rgba(20,54,102,.08);border-radius:18px;box-shadow:0 16px 34px rgba(8,17,31,.08);}

.module-library-toggle-v18 > summary{font-size:16px;}
.module-preview-grid-v18{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;}
.module-preview-card-v18{padding:16px;border-radius:20px;border:1px solid rgba(20,54,102,.08);background:#fff;display:grid;gap:12px;color:#173d6d;box-shadow:0 10px 24px rgba(8,17,31,.04);}
.module-preview-card-v18:hover,.module-preview-card-v18.is-active{border-color:rgba(11,124,255,.24);box-shadow:0 12px 28px rgba(11,124,255,.08);transform:translateY(-2px);}
.module-preview-card-v18 strong{font-size:16px;line-height:1.25;}
.module-preview-card-v18 small{color:#60748d;line-height:1.5;}
.module-preview-visual{height:92px;border-radius:16px;background:linear-gradient(180deg,#f8fbff,#eef4ff);border:1px solid rgba(20,54,102,.06);padding:12px;display:grid;gap:8px;align-content:start;}
.module-preview-visual span{display:block;height:10px;border-radius:999px;background:rgba(20,54,102,.12);}
.module-preview-text-image span:first-child{width:58%;height:14px;background:rgba(11,124,255,.24)}
.module-preview-cta-banner span:first-child{width:72%;height:18px;background:rgba(11,124,255,.28)}
.module-preview-catalog-stream span:nth-child(2){width:86%;height:30px;border-radius:12px;background:rgba(11,124,255,.12)}
.module-preview-image-cards,.module-preview-image-proof-grid{grid-template-columns:repeat(3,1fr);align-content:stretch;}
.module-preview-image-cards span,.module-preview-image-proof-grid span{height:auto;min-height:42px;border-radius:10px;}
.module-preview-steps span{height:14px;}
.section-editor-list-v18{display:grid;gap:12px;}
.section-editor-card-v18{display:grid;grid-template-columns:28px minmax(0,1fr);gap:14px;padding:14px 16px;border:1px solid rgba(20,54,102,.08);border-radius:18px;background:#fff;align-items:start;}
.section-editor-card-v18.is-disabled{opacity:.86;background:#fafcff;}
.section-editor-main-v18{display:grid;gap:10px;min-width:0;}
.section-editor-head-v18{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;}
.section-editor-head-v18 h3{margin:4px 0 4px;font-size:22px;line-height:1.16;color:#143666;}
.section-editor-head-v18 p{margin:0;color:#637893;font-size:14px;line-height:1.55;}
.section-editor-meta-v18{display:flex;flex-wrap:wrap;gap:8px;}
.section-editor-actions-v18{display:flex;flex-wrap:wrap;gap:8px;}

.products-banner-card{overflow:hidden;}
.products-topline-v18{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:18px;}
.products-topline-hints-v18{display:flex;gap:8px;flex-wrap:wrap;}
.hint-chip{display:inline-flex;align-items:center;padding:9px 12px;border-radius:999px;background:#eef5ff;color:#163d6b;font-weight:700;font-size:13px;}
.product-card-v18 .product-card-foot-v18{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:10px;color:#0b6ce4;font-weight:800;}
.product-card-v18 .product-card-foot-arrow{font-size:18px;line-height:1;}
.product-card-v18 .product-card-body{display:grid;gap:10px;height:100%;}
.product-detail-grid-balanced{grid-template-columns:minmax(380px,520px) minmax(0,1fr);gap:28px;align-items:start;}
.product-summary-card-stacked{padding:28px;border-radius:26px;background:#fff;border:1px solid rgba(20,54,102,.08);box-shadow:0 18px 40px rgba(8,17,31,.05);}
.product-headline h1{max-width:16ch;line-height:1.04;}
.product-headline-specs{margin-top:10px;}
.datasheet-brief-card-inline{margin-top:8px;}
.product-support-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;}
.product-support-strip .support-strip-card{padding:22px;border-radius:22px;}
.product-inline-inquiry-shell-v6{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:26px;align-items:start;}
.product-inline-inquiry-shell-v6 .section-head{margin-bottom:0;}

@media (max-width:1180px){
  .pages-stats-v18,.products-stats-v18,.module-preview-grid-v18,.page-settings-grid-v18,.page-settings-grid-banner-v18{grid-template-columns:repeat(2,minmax(0,1fr));}
  .page-row-v18,.product-row-v18{grid-template-columns:1fr;}
  .page-row-actions-v18,.product-row-actions-v18{justify-content:flex-start;min-width:0;}
  .product-detail-grid-balanced,.product-inline-inquiry-shell-v6{grid-template-columns:1fr;}
  .product-support-strip{grid-template-columns:1fr;}
}
@media (max-width:760px){
  .pages-stats-v18,.products-stats-v18,.module-preview-grid-v18,.page-settings-grid-v18,.page-settings-grid-banner-v18,.compact-toggle-group-v18{grid-template-columns:1fr;}
  .page-row-thumb-v18,.product-row-thumb-v18{width:100%;height:180px;}
  .pages-toolbar-actions-v18{width:100%;}
  .pages-toolbar-actions-v18 .admin-inline-search-short{width:100%;min-width:0;}
}


/* v19 admin + product refinement */
.admin-nav-classic a[href="/admin/banners"]{position:relative}
.admin-nav-classic a[href="/admin/banners"]::before{content:none !important;display:none !important;}

.module-preview-card-rich-v19{display:flex;flex-direction:column;gap:12px;min-height:220px;justify-content:flex-start}
.module-preview-copy-v19{display:flex;flex-direction:column;gap:4px}
.module-preview-copy-v19 em{font-style:normal;font-size:12px;color:#6c819d;text-transform:uppercase;letter-spacing:.08em}
.module-preview-card-rich-v19 .module-preview-visual{height:132px;border-radius:18px;padding:14px;background:linear-gradient(180deg,#f8fbff,#eef4fb);border:1px solid #dbe7f5;display:flex;flex-direction:column;gap:8px;overflow:hidden}
.module-preview-card-rich-v19 .pv-line{height:10px;border-radius:999px;background:linear-gradient(90deg,#d4e4f8,#edf4fc)}
.module-preview-card-rich-v19 .pv-line-lg{width:72%}
.module-preview-card-rich-v19 .pv-line-md{width:48%}
.module-preview-card-rich-v19 .pv-row{display:flex;gap:8px}
.module-preview-card-rich-v19 .pv-chip{height:22px;flex:1;border-radius:999px;background:#e9f1fb}
.module-preview-card-rich-v19 .pv-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:auto}
.module-preview-card-rich-v19 .pv-cards span{display:block;height:38px;border-radius:12px;background:#fff;border:1px solid #dbe7f5}
.module-preview-catalog-stream .pv-cards{grid-template-columns:1.15fr 1fr 1fr}
.module-preview-blog-stream .pv-cards,.module-preview-logo-ribbon .pv-cards{grid-template-columns:repeat(4,1fr)}
.module-preview-dark-band{background:linear-gradient(180deg,#10233f,#0d1b32)!important}
.module-preview-dark-band .pv-line,.module-preview-dark-band .pv-chip,.module-preview-dark-band .pv-cards span{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.14)}
.module-preview-soft-split .pv-cards{grid-template-columns:1.3fr .7fr}
.module-preview-media-spotlight .pv-cards{grid-template-columns:1fr 1fr}
.module-preview-media-spotlight .pv-cards span:first-child{height:54px}
.module-preview-timeline-cards .pv-cards{grid-template-columns:1fr}
.module-preview-timeline-cards .pv-cards span{height:24px}

.product-row-thumb-v18 img{width:100%;height:100%;object-fit:contain;background:#fff;padding:8px;border-radius:16px}
.product-row-thumb-v18{background:#f4f7fb}

.archive-main-only{display:block}
.product-listing-toolbar-v19{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:0 0 18px}
.product-listing-toolbar-copy{display:flex;flex-direction:column;gap:4px}
.product-grid-v19{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.product-card-v19{background:#fff;border:1px solid #dfe8f3;border-radius:22px;overflow:hidden;box-shadow:0 14px 36px rgba(15,35,75,.06);display:flex;flex-direction:column}
.product-card-v19-link{display:flex;flex-direction:column;height:100%;color:inherit;text-decoration:none}
.product-card-v19-media{aspect-ratio:1/1;background:#f7f9fc;padding:18px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid #edf3f9}
.product-card-v19-media img{max-width:100%;max-height:100%;object-fit:contain}
.product-card-v19-body{padding:16px 18px 12px;display:flex;flex-direction:column;gap:10px;min-height:200px}
.product-card-v19-topline{display:flex;justify-content:space-between;gap:12px;font-size:12px;font-weight:700;color:#6b7f9a;text-transform:uppercase;letter-spacing:.05em}
.product-card-v19-topline em{font-style:normal;color:#1b73e8}
.product-card-v19 h3{margin:0;font-size:24px;line-height:1.15;color:#17345c}
.product-card-v19-name{margin:0;font-size:14px;line-height:1.45;color:#3c5577;min-height:40px}
.product-card-v19-desc{margin:0;font-size:14px;line-height:1.55;color:#5e718b;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:66px}
.product-card-v19-meta{display:flex;flex-direction:column;gap:6px;margin-top:auto;font-size:13px;color:#5c7290}
.product-card-v19-meta span b{color:#17345c;margin-right:6px}
.product-card-v19-actions{display:flex;gap:10px;padding:0 18px 18px}
.product-card-v19-actions .btn{flex:1;justify-content:center}
.archive-empty-state-v19{padding:40px;background:#fff;border-radius:22px;border:1px solid #dfe8f3;text-align:center}
.pagination-v19{margin-top:20px}

.product-hero-section-v19{padding-top:24px}
.product-breadcrumb-v19{font-size:14px;color:#5a6f8f;display:flex;gap:10px;align-items:center;padding-bottom:12px}
.product-breadcrumb-v19 a{color:#183d6b;text-decoration:none}
.product-hero-card-v19{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:24px;align-items:start}
.product-hero-main-v19{background:#fff;border:1px solid #dfe8f3;border-radius:28px;padding:36px 40px;display:grid;grid-template-columns:minmax(0,1.15fr) 360px;gap:28px;align-items:center}
.product-hero-copy-v19 h1{margin:8px 0 6px;font-size:clamp(36px,3.6vw,56px);line-height:1.08;color:#102543}
.product-hero-subname-v19{margin:0 0 16px;color:#587293;font-size:18px;line-height:1.5}
.product-hero-specs-v19{display:grid;gap:0;margin-top:14px;border-top:1px solid #e6edf5}
.product-hero-spec-row-v19{display:grid;grid-template-columns:210px 1fr;gap:16px;padding:18px 0;border-bottom:1px solid #e6edf5}
.product-hero-spec-row-v19 span{font-size:14px;color:#5d7190}
.product-hero-spec-row-v19 strong{font-size:18px;color:#142f56;line-height:1.35}
.product-hero-spec-row-v19 .datasheet-links-v19{display:flex;gap:16px;flex-wrap:wrap}
.product-hero-spec-row-v19 .datasheet-links-v19 a{color:#0f5fd6;text-decoration:none}
.product-hero-visual-v19{display:flex;align-items:center;justify-content:center;background:#f6f8fc;border-radius:24px;min-height:360px;padding:24px}
.product-hero-visual-v19 img{max-width:100%;max-height:300px;object-fit:contain}
.product-hero-side-v19{display:flex;flex-direction:column;gap:18px}
.product-quote-card-v19,.product-note-card-v19{background:#fff;border:1px solid #dfe8f3;border-radius:24px;padding:24px;box-shadow:0 12px 30px rgba(15,35,75,.05)}
.product-quote-card-v19 label{display:block;margin-bottom:10px;font-size:14px;color:#5d7190}
.product-quote-card-v19 input{width:100%;height:56px;border-radius:16px;border:1px solid #c9d6e6;padding:0 14px;font-size:28px;font-weight:800;text-align:right;color:#42556f;margin-bottom:18px}
.product-quote-card-v19 .btn-wide{width:100%;justify-content:center;margin-bottom:14px}
.product-quote-card-v19 p,.product-note-card-v19 p{margin:0;color:#536983;line-height:1.65;font-size:15px}
.product-note-card-v19 strong{display:block;margin-bottom:10px;font-size:18px;color:#18395f}
.product-anchor-shell{display:flex;justify-content:flex-start}
.product-anchor-nav{display:flex;flex-wrap:wrap;gap:10px;padding:12px 0}
.product-anchor-nav a{padding:10px 16px;border-radius:999px;background:#eef4fb;color:#163963;text-decoration:none;font-weight:700}
.product-support-strip-section{padding-top:4px}
.product-support-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.support-strip-card{background:#fff;border:1px solid #dfe8f3;border-radius:22px;padding:22px}
.merged-info-layout .merged-info-grid{display:grid;grid-template-columns:1.4fr .9fr;gap:20px}
.detail-panels-specs-optimized .panel{border-radius:24px}
.spec-more-toggle summary{cursor:pointer;padding:14px 0;color:#0f5fd6;font-weight:700}
.rich-text{font-size:17px;line-height:1.8;color:#1f3555}
.product-inline-inquiry-shell-v6{background:#fff;border:1px solid #dfe8f3;border-radius:28px;padding:28px}

@media (max-width: 1280px){
  .product-grid-v19{grid-template-columns:repeat(3,minmax(0,1fr))}
  .product-hero-card-v19{grid-template-columns:1fr}
  .product-hero-side-v19{order:2}
}
@media (max-width: 980px){
  .product-grid-v19{grid-template-columns:repeat(2,minmax(0,1fr))}
  .product-hero-main-v19{grid-template-columns:1fr;gap:20px;padding:28px}
  .product-hero-visual-v19{min-height:260px}
  .product-support-strip,.merged-info-layout .merged-info-grid{grid-template-columns:1fr}
}
@media (max-width: 680px){
  .product-grid-v19{grid-template-columns:1fr}
  .product-listing-toolbar-v19{flex-direction:column;align-items:flex-start}
  .product-card-v19 h3{font-size:20px}
  .product-card-v19-actions{flex-direction:column}
  .product-hero-card-v19{gap:16px}
  .product-hero-main-v19,.product-quote-card-v19,.product-note-card-v19{padding:20px}
  .product-hero-spec-row-v19{grid-template-columns:1fr}
}


/* v720 restructuring */
.admin-nav-classic a[href="/admin/banners"]::before{content:none !important;display:none !important;}
.banner-admin-card{display:grid !important;grid-template-columns:220px minmax(0,1fr) auto !important;gap:20px;align-items:center;padding:18px;border-radius:22px;overflow:hidden}
.banner-admin-preview{width:220px;height:124px;border-radius:18px;overflow:hidden;background:#eef4fb;display:flex;align-items:center;justify-content:center}
.banner-admin-preview img{width:100%;height:100%;object-fit:cover;display:block}
.banner-admin-body{min-width:0;display:flex;flex-direction:column;gap:10px}
.banner-admin-body h3{margin:0;font-size:26px;line-height:1.18;color:#16345b}
.banner-admin-body p{margin:0;font-size:15px;line-height:1.7;color:#59708c}
.banner-admin-card .page-admin-top{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}
.banner-admin-card .page-admin-actions{justify-content:flex-start}
.page-admin-grid-v20 .page-admin-card,
.page-admin-list-v20 .page-admin-card{grid-template-columns:132px minmax(0,1fr) auto !important;gap:18px;align-items:center;padding:16px 18px;border-radius:22px}
.page-admin-grid-v20 .page-admin-preview,
.page-admin-list-v20 .page-admin-preview{width:132px;height:96px;border-radius:16px;overflow:hidden;background:#eef4fb}
.page-admin-grid-v20 .page-admin-preview img,
.page-admin-list-v20 .page-admin-preview img{width:100%;height:100%;object-fit:cover}
.page-admin-grid-v20 .page-admin-body,
.page-admin-list-v20 .page-admin-body{display:grid;gap:8px;min-width:0}
.page-admin-grid-v20 .page-admin-body h3,
.page-admin-list-v20 .page-admin-body h3{font-size:24px;line-height:1.18;margin:0}
.module-preview-grid-v20{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.module-preview-card-v20{display:flex;flex-direction:column;gap:12px;padding:16px;border-radius:24px;border:1px solid #dbe5f1;background:#fff;box-shadow:0 12px 28px rgba(14,34,66,.05);color:inherit;text-decoration:none}
.module-preview-stage{height:160px;border-radius:18px;background:linear-gradient(180deg,#f6faff,#eef4fb);border:1px solid #dce7f5;padding:14px;display:grid;gap:10px;overflow:hidden}
.preview-headline,.preview-subline,.preview-strip-title{height:12px;border-radius:999px;background:#d6e4f7}
.preview-headline{width:62%}.preview-subline{width:42%}.preview-subline.short{width:30%}
.preview-chip-row,.preview-card-row,.preview-media-grid,.preview-banner-buttons,.preview-strip-list,.preview-steps-layout{display:grid;gap:8px}
.preview-chip-row{grid-template-columns:repeat(3,1fr)}
.preview-chip-row span,.preview-banner-buttons span{display:block;height:22px;border-radius:999px;background:#e8f1fb}
.preview-card-row,.preview-media-grid{grid-template-columns:repeat(3,1fr);margin-top:auto}
.preview-card-row span{display:block;height:42px;border-radius:14px;background:#fff;border:1px solid #dbe7f5}
.preview-media-grid span{display:block;height:62px;border-radius:14px;background:linear-gradient(135deg,#fff,#f7fbff);border:1px solid #dbe7f5}
.preview-banner-layout{align-content:start}
.preview-banner-copy{height:14px;border-radius:999px;background:#d6e4f7;width:66%}
.preview-banner-copy.short{width:40%}
.preview-banner-buttons{grid-template-columns:120px 120px;margin-top:auto}
.preview-strip-layout{display:grid;gap:12px;height:100%}
.preview-strip-list{grid-template-columns:repeat(3,1fr);margin-top:auto}
.preview-strip-list span{display:block;height:76px;border-radius:16px;background:#fff;border:1px solid #dbe7f5}
.preview-steps-layout{grid-template-columns:repeat(4,1fr);align-items:end;height:100%}
.preview-steps-layout span{display:block;height:88px;border-radius:18px;background:#fff;border:1px solid #dbe7f5}
.module-preview-copy-v20{display:grid;gap:4px}
.module-preview-copy-v20 strong{font-size:20px;line-height:1.2;color:#16345b}
.module-preview-copy-v20 small{font-size:14px;line-height:1.6;color:#5a728f}
.module-preview-copy-v20 em{font-style:normal;text-transform:uppercase;letter-spacing:.08em;font-size:12px;color:#7a8ea8}
.component-catalog-section{padding-top:18px}
.component-catalog-shell{display:grid;gap:18px}
.component-catalog-head{display:flex;justify-content:space-between;gap:16px;align-items:center}
.component-catalog-head strong{font-size:18px;color:#17345c}
.component-catalog-head span{color:#5d718b}
.component-results-list{display:grid;gap:14px}
.component-result-row{display:grid;grid-template-columns:110px minmax(0,1fr) 240px;gap:18px;align-items:center;padding:14px 16px;border-radius:22px;border:1px solid #dfe8f3;background:#fff;box-shadow:0 10px 26px rgba(14,34,66,.05)}
.component-result-thumb{width:110px;height:110px;border-radius:18px;background:#f7f9fc;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid #edf2f7}
.component-result-thumb img{width:100%;height:100%;object-fit:contain;padding:10px}
.component-result-main{display:grid;gap:10px;min-width:0}
.component-result-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.component-result-head h3{margin:0;font-size:28px;line-height:1.08;color:#16345b}
.component-result-head h3 a{color:inherit;text-decoration:none}
.component-result-name{margin:4px 0 0;font-size:15px;color:#506783}
.component-result-badges{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.component-result-desc{margin:0;font-size:14px;line-height:1.65;color:#60748d;max-width:78ch}
.component-result-specs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.component-spec{padding:10px 12px;border-radius:14px;background:#f7fafd;border:1px solid #e6eef7;display:grid;gap:4px}
.component-spec span{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:#7d92ab}
.component-spec strong{font-size:14px;line-height:1.35;color:#17345c}
.component-result-actions{display:grid;gap:10px;justify-items:stretch}
.component-result-actions .btn{justify-content:center;width:100%}
.product-detail-v20-section{padding-top:18px;padding-bottom:44px}
.product-breadcrumb-v20{padding-bottom:16px}
.product-detail-v20-shell{position:relative}
.product-detail-v20-main{display:grid;gap:22px}
.product-detail-v20-hero{display:grid;grid-template-columns:380px minmax(0,1fr) 320px;gap:24px;align-items:start;padding:24px;border-radius:28px;background:#fff;border:1px solid #dfe7f2;box-shadow:0 18px 40px rgba(14,34,66,.05)}
.product-detail-v20-media{display:grid;gap:14px}
.product-detail-v20-main-image{height:360px;border-radius:24px;background:#f7f9fc;border:1px solid #ebf1f8;display:flex;align-items:center;justify-content:center;padding:18px}
.product-detail-v20-main-image img{max-width:100%;max-height:100%;object-fit:contain}
.product-detail-v20-thumbs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.product-thumb-btn{padding:8px;border:1px solid #dfe7f2;background:#fff;border-radius:14px;cursor:pointer}
.product-thumb-btn.is-active{border-color:#1b73e8;box-shadow:0 0 0 3px rgba(27,115,232,.12)}
.product-thumb-btn img{width:100%;height:70px;object-fit:contain}
.product-detail-v20-summary{display:grid;gap:16px;align-content:start}
.product-detail-v20-summary h1{margin:0;font-size:56px;line-height:1.02;color:#0f2746;max-width:14ch;text-wrap:balance}
.product-v20-name{margin:0;font-size:24px;line-height:1.3;color:#29496f}
.product-v20-desc{margin:0;font-size:17px;line-height:1.75;color:#60748d;max-width:62ch}
.product-v20-keyfacts{display:grid;gap:0;border-top:1px solid #e5edf6;border-bottom:1px solid #e5edf6}
.product-v20-keyfact{display:grid;grid-template-columns:220px minmax(0,1fr);gap:18px;padding:16px 0;border-bottom:1px solid #eef3f8}
.product-v20-keyfact:last-child{border-bottom:none}
.product-v20-keyfact span{font-size:15px;color:#435c7e}
.product-v20-keyfact strong{font-size:16px;color:#0f2746;line-height:1.45}
.product-v20-actions{display:flex;gap:12px;flex-wrap:wrap}
.product-detail-v20-side{display:grid;gap:14px;position:sticky;top:110px}
.product-side-card-v20,.product-side-note-v20{padding:18px;border-radius:22px;background:#fff;border:1px solid #dfe7f2;box-shadow:0 14px 34px rgba(14,34,66,.05);display:grid;gap:12px}
.product-side-card-v20 label{font-size:14px;color:#60748d;font-weight:700}
.product-side-card-v20 input{height:52px;border-radius:16px;border:1px solid #cad8e8;padding:0 16px;font-size:26px;font-weight:700;color:#17345c;text-align:right}
.product-side-card-v20 p,.product-side-note-v20 p{margin:0;color:#60748d;line-height:1.7}
.product-side-note-v20 strong{font-size:18px;color:#17345c}
.product-side-floatnav{position:fixed;right:22px;top:42%;transform:translateY(-50%);display:grid;gap:10px;z-index:14}
.product-side-floatnav a{display:block;padding:12px 16px;border-radius:999px;background:#fff;border:1px solid #dbe6f3;box-shadow:0 12px 28px rgba(14,34,66,.08);font-weight:800;color:#17345c;text-decoration:none}
.product-v20-section,.product-v20-card,.product-v20-related-section,.product-v20-inquiry-section{padding:24px;border-radius:28px;background:#fff;border:1px solid #dfe7f2;box-shadow:0 14px 34px rgba(14,34,66,.05)}
.product-v20-table-card{padding-top:12px}
.product-v20-spec-table{display:grid;gap:0}
.product-v20-spec-table .spec-row{display:grid;grid-template-columns:260px minmax(0,1fr);gap:24px;padding:14px 0;border-bottom:1px solid #ecf2f8}
.product-v20-spec-table .spec-row:last-child{border-bottom:none}
.product-v20-spec-table .spec-row span{font-size:15px;color:#435c7e}
.product-v20-spec-table .spec-row strong{font-size:16px;color:#0f2746;line-height:1.45}
.product-v20-dual{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.product-v20-card h2,.product-v20-section h2,.product-v20-related-section h2,.product-v20-inquiry-copy h2{margin:0 0 14px;font-size:36px;line-height:1.12;color:#0f2746}
.product-v20-bullets{margin:0;padding-left:20px;display:grid;gap:14px}
.product-v20-bullets li{font-size:16px;line-height:1.75;color:#17345c}
.product-v20-article-card p,.product-v20-card p{margin:0;font-size:16px;line-height:1.8;color:#60748d}
.related-products-v20-scroll{display:flex;gap:14px;overflow:auto;padding-bottom:6px;scrollbar-width:thin}
.related-v20-card{flex:0 0 calc((100% - 70px)/6);min-width:170px;border:1px solid #e3ebf5;border-radius:18px;background:#fff;overflow:hidden}
.related-v20-card a{display:grid;color:inherit;text-decoration:none}
.related-v20-media{height:120px;background:#f7f9fc;display:flex;align-items:center;justify-content:center;padding:12px;border-bottom:1px solid #edf2f7}
.related-v20-media img{max-width:100%;max-height:100%;object-fit:contain}
.related-v20-body{display:grid;gap:4px;padding:12px 14px 14px}
.related-v20-body strong{font-size:16px;line-height:1.25;color:#17345c}
.related-v20-body span{font-size:13px;color:#60748d}
.product-v20-inquiry-section{display:grid;grid-template-columns:360px minmax(0,1fr);gap:20px}
.product-v20-inquiry-copy{display:grid;gap:16px;align-content:start}
.product-v20-inquiry-copy p{margin:0;font-size:16px;line-height:1.75;color:#60748d}
.product-v20-inquiry-sidecards{display:grid;gap:14px}
.product-v20-inline-form .form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.product-v20-inline-form .form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:1360px){.product-side-floatnav{right:12px}.related-v20-card{flex:0 0 220px}}
@media (max-width:1180px){.module-preview-grid-v20{grid-template-columns:repeat(2,minmax(0,1fr))}.component-result-row{grid-template-columns:96px minmax(0,1fr)}.component-result-actions{grid-column:2}.component-result-specs{grid-template-columns:repeat(2,minmax(0,1fr))}.product-detail-v20-hero{grid-template-columns:320px minmax(0,1fr)}.product-detail-v20-side{grid-column:1/-1;position:static;grid-template-columns:1fr 1fr}.product-v20-inquiry-section{grid-template-columns:1fr}.product-side-floatnav{display:none}}
@media (max-width:900px){.banner-admin-card,.page-admin-grid-v20 .page-admin-card,.page-admin-list-v20 .page-admin-card{grid-template-columns:1fr !important}.module-preview-grid-v20{grid-template-columns:1fr}.component-catalog-head{flex-direction:column;align-items:flex-start}.component-result-row{grid-template-columns:1fr}.component-result-thumb{width:100%;height:180px}.component-result-actions{grid-column:auto}.component-result-head{flex-direction:column}.component-result-badges{justify-content:flex-start}.component-result-specs{grid-template-columns:1fr}.product-detail-v20-hero{grid-template-columns:1fr}.product-detail-v20-main-image{height:300px}.product-v20-keyfact,.product-v20-spec-table .spec-row{grid-template-columns:1fr}.product-v20-dual{grid-template-columns:1fr}.product-side-floatnav{display:none}}

/* v24 product archive and detail cleanup */
.products-banner-section-v24 .products-hero-v24-grid{grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:center}
.products-banner-section-v24 .inner-page-banner-copy h1{max-width:12ch}
.products-banner-section-v24 .inner-page-banner-copy .hero-text{max-width:54ch}
.products-banner-panel-v24{padding:22px;background:rgba(255,255,255,.14);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.18)}
.products-banner-panel-v24 h3{margin:0 0 12px;font-size:24px;line-height:1.2;color:#fff}
.products-banner-panel-v24 .check-list{display:grid;gap:10px;margin:0;padding-left:18px;color:#e7f0fb}
.product-archive-v24-shell{display:grid;grid-template-columns:280px minmax(0,1fr);gap:22px;align-items:start}
.product-filter-sidebar-v24{position:sticky;top:120px}
.product-filter-card-v24{display:grid;gap:16px;padding:24px;border-radius:24px;border:1px solid #dfe7f2;background:#fff;box-shadow:0 14px 32px rgba(14,34,66,.05)}
.product-filter-head-v24{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.product-filter-head-v24 h2{margin:0;font-size:28px;line-height:1.05;color:#16345b}
.product-filter-head-v24 p{margin:6px 0 0;font-size:13px;line-height:1.5;color:#60748d}
.product-filter-stack-v24{display:grid;gap:12px}
.product-filter-stack-v24 label,.product-filter-brand-v24{display:grid;gap:8px}
.product-filter-stack-v24 label>span,.product-filter-brand-v24>span{font-size:12px;font-weight:700;color:#48617f;letter-spacing:.02em;text-transform:uppercase}
.product-filter-stack-v24 input,.product-filter-stack-v24 select,.product-filter-brand-v24 input{height:48px;border-radius:14px;border:1px solid #d9e3ef;background:#fbfdff;padding:0 14px;font-size:15px;color:#17345c}
.product-filter-actions-v24 .btn{flex:1;justify-content:center}
.component-catalog-head-v24{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:10px}
.component-catalog-head-v24 strong{font-size:18px;color:#16345b}
.component-catalog-head-v24 span{display:block;margin-top:4px;color:#60748d}
.product-card-grid-v24{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.product-card-v24{display:grid;grid-template-columns:120px minmax(0,1fr);gap:16px;padding:18px;border-radius:24px;border:1px solid #dfe7f2;background:#fff;box-shadow:0 14px 32px rgba(14,34,66,.05)}
.product-card-media-v24{width:120px;height:120px;border-radius:18px;background:#f7f9fc;border:1px solid #eaf0f6;display:flex;align-items:center;justify-content:center;overflow:hidden}
.product-card-media-v24 img{width:100%;height:100%;object-fit:contain;padding:12px}
.product-card-body-v24{display:grid;gap:12px;min-width:0}
.product-card-head-v24{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}
.product-card-head-v24 h3{margin:0;font-size:24px;line-height:1.08;color:#16345b}
.product-card-head-v24 h3 a{color:inherit;text-decoration:none}
.product-card-subtitle-v24{margin:4px 0 0;font-size:16px;color:#48617f}
.product-card-badges-v24{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.product-card-desc-v24{margin:0;font-size:14px;line-height:1.65;color:#60748d}
.product-card-specs-v24{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.product-card-spec-v24{padding:10px 12px;border-radius:14px;background:#f8fbfe;border:1px solid #e7eef7;display:grid;gap:4px}
.product-card-spec-v24 span{font-size:11px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:#6b819d}
.product-card-spec-v24 strong{font-size:14px;color:#17345c;line-height:1.35}
.product-card-actions-v24{display:flex;gap:10px;flex-wrap:wrap}
.product-card-actions-v24 .btn{justify-content:center}
.product-detail-v24-section{padding-top:18px;padding-bottom:44px}
.product-detail-v24-shell{display:grid;gap:22px}
.product-detail-v24-hero{display:grid;grid-template-columns:320px minmax(0,1fr) 240px;gap:20px;align-items:start;padding:24px;border-radius:28px;background:#fff;border:1px solid #dfe7f2;box-shadow:0 18px 40px rgba(14,34,66,.05)}
.product-detail-v24-media{display:grid;gap:12px}
.product-detail-v24-main-image{height:320px;border-radius:22px;background:#f7f9fc;border:1px solid #ebf1f8;display:flex;align-items:center;justify-content:center;padding:16px}
.product-detail-v24-main-image img{max-width:100%;max-height:100%;object-fit:contain}
.product-detail-v24-thumbs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.product-detail-v24-summary{display:grid;gap:16px;align-content:start;min-width:0}
.product-detail-v24-copy{display:grid;gap:10px}
.product-detail-v24-copy h1{margin:0;font-size:54px;line-height:1.02;color:#0f2746;max-width:16ch;text-wrap:balance}
.product-v24-name{margin:0;font-size:24px;line-height:1.25;color:#355170}
.product-v24-desc{margin:0;font-size:16px;line-height:1.7;color:#60748d;max-width:66ch}
.product-v24-specgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.product-v24-speccell{padding:14px 16px;border-radius:16px;border:1px solid #e5edf6;background:#f8fbfe;display:grid;gap:4px}
.product-v24-speccell span{font-size:12px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:#6b819d}
.product-v24-speccell strong{font-size:15px;color:#102b4d;line-height:1.4}
.product-v24-actionrow{display:flex;gap:12px;flex-wrap:wrap}
.product-detail-v24-side{position:sticky;top:110px}
.product-side-card-v24{padding:20px;border-radius:22px;border:1px solid #dfe7f2;background:#fff;box-shadow:0 14px 34px rgba(14,34,66,.05);display:grid;gap:14px}
.product-side-card-v24 h3{margin:0;font-size:14px;text-transform:uppercase;letter-spacing:.03em;color:#60748d}
.product-side-card-v24 .side-card-kicker{font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#6b819d}
.product-side-stock-v24{font-size:28px;font-weight:800;color:#0f2746}
.product-side-floatnav-v24{position:fixed;right:20px;top:42%;transform:translateY(-50%);display:grid;gap:10px;z-index:14}
.product-side-floatnav-v24 a{display:block;padding:12px 16px;border-radius:999px;background:#fff;border:1px solid #dbe6f3;box-shadow:0 12px 28px rgba(14,34,66,.08);font-weight:800;color:#17345c;text-decoration:none}
.product-v24-section,.product-v24-card,.product-v24-related-section,.product-v24-inquiry-section{padding:24px;border-radius:28px;background:#fff;border:1px solid #dfe7f2;box-shadow:0 14px 34px rgba(14,34,66,.05)}
.product-v24-section h2,.product-v24-card h2,.product-v24-related-section h2,.product-v24-inquiry-copy h2{margin:0 0 10px;font-size:34px;line-height:1.1;color:#0f2746}
.product-v24-specs-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px}
.product-v24-specs-grid .spec-row{display:grid;grid-template-columns:180px minmax(0,1fr);gap:18px;padding:14px 0;border-bottom:1px solid #ecf2f8}
.product-v24-specs-grid .spec-row span{font-size:14px;color:#60748d}
.product-v24-specs-grid .spec-row strong{font-size:16px;color:#102b4d;line-height:1.45}
.product-v24-dual{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.product-v24-bullets{margin:0;padding-left:20px;display:grid;gap:12px}
.product-v24-bullets li{font-size:16px;line-height:1.75;color:#17345c}
.product-v24-card p{margin:0;font-size:16px;line-height:1.75;color:#60748d}
.related-products-v24-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;overflow-x:auto;padding-bottom:6px}
.related-v24-card{min-width:0;border:1px solid #e4ecf5;border-radius:18px;background:#fdfefe;overflow:hidden}
.related-v24-card a{text-decoration:none;color:inherit;display:grid}
.related-v24-media{height:110px;background:#f7f9fc;display:flex;align-items:center;justify-content:center;padding:10px}
.related-v24-media img{max-width:100%;max-height:100%;object-fit:contain}
.related-v24-body{padding:12px;display:grid;gap:4px}
.related-v24-body strong{font-size:14px;color:#16345b}
.related-v24-body span{font-size:12px;color:#60748d}
.product-v24-inquiry-section{display:grid;grid-template-columns:240px minmax(0,1fr);gap:18px}
.product-v24-inline-form .form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.product-v24-inline-form .form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.product-v24-inline-form label span{display:block;margin-bottom:8px;color:#17345c;font-weight:700}
.product-v24-inline-form .req{color:#d14343;font-style:normal}
.product-v24-inline-form input,.product-v24-inline-form textarea{border-radius:14px}
.sticky-form-actions .button-row{justify-content:flex-end}
@media (max-width:1400px){.related-products-v24-grid{grid-template-columns:repeat(4,minmax(220px,1fr))}}
@media (max-width:1180px){.product-archive-v24-shell{grid-template-columns:1fr}.product-filter-sidebar-v24{position:static}.product-card-grid-v24{grid-template-columns:1fr}.product-detail-v24-hero{grid-template-columns:300px minmax(0,1fr)}.product-detail-v24-side{grid-column:1/-1;position:static}.product-v24-inquiry-section{grid-template-columns:1fr}.product-side-floatnav-v24{display:none}}
@media (max-width:900px){.products-banner-section-v24 .products-hero-v24-grid{grid-template-columns:1fr}.product-card-v24{grid-template-columns:1fr}.product-card-media-v24{width:100%;height:190px}.product-card-head-v24{flex-direction:column}.product-card-badges-v24{justify-content:flex-start}.product-detail-v24-hero{grid-template-columns:1fr}.product-v24-specgrid,.product-v24-specs-grid,.product-v24-dual{grid-template-columns:1fr}.product-v24-specs-grid .spec-row{grid-template-columns:1fr}.related-products-v24-grid{grid-template-columns:repeat(3,minmax(180px,1fr))}.product-detail-v24-thumbs{grid-template-columns:repeat(3,minmax(0,1fr))}.product-side-floatnav-v24{display:none}}


/* Admin product storefront connectivity helpers */
.form-grid.five{grid-template-columns:repeat(5,minmax(0,1fr));}
.admin-field-map-box{margin:18px 0 8px;padding:16px;border:1px solid var(--line,#d9e4f2);border-radius:18px;background:#f8fbff;box-shadow:0 12px 28px rgba(15,45,75,.05);}
.admin-field-map-box>strong{display:block;margin-bottom:12px;color:#0b2a4a;font-size:15px;}
.field-map-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
.field-map-grid>div{display:grid;grid-template-columns:1fr 1.4fr;gap:6px 12px;align-items:start;padding:10px 12px;border-radius:14px;background:#fff;border:1px solid rgba(111,141,173,.18);}
.field-map-grid span{font-weight:800;color:#102f53;}
.field-map-grid em{font-style:normal;color:#5b718c;}
.field-map-grid code{grid-column:1 / -1;font-size:12px;color:#2b6cb0;background:#eef6ff;border-radius:8px;padding:3px 6px;width:max-content;max-width:100%;white-space:normal;}
@media(max-width:1180px){.form-grid.five{grid-template-columns:repeat(2,minmax(0,1fr));}.field-map-grid{grid-template-columns:1fr;}}
@media(max-width:720px){.form-grid.five{grid-template-columns:1fr;}.field-map-grid>div{grid-template-columns:1fr;}}


/* V26.4 migrated home inline CSS */
.home-hero-v6 {
    padding: 18px 0 10px;
  }
  .home-hero-v6 .hero-card {
    position: relative;
    border-radius: 34px;
    overflow: hidden;
    background: #07111d;
    box-shadow: 0 24px 64px rgba(8,17,31,.16);
    min-height: var(--home-hero-height, 620px);
    height: var(--home-hero-height, 620px);
  }
  .home-hero-v6 .hero-slide {
    position: absolute;
    inset: 0;
    display: none;
  }
  .home-hero-v6 .hero-slide.is-active {
    display: block;
  }
  .home-hero-v6 .hero-media,
  .home-hero-v6 .hero-media img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
  }
  .home-hero-v6 .hero-media img {
    object-fit: cover;
  }
  .home-hero-v6 .hero-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(3,15,28,.88) 0%, rgba(4,17,32,.76) 34%, rgba(7,23,41,.34) 70%, rgba(7,23,41,.12) 100%);
  }
  .home-hero-v6 .hero-content {
    position: relative;
    z-index: 2;
    min-height: var(--home-hero-height, 620px);
    height: var(--home-hero-height, 620px);
    padding: clamp(48px, 5vw, 70px);
    display: flex;
    align-items: flex-start;
  }
  .home-hero-v6 .hero-copy {
    width: 100%;
    max-width: min(var(--hero-copy-max, 1040px), 100%);
    color: #fff;
    display: grid;
    gap: 16px;
    transform: translateX(var(--hero-copy-offset-x, 0px));
    padding-top: var(--hero-copy-pad-top, 0px);
    padding-bottom: var(--hero-copy-pad-bottom, 0px);
  }
  .home-hero-v6 .hero-copy h1 {
    margin: 0;
    line-height: 1.02;
    letter-spacing: -.045em;
    color: #fff;
    max-width: min(var(--hero-title-width, 1080px), 100%);
    text-wrap: pretty;
  }
  .home-hero-v6 .hero-copy p {
    margin: 0;
    line-height: 1.62;
    color: rgba(255,255,255,.92);
    max-width: min(var(--hero-text-width, 840px), 100%);
  }
  .home-hero-v6 .hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 4px;
  }
  .home-hero-v6 .hero-btn {
    min-width: 168px;
    height: 56px;
    padding: 0 24px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    text-decoration: none;
    transition: .2s ease;
  }
  .home-hero-v6 .hero-btn-primary {
    background: linear-gradient(135deg, #0b7cff, #256dff);
    color: #fff;
    box-shadow: 0 16px 30px rgba(11,124,255,.28);
  }
  .home-hero-v6 .hero-btn-secondary {
    border: 1px solid rgba(255,255,255,.34);
    background: rgba(255,255,255,.08);
    color: #fff;
    backdrop-filter: blur(8px);
  }
  .home-hero-v6 .hero-stats {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    max-width: 920px;
    margin-top: 6px;
  }
  .home-hero-v6 .hero-stats article {
    background: rgba(255,255,255,.96);
    border-radius: 22px;
    padding: 18px 20px;
    color: #173154;
    box-shadow: 0 18px 34px rgba(7,17,31,.12);
    min-width: 0;
  }
  .home-hero-v6 .hero-stats strong {
    display: block;
    font-size: 1.05rem;
    line-height: 1.2;
    margin-bottom: 6px;
  }
  .home-hero-v6 .hero-stats span {
    display: block;
    color: #66788f;
    line-height: 1.55;
  }
  .home-hero-v6 .hero-controls {
    position: absolute;
    right: 22px;
    bottom: 20px;
    z-index: 3;
    display: inline-flex;
    align-items: center;
    gap: 12px;
  }
  .home-hero-v6 .hero-control-btn {
    width: 52px;
    height: 52px;
    border-radius: 18px;
    border: 1px solid rgba(255,255,255,.18);
    background: rgba(6,17,31,.48);
    color: #fff;
    display: grid;
    place-items: center;
    cursor: pointer;
    backdrop-filter: blur(12px);
    transition: .2s ease;
  }
  .home-hero-v6 .hero-control-btn:hover {
    background: rgba(255,255,255,.94);
    color: #173154;
    border-color: rgba(255,255,255,.92);
  }
  .home-hero-v6 .hero-control-btn svg {
    width: 18px;
    height: 18px;
  }
  .home-hero-v6 .hero-control-meta {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-width: 88px;
    justify-content: center;
    height: 52px;
    padding: 0 16px;
    border-radius: 18px;
    background: rgba(6,17,31,.48);
    border: 1px solid rgba(255,255,255,.14);
    color: rgba(255,255,255,.92);
    backdrop-filter: blur(12px);
    font-weight: 700;
  }
  .home-hero-v6 .hero-control-meta small {
    opacity: .72;
    font-size: 12px;
    letter-spacing: .08em;
    text-transform: uppercase;
  }
  .home-hero-v6 .hero-control-meta strong {
    font-size: 15px;
  }
  @media (max-width: 1180px) {
    .home-hero-v6 .hero-content {
      padding-bottom: 132px;
    }
    .home-hero-v6 .hero-copy {
      max-width: min(var(--hero-copy-max, 860px), 100%);
    }
    .home-hero-v6 .hero-nav {
      grid-template-columns: 1fr;
    }
  }
  @media (max-width: 900px) {
    .home-hero-v6 .hero-card {
      min-height: var(--home-hero-height-mobile, 520px);
      height: var(--home-hero-height-mobile, 520px);
    }
    .home-hero-v6 .hero-content {
      min-height: var(--home-hero-height-mobile, 520px);
      height: var(--home-hero-height-mobile, 520px);
      padding: 30px 22px 34px;
      align-items: flex-start;
    }
    .home-hero-v6 .hero-copy,
    .home-hero-v6 .hero-copy p {
      width: 100%;
      max-width: 100%;
    }
    .home-hero-v6 .hero-copy h1 {
      max-width: 100%;
      font-size: clamp(34px, 8vw, 52px) !important;
    }
    .home-hero-v6 .hero-stats {
      grid-template-columns: 1fr;
    }
    .home-hero-v6 .hero-controls {
      right: 16px;
      bottom: 16px;
      gap: 10px;
    }
    .home-hero-v6 .hero-control-meta { min-width: 76px; padding: 0 12px; }
    .home-hero-v6 .hero-control-btn,
    .home-hero-v6 .hero-control-meta { height: 48px; border-radius: 16px; }
    .home-hero-v6 .hero-btn {
      min-width: 150px;
      height: 52px;
    }
  }


.admin-publish-reminder{display:flex;align-items:center;gap:12px;justify-content:space-between;margin:0 0 18px;padding:12px 14px;border:1px solid rgba(14,122,191,.18);background:#eef7ff;border-radius:16px;color:#12314f;box-shadow:0 8px 24px rgba(5,32,61,.06)}
.admin-publish-reminder strong{white-space:nowrap;color:#0b4ea2}.admin-publish-reminder span{flex:1;color:#39546c;font-size:13px}.admin-publish-reminder .btn{white-space:nowrap}
@media(max-width:760px){.admin-publish-reminder{align-items:flex-start;flex-direction:column}.admin-publish-reminder .btn{width:100%;text-align:center}}


/* v27.2 visual refinement: unified desktop header, stronger catalog filter rail, cleaner product detail cards */
@media (min-width: 1240px){
  .site-header-blueprint .header-blueprint-top,
  .site-header-blueprint .header-blueprint-bottom{display:contents;}
  .site-header-blueprint .header-blueprint-shell{
    display:grid;
    grid-template-columns:auto minmax(420px,1fr) minmax(250px,340px) auto auto;
    align-items:center;
    gap:16px;
    padding:14px 0 16px;
  }
  .site-header-blueprint .header-blueprint-brand{order:1;}
  .site-header-blueprint .site-nav-blueprint{
    order:2;
    justify-self:start;
    gap:18px;
    align-items:center;
    flex-wrap:nowrap;
    min-width:0;
  }
  .site-header-blueprint .site-nav-blueprint > a,
  .site-header-blueprint .nav-dropdown-head > a{
    white-space:nowrap;
    font-size:15px;
    font-weight:800;
  }
  .site-header-blueprint .header-search-blueprint{
    order:3;
    justify-self:stretch;
    width:100%;
    max-width:340px !important;
    margin:0;
  }
  .site-header-blueprint .header-search-blueprint input{
    height:50px;
    padding:0 8px 0 18px;
    font-size:14px;
    border-radius:18px;
  }
  .site-header-blueprint .header-search-blueprint button{
    width:102px;
    height:42px;
    top:4px;
    right:4px;
    border-radius:15px;
    font-size:15px;
  }
  .site-header-blueprint .header-blueprint-tools{
    order:4;
    justify-self:end;
    display:flex;
    align-items:center;
    gap:10px;
    white-space:nowrap;
  }
  .site-header-blueprint .header-utility-chip,
  .site-header-blueprint .header-blueprint-cta{
    min-height:46px;
    padding:0 16px;
    border-radius:16px;
    font-size:14px;
  }
  .site-header-blueprint .header-blueprint-cta{padding:0 18px;}
  .site-header-blueprint .social-links-header-blueprint{
    order:5;
    justify-self:end;
    display:flex;
    align-items:center;
    gap:10px;
    margin:0;
  }
  .site-header-blueprint .header-nav-spacer,
  .site-header-blueprint .nav-mobile-toggle{display:none !important;}
}
@media (min-width: 1240px) and (max-width: 1480px){
  .site-header-blueprint .header-blueprint-shell{grid-template-columns:auto minmax(360px,1fr) minmax(230px,300px) auto auto;gap:14px;}
  .site-header-blueprint .site-nav-blueprint{gap:14px;}
  .site-header-blueprint .site-nav-blueprint > a,
  .site-header-blueprint .nav-dropdown-head > a{font-size:14px;}
  .site-header-blueprint .header-utility-chip,
  .site-header-blueprint .header-blueprint-cta{padding:0 14px;font-size:13px;}
}
@media (max-width: 1239px){
  .site-header-blueprint .header-blueprint-top{display:grid;grid-template-columns:auto minmax(320px,1fr) auto;align-items:center;gap:14px;}
  .site-header-blueprint .header-blueprint-bottom{display:grid;grid-template-columns:auto 1fr auto;align-items:center;column-gap:20px;}
}

.product-archive-v24-shell{grid-template-columns:minmax(320px,360px) minmax(0,1fr);gap:28px;}
.product-filter-sidebar-v24{top:108px;}
.product-filter-card-v24{
  padding:28px;
  border-radius:28px;
  border:1px solid #d9e4f1;
  background:linear-gradient(180deg,#ffffff 0%,#f7fbff 100%);
  box-shadow:0 22px 52px rgba(8,24,52,.07);
}
.product-filter-head-v24{padding-bottom:14px;border-bottom:1px solid #e8eff7;align-items:center;}
.product-filter-head-v24 h2{font-size:30px;}
.product-filter-stack-v24{gap:14px;}
.product-filter-stack-v24 label>span,
.product-filter-brand-v24>span{font-size:11px;letter-spacing:.08em;}
.product-filter-stack-v24 input,
.product-filter-stack-v24 select,
.product-filter-brand-v24 input{
  height:52px;
  border-radius:16px;
  border:1px solid #d7e3ef;
  background:#fff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8), 0 1px 2px rgba(11,63,133,.02);
}
.product-filter-actions-v24{padding-top:6px;}
.product-filter-actions-v24 .btn{min-height:50px;border-radius:16px;}
.component-catalog-head-v24{
  margin-bottom:18px;
  padding:20px 24px;
  border-radius:24px;
  background:#fff;
  border:1px solid #e1ebf6;
  box-shadow:0 18px 44px rgba(8,24,52,.05);
}
.component-catalog-head-v24 strong{font-size:30px;line-height:1.05;}
.product-card-grid-v24{gap:18px;}
.product-card-v24{
  padding:20px 22px;
  border-radius:28px;
  border:1px solid #dfe8f3;
  background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%);
  box-shadow:0 20px 48px rgba(8,24,52,.06);
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.product-card-v24:hover{
  transform:translateY(-3px);
  border-color:#c7d9ee;
  box-shadow:0 28px 60px rgba(8,24,52,.10);
}
.product-card-media-v24{
  width:128px;
  height:128px;
  border-radius:22px;
  background:linear-gradient(145deg,#f7fbff 0%,#eef4fb 100%);
  border:1px solid #e4edf7;
}
.product-card-body-v24{gap:14px;}
.product-card-head-v24 h3{font-size:26px;}
.product-card-subtitle-v24{font-size:17px;}
.product-card-badges-v24{gap:10px;}
.product-card-specs-v24{gap:12px;}
.product-card-spec-v24{
  min-height:84px;
  padding:12px 14px;
  border-radius:18px;
  background:linear-gradient(180deg,#fbfdff 0%,#f4f8fc 100%);
  border:1px solid #e3ebf5;
}
.product-card-spec-v24 strong{font-size:15px;}
.product-card-actions-v24{padding-top:8px;border-top:1px solid #edf3f8;}
.product-card-actions-v24 .btn{min-height:42px;border-radius:14px;}

.product-detail-v24-shell{gap:26px;}
.product-detail-v24-hero{
  grid-template-columns:300px minmax(0,1fr) 250px;
  gap:24px;
  align-items:start;
  padding:30px;
  border-radius:32px;
  background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%);
  border:1px solid #dce7f2;
  box-shadow:0 24px 58px rgba(8,24,52,.08);
}
.product-detail-v24-media{gap:14px;}
.product-detail-v24-main-image{
  height:360px;
  border-radius:26px;
  background:linear-gradient(145deg,#f8fbff 0%,#eef4fb 100%);
  border:1px solid #e1eaf4;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95);
}
.product-detail-v24-thumbs{gap:12px;}
.product-thumb-btn{
  padding:4px;
  border-radius:18px;
  background:#fff;
  border:1px solid #d7e3ef;
  box-shadow:0 10px 24px rgba(8,24,52,.06);
  transition:border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
.product-thumb-btn:hover{transform:translateY(-2px);box-shadow:0 16px 30px rgba(8,24,52,.10);}
.product-thumb-btn.is-active{border-color:#0f6ed0;box-shadow:0 0 0 3px rgba(15,110,208,.12),0 12px 26px rgba(8,24,52,.08);}
.product-detail-v24-summary{gap:20px;}
.product-detail-v24-copy{gap:8px;}
.product-detail-v24-copy h1{font-size:clamp(44px,4.4vw,62px);max-width:12ch;}
.product-v24-name{font-size:18px;font-weight:800;color:#0f6ed0;}
.product-v24-desc{font-size:15px;max-width:62ch;}
.product-v24-specgrid{gap:12px;}
.product-v24-speccell{
  min-height:92px;
  padding:16px 18px;
  border-radius:18px;
  border:1px solid #e0e8f3;
  background:linear-gradient(180deg,#fbfdff 0%,#f5f9fd 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9);
}
.product-v24-speccell strong{font-size:16px;line-height:1.35;}
.product-v24-actionrow{gap:14px;padding-top:4px;}
.product-v24-actionrow .btn{min-height:48px;padding:0 18px;border-radius:16px;}
.product-detail-v24-side{top:108px;}
.product-side-card-v24{
  padding:24px;
  border-radius:26px;
  border:1px solid rgba(12,41,76,.08);
  background:linear-gradient(165deg,#09254b 0%,#0b4f95 45%,#0e7ad7 100%);
  box-shadow:0 24px 56px rgba(9,37,75,.24);
}
.product-side-card-v24 .side-card-kicker,
.product-side-card-v24 h3,
.product-side-card-v24 p{color:rgba(255,255,255,.84);}
.product-side-card-v24 h3{font-size:13px;}
.product-side-stock-v24{font-size:42px;line-height:1;color:#fff;letter-spacing:-.03em;}
.product-side-card-v24 .btn{
  background:#fff;
  color:#0f4f9c;
  border-color:transparent;
  min-height:46px;
  border-radius:16px;
  font-weight:800;
}
.product-side-card-v24 .btn:hover{background:#edf5ff;}
.product-side-floatnav-v24 a{background:rgba(255,255,255,.95);backdrop-filter:blur(14px);}
.product-v24-section,
.product-v24-card,
.product-v24-related-section,
.product-v24-inquiry-section{
  padding:30px;
  border-radius:32px;
  background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%);
  border:1px solid #dce7f2;
  box-shadow:0 22px 54px rgba(8,24,52,.07);
}
.product-v24-section h2,
.product-v24-card h2,
.product-v24-related-section h2,
.product-v24-inquiry-copy h2{margin:0 0 8px;font-size:40px;line-height:1.08;}
.product-v24-specs-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px;}
.product-v24-specs-grid .spec-row{
  grid-template-columns:1fr;
  gap:8px;
  padding:16px 18px;
  border:1px solid #e5edf6;
  border-radius:18px;
  background:linear-gradient(180deg,#fcfdff 0%,#f6faff 100%);
}
.product-v24-specs-grid .spec-row span{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#6b819d;}
.product-v24-specs-grid .spec-row strong{font-size:17px;line-height:1.45;}
.product-v24-dual{gap:20px;}
.product-v24-card{position:relative;overflow:hidden;}
.product-v24-card::before{
  content:"";
  position:absolute;
  inset:0 auto auto 0;
  width:100%;
  height:5px;
  background:linear-gradient(90deg,#0d6fce 0%,#2dc3ff 100%);
}
.product-v24-bullets{gap:14px;padding-left:24px;}
.product-v24-bullets li{line-height:1.7;}
.related-products-v24-grid{gap:14px;padding-top:6px;}
.related-v24-card{
  border-radius:22px;
  border:1px solid #e1ebf6;
  background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);
  box-shadow:0 16px 38px rgba(8,24,52,.05);
  transition:transform .18s ease, box-shadow .18s ease;
}
.related-v24-card:hover{transform:translateY(-3px);box-shadow:0 24px 48px rgba(8,24,52,.10);}
.related-v24-media{height:124px;background:linear-gradient(145deg,#f7fbff 0%,#eef4fb 100%);}
.related-v24-body{padding:14px;}
.product-v24-inquiry-section{grid-template-columns:minmax(230px,280px) minmax(0,1fr);gap:24px;}
.product-v24-inquiry-copy{padding-top:10px;}
.product-v24-inline-form{
  padding:24px;
  border-radius:24px;
  background:#f7fbff;
  border:1px solid #e4edf7;
}
.product-v24-inline-form input,
.product-v24-inline-form textarea{background:#fff;border:1px solid #d7e3ef;min-height:52px;}
.product-v24-inline-form textarea{min-height:150px;}

@media (max-width: 1400px){
  .product-archive-v24-shell{grid-template-columns:minmax(290px,320px) minmax(0,1fr);}
  .product-detail-v24-hero{grid-template-columns:280px minmax(0,1fr) 230px;}
}
@media (max-width: 1180px){
  .product-archive-v24-shell{grid-template-columns:1fr;}
  .product-detail-v24-hero{grid-template-columns:300px minmax(0,1fr);padding:24px;}
  .product-v24-section,
  .product-v24-card,
  .product-v24-related-section,
  .product-v24-inquiry-section{padding:24px;}
}
@media (max-width: 900px){
  .component-catalog-head-v24{padding:18px 20px;}
  .component-catalog-head-v24 strong{font-size:24px;}
  .product-filter-card-v24,.product-card-v24,.product-detail-v24-hero{padding:20px;}
  .product-detail-v24-hero,
  .product-v24-specgrid,
  .product-v24-specs-grid,
  .product-v24-dual,
  .product-v24-inquiry-section{grid-template-columns:1fr;}
  .product-detail-v24-main-image{height:280px;}
  .product-v24-section,
  .product-v24-card,
  .product-v24-related-section,
  .product-v24-inquiry-section{padding:20px;border-radius:26px;}
  .product-v24-section h2,
  .product-v24-card h2,
  .product-v24-related-section h2,
  .product-v24-inquiry-copy h2{font-size:32px;}
}


/* v27.3 spacing and density refinement: header balance, search dropdown, filter controls, and denser product detail layout */
@media (min-width: 1240px){
  .site-header-blueprint .header-blueprint-shell{
    grid-template-columns:auto max-content minmax(250px,300px) auto auto !important;
    justify-content:space-between;
    gap:14px 18px;
  }
  .site-header-blueprint .site-nav-blueprint{
    justify-self:center !important;
    gap:22px;
  }
  .site-header-blueprint .header-search-blueprint{
    max-width:300px !important;
    min-width:250px;
  }
  .site-header-blueprint .header-search-blueprint input{
    height:46px;
    padding:0 8px 0 16px;
    border-radius:16px;
  }
  .site-header-blueprint .header-search-blueprint button{
    width:auto;
    min-width:0;
    height:38px;
    border-radius:13px;
  }
  .site-header-blueprint .header-blueprint-tools{
    gap:8px;
  }
  .site-header-blueprint .header-utility-chip,
  .site-header-blueprint .header-blueprint-cta{
    min-height:42px;
    padding:0 14px;
    border-radius:14px;
  }
}
@media (min-width: 1240px) and (max-width: 1420px){
  .site-header-blueprint .header-blueprint-shell{
    grid-template-columns:auto max-content minmax(230px,280px) auto auto !important;
    gap:12px 14px;
  }
  .site-header-blueprint .site-nav-blueprint{gap:16px;}
  .site-header-blueprint .site-nav-blueprint > a,
  .site-header-blueprint .nav-dropdown-head > a{font-size:14px;}
}

.header-search-suggest{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:18px;
  width:min(760px,calc(100vw - 40px)) !important;
  max-width:min(760px,calc(100vw - 40px));
  padding:18px 22px !important;
}
.header-search-live{
  margin-bottom:0;
}
.header-search-live-section{
  padding:12px 14px;
  border:1px solid rgba(15,58,101,.10);
  border-radius:18px;
  background:linear-gradient(180deg,#fbfdff 0%,#f5f9fe 100%);
}
.header-search-suggest-grid{
  max-width:none !important;
  margin:0 !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:16px !important;
}
.header-search-suggest-grid section{
  min-width:0;
  padding:2px 4px;
}
.header-search-suggest-grid section + section{
  border-left:1px solid #edf2f7;
  padding-left:18px;
}
.header-search-suggest strong{margin-bottom:10px !important;}
.header-search-suggest ul{gap:8px !important;}
.header-search-suggest a{
  padding:8px 10px !important;
  border-radius:12px !important;
  line-height:1.4 !important;
}
.header-search-suggest a:hover{background:#eff6ff !important;}
@media (max-width: 900px){
  .header-search-suggest{width:100% !important;max-width:100% !important;padding:16px !important;}
  .header-search-suggest-grid{grid-template-columns:1fr !important;gap:14px !important;}
  .header-search-suggest-grid section + section{border-left:none;padding-left:4px;border-top:1px solid #edf2f7;padding-top:14px;}
}

.product-archive-v24-shell{
  grid-template-columns:minmax(340px,380px) minmax(0,1fr) !important;
  gap:24px !important;
}
.product-results-v24{min-width:0;}
.product-filter-sidebar-v24{top:104px !important;}
.product-filter-card-v24{
  gap:18px !important;
  padding:24px !important;
  border-radius:26px !important;
}
.product-filter-head-v24{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center !important;
  gap:10px 12px !important;
}
.product-filter-head-v24 .text-link{justify-self:end;}
.product-filter-stack-v24,
.product-filter-stack-v24 label,
.product-filter-brand-v24{min-width:0;}
.product-filter-stack-v24 input,
.product-filter-stack-v24 select,
.product-filter-brand-v24 input{
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  height:50px !important;
  padding:0 16px !important;
  border-radius:15px !important;
}
.product-filter-stack-v24 select{appearance:auto;}
.product-filter-actions-v24{padding-top:4px;}
.product-filter-actions-v24 .btn{min-height:48px !important;}
.component-catalog-head-v24{
  margin-bottom:16px !important;
  padding:18px 22px !important;
  border-radius:22px !important;
  align-items:center !important;
}
.component-catalog-head-v24 strong{font-size:28px !important;}
.product-card-grid-v24{gap:18px !important;}
@media (max-width: 1180px){
  .product-archive-v24-shell{grid-template-columns:1fr !important;}
}
@media (max-width: 900px){
  .product-filter-card-v24,
  .component-catalog-head-v24{padding:18px !important;}
}

.product-detail-v24-shell{
  max-width:var(--front-shell-max);
  margin:0 auto;
  gap:24px !important;
}
.product-detail-v24-hero{
  grid-template-columns:260px minmax(0,1fr) 220px !important;
  gap:20px !important;
  padding:24px !important;
}
.product-detail-v24-main-image{height:300px !important;}
.product-detail-v24-summary{gap:18px !important;}
.product-detail-v24-copy{gap:6px !important;}
.product-detail-v24-copy h1{
  font-size:clamp(40px,4vw,56px) !important;
  max-width:none !important;
}
.product-v24-name{font-size:17px !important;}
.product-v24-desc{font-size:15px !important;max-width:58ch !important;}
.product-v24-specgrid{
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:10px !important;
}
.product-v24-speccell{
  min-height:84px;
  padding:14px !important;
  border-radius:16px !important;
}
.product-v24-speccell strong{font-size:15px !important;}
.product-v24-actionrow .btn{min-height:46px !important;}
.product-side-card-v24{
  gap:16px !important;
  padding:18px !important;
  border-radius:22px !important;
}
.product-side-stock-v24{font-size:36px !important;}
.product-side-meta-v24{
  display:grid;
  gap:10px;
  padding:12px;
  border-radius:16px;
  background:rgba(255,255,255,.14);
  border:1px solid rgba(255,255,255,.18);
}
.product-side-meta-v24 div{display:grid;gap:2px;}
.product-side-meta-v24 span{
  font-size:11px;
  font-weight:700;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:rgba(255,255,255,.72);
}
.product-side-meta-v24 strong{
  font-size:14px;
  line-height:1.35;
  color:#fff;
}
.product-v24-section,
.product-v24-card,
.product-v24-related-section,
.product-v24-inquiry-section{
  padding:24px !important;
  border-radius:28px !important;
}
.product-v24-section h2,
.product-v24-card h2,
.product-v24-related-section h2,
.product-v24-inquiry-copy h2{font-size:34px !important;}
.product-v24-specs-grid{
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:14px !important;
}
.product-v24-specs-grid .spec-row{
  padding:14px 16px !important;
  min-height:98px;
}
.product-v24-dual{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px !important;
}
.related-products-v24-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px !important;
}
@media (max-width: 1180px){
  .product-detail-v24-hero{grid-template-columns:250px minmax(0,1fr) !important;}
  .product-v24-specgrid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
  .product-v24-specs-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
  .related-products-v24-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media (max-width: 900px){
  .product-detail-v24-hero,
  .product-v24-dual,
  .product-v24-specgrid,
  .product-v24-specs-grid,
  .related-products-v24-grid{grid-template-columns:1fr !important;}
  .product-detail-v24-main-image{height:260px !important;}
  .product-v24-section,
  .product-v24-card,
  .product-v24-related-section,
  .product-v24-inquiry-section{padding:18px !important;}
}


/* v27.4 precision UI repair: tighter header, triggered search dropdown, compact brand picker, distributor-style product detail */
.header-search-suggest[hidden],
.header-search-live[hidden]{display:none !important;}
@media (min-width:1240px){
  .site-header-blueprint .header-blueprint-top,
  .site-header-blueprint .header-blueprint-bottom{display:contents !important;}
  .site-header-blueprint .header-blueprint-shell{
    display:flex !important;
    align-items:center !important;
    gap:14px !important;
    max-width:var(--front-shell-max) !important;
    padding:12px 0 !important;
  }
  .site-header-blueprint .header-blueprint-brand{order:1;flex:0 0 auto;margin-right:130px;}
  .site-header-blueprint .site-nav-blueprint{
    order:2;
    flex:0 0 auto;
    justify-self:auto !important;
    justify-content:flex-start !important;
    gap:28px !important;
    margin:0 !important;
  }
  .site-header-blueprint .site-nav-blueprint > a,
  .site-header-blueprint .nav-dropdown-head > a{
    font-size:16px !important;
    font-weight:850 !important;
    letter-spacing:-.01em;
  }
  .site-header-blueprint .header-search-blueprint{
    order:3;
    flex:0 0 330px !important;
    width:330px !important;
    max-width:330px !important;
    min-width:330px !important;
    margin-left:22px !important;
    justify-self:auto !important;
  }
  .site-header-blueprint .header-search-blueprint input{
    height:46px !important;
    padding:0 8px 0 18px !important;
    border-radius:17px !important;
  }
  .site-header-blueprint .header-search-blueprint button{
    width:98px !important;
    min-width:98px !important;
    height:38px !important;
    top:4px !important;
    right:4px !important;
    border-radius:14px !important;
  }
  .site-header-blueprint .header-blueprint-tools{
    order:4;
    flex:0 0 auto;
    margin-left:12px !important;
    gap:9px !important;
  }
  .site-header-blueprint .header-utility-chip,
  .site-header-blueprint .header-blueprint-cta{
    min-height:42px !important;
    padding:0 15px !important;
    border-radius:15px !important;
    font-size:14px !important;
  }
  .site-header-blueprint .social-links-header-blueprint{
    order:5;
    margin-left:auto !important;
    flex:0 0 auto;
  }
  .site-header-blueprint .header-nav-spacer,
  .site-header-blueprint .nav-mobile-toggle{display:none !important;}
}
@media (min-width:1240px) and (max-width:1560px){
  .site-header-blueprint .header-blueprint-brand{margin-right:64px;}
  .site-header-blueprint .site-nav-blueprint{gap:20px !important;}
  .site-header-blueprint .site-nav-blueprint > a,
  .site-header-blueprint .nav-dropdown-head > a{font-size:14px !important;}
  .site-header-blueprint .header-search-blueprint{flex-basis:520px !important;width:520px !important;max-width:520px !important;min-width:360px !important;margin-left:14px !important;}
  .site-header-blueprint .header-blueprint-tools{margin-left:6px !important;}
  .site-header-blueprint .header-utility-chip,
  .site-header-blueprint .header-blueprint-cta{padding:0 12px !important;font-size:13px !important;}
}
@media (min-width:1240px) and (max-width:1380px){
  .site-header-blueprint .header-blueprint-brand{margin-right:34px;}
  .site-header-blueprint .site-nav-blueprint{gap:14px !important;}
  .site-header-blueprint .header-search-blueprint{flex-basis:460px !important;width:460px !important;max-width:460px !important;min-width:320px !important;}
}
.header-search-suggest{
  display:block !important;
  width:min(620px,calc(100vw - 48px)) !important;
  max-width:min(620px,calc(100vw - 48px)) !important;
  padding:18px 20px !important;
  border-radius:22px !important;
}
.header-search-suggest-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:0 !important;
  max-width:none !important;
  margin:0 !important;
}
.header-search-suggest-grid section{padding:0 16px;min-width:0;}
.header-search-suggest-grid section:first-child{padding-left:0;}
.header-search-suggest-grid section:last-child{padding-right:0;}
.header-search-suggest-grid section + section{border-left:1px solid #e8eef6;}
.header-search-suggest strong{font-size:12px !important;letter-spacing:.08em !important;margin-bottom:12px !important;}
.header-search-suggest ul{gap:6px !important;}
.header-search-suggest a{padding:7px 8px !important;border-radius:10px !important;font-size:15px !important;line-height:1.35 !important;}
.header-search-live{margin-bottom:14px !important;}
.header-search-live-section{padding:10px 12px !important;}
@media (max-width:760px){
  .header-search-suggest{width:100% !important;max-width:100% !important;padding:16px !important;}
  .header-search-suggest-grid{grid-template-columns:1fr !important;gap:12px !important;}
  .header-search-suggest-grid section{padding:0 !important;}
  .header-search-suggest-grid section + section{border-left:0;border-top:1px solid #e8eef6;padding-top:12px !important;}
}

.product-filter-brand-v24 .brand-combobox-panel{
  width:100% !important;
  max-width:100% !important;
  left:0 !important;
  right:0 !important;
  padding:12px !important;
  border-radius:18px !important;
  overflow:hidden;
}
.product-filter-brand-v24 .brand-combobox-actions{
  justify-content:flex-end !important;
  margin:0 0 8px !important;
}
.product-filter-brand-v24 .brand-combobox-actions .btn{
  min-height:32px !important;
  padding:0 12px !important;
  border-radius:12px !important;
  font-size:13px !important;
}
.product-filter-brand-v24 .brand-alpha-row{
  display:grid !important;
  grid-template-columns:repeat(13,minmax(0,1fr)) !important;
  gap:5px !important;
  margin:0 0 10px !important;
}
.product-filter-brand-v24 .brand-alpha-chip{
  min-width:0 !important;
  width:100% !important;
  height:28px !important;
  min-height:28px !important;
  padding:0 !important;
  border-radius:8px !important;
  font-size:11px !important;
  line-height:1 !important;
}
.product-filter-brand-v24 .brand-combobox-list{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:6px !important;
  max-height:210px !important;
  overflow:auto !important;
  padding-right:4px;
}
.product-filter-brand-v24 .brand-option-item{
  min-height:38px !important;
  padding:8px 10px !important;
  border-radius:11px !important;
  font-size:14px !important;
  line-height:1.25 !important;
}
.product-filter-card-v24{overflow:visible !important;}
.product-filter-stack-v24 input:focus,
.product-filter-stack-v24 select:focus,
.product-filter-brand-v24 input:focus{outline:2px solid rgba(15,110,208,.22) !important;outline-offset:2px;border-color:#0f6ed0 !important;}

.product-detail-v24-shell{max-width:var(--front-shell-max) !important;}
.product-detail-v24-hero{
  grid-template-columns:260px minmax(0,1fr) 240px !important;
  gap:20px !important;
  padding:24px !important;
}
.product-v24-specgrid{grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:10px !important;}
.product-v24-speccell{min-height:78px !important;padding:12px 14px !important;}
.product-v24-speccell span{font-size:11px !important;}
.product-v24-speccell strong{font-size:14px !important;}
.product-v27-detail-module{
  padding:26px;
  border-radius:30px;
  background:linear-gradient(180deg,#fff 0%,#fbfdff 100%);
  border:1px solid #dce7f2;
  box-shadow:0 22px 54px rgba(8,24,52,.07);
}
.product-v27-section-head{display:grid;gap:6px;margin-bottom:18px;}
.product-v27-section-head span{font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#0f6ed0;}
.product-v27-section-head h2{margin:0;font-size:34px;line-height:1.08;color:#0f2746;}
.product-v27-section-head p{margin:0;max-width:720px;color:#60748d;line-height:1.65;}
.product-v27-attributes-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.75fr);gap:20px;align-items:start;}
.product-v27-attribute-card,.product-v27-buying-card{border:1px solid #e1ebf6;border-radius:24px;background:#fff;box-shadow:0 14px 34px rgba(8,24,52,.04);}
.product-v27-attribute-card{padding:20px;}
.product-v27-buying-card{padding:20px;position:sticky;top:104px;}
.product-v27-card-title{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px;}
.product-v27-card-title h3{margin:0;font-size:20px;color:#102b4d;}
.product-v27-card-title small{font-weight:800;color:#6b819d;}
.product-v27-attribute-table{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
.product-v27-attribute-row{display:grid;gap:6px;padding:12px 14px;border:1px solid #e6edf6;border-radius:16px;background:#f8fbff;min-height:76px;}
.product-v27-attribute-row span{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#6b819d;}
.product-v27-attribute-row strong{font-size:15px;line-height:1.4;color:#0f2746;}
.product-v27-buying-list{display:grid;gap:10px;margin-bottom:16px;}
.product-v27-buying-list div{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 0;border-bottom:1px solid #eef3f8;}
.product-v27-buying-list span{font-size:13px;color:#6b819d;font-weight:700;}
.product-v27-buying-list strong{text-align:right;color:#0f2746;}
.product-v27-doc-card{display:grid;gap:12px;padding:16px;border-radius:18px;background:#f3f8ff;border:1px solid #dfeafa;}
.product-v27-doc-card strong{color:#102b4d;}
.product-v24-dual{grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;}
.product-v24-card{min-height:240px;}
@media (max-width:1180px){
  .product-detail-v24-hero{grid-template-columns:240px minmax(0,1fr) !important;}
  .product-v24-specgrid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
  .product-v27-attributes-layout{grid-template-columns:1fr;}
  .product-v27-buying-card{position:static;}
}
@media (max-width:900px){
  .product-detail-v24-hero,
  .product-v24-specgrid,
  .product-v27-attribute-table,
  .product-v24-dual{grid-template-columns:1fr !important;}
  .product-v27-detail-module{padding:20px;border-radius:24px;}
}


/* v27.5 precision layout correction: right-aligned header group, active catalog titles, wider product detail shell */
@media (min-width:1240px){
  .site-header-blueprint .header-blueprint-shell{
    display:flex !important;
    align-items:center !important;
    gap:0 !important;
    max-width:var(--front-shell-max) !important;
    padding:12px 0 !important;
  }
  .site-header-blueprint .header-blueprint-brand{
    order:1;
    flex:0 0 auto;
    margin-right:86px !important;
  }
  .site-header-blueprint .site-nav-blueprint{
    order:2;
    flex:0 0 auto;
    gap:34px !important;
    margin:0 !important;
  }
  .site-header-blueprint .site-nav-blueprint > a,
  .site-header-blueprint .nav-dropdown-head > a{
    font-size:16px !important;
    font-weight:850 !important;
  }
  .site-header-blueprint .nav-dropdown:hover > .nav-dropdown-head > a,
  .site-header-blueprint .nav-dropdown:focus-within > .nav-dropdown-head > a,
  .site-header-blueprint .site-nav-blueprint > a:hover,
  .site-header-blueprint .site-nav-blueprint > a.is-active,
  .site-header-blueprint .nav-dropdown-head > a.is-active{
    color:#0b72e7 !important;
  }
  .site-header-blueprint .header-search-blueprint{
    order:3;
    flex:0 0 340px !important;
    width:340px !important;
    max-width:340px !important;
    min-width:340px !important;
    margin-left:auto !important;
    margin-right:16px !important;
  }
  .site-header-blueprint .header-blueprint-tools{
    order:4;
    flex:0 0 auto;
    gap:10px !important;
    margin-left:0 !important;
    margin-right:16px !important;
  }
  .site-header-blueprint .social-links-header-blueprint{
    order:5;
    flex:0 0 auto;
    margin-left:0 !important;
    gap:8px !important;
  }
  .site-header-blueprint .header-utility-chip,
  .site-header-blueprint .header-blueprint-cta{
    min-height:42px !important;
    padding:0 16px !important;
    border-radius:15px !important;
    font-size:14px !important;
  }
}
@media (min-width:1240px) and (max-width:1560px){
  .site-header-blueprint .header-blueprint-brand{margin-right:56px !important;}
  .site-header-blueprint .site-nav-blueprint{gap:22px !important;}
  .site-header-blueprint .header-search-blueprint{
    flex-basis:300px !important;
    width:300px !important;
    max-width:300px !important;
    min-width:300px !important;
    margin-right:12px !important;
  }
  .site-header-blueprint .header-blueprint-tools{margin-right:12px !important;}
}
@media (min-width:1240px) and (max-width:1380px){
  .site-header-blueprint .header-blueprint-brand{margin-right:34px !important;}
  .site-header-blueprint .site-nav-blueprint{gap:16px !important;}
  .site-header-blueprint .site-nav-blueprint > a,
  .site-header-blueprint .nav-dropdown-head > a{font-size:14px !important;}
  .site-header-blueprint .header-search-blueprint{
    flex-basis:270px !important;
    width:270px !important;
    max-width:270px !important;
    min-width:270px !important;
  }
}

.nav-mega-col.has-active .nav-mega-box-title,
.nav-mega-col:has(.is-active) .nav-mega-box-title{
  color:#0b72e7 !important;
  background:#eef6ff !important;
  border:1px solid rgba(11,114,231,.16) !important;
  border-radius:12px !important;
  padding:8px 10px !important;
}
.nav-dropdown:hover > .nav-dropdown-head > a::after,
.nav-dropdown:focus-within > .nav-dropdown-head > a::after,
.site-nav-blueprint > a.is-active::after,
.nav-dropdown-head > a.is-active::after{
  width:100% !important;
  opacity:1 !important;
}
.nav-dropdown-panel-products{
  width:min(1120px,calc(100vw - 84px)) !important;
}
.nav-mega-grid-catalog{
  grid-template-columns:minmax(250px,.9fr) minmax(330px,1.15fr) minmax(330px,1.05fr) !important;
}
.nav-mega-grid-catalog .nav-mega-col{
  min-height:0 !important;
}

.product-detail-v24-section > .shell.product-detail-v24-shell,
.product-detail-v24-shell{
  width:min(var(--front-shell-max),calc(100% - var(--front-shell-pad))) !important;
  max-width:var(--front-shell-max) !important;
}
.product-detail-v24-section > .shell.product-breadcrumb-v20,
.product-breadcrumb-v20{
  width:min(var(--front-shell-max),calc(100% - var(--front-shell-pad))) !important;
  max-width:var(--front-shell-max) !important;
}
.product-detail-v24-hero{
  grid-template-columns:320px minmax(0,1fr) 280px !important;
  gap:24px !important;
}
.product-detail-v24-main-image{
  height:330px !important;
}
.product-v24-specgrid{
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
}
.product-v27-attributes-layout{
  grid-template-columns:minmax(0,1.7fr) minmax(320px,.65fr) !important;
}
.product-v27-attribute-table{
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
}
.product-v24-dual{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
}
.related-products-v24-grid{
  grid-template-columns:repeat(6,minmax(0,1fr)) !important;
}
@media (max-width:1180px){
  .product-detail-v24-section > .shell.product-detail-v24-shell,
  .product-detail-v24-shell,
  .product-detail-v24-section > .shell.product-breadcrumb-v20,
  .product-breadcrumb-v20{
    width:min(100%,calc(100% - 28px)) !important;
    max-width:none !important;
  }
  .product-detail-v24-hero{grid-template-columns:280px minmax(0,1fr) !important;}
  .product-v27-attributes-layout{grid-template-columns:1fr !important;}
  .product-v27-attribute-table{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
  .related-products-v24-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important;}
}
@media (max-width:900px){
  .product-detail-v24-hero,
  .product-v24-specgrid,
  .product-v27-attribute-table,
  .product-v24-dual,
  .related-products-v24-grid{grid-template-columns:1fr !important;}
}


/* v27.6 translation-stable layout: locked header columns, no-search drift, stable product detail metrics */
.header-search-suggest[hidden],
.header-search-live[hidden],
[data-header-search-results][hidden]{display:none !important;}
.notranslate{unicode-bidi:isolate;}

@media (min-width:1240px){
  .site-header-blueprint .header-blueprint-shell{
    width:calc(100% - 64px) !important;
    max-width:var(--front-shell-max) !important;
    margin:0 auto !important;
    padding:12px 0 !important;
    display:grid !important;
    grid-template-columns:210px minmax(560px,660px) 320px max-content 72px !important;
    column-gap:18px !important;
    align-items:center !important;
    justify-content:center !important;
  }
  .site-header-blueprint .header-blueprint-top,
  .site-header-blueprint .header-blueprint-bottom{display:contents !important;}
  .site-header-blueprint .header-blueprint-brand{
    grid-column:1 !important;
    justify-self:start !important;
    margin:0 !important;
    width:190px !important;
    max-width:190px !important;
  }
  .site-header-blueprint .site-logo-large{max-width:184px !important;}
  .site-header-blueprint .site-nav-blueprint{
    grid-column:2 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:0 !important;
    width:100% !important;
    min-width:0 !important;
    margin:0 !important;
  }
  .site-header-blueprint .site-nav-blueprint > a,
  .site-header-blueprint .nav-dropdown-head > a{
    min-width:70px !important;
    height:44px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:0 6px !important;
    text-align:center !important;
    white-space:nowrap !important;
    font-size:15px !important;
    line-height:1 !important;
  }
  .site-header-blueprint .nav-dropdown-head{height:44px !important;display:flex !important;align-items:center !important;}
  .site-header-blueprint .header-search-blueprint{
    grid-column:3 !important;
    justify-self:end !important;
    width:320px !important;
    min-width:320px !important;
    max-width:320px !important;
    margin:0 !important;
  }
  .site-header-blueprint .header-search-blueprint input{
    height:46px !important;
    padding:0 104px 0 18px !important;
    border-radius:16px !important;
  }
  .site-header-blueprint .header-search-blueprint button{
    width:94px !important;
    min-width:94px !important;
    height:38px !important;
    top:4px !important;
    right:4px !important;
    border-radius:13px !important;
    padding:0 !important;
  }
  .site-header-blueprint .header-blueprint-tools{
    grid-column:4 !important;
    justify-self:end !important;
    display:grid !important;
    grid-auto-flow:column !important;
    grid-auto-columns:max-content !important;
    gap:10px !important;
    margin:0 !important;
  }
  .site-header-blueprint .header-utility-chip,
  .site-header-blueprint .header-blueprint-cta{
    width:auto !important;
    min-height:42px !important;
    height:42px !important;
    padding:0 16px !important;
    border-radius:15px !important;
    font-size:14px !important;
    line-height:1 !important;
    white-space:nowrap !important;
  }
  .site-header-blueprint .header-utility-chip:nth-child(1){min-width:96px !important;}
  .site-header-blueprint .header-utility-chip:nth-child(2){min-width:126px !important;}
  .site-header-blueprint .header-blueprint-cta{min-width:136px !important;}
  .site-header-blueprint .social-links-header-blueprint{
    grid-column:5 !important;
    justify-self:end !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:8px !important;
    width:72px !important;
    min-width:72px !important;
    margin:0 !important;
  }
  .site-header-blueprint .social-links-header-blueprint a{width:34px !important;height:34px !important;flex:0 0 34px !important;}
  .site-header-blueprint .header-nav-spacer,
  .site-header-blueprint .nav-mobile-toggle{display:none !important;}
  html.translated-ltr .site-header-blueprint .site-nav-blueprint > a,
  html.translated-ltr .site-header-blueprint .nav-dropdown-head > a,
  body.translated-ltr .site-header-blueprint .site-nav-blueprint > a,
  body.translated-ltr .site-header-blueprint .nav-dropdown-head > a{
    min-width:70px !important;
    font-size:15px !important;
  }
}
@media (min-width:1240px) and (max-width:1560px){
  .site-header-blueprint .header-blueprint-shell{
    width:calc(100% - 36px) !important;
    grid-template-columns:180px minmax(470px,540px) 290px max-content 64px !important;
    column-gap:12px !important;
  }
  .site-header-blueprint .header-blueprint-brand{width:170px !important;max-width:170px !important;}
  .site-header-blueprint .site-logo-large{max-width:166px !important;}
  .site-header-blueprint .site-nav-blueprint > a,
  .site-header-blueprint .nav-dropdown-head > a{min-width:58px !important;font-size:14px !important;padding:0 4px !important;}
  .site-header-blueprint .header-search-blueprint{width:480px !important;min-width:320px !important;max-width:480px !important;}
  .site-header-blueprint .header-utility-chip,
  .site-header-blueprint .header-blueprint-cta{padding:0 13px !important;font-size:13px !important;}
  .site-header-blueprint .header-utility-chip:nth-child(1){min-width:82px !important;}
  .site-header-blueprint .header-utility-chip:nth-child(2){min-width:112px !important;}
  .site-header-blueprint .header-blueprint-cta{min-width:112px !important;}
  .site-header-blueprint .social-links-header-blueprint{width:64px !important;min-width:64px !important;}
  .site-header-blueprint .social-links-header-blueprint a{width:30px !important;height:30px !important;flex-basis:30px !important;}
}
@media (min-width:1240px) and (max-width:1360px){
  .site-header-blueprint .header-blueprint-shell{
    grid-template-columns:160px minmax(420px,480px) 260px max-content 58px !important;
    column-gap:10px !important;
  }
  .site-header-blueprint .site-nav-blueprint > a,
  .site-header-blueprint .nav-dropdown-head > a{min-width:52px !important;font-size:13px !important;}
  .site-header-blueprint .header-search-blueprint{width:440px !important;min-width:280px !important;max-width:440px !important;}
  .site-header-blueprint .header-blueprint-tools{gap:7px !important;}
}

.header-search-suggest{
  left:auto !important;
  right:0 !important;
  transform:none !important;
  width:min(640px,calc(100vw - 48px)) !important;
  max-width:min(640px,calc(100vw - 48px)) !important;
  grid-template-columns:1fr !important;
}
.header-search-suggest-grid{
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:12px !important;
}
.header-search-suggest-grid section{min-width:0 !important;}
.header-search-suggest a{font-size:15px !important;}

.product-detail-v24-section > .shell.product-detail-v24-shell,
.product-detail-v24-shell,
.product-detail-v24-section > .shell.product-breadcrumb-v20,
.product-breadcrumb-v20{
  width:min(var(--front-shell-max),calc(100% - var(--front-shell-pad))) !important;
  max-width:var(--front-shell-max) !important;
}
.product-detail-v24-hero{
  grid-template-columns:320px minmax(0,1fr) 280px !important;
  align-items:stretch !important;
  min-height:445px !important;
}
.product-detail-v24-media,
.product-detail-v24-summary,
.product-detail-v24-side{min-width:0 !important;}
.product-detail-v24-copy{
  min-height:116px !important;
  align-content:start !important;
}
.product-detail-v24-copy h1{
  min-height:64px !important;
  line-height:1.04 !important;
  letter-spacing:-.035em !important;
}
.product-v24-name{min-height:24px !important;line-height:1.35 !important;}
.product-v24-desc{min-height:44px !important;line-height:1.55 !important;}
.product-v24-specgrid{grid-template-columns:repeat(4,minmax(0,1fr)) !important;align-items:stretch !important;}
.product-v24-speccell{min-height:86px !important;align-content:center !important;}
.product-v24-speccell span,
.product-v27-attribute-row span,
.product-side-meta-v24 span{line-height:1.2 !important;}
.product-v24-speccell strong,
.product-v27-attribute-row strong,
.product-side-meta-v24 strong{line-height:1.35 !important;word-break:break-word !important;}
.product-v24-actionrow{min-height:52px !important;align-items:center !important;}
.product-side-card-v24{height:100% !important;min-height:360px !important;justify-content:space-between !important;}
.product-side-meta-v24{min-height:128px !important;align-content:center !important;}
.product-v27-detail-module{min-height:240px !important;}
.product-v27-attribute-row{min-height:88px !important;align-content:center !important;}
.product-v27-buying-list div{min-height:48px !important;}
html.translated-ltr .product-detail-v24-copy,
body.translated-ltr .product-detail-v24-copy{min-height:126px !important;}
html.translated-ltr .product-v24-speccell,
body.translated-ltr .product-v24-speccell{min-height:90px !important;}
@media (max-width:1180px){
  .product-detail-v24-section > .shell.product-detail-v24-shell,
  .product-detail-v24-shell,
  .product-detail-v24-section > .shell.product-breadcrumb-v20,
  .product-breadcrumb-v20{width:min(100%,calc(100% - 28px)) !important;max-width:none !important;}
  .product-detail-v24-hero{min-height:0 !important;grid-template-columns:280px minmax(0,1fr) !important;}
}
@media (max-width:900px){
  .product-detail-v24-copy,
  .product-detail-v24-copy h1,
  .product-v24-name,
  .product-v24-desc{min-height:0 !important;}
  .product-side-card-v24{height:auto !important;min-height:0 !important;}
}

/* v27.7 product detail de-duplication: distribution-style detail page with separated technical and procurement data */
.product-detail-v277-section{background:#f7fbff;}
.product-detail-v277-shell{gap:22px !important;}
.product-detail-v277-hero{
  grid-template-columns:320px minmax(0,1fr) 300px !important;
  gap:24px !important;
  min-height:0 !important;
  padding:24px !important;
  align-items:stretch !important;
}
.product-detail-v277-main-image{height:330px !important;}
.product-detail-v277-copy{min-height:0 !important;gap:8px !important;}
.product-v277-titleline{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-height:28px;}
.product-v277-category-tag{display:inline-flex;align-items:center;min-height:24px;padding:0 10px;border-radius:999px;background:#edf6ff;color:#0b72e7;font-size:12px;font-weight:800;}
.product-detail-v277-copy h1{min-height:0 !important;font-size:clamp(46px,4.2vw,64px) !important;line-height:.98 !important;letter-spacing:-.045em !important;}
.product-detail-v277-copy .product-v24-name{min-height:0 !important;font-size:18px !important;}
.product-detail-v277-copy .product-v24-desc{min-height:0 !important;max-width:74ch !important;}
.product-v277-summary-strip{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin-top:8px;
}
.product-v277-summary-strip div{
  display:grid;
  gap:6px;
  min-height:78px;
  padding:12px 14px;
  border:1px solid #dfe9f5;
  border-radius:16px;
  background:linear-gradient(180deg,#fff 0%,#f6faff 100%);
}
.product-v277-summary-strip span{font-size:11px;font-weight:850;letter-spacing:.08em;text-transform:uppercase;color:#70839c;}
.product-v277-summary-strip strong{font-size:15px;line-height:1.35;color:#0f2746;word-break:break-word;}
.product-v277-actionrow{margin-top:4px;min-height:46px !important;}
.product-v277-rfq-card{min-height:0 !important;height:100% !important;padding:22px !important;gap:14px !important;justify-content:start !important;}
.product-v277-rfq-card .side-card-kicker{font-size:12px;letter-spacing:.08em;}
.product-v277-rfq-card h3{font-size:13px !important;margin:0;}
.product-v277-rfq-card .product-side-stock-v24{font-size:42px !important;margin:0;}
.product-v277-rfq-note{display:grid;gap:8px;margin:4px 0 6px;padding:14px;border-radius:16px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.18);}
.product-v277-rfq-note span{font-size:13px;line-height:1.35;color:rgba(255,255,255,.86);}
.product-v277-rfq-card .btn{margin-top:auto;}
.product-v277-detail-module{min-height:0 !important;padding:24px !important;border-radius:28px !important;}
.product-v277-section-head{grid-template-columns:minmax(0,1fr);margin-bottom:16px !important;}
.product-v277-section-head h2{font-size:32px !important;}
.product-v277-section-head p{max-width:820px !important;}
.product-v277-attributes-layout{grid-template-columns:minmax(0,1fr) 360px !important;gap:18px !important;align-items:start;}
.product-v277-attribute-card,.product-v277-buying-card{border-radius:22px !important;box-shadow:0 10px 28px rgba(8,24,52,.045) !important;}
.product-v277-attribute-card{padding:18px !important;}
.product-v277-buying-card{position:sticky;top:104px;padding:18px !important;}
.product-v277-card-title{margin-bottom:12px !important;}
.product-v277-card-title h3{font-size:19px !important;}
.product-v277-attribute-table{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:10px !important;}
.product-v277-attribute-row{min-height:72px !important;padding:12px 14px !important;background:#f8fbff !important;}
.product-v277-buying-list{gap:0 !important;margin-bottom:14px !important;border:1px solid #e6edf6;border-radius:16px;overflow:hidden;background:#fff;}
.product-v277-buying-list div{min-height:44px !important;padding:10px 12px !important;border-bottom:1px solid #edf3f8 !important;}
.product-v277-buying-list div:last-child{border-bottom:0 !important;}
.product-v277-buying-list span{font-size:12px !important;}
.product-v277-buying-list strong{font-size:14px !important;}
.product-v277-doc-card{padding:14px !important;border-radius:16px !important;gap:10px !important;}
.product-v277-overview-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:18px;}
.product-v277-info-card{min-height:0 !important;padding:24px !important;border-radius:28px !important;}
.product-v277-info-card::before{height:4px !important;}
.product-v277-card-kicker{display:inline-flex;margin-bottom:10px;font-size:12px;font-weight:850;letter-spacing:.08em;text-transform:uppercase;color:#0b72e7;}
.product-v277-info-card h2{font-size:28px !important;margin:0 0 10px !important;}
.product-v277-info-card p{font-size:15px !important;line-height:1.7 !important;}
.product-v277-bullets{gap:10px !important;}
.product-v277-related-section{padding:24px !important;border-radius:28px !important;}
.product-v277-inquiry-section{padding:24px !important;border-radius:28px !important;}
.product-side-meta-v24{display:none !important;}
.product-v24-specgrid{display:none !important;}
.product-v24-dual{display:none !important;}
.product-v24-section{display:none !important;}
@media (min-width:1600px){
  .product-v277-attribute-table{grid-template-columns:repeat(3,minmax(0,1fr)) !important;}
}
@media (max-width:1180px){
  .product-detail-v277-hero{grid-template-columns:280px minmax(0,1fr) !important;}
  .product-v277-summary-strip{grid-template-columns:repeat(2,minmax(0,1fr));}
  .product-v277-attributes-layout,.product-v277-overview-grid{grid-template-columns:1fr !important;}
  .product-v277-buying-card{position:static;}
}
@media (max-width:900px){
  .product-detail-v277-hero{grid-template-columns:1fr !important;padding:18px !important;}
  .product-detail-v277-main-image{height:260px !important;}
  .product-v277-summary-strip,.product-v277-attribute-table{grid-template-columns:1fr !important;}
  .product-detail-v277-copy h1{font-size:42px !important;}
}


/* v27.8 product detail structure repair: remove repeated purchasing fields and turn empty left area into component/RFQ support content */
.product-detail-v278-section{background:linear-gradient(180deg,#f7fbff 0%,#ffffff 46%,#f7fbff 100%);}
.product-detail-v278-shell{gap:24px !important;}
.product-detail-v278-hero{grid-template-columns:320px minmax(0,1fr) 280px !important;box-shadow:0 24px 70px rgba(8,31,66,.07);}
.product-detail-v278-copy h1{overflow-wrap:anywhere;}
.product-v278-summary-strip{grid-template-columns:repeat(4,minmax(0,1fr));}
.product-v278-summary-strip div{min-height:72px;}
.product-v278-rfq-card{background:linear-gradient(160deg,#082d61 0%,#0b72e7 100%) !important;overflow:hidden;position:relative;}
.product-v278-rfq-card::after{content:"";position:absolute;right:-48px;top:-48px;width:132px;height:132px;border-radius:999px;background:rgba(255,255,255,.12);}
.product-v278-rfq-card h3{font-size:24px !important;line-height:1.12 !important;color:#fff !important;position:relative;z-index:1;}
.product-v278-rfq-list{display:grid;gap:9px;position:relative;z-index:1;margin:2px 0 8px;}
.product-v278-rfq-list span{display:flex;align-items:center;gap:8px;min-height:34px;padding:8px 10px;border-radius:12px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.18);color:rgba(255,255,255,.9);font-size:13px;font-weight:800;line-height:1.25;}
.product-v278-rfq-list span::before{content:"";width:7px;height:7px;border-radius:999px;background:#8bd3ff;box-shadow:0 0 0 4px rgba(139,211,255,.14);flex:0 0 auto;}
.product-v278-detail-module{padding:28px !important;}
.product-v278-section-head h2{max-width:840px;}
.product-v278-support-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:18px;align-items:start;}
.product-v278-attribute-card{min-height:100%;}
.product-v278-attribute-table{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
.product-v278-attribute-row{border:1px solid #e2edf8 !important;background:linear-gradient(180deg,#fff 0%,#f7fbff 100%) !important;}
.product-v278-attribute-row span{color:#687d96 !important;}
.product-v278-support-stack{display:grid;gap:14px;position:sticky;top:104px;}
.product-v278-support-card{padding:18px;border:1px solid #dfe9f5;border-radius:22px;background:#fff;box-shadow:0 10px 28px rgba(8,24,52,.045);}
.product-v278-support-card .btn{margin-top:4px;}
.product-v278-list{display:grid;gap:10px;margin:0;padding:0;list-style:none;}
.product-v278-list li{position:relative;padding-left:18px;color:#334963;font-size:14px;line-height:1.55;}
.product-v278-list li::before{content:"";position:absolute;left:0;top:.7em;width:7px;height:7px;border-radius:99px;background:#0b72e7;}
.product-v278-checklist{display:grid;grid-template-columns:1fr;gap:8px;}
.product-v278-checklist span{display:flex;align-items:center;min-height:38px;padding:9px 12px;border-radius:12px;background:#f7fbff;border:1px solid #e4edf7;color:#17345c;font-size:13px;font-weight:850;}
.product-v278-info-card,.product-v278-related-section,.product-v278-inquiry-section{box-shadow:0 16px 44px rgba(8,31,66,.055);}
.product-side-floatnav-v278{top:46%;}
.product-side-floatnav-v278 a{font-size:12px;padding:10px 13px;}
@media (min-width:1600px){.product-v278-attribute-table{grid-template-columns:repeat(3,minmax(0,1fr)) !important;}}
@media (max-width:1180px){.product-detail-v278-hero{grid-template-columns:280px minmax(0,1fr) !important;}.product-v278-support-grid{grid-template-columns:1fr;}.product-v278-support-stack{position:static;}.product-v278-summary-strip{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width:900px){.product-detail-v278-hero{grid-template-columns:1fr !important;}.product-v278-summary-strip,.product-v278-attribute-table{grid-template-columns:1fr !important;}.product-v278-detail-module{padding:18px !important;}.product-v278-support-card{padding:16px;}}

.admin-body .admin-content-shell-classic{
  max-width:1560px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}
.home-fusion-v279-hero{padding:28px 0 44px;background:linear-gradient(180deg,#f6fbff 0%,#fff 100%);}
.home-fusion-v279-hero-card{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:28px;align-items:stretch;border:1px solid #dfe9f5;border-radius:32px;background:#fff;box-shadow:0 28px 70px rgba(7,32,66,.08);overflow:hidden;}
.home-fusion-v279-hero-copy{display:grid;align-content:center;gap:18px;padding:46px 48px;min-width:0;}
.home-fusion-v279-kicker{display:inline-flex;width:max-content;align-items:center;min-height:30px;padding:0 12px;border-radius:999px;background:#eef6ff;color:#0b72e7;font-size:12px;font-weight:850;letter-spacing:.08em;text-transform:uppercase;}
.home-fusion-v279-hero-copy h1{margin:0;color:#102846;font-size:clamp(42px,4.2vw,62px);line-height:1.02;letter-spacing:-.045em;text-wrap:balance;}
.home-fusion-v279-hero-copy p{margin:0;max-width:700px;color:#5f738c;font-size:17px;line-height:1.7;}
.home-fusion-v279-search{display:grid;grid-template-columns:minmax(0,1fr) 124px;gap:10px;max-width:680px;padding:8px;border:1px solid #dce7f5;border-radius:20px;background:#f7fbff;box-shadow:inset 0 1px 0 rgba(255,255,255,.9);}
.home-fusion-v279-search input{width:100%;height:48px;border:0;background:transparent;padding:0 12px;font-size:15px;color:#102846;outline:0;}
.home-fusion-v279-search button{height:48px;border:0;border-radius:15px;background:#0b72e7;color:#fff;font-weight:850;cursor:pointer;box-shadow:0 12px 24px rgba(11,114,231,.2);}
.home-fusion-v279-actions,.home-fusion-v279-final-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
.home-fusion-v279-proof{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:4px;}
.home-fusion-v279-proof span{display:inline-flex;align-items:center;min-height:32px;padding:0 12px;border-radius:999px;background:#f2f7fd;color:#17345c;border:1px solid #e0ebf6;font-size:12px;font-weight:800;}
.home-fusion-v279-hero-media{position:relative;min-height:440px;background:#071b37;overflow:hidden;}
.home-fusion-v279-hero-media img{width:100%;height:100%;object-fit:cover;display:block;opacity:.88;}
.home-fusion-v279-hero-media::after{content:"";position:absolute;inset:0;background:linear-gradient(160deg,rgba(7,27,55,.25),rgba(11,114,231,.16));}
.home-fusion-v279-hero-panel{position:absolute;left:24px;right:24px;bottom:24px;z-index:2;display:grid;gap:6px;padding:18px 20px;border-radius:22px;background:rgba(255,255,255,.92);border:1px solid rgba(255,255,255,.78);box-shadow:0 18px 42px rgba(5,24,50,.18);backdrop-filter:blur(12px);}
.home-fusion-v279-hero-panel strong{color:#0b72e7;font-size:26px;line-height:1;font-weight:900;}
.home-fusion-v279-hero-panel span{color:#314b68;font-weight:750;line-height:1.45;}
.home-fusion-v279-services,.home-fusion-v279-products,.home-fusion-v279-insights,.home-fusion-v279-conversion,.home-fusion-v279-final-cta{padding-top:42px;padding-bottom:42px;}
.home-fusion-v279-service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;}
.home-fusion-v279-service-card{display:grid;gap:12px;min-height:220px;padding:24px;border:1px solid #dde8f5;border-radius:24px;background:#fff;color:#17345c;box-shadow:0 16px 36px rgba(8,31,66,.055);}
.home-fusion-v279-service-card span{width:42px;height:42px;border-radius:14px;background:#eef6ff;color:#0b72e7;display:grid;place-items:center;font-weight:900;font-size:13px;}
.home-fusion-v279-service-card h3{margin:0;font-size:20px;line-height:1.2;color:#102846;}
.home-fusion-v279-service-card p{margin:0;color:#61758e;line-height:1.65;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;}
.home-fusion-v279-market{padding-top:44px;padding-bottom:44px;}
.home-fusion-v279-market-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:18px;align-items:stretch;}
.home-fusion-v279-market-card{padding:28px;border:1px solid #dce8f5;border-radius:28px;background:#fff;box-shadow:0 18px 44px rgba(8,31,66,.055);}
.home-fusion-v279-card-head{display:grid;gap:8px;margin-bottom:20px;}
.home-fusion-v279-card-head h2{margin:0;font-size:clamp(26px,2.6vw,36px);line-height:1.12;color:#102846;letter-spacing:-.025em;}
.home-fusion-v279-category-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
.home-fusion-v279-category-list a{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:14px 16px;border-radius:16px;background:#f7fbff;border:1px solid #e2edf8;color:#17345c;}
.home-fusion-v279-category-list strong{font-size:14px;line-height:1.25;}
.home-fusion-v279-category-list span{font-size:12px;color:#6c7f96;white-space:nowrap;}
.home-fusion-v279-brand-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;}
.home-fusion-v279-brand-list a{display:flex;align-items:center;justify-content:center;min-height:48px;padding:10px;border-radius:15px;background:#f7fbff;border:1px solid #e2edf8;color:#17345c;font-weight:850;text-align:center;}
.home-fusion-v279-conversion-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;}
.home-fusion-v279-action-card{position:relative;overflow:hidden;display:grid;align-content:start;gap:12px;min-height:260px;padding:30px;border-radius:30px;color:#fff;background:linear-gradient(145deg,#071b37,#0b72e7);box-shadow:0 24px 54px rgba(7,32,66,.13);}
.home-fusion-v279-action-card.is-bom{background:linear-gradient(145deg,#102846,#2a7fd6);}
.home-fusion-v279-action-card::after{content:"";position:absolute;right:-54px;bottom:-54px;width:180px;height:180px;border-radius:999px;background:rgba(255,255,255,.12);}
.home-fusion-v279-action-card span{position:relative;z-index:1;width:max-content;padding:7px 11px;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.18);font-size:12px;font-weight:900;letter-spacing:.08em;}
.home-fusion-v279-action-card h2{position:relative;z-index:1;margin:0;font-size:clamp(28px,3vw,42px);line-height:1.08;letter-spacing:-.035em;color:#fff;}
.home-fusion-v279-action-card p{position:relative;z-index:1;margin:0;max-width:540px;color:rgba(255,255,255,.82);line-height:1.7;}
.home-fusion-v279-action-card strong{position:relative;z-index:1;margin-top:auto;width:max-content;padding:12px 16px;border-radius:15px;background:#fff;color:#0b72e7;font-size:14px;}
.home-fusion-v279-product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;}
.home-fusion-v279-product-card{overflow:hidden;border:1px solid #dce8f5;border-radius:22px;background:#fff;box-shadow:0 14px 34px rgba(8,31,66,.055);}
.home-fusion-v279-product-image{display:block;height:168px;background:#f5f9fd;border-bottom:1px solid #edf3f9;}
.home-fusion-v279-product-image img{width:100%;height:100%;object-fit:contain;padding:18px;display:block;}
.home-fusion-v279-product-body{display:grid;gap:9px;padding:18px;}
.home-fusion-v279-product-body span{color:#0b72e7;font-size:12px;font-weight:850;text-transform:uppercase;letter-spacing:.06em;}
.home-fusion-v279-product-body h3{margin:0;font-size:17px;line-height:1.25;word-break:break-word;}
.home-fusion-v279-product-body p{min-height:42px;margin:0;color:#647890;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.home-fusion-v279-product-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:4px;}
.home-fusion-v279-product-actions a{display:flex;align-items:center;justify-content:center;min-height:38px;border-radius:13px;background:#f1f7ff;color:#17406f;font-size:12px;font-weight:850;text-align:center;}
.home-fusion-v279-product-actions a:last-child{background:#0b72e7;color:#fff;}
.home-fusion-v279-insight-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;}
.home-fusion-v279-insight-card{overflow:hidden;border:1px solid #dce8f5;border-radius:24px;background:#fff;box-shadow:0 14px 34px rgba(8,31,66,.055);}
.home-fusion-v279-insight-card img{width:100%;height:170px;object-fit:cover;display:block;background:#f5f9fd;}
.home-fusion-v279-insight-card div{display:grid;gap:8px;padding:18px;}
.home-fusion-v279-insight-card span{color:#0b72e7;font-size:12px;font-weight:850;text-transform:uppercase;letter-spacing:.06em;}
.home-fusion-v279-insight-card h3{margin:0;font-size:18px;line-height:1.25;}
.home-fusion-v279-insight-card p{margin:0;color:#63778f;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.home-fusion-v279-final-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center;padding:32px;border-radius:30px;background:linear-gradient(145deg,#071b37,#0b72e7);color:#fff;box-shadow:0 24px 54px rgba(7,32,66,.14);}
.home-fusion-v279-final-card h2{margin:8px 0 8px;color:#fff;font-size:clamp(28px,3vw,42px);line-height:1.12;letter-spacing:-.035em;}
.home-fusion-v279-final-card p{margin:0;max-width:720px;color:rgba(255,255,255,.82);line-height:1.7;}
.home-fusion-v279-final-card .section-tag{background:rgba(255,255,255,.14);color:#fff;border-color:rgba(255,255,255,.22);}
.home-fusion-v279-final-card .btn-outline{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.28);color:#fff;}
@media (max-width:1080px){
  .home-fusion-v279-hero-card,.home-fusion-v279-market-grid,.home-fusion-v279-conversion-grid,.home-fusion-v279-final-card{grid-template-columns:1fr;}
  .home-fusion-v279-hero-media{min-height:320px;}
  .home-fusion-v279-service-grid,.home-fusion-v279-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .home-fusion-v279-insight-grid{grid-template-columns:1fr;}
}
@media (max-width:720px){
  .home-fusion-v279-hero-copy{padding:30px 20px;}
  .home-fusion-v279-hero-copy h1{font-size:36px;}
  .home-fusion-v279-search{grid-template-columns:1fr;}
  .home-fusion-v279-service-grid,.home-fusion-v279-category-list,.home-fusion-v279-brand-list,.home-fusion-v279-product-grid{grid-template-columns:1fr;}
  .home-fusion-v279-market-card,.home-fusion-v279-action-card,.home-fusion-v279-final-card{padding:22px;border-radius:24px;}
  .home-fusion-v279-product-actions{grid-template-columns:1fr;}
}


body.is-home-page {
  background:
    radial-gradient(circle at 10% 0%, rgba(11,124,255,.07), transparent 28%),
    linear-gradient(180deg, #f8fbff 0%, #ffffff 45%, #f4f8fd 100%);
}
.jaron-home-v283 {
  --j283-blue: #0b7cff;
  --j283-blue-2: #1c94ff;
  --j283-dark: #071a33;
  --j283-text: #17233a;
  --j283-muted: #64748b;
  --j283-line: rgba(28, 76, 135, .12);
  --j283-soft: #f1f7ff;
  color: var(--j283-text);
}
.j283-section { padding: 56px 0; }
.j283-hero { padding: 34px 0 30px; }
.j283-hero-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(420px, .75fr);
  gap: 24px;
  padding: 34px;
  border: 1px solid var(--j283-line);
  border-radius: 30px;
  background:
    radial-gradient(circle at top right, rgba(11,124,255,.13), transparent 30%),
    linear-gradient(135deg, #ffffff 0%, #f6fbff 58%, #eef6ff 100%);
  box-shadow: 0 20px 60px rgba(10, 44, 85, .10);
}
.j283-hero-copy { padding: 18px 10px; }
.j283-eyebrow {
  display: inline-flex;
  margin-bottom: 14px;
  padding: 7px 12px;
  border-radius: 999px;
  background: rgba(11,124,255,.08);
  color: var(--j283-blue);
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.j283-hero-copy h1 {
  max-width: 1000px;
  margin-bottom: 18px;
  color: var(--j283-dark);
  font-size: clamp(42px, 4.2vw, 76px);
  line-height: 1.02;
  letter-spacing: -.045em;
}
.j283-hero-copy p {
  max-width: 920px;
  color: #506078;
  font-size: 18px;
  line-height: 1.72;
}
.j283-searchbar {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 10px;
  max-width: 920px;
  margin: 26px 0 18px;
  padding: 8px;
  border: 1px solid rgba(11,124,255,.16);
  border-radius: 999px;
  background: #fff;
  box-shadow: 0 14px 34px rgba(11,124,255,.12);
}
.j283-searchbar input {
  min-width: 0;
  border: 0;
  outline: 0;
  background: transparent;
  padding: 0 16px;
  color: var(--j283-text);
}
.j283-searchbar button,
.j283-btn-primary {
  border: 0;
  background: linear-gradient(135deg, var(--j283-blue), var(--j283-blue-2));
  color: #fff;
  box-shadow: 0 12px 28px rgba(11,124,255,.22);
}
.j283-searchbar button {
  min-width: 132px;
  padding: 13px 24px;
  border-radius: 999px;
  font-weight: 800;
  cursor: pointer;
}
.j283-btn-secondary {
  background: #fff;
  border: 1px solid rgba(11,124,255,.2);
  color: var(--j283-blue);
}
.j283-btn-ghost {
  background: rgba(11,124,255,.07);
  border: 1px solid transparent;
  color: #31537c;
}
.j283-action-links { display: flex; flex-wrap: wrap; gap: 12px; }
.j283-rfq-panel {
  display: grid;
  align-content: start;
  gap: 16px;
}
.j283-panel-head,
.j283-hero-note,
.j283-access-strip a,
.j283-service-card,
.j283-link-panel,
.j283-product-row,
.j283-insights,
.j283-contact,
.j283-empty {
  border: 1px solid var(--j283-line);
  background: #fff;
  box-shadow: 0 12px 32px rgba(10, 44, 85, .08);
}
.j283-panel-head {
  padding: 22px;
  border-radius: 22px;
}
.j283-panel-head span,
.j283-hero-note span,
.j283-product-row span,
.j283-insight-list span {
  display: inline-block;
  color: var(--j283-blue);
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.j283-panel-head strong {
  display: block;
  margin-top: 8px;
  color: var(--j283-dark);
  font-size: 25px;
  line-height: 1.22;
}
.j283-flow-list { display: grid; gap: 10px; }
.j283-flow-list a {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 13px 14px;
  border-radius: 16px;
  background: rgba(255,255,255,.72);
  border: 1px solid var(--j283-line);
}
.j283-flow-list b {
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  border-radius: 12px;
  background: rgba(11,124,255,.1);
  color: var(--j283-blue);
}
.j283-flow-list span {
  color: #344966;
  font-weight: 750;
}
.j283-hero-note {
  padding: 18px 20px;
  border-radius: 18px;
}
.j283-hero-note a,
.j283-section-head a,
.j283-link-head a {
  color: var(--j283-blue);
  font-weight: 800;
}
.j283-access-strip {
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 14px;
  margin-top: 16px;
}
.j283-access-strip a {
  padding: 22px;
  border-radius: 22px;
}
.j283-access-strip span {
  display: inline-grid;
  min-width: 52px;
  height: 42px;
  place-items: center;
  margin-bottom: 14px;
  padding: 0 12px;
  border-radius: 14px;
  background: rgba(11,124,255,.09);
  color: var(--j283-blue);
  font-weight: 900;
}
.j283-access-strip strong {
  display: block;
  margin-bottom: 7px;
  color: var(--j283-dark);
  font-size: 20px;
}
.j283-access-strip em,
.j283-service-card p,
.j283-link-panel p,
.j283-conversion-row span,
.j283-product-row p,
.j283-insight-list em,
.j283-contact p {
  color: var(--j283-muted);
  line-height: 1.58;
  font-style: normal;
}
.j283-section-head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 24px;
}
.j283-section-head.compact { align-items: start; }
.j283-section-head h2 {
  max-width: 980px;
  color: var(--j283-dark);
  font-size: clamp(30px, 2.7vw, 48px);
  letter-spacing: -.025em;
}
.j283-services-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0,1fr));
  gap: 14px;
}
.j283-service-card {
  min-height: 210px;
  padding: 22px;
  border-radius: 22px;
}
.j283-service-card small {
  color: var(--j283-blue);
  font-weight: 900;
}
.j283-service-card strong {
  display: block;
  margin: 22px 0 10px;
  color: var(--j283-dark);
  font-size: 22px;
  line-height: 1.16;
}
.j283-sourcing {
  background: linear-gradient(180deg, #f6faff, #eef6ff);
}
.j283-sourcing-layout {
  display: grid;
  grid-template-columns: .82fr 1.18fr;
  gap: 20px;
  align-items: stretch;
}
.j283-sourcing-intro {
  padding: 30px;
  border-radius: 28px;
  background: linear-gradient(135deg, #071a33, #0d3568);
  color: #fff;
  box-shadow: 0 18px 46px rgba(10,44,85,.14);
}
.j283-sourcing-intro h2 {
  color: #fff;
  font-size: clamp(32px, 3vw, 52px);
}
.j283-sourcing-intro p {
  color: rgba(255,255,255,.78);
}
.j283-sourcing-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 24px; }
.j283-index-panels {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
.j283-link-panel {
  padding: 26px;
  border-radius: 24px;
}
.j283-link-head {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 18px;
}
.j283-link-head strong {
  color: var(--j283-dark);
  font-size: 24px;
}
.j283-link-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 10px;
}
.j283-link-list a {
  padding: 11px 13px;
  border-radius: 14px;
  background: #f7fbff;
  color: #263a5f;
  font-weight: 750;
}
.j283-conversion-row {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 16px;
  margin-top: 16px;
}
.j283-conversion-row a {
  padding: 22px;
  border-radius: 22px;
  background: #fff;
  border: 1px solid var(--j283-line);
}
.j283-conversion-row strong {
  display: block;
  margin-bottom: 8px;
  color: var(--j283-dark);
  font-size: 22px;
}
.j283-product-table { display: grid; gap: 12px; }
.j283-product-row {
  display: grid;
  grid-template-columns: minmax(220px,.35fr) minmax(260px,1fr) minmax(180px,.28fr) auto;
  gap: 18px;
  align-items: center;
  padding: 16px 18px;
  border-radius: 20px;
}
.j283-part strong {
  display: block;
  margin-top: 5px;
  color: var(--j283-dark);
  font-size: 21px;
}
.j283-product-row p { margin: 0; }
.j283-tags {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.j283-tags em {
  padding: 6px 10px;
  border-radius: 999px;
  background: var(--j283-soft);
  color: #31537c;
  font-size: 12px;
}
.j283-row-actions {
  display: flex;
  gap: 8px;
}
.j283-row-actions a {
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(11,124,255,.08);
  color: var(--j283-blue);
  font-weight: 800;
  font-size: 13px;
}
.j283-bottom {
  padding-bottom: 76px;
}
.j283-bottom-layout {
  display: grid;
  grid-template-columns: .9fr 1.1fr;
  gap: 18px;
}
.j283-insights,
.j283-contact {
  padding: 28px;
  border-radius: 28px;
}
.j283-insight-list {
  display: grid;
  gap: 12px;
}
.j283-insight-list a {
  padding: 16px;
  border: 1px solid var(--j283-line);
  border-radius: 18px;
  background: #f8fbff;
}
.j283-insight-list strong {
  display: block;
  margin: 6px 0;
  color: var(--j283-dark);
  font-size: 19px;
}
.j283-contact {
  background:
    radial-gradient(circle at top left, rgba(11,124,255,.12), transparent 30%),
    linear-gradient(135deg, #071a33, #0d2d55);
  color: #fff;
}
.j283-contact h2 {
  color: #fff;
  font-size: clamp(30px, 2.8vw, 48px);
}
.j283-contact p {
  color: rgba(255,255,255,.78);
}
.j283-contact-form {
  display: grid;
  gap: 13px;
  margin-top: 18px;
}
.j283-form-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 13px;
}
.j283-contact-form label {
  display: grid;
  gap: 7px;
  color: rgba(255,255,255,.9);
  font-size: 14px;
}
.j283-contact-form input,
.j283-contact-form select,
.j283-contact-form textarea {
  width: 100%;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 14px;
  background: rgba(255,255,255,.08);
  color: #fff;
  padding: 13px 14px;
}
.j283-contact-form select option { color: #111827; }
.j283-contact-form textarea { resize: vertical; }
.j283-empty {
  padding: 28px;
  border-radius: 22px;
  color: var(--j283-muted);
}
@media (max-width: 1680px) {
  .public-body .shell {
    width: min(100%, calc(100% - 56px)) !important;
    max-width: none !important;
  }
}
@media (max-width: 1360px) {
  .j283-hero-layout,
  .j283-sourcing-layout,
  .j283-bottom-layout {
    grid-template-columns: 1fr;
  }
  .j283-services-grid {
    grid-template-columns: repeat(3, minmax(0,1fr));
  }
}
@media (max-width: 980px) {
  .public-body .shell {
    width: min(100%, calc(100% - 28px)) !important;
  }
  .j283-hero-layout,
  .j283-sourcing-intro,
  .j283-insights,
  .j283-contact {
    padding: 22px;
    border-radius: 22px;
  }
  .j283-access-strip,
  .j283-index-panels,
  .j283-conversion-row,
  .j283-product-row,
  .j283-form-grid {
    grid-template-columns: 1fr;
  }
  .j283-services-grid {
    grid-template-columns: 1fr;
  }
  .j283-section-head,
  .j283-link-head {
    align-items: start;
    flex-direction: column;
  }
  .j283-link-list {
    grid-template-columns: 1fr;
  }
}


/* ===== 前台美化增强 (v5.21) ===== */

/* 卡片悬浮动效 */
.card, .product-card, .post-card, .industry-card, .process-step, .portfolio-card,
.link-card, .feature-card, .dynamic-card-item {
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}
.card:hover, .product-card:hover, .post-card:hover, .industry-card:hover,
.process-step:hover, .portfolio-card:hover, .link-card:hover,
.feature-card:hover, .dynamic-card-item:hover, .hover-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 24px 56px rgba(8, 17, 31, 0.16);
  border-color: rgba(11, 124, 255, 0.18);
}

/* 产品卡片图片缩放 */
.product-card-image img {
  transition: transform 0.4s ease;
}
.product-card:hover .product-card-image img {
  transform: scale(1.04);
}

/* 博文卡片图片缩放 */
.post-card img {
  transition: transform 0.4s ease;
}
.post-card:hover img {
  transform: scale(1.03);
}

/* 按钮悬浮增强 */
.btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 16px 36px rgba(11, 124, 255, 0.32);
}
.btn-outline:hover {
  transform: translateY(-1px);
  border-color: var(--accent);
  background: rgba(11, 124, 255, 0.08);
}

/* CTA横幅背景增强 */
.cta-band {
  padding: 28px 32px;
  border-radius: var(--radius-lg);
  background: linear-gradient(135deg, #f0f6ff 0%, #e8f2ff 100%);
  border: 1px solid rgba(11, 124, 255, 0.08);
}
.section-dark .cta-band, .dynamic-section-dark-band .cta-band {
  background: linear-gradient(135deg, rgba(255,255,255,0.06), rgba(255,255,255,0.02));
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: var(--radius-lg);
}

/* 区块间距优化 */
.section {
  padding: 52px 0;
}
.section + .section {
  padding-top: 0;
}
.section:first-of-type {
  padding-top: 48px;
}

/* 首页统计数字动效 */
.stats-band-item strong {
  font-size: clamp(32px, 4vw, 48px);
  background: linear-gradient(135deg, var(--accent), #2f8cff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* 页脚社交图标 */
.social-links svg {
  width: 20px;
  height: 20px;
  fill: currentColor;
  opacity: 0.72;
  transition: opacity 0.2s ease, transform 0.2s ease;
}
.social-links a:hover svg {
  opacity: 1;
  transform: translateY(-2px);
}
.social-links {
  display: flex;
  align-items: center;
  gap: 4px;
}
.social-links a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border-radius: 999px;
  transition: background 0.2s ease;
}
.social-links a:hover {
  background: rgba(11, 124, 255, 0.08);
}
.site-footer .social-links a:hover {
  background: rgba(255, 255, 255, 0.1);
}

/* FAQ折叠展开动效 */
.faq-item .rich-text {
  overflow: hidden;
  transition: max-height 0.35s ease, opacity 0.35s ease, padding 0.35s ease;
}
.faq-item[open] .rich-text {
  animation: faqSlideIn 0.35s ease;
}
@keyframes faqSlideIn {
  from { opacity: 0; transform: translateY(-8px); }
  to { opacity: 1; transform: translateY(0); }
}

/* 产品详情页规格卡片 */
.product-v27-attribute-card, .product-v277-attribute-card, .product-v278-attribute-card {
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.product-v27-attribute-card:hover, .product-v277-attribute-card:hover,
.product-v278-attribute-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 16px 40px rgba(8, 17, 31, 0.1);
}

/* 流程步骤编号增强 */
.process-step .step-index {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--accent), #2f8cff);
  color: #fff;
  font-weight: 800;
  font-size: 16px;
  margin-bottom: 16px;
}

/* 顶栏Topbar改进 */
.topbar-inner {
  min-height: 40px;
}
.topbar-left, .topbar-right {
  gap: 20px;
}
.topbar-contact a {
  transition: opacity 0.2s ease;
}
.topbar-contact a:hover {
  opacity: 0.8;
}

/* 页脚链接悬停 */
.site-footer a:not(.social-links a) {
  transition: color 0.2s ease, padding-left 0.2s ease;
}
.site-footer .footer-sub-link {
  padding-left: 14px;
  position: relative;
}
.site-footer .footer-sub-link::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  width: 5px;
  height: 5px;
  border-radius: 999px;
  background: rgba(255,255,255,0.3);
  transform: translateY(-50%);
}
.site-footer a:hover {
  color: var(--accent-2);
}

/* ==============================================
   Footer v5 -- 5-col B2B footer
   Logo | Products | Services | Industries | Resources+Contact+CTA
   ============================================== */

.site-footer {
  background: linear-gradient(180deg, #06101e 0%, #0b1a2e 100%);
  border-top: 1px solid rgba(255,255,255,.06);
  color: rgba(200,218,255,.75);
  margin-top: 0;
  padding-top: 0;
}
.footer-top-band {
  padding: 56px 0 48px;
  border-bottom: 1px solid rgba(255,255,255,.07);
}
.footer-inner {
  display: grid;
  grid-template-columns: minmax(0, 1.5fr) repeat(4, minmax(0, 1fr)) minmax(0, 1.4fr);
  gap: clamp(28px, 3vw, 56px);
  align-items: start;
  width: 100%;
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
  padding-left: clamp(32px, 5vw, 100px);
  padding-right: clamp(32px, 5vw, 100px);
  box-sizing: border-box;
}

/* Col 1 brand */
.footer-brand-col {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding-right: 8px;
}
.footer-logo-wrap { display: flex; align-items: center; }
.footer-logo {
  height: 44px;
  width: auto;
  max-width: 180px;
  object-fit: contain;
  filter: brightness(0) invert(1);
  opacity: .88;
}
.footer-brand-mark {
  font-size: 22px;
  font-weight: 800;
  color: #fff;
  letter-spacing: -.02em;
}
.footer-tagline {
  font-size: 13.5px;
  line-height: 1.7;
  color: rgba(200,218,255,.52);
  margin: 0;
}
.footer-certs { display: flex; flex-wrap: wrap; gap: 6px; }
.footer-cert-badge {
  display: inline-flex;
  align-items: center;
  padding: 3px 8px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 3px;
  font-size: 10px;
  font-weight: 600;
  color: rgba(200,218,255,.65);
  letter-spacing: .04em;
  background: rgba(255,255,255,.03);
}
.footer-socials { display: flex; gap: 7px; flex-wrap: wrap; margin-top: 2px; }
.footer-social-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 6px;
  background: rgba(255,255,255,.07);
  color: rgba(200,218,255,.62);
  transition: background .18s, color .18s;
  text-decoration: none;
  flex-shrink: 0;
}
.footer-social-icon:hover { background: var(--accent, #1565d8); color: #fff; }
.footer-social-icon svg { width: 14px; height: 14px; }
.footer-socials--contact { margin-top: 4px; margin-bottom: 4px; }

/* Col 2-4 nav */
.footer-nav-col {}
.footer-nav-col,
.footer-contact-cta-col {
  min-width: 0;
}
.footer-col-title {
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: rgba(255,255,255,.32);
  margin: 0 0 13px;
}
.footer-link-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.footer-link-list a {
  font-size: 14px;
  color: rgba(200,218,255,.65);
  text-decoration: none;
  line-height: 1.4;
  transition: color .15s;
  display: block;
}
.footer-link-list a:hover { color: #fff; }

/* Col 5 -- Resources + Contact + CTA stacked */
.footer-contact-cta-col {
  display: flex;
  flex-direction: column;
  gap: 0;
  min-width: 220px;
}
.footer-contact-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 7px;
}
.footer-contact-list li {
  font-size: 14px;
  color: rgba(200,218,255,.65);
  line-height: 1.6;
  white-space: normal;
  word-break: break-word;
  overflow-wrap: anywhere;
}

.footer-col-title--gap { margin-top: 22px; }
.footer-cta-btns {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding-top: 4px;
}
.footer-cta-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  padding: 10px 16px;
  border-radius: 7px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.35;
  text-decoration: none;
  transition: background .15s, border-color .15s, color .15s;
  text-align: center;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
  white-space: normal;
  word-break: keep-all;
}
.footer-cta-primary {
  background: var(--accent, #1565d8);
  color: #fff !important;
  border: 1px solid transparent;
}
.footer-cta-primary:hover { background: #1a73e8; color: #fff !important; }
.footer-cta-secondary {
  background: transparent;
  color: rgba(200,218,255,.75) !important;
  border: 1px solid rgba(255,255,255,.15);
}
.footer-cta-secondary:hover {
  background: rgba(255,255,255,.06);
  border-color: rgba(255,255,255,.28);
  color: #fff !important;
}

/* bottom bar */
.footer-bottom-bar { padding: 14px 0; }
.footer-bottom-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
  width: 100%;
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
  padding-left: clamp(32px, 5vw, 100px);
  padding-right: clamp(32px, 5vw, 100px);
  box-sizing: border-box;
}
.footer-copyright { font-size: 12px; color: rgba(200,218,255,.32); }
.footer-legal-nav { display: flex; gap: 16px; flex-wrap: wrap; }
.footer-legal-nav a {
  font-size: 12px;
  color: rgba(200,218,255,.32);
  text-decoration: none;
  transition: color .15s;
}
.footer-legal-nav a:hover { color: rgba(200,218,255,.7); }
.footer-bottom-tagline { font-size: 12px; color: rgba(200,218,255,.26); }

/* Legal policies */
.legal-page { --legal-accent: #176ed0; --legal-ink: #102b4d; --legal-surface: #f4f7fb; background: var(--legal-surface); color: #172d49; }
.legal-page--privacy { --legal-accent: #176ed0; --legal-ink: #102b4d; --legal-surface: #f4f8fc; }
.legal-page--terms { --legal-accent: #3158a8; --legal-ink: #172d55; --legal-surface: #f6f7fb; }
.legal-page--cookies { --legal-accent: #0c8172; --legal-ink: #123b40; --legal-surface: #f1faf8; }
.legal-hero { border-bottom: 1px solid #d9e4f0; box-shadow: inset 0 -3px 0 var(--legal-accent); background: #ffffff; }
.legal-hero-inner { max-width: 1180px; padding-top: 54px; padding-bottom: 42px; }
.legal-eyebrow { margin: 0 0 12px; color: var(--legal-accent); font-size: 11px; font-weight: 800; letter-spacing: 1.2px; }
.legal-hero h1 { margin: 0; color: var(--legal-ink); font-size: 42px; line-height: 1.14; letter-spacing: 0; }
.legal-hero p:not(.legal-eyebrow) { max-width: 680px; margin: 15px 0 0; color: #58708b; font-size: 16px; line-height: 1.7; }
.legal-meta { display: flex; flex-wrap: wrap; gap: 16px; margin-top: 22px; color: #6b8098; font-size: 12px; }
.legal-meta span + span { padding-left: 16px; border-left: 1px solid #d5e0eb; }
.legal-document-section { padding: 46px 0 72px; }
.legal-document-layout { display: grid; grid-template-columns: 228px minmax(0, 760px); justify-content: center; gap: 64px; align-items: start; }
.legal-sidebar { position: sticky; top: 108px; display: grid; gap: 28px; }
.legal-toc { display: grid; gap: 8px; padding-left: 14px; border-left: 2px solid var(--legal-accent); }
.legal-toc > span { margin-bottom: 4px; color: #6b8098; font-size: 11px; font-weight: 800; letter-spacing: .8px; text-transform: uppercase; }
.legal-toc a { color: #4d647d; font-size: 13px; line-height: 1.45; text-decoration: none; }
.legal-toc a:hover { color: var(--legal-accent); }
.legal-document { min-width: 0; }
.legal-intro { margin: 0 0 28px; padding: 0 0 24px; border-bottom: 1px solid #d8e3ef; color: #56708a; font-size: 15px; line-height: 1.75; }
.legal-document-section-item { display: grid; grid-template-columns: 38px minmax(0, 1fr); gap: 16px; padding: 26px 0; border-bottom: 1px solid #dce6f0; scroll-margin-top: 112px; }
.legal-document-section-item > span { padding-top: 3px; color: var(--legal-accent); font-size: 12px; font-weight: 800; }
.legal-document-section-item h2 { margin: 0; color: var(--legal-ink); font-size: 21px; line-height: 1.3; letter-spacing: 0; }
.legal-document-section-item p { margin: 9px 0 0; color: #4f6780; font-size: 14px; line-height: 1.8; }
.legal-contact-note { display: flex; justify-content: space-between; gap: 24px; align-items: center; margin-top: 30px; padding: 22px 0; border-top: 3px solid var(--legal-accent); }
.legal-contact-note strong, .legal-contact-note span { display: block; }
.legal-contact-note strong { color: var(--legal-ink); font-size: 16px; }
.legal-contact-note span { margin-top: 5px; color: #667e96; font-size: 13px; line-height: 1.55; }
.legal-contact-note a { flex: 0 0 auto; min-height: 38px; padding: 0 16px; border: 1px solid var(--legal-accent); border-radius: 5px; background: var(--legal-accent); color: #ffffff; font-size: 12px; font-weight: 700; line-height: 38px; text-decoration: none; }
.legal-contact-note a:hover { filter: brightness(.88); }
.legal-terms-layout { max-width: 940px; padding: 0; }
.legal-terms-document { max-width: 860px; margin: 0 auto; padding: 54px 0 72px; }
.legal-terms-commitment { display: grid; gap: 8px; padding: 23px 26px; border-left: 4px solid var(--legal-accent); background: #eaf0ff; color: var(--legal-ink); }
.legal-terms-commitment span { color: var(--legal-accent); font-size: 10px; font-weight: 800; letter-spacing: 1px; }
.legal-terms-commitment strong { font-size: 16px; line-height: 1.55; }
.legal-terms-document .legal-intro { margin-top: 30px; }
.legal-terms-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border-top: 1px solid #d8e1f0; }
.legal-terms-clause { min-height: 222px; padding: 26px 28px; border-bottom: 1px solid #d8e1f0; }
.legal-terms-clause:nth-child(odd) { border-right: 1px solid #d8e1f0; }
.legal-terms-clause span { color: var(--legal-accent); font-size: 11px; font-weight: 800; letter-spacing: .8px; text-transform: uppercase; }
.legal-terms-clause h2 { margin: 14px 0 0; color: var(--legal-ink); font-size: 20px; line-height: 1.3; letter-spacing: 0; }
.legal-terms-clause p { margin: 9px 0 0; color: #4f6780; font-size: 14px; line-height: 1.75; }
.legal-cookie-layout { display: grid; grid-template-columns: 268px minmax(0, 720px); justify-content: center; gap: 56px; align-items: start; padding-top: 46px; padding-bottom: 72px; }
.legal-cookie-guide { position: sticky; top: 108px; display: grid; gap: 12px; padding: 23px; border: 1px solid #b9dfd7; border-radius: 6px; background: #ffffff; }
.legal-cookie-guide > span { color: var(--legal-accent); font-size: 10px; font-weight: 800; letter-spacing: 1px; }
.legal-cookie-guide strong { color: var(--legal-ink); font-size: 17px; line-height: 1.35; }
.legal-cookie-guide p { margin: 0; color: #54736f; font-size: 13px; line-height: 1.65; }
.legal-cookie-guide a { color: var(--legal-accent); font-size: 13px; font-weight: 750; text-decoration: none; }
.legal-cookie-status { display: grid; gap: 5px; margin-bottom: 24px; padding: 21px 24px; border: 1px solid #b9dfd7; border-radius: 6px; background: #ffffff; }
.legal-cookie-status span { color: var(--legal-accent); font-size: 10px; font-weight: 800; letter-spacing: 1px; text-transform: uppercase; }
.legal-cookie-status strong { color: var(--legal-ink); font-size: 18px; }
.legal-cookie-status small { color: #54736f; font-size: 12px; line-height: 1.55; }
.legal-cookie-list { border-top: 1px solid #c7e6de; }
.legal-cookie-item { display: grid; grid-template-columns: 40px minmax(0, 1fr); gap: 16px; padding: 25px 0; border-bottom: 1px solid #c7e6de; scroll-margin-top: 112px; }
.legal-cookie-item > span { color: var(--legal-accent); font-size: 12px; font-weight: 800; }
.legal-cookie-item h2 { margin: 0; color: var(--legal-ink); font-size: 20px; line-height: 1.3; letter-spacing: 0; }
.legal-cookie-item p { margin: 9px 0 0; color: #4f706d; font-size: 14px; line-height: 1.8; }

/* Distinct policy page compositions */
.legal-page--privacy { background: #eef5fb; }
.legal-page--privacy .legal-hero { border-bottom: 0; box-shadow: none; background: #dfeefa; }
.legal-page--privacy .legal-hero-inner { padding-top: 62px; padding-bottom: 56px; border-left: 5px solid #176ed0; }
.legal-page--privacy .legal-meta { color: #416688; }
.legal-page--privacy .legal-document-section { padding-top: 54px; }
.legal-page--privacy .legal-sidebar { padding-top: 28px; }
.legal-page--privacy .legal-document--privacy { padding: 34px 40px 10px; border: 1px solid #d6e4f0; border-top: 4px solid #176ed0; background: #ffffff; box-shadow: 0 14px 32px rgba(23, 67, 112, .08); }
.legal-page--privacy .legal-intro { color: #355a7b; }

.legal-page--terms { background: #f3f5f9; }
.legal-page--terms .legal-hero { border: 0; box-shadow: none; background: #16365f; }
.legal-page--terms .legal-hero-inner { padding-top: 64px; padding-bottom: 58px; }
.legal-page--terms .legal-eyebrow { color: #a9c9f0; }
.legal-page--terms .legal-hero h1 { color: #ffffff; }
.legal-page--terms .legal-hero p:not(.legal-eyebrow) { color: #d7e4f2; }
.legal-page--terms .legal-meta { color: #b9cee4; }
.legal-page--terms .legal-meta span + span { border-color: rgba(185, 206, 228, .45); }
.legal-page--terms .legal-document-section { padding: 0 0 78px; }
.legal-page--terms .legal-terms-document { max-width: 960px; margin-top: -28px; padding: 42px 48px 52px; border: 1px solid #d9e3ef; border-top: 4px solid #3158a8; background: #ffffff; box-shadow: 0 16px 34px rgba(23, 45, 85, .09); }
.legal-page--terms .legal-terms-commitment { background: #eef4ff; }
.legal-page--terms .legal-terms-grid { margin-top: 4px; }
.legal-page--terms .legal-contact-note { margin-top: 38px; }

.legal-page--cookies { background: #edf7f5; }
.legal-page--cookies .legal-hero { border-bottom: 1px solid #c2e1da; box-shadow: none; background: #f8fcfb; }
.legal-page--cookies .legal-hero-inner { padding-top: 56px; padding-bottom: 48px; }
.legal-page--cookies .legal-hero h1 { color: #123b40; }
.legal-page--cookies .legal-hero p:not(.legal-eyebrow) { color: #416a67; }
.legal-page--cookies .legal-meta { color: #577a76; }
.legal-page--cookies .legal-meta span + span { border-color: #bfd9d4; }
.legal-page--cookies .legal-document-section { padding-top: 0; }
.legal-page--cookies .legal-cookie-layout { max-width: 1120px; align-items: stretch; gap: 28px; padding-top: 42px; }
.legal-page--cookies .legal-cookie-guide { top: 126px; align-content: start; border: 0; border-top: 4px solid #0c8172; border-radius: 0; box-shadow: 0 12px 28px rgba(20, 90, 80, .08); }
.legal-page--cookies .legal-cookie-document { padding: 30px 36px 8px; border: 1px solid #cbe4df; border-top: 4px solid #0c8172; background: #ffffff; box-shadow: 0 12px 28px rgba(20, 90, 80, .08); }
.legal-page--cookies .legal-cookie-status { border-left: 4px solid #0c8172; border-radius: 0; background: #eff9f7; }

/* Policy heroes use a page-specific action panel rather than a shared text banner. */
.legal-hero-inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 318px;
  gap: clamp(34px, 7vw, 86px);
  align-items: end;
}
.legal-hero-copy { min-width: 0; }
.legal-hero-panel {
  display: grid;
  gap: 10px;
  align-content: start;
  min-height: 184px;
  padding: 24px 26px;
  border: 1px solid #cbdceb;
  border-top: 4px solid var(--legal-accent);
  background: #ffffff;
  box-shadow: 0 12px 26px rgba(20, 54, 93, .10);
}
.legal-hero-panel > span {
  color: var(--legal-accent);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.legal-hero-panel strong {
  color: var(--legal-ink);
  font-size: 18px;
  line-height: 1.38;
}
.legal-hero .legal-hero-panel p {
  max-width: none;
  margin: 0;
  color: #56708c;
  font-size: 13px;
  line-height: 1.62;
}
.legal-hero-panel a {
  width: max-content;
  min-height: 34px;
  margin-top: 4px;
  padding: 0 13px;
  background: var(--legal-accent);
  color: #ffffff;
  font-size: 12px;
  font-weight: 750;
  line-height: 34px;
  text-decoration: none;
}
.legal-hero-panel a:hover { filter: brightness(.9); }
.legal-page--privacy .legal-hero-panel { border-color: #b9d2eb; }
.legal-page--terms .legal-hero-panel {
  border-color: rgba(206, 224, 245, .42);
  background: #204570;
  box-shadow: none;
}
.legal-page--terms .legal-hero-panel > span { color: #b9d8f7; }
.legal-page--terms .legal-hero-panel strong { color: #ffffff; }
.legal-page--terms .legal-hero .legal-hero-panel p { color: #d3e2f2; }
.legal-page--cookies .legal-hero-panel {
  border-color: #b7dcd5;
  background: #ffffff;
  box-shadow: 0 10px 22px rgba(17, 97, 86, .09);
}
.legal-page--cookies .legal-hero .legal-hero-panel p { color: #52736e; }
@media (max-width: 860px) {
  .legal-hero-inner { grid-template-columns: 1fr; gap: 28px; padding-top: 42px; padding-bottom: 34px; }
  .legal-hero-panel { min-height: 0; }
  .legal-document-section { padding: 32px 0 54px; }
  .legal-document-layout { grid-template-columns: 1fr; gap: 28px; }
  .legal-sidebar { position: static; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
  .legal-terms-document { padding: 34px 0 54px; }
  .legal-cookie-layout { grid-template-columns: 1fr; gap: 26px; padding-top: 32px; padding-bottom: 54px; }
  .legal-cookie-guide { position: static; }
  .legal-page--privacy .legal-document--privacy { padding: 28px; }
  .legal-page--terms .legal-terms-document { margin-top: 0; padding: 32px 28px 42px; }
  .legal-page--cookies .legal-cookie-document { padding: 26px 28px 6px; }
}
@media (max-width: 560px) {
  .legal-hero h1 { font-size: 32px; }
  .legal-hero p:not(.legal-eyebrow) { font-size: 14px; }
  .legal-meta { gap: 8px; }
  .legal-meta span + span { padding-left: 8px; }
  .legal-sidebar { grid-template-columns: 1fr; }
  .legal-document-section-item { grid-template-columns: 28px minmax(0, 1fr); gap: 10px; padding: 22px 0; }
  .legal-document-section-item h2 { font-size: 19px; }
  .legal-document-section-item p, .legal-intro { font-size: 13px; }
  .legal-contact-note { display: grid; gap: 16px; }
  .legal-contact-note a { width: max-content; }
  .legal-terms-grid { grid-template-columns: 1fr; }
  .legal-terms-clause { min-height: 0; padding: 22px 0; }
  .legal-terms-clause:nth-child(odd) { border-right: 0; }
  .legal-terms-commitment { padding: 19px; }
  .legal-cookie-guide { padding: 19px; }
  .legal-page--privacy .legal-hero-inner, .legal-page--terms .legal-hero-inner, .legal-page--cookies .legal-hero-inner { padding-top: 38px; padding-bottom: 34px; }
  .legal-hero-panel { padding: 20px; }
  .legal-hero-panel strong { font-size: 16px; }
  .legal-page--privacy .legal-document--privacy, .legal-page--terms .legal-terms-document, .legal-page--cookies .legal-cookie-document { padding-left: 20px; padding-right: 20px; }
}

/* responsive */
@media (max-width: 1100px) {
  .footer-inner {
    grid-template-columns: 1.2fr 1fr 1fr;
    gap: 34px;
  }
  .footer-contact-cta-col {
    grid-column: span 3;
    border-left: none;
    border-top: 1px solid rgba(255,255,255,.07);
    padding-left: 0;
    padding-top: 24px;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 28px;
    min-width: 0;
  }
  .footer-resources-block { flex: 1; min-width: 140px; }
  .footer-contact-block { flex: 1; min-width: 160px; }
  .footer-cta-btns { flex-direction: column; align-self: stretch; min-width: 0; width: 100%; }
}
@media (max-width: 720px) {
  .footer-top-band { padding: 40px 0 36px; }
  .footer-inner {
    width: calc(100% - var(--site-gutter, 24px) * 2);
    padding-left: var(--site-gutter, 24px);
    padding-right: var(--site-gutter, 24px);
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 28px;
  }
  .footer-brand-col { grid-column: 1 / -1; }
  .footer-contact-cta-col {
    grid-column: 1 / -1;
    flex-direction: column;
    gap: 16px;
  }
  .footer-cta-btns { flex-direction: row; flex-wrap: wrap; }
  .footer-bottom-inner {
    width: calc(100% - var(--site-gutter, 24px) * 2);
    padding-left: var(--site-gutter, 24px);
    padding-right: var(--site-gutter, 24px);
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }
}
@media (max-width: 480px) {
  .footer-inner { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .footer-brand-col { grid-column: 1 / -1; }
  .footer-contact-cta-col { grid-column: 1 / -1; }
  .footer-cta-btns { flex-direction: column; }
}

/* logo-card */
.logo-card img {
  transition: transform 0.3s ease, filter 0.3s ease;
  filter: grayscale(0.2);
}
.logo-card:hover img {
  transform: scale(1.06);
  filter: grayscale(0);
}
/* 数据指标条 */
.stats-band {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap: 24px;
  text-align: center;
}
.stats-band-item {
  padding: 24px;
  border-radius: var(--radius-md);
  background: #fff;
  border: 1px solid var(--line);
  box-shadow: var(--shadow);
  transition: transform 0.25s ease;
}
.stats-band-item:hover {
  transform: translateY(-2px);
}

/* 移动端产品详情页侧边导航 */
@media (max-width: 980px) {
  .product-side-floatnav {
    position: sticky;
    top: 72px;
    z-index: 5;
    display: flex;
    gap: 4px;
    overflow-x: auto;
    padding: 12px 0;
    background: #fff;
    border-bottom: 1px solid var(--line);
    -webkit-overflow-scrolling: touch;
  }
  .product-side-floatnav a {
    white-space: nowrap;
    flex-shrink: 0;
    padding: 8px 14px;
    border-radius: 999px;
    font-size: 13px;
    background: #f5f8fd;
    font-weight: 600;
  }
  .product-side-floatnav::-webkit-scrollbar { display: none; }
}

/* 深色区块中文字可读性 */
.section-dark h1, .section-dark h2, .section-dark h3 {
  color: #fff;
}
.section-dark p, .section-dark span {
  color: rgba(255, 255, 255, 0.82);
}

/* ===== 子页面组件美化 (v5.21) ===== */

/* 服务展示卡片 */
.service-stack-v2 {
  display: flex;
  flex-direction: column;
  gap: 36px;
}
.service-showcase-card {
  display: grid;
  grid-template-columns: 0.45fr 0.55fr;
  gap: 36px;
  align-items: center;
  padding: 32px;
  border-radius: var(--radius-lg);
  background: #fff;
  border: 1px solid var(--line);
  box-shadow: var(--shadow);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.service-showcase-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 24px 56px rgba(8, 17, 31, 0.14);
}
.service-showcase-card:nth-child(even) {
  grid-template-columns: 0.55fr 0.45fr;
}
.service-showcase-card:nth-child(even) .service-showcase-media {
  order: 2;
}
.service-showcase-media {
  border-radius: var(--radius-md);
  overflow: hidden;
  aspect-ratio: 16/10;
  background: linear-gradient(135deg, #eef4ff, #dae6ff);
}
.service-showcase-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s ease;
}
.service-showcase-card:hover .service-showcase-media img {
  transform: scale(1.04);
}
.service-showcase-copy {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.service-showcase-copy h3 {
  font-size: 26px;
}
@media (max-width: 980px) {
  .service-showcase-card,
  .service-showcase-card:nth-child(even) {
    grid-template-columns: 1fr;
    gap: 24px;
  }
  .service-showcase-card:nth-child(even) .service-showcase-media {
    order: 0;
  }
}

/* 精选文章卡片 */
.featured-post-card {
  display: grid;
  grid-template-columns: 0.48fr 0.52fr;
  gap: 32px;
  align-items: stretch;
  border-radius: var(--radius-lg);
  overflow: hidden;
  background: #fff;
  border: 1px solid var(--line);
  box-shadow: var(--shadow);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
  margin-bottom: 32px;
}
.featured-post-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 24px 56px rgba(8, 17, 31, 0.14);
}
.featured-post-media {
  display: block;
  min-height: 280px;
  background: linear-gradient(135deg, #eef4ff, #dae6ff);
}
.featured-post-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s ease;
}
.featured-post-card:hover .featured-post-media img {
  transform: scale(1.03);
}
.featured-post-body {
  padding: 32px 32px 32px 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 14px;
}
.featured-post-body h2 {
  font-size: clamp(22px, 2.5vw, 30px);
  line-height: 1.3;
}
@media (max-width: 820px) {
  .featured-post-card {
    grid-template-columns: 1fr;
  }
  .featured-post-body {
    padding: 24px;
  }
}

/* 联系页侧边栏 */
.contact-sidebar .sidebar-card {
  padding: 28px;
  border-radius: var(--radius-md);
  background: #fff;
  border: 1px solid var(--line);
  box-shadow: var(--shadow);
  transition: transform 0.25s ease;
}
.contact-sidebar .sidebar-card:hover {
  transform: translateY(-2px);
}
.contact-sidebar .sidebar-card.dark {
  background: linear-gradient(135deg, #0c1525, #172741);
  color: #fff;
  border-color: transparent;
}

/* 内页Hero文字可读性增强 */
.inner-page-banner-card {
  position: relative;
  border-radius: var(--radius-lg);
  overflow: hidden;
  background-size: cover;
  background-position: center;
  min-height: var(--page-hero-height, 420px);
  display: flex;
  align-items: center;
}
.inner-page-banner-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(3,15,28,0.7), rgba(3,15,28,0.3));
  border-radius: inherit;
}
.inner-page-banner-grid {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 32px;
  align-items: center;
  width: 100%;
  padding: 48px 0;
}
@media (max-width: 980px) {
  .inner-page-banner-grid {
    grid-template-columns: 1fr;
  }
}

/* Insights侧边导航 */
.insights-side-nav {
  display: flex;
  flex-direction: column;
  gap: 4px;
  position: sticky;
  top: 100px;
}
.insights-side-link {
  padding: 12px 18px;
  border-radius: var(--radius-sm);
  font-weight: 600;
  color: var(--text);
  transition: background 0.2s ease, color 0.2s ease;
}
.insights-side-link:hover,
.insights-side-link.is-active {
  background: rgba(11, 124, 255, 0.08);
  color: var(--accent);
}

/* 分页器美化 */
.pager-link {
  transition: transform 0.2s ease, background 0.2s ease, border-color 0.2s ease;
}
.pager-link:hover:not(.is-disabled):not(.is-active) {
  transform: translateY(-1px);
  border-color: var(--accent);
}

/* 文章分类芯片 */
.post-kind-chip {
  display: inline-flex;
  padding: 5px 12px;
  border-radius: 999px;
  background: rgba(11, 124, 255, 0.1);
  color: var(--accent);
  font-weight: 700;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

/* PCBA和行业页面网格 */
.industry-grid-v2, .quality-grid-v2 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  gap: 24px;
}
.industry-grid-v2 .industry-card,
.quality-grid-v2 .process-step {
  height: 100%;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.industry-grid-v2 .industry-card:hover,
.quality-grid-v2 .process-step:hover {
  transform: translateY(-3px);
  box-shadow: 0 20px 48px rgba(8, 17, 31, 0.12);
}

/* 面包屑增强 */
.breadcrumb-row a {
  transition: color 0.2s ease;
}
.breadcrumb-row a:hover {
  color: var(--accent);
}

/* 搜索建议面板美化 */
.header-search-suggest {
  border-radius: var(--radius-md);
  border: 1px solid var(--line);
  box-shadow: 0 20px 60px rgba(8, 17, 31, 0.14);
}


/* ===== 标题字号优化 ===== */

/* Hero大标题 */
.home-hero-v6 .hero-copy h1,
.hero-slider-blueprint .hero-slide-copy-blueprint h1 {
  font-size: clamp(32px, 3vw, 44px) !important;
  line-height: 1.1 !important;
}
/* Hero副标题 */
.home-hero-v6 .hero-copy p,
.hero-slider-blueprint .hero-slide-copy-blueprint p {
  font-size: clamp(14px, 1vw, 17px) !important;
  max-width: 560px !important;
}
/* 内页Hero标题 */
.inner-page-banner-copy h1 {
  font-size: clamp(28px, 2.6vw, 38px) !important;
}
.inner-page-banner-copy .hero-text {
  font-size: clamp(14px, 0.95vw, 16px) !important;
  max-width: 540px !important;
}
/* 通用section标题 - 关键：去掉了所有max-width:XXch限制 */
.section-head h2, .section h2 {
  font-size: clamp(18px, 1.6vw, 26px) !important;
  line-height: 1.2 !important;
}
/* 产品详情页主标题 */
.product-v277-titleline + h1,
.product-detail-v24-copy h1 {
  font-size: clamp(24px, 2.2vw, 32px) !important;
}
/* 通用兜底 */
h1 { font-size: clamp(24px, 2.4vw, 36px) !important; line-height: 1.15; }
h2 { font-size: clamp(18px, 1.6vw, 26px) !important; line-height: 1.2; }
h3 { font-size: clamp(16px, 1.1vw, 20px) !important; }
/* 标签 */
.section-tag, .eyebrow { font-size: 11px !important; padding: 4px 10px; }

/* ===== 后台卡片和布局宽度修复 (v5.24) ===== */
/* 侧边栏略窄，给内容区更多空间 */
.admin-layout { grid-template-columns: 240px 1fr !important; }
/* KPI卡片保持4列但间距更合理 */
.kpi-grid, .dashboard-kpi-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 16px;
}
.kpi-card { padding: 20px 22px !important; }
.kpi-card strong { font-size: 28px !important; }
.kpi-card span { font-size: 12px !important; }
@media (max-width: 1100px) {
  .kpi-grid, .dashboard-kpi-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
  .admin-layout { grid-template-columns: 1fr !important; }
}
@media (max-width: 760px) {
  .kpi-grid, .dashboard-kpi-grid { grid-template-columns: 1fr !important; }
}

/* 后台表格单元格 */
.admin-table th, .admin-table td { padding: 10px 12px !important; }
.admin-table { font-size: 14px; }

/* Unified service, industry, and quality management cards. */
.admin-business-card-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:18px; margin-top:18px; }
.admin-business-card { display:grid; grid-template-rows:auto 1fr; min-width:0; overflow:hidden; border:1px solid rgba(20,54,102,.12); border-radius:8px; background:#fff; box-shadow:0 8px 20px rgba(8,17,31,.05); }
.admin-business-card-media { aspect-ratio:16 / 9; overflow:hidden; background:#eef4fb; }
.admin-business-card-media img { display:block; width:100%; height:100%; object-fit:cover; }
.admin-business-card-placeholder { display:grid; width:100%; height:100%; place-items:center; color:#637893; font-size:14px; background:#f4f7fb; }
.admin-business-card-body { display:flex; min-width:0; min-height:0; flex-direction:column; gap:12px; padding:16px; }
.admin-business-card-heading, .admin-business-card-meta, .admin-business-card-actions { display:flex; align-items:center; flex-wrap:wrap; gap:8px; }
.admin-business-card-heading { justify-content:space-between; }
.admin-business-card-type { color:#2b6097; font-size:13px; font-weight:700; }
.admin-business-card-copy { min-width:0; }
.admin-business-card-copy h3 { margin:0 0 6px; color:#143666; font-size:18px; line-height:1.35; overflow-wrap:anywhere; }
.admin-business-card-copy p { display:-webkit-box; margin:0; overflow:hidden; color:#637893; font-size:14px; line-height:1.55; overflow-wrap:anywhere; -webkit-box-orient:vertical; -webkit-line-clamp:3; }
.admin-business-card-actions { margin-top:auto; padding-top:4px; }
@media (max-width:640px) { .admin-business-card-grid { grid-template-columns:1fr; gap:14px; } .admin-business-card-body { padding:14px; } }

/* 后台表单输入框宽度限制 */
.admin-form input[type='text'],
.admin-form input[type='email'],
.admin-form input[type='password'],
.admin-form input[type='number'],
.admin-form input[type='search'],
.admin-form select,
.admin-form textarea {
  max-width: 560px;
}

/* 后台面板 */
.admin-panel { padding: 24px; }
.admin-main { padding: 24px 28px !important; }

/* === Header 搜索框最终布局 (文件末尾, 碾压所有 @media 旧规则) === */
.site-header-blueprint .header-search-blueprint{display:flex !important;align-items:center !important;overflow:visible;gap:0 !important;}
.header-search-input-wrap{flex:1 1 0;min-width:0;position:relative;display:flex;align-items:center;}
.site-header-blueprint .header-search-blueprint input{width:100% !important;min-width:0 !important;flex:1 1 auto !important;padding:0 18px !important;box-sizing:border-box !important;}
.site-header-blueprint .header-search-blueprint button{flex:0 0 auto !important;min-width:0 !important;width:auto !important;padding:0 14px !important;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;position:static !important;top:auto !important;right:auto !important;}


/* media center v2 — bottom row */
.media-card-bottom-row { display: flex; gap: 8px; align-items: center; justify-content: space-between; }
.media-card-bottom-row .btn { flex: 1; text-align: center; }
.media-title-pill { font-size: 12px; font-weight: 600; line-height: 1.4; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; color: var(--text); }
.media-doc-badge { font-size: 11px; font-weight: 700; letter-spacing: .06em; color: var(--muted); text-transform: uppercase; padding: 8px; }

/* ═══════════════════════════════════════════════
   素材中心列表布局 v3
═══════════════════════════════════════════════ */

/* 列表容器 */
.media-list-table {
  display: flex;
  flex-direction: column;
  border: 1px solid var(--line);
  border-radius: 16px;
  overflow: hidden;
  margin-top: 4px;
}

/* 表头 + 行 共用 grid */
.media-list-head,
.media-list-row {
  display: grid;
  grid-template-columns: 36px 56px 1fr 160px 96px 116px 300px;
  align-items: center;
  gap: 0;
  padding: 0 8px;
}

.media-list-head {
  background: var(--bg-subtle, #f6f8fc);
  border-bottom: 1px solid var(--line);
  font-size: 12px;
  font-weight: 700;
  color: var(--muted);
  letter-spacing: .04em;
  text-transform: uppercase;
  min-height: 40px;
}

.media-list-row {
  min-height: 64px;
  border-bottom: 1px solid var(--line);
  background: #fff;
  transition: background .12s;
}
.media-list-row:last-child { border-bottom: none; }
.media-list-row:hover { background: #f9fafc; }

/* 复选框列 */
.media-check-cell {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 4px;
  cursor: pointer;
}
.media-check-cell input[type=checkbox] {
  width: 16px; height: 16px; cursor: pointer; accent-color: var(--primary, #2563eb);
}

/* 缩略图列 */
.media-col-thumb {
  display: flex; align-items: center; justify-content: center;
  padding: 6px 4px;
}
.media-col-thumb img {
  width: 44px; height: 44px; object-fit: cover; border-radius: 8px;
  border: 1px solid var(--line);
}
.media-type-badge {
  display: inline-flex; align-items: center; justify-content: center;
  width: 44px; height: 44px; border-radius: 8px;
  font-size: 10px; font-weight: 800; letter-spacing: .06em;
  border: 1px solid var(--line);
}
.media-type-badge.doc { background: #eff6ff; color: #2563eb; }
.media-type-badge.link { background: #f0fdf4; color: #16a34a; }

/* 名称列 */
.media-col-name {
  display: flex; flex-direction: column; gap: 2px;
  padding: 10px 8px; overflow: hidden;
}
.media-col-name strong {
  font-size: 14px; font-weight: 600; color: var(--text);
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.media-col-name small {
  font-size: 11px; color: var(--muted);
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.media-path-copy {
  font-size: 12px; cursor: pointer; opacity: .5; margin-top: 2px;
  width: fit-content;
}
.media-path-copy:hover { opacity: 1; }

/* 备注列 */
.media-col-note {
  padding: 8px;
  font-size: 13px; color: var(--muted);
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.media-col-note span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: help;
}

/* 大小列 */
.media-col-size {
  padding: 8px;
  font-size: 13px; color: var(--muted); white-space: nowrap;
}

/* 日期列 */
.media-col-date {
  padding: 8px;
  font-size: 12px; color: var(--muted); white-space: nowrap;
}

/* 操作列 */
.media-col-actions {
  display: flex; align-items: center; gap: 6px; padding: 8px;
  flex-wrap: nowrap;
}
.media-move-form {
  display: flex; align-items: center; gap: 4px; margin: 0;
}
.media-move-select {
  font-size: 12px; padding: 4px 6px; border-radius: 8px;
  border: 1px solid var(--line); background: #fff;
  max-width: 88px;
}

/* 空状态 */
.media-list-empty {
  padding: 48px 24px; text-align: center; color: var(--muted); font-size: 14px;
}

/* ─── 批量操作工具栏 ─── */
.media-bulk-bar {
  display: flex; align-items: center; gap: 12px; flex-wrap: wrap;
  padding: 10px 16px; margin-bottom: 8px;
  background: #eff6ff; border: 1px solid #bfdbfe; border-radius: 12px;
}
.media-bulk-count { font-size: 13px; font-weight: 600; color: #1d4ed8; white-space: nowrap; }
.media-bulk-actions { display: flex; align-items: center; gap: 8px; flex: 1; }
.media-bulk-select {
  font-size: 13px; padding: 5px 8px; border-radius: 8px;
  border: 1px solid var(--line); background: #fff; min-width: 140px;
}
#media-bulk-cancel { margin-left: auto; }

/* ─── 分页器 ─── */
.media-pagination {
  display: flex; align-items: center; gap: 6px; flex-wrap: wrap;
  padding: 16px 4px 4px; margin-top: 8px;
}
.mpg-btn {
  display: inline-flex; align-items: center; padding: 6px 14px;
  border: 1px solid var(--line); border-radius: 10px;
  font-size: 13px; font-weight: 500; color: var(--text);
  background: #fff; text-decoration: none; white-space: nowrap;
  transition: background .12s, border-color .12s;
}
.mpg-btn:hover { background: var(--bg-subtle, #f6f8fc); border-color: var(--primary, #2563eb); color: var(--primary, #2563eb); }
.mpg-btn.mpg-disabled { color: var(--muted); pointer-events: none; }
.mpg-pages { display: flex; gap: 4px; align-items: center; }
.mpg-page {
  display: inline-flex; align-items: center; justify-content: center;
  min-width: 36px; height: 36px; padding: 0 8px;
  border: 1px solid var(--line); border-radius: 8px;
  font-size: 13px; font-weight: 500; color: var(--text);
  background: #fff; text-decoration: none;
  transition: background .12s, border-color .12s;
}
.mpg-page:hover { background: var(--bg-subtle, #f6f8fc); }
.mpg-page.mpg-current {
  background: var(--primary, #2563eb); border-color: var(--primary, #2563eb);
  color: #fff; font-weight: 700;
}
.mpg-ellipsis { font-size: 13px; color: var(--muted); padding: 0 4px; }
.mpg-info { font-size: 12px; color: var(--muted); margin-left: 8px; white-space: nowrap; }

/* ─── 响应式 ─── */
@media (max-width: 1280px) {
  .media-list-head,
  .media-list-row { grid-template-columns: 36px 52px 1fr 130px 86px 106px 270px; }
}
@media (max-width: 1024px) {
  .media-list-head { display: none; }
  .media-list-head,
  .media-list-row { grid-template-columns: 32px 44px 1fr 80px 200px; }
  .media-col-note, .media-col-date { display: none; }
}
@media (max-width: 640px) {
  .media-list-row { grid-template-columns: 32px 40px 1fr 160px; }
  .media-col-size { display: none; }
  .media-col-actions { gap: 4px; }
  .media-move-select { max-width: 70px; }
  .media-bulk-bar { gap: 8px; }
  .media-bulk-actions { flex-wrap: wrap; }
}

/* ═══════════════════════════════════════════════
   素材中心上传区 v2
═══════════════════════════════════════════════ */
.media-upload-panel { padding-bottom: 20px; }

.media-upload-form { display: flex; flex-direction: column; gap: 16px; }

/* 拖拽区 */
.media-drop-zone {
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  gap: 8px;
  padding: 32px 24px;
  border: 2px dashed var(--line, #e2e8f0);
  border-radius: 16px;
  background: #f8fafc;
  cursor: pointer;
  transition: border-color .15s, background .15s;
  text-align: center;
}
.media-drop-zone:hover,
.media-drop-zone.drag-over {
  border-color: var(--primary, #2563eb);
  background: #eff6ff;
}
.media-drop-zone.has-file {
  border-color: #16a34a;
  background: #f0fdf4;
}
.media-drop-icon {
  width: 40px; height: 40px; color: var(--muted, #94a3b8);
  margin-bottom: 4px;
}
.media-drop-icon svg { width: 40px; height: 40px; }
.media-drop-label {
  font-size: 14px; font-weight: 600; color: var(--text, #1e293b); margin: 0;
}
.media-drop-browse {
  color: var(--primary, #2563eb); text-decoration: underline; cursor: pointer;
}
.media-drop-hint {
  font-size: 12px; color: var(--muted, #94a3b8); margin: 0;
}
.media-drop-filename {
  font-size: 13px; font-weight: 600; color: #16a34a; margin: 0;
}

/* 字段行 */
.media-upload-fields {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr auto;
  align-items: end;
  gap: 12px;
}
.muf-label {
  display: flex; flex-direction: column; gap: 5px;
}
.muf-label span {
  font-size: 12px; font-weight: 600; color: #475569; letter-spacing: .02em;
}
.muf-label input,
.muf-label select {
  height: 38px; padding: 0 10px;
  border: 1px solid var(--line, #e2e8f0); border-radius: 10px;
  font-size: 13px; background: #fff;
  width: 100%; box-sizing: border-box;
  transition: border-color .12s;
}
.muf-label input:focus,
.muf-label select:focus { border-color: var(--primary, #2563eb); outline: none; }
.muf-submit { display: flex; align-items: flex-end; }
.muf-submit .btn { height: 38px; white-space: nowrap; }

@media (max-width: 1100px) {
  .media-upload-fields { grid-template-columns: 1fr 1fr 1fr; }
  .muf-submit { grid-column: 1 / -1; justify-content: flex-end; }
}
@media (max-width: 720px) {
  .media-upload-fields { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 480px) {
  .media-upload-fields { grid-template-columns: 1fr; }
  .media-drop-zone { padding: 24px 16px; }
}

/* 素材改名 input */
.media-rename-form { margin: 0; }
.media-rename-input {
  width: 100%; border: 1px solid transparent; border-radius: 6px;
  background: transparent; padding: 3px 6px; font-size: 14px; font-weight: 600;
  color: var(--text); outline: none; transition: border-color .12s, background .12s;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.media-rename-input:hover { border-color: var(--line); background: #f8fafc; }
.media-rename-input:focus { border-color: var(--primary, #2563eb); background: #fff; box-shadow: 0 0 0 3px rgba(37,99,235,.1); }

/* 文件夹改名 input */
.mfr-input {
  width: 100%; border: 1px solid var(--primary, #2563eb); border-radius: 6px;
  padding: 2px 6px; font-size: 13px; font-weight: 600; color: var(--text);
  background: #fff; outline: none; box-shadow: 0 0 0 3px rgba(37,99,235,.12);
}
.media-folder-rename-btn { opacity: 0; font-size: 13px; padding: 2px 5px; }
.media-folder-row:hover .media-folder-rename-btn { opacity: 1; }

/* 文件夹侧栏按钮优化 */
.media-folder-row { display: flex; align-items: center; gap: 2px; }
.media-folder-row .media-folder-link { flex: 1; min-width: 0; }
.media-folder-rename-btn,
.media-folder-del-btn {
  flex-shrink: 0;
  width: 22px; height: 22px; padding: 0;
  display: inline-flex; align-items: center; justify-content: center;
  border-radius: 6px; border: none; background: transparent;
  font-size: 12px; line-height: 1;
  color: #64748b;
  cursor: pointer; opacity: 0;
  transition: opacity .15s, background .12s, color .12s;
}
.media-folder-row:hover .media-folder-rename-btn,
.media-folder-row:hover .media-folder-del-btn { opacity: 1; }
.media-folder-rename-btn:hover { background: #e0eaff; color: #2563eb; }
.media-folder-del-btn:hover { background: #fee2e2; color: #dc2626; }


/* =================================================================
   WIDTH-FIX-FINAL — 导航栏和底部栏宽度权威规则
   位于 site.css 末尾，覆盖所有上方规则
   目标宽度：max-width 1600px，两侧留 80px padding
   ================================================================= */

/* 1. 导航栏 shell — 桌面宽屏 */
@media (min-width: 1240px) {
  body.public-body .site-header-blueprint .shell.header-blueprint-shell {
    width: calc(100% - 160px) !important;
    max-width: 1600px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }
}

/* 2. 底部 footer-inner — 所有视口 */
body.public-body .site-footer .footer-top-band .footer-inner {
  width: calc(100% - 160px) !important;
  max-width: 1600px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
}

/* 3. 底部版权栏 footer-bottom-inner */
body.public-body .site-footer .footer-bottom-bar .footer-bottom-inner {
  width: calc(100% - 160px) !important;
  max-width: 1600px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
}

/* 4. 响应式收窄 */
@media (max-width: 1400px) {
  body.public-body .site-header-blueprint .shell.header-blueprint-shell,
  body.public-body .site-footer .footer-top-band .footer-inner,
  body.public-body .site-footer .footer-bottom-bar .footer-bottom-inner {
    width: calc(100% - 80px) !important;
  }
}

@media (max-width: 767px) {
  body.public-body .site-header-blueprint .shell.header-blueprint-shell,
  body.public-body .site-footer .footer-top-band .footer-inner,
  body.public-body .site-footer .footer-bottom-bar .footer-bottom-inner {
    width: calc(100% - 32px) !important;
  }
}


.admin-sidebar-classic { display:flex; flex-direction:column; }
.admin-nav-classic { display:grid; gap:12px; flex:1 1 auto; align-content:start; }
.admin-sidebar-footer { margin-top:auto; padding-top:18px; border-top:1px solid rgba(255,255,255,.10); display:grid; gap:12px; position:sticky; bottom:0; background:linear-gradient(180deg, rgba(7,19,37,0) 0%, rgba(7,19,37,.96) 22%, rgba(16,35,63,1) 100%); }
.admin-sidebar-footer .btn { width:100%; justify-content:center; }
@media (max-width: 980px) {
  .admin-layout-classic {
    display:block !important;
  }
  .admin-sidebar-classic {
    position:static !important;
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    height:auto !important;
    border-right:none !important;
    border-bottom:1px solid rgba(255,255,255,.08);
    padding:12px 12px 16px !important;
  }
  .admin-sidebar-classic .nav-group-children {
    display:none;
  }
  .admin-sidebar-classic .nav-group.nav-group-open .nav-group-children {
    display:grid;
  }
  .admin-sidebar-footer {
    position:static;
    background:none;
    padding-top:12px;
  }
  .admin-main-classic,
  .admin-main {
    width:100% !important;
    min-width:0 !important;
    padding:16px 12px 28px !important;
  }
  .admin-content-shell,
  .admin-content-shell-classic {
    width:100% !important;
    max-width:none !important;
    padding:0 !important;
  }
  .admin-topbar,
  .admin-topbar-classic {
    flex-direction:column;
    gap:10px;
  }
  .admin-topbar-actions {
    width:100%;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
  }
  .admin-topbar-actions .btn {
    width:100%;
    justify-content:center;
  }
}

@media (max-width: 900px) {
  .site-header-blueprint .header-blueprint-tools,
  .site-header-blueprint .social-links-header-blueprint {
    display:none !important;
    width:0 !important;
    min-width:0 !important;
    max-width:0 !important;
    overflow:hidden !important;
  }
  .site-header-blueprint .header-search-blueprint {
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
  }
}

/* unified pagination */
.pager,
.catalog-pagination,
.pagination,
.pagination-clean,
.pagination-admin-clean,
.vis-pager,
.dc-pager{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  flex-wrap:wrap;
}

.pager-link,
.pager-ellipsis,
.catalog-page-btn,
.catalog-page-num,
.admin-page-num,
.admin-page-ellipsis,
.vis-pager-btn,
.dc-pager button{
  min-width:38px;
  height:36px;
  padding:0 12px;
  border-radius:10px;
  border:1px solid #dbe5f0;
  background:#fff;
  color:#334155;
  font-size:12px;
  font-weight:800;
  text-decoration:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  transition:all .14s ease;
}

.pager-link:hover:not(.is-disabled):not(.is-active),
.catalog-page-btn:hover:not(.is-disabled),
.catalog-page-num:hover,
.admin-page-num:hover,
.vis-pager-btn:hover,
.dc-pager button:hover:not(:disabled){
  border-color:#2563eb;
  background:#eff6ff;
  color:#1d4ed8;
}

.pager-link.is-active,
.catalog-page-num.is-active,
.admin-page-num.is-current,
.vis-pager-active{
  background:#2563eb;
  border-color:#2563eb;
  color:#fff;
}

.pager-link.is-disabled,
.catalog-page-nav.is-disabled,
.dc-pager button:disabled{
  opacity:.45;
  pointer-events:none;
}

.admin-page-summary,
.vis-pager-info{
  margin-left:8px;
  color:#64748b;
  font-size:12px;
  white-space:nowrap;
}

.pagination-admin-clean{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:12px;
}

.pagination-admin-clean .pagination-left{justify-self:start;}
.pagination-admin-clean .pagination-right{justify-self:end;}
.pagination-admin-clean .admin-page-strip{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;}
.pagination-admin-clean .admin-page-num,
.pagination-admin-clean .admin-page-ellipsis{
  min-width:36px;
  height:36px;
  border-radius:999px;
}
