/* ═══════════════════════════════════════════════════════
   Cabinet Clean Rounded — standalone mini-site styles
   Base: v12 structure  ·  Theme: Clean Rounded (Apple-like)
   Cache-bust: 20260503-cache-fix
   ═══════════════════════════════════════════════════════ */

/* ── Variables & base ── */
html{
  scrollbar-gutter:stable;
}

  .cr-page{
  --cr-yellow:#FFCD11;
  --cr-bg:hsl(34 20% 8%);
  --cr-text:hsl(42 30% 92%);
  --cr-muted:hsl(40 14% 70%);
  --cr-line:#a4861d;
  --cr-line-soft:color-mix(in srgb,var(--cr-line),transparent 42%);
  --cr-dock-bg:hsl(34 18% 10% / .55);
  --cr-font-family:'Manrope','Space Grotesk',Arial,sans-serif;
  --cr-font-display:'Manrope','Space Grotesk',Arial,sans-serif;
  --cr-font-number:'Space Grotesk','Manrope',Arial,sans-serif;
  --cr-product-font:var(--cr-font-family);
  --cr-accent:var(--cr-yellow);
  --cr-accent-ink:#3a321f;
  --cr-accent-text:#7b5f1e;
  --cr-accent-soft:#fff8dc;
  --cr-accent-soft-hover:#fff0b8;
  --cr-accent-border:rgba(255,205,17,.72);
  --cr-accent-border-soft:rgba(255,205,17,.24);
  --cr-accent-focus:rgba(255,205,17,.2);
  --cr-accent-focus-strong:rgba(255,205,17,.3);
  --cr-accent-glow:rgba(255,205,17,.22);
  --cr-accent-shadow:rgba(255,205,17,.25);
  --cr-accent-shadow-strong:rgba(255,205,17,.35);
  --cr-accent-hover:color-mix(in srgb,var(--cr-accent),var(--cr-ink) 7%);
  --cr-accent-panel:#fffaf0;
  --cr-accent-panel-border:#efe6c8;
  --cr-accent-panel-label:#9b8b55;
  --cr-accent-pill:#f7f1dc;
  --cr-accent-pill-border:#ebe4ca;
  --cr-accent-pill-text:#5b5341;
  --cr-accent-pill-active:#1f1b15;
  --cr-ink:#1a1a1a;
  --cr-ink-soft:#333;
  --cr-body:#555;
  --cr-subtle:#77716a;
  --cr-muted-ui:#8f8f8f;
  --cr-surface:#fff;
  --cr-surface-soft:#f7f7f5;
  --cr-surface-muted:#f1f1ef;
  --cr-surface-hover:#e4e4e0;
  --cr-surface-warm:#fffdf5;
  --cr-surface-glass:rgba(255,255,255,.9);
  --cr-surface-glass-soft:rgba(255,255,255,.64);
  --cr-surface-glass-strong:rgba(255,255,255,.92);
  --cr-surface-fade-0:rgba(255,255,255,0);
  --cr-surface-soft-fade-0:rgba(247,247,245,0);
  --cr-surface-soft-fade-92:rgba(247,247,245,.92);
  --cr-surface-muted-fade-82:rgba(250,250,248,.82);
  --cr-surface-muted-fade-90:rgba(250,250,248,.9);
  --cr-border:rgba(26,26,26,.08);
  --cr-border-card:rgba(26,26,26,.07);
  --cr-border-soft:#e9e9e6;
  --cr-border-hover:#d7d7d2;
  --cr-shadow-card:0 2px 8px rgba(0,0,0,.04),0 12px 36px rgba(0,0,0,.06);
  --cr-shadow-subtle:0 4px 12px rgba(0,0,0,.05);
  --cr-shadow-soft:0 4px 14px rgba(0,0,0,.06);
  --cr-shadow-tile:0 8px 20px rgba(0,0,0,.035);
  --cr-shadow-topbar:0 2px 8px rgba(0,0,0,.04),0 8px 24px rgba(0,0,0,.05);
  --cr-shadow-lift:0 18px 42px rgba(24,21,14,.11);
  --cr-shadow-image:0 9px 14px rgba(0,0,0,.12);
  --cr-shadow-accent:0 8px 18px var(--cr-accent-glow);
  --cr-shadow-pill-active:0 8px 18px rgba(31,27,21,.16);
  --cr-detail-text:var(--cr-ink);
  --cr-detail-body:var(--cr-body);
  --cr-detail-subtle:var(--cr-subtle);
  --cr-detail-muted:var(--cr-muted-ui);
  --cr-detail-line:#ededed;
  --cr-detail-soft:var(--cr-surface-soft);
  --cr-placeholder:#b8b5ae;
  --cr-table-line:#f0f0ed;
  --cr-table-head-bg:var(--cr-surface-soft);
  --cr-table-head-text:var(--cr-detail-muted);
  --cr-table-cell-text:var(--cr-ink-soft);
  --cr-table-cell-muted:var(--cr-muted-ui);
  --cr-on-dark:rgba(255,255,255,.86);
  --cr-on-dark-muted:rgba(255,255,255,.72);
  --cr-on-dark-soft:rgba(255,255,255,.76);
  --cr-on-dark-line:rgba(255,255,255,.42);
  --cr-status-success-bg:#e2f3e9;
  --cr-status-success-soft:#eef9f0;
  --cr-status-success-text:#15553a;
  --cr-status-success-strong:#22a05a;
  --cr-status-warning-bg:#fff7ed;
  --cr-status-warning-text:#a65d16;
  --cr-status-danger-bg:#fff1ed;
  --cr-status-danger-border:#f3c2b7;
  --cr-status-danger-text:#8a1f11;
  --cr-status-check-bg:#fef9c3;
  --cr-status-check-text:#8f6b00;
  --cr-status-info-bg:#dbeafe;
  --cr-status-info-text:#2563eb;
  --cr-page-max:1140px;
  --cr-page-gutter:18px;
  --cr-section-gap:14px;
  --cr-top-stack-gap:10px;

  margin:0;
  color:var(--cr-text);
  font:15px/1.45 var(--cr-font-family);
  background:transparent;
}

.cr-page,
.cr-page *,
.cr-page button,
.cr-page input,
.cr-page select,
.cr-page textarea{
  font-family:var(--cr-font-family);
}

.cr-page::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  background:var(--cr-bg);
  background-image:repeating-conic-gradient(from 0deg at 50% -10%,color-mix(in srgb,var(--cr-yellow),transparent 78%) 0 4deg,transparent 4deg 8deg);
}

.cr-page .cr-shell,
.cr-page .cr-shell *{box-sizing:border-box}

/* ── full-page grid ── */
.cr-page .cr-shell{
  min-height:100vh;
  display:grid;
  grid-template-rows:auto 1fr auto;
  gap:0;
  padding-bottom:72px;
}

/* ══════════════════════════════════════
   HEADER (centred logo)
   ══════════════════════════════════════ */
.cr-page .cr-header{
  position:relative;
  overflow:visible;
  min-height:60px;
  width:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  padding:0 18px;
  gap:0;
  margin-bottom:0;
}

.cr-page .cr-back{
  position:absolute;
  top:18px;
  left:18px;
  text-decoration:none;
  color:var(--cr-muted);
  font-size:20px;
  opacity:.7;
  transition:opacity .2s;
}
.cr-page .cr-back:hover{opacity:1}

.cr-page .cr-logo{display:block;height:52px;width:auto;position:relative;top:8px}

/* ══════════════════════════════════════
   BREADCRUMBS
   ══════════════════════════════════════ */
.cr-page .cr-breadcrumbs{
  display:flex;
  gap:6px;
  flex-wrap:wrap;
  width:100%;
  max-width:var(--cr-page-max);
  margin:0 auto;
  padding:0 var(--cr-page-gutter);
  min-height:22px;
  font:600 13px/1.35 var(--cr-font-family);
  color:var(--cr-on-dark);
  box-sizing:border-box;
}
.cr-page .cr-breadcrumbs a{text-decoration:none;color:inherit;border-bottom:1px dotted var(--cr-on-dark-line)}

/* catalog-style breadcrumbs */
.cr-page .cr-card.cr-breadcrumbs-card{
  width:100%;
  max-width:var(--cr-page-max);
  margin:0 auto;
  border-radius:0;
  overflow:visible;
  box-shadow:none;
  background:transparent;
}

.cr-page .cr-breadcrumbs-nav{
  display:flex;
  align-items:center;
  gap:6px;
  width:100%;
  max-width:var(--cr-page-max);
  min-height:22px;
  margin:0 auto;
  padding:0 var(--cr-page-gutter);
  box-sizing:border-box;
  overflow:hidden;
  white-space:nowrap;
  font:600 13px/1.35 var(--cr-font-family);
  color:var(--cr-on-dark);
}

.cr-page .cr-breadcrumbs-nav > *{
  flex:0 0 auto;
  min-width:0;
}
.cr-page .cr-breadcrumbs-nav a{text-decoration:none;color:inherit;border-bottom:1px dotted var(--cr-on-dark-line)}
.cr-page .cr-breadcrumbs-current{
  flex:1 1 auto;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  color:var(--cr-on-dark-muted);
}

/* ══════════════════════════════════════
   MAIN CONTENT AREA
   ══════════════════════════════════════ */
.cr-page .cr-content{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  justify-content:center;
  width:100%;
  max-width:calc(var(--cr-page-max) + (var(--cr-page-gutter) * 2));
  margin:0 auto;
  padding:var(--cr-section-gap) var(--cr-page-gutter) 40px;
  gap:var(--cr-section-gap);
  box-sizing:border-box;
}

.cr-page .cr-content-top{justify-content:flex-start}

/* ══════════════════════════════════════
   CARDS — Clean Rounded (Apple-like)
   ══════════════════════════════════════ */
.cr-page .cr-card{
  width:100%;
  max-width:var(--cr-page-max);
  background:var(--cr-surface);
  color:var(--cr-detail-text);
  border:none;
  border-radius:28px;
  overflow:hidden;
  position:relative;
  box-shadow:var(--cr-shadow-card);
}

.cr-page .cr-card-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:18px 24px;
  background:var(--cr-surface);
  border-bottom:none;
}

.cr-page .cr-card-title{
  margin:0;
  font:700 clamp(22px,3vw,32px)/1.14 var(--cr-font-display);
  color:var(--cr-detail-text);
  letter-spacing:0;
}

