/* Satmarin homepage — Phase 7.2 (v1.3.0). Consumes sm-tokens.css. Pixel intent per builddocs/design_system. */
.sm-home{font-family:var(--sm-font-body);background:var(--sm-offwhite);color:var(--sm-navy);-webkit-font-smoothing:antialiased;}
.sm-wrap{max-width:var(--sm-maxw);margin:0 auto;padding:0 var(--sm-pad);}
.sm-micro{margin:0 0 28px;font:600 12px/1 var(--sm-font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--sm-orange);}
.sm-micro--muted{margin:0;letter-spacing:.10em;color:var(--sm-muted);}
.sm-h2{margin:0;font:600 32px/1.1 var(--sm-font-display);letter-spacing:-.01em;}
.sm-h2--big{font-size:clamp(32px,4vw,52px);max-width:16ch;}
.sm-btns{display:flex;gap:12px;flex-wrap:wrap;}
.sm-btn{display:inline-block;text-decoration:none;padding:14px 26px;border-radius:var(--sm-radius-pill);font:500 15px/1.2 var(--sm-font-body);transition:background-color var(--sm-transition),border-color var(--sm-transition),color var(--sm-transition);}
.sm-btn--primary{background:var(--sm-navy);color:var(--sm-offwhite);}
.sm-btn--primary:hover{background:var(--sm-orange);color:#fff;}
.sm-btn--ghost{color:var(--sm-navy);border:1px solid var(--sm-border);}
.sm-btn--ghost:hover{border-color:var(--sm-navy);}

/* hero */
.sm-hero{border-bottom:1px solid var(--sm-hairline);}
.sm-hero .sm-wrap{padding-top:96px;padding-bottom:72px;}
.sm-hero__h1{margin:0;font:600 clamp(48px,7.5vw,92px)/1.06 var(--sm-font-display);letter-spacing:-.03em;}
.sm-hero__row{margin-top:40px;display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:32px;}
.sm-hero__sub{margin:0;font:400 19px/1.5 var(--sm-font-body);color:var(--sm-graphite);max-width:46ch;}
.sm-stats{border-top:1px solid var(--sm-hairline);}
.sm-stats__grid{display:grid;grid-template-columns:repeat(3,1fr);}
.sm-stat{padding:20px 0;display:flex;align-items:baseline;gap:10px;border-right:1px solid var(--sm-hairline);}
.sm-stat:last-child{border-right:0;}
.sm-stat:not(:first-child){padding-left:32px;}
.sm-stat__v{font:500 14px/1 var(--sm-font-body);}
.sm-stat__l{font-size:13px;color:var(--sm-muted);}

/* sections */
.sm-sec{border-bottom:1px solid var(--sm-hairline);}
.sm-sec .sm-wrap{padding-top:72px;padding-bottom:80px;}
.sm-sec__head{display:flex;align-items:baseline;justify-content:space-between;gap:24px;padding-bottom:0!important;padding-top:72px!important;margin-bottom:40px;}
.sm-sec .sm-sec__head + .sm-rows{padding-top:0;}
.sm-lead{margin:0 0 36px;font:400 19px/1.5 var(--sm-font-body);color:var(--sm-graphite);max-width:52ch;}

/* connectivity rows */
.sm-rows{display:flex;flex-direction:column;padding-top:0;padding-bottom:80px;}
.sm-row{display:grid;grid-template-columns:80px 280px 1fr 40px;align-items:center;gap:24px;padding:26px 0;border-top:1px solid var(--sm-hairline);text-decoration:none;color:inherit;transition:background-color var(--sm-transition);}
.sm-row:hover{background:var(--sm-rowhover);}
.sm-row__idx{font:600 13px/1 var(--sm-font-body);color:var(--sm-muted);}
.sm-row__t{font:500 19px/1.2 var(--sm-font-body);}
.sm-row__d{font-size:15px;color:var(--sm-graphite);}
.sm-row__arrow{color:var(--sm-orange);font-size:18px;justify-self:end;}

/* hardware cards */
.sm-cards4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding-top:0;}
.sm-card{display:flex;flex-direction:column;background:var(--sm-white);border:1px solid var(--sm-hairline);border-radius:var(--sm-radius-card);overflow:hidden;text-decoration:none;color:inherit;transition:border-color var(--sm-transition),transform var(--sm-transition);}
.sm-card:hover{border-color:var(--sm-navy);transform:translateY(-2px);}
.sm-card__img{height:180px;display:flex;align-items:center;justify-content:center;background:var(--sm-rowhover);color:var(--sm-muted);font:600 12px/1 var(--sm-font-body);letter-spacing:.12em;text-transform:uppercase;}
.sm-card__body{padding:20px;display:flex;flex-direction:column;gap:8px;flex:1;}
.sm-card__t{font:600 17px/1.2 var(--sm-font-display);}
.sm-card__d{font-size:14px;line-height:1.5;color:var(--sm-graphite);flex:1;}
.sm-card__go{font:500 14px/1 var(--sm-font-body);color:var(--sm-orange);margin-top:8px;}

