html { scroll-behavior: smooth; }
#fs-compare {scroll-margin-top: 100px;}
.fs-container { width:100%; margin:0 auto; }
.fs-narrow { max-width:1200px; text-align:center; }
.fs-page img { max-width:100%; height:auto; display:block; }
.fs-btn { display:inline-flex; align-items:center; justify-content:center; min-height:40px; padding:10px 25px; border:1px solid currentColor; text-decoration:none; text-transform:uppercase; letter-spacing:2px; font-size:18px; font-weight:700; line-height:1; transition:background .2s ease,color .2s ease,border-color .2s ease; }
.fs-btn--light { color:#fff; }
.fs-btn--light:hover { background:#fff; color:#000; border-color:#fff; }
.fs-btn--dark { color:#fff; background:#000; margin-top: 20px; }
.fs-btn--dark:hover { background:#fff; color:#000; }
.fs-compare__lead a, .fs-compare__lead a:hover { color:#0345bf; }
.fs-section-title { margin:0 0 34px; text-align:center; text-transform:uppercase; letter-spacing:10px; font-size:clamp(28px, 4vw, 48px); line-height:1.18; font-weight:800; }

.fs-hero { min-height:750px; position:relative; display:flex; align-items:center; justify-content:center; text-align:center; background-image:url('/images/2023/09/17/feature-specs.jpg'); background-size:cover; background-position:center; color:#fff; }
.fs-hero__content { position:relative; z-index:1; padding:75px 0; }
.fs-hero h1 { color: #fff; margin:0 0 24px; text-transform:uppercase; letter-spacing:10px; font-size:clamp(28px, 4vw, 48px); line-height:1.12; font-weight:800; }
.fs-hero p { margin:30px auto 50px; font-size:18px; line-height:1.6; }
.fs-intro { padding:52px 0 42px; }
.fs-intro p { margin:0 0 10px; color:#23306e; font-size:21px; line-height:1.75; }

.fs-container-features { max-width:80%; margin:0 auto; }
.fs-standard { padding:20px 0 70px; }
.fs-carousel { position:relative; max-width:90%; margin:0 auto; }
.fs-carousel__track { display:flex; gap:24px; overflow-x:auto; scroll-snap-type:x mandatory; scroll-behavior:smooth; -webkit-overflow-scrolling:touch; padding:2px 0 18px; scrollbar-width:none; }
.fs-carousel__track::-webkit-scrollbar { display:none; }
.fs-carousel__arrow { position: absolute; z-index: 2; top: 50%; width: 26px; height: 42px; padding: 0; border: 0; background: transparent;  cursor: pointer; transform: translateY(-50%); }
.fs-carousel__arrow::before { content: ''; display: block; width: 0; height: 0; border-top: 18px solid transparent; border-bottom: 18px solid transparent;}
.fs-carousel__arrow--prev { left: -38px; }
.fs-carousel__arrow--prev::before { border-right: 14px solid #000; }
.fs-carousel__arrow--next { right: -38px; }
.fs-carousel__arrow--next::before { margin-left: auto; border-left: 14px solid #000; }
.fs-feature-card { flex:0 0 calc((100% - 48px) / 3); scroll-snap-align:start; text-align:center; padding:0 8px; }
.fs-feature-card img { width:100%; aspect-ratio:1/1; object-fit:contain; margin:0 auto 18px; }
.fs-feature-card h3 { margin:0 0 10px; text-transform:uppercase; letter-spacing:2px; font-size:18px; line-height:1.35; font-weight:800; }
.fs-feature-card p { margin:0; color:#222; font-size:16px; line-height:1.55; }

.fs-product { padding:72px 0 50px; }
.fs-product__grid { display:grid; grid-template-columns: 1fr 1fr; align-items:center; gap:70px; margin-bottom:38px; }
.fs-product--reverse .fs-product__media { order:2; }
.fs-product--reverse .fs-product__copy { order:1; }
.fs-product__media { margin:0; position:relative; }
.fs-product--reverse .fs-product__media::before { left:auto; right:-12%; }
.fs-product__media img { position:relative; z-index:1; margin:0 auto 0 0; max-height:600px; object-fit:contain; }
.fs-product__copy { text-align:center; }
.fs-product__copy h2 { margin:0 0 26px; text-transform:uppercase; letter-spacing:12px; font-size:clamp(28px, 4vw, 48px); line-height:1.22; font-weight:800; }
.fs-product__copy p { margin:0 auto 28px; max-width:560px; color:#000; font-size:16px; line-height:1.72; }
.fs-carousel__item { flex:0 0 calc((100% - 72px) / 4); scroll-snap-align:start; border:1px solid #ccd2d8; background:#fff; padding:8px; cursor:pointer; }
.fs-carousel__item img { width:100%; aspect-ratio:1/1; object-fit:contain; cursor:zoom-in; }

.fs-compare { padding:70px 0 80px; text-align:center; }
.fs-compare__lead { margin:0 auto 28px; font-size:16px; line-height:1.7; color:#000; }
.fs-table-wrap{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 auto;padding-bottom:14px}
.fs-table-wrap:before{content:"Swipe / scroll to view all models →";display:none;margin-bottom:10px;font-size:16px;font-weight:600;color:#1a1c67}

.fs-spec-table{width:max-content;min-width:880px;margin:0 auto;border-collapse:separate;border-spacing:0;background:#fff;font-size:20px;line-height:1.35}
.fs-spec-table th,.fs-spec-table td{min-width:145px;padding:9px 8px;border-right:1px solid #dfe4ec;border-bottom:1px solid #dfe4ec;background:#fff;text-align:center;vertical-align:middle}
.fs-spec-table th:first-child{border-left:1px solid #dfe4ec}

.fs-spec-table thead th{border-top:0;text-transform:uppercase;letter-spacing:1px;font-weight:800;white-space:nowrap}
.fs-spec-table thead span{display:block}
.fs-spec-table thead img{display:block;width:auto;height:150px;max-width:150px;object-fit:contain;margin:0 auto 30px}

.fs-spec-table tbody th{width:300px;min-width:300px;max-width:300px;background:#f7f9fc;text-align:left;text-transform:uppercase;letter-spacing:.5px;font-weight:800}
.fs-spec-table thead th:first-child,.fs-spec-table tbody th{position:sticky;left:0;z-index:3;box-shadow:5px 0 10px rgba(0,0,0,.06)}
.fs-spec-table thead th:first-child{z-index:4}

.fs-mark{display:inline-flex;align-items:center;justify-content:center;width:25px;height:25px;border-radius:50%;color:#fff;font-size:16px;font-weight:900;line-height:1}
.fs-mark--yes{background:#117cc7}
.fs-mark--no{background:#e5342c}
.fs-footnote { margin:50px 0 30px; font-size:24px; font-weight:700; text-transform:uppercase; letter-spacing:1px; }
.fs-equipped { max-width:1100px; margin:0 auto; }
.fs-equipped h3 { margin:0 0 18px; font-size:18px; letter-spacing:1px; font-weight:700; }
.fs-equipped ul { columns:1; margin:0 0 28px; padding:0; list-style:none; text-align:center; }
.fs-equipped li { break-inside:avoid; display: inline-flex; position:relative; padding-left:15px; margin:0 15px; font-size:18px; line-height:1.5; }
.fs-equipped li::before { content:"•"; position:absolute; left:0; color:#000; font-weight:bold; }

.fs-cta { background:#1a1c67; color:#fff; padding:62px 0; }
.fs-cta__grid { display:grid; grid-template-columns: .9fr 1.1fr; align-items:center; gap:70px; }
.fs-cta__image img { width:100%; display:block; height:auto; padding-left: 50px; }
.fs-cta__copy { text-align:center; }
.fs-cta__copy h2 { color:#fff; margin:0 0 28px; text-transform:uppercase; letter-spacing:clamp(6px, .5vw, 10px); font-size:clamp(28px, 4vw, 48px); line-height:1.25; font-weight:900; }
.fs-cta__copy p { max-width:620px; margin:0 auto 18px; font-size:16px; line-height:1.55; }
.fs-cta__copy .fs-btn { margin-top:18px; }

@media (max-width: 991px) {
  .fs-carousel__arrow--prev { left:-12px; }
  .fs-carousel__arrow--next { right:-12px; }
  .fs-feature-card { flex-basis:calc((100% - 24px) / 2); }
  .fs-carousel__item { flex-basis:calc((100% - 24px) / 2); }
  .fs-product__grid, .fs-product--reverse .fs-product__grid, .fs-cta__grid { grid-template-columns:1fr; gap:34px; }
  .fs-product--reverse .fs-product__media, .fs-product--reverse .fs-product__copy { order:initial; }
  .fs-product__copy h2 { letter-spacing:8px; }
  .fs-equipped ul { columns:2; }
  .fs-hero { min-height:450px; position:relative; display:flex; align-items:center; justify-content:center; text-align:center; background-image:url('/images/2023/09/17/feature-specs-mb.jpg'); background-size:cover; background-position:center; color:#fff; }
  .fs-hero p { margin:30px 15px 50px; font-size: 18px; }
  .fs-intro p { padding: 0 15px; font-size: 18px;}
  .fs-footnote { font-size: 21px; }
  .fs-cta__image img { padding: 0px 15px !important; }
  .fs-cta__copy { padding: 0 15px; }
  .fs-table-wrap:before{display:block}
  .fs-spec-table{min-width:780px;font-size:16px}
  .fs-spec-table th,.fs-spec-table td{min-width:125px;padding:8px 7px}
  .fs-spec-table tbody th{width:210px;min-width:210px;max-width:210px;font-size:14px}
  .fs-spec-table thead img{height:110px;max-width:120px;margin-bottom:18px}
}

@media (max-width: 575px) {
  .fs-container { width:min(100% - 24px, 1180px); }
  .fs-hero { min-height:450px; }
  .fs-hero h1 { letter-spacing:5px; }
  .fs-section-title { letter-spacing:5px; }
  .fs-feature-card, .fs-carousel__item { flex-basis:100%; }
  .fs-carousel__arrow { width:24px; font-size:34px; }
  .fs-product { padding:48px 0 34px; }
  .fs-product__copy h2, .fs-cta__copy h2 { letter-spacing:5px; }
  .fs-equipped ul { columns:1; }
  .fs-cta { padding:46px 0; }
  .fs-table-wrap{margin-inline:-10px;padding-inline:10px}
  .fs-table-wrap:before{font-size:16px}
  .fs-spec-table{min-width:690px;font-size:14px}
  .fs-spec-table th,.fs-spec-table td{min-width:105px;padding:7px 6px}
  .fs-spec-table tbody th{width:150px;min-width:150px;max-width:150px;font-size:12px;line-height:1.25;letter-spacing:.3px}
  .fs-spec-table thead th{font-size:12px;letter-spacing:.5px}
  .fs-spec-table thead img{height:75px;max-width:90px;margin-bottom:10px}
  .fs-mark{width:22px;height:22px;font-size:14px}
}

/* Product carousel image popup */
.fs-lightbox-open { overflow: hidden; }
.fs-lightbox { position: fixed; inset: 0; z-index: 99999; display: none; align-items: center; justify-content: center; padding: 54px 18px; background: rgba(0,0,0,.86); }
.fs-lightbox.is-open { display: flex; }
.fs-lightbox__img { max-width: min(100%, 1100px); max-height: 84vh; object-fit: contain; background: #fff; box-shadow: 0 18px 55px rgba(0,0,0,.35); }
.fs-lightbox__btn { position: absolute; border: 0; background: transparent; color: #fff; cursor: pointer; line-height: 1; }
.fs-lightbox__close { top: 14px; right: 18px; font-size: 42px; }
.fs-lightbox__prev, .fs-lightbox__next { top: 50%; transform: translateY(-50%); font-size: 58px; padding: 16px; }
.fs-lightbox__prev { left: 12px; }
.fs-lightbox__next { right: 12px; }

@media (max-width: 575px) {
  .fs-lightbox { padding: 48px 12px; }
  .fs-lightbox__prev, .fs-lightbox__next { font-size: 42px; padding: 10px; }
  .fs-lightbox__prev { left: 0; }
  .fs-lightbox__next { right: 0; }
  .fs-lightbox__close { font-size: 36px; right: 12px; }
}@media (min-width: 992px) {}@media (min-width: 768px) and (max-width: 991px) {}@media (max-width: 767px) {}#retrina_grand_information_17_1_0_grand_1{position:relative;  padding-left:0px !important ;padding-right:0px !important ;padding-top:0px !important ;padding-bottom:0px !important ;  padding-right: calc(1.5rem * 0.5);padding-left: calc(1.5rem * 0.5);max-width:initial; width:calc(100vw); left: calc(50%); right: calc(50%); margin-left:calc(-50vw); margin-right:calc(-50vw); } #retrina_grand_information_17_1_0_grand_1:after{width:100vw;height:100%;position:absolute;top:0;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;z-index:-1;}