.cr-page .cr-card-badge{
  background:var(--cr-surface-muted);
  border:none;
  border-radius:999px;
  padding:5px 14px;
  font-size:11px;
  font-weight:700;
  color:var(--cr-detail-muted);
  white-space:nowrap;
}

.cr-page .cr-card-body{
  padding:20px 24px 24px;
  display:grid;
  gap:24px;
  position:relative;
  z-index:1;
  color:var(--cr-detail-body);
}

/* ══════════════════════════════════════
   STATS TILES
   ══════════════════════════════════════ */
.cr-page .cr-stats{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px;
}

.cr-page .cr-stat{
  background:var(--cr-surface-soft);
  border:none;
  border-radius:20px;
  padding:18px 14px;
  text-align:center;
}

.cr-page .cr-stat-value{
  display:block;
  font:800 clamp(24px,3vw,36px)/1 var(--cr-font-number);
  color:var(--cr-detail-text);
}

.cr-page .cr-stat-label{
  display:block;
  margin-top:6px;
  font-size:12px;
  font-weight:600;
  color:var(--cr-detail-muted);
  text-transform:uppercase;
  letter-spacing:.06em;
}

/* ══════════════════════════════════════
   ACTIVITY ROWS
   ══════════════════════════════════════ */
.cr-page .cr-activity{display:grid;gap:0}

.cr-page .cr-activity-title{
  margin:0 0 8px;
  font:700 14px/1 var(--cr-font-family);
  color:var(--cr-detail-muted);
  text-transform:uppercase;
  letter-spacing:.08em;
}

.cr-page .cr-act-row{
  display:grid;
  grid-template-columns:auto 1fr auto;
  gap:14px;
  align-items:center;
  padding:12px 0;
  border-bottom:1px solid var(--cr-detail-line);
  font-size:14px;
}
.cr-page .cr-act-row:last-child{border-bottom:none}

.cr-page .cr-act-icon{
  width:40px;
  height:40px;
  border-radius:50%;
  background:var(--cr-surface-soft);
  border:none;
  display:grid;
  place-content:center;
  font-size:18px;
}

.cr-page .cr-act-text{color:var(--cr-ink-soft)}
.cr-page .cr-act-text small{display:block;color:var(--cr-detail-muted);font-size:12px;margin-top:2px}

.cr-page .cr-act-amount{
  font:700 14px/1 var(--cr-font-number);
  color:var(--cr-detail-text);
  white-space:nowrap;
}

/* ══════════════════════════════════════
   FORMS
   ══════════════════════════════════════ */
.cr-page .cr-form-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px 28px;
}

.cr-page .cr-form-group{display:flex;flex-direction:column;gap:5px}
.cr-page .cr-form-group.cr-full{grid-column:1/-1}

.cr-page .cr-form-label{
  font:700 11px/1 var(--cr-font-family);
  text-transform:uppercase;
  letter-spacing:.08em;
  color:var(--cr-detail-muted);
}

.cr-page .cr-input,
.cr-page .cr-select{
  height:44px;
  padding:0 16px;
  border:none;
  border-radius:14px;
  background:var(--cr-surface-soft);
  color:var(--cr-ink-soft);
  font:500 14px/1 var(--cr-font-family);
  outline:none;
  transition:box-shadow .2s;
}
.cr-page .cr-input:focus,
.cr-page .cr-select:focus{
  box-shadow:0 0 0 3px var(--cr-accent-focus-strong);
}

.cr-page .cr-input::placeholder{color:var(--cr-placeholder)}

.cr-page .cr-input-file{
  font:500 13px/1 var(--cr-font-family);
  color:var(--cr-detail-muted);
}

/* ══════════════════════════════════════
   BUTTONS
   ══════════════════════════════════════ */
.cr-page .cr-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:38px;
  padding:0 22px;
  border:none;
  border-radius:999px;
  background:var(--cr-accent);
  color:var(--cr-detail-text);
  font:700 13px/1 var(--cr-font-family);
  text-transform:uppercase;
  letter-spacing:.04em;
  cursor:pointer;
  text-decoration:none;
  box-shadow:0 2px 10px var(--cr-accent-shadow);
  transition:transform .15s, box-shadow .15s;
}
.cr-page .cr-btn:hover{transform:translateY(-1px);box-shadow:0 4px 18px var(--cr-accent-shadow-strong)}

.cr-page .cr-btn-outline{
  background:var(--cr-surface-muted);
  border:none;
  box-shadow:none;
  color:var(--cr-body);
}
.cr-page .cr-btn-outline:hover{background:var(--cr-surface-hover);transform:translateY(-1px);box-shadow:var(--cr-shadow-subtle)}

.cr-page .cr-btn-sm{height:32px;padding:0 16px;font-size:11px}

/* ══════════════════════════════════════
   MINI TABLE (forms)
   ══════════════════════════════════════ */
.cr-page .cr-mini-table{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
  font-size:13px;
  overflow:hidden;
  border-radius:16px;
  border:none;
  box-shadow:inset 0 0 0 1px var(--cr-table-line);
}

.cr-page .cr-mini-table th,
.cr-page .cr-mini-table td{
  padding:10px 14px;
  border-bottom:1px solid var(--cr-table-line);
  text-align:left;
}

.cr-page .cr-mini-table th{
  background:var(--cr-table-head-bg);
  color:var(--cr-table-head-text);
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.06em;
  font-size:11px;
}

.cr-page .cr-mini-table td{color:var(--cr-table-cell-muted)}

/* ══════════════════════════════════════
   DATA TABLE (lists)
   ══════════════════════════════════════ */
.cr-page .cr-data-table{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
  font-size:13px;
}

.cr-page .cr-data-table th,
.cr-page .cr-data-table td{
  padding:12px 14px;
  border-bottom:1px solid var(--cr-table-line);
  text-align:left;
  white-space:nowrap;
}

.cr-page .cr-data-table th{
  background:var(--cr-table-head-bg);
  color:var(--cr-table-head-text);
  font:700 11px/1 var(--cr-font-family);
  text-transform:uppercase;
  letter-spacing:.08em;
  position:sticky;
  top:0;
  z-index:1;
}

.cr-page .cr-data-table td{color:var(--cr-table-cell-text)}

.cr-page .cr-data-table tbody tr{transition:background .15s}
.cr-page .cr-data-table tbody tr:hover td{background:var(--cr-table-head-bg)}

/* status badges */
.cr-page .cr-status{
  display:inline-flex;
  padding:4px 10px;
  border-radius:999px;
  font:700 10px/1.2 var(--cr-font-family);
  text-transform:uppercase;
  letter-spacing:.04em;
}

.cr-page .cr-status-new{background:var(--cr-status-success-bg);color:var(--cr-status-success-text)}
.cr-page .cr-status-quoted{background:var(--cr-status-warning-bg);color:var(--cr-status-warning-text)}
.cr-page .cr-status-check{background:var(--cr-status-check-bg);color:var(--cr-status-check-text)}
.cr-page .cr-status-released{background:var(--cr-ink);color:var(--cr-surface);border-radius:999px}
.cr-page .cr-status-paid{background:var(--cr-status-info-bg);color:var(--cr-status-info-text)}

/* action row */
.cr-page .cr-actions{display:flex;gap:6px;flex-wrap:wrap;align-items:center}

/* filter bar */
.cr-page .cr-filter-bar{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
  align-items:flex-end;
  padding:20px 24px;
  background:var(--cr-table-head-bg);
  border-radius:28px 28px 0 0;
}
.cr-page .cr-filter-bar .cr-form-group{flex:1;min-width:140px}

/* table wrapper */
.cr-page .cr-table-wrap{overflow-x:auto;padding:0}

/* note */
.cr-page .cr-note{
  padding:14px 24px;
  color:var(--cr-table-head-text);
  font-size:13px;
}

/* total badge */
.cr-page .cr-total{
  font:700 13px/1 var(--cr-font-family);
  color:var(--cr-table-head-text);
}

/* ══════════════════════════════════════
   PRODUCT CARD — Grid Layout
   ══════════════════════════════════════ */
.cr-page .cr-content.cr-card-layout{
  display:grid;
  grid-template-columns:1.1fr 1fr;
  grid-template-areas:
    'hero hero'
    'photo buy'
    'desc desc'
    'specs specs'
    'delivery delivery'
    'compat compat'
    'related related';
  gap:10px 12px;
  max-width:calc(var(--cr-page-max) + (var(--cr-page-gutter) * 2));
  width:100%;
  margin:0 auto;
  padding:var(--cr-section-gap) var(--cr-page-gutter) 36px;
  box-sizing:border-box;
  align-items:start;
}


.cr-page .cr-area-hero{grid-area:hero}
.cr-page .cr-area-photo{grid-area:photo}
.cr-page .cr-area-buy{grid-area:buy;align-self:stretch}
.cr-page .cr-area-desc{grid-area:desc}
.cr-page .cr-area-specs{grid-area:specs}
.cr-page .cr-area-delivery{grid-area:delivery}
.cr-page .cr-area-desc,
.cr-page .cr-area-specs,
.cr-page .cr-area-delivery,
.cr-page .cr-area-compat{
  grid-column:1 / -1;
  width:100%;
  max-width:none;
  justify-self:stretch;
}
.cr-page .cr-area-compat{
  grid-area:compat;
}
.cr-page .cr-area-related{grid-area:related}

.cr-page .cr-area-desc .cr-card-header,
.cr-page .cr-area-specs .cr-card-header,
.cr-page .cr-area-delivery .cr-card-header,
.cr-page .cr-area-compat .cr-card-header{
  padding:14px 20px 7px;
}

.cr-page .cr-area-desc .cr-card-body,
.cr-page .cr-area-specs .cr-card-body,
.cr-page .cr-area-delivery .cr-card-body,
.cr-page .cr-area-compat .cr-card-body{
  padding:7px 20px 16px;
}

.cr-page .cr-area-desc .cr-card-title,
.cr-page .cr-area-specs .cr-card-title,
.cr-page .cr-area-delivery .cr-card-title,
.cr-page .cr-area-compat .cr-card-title{
  font-size:clamp(20px,1.9vw,24px);
  line-height:1.14;
}

.cr-page .cr-area-desc #p-desc{
  margin:0;
}

.cr-page .cr-delivery-list{
  display:flex;
  flex-direction:column;
  gap:8px;
  font-size:13px;
}

.cr-page .cr-delivery-item p{
  margin:4px 0 0;
  color:var(--cr-detail-subtle);
  line-height:1.45;
}

.cr-page .cr-delivery-item #p-guarantee{
  color:var(--cr-detail-body);
}

