/*
Theme Name: KukuMall
Theme URI: https://example.com/
Author: KukuMall
Description: Custom WooCommerce-ready KukuMall ecommerce theme inspired by the supplied desktop/mobile reference designs.
Version: 1.11.0
Requires at least: 6.0
Tested up to: 6.9
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: kukumall
*/
:root{
 --km-blue:#126bd8; --km-blue2:#0b5fc8; --km-light:#eef7ff; --km-border:#e3eaf2;
 --km-text:#111827; --km-muted:#667085; --km-green:#0b9a55; --km-yellow:#f5ad0a;
 --km-radius:12px; --km-shadow:0 2px 10px rgba(24,61,105,.08);
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--km-text);background:#fff;font-size:14px}
a{color:inherit;text-decoration:none}.container{max-width:1320px;margin:auto;padding:0 18px}
.topbar{background:#dff1ff;border-bottom:1px solid #cfe5f7;font-size:12px}.topbar .container{height:34px;display:flex;align-items:center;justify-content:space-between}
.main-header{border-bottom:1px solid var(--km-border);background:#fff}.main-header .container{display:grid;grid-template-columns:220px 1fr auto;gap:26px;align-items:center;min-height:68px}
.logo{display:flex;align-items:center;gap:9px;font-weight:800;font-size:29px;letter-spacing:-1.2px}.logo-bag{width:39px;height:43px;background:var(--km-blue);border-radius:9px 9px 6px 6px;position:relative;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:22px;box-shadow:inset 0 -4px 0 rgba(0,0,0,.08)}.logo-bag:before{content:"";position:absolute;top:-11px;width:19px;height:17px;border:4px solid var(--km-blue);border-bottom:0;border-radius:14px 14px 0 0}.logo .blue{color:var(--km-blue)}.logo small{display:block;font-size:10px;font-weight:500;letter-spacing:0;color:#222;margin-top:-2px}
.logo-wrap{display:flex;align-items:center;gap:8px}.logo-text{line-height:1}.logo-text b{display:block}.logo-text span{font-size:10px;font-weight:500;display:block;margin-top:2px}
.search{display:flex;height:40px;border:1px solid #d7dee8;border-radius:7px;overflow:hidden;background:#fff}.search input{border:0;outline:0;padding:0 15px;flex:1;font-size:13px}.search button{width:48px;border:0;background:var(--km-blue);color:#fff;font-size:20px}
.header-actions{display:flex;gap:20px;align-items:center}.h-action{display:flex;gap:6px;align-items:center;position:relative}.h-action .ico{font-size:23px}.h-action small{display:block;color:var(--km-muted);font-size:10px}.h-action b{font-size:12px}.badge{position:absolute;top:-7px;left:18px;background:var(--km-blue);color:#fff;border-radius:20px;min-width:18px;height:18px;text-align:center;line-height:18px;font-size:10px}
.navbar{border-bottom:1px solid var(--km-border);background:#fff}.nav-row{display:flex;align-items:center;gap:27px;height:42px;font-weight:600;font-size:13px}.cat-btn{background:var(--km-blue);color:#fff;border-radius:6px;padding:9px 16px;min-width:190px}.nav-row a.active,.nav-row a:hover{color:var(--km-blue)}
.hero{margin-top:5px;position:relative}.hero img{width:100%;height:290px;object-fit:cover;border-radius:12px;display:block}.hero .arrow{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;border-radius:50%;background:#fff;border:1px solid var(--km-border);font-size:25px;display:flex;align-items:center;justify-content:center;box-shadow:var(--km-shadow)}.hero .left{left:20px}.hero .right{right:20px}
.section{padding:18px 0}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.section-head h2{font-size:20px;margin:0}.view-all{color:var(--km-blue);font-weight:700}
.category-row{display:flex;gap:24px;overflow:auto;padding:4px 0 10px;scrollbar-width:none}.category-row::-webkit-scrollbar{display:none}.category-item{min-width:84px;text-align:center;font-weight:600;font-size:12px}.cat-circle{width:72px;height:72px;border-radius:50%;background:#edf6ff;margin:auto auto 7px;display:flex;align-items:center;justify-content:center;font-size:36px;border:1px solid #e5eef8}
.products{display:grid;grid-template-columns:repeat(6,1fr);gap:13px}.product-card{border:1px solid var(--km-border);border-radius:10px;background:#fff;padding:7px;box-shadow:var(--km-shadow);min-width:0;position:relative}.product-image{height:175px;background:#f6f8fb;border-radius:7px;display:flex;align-items:center;justify-content:center;overflow:hidden}.product-image img{width:100%;height:100%;object-fit:contain}.heart{position:absolute;right:12px;top:12px;width:28px;height:28px;border:1px solid #dbe3ed;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;font-size:17px;z-index:2}.heart.active{color:#e11d48}.product-title{font-weight:600;font-size:13px;margin:8px 2px 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rating{color:#ffb000;font-size:13px}.reviews{color:#667085;font-size:11px}.price{font-size:18px;font-weight:800;margin-top:5px}.mrp{text-decoration:line-through;color:#7b8492;font-size:12px;font-weight:500;margin-left:5px}.off{color:var(--km-green);font-size:11px;font-weight:700;margin-left:5px}.add-cart{display:block;width:100%;border:0;border-radius:6px;background:var(--km-blue);color:#fff;font-weight:700;padding:9px 6px;margin-top:8px;text-align:center;cursor:pointer}.add-cart:hover{background:var(--km-blue2)}
.promo-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.promo-grid img{width:100%;height:160px;object-fit:cover;border-radius:10px}
.trust{border-top:1px solid var(--km-border);border-bottom:1px solid var(--km-border);display:grid;grid-template-columns:repeat(4,1fr);padding:13px 0}.trust-item{display:flex;gap:10px;align-items:center;justify-content:center;border-right:1px solid var(--km-border)}.trust-item:last-child{border:0}.trust-icon{width:40px;height:40px;border-radius:50%;background:#eaf5ff;color:var(--km-blue);display:flex;align-items:center;justify-content:center;font-size:20px}.trust b{display:block;font-size:12px}.trust span{font-size:11px;color:var(--km-muted)}
.brands{display:flex;align-items:center;justify-content:space-between;gap:30px;overflow:hidden;padding:14px 0}.brand{font-size:20px;font-weight:800;white-space:nowrap}.brand:nth-child(2){color:#143f92}.brand:nth-child(3){font-size:25px}.brand:nth-child(4){font-family:Georgia,serif}.brand:nth-child(5){color:#126bd8}
.newsletter{background:#e5f5ff;padding:14px 0}.newsletter .inner{display:flex;align-items:center;gap:18px}.newsletter-icon{font-size:25px}.newsletter form{display:flex;flex:1;max-width:650px}.newsletter input{height:38px;border:1px solid #d7dee8;flex:1;padding:0 13px;border-radius:6px 0 0 6px}.newsletter button{border:0;background:var(--km-blue);color:#fff;padding:0 22px;border-radius:0 6px 6px 0;font-weight:700}
.footer{background:#fff;border-top:1px solid var(--km-border)}.footer-main{display:grid;grid-template-columns:2fr 1fr 1.3fr 1.4fr;gap:35px;padding:24px 0}.footer h4{margin:0 0 8px}.footer p,.footer li{color:#5f6875;font-size:12px;line-height:1.7}.footer ul{padding:0;margin:0;list-style:none}.socials{display:flex;gap:8px}.socials a{width:28px;height:28px;border-radius:50%;background:#e9f3ff;color:var(--km-blue);display:flex;align-items:center;justify-content:center;font-weight:800}.copyright{border-top:1px solid var(--km-border);padding:12px 0;font-size:11px;color:#667085;display:flex;justify-content:space-between}
.breadcrumb{padding:12px 0;font-size:12px;color:#667085}.page-banner{border-radius:10px;overflow:hidden}.page-banner img{width:100%;display:block;height:190px;object-fit:cover}
.shop-layout{display:grid;grid-template-columns:225px 1fr;gap:18px}.sidebar{border:1px solid var(--km-border);border-radius:10px;padding:14px;height:max-content}.filter-block{padding:0 0 16px;margin-bottom:14px;border-bottom:1px solid var(--km-border)}.filter-block:last-child{border:0}.filter-block h4{margin:0 0 9px;font-size:13px}.filter-block label{display:block;font-size:12px;margin:7px 0;color:#414b59}.swatches{display:flex;gap:8px}.swatch{width:18px;height:18px;border-radius:50%;border:1px solid #bbb}.size-btn{display:inline-block;border:1px solid #cfd7e1;border-radius:5px;padding:5px 7px;font-size:11px;margin:2px}
.shop-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.sort{border:1px solid #d7dee8;border-radius:6px;padding:7px 10px;background:#fff}.shop-products{grid-template-columns:repeat(4,1fr)}
.pagination{display:flex;justify-content:center;gap:5px;padding:22px}.pagination a,.pagination span{width:30px;height:30px;border:1px solid var(--km-border);display:flex;align-items:center;justify-content:center;border-radius:5px}.pagination .current{background:var(--km-blue);color:#fff}
.account-layout{display:grid;grid-template-columns:225px 1fr;gap:18px}.account-menu{border:1px solid var(--km-border);border-radius:10px;overflow:hidden}.account-menu a{display:block;padding:11px 14px;border-bottom:1px solid #eef1f5}.account-menu a.active{background:#e7f2ff;color:var(--km-blue);font-weight:700;border-left:3px solid var(--km-blue)}.welcome{background:#eaf6ff;border-radius:10px;overflow:hidden}.welcome img{width:100%;height:150px;object-fit:cover}.account-content h2{margin:0 0 12px;font-size:20px}.order-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.order-card,.info-card,.quick-card{border:1px solid var(--km-border);border-radius:10px;padding:10px;box-shadow:var(--km-shadow)}.order-card img{width:100%;height:100px;object-fit:contain;background:#f7f8fa;border-radius:7px}.status{font-size:10px;border-radius:12px;padding:4px 7px;display:inline-block;background:#e6f8ed;color:var(--km-green);font-weight:700}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.quick-card{display:flex;gap:10px;align-items:center}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.info-card h3{margin:0 0 9px;font-size:15px}
.mobile-bottom{display:none}
.woocommerce .woocommerce-breadcrumb{margin:10px 0}.woocommerce .button,.woocommerce button.button,.woocommerce input.button{background:var(--km-blue);color:#fff;border-radius:6px}.woocommerce div.product p.price,.woocommerce div.product span.price{color:var(--km-text)}
@media(max-width:1000px){.main-header .container{grid-template-columns:180px 1fr auto;gap:14px}.nav-row{gap:15px;overflow:auto}.products{grid-template-columns:repeat(4,1fr)}.shop-products{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){
  html,body{width:100%;max-width:100%;overflow-x:hidden!important}
  body{font-size:14px!important;background:#fff!important;padding-bottom:66px!important}
  .container{width:100%!important;max-width:100%!important;padding-left:12px!important;padding-right:12px!important}
  .topbar,.desktop-only,.navbar{display:none!important}

  /* Android header: logo centered, cart fixed right, no hamburger/wishlist */
  .main-header{background:#fff!important;border-bottom:1px solid #e5eaf0!important}
  .main-header .container{
    position:relative!important;
    display:flex!important;
    flex-direction:column!important;
    gap:8px!important;
    padding:8px 12px 10px!important;
    min-height:118px!important;
    align-items:stretch!important;
  }
  .main-header .logo-wrap{
    position:relative!important;
    align-self:center!important;
    display:flex!important;align-items:center!important;
    justify-content:center!important;
    gap:7px!important;margin:0!important;
    height:52px!important;
    white-space:nowrap!important;
  }
  .main-header .logo-bag{
    width:42px!important;height:47px!important;
    flex:0 0 42px!important;font-size:22px!important;
    border-radius:9px 9px 7px 7px!important;
  }
  .main-header .logo-bag:before{
    top:-11px!important;width:20px!important;height:17px!important;
    border-width:4px!important;
  }
  .main-header .logo-text b{
    font-size:27px!important;letter-spacing:-1.4px!important;
    line-height:1!important;
  }
  .main-header .logo-text span{
    font-size:10px!important;margin-top:3px!important;
  }
  .main-header .header-actions{
    position:absolute!important;
    right:12px!important;
    top:14px!important;
    margin:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    width:auto!important;
    z-index:20!important;
  }
  .main-header .header-actions .h-action{
    display:flex!important;align-items:center!important;
    margin:0!important;padding:0!important;
  }
  .main-header .header-actions .h-action .ico{
    font-size:27px!important;line-height:1!important;
  }
  .main-header .header-actions .h-action .text{display:none!important}
  .main-header .header-actions .badge{
    top:-9px!important;left:16px!important;
    min-width:18px!important;height:18px!important;line-height:18px!important;
  }
  .main-header .search{
    order:initial!important;
    width:100%!important;height:44px!important;
    margin:0!important;border-radius:9px!important;
  }
  .search input{min-width:0!important;font-size:14px!important;padding:0 14px!important}
  .search button{width:54px!important;flex:0 0 54px!important}

  /* Hero */
  .hero{margin-top:10px!important}
  .hero img{
    width:100%!important;height:auto!important;
    aspect-ratio:3.25/1!important;object-fit:cover!important;
    object-position:center!important;border-radius:10px!important;
  }
  .hero .arrow{width:36px!important;height:36px!important}
  .hero .left{left:7px!important}.hero .right{right:7px!important}

  /* Categories */
  .section{padding:14px 0!important}
  .section-head{margin-bottom:10px!important}
  .section-head h2{font-size:20px!important}
  .category-row{
    display:flex!important;gap:16px!important;
    overflow-x:auto!important;overflow-y:hidden!important;
    padding:2px 0 8px!important;
    scroll-snap-type:x proximity!important;
    scroll-padding-left:2px!important;
  }
  .category-item{
    min-width:76px!important;max-width:76px!important;
    flex:0 0 76px!important;text-align:center!important;
    font-size:12px!important;line-height:1.2!important;
    scroll-snap-align:start!important;
  }
  .cat-circle{width:66px!important;height:66px!important;font-size:30px!important}

  /* Product cards */
  .products,.shop-products{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px!important;width:100%!important;
  }
  .product-card{min-width:0!important;width:100%!important;padding:6px!important;border-radius:10px!important}
  .product-image{
    width:100%!important;height:auto!important;
    aspect-ratio:1/1!important;border-radius:7px!important;
  }
  .product-image img{width:100%!important;height:100%!important;object-fit:contain!important}
  .heart{width:32px!important;height:32px!important;right:8px!important;top:8px!important}
  .product-title{font-size:13px!important;line-height:1.25!important;margin:7px 2px 4px!important}
  .rating{font-size:11px!important}.reviews{font-size:10px!important}
  .price{font-size:18px!important}.mrp{font-size:10px!important}.off{font-size:10px!important}
  .add-cart{font-size:13px!important;padding:9px 3px!important;margin-top:7px!important}

  /* Promo banners: only the banner image itself */
  .promo-grid{display:grid!important;grid-template-columns:1fr!important;gap:9px!important}
  .promo-grid img{
    width:100%!important;height:auto!important;
    aspect-ratio:4/1!important;object-fit:cover!important;border-radius:9px!important;
  }

  /* Single, compact trust section */
  .trust{
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:0!important;border:1px solid #cfe0ee!important;
    border-radius:11px!important;overflow:hidden!important;
    margin:2px 0 0!important;
  }
  .trust-item{
    min-width:0!important;padding:10px 8px!important;
    border-right:1px solid #dbe7f1!important;
    border-bottom:1px solid #dbe7f1!important;
  }
  .trust-item:nth-child(2n){border-right:0!important}
  .trust-item:nth-child(3),.trust-item:nth-child(4){border-bottom:0!important}
  .trust-icon{width:38px!important;height:38px!important;flex:0 0 38px!important}
  .trust b{font-size:12px!important}.trust span{font-size:10px!important}

  /* Newsletter */
  .newsletter{padding:12px 0!important}
  .newsletter .inner{
    display:grid!important;grid-template-columns:30px 1fr!important;
    gap:4px 9px!important;align-items:center!important;
  }
  .newsletter-icon{font-size:22px!important}
  .newsletter .inner>div b{font-size:17px!important}
  .newsletter form{
    grid-column:1/-1!important;display:flex!important;
    width:100%!important;max-width:none!important;
  }
  .newsletter input{height:40px!important;min-width:0!important;font-size:13px!important}
  .newsletter button{height:40px!important;padding:0 17px!important}
  .newsletter .inner>b{grid-column:1/-1!important;font-size:12px!important}

  /* Compact, organized dark footer */
  .footer{
    background:#08457f!important;
    border-top:1px solid #0a5b9e!important;
    color:#fff!important;
  }
  .footer .container{padding-left:12px!important;padding-right:12px!important}
  .footer-main{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:13px 20px!important;
    padding:16px 0 12px!important;
  }
  .footer-main .footer-brand{
    grid-column:1/-1!important;
    padding-bottom:2px!important;
  }
  .footer .logo-wrap{gap:7px!important}
  .footer .logo-bag{
    width:39px!important;height:43px!important;
    flex:0 0 39px!important;font-size:20px!important;
  }
  .footer .logo-bag:before{
    top:-10px!important;width:18px!important;height:15px!important;border-width:3px!important;
  }
  .footer .logo-text b{font-size:24px!important;letter-spacing:-1px!important}
  .footer .logo-text span{font-size:9px!important;color:#e8f4ff!important}
  .footer p,.footer li{
    color:#e7f2fb!important;font-size:11px!important;line-height:1.45!important;
  }
  .footer-brand>p{
    margin:7px 0 2px!important;max-width:100%!important;
  }
  .footer h4{
    color:#fff!important;font-size:14px!important;
    margin:0 0 5px!important;
  }
  .footer ul{margin:0!important;padding:0!important}
  .footer li{margin:0!important;padding:1px 0!important}
  .footer-main>div:nth-child(4){
    grid-column:1/-1!important;
  }
  .footer-main>div:nth-child(4) p{
    margin:3px 0 6px!important;line-height:1.5!important;
  }
  .socials{gap:7px!important}
  .socials a{
    width:30px!important;height:30px!important;
    background:#075e9f!important;color:#fff!important;
  }
  .copyright{
    border-top:1px solid rgba(255,255,255,.18)!important;
    padding:9px 0 10px!important;
    display:flex!important;flex-direction:column!important;
    align-items:center!important;gap:3px!important;
    text-align:center!important;color:#dcecf8!important;font-size:10px!important;
  }

  /* Bottom app navigation */
  .mobile-bottom{
    position:fixed!important;display:flex!important;
    left:0!important;right:0!important;bottom:0!important;
    width:100%!important;height:64px!important;
    background:#fff!important;border-top:1px solid #dfe6ef!important;
    z-index:999999!important;box-shadow:0 -3px 14px rgba(0,0,0,.08)!important;
  }
  .mobile-bottom a{
    flex:1!important;display:flex!important;flex-direction:column!important;
    align-items:center!important;justify-content:center!important;
    gap:3px!important;font-size:11px!important;
  }
  .mobile-bottom a span:first-child{font-size:22px!important;line-height:1!important}
  .mobile-bottom a.active{color:var(--km-blue)!important;font-weight:700!important}

  .woocommerce,.woocommerce-page,.site-main,main{max-width:100%!important;overflow-x:hidden!important}
  img,video,iframe{max-width:100%!important}
}

/* KukuMall v1.1 footer update */
.footer{
  background:#063b78;
  color:#fff;
  border-top:0;
}
.footer h4,.footer b,.footer .logo-text b{color:#fff}
.footer p,.footer li,.footer li a,.footer .logo-text span{
  color:#dbeafe;
}
.footer a{color:#fff}
.footer .logo-bag{
  background:#1677e8;
  box-shadow:inset 0 -4px 0 rgba(0,0,0,.12);
}
.footer .copyright{
  border-top:1px solid rgba(255,255,255,.18);
  color:#cfe3fa;
}
.footer .socials a{
  background:rgba(255,255,255,.12);
  color:#fff;
}
@media(max-width:700px){
  .footer{background:#063b78}
}

/* KukuMall v1.2 - header/footer logo correction */
.logo-wrap{display:flex;align-items:center;gap:10px;white-space:nowrap}
.logo-bag{flex:0 0 40px;width:40px;height:44px}
.logo-text{display:block;line-height:1}
.logo-text b{display:block;font-size:29px;line-height:1.02;font-weight:800;letter-spacing:-1.3px;white-space:nowrap}
.logo-text b .blue{display:inline;color:var(--km-blue);font-size:inherit;font-weight:800;line-height:inherit}
.logo-text > span{display:block;font-size:10px;line-height:1.15;font-weight:500;color:#222;margin-top:3px;letter-spacing:0}
.footer .logo-text > span{color:#dbeafe}
@media(max-width:700px){
 .logo-wrap{gap:8px}
 .logo-bag{flex-basis:34px;width:34px;height:38px}
 .logo-text b{font-size:25px;letter-spacing:-1px}
 .logo-text > span{font-size:9px;margin-top:2px}
}

/* KukuMall v1.4 — restore layout + subtle service strip */
.trust{
  border:1px solid #cfe4f8;
  border-radius:12px;
  background:linear-gradient(180deg,#fbfdff 0%,#f1f8ff 100%);
  box-shadow:0 2px 8px rgba(24,61,105,.06);
  overflow:hidden;
  margin:0;
}
.trust-item{border-right:1px solid #dbeaf7}
.trust-item:last-child{border-right:0}
@media(max-width:700px){
 .trust{border-radius:10px}
 .trust-item:nth-child(2){border-right:0}
}

/* KukuMall v1.5 — Android/mobile system stabilization */
.mobile-menu-toggle{display:none}
@media(max-width:700px){
  html,body{width:100%;max-width:100%;overflow-x:hidden!important}
  body{font-size:14px!important;background:#fff!important}
  .container{width:100%!important;max-width:100%!important;margin:0!important;padding-left:12px!important;padding-right:12px!important}
  .topbar,.desktop-only,.navbar{display:none!important}

  /* App-like mobile header */
  .main-header{border-bottom:1px solid #e6edf5!important;background:#fff!important}
  .main-header .container{
    display:grid!important;
    grid-template-columns:38px 1fr auto!important;
    grid-template-rows:48px 44px!important;
    gap:0 7px!important;
    padding:8px 12px 10px!important;
    min-height:100px!important;
    align-items:center!important;
  }
  .mobile-menu-toggle{
    display:flex!important;
    grid-column:1!important;grid-row:1!important;
    width:34px!important;height:34px!important;
    align-items:center!important;justify-content:center!important;
    border:0!important;background:transparent!important;
    font-size:23px!important;color:#111827!important;padding:0!important;
  }
  .logo-wrap{
    grid-column:2!important;grid-row:1!important;
    justify-self:start!important;
    gap:7px!important;min-width:0!important;
  }
  .logo-bag{width:31px!important;height:35px!important;font-size:17px!important;border-radius:7px!important}
  .logo-bag:before{top:-8px!important;width:15px!important;height:13px!important;border-width:3px!important}
  .logo-text{line-height:1!important}
  .logo-text b{font-size:24px!important;letter-spacing:-1px!important;white-space:nowrap!important}
  .logo-text span{font-size:9px!important;white-space:nowrap!important}
  .header-actions{
    grid-column:3!important;grid-row:1!important;
    margin:0!important;gap:9px!important;align-self:center!important;
  }
  .header-actions .h-action{gap:0!important}
  .header-actions .h-action .ico{font-size:24px!important;line-height:1!important}
  .header-actions .h-action .text{display:none!important}
  .header-actions .badge{top:-7px!important;left:14px!important;min-width:16px!important;height:16px!important;line-height:16px!important;font-size:9px!important}
  .main-header .search{
    grid-column:1/-1!important;grid-row:2!important;
    order:unset!important;width:100%!important;height:42px!important;
    margin:0!important;border-radius:8px!important;
  }
  .search input{font-size:13px!important;min-width:0!important}
  .search button{width:48px!important;flex:0 0 48px!important}

  /* Hero */
  .hero{margin-top:10px!important}
  .hero img{width:100%!important;height:auto!important;min-height:0!important;aspect-ratio: 3.2 / 1!important;object-fit:cover!important;border-radius:10px!important}
  .hero .arrow{width:34px!important;height:34px!important;font-size:22px!important}
  .hero .left{left:7px!important}.hero .right{right:7px!important}

  /* Categories: horizontal app row */
  .section{padding:13px 0!important}
  .section-head{margin-bottom:9px!important}
  .section-head h2{font-size:19px!important}
  .view-all{font-size:13px!important}
  .category-row{gap:13px!important;padding:3px 1px 7px!important;overflow-x:auto!important;overflow-y:hidden!important}
  .category-item{min-width:66px!important;max-width:66px!important;font-size:11px!important;line-height:1.25!important}
  .cat-circle{width:60px!important;height:60px!important;font-size:28px!important;margin-bottom:6px!important}

  /* Product grids: always exactly two columns on Android */
  .products,.shop-products{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px!important;
    width:100%!important;
  }
  .product-card{
    width:100%!important;min-width:0!important;padding:6px!important;
    border-radius:9px!important;overflow:hidden!important;
  }
  .product-image{
    width:100%!important;height:auto!important;aspect-ratio:1/1!important;
    border-radius:7px!important;
  }
  .product-title{font-size:12px!important;line-height:1.25!important;margin:7px 2px 4px!important}
  .rating{font-size:11px!important;white-space:nowrap!important}
  .reviews{font-size:10px!important}
  .price{font-size:16px!important;white-space:nowrap!important;overflow:hidden!important}
  .mrp{font-size:10px!important}.off{font-size:9px!important;margin-left:3px!important}
  .add-cart{font-size:12px!important;padding:9px 4px!important;margin-top:7px!important}
  .heart{width:27px!important;height:27px!important;right:9px!important;top:9px!important}

  /* Promo banners */
  .promo-grid{display:grid!important;grid-template-columns:1fr!important;gap:9px!important}
  .promo-grid img{width:100%!important;height:auto!important;aspect-ratio:4/1!important;object-fit:cover!important;border-radius:9px!important}

  /* Service strip */
  .trust{
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
    border:1px solid #cfe4f8!important;border-radius:10px!important;
    margin-top:2px!important;
  }
  .trust-item{
    min-width:0!important;padding:9px 5px!important;
    border-right:1px solid #dbeaf7!important;border-bottom:1px solid #dbeaf7!important;
    justify-content:flex-start!important;
  }
  .trust-item:nth-child(2n){border-right:0!important}
  .trust-item:nth-child(3),.trust-item:nth-child(4){border-bottom:0!important}
  .trust-icon{width:34px!important;height:34px!important;flex:0 0 34px!important;font-size:17px!important}
  .trust b{font-size:11px!important}.trust span{font-size:9px!important}

  /* Newsletter */
  .newsletter{padding:12px 0!important}
  .newsletter .inner{display:grid!important;grid-template-columns:30px 1fr!important;gap:4px 9px!important}
  .newsletter form{grid-column:1/-1!important;display:flex!important;width:100%!important;max-width:none!important}
  .newsletter form input{min-width:0!important;height:38px!important}
  .newsletter form button{height:38px!important;padding:0 15px!important}
  .newsletter .inner>b{grid-column:1/-1!important;font-size:11px!important}

  /* Footer mobile */
  .footer-main{grid-template-columns:1fr 1fr!important;gap:18px!important;padding:20px 0 75px!important}
  .footer-main .footer-brand{grid-column:1/-1!important}
  .footer-main h4{font-size:13px!important}.footer-main p,.footer-main li{font-size:11px!important}
  .copyright{font-size:10px!important;padding:10px 0 72px!important}
  .copyright span{display:block!important;margin:3px 0!important}

  /* Fixed bottom navigation */
  .mobile-bottom{
    position:fixed!important;display:flex!important;
    left:0!important;right:0!important;bottom:0!important;
    width:100%!important;height:64px!important;
    background:#fff!important;border-top:1px solid #dfe6ef!important;
    z-index:999999!important;box-shadow:0 -3px 14px rgba(0,0,0,.08)!important;
    padding-bottom:env(safe-area-inset-bottom)!important;
  }
  .mobile-bottom a{
    flex:1!important;min-width:0!important;
    display:flex!important;flex-direction:column!important;
    align-items:center!important;justify-content:center!important;
    font-size:10px!important;gap:3px!important;
  }
  .mobile-bottom a span:first-child{font-size:21px!important;line-height:1!important}
  .mobile-bottom a.active{color:var(--km-blue)!important;font-weight:700!important}

  /* Prevent WordPress/WooCommerce blocks from overflowing the viewport */
  .woocommerce,.woocommerce-page,.site-main,main{max-width:100%!important;overflow-x:hidden!important}
  img,video,iframe{max-width:100%!important}
}

/* v1.6 final Android/reference corrections */
.logo-text b .blue{display:inline!important;font-size:inherit!important;font-weight:800!important;line-height:inherit!important;color:var(--km-blue)!important}
.footer .logo-text b .blue{color:#126bd8!important;font-size:inherit!important}
.promo-grid img{display:block!important}
@media(max-width:700px){
  .main-header .container{grid-template-columns:38px minmax(0,1fr) auto!important;}
  .logo-wrap{min-width:0!important;overflow:visible!important}
  .logo-text b,.logo-text b .blue{font-size:24px!important;line-height:1!important;white-space:nowrap!important}
  .logo-text>span{font-size:9px!important}
  .hero{margin-top:10px!important;overflow:hidden!important}
  .hero img{height:auto!important;width:100%!important;aspect-ratio:auto!important;object-fit:contain!important;background:#eef7ff!important;border-radius:10px!important}
  .products{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .product-image{height:auto!important;aspect-ratio:1/1!important}
  .product-image img{object-fit:contain!important}
  .promo-grid img{height:auto!important;aspect-ratio:488/118!important;object-fit:cover!important}
}

/* KukuMall v1.7 — clean Android header, compact footer */
@media(max-width:700px){
  .mobile-menu-toggle{display:none!important}
  .main-header .container{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-rows:55px 43px!important;
    gap:7px!important;
    padding:7px 12px 9px!important;
    min-height:112px!important;
    align-items:center!important;
  }
  .logo-wrap{grid-column:1!important;grid-row:1!important;justify-self:start!important;gap:8px!important}
  .logo-bag{width:38px!important;height:42px!important;flex:0 0 38px!important;font-size:20px!important}
  .logo-bag:before{top:-10px!important;width:18px!important;height:16px!important;border-width:4px!important}
  .logo-text b,.logo-text b .blue{font-size:28px!important;line-height:1!important;letter-spacing:-1.2px!important}
  .logo-text>span{font-size:10px!important;line-height:1.15!important;margin-top:3px!important}
  .header-actions{grid-column:2!important;grid-row:1!important;margin:0!important;gap:0!important}
  .header-actions .h-action{display:none!important}
  .header-actions .h-action:last-child{display:flex!important}
  .header-actions .h-action .ico{font-size:30px!important;line-height:1!important}
  .header-actions .h-action .text{display:none!important}
  .header-actions .badge{top:-8px!important;left:17px!important;min-width:17px!important;height:17px!important;line-height:17px!important;font-size:9px!important}
  .main-header .search{grid-column:1/-1!important;grid-row:2!important;order:unset!important;width:100%!important;height:43px!important;margin:0!important}

  /* Compact footer: no excessive empty blue area */
  .footer-main{display:grid!important;grid-template-columns:1fr 1fr!important;gap:13px 18px!important;padding:14px 0 12px!important}
  .footer-main .footer-brand{grid-column:1/-1!important}
  .footer-main .footer-brand .logo-wrap{gap:7px!important}
  .footer-main .footer-brand .logo-bag{width:31px!important;height:35px!important;flex-basis:31px!important;font-size:17px!important}
  .footer-main .footer-brand .logo-bag:before{top:-8px!important;width:15px!important;height:13px!important;border-width:3px!important}
  .footer-main .footer-brand .logo-text b,.footer-main .footer-brand .logo-text b .blue{font-size:22px!important}
  .footer-main .footer-brand .logo-text>span{font-size:8px!important}
  .footer-main .footer-brand p{font-size:10px!important;line-height:1.45!important;margin:7px 0 0!important;max-width:100%!important}
  .footer-main h4{font-size:12px!important;margin:0 0 4px!important}
  .footer-main p,.footer-main li{font-size:10px!important;line-height:1.45!important;margin:0!important}
  .footer-main ul{margin:0!important}
  .socials{gap:5px!important;margin-top:6px!important}
  .socials a{width:24px!important;height:24px!important;font-size:11px!important}
  .copyright{display:flex!important;flex-direction:column!important;align-items:center!important;gap:4px!important;text-align:center!important;padding:8px 0 9px!important;font-size:9px!important}
  .copyright span{display:block!important;margin:0!important}

  /* Four-item bottom navigation, matching the compact Android design */
  .mobile-bottom{height:60px!important}
  .mobile-bottom a{font-size:10px!important}
  .mobile-bottom a span:first-child{font-size:21px!important}
  .mobile-bottom a{flex:1!important}
}


/* v1.9 Android cart alignment: cart is pinned to the far right */
@media(max-width:700px){
  .main-header .header-actions .h-action{
    width:34px!important;
    min-width:34px!important;
    justify-content:center!important;
  }
  .main-header .header-actions .h-action .ico{
    display:block!important;
    width:30px!important;
    text-align:center!important;
  }
  .main-header .header-actions .badge{
    left:18px!important;
    right:auto!important;
  }
}


/* v1.10 Android header final arrangement */
@media(max-width:700px){
  .main-header .container{
    position:relative!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    padding:8px 12px 10px!important;
    min-height:118px!important;
  }
  .main-header .logo-wrap{
    position:absolute!important;
    left:12px!important;
    top:9px!important;
    height:52px!important;
    margin:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:7px!important;
    z-index:30!important;
  }
  .main-header .logo-bag{
    width:42px!important;height:47px!important;
    flex:0 0 42px!important;
  }
  .main-header .logo-text b{
    font-size:27px!important;
    letter-spacing:-1.4px!important;
  }
  .main-header .logo-text span{font-size:10px!important}

  /* Hide My Account action on Android */
  .main-header .header-actions .account,
  .main-header .header-actions .my-account,
  .main-header .header-actions [class*="account"],
  .main-header .header-actions a[href*="my-account"]{
    display:none!important;
  }

  /* Cart only, pinned to far right */
  .main-header .header-actions{
    position:absolute!important;
    right:12px!important;
    left:auto!important;
    top:14px!important;
    width:auto!important;
    margin:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    z-index:40!important;
  }
  .main-header .header-actions .h-action{
    display:flex!important;
    width:38px!important;
    min-width:38px!important;
    margin:0!important;
    padding:0!important;
    justify-content:center!important;
  }
  .main-header .header-actions .h-action .ico{
    font-size:29px!important;
    line-height:1!important;
  }
  .main-header .header-actions .badge{
    left:19px!important;
    top:-8px!important;
  }

  .main-header .search{
    width:100%!important;
    height:44px!important;
    margin-top:60px!important;
    border-radius:9px!important;
  }
}

/* KukuMall v1.11 - viewport-anchored Android bottom navigation */
@media(max-width:700px){
  body{padding-bottom:70px!important}
  .mobile-bottom{
    position:fixed!important;top:auto!important;bottom:0!important;
    left:0!important;right:0!important;margin:0!important;
    width:100%!important;height:64px!important;min-height:64px!important;
    max-height:64px!important;transform:none!important;
    z-index:2147483647!important;display:flex!important;
    box-sizing:border-box!important;
  }
  .mobile-bottom a{
    position:relative!important;top:auto!important;bottom:auto!important;
    transform:none!important;margin:0!important;
    height:64px!important;min-height:64px!important;
    max-height:64px!important;flex:1 1 0!important;
    box-sizing:border-box!important;
  }
}


/* KukuMall v1.12 — Categories page desktop design + Android sidebar removal */
.km-categories-page .km-category-hero{margin-top:4px}
.km-categories-page .km-category-hero img{height:190px;object-fit:cover}
.km-category-intro{padding-bottom:8px}
.km-category-intro .section-head{margin-bottom:8px}
.km-category-intro .section-head h2,
.km-all-head h2{font-size:25px;margin:0 0 5px}
.km-category-intro .section-head p,
.km-all-head p{margin:0;color:var(--km-muted);font-size:13px}
.km-category-icons{gap:18px;padding:4px 0 10px}
.km-category-icons .category-item{min-width:86px}
.km-category-icons .cat-circle{width:74px;height:74px;font-size:36px;background:#edf6ff}
.km-category-icons .category-item span{display:block;line-height:1.2}

.km-category-layout{grid-template-columns:240px 1fr;gap:28px;align-items:start}
.km-category-sidebar{padding:0;overflow:hidden;background:#fff;box-shadow:var(--km-shadow)}
.km-sidebar-title{background:var(--km-blue);color:#fff;font-weight:700;font-size:13px;padding:10px 14px}
.km-sidebar-item{display:grid;grid-template-columns:27px 1fr 12px;align-items:center;gap:6px;padding:9px 12px;border-bottom:1px solid #edf1f6;font-size:13px}
.km-sidebar-item:hover{background:#f5f9ff;color:var(--km-blue)}
.km-sidebar-icon{font-size:18px;text-align:center}
.km-chevron{color:#8793a3;font-size:20px;line-height:1}
.km-all-head{margin-bottom:12px}
.km-sort{border:1px solid var(--km-border);border-radius:7px;padding:6px 8px;color:#475467;font-size:12px;background:#fff}
.km-sort select{border:0;background:transparent;font-size:12px;outline:0;margin-left:4px}
.km-category-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.km-category-card{
  min-height:145px;border:1px solid var(--km-border);border-radius:8px;background:#fff;
  display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;
  padding:10px 6px;transition:.15s;box-shadow:0 1px 5px rgba(24,61,105,.04)
}
.km-category-card:hover{border-color:#b9d7f5;box-shadow:0 3px 12px rgba(18,107,216,.10);transform:translateY(-1px)}
.km-card-icon{font-size:52px;line-height:1;margin-bottom:9px}
.km-category-card strong{font-size:13px}
.km-category-card span{font-size:11px;color:var(--km-muted);margin-top:4px}
.km-all-category-section{padding-top:10px;padding-bottom:18px}

@media(max-width:1000px) and (min-width:701px){
  .km-category-layout{grid-template-columns:210px 1fr;gap:16px}
  .km-category-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}

@media(max-width:700px){
  .km-categories-page{padding-left:12px!important;padding-right:12px!important}
  .km-category-hero img{height:auto!important;aspect-ratio:3.2/1!important;object-fit:cover!important}
  .km-category-intro{padding-top:12px!important;padding-bottom:4px!important}
  .km-category-intro .section-head h2,
  .km-all-head h2{font-size:20px!important}
  .km-category-intro .section-head p,
  .km-all-head p{font-size:11px!important}
  .km-category-icons{gap:13px!important;overflow-x:auto!important}
  .km-category-icons .category-item{min-width:70px!important;max-width:70px!important}
  .km-category-icons .cat-circle{width:60px!important;height:60px!important;font-size:29px!important}
  .km-category-layout{display:block!important}
  /* No desktop sidebar on Android */
  .km-category-sidebar,.km-category-layout>.sidebar{display:none!important}
  .km-category-content{width:100%!important}
  .km-all-category-section{padding-top:8px!important}
  .km-all-head{margin-bottom:9px!important}
  .km-sort{font-size:10px!important;padding:5px!important}
  .km-sort select{font-size:10px!important}
  .km-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
  .km-category-card{min-height:135px!important;padding:8px 5px!important}
  .km-card-icon{font-size:48px!important;margin-bottom:7px!important}
  .km-category-card strong{font-size:12px!important}
  .km-category-card span{font-size:10px!important}
}

/* Category/shop archive sidebars are desktop-only on Android */
@media(max-width:700px){
  body.archive .shop-layout>.sidebar,
  body.tax-product_cat .shop-layout>.sidebar,
  body.post-type-archive-product .shop-layout>.sidebar{display:none!important}
  body.archive .shop-layout,
  body.tax-product_cat .shop-layout,
  body.post-type-archive-product .shop-layout{display:block!important}
  body.archive .shop-layout>div,
  body.tax-product_cat .shop-layout>div,
  body.post-type-archive-product .shop-layout>div{width:100%!important}
}


/* v1.12.1 — real WooCommerce category linking */
.km-category-card,.km-sidebar-item,.km-category-icons .category-item{cursor:pointer}
.km-filter-link{display:block;font-size:12px;margin:7px 0;color:#414b59}
.km-filter-link:hover{color:var(--km-blue)}


/* KukuMall v1.13 — real WooCommerce categories, no sidebar */
.km-category-intro .section-head,
.km-all-head{display:flex;align-items:center;justify-content:space-between;gap:15px}
.km-view-all{font-weight:700;color:var(--km-blue);font-size:13px}
.km-real-cat-circle{overflow:hidden!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important}
.km-real-cat-circle img{width:100%!important;height:100%!important;object-fit:contain!important;border-radius:50%!important}
.km-real-card-image{width:100px;height:100px;border-radius:50%;background:#edf6ff;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:10px}
.km-real-card-image img{width:100%;height:100%;object-fit:contain}
.km-empty-category{border:1px dashed #cbd5e1;background:#f8fbff;border-radius:10px;padding:25px;text-align:center;color:#667085}
.km-empty-large{display:flex;flex-direction:column;gap:7px}
@media(max-width:700px){
 .km-category-intro .section-head,.km-all-head{align-items:flex-end}
 .km-view-all{font-size:12px}
 .km-real-cat-circle{width:60px!important;height:60px!important}
 .km-real-card-image{width:78px;height:78px}
}