/* Jazmoon V11.6: consistent responsive design system */
:root{--jm-primary:#0a2c55;--jm-accent:#ed6509;--jm-text:#142b45;--jm-border:#e0e7ef;--jm-radius:12px;--jm-control:44px}
html{font-size:16px;-webkit-text-size-adjust:100%}body{font-size:14px;line-height:1.7;overflow-x:hidden}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,.btn,.cta,.ghost,.ghost-btn,.search button{min-height:var(--jm-control);font-size:14px;line-height:1.4;transition:background-color .15s,box-shadow .15s,transform .15s}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #ffb572;outline-offset:2px}input,select,textarea{max-width:100%;min-height:var(--jm-control)}textarea{min-height:100px}h1{font-size:clamp(23px,2.5vw,32px);line-height:1.45}h2{font-size:clamp(19px,2vw,25px);line-height:1.45}h3{line-height:1.5}.wrap{width:min(1200px,calc(100% - 32px))}.head{grid-template-columns:minmax(180px,230px) minmax(200px,1fr) auto;gap:20px;padding:16px 0}.logo{font-size:clamp(24px,2.4vw,31px);white-space:nowrap}.logo small{white-space:normal}.head-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.head-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 11px;border-radius:10px;white-space:nowrap}.head-actions a:hover{background:#edf3fa}.head-actions .cart:hover{background:#163f70}.search{min-width:0}.search input{min-width:0;width:100%;min-height:44px}.search button{padding-inline:18px}.nav .wrap{gap:clamp(14px,2.2vw,27px)}.nav a{min-height:44px;display:inline-flex;align-items:center}.section-head{gap:12px;flex-wrap:wrap}.products{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.card{display:flex;flex-direction:column;padding:15px;border-radius:14px;overflow:hidden}.product-img{height:190px;flex:none}.card img{height:180px}.card h3{font-size:14px;line-height:1.65;min-height:3.3em;overflow-wrap:anywhere}.card .price{margin-top:auto;padding-top:8px;font-size:18px}.card .btn{min-height:44px;font-size:13px}.badge{font-size:11px}.hero h1{font-size:clamp(27px,3.3vw,42px)}.hero-copy{padding:clamp(25px,4vw,48px)}.product-info h1{font-size:clamp(23px,2.5vw,30px)}.product-page{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(18px,3vw,35px)}.product-gallery{min-width:0}.buybox{grid-template-columns:90px minmax(0,1fr)}.footer-grid{gap:22px}.content-card{min-width:0}.table-scroll{max-width:100%;overflow-x:auto}.table{min-width:600px}.admin-main{min-width:0}.admin-head{gap:12px;flex-wrap:wrap}.admin-search input{min-width:0}.admin-search button{min-height:44px}.admin-form input,.admin-form select,.admin-form textarea,.form-grid input,.form-grid select,.form-grid textarea,.filters input,.filters select{min-height:44px}.stat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:1100px){.head{grid-template-columns:1fr 1.5fr}.head-actions{grid-column:1/-1;justify-content:flex-start}.products{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.wrap{width:calc(100% - 24px)}.head{grid-template-columns:1fr;gap:10px;padding:12px 0}.head-actions{grid-column:auto;justify-content:space-between;gap:5px}.head-actions a{font-size:12px;padding:7px 8px}.logo small{display:none}.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.card{padding:10px}.product-img{height:140px}.card img{height:135px}.card h3{font-size:13px}.card .price{font-size:15px}.card .btn{font-size:12px}.hero{min-height:260px}.hero-copy{padding:24px}.hero p{font-size:15px}.hero-actions{flex-wrap:wrap}.product-page{grid-template-columns:1fr;padding:15px}.product-gallery{min-height:260px}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-main{padding:12px}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-head h1{font-size:23px}}
@media(max-width:420px){.head-actions{justify-content:space-between}.head-actions a{font-size:11px}.footer-grid{grid-template-columns:1fr}.card{padding:9px}.card h3{min-height:3.5em}.card .price{font-size:14px}.card .btn{padding:8px 5px}.buybox{grid-template-columns:72px minmax(0,1fr)}.qty{width:72px!important}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}