/* compact hero header block */
.cr-page .cr-area-hero .cr-card-body{
  padding:12px 20px 13px;
  gap:8px;
}
.cr-page .cr-area-hero .cr-card-title{
  font-size:clamp(19px,2vw,24px);
  font-weight:700;
  line-height:1.16;
}
.cr-page .cr-area-hero p{
  margin:0;
  font-size:14px;
  line-height:1.5;
  color:var(--cr-detail-body);
}

.cr-page .cr-area-buy .cr-card-body{
  height:100%;
  box-sizing:border-box;
  display:flex;
  flex-direction:column;
  gap:0;
  padding:16px 20px 18px;
}

.cr-page .cr-area-photo .cr-card-header{
  display:none;
}

.cr-page .cr-area-photo .cr-card-body{
  padding:20px 20px 18px;
}

@media (max-width:1040px){
  .cr-page .cr-card-layout{
    grid-template-columns:1fr;
    grid-template-areas:'hero' 'photo' 'buy' 'desc' 'specs' 'delivery' 'compat' 'related' 'faq' 'seo';
  }
}

.cr-page .cr-compatible-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  column-gap:28px;
  row-gap:0;
}

.cr-page .cr-compatible-group{
  min-width:0;
  display:grid;
  gap:5px;
  padding:10px 0 12px;
  border-top:1px solid var(--cr-detail-line);
  align-content:start;
}

.cr-page .cr-compatible-group b{
  color:var(--cr-detail-muted);
  font-size:12px;
  font-weight:800;
  line-height:1.25;
}

.cr-page .cr-compatible-group span,
.cr-page .cr-compatible-text{
  color:var(--cr-detail-body);
  font-size:13px;
  line-height:1.55;
  overflow-wrap:anywhere;
}

.cr-page .cr-compatible-text{margin:0}

@media (max-width:720px){
  .cr-page .cr-compatible-list{grid-template-columns:1fr}
}

/* photo */
.cr-page .cr-photo-main{
  min-height:0;
  border:none;
  border-radius:20px;
  display:block;
  text-align:center;
  color:var(--cr-detail-muted);
  font:600 13px/1.3 var(--cr-font-family);
  background:var(--cr-surface);
  overflow:hidden;
}

.cr-page .cr-area-photo .cr-thumbs{display:none}
.cr-page .cr-area-hero #p-desc-short,
.cr-page .cr-area-hero .cr-pills{display:none}
.cr-page #p-mpn,
.cr-page #p-hs,
.cr-page #s-hs,
.cr-page tr:has(> #s-hs){display:none}

.cr-page .cr-product-gallery{
  width:100%;
  display:grid;
  grid-template-rows:minmax(0, clamp(280px, 29vw, 360px)) 1px auto;
  gap:7px;
  min-width:0;
  min-height:0;
  background:var(--cr-surface);
}

.cr-page .cr-product-gallery::before{
  content:"";
  grid-row:2;
  grid-column:1;
  display:block;
  width:100%;
  height:1px;
  background:var(--cr-detail-line);
}

.cr-page .cr-gallery-stage{
  grid-row:1;
  position:relative;
  width:100%;
  height:clamp(280px, 29vw, 360px);
  border-radius:20px;
  background:var(--cr-surface);
  display:block;
  overflow:hidden;
  min-width:0;
  min-height:0;
}

.cr-page .cr-gallery-main-img{
  position:absolute !important;
  inset:0;
  width:100% !important;
  height:100% !important;
  max-width:100%;
  max-height:100%;
  object-fit:contain !important;
  object-position:center center;
  display:block;
  transform:none;
  transform-origin:center top;
}

.cr-page .cr-gallery-thumbs{
  grid-row:3;
  position:relative;
  z-index:1;
  display:flex;
  gap:6px;
  overflow-x:auto;
  width:100%;
  max-width:100%;
  padding:6px;
  border-radius:16px;
  background:var(--cr-surface);
  box-sizing:border-box;
  scrollbar-width:thin;
}

.cr-page .cr-gallery-thumb{
  flex:0 0 52px;
  width:52px;
  height:52px;
  border:2px solid transparent;
  border-radius:12px;
  padding:0;
  background:var(--cr-detail-soft);
  overflow:hidden;
  cursor:pointer;
  opacity:.76;
  transition:border-color .15s,opacity .15s,transform .15s;
}

.cr-page .cr-gallery-thumb:hover,
.cr-page .cr-gallery-thumb--active{
  border-color:var(--cr-yellow);
  opacity:1;
}

.cr-page .cr-gallery-thumb:hover{transform:translateY(-1px)}

.cr-page .cr-gallery-thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.cr-page .cr-photo-empty{
  min-height:clamp(260px,29vw,360px);
  display:grid;
  place-items:center;
  width:100%;
  padding:0;
  box-sizing:border-box;
}

.cr-page .cr-thumb{
  height:42px;
  border:none;
  border-radius:14px;
  display:grid;
  place-content:center;
  color:var(--cr-detail-muted);
  font-size:12px;
  background:var(--cr-detail-soft);
}

/* price */
.cr-page .cr-buy-summary{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(112px,max-content);
  align-items:end;
  gap:14px;
}
.cr-page .cr-buy-summary small{
  display:block;
  margin-bottom:5px;
  color:var(--cr-detail-muted);
  font-size:11px;
  font-weight:800;
  line-height:1.1;
  text-transform:uppercase;
}
.cr-page .cr-buy-summary__lead{
  min-width:112px;
  justify-self:end;
  text-align:right;
}
.cr-page .cr-buy-summary__lead strong{
  display:block;
  color:var(--cr-detail-text);
  font:800 clamp(18px,2vw,24px)/1 var(--cr-font-number);
  white-space:nowrap;
}
.cr-page .cr-price{
  font:800 clamp(22px,2.6vw,30px)/1 var(--cr-font-number);
  color:var(--cr-detail-text);
  display:block;
}
.cr-page .cr-stock{font-weight:700;color:var(--cr-detail-text);margin-top:2px;font-size:18px}

.cr-page .cr-buy-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin-top:auto;
  padding-top:16px;
  flex-shrink:0;
}

.cr-page .cr-buy-specs{
  display:grid;
  gap:8px;
  margin-top:12px;
  padding-top:12px;
  border-top:1px solid var(--cr-detail-line);
}

.cr-page .cr-buy-specs__title{
  font-size:clamp(18px,1.5vw,21px);
  font-weight:700;
}

.cr-page .cr-area-buy .cr-btn{
  width:100%;
  min-width:0;
  height:42px;
  padding:0 18px;
  border-radius:16px;
  font-size:13px;
  font-weight:600;
  letter-spacing:0;
  text-transform:none;
  text-align:center;
  box-shadow:none;
}

.cr-page .cr-area-buy #p-btn-add{
  background:var(--cr-accent);
  border:1px solid var(--cr-accent);
  color:var(--cr-detail-text);
  font-weight:600;
  letter-spacing:0;
  text-transform:none;
}

.cr-page .cr-area-buy #p-btn-add:hover{
  background:var(--cr-accent-hover);
  border-color:var(--cr-accent-hover);
  color:var(--cr-detail-text);
}

.cr-page .cr-area-buy .cr-btn-outline{
  background:var(--cr-surface);
  border:1px solid var(--cr-accent-border);
  color:var(--cr-detail-text);
  box-shadow:none;
}

.cr-page .cr-area-buy .cr-btn-outline:hover{
  background:var(--cr-surface-warm);
  border-color:var(--cr-accent);
  color:var(--cr-detail-text);
}

.cr-page .cr-area-buy #p-btn-quote{
  background:var(--cr-accent-soft);
  border-color:var(--cr-accent);
  color:var(--cr-accent-ink);
  box-shadow:inset 0 0 0 1px var(--cr-accent-border-soft),0 5px 14px rgba(255,205,17,.12);
}

.cr-page .cr-area-buy #p-btn-quote:hover{
  background:var(--cr-accent-soft-hover);
  border-color:var(--cr-accent-hover);
  color:var(--cr-accent-ink);
  box-shadow:inset 0 0 0 1px var(--cr-accent-border-soft),0 7px 18px rgba(255,205,17,.16);
}

.cr-page .cr-meta-list{margin-top:8px;display:grid;gap:4px}
.cr-page .cr-meta-item{
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:4px;
  min-height:54px;
  border:1px solid var(--cr-accent-panel-border);
  padding:10px 12px;
  border-radius:16px;
  background:var(--cr-accent-panel);
  color:var(--cr-detail-text);
  font-size:12px;
  box-sizing:border-box;
}
.cr-page .cr-meta-item--wide{
  grid-column:1/-1;
}
.cr-page .cr-meta-item em{
  font-style:normal;
  color:var(--cr-accent-panel-label);
  font-size:10px;
  line-height:1.1;
  text-transform:uppercase;
  letter-spacing:.06em;
  font-weight:800;
}
.cr-page .cr-meta-item b{
  color:var(--cr-detail-text);
  font:800 14px/1.2 var(--cr-font-family);
  overflow-wrap:anywhere;
}

.cr-page .cr-pills{
  display:flex;
  gap:10px 8px;
  flex-wrap:wrap;
  margin-top:6px;
  align-items:flex-start;
}
.cr-page .cr-pill{
  padding:9px 16px;
  border:1px solid var(--cr-accent-pill-border);
  border-radius:999px;
  font-size:12px;
  line-height:1.25;
  color:var(--cr-accent-pill-text);
  background:var(--cr-accent-pill);
  font-weight:700;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  align-self:flex-start;
  text-decoration:none;
  min-height:38px;
  max-width:220px;
  text-align:center;
  white-space:normal;
  transition:background .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease;
}
.cr-page .cr-pill:hover{
  background:var(--cr-accent);
  border-color:var(--cr-accent);
  color:var(--cr-detail-text);
  box-shadow:var(--cr-shadow-accent);
  transform:translateY(-1px);
}
.cr-page .cr-pill.is-active{
  background:var(--cr-accent-pill-active);
  border-color:var(--cr-accent-pill-active);
  color:var(--cr-accent);
  box-shadow:var(--cr-shadow-pill-active);
}
.cr-page .cr-pill--more{
  cursor:pointer;
}

.cr-page .cr-spec-table{width:100%;border-collapse:collapse}
.cr-page .cr-spec-table th,
.cr-page .cr-spec-table td{
  text-align:left;
  padding:4px 0;
  border-bottom:1px solid var(--cr-detail-line);
  vertical-align:top;
  font-size:13px;
}
.cr-page .cr-spec-table th{width:38%;color:var(--cr-detail-muted);font-weight:600}
.cr-page .cr-spec-table td{color:var(--cr-detail-body)}

