/* ============================================
   RESPONSIVE UTILITIES
============================================ */
@media (max-width: 480px) {
    .hero-buttons {
        flex-direction: column;
        width: 100%;
    }

    .btn {
        width: 100%;
        justify-content: center;
    }

    .cta-buttons {
        flex-direction: column;
    }

    .trust-container {
        flex-direction: column;
        gap: 2rem;
    }

    .about-features {
        grid-template-columns: 1fr;
    }
}

/* ============================================
   COMPREHENSIVE RESPONSIVE STYLES
============================================ */

/* LAPTOP: 992px - 1199px */
@media (min-width: 992px) and (max-width: 1199px) {
    .hero-content {
        padding: 0 3rem;
    }

    .products-marquee-track {
        gap: 1.5rem;
    }

    .product-card {
        flex: 0 0 340px;
    }

    .stat-item {
        padding: 2rem 1.5rem;
    }

    .footer-grid {
        gap: 2.5rem;
    }
}

/* TABLET: 768px - 991px */
@media (min-width: 768px) and (max-width: 991px) {
    .products-marquee-track {
        gap: 1.25rem;
    }

    .product-card {
        flex: 0 0 300px;
    }

    .product-image {
        height: 220px;
    }

    .product-info {
        padding: 1.25rem;
    }

    .stat-value {
        font-size: clamp(2.5rem, 6vw, 3.5rem);
    }

    .about-grid {
        grid-template-columns: 1fr;
        gap: 3rem;
    }

    .about-image-wrapper {
        max-width: 500px;
        margin: 0 auto;
    }

    .advantage-item {
        padding: 2rem;
    }

    .advantage-number {
        font-size: clamp(2.5rem, 6vw, 3.5rem);
    }

    .cta-frame {
        top: 1rem;
        left: 1rem;
        right: 1rem;
        bottom: 1rem;
    }

    .footer-grid {
        grid-template-columns: 1fr 1fr;
        gap: 2.5rem;
    }

    .footer-brand {
        grid-column: span 2;
        max-width: 100%;
    }
}

