:root {
  --bg-black: #000;
  --bg-white: #fff;
	--text-color-white:#fff;
	--text-color-black:#000;
	--text-grey-dark-bg:#535353;
	--text-grey-dark-bg-hover:#6c6c6c;
	--gap-small:10px;
	--gap-normal:20px;
	--gap-medium:35px;
	--gap-big:45px;
	--gap-huge:65px;
	--radius-normal:10px;
	--radius-medium:25px;
	--text-second:14px;
	--text-medium:22px;
}

.mattpear-hookah {background:var(--bg-white);color: var(--text-color-black);}
.mattpear-hookah .pusher {min-height: 0;}
.wrapper.mattpear-hookah .breadcrumbs {display: none;}

.wrapper {background:var(--bg-white);color: var(--text-color-black);}
.wrapper .pusher {min-height: 0;}
.wrapper .breadcrumbs {display: none;}

.promopage .text_info { row-gap: var(--gap-normal); }
.promopage p { margin-bottom: var(--gap-normal);}
.promopage p:last-child { margin-bottom: 0;}

.rounded_block {border-radius: var(--gap-normal);}

/* Стили для страницы */

.promopage.mattpear_hookah .block_title {font-weight: bold;}
.promopage.mattpear_hookah img {max-width: 100%;}

.promopage.mattpear_hookah .gradient_deco {position: absolute;bottom: -1px;height: 95px;background: var(--bg-black); 	background: linear-gradient(180deg, rgba(255, 0, 0, 0) 0%, var( --bg-black) 100%); width: 100%;z-index: 10;}

.promopage.mattpear_hookah .container {padding-top: 75px;padding-bottom: 75px;}

.promopage.mattpear_hookah .common_container {margin: 0 auto; padding: 20px 15px; min-width: 290px; box-sizing: border-box; max-width: 420px;}

.promopage.mattpear_hookah .head_block {padding-top: 110px;}
.promopage.mattpear_hookah .head_block .container {padding-top: 0;}
.promopage.mattpear_hookah .head_block img {max-width: none; width: 970px; margin: -155px -205px 0px 0;}
.promopage.mattpear_hookah .head_block .description {margin-bottom: 25px;max-width: 250px;}
.promopage.mattpear_hookah .head_block .text_info {padding-top: 25px;}

.promopage.mattpear_hookah .block_mp_hookah {padding-top: 0;}
.promopage.mattpear_hookah .block_mp_hookah .item .bottom { display: flex; flex-direction: column; text-align: center; gap: 5px; margin-top: 30px; font-size: 16px; }
.promopage.mattpear_hookah .block_mp_hookah .item .bottom a { color: var(--blue); }
.promopage.mattpear_hookah .block_mp_hookah .item img { max-height: 470px; margin: 0 auto; }
.promopage.mattpear_hookah .block_mp_hookah .hookah_img { padding-left: 20px; }
.promopage.mattpear_hookah .block_mp_hookah .item .bottom img { height: 55px; opacity: 0.95; }
.promopage.mattpear_hookah .block_mp_hookah .item .bottom img.mikrik_logo { padding: 8px 0; box-sizing: border-box;}

.promopage.mattpear_hookah .look_closer {overflow: hidden;background: var(--bg-black);color: var(--bg-white); width: 100%;max-width: none;padding-left: 0;padding-right: 0;padding-top: 45px;}
.promopage.mattpear_hookah .look_closer .image {height: 360px;position: relative;overflow: hidden;}
.promopage.mattpear_hookah .look_closer img {left: 50%; transform: translate(-50%, -50%); position: absolute;top: 50%;max-width: none;margin-top: -5px;}
.promopage.mattpear_hookah .look_closer .description {max-width: 680px;}
.promopage.mattpear_hookah .look_closer .text_info {padding-top: 0; padding-top: 0;}

