/* ============================================
   PERGOLY.MOSCOW - RESPONSIVE STYLES
   Mobile-First Approach
   ============================================ */

/* ========== TABLET (768px - 1023px) ========== */
@media screen and (max-width: 1023px) {
    :root {
        --section-padding: 80px;
        --container-padding: 30px;
    }
    
    /* Typography */
    h1 {
        font-size: 80px;
    }
    
    h2 {
        font-size: 36px;
    }
    
    h3 {
        font-size: 28px;
    }
    
    p {
        font-size: 16px;
    }
    
    .section-title {
        margin-bottom: 60px;
    }
    
    /* Header */
    .nav-menu {
        gap: 25px;
    }
    
    .nav-link {
        font-size: 14px;
    }
    
    .header-phone {
        font-size: 14px;
    }
    
    .dropdown-menu {
        min-width: 500px;
    }
    
    /* Hero */
    .hero-title {
        font-size: 56px;
        color: var(--color-white);
    }
    
    .hero-subtitle-h2 {
        font-size: 28px;
        color: var(--color-white);
    }
    
    .hero-subtitle {
        font-size: 20px;
        color: var(--color-white);
    }
    
    .hero-features {
        font-size: 14px;
        color: var(--color-white);
    }
    
    /* Solutions Grid */
    .solutions-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 30px;
    }
    
    .solution-card:nth-child(3) {
        grid-column: 1 / -1;
        max-width: 500px;
        margin: 0 auto;
    }
    
    /* Zones Grid */
    .zones-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 25px;
    }
    
    .zones-subtitle {
        font-size: 18px;
        margin-top: -40px;
        margin-bottom: 40px;
    }
    
    /* Why Us Grid */
    .why-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 40px;
    }
    
    /* CTA */
    .cta-title {
        font-size: 36px;
    }
    
    .cta-subtitle {
        font-size: 18px;
    }
    
    .cta-phone {
        font-size: 24px;
    }
    
    /* Contacts Page - Tablet */
    .quick-contact-bar {
        gap: 16px;
    }
    
    .quick-contact-btn {
        padding: 16px 28px;
    }
    
    .contact-grid {
        grid-template-columns: 1fr;
        gap: 60px;
    }
    
    .contact-form-block {
        padding: 50px 40px;
        order: 1;
    }
    
    .contact-info-block {
        order: 2;
    }
    
    .map-block {
        grid-template-columns: 1fr;
        gap: 40px;
    }
    
    /* About Page - Tablet */
    .manifesto-intro {
        padding: 100px 0;
    }
    
    .manifesto-text-block p {
        font-size: 24px;
    }
    
    .manifesto-highlight {
        font-size: 24px;
    }
    
    .philosophy-section {
        padding: 100px 0;
    }
    
    .philosophy-text {
        font-size: 24px;
    }
    
    .moments-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 30px;
    }
    
    .comfort-section {
        padding: 100px 0;
    }
    
    .control-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 30px;
    }
    
    .split-content {
        padding: 80px 50px;
    }
    
    .split-title {
        font-size: 40px;
    }
    
    .approach-section {
        padding: 100px 0;
    }
    
    .approach-intro {
        font-size: 22px;
    }
    
    .approach-content {
        gap: 60px;
    }
    
    .approach-subtitle {
        font-size: 32px;
    }
    
    .result-premium {
        padding: 100px 0;
    }
    
    .result-mega-title {
        font-size: 48px;
    }
    
    .final-cta-title {
        font-size: 36px;
    }
    
    .final-statement {
        padding: 100px 0;
    }
    
    .final-title {
        font-size: 40px;
    }
    
    .cta-about {
        padding: 100px 0;
    }
    
    /* Footer */
    .footer-grid {
        gap: 40px;
    }
}

/* ========== MOBILE (320px - 767px) ========== */
@media screen and (max-width: 767px) {
    :root {
        --section-padding: 60px;
        --container-padding: 20px;
    }
    
    /* Typography */
    h1 {
        font-size: 42px;
    }
    
    h2 {
        font-size: 32px;
    }
    
    h3 {
        font-size: 24px;
    }
    
    h4 {
        font-size: 20px;
    }
    
    p {
        font-size: 16px;
    }
    
    .section {
        padding: 60px 0;
    }
    
    .section-title {
        font-size: 32px;
        margin-bottom: 40px;
    }
    
    /* Header */
    .header {
        padding: 15px 0;
    }
    
    .logo {
        font-size: 18px;
    }
    
    .logo-img {
        height: 45px;
    }
    
    /* Mobile Menu - СОВРЕМЕННОЕ МЕНЮ */
    .nav-menu {
        display: none;
    }
    
    .nav-menu.active {
        display: flex !important;
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        width: 100vw !important;
        height: 100vh !important;
        background: #FFFFFF !important;
        flex-direction: column !important;
        justify-content: flex-start !important;
        align-items: center !important;
        gap: 0 !important;
        z-index: 1001 !important;
        padding: 100px 30px 30px 30px !important;
        margin: 0 !important;
        list-style: none !important;
        overflow-y: auto !important;
    }
    
    /* Убираем все возможные прозрачные фоны */
    .nav-menu.active::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #FFFFFF;
        z-index: -1;
    }
    
    .nav-menu.active .nav-item {
        width: 100% !important;
        max-width: 500px !important;
        text-align: left !important;
        list-style: none !important;
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
        border-bottom: 1px solid #F0F0F0;
    }
    
    .nav-menu.active .nav-item:last-child {
        border-bottom: none;
    }
    
    /* Основные пункты меню */
    .nav-menu.active .nav-link,
    .header.transparent .nav-menu.active .nav-link,
    .header.scrolled .nav-menu.active .nav-link,
    .nav-menu.active .nav-item .nav-link,
    .nav-menu.active .dropdown .nav-link {
        font-size: 20px !important;
        font-weight: 600 !important;
        color: #1A1A1A !important;
        display: block !important;
        padding: 20px 15px !important;
        background: transparent !important;
        text-decoration: none !important;
        transition: all 0.3s ease !important;
    }
    
    .nav-menu.active .nav-link:hover {
        color: #2D5F4C !important;
    }
    
    /* Dropdown меню на мобильных */
    .nav-menu.active .dropdown-menu {
        display: block !important;
        position: static !important;
        transform: none !important;
        background: #F5F1E8 !important;
        box-shadow: none !important;
        padding: 10px 0 !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: all !important;
        margin: 0 !important;
        min-width: 100% !important;
        border-radius: 0 !important;
    }
    
    .nav-menu.active .dropdown-grid {
        display: flex !important;
        flex-direction: column !important;
        gap: 0 !important;
    }
    
    .nav-menu.active .dropdown-card {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        gap: 15px !important;
        padding: 12px 15px !important;
        text-align: left !important;
        border-bottom: 1px solid rgba(255,255,255,0.3);
    }
    
    .nav-menu.active .dropdown-card:last-child {
        border-bottom: none;
    }
    
    .nav-menu.active .dropdown-card img {
        width: 60px !important;
        height: 45px !important;
        object-fit: cover !important;
        border-radius: 6px !important;
    }
    
    .nav-menu.active .dropdown-card h4 {
        font-size: 16px !important;
        font-weight: 600 !important;
        color: #1A1A1A !important;
        margin: 0 0 4px 0 !important;
    }
    
    .nav-menu.active .dropdown-card .price {
        font-size: 13px !important;
        color: #2D5F4C !important;
        font-weight: 600 !important;
        margin: 0 !important;
    }
    
    .nav-menu.active .dropdown-card:hover {
        background: rgba(255,255,255,0.5) !important;
    }
    
    .nav-menu.active .dropdown .arrow {
        display: inline !important;
        font-size: 12px !important;
        margin-left: 8px !important;
        color: #8B8B8B !important;
    }
    
    /* Телефон в мобильном меню */
    .nav-menu.active::after {
        content: '+7 (495) 123-45-67';
        display: block;
        width: 100%;
        max-width: 500px;
        text-align: center;
        font-size: 22px;
        font-weight: 700;
        color: #2D5F4C;
        padding: 30px 15px 20px;
        margin-top: auto;
        border-top: 2px solid #F0F0F0;
        text-decoration: none;
    }
    
    .header-phone {
        display: none;
    }
    
    /* Burger Button */
    .burger {
        display: flex !important;
        flex-direction: column;
        gap: 6px;
        background: none;
        border: none;
        cursor: pointer;
        padding: 10px;
        z-index: 1002;
        position: fixed;
        top: 20px;
        right: 20px;
    }
    
    .burger span {
        display: block;
        width: 28px;
        height: 3px;
        background: var(--color-text-primary);
        transition: all 0.3s ease;
        border-radius: 2px;
    }
    
    /* Burger on Transparent Header (Hero section) */
    .header.transparent .burger:not(.active) span {
        background: var(--color-white) !important;
    }
    
    /* Burger on Scrolled Header (Dark background) */
    .header.scrolled .burger:not(.active) span {
        background: var(--color-white) !important;
    }
    
    /* Burger Active State (X icon on white menu) - ТЁМНЫЙ КРЕСТИК */
    .burger.active span,
    .header.transparent .burger.active span,
    .header.scrolled .burger.active span {
        background: #1A1A1A !important;
    }
    
    .burger.active span:nth-child(1) {
        transform: rotate(45deg) translate(8px, 8px);
    }
    
    .burger.active span:nth-child(2) {
        opacity: 0;
    }
    
    .burger.active span:nth-child(3) {
        transform: rotate(-45deg) translate(8px, -8px);
    }
    
    /* Hide dropdown menu on mobile */
    .dropdown-menu {
        display: none !important;
    }
    
    .dropdown .arrow {
        display: none;
    }
    
    .dropdown-menu {
        display: none;
    }
    
    /* Hero */
    .hero {
        height: 100vh;
        min-height: 600px;
    }
    
    .hero-title {
        font-size: 36px;
        line-height: 1.2;
        margin-bottom: 15px;
        color: var(--color-white);
    }
    
    .hero-subtitle-h2 {
        font-size: 22px;
        margin-bottom: 18px;
        color: var(--color-white);
    }
    
    .hero-subtitle {
        font-size: 18px;
        margin-bottom: 20px;
        color: var(--color-white);
    }
    
    .hero-features {
        font-size: 13px;
        margin-bottom: 30px;
        color: var(--color-white);
    }
    
    .hero-buttons {
        flex-direction: column;
        width: 100%;
        max-width: 320px;
        margin: 0 auto;
    }
    
    .hero-buttons .btn {
        width: 100%;
        padding: 16px 30px;
        font-size: 15px;
    }
    
    .scroll-down {
        bottom: 80px;
        font-size: 28px;
    }
    
    /* Solutions Grid */
    .solutions-grid {
        grid-template-columns: 1fr;
        gap: 30px;
    }
    
    .solution-card:nth-child(3) {
        grid-column: auto;
        max-width: 100%;
    }
    
    .card-content {
        padding: 25px;
    }
    
    .card-content h3 {
        font-size: 24px;
    }
    
    .card-description {
        font-size: 15px;
    }
    
    .card-price {
        font-size: 18px;
    }
    
    /* Objects Grid */
    .objects-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    
    .object-card {
        aspect-ratio: 3/4;
        min-height: 400px;
    }
    
    .object-content {
        padding: 30px 25px;
    }
    
    .object-content h3 {
        font-size: 26px;
        margin-bottom: 10px;
    }
    
    .object-content p {
        font-size: 16px;
        margin-bottom: 15px;
    }
    
    /* Zones Grid */
    .zones-grid {
        grid-template-columns: 1fr;
        gap: 25px;
    }
    
    .zone-card {
        padding: 30px 25px;
    }
    
    .zone-title {
        font-size: 20px;
    }
    
    .zone-text {
        font-size: 15px;
    }
    
    /* WOW Section */
    .wow-section {
        padding: 80px 0;
    }
    
    .wow-number {
        font-size: 120px;
    }
    
    .wow-title {
        font-size: 36px;
    }
    
    .wow-subtitle {
        font-size: 16px;
    }
    
    /* Why Us Grid */
    .why-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 40px 25px;
    }
    
    .why-icon svg {
        width: 60px;
        height: 60px;
    }
    
    .why-number {
        font-size: 28px;
        margin-bottom: 10px;
    }
    
    .why-description {
        font-size: 14px;
    }
    
    /* CTA Section */
    .cta {
        padding: 80px 0;
    }
    
    .cta-title {
        font-size: 32px;
        margin-bottom: 20px;
        line-height: 1.2;
    }
    
    .cta-subtitle {
        font-size: 16px;
        margin-bottom: 30px;
    }
    
    .cta-buttons-grid {
        grid-template-columns: 1fr;
        gap: 20px;
        margin-bottom: 30px;
    }
    
    .btn-cta-card {
        padding: 30px 20px;
    }
    
    .cta-card-title {
        font-size: 18px;
    }
    
    .cta-card-text {
        font-size: 14px;
    }
    
    .btn-cta {
        width: 100%;
        max-width: 100%;
        padding: 18px 30px;
        font-size: 16px;
    }
    
    .cta-phone {
        font-size: 24px;
    }
    
    /* Advantage Block */
    .advantage-block {
        padding: 60px 0;
    }
    
    .advantage-grid {
        grid-template-columns: 1fr;
        gap: 40px;
    }
    
    .advantage-title {
        font-size: 28px;
        text-align: center;
    }
    
    .advantage-right {
        gap: 30px;
    }
    
    .advantage-item {
        gap: 15px;
    }
    
    .advantage-icon {
        width: 36px;
        height: 36px;
        font-size: 20px;
    }
    
    .advantage-subtitle {
        font-size: 18px;
    }
    
    .advantage-content p {
        font-size: 15px;
    }
    
    /* SEO Blocks */
    .seo-block {
        padding: 60px 0;
    }
    
    .seo-block-twocol {
        padding: 60px 0;
    }
    
    .seo-twocol-grid {
        grid-template-columns: 1fr;
        gap: 40px;
    }
    
    .section-title-left {
        font-size: 24px;
        text-align: center;
    }
    
    .seo-block-compact {
        padding: 50px 0;
    }
    
    .seo-block-twocol {
        padding: 60px 0;
    }
    
    .seo-twocol-grid {
        grid-template-columns: 1fr;
        gap: 40px;
    }
    
    .section-title-left {
        font-size: 28px;
        text-align: center;
    }
    
    .seo-title {
        font-size: 28px;
        margin-bottom: 30px;
    }
    
    .seo-title-h3 {
        font-size: 22px;
        margin-bottom: 20px;
    }
    
    .seo-text {
        font-size: 16px;
    }
    
    .why-text-block {
        margin-top: 50px;
    }
    
    .why-text-block p {
        font-size: 16px;
    }
    
    /* Contacts Page */
    .hero-contacts {
        min-height: 50vh;
    }
    
    .quick-contact-bar {
        flex-direction: column;
        gap: 12px;
        margin-top: 30px;
        max-width: 320px;
        margin-left: auto;
        margin-right: auto;
    }
    
    .quick-contact-btn {
        width: 100%;
        justify-content: center;
        padding: 16px 24px;
        font-size: 15px;
    }
    
    .contact-grid {
        grid-template-columns: 1fr;
        gap: 40px;
    }
    
    .contact-form-block {
        order: 1;
    }
    
    .contact-info-block {
        order: 2;
    }
    
    .contact-info-block .contact-info-title {
        font-size: 24px;
        margin-bottom: 30px;
    }
    
    .contact-items {
        gap: 24px;
    }
    
    .contact-item {
        gap: 16px;
    }
    
    .contact-icon {
        width: 48px;
        height: 48px;
    }
    
    .contact-icon svg {
        width: 24px;
        height: 24px;
    }
    
    .contact-content h3 {
        font-size: 16px;
    }
    
    .contact-content p,
    .contact-link {
        font-size: 15px;
    }
    
    .contact-note {
        font-size: 13px;
    }
    
    .contact-form-block {
        padding: 40px 20px;
    }
    
    .form-title {
        font-size: 26px;
    }
    
    .form-subtitle {
        font-size: 15px;
        margin-bottom: 24px;
    }
    
    .form-input {
        padding: 16px 18px;
        font-size: 16px;
    }
    
    .checkbox-text {
        font-size: 14px;
    }
    
    .btn-form {
        padding: 18px 30px;
        font-size: 16px;
    }
    
    .form-alternative {
        margin-top: 16px;
        padding-top: 16px;
    }
    
    .map-block {
        grid-template-columns: 1fr;
        gap: 30px;
    }
    
    .map-info h3 {
        font-size: 24px;
    }
    
    .map-container {
        height: 350px;
    }
    
    .cta-contacts {
        padding: 50px 0;
    }
    
    .cta-contacts .cta-title {
        font-size: 24px;
        margin-bottom: 20px;
    }
    
    .cta-phone-large {
        font-size: 32px;
        margin-bottom: 16px;
    }
    
    .cta-contacts .cta-subtitle {
        font-size: 15px;
    }
    
    /* About Page - Mobile */
    .manifesto-intro {
        padding: 80px 0;
    }
    
    .manifesto-text-block p {
        font-size: 20px;
        margin-bottom: 30px;
    }
    
    .manifesto-highlight {
        font-size: 20px;
    }
    
    .philosophy-section {
        padding: 80px 0;
    }
    
    .philosophy-text {
        font-size: 20px;
        margin-bottom: 60px;
    }
    
    .moments-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    
    .moment-card {
        padding: 40px 20px;
    }
    
    .moment-number {
        font-size: 60px;
    }
    
    .comfort-section {
        padding: 80px 0;
    }
    
    .section-subtitle {
        font-size: 17px;
        margin: -20px auto 50px;
    }
    
    .control-grid {
        grid-template-columns: 1fr;
        gap: 20px;
        margin-bottom: 50px;
    }
    
    .control-card {
        padding: 40px 20px;
    }
    
    .control-icon {
        width: 60px;
        height: 60px;
        margin-bottom: 20px;
    }
    
    .control-title {
        font-size: 20px;
    }
    
    .control-note {
        font-size: 17px;
    }
    
    .split-section {
        grid-template-columns: 1fr;
        min-height: auto;
    }
    
    .split-image {
        height: 400px;
    }
    
    .split-content {
        padding: 60px 20px;
    }
    
    .split-title {
        font-size: 32px;
        margin-bottom: 20px;
    }
    
    .split-text {
        font-size: 17px;
        margin-bottom: 40px;
    }
    
    .split-stats {
        flex-direction: column;
        gap: 30px;
    }
    
    .stat-number {
        font-size: 56px;
    }
    
    .approach-section {
        padding: 80px 0;
    }
    
    .approach-intro {
        font-size: 18px;
        margin-bottom: 60px;
    }
    
    .approach-content {
        grid-template-columns: 1fr;
        gap: 50px;
    }
    
    .approach-left {
        padding-right: 0;
        border-right: none;
        border-bottom: 2px solid var(--color-accent-sand);
        padding-bottom: 30px;
    }
    
    .approach-subtitle {
        font-size: 28px;
    }
    
    .approach-right {
        padding-left: 0;
    }
    
    .approach-list li {
        font-size: 17px;
        padding-left: 30px;
    }
    
    .result-premium {
        padding: 80px 0;
    }
    
    .result-layout {
        grid-template-columns: 1fr;
        gap: 50px;
        margin-bottom: 60px;
    }
    
    .result-mega-title {
        font-size: 36px;
    }
    
    .benefit-line {
        gap: 16px;
    }
    
    .benefit-line p {
        font-size: 18px;
    }
    
    .result-conclusion {
        padding: 50px 20px;
    }
    
    .conclusion-statement {
        font-size: 32px;
    }
    
    .final-cta {
        padding: 80px 0;
    }
    
    .final-cta-title {
        font-size: 28px;
        margin-bottom: 40px;
    }
    
    .btn-xl {
        padding: 20px 40px;
        font-size: 16px;
        width: 100%;
    }
    
    /* Footer */
    .footer {
        padding: 60px 0 100px;
    }
    
    .footer-grid {
        grid-template-columns: 1fr;
        gap: 40px;
    }
    
    .footer-column:nth-child(3) {
        order: -1;
    }
    
    .footer-title {
        font-size: 14px;
        margin-bottom: 15px;
    }
    
    .footer-links {
        gap: 10px;
    }
    
    .footer-links a,
    .footer-address {
        font-size: 13px;
    }
    
    .footer-bottom {
        padding-top: 25px;
    }
    
    .footer-copyright {
        font-size: 12px;
        line-height: 1.6;
    }
    
    /* Mobile Bottom Bar */
    .mobile-bottom-bar {
        display: flex;
        padding-bottom: env(safe-area-inset-bottom);
    }
    
    /* Modal on Mobile */
    .modal-content {
        padding: 40px 25px 30px;
        width: 95%;
        border-radius: 12px;
    }
    
    .modal-title {
        font-size: 26px;
    }
    
    .modal-subtitle {
        font-size: 14px;
        margin-bottom: 25px;
    }
    
    .modal-close {
        top: 15px;
        right: 15px;
        width: 36px;
        height: 36px;
    }
    
    .btn-submit {
        padding: 14px 24px;
        font-size: 15px;
    }
}

