:root{--giolippo-hero-max-width: 1200px;--giolippo-hero-min-height-mobile: 360px;--giolippo-hero-min-height-tablet: 440px;--giolippo-hero-min-height-desktop: 560px}.giolippo-hero{padding:var(--section-padding-primary) var(--section-padding-primary-horizontal);margin-bottom:var(--section-gap);border-radius:0;box-shadow:none;overflow:hidden;position:relative}.giolippo-hero__inner{display:grid;gap:clamp(1.5rem,4vw,3rem);max-width:var(--giolippo-hero-max-width);margin:0 auto;align-items:center}@media screen and (max-width: 989px){.giolippo-hero__inner{grid-template-columns:1fr;gap:var(--spacing-lg)}.giolippo-hero__media{order:-1;position:relative!important;overflow:hidden!important;min-height:var(--giolippo-hero-min-height-mobile);aspect-ratio:3 / 4;max-height:520px}.giolippo-hero__media img,.giolippo-hero-image-wrapper img{height:100%!important;width:100%!important;object-fit:cover!important}.giolippo-hero__content{text-align:center;align-items:center;padding:0 var(--spacing-sm)}.giolippo-hero__actions{justify-content:center;width:100%}.giolippo-hero__heading{font-size:clamp(1.8rem,8vw,2.4rem)}}@media screen and (min-width: 990px){.giolippo-hero{padding:0 var(--spacing-lg)}.giolippo-hero__inner{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.giolippo-hero--image-right .giolippo-hero__inner{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)}.giolippo-hero--image-right .giolippo-hero__content{order:0}.giolippo-hero--image-right .giolippo-hero__media{order:1}}@media screen and (min-width: 1200px){.giolippo-hero__inner{max-width:1400px}.giolippo-hero--image-right .giolippo-hero__inner{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}}.giolippo-hero__content{display:flex;flex-direction:column;gap:var(--spacing-md)}.giolippo-hero__badge{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-pill);background:#ffffffe6;border:1px solid rgba(250,203,183,.6);box-shadow:var(--shadow-soft);width:max-content;position:relative;animation:heroBadgePulse 7s ease-in-out infinite;font-size:.9rem}.giolippo-hero__badge:after{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:var(--radius-pill);background:radial-gradient(circle,rgba(232,182,178,.2),transparent 70%);opacity:0;animation:heroBadgeGlow 7s ease-in-out infinite;z-index:-1}.giolippo-hero__badge img{width:32px;height:32px;object-fit:cover;border-radius:50%}.giolippo-hero__heading{font-family:var(--font-display);font-size:clamp(2.2rem,6vw,3.8rem);margin:0;color:var(--color-text);line-height:1.1;letter-spacing:-.02em}.giolippo-hero__subheading{font-size:clamp(22px,4vw,28px);color:var(--color-blue);line-height:1.5;font-weight:500}.giolippo-hero__text{font-size:clamp(18px,3vw,22px);color:var(--color-muted);line-height:1.6}.giolippo-hero__actions{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.giolippo-hero__actions .button{min-width:160px;max-width:220px;text-align:center;flex:1 1 auto}.giolippo-hero__media{position:relative;border-radius:var(--radius-lg);overflow:hidden;min-height:var(--giolippo-hero-min-height-desktop);aspect-ratio:3 / 4;isolation:isolate}@media screen and (min-width: 990px){.giolippo-hero__media{aspect-ratio:4 / 5;max-height:680px}}.giolippo-hero__media:before{display:none}.giolippo-hero-image-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.giolippo-hero__media picture,.giolippo-hero-image-wrapper picture{display:block;width:100%;height:100%}.giolippo-hero__media img,.giolippo-hero-image-wrapper img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block;animation:heroImageDrift 18s ease-in-out infinite}@media screen and (max-width: 749px){.giolippo-hero__media img,.giolippo-hero-image-wrapper img{object-position:center 20%}}.giolippo-hero__media[data-hero-parallax] img{animation:none;transition:transform .6s ease;will-change:transform}.giolippo-hero__floating-card{position:absolute;left:50%;bottom:24px;transform:translate(-50%);z-index:10;background:#ffffffd1;backdrop-filter:blur(12px) saturate(1.2);-webkit-backdrop-filter:blur(12px) saturate(1.2);border-radius:28px;padding:16px 28px;min-width:220px;max-width:calc(100% - 48px);text-align:center;box-shadow:0 8px 32px #0000001f,0 2px 8px #0000000f,inset 0 1px #ffffff80;border:1px solid rgba(255,255,255,.4);animation:heroCardFloat 6s ease-in-out infinite}@media screen and (min-width: 990px){.giolippo-hero__floating-card{bottom:32px;padding:18px 36px;border-radius:32px}}@media screen and (max-width: 749px){.giolippo-hero__media{position:relative!important;overflow:hidden!important}.giolippo-hero__floating-card{position:absolute!important;bottom:16px;left:50%;transform:translate(-50%);padding:12px 20px;border-radius:24px;min-width:180px;max-width:calc(100% - 32px);z-index:10}}.giolippo-hero__floating-card[data-parallax-floating]{animation:none;transition:transform .5s ease,box-shadow .2s ease;will-change:transform}.giolippo-hero__floating-card:hover{box-shadow:0 12px 40px #00000026,0 4px 12px #00000014,inset 0 1px #fff9;transform:translate(-50%) translateY(-2px)}.giolippo-hero__floating-card strong{display:block;font-family:var(--font-display);font-size:1.1rem;font-weight:700;color:var(--color-text);letter-spacing:-.01em}.giolippo-hero__floating-card span{display:block;color:var(--rosa-giolippo);font-weight:600;font-size:.95rem;margin-top:2px}@media screen and (max-width: 749px){.giolippo-hero__subheading{font-size:clamp(20px,5vw,26px)}.giolippo-hero__text{font-size:clamp(17px,4vw,20px)}}@media screen and (max-width: 374px){.giolippo-hero__actions .button{min-width:100%;max-width:100%}.giolippo-hero__actions{flex-direction:column;gap:var(--spacing-xs)}.giolippo-hero__floating-card{display:none}.giolippo-hero__heading{font-size:1.75rem}}@media screen and (min-width: 750px) and (max-width: 989px){.giolippo-hero__media{min-height:var(--giolippo-hero-min-height-tablet);aspect-ratio:4 / 5;max-height:600px}.giolippo-hero__actions .button{min-width:180px}}@keyframes heroBadgePulse{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-4px) scale(1.02)}}@keyframes heroBadgeGlow{0%,to{opacity:0;transform:scale(.95)}50%{opacity:1;transform:scale(1.05)}}@keyframes heroCardFloat{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,-6px)}}@keyframes heroImageDrift{0%,to{transform:scale(1.02) translateZ(0)}50%{transform:scale(1.04) translate3d(.5%,-.5%,0)}}@media (prefers-reduced-motion: reduce){.giolippo-hero__badge,.giolippo-hero__floating-card,.giolippo-hero__media img{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-hero-giolippo.css.map */