/* MOBILE: до 767px */
@media (max-width: 767px) {
    /* Production Section - prevent horizontal overflow */
    .prod-section {
        padding: 3rem 1rem !important;
        overflow-x: hidden;
        max-width: 100vw;
        box-sizing: border-box;
    }

    .prod-section__header {
        margin-bottom: 2rem;
    }

    .prod-section__index {
        font-size: 2rem;
    }

    .prod-section__title {
        font-size: 1.3rem;
        word-break: break-word;
    }

    /* Brick Production Info */
    .prod-brick__info {
        padding: 0;
        width: 100%;
        max-width: 100%;
    }

    .prod-brick__desc {
        font-size: 0.95rem;
        margin-bottom: 1.5rem;
    }

    .prod-brick__features {
        gap: 1rem;
        width: 100%;
    }

    .prod-brick__feature {
        padding: 1rem;
        gap: 1rem;
        width: 100%;
        box-sizing: border-box;
    }

    .prod-brick__feature:hover {
        transform: none;
    }

    .prod-brick__feature-icon {
        width: 36px;
        height: 36px;
        min-width: 36px;
    }

    .prod-brick__feature-icon svg {
        width: 18px;
        height: 18px;
    }

    .prod-brick__feature-text h4 {
        font-size: 0.9rem;
    }

    .prod-brick__feature-text p {
        font-size: 0.8rem;
    }

    /* Brick Production Slider */
    .prod-brick__layout {
        grid-template-columns: 1fr;
        gap: 2rem;
    }

    .prod-brick__slider {
        aspect-ratio: 16/10;
    }

    .prod-brick__slider-arrow {
        width: 40px;
        height: 40px;
        opacity: 1;
    }

    .prod-brick__slider-arrow--prev {
        left: 10px;
    }

    .prod-brick__slider-arrow--next {
        right: 10px;
    }

    .prod-brick__slider-arrow svg {
        width: 16px;
        height: 16px;
    }

    .prod-brick__slider-controls {
        padding: 0.75rem 1rem;
    }

    .prod-brick__slider-progress-bar {
        width: 40px;
    }

    .prod-brick__slider-current,
    .prod-brick__slider-total {
        font-size: 0.65rem;
    }

    .prod-brick__slider-dot {
        width: 6px;
        height: 6px;
    }

    .prod-brick__slider-dot.active {
        width: 18px;
    }

    .prod-brick__slide-tag {
        font-size: 0.55rem;
        padding: 0.3rem 0.6rem;
    }

    .prod-brick__slide-caption {
        font-size: 0.9rem;
    }

    .prod-brick__slider-corner--tl {
        top: 10px;
        left: 10px;
        width: 20px;
        height: 20px;
    }

    .prod-brick__slider-corner--br {
        bottom: 55px;
        right: 10px;
        width: 20px;
        height: 20px;
    }

    /* Hero */
    .hero {
        min-height: 80svh;
        padding-top: 100px;
    }

    .hero-content {
        padding: 0;
    }

    .hero-title .line-number {
        margin-bottom: 0.8rem;
    }

    .hero-subtitle {
        font-size: 0.95rem;
        margin-top: 1.5rem;
    }

    .hero-buttons {
        flex-direction: column;
        gap: 1rem;
        margin-top: 2rem;
    }

    .hero-buttons .btn {
        width: 100%;
        justify-content: center;
    }

    .scroll-indicator {
        display: none;
        bottom: 2rem;
    }

    /* Products */
    .products-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 1.5rem;
        padding: 0 1.25rem;
    }

    .products-controls {
        width: 100%;
        justify-content: space-between;
    }

    .products-marquee-track {
        gap: 1rem;
    }

    .product-card {
        flex: 0 0 280px;
    }

    .product-image {
        height: 200px;
        padding: 1.5rem;
    }

    .product-index {
        font-size: 0.55rem;
    }

    .product-info {
        padding: 1rem;
    }

    .product-name {
        font-size: 1rem;
    }

    .product-specs {
        font-size: 0.8rem;
    }

    .product-price .amount {
        font-size: 1.3rem;
    }

    /* Stats */
    .stats-grid {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .stat-item {
        padding: 2rem 1.5rem;
        border-right: none !important;
    }

    .stat-item::before,
    .stat-item::after {
        display: none;
    }

    .stat-value {
        font-size: clamp(2.5rem, 10vw, 3.5rem);
    }

    /* About - prevent horizontal overflow */
    .about {
        overflow-x: hidden;
        max-width: 100vw;
    }

    .about-grid {
        grid-template-columns: 1fr;
        gap: 2.5rem;
        padding: 0 1rem;
        max-width: 100%;
        box-sizing: border-box;
    }

    .about-content {
        max-width: 100%;
        width: 100%;
        box-sizing: border-box;
    }

    .about-title {
        font-size: clamp(1.5rem, 6vw, 2rem);
        word-break: break-word;
        hyphens: auto;
    }

    .about-text {
        font-size: 0.95rem;
    }

    .about-image-wrapper {
        max-width: 100%;
    }

    .about-decor {
        display: none;
    }

    .about-features {
        grid-template-columns: 1fr;
        gap: 1rem;
        width: 100%;
    }

    .about-feature {
        padding: 1rem;
        width: 100%;
        box-sizing: border-box;
    }

    /* Advantages */
    .advantages-list {
        grid-template-columns: 1fr;
    }

    .advantage-item {
        padding: 1.5rem;
        gap: 1.25rem;
    }

    .advantage-item::before {
        display: none;
    }

    .advantage-number {
        font-size: clamp(2rem, 8vw, 3rem);
    }

    .advantage-content h3 {
        font-size: 1.1rem;
    }

    .advantage-corner {
        display: none;
    }

    /* CTA */
    .cta {
        padding: clamp(4rem, 12vw, 8rem) 1.25rem;
    }

    .cta-frame {
        display: none;
    }

    .cta-title {
        font-size: clamp(1.8rem, 8vw, 3rem);
    }

    .cta-subtitle {
        flex-direction: column;
        gap: 0.75rem;
    }

    .cta-subtitle .divider {
        display: none;
    }

    .cta-buttons {
        flex-direction: column;
        width: 100%;
    }

    .cta-buttons .btn {
        width: 100%;
    }

    .cta-phone {
        font-size: 1.3rem;
        padding: 0.75rem 1.5rem;
    }

    /* Footer */
    .footer {
        padding: 3rem 1.25rem;
    }

    .footer-frame {
        display: none;
    }

    .footer-grid {
        grid-template-columns: 1fr;
        gap: 2rem;
    }

    .footer-brand {
        max-width: 100%;
    }

    .footer-col h4 {
        margin-bottom: 1rem;
    }

    .footer-bottom {
        flex-direction: column;
        text-align: center;
        gap: 1.5rem;
    }

    /* Trust */
    .trust-container {
        flex-direction: column;
        gap: 1.5rem;
    }

    .trust-item {
        padding: 1.25rem 0;
    }

    /* Marquee */
    .marquee-item {
        font-size: clamp(2rem, 8vw, 3rem);
        padding: 0 1.5rem;
    }

    /* Modal */
    .modal {
        padding: 1.5rem;
        margin: 0;
        max-height: calc(100vh - 2rem);
        overflow-y: auto;
    }

    .modal-title {
        font-size: 1.5rem;
    }

    .form-row {
        flex-direction: column;
    }
}

