/* ==========================================================================
   TAEMOFY — Responsive Rules
   Breakpoints: 1200 (laptop) / 992 (tablet-land) / 768 (tablet) / 480 (mobile)
   ========================================================================== */

@media (max-width:1200px){
  .why-grid{ grid-template-columns:repeat(2,1fr); }
  .products-grid{ grid-template-columns:repeat(3,1fr); }
  .achievements-grid{ grid-template-columns:repeat(2,1fr); gap:28px; }
  .footer-grid{ grid-template-columns:1fr 1fr; row-gap:40px; }
  .gallery-grid{ grid-template-columns:repeat(3,1fr); }
}

@media (max-width:992px){
  :root{ --header-h:72px; }
  .nav-links,.header-right .header-cta{ display:none; }
  .hamburger{ display:flex; }
  .two-col{ grid-template-columns:1fr; gap:40px; }
  .contact-cards{ grid-template-columns:1fr 1fr; }
  .process-grid{ grid-template-columns:repeat(3,1fr); row-gap:40px; }
  .process-line{ display:none; }
  .hero-stats{ gap:36px; }
  section{ padding:80px 0; }
}

@media (max-width:768px){
  .why-grid{ grid-template-columns:1fr; }
  .products-grid{ grid-template-columns:1fr; }
  .products-section{ padding:76px 0; }
  .products-section .products-grid{ max-width:420px; }
  .products-title{ font-size:2.6rem; }
  .achievements-grid{ grid-template-columns:1fr 1fr; gap:20px; }
  .achievement-card{ padding:36px 24px; }
  .achievement-number{ font-size:2.8rem; }
  .achievement-icon{ width:70px; height:70px; font-size:28px; }
  .achievements-title{ font-size:2.2rem; }
  .footer-grid{ grid-template-columns:1fr; gap:36px; }
  .footer-bottom{ flex-direction:column; text-align:center; }
  .contact-cards{ grid-template-columns:1fr; }
  .form-row{ grid-template-columns:1fr; }
  .process-grid{ grid-template-columns:1fr 1fr; }
  .gallery-grid{ grid-template-columns:repeat(2,1fr); }
  .hero-content .container{ padding-inline:20px; }
  .contact-form-card,.glass-form-card{ padding:32px 24px; }
  .video-glass{ padding:32px 26px; }
  section{ padding:64px 0; }
  .section-head{ margin-bottom:40px; }
  .achievements-section{ padding:80px 0; }
}

@media (max-width:480px){
  .hero{
    height:64vh;
    min-height:520px;
  }
  .hero-video{
    height:100%;
  }
  .about-section{
    text-align:center;
  }
  .about-grid{
    justify-items:center;
  }
  .about-content{
    max-width:340px;
    margin-inline:auto;
  }
  .about-text{
    margin-inline:auto;
  }
  .about-btn{
    justify-content:center;
  }
  .about-image{
    justify-self:center;
  }
  .hero h1{ font-size:2.3rem; }
  .hero p.lead{ font-size:1rem; }
  .hero-actions{ flex-direction:column; align-items:stretch; }
  .hero-actions .btn{ width:100%; }
  .achievements-grid{ grid-template-columns:1fr; gap:16px; }
  .achievement-card{ padding:28px 20px; }
  .achievement-number{ font-size:2.2rem; }
  .achievement-icon{ width:60px; height:60px; font-size:24px; margin-bottom:16px; }
  .achievement-card h3{ font-size:0.95rem; }
  .achievement-card p{ font-size:0.85rem; }
  .achievements-title{ font-size:1.8rem; }
  .achievements-label{ font-size:0.75rem; }
  .achievements-label::before, .achievements-label::after{ width:20px; }
  .process-grid{ grid-template-columns:1fr; }
  .gallery-grid{ grid-template-columns:1fr 1fr; }
  .btn{ padding:14px 26px; font-size:.88rem; }
  .section-head h2{ font-size:1.8rem; }
  .products-section{ padding:54px 0; }
  .products-section .container{ padding-inline:16px; }
  .products-section .products-head{ margin-bottom:24px; }
  .products-section .products-title{
    font-size: 25px;
    line-height:1.08;
    margin-bottom:12px;
  }
  .products-section .products-subtitle{
    max-width:310px;
    margin-inline:auto;
    font-size:.86rem;
    line-height:1.55;
  }
  .products-eyebrow{
    gap:12px;
    font-size:.68rem;
    letter-spacing:.16em;
    margin-bottom:10px;
  }
  .products-eyebrow::before,
  .products-eyebrow::after{ width:12px; }
  .products-section .products-grid{
    gap:18px;
    max-width:340px;
  }
  .products-section .product-card{
    min-height:0;
    border-radius:9px;
  }
  .products-section .product-card .pc-bg{ height:136px; }
  .products-section .product-card .pc-content{
    min-height:0;
    padding:26px 18px 20px;
  }
  .products-section .pc-icon{
    top:-22px;
    left:18px;
    width:38px;
    height:38px;
    border-radius:8px;
    font-size:.9rem;
  }
  .products-section .pc-index{
    top:10px;
    right:14px;
    font-size:3.35rem;
  }
  .products-section .product-card h3{
    max-width:220px;
    font-size:1.12rem;
    margin-bottom:10px;
  }
  .products-section .product-card h3::after{ margin-top:10px; }
  .products-section .product-card p{
    max-width:245px;
    font-size:.74rem;
    margin-bottom:16px;
  }
  .products-section .product-card .pc-link{
    min-width:122px;
    min-height:32px;
    padding:7px 16px;
    gap:12px;
    font-size:.74rem;
  }
  .achievements-section{ padding:60px 0; }
  .footer-inner{ padding-top:60px; }
}

@media (max-width:560px){
  .product-detail-summary{
    width:100%;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
  }
  .product-detail-table{
    min-width:720px;
    margin-bottom:18px;
  }
  .product-detail-table th,
  .product-detail-table td{
    padding:10px 12px;
    font-size:.82rem;
    white-space:nowrap;
  }
}
