/* PASHA — стили для страниц брендов (детальная). Грузится только на /brands/{section}/{code}/ */

/* ========================================
       CSS Variables
       ======================================== */
/* ========================================
       Reset & Base
       ======================================== */
/* ========================================
       Header
       ======================================== */
/* Logo */
/* Navigation */
/* Dropdown Menu */
/* Invisible bridge between trigger and menu */
/* Mobile dropdown styles */
/* Header Right */
/* Search Overlay */
/* Mobile Toggle */
/* ===== HERO ===== */
.hero__bg {
      position: absolute;
      top: 0;
      left: 637px;
      width: 884px;
      height: 100%;
      object-fit: cover;
    }
.hero__gradient-left {
      position: absolute;
      top: 0;
      left: 637px;
      width: 458px;
      height: 100%;
      background: linear-gradient(to right, #080808, rgba(8,8,8,0));
      z-index: 2;
    }
.hero__gradient-edge {
      position: absolute;
      top: 0;
      left: 637px;
      width: 140px;
      height: 100%;
      background: linear-gradient(to left, #080808, rgba(8,8,8,0));
      z-index: 2;
    }
.hero__content {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 3;
      padding: 0 40px;
      max-width: 1440px;
    }
.hero__brand {
      display: flex;
      align-items: center;
      gap: 3px;
      position: absolute;
      top: 94px;
      left: 144px;
    }
.hero__brand-logo { width: 89px; height: 23px; }
.hero__brand-mark { width: 19px; height: 23px; }
.hero__title {
      position: absolute;
      top: 144px;
      left: 138px;
      font-size: 54px;
      font-weight: 350;
      line-height: 54px;
      width: 579px;
      letter-spacing: 0;
    }
.hero__desc {
      position: absolute;
      top: 270px;
      left: 138px;
      font-size: 16px;
      line-height: 20px;
      width: 616px;
      font-weight: 400;
    }
.hero__btn {
      position: absolute;
      top: 441px;
      left: 138px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 10px 30px;
      background: #fff;
      color: #020202;
      font-size: 18px;
      line-height: 20px;
      font-family: 'Avenir', sans-serif;
      border: none;
      cursor: pointer;
      transition: background 0.3s, transform 0.2s;
    }
.hero__btn:hover {
      background: #e0e0e0;
      transform: translateY(-1px);
    }
/* Scroll indicator */
.scroll-indicator {
      position: relative;
      margin-top: -60px;
      margin-bottom: 0;
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 10px;
      z-index: 5;
    }
.scroll-indicator__arrow {
      width: 26px;
      height: 26px;
      animation: bounceDown 2s infinite;
    }
.scroll-indicator__dots {
      width: 80px;
      height: 8px;
    }
/* ===== SECTION: LEGEND ===== */
.section-legend {
      position: relative;
      width: 100%;
      height: 666px;
      overflow: hidden;
      background: linear-gradient(135deg, #0a0a14 0%, #1a1320 35%, #14101a 70%, #08080f 100%);
      margin-top: 65px;
    }
.section-legend__bg {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      overflow: hidden;
    }
.section-legend__glow {
      position: absolute;
      border-radius: 50%;
      pointer-events: none;
    }
.section-legend__glow--1 {
      top: -200px;
      left: -150px;
      width: 900px;
      height: 700px;
      background: radial-gradient(ellipse at center, rgba(80,90,160,0.25) 0%, rgba(40,50,100,0.12) 40%, transparent 70%);
      filter: blur(60px);
    }
.section-legend__glow--2 {
      bottom: -200px;
      right: -150px;
      width: 900px;
      height: 700px;
      background: radial-gradient(ellipse at center, rgba(80,90,160,0.2) 0%, rgba(40,50,100,0.1) 40%, transparent 70%);
      filter: blur(60px);
    }
.section-legend__glow--3 {
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%) rotate(159deg);
      width: 1720px;
      height: 1720px;
      background-image: url('../img/sunshine.png');
      background-size: cover;
      mix-blend-mode: color-dodge;
      filter: blur(35px);
      opacity: 0.25;
      border-radius: 0;
    }
.section-legend__inner {
      position: relative;
      max-width: 1440px;
      margin: 0 auto;
      padding: 96px 40px 40px;
      height: 100%;
      z-index: 2;
    }
.section-legend__title {
      font-size: 48px;
      font-weight: 350;
      line-height: 48px;
      width: 507px;
      margin-bottom: 30px;
      margin-left: 78px;
    }
.section-legend__text {
      font-size: 16px;
      line-height: 20px;
      width: 553px;
      margin-left: 78px;
    }
.section-legend__text p {
      margin-bottom: 16px;
    }
.section-legend__image {
      position: absolute;
      top: 96px;
      right: 80px;
      width: 499px;
      height: 467px;
      object-fit: cover;
    }
.section-legend__badges {
      position: absolute;
      bottom: 125px;
      right: 80px;
      width: 499px;
      display: flex;
      justify-content: center;
      gap: 22px;
    }
.badge {
      background: rgba(6,9,13,0.85);
      border-radius: 7px;
      width: 135px;
      height: 64px;
      padding: 12px;
      display: flex;
      flex-direction: column;
      justify-content: center;
    }
.badge__value {
      font-size: 18px;
      font-weight: 500;
      color: #ffc58f;
      line-height: 1.2;
    }
.badge__label {
      font-size: 14px;
      font-weight: 400;
      color: #fff;
      line-height: 20px;
    }
/* ===== SECTION: KEY FEATURES ===== */
.section-features {
      padding: 40px 140px 40px;
      max-width: 1440px;
      margin: 60px auto 0;
    }
.section-features__title {
      font-size: 48px;
      font-weight: 350;
      line-height: 55px;
      text-align: center;
      margin-bottom: 20px;
    }
.section-features__subtitle {
      font-size: 16px;
      line-height: 20px;
      text-align: center;
      max-width: 553px;
      margin: 0 auto 63px;
    }
.features-grid {
      display: flex;
      gap: 15px;
      justify-content: center;
    }
.feature-card {
      width: 279px;
      min-height: 276px;
      background: #1d1d1d;
      overflow: hidden;
      position: relative;
    }
.feature-card:first-child {
      background: #1d1d1d;
    }
.feature-card__image {
      width: 100%;
      height: 175px;
      object-fit: cover;
      border-bottom: 1px solid #c0c0c0;
    }
.feature-card__info {
      padding: 18px 22px;
    }
.feature-card__name {
      font-size: 18px;
      font-weight: 800;
      line-height: 20px;
      margin-bottom: 8px;
    }
.feature-card__desc {
      font-size: 14px;
      font-weight: 400;
      line-height: 20px;
    }
/* ===== SECTION: GALLERY ===== */
.section-gallery {
      padding: 40px 140px 40px;
      max-width: 1440px;
      margin: 0 auto 0;
    }
.section-gallery__title {
      font-size: 48px;
      font-weight: 350;
      line-height: 55px;
      text-align: center;
      margin-bottom: 44px;
    }
.gallery-grid {
      display: grid;
      grid-template-columns: 544px 294px 293px;
      grid-template-rows: 273px 273px;
      gap: 14px;
    }
.gallery-grid__main {
      grid-row: 1 / 3;
      height: 564px;
    }
.gallery-grid img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
/* ===== SECTION: PRECISION ===== */
.section-precision {
      position: relative;
      width: 100%;
      height: 666px;
      overflow: hidden;
      background: linear-gradient(135deg, #0a0a14 0%, #1a1320 35%, #14101a 70%, #08080f 100%);
      margin-top: 4px;
    }
.section-precision::before {
      content: '';
      position: absolute;
      top: -200px;
      left: -150px;
      width: 900px;
      height: 700px;
      background: radial-gradient(ellipse at center, rgba(80,90,160,0.25) 0%, rgba(40,50,100,0.12) 40%, transparent 70%);
      filter: blur(60px);
      border-radius: 50%;
      pointer-events: none;
    }
.section-precision::after {
      content: '';
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%) rotate(159deg);
      width: 1720px;
      height: 1720px;
      background-image: url('../img/sunshine.png');
      background-size: cover;
      mix-blend-mode: color-dodge;
      filter: blur(35px);
      opacity: 0.25;
      pointer-events: none;
    }
.section-precision__inner {
      position: relative;
      max-width: 1440px;
      margin: 0 auto;
      padding: 96px 40px 40px;
      height: 100%;
      z-index: 2;
    }
.section-precision__image {
      position: absolute;
      top: 96px;
      left: 118px;
      width: 506px;
      height: 467px;
      object-fit: cover;
    }
.section-precision__badges {
      position: absolute;
      bottom: 125px;
      left: 118px;
      width: 506px;
      display: flex;
      justify-content: center;
      gap: 22px;
    }
.section-precision__title {
      position: absolute;
      top: 93px;
      right: 80px;
      font-size: 48px;
      font-weight: 350;
      line-height: 48px;
      width: 553px;
    }
.section-precision__text {
      position: absolute;
      top: 263px;
      right: 80px;
      font-size: 16px;
      line-height: 20px;
      width: 553px;
    }
.section-precision__text p {
      margin-bottom: 8px;
    }
/* ===== SECTION: HERITAGE ===== */
.section-heritage {
      position: relative;
      max-width: 1440px;
      margin: 80px auto 0;
      padding: 0 40px;
      height: 467px;
      overflow: hidden;
    }
.section-heritage__title {
      font-size: 48px;
      font-weight: 350;
      line-height: 48px;
      width: 593px;
      margin-bottom: 25px;
      margin-left: 118px;
      padding-top: 28px;
    }
.section-heritage__text {
      font-size: 16px;
      line-height: 20px;
      width: 608px;
      margin-left: 118px;
    }
.section-heritage__text p {
      margin-bottom: 16px;
    }
.section-heritage__image {
      position: absolute;
      top: 0;
      right: 80px;
      width: 499px;
      height: 467px;
      object-fit: cover;
    }
.section-heritage__badges {
      position: absolute;
      bottom: 30px;
      right: 80px;
      width: 499px;
      display: flex;
      justify-content: center;
      gap: 22px;
    }
/* ===== SECTION: WHY US ===== */
.section-whyus {
      padding: 0 140px;
      max-width: 1440px;
      margin: 80px auto 0;
      height: 1046px;
      overflow: hidden;
    }
.section-whyus__header {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      margin-bottom: 20px;
    }
.section-whyus__title {
      font-size: 48px;
      font-weight: 350;
      line-height: 55px;
    }
.section-whyus__btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 10px 30px;
      background: #fff;
      color: #020202;
      font-size: 18px;
      line-height: 20px;
      font-family: 'Avenir', sans-serif;
      border: none;
      cursor: pointer;
      transition: background 0.3s;
    }
.section-whyus__btn:hover { background: #e0e0e0; }
.section-whyus__desc {
      font-size: 16px;
      line-height: 20px;
      margin-bottom: 40px;
    }
/* Watches lineup */
.section-whyus__lineup {
      position: relative;
      width: 100%;
      height: 590px;
      overflow: hidden;
    }
.section-whyus__lineup img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
.section-whyus__lineup-btn {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 10px 30px;
      height: 51px;
      background: #fff;
      color: #020202;
      font-size: 18px;
      font-weight: 500;
      line-height: 20px;
      font-family: 'Avenir', sans-serif;
      border: none;
      border-radius: 43px;
      cursor: pointer;
      transition: background 0.3s, transform 0.2s;
    }
.section-whyus__lineup-btn:hover {
      background: #e0e0e0;
      transform: translate(-50%, calc(-50% - 2px));
    }
/* ===== SECTION: BOUTIQUES ===== */
.section-boutiques {
      padding: 40px 140px 20px;
      max-width: 1440px;
      margin: 80px auto 0;
    }
.section-boutiques__header {
      display: flex;
      align-items: center;
      gap: 30px;
      margin-bottom: 40px;
    }
.section-boutiques__title {
      font-size: 32px;
      font-weight: 350;
      line-height: 68px;
    }
.section-boutiques__tabs {
      display: flex;
      background: #0c151f;
      border-radius: 20px;
      padding: 10px;
      gap: 10px;
    }
.section-boutiques__tab {
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 17px 45px;
      height: 50px;
      border-radius: 16px;
      font-size: 16px;
      font-family: 'Manrope', 'Avenir', sans-serif;
      font-weight: 500;
      color: #fff;
      cursor: pointer;
      border: none;
      background: transparent;
      transition: background 0.3s, color 0.3s;
    }
.section-boutiques__tab--active {
      background: #fff;
      color: #030303;
      font-weight: 600;
    }
.section-boutiques__content {
      display: flex;
      gap: 40px;
    }
.section-boutiques__list {
      flex: 1;
      max-width: 616px;
    }
.section-boutiques__map {
      flex: 1;
      max-width: 595px;
      height: 481px;
      overflow: hidden;
      background: #f2f0eb;
      border-radius: 4px;
    }
.section-boutiques__map img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
.section-boutiques__map #map,
    .section-boutiques__map .leaflet-container {
      background: #f2f0eb !important;
    }
/* ===== FOOTER ===== */
/* ========================================
       Premium Animations
       ======================================== */
/* --- Preloader --- */
/* --- Gold shimmer text --- */
/* --- Reveal on scroll --- */
/* --- Stagger children --- */
/* --- Brand card gold hover shine --- */
/* --- Hero Ken Burns slow zoom --- */
/* --- Hero brand gold underline --- */
/* --- Stat glow on visible --- */
/* --- Gold section divider --- */
.section-divider {
      width: 100%;
      max-width: 1440px;
      margin: 0 auto;
      padding: 0 40px;
    }
.section-divider-line {
      height: 1px;
      background: linear-gradient(90deg, transparent, rgba(201, 169, 110, 0.3), transparent);
      transform: scaleX(0);
      transition: transform 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    }
.section-divider-line.visible {
      transform: scaleX(1);
    }
/* --- Floating gold particles --- */
/* --- Cursor gold glow (desktop only) --- */
/* --- Header gold line on scroll --- */
/* --- Dots active ring pulse --- */
/* --- Map gold left border --- */
/* --- Footer social hover lift + gold --- */
/* --- Magnetic button effect class --- */
/* ========================================
       Mobile Responsive
       ======================================== */
/* Mobile menu overlay */
/* ========================================
       RESPONSIVE STYLES - TABLETS & MOBILE
       ======================================== */
/* ===== TABLET: 1024px ===== */
@media (max-width: 1024px) {
      /* Section spacing */
      .section-legend {
        height: auto;
        padding: 60px 24px;
      }

      .section-legend__inner {
        padding: 40px 24px;
      }

      .section-legend__title {
        font-size: 36px;
        line-height: 40px;
        width: 100%;
        margin-left: 0;
        margin-bottom: 24px;
      }

      .section-legend__text {
        font-size: 15px;
        line-height: 22px;
        width: 100%;
        margin-left: 0;
      }

      .section-legend__image {
        position: static;
        width: 100%;
        height: 300px;
        margin-top: 30px;
      }

      .section-legend__badges {
        position: static;
        width: 100%;
        margin-top: 20px;
        justify-content: flex-start;
        flex-wrap: wrap;
      }

      /* Features section */
      .section-features {
        padding: 40px 24px;
        margin: 40px auto 0;
      }

      .section-features__title {
        font-size: 36px;
        line-height: 40px;
        margin-bottom: 16px;
      }

      .section-features__subtitle {
        font-size: 15px;
        margin: 0 auto 40px;
      }

      .features-grid {
        flex-wrap: wrap;
        gap: 12px;
      }

      .feature-card {
        width: calc(50% - 6px);
        min-height: 250px;
      }

      .feature-card__image {
        height: 140px;
      }

      .feature-card__name {
        font-size: 16px;
      }

      .feature-card__desc {
        font-size: 13px;
      }

      /* Gallery section */
      .section-gallery {
        padding: 40px 24px;
      }

      .section-gallery__title {
        font-size: 36px;
        line-height: 40px;
        margin-bottom: 30px;
      }

      .gallery-grid {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto auto;
        gap: 10px;
      }

      .gallery-grid__main {
        grid-row: 1;
        height: auto;
      }

      .gallery-grid img {
        height: 200px;
      }

      /* Precision section */
      .section-precision {
        height: auto;
        padding: 60px 24px;
      }

      .section-precision__inner {
        padding: 40px 24px;
      }

      .section-precision__image {
        position: static;
        width: 100%;
        height: 300px;
        margin-bottom: 30px;
      }

      .section-precision__badges {
        position: static;
        width: 100%;
        margin-bottom: 30px;
      }

      .section-precision__title {
        position: static;
        font-size: 36px;
        line-height: 40px;
        width: 100%;
        margin-bottom: 16px;
      }

      .section-precision__text {
        position: static;
        font-size: 15px;
        line-height: 22px;
        width: 100%;
      }

      /* Heritage section */
      .section-heritage {
        height: auto;
        padding: 60px 24px;
      }

      .section-heritage__title {
        font-size: 36px;
        line-height: 40px;
        width: 100%;
        margin-left: 0;
        margin-bottom: 16px;
        padding-top: 0;
      }

      .section-heritage__text {
        font-size: 15px;
        line-height: 22px;
        width: 100%;
        margin-left: 0;
      }

      .section-heritage__image {
        position: static;
        width: 100%;
        height: 300px;
        margin-top: 30px;
      }

      .section-heritage__badges {
        position: static;
        width: 100%;
        margin-top: 20px;
        right: auto;
        bottom: auto;
      }

      /* Why Us section */
      .section-whyus {
        padding: 0 24px;
        margin: 40px auto 0;
        height: auto;
      }

      .section-whyus__header {
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: 24px;
      }

      .section-whyus__title {
        font-size: 36px;
        line-height: 40px;
      }

      .section-whyus__desc {
        font-size: 15px;
        margin-bottom: 30px;
      }

      .whyus-grid {
        flex-wrap: wrap;
        gap: 12px;
      }

      .whyus-card {
        width: calc(50% - 6px);
        height: 220px;
      }

      .whyus-card__image {
        height: 120px;
      }

      .whyus-card__name {
        font-size: 16px;
      }

      .section-whyus__lineup {
        height: 400px;
        margin-top: 40px;
      }

      /* Boutiques section */
      .section-boutiques {
        padding: 40px 24px;
        margin: 40px auto 0;
      }

      .section-boutiques__header {
        flex-direction: column;
        gap: 20px;
      }

      .section-boutiques__title {
        font-size: 28px;
        line-height: 40px;
      }

      .section-boutiques__content {
        flex-direction: column;
        gap: 30px;
      }

      .section-boutiques__list {
        max-width: 100%;
      }

      .section-boutiques__map {
        max-width: 100%;
        height: 300px;
      }

      .boutique-item__row {
        gap: 40px;
      }

      /* Hero section at tablet */
      .hero {
        height: auto;
        min-height: calc(100vh - 72px);
      }

      .hero__content {
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        padding: 70px 24px 60px;
        height: auto;
      }

      .hero__brand {
        position: relative;
        top: auto;
        left: auto;
        transform: none;
        margin-bottom: 20px;
      }

      .hero__title {
        position: relative;
        top: auto;
        left: auto;
        transform: none;
        font-size: 40px;
        line-height: 44px;
        width: 90%;
        text-align: center;
        margin-bottom: 24px;
      }

      .hero__desc {
        position: relative;
        top: auto;
        left: auto;
        transform: none;
        font-size: 15px;
        line-height: 20px;
        width: 90%;
        text-align: center;
        margin-bottom: 32px;
      }

      .hero__btn {
        position: relative;
        top: auto;
        left: auto;
        transform: none;
      }

      .hero__bg {
        left: 50%;
        width: 100%;
      }

      .hero__gradient-left,
      .hero__gradient-edge {
        left: 0;
        width: 100%;
      }
    }
/* ===== MOBILE: 768px ===== */
@media (max-width: 768px) {
      body {
        font-size: 15px;
      }

      /* Section spacing */
      .section-legend {
        padding: 40px 16px;
      }

      .section-legend__inner {
        padding: 30px 16px;
      }

      .section-legend__title {
        font-size: 28px;
        line-height: 32px;
        margin-bottom: 16px;
      }

      .section-legend__text {
        font-size: 14px;
        line-height: 20px;
      }

      .section-legend__text p {
        margin-bottom: 12px;
      }

      .section-legend__image {
        height: 250px;
        margin-top: 20px;
      }

      .section-legend__badges {
        margin-top: 16px;
        gap: 10px;
      }

      .badge {
        width: 120px;
        height: 56px;
        padding: 10px;
      }

      .badge__value {
        font-size: 16px;
      }

      .badge__label {
        font-size: 12px;
      }

      /* Features section */
      .section-features {
        padding: 30px 16px;
        margin: 30px auto 0;
      }

      .section-features__title {
        font-size: 28px;
        line-height: 32px;
        margin-bottom: 12px;
      }

      .section-features__subtitle {
        font-size: 14px;
        margin: 0 auto 30px;
      }

      .features-grid {
        gap: 10px;
      }

      .feature-card {
        width: calc(50% - 5px);
        min-height: 240px;
      }

      .feature-card__image {
        height: 130px;
      }

      .feature-card__info {
        padding: 15px 16px;
      }

      .feature-card__name {
        font-size: 15px;
        margin-bottom: 6px;
      }

      .feature-card__desc {
        font-size: 12px;
        line-height: 18px;
      }

      /* Gallery section */
      .section-gallery {
        padding: 30px 16px;
      }

      .section-gallery__title {
        font-size: 28px;
        line-height: 32px;
        margin-bottom: 20px;
      }

      .gallery-grid {
        grid-template-columns: 1fr;
        gap: 8px;
      }

      .gallery-grid img {
        height: 200px;
      }

      /* Precision section */
      .section-precision {
        padding: 40px 16px;
      }

      .section-precision__inner {
        padding: 30px 16px;
      }

      .section-precision__image {
        height: 250px;
        margin-bottom: 20px;
      }

      .section-precision__badges {
        margin-bottom: 20px;
        gap: 10px;
      }

      .section-precision__title {
        font-size: 28px;
        line-height: 32px;
        margin-bottom: 12px;
      }

      .section-precision__text {
        font-size: 14px;
        line-height: 20px;
      }

      .section-precision__text p {
        margin-bottom: 6px;
      }

      /* Heritage section */
      .section-heritage {
        margin: 30px auto 0;
        padding: 40px 16px;
      }

      .section-heritage__title {
        font-size: 28px;
        line-height: 32px;
        margin-bottom: 12px;
      }

      .section-heritage__text {
        font-size: 14px;
        line-height: 20px;
      }

      .section-heritage__text p {
        margin-bottom: 12px;
      }

      .section-heritage__image {
        height: 250px;
        margin-top: 20px;
      }

      .section-heritage__badges {
        margin-top: 16px;
        gap: 10px;
      }

      /* Why Us section */
      .section-whyus {
        padding: 0 16px;
        margin: 30px auto 0;
      }

      .section-whyus__title {
        font-size: 28px;
        line-height: 32px;
      }

      .section-whyus__desc {
        font-size: 14px;
        margin-bottom: 20px;
      }

      .whyus-grid {
        gap: 10px;
        margin-bottom: 30px;
      }

      .whyus-card {
        width: calc(50% - 5px);
        height: 200px;
      }

      .whyus-card__image {
        height: 100px;
      }

      .whyus-card__info {
        padding: 12px 16px;
      }

      .whyus-card__name {
        font-size: 15px;
      }

      .section-whyus__lineup {
        height: 350px;
        margin-top: 30px;
      }

      .section-whyus__lineup-btn {
        padding: 10px 24px;
        font-size: 16px;
      }

      /* Boutiques section */
      .section-boutiques {
        padding: 30px 16px;
        margin: 30px auto 0;
      }

      .section-boutiques__title {
        font-size: 24px;
        line-height: 32px;
      }

      .section-boutiques__tabs {
        padding: 8px;
        gap: 8px;
      }

      .section-boutiques__tab {
        padding: 14px 20px;
        height: 46px;
        font-size: 13px;
      }

      .section-boutiques__content {
        gap: 20px;
      }

      .boutique-item {
        padding: 16px 0;
      }

      .boutique-item__row {
        flex-direction: column;
        gap: 0;
      }

      .boutique-item__col {
        margin-bottom: 8px;
      }

      .boutique-item__label {
        font-size: 12px;
        margin-bottom: 4px;
      }

      .boutique-item__value {
        font-size: 15px;
      }

      .section-boutiques__map {
        height: 250px;
      }

      /* Hero section at mobile */
      .hero {
        min-height: 500px;
      }

      .hero__bg {
        display: none;
      }

      .hero__gradient-left,
      .hero__gradient-edge {
        display: none;
      }

      .hero__content {
        padding: 50px 16px 50px;
      }

      .hero__brand {
        gap: 8px;
        margin-bottom: 16px;
      }

      .hero__brand-logo {
        width: 70px;
        height: 18px;
      }

      .hero__brand-mark {
        width: 14px;
        height: 18px;
      }

      .hero__title {
        font-size: 32px;
        line-height: 36px;
        width: 90%;
        margin-bottom: 20px;
      }

      .hero__desc {
        font-size: 14px;
        line-height: 18px;
        width: 90%;
        margin-bottom: 28px;
      }

      .hero__btn {
        padding: 10px 24px;
        font-size: 16px;
      }

      .scroll-indicator {
        margin-top: -40px;
      }

      .scroll-indicator__arrow {
        width: 20px;
        height: 20px;
      }

      .scroll-indicator__dots {
        width: 60px;
        height: 6px;
      }

      /* Footer adjustments */
      .footer-inner {
        padding: 0 16px;
      }

      .footer-legal {
        gap: 16px;
      }

      .footer-legal p {
        font-size: 10px;
      }

      .footer-privacy {
        font-size: 10px;
      }
    }
/* ===== SMALL MOBILE: 480px ===== */
@media (max-width: 480px) {
      body {
        font-size: 14px;
      }

      /* General spacing */
      .section-legend {
        padding: 30px 12px;
      }

      .section-legend__inner {
        padding: 24px 12px;
      }

      .section-legend__title {
        font-size: 24px;
        line-height: 28px;
        margin-bottom: 12px;
      }

      .section-legend__text {
        font-size: 13px;
        line-height: 18px;
      }

      .section-legend__image {
        height: 200px;
        margin-top: 16px;
      }

      .section-legend__badges {
        flex-direction: column;
        gap: 8px;
      }

      .badge {
        width: 100%;
        height: 50px;
      }

      .badge__value {
        font-size: 15px;
      }

      .badge__label {
        font-size: 11px;
      }

      /* Features section */
      .section-features {
        padding: 24px 12px;
        margin: 24px auto 0;
      }

      .section-features__title {
        font-size: 24px;
        line-height: 28px;
        margin-bottom: 10px;
      }

      .section-features__subtitle {
        font-size: 13px;
        margin: 0 auto 20px;
      }

      .features-grid {
        flex-direction: column;
        gap: 8px;
      }

      .feature-card {
        width: 100%;
        min-height: 200px;
      }

      .feature-card__image {
        height: 110px;
      }

      .feature-card__info {
        padding: 12px 14px;
      }

      .feature-card__name {
        font-size: 14px;
        margin-bottom: 4px;
      }

      .feature-card__desc {
        font-size: 11px;
        line-height: 16px;
      }

      /* Gallery section */
      .section-gallery {
        padding: 24px 12px;
      }

      .section-gallery__title {
        font-size: 24px;
        line-height: 28px;
        margin-bottom: 16px;
      }

      .gallery-grid {
        gap: 6px;
      }

      .gallery-grid img {
        height: 150px;
      }

      /* Precision section */
      .section-precision {
        padding: 30px 12px;
      }

      .section-precision__inner {
        padding: 24px 12px;
      }

      .section-precision__image {
        height: 200px;
        margin-bottom: 16px;
      }

      .section-precision__badges {
        flex-direction: column;
        gap: 8px;
        margin-bottom: 16px;
      }

      .section-precision__title {
        font-size: 24px;
        line-height: 28px;
        margin-bottom: 10px;
      }

      .section-precision__text {
        font-size: 13px;
        line-height: 18px;
      }

      .section-precision__text p {
        margin-bottom: 4px;
      }

      /* Heritage section */
      .section-heritage {
        margin: 24px auto 0;
        padding: 30px 12px;
      }

      .section-heritage__title {
        font-size: 24px;
        line-height: 28px;
        margin-bottom: 10px;
      }

      .section-heritage__text {
        font-size: 13px;
        line-height: 18px;
      }

      .section-heritage__text p {
        margin-bottom: 8px;
      }

      .section-heritage__image {
        height: 200px;
        margin-top: 16px;
      }

      .section-heritage__badges {
        flex-direction: column;
        gap: 8px;
        margin-top: 12px;
      }

      /* Why Us section */
      .section-whyus {
        padding: 0 12px;
        margin: 24px auto 0;
      }

      .section-whyus__title {
        font-size: 24px;
        line-height: 28px;
      }

      .section-whyus__desc {
        font-size: 13px;
        margin-bottom: 16px;
      }

      .whyus-grid {
        flex-direction: column;
        gap: 8px;
        margin-bottom: 20px;
      }

      .whyus-card {
        width: 100%;
        height: 180px;
      }

      .whyus-card__image {
        height: 90px;
      }

      .whyus-card__info {
        padding: 10px 14px;
      }

      .whyus-card__name {
        font-size: 14px;
      }

      .section-whyus__lineup {
        height: 280px;
        margin-top: 20px;
      }

      .section-whyus__lineup-btn {
        padding: 10px 20px;
        font-size: 15px;
      }

      /* Boutiques section */
      .section-boutiques {
        padding: 24px 12px;
        margin: 24px auto 0;
      }

      .section-boutiques__title {
        font-size: 22px;
        line-height: 28px;
      }

      .section-boutiques__tabs {
        padding: 6px;
        gap: 6px;
      }

      .section-boutiques__tab {
        padding: 12px 16px;
        height: 44px;
        font-size: 12px;
      }

      .section-boutiques__content {
        gap: 16px;
      }

      .boutique-item {
        padding: 12px 0;
      }

      .boutique-item__label {
        font-size: 11px;
      }

      .boutique-item__value {
        font-size: 14px;
      }

      .section-boutiques__map {
        height: 200px;
      }

      /* Hero section */
      .hero {
        min-height: 450px;
      }

      .hero__content {
        padding: 40px 12px 40px;
      }

      .hero__brand-logo {
        width: 60px;
        height: 15px;
      }

      .hero__brand-mark {
        width: 12px;
        height: 15px;
      }

      .hero__title {
        font-size: 26px;
        line-height: 30px;
        width: 95%;
        margin-bottom: 16px;
      }

      .hero__desc {
        font-size: 12px;
        line-height: 16px;
        width: 95%;
        margin-bottom: 24px;
      }

      .hero__btn {
        padding: 10px 20px;
        font-size: 15px;
      }

      .scroll-indicator {
        margin-top: -30px;
      }

      .scroll-indicator__arrow {
        width: 18px;
        height: 18px;
      }

      .scroll-indicator__dots {
        width: 50px;
        height: 5px;
      }

      /* Footer */
      .footer-inner {
        padding: 0 12px;
      }

      .footer-socials {
        gap: 8px;
      }

      .footer-social {
        width: 36px;
        height: 36px;
      }

      .footer-legal {
        gap: 12px;
      }

      .footer-legal p {
        font-size: 9px;
      }

      .footer-privacy {
        font-size: 9px;
      }
    }