.cr-page .cr-cat-spec-table{
  border-collapse:separate;
}

.cr-page .cr-cat-spec-table tbody{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  column-gap:28px;
}

.cr-page .cr-cat-spec-table tr{
  min-width:0;
  display:grid;
  grid-template-columns:minmax(160px,38%) minmax(0,1fr);
  align-items:start;
  border-bottom:1px solid var(--cr-detail-line);
}

.cr-page .cr-cat-spec-table th,
.cr-page .cr-cat-spec-table td{
  width:auto;
  min-width:0;
  border-bottom:none;
  padding:7px 0;
  overflow-wrap:anywhere;
}

.cr-page .cr-cat-spec-table td{
  padding-left:12px;
}

.cr-page .cr-related-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(250px,1fr));
  gap:14px;
  align-items:stretch;
}

.cr-page .cr-area-related .cr-card-header{
  padding:14px 20px 8px;
}

.cr-page .cr-area-related .cr-card-title{
  font-size:clamp(20px,1.9vw,24px);
}

.cr-page .cr-area-related .cr-card-body{
  padding:10px 16px 16px;
}

.cr-page .cr-area-related .cr-related-grid.cr-product-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(200px,1fr));
  gap:12px;
  align-items:stretch;
  overflow:visible;
  padding:0;
  scroll-snap-type:none;
  scrollbar-width:auto;
}

.cr-page .cr-faq details{
  border:none;
  border-radius:16px;
  padding:10px 14px;
  background:var(--cr-surface-soft);
}
.cr-page .cr-faq details+details{margin-top:6px}
.cr-page .cr-faq summary{cursor:pointer;font-weight:700;color:var(--cr-detail-text);font-size:13px}
.cr-page .cr-faq p{margin:4px 0 0;color:var(--cr-detail-subtle);font-size:13px}

@media (max-width:760px){
  .cr-page .cr-thumbs{grid-template-columns:repeat(2,1fr)}
  .cr-page .cr-gallery-stage{height:220px}
  .cr-page .cr-product-gallery{grid-template-rows:minmax(0, 220px) 1px auto}
  .cr-page .cr-gallery-thumb{flex-basis:56px;width:56px;height:56px}
  .cr-page .cr-area-buy .cr-card-body{height:auto}
  .cr-page .cr-buy-summary{grid-template-columns:1fr 1fr;gap:10px}
  .cr-page .cr-buy-summary__lead{min-width:0}
  .cr-page .cr-buy-actions{grid-template-columns:1fr;margin-top:18px;padding-top:0}
  .cr-page .cr-meta-item--wide{grid-column:auto}
  .cr-page .cr-related-grid{grid-template-columns:1fr}
  .cr-page .cr-cat-spec-table tbody{grid-template-columns:1fr;column-gap:0}
  .cr-page .cr-cat-spec-table tr{grid-template-columns:minmax(120px,42%) minmax(0,1fr)}
}

/* ══════════════════════════════════════
   BOTTOM DOCK — frosted island
   ══════════════════════════════════════ */
/* Dock styles moved to dock.css */

/* ══════════════════════════════════════
   RESPONSIVE
   ══════════════════════════════════════ */
@media (max-width:760px){
  .cr-page .cr-form-grid{grid-template-columns:1fr}
  .cr-page .cr-filter-bar{flex-direction:column}
  .cr-page .cr-stats{grid-template-columns:repeat(2,1fr)}
  .cr-page .cr-header{padding:12px 14px 6px}
}

@media (max-width:480px){
  .cr-page .cr-stats{grid-template-columns:1fr 1fr}
  .cr-page .cr-act-row{grid-template-columns:auto 1fr;gap:10px}
  .cr-page .cr-act-amount{grid-column:2;font-size:13px}
}


/* ══════════════════════════════════════
   CATALOG PAGE
   ══════════════════════════════════════ */
/* ── Catalog toolbar ── */
.cr-catalog-toolbar{
  display:flex;
  flex-direction:column;
  gap:0;
  width:100%;
  align-items:stretch;
}
.cr-page .cr-card-header.cr-catalog-toolbar{
  padding:24px 34px;
  align-items:stretch;
}
.cr-catalog-toolbar__row{
  display:flex;
  align-items:center;
  gap:12px;
  width:100%;
  flex-wrap:wrap;
}
.cr-catalog-toolbar__row--primary{
  justify-content:space-between;
  align-items:flex-start;
  flex-direction:row;
  flex-wrap:nowrap;
  gap:20px;
}
.cr-catalog-toolbar__row--secondary{
  justify-content:flex-end;
}
.cr-catalog-toolbar__heading{
  display:flex;
  flex-direction:column;
  gap:5px;
  min-width:0;
  flex:1 1 auto;
}
.cr-catalog-toolbar__title{
  font:700 clamp(28px,3vw,40px)/1.1 var(--cr-font-display);
  margin-right:auto;
}
.cr-catalog-toolbar__summary{
  color:var(--cr-detail-muted);
  font:700 13px/1.35 var(--cr-font-family);
}
.cr-catalog-toolbar__filters,
.cr-catalog-toolbar__sort{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  justify-content:flex-end;
}
.cr-catalog-toolbar__filters{
  flex:0 1 auto;
  margin-left:0;
  padding:0;
  background:transparent;
  justify-content:flex-start;
  max-width:560px;
}

@media (min-width:761px){
  .cr-catalog-toolbar__filters .cr-cat-select:first-of-type{
    width:132px;
  }
  .cr-catalog-toolbar__filters .cr-cat-select:nth-of-type(2){
    width:220px;
  }
}
.cr-catalog-toolbar__meta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  width:100%;
}
.cr-catalog-toolbar__reset{
  white-space:nowrap;
}
.cr-catalog-toolbar__reset[hidden]{
  display:none !important;
}
.cr-results-summary{
  color:var(--cr-detail-muted);
  font:600 13px/1.4 var(--cr-font-family);
}
.cr-catalog-nav-block .cr-card-header--split{
  padding:20px 28px 6px;
}
.cr-page .cr-catalog-nav-body{
  padding:8px 28px 24px;
}
.cr-brand-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(118px,1fr));
  gap:10px;
}
.cr-brand-item{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:108px;
  padding:16px 10px;
  border-radius:18px;
  background:var(--cr-surface-soft);
  text-align:center;
  text-decoration:none;
  transition:background .2s, transform .2s, box-shadow .2s;
}
.cr-brand-item:hover{
  background:var(--cr-surface-muted);
  transform:translateY(-2px);
  box-shadow:var(--cr-shadow-soft);
}
.cr-brand-item.is-active{
  background:var(--cr-accent-soft);
  box-shadow:inset 0 0 0 1px var(--cr-accent-border);
}
.cr-brand-logo-wrap{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  min-height:50px;
}
.cr-brand-logo{
  display:block;
  width:100%;
  max-width:118px;
  height:44px;
  object-fit:contain;
}
.cr-brand-name{
  position:absolute;
  width:1px;
  height:1px;
  overflow:hidden;
  clip:rect(0 0 0 0);
  white-space:nowrap;
}
.cr-brand-ico{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:58px;
  height:44px;
  padding:0 10px;
  border-radius:14px;
  background:var(--cr-surface);
  color:var(--cr-detail-text);
  font:800 13px/1 var(--cr-font-family);
  letter-spacing:0;
  box-shadow:inset 0 0 0 1px var(--cr-border);
}
.cr-brand-item small{
  color:var(--cr-subtle);
  font-size:11px;
  line-height:1.35;
}
.cr-view-controls{
  min-height:32px;
  min-width:120px;
}
.cr-page .cr-products-head{
  align-items:flex-start;
  gap:16px;
  padding:20px 28px 8px;
}
.cr-products-count{
  margin-top:2px;
  white-space:nowrap;
}
.cr-page .cr-products-body{
  padding:8px 28px 24px;
  gap:18px;
}
.cr-products-controls{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  min-height:38px;
  padding:2px 0 14px;
  border-bottom:1px solid var(--cr-border-soft);
}
.cr-list-status{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:14px;
  padding:10px 14px;
  border:1px solid var(--cr-border-soft);
  border-radius:18px;
  background:var(--cr-surface-soft);
}
.cr-sort-inline{
  display:flex;
  align-items:center;
  gap:10px;
  margin-left:auto;
}
.cr-sort-inline__label{
  color:var(--cr-subtle);
  font:700 12px/1.4 var(--cr-font-family);
  white-space:nowrap;
}
.cr-sort-inline__select{
  min-width:220px;
  background:var(--cr-surface-muted);
  border:1px solid var(--cr-border-soft);
}
.cr-active-filters{
  display:flex;
  flex:1 1 auto;
  flex-wrap:wrap;
  gap:8px;
  min-width:0;
  margin:0;
}
.cr-active-filters:empty{
  display:none;
}
.cr-filter-chip{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:30px;
  padding:0 12px;
  border:none;
  border-radius:999px;
  background:var(--cr-accent-soft);
  color:var(--cr-accent-ink);
  font:600 12px/1 var(--cr-font-family);
  cursor:pointer;
}
.cr-filter-chip:hover{
  background:var(--cr-accent-soft-hover);
  color:var(--cr-detail-text);
}
.cr-filter-chip__remove{
  font-size:14px;
  line-height:1;
}
.cr-filter-chip--clear{
  background:var(--cr-surface-muted);
  color:var(--cr-subtle);
}
.cr-filter-chip--clear:hover{
  background:var(--cr-border-soft);
  color:var(--cr-ink-soft);
}

/* ── Filter selects ── */
.cr-cat-select{
  height:36px;padding:0 14px;border:none;border-radius:999px;
  background:var(--cr-surface-soft);color:var(--cr-body);font:500 12px/1 var(--cr-font-family);
  outline:none;cursor:pointer;transition:box-shadow .2s;
  -webkit-appearance:none;appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23999'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 12px center;
  padding-right:30px;
}
.cr-cat-select:focus{box-shadow:0 0 0 3px var(--cr-accent-focus)}