/* ========== MOBILE SMALL (320px - 480px) ========== */
@media screen and (max-width: 480px) {
    .hero-title {
        font-size: 38px;
    }
    
    .section-title {
        font-size: 28px;
    }
    
    .why-grid {
        grid-template-columns: 1fr;
        gap: 35px;
    }
    
    .why-icon svg {
        width: 70px;
        height: 70px;
    }
    
    .why-number {
        font-size: 32px;
    }
    
    .object-content h3 {
        font-size: 22px;
    }
    
    .cta-title {
        font-size: 28px;
    }
}

/* ========== LARGE DESKTOP (1440px+) ========== */
@media screen and (min-width: 1440px) {
    .container {
        max-width: 1600px;
    }
    
    .hero-title {
        font-size: 70px;
    }
    
    .section-title {
        font-size: 56px;
    }
}

/* ========== SCROLL SNAP (Mobile) ========== */
@media screen and (max-width: 767px) {
    /* Scroll snap для секций на мобильных */
    html {
        scroll-snap-type: y proximity;
    }
    
    .hero,
    .section {
        scroll-snap-align: start;
    }
}

/* ========== PRINT STYLES ========== */
@media print {
    .header,
    .mobile-bottom-bar,
    .scroll-down,
    .btn {
        display: none !important;
    }
    
    .hero {
        height: auto;
        page-break-after: always;
    }
    
    .section {
        page-break-inside: avoid;
    }
}

/* ========== ACCESSIBILITY ========== */
@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
    
    .parallax-bg {
        transform: none !important;
    }
}

/* ========== HIGH CONTRAST MODE ========== */
@media (prefers-contrast: high) {
    :root {
        --color-text-primary: #000000;
        --color-text-secondary: #444444;
        --color-bg-primary: #FFFFFF;
        --color-accent-green: #1A5F3C;
    }
    
    .btn-outline,
    .btn-primary {
        border-width: 3px;
    }
}

/* ========== PROJECTS PAGE RESPONSIVE ========== */

/* Tablet (768-1023px) */
@media screen and (max-width: 1023px) {
    .projects-filters {
        padding: 50px 30px;
    }
    
    .filter-btn {
        font-size: 15px;
        padding: 12px 28px;
    }
    
    .projects-grid-section {
        padding: 80px 0;
    }
    
    .projects-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 60px 40px;
    }
    
    .project-info h3 {
        font-size: 22px;
    }
    
    .cta-final {
        padding: 100px 30px;
    }
    
    .cta-final h2 {
        font-size: 48px;
    }
    
    .cta-final p {
        font-size: 18px;
    }
}

/* Mobile (до 767px) */
@media screen and (max-width: 767px) {
    .projects-filters {
        padding: 40px 20px;
    }
    
    .filter-buttons {
        gap: 12px;
    }
    
    .filter-btn {
        font-size: 14px;
        padding: 10px 20px;
    }
    
    .projects-grid-section {
        padding: 60px 0 80px;
    }
    
    .projects-grid {
        grid-template-columns: 1fr;
        gap: 60px;
    }
    
    .project-info h3 {
        font-size: 20px;
    }
    
    .project-location {
        font-size: 14px;
    }
    
    .video-badge {
        width: 36px;
        height: 36px;
        top: 16px;
        right: 16px;
    }
    
    .video-badge svg {
        width: 16px;
        height: 16px;
    }
    
    .lightbox {
        padding: 30px 20px;
    }
    
    .lightbox-close {
        top: 20px;
        right: 20px;
        width: 44px;
        height: 44px;
    }
    
    .lightbox-close svg {
        width: 24px;
        height: 24px;
    }
    
    .cta-final {
        padding: 80px 20px;
    }
    
    .cta-final h2 {
        font-size: 36px;
        margin-bottom: 20px;
    }
    
    .cta-final p {
        font-size: 16px;
        margin-bottom: 40px;
    }
    
    .btn-primary-large {
        font-size: 16px;
        padding: 18px 40px;
        width: 100%;
        text-align: center;
    }
}

/* ========== BIOCLIMATIC PAGE RESPONSIVE ========== */

/* Tablet (768-1023px) */
@media screen and (max-width: 1023px) {
    /* Bio Sections Padding */
    .bio-intro,
    .bio-features,
    .bio-configurations,
    .bio-opening-types,
    .bio-technical {
        padding: 80px 0;
    }
    
    .intro-content {
        grid-template-columns: 1fr;
        gap: 50px;
    }
    
    .intro-text h2 {
        font-size: 36px;
    }
    
    .features-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 30px;
    }
    
    .config-card {
        grid-template-columns: 1fr;
        gap: 40px;
    }
    
    .config-card-reverse {
        direction: ltr;
    }
    
    .opening-table {
        overflow-x: auto;
    }
    
    .system-modes {
        grid-template-columns: 1fr;
        gap: 30px;
    }
    
    .b3-feature-block {
        grid-template-columns: 1fr;
        gap: 40px;
    }
    
    .b3-feature-reverse {
        direction: ltr;
    }
    
    .technical-grid {
        grid-template-columns: 1fr;
        gap: 50px;
    }
}

/* Mobile (до 767px) */
@media screen and (max-width: 767px) {
    .bio-intro,
    .bio-features,
    .bio-configurations,
    .bio-opening-types,
    .bio-technical {
        padding: 80px 0;
    }
    
    .intro-text h2 {
        font-size: 32px;
        margin-bottom: 20px;
    }
    
    .intro-text p {
        font-size: 16px;
    }
    
    .section-title {
        font-size: 32px;
        margin-bottom: 30px;
    }
    
    .section-subtitle {
        font-size: 16px;
        margin-bottom: 50px;
    }
    
    .features-grid {
        grid-template-columns: 1fr;
        gap: 30px;
    }
    
    .feature-card {
        padding: 30px 20px;
    }
    
    .feature-card h3 {
        font-size: 20px;
    }
    
    .config-content h3 {
        font-size: 26px;
        margin-bottom: 20px;
    }
    
    .config-content p {
        font-size: 15px;
    }
    
    .opening-header,
    .opening-row {
        grid-template-columns: 1fr;
    }
    
    .opening-col,
    .opening-label,
    .opening-value {
        border-right: none;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }
    
    .system-card {
        padding: 30px 20px;
    }
    
    .system-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }
    
    .system-header h3 {
        font-size: 22px;
    }
    
    .b3-intro p {
        font-size: 16px;
    }
    
    .b3-photos {
        grid-template-columns: 1fr;
    }
    
    .b3-photos img {
        min-height: 200px;
    }
    
    .b3-text h4 {
        font-size: 20px;
    }
    
    .b3-text p {
        font-size: 15px;
    }
    
    .tech-image img {
        height: 200px;
    }
    
    .tech-item h3 {
        font-size: 20px;
    }
    
    .tech-item p {
        font-size: 15px;
    }
}

/* ========== TENT PAGE RESPONSIVE ========== */

/* Tablet (768-1023px) */
@media screen and (max-width: 1023px) {
    /* Tent Sections Padding */
    .tent-intro,
    .tent-advantages,
    .tent-types,
    .installation-types,
    .tent-models,
    .model-a5,
    .model-angel,
    .tent-automation {
        padding: 80px 0;
    }
    
    /* Advantages Grid */
    .advantages-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 30px;
    }
    
    /* Types & Models Grid */
    .type-card,
    .model-card {
        grid-template-columns: 1fr;
        gap: 40px;
    }
    
    .type-card-reverse,
    .model-card-reverse {
        direction: ltr;
    }
    
    /* Installation Grid */
    .installation-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 40px;
    }
    
    .installation-image img {
        height: 250px;
    }
    
    /* A5 Content */
    .a5-content {
        grid-template-columns: 1fr;
        gap: 40px;
    }
    
    /* Angel Description */
    .angel-description {
        grid-template-columns: 1fr;
        gap: 40px;
    }
    
    /* Mounting Grid */
    .mounting-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 40px;
    }
    
    /* Automation */
    .automation-hero img {
        height: 400px;
    }
    
    .automation-features {
        grid-template-columns: 1fr;
        gap: 50px;
    }
}

/* Mobile (до 767px) */
@media screen and (max-width: 767px) {
    /* Tent Sections Padding */
    .tent-intro,
    .tent-advantages,
    .tent-types,
    .installation-types,
    .tent-models,
    .model-a5,
    .model-angel,
    .tent-automation {
        padding: 80px 0;
    }
    
    /* Intro */
    .tent-intro .intro-content {
        grid-template-columns: 1fr;
        gap: 40px;
    }
    
    .tent-intro .intro-text h2 {
        font-size: 32px;
    }
    
    .tent-intro .intro-text p {
        font-size: 15px;
    }
    
    /* Advantages Grid */
    .advantages-grid {
        grid-template-columns: 1fr;
        gap: 30px;
    }
    
    .advantage-card {
        padding: 30px 20px;
    }
    
    .advantage-number {
        font-size: 36px;
        top: 15px;
        right: 15px;
    }
    
    .advantage-card h3 {
        font-size: 20px;
        margin-bottom: 12px;
    }
    
    .advantage-card p {
        font-size: 15px;
    }
    
    /* Types & Models */
    .type-card,
    .model-card {
        grid-template-columns: 1fr;
        gap: 30px;
    }
    
    .type-content h3,
    .model-specs h3 {
        font-size: 24px;
    }
    
    .type-content p,
    .model-description {
        font-size: 15px;
    }
    
    .specs-list li {
        font-size: 15px;
    }
    
    /* Installation */
    .installation-grid {
        grid-template-columns: 1fr;
        gap: 40px;
    }
    
    .installation-image img {
        height: 200px;
    }
    
    .installation-card h3 {
        font-size: 20px;
    }
    
    .installation-card p {
        font-size: 15px;
    }
    
    /* A5 Content */
    .a5-content {
        grid-template-columns: 1fr;
        gap: 40px;
    }
    
    .a5-specs h3 {
        font-size: 28px;
    }
    
    .spec-item {
        grid-template-columns: 1fr;
        gap: 8px;
    }
    
    .spec-label,
    .spec-value {
        font-size: 14px;
    }
    
    /* Angel Section */
    .angel-hero img {
        height: 250px;
        margin-bottom: 40px;
    }
    
    .angel-description {
        grid-template-columns: 1fr;
        gap: 30px;
    }
    
    .angel-description p {
        font-size: 15px;
    }
    
    /* Models Grid Spacing */
    .models-grid,
    .types-grid {
        gap: 60px;
    }
    
    /* Mounting Grid */
    .mounting-grid {
        grid-template-columns: 1fr;
        gap: 40px;
    }
    
    .mounting-card img {
        height: 200px;
    }
    
    .mounting-card h4 {
        font-size: 20px;
    }
    
    .mounting-card p {
        font-size: 15px;
    }
    
    /* Automation Section */
    .automation-hero img {
        height: 300px;
        margin-bottom: 40px;
    }
    
    .automation-features {
        grid-template-columns: 1fr;
        gap: 40px;
    }
    
    .automation-icon {
        width: 60px;
        height: 60px;
        margin-bottom: 20px;
    }
    
    .automation-icon svg {
        width: 40px;
        height: 40px;
    }
    
    .automation-feature h3 {
        font-size: 20px;
    }
    
    .automation-feature p {
        font-size: 15px;
    }
}

