:root {
  --red: #bd1d2a;
  --red-dark: #971320;
  --yellow: #fbd13c;
  --ink: #29201b;
  --muted: #655c52;
  --paper: #fffdf7;
  --cream: #fff4c6;
  --line: #e8dfc8;
}

.topline {background: var(--red);}
.header {background: rgba(255,253,247,.98); border-bottom-color: #eadcc0;}
.brand {background: #fff; padding: 3px; border-radius: 3px;}
.nav {gap: 25px;}
.nav-cta {background: var(--red); font-size: 12px;}
.nav-cta:hover {background: var(--red-dark);}
.btn {font-size: 14px; font-weight: 700;}
.btn-dark {background: var(--red);}
.btn-dark:hover {background: var(--red-dark);}
.hero {background: #fffdf7; padding-top: 46px;}
.hero-grid {grid-template-columns: 1.05fr 1fr; gap: 60px;}
.hero-copy {padding: 20px 0 34px;}
.hero h1 {font-size: clamp(64px,5.9vw,84px); line-height: 1.02; font-weight: 750; letter-spacing: -.058em;}
.hero .eyebrow {font-size: 10px; letter-spacing: .13em; margin-bottom: 21px; color: #8f1621;}
.hero-description {font-size: 16px; line-height: 1.85; margin-top: 25px; max-width: 435px; color: #655c52;}
.hero-actions {margin-top: 25px; gap: 27px;}
.hero-actions .text-link {border-color: #8f692d66; font-size: 14px;}
.hero-signoff {margin-top: 27px; color: #795c24; font-size: 10px;}
.hero-signoff strong {color: #563c18;}
.hero-visual {height: 504px; background: #ffe68c; border: 1px solid #e6cd76; box-shadow: 0 18px 45px #5d3b1610; border-radius: 12px;}
.hero-visual-top {font-size: 9px; color: #8f1621; inset: 24px 27px auto; font-weight: 700;}
.photo-number {color: #856f36;}
.product-orbit {width: 365px; height: 365px; border-color: #e2b72e; top: 47%;}
.product-orbit::before {border-color: #eccb5c;}
.product-orbit::after {background: #fff2bb; border-color: #eecf66;}
.hero-device {width: 500px; top: 37px; transform: translateX(-50%); filter: drop-shadow(3px 22px 12px #6d4a1520);}
.hero-zoom {position: absolute; left: 25px; bottom: 91px; background: #fff; border: 1px solid #dcb66a; border-radius: 30px; color: var(--red-dark); padding: 9px 13px; font-size: 10px; z-index: 3;}
.hero-zoom:hover {background: var(--cream);}
.patent-tag {bottom: 93px; right: 22px; padding: 15px 18px; background: var(--red); color: white; border-color: var(--red-dark); transform: none; border-radius: 5px;}
.patent-tag .icon {color: var(--yellow);}
.patent-tag strong {font-size: 15px;}
.patent-tag span {font-size: 7px;}
.hero-visual-bottom {inset: auto 26px 22px; border-color: #e0c878; color: #795c24; font-size: 11px;}
.hero-visual-bottom a {background: var(--red);}
.hero-footer {margin-top: 31px; border-color: #e9dfc8; color: #85785f; font-size: 9px;}
.trust-band {background: var(--red);}
.trust-grid {padding: 30px 0;}
.trust-intro {color: #ffdecb; font-size: 14px;}
.trust-intro strong {color: white;}
.stat {border-color: #f07b70;}
.stat strong {color: var(--yellow); font-size: 37px; font-weight: 750;}
.stat span {color: #fff0e2; font-size: 11px;}
.device-photo {background: #fff6d8; border-color: #e7d59e; min-height: 555px; border-radius: 7px;}
.device-copy>p:not(.eyebrow):not(.patent-reference) {font-size: 15px;}
.detail-row h3 {font-size: 14px;}
.detail-row p {font-size: 13px;}
.detail-num {background: #ffedb2; color: var(--red-dark);}
.patent-card {display: flex; align-items: center; gap: 17px; background: #fff1b5; border: 1px solid #edcb58; border-left: 4px solid var(--red); padding: 18px 19px; margin-top: 24px; border-radius: 4px;}
.patent-card>.icon {width: 38px; height: 38px; color: var(--red);}
.patent-card span {display: block; font-size: 8px; font-weight: 700; color: var(--red-dark); letter-spacing: .07em;}
.patent-card strong {display: block; font-family: var(--heading); font-size: 21px; font-weight: 750; letter-spacing: -.025em; margin-top: 5px;}
.patent-card small {display: block; font-size: 10px; color: #856c28; margin-top: 3px;}
.products-section {background: #fff7d9; border-color: #ebdb9d;}
.section-heading>p {font-size: 14px; max-width: 300px;}
.filters {gap: 10px; margin-bottom: 32px;}
.filter {min-height: 42px; font-size: 12px; border-color: #dbc784; color: #725e30;}
.filter.active {background: var(--red); border-color: var(--red);}
.filter:hover:not(.active) {background: #ffedaf;}
.product-grid {grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px;}
.product-card {border: 1px solid #e7d9b8; border-radius: 7px; background: white;}
.product-card:hover {box-shadow: 0 12px 28px #8d5e1710;}
.product-image {height: 340px; border-bottom: 1px solid #f1e7d0;}
.product-image img {width: 160%; height: calc(100% - 24px);}
.product-badge {top: 16px; left: 16px; background: var(--red); color: white; border-color: var(--red); font-size: 8px; padding: 6px 9px; letter-spacing: .045em;}
.product-badge.kit {background: var(--yellow); color: #6e300b; border-color: #e6b52b;}
.photo-open-label {position: absolute; right: 13px; bottom: 10px; z-index: 2; font-size: 10px; background: #fffdf2ed; border: 1px solid #dfd2b0; padding: 6px 10px; border-radius: 30px; color: var(--red-dark);}
.product-info {padding: 24px 22px 19px; border: 0;}
.product-category {font-size: 9px; margin-bottom: 8px;}
.product-info h3 {font-size: 19px; min-height: 53px;}
.product-description {font-size: 13px; min-height: 45px; line-height: 1.75;}
.product-specs {font-size: 11px; margin-top: 15px;}
.product-actions {margin-top: 19px; padding-top: 14px;}
.details-btn {font-size: 12px; min-height: 41px;}
.add-btn {font-size: 12px; min-height: 41px; padding: 8px 13px; border-color: #d68a89;}
.add-btn:hover:not(.selected) {background: #fff0e8;}
.catalog-bottom {font-size: 13px;}
.stores-section {background: var(--paper);}
.store-gallery {display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 25px;}
.store-card {margin: 0; border: 1px solid #e2d6ba; border-radius: 7px; overflow: hidden; background: white;}
.store-photo {display: block; position: relative; width: 100%; aspect-ratio: 9/15; overflow: hidden; border: 0; padding: 0; background: #f6eee0;}
.store-photo img {position: absolute; width: 237%; max-width: none; height: 100%; object-fit: cover; top: 50%; left: 50%; transform: translate(-50%,-50%); transition: transform .3s;}
.store-photo:hover img {transform: translate(-50%,-50%) scale(1.035);}
.store-photo-label {position: absolute; right: 15px; bottom: 15px; display: flex; gap: 24px; align-items: center; font-size: 9px; font-weight: 650; color: white; background: var(--red); border: 1px solid #ffffff44; padding: 10px 13px; border-radius: 3px;}
.store-photo-label span {font-size: 18px; line-height: 1;}
.store-card figcaption {padding: 22px 21px;}
.store-card figcaption strong {display: block; font-family: var(--heading); font-weight: 650; letter-spacing: -.025em; font-size: 15px; line-height: 1.45;}
.store-card figcaption>span {display: block; font-size: 11px; color: var(--muted); margin-top: 6px;}
.stores-bottom {display: flex; align-items: center; justify-content: space-between; margin-top: 25px; gap: 30px;}
.stores-bottom>p {font-size: 10px;}
.stores-bottom .text-link {font-size: 13px; color: var(--red-dark);}
.video-section {background: #fff0ad; border-block: 1px solid #e9cf6c; padding: 82px 0;}
.video-grid {display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 110px;}
.video-copy h2 {font-size: 49px;}
.video-copy>p:not(.eyebrow) {font-size: 15px; line-height: 1.85; margin-top: 25px; max-width: 400px;}
.video-topics {display: flex; flex-wrap: wrap; gap: 8px; margin-top: 26px; margin-bottom: 30px;}
.video-topics span {font-size: 9px; font-weight: 650; letter-spacing: .08em; padding: 7px 10px; border: 1px solid #d9bb5c; border-radius: 3px; color: #826221;}
.video-frame {width: 338px; max-width: 100%; justify-self: center; background: #1c1914; border: 1px solid #544b33; border-radius: 9px; overflow: hidden; box-shadow: 15px 15px 0 #b9851f20;}
.video-frame-heading {display: flex; justify-content: space-between; padding: 15px 17px; font-size: 8px; color: var(--yellow); letter-spacing: .1em;}
.video-frame video {display: block; width: 100%; aspect-ratio: 9/16; height: auto; background: #161411;}
.video-player {position: relative;}
.video-play {position: absolute; inset: 0; display: flex; flex-direction: column; gap: 13px; justify-content: center; align-items: center; width: 100%; height: 100%; padding: 0 0 20px; border: 0; color: white; background: linear-gradient(transparent 30%,#1e0c0080);}
.video-play>span {width: 70px; height: 70px; display: grid; place-items: center; border-radius: 50%; background: var(--red); border: 2px solid var(--yellow); font-size: 27px; color: var(--yellow); padding-left: 4px; box-shadow: 0 4px 20px #11080070;}
.video-play>strong {font-size: 11px; letter-spacing: .09em; font-weight: 650; background: #261e18a6; padding: 6px 10px; border-radius: 3px;}
.video-play:hover>span {background: var(--red-dark);}
.video-frame>p {font-size: 8px; padding: 12px 15px; color: #c8c0ae;}
.video-summary {max-width: 400px; margin-top: 25px; border-color: #d8bf76;}
.video-summary summary {font-size: 12px; padding: 16px 0; color: #71551d;}
.video-summary p {font-size: 12px; color: #795e2b;}
.revenda-section {background: var(--red);}
.revenda-copy .eyebrow {color: #ffdbb4;}
.revenda-copy h2 em {color: var(--yellow);}
.revenda-copy>p:not(.eyebrow):not(.revenda-note) {color: #ffe3d1;}
.revenda-copy .revenda-note {color: #ffd5bd;}
.revenda-copy .btn {background: var(--yellow); color: #68131a;}
.revenda-copy .btn:hover {background: #ffe990;}
.retail-display {transform: rotate(1.5deg); background: #fff7da; border: 1px solid #f5ad54;}
.retail-label {border-color: #e4d09a; font-size: 9px; color: #874f26;}
.retail-real-photo {display: block; width: 100%; position: relative; height: 430px; overflow: hidden; background: white; border: 0; padding: 0;}
.retail-real-photo img {position: absolute; width: 237%; max-width: none; height: 100%; object-fit: contain; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.retail-real-photo>span {position: absolute; bottom: 15px; right: 15px; background: #fffbeaed; border: 1px solid #ddc489; padding: 7px 11px; font-size: 10px; border-radius: 30px; color: var(--red-dark);}
.retail-foot strong {font-size: 17px;}
.retail-foot span {font-size: 7px;}
.about-copy>p+p {font-size: 15px;}
.contact-section {background: #fff0b2; border-color: #e8cd77;}
.contact-copy>p:not(.eyebrow) {color: #715125; font-size: 15px;}
.contact-phone small {color: #7d5927;}
.contact-details p {color: #70582e; font-size: 12px;}
.quote-form {background: #fffdf6; border-color: #d8b452; box-shadow: 9px 9px 0 #bd8b1c24;}
.audience-group input:checked+span {background: #ffedb0; border-color: #d2ac46; color: #8e1823;}
.quote-item {background: #fff0c2;}
.floating-whatsapp {background: var(--red); border-color: #f38c68;}
.selection-bar {background: var(--red-dark); border-color: #ee9b57;}
.selection-count {background: var(--yellow);}
.footer {background: #fffaf0;}
.dialog-copy .btn {font-size: 12px;}
.photo-dialog {max-width: 1040px; width: calc(100% - 48px); background: white; overflow: hidden;}
.photo-dialog .dialog-close {width: 42px; height: 42px; right: 17px; top: 17px; font-size: 29px; box-shadow: 0 2px 8px #33271814;}
.photo-stage {position: relative; overflow: hidden; height: min(70vh,720px); background: white;}
.photo-stage img {position: absolute; width: 164%; height: 100%; max-width: none; object-fit: contain; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.photo-stage[data-kind=retail] img {width: 237%;}
.photo-stage[data-kind=device] img {width: 92%; max-width: 630px;}
.photo-footer {display: flex; gap: 20px; align-items: center; justify-content: space-between; border-top: 1px solid #ece0c8; padding: 18px 22px; background: #fff9e7;}
.photo-footer>div {text-align: center;}
.photo-footer h2 {font-size: 18px; line-height: 1.4; letter-spacing: -.025em;}
.photo-footer p {font-size: 11px; margin-top: 4px;}
.photo-arrow {border: 1px solid #d8c08c; background: #fffdf6; color: var(--red); width: 42px; height: 42px; flex-shrink: 0; border-radius: 50%; font-size: 22px;}
.photo-arrow:disabled {opacity: .25;}
.photo-details-link {display: block; width: 100%; padding: 15px; border: 0; border-top: 1px solid #e6d4ac; background: var(--yellow); color: var(--red-dark); font-size: 13px; font-weight: 650;}

@media (max-width: 1100px) {
  .nav {gap: 19px;}
  .hero-grid {gap: 36px;}
  .hero h1 {font-size: 77px;}
  .hero-visual {height: 470px;}
  .hero-device {width: 445px; top: 48px;}
  .product-orbit {width: 330px; height: 330px;}
  .patent-tag {padding: 13px 14px; right: 15px;}
  .patent-tag strong {font-size: 13px;}
  .hero-zoom {left: 18px; font-size: 9px;}
  .hero-description {font-size: 15px;}
  .product-grid {gap: 18px;}
  .product-image {height: 305px;}
  .product-info {padding: 21px 17px 16px;}
  .product-info h3 {font-size: 17px;}
  .product-description {font-size: 12px; min-height: 63px;}
  .details-btn,.add-btn {font-size: 11px;}
  .store-gallery {gap: 18px;}
  .store-card figcaption {padding: 19px 16px;}
  .store-card figcaption strong {font-size: 14px;}
  .video-grid {gap: 60px;}
  .video-copy h2 {font-size: 42px;}
}
@media (max-width: 820px) {
  .nav.open {background: #fffcf2;}
  .hero-grid {gap: 25px;}
  .hero h1 {font-size: 61px;}
  .hero .eyebrow {font-size: 7px; letter-spacing: .08em;}
  .hero-description {font-size: 13px; margin-top: 20px;}
  .hero-actions {gap: 16px;}
  .hero-actions .btn,.hero-actions .text-link {font-size: 11px;}
  .hero-visual {height: 400px;}
  .hero-device {width: 360px; top: 43px;}
  .product-orbit {width: 280px; height: 280px;}
  .hero-visual-top {font-size: 7px; inset: 20px 18px auto;}
  .hero-zoom {bottom: 74px; padding: 7px 10px; font-size: 8px;}
  .patent-tag {bottom: 113px; padding: 10px 12px;}
  .patent-tag strong {font-size: 12px;}
  .hero-visual-bottom {font-size: 9px; inset: auto 18px 17px;}
  .hero-signoff {font-size: 9px;}
  .hero-footer {font-size: 7px;}
  .trust-intro {font-size: 11px;}
  .stat strong {font-size: 28px;}
  .stat span {font-size: 9px;}
  .device-photo {min-height: 470px;}
  .patent-card {gap: 11px; padding: 13px 12px;}
  .patent-card strong {font-size: 17px;}
  .patent-card span {font-size: 7px;}
  .patent-card small {font-size: 8px;}
  .patent-card>.icon {width: 30px; height: 30px;}
  .device-copy>p:not(.eyebrow):not(.patent-reference) {font-size: 13px;}
  .detail-row h3 {font-size: 12px;}
  .detail-row p {font-size: 11px;}
  .section-heading>p {font-size: 12px; max-width: 215px;}
  .product-grid {grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px;}
  .product-image {height: 315px;}
  .product-info h3 {font-size: 18px;}
  .product-description {min-height: 45px;}
  .product-actions {gap: 10px;}
  .store-gallery {gap: 13px;}
  .store-card figcaption {padding: 15px 12px;}
  .store-card figcaption strong {font-size: 12px;}
  .store-card figcaption>span {font-size: 10px;}
  .store-photo-label {right: 9px; bottom: 9px; gap: 14px; padding: 7px 9px; font-size: 7px;}
  .stores-bottom .text-link {font-size: 11px; gap: 14px;}
  .video-grid {gap: 35px;}
  .video-copy h2 {font-size: 34px;}
  .video-copy>p:not(.eyebrow) {font-size: 13px;}
  .video-copy .btn {font-size: 12px; padding-inline: 17px; gap: 15px;}
  .video-frame {width: 285px;}
  .retail-real-photo {height: 360px;}
  .retail-foot strong {font-size: 14px;}
  .retail-foot span {font-size: 6px;}
}
@media (max-width: 600px) {
  .hero {padding-top: 29px;}
  .hero-grid {grid-template-columns: minmax(0,1fr); gap: 17px;}
  .hero-copy {padding: 0; min-width: 0;}
  .hero h1 {font-size: clamp(48px,15.5vw,82px); line-height: .98;}
  .hero .eyebrow {font-size: 8px; letter-spacing: .08em; margin-bottom: 18px;}
  .hero-description {font-size: 15px; line-height: 1.7; max-width: 420px; margin-top: 23px;}
  .hero-actions {gap: 24px; margin-top: 23px;}
  .hero-actions .btn {font-size: 13px; padding: 14px 19px; gap: 20px; min-height: 51px;}
  .hero-actions .text-link {font-size: 12px; gap: 16px;}
  .hero-signoff {font-size: 10px; margin-top: 23px; margin-bottom: 13px;}
  .hero-signoff br {display: block;}
  .hero-signoff strong {margin-left: 0;}
  .hero-visual {height: 372px; width: 100%; max-width: 440px; box-shadow: 0 12px 28px #6d4a1510;}
  .hero-device {width: 380px; top: 29px;}
  .hero-visual-top {font-size: 8px; inset: 20px 20px auto;}
  .product-orbit {width: 290px; height: 290px; top: 44%;}
  .hero-zoom {bottom: 71px; left: 17px; font-size: 9px; padding: 8px 11px;}
  .patent-tag {bottom: 111px; right: 16px; padding: 11px 14px;}
  .patent-tag strong {font-size: 13px;}
  .hero-visual-bottom {inset: auto 20px 17px; font-size: 9px;}
  .hero-footer {margin-top: 24px; font-size: 7px; gap: 18px;}
  .hero-footer>span:first-child {max-width: 145px;}
  .hero-footer>span:last-child {font-size: 6px;}
  .trust-grid {padding: 24px 0 29px;}
  .trust-intro {border-color: #ef7b6c; font-size: 12px;}
  .stat strong {font-size: 29px;}
  .stat span {font-size: 9px;}
  .device-photo {min-height: 340px;}
  .device-copy>p:not(.eyebrow):not(.patent-reference) {font-size: 15px;}
  .patent-card {padding: 17px 14px; gap: 14px;}
  .patent-card strong {font-size: 22px;}
  .patent-card span {font-size: 7px;}
  .patent-card small {font-size: 10px;}
  .patent-card>.icon {width: 33px; height: 33px;}
  .detail-row h3 {font-size: 14px;}
  .detail-row p {font-size: 13px;}
  .section-heading>p {font-size: 14px; max-width: none;}
  .filter {font-size: 11px; min-height: 42px; padding-inline: 13px;}
  .product-grid {gap: 17px;}
  .product-image {height: 260px;}
  .product-badge {left: 11px; top: 11px; font-size: 7px; padding: 5px 7px;}
  .photo-open-label {right: 8px; bottom: 9px; font-size: 9px; padding: 5px 8px;}
  .product-info {padding: 19px 15px 15px;}
  .product-category {font-size: 8px;}
  .product-info h3 {font-size: 17px; min-height: 50px;}
  .product-description {font-size: 12px; min-height: 65px;}
  .product-specs {font-size: 10px; min-height: 15px;}
  .product-actions {gap: 6px;}
  .details-btn {font-size: 12px; min-height: 40px;}
  .add-btn {min-height: 44px; font-size: 12px;}
  .catalog-bottom {font-size: 12px;}
  .store-gallery {grid-template-columns: 1fr; gap: 24px;}
  .store-card {max-width: 430px; width: 100%; margin-inline: auto;}
  .store-photo {aspect-ratio: 9/14;}
  .store-photo-label {right: 15px; bottom: 15px; font-size: 9px; padding: 10px 13px; gap: 23px;}
  .store-card figcaption {padding: 20px;}
  .store-card figcaption strong {font-size: 17px;}
  .store-card figcaption>span {font-size: 12px;}
  .stores-bottom {display: block; margin-top: 22px;}
  .stores-bottom>p {font-size: 11px;}
  .stores-bottom .text-link {font-size: 13px; margin-top: 13px;}
  .video-section {padding: 60px 0;}
  .video-grid {grid-template-columns: 1fr; gap: 33px;}
  .video-copy h2 {font-size: 37px;}
  .video-copy>p:not(.eyebrow) {font-size: 15px;}
  .video-copy .btn {font-size: 13px; min-height: 51px; gap: 26px; padding-inline: 20px;}
  .video-summary summary {font-size: 13px;}
  .video-summary p {font-size: 13px;}
  .video-frame {width: 310px;}
  .video-frame-heading {font-size: 8px;}
  .video-frame>p {font-size: 10px;}
  .retail-real-photo {height: 430px;}
  .retail-label {font-size: 8px;}
  .retail-foot strong {font-size: 16px;}
  .retail-foot span {font-size: 6px;}
  .contact-copy>p:not(.eyebrow) {font-size: 15px;}
  .quote-form {box-shadow: 6px 6px 0 #bd8b1c24;}
  .photo-dialog {width: calc(100% - 24px); max-height: calc(100dvh - 28px);}
  .photo-stage {height: min(67dvh,610px);}
  .photo-footer {gap: 11px; padding: 16px 13px;}
  .photo-footer h2 {font-size: 15px;}
  .photo-footer p {font-size: 10px;}
  .photo-arrow {width: 38px; height: 38px;}
  .photo-details-link {font-size: 13px; padding: 15px 9px;}
}
@media (max-width: 480px) {
  .product-grid {grid-template-columns: 1fr; gap: 24px;}
  .product-image {height: 355px;}
  .product-image img {height: calc(100% - 22px);}
  .product-badge {font-size: 9px; padding: 7px 10px; top: 15px; left: 15px;}
  .photo-open-label {font-size: 11px; right: 12px; bottom: 12px; padding: 7px 11px;}
  .product-info {padding: 23px 21px 19px;}
  .product-category {font-size: 10px;}
  .product-info h3 {font-size: 22px; min-height: 0;}
  .product-description {font-size: 14px; min-height: 0; margin-top: 12px;}
  .product-specs {font-size: 12px; margin-top: 15px;}
  .product-actions {flex-wrap: nowrap; gap: 15px; margin-top: 20px;}
  .details-btn {font-size: 13px; min-height: 46px; white-space: nowrap;}
  .add-btn {width: auto; font-size: 13px; min-height: 46px; padding-inline: 16px;}
}