/* --- kol26 majice --- */
/* začetek kol26 majice css kode */
.woocommerce-shop{
  --kol26-navy:#060f2b;
  --kol26-crimson:#c81249;
  --kol26-line:#e3e5ee;
  --kol26-card-bg:#f3f4f8;
}

/* --- ozadje za novi hero naslov (custom-page-title, po zamenjavi UX bloka) --- */
.woocommerce-shop .custom-page-title{
  background:linear-gradient(155deg,#c81249 0%,#9c0e39 100%);
  padding:70px 40px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  min-height:260px;
}
@media (max-width:549px){
  .woocommerce-shop .custom-page-title{
    padding:44px 24px;
    min-height:auto;
  }
}

/* --- odstranitev "Zadnje novice" sidebarja, polna širina --- */
.woocommerce-shop .category-page-row > .large-3.col.hide-for-medium{
  display:none !important;
}
.woocommerce-shop .category-page-row > .col.large-9{
  width:100% !important;
  max-width:100% !important;
  flex-basis:100% !important;
}

/* --- mreža: 5 stolpcev desktop / 2 mobile --- */
.woocommerce-shop .products{
  display:grid !important;
  grid-template-columns:repeat(5, minmax(0,1fr)) !important;
  gap:22px !important;
  margin:24px 0 0 !important;
}
.woocommerce-shop .products > .product-small{
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
  max-width:none !important;
  flex:none !important;
  min-width:0 !important;
}
@media (max-width:849px){
  .woocommerce-shop .products{
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
    gap:14px !important;
  }
}

/* --- redizajn kartic --- */
.woocommerce-shop .product-small .box{
  border:1.5px solid var(--kol26-line) !important;
  border-radius:14px !important;
  background:#fff !important;
  overflow:hidden !important;
  box-shadow:none !important;
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease !important;
}
.woocommerce-shop .product-small:hover .box{
  transform:translateY(-6px);
  box-shadow:0 18px 34px -14px rgba(6,15,43,0.28) !important;
  border-color:rgba(200,18,73,0.35) !important;
}
.woocommerce-shop .product-small .box-image{
  background:var(--kol26-card-bg) !important;
  position:relative !important;
  aspect-ratio:1/1 !important;
  overflow:hidden !important;
  display:block !important;
}
.woocommerce-shop .product-small .box-image img{
  position:absolute !important;
  top:0 !important;
  left:0 !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  object-fit:cover !important;
  transform:none !important;
}
.woocommerce-shop .product-small .box-text.box-text-products{
  padding:14px 16px 18px !important;
  text-align:left !important;
}
.woocommerce-shop .product-small .box-text.box-text-products .category{
  display:none !important;
}
.woocommerce-shop .product-small .box-text.box-text-products .title{
  font-size:13.5px !important;
  font-weight:600 !important;
  color:var(--kol26-navy) !important;
  margin:0 0 10px !important;
}
.woocommerce-shop .product-small .price{
  display:inline-block !important;
  background:rgba(200,18,73,0.09) !important;
  color:var(--kol26-crimson) !important;
  font-size:14px !important;
  font-weight:700 !important;
  padding:4px 12px !important;
  border-radius:999px !important;
}
.woocommerce-shop .product-small .price ins{
  color:var(--kol26-crimson) !important;
  text-decoration:none !important;
  font-weight:700 !important;
}
.woocommerce-shop .product-small .price del{
  opacity:.5;
  font-size:12px;
}

/* --- značka "Nov" --- */
.woocommerce-shop .badge-container .badge{
  background:var(--kol26-crimson) !important;
  border-radius:999px !important;
}

/* --- "kmalu" polje: Nogavice (10. celica v mreži, čisto CSS, brez novega izdelka) --- */
.woocommerce-shop .products::after{
  content:"Kmalu\ANogavice";
  white-space:pre-line;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  font-family:'Poppins',sans-serif;
  font-size:15px;
  font-weight:700;
  line-height:1.6;
  color:var(--kol26-navy);
  border:1.5px dashed #c7cadb;
  border-radius:14px;
  background:#f4f1ec;
  min-height:180px;
  padding:20px;
}

/* konec kol26 majice css kode */

/* --- kol26 hero besedilo --- */
/* začetek kol26 hero besedilo css kode */

.kol26-hero-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:8px;
  background:rgba(255,255,255,0.12);
  border:1px solid rgba(255,255,255,0.3);
  color:#ffffff;
  font-family:'Poppins',sans-serif;
  font-size:12px;
  font-weight:600;
  letter-spacing:0.14em;
  text-transform:uppercase;
  padding:7px 16px;
  border-radius:999px;
  margin-bottom:18px;
}

.kol26-hero-eyebrow-dot{
  width:6px;
  height:6px;
  border-radius:50%;
  background:#ffffff;
  display:inline-block;
}

.kol26-hero-title{
  font-family:'Poppins',sans-serif;
  font-size:48px;
  font-weight:900;
  line-height:1.08;
  color:#ffffff;
  margin:0 0 14px;
  letter-spacing:-0.01em;
  text-shadow:0 2px 10px rgba(0,0,0,0.3);
}

.kol26-hero-sub{
  font-family:'Poppins',sans-serif;
  font-size:16px;
  font-weight:400;
  line-height:1.6;
  color:rgba(255,255,255,0.85);
  max-width:420px;
  margin:0;
}

/* mobilne velikosti */
@media (max-width:549px){
  .kol26-hero-title{
    font-size:32px;
  }
  .kol26-hero-sub{
    font-size:14px;
  }
}

/* konec kol26 hero besedilo css kode */