/* SMALL MOBILE: до 480px */
@media (max-width: 480px) {
    /* Production Section - smaller padding */
    .prod-section {
        padding: 2.5rem 0.75rem !important;
    }

    .prod-section__index {
        font-size: 1.5rem;
    }

    .prod-section__title {
        font-size: 1.1rem;
    }

    .prod-brick__desc {
        font-size: 0.9rem;
        line-height: 1.6;
    }

    .prod-brick__feature {
        padding: 0.875rem;
        gap: 0.75rem;
    }

    .prod-brick__feature-icon {
        width: 32px;
        height: 32px;
        min-width: 32px;
    }

    .prod-brick__feature-icon svg {
        width: 16px;
        height: 16px;
    }

    .prod-brick__feature-text h4 {
        font-size: 0.85rem;
    }

    .prod-brick__feature-text p {
        font-size: 0.75rem;
    }

    .hero-subtitle {
        font-size: 0.85rem;
    }

    /* About - 480px */
    .about-grid {
        padding: 0 0.75rem;
    }

    .about-title {
        font-size: clamp(1.3rem, 5.5vw, 1.8rem);
    }

    .about-text {
        font-size: 0.9rem;
    }

    .about-feature {
        padding: 0.875rem;
    }

    .product-card {
        flex: 0 0 90vw;
    }

    .product-image {
        height: 180px;
    }

    .stat-value {
        font-size: clamp(2rem, 12vw, 3rem);
    }

    .stat-label {
        font-size: 0.85rem;
    }

    .advantage-item {
        grid-template-columns: 1fr;
        gap: 0.75rem;
    }

    .advantage-number {
        font-size: 2rem;
    }

    .cta-title {
        font-size: clamp(1.5rem, 10vw, 2.5rem);
    }

    .cta-phone {
        font-size: 1.1rem;
        flex-direction: column;
        gap: 0.5rem;
        text-align: center;
    }

    .cta-phone svg {
        width: 28px;
        height: 28px;
    }

    .footer-socials {
        gap: 0.75rem;
    }

    .footer-socials a {
        width: 40px;
        height: 40px;
    }

    .section-label {
        font-size: 0.7rem;
    }

    .products-title,
    .advantages-title {
        font-size: clamp(1.8rem, 8vw, 2.5rem);
    }
}