/* spare parts */
.sm-sec--gray{background:var(--sm-lightgray);}
.sm-partsearch{display:flex;gap:12px;max-width:720px;margin:0 0 20px;}
.sm-partsearch input[type=search]{flex:1;height:54px;padding:0 22px;border:1px solid var(--sm-border);border-radius:var(--sm-radius-pill);background:var(--sm-white);font:400 14px/1 var(--sm-font-body);color:var(--sm-navy);outline:none;transition:border-color var(--sm-transition);}
.sm-partsearch input[type=search]:focus{border-color:var(--sm-aqua);}
.sm-partsearch .sm-btn{height:54px;display:inline-flex;align-items:center;}
.sm-chips{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:48px;}
.sm-chip{text-decoration:none;color:var(--sm-graphite);font-size:14px;padding:8px 16px;border:1px solid var(--sm-chipborder);border-radius:var(--sm-radius-pill);background:var(--sm-white);transition:border-color var(--sm-transition),color var(--sm-transition);}
.sm-chip:hover{border-color:var(--sm-navy);color:var(--sm-navy);}
.sm-cards3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.sm-fcard{background:var(--sm-white);border:1px solid var(--sm-hairline);border-radius:var(--sm-radius-card);padding:28px;display:flex;flex-direction:column;gap:12px;}
.sm-fcard .sm-micro{margin:0;letter-spacing:.12em;}
.sm-fcard__t{margin:0;font:600 17px/1.2 var(--sm-font-display);}
.sm-fcard__d{margin:0;font-size:14px;line-height:1.5;color:var(--sm-graphite);}

/* orbits */
.sm-orbits{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding-top:0;padding-bottom:0;}
.sm-orbit{background:var(--sm-white);border:1px solid var(--sm-hairline);border-radius:var(--sm-radius-card);padding:32px;display:flex;flex-direction:column;gap:20px;}
.sm-orbit__head{display:flex;align-items:center;justify-content:space-between;}
.sm-orbit__name{font:600 28px/1 var(--sm-font-display);letter-spacing:-.01em;}
.sm-orbit__ann{font:600 12px/1 var(--sm-font-body);color:var(--sm-aqua);}
.sm-orbit__rows{display:flex;flex-direction:column;border-top:1px solid var(--sm-hairline);}
.sm-orbit__r{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--sm-hairline);font-size:14px;color:var(--sm-muted);}
.sm-orbit__r:last-child{border-bottom:0;}
.sm-orbit__v{font-weight:500;color:var(--sm-graphite);}
.sm-orbit__sum{margin:24px 0 0;font-size:15px;color:var(--sm-graphite);max-width:70ch;}

/* statement */
.sm-sec--navy{background:var(--sm-navy);}
.sm-sec--navy .sm-wrap{padding-top:96px;padding-bottom:96px;}
.sm-sec--navy .sm-micro{color:var(--sm-orange);}
.sm-statement{margin:0;font:500 clamp(28px,3.6vw,44px)/1.3 var(--sm-font-display);letter-spacing:-.02em;color:var(--sm-offwhite);max-width:26ch;}
.sm-statement__sub{margin:32px 0 0;font:400 16px/1.6 var(--sm-font-body);color:var(--sm-on-navy);max-width:52ch;}

/* contact */
.sm-contact{display:grid;grid-template-columns:1.4fr 1fr;gap:48px;align-items:start;}
.sm-contact__main{display:flex;flex-direction:column;gap:24px;}
.sm-contact__direct{display:flex;flex-direction:column;gap:14px;padding-top:8px;}
.sm-contact__lines{margin:0;font:400 15px/1.7 var(--sm-font-body);color:var(--sm-graphite);}

