
/* AnuTextiles responsive hardening - mobile first usability */
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{overflow-x:hidden}
img,video,canvas{max-width:100%}button,a,input,select,textarea{touch-action:manipulation}
input,select,textarea{font-size:16px}
.site-header{padding-left:clamp(16px,4vw,56px);padding-right:clamp(16px,4vw,56px)}
.section{padding-left:clamp(18px,5vw,80px)!important;padding-right:clamp(18px,5vw,80px)!important}
.saree-grid{grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr))!important}
.saree-card img{width:100%;object-fit:cover}
.product-thumbnails{overflow-x:auto;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;padding-bottom:4px}
.product-thumb{scroll-snap-align:start;flex:0 0 82px}
.journey-gallery-new{grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr))!important}
.order-form input,.order-form textarea,.contact-form input,.contact-form textarea{min-height:48px}
.primary-button,.admin-button,.mini-button,.admin-primary,.admin-light{min-height:44px}
.table-shell{overflow-x:auto;-webkit-overflow-scrolling:touch}
table{min-width:760px}
.admin-view{max-width:100%}
.form-grid{grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr))!important}
.upload-box,.preview-grid{max-width:100%;overflow:hidden}

@media(max-width:900px){
  .site-header{min-height:72px}
  .brand strong{font-size:20px}
  .brand small{font-size:8px}
  .hero,.collection-hero{padding-top:96px!important}
  .product-story-hero{grid-template-columns:1fr!important;min-height:auto!important;padding-top:72px!important}
  .product-gallery{padding:18px 18px 26px!important}
  .main-product-frame{border-radius:20px!important;aspect-ratio:4/5}
  .product-summary-new{padding:36px 20px 44px!important}
  .product-summary-new h1{font-size:clamp(2.6rem,11vw,4.6rem)!important}
  .detail-facts{grid-template-columns:1fr 1fr!important}
  .purchase-row{align-items:flex-start;gap:18px;flex-wrap:wrap}
  .artisan-section,.order-section{grid-template-columns:1fr!important;gap:32px!important}
  .artisan-photo{order:0}.artisan-copy{order:1}
  .artisan-photo img,.artisan-placeholder{height:min(105vw,520px)!important}
  .journey-gallery-new{gap:16px!important}
  .story-promise{padding:28px 20px!important}
  .order-form{padding:22px!important;border-radius:18px!important}
  .site-footer{grid-template-columns:1fr!important;gap:24px!important}
  .footer-links{display:flex!important;flex-wrap:wrap!important;gap:14px 22px!important}
  .login-shell{grid-template-columns:1fr!important}
  .login-brand-panel{min-height:auto!important;padding:34px 22px!important}
  .login-brand-panel>div{padding:44px 0 24px}
  .login-brand-panel h1{font-size:clamp(42px,12vw,64px)!important}
  .login-form-panel{padding:32px 20px 46px!important}
  .back-home{margin-bottom:30px!important}
  .sidebar{transform:translateX(-102%);transition:transform .25s ease;box-shadow:20px 0 50px rgba(40,20,20,.16)}
  .sidebar.open{transform:translateX(0)}
  .admin-main{margin-left:0!important}
  .admin-topbar{height:76px!important;padding:0 18px!important}
  .admin-topbar h1{font-size:25px!important}
  .admin-profile strong,.admin-profile small{display:none}
  .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .dashboard-grid,.certificate-layout{grid-template-columns:1fr!important}
  .panel{border-radius:16px!important}
}

@media(max-width:600px){
  .site-header{padding:10px 14px!important}
  .admin-button{padding:9px 12px!important;font-size:12px!important}
  .hero{padding-left:18px!important;padding-right:18px!important}
  .hero h1{font-size:clamp(2.8rem,13vw,4rem)!important;white-space:normal!important}
  .hero-actions{width:100%;flex-direction:column!important;align-items:stretch!important}
  .hero-actions a{width:100%!important}
  .section{padding-top:58px!important;padding-bottom:58px!important}
  .section-heading h2,.journey-heading h2,.artisan-copy h2,.order-intro h2{font-size:clamp(2.4rem,12vw,3.5rem)!important}
  .detail-facts{grid-template-columns:1fr!important}
  .main-product-frame{aspect-ratio:3/4}
  .gallery-zoom{bottom:12px!important;left:12px!important}
  .gallery-count{top:12px!important;right:12px!important}
  .product-thumb{flex-basis:72px}
  .journey-card img{height:min(110vw,430px)!important}
  .order-saree-mini{align-items:flex-start!important}
  .mobile-order-bar{display:flex!important}
  body:has(.mobile-order-bar){padding-bottom:74px}
  .stats-grid{grid-template-columns:1fr!important}
  .admin-topbar{padding:0 12px!important}
  .admin-content{padding:18px 12px 40px!important}
  .panel{padding:18px!important}
  .toolbar{flex-direction:column!important;align-items:stretch!important}
  .toolbar input,.toolbar select,.search-box{width:100%!important}
  .tabs{overflow-x:auto;white-space:nowrap;padding-bottom:4px}
  .query-head,.design-head,.order-head{align-items:flex-start!important;gap:10px!important;flex-direction:column!important}
  .card-actions{display:grid!important;grid-template-columns:1fr 1fr;gap:8px!important}
  .card-actions button{width:100%}
  .certificate-preview-shell{padding:8px!important;overflow:auto}
}