/* ========== CARPORT PAGE RESPONSIVE ========== */

/* Carport Sections Padding */
.carport-intro,
.carport-benefits,
.carport-configs,
.carport-systems,
.carport-options,
.carport-cta {
    padding: 60px 0;
}

/* Tablet */
@media (max-width: 1023px) {
    /* Carport Benefits */
    .benefits-grid {
        grid-template-columns: 1fr;
        gap: 30px;
    }
    
    /* Carport Configs */
    .configs-grid {
        grid-template-columns: 1fr;
        gap: 30px;
    }
    
    /* Carport Systems */
    .systems-comparison {
        grid-template-columns: 1fr;
        gap: 30px;
    }
    
    /* Carport Options */
    .options-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 30px;
    }
    
    /* Carport CTA */
    .carport-cta h2 {
        font-size: 32px;
    }
}

/* Mobile */
@media (max-width: 767px) {
    /* Carport Sections Padding */
    .carport-intro,
    .carport-benefits,
    .carport-configs,
    .carport-systems,
    .carport-options,
    .carport-cta {
        padding: 40px 0;
    }
    
    /* Carport Intro */
    .carport-intro .intro-lead {
        font-size: 16px;
    }
    
    .carport-intro .intro-list li {
        font-size: 14px;
    }
    
    /* Carport Benefits */
    .benefit-card h3 {
        font-size: 18px;
    }
    
    .benefit-card p {
        font-size: 14px;
    }
    
    /* Carport Options */
    .options-grid {
        grid-template-columns: 1fr;
        gap: 30px;
    }
    
    /* Carport CTA */
    .carport-cta h2 {
        font-size: 26px;
    }
    
    .carport-cta p {
        font-size: 15px;
    }
}

/* ========== FOR POOL PAGE RESPONSIVE ========== */

/* Tablet (768-1023px) */
@media screen and (max-width: 1023px) {
    /* For Pool Sections */
    .for-pool-intro,
    .pool-benefits,
    .pool-solutions,
    .pool-configurations,
    .pool-sizes {
        padding: 80px 0;
    }
}

/* Mobile (до 767px) */
@media screen and (max-width: 767px) {
    /* For Pool Sections */
    .for-pool-intro,
    .pool-benefits,
    .pool-solutions,
    .pool-configurations,
    .pool-sizes {
        padding: 80px 0;
    }
}

/* ========== FOR PATIO PAGE RESPONSIVE ========== */

/* Tablet (768-1023px) */
@media screen and (max-width: 1023px) {
    /* For Patio Sections */
    .for-patio-intro,
    .patio-benefits,
    .patio-configurations,
    .patio-use-cases,
    .patio-solutions {
        padding: 80px 0;
    }
    
    /* Config Grid */
    .config-card {
        grid-template-columns: 1fr;
        gap: 40px;
    }
    
    .config-reverse {
        direction: ltr;
    }
    
    /* Use Cases Simple */
    .use-cases-simple {
        grid-template-columns: 1fr;
        gap: 30px;
    }
}

/* Mobile (до 767px) */
@media screen and (max-width: 767px) {
    /* For Patio Sections */
    .for-patio-intro,
    .patio-benefits,
    .patio-configurations,
    .patio-use-cases,
    .patio-solutions {
        padding: 80px 0;
    }
    
    /* Config Grid */
    .config-grid {
        gap: 60px;
    }
    
    .config-card {
        grid-template-columns: 1fr;
        gap: 30px;
    }
    
    .config-content h3 {
        font-size: 22px;
    }
    
    .config-type {
        font-size: 12px;
    }
    
    .config-content > p {
        font-size: 15px;
    }
    
    .config-features li {
        font-size: 14px;
    }
    
    .config-price {
        font-size: 15px;
    }
    
    .config-price strong {
        font-size: 18px;
    }
    
    /* Use Cases Simple */
    .use-cases-simple {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    
    .use-case-simple {
        padding: 30px 20px;
    }
    
    .use-case-number {
        font-size: 42px;
        margin-bottom: 16px;
    }
    
    .use-case-simple h3 {
        font-size: 20px;
    }
    
    .use-case-simple p {
        font-size: 14px;
    }
    
    .use-case-size {
        font-size: 13px;
    }
}

/* ========== FOR TERRACES PAGE RESPONSIVE ========== */

/* Tablet (768-1023px) */
@media screen and (max-width: 1023px) {
    /* For Terraces Sections */
    .for-terraces-intro,
    .terraces-benefits,
    .terraces-integration,
    .terraces-solutions,
    .terraces-design {
        padding: 80px 0;
    }
    
    /* Integration Grid */
    .integration-card {
        grid-template-columns: 1fr;
        gap: 40px;
    }
    
    .integration-reverse {
        direction: ltr;
    }
    
    /* Design Grid */
    .design-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 30px;
    }
}

/* Mobile (до 767px) */
@media screen and (max-width: 767px) {
    /* For Terraces Sections */
    .for-terraces-intro,
    .terraces-benefits,
    .terraces-integration,
    .terraces-solutions,
    .terraces-design {
        padding: 80px 0;
    }
    
    /* Integration Grid */
    .integration-grid {
        gap: 60px;
    }
    
    .integration-card {
        grid-template-columns: 1fr;
        gap: 30px;
    }
    
    .integration-content h3 {
        font-size: 24px;
    }
    
    .integration-type {
        font-size: 13px;
    }
    
    .integration-content > p {
        font-size: 15px;
    }
    
    .integration-features li {
        font-size: 14px;
    }
    
    .integration-price {
        font-size: 16px;
    }
    
    .integration-price strong {
        font-size: 20px;
    }
    
    /* Design Grid */
    .design-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    
    .design-card {
        padding: 30px 20px;
    }
    
    .design-card h3 {
        font-size: 18px;
    }
    
    .design-card p {
        font-size: 14px;
    }
}

/* ========== FOR SMALL AREAS PAGE RESPONSIVE ========== */

/* Tablet (768-1023px) */
@media screen and (max-width: 1023px) {
    /* For Small Areas Sections */
    .for-small-intro,
    .small-advantages,
    .small-solutions,
    .small-sizes,
    .small-tips {
        padding: 80px 0;
    }
    
    /* Solutions Grid */
    .solutions-grid-three {
        grid-template-columns: 1fr;
        gap: 40px;
    }
    
    /* Sizes Grid */
    .sizes-grid {
        grid-template-columns: 1fr;
        gap: 30px;
    }
    
    /* Tips Grid */
    .tips-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 30px;
    }
}

/* Mobile (до 767px) */
@media screen and (max-width: 767px) {
    /* For Small Areas Sections */
    .for-small-intro,
    .small-advantages,
    .small-solutions,
    .small-sizes,
    .small-tips {
        padding: 80px 0;
    }
    
    /* Solutions Grid */
    .solutions-grid-three {
        grid-template-columns: 1fr;
        gap: 30px;
    }
    
    .solution-card-compact .solution-content {
        padding: 30px 20px;
    }
    
    .solution-card-compact h3 {
        font-size: 22px;
    }
    
    .solution-price {
        font-size: 20px;
    }
    
    .solution-features li {
        font-size: 13px;
    }
    
    /* Sizes Grid */
    .sizes-grid {
        grid-template-columns: 1fr;
        gap: 30px;
    }
    
    .size-header {
        padding: 20px 20px 16px;
    }
    
    .size-header h3 {
        font-size: 20px;
    }
    
    .size-area {
        font-size: 18px;
    }
    
    .size-image img {
        height: 200px;
    }
    
    .size-details {
        padding: 20px;
    }
    
    .size-description {
        font-size: 14px;
    }
    
    .size-spec {
        font-size: 13px;
    }
    
    .size-price {
        font-size: 14px;
    }
    
    /* Tips Grid */
    .tips-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    
    .tip-card {
        padding: 30px 20px;
    }
    
    .tip-number {
        font-size: 42px;
        margin-bottom: 16px;
    }
    
    .tip-card h3 {
        font-size: 18px;
    }
    
    .tip-card p {
        font-size: 14px;
    }
}

/* ========== FOR HORECA PAGE RESPONSIVE ========== */

/* Tablet (768-1023px) */
@media screen and (max-width: 1023px) {
    /* For HoReCa Sections */
    .for-horeca-intro,
    .horeca-benefits,
    .horeca-solutions,
    .horeca-use-cases,
    .horeca-roi {
        padding: 80px 0;
    }
    
    /* Benefits Grid */
    .benefits-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 30px;
    }
    
    /* ROI Content */
    .roi-content {
        grid-template-columns: 1fr;
        gap: 40px;
    }
}

/* Mobile (до 767px) */
@media screen and (max-width: 767px) {
    /* For HoReCa Sections */
    .for-horeca-intro,
    .horeca-benefits,
    .horeca-solutions,
    .horeca-use-cases,
    .horeca-roi {
        padding: 80px 0;
    }
    
    /* Benefits Grid */
    .benefits-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    
    .benefit-card {
        padding: 30px 20px;
    }
    
    .benefit-icon {
        width: 60px;
        height: 60px;
        margin-bottom: 16px;
    }
    
    .benefit-icon svg {
        width: 40px;
        height: 40px;
    }
    
    .benefit-card h3 {
        font-size: 20px;
    }
    
    .benefit-card p {
        font-size: 14px;
    }
    
    /* Use Case Price */
    .use-case-price {
        font-size: 13px;
    }
    
    /* ROI Section */
    .roi-content {
        grid-template-columns: 1fr;
        gap: 30px;
    }
    
    .roi-calculation {
        padding: 30px 20px;
    }
    
    .roi-item {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
        padding: 16px 0;
    }
    
    .roi-label {
        font-size: 14px;
    }
    
    .roi-value {
        font-size: 20px;
    }
    
    .roi-highlight {
        font-size: 24px;
    }
    
    .roi-final {
        font-size: 28px;
    }
    
    .roi-notes {
        padding: 20px 0;
    }
    
    .roi-notes h3 {
        font-size: 20px;
        margin-bottom: 16px;
    }
    
    .roi-notes li {
        font-size: 14px;
    }
}

/* ========== FOR HOME PAGE RESPONSIVE ========== */

/* Tablet (768-1023px) */
@media screen and (max-width: 1023px) {
    /* For Home Sections */
    .for-home-intro,
    .home-use-cases,
    .home-solutions,
    .home-customization,
    .home-process,
    .home-pricing {
        padding: 80px 0;
    }
    
    /* Use Cases Grid */
    .use-case-card {
        grid-template-columns: 1fr;
        gap: 40px;
    }
    
    .use-case-reverse {
        direction: ltr;
    }
    
    /* Solutions Comparison */
    .solutions-comparison {
        grid-template-columns: 1fr;
        gap: 50px;
    }
    
    /* Customization Grid */
    .customization-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 30px;
    }
    
    /* Pricing Cards */
    .pricing-cards {
        grid-template-columns: 1fr;
        gap: 30px;
    }
}

/* Mobile (до 767px) */
@media screen and (max-width: 767px) {
    /* For Home Sections */
    .for-home-intro,
    .home-use-cases,
    .home-solutions,
    .home-customization,
    .home-process,
    .home-pricing {
        padding: 80px 0;
    }
    
    /* Use Cases */
    .use-cases-grid {
        gap: 60px;
    }
    
    .use-case-card {
        grid-template-columns: 1fr;
        gap: 30px;
    }
    
    .use-case-icon {
        width: 60px;
        height: 60px;
        margin-bottom: 20px;
    }
    
    .use-case-icon svg {
        width: 36px;
        height: 36px;
    }
    
    .use-case-content h3 {
        font-size: 22px;
    }
    
    .use-case-content > p {
        font-size: 15px;
    }
    
    .use-case-features li {
        font-size: 14px;
    }
    
    .use-case-systems {
        font-size: 14px;
    }
    
    /* Solutions Comparison */
    .solutions-comparison {
        grid-template-columns: 1fr;
        gap: 40px;
    }
    
    .solution-content {
        padding: 30px;
    }
    
    .solution-content h3 {
        font-size: 24px;
    }
    
    .solution-price {
        font-size: 22px;
    }
    
    .solution-description {
        font-size: 15px;
    }
    
    .solution-advantages li {
        font-size: 14px;
    }
    
    /* Customization Grid */
    .customization-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    
    .custom-option {
        padding: 20px;
    }
    
    .custom-icon {
        width: 60px;
        height: 60px;
        margin-bottom: 16px;
    }
    
    .custom-icon svg {
        width: 40px;
        height: 40px;
    }
    
    .custom-option h3 {
        font-size: 18px;
    }
    
    .custom-option p {
        font-size: 14px;
    }
    
    /* Process Timeline */
    .process-step {
        grid-template-columns: 60px 1fr;
        gap: 20px;
    }
    
    .process-number {
        font-size: 48px;
    }
    
    .process-content h3 {
        font-size: 20px;
    }
    
    .process-content p {
        font-size: 15px;
    }
    
    /* Pricing Cards */
    .pricing-cards {
        grid-template-columns: 1fr;
        gap: 30px;
    }
    
    .pricing-card h3 {
        font-size: 20px;
        padding: 20px 20px 16px;
    }
    
    .pricing-details {
        padding: 20px;
    }
    
    .pricing-config {
        font-size: 14px;
    }
    
    .option-name {
        font-size: 14px;
    }
    
    .option-price {
        font-size: 16px;
    }
    
    .pricing-note {
        font-size: 13px;
    }
}

/* ========== MAF PAGE RESPONSIVE ========== */

/* Tablet (768-1023px) */
@media screen and (max-width: 1023px) {
    /* MAF Sections Padding */
    .maf-intro,
    .maf-advantages,
    .maf-model {
        padding: 80px 0;
    }
    
    /* Model Badge */
    .model-badge {
        font-size: 56px;
    }
    
    /* Model Content Grid */
    .model-content-grid {
        grid-template-columns: 1fr;
        gap: 60px;
    }
    
    .model-content-reverse {
        direction: ltr;
    }
    
    /* Model Images Grid */
    .model-images-grid {
        grid-template-columns: 1fr 1fr;
    }
    
    /* Features List */
    .features-list {
        grid-template-columns: 1fr;
        gap: 16px;
    }
}