/* ── Category grid ── */
.cr-card-header--split{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.cr-cat-toggle{
  min-height:34px;
  padding:0 18px;
  border:1px solid var(--cr-border-soft);
  border-radius:999px;
  background:var(--cr-surface-soft);
  color:var(--cr-subtle);
  cursor:pointer;
  font:800 12px/1 var(--cr-font-family);
  transition:background .16s, border-color .16s, color .16s, transform .16s;
}
.cr-cat-toggle:hover{
  background:var(--cr-surface-muted);
  border-color:var(--cr-border-hover);
  color:var(--cr-detail-text);
  transform:translateY(-1px);
}
.cr-cat-toggle-row{
  display:flex;
  justify-content:center;
  padding-top:4px;
}
.cr-cat-toggle-row[hidden]{
  display:none !important;
}
.cr-cat-panel{
  position:relative;
  transition:max-height .2s ease;
}
.cr-cat-panel.is-collapsed{
  max-height:292px;
  overflow:hidden;
}
.cr-cat-panel.is-collapsed::after{
  content:'';
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:56px;
  pointer-events:none;
  background:linear-gradient(180deg, var(--cr-surface-soft-fade-0) 0%, var(--cr-surface-soft-fade-92) 70%, var(--cr-surface-soft) 100%);
}
.cr-cat-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.cr-cat-item{
  display:flex;align-items:center;gap:12px;padding:11px 14px;
  border-radius:18px;background:var(--cr-surface-soft);text-decoration:none;
  transition:all .2s;
}
.cr-cat-item:hover{background:var(--cr-surface-muted);transform:translateY(-1px);box-shadow:var(--cr-shadow-subtle)}
.cr-cat-item.is-active{
  background:var(--cr-accent-soft);
  box-shadow:inset 0 0 0 1px var(--cr-accent-border);
}
.cr-cat-panel.is-collapsed .cr-cat-item--extra{display:none}
.cr-cat-ico{font-size:20px;line-height:1;flex-shrink:0}
.cr-cat-info{flex:1;display:flex;flex-direction:column;gap:2px}
.cr-cat-info b{font-size:13px;color:var(--cr-detail-text);font-weight:700}
.cr-cat-info small{font-size:10px;color:var(--cr-detail-muted);line-height:1.2}
.cr-cat-count{
  font:700 11px/1 var(--cr-font-family);color:var(--cr-detail-muted);
  background:var(--cr-surface-muted);padding:4px 9px;border-radius:999px;
  white-space:nowrap;flex-shrink:0;
}

/* ── Product grid ── */
.cr-product-grid{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px;align-items:stretch;
}
#db-product-grid,
#p-related{
  grid-template-columns:repeat(auto-fill,minmax(200px,1fr));
  gap:12px;
}
.cr-product-item{
  display:flex;flex-direction:column;height:100%;min-height:0;
  border-radius:28px;background:linear-gradient(180deg,var(--cr-surface) 0%,var(--cr-surface-soft) 100%);overflow:hidden;
  border:1px solid var(--cr-border-soft);transition:transform .22s,box-shadow .22s,border-color .22s,background .22s;
  box-shadow:var(--cr-shadow-card);
}
.cr-product-item:hover{
  background:linear-gradient(180deg,var(--cr-surface) 0%,var(--cr-accent-soft) 100%);
  border-color:var(--cr-accent-border);
  transform:translateY(-4px);
  box-shadow:var(--cr-shadow-lift);
}
#db-product-grid .cr-product-item,
#p-related .cr-product-item{
  border:1px solid var(--cr-border-card);
  border-radius:20px;
  background:var(--cr-surface);
  box-shadow:var(--cr-shadow-tile);
  transition:all .2s;
}
#db-product-grid .cr-product-item:hover,
#p-related .cr-product-item:hover{
  background:var(--cr-surface);
  border-color:var(--cr-border);
  transform:translateY(-1px);
  box-shadow:var(--cr-shadow-subtle);
}
#db-product-grid .cr-product-photo,
#p-related .cr-product-photo{
  background:transparent;
  background-image:none;
  margin:0;
  height:184px;
  padding:10px;
  border:0;
  border-radius:0;
  box-shadow:none;
}
#db-product-grid .cr-product-photo,
#p-related .cr-product-photo{
  border-bottom:1px solid var(--cr-detail-line);
}
#db-product-grid .cr-product-actions,
#p-related .cr-product-actions{
  background:transparent;
  border-top:0;
  padding:10px;
}
#db-product-grid .cr-product-info,
#p-related .cr-product-info{
  min-height:122px;
  padding:12px 14px 10px;
  gap:7px;
}
#db-product-grid .cr-product-price-block,
#p-related .cr-product-price-block{
  min-height:52px;
  padding:9px 10px;
  border-radius:13px;
  background:var(--cr-surface);
  border:1px solid var(--cr-border-soft);
}
#db-product-grid .cr-product-price-main-row,
#p-related .cr-product-price-main-row{
  display:grid;
  grid-template-columns:1fr;
  min-height:0;
  gap:6px;
  align-items:stretch;
}
#db-product-grid .cr-product-price-col,
#db-product-grid .cr-product-lead-time,
#p-related .cr-product-price-col,
#p-related .cr-product-lead-time{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:baseline;
  justify-content:start;
  gap:6px;
  min-width:0;
  width:100%;
  text-align:left;
}
#db-product-grid .cr-product-lead-label,
#p-related .cr-product-lead-label{
  min-height:0;
}
#db-product-grid .cr-product-lead-value,
#p-related .cr-product-lead-value{
  justify-self:start;
  line-height:1.05;
}
#db-product-grid .cr-product-photo::after,
#p-related .cr-product-photo::after{
  content:none;
  display:none;
  background:none;
}
#db-product-grid .cr-product-photo-media,
#p-related .cr-product-photo-media{
  filter:none;
}
#db-product-grid .cr-product-photo-placeholder-label,
#p-related .cr-product-photo-placeholder-label{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0 0 0 0);
  white-space:nowrap;
  border:0;
}
#db-product-grid .cr-product-actions .cr-btn,
#db-product-grid .cr-product-actions .cr-btn:hover,
#p-related .cr-product-actions .cr-btn,
#p-related .cr-product-actions .cr-btn:hover{
  box-shadow:none;
}
#db-product-grid .cr-product-item,
#db-product-grid .cr-product-item *,
#p-related .cr-product-item,
#p-related .cr-product-item *{
  font-family:var(--cr-product-font);
}
#db-product-grid .cr-product-price-value,
#db-product-grid .cr-product-lead-value,
#p-related .cr-product-price-value,
#p-related .cr-product-lead-value{
  font-family:var(--cr-font-number);
}
#db-product-grid .cr-product-kicker,
#p-related .cr-product-kicker{
  font-size:10px;
  font-weight:700;
  letter-spacing:.03em;
  background:var(--cr-surface-muted);
  color:var(--cr-subtle);
  min-height:19px;
  padding:0 8px;
}
#db-product-grid .cr-product-info .cr-product-name,
#p-related .cr-product-info .cr-product-name{
  font-size:14px;
  line-height:1.25;
  font-weight:600;
  color:var(--cr-ink-soft);
  letter-spacing:0;
  text-wrap:normal;
  overflow-wrap:normal;
  word-break:normal;
  hyphens:none;
}
#db-product-grid .cr-product-price-label,
#db-product-grid .cr-product-lead-label,
#p-related .cr-product-price-label,
#p-related .cr-product-lead-label{
  font-size:11px;
  font-weight:700;
  line-height:1;
  letter-spacing:.02em;
  color:var(--cr-detail-muted);
  text-transform:none;
  white-space:nowrap;
}
#db-product-grid .cr-product-price-value,
#p-related .cr-product-price-value{
  font-size:17px;
  font-weight:700;
  color:var(--cr-ink-soft);
  line-height:1.05;
  letter-spacing:0;
}
#db-product-grid .cr-product-price-value--request,
#p-related .cr-product-price-value--request{
  font-size:16px;
  color:var(--cr-accent-text);
  line-height:1.05;
}
#db-product-grid .cr-product-lead-value,
#p-related .cr-product-lead-value{
  font-size:14px;
  font-weight:700;
  color:var(--cr-body);
  letter-spacing:0;
}
#db-product-grid .cr-product-actions .cr-btn,
#p-related .cr-product-actions .cr-btn{
  background:var(--cr-accent);
  border:1px solid var(--cr-accent);
  color:var(--cr-detail-text);
  height:42px;
  border-radius:14px;
  padding:0 10px;
  font-size:13px;
  font-weight:600;
  letter-spacing:0;
  text-transform:none;
  white-space:nowrap;
}
#db-product-grid .cr-product-actions .cr-btn:hover,
#p-related .cr-product-actions .cr-btn:hover{
  background:var(--cr-accent-hover);
  border-color:var(--cr-accent-hover);
  color:var(--cr-detail-text);
}
.cr-product-link{
  display:flex;flex-direction:column;flex:0 0 auto;
  text-decoration:none;color:inherit;
}
.cr-product-photo{
  position:relative;
  height:221px;
  padding:14px;
  background:
    radial-gradient(circle at top left, var(--cr-accent-focus) 0%, transparent 48%),
    linear-gradient(180deg,var(--cr-surface-soft) 0%,var(--cr-surface-muted) 100%);
  display:grid;
  place-items:center;
  overflow:hidden;
  color:var(--cr-subtle);
  text-align:center;
}
.cr-product-photo::after{
  content:'';
  position:absolute;
  inset:auto 0 0 0;
  height:30px;
  background:linear-gradient(180deg,var(--cr-surface-soft-fade-0) 0%,var(--cr-surface-muted-fade-82) 100%);
  pointer-events:none;
}
.cr-product-photo-media{
  width:100%;
  height:100%;
  object-fit:contain;
  filter:drop-shadow(var(--cr-shadow-image));
  position:relative;
  z-index:1;
}
.cr-product-photo-placeholder{
  position:relative;
  z-index:1;
  width:100%;
  height:100%;
  border:none;
  border-radius:22px;
  background:var(--cr-surface-glass-soft);
  display:grid;
  place-items:center;
  gap:0;
  padding:18px;
  overflow:hidden;
  isolation:isolate;
}
.cr-product-photo-placeholder--main{
  min-height:100%;
}
.cr-product-photo-placeholder-logo{
  display:block;
  position:absolute;
  top:50%;
  left:50%;
  z-index:1;
  width:86%;
  max-width:360px;
  height:62%;
  max-height:150px;
  object-fit:contain;
  border-radius:0;
  box-shadow:none;
  opacity:.92;
  transform:translate(-50%,-50%);
}
.cr-product-photo-placeholder--main .cr-product-photo-placeholder-logo{
  width:88%;
  max-width:460px;
  height:64%;
  max-height:190px;
}
.cr-product-photo-placeholder-logo--small{
  position:static;
  width:58px;
  height:auto;
  max-width:100%;
  max-height:24px;
  border-radius:5px;
  box-shadow:none;
  opacity:1;
  transform:none;
}
.cr-product-photo-placeholder-mark{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:54px;
  height:30px;
  padding:0 12px;
  border-radius:999px;
  background:var(--cr-ink);
  color:var(--cr-accent);
  font:800 12px/1 var(--cr-font-family);
  letter-spacing:.12em;
}
.cr-product-photo-placeholder-label{
  position:relative;
  z-index:2;
  align-self:end;
  color:var(--cr-subtle);
  font:700 12px/1.4 var(--cr-font-family);
  text-align:center;
  text-shadow:0 1px 0 var(--cr-surface-glass);
}
.cr-product-info{
  display:flex;flex:0 0 auto;flex-direction:column;align-items:flex-start;
  gap:8px;padding:14px 16px 12px;
}
.cr-product-kicker{
  display:inline-flex;
  align-items:center;
  min-height:22px;
  padding:0 10px;
  border-radius:999px;
  background:var(--cr-surface-muted);
  color:var(--cr-subtle);
  font:700 10px/1 var(--cr-font-family);
  letter-spacing:.14em;
  text-transform:uppercase;
}
.cr-product-info b{font-size:13px;color:var(--cr-ink-soft);line-height:1.3}
.cr-product-name{
  display:block;
  min-height:0;
  font-size:17px;line-height:1.22;font-weight:600;color:var(--cr-ink);
  text-wrap:balance;
  overflow:visible;
  overflow-wrap:anywhere;
  word-break:normal;
}
.cr-product-subline{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  min-height:28px;
  width:100%;
}
.cr-product-article{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:34px;
  padding:0 12px;
  border-radius:999px;
  background:var(--cr-accent-soft);
  color:var(--cr-accent-ink);
  font-size:12px;
  line-height:1;
  font-weight:700;
}
.cr-product-article-label{
  color:var(--cr-accent-text);
  letter-spacing:.04em;
}
.cr-product-article-value{
  color:var(--cr-ink);
  font-weight:800;
}
.cr-product-meta{
  display:-webkit-box;overflow:hidden;
  min-height:0;
  font-size:12px;line-height:1.25;color:var(--cr-subtle);
  -webkit-box-orient:vertical;-webkit-line-clamp:1;
}
.cr-product-info small{font-size:12px;color:var(--cr-subtle)}
.cr-product-stock{
  display:inline-flex;align-items:center;align-self:flex-start;
  min-height:28px;padding:0 10px;border-radius:999px;
  font-size:11px;font-weight:800;line-height:1;
  margin-top:0;
  letter-spacing:.08em;
  text-transform:uppercase;
  white-space:nowrap;
}
.cr-product-stock--quote{
  background:var(--cr-accent-soft);
  color:var(--cr-accent-text);
}
.cr-product-stock--instock{
  background:var(--cr-status-success-bg);
  color:var(--cr-status-success-text);
}
.cr-product-instock{color:var(--cr-status-success-strong)}
.cr-product-order{color:var(--cr-status-warning-text)}
.cr-product-actions{
  display:grid;
  grid-template-columns:1fr;
  gap:10px;
  margin-top:auto;
  padding:12px 16px 16px;
  border-top:1px solid var(--cr-border-soft);
  background:linear-gradient(180deg,var(--cr-surface-fade-0) 0%,var(--cr-surface-muted-fade-90) 100%);
}
.cr-product-price-block{
  display:flex;
  flex-direction:column;
  gap:4px;
  min-height:64px;
}
.cr-product-price-main-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:10px;
  min-height:64px;
  align-items:center;
}
.cr-product-price-col{
  min-width:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:4px;
}
.cr-product-price-label{
  min-height:24px;
  color:var(--cr-detail-muted);
  font:700 11px/1.15 var(--cr-font-family);
  letter-spacing:.10em;
  text-transform:uppercase;
}
.cr-product-price-value{
  margin-right:auto;
  font:800 21px/1 var(--cr-font-number);
  color:var(--cr-ink);
}
.cr-product-price-value--request{
  font-size:18px;
  color:var(--cr-accent-text);
}
.cr-product-lead-time{
  min-width:56px;
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  justify-content:center;
  gap:4px;
  text-align:right;
}
.cr-product-lead-label{
  color:var(--cr-detail-muted);
  font:700 10px/1 var(--cr-font-family);
  letter-spacing:.10em;
  text-transform:uppercase;
  white-space:nowrap;
}
.cr-product-lead-value{
  color:var(--cr-body);
  font:800 15px/1 var(--cr-font-number);
  white-space:nowrap;
}
.cr-product-cta-row{
  display:grid;
  grid-template-columns:1fr;
  gap:10px;
  align-items:center;
}
.cr-product-actions .cr-btn{
  width:100%;
  min-width:0;
  height:46px;
  padding:0 20px;
  border-radius:16px;
  background:var(--cr-accent);
  border:1px solid var(--cr-accent);
  color:var(--cr-detail-text);
  font-size:12px;
  font-weight:600;
  letter-spacing:0;
  text-transform:none;
  box-shadow:none;
}
.cr-product-actions .cr-btn:hover{
  background:var(--cr-accent-hover);
  border-color:var(--cr-accent-hover);
  color:var(--cr-detail-text);
  box-shadow:none;
}
@media (max-width: 720px){
  .cr-product-grid{
    grid-template-columns:1fr;
    gap:14px;
  }
  #db-product-grid,
  #p-related{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
  }
  .cr-product-photo{
    height:200px;
    padding:12px;
  }
  .cr-product-info{
    padding:14px 14px 12px;
  }
  .cr-product-name{
    font-size:18px;
  }
  .cr-product-actions{
    padding:12px 14px 14px;
  }
  #db-product-grid .cr-product-photo{
    height:156px;
    margin:0;
    padding:8px;
    border-radius:0;
  }
  #db-product-grid .cr-product-actions{
    padding:8px;
  }
  #db-product-grid .cr-product-price-block{
    min-height:58px;
    padding:8px 10px;
    border-radius:14px;
  }
  #db-product-grid .cr-product-price-main-row{
    min-height:40px;
  }
}

