/* Herkul Clothing Landing 2.0 */
.hkc-landing{--hkc-blue:#0799e9;--hkc-text:#20242a;--hkc-soft:#f6f7f8;margin:0 0 28px;font-family:inherit;color:var(--hkc-text)}
.hkc-landing *{box-sizing:border-box}
.hkc-landing a{text-decoration:none}
.hkc-hero{position:relative;min-height:410px;border-radius:0 0 22px 22px;overflow:hidden;background:#28333c center/cover no-repeat;margin:0 0 18px}
.hkc-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,16,23,.78) 0%,rgba(10,16,23,.35) 47%,rgba(10,16,23,.04) 78%)}
.hkc-hero-copy{position:absolute;left:5%;top:50%;transform:translateY(-50%);z-index:2;color:#fff;max-width:560px}
.hkc-eyebrow{display:block;font-size:26px;letter-spacing:.02em;margin-bottom:2px}
.hkc-hero h1{margin:0;font-size:58px;line-height:1;font-weight:900;color:#fff}
.hkc-hero p{margin:15px 0 22px;font-size:22px;line-height:1.3;color:#fff}
.hkc-btn{display:inline-flex;padding:12px 18px;border-radius:2px;font-weight:800;font-size:14px}
.hkc-btn-outline{border:2px solid #fff;color:#fff!important}
.hkc-hero-empty{min-height:260px}
.hkc-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:0 20px 26px}
.hkc-tile{position:relative;min-height:210px;border-radius:13px;overflow:hidden;background:#eceff1;color:#fff}
.hkc-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .25s ease}
.hkc-tile:hover img{transform:scale(1.025)}
.hkc-tile-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 38%,rgba(0,0,0,.62))}
.hkc-tile-title{position:absolute;left:18px;bottom:19px;font-size:26px;font-weight:900;color:#fff}
.hkc-tile-arrow{position:absolute;right:16px;bottom:14px;width:42px;height:42px;border:2px solid rgba(255,255,255,.9);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:25px}

.hkc-product-section{background:#fff;border-radius:28px;padding:26px 22px 30px;margin:0 0 24px;box-shadow:0 10px 32px rgba(0,0,0,.04)}
.hkc-section-head{display:flex;align-items:center;justify-content:space-between;margin:0 4px 22px}
.hkc-section-head h2{font-size:30px;line-height:1.1;font-weight:900;margin:0;color:#232a32}
.hkc-section-head a{color:#7d858c;font-size:14px}
.hkc-product-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:17px}
.hkc-product-card{position:relative;background:#fff;border-radius:14px;box-shadow:0 10px 26px rgba(20,32,43,.09);overflow:hidden;min-width:0;padding-bottom:13px}
.hkc-product-image{display:flex;align-items:center;justify-content:center;aspect-ratio:1/1;background:#fff;padding:12px}
.hkc-product-image img{display:block;width:100%;height:100%;object-fit:contain}
.hkc-product-info{padding:0 14px 0}
.hkc-product-name{display:block;color:#1f252b!important;font-size:14px;line-height:1.25;font-weight:500;min-height:35px;margin:3px 42px 4px 0}
.hkc-price{font-size:14px;color:#767d83}
.hkc-cart{position:absolute;right:11px;bottom:11px;width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--hkc-blue);color:#fff!important;font-size:18px;font-weight:800}

.hkc-banner-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:0 20px;margin:0 0 30px}
.hkc-wide-banner{position:relative;display:block;min-height:205px;border-radius:14px;overflow:hidden;background:#30343a center/cover no-repeat;color:#fff}
.hkc-banner-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(17,23,29,.62),rgba(17,23,29,.05))}
.hkc-banner-copy{position:absolute;z-index:2;left:28px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;max-width:60%;color:#fff}
.hkc-banner-copy strong{font-size:29px;line-height:1.03;font-weight:900;color:#fff}
.hkc-banner-copy small{font-size:20px;line-height:1.12;font-weight:700;color:#fff;margin-top:3px}
.hkc-banner-copy em{display:inline-flex;width:max-content;margin-top:14px;padding:8px 12px;border:1px solid #fff;font-style:normal;font-size:12px;font-weight:800;color:#fff}
.hkc-banner-row-bottom{margin-bottom:0}

/* Hide the normal category listing only on the selected clothing category,
   because this CSS is loaded only there. */
.hkc-hide-default ~ .products-selection,
.hkc-hide-default ~ #js-product-list-top,
.hkc-hide-default ~ #js-product-list,
.hkc-hide-default ~ .pagination{display:none!important}

@media(max-width:991px){
  .hkc-hero{min-height:340px}
  .hkc-hero h1{font-size:46px}
  .hkc-tiles{gap:10px}
  .hkc-tile{min-height:175px}
  .hkc-product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:767px){
  .hkc-landing{
    margin-left:-15px;
    margin-right:-15px;
    background:#fff;
  }

  /* Hero like current Herkul mobile */
  .hkc-hero{
    min-height:540px;
    border-radius:0 0 28px 28px;
    margin-bottom:0;
    background-position:center center;
  }
  .hkc-hero-shade{
    background:linear-gradient(180deg,rgba(10,16,23,.05) 28%,rgba(10,16,23,.72) 76%,rgba(10,16,23,.86) 100%);
  }
  .hkc-hero-copy{
    left:6%;
    right:6%;
    top:auto;
    bottom:44px;
    transform:none;
    max-width:none;
  }
  .hkc-eyebrow{
    font-size:18px;
    margin-bottom:3px;
  }
  .hkc-hero h1{
    font-size:43px;
    line-height:.98;
    max-width:92%;
  }
  .hkc-hero p{
    font-size:20px;
    margin:10px 0 16px;
  }
  .hkc-btn{
    font-size:14px;
    padding:11px 15px;
  }

  /* Small subcategory banners: 2 x 2, easy to tap */
  .hkc-tiles{
    grid-template-columns:repeat(2,minmax(0,1fr));
    padding:16px 12px 22px;
    gap:10px;
    background:#fff;
  }
  .hkc-tile{
    min-height:145px;
    border-radius:13px;
  }
  .hkc-tile-title{
    left:13px;
    bottom:13px;
    font-size:20px;
  }
  .hkc-tile-arrow{
    right:10px;
    bottom:10px;
    width:33px;
    height:33px;
    font-size:18px;
  }

  /* Current Herkul-like white rounded section */
  .hkc-product-section{
    border-radius:30px;
    padding:25px 14px 30px;
    margin:0 0 18px;
    box-shadow:none;
    background:#fff;
  }
  .hkc-section-head{
    margin:0 2px 19px;
  }
  .hkc-section-head h2{
    font-size:30px;
    font-weight:900;
  }
  .hkc-section-head a{
    font-size:16px;
    color:#a0a0a0;
  }

  /* IMPORTANT: exactly 2 product cards per row on phone */
  .hkc-product-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:16px 14px;
  }
  .hkc-product-card{
    border-radius:18px;
    padding-bottom:15px;
    box-shadow:0 9px 27px rgba(24,35,44,.08);
    overflow:hidden;
  }
  .hkc-product-image{
    aspect-ratio:1/1.12;
    padding:10px 10px 3px;
  }
  .hkc-product-info{
    padding:2px 17px 0;
  }
  .hkc-product-name{
    font-size:17px;
    line-height:1.24;
    min-height:44px;
    margin:5px 46px 6px 0;
    font-weight:500;
  }
  .hkc-price{
    font-size:16px;
    color:#868686;
  }
  .hkc-cart{
    width:52px;
    height:52px;
    right:13px;
    bottom:12px;
    font-size:20px;
    background:#068fe5;
  }

  /* Two narrow banners, side by side as on the approved mockup */
  .hkc-banner-row{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
    padding:0 12px;
    margin:0 0 24px;
  }
  .hkc-wide-banner{
    min-height:170px;
    border-radius:15px;
  }
  .hkc-banner-copy{
    left:15px;
    right:10px;
    max-width:72%;
  }
  .hkc-banner-copy strong{
    font-size:20px;
    line-height:1.02;
  }
  .hkc-banner-copy small{
    font-size:14px;
  }
  .hkc-banner-copy em{
    font-size:10px;
    padding:6px 8px;
    margin-top:9px;
  }

  .hkc-banner-row-bottom{
    margin-bottom:18px;
  }
}
@media(max-width:420px){
  .hkc-hero{
    min-height:500px;
  }
  .hkc-hero h1{
    font-size:38px;
  }
  .hkc-hero p{
    font-size:18px;
  }
  .hkc-tile{
    min-height:132px;
  }
  .hkc-tile-title{
    font-size:18px;
  }
  .hkc-product-grid{
    gap:14px 11px;
  }
  .hkc-product-name{
    font-size:15px;
    min-height:40px;
    margin-right:42px;
  }
  .hkc-price{
    font-size:15px;
  }
  .hkc-cart{
    width:48px;
    height:48px;
  }
  .hkc-wide-banner{
    min-height:154px;
  }
  .hkc-banner-copy strong{
    font-size:18px;
  }
  .hkc-banner-copy small{
    font-size:12px;
  }
}


/* v3.1 pricing */
.hkc-price-wrap{display:flex;align-items:baseline;gap:7px;flex-wrap:wrap;min-height:22px}
.hkc-regular-price{font-size:13px;color:#969ca2;text-decoration:line-through}
.hkc-price-sale{color:#df3d48;font-weight:800}
.hkc-discount-badge{position:absolute;left:10px;top:10px;z-index:3;background:#2fb75d;color:#fff;border-radius:18px;padding:5px 10px;font-size:12px;font-weight:800;line-height:1;box-shadow:0 3px 10px rgba(0,0,0,.08)}
@media(max-width:767px){
  .hkc-regular-price{font-size:14px}
  .hkc-price-sale{font-size:16px}
  .hkc-discount-badge{left:8px;top:8px;padding:5px 9px;font-size:12px}
}
@media(max-width:420px){
  .hkc-regular-price{font-size:13px}
  .hkc-price-sale{font-size:15px}
}


/* v3.2 - Original Herkul product-card appearance */
.hkc-product-card{
  overflow:visible;
}
.hkc-product-flags{
  position:absolute;
  z-index:5;
  left:15px;
  right:15px;
  top:12px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:8px;
  pointer-events:none;
}
.hkc-sale-strip{
  display:block;
  width:100%;
  background:#29c665;
  color:#fff;
  text-align:center;
  border-radius:18px;
  padding:5px 12px;
  font-size:12px;
  font-weight:800;
  line-height:1.15;
  box-shadow:0 3px 8px rgba(0,0,0,.16);
}
.hkc-discount-badge{
  position:static;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:#29c665;
  color:#fff;
  border-radius:18px;
  padding:6px 11px;
  font-size:12px;
  font-weight:800;
  line-height:1;
  box-shadow:0 3px 8px rgba(0,0,0,.14);
}
.hkc-stock-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:#fff;
  color:#2f3135;
  border-radius:18px;
  padding:6px 12px;
  font-size:12px;
  line-height:1;
  box-shadow:0 3px 9px rgba(0,0,0,.18);
}
.hkc-price-wrap{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:2px;
}
.hkc-regular-price{
  color:#35ad5a;
  text-decoration:line-through;
  font-size:13px;
  line-height:1.15;
}
.hkc-price,
.hkc-price-sale{
  color:#7d8389;
  font-weight:400;
  font-size:14px;
  line-height:1.2;
}
.hkc-product-image{
  padding-top:18px;
}

@media(max-width:767px){
  .hkc-product-flags{
    left:9px;
    right:9px;
    top:9px;
    gap:6px;
  }
  .hkc-sale-strip{
    font-size:11px;
    padding:5px 8px;
  }
  .hkc-discount-badge,
  .hkc-stock-badge{
    font-size:11px;
    padding:5px 9px;
  }
  .hkc-regular-price{
    font-size:14px;
  }
  .hkc-price,
  .hkc-price-sale{
    font-size:16px;
  }
}


/* ============================================================
   v3.3 CACHE-BUSTED ORIGINAL HERKUL CARD STYLES
   ============================================================ */
.hkc-landing .hkc-product-card{
  position:relative !important;
  overflow:visible !important;
}

.hkc-landing .hkc-product-flags{
  position:absolute !important;
  z-index:20 !important;
  left:14px !important;
  right:14px !important;
  top:12px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  gap:7px !important;
  width:auto !important;
  height:auto !important;
  pointer-events:none !important;
  margin:0 !important;
  padding:0 !important;
  color:inherit !important;
  font-size:inherit !important;
}

.hkc-landing .hkc-sale-strip{
  display:block !important;
  width:100% !important;
  box-sizing:border-box !important;
  background:#2fc768 !important;
  color:#fff !important;
  border:0 !important;
  border-radius:20px !important;
  padding:5px 12px !important;
  margin:0 !important;
  text-align:center !important;
  font-size:12px !important;
  font-weight:700 !important;
  line-height:1.15 !important;
  text-decoration:none !important;
  white-space:nowrap !important;
  box-shadow:0 3px 8px rgba(0,0,0,.15) !important;
}

.hkc-landing .hkc-discount-badge{
  position:static !important;
  display:inline-flex !important;
  width:auto !important;
  height:auto !important;
  align-items:center !important;
  justify-content:center !important;
  background:#2fc768 !important;
  color:#fff !important;
  border:0 !important;
  border-radius:20px !important;
  padding:6px 11px !important;
  margin:0 !important;
  font-size:12px !important;
  font-weight:700 !important;
  line-height:1 !important;
  text-decoration:none !important;
  white-space:nowrap !important;
  box-shadow:0 3px 8px rgba(0,0,0,.13) !important;
}

.hkc-landing .hkc-stock-badge{
  position:static !important;
  display:inline-flex !important;
  width:auto !important;
  height:auto !important;
  align-items:center !important;
  justify-content:center !important;
  background:#fff !important;
  color:#333 !important;
  border:0 !important;
  border-radius:20px !important;
  padding:6px 12px !important;
  margin:0 !important;
  font-size:12px !important;
  font-weight:400 !important;
  line-height:1 !important;
  text-decoration:none !important;
  white-space:nowrap !important;
  box-shadow:0 3px 9px rgba(0,0,0,.18) !important;
}

.hkc-landing .hkc-price-wrap{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:flex-start !important;
  gap:2px !important;
  min-height:36px !important;
  margin:0 !important;
  padding:0 !important;
}

.hkc-landing .hkc-regular-price{
  display:block !important;
  color:#35ad5a !important;
  text-decoration:line-through !important;
  text-decoration-thickness:1px !important;
  font-size:13px !important;
  font-weight:400 !important;
  line-height:1.15 !important;
  margin:0 !important;
  padding:0 !important;
}

.hkc-landing .hkc-price,
.hkc-landing .hkc-price-sale{
  display:block !important;
  color:#7d8389 !important;
  text-decoration:none !important;
  font-size:14px !important;
  font-weight:400 !important;
  line-height:1.2 !important;
  margin:0 !important;
  padding:0 !important;
}

@media(max-width:767px){
  .hkc-landing .hkc-product-flags{
    left:9px !important;
    right:9px !important;
    top:9px !important;
    gap:6px !important;
  }
  .hkc-landing .hkc-sale-strip{
    font-size:11px !important;
    padding:5px 8px !important;
  }
  .hkc-landing .hkc-discount-badge,
  .hkc-landing .hkc-stock-badge{
    font-size:11px !important;
    padding:5px 9px !important;
  }
  .hkc-landing .hkc-regular-price{
    font-size:14px !important;
  }
  .hkc-landing .hkc-price,
  .hkc-landing .hkc-price-sale{
    font-size:16px !important;
  }
}

/* v3.4 cart icon */
.hkc-landing .hkc-cart{
  color:#fff !important;
}
.hkc-landing .hkc-cart-icon{
  width:22px !important;
  height:22px !important;
  display:block !important;
}
@media(max-width:767px){
  .hkc-landing .hkc-cart-icon{
    width:24px !important;
    height:24px !important;
  }
}


/* ============================================================
   v3.5 MOBILE OVERFLOW FIX
   prepreči levo-desno premikanje na telefonu
   ============================================================ */
@media(max-width:767px){
  html,
  body,
  #wrapper,
  .page-content,
  .hkc-landing{
    max-width:100% !important;
    overflow-x:hidden !important;
  }

  .hkc-landing{
    width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
    padding-left:0 !important;
    padding-right:0 !important;
  }

  .hkc-landing .hkc-hero,
  .hkc-landing .hkc-product-section,
  .hkc-landing .hkc-banner-row,
  .hkc-landing .hkc-wide-banner,
  .hkc-landing .hkc-tiles,
  .hkc-landing .hkc-product-grid,
  .hkc-landing .hkc-product-card{
    max-width:100% !important;
  }

  .hkc-landing .hkc-banner-row,
  .hkc-landing .hkc-tiles{
    box-sizing:border-box !important;
  }
}