/* Mobile (до 767px) */
@media screen and (max-width: 767px) {
    /* MAF Sections Padding */
    .maf-intro,
    .maf-advantages,
    .maf-model {
        padding: 80px 0;
    }
    
    /* Intro */
    .maf-intro .intro-content {
        grid-template-columns: 1fr;
        gap: 40px;
    }
    
    .maf-intro .intro-text h2 {
        font-size: 32px;
    }
    
    .maf-intro .intro-text p {
        font-size: 15px;
    }
    
    /* Model Header */
    .model-header {
        margin-bottom: 60px;
    }
    
    .model-badge {
        font-size: 48px;
        margin-bottom: 20px;
    }
    
    /* Model Content Grid */
    .model-content-grid {
        grid-template-columns: 1fr;
        gap: 40px;
        margin-bottom: 60px;
    }
    
    /* Model Specs Card */
    .model-specs-card {
        padding: 30px 20px;
    }
    
    .model-specs-card h3 {
        font-size: 28px;
        margin-bottom: 30px;
    }
    
    .spec-row {
        flex-direction: column;
        gap: 8px;
        padding: 12px 0;
    }
    
    .spec-label,
    .spec-value {
        font-size: 14px;
        text-align: left;
    }
    
    /* Model Images Grid */
    .model-images-grid {
        grid-template-columns: 1fr;
        gap: 15px;
    }
    
    /* Model Description Block */
    .model-description-block {
        margin-bottom: 50px;
    }
    
    .model-description-block h3 {
        font-size: 26px;
        margin-bottom: 20px;
    }
    
    .model-description-block p {
        font-size: 15px;
    }
    
    /* Model Features */
    .model-features h3 {
        font-size: 24px;
        margin-bottom: 24px;
    }
    
    .features-list {
        grid-template-columns: 1fr;
        gap: 16px;
    }
    
    .features-list li {
        font-size: 15px;
        padding-left: 28px;
    }
    
    .features-list li::before {
        font-size: 18px;
    }
}

/* ========== CATALOG PAGE RESPONSIVE ========== */

/* Tablet (768-1023px) */
@media screen and (max-width: 1023px) {
    /* Catalog Sections Padding */
    .catalog-intro,
    .catalog-grid-section,
    .catalog-comparison,
    .catalog-why-us {
        padding: 80px 0;
    }
    
    /* Catalog Item */
    .catalog-item {
        grid-template-columns: 1fr;
        gap: 50px;
        margin-bottom: 100px;
    }
    
    .catalog-item-reverse {
        direction: ltr;
    }
    
    /* Catalog Header */
    .catalog-header {
        flex-direction: column;
        gap: 16px;
    }
    
    .catalog-header h3 {
        font-size: 32px;
    }
    
    .catalog-price {
        font-size: 24px;
    }
    
    /* Catalog Features */
    .catalog-features {
        grid-template-columns: 1fr;
    }
    
    /* Catalog Specs */
    .catalog-specs {
        flex-wrap: wrap;
        gap: 30px;
    }
    
    /* Why Us Grid */
    .why-us-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 30px;
    }
    
    /* Comparison Table */
    .comparison-table th,
    .comparison-table td {
        font-size: 15px;
        padding: 16px;
    }
}

/* Mobile (до 767px) */
@media screen and (max-width: 767px) {
    /* Catalog Sections Padding */
    .catalog-intro,
    .catalog-grid-section,
    .catalog-comparison,
    .catalog-why-us {
        padding: 80px 0;
    }
    
    /* Intro Text Center */
    .intro-text-center h2 {
        font-size: 32px;
        margin-bottom: 20px;
    }
    
    .intro-text-center p {
        font-size: 16px;
    }
    
    /* Catalog Item */
    .catalog-item {
        grid-template-columns: 1fr;
        gap: 40px;
        margin-bottom: 80px;
    }
    
    /* Catalog Badge */
    .catalog-overlay {
        top: 20px;
        right: 20px;
    }
    
    .catalog-badge {
        padding: 10px 20px;
        font-size: 12px;
    }
    
    /* Catalog Header */
    .catalog-header {
        flex-direction: column;
        gap: 12px;
        margin-bottom: 20px;
    }
    
    .catalog-header h3 {
        font-size: 28px;
    }
    
    .catalog-price {
        font-size: 22px;
    }
    
    /* Catalog Description */
    .catalog-description {
        font-size: 15px;
        margin-bottom: 24px;
    }
    
    /* Catalog Features */
    .catalog-features {
        grid-template-columns: 1fr;
        gap: 12px;
        margin-bottom: 24px;
    }
    
    .catalog-feature span {
        font-size: 14px;
    }
    
    /* Catalog Specs */
    .catalog-specs {
        flex-direction: column;
        gap: 20px;
        padding: 20px 0;
        margin-bottom: 24px;
    }
    
    .catalog-spec .spec-label {
        font-size: 12px;
    }
    
    .catalog-spec .spec-value {
        font-size: 16px;
    }
    
    /* Catalog Button */
    .btn-catalog-primary {
        width: 100%;
        text-align: center;
        padding: 16px 32px;
        font-size: 15px;
    }
    
    /* Comparison Table */
    .comparison-table {
        font-size: 14px;
    }
    
    .comparison-table th {
        font-size: 14px;
        padding: 16px 12px;
    }
    
    .comparison-table td {
        font-size: 13px;
        padding: 14px 12px;
    }
    
    .comparison-table th:first-child,
    .comparison-table .comparison-feature {
        font-size: 13px;
    }
    
    .check-yes,
    .check-partial,
    .check-no {
        font-size: 16px;
    }
    
    /* Why Us Grid */
    .why-us-grid {
        grid-template-columns: 1fr;
        gap: 30px;
    }
    
    .why-us-card {
        padding: 30px 20px;
    }
    
    .why-us-number {
        font-size: 36px;
        top: 15px;
        right: 15px;
    }
    
    .why-us-card h3 {
        font-size: 20px;
        margin-bottom: 12px;
    }
    
    .why-us-card p {
        font-size: 15px;
    }
}

/* ========== FOR PROFESSIONALS PAGE RESPONSIVE ========== */

/* Tablet (768-1023px) */
@media screen and (max-width: 1023px) {
    /* Professionals Sections Padding */
    .professionals-intro,
    .professionals-benefits,
    .partnership-program,
    .technical-support,
    .success-stories,
    .how-to-start,
    .downloads-section {
        padding: 80px 0;
    }
    
    /* Benefits Grid */
    .benefits-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 30px;
    }
    
    /* Partnership Tiers */
    .partnership-tiers {
        grid-template-columns: 1fr;
        gap: 40px;
    }
    
    /* Support Block */
    .support-block {
        grid-template-columns: 1fr;
        gap: 40px;
    }
    
    .support-block-reverse {
        direction: ltr;
    }
    
    /* Stories Grid */
    .stories-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 30px;
    }
    
    /* Steps Grid */
    .steps-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 30px;
    }
    
    /* Downloads Grid */
    .downloads-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 30px;
    }
}

/* Mobile (до 767px) */
@media screen and (max-width: 767px) {
    /* Professionals Sections Padding */
    .professionals-intro,
    .professionals-benefits,
    .partnership-program,
    .technical-support,
    .success-stories,
    .how-to-start,
    .downloads-section {
        padding: 80px 0;
    }
    
    /* Intro */
    .professionals-intro .intro-content {
        grid-template-columns: 1fr;
        gap: 40px;
    }
    
    .professionals-intro .intro-text h2 {
        font-size: 32px;
    }
    
    .professionals-intro .intro-text p {
        font-size: 15px;
    }
    
    /* Benefits Grid */
    .benefits-grid {
        grid-template-columns: 1fr;
        gap: 30px;
    }
    
    .benefit-card {
        padding: 30px 20px;
    }
    
    .benefit-card h3 {
        font-size: 20px;
    }
    
    .benefit-card p {
        font-size: 15px;
    }
    
    /* Partnership Tiers */
    .partnership-tiers {
        grid-template-columns: 1fr;
        gap: 40px;
    }
    
    .tier-card {
        padding: 30px 20px;
    }
    
    .tier-badge {
        top: -12px;
        right: 20px;
        font-size: 11px;
        padding: 6px 16px;
    }
    
    .tier-header h3 {
        font-size: 24px;
    }
    
    .tier-commission {
        font-size: 40px;
    }
    
    .tier-features li {
        font-size: 14px;
    }
    
    .tier-requirements {
        padding: 16px;
    }
    
    .tier-requirements p {
        font-size: 13px;
    }
    
    .btn-tier {
        padding: 14px 28px;
        font-size: 15px;
    }
    
    /* Support Block */
    .support-block {
        grid-template-columns: 1fr;
        gap: 40px;
    }
    
    .support-content h3 {
        font-size: 26px;
        margin-bottom: 20px;
    }
    
    .support-content p {
        font-size: 15px;
    }
    
    .support-list li {
        font-size: 15px;
    }
    
    /* Stories Grid */
    .stories-grid {
        grid-template-columns: 1fr;
        gap: 40px;
    }
    
    .story-content {
        padding: 24px 20px;
    }
    
    .story-content h4 {
        font-size: 20px;
    }
    
    .story-partner {
        font-size: 13px;
    }
    
    .story-content p {
        font-size: 14px;
    }
    
    .story-specs span {
        font-size: 12px;
        padding: 5px 10px;
    }
    
    /* Steps Grid */
    .steps-grid {
        grid-template-columns: 1fr;
        gap: 30px;
    }
    
    .step-card {
        padding: 30px 20px;
    }
    
    .step-number {
        font-size: 56px;
        margin-bottom: 20px;
    }
    
    .step-card h3 {
        font-size: 20px;
        margin-bottom: 12px;
    }
    
    .step-card p {
        font-size: 14px;
    }
    
    /* Downloads Grid */
    .downloads-grid {
        grid-template-columns: 1fr;
        gap: 30px;
    }
    
    .download-card {
        padding: 30px 20px;
    }
    
    .download-icon {
        width: 40px;
        height: 40px;
        margin-bottom: 20px;
    }
    
    .download-icon svg {
        width: 32px;
        height: 32px;
    }
    
    .download-card h4 {
        font-size: 18px;
    }
    
    .download-card p {
        font-size: 13px;
    }
    
    .btn-download {
        padding: 10px 28px;
        font-size: 14px;
    }
    
    .locked-badge {
        font-size: 12px;
        padding: 6px 12px;
    }
}

/* ========== DARK MODE SUPPORT ========== */
@media (prefers-color-scheme: dark) {
    /* Опционально: можно добавить темную тему */
    /* Пока не требуется по ТЗ */
}