/* ── Pagination ── */
.cr-pagination{
  display:flex;align-items:center;justify-content:center;gap:6px;margin-top:20px;
  padding-top:14px;
  border-top:1px solid var(--cr-border-soft);
}
.cr-pagination--top{
  margin-top:0;
  margin-bottom:14px;
  padding-top:0;
  padding-bottom:12px;
  border-top:none;
  border-bottom:1px solid var(--cr-border-soft);
}
.cr-page-btn{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:42px;height:42px;padding:0 14px;
  border-radius:999px;background:var(--cr-surface-soft);
  color:var(--cr-body);font:600 13px/1 var(--cr-font-family);
  text-decoration:none;transition:all .15s;cursor:pointer;
}
.cr-page-btn:hover{background:var(--cr-surface-hover)}
.cr-page-active{
  background:var(--cr-accent);
  color:var(--cr-detail-text);
  font-weight:800;
  box-shadow:0 0 0 2px var(--cr-accent-glow), var(--cr-shadow-accent);
}
.cr-page-next{padding:0 18px;background:var(--cr-table-line)}
.cr-page-next:hover{background:var(--cr-accent);color:var(--cr-detail-text)}
.cr-page-dots{color:var(--cr-placeholder);font-size:14px;padding:0 4px}

@media (max-width:760px){
  .cr-catalog-toolbar__row--primary{
    display:grid;
    grid-template-columns:1fr;
    align-items:flex-start;
    gap:14px;
  }
  .cr-catalog-toolbar__row--secondary{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:8px;
  }
  .cr-catalog-toolbar__filters{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:8px;
    width:100%;
    margin-left:0;
    padding:0;
    background:transparent;
    border-radius:0;
  }
  .cr-catalog-toolbar__filter-label{
    grid-column:1/-1;
    padding:0;
  }
  .cr-catalog-toolbar__filters .cr-cat-select,
  .cr-catalog-toolbar__filters .cr-catalog-toolbar__reset{
    width:100%;
    min-width:0;
  }
  .cr-catalog-toolbar__meta{
    flex-direction:column;
    align-items:flex-start;
  }
  .cr-list-status{
    position:static;
    flex-direction:column;
    align-items:flex-start;
    padding:10px 12px;
  }
  .cr-page .cr-products-head{
    padding:18px 24px 6px;
  }
  .cr-page .cr-products-body{
    padding:8px 24px 22px;
  }
  .cr-products-controls{
    flex-direction:column;
    align-items:stretch;
    padding-bottom:12px;
  }
  .cr-sort-inline{
    width:100%;
    margin-left:0;
    flex-direction:column;
    align-items:flex-start;
    gap:6px;
  }
  .cr-sort-inline__select{
    width:100%;
    min-width:0;
  }
  .cr-pagination{
    justify-content:flex-start;
    overflow-x:auto;
    overflow-y:hidden;
    flex-wrap:nowrap;
    white-space:nowrap;
    padding-bottom:4px;
    scrollbar-width:thin;
  }
  .cr-page-btn,
  .cr-page-dots{
    flex:0 0 auto;
  }
  .cr-card-header--split{
    align-items:flex-start;
    flex-direction:column;
  }
  .cr-cat-panel.is-collapsed{
    max-height:none;
  }
  .cr-cat-panel.is-collapsed::after{
    display:none;
  }
  .cr-brand-grid{
    grid-template-columns:repeat(3,1fr);
  }
  .cr-cat-grid{grid-template-columns:1fr}
  .cr-product-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:480px){
  .cr-catalog-toolbar__title{
    width:100%;
  }
  .cr-brand-grid{
    grid-template-columns:repeat(2,1fr);
  }
  .cr-product-grid{grid-template-columns:1fr}
  #db-product-grid{grid-template-columns:1fr}
  #db-product-grid .cr-product-price-main-row{
    grid-template-columns:1fr;
    gap:6px;
    min-height:0;
  }
  #db-product-grid .cr-product-lead-time{
    align-items:baseline;
    min-width:0;
    text-align:right;
  }
  #db-product-grid .cr-product-lead-label{
    min-height:0;
  }
  #db-product-grid .cr-product-info{
    min-height:143px;
  }
}

@media (max-width:360px){
  #db-product-grid .cr-product-price-main-row{
    grid-template-columns:1fr;
    gap:6px;
    min-height:0;
  }
  #db-product-grid .cr-product-lead-time{
    align-items:baseline;
    min-width:0;
    text-align:left;
  }
  #db-product-grid .cr-product-lead-label{
    min-height:0;
  }
}

