/* Cusom css */

/* =========================================================
   SKISHARP MASTER CSS v1
   JA Purity IV / T4 Framework
   Stöckli Category + Product Pages
   ========================================================= */

:root {
  --ss-black:#0a0a0a;
  --ss-dark:#111111;
  --ss-red:#e60000;
  --ss-white:#ffffff;
  --ss-light-gray:#f5f5f5;
  --ss-border:#dddddd;
  --ss-text:#111111;
  --ss-muted:#555555;
  --ss-blue:#0b2f4f;
}

/* Hide Joomla previous / next article navigation */
.pagenavigation,
.pagination,
.article-index,
.article-navigation,
.com-content-article__navigation {
  display:none !important;
}

/* Make article content more fluid */
.com-content-article,
.com-content-article__body,
.t4-main-body,
.t4-content {
  width:100%;
}

.ss-product-page,
.ss-product-page * {
  box-sizing:border-box;
}

.ss-product-page {
  width:100%;
  color:var(--ss-text);
  font-family:Arial, Helvetica, sans-serif;
  line-height:1.55;
  background:#fff;
}

.ss-container {
  width:100%;
  /*padding-left:40px;
  padding-right:40px;*/
  margin:0 auto;
}

.ss-section {
  padding:56px 40px;
}

.ss-section-tight {
  padding:32px 0;
}

.ss-section-dark {
  padding:56px 40px;
  background:var(--ss-black);
  color:#fff;
}

.ss-row-why {
  background:var(--ss-light-gray);
}

.ss-row-hero,
.ss-row-collection,
.ss-row-guides {
  background:#fff;
}

.ss-product-page h1,
.ss-product-page h2,
.ss-product-page h3 {
  font-weight:800;
  text-transform:uppercase;
  line-height:1.1;
  margin-top:0;
}

.ss-product-page h1 {
  font-size:clamp(42px,5vw,50px);
  margin-bottom:18px;
}

.ss-product-page h2 {
  font-size:clamp(28px,3vw,42px);
  margin-bottom:22px;
}

.ss-product-page h3 {
  font-size:22px;
  margin-bottom:12px;
}

.ss-product-page p {
  font-size:17px;
  margin:0 0 18px;
}

.ss-kicker {
  color:var(--ss-red);
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.08em;
  margin-bottom:10px;
}

.ss-red-text {
  color:var(--ss-red);
}

/* Buttons */
.ss-btn {
  display:inline-block;
  padding:14px 24px;
  font-weight:800;
  text-transform:uppercase;
  text-decoration:none !important;
  border-radius:2px;
  transition:all .2s ease;
}

.ss-btn-red {
  background:var(--ss-red);
  color:#fff !important;
}

.ss-btn-red:hover {
  background:#b80000;
  color:#fff !important;
}

.ss-btn-dark {
  background:var(--ss-black);
  color:#fff !important;
}

.ss-btn-outline {
  border:2px solid #111;
  color:#111 !important;
  background:transparent;
}

.ss-btn-outline:hover {
  background:#111;
  color:#fff !important;
}

/* Product Hero */
.ss-product-hero {
  background:#fff;
  padding:48px 0 56px;
  border-bottom:1px solid var(--ss-border);
}

.ss-product-hero-grid {
  display:grid;
  grid-template-columns:minmax(280px,42%) 1fr;
  gap:48px;
  align-items:center;
}

.ss-product-image-wrap {
  background:linear-gradient(135deg,#f7f7f7,#ffffff);
  border:1px solid var(--ss-border);
  padding:30px;
  text-align:center;
}

.ss-product-main-image {
  display:block;
  max-width:100%;
  max-height:620px;
  height:auto;
  margin:0 auto;
}

.ss-lightbox-img {
  cursor:zoom-in;
}

.ss-product-subtitle {
  font-size:22px !important;
  font-weight:700;
  color:#222;
}

.ss-product-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 0 0 23px;
    justify-content: center;
}
.ss-product-badges span {
  display:inline-block;
  background:#111;
  color:#fff;
  padding:8px 12px;
  font-size:13px;
  font-weight:800;
  letter-spacing:.04em;
}

.ss-product-cta {
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-top:26px;
  justify-content: center;
}

/* Cards / Grids */
.ss-card {
  background:#fff;
  border:1px solid var(--ss-border);
  padding:24px;
  box-sizing:border-box;
}

.ss-card img {
  max-width:100%;
  height:auto;
}

.ss-card-dark {
  background:#151515;
  border-color:#333;
  color:#fff;
}

.ss-grid-4 {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:24px;
}

.ss-grid-3 {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:24px;
}

.ss-grid-6 {
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:20px;
}

/* Performance */
.ss-performance-grid {
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:18px;
}

.ss-performance-item {
  background:#fff;
  border:1px solid var(--ss-border);
  padding:22px;
  text-align:center;
}

.ss-performance-item span {
  display:block;
  font-weight:800;
  text-transform:uppercase;
  font-size:14px;
  margin-bottom:8px;
}

.ss-performance-item strong {
  font-size:30px;
  color:var(--ss-red);
}

/* Specs */
.ss-spec-table-wrap {
  width:100%;
  overflow-x:auto;
  margin-bottom:28px;
  border:1px solid var(--ss-border);
      display: block !important;
    max-width: 950px;
    width: 100%;
    margin: 28px auto;
}

.ss-spec-table {
  width:100%;
  min-width:720px;
  border-collapse:collapse;
  background:#fff;
}

.ss-spec-table th {
  background:#111;
  color:#fff;
  text-transform:uppercase;
  font-weight:800;
  padding:16px;
  text-align:left;
}

.ss-spec-table td {
  padding:15px 16px;
  border-bottom:1px solid var(--ss-border);
}

.ss-spec-table tr:nth-child(even) td {
  background:#f7f7f7;
}

.ss-spec-cards {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
}

.ss-spec-cards .ss-card strong {
  display:block;
  text-transform:uppercase;
  font-size:14px;
  margin-bottom:8px;
  color:var(--ss-muted);
}

.ss-spec-cards .ss-card span {
  display:block;
  font-size:20px;
  font-weight:800;
}

/* Technology */
.ss-tech-section .ss-card {
  min-height:210px;
}

.ss-tech-section h3 {
  color:#111;
}

/* FAQ */
.ss-faq-section {
  background:#fff;
}

.ss-faq-item {
  border-top:1px solid var(--ss-border);
  padding:24px 0;
}

.ss-faq-item:last-child {
  border-bottom:1px solid var(--ss-border);
}

.ss-faq-item h3 {
  margin-bottom:10px;
  text-transform:none;
}

