:root {
     --black: #0b0f12;
     --dark: #151a1f;
     --steel: #5e6870;
     --line: #d7dce0;
     --soft: #f4f5f6;
     --white: #ffffff;
     --accent: #416f86;
     --accent-light: #79aabd;
     --shadow: 0 22px 60px rgba(0, 0, 0, .18);
     --header-offset: 40px;
}
 * {
     box-sizing: border-box;
}
 html {
     scroll-behavior: smooth;
     scroll-padding-top: var(--header-offset);
     background: var(--white);
     overflow-x: hidden;
}
 body {
     margin: 0;
     padding-top: 96px;
     font-family: Arial, Helvetica, sans-serif;
     color: #1e2429;
     background: var(--white);
     line-height: 1.55;
     overflow-x: hidden;
}
 [id] {
     scroll-margin-top: var(--header-offset);
}
 img {
     max-width: 100%;
     display: block;
     height: auto;
}
 a {
     color: inherit;
     text-decoration: none;
}
 .container {
     width: min(1380px, calc(100% - 48px));
     margin: 0 auto;
}
 .screen-reader-text {
     position: absolute;
     width: 1px;
     height: 1px;
     padding: 0;
     margin: -1px;
     overflow: hidden;
     clip: rect(0,0,0,0);
     white-space: nowrap;
     border: 0;
}
 .site-header {
     position: fixed;
     top: 0;
     left: 0;
     right: 0;
     padding: 10px;
     z-index: 50;
     background: rgba(255,255,255,.96);
     border-bottom: 1px solid rgba(0,0,0,.08);
     backdrop-filter: blur(14px);
}
 .admin-bar .site-header {
     top: 32px;
}
 .header-inner {
     min-height: 96px;
     display: flex;
     align-items: center;
     justify-content: space-between;
     gap: 28px;
}
 .brand {
     width: 256px;
     flex: 0 0 auto;
}
 .brand .custom-logo-link, .footer-logo .custom-logo-link {
     display: block;
}
 .brand img, .brand .custom-logo {
     width: 100%;
     height: auto;
}
 .menu {
     display: flex;
     align-items: center;
     gap: 38px;
     font-size: 16px;
     font-weight: 700;
     color: #14191d;
}
 .menu li {
     list-style: none;
     margin: 0;
     padding: 0;
}
 .menu a {
     position: relative;
     padding: 8px 0;
}
 .menu a::after {
     content: "";
     position: absolute;
     left: 0;
     right: 0;
     bottom: 0;
     height: 3px;
     transform: scaleX(0);
     transform-origin: left;
     background: var(--accent);
     transition: transform .25s ease;
}
 .menu a:hover::after, .menu a.is-active::after {
     transform: scaleX(1);
}
 .header-cta {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     min-height: 46px;
     padding: 0 22px;
     border: 1px solid #111;
     color: #111;
     font-weight: 800;
     letter-spacing: .02em;
     transition: background .2s ease, color .2s ease;
}
 .header-cta:hover {
     background: #111;
     color: #fff;
}
 .menu-toggle {
     display: none;
     width: 44px;
     height: 44px;
     border: 1px solid #111;
     background: #fff;
     align-items: center;
     justify-content: center;
     flex-direction: column;
     gap: 5px;
}
 .menu-toggle span:not(.screen-reader-text) {
     width: 22px;
     height: 2px;
     background: #111;
     display: block;
     transition: transform .2s ease, opacity .2s ease;
}
 .menu-open .menu-toggle span:nth-child(1) {
     transform: translateY(7px) rotate(45deg);
}
 .menu-open .menu-toggle span:nth-child(2) {
     opacity: 0;
}
 .menu-open .menu-toggle span:nth-child(3) {
     transform: translateY(-7px) rotate(-45deg);
}
 .hero {
     position: relative;
     min-height: 660px;
     display: grid;
     align-items: center;
     overflow: hidden;
     color: #fff;
     background: linear-gradient(90deg, rgba(5,9,12,.95) 0%, rgba(5,9,12,.76) 43%, rgba(5,9,12,.2) 100%), var(--hero-image) center / cover no-repeat;
}
 .hero::before {
     content: "";
     position: absolute;
     inset: 0;
     background: linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,0));
     opacity: .45;
     pointer-events: none;
}
 .hero-content {
     position: relative;
     padding: 30px 0 30px;
}
 .eyebrow, .section-kicker {
     color: var(--accent);
     font-size: 13px;
     font-weight: 900;
     letter-spacing: .17em;
     text-transform: uppercase;
}
 .eyebrow {
     display: inline-flex;
     align-items: center;
     gap: 12px;
     margin-bottom: 22px;
     color: #d9eef6;
}
 .eyebrow::before {
     content: "";
     width: 56px;
     height: 3px;
     background: var(--accent-light);
}
 h1, h2, h3, p {
     margin-top: 0;
}
 h1 {
     max-width: 720px;
     margin-bottom: 24px;
     font-size: 3em;
     line-height: 1.1em;
     letter-spacing: 0;
}
 h2 {
     margin-bottom: 0;
     font-size: 1.8em;
     line-height: 1.08;
     color: #12171b;
}
 .hero-text {
     max-width: 640px;
     margin-bottom: 34px;
     font-size: 21px;
     color: rgba(255,255,255,.88);
}
 .actions {
     display: flex;
     flex-wrap: wrap;
     gap: 16px;
     align-items: center;
}
 .btn {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     gap: 10px;
     min-height: 56px;
     padding: 0 26px;
     border: 0;
     font-weight: 800;
     cursor: pointer;
     transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}
 .btn svg {
     width: 22px;
     height: 22px;
     flex: 0 0 auto;
     fill: currentColor;
}
 .btn:hover {
     transform: translateY(-2px);
}
 .btn-primary {
     background: linear-gradient(135deg, #38677f, #82b1c2);
     color: #fff;
     box-shadow: 0 14px 34px rgba(65,111,134,.3);
}
 .btn-dark {
     background: var(--black);
     color: #fff;
}
 .btn-light {
     background: #fff;
     color: #101418;
}
 .btn-whatsapp {
     width: 100%;
     min-height: 58px;
     background: #25d366;
     color: #07120b;
     box-shadow: 0 14px 34px rgba(37,211,102,.22);
}
 .hero-metrics {
     position: relative;
     margin-top: -54px;
     z-index: 5;
}
 .metrics-grid {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     background: #fff;
     box-shadow: var(--shadow);
     border-bottom: 4px solid var(--accent);
}
 .metric {
     padding: 30px 34px;
     border-right: 1px solid var(--line);
}
 .metric:last-child {
     border-right: 0;
}
 .metric strong {
     display: block;
     margin-bottom: 8px;
     font-size: 30px;
     line-height: 1;
     color: #111;
}
 .metric span {
     color: #566069;
     font-weight: 700;
}
 .section {
     padding: 70px 0;
}
 .section-head {
     display: flex;
     align-items: end;
     justify-content: space-between;
     gap: 40px;
     margin-bottom: 42px;
}
 .section-kicker {
     margin-bottom: 10px;
}
 .section-head p {
     max-width: 470px;
     margin-bottom: 0;
     color: #59636b;
     font-size: 17px;
}
 .about-grid {
     display: grid;
     grid-template-columns: .95fr 1.05fr;
     gap: 66px;
     align-items: center;
}
 .about-image {
     position: relative;
     min-height: 470px;
     overflow: hidden;
     box-shadow: var(--shadow);
}
 .about-image img {
     width: 100%;
     height: 100%;
     min-height: 470px;
     object-fit: cover;
     filter: grayscale(.18);
}
 .about-image::after {
     content: "";
     position: absolute;
     right: -42px;
     top: 0;
     width: 88px;
     height: 100%;
     transform: skewX(-11deg);
     background: #fff;
     border-left: 5px solid var(--accent);
}
 .about-copy h2 {
     margin-bottom: 22px;
}
 .rule {
     width: 72px;
     height: 4px;
     margin: 0 0 24px;
     background: var(--accent);
}
 .about-copy p {
     margin-bottom: 18px;
     color: #3f474e;
     font-size: 18px;
}
 .feature-list {
     display: grid;
     grid-template-columns: repeat(2, 1fr);
     gap: 14px;
     margin: 30px 0 34px;
     padding: 0;
     list-style: none;
}
 .feature-list li {
     display: flex;
     gap: 10px;
     align-items: center;
     font-weight: 800;
     color: #1a2025;
}
 .feature-list li::before {
     content: "";
     width: 11px;
     height: 11px;
     background: var(--accent);
     clip-path: polygon(0 50%, 100% 0, 78% 100%);
}
 .products {
     background: linear-gradient(180deg, #f7f8f9 0%, #fff 100%);
     border-top: 1px solid #e7eaec;
     border-bottom: 1px solid #e7eaec;
}
 .carousel-shell {
     position: relative;
     overflow: hidden;
}
 .product-track {
     display: grid;
     grid-auto-flow: column;
     grid-auto-columns: calc((100% - 48px) / 3);
     gap: 24px;
     overflow-x: auto;
     scroll-snap-type: x mandatory;
     scrollbar-width: none;
     padding: 4px 0 18px;
}
 .product-track::-webkit-scrollbar {
     display: none;
}
 .product-card {
     scroll-snap-align: start;
     background: #fff;
     border: 1px solid #dfe3e6;
}
 .product-photo {
     position: relative;
     height: 250px;
     overflow: hidden;
     background: #20262c;
     display: block;
}
 .product-photo img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     transition: transform .35s ease;
}
 .product-card:hover .product-photo img {
     transform: scale(1.06);
}
 .product-tag {
     position: absolute;
     left: 18px;
     bottom: 18px;
     padding: 7px 12px;
     background: rgba(0,0,0,.72);
     color: #fff;
     font-size: 12px;
     font-weight: 900;
     letter-spacing: .12em;
     text-transform: uppercase;
}
 .product-body {
     padding: 26px;
}
 .product-body h2, .product-body h3 {
     margin-bottom: 12px;
     font-size: 23px;
     line-height: 1.15;
     color: #151a1f;
}
 .product-body p {
     min-height: 78px;
     margin-bottom: 24px;
     color: #59636b;
}
 .text-link {
     display: inline-flex;
     align-items: center;
     gap: 9px;
     color: #182026;
     font-weight: 900;
}
 .text-link span {
     color: var(--accent);
     font-size: 22px;
     line-height: 1;
}
 .carousel-controls {
     display: flex;
     gap: 10px;
     flex: 0 0 auto;
}
 .control {
     width: 48px;
     height: 48px;
     display: inline-flex;
     align-items: center;
     justify-content: center;
     border: 1px solid #b7c0c6;
     background: #fff;
     color: #111;
     font-size: 24px;
     cursor: pointer;
}
 .products-action {
     margin-top: 26px;
}
 .cta {
     position: relative;
     min-height: 430px;
     display: grid;
     align-items: center;
     overflow: hidden;
     color: #fff;
     background: linear-gradient(90deg, rgba(7,10,13,.95), rgba(7,10,13,.66)), url("../images/seed/cta-industrial.jpg") center / cover fixed no-repeat;
}
 .cta::before {
     content: "";
     position: absolute;
     inset: 0;
     background: repeating-linear-gradient(135deg, rgba(255,255,255,.07) 0 1px, transparent 1px 18px);
     opacity: .25;
}
 .cta-content {
     position: relative;
     padding: 84px 0;
}
 .cta h2 {
     max-width: 760px;
     margin-bottom: 20px;
     color: #fff;
}
 .cta p {
     max-width: 650px;
     margin-bottom: 30px;
     color: rgba(255,255,255,.84);
     font-size: 20px;
}
 .testimonials {
     background: #fff;
     overflow: hidden;
}
 .testimonial-strip {
     display: flex;
     gap: 24px;
     width: max-content;
     padding-left: calc((100vw - min(1380px, calc(100vw - 48px))) / 2);
     animation: marquee 32s linear 3s infinite;
}
 .testimonial-strip:hover {
     animation-play-state: paused;
}
 @keyframes marquee {
     from {
         transform: translateX(0);
    }
     to {
         transform: translateX(calc(-50% - 12px));
    }
}
 .quote {
     width: 410px;
     min-height: 265px;
     padding: 34px;
     background: #f7f8f9;
     border: 1px solid #dfe3e6;
     border-top: 5px solid var(--accent);
}
 .quote-mark {
     width: 48px;
     height: 48px;
     margin-bottom: 22px;
     display: grid;
     place-items: center;
     background: var(--black);
     color: #fff;
     font-size: 34px;
     font-weight: 900;
     line-height: 1;
}
 .quote p {
     margin-bottom: 24px;
     color: #3f474e;
     font-size: 17px;
}
 .quote strong {
     display: block;
     color: #12171b;
     font-size: 17px;
}
 .quote span {
     color: #66717a;
     font-size: 14px;
     font-weight: 700;
}
 .contact-form-section {
     background: #f7f8f9;
}
 .contact-page-section {
     background: linear-gradient(180deg, #f7f8f9 0%, #fff 100%);
}
 .contact-page-grid {
     display: grid;
     grid-template-columns: minmax(0, .85fr) minmax(420px, 1.15fr);
     gap: 42px;
     align-items: start;
}
 .contact-page-info {
     padding: 38px;
     background: #fff;
     border: 1px solid var(--line);
     box-shadow: 0 18px 42px rgba(16,24,31,.08);
}
 .contact-page-info h2 {
     margin-bottom: 20px;
}
 .contact-page-copy {
     margin-bottom: 28px;
     color: #3f474e;
     font-size: 18px;
}
 .contact-info-list {
     display: grid;
     gap: 14px;
     margin-bottom: 30px;
}
 .contact-info-item {
     padding-bottom: 14px;
     border-bottom: 1px solid var(--line);
}
 .contact-info-item strong {
     display: block;
     margin-bottom: 4px;
     color: #101418;
     font-size: 14px;
     letter-spacing: .08em;
     text-transform: uppercase;
}
 .contact-info-item a,
 .contact-info-item span {
     color: #3f474e;
     font-size: 18px;
}
 .contact-info-item a:hover {
     color: var(--accent);
}
 .contact-whatsapp-btn {
     margin-top: 4px;
}
 .contact-page-form .form-shell {
     min-height: 100%;
}
 .form-shell {
     padding: 30px;
     background: #fff;
     border: 1px solid #dfe3e6;
}
 .forminator-module-edit-link, .forminator-edit-module, small .forminator-module-edit-link {
     display: none !important;
}
 .forminator-ui input, .forminator-ui textarea, .forminator-ui select {
     min-height: 52px !important;
     border: 1px solid #cbd3d8 !important;
     border-radius: 0 !important;
     padding: 12px 14px !important;
     font-family: Arial, Helvetica, sans-serif !important;
}
 .forminator-ui textarea {
     min-height: 140px !important;
}
 .forminator-ui .forminator-button-submit {
     min-height: 56px !important;
     padding: 0 26px !important;
     border-radius: 0 !important;
     background: var(--black) !important;
     color: #fff !important;
     font-weight: 800 !important;
}
 .site-footer {
     color: #d9dee2;
     background: #010101;
}
 .footer-top {
     padding: 74px 0 56px;
     display: grid;
     grid-template-columns: 1.25fr .8fr .8fr 1fr;
     gap: 54px;
     border-bottom: 1px solid rgba(255,255,255,.12);
}
 .footer-logo {
     display: block;
     margin-bottom: 22px;
}
.footer-logo img {
     width: 100%;
     height: auto;
}
 .footer-col p {
     color: rgba(255,255,255,.72);
     margin-bottom: 18px;
}
 .footer-col h3 {
     margin-bottom: 20px;
     color: #fff;
     font-size: 18px;
     letter-spacing: .04em;
     text-transform: uppercase;
}
 .footer-list {
     margin: 0;
     padding: 0;
     list-style: none;
}
 .footer-list li {
     margin-bottom: 12px;
     color: rgba(255,255,255,.73);
}
 .footer-list a:hover, .footer-more:hover {
     color: #fff;
}
 .footer-more {
     display: inline-flex;
     margin-top: 10px;
     color: #fff;
     font-weight: 900;
}
 .footer-bottom {
     min-height: 74px;
     display: flex;
     align-items: center;
     justify-content: space-between;
     gap: 22px;
     color: rgba(255,255,255,.6);
     font-size: 14px;
}
 .socials {
     display: flex;
     gap: 10px;
}
 .socials a {
     width: 40px;
     height: 40px;
     display: grid;
     place-items: center;
     border: 1px solid rgba(255,255,255,.22);
     color: #fff;
}
 .socials svg {
     width: 19px;
     height: 19px;
     fill: currentColor;
}
 .page-hero {
     padding: 92px 0;
     color: #fff;
     background: linear-gradient(90deg, rgba(5,9,12,.95), rgba(5,9,12,.72)), url("../images/seed/hero-grade-piso-clean.png") center / cover no-repeat;
}
 .page-hero h1 {
     color: #fff;
}
 .page-hero p {
     max-width: 680px;
     color: rgba(255,255,255,.86);
     font-size: 20px;
}
 .product-grid {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     gap: 24px;
}
 .product-overview {
     padding-top: 45px;
}
 .product-overview-grid {
     display: grid;
     grid-template-columns: minmax(0, 1.05fr) minmax(360px, .95fr);
     gap: 35px;
     align-items: start;
}
 .product-gallery {
     min-width: 0;
}
 .product-gallery-main {
     position: relative;
     aspect-ratio: 1.12;
     overflow: hidden;
     padding: 18px;
     background: #f7f8f9;
     border: 1px solid var(--line);
     box-shadow: 0 18px 42px rgba(16,24,31,.08);
     cursor: zoom-in;
}
 .product-gallery-main.has-lightbox {
     cursor: pointer;
}
 .product-main-image {
     position: absolute;
     inset: 18px;
     width: calc(100% - 36px);
     height: calc(100% - 36px);
     max-width: none;
     max-height: none;
     object-fit: contain;
     object-position: center;
}
 .product-zoom-lens {
     position: absolute;
     width: 260px;
     height: 260px;
     border: 2px solid #fff;
     border-radius: 50%;
     box-shadow: 0 12px 38px rgba(0,0,0,.3);
     background-repeat: no-repeat;
     opacity: 0;
     pointer-events: none;
     transform: translate(-50%, -50%);
     transition: opacity .12s ease;
}
 .product-zoom-lens.is-visible {
     opacity: 1;
}
 .product-lightbox {
     position: fixed;
     inset: 0;
     z-index: 9999;
     display: none;
     align-items: center;
     justify-content: center;
     padding: 36px;
     background: rgba(5,9,12,.9);
}
 .product-lightbox.is-visible {
     display: flex;
}
 .has-product-lightbox {
     overflow: hidden;
}
 .product-lightbox img {
     max-width: min(100%, 1380px);
     max-height: 92vh;
     object-fit: contain;
     background: #fff;
     box-shadow: 0 24px 70px rgba(0,0,0,.4);
}
 .product-lightbox-close,
 .product-lightbox-control {
     position: absolute;
     display: inline-flex;
     align-items: center;
     justify-content: center;
     border: 1px solid rgba(255,255,255,.5);
     background: rgba(0,0,0,.2);
     color: #fff;
     line-height: 1;
     cursor: pointer;
}
.product-lightbox-close {
     top: 20px;
     right: 24px;
     width: 46px;
     height: 46px;
     font-size: 34px;
}
.product-lightbox-control {
     top: 50%;
     width: 58px;
     height: 74px;
     transform: translateY(-50%);
     font-size: 52px;
}
.product-lightbox-prev {
     left: 24px;
}
.product-lightbox-next {
     right: 24px;
}
.product-lightbox-counter {
     position: absolute;
     left: 50%;
     bottom: 20px;
     transform: translateX(-50%);
     padding: 6px 12px;
     background: rgba(0,0,0,.35);
     color: #fff;
     font-size: 14px;
     font-weight: 800;
}
 .product-thumbs-carousel {
     display: grid;
     grid-template-columns: 1fr;
     gap: 10px;
     margin-top: 14px;
}
 .product-thumbs-carousel.has-navigation {
     grid-template-columns: 42px minmax(0, 1fr) 42px;
     align-items: center;
}
 .product-gallery-thumbs {
     overflow: hidden;
}
 .product-thumb-track {
     display: grid;
     grid-auto-flow: column;
     grid-auto-columns: calc((100% - 60px) / 6);
     gap: 12px;
     overflow-x: auto;
     scroll-snap-type: x mandatory;
     scrollbar-width: none;
}
 .product-thumb-track::-webkit-scrollbar {
     display: none;
}
 .product-thumb {
     display: grid;
     place-items: center;
     aspect-ratio: 1;
     padding: 0;
     background: #f7f8f9;
     border: 1px solid var(--line);
     cursor: pointer;
     scroll-snap-align: start;
     transition: border-color .2s ease, box-shadow .2s ease;
}
 .product-thumb.is-active {
     border-color: var(--accent);
     box-shadow: inset 0 0 0 2px var(--accent);
}
 .product-thumb img {
     width: 100%;
     height: 100%;
     max-width: 100%;
     max-height: 100%;
     object-fit: contain;
     object-position: center;
}
 .thumb-control {
     width: 42px;
     height: 42px;
     display: inline-flex;
     align-items: center;
     justify-content: center;
     border: 1px solid #b7c0c6;
     background: #fff;
     color: #111;
     font-size: 24px;
     cursor: pointer;
}
 .product-summary {
     padding: 38px;
     background: #fff;
     border: 1px solid var(--line);
     box-shadow: 0 18px 42px rgba(16,24,31,.08);
}
 .product-summary h2 {
     max-width: none;
     margin-bottom: 24px;
     color: #101418;
     font-size: 34px;
}
 .product-short-description {
     margin-bottom: 30px;
     color: #3f474e;
     font-size: 17px;
     line-height: 1.3;
}
 .product-short-description p:last-child {
     margin-bottom: 0;
}
 .product-full-content {
     padding-top: 0;
}
.product-full-title {
    margin: 0 0 24px;
    color: var(--accent) !important;
    font-size: 25px;
    line-height: 1.15;
}
.product-full-content .content-area {
    max-width: none;
    padding: 30px;
    background: #fbfbfb;
    border: 1px solid #cccccc;
    box-shadow: none;
    font-size: 18px;
    color: #3f474e;
}
 .product-full-content .content-area h2, .product-full-content .content-area h3 {
     margin-top: 34px;
     margin-bottom: 14px;
     color: #12171b;
}
 .product-full-content .content-area h2:first-child, .product-full-content .content-area h3:first-child {
     margin-top: 0;
}
 .product-full-content .content-area ul {
     padding-left: 22px;
}
 .related-products {
     background: linear-gradient(180deg, #f7f8f9 0%, #fff 100%);
     border-top: 1px solid #e7eaec;
}
 .content-area {
     /*max-width: 820px;*/
font-size: 18px;
}
 @media (max-width: 980px) {
     :root {
         --header-offset: 30px;
    }
     body {
         padding-top: 88px;
    }
     .header-inner {
         min-height: 88px;
    }
     .brand {
         width: 210px;
    }
     .menu-toggle {
         display: inline-flex;
         order: 3;
    }
     .header-cta {
         min-height: 42px;
         padding: 0 16px;
         font-size: 14px;
         margin-left: auto;
    }
     .menu {
         position: fixed;
         left: 0;
         right: 0;
         top: 88px;
         display: grid;
         gap: 0;
         padding: 18px 24px 24px;
         background: #fff;
         border-bottom: 1px solid rgba(0,0,0,.08);
         box-shadow: 0 18px 32px rgba(0,0,0,.1);
         transform: translateY(-130%);
         opacity: 0;
         pointer-events: none;
         transition: transform .24s ease, opacity .24s ease;
    }
     .menu a {
         padding: 14px 0;
         border-bottom: 1px solid #eceff1;
    }
     .menu-open .menu {
         transform: translateY(0);
         opacity: 1;
         pointer-events: auto;
    }
     .hero {
         min-height: 610px;
    }
	 .metrics-grid, .about-grid, .footer-top, .product-grid, .product-overview-grid {
	     grid-template-columns: 1fr;
	}
	 .contact-page-grid {
	     grid-template-columns: 1fr;
	}
     .product-summary {
         padding: 30px;
    }
     .product-summary h2 {
         font-size: 31px;
    }
     .metric {
         border-right: 0;
         border-bottom: 1px solid var(--line);
    }
     .metric:last-child {
         border-bottom: 0;
    }
     .section-head {
         display: block;
    }
     .section-head p {
         margin-top: 18px;
    }
     .about-image::after {
         display: none;
    }
     .product-track {
         grid-auto-columns: calc((100% - 24px) / 2);
    }
}
 @media (max-width: 680px) {
     :root {
         --header-offset: 25px;
    }
     body {
         padding-top: 78px;
    }
     .container {
         width: min(100% - 30px, 1380px);
    }
     .header-inner {
         min-height: 78px;
         gap: 14px;
    }
     .brand {
         width: 176px;
    }
     .header-cta {
         display: none;
    }
     .menu {
         top: 78px;
    }
     .hero {
         min-height: 590px;
    }
     .hero-content {
         padding: 58px 0 76px;
    }
     h1 {
         font-size: 36px;
         line-height: 1.05;
    }
     h2 {
         font-size: 31px;
    }
     .eyebrow {
         gap: 10px;
         letter-spacing: .12em;
         font-size: 12px;
    }
     .eyebrow::before {
         width: 44px;
    }
     .hero-text {
         font-size: 18px;
    }
     .btn {
         width: 100%;
    }
     .section {
         padding: 68px 0;
    }
     .feature-list {
         grid-template-columns: 1fr;
    }
     .product-track {
         grid-auto-columns: 88%;
    }
     .product-photo {
         height: 220px;
    }
     .product-overview {
         padding-top: 54px;
    }
     .product-gallery-main {
         aspect-ratio: 1;
    }
     .product-gallery-main {
         padding: 10px;
    }
     .product-main-image {
         inset: 10px;
         width: calc(100% - 20px);
         height: calc(100% - 20px);
    }
     .product-thumbs-carousel.has-navigation {
         grid-template-columns: 38px minmax(0, 1fr) 38px;
    }
     .product-thumb-track {
         grid-auto-columns: calc((100% - 36px) / 4);
    }
     .thumb-control {
         width: 38px;
         height: 38px;
    }
     .product-summary {
         padding: 24px;
    }
     .product-summary h2 {
         font-size: 28px;
    }
     .product-zoom-lens {
         display: none;
    }
     .product-lightbox {
         padding: 18px;
    }
     .product-lightbox-control {
         width: 42px;
         height: 58px;
         font-size: 40px;
    }
     .product-lightbox-prev {
         left: 10px;
    }
     .product-lightbox-next {
         right: 10px;
    }
     .product-lightbox-close {
         top: 12px;
         right: 12px;
    }
     .quote {
         width: 320px;
    }
     .footer-bottom {
         padding: 24px 0;
         display: block;
    }
     .socials {
         margin-top: 18px;
    }
	 .form-shell {
	     padding: 20px;
	}
	 .contact-page-info {
	     padding: 24px;
	}
}
 @media (max-width: 782px) {
     .admin-bar .site-header {
         top: 46px;
    }
}