@media (min-width:761px){
  .cr-list-status{
    position:sticky;
    top:12px;
    z-index:2;
  }
}
  

/* Static breadcrumbs bar */
.cr-page .cr-breadcrumbs-static {
  width:100%;
}
.cr-page .cr-breadcrumbs-nav a:hover{
  color:var(--cr-surface);
}
/* Catalog cards should not display SKU/article badges. */
.cr-product-grid .cr-product-tag,
.cr-product-grid .cr-product-article,
.cr-product-grid .cr-product-meta {
  display: none !important;
}

/* ── Home page scoped styles ── */
.cr-home-page .cr-home-hero{
  padding:40px 28px 36px;
  text-align:center;
  background:
    radial-gradient(circle at top center, var(--cr-accent-focus) 0%, transparent 42%),
    linear-gradient(180deg,var(--cr-surface) 0%,var(--cr-accent-soft) 100%);
}
.cr-home-page .cr-home-hero__eyebrow{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:30px;
  padding:0 14px;
  border:1px solid var(--cr-accent-border-soft);
  border-radius:999px;
  background:var(--cr-surface-glass);
  color:var(--cr-accent-text);
  font:700 12px/1 var(--cr-font-family);
  letter-spacing:.08em;
  text-transform:uppercase;
}
.cr-home-page .cr-home-hero__title{
  margin:16px auto 10px;
  max-width:860px;
  font:700 clamp(30px,4.8vw,52px)/1.08 var(--cr-font-display);
  color:var(--cr-detail-text);
  text-wrap:balance;
}
.cr-home-page .cr-home-hero__lead{
  margin:0 auto;
  max-width:760px;
  color:var(--cr-detail-body);
  font-size:16px;
  line-height:1.7;
}
.cr-home-page .cr-home-hero__actions{
  display:flex;
  gap:12px;
  justify-content:center;
  margin-top:24px;
  flex-wrap:wrap;
}
.cr-home-page .cr-home-hero__cta,
.cr-home-page .cr-home-hero__secondary{
  height:46px;
  padding:0 28px;
  font-size:14px;
}
.cr-home-page .cr-home-hero__signals{
  display:flex;
  gap:10px;
  justify-content:center;
  flex-wrap:wrap;
  margin-top:18px;
}
.cr-home-page .cr-home-hero__signal{
  display:inline-flex;
  align-items:center;
  min-height:36px;
  padding:0 14px;
  border-radius:999px;
  background:var(--cr-surface);
  border:1px solid var(--cr-border);
  color:var(--cr-ink-soft);
  font-size:13px;
  font-weight:600;
  box-shadow:var(--cr-shadow-tile);
}
.cr-home-page .cr-home-quickstart{
  display:grid;
  gap:20px;
  padding:26px 28px 28px;
  background:
    linear-gradient(180deg,var(--cr-surface) 0%,var(--cr-accent-soft) 100%);
}
.cr-home-page .cr-home-quickstart__copy{
  display:grid;
  gap:8px;
}
.cr-home-page .cr-home-quickstart__eyebrow{
  color:var(--cr-accent-text);
  font:700 12px/1 var(--cr-font-family);
  letter-spacing:.08em;
  text-transform:uppercase;
}
.cr-home-page .cr-home-quickstart__title{
  margin:0;
  font:700 clamp(22px,3vw,30px)/1.16 var(--cr-font-display);
  color:var(--cr-detail-text);
}
.cr-home-page .cr-home-quickstart__lead{
  margin:0;
  max-width:760px;
  color:var(--cr-detail-body);
  font-size:14px;
  line-height:1.65;
}
.cr-home-page .cr-home-quickstart__form{
  display:grid;
  gap:10px;
}
.cr-home-page .cr-home-quickstart__label{
  color:var(--cr-detail-body);
  font-size:13px;
  font-weight:700;
}
.cr-home-page .cr-home-quickstart__row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:12px;
}
.cr-home-page .cr-home-quickstart__input{
  width:100%;
  min-height:50px;
  padding:0 16px;
  border:1px solid var(--cr-border);
  border-radius:16px;
  background:var(--cr-surface);
  color:var(--cr-detail-text);
  font:600 15px/1.2 var(--cr-font-family);
  box-shadow:inset 0 1px 0 var(--cr-surface-glass-soft);
}
.cr-home-page .cr-home-quickstart__input:focus{
  outline:none;
  border-color:var(--cr-accent-border);
  box-shadow:0 0 0 4px var(--cr-accent-focus);
}
.cr-home-page .cr-home-quickstart__submit{
  min-width:180px;
  height:50px;
}
.cr-home-page .cr-home-quickstart__actions{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
}
.cr-home-page .cr-home-quickstart__action{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:0 16px;
  border-radius:999px;
  border:1px solid var(--cr-border);
  background:var(--cr-surface);
  color:var(--cr-ink-soft);
  font-size:13px;
  font-weight:700;
  text-decoration:none;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.cr-home-page .cr-home-quickstart__action:hover{
  transform:translateY(-1px);
  box-shadow:var(--cr-shadow-soft);
  border-color:var(--cr-accent-border);
}
.cr-home-page .cr-home-quickstart__action--accent{
  background:var(--cr-accent-soft);
  border-color:var(--cr-accent-border);
}
.cr-home-page .cr-home-service-strip{
  padding:22px 24px;
  background:linear-gradient(180deg,var(--cr-accent-soft) 0%,var(--cr-surface) 100%);
}
.cr-home-page .cr-home-service-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}
.cr-home-page .cr-home-service-item{
  display:grid;
  gap:8px;
  min-height:132px;
  padding:18px 18px 16px;
  border-radius:20px;
  background:var(--cr-surface);
  border:1px solid var(--cr-border);
  box-shadow:var(--cr-shadow-tile);
}
.cr-home-page .cr-home-service-item__title{
  color:var(--cr-detail-text);
  font:700 16px/1.2 var(--cr-font-display);
}
	    .cr-home-page .cr-home-service-item__text{
	      color:var(--cr-detail-body);
	      font-size:13px;
	      line-height:1.6;
	    }

	    /* ── Brand grid ── */
.cr-home-page .cr-brand-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(160px,1fr));
  gap:10px;
}
.cr-home-page .cr-brand-item{
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;
  min-height:118px;
  padding:18px 12px;border-radius:20px;background:var(--cr-surface-soft);
  text-decoration:none;text-align:center;transition:all .2s;
}
.cr-home-page .cr-brand-item:hover{background:var(--cr-accent-soft);transform:translateY(-2px);box-shadow:var(--cr-shadow-soft)}
.cr-home-page .cr-brand-ico{font-size:28px;line-height:1}
.cr-home-page .cr-brand-ico--text{font-size:18px;font-weight:800;letter-spacing:.08em}
.cr-home-page .cr-brand-logo-wrap{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  min-height:54px;
}
.cr-home-page .cr-brand-logo{
  display:block;
  width:100%;
  max-width:136px;
  height:48px;
  object-fit:contain;
}
.cr-home-page .cr-brand-name{
  position:absolute;
  width:1px;
  height:1px;
  overflow:hidden;
  clip:rect(0 0 0 0);
  white-space:nowrap;
}
.cr-home-page .cr-brand-item b{font-size:14px;color:var(--cr-detail-text);font-weight:700}
.cr-home-page .cr-brand-item small{font-size:11px;color:var(--cr-subtle);line-height:1.35}

/* ── ERP trust metrics ── */
.cr-home-page .cr-trust-metrics{
  background:var(--cr-surface);
  border:none;
}
.cr-home-page .cr-trust-metrics__header{
  align-items:flex-start;
  gap:16px;
}
.cr-home-page .cr-trust-metrics__body{
  padding:14px 24px 24px;
}
.cr-home-page .cr-trust-metrics__grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:12px;
}
.cr-home-page .cr-trust-metric{
  display:grid;
  grid-template-rows:auto 1fr auto;
  gap:9px;
  min-height:142px;
  padding:18px 18px 16px;
  border-radius:20px;
  border:1px solid var(--cr-border);
  background:var(--cr-surface);
  box-shadow:var(--cr-shadow-tile);
}
.cr-home-page .cr-trust-metric__label{
  color:var(--cr-detail-body);
  font-size:12px;
  font-weight:800;
  line-height:1.25;
  text-transform:uppercase;
}
.cr-home-page .cr-trust-metric__value{
  align-self:end;
  color:var(--cr-detail-text);
  font:800 34px/1 var(--cr-font-number);
  overflow-wrap:anywhere;
  letter-spacing:0;
}
.cr-home-page .cr-trust-metric__unit{
  color:var(--cr-accent-text);
  font-size:13px;
  font-weight:800;
  line-height:1.25;
}