/* Related */
.ss-related-card {
  display:block;
  text-decoration:none !important;
  color:#111 !important;
  font-weight:800;
  text-transform:uppercase;
  transition:all .2s ease;
}

.ss-related-card:hover {
  background:#111;
  color:#fff !important;
}

/* Final CTA */
.ss-final-cta {
  background:#111;
  color:#fff;
  text-align:center;
}

.ss-final-cta p {
  color:#eee;
  max-width:760px;
  margin-left:auto;
  margin-right:auto;
}

/* Category Page Helpers */
.ss-category-hero {
  background:#111;
  color:#fff;
  padding:72px 0;
}

.ss-category-hero p {
  max-width:900px;
  font-size:20px;
}

.ss-category-grid-card {
  text-decoration:none !important;
  color:#111 !important;
  transition:all .2s ease;
}

.ss-category-grid-card:hover {
  transform:translateY(-3px);
  box-shadow:0 12px 30px rgba(0,0,0,.12);
}

/* Mobile */
@media (max-width:1000px) {
  .ss-product-hero-grid,
  .ss-grid-4,
  .ss-grid-3,
  .ss-grid-6,
  .ss-spec-cards,
  .ss-performance-grid {
    grid-template-columns:repeat(2,1fr);
  }
}

@media (max-width:768px) {
  .ss-container {
  /*  padding-left:20px;
    padding-right:20px;*/
  }

  .ss-product-hero {
    padding:34px 0 40px;
  }

  .ss-product-hero-grid,
  .ss-grid-4,
  .ss-grid-3,
  .ss-grid-6,
  .ss-spec-cards,
  .ss-performance-grid {
    grid-template-columns:1fr;
  }

  .ss-product-page h1 {
    font-size:38px;
  }

  .ss-product-page h2 {
    font-size:30px;
  }

  .ss-section,
  .ss-section-dark {
    padding:40px 20px;
  }

  .ss-product-cta {
    display:block;
  }

  .ss-product-cta .ss-btn,
  .ss-btn {
    width:100%;
    text-align:center;
    margin-bottom:12px;
  }

  .ss-product-image-wrap {
    padding:20px;
  }
}
#t4-main-body .container,
#t4-main-body .container-sm,
#t4-main-body .container-md,
#t4-main-body .container-lg,
#t4-main-body .container-xl,
#t4-main-body .container-xxl {
  max-width: 100% !important;
  width: 100% !important;
}
/*
.t4-section-inner.container,
.t4-section-inner.container-fluid,
.t4-section-inner .container,
.t4-section-inner .container-fluid {
  max-width: 100% !important;
  width: 100% !important;
}*/
.t4-section-inner.container-fluid,
.t4-section-inner .container,
.t4-section-inner .container-fluid {
  max-width: 100% !important;
  width: 100% !important;
}
.ss-hide-sidebar {
    display: none !important;
}
#t4-main-body .ss-full-component {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
}
#t4-main-body .ss-full-component .com-content-article,
#t4-main-body .ss-full-component .com-content-article__body {
    width: 100% !important;
    max-width: 100% !important;
}
#t4-main-body .row > [class*="col-"]:has(.t4-sidebar),
#t4-main-body .sidebar-l,
#t4-main-body .sidebar-r {
  display: none !important;
}

#t4-main-body .row > [class*="col-"]:has(.com-content-article),
#t4-main-body .row > [class*="col-"]:has(.ss-product-page) {
  flex: 0 0 100% !important;
  max-width: 100% !important;
  width: 100% !important;
}
#t4-main-body .row {
  display: flex !important;
}

#t4-main-body .sidebar-l,
#t4-main-body .sidebar-r,
#t4-main-body [class*="sidebar-l"],
#t4-main-body [class*="sidebar-r"] {
  display: none !important;
  width: 0 !important;
  max-width: 0 !important;
  flex: 0 0 0 !important;
}

#t4-main-body .col,
#t4-main-body [class*="col-"] {
  max-width: 100% !important;
}

#t4-main-body .t4-main,
#t4-main-body .mainbody,
#t4-main-body .item-page,
#t4-main-body .com-content-article,
#t4-main-body .com-content-article__body,
#t4-main-body .ss-product-page {
  width: 100% !important;
  max-width: 100% !important;
  flex: 0 0 100% !important;
}
.item-page.layout-default.no-sidebar .top-article-info,
.item-page.layout-default.no-sidebar .desc-article {
    max-width: 100% !important;
    width: 100% !important;
}

.item-page.layout-default.no-sidebar {
    max-width: 100% !important;
    width: 100% !important;
}
/* Fix Joomla article/blog junk on product pages */
.item-page .article-aside,
.item-page .page-header,
.item-page .bottom-meta,
.item-page .pagenavigation,
.item-page .tags,
.item-page .icons {
  display: none !important;
}

/* Make product hero more premium */
.ss-product-hero {
  background: linear-gradient(135deg, #f3f3f3 0%, #ffffff 55%, #eeeeee 100%);
  padding: 70px 40px;
}

.ss-product-hero-grid {
  grid-template-columns: 46% 54%;
  gap: 0;
}
 
.ss-product-image-wrap {
  min-height: 680px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
}
 
.ss-product-main-image {
  max-height: 760px;
  width: auto;
  object-fit: contain;
}
 
.ss-product-hero-copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  /*max-width: 760px;*/
  padding: 0 31px;
}
.ss-product-page h1 {
  letter-spacing: -1px;
}

.ss-product-subtitle {
  /*max-width: 720px;*/
}

/* Better mobile alignment */
@media (max-width: 768px) {
  .ss-product-hero {
    padding: 36px 20px;
  }

  .ss-product-hero-grid {
    grid-template-columns: 1fr;
    gap: 28px;
  }

  .ss-product-image-wrap {
    min-height: auto;
    padding: 18px;
  }

  .ss-product-main-image {
    max-height: 520px;
  }

  .ss-product-hero-copy {
    text-align: center;
    align-items: center;
  }

  .ss-product-badges {
    justify-content: center;
  }

  .ss-product-page h1 {
    font-size: 34px;
  }

  .ss-product-subtitle {
    font-size: 18px !important;
  }
}
.ss-lightbox-link {
  display:block;
  text-align:center;
}

.ss-lightbox-link img {
  cursor: zoom-in;
}

.ss-lightbox-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.95);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 999999;
  padding: 40px;
}

.ss-lightbox-overlay img {
  max-width: 95vw;
  max-height: 95vh;
  width: auto;
  height: auto;
}

