/* ==========================================================================
   AMO NGUYEN - PRODUCTION RESPONSIVE STYLES (V2)
   ========================================================================== */
@media (max-width: 1440px) {
  .amo-container { padding: 0 4%; }
}

@media (max-width: 1024px) {
  .amo-grid-4 { grid-template-columns: repeat(2, 1fr); gap: var(--amo-space-md); }
  .amo-lb-row, .amo-lb-row.reverse { gap: var(--amo-space-md); }
}

@media (max-width: 768px) {
  .amo-nav-desktop { display: none; }
  .amo-menu-btn { display: block; }
  .amo-grid-2, .amo-grid-4 { grid-template-columns: 1fr; }
  
  /* Shop Empty & Filter Mobile Drawer (CSS implementation) */
  .amo-shop-filter { justify-content: flex-start; padding: 0 0 1rem; gap: 1.5rem; overflow-x: auto; scrollbar-width: none; }
  .amo-shop-filter::-webkit-scrollbar { display: none; }
  
  /* Lookbook */
  .amo-lb-row, .amo-lb-row.reverse { grid-template-columns: 1fr; gap: 2rem; }
  .amo-lb-row.reverse .amo-lb-text { grid-column: 1; margin-left: 0; }
  .amo-lb-row .amo-lb-text, .amo-lb-row.reverse .amo-lb-text { order: 2; text-align: center; }
  .amo-lb-row .amo-asset-box, .amo-lb-row.reverse .amo-asset-box { order: 1; }
  
  /* Guide */
  .amo-guide-row { grid-template-columns: 1fr; gap: 2rem; padding-bottom: 3rem; text-align: center; }
  .amo-guide-row:nth-child(even) .amo-guide-text { order: 2; }
  .amo-guide-row:nth-child(even) .amo-asset-box { order: 1; }
  
  /* Footer */
  .amo-footer-inner { flex-direction: column; gap: var(--amo-space-md); text-align: center; align-items: center; }
  .amo-footer-links { flex-direction: column; gap: 1.5rem; }
}

/* Mobile Landscape & Extreme Small */
@media (max-width: 850px) and (orientation: landscape) {
  .amo-nav-mobile { padding-top: 80px; justify-content: flex-start; overflow-y: auto; gap: 1rem; }
  .amo-home-hero-content { padding: 2rem; }
}
@media (max-width: 390px) {
  .amo-btn { width: 100%; text-align: center; }
  .amo-product-img { aspect-ratio: 4/5; }
}

/* AMO Home V3 responsive */
@media (max-width: 900px){
  .amo-home-hero-content{margin-left:6%;width:88%;padding-bottom:5rem}
  .amo-home-hero-shade{background:linear-gradient(0deg,rgba(8,8,7,.88) 0%,rgba(8,8,7,.46) 56%,rgba(8,8,7,.15) 100%)}
  .amo-home-intro{grid-template-columns:1fr;gap:1.4rem}
  .amo-home-style-grid{grid-template-columns:repeat(2,1fr);gap:2rem 1rem}
  .amo-home-editorial{grid-template-columns:1fr}
  .amo-home-editorial-image{min-height:62vw}
  .amo-home-services{grid-template-columns:1fr}
  .amo-home-services>div,.amo-home-services>div:first-child{padding:2rem 0;border-left:0;border-top:1px solid rgba(26,26,26,.12);min-width:0}
}
@media (max-width: 600px){
  .amo-home .amo-header-inner{height:72px;padding:0 6%}
  .amo-home .amo-logo{font-size:1.25rem;letter-spacing:.18em}
  .amo-home-hero{min-height:100svh}
  .amo-home-hero-img{object-position:center 48%}
  .amo-home-hero-content{margin:0 6%;width:88%;padding:8rem 0 4.2rem}
  .amo-home-hero h1{font-size:clamp(3rem,14vw,4.5rem)}
  .amo-home-lead{font-size:.92rem;line-height:1.65;margin:1.4rem 0 1.8rem}
  .amo-home-actions{gap:1.2rem}
  .amo-home-actions .amo-btn{width:auto;padding:.9rem 1.3rem}
  .amo-home-scroll{display:none}
  .amo-home-intro{padding-top:5rem;padding-bottom:5rem}
  .amo-home-intro h2{font-size:2.6rem}
  .amo-home-section-head{align-items:flex-start;gap:1rem}
  .amo-home-section-head>.amo-home-text-link{display:none}
  .amo-home-style-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:2.2rem .75rem}
  .amo-home-style-card>div{aspect-ratio:4/5;margin-bottom:.9rem}
  .amo-home-style-card h3{font-size:1.05rem}
  .amo-home-style-card p{font-size:.57rem}
  .amo-home-editorial-image{min-height:115vw}
  .amo-home-editorial-copy{padding:4rem 6%}
  .amo-home-editorial-copy h2{font-size:2.75rem}
}