/*
Theme Name: India Mobile Kart
Theme URI: https://indiamobilekart.com
Author: Taniska Advanced Computer Academy
Description: Blue & yellow e-commerce theme for India Mobile Kart, built for a Flipkart-style shopping experience — sticky search header, category bar, hero slider, product grid and EMI-finance promo. Works with WooCommerce. Fully responsive.
Version: 1.0.2
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: imk
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

/* =========================================================
   0. VARIABLES
   ========================================================= */
:root{
  --imk-blue:        #2874f0;
  --imk-blue-dark:   #1a4fb4;
  --imk-blue-deep:   #0d2b6b;
  --imk-yellow:      #ffc220;
  --imk-yellow-dark: #e6a800;
  --imk-white:       #ffffff;
  --imk-bg:          #f1f5ff;
  --imk-text:        #212121;
  --imk-text-light:  #6b7280;
  --imk-border:      #e3e8f5;
  --imk-radius:      8px;
  --imk-shadow:      0 2px 10px rgba(13,43,107,0.08);
  --imk-shadow-lg:   0 8px 24px rgba(13,43,107,0.16);
  --imk-header-h:    56px;
  --imk-maxw:        1240px;
  --imk-font:        -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

/* =========================================================
   1. RESET / BASE
   ========================================================= */
*, *::before, *::after{ box-sizing:border-box; }
html{ scroll-behavior:smooth; overflow-x:hidden; }
body{
  margin:0;
  font-family:var(--imk-font);
  color:var(--imk-text);
  background:var(--imk-bg);
  font-size:15px;
  line-height:1.5;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
  width:100%;
}
img{ max-width:100%; height:auto; display:block; }
a{ color:inherit; text-decoration:none; }
ul{ list-style:none; margin:0; padding:0; }
button{ font-family:inherit; cursor:pointer; }
input, button{ font-size:15px; }
h1,h2,h3,h4{ margin:0 0 .5em; line-height:1.25; }
.screen-reader-text{ position:absolute !important; width:1px; height:1px; overflow:hidden; clip:rect(1px,1px,1px,1px); }

.imk-container{
  max-width:var(--imk-maxw);
  margin:0 auto;
  padding:0 16px;
}
.imk-section{ margin:22px 0; }
.imk-section__head{
  display:flex; align-items:baseline; justify-content:space-between;
  margin-bottom:12px;
}
.imk-section__head h2{ font-size:19px; font-weight:700; }
.imk-section__head a{ font-size:13px; font-weight:600; color:var(--imk-blue); white-space:nowrap; }
.imk-card{
  background:var(--imk-white);
  border-radius:var(--imk-radius);
  box-shadow:var(--imk-shadow);
}
.imk-btn{
  display:inline-flex; align-items:center; justify-content:center;
  gap:6px; border:none; border-radius:4px; padding:10px 20px;
  font-weight:700; font-size:14px; letter-spacing:.2px; cursor:pointer;
  transition:transform .12s ease, box-shadow .12s ease, background .15s ease;
}
.imk-btn--blue{ background:var(--imk-blue); color:var(--imk-white); }
.imk-btn--blue:hover{ background:var(--imk-blue-dark); }
.imk-btn--yellow{ background:var(--imk-yellow); color:var(--imk-blue-deep); }
.imk-btn--yellow:hover{ background:var(--imk-yellow-dark); }
.imk-btn--outline{ background:transparent; border:1.5px solid var(--imk-blue); color:var(--imk-blue); }
.imk-btn--outline:hover{ background:var(--imk-blue); color:#fff; }
.imk-btn:active{ transform:translateY(1px); }

/* =========================================================
   2. HEADER
   ========================================================= */
.imk-header{
  position:sticky; top:0; z-index:100;
  background:linear-gradient(180deg, var(--imk-blue) 0%, var(--imk-blue) 100%);
  box-shadow:0 1px 2px rgba(0,0,0,.12);
}
.imk-header.is-scrolled{ box-shadow:var(--imk-shadow-lg); }
.imk-header__row{
  display:flex; align-items:center; gap:16px;
  max-width:var(--imk-maxw); margin:0 auto; padding:10px 16px;
  min-height:var(--imk-header-h);
}
.imk-logo{ display:flex; align-items:center; gap:8px; flex-shrink:0; color:#fff; max-width:150px; overflow:hidden; }
.imk-logo a{ display:flex; align-items:center; text-decoration:none; }
.imk-logo img,
.imk-logo img.custom-logo{
  max-height:28px !important;
  height:auto !important;
  width:auto !important;
  max-width:140px !important;
  object-fit:contain;
}
.imk-logo__text{ font-weight:800; font-size:17px; line-height:1.1; color:#fff; white-space:nowrap; }
.imk-logo__text small{
  display:block; font-size:10px; font-weight:600; color:var(--imk-yellow);
  letter-spacing:.4px; text-transform:uppercase;
}

.imk-search{ flex:1 1 auto; max-width:640px; position:relative; display:none; }
.imk-search__form{ display:flex; }
.imk-search__input{
  width:100%; border:none; border-radius:4px 0 0 4px;
  padding:10px 14px; font-size:14px; outline:none;
}
.imk-search__submit{
  background:var(--imk-white); border:none; border-radius:0 4px 4px 0;
  padding:0 16px; display:flex; align-items:center; color:var(--imk-blue);
}
.imk-search__submit svg{ width:18px; height:18px; }

.imk-header__actions{ display:flex; align-items:center; gap:6px; margin-left:auto; }
.imk-icon-btn{
  position:relative; display:flex; flex-direction:column; align-items:center;
  gap:2px; color:#fff; padding:6px 10px; border-radius:4px; background:none; border:none;
}
.imk-icon-btn svg{ width:21px; height:21px; }
.imk-icon-btn span.label{ font-size:11px; font-weight:600; display:none; }
.imk-icon-btn .count{
  position:absolute; top:0; right:2px; background:var(--imk-yellow); color:var(--imk-blue-deep);
  font-size:10px; font-weight:800; min-width:16px; height:16px; border-radius:8px;
  display:flex; align-items:center; justify-content:center; padding:0 3px;
}
.imk-hamburger{ display:flex; color:#fff; background:none; border:none; padding:6px; }
.imk-hamburger svg{ width:24px; height:24px; }

/* category bar (single line, horizontally scrollable — dropdown for any sub-items) */
.imk-catbar{ background:var(--imk-white); border-bottom:1px solid var(--imk-border); position:relative; z-index:10; }
.imk-catbar__inner{
  display:flex; flex-wrap:nowrap; align-items:center; gap:26px; overflow-x:auto; overflow-y:hidden; padding:10px 16px;
  max-width:var(--imk-maxw); margin:0 auto; scrollbar-width:none;
  cursor:grab; user-select:none; white-space:nowrap;
}
.imk-catbar__inner::-webkit-scrollbar{ display:none; }
.imk-catbar__inner > li{ list-style:none; flex:0 0 auto; position:relative; }
.imk-catbar a{
  font-size:13.5px; font-weight:600; white-space:nowrap; color:var(--imk-text);
  padding:8px 0; border-bottom:2px solid transparent; display:inline-flex; align-items:center; gap:4px;
}
.imk-catbar a:hover{ color:var(--imk-blue); border-color:var(--imk-yellow); }
.imk-catbar li.menu-item-has-children > a::after{
  content:""; width:6px; height:6px; border-right:1.5px solid currentColor; border-bottom:1.5px solid currentColor;
  transform:rotate(45deg); margin-top:-3px; opacity:.6;
}
/* sub-menus: hidden by default, shown as a floating dropdown card.
   position:fixed (coordinates set by JS) so the horizontally-scrolling
   catbar can never clip it — an absolutely-positioned dropdown nested
   inside an overflow-x:auto row gets cut off vertically in most browsers. */
.imk-catbar .sub-menu{
  display:none; position:fixed; top:0; left:0; min-width:190px; max-width:calc(100vw - 16px); z-index:150;
  background:#fff; border-radius:8px; box-shadow:var(--imk-shadow-lg); padding:6px 0; margin:0;
}
.imk-catbar .sub-menu li{ list-style:none; }
.imk-catbar .sub-menu a{ display:block; padding:9px 16px; font-weight:500; border:none; white-space:nowrap; }
.imk-catbar .sub-menu a:hover{ background:var(--imk-bg); }
.imk-catbar li.menu-item-has-children.is-open > .sub-menu{ display:block; }

/* mobile search row (shown under header row on small screens) */
.imk-search--mobile{ display:flex; max-width:none; padding:0 12px 10px; }

/* mobile off-canvas nav — hidden and inert until .is-open is toggled by the hamburger button */
.imk-mobilenav{
  position:fixed; top:0; right:0; bottom:0; width:80%; max-width:320px;
  z-index:200; background:#fff; transform:translateX(100%);
  visibility:hidden; pointer-events:none;
  transition:transform .25s ease, visibility .25s ease;
  overflow-y:auto; box-shadow:-6px 0 20px rgba(0,0,0,.2);
}
.imk-mobilenav.is-open{ transform:translateX(0); visibility:visible; pointer-events:auto; }
.imk-mobilenav__head{
  background:var(--imk-blue); color:#fff; padding:16px; display:flex;
  align-items:center; justify-content:space-between; font-weight:700;
}
.imk-mobilenav__head button{ background:none; border:none; color:#fff; }
.imk-mobilenav__head svg{ width:20px; height:20px; }
.imk-mobilenav ul{ list-style:none; margin:0; padding:0; }
.imk-mobilenav ul li a{
  display:block; padding:14px 18px; border-bottom:1px solid var(--imk-border); font-weight:600;
}
.imk-mobilenav ul .sub-menu{ background:var(--imk-bg); }
.imk-mobilenav ul .sub-menu li a{
  padding:11px 18px 11px 32px; font-weight:500; font-size:13.5px; border-bottom:1px solid var(--imk-border);
}
.imk-mobilenav-overlay{
  position:fixed; inset:0; background:rgba(13,43,107,.45); z-index:199;
  opacity:0; visibility:hidden; pointer-events:none; transition:opacity .25s ease, visibility .25s ease;
}
.imk-mobilenav-overlay.is-open{ opacity:1; visibility:visible; pointer-events:auto; }

/* single-post layout: content + optional blog sidebar */
.imk-single{ display:flex; gap:20px; flex-wrap:wrap; margin-top:14px; }
.imk-single__main{ flex:2 1 480px; min-width:0; }
.imk-single__aside{ flex:1 1 240px; min-width:0; }
@media (max-width:899px){
  .imk-single__aside{ flex-basis:100%; }
}

/* =========================================================
   3. HERO SLIDER
   ========================================================= */
.imk-hero{
  position:relative; overflow:hidden; border-radius:var(--imk-radius);
  margin:14px auto; max-width:var(--imk-maxw); background:var(--imk-blue-deep);
}
.imk-hero__track{ display:flex; transition:transform .5s ease; }
.imk-hero__slide{
  flex:0 0 100%; min-height:150px; display:flex; align-items:center;
  padding:24px; background-size:cover; background-position:center;
  color:#fff; position:relative;
}
.imk-hero__slide::before{
  content:""; position:absolute; inset:0;
  background:linear-gradient(90deg, rgba(13,43,107,.82) 0%, rgba(13,43,107,.25) 70%);
}
.imk-hero__copy{ position:relative; max-width:70%; }
.imk-hero__copy .eyebrow{ color:var(--imk-yellow); font-weight:700; font-size:12px; text-transform:uppercase; letter-spacing:.6px; }
.imk-hero__copy h2{ font-size:22px; font-weight:800; margin:.2em 0; }
.imk-hero__copy p{ font-size:13px; opacity:.9; margin:0 0 12px; }
.imk-hero__dots{
  position:absolute; bottom:10px; left:50%; transform:translateX(-50%);
  display:flex; gap:6px; z-index:2;
}
.imk-hero__dots button{
  width:7px; height:7px; border-radius:50%; border:none; background:rgba(255,255,255,.5); padding:0;
}
.imk-hero__dots button.is-active{ background:var(--imk-yellow); width:18px; border-radius:4px; }
.imk-hero__arrow{
  position:absolute; top:50%; transform:translateY(-50%); z-index:2;
  background:rgba(255,255,255,.85); border:none; width:30px; height:30px; border-radius:50%;
  display:none; align-items:center; justify-content:center; color:var(--imk-blue-deep);
}
.imk-hero__arrow svg{ width:16px; height:16px; }
.imk-hero__arrow--prev{ left:10px; }
.imk-hero__arrow--next{ right:10px; }

/* =========================================================
   4. CATEGORY TILES
   ========================================================= */
.imk-tiles{
  display:grid; grid-template-columns:repeat(4,1fr); gap:10px;
}
.imk-tile{
  background:var(--imk-white); border-radius:var(--imk-radius); text-align:center;
  padding:12px 6px; box-shadow:var(--imk-shadow); transition:transform .15s ease;
}
.imk-tile:hover{ transform:translateY(-3px); box-shadow:var(--imk-shadow-lg); }
.imk-tile__img{
  width:52px; height:52px; margin:0 auto 8px; border-radius:50%; background:var(--imk-bg);
  display:flex; align-items:center; justify-content:center; overflow:hidden;
}
.imk-tile__img img{ width:100%; height:100%; object-fit:cover; }
.imk-tile span{ font-size:11.5px; font-weight:700; }

/* =========================================================
   5. EMI / TRUST STRIP
   ========================================================= */
.imk-emi-banner{
  display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap;
  background:linear-gradient(120deg, var(--imk-blue-deep), var(--imk-blue));
  color:#fff; border-radius:var(--imk-radius); padding:20px 24px;
}
.imk-emi-banner__copy .eyebrow{ color:var(--imk-yellow); font-weight:800; font-size:11px; letter-spacing:.6px; text-transform:uppercase; }
.imk-emi-banner__copy h2{ font-size:20px; margin:.25em 0; }
.imk-emi-banner__copy p{ margin:0; font-size:13px; opacity:.9; max-width:520px; }

.imk-trust{
  display:grid; grid-template-columns:repeat(2,1fr); gap:10px; margin:18px 0;
}
.imk-trust__item{
  display:flex; align-items:center; gap:10px; background:var(--imk-white);
  border-radius:var(--imk-radius); padding:12px; box-shadow:var(--imk-shadow);
}
.imk-trust__item svg{ width:26px; height:26px; color:var(--imk-blue); flex-shrink:0; }
.imk-trust__item strong{ display:block; font-size:12.5px; }
.imk-trust__item span{ font-size:11px; color:var(--imk-text-light); }

/* =========================================================
   6. PRODUCT GRID  (custom cards + WooCommerce loop override)
   ========================================================= */
.imk-products,
ul.products{
  display:grid !important;
  grid-template-columns:repeat(2,1fr) !important;
  gap:12px !important;
  margin:0 !important; padding:0 !important; list-style:none !important;
}
.imk-product,
ul.products li.product{
  background:var(--imk-white); border:1px solid var(--imk-border); border-radius:var(--imk-radius);
  padding:12px; position:relative; transition:box-shadow .15s ease, transform .15s ease;
  width:auto !important; float:none !important;
}
.imk-product:hover, ul.products li.product:hover{ box-shadow:var(--imk-shadow-lg); transform:translateY(-2px); }

.imk-product__badge, .imk-badge-discount{
  position:absolute; top:8px; left:8px; background:var(--imk-yellow); color:var(--imk-blue-deep);
  font-size:10.5px; font-weight:800; padding:3px 7px; border-radius:4px; z-index:2;
}
.imk-product__wishlist, .imk-wishlist-icon{
  position:absolute; top:8px; right:8px; z-index:2; background:rgba(255,255,255,.9);
  border-radius:50%; width:26px; height:26px; display:flex; align-items:center; justify-content:center;
  border:none; color:#9aa5c3;
}
.imk-product__wishlist svg, .imk-wishlist-icon svg{ width:15px; height:15px; }
.imk-product__wishlist.is-active, .imk-wishlist-icon.is-active{ color:#ff5c7a; }

.imk-product__img, ul.products li.product img{
  aspect-ratio:1/1 !important; object-fit:contain !important; width:100% !important; height:auto !important;
  margin-bottom:8px !important; border-radius:4px; background:var(--imk-bg);
}
.imk-product__title, ul.products li.product .woocommerce-loop-product__title{
  font-size:12.5px !important; font-weight:600; line-height:1.35;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
  margin:0 0 4px !important; min-height:2.6em;
}
.imk-product__rating, .star-rating{
  display:inline-flex; align-items:center; gap:3px; background:var(--imk-blue);
  color:#fff; font-size:10.5px; font-weight:700; padding:1px 6px; border-radius:3px; margin-bottom:4px;
}
.imk-product__rating svg{ width:9px; height:9px; fill:var(--imk-yellow); }
.imk-product__price-row{ display:flex; align-items:baseline; gap:6px; flex-wrap:wrap; margin-bottom:6px; }
.imk-product__price, .price ins{ font-size:15px; font-weight:800; text-decoration:none !important; }
.imk-product__mrp, .price del{ font-size:12px; color:var(--imk-text-light); text-decoration:line-through; }
.imk-product__off{ font-size:11.5px; font-weight:700; color:#1a9e46; }
.imk-product__cta, a.add_to_cart_button, a.button.product_type_simple, .single_add_to_cart_button{
  display:block !important; text-align:center; width:100%; background:var(--imk-blue) !important;
  color:#fff !important; border:none !important; border-radius:4px !important; padding:8px 10px !important;
  font-size:12.5px !important; font-weight:700 !important; margin-top:4px;
}
.imk-product__cta:hover, a.add_to_cart_button:hover, .single_add_to_cart_button:hover{ background:var(--imk-blue-dark) !important; }

/* placeholder / demo notice when WooCommerce isn't active yet */
.imk-demo-note{
  grid-column:1/-1; background:#fff7e0; border:1px dashed var(--imk-yellow-dark);
  border-radius:var(--imk-radius); padding:14px 16px; font-size:12.5px; color:#6b5400;
}

/* =========================================================
   7. FOOTER
   ========================================================= */
.imk-footer{ background:var(--imk-blue-deep); color:#c9d6f2; margin-top:34px; }
.imk-footer__grid{
  display:grid; grid-template-columns:repeat(2,1fr); gap:22px;
  padding:32px 16px 20px; max-width:var(--imk-maxw); margin:0 auto;
}
.imk-footer__col h4{
  color:#fff; font-size:12px; text-transform:uppercase; letter-spacing:.6px; margin-bottom:10px;
}
.imk-footer__col ul li{ margin-bottom:8px; }
.imk-footer__col a{ font-size:13px; color:#c9d6f2; }
.imk-footer__col a:hover{ color:var(--imk-yellow); }
.imk-footer__bottom{
  border-top:1px solid rgba(255,255,255,.12); padding:16px; text-align:center;
  font-size:12px; color:#93a3cf;
}
.imk-footer__bottom strong{ color:var(--imk-yellow); }
.imk-footer__pay{ font-size:11.5px; color:#93a3cf; margin-top:6px; }

/* =========================================================
   8. GENERIC PAGE / SINGLE / SEARCH / 404
   ========================================================= */
.imk-page{ max-width:900px; margin:24px auto; padding:0 16px; }
.imk-page .imk-card{ padding:24px; }
.imk-post-grid{ display:grid; grid-template-columns:1fr; gap:16px; }
.imk-post-card{ padding:14px; }
.imk-post-card img{ border-radius:6px; margin-bottom:10px; }
.imk-post-card h3{ font-size:15px; }
.imk-post-card .meta{ font-size:11px; color:var(--imk-text-light); margin-bottom:6px; }
.imk-404{ text-align:center; padding:60px 16px; }
.imk-404 h1{ font-size:60px; color:var(--imk-blue); margin:0; }
.imk-breadcrumb{ font-size:12px; color:var(--imk-text-light); margin:14px auto 0; max-width:var(--imk-maxw); padding:0 16px; }
.imk-breadcrumb a{ color:var(--imk-blue); }

/* WooCommerce misc */
.woocommerce-message, .woocommerce-info{
  background:#fff; border-left:4px solid var(--imk-blue) !important; box-shadow:var(--imk-shadow);
}
.woocommerce-pagination ul.page-numbers{ display:flex; gap:6px; justify-content:center; margin:20px 0; }
.woocommerce-pagination .page-numbers{
  display:flex; align-items:center; justify-content:center; width:32px; height:32px;
  border-radius:4px; background:#fff; border:1px solid var(--imk-border); font-size:12.5px;
}
.woocommerce-pagination .page-numbers.current{ background:var(--imk-blue); color:#fff; }
.woocommerce-breadcrumb{ font-size:12px; color:var(--imk-text-light); margin:14px 0; }
.woocommerce-breadcrumb a{ color:var(--imk-blue); }

/* single product layout */
.single-product div.product{
  display:grid; grid-template-columns:1fr; gap:20px; background:#fff;
  border-radius:var(--imk-radius); padding:16px; box-shadow:var(--imk-shadow); margin-bottom:20px;
}
.single-product div.product .summary{ padding-top:4px; }
.single-product div.product .price{ font-size:22px; font-weight:800; color:var(--imk-text); margin:8px 0; }
.single-product div.product .price del{ font-size:14px; color:var(--imk-text-light); margin-right:6px; }
.single-product div.product .price ins{ text-decoration:none; }
.woocommerce-tabs{ background:#fff; border-radius:var(--imk-radius); padding:16px; box-shadow:var(--imk-shadow); margin-bottom:20px; }
.woocommerce-tabs ul.tabs{ display:flex; gap:16px; border-bottom:1px solid var(--imk-border); margin-bottom:14px; }
.woocommerce-tabs ul.tabs li a{ font-weight:700; font-size:13px; padding-bottom:10px; display:block; }
.woocommerce-tabs ul.tabs li.active a{ color:var(--imk-blue); border-bottom:2px solid var(--imk-blue); }

/* cart / checkout / account */
.woocommerce table.shop_table{ width:100%; border-collapse:collapse; background:#fff; border-radius:var(--imk-radius); overflow:hidden; box-shadow:var(--imk-shadow); }
.woocommerce table.shop_table th{ background:var(--imk-bg); text-align:left; font-size:12px; padding:10px; }
.woocommerce table.shop_table td{ padding:10px; border-top:1px solid var(--imk-border); font-size:13px; }
.woocommerce .button, .woocommerce button.button, .woocommerce input.button{
  background:var(--imk-blue) !important; color:#fff !important; border:none !important;
  border-radius:4px !important; padding:10px 18px !important; font-weight:700 !important; font-size:13px !important;
}
.woocommerce .button:hover, .woocommerce button.button:hover{ background:var(--imk-blue-dark) !important; }
.woocommerce #payment #place_order, .woocommerce a.checkout-button{
  background:var(--imk-yellow) !important; color:var(--imk-blue-deep) !important;
}
.woocommerce #payment #place_order:hover, .woocommerce a.checkout-button:hover{ background:var(--imk-yellow-dark) !important; }
.woocommerce form .form-row input.input-text, .woocommerce form .form-row select, .woocommerce form .form-row textarea{
  border:1px solid var(--imk-border); border-radius:4px; padding:9px 10px; width:100%;
}

@media (min-width:900px){
  .single-product div.product{ grid-template-columns:1fr 1fr; padding:28px; }
}

/* back to top */
.imk-top{
  position:fixed; right:16px; bottom:16px; width:40px; height:40px; border-radius:50%;
  background:var(--imk-yellow); color:var(--imk-blue-deep); border:none; box-shadow:var(--imk-shadow-lg);
  display:flex; align-items:center; justify-content:center; opacity:0; pointer-events:none;
  transform:translateY(10px); transition:opacity .2s ease, transform .2s ease; z-index:90;
}
.imk-top.is-visible{ opacity:1; pointer-events:auto; transform:translateY(0); }
.imk-top svg{ width:18px; height:18px; }

/* =========================================================
   9. RESPONSIVE — TABLET (>=600px)
   ========================================================= */
@media (min-width:600px){
  .imk-tiles{ grid-template-columns:repeat(6,1fr); }
  .imk-products, ul.products{ grid-template-columns:repeat(3,1fr) !important; }
  .imk-post-grid{ grid-template-columns:repeat(2,1fr); }
  .imk-trust{ grid-template-columns:repeat(4,1fr); }
  .imk-hero__slide{ min-height:220px; padding:36px; }
  .imk-hero__copy h2{ font-size:28px; }
}

/* =========================================================
   10. RESPONSIVE — DESKTOP (>=1024px)
   ========================================================= */
@media (min-width:1024px){
  .imk-hamburger{ display:none; }
  .imk-search{ display:block; }
  .imk-search--mobile{ display:none; }
  .imk-icon-btn span.label{ display:block; }
  .imk-mobilenav, .imk-mobilenav-overlay{ display:none; }
  .imk-logo{ max-width:200px; }
  .imk-logo img, .imk-logo img.custom-logo{ max-height:38px !important; max-width:190px !important; }

  .imk-catbar__inner{ gap:34px; justify-content:center; cursor:default; }
  .imk-hero__arrow{ display:flex; }
  .imk-hero__slide{ min-height:300px; padding:56px; }
  .imk-hero__copy h2{ font-size:36px; }
  .imk-hero__copy p{ font-size:15px; }

  .imk-tiles{ grid-template-columns:repeat(8,1fr); }
  .imk-products, ul.products{ grid-template-columns:repeat(5,1fr) !important; }
  .imk-post-grid{ grid-template-columns:repeat(3,1fr); }

  .imk-footer__grid{ grid-template-columns:repeat(4,1fr); }
  .imk-emi-banner{ padding:28px 40px; }
}

@media (min-width:1280px){
  .imk-products, ul.products{ grid-template-columns:repeat(6,1fr) !important; }
}