.ss-lightbox-close {
  position: absolute;
  top: 20px;
  right: 30px;
  color: #fff;
  font-size: 40px;
  cursor: pointer;
  font-weight: bold;
}
/* Fix text on dark sections */

.ss-section-dark h1,
.ss-section-dark h2,
.ss-section-dark h3,
.ss-section-dark h4,
.ss-section-dark h5,
.ss-section-dark h6 {
    color: #ffffff !important;
}

.ss-card-dark h1,
.ss-card-dark h2,
.ss-card-dark h3,
.ss-card-dark h4,
.ss-card-dark h5,
.ss-card-dark h6 {
    color: #ffffff !important;
}

.ss-section-dark p,
.ss-card-dark p {
    color: #f2f2f2 !important;
}
/* Technical specification table alignment */
.ss-spec-table th,
.ss-spec-table td {
  text-align: center !important;
  vertical-align: middle !important;
}

.ss-spec-table th:first-child,
.ss-spec-table td:first-child {
  text-align: left !important;
  font-weight: 800;
}

.ss-spec-table thead th {
  white-space: nowrap;
}

/* Final black CTA title color fix */
.ss-final-cta h1,
.ss-final-cta h2,
.ss-final-cta h3,
.ss-final-cta p {
  color: #ffffff !important;
}
/* Custom css */

/* ==========================================================
   INFORMATION PAGES & GUIDES
   ========================================================== */
 
.ss-info-page {
    background:#fff;
}
 
.ss-info-hero {
    background:#111;
    color:#fff;
    padding:60px 20px;
    text-align:center;
}
 
.ss-info-panel {
    max-width:980px;
    margin:0 auto;
    background:#fff;
    border:1px solid #e5e5e5;
    border-radius:6px;
    overflow:hidden;
}
 
.ss-info-panel-accent {
    border-top:5px solid #e60000;
}
 
.ss-info-copy {
    padding:40px;
}
 
.ss-info-copy h2 {
    position:relative;
    padding-bottom:16px;
    margin-bottom:24px;
}
 
.ss-info-copy h2:after {
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:60px;
    height:4px;
    background:#e60000;
}
 
.ss-info-panel-dark {
    background:transparent;
    color:#fff;
    border:1px solid rgba(255,255,255,.2);
}
 
.ss-info-panel-dark p {
    color:rgba(255,255,255,.85);
}
 
@media (max-width:768px){
 
    .ss-info-copy{
        padding:24px;
    }
 
}
/* ==========================================================================
   SKISHARP INFORMATION PAGES & GUIDES
   Append this block ONCE to SkiSharp_2026_Master_CSS.css
   ========================================================================== */

.ss-info-page {
  background: var(--ss-white);
}

.ss-info-hero {
  padding: 54px 0;
  background: var(--ss-black);
  color: var(--ss-white);
  text-align: center;
}

.ss-info-hero h1 {
  margin-bottom: 0;
}

.ss-info-panel {
  max-width: 980px;
  margin-inline: auto;
  overflow: hidden;
  background: var(--ss-white);
  border: 1px solid var(--ss-border);
  border-radius: var(--ss-radius);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.03);
}

.ss-info-panel-accent {
  border-top: 5px solid var(--ss-red);
}

.ss-info-copy {
  padding: clamp(28px, 5vw, 52px);
}

.ss-info-copy > :last-child {
  margin-bottom: 0;
}

.ss-info-copy h2 {
  position: relative;
  margin-bottom: 28px;
  padding-bottom: 16px;
}

.ss-info-copy h2::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 64px;
  height: 4px;
  background: var(--ss-red);
  content: "";
}

.ss-info-panel-dark {
  background: transparent;
  border-color: rgba(255, 255, 255, 0.18);
  color: var(--ss-white);
}

.ss-info-panel-dark p {
  color: rgba(255, 255, 255, 0.84);
}

@media (max-width: 700px) {
  .ss-info-hero {
    padding: 42px 0;
  }

  .ss-info-copy {
    padding: 26px 22px;
  }
}
/* INFORMATION PAGES & GUIDES — APPEND ONCE */

.ss-info-page {
  width: 100%;
  background: var(--ss-white);
  color: var(--ss-text);
}

.ss-info-hero {
  padding: 60px 0;
  background: var(--ss-black);
  color: var(--ss-white);
  text-align: center;
  border-top:1px solid rgba(255, 255, 255, 0.14);
}

.ss-info-hero h1 {
  margin: 0;
  color: var(--ss-white);
  text-transform: uppercase;
}

.ss-content {
  /*width: min(100%, 980px);*/
  margin-inline: auto;
}

.ss-info-card {
  padding: 40px;
  background: var(--ss-white);
  border: 1px solid var(--ss-border);
  border-radius: var(--ss-radius);
  color: var(--ss-text);
}

.ss-info-card-accent {
  border-top: 5px solid var(--ss-red);
}

.ss-info-dark {
  padding: var(--ss-space-xl) 0;
  background: var(--ss-black);
  color: var(--ss-white);
}

.ss-info-card-dark {
  background: transparent;
  border: 1px solid rgba(255,255,255,.20);
  color: var(--ss-white);
}

.ss-info-card-dark p {
  color: rgba(255,255,255,.82);
}

.ss-info-card h2 {
  margin-bottom: 24px;
}

.ss-info-card p:last-child {
  margin-bottom: 0;
}

@media (max-width: 700px) {
  .ss-info-hero { padding: 42px 0; }
  .ss-info-card { padding: 26px 22px; }
  .ss-info-dark { padding: 42px 0; }
}
.ss-info-card-dark h2,
.ss-info-card-dark h3,
.ss-info-card-dark h4 {
    color: #ffffff !important;
}
.ss-info-card-dark{margin-bottom:30px;}

/* BODY COPY */

.ss-tech-copy-col p {
    margin: 0 0 15px;
    line-height: 1.7;
    color: #333333;
}

/* BENEFITS */

.ss-tech-benefits {
    margin-top: 20px;
    padding-top: 15px;
    border-top: 3px solid var(--ss-red);
}

.ss-tech-benefits strong {
    display: block;
    margin-bottom: 8px;
    color: #111111;
    text-transform: uppercase;
}

.ss-tech-benefits ul {
    margin: 0;
    padding-left: 22px;
}

.ss-tech-benefits li {
    margin-bottom: 6px;
    line-height: 1.5;
}

/* MOBILE */