.promopage.mattpear_hookah .important_things {padding: 0;background: #0184a2;color: #fff;margin-bottom:-55px;background: linear-gradient(180deg, #0184a2 60%, #01172b 100%);max-width: none;}
.promopage.mattpear_hookah .important_things .text_info { margin-top: -15px;padding-top: 0;padding-bottom: 115px;}
.promopage.mattpear_hookah .important_things .image {overflow: hidden;position: relative;height: 420px;display: flex;justify-content: right;}
.promopage.mattpear_hookah .important_things img {max-width: none;margin-right: -90px;}

.promopage.mattpear_hookah .new_philosophy {padding-top: 0;}
.promopage.mattpear_hookah .new_philosophy .inner {background: #e5e5e5; border-radius: var(--gap-normal);}
.promopage.mattpear_hookah .new_philosophy .text_info {padding: 0 25px 50px;}

.promopage.mattpear_hookah .benefits_banner {max-width: none;padding-left: 0; padding-right: 0;padding-top: 0;}

.promopage.mattpear_hookah .benefits_banner .mp_slickslider .slick-arrow {margin: 0 15px;}
.promopage.mattpear_hookah .benefits_banner .mp_slickslider .slick-next::before,
.promopage.mattpear_hookah .benefits_banner .mp_slickslider .slick-prev::before { color: var(--text-color-white);}
.promopage.mattpear_hookah .benefits_banner .margin_wrap {padding: 0px 5px; box-sizing: border-box;}
.promopage.mattpear_hookah .benefits_banner .item {background: #0f0f0f;color: var(--text-color-white); border-radius: var(--radius-normal);padding: 45px 25px;box-sizing: border-box;height: 560px;font-size: var(--text-medium);line-height: 135%;font-weight: bold;margin-bottom: 0;overflow: hidden;position: relative;}
.promopage.mattpear_hookah .benefits_banner .item .text {display: flex; flex-direction: column; gap: var(--gap-small);position: relative; z-index: 10;}
.promopage.mattpear_hookah .benefits_banner .item .text .second {font-size:var(--text-second);font-weight: 300;letter-spacing: 0.5px;opacity: 0.75;}
.promopage.mattpear_hookah .benefits_banner .item .image img {position: absolute; z-index: 5;right: 0; bottom: 0;}
.promopage.mattpear_hookah .benefits_banner .item .bg img {position: absolute; bottom: 0; width: auto;height: 340px;max-width: none;left: 50%;transform: translateX(-50%);}
.promopage.mattpear_hookah .benefits_banner .slick-dots { bottom: -55px; }
.promopage.mattpear_hookah .benefits_banner .mp_slickslider { margin-bottom: 0; }

.promopage.mattpear_hookah .benefits_banner .item.melaso_banner .image img {width: 230px; right: 10px; bottom: 30px;}
.promopage.mattpear_hookah .benefits_banner .item.melaso_banner .bg img {margin-left: -80px;height: 420px;}

.promopage.mattpear_hookah .benefits_banner .item.bludce_banner .image img {width: 105%; max-width: none; left: -5px; bottom: -15px;}
.promopage.mattpear_hookah .benefits_banner .item.bludce_banner .bg img {right:-10px; left: auto; transform: none; width: 100%; height: auto;}

.promopage.mattpear_hookah .benefits_banner .item.surface_banner { background: #000; }
.promopage.mattpear_hookah .benefits_banner .item.surface_banner .image img {width: 540px; max-width: none; margin: 0px 0 25px -55px; transform: rotate(-15deg);left: 0;}

.promopage.mattpear_hookah .benefits_banner .item.vase_banner .image img {max-width: 350px; right: auto; bottom: -65px; left: 50%; transform: translateX(-50%);margin-left: 20px;}

.promopage.mattpear_hookah .footer_block { --gradient-col:#000;max-width: none;}
.promopage.mattpear_hookah .footer_block {padding: 0;}
.promopage.mattpear_hookah .footer_block .description {margin-bottom: 15px;}
.promopage.mattpear_hookah .footer_block .inner {padding-bottom: 55px;background: var(--gradient-col); color: #fff; border-radius: var(--radius-medium) var(--radius-medium) 0 0; overflow: hidden;max-width: none;}
.promopage.mattpear_hookah .footer_block .image {position: relative;}
.promopage.mattpear_hookah .footer_block img {max-width: 100%;min-width: 680px;margin: 0px;}
.promopage.mattpear_hookah .footer_block .text_info {z-index: 10;}
.promopage.mattpear_hookah .footer_block .gradient_deco {background: linear-gradient(180deg, rgba(255, 0, 0, 0) 0%, var(--gradient-col) 90%);}
.promopage.mattpear_hookah .footer_block .text_info .text_bg {background: rgba(0, 0, 0, 0.15); display: flex; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); flex-direction: column; box-sizing: border-box; border-radius: 20px;gap: 15px;}
.promopage.mattpear_hookah .footer_block .mp_slickslider { margin-bottom: 0; }
.promopage.mattpear_hookah .footer_block .mp_slickslider .slick-dots { bottom: 30px;z-index: 15;}