.hero-premium{position:relative;overflow:hidden;padding:clamp(60px,10vw,120px) 0;min-height:70vh;background:var(--hero-bg, #ffffff);background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;align-items:center}.hero-premium__background-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#0006,#0009);z-index:1;pointer-events:none}.hero-premium__container{position:relative;z-index:2;display:grid;gap:clamp(40px,6vw,60px)}.hero-premium__header{text-align:center;margin-bottom:clamp(20px,4vw,40px)}.hero-premium__magazine-headline{font-size:clamp(40px,7vw,80px);line-height:.95;font-weight:900;letter-spacing:-.03em;color:var(--hero-headline, #0b1324);max-width:1000px;margin:0 auto}.hero-premium__magazine-body{display:grid;grid-template-columns:1fr;gap:clamp(32px,6vw,64px);align-items:start}@media (min-width: 768px){.hero-premium__magazine-body{grid-template-columns:1fr 1fr;align-items:center}}.hero-premium__image-column{position:relative}.hero-premium__image-container{position:relative;border-radius:20px;overflow:hidden;box-shadow:0 25px 60px #00000026}.hero-premium__magazine-image{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;display:block}.hero-premium__image-badges{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.magazine-badge{position:absolute;background:#fffffff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.3);border-radius:12px;padding:8px 16px;display:flex;align-items:center;gap:6px;box-shadow:0 8px 32px #00000026;font-size:13px;font-weight:600;color:var(--hero-headline, #0b1324);pointer-events:auto;transform:translateY(10px);opacity:0;animation:fadeInUp .8s ease-out forwards}.magazine-badge__icon{font-size:14px;line-height:1}.magazine-badge__text{white-space:nowrap;font-size:12px}.magazine-badge--setup{top:16px;left:16px;animation-delay:.3s}.magazine-badge--fit{top:16px;right:16px;animation-delay:.5s}.magazine-badge--guarantee{bottom:16px;left:50%;transform:translate(-50%) translateY(10px);animation-delay:.7s}@keyframes fadeInUp{to{opacity:1;transform:translateY(0) translate(-50%)}}.magazine-badge--setup,.magazine-badge--fit{transform:translateY(10px)}.hero-premium__content-column{display:flex;flex-direction:column;gap:clamp(24px,4vw,32px);padding-left:clamp(0px,3vw,40px)}.hero-premium__magazine-subheadline{font-size:clamp(18px,2.5vw,22px);line-height:1.4;color:var(--hero-sub, #5b6574);margin:0;font-weight:400}.hero-premium__benefits{margin:clamp(16px,3vw,24px) 0}.benefits__title{font-size:clamp(16px,2vw,18px);font-weight:700;color:var(--hero-headline, #0b1324);margin:0 0 16px;text-transform:uppercase;letter-spacing:.05em}.benefits__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.benefits__item{display:flex;align-items:center;gap:12px;font-size:15px;line-height:1.4}.benefits__icon{font-size:18px;line-height:1;flex-shrink:0}.benefits__text{color:var(--hero-sub, #5b6574);font-weight:500}.hero-premium__magazine-social{display:flex;align-items:center;gap:16px;padding:20px 0;border-top:1px solid rgba(0,0,0,.1);border-bottom:1px solid rgba(0,0,0,.1)}.magazine-social__avatars{display:flex;align-items:center;gap:-6px}.magazine-avatar{width:36px;height:36px;border-radius:50%;border:2px solid #ffffff;object-fit:cover;margin-left:-6px;transition:transform .2s ease}.magazine-avatar:first-child{margin-left:0}.magazine-avatar:hover{transform:scale(1.1);z-index:1;position:relative}.magazine-social__text{font-size:14px;color:var(--hero-sub, #5b6574);line-height:1.4}.magazine-social__text strong{color:var(--hero-headline, #0b1324);font-weight:700}.hero-premium__magazine-ctas{display:flex;gap:16px;flex-wrap:wrap;margin-top:8px}.magazine-btn{padding:16px 28px;font-size:15px;font-weight:600;border-radius:12px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;transition:all .3s ease;border:2px solid transparent;cursor:pointer;min-width:140px;text-align:center}.magazine-btn--primary{background:var(--primary-color, #2563eb);color:#fff;border-color:var(--primary-color, #2563eb);box-shadow:0 4px 20px #2563eb4d}.magazine-btn--primary:hover{background:var(--primary-hover, #1d4ed8);border-color:var(--primary-hover, #1d4ed8);transform:translateY(-2px);box-shadow:0 8px 30px #2563eb66}.magazine-btn--secondary{background:transparent;color:var(--hero-headline, #0b1324);border-color:var(--hero-headline, #0b1324)}.magazine-btn--secondary:hover{background:var(--hero-headline, #0b1324);color:#fff;transform:translateY(-2px)}@media (max-width: 767px){.hero-premium{min-height:auto;padding:clamp(40px,8vw,60px) 0}.hero-premium__magazine-headline{font-size:clamp(32px,8vw,48px)}.hero-premium__content-column{padding-left:0;text-align:center}.hero-premium__magazine-ctas{flex-direction:column;align-items:center}.magazine-btn{width:100%;max-width:280px}.magazine-badge{font-size:11px;padding:6px 12px}.magazine-badge__text{font-size:10px}.magazine-badge--setup{top:12px;left:12px}.magazine-badge--fit{top:12px;right:12px}.magazine-badge--guarantee{bottom:12px}.benefits__list{text-align:left}}.color-default{--hero-bg: #ffffff;--hero-headline: #0b1324;--hero-sub: #5b6574;--primary-color: #2563eb;--primary-hover: #1d4ed8}.color-inverse{--hero-bg: #0b1324;--hero-headline: #ffffff;--hero-sub: #c2c8d2;--primary-color: #3b82f6;--primary-hover: #2563eb}.color-inverse .magazine-badge{background:#0b1324f2;color:#fff;border-color:#ffffff1a}.color-inverse .hero-premium__magazine-social{border-color:#ffffff1a}.hero-premium[style*=background-image] .hero-premium__magazine-headline,.hero-premium[style*=background-image] .hero-premium__magazine-subheadline,.hero-premium[style*=background-image] .benefits__title,.hero-premium[style*=background-image] .benefits__text{color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.5)}.hero-premium[style*=background-image] .magazine-social__text{color:#ffffffe6}.hero-premium[style*=background-image] .magazine-social__text strong{color:#fff}@media (prefers-reduced-motion: reduce){.magazine-badge{animation:none;opacity:1;transform:none}.hero-premium__magazine-image,.magazine-badge,.magazine-btn{transition:none}}.magazine-btn:focus-visible{outline:2px solid var(--primary-color, #2563eb);outline-offset:2px}.magazine-badge:focus-visible{outline:2px solid var(--primary-color, #2563eb);outline-offset:2px}.hero-premium__magazine-image{will-change:transform}.magazine-badge{will-change:transform,opacity}.hero-premium.animate-in .magazine-badge{animation-play-state:running}.hero-premium:not(.animate-in) .magazine-badge{animation-play-state:paused}
/*# sourceMappingURL=/cdn/shop/t/6/assets/hero-premium.css.map */