@media (max-width: 768px) {

    .ss-tech-row {
        flex-direction: column;
        gap: 20px;
    }

    .ss-tech-image-col {
        flex: 0 0 auto;
        width: 100%;
    }

    .ss-tech-title {
        align-items: flex-start;
    }

    .ss-tech-title img {
        max-width: 55px;
        max-height: 55px;
    }

    .ss-tech-title h3 {
        font-size: 20px;
    }
}
/* ==========================================================================
   SKISHARP SKI TECHNOLOGY — FINAL, NO BOOTSTRAP
   Add this block ONCE to the bottom of the current global.css.
   Remove all earlier Ski Technology CSS blocks before adding this.
   ========================================================================== */

#sst-final-page,
#sst-final-page * {
  box-sizing: border-box;
}

#sst-final-page {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
  background: #fff;
  color: #111;
  font-family: Arial, Helvetica, sans-serif;
}

#sst-final-page .sst-page-header {
  width: 100%;
  padding: 42px 24px 24px;
  background: #fff;
  text-align: center;
}

#sst-final-page .sst-page-header h1 {
  margin: 0;
  color: #111 !important;
  font-size: clamp(38px,5vw,64px);
  font-weight: 800;
  line-height: 1.1;
  text-transform: uppercase;
}

#sst-final-page .sst-section {
  width: 100%;
  padding: 46px 24px;
  background: #fff;
  border-top: 1px solid #e5e5e5;
}

#sst-final-page .sst-section h2 {
  margin: 0 0 30px;
  color: #111 !important;
  font-size: clamp(28px,4vw,44px);
  font-weight: 800;
  line-height: 1.1;
  text-transform: uppercase;
}

#sst-final-page .sst-tech-hero {
  width: 100%;
  margin: 0 0 28px;
  text-align: center;
}

#sst-final-page .sst-tech-hero img {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}

#sst-final-page .sst-grid {
  display: grid !important;
  width: 100%;
  gap: 24px;
  align-items: stretch;
}

#sst-final-page .sst-grid-3 {
  grid-template-columns: repeat(3, minmax(0,1fr)) !important;
}

#sst-final-page .sst-grid-4 {
  grid-template-columns: repeat(4, minmax(0,1fr)) !important;
}

#sst-final-page .sst-card {
  min-width: 0;
  height: 100%;
  background: #fff;
}

#sst-final-page .box-div {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  margin: 0;
  overflow: hidden;
  background: #fff;
  border: 1px solid #ddd;
}

#sst-final-page .imgright {
  margin: 0;
  padding: 0;
  background: #fff;
  text-align: center;
}

#sst-final-page .imgright img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
  object-fit: contain;
}

#sst-final-page .img-title {
  flex: 1 1 auto;
  padding: 20px;
}

#sst-final-page .img-title > p:first-child {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 14px;
}

#sst-final-page .img-title > p:first-child img {
  flex: 0 0 auto;
  display: block;
  width: auto;
  max-width: 58px;
  max-height: 58px;
  height: auto;
}

#sst-final-page .img-title > p:first-child span {
  color: #111;
  font-size: 17px;
  font-weight: 800;
  line-height: 1.2;
  text-transform: uppercase;
}

#sst-final-page .img-title p {
  margin: 0 0 14px;
  color: #333;
  font-size: 15px;
  line-height: 1.55;
}

#sst-final-page .befefit-txt {
  margin-top: 18px !important;
  padding-top: 14px;
  border-top: 3px solid var(--ss-red);
}

#sst-final-page .befefit-txt strong {
  color: #111;
  font-weight: 900;
  letter-spacing: .04em;
}

@media (max-width: 1100px) {
  #sst-final-page .sst-grid-3,
  #sst-final-page .sst-grid-4 {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  }
}

@media (max-width: 700px) {
  #sst-final-page .sst-page-header {
    padding: 32px 18px 18px;
  }

  #sst-final-page .sst-section {
    padding: 34px 18px;
  }

  #sst-final-page .sst-grid-3,
  #sst-final-page .sst-grid-4 {
    grid-template-columns: 1fr !important;
  }

  #sst-final-page .img-title {
    padding: 18px;
  }

  #sst-final-page .img-title > p:first-child {
    align-items: flex-start;
  }

  #sst-final-page .img-title > p:first-child img {
    max-width: 50px;
    max-height: 50px;
  }

  #sst-final-page .img-title > p:first-child span {
    font-size: 16px;
  }
}
/* =========================================================
2026–2027 STÖCKLI LASER COMPARISON GUIDE
Append this ONCE to the SkiSharp global CSS.
All selectors are scoped to .ss-laser-guide.
========================================================= */

.ss-laser-guide{
  --lg-red:#d71920;
  --lg-black:#111;
  --lg-dark:#17191d;
  --lg-gray:#f3f4f6;
  --lg-line:#dfe2e6;
  --lg-text:#24272b;
  --lg-muted:#61666d;
  max-width:1180px;
  margin:0 auto;
  color:var(--lg-text);
  font-family:Arial,Helvetica,sans-serif;
  line-height:1.55;
  background:#fff;
}

.ss-laser-guide *,
.ss-laser-guide *::before,
.ss-laser-guide *::after{box-sizing:border-box}

.ss-laser-guide h1,
.ss-laser-guide h2,
.ss-laser-guide h3{color:var(--lg-black);line-height:1.15}

.ss-laser-guide h1{font-size:clamp(34px,5vw,58px);margin:6px 0 14px}
.ss-laser-guide h2{font-size:clamp(27px,3vw,38px);margin:0 0 14px}
.ss-laser-guide h3{font-size:20px;margin:0 0 8px}
.ss-laser-guide p{font-size:17px;margin:0 0 16px}
.ss-laser-guide a{color:var(--lg-red)}

