/* Farmacia Ranieri: hero focus and supplied cosmetic brand logos, 14 October 2026. */
.hero-photo{background-size:125% auto;background-position:calc(50% + 32vw) 45%;background-repeat:no-repeat;background-color:var(--deep)}
.brands-section{padding-top:72px;background:var(--paper,#faf9f5)}
.brands-heading{max-width:650px;margin-bottom:36px}
.brands-heading h2{margin-bottom:0}
.brand-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;padding:0;margin:0;list-style:none}
.brand-card{display:flex;align-items:center;justify-content:center;min-height:160px;padding:20px;background:#fff;border:1px solid rgba(32,36,62,.08);border-radius:18px;overflow:hidden}
.brand-card img{display:block;width:100%;height:120px;object-fit:contain}
.brand-card--mycli img{flex:none;width:250px;height:313px;max-width:none;margin:-80px -30px}
@media(min-width:1800px){.hero-photo{background-size:120% auto;background-position:calc(50% + 32vw) 45%}}
@media(max-width:1000px){.brand-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-photo{background-size:auto 115%;background-position:calc(50% + 30vw) 46%}}
@media(max-width:720px){.hero-photo{background-size:cover;background-position:25% 50%}.brand-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.brand-card{min-height:145px;padding:16px}.brand-card img{height:105px}.brand-card--mycli img{width:225px;height:281px;margin:-72px -30px}.brands-heading{margin-bottom:26px}}

@media(min-width:721px){.hero-photo{-webkit-mask-image:linear-gradient(90deg,transparent 22%,#000 48%);mask-image:linear-gradient(90deg,transparent 22%,#000 48%)}}
.subhero-grid>*{min-width:0}
@media(max-width:720px){.subhero h1{font-size:clamp(2.35rem,10vw,3.6rem);overflow-wrap:anywhere}.brands-section{padding-top:52px}}