@media (min-width:1400px){.container{max-width:90%}}@media (min-width:992px){#header .header-box{flex-direction:row-reverse}#header .main-nav{padding-left:0}#header .header-box .logo-box{padding-right:20px}}@media (max-width:1199px){#header nav ul li{padding:5px 10px}#header nav ul li a{font-size:16px}.product-card .image-anime,.project-img img{min-height:auto}.news-thumb{height:auto}}@media (max-width:1024px){.applications-grid,.feature-grid,.metrics-grid,.projects-teaser,.team-grid{grid-template-columns:1fr 1fr}.cta-content{flex-direction:column;text-align:center}.why-choose-grid{grid-template-columns:repeat(2,1fr)}.about-grid,.signature-grid,.tab-grid,.why-choose-grid{grid-template-columns:1fr}.footer-grid{margin-bottom:3rem}.hero-title,.slide-title{font-size:3rem}.signature-grid{gap:2rem}.signature-visual{min-height:280px}.modern-hero h1{font-size:2.5rem}}@media (max-width:991px){:root{--container-width:100%;--spacing-xl:5rem;--spacing-lg:3rem}.hero-title{font-size:3rem}.about-grid,.product-detail-grid,.signature-grid,.why-choose-grid{grid-template-columns:1fr;gap:2rem}.about-image,.signature-visual{order:-1}.product-grid{grid-template-columns:repeat(2,1fr)}#header .header-box:has(.main-nav > nav.show){-webkit-backdrop-filter:none;backdrop-filter:none}#header .main-nav .cancel-menu,#header .main-nav nav{position:fixed;left:-100%;width:100%;transition:.5s;opacity:0;visibility:hidden}#header .main-nav nav{top:0;height:100vh;background:var(--color-primary);z-index:111;padding-top:80px}#header .main-nav nav.show{left:0;opacity:1;visibility:visible}#header .main-nav nav ul li{display:block;text-align:left;padding:10px}#header nav ul li a{color:var(--white)!important}#header nav ul li a.active,#header nav ul li a:hover{color:var(--color-accent)!important;opacity:1}#header nav ul li a.dropdown-toggle,#header nav ul li a.nav-link{display:inline-block!important}#header nav ul li a.dropdown-item.nav-link{max-width:fit-content}#header.show .main-nav .click-menu{color:var(--brown-color)}#header .main-nav .click-menu{display:block}#header .main-nav .cancel-menu{display:block;top:40px;max-width:20px;text-align:center;z-index:222}#header .main-nav .cancel-menu.show{opacity:1;visibility:visible;left:calc(100% - 40px)}#header .main-nav{flex-direction:row-reverse}#header .button-box{margin-left:0;margin-right:20px}#header nav ul li a.active::before{background:var(--color-accent)}.product-detail-image{height:360px}.inspiration-gallery{row-gap:1rem!important}.inspiration-item{border-radius:12px}.inspiration-overlay{opacity:1;padding:.9rem;background:linear-gradient(180deg,rgb(0 0 0 / .05) 28%,rgb(0 0 0 / .75) 100%)}.inspiration-overlay-content,.inspiration-overlay-icon{opacity:1;transform:translateY(0) scale(1)}.inspiration-overlay-content h3{font-size:.95rem}.inspiration-overlay-content p{font-size:.78rem}}@media (max-width:767px){.metrics-grid,.usp-container{grid-template-columns:repeat(2,1fr)}:root{--header-height:70px;--spacing-xl:4rem;--spacing-lg:2.5rem}.hero-title,.page-breadcrumb h1,h1{font-size:2.5rem}h2{font-size:2rem;letter-spacing:0}.hero-slide{flex-direction:column;justify-content:center;padding-top:80px;height:auto;min-height:100vh}.footer-bottom,.newsletter-form,.tabs-nav{flex-direction:column}.hero-swiss-card{position:relative;right:auto;bottom:auto;width:min(400px,calc(100% - 2rem));padding:2rem;margin-bottom:3rem;border-left:3px solid var(--color-accent);border-top:none;display:block;background:rgba(10,10,10,.45)}.hsc-details,.hsc-eyebrow{display:block}.hsc-title{font-size:1.8rem;margin-bottom:2rem}.hsc-btn{width:100%;padding:1rem;font-size:.8rem;margin-bottom:0;display:inline-flex}.slide-content{margin-top:0;margin-bottom:2rem}.hero-slider .owl-dots{bottom:20px}.usp-container{gap:1.5rem}.metrics-grid{gap:1rem}.applications-grid,.feature-grid,.grid-2,.projects-teaser,.team-grid,.why-choose-grid{grid-template-columns:1fr}.footer-bottom{gap:1rem}.newsletter-form button{width:100%;padding:.8rem}.tab-btn{border-bottom:1px solid var(--color-border);margin-bottom:0}.tab-btn.active{border-bottom:1px solid var(--color-accent);border-left:4px solid var(--color-accent);border-bottom:1px solid var(--color-accent);background-color:var(--color-white);border-left:4px solid var(--color-accent)}.grid-2{gap:2rem}.footer-bottom{flex-direction:column;text-align:center}.footer-grid{margin-bottom:2rem}.usp-container{grid-template-columns:1fr 1fr}.tabs-nav{justify-content:flex-start;flex-direction:column;align-items:stretch;border-bottom:none;gap:.5rem;overflow-x:hidden}.slide-title{font-size:2.2rem}.slide-subtitle{font-size:1rem}.timeline::before{left:20px}.timeline-item{width:100%;padding-left:50px!important;padding-right:0!important;text-align:left!important}.timeline-item:nth-child(2n){left:0}.timeline-item::after{left:12px!important}.tab-btn{width:100%;text-align:left;border-bottom:1px solid var(--color-border);padding:1rem;background-color:var(--color-light)}.modern-hero{padding:4rem 0 3rem}}@media (max-width:575px){.section{padding:50px 0}.accent-line{width:80px!important}.hero-title{font-size:2rem}.hero-slide{padding-top:60px}.hero-swiss-card{width:calc(100% - 1.5rem);padding:1.5rem;margin-bottom:3rem;border-left:2px solid var(--color-accent);border-top:none;display:block}#projectsTab .nav-item .nav-link,.hsc-btn{width:100%}.hsc-eyebrow{display:block;font-size:.65rem}.hsc-title{font-size:1.5rem;margin-bottom:1.5rem}.hsc-details{display:block;margin-bottom:1.5rem;gap:.75rem}.hsc-label{display:inline;font-size:.65rem}.hsc-value{display:inline;font-size:.85rem}.hsc-btn{padding:1rem;font-size:.8rem;margin-bottom:0;display:inline-flex}.slide-content{margin-top:0;margin-bottom:1.5rem}.hero-slider .owl-dots{bottom:15px}.metrics-grid,.news-grid,.product-grid,.usp-container{grid-template-columns:1fr}.container{padding:0 1.5rem}.btn{text-align:center;margin-bottom:.5rem}.inspiration-overlay{padding:.8rem}.inspiration-overlay-icon{width:40px;height:40px;font-size:.9rem}.inspiration-overlay-content{max-width:calc(100% - 56px)}.inspiration-overlay-content h3{font-size:.88rem}.inspiration-overlay-content p{font-size:.74rem;margin-top:.2rem}.hero-content{padding:0 1rem}#productTabs .filter-btn{width:calc(33.333% - 1rem)}#projectsTab .nav-item{width:calc(50% - 1rem)}}@media (max-width:479px){#productTabs .filter-btn{width:calc(50% - 1rem)}.feature-box{padding:1.5rem}}.company-page .cta-title{font-size:1.25rem}.company-page .mv-card__icon-wrap{width:56px;height:56px;font-size:1.4rem}@media (max-width:767px){.hero-slide-inner{gap:2rem}.slide-title{font-size:2.3rem}.slide-subtitle{font-size:1rem}.slide-buttons{flex-direction:column;gap:.75rem}.slide-buttons .btn{width:100%}.hero-swiss-card{padding:1.75rem}.hsc-title{font-size:1.75rem}}@media (max-width:575px){.hero-slide{padding:0 1rem}.hero-slide-inner{gap:1.75rem}.slide-content .slide-tag{font-size:.7rem}.slide-title{font-size:2rem}.slide-subtitle{font-size:.95rem}.hero-swiss-card{padding:1.5rem;border-radius:12px}.hsc-eyebrow{font-size:.62rem}.hsc-title{font-size:1.5rem}.hsc-details li{padding-bottom:.6rem}}

/* ============================================================
   PRODUCT DETAIL PAGE – RESPONSIVE FIXES
   ============================================================ */

/* ---------- Tablet & below (≤991px) ---------- */
@media (max-width:991px){
  /* Hero section: stack columns, image first */
  .page-hero{padding:5rem 0 2.5rem;margin-bottom:2rem}
  .page-hero .row{flex-direction:column-reverse;gap:2rem}
  .page-hero .col-lg-6{width:100%;max-width:100%;flex:none}

  /* Product image slider */
  .product-detail-slider{border-radius:8px;min-height:300px}
  .product-detail-carousel .product-detail-slide{height:320px!important}
  .product-detail-img{object-fit:contain!important}

  /* Product sidebar: un-sticky on tablet */
  .product-sidebar{position:relative;top:auto;margin-top:1.5rem}

  /* Key features grid: 2 columns on tablet */
  .grid-2{grid-template-columns:1fr 1fr;gap:1.25rem}

  /* Inspiration gallery: 2 columns */
  .inspiration-gallery .col-lg-3{flex:0 0 50%;max-width:50%}
}

/* ---------- Small tablet / large phone (≤767px) ---------- */
@media (max-width:767px){
  /* Page hero */
  .page-hero{padding:4rem 0 2rem;margin-bottom:1.5rem}
  .page-hero h1{font-size:2rem;letter-spacing:-.5px}
  .page-hero p.text-secondary{font-size:1rem}

  /* Inquire button: full width */
  .page-hero .btn-lg{width:100%;justify-content:center;letter-spacing:1px;padding:14px 20px}

  /* Product image slider height */
  .product-detail-slider{min-height:240px}
  .product-detail-carousel .product-detail-slide{height:260px!important}

  /* Technical specs table: readable on small screens */
  .product-detail-content table,
  section .row table{font-size:.875rem}
  section .row table th,
  section .row table td{padding:.65rem .75rem}
  section .row table th{font-size:.75rem;width:38%!important}

  /* Key features: single column on phone */
  .grid-2{grid-template-columns:1fr;gap:1rem}

  /* Product sidebar */
  .product-sidebar{padding:1.25rem;border-radius:8px}
  .product-sidebar-title{font-size:1.25rem}
  .product-sidebar-header{padding:.75rem 1rem}
  .catalog-card{flex-direction:column;gap:.75rem;padding:1.25rem}
  .catalog-card__icon{width:48px;height:48px;font-size:1.4rem}

  /* Badge on hero */
  .page-hero .badge{font-size:.72rem;padding:.4rem .75rem}

  /* Inspiration gallery: 2 columns */
  .inspiration-gallery .col-lg-3{flex:0 0 50%;max-width:50%}
  .inspiration-item img.inspiration-thumb{aspect-ratio:1/1}

  /* Section headings inside product detail */
  .section .container .row h2{font-size:1.6rem}
}

/* ---------- Mobile (≤575px) ---------- */
@media (max-width:575px){
  /* Hero */
  .page-hero{padding:3.5rem 0 1.75rem;margin-bottom:1rem}
  .page-hero h1{font-size:1.75rem}
  .page-hero p.text-secondary{font-size:.95rem;line-height:1.7}

  /* Slider */
  .product-detail-slider{min-height:200px;border-radius:6px}
  .product-detail-carousel .product-detail-slide{height:220px!important}

  /* Owl nav buttons smaller */
  .product-detail-carousel .owl-nav button{width:38px;height:38px;font-size:.85rem}

  /* Specs table: let it scroll horizontally */
  section .row div[style*="overflow-x"]{overflow-x:auto;-webkit-overflow-scrolling:touch}
  section .row table{min-width:280px}

  /* Feature boxes in key features */
  .feature-box{padding:1rem;gap:.85rem}
  .feature-box .icon,.feature-box i{width:44px;height:44px;font-size:1.4rem}
  .feature-box h5{font-size:.9rem}

  /* Inspiration gallery: single column */
  .inspiration-gallery .col-lg-3,
  .inspiration-gallery .col-md-6,
  .inspiration-gallery .col-sm-6{flex:0 0 100%;max-width:100%}

  /* Breadcrumb */
  .page-breadcrumb{padding:5rem 0 2rem}
  .page-breadcrumb h1{font-size:1.75rem}
  .breadcrumb-nav{font-size:.78rem;gap:.35rem}

  /* Section spacing */
  .inspiration-section{padding:40px 0}
  .inspiration-section h2{font-size:1.5rem;margin-bottom:1rem}
}

/* ---------- Extra small (≤479px) ---------- */
@media (max-width:479px){
  .page-hero h1{font-size:1.5rem}
  .product-detail-carousel .product-detail-slide{height:190px!important}
  .product-sidebar{padding:1rem}
  .catalog-card{padding:1rem}
  section .row table th{font-size:.7rem}
  .feature-box{padding:.875rem;gap:.75rem}
}