/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */
.logo img {
	max-width: 230px;
}
#footer {
	background: #F6F9FC;
	box-shadow: inset 0px 1px 12px #ddd;
}

.cormorant-nag {
  font-family: "Cormorant", serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
}
.danefirmy {
	margin-top: 12px;
	color: #666 !important;
}
@media (max-width: 480px) {
.functional-buttons .wishlist {
	display: none;
}
}
#category .product-price-and-shipping::after {
	content: "Wysyłka 24h";
	position: absolute;
	right: 0;
	color: green;
	border: 1px solid green;
	padding: 2px 5px;
	top: 1px;
	font-size: 12px;
	background-color: rgba(255, 255, 255, 0.5);
}
#index .product-price-and-shipping::after {
	content: "Wysyłka 24h";
	position: absolute;
	right: 0;
	color: green;
	border: 1px solid green;
	padding: 2px 5px;
	top: 1px;
	font-size: 12px;
	background-color: rgba(255, 255, 255, 0.5);
}
#product .product-reference {
	margin: 10px 0;
}
.reviews_advices {
	margin: 20px 0 20px;
	font-size: 12px;
	border-bottom: 1px solid #ddd;
	padding-bottom: 15px;
}
#product .description-short {
	line-height: 22px;
}
#send_aap_button {
	background: white;
	color: black;
	border: 1px solid #111;
}
#product .product-quantities {
	margin: 10px 0;
}
.blockreassurance_product p {
	font-size: 13px;
	margin-top: 2px;
	padding-top: 4px;
	margin: 0;
}
.blockreassurance_product p {
	padding: 5px;
	margin-left: -10px;
	float: left;
	margin-right: 13px;
}
.blockreassurance_product {
	background: #f5f5f5;
	padding: 10px 0px 10px 10px;
}
.blockreassurance_product .item-product {
  margin-right: 10px;
}
.cennikdostawy {
	margin: 10px 0;
}
.cennikdostawy img {
	max-width: 32px;
	margin-right: 5px;
}
.cennikdostawy a {
	text-decoration: none;
	color: black;
}
/* Kontener: elastyczny układ z zawijaniem */
.aj-benefits{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px 18px;          /* wiersz x kolumna */
  margin:8px 0;
  padding:0;
}

/* Pojedynczy „chip” – ikona + tekst razem */
.aj-benefit{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:15px 10px;
  border-radius:999px;
  flex:0 0 auto;          /* cały chip to jedna „cegiełka” */
  white-space:nowrap;     /* nie łam wewnątrz (ikona nigdy sama) */
  line-height:1.2;
  text-decoration:none;   /* gdy <a> */
}
.aj-benefit:hover{ border-color:#ddd; }

/* Wariant z opisem – 2 linie, ale ikona+tytuł trzymają się razem */
.aj-benefit--stack{
  flex-direction:column;
  align-items:flex-start;
  white-space:normal;     /* opis może łamać linie */
  gap:6px;
  padding:8px 12px;
  border-radius:12px;
}
.aj-benefit__line{
  display:inline-flex;
  align-items:center;
  gap:8px;
  white-space:nowrap;     /* ikona + tytuł nierozdzielne */
}

/* Ikona – stały rozmiar */
.aj-benefit__icon{
  width:22px;
  height:auto;
  flex:0 0 22px;
  display:block;
}
/* Jeśli moduł nadaje .invisible – pokaż ikonę */
.aj-benefit__icon.invisible{ visibility:visible !important; opacity:1 !important; }

.aj-benefit__text{
  font-size:14px;
  font-weight:600;
  color:#000;
}
.aj-benefit__desc{
  font-size:13px;
  line-height:1.35;
  opacity:.9;
}

/* Drobny tuning na bardzo wąskich ekranach */
@media (max-width: 360px){
  .aj-benefit{ gap:6px; padding:5px 8px; }
  .aj-benefit__icon{ width:20px; flex-basis:20px; }
  .aj-benefit__text{ font-size:13px; }
  .aj-benefit__desc{ font-size:12.5px; }
}