/* LANDSCAPE MOBILE */
@media (max-height: 500px) and (orientation: landscape) {
    .hero {
        min-height: auto;
        padding: 100px 0 3rem;
    }

    .scroll-indicator {
        display: none;
    }

    .hero-buttons {
        flex-direction: row;
    }

    .kiln-glow {
        opacity: 0.3;
    }
}

/* TOUCH DEVICES - disable hover effects */
@media (hover: none) {
    .product-card:hover {
        transform: none;
        box-shadow: none;
    }

    .product-card:hover::before,
    .product-card:hover::after {
        opacity: 0;
    }

    .advantage-item:hover {
        background: transparent;
    }

    .advantage-item:hover .advantage-scan {
        left: -100%;
    }

    .footer-socials a:hover {
        background: transparent;
        box-shadow: none;
    }

    .footer-socials a:hover::before,
    .footer-socials a:hover::after {
        opacity: 0;
    }
}

/* HIGH DPI SCREENS */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .noise-overlay {
        opacity: 0.3;
    }
}

/* ============================================
   MOBILE FIXES - Text Overflow & Layout
============================================ */

/* MOBILE: до 767px */
@media (max-width: 767px) {
    /* Logo mobile adjustments */
    .logo {
        font-size: 1rem;
        gap: 0.4rem;
    }

    .logo-mark svg {
        height: 1.5em;
    }

    /* Hero title - allow text wrapping */
    .hero-title .word-main {
        white-space: normal !important;
        word-break: break-word;
        hyphens: auto;
        font-size: clamp(1.4rem, 5.5vw, 2.2rem) !important;
    }

    .hero-title .line {
        overflow: visible !important;
    }

    /* CTA section title fix */
    .cta-title {
        font-size: clamp(1.5rem, 7vw, 2.5rem);
        word-break: break-word;
    }

    /* Page Hero (Calculator page) fix */
    .page-hero {
        overflow-x: hidden;
        max-width: 100vw;
    }

    .page-hero__content {
        padding: 0 1rem;
        max-width: 100%;
        box-sizing: border-box;
    }

    .page-hero__title {
        font-size: clamp(1.5rem, 7vw, 2.5rem);
        letter-spacing: 0;
        word-break: break-word;
    }

    .page-hero__subtitle {
        font-size: 0.95rem;
        padding: 0 0.5rem;
    }

    /* Calculator header fix */
    .calc {
        overflow-x: hidden;
        max-width: 100vw;
    }

    .calc__header {
        padding: 2rem 0;
        margin-bottom: 2rem;
        overflow: hidden;
    }

    .calc__title {
        max-width: 100%;
        overflow: hidden;
    }

    .calc__title-stroke {
        font-size: clamp(1.5rem, 7vw, 2.2rem);
        word-break: break-word;
        letter-spacing: 0.02em;
    }

    .calc__title-main {
        font-size: clamp(1rem, 4.5vw, 1.5rem);
    }

    .calc__subtitle {
        font-size: 0.9rem;
        padding: 0 0.5rem;
    }

    .calc__container {
        padding: 0 1rem;
        max-width: 100%;
        box-sizing: border-box;
    }

    /* Calculator grid - single column */
    .calc__grid {
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    .calc-section {
        padding: 1.25rem;
    }

    .calc-section__header {
        margin-bottom: 1rem;
    }

    .calc-section__number {
        font-size: 0.65rem;
    }

    .calc-section__title {
        font-size: 0.95rem;
    }

    /* Fullscreen menu fix */
    .menu-nav a {
        font-size: clamp(1.5rem, 6vw, 2rem);
    }

    /* Footer logo */
    .footer-logo {
        font-size: 1rem;
        gap: 0.4rem;
    }
}

/* SMALL MOBILE: до 480px */
@media (max-width: 480px) {
    /* Logo smaller */
    .logo {
        font-size: 0.9rem;
        gap: 0.35rem;
    }

    .logo-mark svg {
        height: 1.3em;
    }

    /* Hero title even smaller */
    .hero-title .word-main {
        font-size: clamp(1.1rem, 5.5vw, 1.6rem) !important;
    }

    .hero-title .word-accent {
        font-size: clamp(2.5rem, 12vw, 8rem);
    }

    /* CTA title smaller */
    .cta-title {
        font-size: clamp(1.2rem, 5.5vw, 1.8rem) !important;
        word-break: break-word;
    }

    /* Page Hero (Calculator) - 480px */
    .page-hero__content {
        padding: 0 0.75rem;
    }

    .page-hero__title {
        font-size: clamp(1.3rem, 6.5vw, 2rem);
        letter-spacing: -0.01em;
    }

    .page-hero__subtitle {
        font-size: 0.9rem;
    }

    /* Modal title fix */
    .modal-title {
        font-size: clamp(1.2rem, 4vw, 1.5rem);
    }

    /* Calculator header smaller */
    .calc__title-stroke {
        font-size: clamp(1.3rem, 6.5vw, 1.8rem);
        -webkit-text-stroke: 1px var(--accent);
        text-stroke: 1px var(--accent);
        letter-spacing: 0.01em;
    }

    .calc__title-main {
        font-size: clamp(0.9rem, 4vw, 1.3rem);
    }

    .calc__subtitle {
        font-size: 0.85rem;
    }

    /* Menu smaller */
    .menu-nav a {
        font-size: clamp(1.3rem, 5vw, 1.6rem);
    }

    .menu-nav li {
        margin-bottom: 1rem;
    }

    /* Footer */
    .footer-logo {
        font-size: 0.9rem;
    }

    /* Catalog hero breadcrumb */
    .catalog-hero__breadcrumb {
        font-size: 0.75rem;
        flex-wrap: wrap;
    }

    .catalog-hero__title {
        font-size: clamp(1.8rem, 8vw, 2.5rem);
    }

    /* Product cards in catalog */
    .product-card__title {
        font-size: 0.9rem;
    }

    /* Contact cards */
    .contacts-card__title {
        font-size: 1rem;
    }

    .contacts-card__value {
        font-size: 0.95rem;
    }
}

/* EXTRA SMALL: до 360px */
@media (max-width: 360px) {
    /* About - extra small */
    .about-grid {
        padding: 0 0.5rem;
    }

    .about-title {
        font-size: clamp(1.1rem, 5vw, 1.5rem);
    }

    .about-text {
        font-size: 0.85rem;
    }

    .about-feature {
        padding: 0.75rem;
    }

    /* Production Section - extra small */
    .prod-section {
        padding: 2rem 0.5rem !important;
    }

    .prod-section__index {
        font-size: 1.25rem;
    }

    .prod-section__title {
        font-size: 0.95rem;
    }

    .prod-brick__desc {
        font-size: 0.85rem;
    }

    .prod-brick__feature {
        padding: 0.75rem;
        gap: 0.625rem;
    }

    .prod-brick__feature-icon {
        width: 28px;
        height: 28px;
        min-width: 28px;
    }

    .prod-brick__feature-icon svg {
        width: 14px;
        height: 14px;
    }

    .prod-brick__feature-text h4 {
        font-size: 0.8rem;
    }

    .prod-brick__feature-text p {
        font-size: 0.7rem;
    }

    .logo {
        font-size: 0.8rem;
        gap: 0.3rem;
    }

    .logo-mark svg {
        height: 1.2em;
    }

    .hero-title .word-main {
        font-size: clamp(0.95rem, 5vw, 1.3rem) !important;
    }

    .hero-title .word-accent {
        font-size: clamp(2rem, 10vw, 6rem);
    }

    /* Page Hero (Calculator) - 360px */
    .page-hero__content {
        padding: 0 0.5rem;
    }

    .page-hero__title {
        font-size: clamp(1rem, 5.5vw, 1.5rem);
        letter-spacing: -0.02em;
    }

    .page-hero__subtitle {
        font-size: 0.8rem;
    }

    .calc__header {
        padding: 1.5rem 0;
    }

    .calc__title-stroke {
        font-size: clamp(0.85rem, 4.5vw, 1.1rem);
        letter-spacing: -0.02em;
        -webkit-text-stroke: 1px var(--accent);
        text-stroke: 1px var(--accent);
    }

    .calc__title-main {
        font-size: clamp(0.7rem, 3vw, 0.9rem);
    }

    .calc__subtitle {
        font-size: 0.75rem;
        padding: 0 0.25rem;
    }

    .calc__container {
        padding: 0 0.5rem;
    }

    .cta-title {
        font-size: clamp(1rem, 5vw, 1.4rem) !important;
    }

    .menu-nav a {
        font-size: 1.1rem;
    }

    /* Header CTA button */
    .header-cta {
        padding: 0.5rem 0.8rem;
        font-size: 0.7rem;
    }

    .header-cta span {
        display: none;
    }
}

/* ============================================
   PRODUCT PAGE RESPONSIVE
============================================ */

/* TABLET: до 1024px */
@media (max-width: 1024px) {
    .product-main {
        grid-template-columns: 1fr;
        gap: 3rem;
    }

    .product-gallery {
        position: static;
    }

    .product-info__features {
        grid-template-columns: repeat(3, 1fr);
    }

    .product-specs__grid {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }

    .applications-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .related-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* MOBILE: до 767px */
@media (max-width: 767px) {
    .product-hero {
        padding: calc(var(--header-height) + 2rem) 1rem 3rem;
    }

    .product-breadcrumb {
        font-size: 0.8rem;
        margin-bottom: 1.5rem;
    }

    .product-gallery__main {
        aspect-ratio: 4/3;
    }

    .product-gallery__badge {
        top: 1rem;
        left: 1rem;
        padding: 0.4rem 0.75rem;
        font-size: 0.7rem;
    }

    .product-gallery__zoom {
        width: 40px;
        height: 40px;
        bottom: 1rem;
        right: 1rem;
    }

    .product-gallery__zoom svg {
        width: 20px;
        height: 20px;
    }

    .product-info__title {
        font-size: clamp(1.5rem, 6vw, 2.5rem);
    }

    .product-info__subtitle {
        font-size: 1rem;
    }

    .product-info__features {
        grid-template-columns: 1fr;
        gap: 0.75rem;
    }

    .product-feature {
        padding: 1rem;
    }

    .product-feature__icon {
        width: 40px;
        height: 40px;
    }

    .product-feature__icon svg {
        width: 20px;
        height: 20px;
    }

    .product-info__actions {
        flex-direction: column;
    }

    .product-info__actions .btn {
        width: 100%;
        justify-content: center;
    }

    .product-specs {
        padding: 3rem 1rem;
    }

    .product-specs__header {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.75rem;
    }

    .product-specs__title {
        font-size: 1.25rem;
    }

    .specs-table__row {
        padding: 1rem;
        flex-direction: column;
        align-items: flex-start;
        gap: 0.25rem;
    }

    .specs-table__key {
        font-size: 0.85rem;
    }

    .specs-table__value {
        font-size: 0.9rem;
    }

    .specs-card {
        padding: 1.5rem;
    }

    .specs-card__icon {
        width: 48px;
        height: 48px;
    }

    .specs-card__icon svg {
        width: 24px;
        height: 24px;
    }

    .product-applications {
        padding: 3rem 1rem;
    }

    .product-applications__header {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.75rem;
    }

    .product-applications__title {
        font-size: 1.25rem;
    }

    .applications-grid {
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    .application-card {
        padding: 1.5rem;
    }

    .application-card__icon {
        width: 48px;
        height: 48px;
    }

    .application-card__icon svg {
        width: 24px;
        height: 24px;
    }

    .related-products {
        padding: 3rem 1rem;
    }

    .related-products__header {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.75rem;
    }

    .related-products__link {
        margin-left: 0;
    }

    .related-products__title {
        font-size: 1.25rem;
    }

    .related-grid {
        grid-template-columns: 1fr;
        gap: 1rem;
    }
}

/* SMALL MOBILE: до 480px */
@media (max-width: 480px) {
    .product-hero {
        padding: calc(var(--header-height) + 1.5rem) 0.75rem 2rem;
    }

    .product-breadcrumb {
        font-size: 0.75rem;
        gap: 0.5rem;
    }

    .product-breadcrumb svg {
        width: 12px;
        height: 12px;
    }

    .product-gallery__thumbs {
        gap: 0.5rem;
    }

    .product-info__category {
        font-size: 0.7rem;
    }

    .product-info__title {
        font-size: clamp(1.3rem, 5.5vw, 2rem);
    }

    .product-info__subtitle {
        font-size: 0.9rem;
    }

    .product-feature {
        padding: 0.875rem;
        gap: 0.75rem;
    }

    .product-feature__icon {
        width: 36px;
        height: 36px;
    }

    .product-feature__icon svg {
        width: 18px;
        height: 18px;
    }

    .product-feature__label {
        font-size: 0.7rem;
    }

    .product-feature__value {
        font-size: 0.9rem;
    }

    .product-info__description p {
        font-size: 0.9rem;
    }

    .btn-lg {
        padding: 1rem 1.5rem;
        font-size: 0.9rem;
    }

    .product-specs {
        padding: 2.5rem 0.75rem;
    }

    .product-specs__label,
    .product-applications__label,
    .related-products__label {
        font-size: 0.85rem;
        padding: 0.4rem 0.75rem;
    }

    .product-specs__title,
    .product-applications__title,
    .related-products__title {
        font-size: 1.1rem;
    }

    .specs-table__row {
        padding: 0.875rem;
    }

    .specs-table__key {
        font-size: 0.8rem;
    }

    .specs-table__value {
        font-size: 0.85rem;
    }

    .specs-card {
        padding: 1.25rem;
    }

    .specs-card__title {
        font-size: 1rem;
    }

    .specs-card__text {
        font-size: 0.85rem;
    }

    .product-applications {
        padding: 2.5rem 0.75rem;
    }

    .application-card {
        padding: 1.25rem;
    }

    .application-card__title {
        font-size: 0.9rem;
    }

    .application-card__text {
        font-size: 0.8rem;
    }

    .related-products {
        padding: 2.5rem 0.75rem;
    }

    .related-grid .product-card__name {
        font-size: 1rem;
    }

    .related-grid .product-card__desc {
        font-size: 0.8rem;
    }
}

/* EXTRA SMALL: до 360px */
@media (max-width: 360px) {
    .product-hero {
        padding: calc(var(--header-height) + 1rem) 0.5rem 1.5rem;
    }

    .product-info__title {
        font-size: clamp(1.1rem, 5vw, 1.5rem);
    }

    .product-info__subtitle {
        font-size: 0.85rem;
    }

    .product-feature {
        padding: 0.75rem;
        gap: 0.5rem;
    }

    .product-feature__icon {
        width: 32px;
        height: 32px;
    }

    .product-feature__icon svg {
        width: 16px;
        height: 16px;
    }

    .product-feature__label {
        font-size: 0.65rem;
    }

    .product-feature__value {
        font-size: 0.8rem;
    }

    .btn-lg {
        padding: 0.875rem 1.25rem;
        font-size: 0.85rem;
    }

    .product-specs,
    .product-applications,
    .related-products {
        padding: 2rem 0.5rem;
    }

    .application-card {
        padding: 1rem;
    }
}