/** Shopify CDN: Minification failed

Line 97:31 Unexpected "var("

**/
/* ==========================================================================
   Shop by brand
   ========================================================================== */

.shop-by-brand {
  padding-top: var(--sbb-pt);
  padding-bottom: var(--sbb-pb);
}

.shop-by-brand__outer {
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.6rem;
  padding-right: 1.6rem;
}

.shop-by-brand__outer--fixed {
  /* max-width: 1200px; */
}

.shop-by-brand__outer--full {
  max-width: 100%;
}

.shop-by-brand__header {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 1.2rem;
	margin-bottom: 2rem;
}

.shop-by-brand__heading {
  	min-width: 0;
	width: max-content;
	position: relative;
}

.shop-by-brand__heading .icon__fdb-butterfly{
	position: absolute;
	top: -16px;
	left:-24px;
	width:32px;
	height:32px;
}
.shop-by-brand__heading .section__header {
	padding: 0;
}
/* .shop-by-brand__heading .section__header h2{
	text-align: center;
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: 140%;
} */


/* CTA base */
.shop-by-brand__cta {
	display: inline-flex;
	align-items: center;
	gap: .6rem;
	text-decoration: none;
	white-space: nowrap;
}

/* Desktop CTA visibile, mobile CTA nascosto */
.shop-by-brand__cta--mobile { display: inline-flex; }
.shop-by-brand__cta--desktop { display: none; }

/* Grid wrapper (bordi + raggio come nello screen) */
.shop-by-brand__grid-wrap {
	border: 1px solid rgba(0,0,0,.08);
	border-radius: 12px;
	overflow: hidden;
}

/* Grid */
.shop-by-brand__grid {
  --sbb-cols: 2; /* mobile */
  display: grid;
  grid-template-columns: repeat(var(--sbb-cols), minmax(0, 1fr));
}

/* Celle con linee interne */
.shop-by-brand__cell {
  border-right: 1px solid rgba(0,0,0,.08);
  border-bottom: 1px solid rgba(0,0,0,.08);
}

/* Rimuove bordo dx sull’ultima colonna (dinamico) */
.shop-by-brand__cell:nth-child(var(--sbb-cols)n) {
  border-right: 0;
}

/* Item centrato */
.shop-by-brand__item {
	display: flex;
	align-items: center;
	justify-content: center;
	/* padding: 18px 14px; */
	min-height: 76px;
}
.shop-by-brand__item .logo-wrapper{
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.shop-by-brand__item .logo-wrapper img{
	display: block;
	width: 100%;
}

/* Logo */
.shop-by-brand__logo {
	display: block;
	max-width: 100%;
	width: auto;
	height: auto;
	max-height: 34px; /* look “pulito” come nello screen */
	object-fit: contain;
	transition: all .25s var(--ease-quick-release);
}

.shop-by-brand__placeholder {
	font-size: 1.2rem;
	opacity: .6;
}

/* CTA sotto griglia (mobile) */
.shop-by-brand__cta--mobile {
	margin-top: 1.6rem;
	justify-content: center;
	width: 100%;
}

/* Tablet */
@media (min-width: 768px) {
  .shop-by-brand__grid { --sbb-cols: 4; }

  .shop-by-brand__item {
    min-height: 84px;
  }

  .shop-by-brand__logo {
    max-height: 36px;
  }
}

/* Desktop */
@media (min-width: 1200px) {
	.shop-by-brand__header{
		margin-bottom: 44px;
	position: relative;
	}
.shop-by-brand__heading .section__header h2{
	font-size: 40px;
	font-style: normal;
	font-weight: 700;
	line-height: 130%; /* 36.4px */

}
.shop-by-brand__outer .cta{
	position: absolute;
	bottom: 0;
	right: 0;
}
  /* Desktop CTA in alto a destra */
  .shop-by-brand__cta--desktop { display: inline-flex; }
  .shop-by-brand__cta--mobile { display: none; }

  /* .shop-by-brand__grid { --sbb-cols: 5; } */

  .shop-by-brand__item {
    min-height:200px;
    padding: 22px 16px;
  }

  .shop-by-brand__logo {
    max-height: 38px;
  }
	.shop-by-brand__heading .icon__fdb-butterfly{
		position: absolute;
		top: -20px;
		left:-32px;
		width:40px;
		height:40px;
	}
}
.shop-by-brand__logo {
  transition: transform .25s var(--ease-quick-release);
}

@media (hover: hover) {
	.shop-by-brand__cell{
		cursor: pointer;
	}
	.shop-by-brand__cell:hover .shop-by-brand__logo {
		transform: scale(1.05);
	}
}