/* Keep the home metrics card intact even if a stale home shell misses cr-home-page. */
.cr-page .cr-trust-metrics{
  background:var(--cr-surface);
  border:none;
}
.cr-page .cr-trust-metrics__header{
  align-items:flex-start;
  gap:16px;
}
.cr-page .cr-trust-metrics__body{
  padding:14px 24px 24px;
}
.cr-page .cr-trust-metrics__grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:12px;
}
.cr-page .cr-trust-metric{
  display:grid;
  grid-template-rows:auto 1fr auto;
  gap:9px;
  min-height:142px;
  padding:18px 18px 16px;
  border-radius:20px;
  border:1px solid var(--cr-border);
  background:var(--cr-surface);
  box-shadow:var(--cr-shadow-tile);
}
.cr-page .cr-trust-metric__label{
  color:var(--cr-detail-body);
  font-size:12px;
  font-weight:800;
  line-height:1.25;
  text-transform:uppercase;
}
.cr-page .cr-trust-metric__value{
  align-self:end;
  color:var(--cr-detail-text);
  font:800 34px/1 var(--cr-font-number);
  overflow-wrap:anywhere;
  letter-spacing:0;
}
.cr-page .cr-trust-metric__unit{
  color:var(--cr-accent-text);
  font-size:13px;
  font-weight:800;
  line-height:1.25;
}
/* ── Product grid ── */
.cr-home-page .cr-card-note{margin:6px 0 0;font-size:13px;color:var(--cr-detail-muted);line-height:1.5}
.cr-home-page .cr-product-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(180px,1fr));
  gap:12px;
  align-items:stretch;
}
.cr-home-page .cr-product-grid--catalog{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}
.cr-home-page .cr-product-item{
  display:flex;flex-direction:column;border-radius:20px;
  height:100%;
  background:var(--cr-surface-soft);overflow:hidden;text-decoration:none;transition:all .2s;
}
.cr-home-page .cr-product-item:hover{background:var(--cr-surface-muted);transform:translateY(-2px);box-shadow:var(--cr-shadow-soft)}
.cr-home-page .cr-product-item--catalog{
  border:1px solid var(--cr-accent-border);
  background:linear-gradient(180deg,var(--cr-surface) 0%,var(--cr-accent-soft) 100%);
  height:100%;
  box-shadow:var(--cr-shadow-tile);
}
.cr-home-page .cr-product-item--catalog:hover{
  background:linear-gradient(180deg,var(--cr-surface) 0%,var(--cr-accent-soft-hover) 100%);
  box-shadow:var(--cr-shadow-lift);
}
.cr-home-page .cr-product-item__media-link{
  display:block;
  text-decoration:none;
}
.cr-home-page .cr-product-photo{
  height:120px;background:var(--cr-surface-muted);display:grid;place-content:center;
  color:var(--cr-detail-muted);font:600 13px/1.3 var(--cr-font-family);text-align:center;
}
.cr-home-page .cr-product-photo--catalog{
  position:relative;
  height:auto;min-height:122px;padding:16px 16px 14px;
  align-content:space-between;justify-items:start;
  background:
    radial-gradient(circle at top right, var(--cr-accent-border) 0%, transparent 42%),
    linear-gradient(160deg,var(--cr-ink) 0%,var(--cr-ink-soft) 100%);
  color:var(--cr-surface);
}
.cr-home-page .cr-product-photo--catalog.cr-product-photo--image{
  min-height:185px;
  padding:0;
  display:block;
  overflow:hidden;
  background:var(--cr-surface-soft);
}
.cr-home-page .cr-product-photo-img{
  display:block;
  width:100%;
  height:185px;
  object-fit:cover;
  background:var(--cr-surface-soft);
}
.cr-home-page .cr-product-photo-overlay-tag{
  position:absolute;
  top:12px;
  left:12px;
  z-index:1;
}
.cr-home-page .cr-product-photo-empty{
  min-height:185px;
  display:grid;
  place-items:center;
  padding:18px;
  color:var(--cr-detail-muted);
  font:600 13px/1.3 var(--cr-font-family);
  text-align:center;
  background:
    radial-gradient(circle at top right, var(--cr-accent-glow) 0%, transparent 42%),
    linear-gradient(180deg,var(--cr-surface-soft) 0%,var(--cr-detail-line) 100%);
}
.cr-home-page .cr-product-tag{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:42px;height:24px;padding:0 10px;border-radius:999px;
  background:var(--cr-accent);color:var(--cr-detail-text);font-size:11px;font-weight:800;letter-spacing:.08em;
}
.cr-home-page .cr-product-photo-code{
  font:800 24px/1 var(--cr-font-number);
  color:var(--cr-surface);
  letter-spacing:.02em;
}
.cr-home-page .cr-product-photo--catalog small{font-size:12px;color:var(--cr-on-dark-soft)}
.cr-home-page .cr-product-info{display:flex;flex-direction:column;gap:3px;padding:12px 14px 14px}
.cr-home-page .cr-product-info b{font-size:13px;color:var(--cr-ink-soft);line-height:1.3}
.cr-home-page .cr-product-info small{font-size:11px;color:var(--cr-detail-muted)}
.cr-home-page .cr-product-info strong{font:700 16px/1 var(--cr-font-number);color:var(--cr-accent-text);margin-top:4px}
.cr-home-page .cr-product-info--catalog{gap:8px;padding:12px 14px 14px;flex:1 1 auto}
.cr-home-page .cr-product-kicker{
  color:var(--cr-accent-text);
  font:700 11px/1 var(--cr-font-family);
  letter-spacing:.08em;
  text-transform:uppercase;
}
.cr-home-page .cr-product-name-link{
  text-decoration:none;
  display:block;
  min-height:36px;
}
.cr-home-page .cr-product-info--catalog b{
  display:-webkit-box;
  overflow:hidden;
  min-height:36px;
  font-size:15px;
  line-height:1.22;
  font-weight:600;
  color:var(--cr-detail-text);
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}
.cr-home-page .cr-product-subline{
  display:flex;
  gap:6px;
  min-height:26px;
  align-items:flex-start;
  justify-content:space-between;
  flex-wrap:wrap;
}
.cr-home-page .cr-product-article{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:30px;
  padding:0 10px;
  border-radius:999px;
  background:var(--cr-surface);
  border:1px solid var(--cr-border);
  color:var(--cr-ink-soft);
}
.cr-home-page .cr-product-article-label{
  color:var(--cr-detail-muted);
  font-size:10px;
  font-weight:700;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.cr-home-page .cr-product-article-value{
  color:var(--cr-detail-text);
  font-size:12px;
  font-weight:800;
}
.cr-home-page .cr-product-info--catalog .cr-product-meta{
  display:-webkit-box;
  overflow:hidden;
  min-height:0;
  color:var(--cr-detail-body);
  font-size:12px;
  line-height:1.25;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:1;
}
.cr-home-page .cr-product-facts{
  display:flex;
  gap:6px;
  flex-wrap:wrap;
}
.cr-home-page .cr-product-fact{
  display:inline-flex;
  align-items:center;
  min-height:24px;
  padding:0 10px;
  border-radius:999px;
  background:var(--cr-surface-glass-strong);
  border:1px solid var(--cr-border);
  color:var(--cr-detail-body);
  font-size:11px;
  font-weight:700;
}
.cr-home-page .cr-product-info--catalog .cr-product-stock{
  display:inline-flex;
  align-items:center;
  min-height:26px;
  align-self:flex-start;
  padding:0 10px;
  border-radius:999px;
  font-size:11px;
  font-weight:700;
}
.cr-home-page .cr-product-price-row{
  grid-template-columns:minmax(0,1fr) auto;
  align-items:stretch;
  min-height:78px;
  margin-top:0;
}
.cr-home-page .cr-product-price-row{
  display:grid;
  gap:6px;
}
.cr-home-page .cr-product-price-row span{
  display:flex;flex-direction:column;gap:3px;
  justify-content:center;
  min-height:68px;
  padding:10px 12px;border-radius:16px;
  background:var(--cr-surface);border:1px solid var(--cr-accent-border);
}
.cr-home-page .cr-product-price-row .cr-product-price-cell{
  min-width:0;
}
.cr-home-page .cr-product-price-row .cr-product-lead-cell{
  min-width:76px;
  align-items:flex-end;
  text-align:right;
}
.cr-home-page .cr-product-price-row em{
  min-height:24px;
  font-style:normal;
  font-size:10px;
  font-weight:700;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:var(--cr-accent-text);
}
.cr-home-page .cr-product-price-row strong{
  margin-top:0;
  font:800 17px/1 var(--cr-font-number);
  color:var(--cr-detail-text);
}
.cr-home-page .cr-product-price-row .cr-product-lead-cell strong{
  font-size:15px;
  white-space:nowrap;
}
.cr-home-page .cr-product-actions{
  display:flex;align-items:center;justify-content:space-between;
  gap:8px;flex-wrap:wrap;
  min-height:46px;
  margin-top:auto;
}
.cr-home-page .cr-product-cta{
  min-width:148px;
  justify-content:center;
}
.cr-home-page .cr-product-source{font-size:11px;color:var(--cr-detail-muted)}

/* ── Advantages grid ── */
.cr-home-page .cr-adv-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.cr-home-page .cr-adv-item{
  display:flex;gap:14px;padding:18px;border-radius:20px;background:var(--cr-surface-soft);
}
.cr-home-page .cr-adv-ico{font-size:28px;line-height:1;flex-shrink:0}
.cr-home-page .cr-adv-text b{display:block;font-size:14px;color:var(--cr-detail-text);margin-bottom:4px}
.cr-home-page .cr-adv-text p{margin:0;font-size:13px;color:var(--cr-detail-muted);line-height:1.5}

	    @media (max-width:760px){
	      .cr-home-page .cr-home-hero{
	        padding:34px 20px 30px;
	      }
  .cr-home-page .cr-home-hero__title{
    font-size:clamp(28px,8vw,42px);
  }
  .cr-home-page .cr-home-hero__lead{
    font-size:15px;
  }
  .cr-home-page .cr-home-quickstart{
    padding:22px 20px 24px;
  }
  .cr-home-page .cr-home-service-strip{
    padding:20px;
  }
  .cr-home-page .cr-home-service-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .cr-home-page .cr-home-quickstart__row{
    grid-template-columns:1fr;
  }
  .cr-home-page .cr-home-quickstart__submit{
    width:100%;
  }
  .cr-home-page .cr-adv-grid{grid-template-columns:1fr}
  .cr-home-page .cr-product-grid{grid-template-columns:repeat(2,1fr)}
  .cr-home-page .cr-product-grid--catalog{grid-template-columns:repeat(2,1fr)}
  .cr-home-page .cr-product-price-row{grid-template-columns:minmax(0,1fr) auto}
  .cr-home-page .cr-brand-grid{grid-template-columns:repeat(3,1fr)}
  .cr-home-page .cr-trust-metrics__header{
    flex-direction:column;
  }
  .cr-home-page .cr-trust-metrics__grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .cr-home-page .cr-trust-metric__value{
    font-size:30px;
  }
}
	    @media (max-width:480px){
	      .cr-home-page .cr-home-hero__actions{
	        flex-direction:column;
	        align-items:stretch;
  }
  .cr-home-page .cr-home-hero__cta,
  .cr-home-page .cr-home-hero__secondary{
    width:100%;
  }
  .cr-home-page .cr-home-quickstart__actions{
    flex-direction:column;
  }
  .cr-home-page .cr-home-service-grid{
    grid-template-columns:1fr;
  }
  .cr-home-page .cr-home-quickstart__action{
    width:100%;
  }
  .cr-home-page .cr-product-grid{grid-template-columns:1fr 1fr}
  .cr-home-page .cr-product-grid--catalog{grid-template-columns:1fr}
  .cr-home-page .cr-brand-grid{grid-template-columns:repeat(2,1fr)}
  .cr-home-page .cr-trust-metrics__body{
    padding:12px 18px 20px;
  }
  .cr-home-page .cr-trust-metrics__grid{
    grid-template-columns:1fr;
  }
  .cr-home-page .cr-trust-metric{
    min-height:118px;
  }
}