.hero{display:block}.hero .container{position:relative}.hero .container>.page-width{position:relative}.hero .hero-img{object-fit:cover;width:var(--size-100-per-100)}.hero .btn-text-container{bottom:0;display:flex;flex-direction:column;gap:var(--space-s);margin:0;text-align:center;position:absolute;width:var(--size-100-per-100);padding:var(--space-m)}.hero .btn-text-container:after{background:linear-gradient(to bottom,#0000,#0009);-webkit-backdrop-filter:var(--blur-8);backdrop-filter:var(--blur-8);content:"";height:var(--size-100-per-100);left:0;top:0;position:absolute;width:var(--size-100-per-100);z-index:0;border-radius:0}@media only screen and (min-width: 750px){.hero .btn-text-container:after{background:var(--color-translucent-1)}}.hero .btn-text-container .title{z-index:1;color:var(--color-white);font-size:var(--typo-heading-2);font-weight:var(--font-weight-700);letter-spacing:calc(var(--size-5xs) * -1);margin:0;text-transform:none}.hero .btn-text-container .subtitle{z-index:1;color:var(--color-white);font-size:var(--typo-body-regular);font-weight:var(--font-weight-400);text-transform:none;line-height:var(--size-s);margin:0}.hero .btn-text-container .btn-container{z-index:1;display:flex;gap:var(--space-s);justify-content:center}.hero .btn-text-container .btn-container.single-btn .btn{width:var(--size-100-per-100)}.hero .btn-text-container .btn-container.btn-to-light .btn{background-color:var(--color-black);color:var(--color-white)}.hero .btn-text-container .btn-container.btn-to-light .btn:hover{background-color:var(--color-primary-2)}.hero .widget{max-width:calc(var(--size-xs-xs) * 22);position:absolute;right:calc(var(--space-xs-xs) * 9);top:calc(var(--size-xs-xs) * 24);text-decoration:none;z-index:1}.hero .widget .container{align-items:center;display:flex;flex-direction:row;gap:var(--space-xxs)}.hero .widget>.container{gap:var(--space-xs)}.hero .widget .hint{background:var(--gradient-widget-hint);border:var(--size-4xs) solid var(--color-gray-4);border-radius:var(--border-radius-xxs);padding:var(--space-xxs) var(--space-xs) var(--space-xxs) var(--space-xxs)}.hero .widget .hint .icon{position:relative;width:var(--size-s)}.hero .widget .hint .icon svg{height:calc(var(--size-xs-xs) * 2);left:0;top:calc(var(--size-xs-xs) * -1);position:absolute;transform:rotate(var(--deg-90));width:calc(var(--size-xs-xs) * 2)}.hero .widget .hint .icon svg path{fill:var(--color-white)}.hero .widget .dot,.hero .widget .hint .img{display:flex}@media only screen and (min-width: 990px){.hero .widget{bottom:var(--size-24-vw);right:calc(var(--size-xs-xs) * 18);top:unset}}@media only screen and (min-width: 1440px){.hero .widget{right:calc(var(--size-10-vw) * 3)}}@media only screen and (max-height: 590px){.hero .widget{bottom:var(--size-10-vw)}}.hero .widget .dot svg{animation:opacityAnimation 2s infinite alternate ease-in-out}.hero .widget .dot svg circle{animation:pulseAnimation 2s infinite alternate ease-in-out;transform-origin:center}@keyframes opacityAnimation{0%{opacity:.3}to{opacity:1}}@keyframes pulseAnimation{0%{opacity:.3;transform:scale(1)}to{opacity:1;transform:scale(1.3)}}.hero .widget .hint .img-product-tag{border-radius:var(--border-radius-3xs)}.hero .widget .hint .title,.hero .widget .hint .price{color:var(--color-white);margin:0}.hero .widget .hint .title{font-size:var(--typo-body-l)}.hero .widget .hint .price{font-weight:var(--font-weight-400)}@media only screen and (min-width: 750px){.hero .btn-text-container .btn-container.single-btn .btn{width:auto}}@media only screen and (min-width: 990px){.hero .hero-img{min-height:calc(var(--size-xs-xs) * 60)}.hero .btn-container .title{font-size:var(--typo-heading-1);text-transform:capitalize}.hero .btn-text-container{margin:0 auto var(--space-l) auto;bottom:var(--space-xxs);max-width:calc(var(--size-xs-xs) * 50);text-align:left;width:calc(var(--size-100-per-100) - var(--space-3xl));left:var(--space-m);background:transparent}.hero .btn-text-container:after{border-radius:var(--border-radius-xxs)}.hero .btn-text-container .btn-container{justify-content:start}.hero.full-width .btn-text-container{margin-left:0}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-hero.css.map */