/* responsive */
@media (max-width:980px){
  .sm-cards4{grid-template-columns:repeat(2,1fr);}
  .sm-row{grid-template-columns:48px 1fr 24px;}
  .sm-row__d{display:none;}
  .sm-orbits{grid-template-columns:1fr;}
  .sm-cards3{grid-template-columns:1fr;}
  .sm-contact{grid-template-columns:1fr;}
  .sm-stats__grid{grid-template-columns:1fr;}
  .sm-stat{border-right:0;border-bottom:1px solid var(--sm-hairline);}
  .sm-stat:not(:first-child){padding-left:0;}
}
@media (max-width:560px){
  .sm-hero .sm-wrap{padding-top:56px;padding-bottom:48px;}
  .sm-sec .sm-wrap,.sm-sec__head{padding-top:48px!important;}
  .sm-sec .sm-wrap{padding-bottom:56px;}
  .sm-cards4{grid-template-columns:1fr;}
  .sm-partsearch{flex-direction:column;}
  .sm-partsearch .sm-btn{height:50px;justify-content:center;}
}

/* white logo in the dark "Why Satmarin" section (7.x logo drop) */
.sm-statement__logo{height:30px;width:auto;display:block;margin:0 0 28px;}

/* trust strip + three linked lanes (2026-07-12 copy rewrite) */
.sm-trust{display:flex;flex-wrap:wrap;gap:8px 22px;align-items:center;padding:18px 0;margin:0;font:500 13px/1.5 var(--sm-font-body);color:var(--sm-navy);}
.sm-trust span{color:var(--sm-graphite);}
.sm-trust a{color:var(--sm-navy);text-decoration:none;}
.sm-trust a:hover{color:var(--sm-orange);}
.sm-lane{text-decoration:none;color:inherit;transition:border-color var(--sm-transition),transform var(--sm-transition);}
.sm-lane:hover{border-color:var(--sm-navy);transform:translateY(-2px);}
.sm-lane .sm-fcard__d{flex:1;}
.sm-lane__go{margin-top:6px;font:500 14px/1 var(--sm-font-body);color:var(--sm-orange);}

/* editable (Gutenberg) homepage, 2026-07-13: map core blocks to the sm-* design so the homepage is
   editable in blocks while matching the hardcoded layout. Neutralise core's injected block-gap so the
   theme's own element margins/gaps control spacing. */
.sm-home .is-layout-flow > * + *{}
.sm-home .wp-block-image{margin:0;}
.sm-home .wp-block-buttons{margin:0;gap:12px;}
.sm-home .wp-block-button{margin:0;}
.sm-home .wp-block-button__link{display:inline-block;padding:14px 26px;border-radius:var(--sm-radius-pill);font:500 15px/1.2 var(--sm-font-body);background:var(--sm-navy);color:var(--sm-offwhite);border:0;text-decoration:none;transition:background-color var(--sm-transition),border-color var(--sm-transition),color var(--sm-transition);}
.sm-home .wp-block-button__link:hover{background:var(--sm-orange);color:#fff;}
.sm-home .wp-block-button.is-style-outline .wp-block-button__link{background:transparent;color:var(--sm-navy);border:1px solid var(--sm-border);}
.sm-home .wp-block-button.is-style-outline .wp-block-button__link:hover{background:transparent;border-color:var(--sm-navy);color:var(--sm-navy);}
.sm-home .sm-statement__logo{margin:0 0 28px;}
.sm-home .sm-statement__logo img{height:30px;width:auto;display:block;}

/* v1.3.0 — "Why Satmarin" client-logo grid (right column). The navy .sm-wrap becomes a 2-col grid on
   desktop; the four existing text elements auto-place into column 1, the appended .sm-why-logos block sits
   in column 2, vertically centred. Hidden <=980px so it never shows in the stacked reflow. Reuses tokens
   (--sm-white / --sm-hairline / --sm-pad); 24px inner gap (existing scale); 8px tile radius = literal
   (no 8px radius token exists — only --sm-radius-card 16px / --sm-radius-pill). No shadow. */
.sm-sec--navy .sm-wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,380px);column-gap:var(--sm-pad);row-gap:0;align-items:start;}
.sm-sec--navy .sm-why-logos{grid-column:2;grid-row:1 / span 4;align-self:center;display:grid;grid-template-columns:repeat(2,1fr);gap:24px;}
.sm-why-logos__tile{background:var(--sm-white);border:1px solid var(--sm-hairline);border-radius:8px;padding:16px;display:flex;align-items:center;justify-content:center;}
.sm-why-logos__tile img{width:100%;height:auto;object-fit:contain;display:block;}
@media (max-width:980px){
  .sm-sec--navy .sm-wrap{display:block;}
  .sm-sec--navy .sm-why-logos{display:none;}
}