.er-collection-banner{position:relative;color:rgb(var(--color-foreground));background:rgb(var(--color-background));isolation:isolate}
.er-collection-banner--image{height:var(--er-banner-desktop,420px);color:#fff;background:#37332f}
.er-collection-banner__image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.er-collection-banner--image::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.12);pointer-events:none}
.er-collection-banner__content{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;height:100%;padding-top:40px;padding-bottom:40px;text-align:center}
.er-collection-banner__title{color:inherit;margin:0;font-size:clamp(28px,4vw,52px);line-height:1.1;font-weight:700;text-transform:uppercase;overflow-wrap:anywhere}
.er-collection-banner--image .er-collection-banner__title{text-shadow:0 2px 12px rgba(0,0,0,.3)}
.er-collection-intro{padding-top:24px;padding-bottom:0}
.er-collection-intro__founders{display:flex;align-items:center;gap:12px;margin-bottom:14px;text-align:left}
.er-collection-intro__avatars{display:flex;align-items:center;flex-shrink:0}
.er-collection-intro__avatars img{display:block;width:46px;height:46px;border-radius:50%;object-fit:cover;border:2px solid #fff;box-shadow:0 0 0 1px rgba(0,0,0,.14);background:#eee}
.er-collection-intro__avatars img+img{margin-left:-13px}
.er-collection-intro__message{margin:0;font-size:1.3em;line-height:1.3;letter-spacing:.01em}
.er-collection-intro__signature{display:block;margin-top:4px;font-size:.78em;letter-spacing:.1em;text-transform:uppercase;color:#666}
.er-collection-intro__copy{margin-top:0}
.er-collection-intro__copy>p:first-child{margin-top:0}
.er-collection-intro__volume{margin-top:14px;border:1px solid rgba(0,0,0,.18);padding:10px 12px;text-align:center;font-size:.95em;letter-spacing:.04em;line-height:1.75}
.er-collection-intro__volume p{margin:0}
body:has(.er-collection-banner) .scale-benefits{gap:20px}
body:has(.er-collection-banner) .scale-benefit h3{font-size:14px;text-transform:none}
body:has(.er-collection-banner) .scale-benefit .rte{font-size:12px}
body:has(.er-collection-banner) .scale-benefit:not(:first-child) .scale-benefit__icon{display:none}
@media(max-width:749px){
  .er-collection-banner--image{height:var(--er-banner-mobile,200px)}
  .er-collection-banner__content{padding-top:24px;padding-bottom:24px}
  .er-collection-banner__title{font-size:28px}
  .er-collection-intro{padding-top:20px}
  body:has(.er-collection-banner) #main-collection-filters,
  body:has(.er-collection-banner) .product-count-vertical{display:none}
  body:has(.er-collection-banner) .scale-benefit h3{font-size:12px}
}

.er-collection-intro__volume{background:#FAF7F2;border-color:rgba(107,40,55,.22);color:#6B2837}
body:has(.er-collection-banner) .scale-benefit a{color:inherit;text-underline-offset:3px}
body:has(.er-collection-banner) .scale-benefit a:hover{color:#6B2837}

.er-collection-intro .er-collection-signature{font-size:13px;line-height:1.5;font-weight:400;letter-spacing:.02em;color:#6f625e;text-transform:none;margin:14px 0 0;text-align:center}


body:has(.er-collection-banner) .scale-section:has(>.scale-benefits){margin-top:12px;margin-bottom:28px}
body:has(.er-collection-banner) .scale-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;max-width:1120px;margin:0 auto;padding:4px 24px;background:#fff;border:1px solid #e8e0db;border-radius:8px;overflow:visible;scroll-snap-type:none}
body:has(.er-collection-banner) .scale-benefits .scale-benefit{position:relative;display:grid;grid-template-columns:28px minmax(0,1fr) 10px;column-gap:12px;row-gap:4px;align-content:start;align-items:start;min-width:0;max-width:none;width:auto;margin:0;padding:20px 22px;text-align:left}
body:has(.er-collection-banner) .scale-benefits .scale-benefit+.scale-benefit{border-left:1px solid #e8e0db}
body:has(.er-collection-banner) .scale-benefits .scale-benefit .scale-benefit__icon{display:block;grid-column:1;grid-row:1/3;color:#6b2837;padding-top:2px}
body:has(.er-collection-banner) .scale-benefits .scale-benefit__icon svg{display:block;width:28px!important;height:28px!important;stroke-width:1.2}
body:has(.er-collection-banner) .scale-benefits .scale-benefit h3{grid-column:2;grid-row:1;margin:0;font-family:var(--font-body-family);font-size:16px;line-height:1.35;font-weight:600;letter-spacing:0;text-transform:none;color:#242020}
body:has(.er-collection-banner) .scale-benefits .scale-benefit .rte{grid-column:2;grid-row:2;margin:0;font-family:var(--font-body-family);font-size:14px;line-height:1.55;font-weight:400;letter-spacing:0;color:#5b5350;overflow-wrap:anywhere}
body:has(.er-collection-banner) .scale-benefits .scale-benefit .rte p{margin:0}
body:has(.er-collection-banner) .scale-benefits .scale-benefit a,body:has(.er-collection-banner) .scale-benefits .scale-benefit a:hover{position:static;color:inherit;text-decoration:none;box-shadow:none}
body:has(.er-collection-banner) .scale-benefits .scale-benefit a::after{content:"";position:absolute;inset:0;border-radius:3px}
body:has(.er-collection-banner) .scale-benefits .scale-benefit:has(a)::after{content:"›";grid-column:3;grid-row:1/3;align-self:center;justify-self:end;font:22px/1 Arial,sans-serif;color:#8a7b75;pointer-events:none}
body:has(.er-collection-banner) .scale-benefits .scale-benefit:has(a:focus-visible){outline:2px solid #6b2837;outline-offset:3px}
@media(hover:hover){body:has(.er-collection-banner) .scale-benefits .scale-benefit:has(a):hover h3{color:#6b2837}}
@media(max-width:989px){body:has(.er-collection-banner) .scale-section:has(>.scale-benefits){margin-top:4px;margin-bottom:24px}body:has(.er-collection-banner) .scale-benefits{grid-template-columns:1fr;padding:0 18px}body:has(.er-collection-banner) .scale-benefits .scale-benefit{padding:18px 0}body:has(.er-collection-banner) .scale-benefits .scale-benefit+.scale-benefit{border-left:0;border-top:1px solid #e8e0db}}

@media(max-width:749px){
.er-collection-banner--selezione.er-collection-banner--image{height:280px}
.er-collection-banner--selezione .er-collection-banner__image{object-position:center 25%}
.er-collection-banner--selezione.er-collection-banner--image::after{background:linear-gradient(to bottom,transparent 48%,rgba(0,0,0,.15) 70%,rgba(0,0,0,.48) 100%)}
.er-collection-banner--selezione .er-collection-banner__content{align-items:flex-end;padding:24px 16px}
.er-collection-banner--selezione .er-collection-banner__title{font-size:clamp(22px,6.4vw,28px);line-height:1.15;text-wrap:balance}
}
