/* SHOPFUMOT MODEL COMPARISON V2 */

.sf-compare-v2 {
  background:#F6F8F5;
  color:#233328;
  padding-bottom:75px;
}
.sf-compare-v2 * {box-sizing:border-box}

.sf-compare-wrap {
  width:min(1180px,calc(100% - 36px));
  margin:0 auto;
}

.sf-compare-breadcrumb {
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  padding:22px 0;
  color:#728075;
  font-size:12px;
}
.sf-compare-breadcrumb a {
  color:inherit;
  text-decoration:none;
}

.sf-compare-hero {
  padding:clamp(38px,6vw,80px);
  border-radius:17px;
  background:linear-gradient(120deg,#151A1E,#293D2D);
  color:#fff;
}
.sf-compare-kicker,
.sf-compare-eyebrow {
  margin:0 0 12px;
  color:#6C9334;
  font-size:11px;
  font-weight:800;
  letter-spacing:.14em;
}
.sf-compare-kicker {color:#D7F352}

.sf-compare-hero h1 {
  max-width:790px;
  margin:0 0 19px;
  color:#fff;
  font-size:clamp(34px,5vw,59px);
  line-height:1.12;
  letter-spacing:-.04em;
}
.sf-compare-hero > p:not(.sf-compare-kicker) {
  max-width:720px;
  margin:0 0 24px;
  color:#D7DED7;
  font-size:16px;
  line-height:1.75;
}
.sf-compare-cta {
  display:inline-flex;
  padding:12px 18px;
  border-radius:8px;
  background:#D7F352;
  color:#151A1E!important;
  font-weight:800;
  text-decoration:none!important;
}

.sf-compare-section {
  margin-top:61px;
  scroll-margin-top:25px;
}
.sf-compare-section h2 {
  margin:0 0 18px;
  color:#203126;
  font-size:clamp(25px,3vw,34px);
  line-height:1.25;
}
.sf-compare-intro {
  color:#69786D;
  line-height:1.7;
}

.sf-compare-series-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:15px;
}
.sf-compare-series-grid article {
  display:flex;
  flex-direction:column;
  min-width:0;
  padding:24px;
  border:1px solid #E0E8DC;
  border-radius:13px;
  background:#fff;
}
.sf-compare-series-grid article > span {
  color:#6B9236;
  font-size:11px;
  font-weight:800;
  letter-spacing:.1em;
}
.sf-compare-series-grid h3 {
  margin:17px 0 9px;
  color:#1E3426;
  font-size:23px;
}
.sf-compare-series-grid p {
  flex:1;
  color:#647468;
  font-size:14px;
  line-height:1.7;
}
.sf-compare-series-grid a {
  align-self:flex-start;
  color:#426925;
  text-decoration:none;
  font-size:13px;
  font-weight:800;
}

.sf-compare-table-scroll {
  max-width:100%;
  overflow-x:auto;
  border:1px solid #E0E8DD;
  border-radius:12px;
  background:#fff;
}
.sf-compare-table-scroll table {
  width:100%;
  min-width:720px;
  margin:0;
  border-collapse:collapse;
}
.sf-compare-table-scroll th,
.sf-compare-table-scroll td {
  padding:14px;
  border-bottom:1px solid #E7EDE4;
  text-align:left;
  vertical-align:middle;
  font-size:13px;
  line-height:1.55;
}
.sf-compare-table-scroll thead th {
  background:#EDF3E9;
  color:#2B4530;
}
.sf-compare-table-scroll tbody th {
  font-weight:750;
  color:#213628;
}
.sf-compare-table-scroll a {
  color:#4B7629;
  font-weight:750;
}
.sf-compare-note {
  color:#768579;
  font-size:13px;
  line-height:1.7;
}

.sf-compare-products {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
}
.sf-compare-product {
  min-width:0;
  overflow:hidden;
  border:1px solid #E0E8DC;
  border-radius:13px;
  background:#fff;
  color:#203126!important;
  text-decoration:none!important;
}
.sf-compare-product-image {
  display:flex;
  align-items:center;
  justify-content:center;
  height:205px;
  padding:13px;
  background:#EFF4EC;
}
.sf-compare-product-image img {
  width:100%;
  height:100%;
  object-fit:contain;
}
.sf-compare-product-body {
  padding:15px;
}
.sf-compare-product-body p {
  margin:0 0 8px;
  color:#648E2D;
  font-size:10px;
  font-weight:800;
  letter-spacing:.09em;
}
.sf-compare-product-body h3 {
  margin:0 0 13px;
  color:#203126;
  font-size:16px;
  line-height:1.4;
}
.sf-compare-product-body span {
  color:#4D7928;
  font-size:12px;
  font-weight:800;
}

.sf-compare-faq details {
  margin:9px 0;
  border:1px solid #DEE8DA;
  border-radius:10px;
  background:#fff;
}
.sf-compare-faq summary {
  padding:17px;
  cursor:pointer;
  color:#203527;
  font-weight:750;
}
.sf-compare-faq details p {
  margin:0;
  padding:0 17px 17px;
  color:#65756A;
  line-height:1.75;
}

@media(max-width:900px) {
  .sf-compare-series-grid {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .sf-compare-products {
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}

@media(max-width:760px) {
  .sf-compare-wrap {
    width:calc(100% - 28px);
  }
  .sf-compare-hero {
    padding:32px 21px;
    border-radius:12px;
  }
  .sf-compare-hero > p:not(.sf-compare-kicker) {
    font-size:14px;
  }
  .sf-compare-section {
    margin-top:42px;
  }
  .sf-compare-series-grid {
    grid-template-columns:1fr;
    gap:12px;
  }
  .sf-compare-products {
    display:flex;
    overflow-x:auto;
    gap:12px;
    scroll-snap-type:x mandatory;
    -webkit-overflow-scrolling:touch;
    padding:2px 1px 14px;
  }
  .sf-compare-product {
    flex:0 0 74%;
    max-width:265px;
    scroll-snap-align:start;
  }
  .sf-compare-product-image {
    height:190px;
  }
}

@media(prefers-reduced-motion:reduce) {
  .sf-compare-product {
    scroll-behavior:auto;
  }
}