.subscription-hero{position:relative;width:100%;padding:32px 0;overflow:hidden;background-color:#f5f2ea}@media (min-width: 768px){.subscription-hero{padding:48px 0}}.subscription-hero--beige{background-color:#f5f2ea}.subscription-hero--white{background-color:#fff}.subscription-hero--brown{background-color:#8a6d5a;color:#fff}.subscription-hero__background{position:absolute;z-index:0;top:-16.439px;right:-17.018px;width:186.446px;height:186.446px;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);aspect-ratio:1/1;mix-blend-mode:color-dodge}@media (min-width: 500px){.subscription-hero__background{top:50%;right:-22px;width:307px;height:307px;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);translate:0 -50%}}.subscription-hero__container{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;z-index:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;max-width:1440px;margin:0 auto;padding-inline:16px}@media (min-width: 768px){.subscription-hero__container{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-inline:80px}}.subscription-hero__content{width:100%;margin-bottom:0;text-align:center}@media (min-width: 768px){.subscription-hero__content{width:50%;margin-bottom:0;padding-right:30px;text-align:left}}.subscription-hero__title{margin-bottom:15px;font-size:28px;font-weight:600;line-height:1.2}@media (min-width: 768px){.subscription-hero__title{font-size:36px}}@media (min-width: 1280px){.subscription-hero__title{font-size:42px}}.subscription-hero__text{margin-bottom:12px;font-size:16px;line-height:1.5}@media (min-width: 768px){.subscription-hero__text{margin-bottom:24px;font-size:18px}}.subscription-hero__text p{margin-bottom:10px}.subscription-hero__text p:last-child{margin-bottom:0}.subscription-hero__button-wrapper{display:inline-block;position:relative;padding:6px 12px;border-radius:5px;background:var(--brown-4)}.subscription-hero__button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0;border:none;background:none;font-size:14px;font-weight:600;text-transform:uppercase;cursor:pointer}@media (min-width: 768px){.subscription-hero__button{font-size:16px}}.subscription-hero__button-text{color:var(--white);font-weight:400;text-align:left}@media (max-width: 767px){.subscription-hero__button-text{font-size:12px}}.subscription-hero__button:hover+.subscription-hero__tooltip{visibility:visible;opacity:1}.subscription-hero__button-icon{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;top:-1px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:20px;height:20px;margin-right:8px;color:var(--white)}.subscription-hero__button-icon svg path{stroke:var(--white)}.subscription-hero__tooltip{visibility:hidden;position:absolute;z-index:10;bottom:100%;left:-14px;width:280px;margin-bottom:10px;padding:15px;-webkit-transition:opacity .3s,visibility .3s;transition:opacity .3s,visibility .3s;border:1px solid #644d40;border-radius:8px;opacity:0;background-color:#fff;-webkit-box-shadow:0 4px 12px rgba(0,0,0,.1);box-shadow:0 4px 12px #0000001a}.subscription-hero__tooltip:before{content:"";position:absolute;bottom:-8px;left:15px;width:0;height:0;border-top:8px solid #644d40;border-right:8px solid transparent;border-left:8px solid transparent}.subscription-hero__tooltip ul{margin:0;padding:0;font-size:14px;line-height:1.4;list-style:none}.subscription-hero__tooltip ul li{margin-bottom:8px}.subscription-hero__tooltip ul li svg{display:inline;margin-right:2px;vertical-align:middle}.subscription-hero__tooltip ul li svg.icon-gift{position:relative;left:-3px}.subscription-hero__tooltip ul li:last-child{margin-bottom:0}.subscription-hero__tooltip ul+p{margin-top:.8rem;opacity:.6}.subscription-hero__tooltip p{margin-bottom:8px;font-size:14px;line-height:1.4}.subscription-hero__tooltip p:last-child{margin-bottom:0}@media (min-width: 768px){.subscription-hero__tooltip{width:320px}}.subscription-hero__blocks{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:8px;width:100%}@media (max-width: 767px){.subscription-hero__blocks{display:none}}@media (min-width: 500px){.subscription-hero__blocks{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;gap:16px}}@media (min-width: 768px){.subscription-hero__blocks{width:50%}}.subscription-hero__block{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.subscription-hero__block-content{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;max-width:128px;margin:0 auto;overflow:hidden;border-radius:16px;color:#fff}.subscription-hero__block-content:before,.subscription-hero__block-content:after{content:"";width:100%;height:8px;background:#644d40}.subscription-hero__block-inner{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:74px;padding:8px 0 12px;background-color:#966f59;gap:6px}@media (min-width: 768px){.subscription-hero__block-inner{width:126px;height:88px;gap:8px}}.subscription-hero__block-middle{width:70px;height:6px;background:#644d40}@media (min-width: 768px){.subscription-hero__block-middle{width:89px;height:8px}}.subscription-hero__block-cap{position:relative;width:80px;height:22px;border-radius:4px;background:#272220}@media (min-width: 768px){.subscription-hero__block-cap{width:100px;height:28px}}.subscription-hero__block-cap:before{content:"";position:absolute;top:0;left:0;width:10px;height:100%;background:#ffffff14}.subscription-hero__block-cap:after{content:"";position:absolute;top:0;right:10px;width:10px;height:100%;background:#ffffff14}.subscription-hero__block:first-child .subscription-hero__block-inner{padding:12px 0 8px}@media (min-width: 500px){.subscription-hero__block{width:calc(33.333% - 15px);margin:0}}@media (min-width: 768px){.subscription-hero__block{max-width:120px;height:150px}}@media (min-width: 1280px){.subscription-hero__block{max-width:150px;height:180px}}.subscription-hero__block-icon{width:26px;height:26px}@media (min-width: 768px){.subscription-hero__block-icon{width:32px;height:32px}}.subscription-hero__block-icon img{width:26px;height:26px;-o-object-fit:contain;object-fit:contain}@media (min-width: 768px){.subscription-hero__block-icon img{width:32px;height:32px}}.subscription-hero__block-reduction{font-family:--header-font;font-size:26px;font-weight:700;line-height:28px;text-align:center}@media (min-width: 768px){.subscription-hero__block-reduction{font-size:28px}}.subscription-hero__block-label{color:#f4efe6e6;font-size:12px;font-style:normal;font-weight:700;letter-spacing:1px;line-height:14px;text-align:center;text-transform:uppercase;leading-trim:both;text-edge:cap;font-variant-numeric:lining-nums proportional-nums}@media (min-width: 768px){.subscription-hero__block-label{font-size:15px;line-height:18px}}.subscription-hero__button:focus+.subscription-hero__tooltip,.subscription-hero__tooltip:hover{visibility:visible;opacity:1}@media (max-width: 767px){.subscription-hero{overflow-x:clip;overflow-y:visible}.subscription-hero__tooltip{top:100%;bottom:initial;text-align:left}.subscription-hero__tooltip:before{top:-8px;bottom:initial;rotate:180deg}}#MainContent>section:first-of-type{position:relative;z-index:2}
/*# sourceMappingURL=/cdn/shop/t/41/assets/subscription-hero.css.map */