.promo-rule{position:relative;z-index:1;background-color:#1e404a;padding:15px 0 0;display:grid;gap:10px;grid-template-columns:100%;align-content:flex-end;box-sizing:border-box;margin:20px 0}.promo-rule__image{display:block;order:-1;margin:-15px 0 0}.promo-rule__image img{display:block;width:100%;max-width:100%;height:auto}.promo-rule__title{text-align:center;color:#fff;font-size:16px;line-height:18px;padding:0 10px}.promo-rule__term{color:#fff;text-align:center;font-size:12px;line-height:1;grid-row:2}.promo-rule__term-label{font-size:0;line-height:0;color:#fff}.promo-rule__term-label::before{content:'Успейте';font-size:12px;line-height:1;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFHSURBVHgBzVA9SwNBEH27d7ndeAYTEsRGMaCNlQELS0vBShT/gT9AS7EI2Av6A2zFXrSxS2elIIqFEFHjqTmjXHLJ3tc618XkB+jAwuzjvTfzBvgXFdYWl9RFZW4QNweBr9pUwQryy5awVsH0mttoHhK81c9h/Z/O+eyuGCvuJVGAjuvCc9tPUsrtXMl+A+fctKwkVJ06ez2emOaIVxiDX5gsH5l2EeACWpNLoqBjRc4G2XPCEqiWc2+Ol2d2NOObxIQh84AhqM3SZhqx9wjn7mo/TowPA7qXIu33+MHkMjefklIn0DiwNGaGXkSthLTlSWnDufx1iMhrmmkyxjlpDLAMGXCLeoZI+ajfOjdD12u91M/CXlRhtJ7IZWFJEnDKAA3/u3u6UIU/JHq+7h6oUHtRYDSyo10hbLYuRpjgDJ9hL6jiT+sHW31zOxIZTMcAAAAASUVORK5CYII=);background-position:0 center;background-repeat:no-repeat;padding:0 0 0 20px}.promo-rule__code{margin:0 auto;max-width:345px;width:100%;position:relative;background:0 0;border:0;padding:0 10px 15px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr);text-transform:none;cursor:pointer}.promo-rule__code.message .promo-rule__code_message{opacity:1;visibility:visible}.promo-rule__code::after{content:'Скопировать';font-size:clamp(14px,1vw,18px);line-height:1;border:1px solid #000;box-sizing:border-box;background-color:#000;padding:0 5px 0 30px;background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2218%22%20height%3D%2218%22%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22M10.5%207a.5.5%200%200%201%20.5.5V15a.5.5%200%200%201-.5.5H3a.5.5%200%200%201-.5-.5V7.5A.5.5%200%200%201%203%207h7.5Zm2.5.5A2.5%202.5%200%200%200%2010.5%205H3A2.5%202.5%200%200%200%20.5%207.5V15A2.5%202.5%200%200%200%203%2017.5h7.5A2.5%202.5%200%200%200%2013%2015V7.5Z%22/%3E%3Cpath%20d%3D%22M15%202.5c.273%200%20.5.227.5.5v7.5c0%20.273-.227.5-.5.5a1%201%200%201%200%200%202c1.377%200%202.5-1.123%202.5-2.5V3c0-1.377-1.123-2.5-2.5-2.5H7.5A2.504%202.504%200%200%200%205%203a1%201%200%201%200%202%200c0-.273.227-.5.5-.5H15Z%22/%3E%3C/svg%3E);background-repeat:no-repeat;background-position:clamp(7px,2vw,16px) center;transition:all .35s}.promo-rule__code:hover::after{background-color:#26a792;border-color:#26a792}.promo-rule__code .promo-rule__code_message{position:absolute;inset:0 0 auto auto;visibility:hidden;opacity:0;width:100%}.promo-rule__code::after,.promo-rule__code_message,.promo-rule__code_text{display:flex;color:#fff;height:34px;align-items:center;justify-content:center}.promo-rule__code_text{font-size:24px;line-height:24px;border:1px dashed #fff;text-transform:uppercase;font-weight:600}.promo-rule__code_message{background-color:#26a792;padding:0 10px;flex-direction:row-reverse;gap:10px;font-weight:500;text-align:center;font-size:12px;line-height:1;box-sizing:border-box}.promo-rule__description{padding:0 10px;font-size:14px;line-height:16px;color:#fff;text-align:center}.promo-rule__popup .promo-rule__code_message{margin:0 auto;width:min-content;font-size:16px;height:44px;min-width:215px;background-color:#d8fbf6;color:#000}@media (min-width:768px){.promo-rule__popup .promo-rule__code_message{min-width:280px}}.tingle-modal.promo-rule__popup{background-color:rgba(0,0,0,.65);display:flex;justify-content:flex-end}@media (max-width:767px){.tingle-modal.promo-rule__popup.tingle-modal--visible .tingle-modal-box{transform:translateY(0)}}@media (min-width:768px){.tingle-modal.promo-rule__popup{justify-content:center}}.tingle-modal.promo-rule__popup .tingle-modal-box{width:100%;max-width:490px;margin:0 auto;border-radius:10px 10px 0 0}@media (max-width:767px){.tingle-modal.promo-rule__popup .tingle-modal-box{transform:translateY(100%);transition:transform .3s}}@media (min-width:768px){.tingle-modal.promo-rule__popup .tingle-modal-box{border-radius:0}}.tingle-modal.promo-rule__popup .tingle-modal__title{padding:15px 20px;color:#000;font-size:30px;line-height:1;text-align:center}.tingle-modal.promo-rule__popup .tingle-modal-box__content{padding:10px 20px 20px;font-size:16px;line-height:1.3;color:#6b6b6b;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:12px}.tingle-modal.promo-rule__popup .tingle-modal-box__content ul{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:12px;list-style:revert;padding:0 0 0 26px}.tingle-modal.promo-rule__popup .tingle-modal-box__footer{background-color:transparent;padding-top:0;padding-bottom:24px}.tingle-modal.promo-rule__popup .tingle-modal__close{width:24px;height:24px;inset:20px 20px auto auto;font-size:0;line-height:0;background-color:transparent;background-repeat:no-repeat;background-image:url(/skin/frontend/ariflex/hansgrohe/images/svg/icon-close.svg);background-position:center;background-size:24px auto;filter:invert(0%) sepia(94%) saturate(0%) hue-rotate(240deg) brightness(102%) contrast(101%)}.tingle-modal.promo-rule__popup .tingle-modal__close:hover{filter:invert(51%) sepia(15%) saturate(5850%) hue-rotate(136deg) brightness(96%) contrast(70%)}.tingle-modal.promo-rule__popup .tingle-modal__close *{display:none}