/* AlUbordo premium header */
.ab-header.header{padding:0;background:rgba(18,29,28,.52);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.2);box-shadow:none;transition:background .35s ease,border-color .35s ease}
.ab-header.header.scrolled{padding:0;background:rgba(21,31,30,.97);border-color:rgba(255,255,255,.1);box-shadow:0 12px 35px rgba(0,0,0,.12)}
.ab-header__meta{height:30px;border-bottom:1px solid rgba(255,255,255,.15);color:rgba(255,255,255,.67);font-size:10px;font-weight:500;letter-spacing:.19em;text-transform:uppercase}
.ab-header__meta-inner{height:100%;display:flex;align-items:center;justify-content:space-between;max-width:1440px;margin:auto;padding:0 36px}
.ab-header__main{max-width:1440px;margin:auto;padding:0 36px}
.ab-header .nav{height:78px;gap:28px;justify-content:space-between}
.ab-header .logo{position:relative;z-index:1003;flex:none;margin-right:12px}
.ab-header .logo-img{width:158px;height:auto;max-height:58px;object-fit:contain}
.ab-header .nav-menu{gap:clamp(18px,2vw,34px);margin:0 auto;align-items:center}
.ab-header .nav-item{flex:none}
.ab-header .nav-link,.ab-header.header.transparent .nav-link,.ab-header.header.scrolled .nav-link{position:relative;color:#f8f5ee;font-size:12px;font-weight:600;letter-spacing:.045em;white-space:nowrap}
.ab-header .nav-link::after{content:'';position:absolute;left:0;right:0;bottom:-11px;height:1px;background:#d3bc94;transform:scaleX(0);transform-origin:left;transition:transform .25s ease}
.ab-header .nav-link:hover::after,.ab-header .nav-link:focus-visible::after{transform:scaleX(1)}
.ab-header .nav-link:hover,.ab-header.header.transparent .nav-link:hover{color:#dec9a3}
.ab-header .arrow{font-size:8px;margin-left:5px;color:#d3bc94}
.ab-header__actions{display:flex;align-items:center;gap:22px;flex:none}
.ab-header .header-phone,.ab-header.header.transparent .header-phone,.ab-header.header.scrolled .header-phone{display:flex;flex-direction:column;align-items:flex-end;gap:1px;color:#fff;font-size:13px;font-weight:600;letter-spacing:.025em;line-height:1.2}
.ab-header__phone-label{font-size:9px;letter-spacing:.19em;text-transform:uppercase;color:rgba(255,255,255,.55);font-weight:500}
.ab-header__cta{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:43px;padding:0 18px;border:1px solid rgba(223,203,162,.8);color:#f9f4e9;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;transition:background .25s,color .25s}
.ab-header__cta:hover{background:#d9c29d;color:#182320}
.ab-header__cta span{font-size:17px;line-height:1;font-weight:400}
.ab-header .dropdown-menu{top:calc(100% + 19px);margin-top:0;min-width:650px;padding:26px;background:#f4f1e9;border-radius:0;border:1px solid #e5e1d7;box-shadow:0 20px 55px rgba(10,20,17,.22)}
.ab-header .dropdown-menu::before{height:20px;top:-20px}
.ab-header .dropdown-grid{gap:12px}
.ab-header .dropdown-card{padding:8px;text-align:left}
.ab-header .dropdown-card img{height:130px;margin-bottom:12px}
.ab-header .dropdown-card h4{font-size:14px;font-weight:600;color:#1d2926;line-height:1.35}
.ab-header .dropdown-card:hover{transform:translateY(-2px)}
.ab-header .burger{display:none}
.ab-header__mobile-contact{display:none}
@media(max-width:1200px){
.ab-header__meta{display:none}
.ab-header__main{padding:0 28px}
.ab-header .nav{height:76px}
.ab-header .logo-img{width:145px}
.ab-header .nav-menu{display:none}
.ab-header__actions{margin-left:auto;margin-right:66px}
.ab-header__cta{display:none}
.ab-header .header-phone,.ab-header.header.transparent .header-phone,.ab-header.header.scrolled .header-phone{display:flex}
.ab-header .burger{display:flex!important;position:absolute;top:18px;right:28px;z-index:1004;gap:6px;padding:10px;background:none;border:0}
.ab-header .burger span,.ab-header.header.transparent .burger:not(.active) span,.ab-header.header.scrolled .burger:not(.active) span{width:25px;height:2px;border-radius:0;background:#fff!important;transition:transform .25s,opacity .25s}
.ab-header .burger.active span:nth-child(1){transform:translateY(8px) rotate(45deg)}
.ab-header .burger.active span:nth-child(2){opacity:0}
.ab-header .burger.active span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
.ab-header .nav-menu.active{display:flex!important;position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;z-index:1001!important;background:#182523!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:0!important;margin:0!important;padding:104px max(28px,calc((100vw - 680px)/2)) 35px!important;overflow-y:auto!important}
.ab-header .nav-menu.active::before{display:none}
.ab-header .nav-menu.active .nav-item{width:100%!important;max-width:none!important;border-bottom:1px solid rgba(255,255,255,.16)!important;background:none!important}
.ab-header .nav-menu.active .nav-link,.ab-header.header.transparent .nav-menu.active .nav-link,.ab-header.header.scrolled .nav-menu.active .nav-link,.ab-header .nav-menu.active .nav-item .nav-link,.ab-header .nav-menu.active .dropdown .nav-link{display:block!important;padding:17px 0!important;color:#f4f0e8!important;font-family:Raleway,sans-serif;font-size:clamp(22px,4vw,34px)!important;font-weight:600!important;letter-spacing:-.02em!important;line-height:1.15!important}
.ab-header .nav-menu.active .nav-link::after{display:none}
.ab-header .nav-menu.active .nav-link:hover{color:#d6bf96!important}
.ab-header .nav-menu.active .dropdown-menu{display:block!important;position:static!important;transform:none!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;min-width:0!important;margin:0 0 10px!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
.ab-header .nav-menu.active .dropdown-grid{display:flex!important;flex-wrap:wrap!important;flex-direction:row!important;gap:4px 16px!important}
.ab-header .nav-menu.active .dropdown-card{width:auto!important;display:block!important;padding:4px 0 9px!important;border:0!important;background:none!important}
.ab-header .nav-menu.active .dropdown-card img{display:none!important}
.ab-header .nav-menu.active .dropdown-card h4{margin:0!important;color:#a9b8af!important;font-family:Inter,sans-serif;font-size:12px!important;font-weight:500!important}
.ab-header .nav-menu.active .dropdown-card:hover h4{color:#d6bf96!important}
.ab-header .nav-menu.active .dropdown .arrow{display:inline!important;color:#cbb58d!important;font-size:11px!important}
.ab-header .nav-menu.active::after{display:none!important}
.ab-header__mobile-contact{display:flex!important;flex-direction:column;align-items:flex-start;gap:14px;margin-top:25px!important;padding-top:23px!important;border:0!important}
.ab-header__mobile-contact a{color:#e4cfaa;font-size:15px;font-weight:500}
.ab-header__mobile-contact small{color:#889b90;font-size:10px;letter-spacing:.15em;text-transform:uppercase}
}
@media(max-width:700px){
.ab-header__main{padding:0 20px}
.ab-header .nav{height:70px}
.ab-header .logo-img{width:135px;height:auto;max-height:50px}
.ab-header .header-phone,.ab-header.header.transparent .header-phone,.ab-header.header.scrolled .header-phone{display:none}
.ab-header__actions{margin-right:0}
.ab-header .burger{right:18px;top:14px}
.ab-header .nav-menu.active{padding:88px 24px 30px!important}
}
@media(prefers-reduced-motion:reduce){.ab-header *{transition:none!important}}


/* AlUbordo contacts page */
.ab-contacts{overflow:hidden;background:#f6f3eb;color:#21302b}
.ab-contacts__container{width:min(100% - 80px,1360px);margin-inline:auto}
.ab-contacts__eyebrow{margin:0 0 23px;color:#d7c5a5;font:600 11px/1.4 Inter,sans-serif;letter-spacing:.2em;text-transform:uppercase}
.ab-contacts__eyebrow span{margin:0 8px}
.ab-contacts__eyebrow--dark{color:#85765e}
.ab-contacts__hero{position:relative;min-height:min(850px,92vh);display:flex;align-items:center;background:#182b27;color:#fff;isolation:isolate}
.ab-contacts__hero::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(10,27,23,.81) 0%,rgba(10,27,23,.55) 49%,rgba(10,27,23,.14) 100%),linear-gradient(0deg,rgba(10,27,23,.42),transparent 32%)}
.ab-contacts__hero-image{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center 56%}
.ab-contacts__hero-inner{position:relative;width:min(100% - 80px,1360px);margin:0 auto;padding:155px 0 100px}
.ab-contacts__hero h1{max-width:900px;margin:0 0 27px;color:#fff;font:800 clamp(48px,5vw,76px)/1.04 Raleway,sans-serif;letter-spacing:-.04em;text-transform:none}
.ab-contacts__hero-lead{max-width:540px;margin:0;color:rgba(255,255,255,.85);font:400 clamp(15px,1.18vw,17px)/1.6 Inter,sans-serif}
.ab-contacts__hero-actions{display:flex;align-items:center;gap:34px;margin-top:42px}
.ab-contacts__button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;min-height:58px;padding:0 23px;font:600 12px/1 Inter,sans-serif;letter-spacing:.1em;text-transform:uppercase;transition:background .25s,color .25s,transform .25s}
.ab-contacts__button:hover{transform:translateY(-2px)}
.ab-contacts__button--light{background:#e3d4b9;color:#1b2b26}
.ab-contacts__button--light:hover{background:#fff;color:#1b2b26}
.ab-contacts__button span{font-size:22px;font-weight:400;line-height:1}
.ab-contacts__hero-phone{padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,.5);color:#fff;font:600 15px/1.3 Inter,sans-serif;letter-spacing:.04em}
.ab-contacts__hero-phone:hover{color:#e3d4b9}
.ab-contacts__hero-index{position:absolute;right:0;bottom:60px;color:rgba(255,255,255,.6);font:600 11px/1 Inter,sans-serif;letter-spacing:.2em}
.ab-contacts__details{padding:125px 0 135px;background:#f6f3eb}
.ab-contacts__section-heading{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:end;margin-bottom:55px}
.ab-contacts__section-heading h2,.ab-contacts__visit h2,.ab-contacts__request h2{margin:0;font:800 clamp(36px,3.5vw,54px)/1.13 Raleway,sans-serif;letter-spacing:-.035em;text-transform:none}
.ab-contacts__section-heading>p{max-width:430px;margin:0 0 8px;color:#66736b;font:400 16px/1.7 Inter,sans-serif}
.ab-contacts__cards{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:1px;background:#d9dbd1;border:1px solid #d9dbd1}
.ab-contacts__card{display:flex;flex-direction:column;justify-content:space-between;min-width:0;min-height:292px;padding:36px;background:#fff}
.ab-contacts__card--primary{background:#243b33;color:#f7f3e9}
.ab-contacts__card-number{font:500 12px/1 Inter,sans-serif;letter-spacing:.16em;color:#a8a08a}
.ab-contacts__card-label{margin:0 0 12px;color:#7f8b83;font:600 11px/1.3 Inter,sans-serif;letter-spacing:.16em;text-transform:uppercase}
.ab-contacts__card--primary .ab-contacts__card-label{color:#c6c5ad}
.ab-contacts__card a{display:block;max-width:100%;color:#243b33;font:700 clamp(17px,1.55vw,23px)/1.25 Raleway,sans-serif;letter-spacing:-.02em;overflow-wrap:anywhere}
.ab-contacts__card--primary a{color:#fff}
.ab-contacts__card a:hover{color:#9c7e51}
.ab-contacts__card a[href^="mailto:"]{font-family:Inter,sans-serif;font-size:clamp(14px,1.3vw,19px);font-weight:600;letter-spacing:-.035em;overflow-wrap:anywhere}
.ab-contacts__card a span{font-family:Inter,sans-serif;font-size:22px;font-weight:400;white-space:nowrap}
.ab-contacts__card-note{margin:0;color:#89948b;font:400 13px/1.5 Inter,sans-serif}
.ab-contacts__card--primary .ab-contacts__card-note{color:#bcc8bd}
.ab-contacts__visit{padding:120px 0;background:#ece9e0}
.ab-contacts__visit-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:8%;align-items:center}
.ab-contacts__visit-copy>p:not(.ab-contacts__eyebrow){max-width:420px;margin:25px 0 32px;color:#647067;font:400 16px/1.7 Inter,sans-serif}
.ab-contacts__visit-meta{display:flex;flex-direction:column;gap:8px;padding:24px 0;border-top:1px solid #cbd0c5;border-bottom:1px solid #cbd0c5;color:#2b3d35;font:500 13px/1.5 Inter,sans-serif}
.ab-contacts__text-link{display:inline-flex;gap:30px;align-items:center;margin-top:32px;padding-bottom:7px;border-bottom:1px solid #456050;color:#223d31;font:600 12px/1.3 Inter,sans-serif;letter-spacing:.1em;text-transform:uppercase}
.ab-contacts__text-link span{font-size:20px;font-weight:400}
.ab-contacts__text-link:hover{color:#9c7e51}
.ab-contacts__map{height:500px;min-width:0;background:#dce2db;box-shadow:0 20px 50px rgba(34,52,44,.09)}
.ab-contacts__map iframe{display:block;width:100%;height:100%;border:0}
.ab-contacts__request{position:relative;padding:130px 0 145px;background:#1d332c;color:#f7f4ec}
.ab-contacts__request::before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 5% 12%,rgba(190,171,131,.1),transparent 45%)}
.ab-contacts__request-grid{position:relative;display:grid;grid-template-columns:1fr minmax(430px,.9fr);gap:9%;align-items:start}
.ab-contacts__request h2{max-width:650px;color:#f7f4ec}
.ab-contacts__request-copy>p:not(.ab-contacts__eyebrow){max-width:440px;margin:29px 0 48px;color:#bac6bb;font:400 16px/1.7 Inter,sans-serif}
.ab-contacts__request-phone{display:flex;flex-direction:column;align-items:flex-start;gap:9px;color:#a7b7a8;font:500 12px/1.4 Inter,sans-serif;letter-spacing:.12em;text-transform:uppercase}
.ab-contacts__request-phone span{color:#f3e7d4;font:600 24px/1.3 Inter,sans-serif;letter-spacing:0;text-transform:none}
.ab-contacts__form-card{padding:54px 55px 57px;background:#f8f6f0;color:#22342c}
.ab-contacts__form-kicker{margin:0 0 13px;color:#8d816b;font:600 10px/1.4 Inter,sans-serif;letter-spacing:.2em}
.ab-contacts__form-card h3{margin:0 0 32px;color:#23362e;font:800 32px/1.15 Raleway,sans-serif;letter-spacing:-.04em}
.ab-contacts__form-card .contact-form{max-width:none;margin:0;padding:0;background:none;box-shadow:none}
.ab-contacts__form-card .form-group{margin:0 0 22px}
.ab-contacts__field-label{display:block;margin:0 0 9px;color:#536257;font:600 11px/1.4 Inter,sans-serif;letter-spacing:.13em;text-transform:uppercase}
.ab-contacts__form-card .form-input{display:block;width:100%;height:56px;padding:0 17px;border:1px solid #cdd1c8;border-radius:0;background:#fff;color:#1e3029;font:400 15px/1.4 Inter,sans-serif;outline:none;box-shadow:none;transition:border-color .2s}
.ab-contacts__form-card .form-input:focus{border-color:#58725f}
.ab-contacts__form-card .form-input::placeholder{color:#a0a9a0}
.ab-contacts__consent{margin:4px 0 25px}
.ab-contacts__consent-label{display:flex;align-items:flex-start;gap:12px;color:#5e6b60;font:400 12px/1.6 Inter,sans-serif;cursor:pointer}
.ab-contacts__consent-label input{flex:none;width:18px;height:18px;margin:1px 0 0;accent-color:#2d5f4c;cursor:pointer}
.ab-contacts__consent-label span{display:block}
.ab-contacts__consent-label a{color:#274c3a;text-decoration:underline;text-underline-offset:3px}
.ab-contacts__consent-label a:hover{color:#a17b48}
.ab-contacts__form-card .error_message{display:block;margin-top:5px;color:#aa433b;font:400 12px/1.4 Inter,sans-serif}
.ab-contacts__form-card .btn-form{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:59px;padding:0 20px;border:0;border-radius:0;background:#2f604e;color:#fff;font:600 12px/1 Inter,sans-serif;letter-spacing:.11em;text-transform:uppercase;cursor:pointer;transition:background .25s}
.ab-contacts__form-card .btn-form:hover{background:#244a3c}
.ab-contacts__form-card .btn-form span{font-size:22px;font-weight:400}
.ab-contacts__form-card .alert{margin-top:20px}
.ab-contacts #contactForm{scroll-margin-top:120px}
@media(max-width:1050px){
.ab-contacts__section-heading{grid-template-columns:1fr;gap:20px}
.ab-contacts__cards{grid-template-columns:repeat(2,minmax(0,1fr))}
.ab-contacts__card--primary{grid-column:1/-1}
.ab-contacts__visit-grid,.ab-contacts__request-grid{grid-template-columns:1fr;gap:50px}
.ab-contacts__visit-copy>p:not(.ab-contacts__eyebrow){max-width:670px}
.ab-contacts__request-copy>p:not(.ab-contacts__eyebrow){max-width:670px}
.ab-contacts__form-card{max-width:700px}
}
@media(max-width:700px){
.ab-contacts__container,.ab-contacts__hero-inner{width:calc(100% - 40px)}
.ab-contacts__hero{min-height:620px}
.ab-contacts__hero::after{background:linear-gradient(90deg,rgba(10,27,23,.76),rgba(10,27,23,.36)),linear-gradient(0deg,rgba(10,27,23,.48),transparent 55%)}
.ab-contacts__hero-inner{padding:135px 0 74px}
.ab-contacts__hero h1{font-size:clamp(40px,8vw,52px)}
.ab-contacts__hero-lead{font-size:15px}
.ab-contacts__hero-actions{align-items:flex-start;flex-direction:column;gap:25px;margin-top:34px}
.ab-contacts__hero-index{bottom:25px}
.ab-contacts__details,.ab-contacts__visit{padding:78px 0 85px}
.ab-contacts__section-heading{margin-bottom:36px}
.ab-contacts__section-heading h2,.ab-contacts__visit h2,.ab-contacts__request h2{font-size:clamp(32px,7vw,42px)}
.ab-contacts__section-heading>p,.ab-contacts__visit-copy>p:not(.ab-contacts__eyebrow),.ab-contacts__request-copy>p:not(.ab-contacts__eyebrow){font-size:15px}
.ab-contacts__cards{grid-template-columns:1fr}
.ab-contacts__card--primary{grid-column:auto}
.ab-contacts__card{min-height:220px;padding:27px}
.ab-contacts__map{height:340px}
.ab-contacts__request{padding:85px 0 135px}
.ab-contacts__request-grid{gap:42px}
.ab-contacts__form-card{padding:34px 25px 39px}
.ab-contacts__form-card h3{font-size:28px}
.ab-contacts #contactForm{scroll-margin-top:88px}
}
@media(prefers-reduced-motion:reduce){.ab-contacts__button,.ab-contacts__form-card .btn-form{transition:none}}

/* AlUbordo home hero and zones */
.ab-home-hero.hero{height:auto;min-height:max(760px,100svh);padding:135px 0 82px;box-sizing:border-box;justify-content:flex-start;isolation:isolate}
.ab-home-hero .hero-bg{z-index:0}
.ab-home-hero .hero-image{object-position:center 55%;filter:saturate(.86)}
.ab-home-hero .hero-overlay{background:linear-gradient(90deg,rgba(8,25,23,.89) 0%,rgba(8,25,23,.64) 42%,rgba(8,25,23,.14) 100%),linear-gradient(0deg,rgba(8,25,23,.55),transparent 42%)}
.ab-home-hero .hero-content.ab-home-hero__inner{width:min(1360px,calc(100% - 120px));max-width:none;margin:0 auto;padding:0;text-align:left;color:#fff}
.ab-home-hero__eyebrow{margin:0 0 27px;color:#e8d5af;font-size:11px;font-weight:700;letter-spacing:.19em;line-height:1.6;text-transform:uppercase}
.ab-home-hero__eyebrow span{margin:0 10px}
.ab-home-hero .hero-title{max-width:1200px;margin:0;color:#fff;font-size:clamp(42px,4.55vw,72px);font-weight:800;line-height:1.07;letter-spacing:-.047em;text-transform:none}
.ab-home-hero .hero-title span{color:#e9dac0}
.ab-home-hero__lead{max-width:640px;margin:29px 0 0;color:rgba(255,255,255,.88);font-size:clamp(16px,1.18vw,19px);font-weight:400;line-height:1.65}
.ab-home-hero__actions{display:flex;align-items:center;flex-wrap:wrap;gap:32px;margin-top:39px}
.ab-home-hero__button{display:inline-flex;align-items:center;justify-content:space-between;gap:38px;min-height:60px;font-size:12px;font-weight:700;letter-spacing:.1em;text-decoration:none;text-transform:uppercase;transition:background .25s,color .25s,transform .25s}
.ab-home-hero__button:hover{transform:translateY(-2px)}
.ab-home-hero__button span{font-size:19px;font-weight:400;line-height:1}
.ab-home-hero__button--primary{padding:0 26px;background:#e9dac0;color:#172c27}
.ab-home-hero__button--primary:hover{background:#fff;color:#172c27}
.ab-home-hero__button--text{gap:20px;border-bottom:1px solid rgba(255,255,255,.65);color:#fff}
.ab-home-hero__button--text:hover{color:#e9dac0;border-color:#e9dac0}
.ab-home-hero__proof{display:flex;flex-wrap:wrap;gap:0;margin-top:69px;padding-top:24px;border-top:1px solid rgba(255,255,255,.32)}
.ab-home-hero__proof div{display:flex;align-items:baseline;gap:12px;padding:0 30px;border-left:1px solid rgba(255,255,255,.27)}
.ab-home-hero__proof div:first-child{padding-left:0;border-left:0}
.ab-home-hero__proof strong{font-size:19px;font-weight:700;color:#fff;white-space:nowrap}
.ab-home-hero__proof span{font-size:12px;line-height:1.4;color:rgba(255,255,255,.76)}
.ab-home-hero__scroll{position:absolute;right:max(60px,calc((100vw - 1360px)/2));bottom:39px;z-index:10;display:flex;align-items:center;gap:15px;color:#fff;font-size:10px;font-weight:700;letter-spacing:.18em;text-decoration:none}
.ab-home-hero__scroll span{font-size:26px;font-weight:400;line-height:1}
.zones-solutions .section-title{margin:0;font-size:clamp(36px,3.5vw,54px);line-height:1.12;letter-spacing:-.035em}
.zones-solutions .zones-subtitle{max-width:690px;margin:18px auto 0;font-size:clamp(16px,1.2vw,18px);line-height:1.55}
.zones-solutions .zones-grid{margin-top:64px}
@media(max-width:900px){
.ab-home-hero.hero{min-height:760px}
.ab-home-hero .hero-content.ab-home-hero__inner{width:calc(100% - 80px)}
.ab-home-hero .hero-overlay{background:linear-gradient(90deg,rgba(8,25,23,.86),rgba(8,25,23,.48)),linear-gradient(0deg,rgba(8,25,23,.46),transparent 50%)}
.ab-home-hero__scroll{right:40px}
.ab-home-hero__proof{margin-top:54px}
.ab-home-hero__proof div{padding:0 20px}
.zones-solutions .zones-grid{margin-top:52px}
}
@media(max-width:700px){
.ab-home-hero.hero{min-height:740px;padding:150px 0 60px;align-items:flex-start}
.ab-home-hero .hero-content.ab-home-hero__inner{width:calc(100% - 40px)}
.ab-home-hero .hero-image{object-position:58% center}
.ab-home-hero__eyebrow{margin-bottom:21px;font-size:10px;letter-spacing:.14em}
.ab-home-hero .hero-title{font-size:clamp(38px,9vw,52px);line-height:1.1;letter-spacing:-.045em}
.ab-home-hero .hero-title br{display:none}
.ab-home-hero__lead{margin-top:22px;font-size:15px;line-height:1.55}
.ab-home-hero__actions{align-items:flex-start;flex-direction:column;gap:18px;margin-top:30px}
.ab-home-hero__button--primary{min-height:56px}
.ab-home-hero__button--text{min-height:40px}
.ab-home-hero__proof{gap:17px 22px;margin-top:44px;padding-top:20px}
.ab-home-hero__proof div{display:block;min-width:105px;padding:0;border:0}
.ab-home-hero__proof strong,.ab-home-hero__proof span{display:block}
.ab-home-hero__proof strong{font-size:17px}
.ab-home-hero__proof span{margin-top:4px;font-size:11px}
.ab-home-hero__scroll{display:none}
.zones-solutions .section-title{font-size:clamp(30px,7vw,42px)}
.zones-solutions .zones-subtitle{margin-top:16px;font-size:15px}
.zones-solutions .zones-grid{margin-top:38px}
}
@media(prefers-reduced-motion:reduce){.ab-home-hero__button{transition:none}}

/* AlUbordo home approach */
.ab-home-approach{background:#f4f1e9;color:#1b2722;padding:128px 0 115px}
.ab-home-approach__inner{width:min(1360px,calc(100% - 120px));margin:0 auto}
.ab-home-approach__eyebrow{margin:0 0 39px;color:#9a8058;font-size:11px;font-weight:700;line-height:1.5;letter-spacing:.19em;text-transform:uppercase}
.ab-home-approach__eyebrow span{margin:0 10px}
.ab-home-approach__intro{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.8fr);align-items:start;gap:9%}
.ab-home-approach__intro h2{margin:0;color:#1a2420;font-family:Raleway,sans-serif;font-size:clamp(36px,3.5vw,54px);font-weight:800;line-height:1.12;letter-spacing:-.04em}
.ab-home-approach__intro h2 span{color:#315b4b}
.ab-home-approach__intro>p{max-width:530px;margin:0 0 7px;color:#54635b;font-size:clamp(16px,1.15vw,18px);line-height:1.7}
.ab-home-approach__principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:88px;border-top:1px solid #c9cec4}
.ab-home-approach__principle{min-height:166px;padding:27px 45px 0;border-right:1px solid #d3d6ce}
.ab-home-approach__principle:first-child{padding-left:0}
.ab-home-approach__principle:last-child{padding-right:0;border-right:0}
.ab-home-approach__index{display:block;margin-bottom:24px;color:#9a8058;font-size:11px;font-weight:700;letter-spacing:.18em}
.ab-home-approach__principle h3{margin:0;color:#1b3028;font-family:Raleway,sans-serif;font-size:clamp(19px,1.55vw,23px);font-weight:800;line-height:1.25;letter-spacing:-.025em}
.ab-home-approach__principle p{max-width:340px;margin:12px 0 0;color:#66736a;font-size:14px;line-height:1.65}
.ab-home-approach__contact{display:flex;align-items:center;justify-content:space-between;gap:35px;margin-top:92px;padding:43px 52px;background:#213d33;scroll-margin-top:90px}
.ab-home-approach__contact p{margin:0;color:#fff;font-family:Raleway,sans-serif;font-size:clamp(24px,2.1vw,33px);font-weight:800;line-height:1.2;letter-spacing:-.035em}
.ab-home-approach__contact a{display:inline-flex;align-items:center;justify-content:space-between;gap:50px;min-height:60px;padding:0 26px;background:#e9dac0;color:#1b3028;font-size:12px;font-weight:700;letter-spacing:.1em;text-decoration:none;text-transform:uppercase;white-space:nowrap;transition:background .25s,transform .25s}
.ab-home-approach__contact a:hover{background:#fff;transform:translateY(-2px)}
.ab-home-approach__contact a span{font-size:19px;font-weight:400;line-height:1}
@media(max-width:900px){
.ab-home-approach{padding:96px 0}
.ab-home-approach__inner{width:calc(100% - 80px)}
.ab-home-approach__intro{gap:6%}
.ab-home-approach__intro h2{font-size:clamp(36px,4.3vw,48px)}
.ab-home-approach__principles{margin-top:66px}
.ab-home-approach__principle{padding:25px 22px 0}
.ab-home-approach__contact{margin-top:72px;padding:36px 38px}
}
@media(max-width:700px){
.ab-home-approach{padding:82px 0}
.ab-home-approach__inner{width:calc(100% - 40px)}
.ab-home-approach__eyebrow{margin-bottom:27px;font-size:10px}
.ab-home-approach__intro{grid-template-columns:1fr;gap:24px}
.ab-home-approach__intro h2{font-size:clamp(32px,7vw,42px)}
.ab-home-approach__intro>p{font-size:15px;line-height:1.65}
.ab-home-approach__principles{grid-template-columns:1fr;margin-top:52px}
.ab-home-approach__principle,.ab-home-approach__principle:first-child,.ab-home-approach__principle:last-child{min-height:0;padding:25px 0 28px;border-right:0;border-bottom:1px solid #d3d6ce}
.ab-home-approach__index{margin-bottom:14px}
.ab-home-approach__principle h3{font-size:21px}
.ab-home-approach__principle p{margin-top:9px}
.ab-home-approach__contact{align-items:flex-start;flex-direction:column;gap:26px;margin-top:52px;padding:32px 27px}
.ab-home-approach__contact p{font-size:27px}
.ab-home-approach__contact a{width:100%;box-sizing:border-box;gap:20px}
}
@media(prefers-reduced-motion:reduce){.ab-home-approach__contact a{transition:none}}

/* AlUbordo editorial heroes: catalog, projects, about, professionals */
.ab-inner-hero.hero{height:auto;min-height:max(710px,88svh);padding:138px 0 92px;box-sizing:border-box;justify-content:flex-start;isolation:isolate}
.ab-inner-hero .hero-bg{z-index:0}
.ab-inner-hero .hero-image{object-position:center 54%;filter:saturate(.86)}
.ab-inner-hero--projects .hero-image{object-position:58% center}
.ab-inner-hero--about .hero-image{object-position:center 45%}
.ab-inner-hero .hero-overlay{background:linear-gradient(90deg,rgba(8,25,23,.88) 0%,rgba(8,25,23,.63) 45%,rgba(8,25,23,.16) 100%),linear-gradient(0deg,rgba(8,25,23,.55),transparent 45%)}
.ab-inner-hero .hero-content.ab-inner-hero__inner{width:min(1360px,calc(100% - 120px));max-width:none;margin:0 auto;padding:0;text-align:left;color:#fff}
.ab-inner-hero__eyebrow{margin:0 0 29px;color:#e8d5af;font-size:11px;font-weight:700;letter-spacing:.19em;line-height:1.6;text-transform:uppercase}
.ab-inner-hero .hero-title{max-width:1160px;margin:0;color:#fff;font-size:clamp(44px,4.6vw,74px);font-weight:800;line-height:1.07;letter-spacing:-.047em;text-transform:none}
.ab-inner-hero .hero-title span{color:#e9dac0}
.ab-inner-hero__lead{max-width:635px;margin:28px 0 0;color:rgba(255,255,255,.88);font-size:clamp(16px,1.18vw,19px);font-weight:400;line-height:1.65}
.ab-inner-hero__actions{display:flex;align-items:center;flex-wrap:wrap;gap:31px;margin-top:39px}
.ab-inner-hero__button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;min-height:60px;font-size:12px;font-weight:700;letter-spacing:.1em;text-decoration:none;text-transform:uppercase;transition:background .25s,color .25s,transform .25s}
.ab-inner-hero__button:hover{transform:translateY(-2px)}
.ab-inner-hero__button span{font-size:19px;font-weight:400;line-height:1}
.ab-inner-hero__button--primary{padding:0 26px;background:#e9dac0;color:#172c27}
.ab-inner-hero__button--primary:hover{background:#fff;color:#172c27}
.ab-inner-hero__button--text{gap:19px;border-bottom:1px solid rgba(255,255,255,.65);color:#fff}
.ab-inner-hero__button--text:hover{color:#e9dac0;border-color:#e9dac0}
.ab-inner-hero__scroll{position:absolute;right:max(60px,calc((100vw - 1360px)/2));bottom:37px;z-index:10;display:flex;align-items:center;gap:15px;color:#fff;font-size:10px;font-weight:700;letter-spacing:.18em;text-decoration:none}
.ab-inner-hero__scroll span{font-size:26px;font-weight:400;line-height:1}
#catalog-collection,#project-list,#about-story,#partnership-program{scroll-margin-top:84px}
@media(max-width:900px){
.ab-inner-hero.hero{min-height:730px}
.ab-inner-hero .hero-content.ab-inner-hero__inner{width:calc(100% - 80px)}
.ab-inner-hero .hero-overlay{background:linear-gradient(90deg,rgba(8,25,23,.87),rgba(8,25,23,.47)),linear-gradient(0deg,rgba(8,25,23,.48),transparent 50%)}
.ab-inner-hero__scroll{right:40px}
}
@media(max-width:700px){
.ab-inner-hero.hero{min-height:700px;padding:158px 0 75px;align-items:flex-start}
.ab-inner-hero .hero-content.ab-inner-hero__inner{width:calc(100% - 40px)}
.ab-inner-hero .hero-image{object-position:58% center}
.ab-inner-hero__eyebrow{margin-bottom:22px;font-size:10px;letter-spacing:.14em}
.ab-inner-hero .hero-title{font-size:clamp(38px,9vw,52px);line-height:1.1;letter-spacing:-.045em}
.ab-inner-hero .hero-title br{display:none}
.ab-inner-hero__lead{margin-top:23px;font-size:15px;line-height:1.55}
.ab-inner-hero__actions{align-items:flex-start;flex-direction:column;gap:19px;margin-top:31px}
.ab-inner-hero__button--primary{min-height:56px}
.ab-inner-hero__button--text{min-height:40px}
.ab-inner-hero__scroll{display:none}
}
@media(prefers-reduced-motion:reduce){.ab-inner-hero__button{transition:none}}

/* AlUbordo homepage collections, scenarios, material and zones */
.ab-home-showcase{padding:118px 0 124px}
.ab-home-showcase__inner{width:min(1360px,calc(100% - 120px));margin:0 auto}
.ab-home-showcase__head{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.75fr);align-items:end;gap:9%;margin-bottom:52px}
.ab-home-showcase__eyebrow{margin:0 0 24px;color:#9a8058;font-size:11px;font-weight:700;line-height:1.5;letter-spacing:.19em;text-transform:uppercase}
.ab-home-showcase__head h2,.ab-home-material h2{margin:0;font-family:Raleway,sans-serif;font-size:clamp(36px,3.5vw,54px);font-weight:800;line-height:1.12;letter-spacing:-.04em}
.ab-home-showcase__head h2{color:#192620}
.ab-home-showcase__intro{max-width:515px;margin:0 0 5px;color:#647168;font-size:clamp(16px,1.15vw,18px);line-height:1.65}
.ab-home-collections{background:#f4f1e9}
.ab-home-collections__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.ab-home-collection{display:flex;min-width:0;flex-direction:column;background:#fff;color:#1d2c25;text-decoration:none;transition:transform .3s ease}
.ab-home-collection:hover{transform:translateY(-5px)}
.ab-home-collection__media{position:relative;overflow:hidden;aspect-ratio:1.3;background:#d6dbd5}
.ab-home-collection__media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease}
.ab-home-collection:hover .ab-home-collection__media img{transform:scale(1.045)}
.ab-home-collection__media>span{position:absolute;left:24px;top:24px;padding:9px 11px;background:rgba(20,43,35,.8);color:#f0e1c4;font-size:10px;font-weight:700;letter-spacing:.14em}
.ab-home-collection__body{display:flex;flex:1;flex-direction:column;min-height:225px;padding:27px 27px 24px}
.ab-home-collection h3{margin:0;color:#1c3027;font-family:Raleway,sans-serif;font-size:clamp(20px,1.55vw,24px);font-weight:800;line-height:1.22;letter-spacing:-.025em}
.ab-home-collection__body>p{margin:13px 0 25px;color:#66736b;font-size:15px;line-height:1.55}
.ab-home-collection__bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:auto;padding-top:19px;border-top:1px solid #d8ddd5;color:#1f4034;font-size:15px;font-weight:700}
.ab-home-collection__bottom span:last-child{font-size:23px;font-weight:400;line-height:1}
.ab-home-scenarios{background:#fff}
.ab-home-scenarios__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.ab-home-scenario{position:relative;display:block;min-height:410px;overflow:hidden;background:#233a31;color:#fff;text-decoration:none}
.ab-home-scenario:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,25,21,.87) 0%,rgba(8,25,21,.32) 52%,rgba(8,25,21,.1) 100%)}
.ab-home-scenario>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.ab-home-scenario:hover>img{transform:scale(1.045)}
.ab-home-scenario__number{position:absolute;z-index:1;top:29px;left:33px;color:#f2dcb3;font-size:11px;font-weight:700;letter-spacing:.18em}
.ab-home-scenario__content{position:absolute;z-index:1;right:33px;bottom:31px;left:33px;display:flex;flex-direction:column;align-items:flex-start}
.ab-home-scenario__content strong{max-width:530px;color:#fff;font-family:Raleway,sans-serif;font-size:clamp(25px,2.1vw,34px);font-weight:800;line-height:1.16;letter-spacing:-.035em}
.ab-home-scenario__content>span{max-width:490px;margin-top:11px;color:rgba(255,255,255,.88);font-size:15px;line-height:1.5}
.ab-home-scenario__content em{display:flex;align-items:center;justify-content:space-between;gap:30px;min-width:176px;margin-top:27px;padding-top:13px;border-top:1px solid rgba(255,255,255,.7);color:#fff;font-size:11px;font-style:normal;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.ab-home-scenario__content em span{font-size:20px;font-weight:400;line-height:1}
.ab-home-material{padding:126px 0 130px;background:#203b32;color:#fff}
.ab-home-material__grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1fr);gap:12%}
.ab-home-material .ab-home-showcase__eyebrow{color:#dbc49f}
.ab-home-material h2{color:#fff}
.ab-home-material__intro>p:last-child{max-width:460px;margin:28px 0 0;color:rgba(255,255,255,.72);font-size:17px;line-height:1.6}
.ab-home-material__points>div{display:grid;grid-template-columns:58px minmax(0,1fr);gap:17px;padding:25px 0 29px;border-top:1px solid rgba(255,255,255,.24)}
.ab-home-material__points>div:last-child{border-bottom:1px solid rgba(255,255,255,.24)}
.ab-home-material__points>div>span{color:#dbc49f;font-size:11px;font-weight:700;letter-spacing:.14em}
.ab-home-material__points h3{margin:0;color:#fff;font-family:Raleway,sans-serif;font-size:clamp(20px,1.5vw,23px);font-weight:800;line-height:1.25;letter-spacing:-.02em}
.ab-home-material__points p{max-width:510px;margin:10px 0 0;color:rgba(255,255,255,.72);font-size:15px;line-height:1.6}
.ab-home-zones{background:#f7f6f2}
.ab-home-zones__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:21px}
.ab-home-zone{display:block;min-width:0;color:#1c3027;text-decoration:none}
.ab-home-zone__media{overflow:hidden;aspect-ratio:4/5;background:#d6dbd5}
.ab-home-zone__media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.ab-home-zone:hover .ab-home-zone__media img{transform:scale(1.05)}
.ab-home-zone__body{position:relative;min-height:154px;padding:20px 28px 0 0;border-top:1px solid #bac6ba}
.ab-home-zone__body>span{display:block;margin-bottom:17px;color:#9a8058;font-size:10px;font-weight:700;letter-spacing:.15em}
.ab-home-zone__body h3{margin:0;color:#1c3027;font-family:Raleway,sans-serif;font-size:clamp(19px,1.45vw,22px);font-weight:800;line-height:1.25;letter-spacing:-.02em}
.ab-home-zone__body p{margin:9px 0 0;color:#66736b;font-size:14px;line-height:1.45}
.ab-home-zone__body i{position:absolute;top:17px;right:0;color:#1f4034;font-size:22px;font-style:normal;line-height:1}
.ab-home-collection:focus-visible,.ab-home-scenario:focus-visible,.ab-home-zone:focus-visible{outline:3px solid #ad8855;outline-offset:4px}
@media(max-width:1000px){
.ab-home-showcase__inner{width:calc(100% - 80px)}
.ab-home-showcase__head{gap:6%}
.ab-home-collections__grid{gap:15px}
.ab-home-collection__body{padding:21px;min-height:230px}
.ab-home-collection__media>span{left:16px;top:16px}
.ab-home-zones__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.ab-home-zone__media{aspect-ratio:1.2}
}
@media(max-width:700px){
.ab-home-showcase{padding:82px 0 88px}
.ab-home-showcase__inner{width:calc(100% - 40px)}
.ab-home-showcase__head{grid-template-columns:1fr;gap:19px;margin-bottom:35px}
.ab-home-showcase__eyebrow{margin-bottom:19px;font-size:10px}
.ab-home-showcase__head h2,.ab-home-material h2{font-size:clamp(32px,7vw,42px)}
.ab-home-showcase__head h2 br,.ab-home-material h2 br{display:none}
.ab-home-showcase__intro{font-size:15px;line-height:1.6}
.ab-home-collections__grid,.ab-home-scenarios__grid,.ab-home-zones__grid{grid-template-columns:1fr;gap:20px}
.ab-home-collection__media{aspect-ratio:1.45}
.ab-home-collection__body{min-height:0;padding:22px}
.ab-home-collection h3{font-size:22px}
.ab-home-scenario{min-height:390px}
.ab-home-scenario__number{top:25px;left:26px}
.ab-home-scenario__content{right:26px;bottom:26px;left:26px}
.ab-home-scenario__content strong{font-size:28px}
.ab-home-material{padding:83px 0 90px}
.ab-home-material__grid{grid-template-columns:1fr;gap:40px}
.ab-home-material__intro>p:last-child{margin-top:20px;font-size:15px}
.ab-home-material__points>div{grid-template-columns:43px minmax(0,1fr);gap:12px;padding:22px 0}
.ab-home-zone__media{aspect-ratio:1.25}
.ab-home-zone__body{min-height:0;padding-bottom:9px}
}
@media(prefers-reduced-motion:reduce){.ab-home-collection,.ab-home-collection__media img,.ab-home-scenario>img,.ab-home-zone__media img{transition:none}}

/* Terrace furniture catalogue — 2026-10-03 */
.ab-furniture{color:#1c2824;background:#f4f1e9;font-family:Inter,Arial,sans-serif}
.ab-furniture *, .ab-furniture *::before, .ab-furniture *::after{box-sizing:border-box}
.ab-furniture__container{width:min(1360px,calc(100% - 120px));margin-inline:auto}
.ab-furniture__eyebrow{margin:0;color:#a17847;font-size:11px;font-weight:600;line-height:1.4;letter-spacing:.23em;text-transform:uppercase}
.ab-furniture__eyebrow--light{color:#e8d6b7}
.ab-furniture h1,.ab-furniture h2,.ab-furniture h3,.ab-furniture p{margin-top:0}
.ab-furniture h1,.ab-furniture h2,.ab-furniture h3{font-family:Raleway,Arial,sans-serif;letter-spacing:-.045em}
.ab-furniture h2{font-size:clamp(38px,4vw,58px);line-height:1.08;font-weight:800}
.ab-furniture h2 em{font-style:normal;color:#315b4b}
.ab-furniture__button{display:inline-flex;align-items:center;justify-content:space-between;gap:54px;min-height:59px;padding:0 25px;text-decoration:none;text-transform:uppercase;letter-spacing:.13em;font-size:11px;font-weight:600;transition:background .25s,color .25s,border-color .25s}
.ab-furniture__button span{font-size:19px;line-height:1}
.ab-furniture__button--light{background:#e8d9bf;color:#17352c;border:1px solid #e8d9bf}
.ab-furniture__button--light:hover{background:#fff;color:#17352c;border-color:#fff}
.ab-furniture-hero{position:relative;display:flex;align-items:center;min-height:min(800px,90vh);isolation:isolate;overflow:hidden;background:#1b302b;color:#fff}
.ab-furniture-hero__image,.ab-furniture-hero__shade{position:absolute;inset:0;width:100%;height:100%}
.ab-furniture-hero__image{object-fit:cover;object-position:center 53%;z-index:-2}
.ab-furniture-hero__shade{z-index:-1;background:linear-gradient(90deg,rgba(10,29,25,.86) 0%,rgba(10,29,25,.65) 43%,rgba(10,29,25,.08) 100%),linear-gradient(0deg,rgba(10,29,25,.38),transparent 42%)}
.ab-furniture-hero__content{width:min(1360px,calc(100% - 120px));margin:0 auto;padding:156px 0 142px}
.ab-furniture-hero h1{max-width:790px;margin:27px 0 26px;font-size:clamp(48px,5.1vw,76px);line-height:1.04;font-weight:800;color:#fff}
.ab-furniture-hero__lead{max-width:570px;margin-bottom:37px;color:#ebeee9;font-size:clamp(16px,1.25vw,19px);line-height:1.65}
.ab-furniture-hero__foot{position:absolute;bottom:28px;left:max(60px,calc((100% - 1360px)/2));right:max(60px,calc((100% - 1360px)/2));display:flex;justify-content:space-between;gap:24px;padding-top:17px;border-top:1px solid rgba(255,255,255,.4);color:#eeeae0;font-size:10px;letter-spacing:.17em;text-transform:uppercase}
.ab-furniture-intro{padding:132px 0 138px}
.ab-furniture-intro__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.04fr);gap:clamp(60px,8vw,150px);align-items:center}
.ab-furniture-intro__copy h2{margin:26px 0 34px}
.ab-furniture-intro__copy>p:not(.ab-furniture__eyebrow){max-width:560px;color:#596760;font-size:16px;line-height:1.8}
.ab-furniture-intro__copy>p:last-child{margin-bottom:0}
.ab-furniture-intro__figure{margin:0}
.ab-furniture-intro__figure img{display:block;width:100%;aspect-ratio:1.16;object-fit:cover;object-position:center}
.ab-furniture-intro__figure figcaption{padding-top:15px;color:#8d806d;font-size:10px;font-weight:600;letter-spacing:.16em;text-transform:uppercase}
.ab-furniture-designers{padding:112px 0 130px;background:#eae5db}
.ab-furniture__section-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,440px);gap:60px;align-items:end;margin-bottom:64px}
.ab-furniture__section-head>.ab-furniture__eyebrow{grid-column:1/-1;margin-bottom:-38px}
.ab-furniture__section-head h2{margin:0}
.ab-furniture__section-head>p:not(.ab-furniture__eyebrow){margin:0 0 5px;color:#5b6961;font-size:16px;line-height:1.7}
.ab-furniture-designers__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.ab-furniture-designer{display:flex;flex-direction:column;min-height:460px;padding:37px 42px 33px;background:#f7f4ed;border:1px solid #d6d0c4}
.ab-furniture-designer:nth-child(2){background:#233d33;color:#f7f4ed;border-color:#233d33}
.ab-furniture-designer__top{display:flex;justify-content:space-between;gap:20px;color:#98764f;font-size:10px;font-weight:600;letter-spacing:.18em;text-transform:uppercase}
.ab-furniture-designer:nth-child(2) .ab-furniture-designer__top{color:#dfc8a4}
.ab-furniture-designer h3{margin:64px 0 25px;font-size:clamp(38px,4.1vw,62px);line-height:1.04;font-weight:800}
.ab-furniture-designer p{max-width:500px;margin-bottom:44px;color:#5e6c64;font-size:15px;line-height:1.75}
.ab-furniture-designer:nth-child(2) p{color:#d4ded7}
.ab-furniture-designer__bottom{display:flex;flex-direction:column;gap:12px;margin-top:auto;padding-top:19px;border-top:1px solid #d4d0c6}
.ab-furniture-designer:nth-child(2) .ab-furniture-designer__bottom{border-color:rgba(255,255,255,.24)}
.ab-furniture-designer__bottom span{color:#977650;font-size:10px;font-weight:600;letter-spacing:.18em;text-transform:uppercase}
.ab-furniture-designer:nth-child(2) .ab-furniture-designer__bottom span{color:#dfc8a4}
.ab-furniture-designer__bottom strong{font-size:13px;font-weight:500;line-height:1.5}
.ab-furniture-collections{padding:125px 0 135px;background:#f8f7f3}
.ab-furniture__section-head--collections{grid-template-columns:minmax(0,1fr) minmax(0,390px);margin-bottom:57px}
.ab-furniture__section-head--collections .ab-furniture__eyebrow{margin-bottom:23px}
.ab-furniture-collections__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:42px 22px}
.ab-furniture-card{min-width:0;background:#f0ede6}
.ab-furniture-card__image{overflow:hidden;background:#ddd5c7}
.ab-furniture-card__image img{display:block;width:100%;height:100%;aspect-ratio:1.32;object-fit:cover;transition:transform .55s ease}
.ab-furniture-card:hover .ab-furniture-card__image img{transform:scale(1.035)}
.ab-furniture-card--wide .ab-furniture-card__image img{aspect-ratio:1.32}
.ab-furniture-card__details{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:18px;align-items:end;min-height:207px;padding:26px 29px 27px}
.ab-furniture-card__details>span{grid-column:1/-1;color:#a17c52;font-size:10px;font-weight:600;letter-spacing:.19em;text-transform:uppercase}
.ab-furniture-card h3{grid-column:1/-1;margin:12px 0 10px;font-size:clamp(32px,2.7vw,42px);line-height:1.04;font-weight:800}
.ab-furniture-card p{max-width:420px;margin:0;color:#5e6962;font-size:14px;line-height:1.6}
.ab-furniture-card a{color:#285542;font-size:11px;font-weight:600;letter-spacing:.05em;text-decoration:none;white-space:nowrap}
.ab-furniture-card a:hover{text-decoration:underline;text-underline-offset:4px}
.ab-furniture-card a span{margin-left:7px;font-size:16px}
.ab-furniture-collections__note{margin:36px 0 0;padding-top:22px;border-top:1px solid #d2d5ce;color:#68746a;font-size:13px;line-height:1.6}
.ab-furniture-cta{padding:101px 0 106px;background:#213c32;color:#fff}
.ab-furniture-cta__inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,400px);gap:60px;align-items:end}
.ab-furniture-cta h2{margin:23px 0 0;color:#fff}
.ab-furniture-cta__aside p{margin-bottom:28px;color:#d5dfd6;font-size:16px;line-height:1.7}
@media(max-width:1000px){.ab-furniture__container,.ab-furniture-hero__content{width:calc(100% - 80px)}.ab-furniture-hero__foot{left:40px;right:40px}.ab-furniture-intro__grid{gap:45px}.ab-furniture-card__details{grid-template-columns:1fr;gap:7px}.ab-furniture-card h3{margin-bottom:4px}.ab-furniture-card a{margin-top:10px}.ab-furniture-designer{padding:32px}}
@media(max-width:700px){.ab-furniture__container,.ab-furniture-hero__content{width:calc(100% - 40px)}.ab-furniture h2{font-size:clamp(34px,8vw,43px)}.ab-furniture-hero{min-height:660px;align-items:flex-end}.ab-furniture-hero__image{object-position:60% center}.ab-furniture-hero__shade{background:linear-gradient(0deg,rgba(10,29,25,.92) 0%,rgba(10,29,25,.55) 61%,rgba(10,29,25,.15) 100%)}.ab-furniture-hero__content{padding:130px 0 105px}.ab-furniture-hero h1{font-size:clamp(40px,10vw,54px);margin:19px 0}.ab-furniture-hero h1 br{display:none}.ab-furniture-hero__lead{font-size:15px;line-height:1.6;margin-bottom:25px}.ab-furniture-hero__foot{left:20px;right:20px;bottom:18px}.ab-furniture-hero__foot span:last-child{display:none}.ab-furniture__button{min-height:54px;gap:30px;padding:0 18px}.ab-furniture-intro{padding:81px 0 88px}.ab-furniture-intro__grid,.ab-furniture__section-head,.ab-furniture-designers__grid,.ab-furniture-collections__grid,.ab-furniture-cta__inner{grid-template-columns:1fr;gap:28px}.ab-furniture-intro__copy h2{margin:20px 0 22px}.ab-furniture-intro__copy>p:not(.ab-furniture__eyebrow){font-size:15px;line-height:1.7}.ab-furniture-intro__figure img{aspect-ratio:1.2}.ab-furniture-designers{padding:78px 0 86px}.ab-furniture__section-head{margin-bottom:34px}.ab-furniture__section-head>.ab-furniture__eyebrow{grid-column:auto;margin-bottom:-5px}.ab-furniture__section-head>p:not(.ab-furniture__eyebrow){font-size:15px}.ab-furniture-designer{min-height:0;padding:27px}.ab-furniture-designer h3{margin:43px 0 22px;font-size:42px}.ab-furniture-designer p{margin-bottom:35px}.ab-furniture-collections{padding:82px 0 88px}.ab-furniture__section-head--collections{gap:16px;margin-bottom:30px}.ab-furniture-card__image img,.ab-furniture-card--wide .ab-furniture-card__image img{aspect-ratio:1.18}.ab-furniture-card__details{min-height:0;padding:23px}.ab-furniture-card h3{font-size:35px}.ab-furniture-collections__note{margin-top:30px}.ab-furniture-cta{padding:80px 0 86px}.ab-furniture-cta__inner{gap:25px}.ab-furniture-cta__aside p{font-size:15px}.ab-furniture-cta h2 br{display:none}}
@media(prefers-reduced-motion:reduce){.ab-furniture-card__image img,.ab-furniture__button{transition:none}}

@media(min-width:701px) and (max-width:1000px){.ab-furniture__section-head{grid-template-columns:1fr;gap:19px}.ab-furniture__section-head>.ab-furniture__eyebrow{grid-column:auto;margin-bottom:0}.ab-furniture__section-head h2{max-width:760px}.ab-furniture__section-head>p:not(.ab-furniture__eyebrow){max-width:620px}.ab-furniture__section-head--collections{grid-template-columns:1fr}.ab-furniture__section-head--collections>p{max-width:620px}}

/* Furniture hero typography aligned with the home hero */
.ab-furniture-hero .ab-furniture__eyebrow{margin:0 0 27px;font-size:11px;font-weight:700;line-height:1.6;letter-spacing:.19em;text-transform:uppercase}
.ab-furniture-hero h1{max-width:1200px;margin:0;color:#fff;font-size:clamp(42px,4.55vw,72px);font-weight:800;line-height:1.07;letter-spacing:-.047em;text-transform:none}
.ab-furniture-hero__lead{max-width:640px;margin:29px 0 37px;font-size:16px;line-height:1.65}
@media(max-width:700px){.ab-furniture-hero .ab-furniture__eyebrow{margin-bottom:21px;font-size:10px;letter-spacing:.14em}.ab-furniture-hero h1{font-size:clamp(38px,9vw,52px);line-height:1.1;letter-spacing:-.045em}.ab-furniture-hero h1 br{display:none}.ab-furniture-hero__lead{margin:22px 0 25px;font-size:15px;line-height:1.55}}

/* Furniture designers: light editorial profiles */
.ab-furniture-designers{background:#ebe6dc;padding:112px 0 126px}
.ab-furniture-designers__stories{border-top:1px solid #c9c6bb}
.ab-furniture-designer-story{display:grid;grid-template-columns:minmax(0,43%) minmax(0,57%);align-items:stretch;padding:44px 0;border-bottom:1px solid #c9c6bb}
.ab-furniture-designer-story--reverse{grid-template-columns:minmax(0,57%) minmax(0,43%)}
.ab-furniture-designer-story--reverse .ab-furniture-designer-story__photo{order:2}
.ab-furniture-designer-story--reverse .ab-furniture-designer-story__content{order:1;padding-left:0;padding-right:clamp(35px,6vw,94px)}
.ab-furniture-designer-story__photo{position:relative;min-height:470px;margin:0;overflow:hidden;background:#c8c5bd}
.ab-furniture-designer-story__photo::after{content:"";position:absolute;inset:65% 0 0;background:linear-gradient(transparent,rgba(12,25,20,.55));pointer-events:none}
.ab-furniture-designer-story__photo img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center 34%}
.ab-furniture-designer-story__photo figcaption{position:absolute;z-index:1;bottom:20px;left:24px;right:24px;color:#fff;font-size:10px;font-weight:600;letter-spacing:.16em;text-transform:uppercase}
.ab-furniture-designer-story__content{display:flex;flex-direction:column;padding:19px 0 8px clamp(35px,6vw,94px)}
.ab-furniture-designer-story__meta{display:flex;justify-content:space-between;gap:15px;color:#936f47;font-size:10px;font-weight:600;letter-spacing:.16em;text-transform:uppercase}
.ab-furniture-designer-story h3{margin:clamp(42px,5vw,77px) 0 24px;color:#1b2823;font-size:clamp(38px,4.2vw,60px);font-weight:800;line-height:1.06;letter-spacing:-.045em;text-transform:none}
.ab-furniture-designer-story__content>p{max-width:570px;margin:0 0 17px;color:#4c5b53;font-size:15px;line-height:1.72}
.ab-furniture-designer-story__collection{display:flex;flex-direction:column;gap:11px;margin-top:auto;padding-top:23px;border-top:1px solid #c9c6bb}
.ab-furniture-designer-story__collection span{color:#936f47;font-size:10px;font-weight:600;letter-spacing:.17em;text-transform:uppercase}
.ab-furniture-designer-story__collection strong{color:#25362d;font-size:14px;font-weight:500;line-height:1.5}
@media(max-width:1000px){.ab-furniture-designer-story__content{padding-left:30px}.ab-furniture-designer-story--reverse .ab-furniture-designer-story__content{padding-right:30px}.ab-furniture-designer-story__photo{min-height:520px}.ab-furniture-designer-story h3{margin:42px 0 20px}.ab-furniture-designer-story__content>p{font-size:14px;line-height:1.65}}
@media(max-width:700px){.ab-furniture-designers{padding:78px 0 88px}.ab-furniture-designer-story,.ab-furniture-designer-story--reverse{grid-template-columns:1fr;padding:30px 0}.ab-furniture-designer-story__photo,.ab-furniture-designer-story--reverse .ab-furniture-designer-story__photo{order:0;min-height:0;aspect-ratio:1.15}.ab-furniture-designer-story__content,.ab-furniture-designer-story--reverse .ab-furniture-designer-story__content{order:1;padding:27px 0 5px}.ab-furniture-designer-story h3{margin:29px 0 18px;font-size:clamp(37px,9vw,44px)}.ab-furniture-designer-story__content>p{font-size:14px}.ab-furniture-designer-story__collection{margin-top:16px}.ab-furniture-designer-story__meta{font-size:9px;letter-spacing:.11em}}

/* Furniture collection detail */
.ab-collection{overflow:hidden;background:#f4f1e9;color:#1b2823;font-family:Inter,Arial,sans-serif}
.ab-collection *{box-sizing:border-box}
.ab-collection__container{width:min(100% - 64px,1320px);margin-inline:auto}
.ab-collection__breadcrumbs{display:flex;align-items:center;gap:13px;padding:34px 0;color:#7f897e;font-size:12px}
.ab-collection__breadcrumbs a{color:#526759;text-decoration:none}.ab-collection__breadcrumbs a:hover{color:#1b2823}
.ab-collection__eyebrow{margin:0 0 24px;color:#947450;font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}
.ab-collection h1,.ab-collection h2,.ab-collection h3,.ab-collection p{font-family:inherit}
.ab-collection h2{margin:0;color:#1b2823;font-size:clamp(30px,3.45vw,48px);font-weight:800;line-height:1.12;letter-spacing:-.045em}
.ab-collection-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.91fr);min-height:650px;padding:24px 0 92px;gap:clamp(45px,6vw,100px);align-items:center}
.ab-collection-hero__copy{padding:30px 0}.ab-collection-hero h1{margin:0 0 28px;color:#203b32;font-size:clamp(58px,8vw,118px);font-weight:800;letter-spacing:-.075em;line-height:.9;text-transform:uppercase}
.ab-collection-hero__tagline{margin:0 0 25px;color:#263a30;font-size:clamp(25px,2.6vw,37px);font-weight:600;line-height:1.19;letter-spacing:-.035em}
.ab-collection-hero__summary{max-width:510px;margin:0 0 36px;color:#526158;font-size:16px;line-height:1.7}
.ab-collection__button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding:18px 22px;background:#203b32;color:#fff!important;font-size:11px;font-weight:700;letter-spacing:.1em;text-decoration:none;text-transform:uppercase;transition:background .25s}.ab-collection__button:hover{background:#385b48}
.ab-collection-hero__media{position:relative;min-height:600px;align-self:stretch;overflow:hidden;background:#d8d5ca}.ab-collection-hero__media img,.ab-collection-panorama img,.ab-collection-feature__media img{display:block;width:100%;height:100%;object-fit:cover}.ab-collection-hero__media img{position:absolute;inset:0}.ab-collection-hero__media:after{content:'';position:absolute;inset:55% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.45))}.ab-collection-hero__media span{position:absolute;z-index:1;bottom:24px;left:26px;color:#fff;font-size:10px;font-weight:600;letter-spacing:.13em;text-transform:uppercase}
.ab-collection-intro{display:grid;grid-template-columns:1fr 1fr;gap:clamp(50px,9vw,150px);padding:100px 0 110px;border-top:1px solid #d1d0c7}.ab-collection-intro h2{max-width:550px}.ab-collection-intro__text{max-width:560px;padding-top:27px;color:#526158;font-size:16px;line-height:1.8}.ab-collection-intro__text p{margin:0 0 18px;font-size:inherit;line-height:inherit}
.ab-collection-panorama{height:clamp(360px,49vw,740px);overflow:hidden;background:#d7d5cb}.ab-collection-panorama img{object-position:center 45%}
.ab-collection-materials,.ab-collection-lineup{padding:105px 0 120px}.ab-collection__section-head{max-width:780px;margin-bottom:48px}.ab-collection-materials__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #c9c9be}.ab-collection-materials__grid article{padding:30px 32px 0 0;margin-right:32px;border-right:1px solid #c9c9be}.ab-collection-materials__grid article:last-child{border-right:0;margin-right:0}.ab-collection-materials__grid span,.ab-collection-lineup__grid span{display:block;margin-bottom:22px;color:#987b59;font-size:11px;font-weight:700;letter-spacing:.14em}.ab-collection-materials__grid h3,.ab-collection-lineup__grid h3{margin:0 0 13px;color:#203b32;font-size:25px;font-weight:700;letter-spacing:-.035em;line-height:1.2}.ab-collection-materials__grid p,.ab-collection-lineup__grid p{margin:0;color:#536258;font-size:14px;line-height:1.7}
.ab-collection-feature{display:grid;grid-template-columns:1fr 1fr;min-height:570px;background:#e7e6dc}.ab-collection-feature__media{min-height:570px;overflow:hidden}.ab-collection-feature__copy{display:flex;flex-direction:column;justify-content:center;max-width:620px;padding:70px clamp(40px,6vw,100px)}.ab-collection-feature__copy h2{margin-bottom:26px}.ab-collection-feature__copy>p:last-child{margin:0;color:#526158;font-size:15px;line-height:1.75}
.ab-collection-info{display:grid;grid-template-columns:1fr 1fr;gap:clamp(60px,9vw,155px);padding:115px 0;border-bottom:1px solid #c9c9be}.ab-collection-info>div:first-child>p:last-child{max-width:500px;margin:25px 0 0;color:#526158;font-size:15px;line-height:1.75}.ab-collection-info__list{margin:0;border-top:1px solid #c9c9be}.ab-collection-info__list div{display:grid;grid-template-columns:140px 1fr;gap:20px;padding:19px 0;border-bottom:1px solid #c9c9be}.ab-collection-info__list dt{color:#8c7658;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.ab-collection-info__list dd{margin:0;color:#273a30;font-size:14px;line-height:1.5}
.ab-collection-lineup__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #c9c9be}.ab-collection-lineup__grid article{padding:29px 25px 0;border-right:1px solid #c9c9be}.ab-collection-lineup__grid article:first-child{padding-left:0}.ab-collection-lineup__grid article:last-child{border-right:0}
.ab-collection-next{display:flex;align-items:end;justify-content:space-between;gap:40px;padding:68px 0 82px;border-top:1px solid #c9c9be}.ab-collection-next h2{max-width:650px}.ab-collection-next p:last-child{margin:18px 0 0;color:#526158;font-size:15px}.ab-collection-next__actions{display:flex;flex-direction:column;gap:20px;min-width:240px}.ab-collection-next__actions a{display:flex;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid #9da99e;color:#203b32;font-size:12px;font-weight:700;text-decoration:none;text-transform:uppercase;letter-spacing:.08em}
@media(max-width:900px){.ab-collection__container{width:min(100% - 48px,1320px)}.ab-collection-hero{min-height:0;grid-template-columns:1fr;gap:34px;padding-bottom:70px}.ab-collection-hero__copy{padding:0}.ab-collection-hero__media{min-height:0;aspect-ratio:1.3}.ab-collection-intro{gap:42px;padding:76px 0}.ab-collection-materials,.ab-collection-lineup{padding:80px 0}.ab-collection-feature,.ab-collection-info{grid-template-columns:1fr}.ab-collection-feature__media{min-height:0;aspect-ratio:1.45}.ab-collection-feature__copy{padding:70px 48px}.ab-collection-info{gap:50px;padding:80px 0}.ab-collection-lineup__grid{grid-template-columns:repeat(2,1fr)}.ab-collection-lineup__grid article{padding:25px;border-bottom:1px solid #c9c9be}.ab-collection-lineup__grid article:nth-child(2){border-right:0}}
@media(max-width:600px){.ab-collection__container{width:calc(100% - 36px)}.ab-collection__breadcrumbs{padding:23px 0 35px;font-size:11px}.ab-collection-hero{gap:31px;padding:0 0 60px}.ab-collection-hero h1{font-size:clamp(55px,17vw,82px)}.ab-collection-hero__tagline{font-size:25px}.ab-collection-hero__summary{font-size:14px}.ab-collection-hero__media{aspect-ratio:4/5}.ab-collection-intro{grid-template-columns:1fr;gap:23px;padding:65px 0}.ab-collection-intro__text{padding-top:0;font-size:14px}.ab-collection-panorama{height:360px}.ab-collection-materials,.ab-collection-lineup{padding:70px 0}.ab-collection__section-head{margin-bottom:32px}.ab-collection-materials__grid{grid-template-columns:1fr}.ab-collection-materials__grid article{margin:0;padding:24px 0;border:0;border-bottom:1px solid #c9c9be}.ab-collection-materials__grid article:last-child{border-bottom:0}.ab-collection-materials__grid span,.ab-collection-lineup__grid span{margin-bottom:12px}.ab-collection-feature__media{aspect-ratio:1.1}.ab-collection-feature__copy{padding:58px 18px}.ab-collection-info{padding:70px 0}.ab-collection-info__list div{grid-template-columns:100px 1fr;gap:13px}.ab-collection-lineup__grid{grid-template-columns:1fr}.ab-collection-lineup__grid article,.ab-collection-lineup__grid article:first-child{padding:24px 0;border-right:0}.ab-collection-next{display:block;padding:55px 0 75px}.ab-collection-next__actions{margin-top:35px}}

/* Furniture collection detail */
.ab-collection{background:#f4f1e9}

.ab-collection{padding-top:clamp(77px,7vw,92px)}

.ab-collection-video{padding:15px 0 110px}.ab-collection-video__head{margin-bottom:32px}.ab-collection-video video{display:block;width:100%;max-height:680px;aspect-ratio:16/9;object-fit:cover;background:#203b32}.ab-collection-video .ab-collection__eyebrow{margin-bottom:16px}@media(max-width:600px){.ab-collection-video{padding:5px 0 65px}.ab-collection-video__head{margin-bottom:25px}}

/* Solid navigation above light collection pages */
body.ab-collection-page .header.ab-header.transparent{background:rgba(21,31,30,.97);backdrop-filter:blur(18px)}

body.ab-collection-page #header{background:rgba(21,31,30,.97)}