.ss-laser-guide__header{
  padding:44px 38px 34px;
  border-top:7px solid var(--lg-red);
  border-bottom:1px solid var(--lg-line);
  background:linear-gradient(135deg,#fff 0%,#fff 72%,#f0f1f3 100%);
}

.ss-laser-guide__lead{/*max-width:900px;*/color:var(--lg-muted);font-size:19px!important;text-align:center;}

.ss-laser-guide__eyebrow{
  margin:0!important;
  color:var(--lg-red)!important;
  font-size:13px!important;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.ss-laser-guide__jump{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  margin-top:22px;
  justify-content:center;
}

.ss-laser-guide__jump a{
  display:inline-block;
  padding:9px 12px;
  border:1px solid #cfd3d8;
  color:#222!important;
  background:#fff;
  font-size:13px;
  font-weight:800;
  text-decoration:none!important;
  text-transform:uppercase;
}

.ss-laser-guide__jump a:hover{border-color:var(--lg-red);color:var(--lg-red)!important}

.ss-laser-guide__section{padding:42px 38px}
.ss-laser-guide__section--soft{background:var(--lg-gray)}
.ss-laser-guide__section--dark{background:var(--lg-dark);color:#fff}
.ss-laser-guide__section--dark h2,
.ss-laser-guide__section--dark h3{color:#fff}
.ss-laser-guide__section--dark .ss-laser-guide__section-heading>p:last-child{color:#c7cbd0}

.ss-laser-guide__section-heading{margin-bottom:22px}
.ss-laser-guide__section-heading>p:last-child{max-width:880px;color:var(--lg-muted)}

.ss-laser-guide__intro{
  display:grid;
  grid-template-columns:minmax(0,2fr) minmax(250px,1fr);
  gap:28px;
  align-items:start;
}

.ss-laser-guide__callout{
  padding:22px;
  border-left:5px solid var(--lg-red);
  background:#f3f4f6;
}

.ss-laser-guide__callout strong,
.ss-laser-guide__callout span{display:block}
.ss-laser-guide__callout strong{font-size:20px;margin-bottom:8px}

.ss-laser-guide__picks{
  display:grid;
  grid-template-columns:repeat(auto-fit, 360px);
  justify-content: center;
  gap:14px;
}

.ss-laser-guide__picks article{
  min-height:165px;
  padding:22px;
  border:1px solid var(--lg-line) !important;
  border-top:4px solid var(--lg-red) !important;
  background:#fff !important;
  color:var(--lg-text) !important;
}

.ss-laser-guide__picks span{
  display:block;
  margin-bottom:8px;
  color:var(--lg-red);
  font-size:12px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.ss-laser-guide__picks h3{color:var(--lg-black) !important}
.ss-laser-guide__picks p{font-size:15px;margin:0;color:var(--lg-muted) !important}

.ss-laser-guide__swipe{
  display:none;
  margin:0 0 10px;
  color:var(--lg-red);
  font-size:13px;
  font-weight:900;
}

.ss-laser-guide__table-scroll{
  width:100%;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  border:1px solid #cfd3d8;
  cursor:grab;
  overscroll-behavior-inline:contain;
}

.ss-laser-guide__table-scroll.is-dragging{cursor:grabbing;user-select:none}

.ss-laser-guide__table{
  width:100%;
  min-width:0;
  border-collapse:collapse;
  table-layout:fixed;
}

.ss-laser-guide__table th,
.ss-laser-guide__table td{
  padding:12px 8px;
  border-right:1px solid #dfe2e6;
  border-bottom:1px solid #dfe2e6;
  vertical-align:top;
  text-align:left;
  font-size:13px;
  line-height:1.42;
}

.ss-laser-guide__table thead th{
  position:sticky;
  top:0;
  z-index:2;
  padding:17px 12px;
  color:#fff;
  background:#17191d;
  font-size:15px;
}

.ss-laser-guide__table thead th:not(:first-child){border-top:5px solid var(--lg-red)}

.ss-laser-guide__table thead th:first-child,
.ss-laser-guide__table tbody th{
  position:sticky;
  left:0;
  width:15%;
  z-index:3;
}

.ss-laser-guide__table thead th:not(:first-child){
  width:14.166%;
}

.ss-laser-guide__table thead th:first-child{background:#0d0e10}
.ss-laser-guide__table tbody th{
  color:#111;
  background:#fff;
  font-weight:800;
  box-shadow:4px 0 7px rgba(0,0,0,.07);
}

.ss-laser-guide__table tbody tr:nth-child(even) td,
.ss-laser-guide__table tbody tr:nth-child(even) th{background:#f5f6f7}

.ss-laser-guide__table a{
  display:inline-block;
  padding:8px 10px;
  color:#fff!important;
  background:var(--lg-red);
  font-size:12px;
  font-weight:800;
  text-decoration:none!important;
  text-transform:uppercase;
}

.ss-laser-guide__table a:hover{background:#a90f15}
.ss-laser-guide__note{margin-top:12px!important;color:var(--lg-muted);font-size:13px!important}

.ss-laser-guide__reviews{
  display:grid;
  grid-template-columns:repeat(auto-fit, 360px);
  justify-content: center;
  gap:15px;
}

.ss-laser-guide__reviews article{
  padding:22px;
  border:1px solid #3b3f45;
  background:#22252a;
}

.ss-laser-guide__reviews p{font-size:15px;margin:0;color:#d3d6da}
.ss-laser-guide__stars{color:#ffcb45;font-size:22px;letter-spacing:2px}
.ss-laser-guide__award{margin:0 0 10px!important;color:#fff!important;font-weight:800}

.ss-laser-guide__tech{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}

.ss-laser-guide__tech article{
  display:grid;
  grid-template-columns:90px 1fr;
  column-gap:14px;
  padding:16px 18px;
  border:1px solid var(--lg-line);
  background:#fff;
}

.ss-laser-guide__tech h3{
  grid-row:1 / span 2;
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:64px;
  margin:0;
  color:#fff;
  background:#17191d;
  font-size:16px;
  text-align:center;
}

.ss-laser-guide__tech strong{align-self:end;color:var(--lg-red)}
.ss-laser-guide__tech p{align-self:start;margin:3px 0 0;font-size:14px;color:var(--lg-muted)}

.ss-laser-guide__faq{display:grid;gap:10px}

.ss-laser-guide__faq details{
  border:1px solid var(--lg-line);
  background:#fff;
}

.ss-laser-guide__faq summary{
  position:relative;
  padding:17px 48px 17px 18px;
  cursor:pointer;
  color:#111;
  font-size:17px;
  font-weight:800;
  list-style:none;
}

.ss-laser-guide__faq summary::-webkit-details-marker{display:none}
.ss-laser-guide__faq summary::after{
  content:"+";
  position:absolute;
  right:18px;
  top:11px;
  color:var(--lg-red);
  font-size:28px;
}

.ss-laser-guide__faq details[open] summary::after{content:"−"}
.ss-laser-guide__faq details p{padding:0 18px 17px;margin:0;font-size:15px;color:var(--lg-muted)}

.ss-laser-guide__footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  padding:36px 38px;
  color:#fff;
  background:#0e0f11;
}

.ss-laser-guide__footer h2{color:#fff}
.ss-laser-guide__footer p{margin-bottom:0;color:#d5d7da}

.ss-laser-guide__footer>a{
  flex:0 0 auto;
  padding:14px 20px;
  color:#fff!important;
  background:var(--lg-red);
  font-weight:900;
  text-decoration:none!important;
  text-transform:uppercase;
}


.ss-laser-guide__rating-note{
  display:inline-block;
  margin-top:2px !important;
  padding:8px 10px;
  border-left:4px solid var(--lg-red);
  background:#f5f6f7;
  color:#555 !important;
  font-size:13px !important;
}

.ss-laser-guide__table tbody tr:nth-child(9) td,
.ss-laser-guide__table tbody tr:nth-child(10) td,
.ss-laser-guide__table tbody tr:nth-child(11) td,
.ss-laser-guide__table tbody tr:nth-child(12) td,
.ss-laser-guide__table tbody tr:nth-child(13) td{
  color:#d79a00;
  font-size:15px;
  letter-spacing:1px;
  white-space:nowrap;
}

@media(min-width:901px){
  .ss-laser-guide__table th,
  .ss-laser-guide__table td{
    overflow-wrap:anywhere;
  }
}

@media(max-width:900px){
  .ss-laser-guide__picks,
  .ss-laser-guide__reviews{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ss-laser-guide__intro{grid-template-columns:1fr}
  .ss-laser-guide__tech{grid-template-columns:1fr}
}

@media(max-width:640px){
  .ss-laser-guide__header,
  .ss-laser-guide__section,
  .ss-laser-guide__footer{padding-left:20px;padding-right:20px}

  .ss-laser-guide__header{padding-top:30px}
  .ss-laser-guide__lead{font-size:17px!important}
  .ss-laser-guide__picks,
  .ss-laser-guide__reviews{grid-template-columns:1fr}
  .ss-laser-guide__picks article{min-height:0}
  .ss-laser-guide__swipe{display:block}

  .ss-laser-guide__table-scroll{
    width:calc(100% + 40px);
    margin-left:-20px;
    border-left:0;
    border-right:0;
  }

  .ss-laser-guide__table{
    min-width:1320px;
    table-layout:fixed;
  }

  .ss-laser-guide__table th,
  .ss-laser-guide__table td{
    padding:12px 10px;
    font-size:13px;
  }

  .ss-laser-guide__table thead th:first-child,
  .ss-laser-guide__table tbody th{
    width:170px;
    min-width:170px;
    max-width:170px;
  }

  .ss-laser-guide__table thead th:not(:first-child){
    width:190px;
    min-width:190px;
  }

  .ss-laser-guide__tech article{
    grid-template-columns:72px 1fr;
    padding:13px;
  }

  .ss-laser-guide__footer{align-items:flex-start;flex-direction:column}
}
/* ==========================================================
   SKISHARP CATEGORY LANDING PAGES — MASTER CSS
   Add this complete block to the global CSS ONE TIME ONLY.
   This is the clean master for all six category landing pages.
   ========================================================== */

.sslp{--red:#df161c;--ink:#101418;--soft:#f4f5f6;--line:#dfe2e5;color:#20252a;font-family:Arial,Helvetica,sans-serif;line-height:1.5}
.sslp,.sslp *,.sslp *:before,.sslp *:after{box-sizing:border-box}
.sslp img{display:block;max-width:100%;height:auto}
.sslp a{text-decoration:none}
.sslp-wrap{width:min(1500px,calc(100% - 48px));margin:0 auto}
.sslp-section{padding:48px 0}
.sslp-soft{background:var(--soft)}
.sslp h2{margin:0 0 14px;font-size:clamp(28px,2.5vw,40px);line-height:1.08;text-transform:uppercase}
.sslp-redline{display:block;width:58px;height:4px;margin:14px 0 18px;background:var(--red)}

.sslp-hero{position:relative;min-height:660px;display:flex;align-items:center;overflow:hidden;background:#071017}
.sslp-hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;}
.sslp-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,8,12,.98) 0%,rgba(3,8,12,.91) 30%,rgba(3,8,12,.38) 58%,rgba(3,8,12,.04) 100%)}
.sslp-hero-copy{position:relative;z-index:2;max-width:660px;padding:58px 0;color:#fff}
.sslp-kicker{font-weight:900;text-align:center;margin:0 0 4px;color:#df161c;font-size:clamp(28px,3vw,44px);font-weight:900;line-height:1;text-transform:uppercase}
.sslp-hero h1{margin:0;color:#fff;font-size:clamp(58px,6vw,92px);line-height:.94;letter-spacing:-.04em;text-transform:uppercase; text-align:center;}
.sslp-tagline{text-align:center;margin:13px 0 0;font-size:clamp(21px,2vw,31px);font-weight:900;text-transform:uppercase}
.sslp-hero-text{max-width:555px;margin:0 0 24px;font-size:17px}
.sslp-actions{display:flex;flex-wrap:wrap;gap:12px}
.sslp-button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 20px;border:2px solid #fff;border-radius:3px;color:#fff;font-size:14px;font-weight:900;text-transform:uppercase}
.sslp-button-red{border-color:#df161c;background:#df161c;}
#t4-slideshow.innerpageSlideShow .t4-section-inner{max-width:100% !important; padding:0px;}
.sslp-intro{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:42px;align-items:stretch}
.sslp-copy p{margin:0 0 17px;font-size:16px}
.sslp-family{padding:27px 30px;border:1px solid var(--line);border-radius:5px;background:#fff;display:flex;flex-direction:column;justify-content:center}
.sslp-family h2{font-size:28px}
.sslp-family-row{display:grid;grid-template-columns:180px minmax(0,1fr);column-gap:24px;padding:8px 0;border-bottom:1px solid #e5e7e9;align-items:start}
.sslp-family-row:last-child{border-bottom:0}
.sslp-family-row strong{color:var(--red);line-height:1.3;text-transform:uppercase}
.sslp-family-row span{line-height:1.35}

.sslp-heading-line{display:flex;align-items:center;gap:20px;margin-bottom:23px}
.sslp-heading-line:before,.sslp-heading-line:after{content:"";flex:1;height:1px;background:#d8dadd}
.sslp-heading-line h2{margin:0;white-space:nowrap;text-align:center}
.sslp-products{display:grid;grid-template-columns:repeat(auto-fit, 200px);gap:20px;justify-content: center;}
.sslp-card{display:flex;flex-direction:column;min-width:0;padding:17px 14px 15px;border:1px solid var(--line);border-radius:5px;background:#fff;text-align:center}
.sslp-ski{/*height:300px;*/display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:10px}
.sslp-ski img{width:100%;height:100%;object-fit:contain}
.sslp-card h3{margin:0 0 8px;font-size:20px;line-height:1.08;text-transform:uppercase}
.sslp-card p{flex:1;margin:0 0 15px;font-size:14px;text-align:center}
.sslp-card a{display:inline-flex;align-items:center;justify-content:center;min-height:39px;padding:9px 14px;border-radius:3px;background:var(--red);color:#fff;font-size:13px;font-weight:900;text-transform:uppercase}

/*.sslp-compare{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(390px,.8fr);align-items:stretch;overflow:hidden;border:1px solid var(--line);border-radius:5px;background:#fff
display: block;
    max-width: 1150px;
    margin: 0 auto;
    border: 1px solid var(--line);
    border-radius: 5px;
    overflow: hidden;}
.sslp-table-area{padding:24px 25px;overflow-x:auto}*/
.sslp-wrap.sslp-compare{
    display:block !important;
    max-width:950px;
    width:100%;
    margin:0 auto;
}

.sslp-table-area{
    width:100%;
    margin:20px auto;
}
.sslp-table-area h2{font-size:30px}
.sslp-table-scroll{overflow-x:auto}
.sslp table{width:100%;min-width:720px;border-collapse:collapse;font-size:13px}
.sslp th,.sslp td{padding:9px 10px;border:1px solid #dde0e2;text-align:left}
.sslp thead th{background:#151515;color:#fff;text-transform:uppercase}
.sslp tbody th{white-space:nowrap}
.sslp-compare-image{width:100%;height:100%;min-height:355px;object-fit:cover;object-position:center}

.sslp-benefits{padding:34px 0;background:#fff}
.sslp-benefits>div>h2{font-size:30px;text-align:center}
.sslp-benefit-grid{display:grid;grid-template-columns:repeat(6,1fr);border:1px solid var(--line);border-radius:5px;overflow:hidden}
.sslp-benefit{padding:21px 14px;border-right:1px solid var(--line);text-align:center}
.sslp-benefit:last-child{border-right:0}
.sslp-benefit img{width:54px;height:54px;margin:0 auto 10px;object-fit:contain}
.sslp-benefit h3{margin:0 0 7px;font-size:16px;line-height:1.12;text-align:center;text-transform:uppercase}
.sslp-benefit p{margin:0;font-size:13px;text-align:center}

.sslp-cta{position:relative;min-height:430px;display:flex;align-items:center;overflow:hidden;background:#080d10;color:#fff}
.sslp-cta-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.sslp-cta-copy{position:relative;z-index:2;width:min(690px,47%);margin-left:auto;padding:62px 0 54px}
.sslp-cta {
    position: relative;
    display: flex;
    align-items: center;
    overflow: hidden;
    background: #0d0d0d;
    color: #fff;
}

.sslp-cta-image {
    width: 100%;
    height: auto;
    display: block;
    position: relative;
}

.sslp-cta-copy {
    position: absolute;
    right: 2%;
    top: 50%;
    transform: translateY(-50%);
    width: min(520px, 47%);
    z-index: 2;
}
.sslp-cta h2{color:#fff;} 
.sslp-cta p{color:#fff;} 
.sslp-phone{display:block;margin:19px 0 23px;color:#df161c;font-size:clamp(38px,4vw,58px);font-weight:900;line-height:1}
/*
.sslp-cta-copy{
    background:rgba(0,0,0,.45);
    backdrop-filter:blur(4px);
    padding:40px;
    border-radius:8px;
}
*/
@media(max-width:1200px){
  .sslp-products{grid-template-columns:repeat(3,1fr)}
  .sslp-benefit-grid{grid-template-columns:repeat(3,1fr)}
  .sslp-benefit:nth-child(3){border-right:0}
  .sslp-benefit:nth-child(-n+3){border-bottom:1px solid var(--line)}
}
@media(max-width:900px){
  .sslp-wrap{width:min(100% - 28px,1500px)}
  .sslp-hero{min-height:650px;align-items:flex-end}
  .sslp-hero:after{background:linear-gradient(0deg,rgba(3,8,12,.98) 0%,rgba(3,8,12,.80) 53%,rgba(3,8,12,.12) 100%)}
  .sslp-hero-copy{padding:245px 0 42px}
  .sslp-intro,.sslp-compare{grid-template-columns:1fr}
  .sslp-compare-image{min-height:300px}
  .sslp-cta{min-height:650px;align-items:flex-end}
  .sslp-cta-image{object-position:30% center}
  .sslp-cta:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,9,12,.99) 0%,rgba(5,9,12,.88) 47%,rgba(5,9,12,.05) 100%)}
  .sslp-cta-copy{width:100%;padding:335px 0 42px}
}
@media(max-width:650px){
  .sslp-section{padding:35px 0}
  .sslp-family-row{grid-template-columns:1fr;gap:3px}
  .sslp-products{grid-template-columns:repeat(2,1fr)}
  .sslp-ski{height:235px}
  .sslp-benefit-grid{grid-template-columns:repeat(2,1fr)}
  .sslp-benefit{border-bottom:1px solid var(--line)}
  .sslp-benefit:nth-child(even){border-right:0}
  .sslp-heading-line:before,.sslp-heading-line:after{display:none}
  .sslp-heading-line h2{white-space:normal}
}
@media(max-width:430px){
  .sslp-products,.sslp-benefit-grid{grid-template-columns:1fr}
  .sslp-benefit{border-right:0}
}
/* ==========================================================
   SKISHARP PRODUCT COMPARISON GUIDES LANDING PAGE
   Append this block ONE TIME to the existing global hero-page CSS.
   ========================================================== */

.sslp-guide-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.sslp-guide-card {
  padding: 0 0 16px;
  overflow: hidden;
}

.sslp-guide-image {
  height: 210px;
  margin-bottom: 18px;
  overflow: hidden;
}

.sslp-guide-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.sslp-guide-card h3,
.sslp-guide-card p,
.sslp-guide-card a {
  margin-left: 16px;
  margin-right: 16px;
}

.sslp-guide-card h3 {
  min-height: 86px;
}

.sslp-guide-benefit-grid,
.sslp-guide-trust-grid {
  grid-template-columns: repeat(5, 1fr);
}

@media (max-width: 1200px) {
  .sslp-guide-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .sslp-guide-benefit-grid,
  .sslp-guide-trust-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 650px) {
  .sslp-guide-grid,
  .sslp-guide-benefit-grid,
  .sslp-guide-trust-grid {
    grid-template-columns: 1fr;
  }

  .sslp-guide-card h3 {
    min-height: 0;
  }
}
/* Comparison Guides — table and image alignment fix */

.sslp-guide-choice {
  display: grid;
  grid-template-columns: minmax(0, 1.18fr) minmax(420px, .82fr);
  align-items: stretch;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 5px;
  background: #fff;
}

.sslp-guide-choice__table {
  min-width: 0;
  padding: 28px 26px;
}

.sslp-guide-choice__table h2 {
  margin: 0;
  text-align: left;
}

.sslp-guide-choice__table table {
  width: 100%;
  min-width: 700px;
  border-collapse: collapse;
  font-size: 14px;
}

.sslp-guide-choice__table th,
.sslp-guide-choice__table td {
  padding: 13px 14px;
  border: 1px solid #dfe2e5;
  text-align: left;
  vertical-align: middle;
}

.sslp-guide-choice__table thead th {
  background: #151515;
  color: #fff;
  text-transform: uppercase;
}

.sslp-guide-choice__table tbody th {
  width: 120px;
  white-space: nowrap;
}

.sslp-guide-choice__table tbody td:last-child {
  width: 190px;
}

.sslp-guide-choice__image-link {
  display: block;
  min-width: 0;
  height: 100%;
  overflow: hidden;
}

.sslp-guide-choice__image {
  width: 100%;
  height: 100%;
  min-height: 390px;
  /*object-fit: cover;*/
  object-position: center;
}

@media (max-width: 1000px) {
  .sslp-guide-choice {
    grid-template-columns: 1fr;
  }

  .sslp-guide-choice__image {
    min-height: 360px;
  }
}

@media (max-width: 650px) {
  .sslp-guide-choice__table {
    padding: 22px 16px;
  }

  .sslp-guide-choice__image {
    min-height: 270px;
  }
}
/* =========================================================
   SKISHARP RACE GUIDE — SECTION 2 & SECTION 3 LAYOUT FIX
   Append this block ONCE to the bottom of global-7-18-26.css
   ========================================================= */

.ss-race-guide .ss-race-card-grid {
  display: grid !important;
  width: 100%;
  gap: 20px;
  align-items: stretch;
}

/* Section 2: five cards in the desktop row.
   There are six consumer skis, so card six begins the next row. */
.ss-race-guide .ss-race-card-grid-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
}

/* Section 3: two FIS cards side by side. */
.ss-race-guide .ss-race-card-grid-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  max-width: 1180px;
  margin-left: auto;
  margin-right: auto;
}

/* Card structure used by Sections 2 and 3. */
.ss-race-guide .ss-ski-card {
  display: flex;
  flex-direction: column;
  min-width: 0;
  height: 100%;
  overflow: hidden;
  background: #fff;
  border: 1px solid var(--ss-border);
  border-radius: 5px;
}

.ss-race-guide .ss-ski-card-media {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 300px;
  padding: 16px;
  background: #fff;
  border-bottom: 1px solid var(--ss-border);
}

.ss-race-guide .ss-ski-card-media a {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
}

.ss-race-guide .ss-ski-card-media img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: 100%;
  object-fit: contain;
}

.ss-race-guide .ss-ski-card-body {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  padding: 20px;
}

.ss-race-guide .ss-ski-card-body .ss-kicker {
  font-size: 12px;
  line-height: 1.35;
}

.ss-race-guide .ss-ski-card-body h3 {
  font-size: 20px;
}

.ss-race-guide .ss-ski-card-body p {
  font-size: 15px;
}

.ss-race-guide .ss-ski-card-body .ss-btn {
  width: 100%;
  margin-top: auto;
  text-align: center;
}

/* Keep the white cards readable inside Section 3's black background. */
.ss-race-guide .ss-section-dark .ss-ski-card h3 {
  color: #111 !important;
}

.ss-race-guide .ss-section-dark .ss-ski-card p {
  color: #333 !important;
}

/* Responsive behavior. */
@media (max-width: 1200px) {
  .ss-race-guide .ss-race-card-grid-5 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 900px) {
  .ss-race-guide .ss-race-card-grid-5,
  .ss-race-guide .ss-race-card-grid-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 650px) {
  .ss-race-guide .ss-race-card-grid-5,
  .ss-race-guide .ss-race-card-grid-2 {
    grid-template-columns: 1fr !important;
  }

  .ss-race-guide .ss-ski-card-media {
    height: 260px;
  }
}
/* Breadcrumb Section */
#t4-breadcrumbs .t4-section-inner{
    padding:14px 0;
}

/* Breadcrumb List */
#t4-breadcrumbs .breadcrumb{
    background:transparent;
    padding:0;
    margin:0;
    font-size:14px;
    display:flex;
    align-items:center;
    gap:8px;
    flex-wrap:wrap;
}

/* Remove "You are here" */
#t4-breadcrumbs .breadcrumb > li:first-child{
    display:none;
}

/* Links */
#t4-breadcrumbs .breadcrumb li,
#t4-breadcrumbs .breadcrumb li a{
    color:#000;
    text-decoration:none;
    transition:.25s;
}

#t4-breadcrumbs .breadcrumb li a:hover{
    color:#d71920;
}

/* Current Page */
#t4-breadcrumbs .breadcrumb .active{
    color:#df161c;
    font-weight:600;
}
#t4-breadcrumbs .breadcrumb .active a{
    color:#df161c;
    font-weight:600;
}
.breadcrumb .divider{padding-left:0.5rem;}
.t4-masthead-inner{padding:10px 0px !important; background:none !important;}
.ski-search .mod-finder__search{
    display:flex;
    align-items:stretch;
}

.ski-search .form-control{
    border-radius:4px 0 0 4px;
    border-right:0;
}

.ski-search .finder-search-btn{
    width:48px;
    min-width:48px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:0 4px 4px 0;
    padding:0;
}

.ski-search .finder-search-btn .icon-search{
    font-size:16px;
}
.ski-search .moduletable{padding:0px !important;border:none !important;}
.ski-search .mod-finder .input-group{gap:0em !important;margin-bottom:0em !important;}
.ski-search .btn.btn-primary {
    background-color: #e60000;
    border-color: #e60000;
}
a:hover{color:inherit;}
@media (max-width: 991.98px) {
    .nav-breakpoint-lg .t4-megamenu {
        background: #000 !important;
	}
}
@media (max-width: 577px) {
	.t4-section.t4-breadcrumbs{padding-left:20px;}
}
.sslp-products .sslp-card a:hover{color:#fff !important;}
.sslp-actions a:hover{color:#fff !important;}
/* ==========================================================
   MARKER ROYAL FAMILY — 6-CARD DESKTOP GRID
   Append this small block ONCE to the existing SkiSharp global CSS.
   It changes ONLY the Royal Family product-card grid.
   ========================================================== */

.sslp-royal-products {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

@media (max-width: 900px) {
  .sslp-royal-products {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 430px) {
  .sslp-royal-products {
    grid-template-columns: 1fr !important;
  }
}