/* ===== Responsive Styles ===== */

/* ===== Tablet (768px - 991px) ===== */
@media(min-width:768px){
    .container{padding:0 24px}
    .head{padding:12px 0}
    .logo img{height:44px}
    .nav-toggle{display:none}
    .main-nav{display:block!important;position:static;height:auto;padding:0;background:transparent;overflow:visible;z-index:auto}
    .main-nav>ul{display:flex;gap:0;align-items:center}
    .main-nav>ul>li{border-bottom:none;position:relative}
    .main-nav>ul>li>a{padding:10px 16px;font-size:0.95rem;justify-content:center;gap:4px;position:relative}
    .main-nav>ul>li>a::after{content:'';position:absolute;bottom:4px;left:50%;transform:translateX(-50%);width:0;height:2px;background:var(--accent);transition:width var(--transition)}
    .main-nav>ul>li>a:hover::after,.main-nav>ul>li>a.active::after{width:60%}
    .main-nav>ul>li>a .arrow{font-size:0.6rem;margin-left:2px}
    .submenu{position:absolute;top:100%;left:0;min-width:200px;background:var(--white);box-shadow:var(--shadow-hover);border-radius:var(--radius);padding:6px 0;display:none;z-index:10}
    .submenu.open{display:block}
    .submenu a{padding:8px 18px;border-bottom:none;font-size:0.9rem}
    .submenu a:hover{padding-left:22px;background:var(--bg)}
    .main-nav>ul>li:hover>.submenu{display:block}
    .slider-controls button{width:44px;height:44px;font-size:1.2rem}
    .about-grid{gap:50px}
}

/* ===== Desktop (992px+) ===== */
@media(min-width:992px){
    .container{padding:0 32px}
    .logo img{height:48px}
    .main-nav>ul>li>a{padding:12px 22px;font-size:1rem}
    .inquiry-fab{bottom:100px;right:19px}
    .back-top{right:24px;width:48px;height:48px;font-size:1.3rem}
}

/* ===== Large Desktop (1200px+) ===== */
@media(min-width:1200px){
    .container{padding:0 40px}
}

/* ===== Mobile Small (320px-575px) ===== */
@media(max-width:575px){
    .container{padding:0 12px}
    .section-title{font-size:1.15rem}
    .btn{padding:8px 20px;font-size:0.85rem;min-height:38px}
    .card-body{padding:12px 14px 14px}
    .card-title{font-size:0.9rem}
    .slider{aspect-ratio:16/9;min-height:150px}
    .products{padding:30px 0}
    .categories{padding:30px 0}
    .about{padding:30px 0}
    .news{padding:30px 0}
    .stats-section{padding:30px 0}
    .about-grid{gap:20px}
    .about-features{grid-template-columns:1fr}
    .about-content h2{font-size:1.2rem}
    .gallery-grid{gap:10px}
    .page-banner{min-height:140px}
    .page-banner-content{padding:30px 16px}
    .page-banner-content h1{font-size:1.3rem}
    .sub-nav ul li a{padding:10px 12px;font-size:0.75rem}
}

/* ===== Landscape Phone ===== */
@media(max-width:768px) and (orientation:landscape){
    .main-nav{height:100vh;padding:60px 20px 20px}
    .slider{aspect-ratio:16/6;min-height:140px}
    .inquiry-window{max-height:85vh}
    .page-banner{min-height:140px}
    .page-banner-content{padding:20px 16px}
}

/* ===== Accessibility ===== */
@media(prefers-reduced-motion:reduce){*{animation-duration:0.01ms!important;transition-duration:0.01ms!important;scroll-behavior:auto!important}}