/* KPS SYSTEMS V8.3.1 - Mobile layout fixes
   No database or checkout logic changes. */
html{width:100%;overflow-x:hidden}
body{width:100%;max-width:100%;overflow-x:hidden}
img{max-width:100%}

@media (max-width: 768px){
  /* Global containers */
  .v6-wrap,.c-wrap,.v5-wrap,.v7-wrap{width:100%;max-width:100%;}
  .products,.detail,.checkoutbox,.accountbox,.invoice{max-width:100%;}

  /* Shared storefront headers */
  .v6-head,.c-head,.v5-bar,.v7-head{
    width:100%;max-width:100%;
    padding:8px 10px!important;
    gap:8px!important;
  }
  .v6-brandwrap,.c-brandwrap,.v5-brandwrap,.v7-brandwrap{
    min-width:0!important;width:auto!important;max-width:58%;
    flex:0 1 auto!important;
  }
  .v6-brandimg,.c-brandimg,.v5-brandimg,.v7-brandimg{
    width:145px!important;height:42px!important;max-width:145px!important;
  }
  .v6-brandtext,.c-brandtext,.v5-brandtext,.v7-brandtext{display:none!important}

  .v6-headlinks,.v7-actions{margin-left:auto!important;gap:6px!important;flex:0 0 auto}
  .v6-headlinks a:not(.v6-cart),.v7-actions a:not(.v7-cart){display:none!important}
  .v6-cart,.v7-cart,.c-cart,.v5-cart{padding:9px 10px!important;font-size:12px!important;white-space:nowrap}

  .v6-search,.c-search,.v5-search,.v7-search{
    order:3!important;flex:0 0 100%!important;width:100%!important;max-width:none!important;
    height:40px!important;margin-top:2px;
  }
  .v6-search input,.c-search input,.v5-search input,.v7-search input{min-width:0!important;font-size:13px!important}
  .v6-search button,.c-search button,.v5-search button,.v7-search button{width:46px!important}

  /* Category navigation */
  .v6-navin,.c-navin,.v7-navin{width:100%;max-width:100%;padding:0 10px!important;gap:18px!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch}
  .v6-nav,.c-nav,.v7-nav{width:100%;overflow:hidden}
  .v6-nav a,.c-nav a,.v7-nav a{font-size:11px!important;padding:11px 2px!important;flex:0 0 auto}

  /* Home */
  .kps-slider{margin:8px 0 10px!important;border-radius:8px!important}
  .kps-slide{min-height:285px!important;padding:22px 34px!important}
  .kps-slide-copy{max-width:100%!important}
  .kps-slide h2{font-size:23px!important}
  .kps-slide p{font-size:13px!important}
  .kps-slide-image{height:105px!important;margin-top:8px!important}
  .kps-slide-image img{max-height:100px!important}
  .kps-slider-arrow{width:30px!important;height:30px!important;font-size:17px!important}
  .v6-strip{grid-template-columns:1fr 1fr!important;gap:6px!important}
  .v6-strip-item{padding:10px 7px!important;min-width:0}
  .v6-strip-item b{font-size:11px!important}.v6-strip-item span{font-size:9px!important}
  .v6-panel{padding:11px!important;margin:8px 0!important}
  .v6-panel-head h2{font-size:17px!important}
  .v6-catgrid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
  .v6-cat{padding:13px 6px!important}.v6-cat-icon{font-size:30px!important;height:40px!important}.v6-cat-name{font-size:11px!important}
  .v6-products{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
  .v6-card{padding:7px!important}.v6-pic{height:140px!important}.v6-pic img{max-height:132px!important}
  .v6-card h3{font-size:11px!important;height:34px!important}.v6-price{font-size:15px!important}.v6-card-actions{gap:4px!important}.v6-card-actions a{font-size:9px!important;padding:8px 2px!important}
  .v6-deal{grid-template-columns:1fr!important;padding:12px!important}
  .v6-footer-in{grid-template-columns:1fr!important;gap:16px!important}

  /* Category */
  .c-main{width:100%!important;padding:0 8px 16px!important}
  .c-layout{grid-template-columns:1fr!important;gap:8px!important}
  .c-side{display:block!important}
  .c-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
  .c-card{padding:7px!important;min-width:0!important}.c-pic{height:145px!important}.c-pic img{max-height:137px!important}
  .c-actions a{padding:8px 2px!important;font-size:9px!important}
  .c-price{font-size:15px!important}.c-meta{font-size:9px!important}
  .c-footer-in{display:block!important}

  /* Product page */
  .v5-product{grid-template-columns:1fr!important;width:100%!important}
  .v5-gallery{border-right:0!important;border-bottom:1px solid var(--line)!important;padding:10px!important}
  .v5-gallery-main{height:300px!important;max-width:100%!important}
  .v5-info{padding:18px 14px!important;min-width:0!important}
  .v5-info h1{font-size:23px!important}
  .v5-price{font-size:28px!important}
  .v5-buyrow{grid-template-columns:65px 1fr!important;gap:7px!important}
  .v5-buyrow .v5-buybtn{grid-column:2!important}
  .v5-btn{font-size:12px!important;padding:0 6px!important}
  .v5-perks{grid-template-columns:1fr!important}
  .v5-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
  .v5-card{padding:7px!important}.v5-pic{height:135px!important}.v5-pic img{max-height:128px!important}
  .v5-footer-in{display:block!important}

  /* Cart */
  .v7-layout{grid-template-columns:1fr!important;gap:10px!important}
  .v7-summary{position:static!important;top:auto!important;padding:0 12px 14px!important}
  .v7-summary h2{margin:0 -12px!important;padding:15px 12px!important}
  .v7-item{grid-template-columns:72px minmax(0,1fr)!important;gap:9px!important;padding:12px 0!important}
  .v7-line-total{grid-column:2;text-align:left!important;font-size:15px!important}
  .v7-img{height:75px!important}.v7-img img{max-height:70px!important}.v7-name{font-size:13px!important}
  .v7-footerin{display:block!important}

  /* Checkout */
  .v7-stepbar{overflow:hidden!important;padding:10px 6px!important}
  .v7-step{font-size:8px!important;white-space:nowrap!important}
  .v7-step span{width:23px!important;height:23px!important}
  .v7-layout{grid-template-columns:1fr!important}
  .v7-form{padding:14px!important}
  .v7-summary{position:static!important}
  .v7-footerin{display:block!important}

  /* Order success */
  .confirm,.storebar{width:100%!important;max-width:100%!important}
  .details{grid-template-columns:1fr!important;gap:10px!important}
  .detail-box{grid-column:auto!important;border-right:0!important}
  .items .item{grid-template-columns:65px minmax(0,1fr)!important}
  .item-img{height:60px!important}.item-price{grid-column:2!important;text-align:left!important}
  .steps{overflow-x:auto!important;white-space:nowrap!important}
  .footerin{display:block!important}

  /* Tables/forms */
  table{display:block!important;width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch}
  .formrow{grid-template-columns:1fr!important}
  input,select,textarea{max-width:100%!important}
}

@media (max-width:380px){
  .v6-brandimg,.c-brandimg,.v5-brandimg,.v7-brandimg{width:125px!important;height:38px!important;max-width:125px!important}
  .v6-cart,.v7-cart,.c-cart,.v5-cart{padding:8px 7px!important;font-size:11px!important}
  .kps-slide{padding:20px 30px!important}.kps-slide h2{font-size:21px!important}
  .v6-products,.c-grid,.v5-related-grid{gap:5px!important}
}

/* KPS SYSTEMS V8.3.3 — precise mobile compact layout + centered footer */
@media (max-width: 600px){
  /* HOME / SEARCH PRODUCT CARDS */
  .v6-products{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:6px!important;
  }
  .v6-card{
    padding:6px!important;
    border-radius:6px!important;
  }
  .v6-pic{
    height:68px!important;
    min-height:68px!important;
    max-height:68px!important;
    margin-bottom:4px!important;
    padding:2px!important;
  }
  .v6-pic img{
    width:auto!important;
    height:auto!important;
    max-width:100%!important;
    max-height:62px!important;
    object-fit:contain!important;
  }
  .v6-placeholder{font-size:48px!important}
  .v6-catlabel{font-size:8px!important}
  .v6-card h3{
    font-size:10px!important;
    line-height:1.25!important;
    height:27px!important;
    margin:4px 0!important;
  }
  .v6-price{font-size:13px!important}
  .v6-mrp,.v6-off{font-size:8px!important;margin-left:3px!important}
  .v6-stock{font-size:9px!important;margin-top:3px!important}
  .v6-card-actions{gap:3px!important;margin-top:6px!important}
  .v6-card-actions a{font-size:8px!important;padding:7px 1px!important}

  /* HOME SHOP-BY-CATEGORY */
  .v6-catgrid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:6px!important;
  }
  .v6-cat{
    min-height:62px!important;
    height:62px!important;
    padding:7px 4px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
  }
  .v6-cat-icon{font-size:24px!important;height:27px!important}
  .v6-cat-name{font-size:10px!important;margin-top:3px!important;line-height:1.15!important}

  /* CATEGORY PAGE PRODUCT CARDS */
  .c-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:6px!important;
    padding-top:10px!important;
  }
  .c-card{
    padding:6px!important;
    border-radius:7px!important;
  }
  .c-pic{
    height:68px!important;
    min-height:68px!important;
    max-height:68px!important;
    margin-bottom:4px!important;
    padding:2px!important;
  }
  .c-pic img{
    max-width:100%!important;
    max-height:62px!important;
    object-fit:contain!important;
  }
  .c-placeholder{font-size:48px!important}
  .c-cat{font-size:8px!important}
  .c-card h2{
    font-size:10px!important;
    line-height:1.25!important;
    min-height:27px!important;
    max-height:27px!important;
    margin:4px 0!important;
  }
  .c-price{font-size:13px!important}
  .c-mrp,.c-off{font-size:8px!important;margin-left:3px!important}
  .c-stock{font-size:9px!important;margin-top:3px!important}
  .c-meta{font-size:8px!important;min-height:13px!important;margin-top:2px!important}
  .c-actions{gap:3px!important;margin-top:6px!important}
  .c-actions a{font-size:8px!important;padding:7px 1px!important}

  /* CATEGORY PAGE: compact mobile category list instead of long vertical list */
  .c-side{
    display:block!important;
    padding:0!important;
  }
  .c-side-title{
    padding:10px 12px!important;
    font-size:13px!important;
  }
  .c-side-section:first-of-type{
    padding:10px!important;
  }
  .c-side-section:first-of-type h3{
    margin:0 0 7px!important;
    font-size:11px!important;
  }
  .c-side-section:first-of-type a{
    display:inline-flex!important;
    width:calc(50% - 4px)!important;
    min-height:34px!important;
    margin:0 5px 6px 0!important;
    padding:7px 6px!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    border:1px solid #e7ebf2!important;
    border-radius:6px!important;
    background:#fff!important;
    font-size:10px!important;
    line-height:1.15!important;
  }
  .c-side-section:first-of-type a.active{
    margin:0 5px 6px 0!important;
    background:#eef5ff!important;
    border-color:#cddcff!important;
  }
  .c-side-section:nth-of-type(2){
    padding:8px 10px!important;
    border-top:1px solid #edf0f4!important;
  }
  .c-side-section:nth-of-type(2) h3{font-size:11px!important;margin:0 0 6px!important}
  .c-side-section:nth-of-type(2) a{font-size:10px!important;padding:6px 8px!important}

  /* SHORTER MOBILE SLIDER */
  .kps-slider{margin:6px 0 8px!important}
  .kps-slide{min-height:165px!important;height:165px!important;padding:14px 28px!important}
  .kps-slide h2{font-size:18px!important;line-height:1.15!important}
  .kps-slide p{font-size:10px!important;line-height:1.35!important;margin-bottom:6px!important}
  .kps-slide-image{height:55px!important;margin-top:3px!important}
  .kps-slide-image img{max-height:52px!important}

  /* CENTER ALL STOREFRONT FOOTER CONTENT */
  .v6-footer,.c-footer,.v5-footer,.v7-footer{
    text-align:center!important;
  }
  .v6-footer-in,.c-footer-in,.v5-footer-in,.v7-footer-in,.v7-footerin{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    gap:12px!important;
    width:100%!important;
  }
  .v6-footer-brand,.c-footer-brand,.v5-footer-brand,.v7-footer-brand{
    width:100%!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    gap:8px!important;
  }
  .v6-footer-brand>div,.c-footer-brand>div,.v5-footer-brand>div,.v7-footer-brand>div{
    width:100%!important;
    max-width:100%!important;
    text-align:center!important;
  }
  .v6-footer-logo,.c-footer-logo,.v5-footer-logo,.v7-footer-logo{
    margin:0 auto!important;
  }
  .v6-footer-address,.c-footer-address,.v5-footer-address,.v7-footer-address{
    max-width:100%!important;
    width:100%!important;
    margin-left:auto!important;
    margin-right:auto!important;
    text-align:center!important;
  }
  .v6-footer p,.c-footer p,.v5-footer p,.v7-footer p,
  .v6-footer a,.c-footer a,.v5-footer a,.v7-footer a{
    text-align:center!important;
  }
}


/* V8.3.4 marker: category.php contains final category filter and 82px mobile product image layout. */


/* V8.3.6 — final mobile image sizing override. Loaded last so desktop sizing is untouched. */
@media (max-width:600px){
  .v6-pic,.c-pic{height:68px!important;min-height:68px!important;max-height:68px!important;margin-bottom:4px!important;padding:2px!important;overflow:hidden!important;}
  .v6-pic img,.c-pic img{display:block!important;width:auto!important;height:auto!important;max-width:92%!important;max-height:62px!important;object-fit:contain!important;}
  .v6-card,.c-card{padding:5px!important;}
}