/* ---- Lockshop: menší karty v #products-1 ---- */
:root {
  --card-w-desktop: 300px;
  --card-w-tablet: 260px;
  --card-w-mobile: 200px;
  --card-gap: 12px;
}

/* šířka viewportu už je, jen zmenšíme samotné karty */
#products-1.product-slider .product {
  width: var(--card-w-desktop) !important;
  padding: 0 calc(var(--card-gap) / 2) !important;
  box-sizing: border-box;
}

#products-1 .p .image {
  display: block;
  aspect-ratio: 4 / 3;            /* drží poměr */
  overflow: hidden;
}
#products-1 .p .image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain;
}

/* trochu menší texty, ať celková výška nekutí */
#products-1 .p .name { font-size: 14px; line-height: 1.25; }
#products-1 .p .price-final strong { font-size: 16px; }
#products-1 .p .price-additional,
#products-1 .p .p-code { font-size: 12px; }
#products-1 .p .p-desc { font-size: 12px; line-height: 1.3; }

/* tablety */
@media (max-width: 1199.98px) {
  #products-1.product-slider .product { width: var(--card-w-tablet) !important; }
}

/* mobily */
@media (max-width: 767.98px) {
  #products-1.product-slider .product { width: var(--card-w-mobile) !important; }
}

/* ---- Menší karty v #products-5 (funguje i pro #products-1) ---- */
:root{
  --card-w-desktop: 300px;
  --card-w-tablet: 260px;
  --card-w-mobile: 200px;
  --card-gap: 12px;
}

/* obecně pro shoptet slider */
#products-5.product-slider .product,
#products-1.product-slider .product{
  width: var(--card-w-desktop) !important;  /* přebije inline 429px */
  padding: 0 calc(var(--card-gap)/2) !important;
  box-sizing: border-box;
}

#products-5 .p .image,
#products-1 .p .image{
  display:block;
  aspect-ratio: 4 / 3;
  overflow:hidden;
}
#products-5 .p .image img,
#products-1 .p .image img{
  width:100% !important;
  height:100% !important;
  object-fit:contain;
}

/* menší typografie */
#products-5 .p .name,
#products-1 .p .name { font-size:14px; line-height:1.25; }
#products-5 .p .price-final strong,
#products-1 .p .price-final strong { font-size:16px; }
#products-5 .p .price-additional,
#products-1 .p .price-additional,
#products-5 .p .p-code,
#products-1 .p .p-code { font-size:12px; }
#products-5 .p .p-desc,
#products-1 .p .p-desc { font-size:12px; line-height:1.3; }

/* tablet */
@media (max-width:1199.98px){
  #products-5.product-slider .product,
  #products-1.product-slider .product{
    width: var(--card-w-tablet) !important;
  }
}
/* mobil */
@media (max-width:767.98px){
  #products-5.product-slider .product,
  #products-1.product-slider .product{
    width: var(--card-w-mobile) !important;
  }
}


/* Globální zmenšení textu na Lockshop.cz */
html, body {
  font-size: 15px !important; /* výchozí je 16px, tohle je ~−6 % */
  line-height: 1.45;          /* ať zůstane čitelné */
}

/* Nadpisy o stupeň menší */
h1 { font-size: 1.8rem !important; }
h2 { font-size: 1.5rem !important; }
h3 { font-size: 1.3rem !important; }
h4, h5, h6 { font-size: 1.1rem !important; }

/* Úprava běžného textu v produktových kartách, popisech, košíku */
.p, .product, .product-detail, .cart, .checkout, .footer, .header, .content {
  font-size: 0.95em !important;
}

/* --- Benefit sekce: lokální menší základ + nadpisy/Popis na em --- */
.ls-benefits{
  font-size: 0.92rem !important;   /* zmenší celý blok benefitů */
}

.ls-benefit__title{
  /* přepiš rem -> em, ať to škáluje jen podle .ls-benefits, ne rootu */
  font-size: 1.12em !important;     /* cca 10–12 % nad základem bloku */
  line-height: 1.3 !important;
}

.ls-benefit__desc{
  font-size: 0.95em !important;     /* lehce menší než základ bloku */
  line-height: 1.5 !important;
}

/* volitelné: menší ikony, když působí dominantně */
.ls-benefit__icon{ width: 36px !important; height: 36px !important; }
.ls-benefit__icon svg{ width: 22px !important; height: 22px !important; }