/* ================================================================
   MOBILE 393 — Figma node 38:955
   Canon desktop remains untouched. These rules only apply <= 430px.
   393px layout follows Figma; FAQ/footer height remains content-driven.
   ================================================================ */

.mobile-burger { display:none; }

@media (max-width: 599px) {
  :root {
    --design-scale: 1 !important;
    --pin-height: 811px !important;
    --aud2-height: 800px !important;
    --sizes-height: 810px !important;
  }

  html, body {
    width:100%;
    min-width:0;
    overflow-x:hidden;
    background:#F4F4F4;
  }
  body { font-family:"Manrope", Arial, sans-serif; }
  main { width:100%; overflow:hidden; }

  /* ---------------- HERO: global y 0–811 ---------------- */
  .hero-scroll { height:811px !important; }
  .hero-pin {
    width:393px !important;
    max-width:none !important;
    height:811px !important;
    overflow:hidden !important;
  }
  .design-frame {
    width:393px !important;
    height:811px !important;
    transform:none !important;
  }
  .hero-card {
    left:10px !important;
    top:10px !important;
    width:373px !important;
    height:739px !important;
    border-radius:0 !important;
    overflow:visible !important;
    background-color:transparent !important;
    background-image:url("../assets/images/figma-18e877ac-f8db-4f7b-9203-bc8ec8393e0c.svg") !important;
    background-repeat:no-repeat !important;
    background-position:0 0 !important;
    background-size:373px 739px !important;
  }
  .brand {
    left:20px !important;
    top:20px !important;
    width:140px !important;
    height:39px !important;
  }
  .brand svg { width:140px !important; height:39px !important; }
  .main-nav { display:none !important; }
  .header-phone, .header-pay { display:none !important; }

  .mobile-burger {
    display:block;
    position:absolute;
    z-index:80;
    left:315px;
    top:22px;
    width:38px;
    height:28px;
    padding:0;
    margin:0;
    border:0;
    background:transparent;
    cursor:pointer;
  }
  .mobile-burger span {
    position:absolute;
    left:0;
    width:38px;
    height:4px;
    border-radius:17px;
    background:#0055FF;
    transform-origin:center;
    transition:transform .28s ease, top .28s ease, opacity .18s ease;
  }
  .mobile-burger span:nth-child(1){top:0}
  .mobile-burger span:nth-child(2){top:12px}
  .mobile-burger span:nth-child(3){top:24px}
  .mobile-burger.is-open span:nth-child(1){top:12px;transform:rotate(45deg)}
  .mobile-burger.is-open span:nth-child(2){opacity:0}
  .mobile-burger.is-open span:nth-child(3){top:12px;transform:rotate(-45deg)}


  /* One navigation DOM for desktop + mobile. Phone and pay link are re-parented here on mobile. */
  .main-nav.mobile-menu-open {
    display:flex !important;
    position:absolute !important;
    z-index:70 !important;
    left:20px !important;
    top:72px !important;
    width:333px !important;
    padding:20px !important;
    border-radius:15px !important;
    background:#fff !important;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:18px !important;
    box-shadow:none !important;
  }
  .main-nav.mobile-menu-open > a {
    display:block !important;
    width:auto !important;
    height:auto !important;
    margin:0 !important;
    padding:0 !important;
    color:#212121 !important;
    font-size:16px !important;
    line-height:1.15 !important;
    font-weight:500 !important;
    text-align:left !important;
  }
  .main-nav.mobile-menu-open > .header-phone {
    display:block !important;
    position:static !important;
    inset:auto !important;
    font-weight:700 !important;
  }
  .main-nav.mobile-menu-open > .header-pay {
    display:flex !important;
    position:static !important;
    inset:auto !important;
    width:293px !important;
    height:43px !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:5px !important;
    background:#0055FF !important;
    color:#fff !important;
    font-size:16px !important;
    font-weight:700 !important;
    text-align:center !important;
  }


  .hero-copy {
    left:20px !important;
    top:91px !important;
    width:311px !important;
  }
  .hero-kicker {
    margin:0 0 17px !important;
    width:282px !important;
    font-size:18px !important;
    line-height:1 !important;
    font-weight:400 !important;
    letter-spacing:-.035em !important;
  }
  .hero-copy h1 {
    width:311px !important;
    font-size:30px !important;
    line-height:1 !important;
    font-weight:700 !important;
    letter-spacing:-.04em !important;
  }
  .model-wrap {
    left:-43px !important;
    top:178px !important;
    width:438px !important;
    height:300px !important;
  }
  .discount-card {
    left:61px !important;
    top:525px !important;
    bottom:auto !important;
    width:251px !important;
    height:193px !important;
    padding:0 !important;
    border-radius:0 !important;
    background:transparent !important;
  }
  .discount-card::before,
  .discount-card::after { display:none !important; content:none !important; }
  .discount-copy {
    width:252px !important;
    margin:0 0 15px !important;
    font-size:18px !important;
    line-height:1 !important;
    font-weight:400 !important;
    letter-spacing:-.03em !important;
  }
  .discount-card input {
    width:251px !important;
    height:40px !important;
    margin:0 0 9px !important;
    padding:0 10px !important;
    border:1px solid rgba(72,72,72,.5) !important;
    border-radius:5px !important;
    color:#484848 !important;
    font-size:14px !important;
  }
  .discount-card button {
    width:251px !important;
    height:43px !important;
    margin:1px 0 0 !important;
    border-radius:5px !important;
    font-size:0 !important;
  }
  .discount-card button::after {
    content:"Отримати знижку";
    position:relative;
    z-index:3;
    font-size:18px;
    line-height:1;
    font-weight:700;
  }
  .after-hero { display:none !important; }

  /* ---------------- AUDIENCE: global y 811–1611 ---------------- */
  .aud2-wrap { height:800px !important; overflow:hidden !important; }
  .aud2-frame, .aud2-section {
    width:393px !important;
    height:800px !important;
    transform:none !important;
  }
  .aud2-title {
    left:30px !important;
    top:30px !important;
    font-size:30px !important;
    line-height:1 !important;
    font-weight:500 !important;
    letter-spacing:-.045em !important;
  }
  .aud2-lead {
    left:30px !important;
    top:72px !important;
    width:333px !important;
    font-size:14px !important;
    line-height:1.1 !important;
    letter-spacing:-.025em !important;
  }
  .aud2-lead br { display:none !important; }
  .aud2-figure {
    left:30px !important;
    top:142px !important;
    width:333px !important;
    height:548px !important;
  }
  .aud2-state { width:333px !important; height:548px !important; }
  .aud2-shape { inset:auto !important; object-fit:fill !important; }
  .aud2-state--personal .aud2-shape--back {
    content:url("../assets/images/figma-44721fb0-5e99-4ead-92f7-6c1acd35938c.svg");
    left:-.5px !important; top:0 !important; width:333px !important; height:308px !important;
    transform:scaleX(-1) !important;
  }
  .aud2-state--personal .aud2-shape--front {
    content:url("../assets/images/figma-0c008195-0628-4f0e-b563-8efb11559d49.svg");
    left:0 !important; top:0 !important; width:333.5px !important; height:548px !important;
    transform:none !important;
  }
  .aud2-state--business .aud2-shape--back {
    content:url("../assets/images/figma-44721fb0-5e99-4ead-92f7-6c1acd35938c.svg");
    left:0 !important; top:0 !important; width:333px !important; height:308px !important;
    transform:none !important;
  }
  .aud2-state--business .aud2-shape--front {
    content:url("../assets/images/figma-0c008195-0628-4f0e-b563-8efb11559d49.svg");
    left:-.5px !important; top:0 !important; width:333.5px !important; height:548px !important;
    transform:scaleX(-1) !important;
  }
  .aud2-tabrow { inset:0 !important; }
  .aud2-tab {
    top:0 !important;
    height:54px !important;
    font-size:18px !important;
    line-height:54px !important;
    letter-spacing:-.03em !important;
    text-align:center !important;
  }
  .aud2-tab--personal { left:0 !important; width:161px !important; }
  .aud2-tab--business { left:172px !important; width:161px !important; }
  .aud2-cards {
    left:10px !important;
    top:54px !important;
    width:313px !important;
    height:484px !important;
    grid-template-columns:152px 152px !important;
    grid-template-rows:237px 237px !important;
    gap:10px !important;
  }
  .aud2-card {
    width:152px !important;
    height:237px !important;
    border-radius:15px !important;
  }
  .aud2-card-imagebox {
    left:15px !important;
    right:auto !important;
    top:20px !important;
    width:121px !important;
    height:122px !important;
    overflow:hidden !important;
  }
  .aud2-card-image {
    width:121px !important;
    height:121px !important;
    max-width:121px !important;
    max-height:121px !important;
    object-fit:contain !important;
    object-position:center bottom !important;
  }
  /* Business artwork is visually smaller in the mobile cards; keep one asset/DOM tree. */
  .aud2-figure--business .aud2-card-image {
    width:var(--aud2-icon-size, 132px) !important;
    height:var(--aud2-icon-size, 132px) !important;
    max-width:none !important;
    max-height:none !important;
    transform:scale(.55) !important;
    transform-origin:center center !important;
  }
  .aud2-figure--business .aud2-card.is-active .aud2-card-image { transform:scale(.56) !important; }
  .aud2-card-copy {
    left:10px !important;
    right:10px !important;
    top:157px !important;
    bottom:auto !important;
  }
  .aud2-card-title {
    margin:0 0 7px !important;
    font-size:14px !important;
    line-height:1.1 !important;
    letter-spacing:-.025em !important;
  }
  .aud2-card-description {
    width:132px !important;
    font-size:12px !important;
    line-height:1.1 !important;
    letter-spacing:-.025em !important;
  }
  .aud2-help {
    left:30px !important;
    top:715px !important;
    gap:10px !important;
    align-items:flex-start !important;
  }
  .aud2-help-arrow,
  .aud2-help-arrow svg { width:25px !important; height:25px !important; flex:0 0 25px !important; }
  .aud2-help p {
    width:298px !important;
    font-size:14px !important;
    line-height:1.1 !important;
    letter-spacing:-.025em !important;
  }
  .aud2-help p br { display:none !important; }

  /* ---------------- SIZES: global y 1611–2421 ---------------- */
  .sizes-wrap { height:810px !important; overflow:hidden !important; }
  .sizes-frame, .sizes-section {
    width:393px !important;
    height:810px !important;
    transform:none !important;
  }
  .sizes-card {
    left:10px !important;
    top:0 !important;
    width:373px !important;
    height:750px !important;
    border-radius:20px !important;
    overflow:hidden !important;
  }
  .sizes-title {
    left:30px !important;
    top:20px !important;
    font-size:30px !important;
    line-height:1 !important;
    font-weight:500 !important;
    letter-spacing:-.045em !important;
  }
  .sizes-tabrow {
    left:30px !important;
    top:62px !important;
    width:333px !important;
    height:33px !important;
    gap:10px !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    display:flex !important;
    scrollbar-width:none !important;
    -ms-overflow-style:none !important;
    overscroll-behavior-x:contain !important;
    scroll-snap-type:x proximity !important;
  }
  .sizes-tabrow::-webkit-scrollbar { display:none !important; }
  .sizes-tab {
    flex:0 0 132px !important;
    width:132px !important;
    height:33px !important;
    border-radius:5px !important;
    font-size:16px !important;
    line-height:33px !important;
    scroll-snap-align:start !important;
  }
  .sizes-visual {
    left:-43px !important;
    right:auto !important;
    top:0 !important;
    bottom:auto !important;
    width:434px !important;
    height:434px !important;
  }
  .sizes-container-image {
    position:absolute !important;
    inset:0 !important;
    width:434px !important;
    height:434px !important;
    object-fit:contain !important;
  }
  .sizes-visual-mask, .sizes-shadow { display:none !important; }
  .sizes-metrics {
    left:30px !important;
    top:352px !important;
    width:333px !important;
    height:45px !important;
  }
  .sizes-metrics > div:first-child {
    position:absolute !important;
    left:0 !important;
    top:0 !important;
  }
  .sizes-metrics > div:first-child .sizes-kicker { display:none !important; }
  .sizes-metrics > .sizes-metric-row:nth-child(2) {
    position:absolute !important;
    left:129px !important;
    top:0 !important;
    margin:0 !important;
  }
  .sizes-metrics > .sizes-metric-row:nth-child(3) {
    position:absolute !important;
    left:247px !important;
    top:0 !important;
    margin:0 !important;
  }
  .sizes-metric-row { gap:13px !important; align-items:center !important; }
  .sizes-icon {
    width:45px !important;
    height:45px !important;
    flex:0 0 45px !important;
  }
  .sizes-icon--dims {
    background:url("../assets/images/figma-8d1f9897-dae1-43b0-bac0-51c6d9bf8d03.svg") center/45px 45px no-repeat !important;
  }
  .sizes-icon--dims > * { display:none !important; }
  .sizes-icon-img { width:45px !important; height:45px !important; }
  .sizes-metric-copy {
    font-size:12px !important;
    line-height:1.1 !important;
    letter-spacing:-.02em !important;
    white-space:nowrap !important;
  }
  .sizes-metric-copy strong { font-size:12px !important; line-height:1.1 !important; }
  .sizes-left {
    left:30px !important;
    top:428px !important;
    width:333px !important;
  }
  .sizes-kicker {
    font-size:16px !important;
    line-height:1.1 !important;
    letter-spacing:-.02em !important;
    color:#484848 !important;
    margin:0 0 17px !important;
  }
  .sizes-fit-list li {
    margin:0 0 8px !important;
    padding-left:20px !important;
    width:300px !important;
    font-size:14px !important;
    line-height:1.1 !important;
    letter-spacing:-.02em !important;
  }
  .sizes-fit-list li::before {
    left:0 !important;
    top:5px !important;
    width:6px !important;
    height:6px !important;
    border-radius:1px !important;
  }
  .sizes-price {
    left:0 !important;
    top:172px !important;
    width:333px !important;
  }
  .sizes-price .sizes-kicker { margin:0 0 9px !important; }
  .sizes-price-value {
    margin:0 0 9px !important;
    font-size:40px !important;
    line-height:1 !important;
    letter-spacing:-.045em !important;
  }
  .sizes-cta {
    width:333px !important;
    height:53px !important;
    border-radius:5px !important;
    font-size:18px !important;
  }

  /* ---------------- LOCATIONS: global y 2421–3167 ---------------- */
  .fig-flow { width:100% !important; background:#F4F4F4 !important; }
  .fig-frame { width:393px !important; transform:none !important; }
  .locations-wrap { height:746px !important; }
  .locations-frame { height:746px !important; }
  .locations-title {
    left:30px !important;
    top:0 !important;
    font-size:30px !important;
    line-height:1 !important;
    font-weight:500 !important;
  }
  .locations-card {
    width:373px !important;
    height:337px !important;
    border-radius:20px !important;
  }
  .locations-card--left { left:10px !important; top:42px !important; }
  .locations-card--map { left:10px !important; top:389px !important; padding:0 !important; }
  .city-tabs {
    left:20px !important;
    top:20px !important;
    gap:10px !important;
    width:333px !important;
    height:34px !important;
  }
  .city-tab {
    width:162px !important;
    height:34px !important;
    padding:0 !important;
    border-radius:5px !important;
    justify-content:center !important;
    gap:0 !important;
    font-size:16px !important;
    line-height:1 !important;
  }
  .city-tab:nth-child(2){ width:161px !important; }
  .city-tab span {
    position:absolute !important;
    left:calc(50% - 9px) !important;
    top:50% !important;
    transform:translate(-50%,-50%) !important;
    line-height:1 !important;
  }
  .city-tab-chevron { display:none !important; }
  .city-tab::after {
    content:"" !important;
    display:block !important;
    position:absolute !important;
    z-index:2 !important;
    right:3px !important;
    top:2px !important;
    width:30px !important;
    height:30px !important;
    border-radius:5px !important;
    background:#F4F4F4 !important;
    border:2px solid #F4F4F4 !important;
    box-shadow:none !important;
  }
  .city-tab::before {
    content:"" !important;
    display:block !important;
    position:absolute !important;
    z-index:3 !important;
    right:8.5px !important;
    top:12px !important;
    width:19px !important;
    height:10px !important;
    background:rgba(33,33,33,.42) !important;
    -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='10' viewBox='0 0 19 10'%3E%3Cpath d='M1 1l8.5 8L18 1' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/19px 10px no-repeat !important;
    mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='10' viewBox='0 0 19 10'%3E%3Cpath d='M1 1l8.5 8L18 1' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/19px 10px no-repeat !important;
    transform:rotate(0deg) !important;
    transform-origin:center !important;
    transition:transform .36s ease, background-color .24s ease !important;
  }
  .city-tab--active::after {
    background:#fff !important;
    border-color:#0055FF !important;
  }
  .city-tab--active::before { background:#0055FF !important; }
  .city-tab--active.is-list-open::before { transform:rotate(180deg) !important; }
  .city-tab--active.is-location-selected::before { transform:rotate(0deg) !important; }
  .locations-list {
    left:20px !important;
    top:64px !important;
    width:333px !important;
    height:171px !important;
    padding:0 10px !important;
    border-radius:5px !important;
    overflow:hidden !important;
  }
  .location-row {
    height:33px !important;
    grid-template-columns:123px 1fr !important;
  }
  .location-row:nth-child(n+6){ display:none !important; }
  .location-row strong {
    padding-left:0 !important;
    font-size:12px !important;
    line-height:1 !important;
  }
  .location-row span {
    padding-left:26px !important;
    font-size:12px !important;
    line-height:1 !important;
  }
  .route-button {
    left:21px !important;
    top:255px !important;
    width:332px !important;
    height:43px !important;
    border-radius:5px !important;
    font-size:18px !important;
  }
  .route-hint {
    left:82px !important;
    top:308px !important;
    width:230px !important;
    text-align:center !important;
    font-size:12px !important;
    line-height:1 !important;
  }
  .location-selected {
    inset:0 !important;
    width:373px !important;
    height:337px !important;
  }
  .location-selected-address {
    left:20px !important;
    top:64px !important;
    width:333px !important;
    font-size:12px !important;
    line-height:1 !important;
  }
  .location-main-photo {
    left:20px !important;
    top:88px !important;
    width:333px !important;
    height:157px !important;
    border-radius:5px !important;
    object-fit:cover !important;
  }
  .location-thumbs {
    left:30px !important;
    top:190px !important;
    gap:6px !important;
    z-index:3 !important;
  }
  .location-thumb {
    width:45px !important;
    height:45px !important;
    border-radius:3px !important;
    border-width:1.5px !important;
  }
  .location-thumb.is-active {
    border-color:#fff !important;
    box-shadow:0 0 0 1px #212121 !important;
  }
  .locations-card--left.is-selected .route-hint { display:block !important; }
  .locations-card--left.is-selected .route-button {
    background:#F4F4F4 !important;
    color:rgba(33,33,33,.34) !important;
  }
  .map-image {
    left:10px !important;
    top:10px !important;
    width:353px !important;
    height:319px !important;
    border-radius:5px !important;
    object-fit:cover !important;
  }
  .map-image--one {
    content:url("../assets/images/figma-19024fd7-61d7-4112-9736-22146a7e18fa.png") !important;
  }
  .map-pin { width:25.309px !important; height:34.8px !important; }
  .map-pin:nth-of-type(3){ left:120.94px !important; top:156.58px !important; }
  .map-pin:nth-of-type(4){ left:198.78px !important; top:156.58px !important; }
  .map-pin:nth-of-type(5){ left:253.70px !important; top:97.85px !important; }
  .map-pin:nth-of-type(6){ left:111.39px !important; top:80.66px !important; }
  .map-pin:nth-of-type(7){ left:228.39px !important; top:214.84px !important; }
  .map-pin:nth-of-type(8){ left:162.49px !important; top:224.39px !important; }
  .map-pin:nth-of-type(9){ left:79.40px !important; top:191.44px !important; }
  .map-pin:nth-of-type(10){ left:211.20px !important; top:237.29px !important; }

  /* ---------------- PROMO: global y 3167–3676 ---------------- */
  .promo-wrap { height:509px !important; }
  .promo-frame { height:509px !important; }
  .promo-card {
    left:10px !important;
    top:0 !important;
    width:373px !important;
    height:489px !important;
    border-radius:20px !important;
  }
  .promo-bg {
    content:url("../assets/images/figma-03c91458-0e36-45b0-a0d0-c32539ca34f0.png") !important;
    left:0 !important;
    top:-8.67% !important;
    width:116.09% !important;
    height:117.34% !important;
    object-fit:fill !important;
  }
  .promo-overlay { background:rgba(0,0,0,.48) !important; }
  .promo-card h2 {
    left:20px !important;
    top:30px !important;
    width:285px !important;
    font-size:30px !important;
    line-height:1 !important;
    font-weight:500 !important;
    letter-spacing:-.045em !important;
  }
  .promo-discount {
    width:162px !important;
    height:97px !important;
    padding:16px 20px !important;
    border-radius:19px !important;
  }
  .promo-discount--1 { left:20px !important; top:158px !important; }
  .promo-discount--2 { left:192px !important; top:158px !important; }
  .promo-discount--3 { left:20px !important; top:265px !important; }
  .promo-discount strong {
    margin:0 0 6px !important;
    font-size:30px !important;
    line-height:1 !important;
    letter-spacing:-.04em !important;
  }
  .promo-discount span {
    width:90px !important;
    font-size:14px !important;
    line-height:1.1 !important;
  }
  .promo-note {
    left:20px !important;
    top:384px !important;
    width:162px !important;
    font-size:14px !important;
    line-height:1.1 !important;
  }
  .promo-cta {
    left:192px !important;
    top:372px !important;
    width:162px !important;
    height:97px !important;
    border-radius:19px !important;
  }
  .promo-cta p {
    left:20px !important;
    top:24px !important;
    width:90px !important;
    font-size:14px !important;
    line-height:1.1 !important;
  }
  .promo-cta img {
    right:16px !important;
    bottom:20px !important;
    width:21px !important;
    height:21px !important;
  }

  /* ---------------- SERVICES: global y 3676–4293 ---------------- */
  .services-wrap { height:617px !important; }
  .services-frame { height:617px !important; }
  .services-card {
    left:10px !important;
    top:0 !important;
    width:373px !important;
    height:557px !important;
    border-radius:20px !important;
  }
  .services-card>.fig-title {
    left:20px !important;
    top:32px !important;
    font-size:30px !important;
    line-height:1 !important;
    font-weight:500 !important;
  }
  .service {
    left:20px !important;
    width:333px !important;
    display:block !important;
  }
  .service--1 { top:82px !important; }
  .service--2 { top:245px !important; }
  .service--3 { top:408px !important; }
  .service-icon {
    width:66px !important;
    height:66px !important;
    border-radius:5px !important;
    margin:0 0 10px !important;
  }
  .service-icon img { width:34px !important; height:34px !important; }
  .service--2 .service-icon img { width:34px !important; height:25px !important; }
  .service h3 {
    margin:0 0 5px !important;
    font-size:16px !important;
    line-height:1.1 !important;
  }
  .service p {
    margin:0 !important;
    width:333px !important;
    font-size:14px !important;
    line-height:1.1 !important;
  }

  /* ---------------- LIVE GALLERY: global y 4293–4780 ---------------- */
  .gallery-wrap { height:487px !important; }
  .gallery-frame { height:487px !important; }
  .gallery-frame>.fig-title {
    left:30px !important;
    top:0 !important;
    font-size:30px !important;
    line-height:1 !important;
    font-weight:500 !important;
  }
  .gallery-viewport {
    left:30px !important;
    top:42px !important;
    width:333px !important;
    height:332px !important;
    overflow:hidden !important;
  }
  .gallery-track { gap:10px !important; }
  .gallery-slide {
    flex:0 0 257px !important;
    width:257px !important;
    height:332px !important;
    border-radius:20px !important;
  }
  .gallery-slide img {
    width:257px !important;
    height:332px !important;
    border-radius:20px !important;
    object-fit:cover !important;
  }
  .gallery-arrow,
  .gallery-arrow:hover,
  .gallery-arrow:focus,
  .gallery-arrow:active {
    top:384px !important;
    width:43px !important;
    height:43px !important;
    min-width:43px !important;
    min-height:43px !important;
    border-radius:5px !important;
    background:#0055FF !important;
  }
  .gallery-arrow--left { left:30px !important; }
  .gallery-arrow--right { left:320px !important; }
  .gallery-arrow .gallery-arrow-chevron { width:18px !important; height:18px !important; }

  /* ---------------- REVIEWS: global y 4780–5494 ---------------- */
  .reviews-wrap { height:714px !important; }
  .reviews-frame { height:714px !important; }
  .reviews-card {
    left:10px !important;
    top:0 !important;
    width:373px !important;
    height:654px !important;
    border-radius:20px !important;
  }
  .reviews-card>.fig-title {
    left:20px !important;
    top:31px !important;
    font-size:30px !important;
    line-height:1 !important;
    font-weight:500 !important;
    letter-spacing:-.045em !important;
  }
  .reviews-card>.fig-title::after { content:none !important; }
  .reviews-image {
    content:url("../assets/images/figma-603d49a2-5e0c-496f-a8b8-9ed367755ea0.png") !important;
    left:20px !important;
    top:70px !important;
    width:333px !important;
    height:584px !important;
    object-fit:cover !important;
  }

  /* ---------------- TEAM: global y 5494–6453 ---------------- */
  .team-wrap { height:959px !important; }
  .team-frame { height:959px !important; }
  .team-frame>.fig-title {
    left:30px !important;
    top:0 !important;
    font-size:30px !important;
    line-height:1 !important;
    font-weight:500 !important;
  }
  .team-lead {
    left:30px !important;
    top:42px !important;
    width:333px !important;
    font-size:14px !important;
    line-height:1.1 !important;
    letter-spacing:-.025em !important;
  }
  .team-card {
    left:30px !important;
    width:333px !important;
    height:380px !important;
    border-radius:19px !important;
  }
  .team-card--1 { top:129px !important; }
  .team-card--2 { top:519px !important; }
  .team-image-frame {
    position:absolute !important;
    left:10px !important;
    top:10px !important;
    width:313px !important;
    height:294px !important;
    overflow:hidden !important;
    border-radius:13px !important;
  }
  .team-card .team-image-frame img,
  .team-card img {
    left:0 !important;
    top:0 !important;
    width:313px !important;
    height:294px !important;
    border-radius:13px !important;
    object-fit:cover !important;
  }
  .team-card h3 {
    left:30px !important;
    top:324px !important;
    font-size:20px !important;
    line-height:1.1 !important;
  }
  .team-card p {
    left:30px !important;
    top:348px !important;
    font-size:16px !important;
    line-height:1.1 !important;
  }

  /* ---------------- FAQ: starts at Figma y 6453; height is content-driven ---------------- */
  .faq-wrap { height:auto; overflow:visible !important; }
  .faq-frame {
    position:relative !important;
    width:393px !important;
    height:auto;
    padding:72px 30px 20px !important;
    display:flex !important;
    flex-direction:column !important;
    gap:10px !important;
  }
  .faq-frame>.fig-title {
    left:30px !important;
    top:0 !important;
    font-size:30px !important;
    line-height:1 !important;
    font-weight:500 !important;
    letter-spacing:-.045em !important;
  }
  .faq-frame>.fig-title::after { content:none !important; }
  .faq-col {
    display:contents !important;
  }
  .faq-col--left .faq-entry:nth-child(n+3) { display:block !important; }
  .faq-entry { width:333px !important; margin:0 !important; }
  .faq-col--left .faq-entry:nth-child(1)  { order:1; }
  .faq-col--right .faq-entry:nth-child(1) { order:2; }
  .faq-col--left .faq-entry:nth-child(2)  { order:3; }
  .faq-col--right .faq-entry:nth-child(2) { order:4; }
  .faq-col--left .faq-entry:nth-child(3)  { order:5; }
  .faq-col--right .faq-entry:nth-child(3) { order:6; }
  .faq-item {
    width:333px !important;
    height:68px !important;
    margin:0 !important;
    padding:0 74px 0 20px !important;
    border-radius:20px !important;
  }
  .faq-item h3 {
    width:189px !important;
    font-size:16px !important;
    line-height:1.1 !important;
  }
  .faq-chevron {
    right:20px !important;
    top:25px !important;
    width:34px !important;
    height:17px !important;
  }
  .faq-answer {
    width:333px !important;
    height:auto !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 20px !important;
    border-radius:20px !important;
  }
  .faq-entry.is-open .faq-answer {
    margin-top:10px !important;
    padding-top:20px !important;
    padding-bottom:20px !important;
  }
  .faq-entry:not(.is-open) .faq-answer {
    height:0 !important;
    min-height:0 !important;
    overflow:hidden !important;
    padding-top:0 !important;
    padding-bottom:0 !important;
  }
  .faq-answer p {
    width:283px !important;
    font-size:14px !important;
    line-height:1.2 !important;
    font-weight:400 !important;
  }

  /* ---------------- FOOTER: follows FAQ naturally on mobile ---------------- */
  .footer-wrap { height:774px !important; }
  .footer-frame { width:393px !important; height:774px !important; }
  .footer-logo {
    left:30px !important;
    top:0 !important;
    width:140px !important;
    height:39px !important;
  }
  .footer-legal {
    left:30px !important;
    top:59px !important;
    width:333px !important;
    font-size:14px !important;
    line-height:1 !important;
  }
  .footer-nav {
    left:30px !important;
    top:161px !important;
    gap:20px !important;
  }
  .footer-nav a { font-size:16px !important; line-height:1 !important; }
  .footer-contact {
    left:30px !important;
    top:326px !important;
  }
  .footer-contact>div:not(.footer-socials) {
    height:35px !important;
    gap:10px !important;
  }
  .footer-contact>div>img { width:23px !important; height:23px !important; }
  .footer-contact strong { font-size:16px !important; }
  .footer-socials {
    margin-top:46px !important;
    gap:10px !important;
  }
  .footer-payment {
    left:30px !important;
    top:474px !important;
    width:250px !important;
  }
  .footer-payment p {
    width:225px !important;
    font-size:16px !important;
    line-height:1.1 !important;
  }
  .footer-pay-button {
    left:0 !important;
    top:85px !important;
    width:250px !important;
    height:37px !important;
    border-radius:5px !important;
    font-size:14px !important;
  }
  .footer-divider {
    left:30px !important;
    top:646px !important;
    width:333px !important;
    height:3px !important;
  }
  .footer-credit {
    left:30px !important;
    top:669px !important;
    height:24px !important;
    gap:7px !important;
  }
  .footer-credit span { font-size:14px !important; }
  .footer-credit img { width:80px !important; height:23px !important; }
  .footer-contract {
    left:30px !important;
    top:706px !important;
    font-size:14px !important;
  }
  .footer-copy {
    left:30px !important;
    top:737px !important;
    font-size:14px !important;
  }
}