/*   
Theme Name: Домик в горах
*/
@font-face{font-family:'firasanscondensed';src:url(fonts/firasanscondensed/firasanscondensed-regular.woff2) format('woff');font-weight: 400;}
@font-face{font-family:'firasanscondensed';src:url(fonts/firasanscondensed/firasanscondensed-medium.woff2) format('woff');font-weight: 500;}
@font-face{font-family:'firasanscondensed';src:url(fonts/firasanscondensed/firasanscondensed-semibold.woff2) format('woff');font-weight: 600;}
@font-face{font-family:'firasanscondensed';src:url(fonts/firasanscondensed/firasanscondensed-bold.woff2) format('woff');font-weight: 700;}
*{box-sizing: border-box;-webkit-tap-highlight-color: transparent;}
:root{--c-wh:#ffffff;--c-bl:#000000;--c-1:#283C28;--c-2:#3c643c;--c-3:#647064;--c-4:#e38A2f;--c-5:#d8d2c3;--c-6:#fdfaf7;--c-7:#f6f4f2;--c-8: #b24a3b;--c-9: #4a7eb6;--c-10: #f7e65a;}
h1{font-size: 36px;}h2{font-size: 28px;}h3{font-size: 26px;}h4{font-size: 24px;}h5{font-size: 22px;}h6{font-size: 20px;}
h1,h2,h3,h4,h5,h6{font-weight: 500;margin-top: 32px;margin-bottom: 20px;line-height: 1;}
strong,b,th{font-weight: 600;}
p{margin: 0 0 16px 0;}
img{max-width: 100%;max-height: 100%;height: auto;display: block;font-size: 0px;-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none;user-select: none;pointer-events: none;}
input,button{font-family: 'firasanscondensed',sans-serif;font-weight: 400;font-size: 18px;}
button{color:var(--c-1);cursor: pointer;}
a{text-decoration:none;}
a:hover{text-decoration:none;}
a:focus,input:focus,select:focus,button:focus,textarea:focus{outline: none;text-decoration:none;}
html{margin: 0;overflow-x: hidden;scroll-behavior: smooth;}
body{overflow-x: hidden;font-size: 18px;font-family:'firasanscondensed',sans-serif;font-weight: 400;color:var(--c-1);margin: 0;min-height: 100vh;line-height: 1.5;background-color: var(--c-7);}
.container{max-width: 1920px;padding: 0 120px;margin: 0 auto;}

header{position: fixed;top: 0;left: 0;right: 0;z-index: 300;}
header .header-section{position: relative;}
header .header-section::before{display: none;content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(255,255,255,1);clip-path: polygon(24px 0, calc(100% - 24px) 0, 100% 64px, 100% 100%, 0 100%);opacity: 0;transition: all .3s ease;pointer-events: none;}
header .header-section::after{content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,.08) 0%);z-index: -1;opacity: 0;transition: all .3s ease;pointer-events: none;}
header .header-section .container{max-width: 100%;padding: 0 60px;}
header .header-container{width: 100%;height: 100%;display: flex;flex-direction: row;align-items: center;padding: 24px 0;transition: padding .3s ease;}
header .header-container .logo{display: flex;align-items: center;justify-content: center;user-select: none;transform: translateY(0);flex-shrink: 0;transition: transform .3s ease;}
header .header-container .logo img{height: 24px;}
header .header-container .navigation{margin: 0 auto;}
header .header-container .navigation ul{margin: 0;padding: 0;list-style: none;display: flex;flex-direction: row;align-items: center;}
header .header-container .navigation ul li a{position: relative;display: flex;align-items: center;justify-content: center;padding: 0 24px;height: 48px;color: var(--c-wh);font-size: 22px;text-transform: lowercase;white-space: nowrap;user-select: none;transition: all .3s ease;}
header .header-container .navigation ul:hover li a{opacity: .6;}
header .header-container .navigation ul li a:hover{opacity: 1;}
header .header-container .navigation ul li a span{transform: translateY(-2px);}
header .header-container .navigation ul li a .icon{position: absolute;left: 24px;right: 24px;bottom: calc(50% - 0.8em - 8px);height: 8px;overflow-x: hidden;overflow-y: visible;padding: 1px 0;}
header .header-container .navigation ul li a .icon svg{display: flex;width: 128px;height: 100%;overflow: visible;}
header .header-container .navigation ul li a .icon svg path{fill: none;stroke: var(--c-wh);stroke-width: 2;stroke-dasharray: 100;stroke-dashoffset: 100;transition: stroke-dashoffset 1s ease;}
header .header-container .navigation ul li a:hover .icon svg path{stroke-dashoffset: 0;}
header .header-container .sections{display: flex;flex-direction: row;align-items: center;width: 246px;flex-shrink: 0;}
header .header-container .sections .favorite{position: relative;display: flex;align-items: center;justify-content: center;padding: 10px 10px;border-radius: 50%;margin: 0 0 0 auto;border: 2px solid transparent;transition: all .3s ease;user-select: none;cursor: pointer;}
header .header-container .sections .favorite:hover{border-color: rgba(255,255,255,.5);}
header .header-container .sections .favorite .icon{display: flex;width: 24px;height: 24px;}
header .header-container .sections .favorite .icon svg{display: flex;width: 100%;height: 100%;overflow: visible;}
header .header-container .sections .favorite .icon svg path{fill: var(--c-wh);transition: all .3s ease;}
header .header-container .sections .favorite .amount{position: absolute;top: -4px;right: -4px;z-index: 1;background-color: var(--c-wh);display: flex;align-items: center;justify-content: center;border-radius: 16px;min-width: 18px;height: 18px;color: var(--c-1);font-size: 14px;font-weight: 500;padding: 0 5px;opacity: 1;transition: all .3s ease;}
header .header-container .sections .cart{position: relative;display: flex;align-items: center;justify-content: center;padding: 10px 10px;border-radius: 50%;margin: 0 0 0 8px;border: 2px solid transparent;transition: all .3s ease;user-select: none;cursor: pointer;}
header .header-container .sections .cart.hd{display: none;}
header .header-container .sections .cart:hover{border-color: rgba(255,255,255,.5);}
header .header-container .sections .cart .icon{display: flex;width: 24px;height: 24px;}
header .header-container .sections .cart .icon svg{width: 100%;height: 100%;overflow: visible;}
header .header-container .sections .cart .icon svg path{fill: var(--c-wh);transition: all .3s ease;}
header .header-container .sections .cart .amount{position: absolute;top: -4px;right: -4px;z-index: 1;background-color: var(--c-wh);display: flex;align-items: center;justify-content: center;border-radius: 16px;min-width: 18px;height: 18px;color: var(--c-1);font-size: 14px;font-weight: 500;padding: 0 5px;opacity: 1;transition: all .3s ease;}
header .header-container .sections .profile{position: relative;display: flex;align-items: center;justify-content: center;padding: 10px 10px;border-radius: 50%;margin: 0 -10px 0 8px;border: 2px solid transparent;transition: all .3s ease;user-select: none;cursor: pointer;background: none;}
header .header-container .sections .profile:nth-child(1){margin-left: auto;}
header .header-container .sections .profile:hover{border-color: rgba(255,255,255,.5);}
header .header-container .sections .profile .icon{display: flex;width: 24px;height: 24px;}
header .header-container .sections .profile .icon svg{width: 100%;height: 100%;overflow: visible;}
header .header-container .sections .profile .icon svg path{fill: var(--c-wh);transition: all .3s ease;}
header .header-container .sections .menu{display: none;padding: 12px 10px;margin: 0 -8px 0 6px;cursor: pointer;border-radius: 50%;transition: all .3s ease;}
header .header-container .sections .menu .icon{display: flex;flex-direction: column;align-items: center;justify-content: center;}
header .header-container .sections .menu .icon span{width: 20px;height: 2px;background-color: var(--c-wh);border-radius: 2px;transition: all .2s ease;}
header .header-container .sections .menu .icon span + span{margin-top: 5px;}
body.mb header .header-container .sections .menu .icon span:nth-child(1){transform: translateY(7px);transition: all .2s ease;}
body.mb header .header-container .sections .menu .icon span:nth-child(2){opacity: 0;}
body.mb header .header-container .sections .menu .icon span:nth-child(3){transform: translateY(-7px);transition: all .2s ease;}
body.mb.mb2 header .header-container .sections .menu .icon span:nth-child(1){transform: translateY(7px) rotate(45deg);transition: all .2s ease;}
body.mb.mb2 header .header-container .sections .menu .icon span:nth-child(3){transform: translateY(-7px) rotate(-45deg);transition: all .2s ease;}
header .awning{position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: -1;opacity: 0;transition: all .3s ease, transform 0s ease;pointer-events: none;}
header .awning img{width: 100%;height: 68px;object-position: center;object-fit: cover;}
header .awning #awning-canvas{position: absolute;top: 0;left: 0;right: 0;width: 100% !important;height: calc(100% - 16px) !important;}
header .awning .awning-line{position: absolute;left: 0;right: 0;bottom: 4px;width: calc(100% + 84px);height: 12px;background-size: 168px 28px;background-position: center;background-image: repeating-linear-gradient(90deg, #E3EBE3 0px, #E3EBE3 84px, #F7F7F7 84px, #F7F7F7 168px);}
header .awning .awning-box{position: absolute;left: 0;right: 0;bottom: 0;transform: translateY(100%);}
header .awning .awning-box::before{content: '';position: absolute;top: 0;left: 0;right: 0;bottom: -20px;background: linear-gradient(to bottom, rgba(0,0,0,.16) -50%, rgba(0,0,0,0));z-index: -1;}
header .awning .awning-box span{display: block;width: calc(100% + 84px);height: 28px;background-size: 168px 28px;background-position: center;background-repeat: repeat-x;background-image: url("awning.svg");margin-top: -4px;}
body.fa header .header-container .sections .favorite{background-color: var(--c-4);}
body.fa header .header-container .sections .favorite:hover{border-color: transparent !important;}
body.fa header .header-container .sections .favorite .icon svg path{fill: var(--c-wh) !important;}
body.fa header .header-container .sections .favorite .amount{opacity: 0;}
body.ca header .header-container .sections .cart{background-color: var(--c-4);}
body.ca header .header-container .sections .cart:hover{border-color: transparent !important;}
body.ca header .header-container .sections .cart .icon svg path{fill: var(--c-wh) !important;}
body.ca header .header-container .sections .cart .amount{opacity: 0;}
body.pa header .header-container .sections .profile{background-color: var(--c-4);}
body.pa header .header-container .sections .profile:hover{border-color: transparent !important;}
body.pa header .header-container .sections .profile .icon svg path{fill: var(--c-wh) !important;}
body.ma header .header-container .sections .menu{background-color: var(--c-4);}
body.ma header .header-container .sections .menu .icon span{background-color: var(--c-wh) !important;}
body.hs header .header-section::before, body:not(.home) header .header-section::before{opacity: 1;}
body.hs header .header-section::after, body:not(.home) header .header-section::after{opacity: 1;}
body.hs header .awning, body:not(.home) header .awning{opacity: 1;transition: all .3s ease, transform .3s ease .3s;}
body.hs header .header-container, body:not(.home) header .header-container{padding: 12px 0 24px 0;}
body.hs header .header-container .navigation ul li a, body:not(.home) header .header-container .navigation ul li a{color: var(--c-2);}
body.hs header .header-container .navigation ul li a .icon svg path, body:not(.home) header .header-container .navigation ul li a .icon svg path{stroke: var(--c-1);}
body.hs header .header-container .sections .favorite:hover, body:not(.home) header .header-container .sections .favorite:hover{border-color: rgba(60, 100, 60, 0.5);}
body.hs header .header-container .sections .favorite svg path, body:not(.home) header .header-container .sections .favorite svg path{fill: var(--c-2);}
body.hs header .header-container .sections .favorite .amount, body:not(.home) header .header-container .sections .favorite .amount{background-color: var(--c-2);color: var(--c-wh);font-weight: 400;}
body.hs header .header-container .sections .cart svg path, body:not(.home) header .header-container .sections .cart svg path{fill: var(--c-2);}
body.hs header .header-container .sections .cart:hover, body:not(.home) header .header-container .sections .cart:hover{border-color: rgba(60, 100, 60, 0.5);}
body.hs header .header-container .sections .cart .amount, body:not(.home) header .header-container .sections .cart .amount{background-color: var(--c-2);color: var(--c-wh);font-weight: 400;}
body.hs header .header-container .sections .profile svg path, body:not(.home) header .header-container .sections .profile svg path{fill: var(--c-2);}
body.hs header .header-container .sections .profile:hover, body:not(.home) header .header-container .sections .profile:hover{border-color: rgba(60, 100, 60, 0.5);}
body.hs header .header-container .sections .menu .icon span, body:not(.home) header .header-container .sections .menu .icon span{background-color: var(--c-2);}
.fade-area{position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 250;background-color: rgba(0, 0, 0, 0.16);opacity: 0;visibility: hidden;transition: all .3s ease;}
body.fa .fade-area, body.ca .fade-area, body.pa .fade-area, body.ma .fade-area, body.ff .fade-area, body.fd .fade-area{opacity: 1;visibility: visible;}

section{padding: 168px 0 160px 0;min-height: calc(100svh - 328px - 54px);}
section.page-detail, section.page-cart, section.page-payment{padding: 176px 0 200px 0;}
section.page-home{padding: 0 !important;}
section h1{line-height: 1;font-size: 50px;color: var(--c-2);margin: 0 0 40px 0;}

footer{background-color: var(--c-7);padding: 128px 0 0 0;}
body:not(.home) footer{background-color: transparent;}
footer .footer-section{background-color: var(--c-wh);}
footer .bg-line{display: flex;transform: translateY(calc(-100% + 1px));margin: 0 0 -128px 0;}
footer .bg-line svg{display: flex;min-width: 100%;height: 128px;transform: translateY(1px);flex-shrink: 0;}
footer .footer-top{position: relative;display: flex;flex-direction: row;padding: 24px 0 32px 0;}
footer .footer-top .logo{display: flex;}
footer .footer-top .logo img{height: 20px;}
footer .footer-top .note{display: block;font-size: 18px;color: var(--c-1);line-height: 1.3;max-width: 600px;margin: 24px 0 0 0;}
footer .footer-top .section:last-child{margin-left: auto;}
footer .footer-top .menu{transform: translateY(-3px);}
footer .footer-top .menu ul{display: flex;flex-direction: row;flex-wrap: wrap;margin: -2px -12px;padding: 0;list-style: none;}
footer .footer-top .menu ul li{margin: 2px 12px;}
footer .footer-top .menu ul li a{font-size: 18px;color: var(--c-1);font-weight: 400;line-height: 1.1;transition: all .3s ease;}
footer .footer-top .menu li a:hover{color: var(--c-4);}
footer .footer-bottom{position: relative;display: flex;flex-direction: row;padding: 32px 0 48px 0;}
footer .footer-bottom::before{content: '';position: absolute;left: 0;right: 0;top: 0;height: 1px;background-color: var(--c-5);opacity: .5;}
footer .footer-bottom .copyright{font-size: 18px;color: var(--c-3);line-height: 1.1;white-space: nowrap;}
footer .footer-bottom .legal{margin: 0 0 0 auto;padding: 0 0 0 60px;transform: translateY(-3px);}
footer .footer-bottom .legal ul{display: flex;flex-direction: row;flex-wrap: wrap;margin: -2px -12px;padding: 0;list-style: none;}
footer .footer-bottom .legal ul li{margin: 2px 12px;}
footer .footer-bottom .legal ul li a{font-size: 18px;color: var(--c-3);font-weight: 400;border-bottom: 1px solid var(--c-5);line-height: 1.1;transition: all .3s ease;}
footer .footer-bottom .legal ul li a:hover{color: var(--c-4);border-color: var(--c-4);}

.page-home > *:last-child{padding-bottom: 120px;}
.page-home .banner-box{display: block;width: 100svw;height: 100svh;}
.page-home .banner{position: fixed;top: 0;left: 0;right: 0;height: 100svh;z-index: -1;overflow: hidden;}
.page-home .banner .picture{position: absolute;top: 0;left: 0;right: 0;bottom: 0;}
.page-home .banner .picture::before{content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 3;background-color: rgba(0,0,0,.24);}
.page-home .banner .picture img{width: 100%;height: 100%;object-fit: cover;object-position: center;transform: scale(1);}

.page-home .categories{position: relative;background-color: var(--c-7);}
.page-home .categories .bg-line{display: flex;transform: translateY(calc(-100% + 1px));margin: 128px 0 -128px 0;}
.page-home .categories .bg-line svg{display: flex;min-width: 100%;height: 128px;transform: translateY(1px);flex-shrink: 0;}
/*.page-home .categories .bg-line svg path{fill: linear-gradient(to bottom,#9ad5dd,#daef98);}*/
.page-home .categories .categories-container{padding: 40px 0 60px 0;margin: 0 auto;}
.page-home .categories .top{display: none;flex-direction: row;align-items: flex-end;margin: 0 0 28px 0;}
.page-home .categories .top h2{margin: 0;color: var(--c-2);font-size: 42px;}
.page-home .categories .top .more{display: flex;flex-direction: row;align-items: center;margin: 0 0 0 auto;color: var(--c-2);font-size: 30px;text-transform: lowercase;white-space: nowrap;transform: translateY(-6px);user-select: none;}
.page-home .categories .top .more .text{transform: translateY(-2px);}
.page-home .categories .top .more .icon{display: flex;flex-direction: row;align-items: center;justify-content: center;width: 36px;height: 36px;border-radius: 50%;border: 2px solid var(--c-2);margin: 0 0 0 16px;transition: all .3s ease;flex-shrink: 0;}
.page-home .categories .top .more:hover .icon{background-color: var(--c-4);border-color: var(--c-4);}
.page-home .categories .top .more .icon svg{width: 16px;height: 16px;overflow: visible;transform: translateX(1px);}
.page-home .categories .top .more .icon svg path{fill: var(--c-2);stroke: var(--c-2);stroke-width: 2px;transition: all .3s ease;}
.page-home .categories .top .more:hover .icon svg path{fill: var(--c-wh);stroke: var(--c-wh);}
.page-home .categories .items{display: flex;flex-direction: row;flex-wrap: wrap;margin: -12px -12px;}
.page-home .categories .items .item{display: flex;flex-direction: row;align-items: center;width: calc(100% / 5 - 24px);margin: 12px 12px;background-color: var(--c-wh);padding: 20px 24px;border-radius: 12px;box-shadow: 0 4px 20px 0 rgba(0,0,0,.0);transform: translateY(0);transition: all .3s ease;will-change: transform;}
.tdesktop .page-home .categories .items .item:hover{box-shadow: 0 4px 20px 0 rgba(0,0,0,.08);transform: translateY(-6px);}
.page-home .categories .items .item .icon{position: relative;z-index: 1;display: flex;width: 64px;height: 64px;flex-shrink: 0;}
.page-home .categories .items .item .icon .circle{position: absolute;z-index: -1;width: 48px;height: 48px;top: -8px;right: -12px;border-radius: 50%;}
.page-home .categories .items .item .icon img{display: flex;width: 100%;height: 100%;object-fit: contain;object-position: center;}
.page-home .categories .items .item h3{color: var(--c-1);margin: 0 auto;padding: 0 0 0 20px;font-size: 30px;font-weight: 400;line-height: 1;text-align: center;}

.page-home .products-list{position: relative;background-color: var(--c-7);}
.products-list-container{display: flex;flex-direction: row;}
.page-home .products-list .products-list-container{padding: 40px 0;flex-direction: column;}
.products-list .top{display: flex;flex-direction: row;align-items: flex-end;margin: 0 0 36px 0;}
.products-list .top h2{margin: 0;color: var(--c-2);font-size: 42px;}
.products-list .top .more{display: flex;flex-direction: row;align-items: center;margin: 0 0 0 auto;color: var(--c-2);font-size: 30px;text-transform: lowercase;white-space: nowrap;user-select: none;}
.products-list .top .more .text{transform: translateY(-2px);}
.products-list .top .more .icon{display: flex;flex-direction: row;align-items: center;justify-content: center;width: 36px;height: 36px;border-radius: 50%;border: 2px solid var(--c-2);margin: 0 0 0 16px;transition: all .3s ease;flex-shrink: 0;}
.products-list .top .more:hover .icon{background-color: var(--c-4);border-color: var(--c-4);}
.products-list .top .more .icon svg{width: 16px;height: 16px;overflow: visible;transform: translateX(1px);}
.products-list .top .more .icon svg path{fill: var(--c-2);stroke: var(--c-2);stroke-width: 2px;transition: all .3s ease;}
.products-list .top .more:hover .icon svg path{fill: var(--c-wh);stroke: var(--c-wh);}
.products-list .items{width: 100%;}
.products-list .items .items-container{display: flex;flex-direction: row;flex-wrap: wrap;margin: -12px -12px;}
.products-list .items .items-container .item{position: relative;display: flex;flex-direction: column;width: calc(100% / 4 - 24px);margin: 12px 12px;background-color: var(--c-wh);padding: 24px 20px;border-radius: 12px;box-shadow: 0 4px 20px 0 rgba(0,0,0,0);transform: translateY(0);transition: all .3s ease;will-change: transform;}
.products-list .items .items-container .item::before{content: '';position: absolute;height: 6px;left: 0;right: 0;bottom: 0;transition: all .3s ease;}
.tdesktop .products-list .items .items-container .item:hover::before{bottom: -6px;}
.page-home .products-list .items .items-container .item{width: calc(100% / 5 - 24px);}
.tdesktop .products-list .items .items-container .item:hover{box-shadow: 0 4px 20px 0 rgba(0,0,0,.08);transform: translateY(-6px);}
.products-list .items .items-container .item .item-container{display: flex;flex-direction: column;}
.products-list .items .items-container .item .picture{position: relative;margin: -12px -8px 0 -8px;border-radius: 12px;overflow: hidden;}
.products-list.products-1 .items .item .picture{background-color: #F7E5C3;}
.products-list .items .items-container .item .picture .picture-container{width: 100%;height: 0;min-height: 0;padding-top: calc(100% / 4 * 3);}
.products-list .items .items-container .item .picture img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: contain;object-position: center;}
.products-list .items .items-container .item .signature{margin: 4px 0 0 0;color: var(--c-1);font-weight: 400;line-height: 1.1;}
.products-list .items .items-container .item h3{margin: 16px 0 0 0;color: var(--c-2);font-size: 24px;font-weight: 500;line-height: 1;}
.products-list .items .items-container .item .um{margin: 8px 0 0 0;color: var(--c-3);font-weight: 500;line-height: 1.1;}
.products-list .items .items-container .item .bottom{margin: auto 0 0 0;padding: 12px 0 0 0;display: flex;flex-direction: row;align-items: center;}
.products-list .items .items-container .item .bottom .price-box{display: flex;flex-direction: column;max-width: calc(100% - 152px);}
.products-list .items .items-container .item .bottom .price-box .price{margin: 0;color: var(--c-2);font-weight: 600;font-size: 22px;line-height: 1;white-space: nowrap;}
.products-list .items .items-container .item .bottom .price-box .price-old{margin: 2px 0 0 0;color: var(--c-3);line-height: 1;font-size: 16px;font-weight: 500;text-decoration: line-through;white-space: nowrap;opacity: .8;}
.products-list .items .items-container .item .bottom .price-box .price-old.disabled{display: none;}
.products-list .items .items-container .item .bottom .buy{display: flex;flex-direction: row;align-items: center;margin: 0 0 0 auto;background: var(--c-2);border-radius: 14px;border: 0;padding: 0 0 0 14px;height: 40px;transition: all .3s ease;}
.tdesktop .products-list .items .items-container .item .bottom .buy:hover{background-color: var(--c-4);}
.tdevice .products-list .items .items-container .item .bottom .buy:active{background-color: var(--c-4);}
.tdesktop .products-list .items .items-container .item:hover .bottom .buy{padding: 0 0 0 16px;}
.tdevice .products-list .items .items-container .item .bottom .buy{padding: 0 0 0 16px;}
.products-list .items .items-container .item .bottom .buy .icon{display: flex;width: 20px;height: 20px;}
.products-list .items .items-container .item .bottom .buy .icon svg{display: flex;width: 100%;height: 100%;overflow: visible;}
.products-list .items .items-container .item .bottom .buy .text{width: 0px;text-align: center;padding: 0 7px 0 7px;color: var(--c-wh);white-space: nowrap;overflow: hidden;opacity: 0;will-change: opacity;transition: all .3s ease;}
.tdesktop .products-list .items .items-container .item:hover .bottom .buy .text{width: 104px;padding: 0 16px 0 10px;opacity: 1;}
.tdevice .products-list .items .items-container .item .bottom .buy .text{width: 104px;padding: 0 16px 0 10px;opacity: 1;}
.products-list .items .items-container .item .bottom .notify{display: flex;flex-direction: row;align-items: center;margin: 0 0 0 auto;background: var(--c-2);border-radius: 14px;border: 0;padding: 0 0 0 14px;height: 40px;transition: all .3s ease;}
.tdesktop .products-list .items .items-container .item .bottom .notify:hover{background-color: var(--c-4);}
.tdevice .products-list .items .items-container .item .bottom .notify:active{background-color: var(--c-4);}
.tdesktop .products-list .items .items-container .item:hover .bottom .notify{padding: 0 0 0 16px;}
.tdevice .products-list .items .items-container .item .bottom .notify{padding: 0 0 0 16px;}
.products-list .items .items-container .item .bottom .notify .icon{display: flex;width: 20px;height: 20px;}
.products-list .items .items-container .item .bottom .notify .icon svg{display: flex;width: 100%;height: 100%;overflow: visible;}
.products-list .items .items-container .item .bottom .notify .text{width: 0px;text-align: center;padding: 0 7px 0 7px;color: var(--c-wh);white-space: nowrap;overflow: hidden;opacity: 0;will-change: opacity;transition: all .3s ease;}
.tdesktop .products-list .items .items-container .item:hover .bottom .notify .text{width: 104px;padding: 0 16px 0 10px;opacity: 1;}
.tdevice .products-list .items .items-container .item .bottom .notify .text{width: 104px;padding: 0 16px 0 10px;opacity: 1;}
.products-list .items .items-container .item .favorite{position: absolute;top: 20px;right: 20px;width: 48px;height: 40px;display: flex;align-items: center;justify-content: center;border: 0;border-radius: 14px;background-color: var(--c-wh);opacity: 0;transition: all .3s ease;/*background-color: rgba(255,255,255,.6);backdrop-filter: blur(8px);*/}
.tdesktop .products-list .items .items-container .item:hover .favorite{opacity: 1;}
.tdevice .products-list .items .items-container .item .favorite{opacity: 1;}
.products-list .items .items-container .item .favorite .icon{display: flex;width: 20px;height: 20px;}
.products-list .items .items-container .item .favorite .icon svg{display: flex;width: 100%;height: 100%;overflow: visible;}
.products-list .items .items-container .item .favorite .icon svg path:nth-child(1){fill: var(--c-1);transition: all .3s ease;}
.products-list .items .items-container .item .favorite .icon svg path:nth-child(2){opacity: 0;transition: all .3s ease;}
.products-list .items .items-container .item .favorite.active .icon svg path:nth-child(1){opacity: 0;}
.products-list .items .items-container .item .favorite.active .icon svg path:nth-child(2){opacity: 1;}
.tdesktop .products-list .items .items-container .item .favorite:hover .icon svg path{fill: var(--c-4);}
.tdevice .products-list .items .items-container .item .favorite:active .icon svg path{fill: var(--c-4);}
.products-list .items .items-container .item .navailable{position: absolute;top: 20px;left: 20px;font-size: 13px;color: var(--c-3);background-color: var(--c-wh);border-radius: 6px;padding: 4px 8px;line-height: 1;font-weight: 500;letter-spacing: .4px;pointer-events: none;user-select: none;}
.products-list .categories{margin: -6px 40px -6px 0;width: 260px;flex-shrink: 0;display: flex;flex-direction: column;}
.products-list .categories .item{display: flex;flex-direction: row;align-items: center;width: 100%;margin: 6px 0;background-color: var(--c-wh);padding: 12px 16px;border-radius: 12px;box-shadow: 0 4px 20px 0 rgba(0,0,0,.0);transform: translateY(0);transition: all .24s ease;will-change: transform;}
.products-list .categories .item.active{border-width: 1px 1px 1px 8px;border-color: var(--c-4);border-style: solid;padding-left: 8px;}
.tdesktop .products-list .categories .item:hover{box-shadow: 0 4px 20px 0 rgba(0,0,0,.08);transform: translateY(-2px);}
.products-list .categories .item .icon{position: relative;z-index: 1;display: flex;width: 40px;height: 40px;flex-shrink: 0;}
.products-list .categories .item .icon .circle{position: absolute;z-index: -1;width: 30px;height: 30px;top: -4px;right: -8px;border-radius: 50%;}
.products-list .categories .item .icon svg{display: flex;width: 100%;height: 100%;overflow: visible;}
.products-list .categories .item h3{color: var(--c-1);margin: 0;padding: 0 0 0 20px;font-size: 22px;font-weight: 400;line-height: 1;text-align: left;}
.products-list .items .items-top{display: flex;flex-direction: row;flex-wrap: nowrap;margin: 0 0 16px 0;}
.products-list .items .items-top .discount{display: flex;flex-direction: row;align-items: center;}
.products-list .items .items-top .discount .item{position: relative;display: flex;flex-direction: row;align-items: center;border: 0;background-color: transparent;color: var(--c-1);font-size: 20px;font-weight: 400;border-radius: 12px;padding: 0 0 0 28px;transition: all .3s ease;user-select: none;}
.products-list .items .items-top .discount .item:hover{color: var(--c-4);}
.products-list .items .items-top .discount .item::before{content: '';position: absolute;left: 0;width: 16px;height: 16px;border-radius: 6px;border: 1px solid var(--c-3);opacity: .8;transition: all .3s ease;}
.products-list .items .items-top .discount .item::after{content: '';position: absolute;left: 4px;width: 10px;height: 10px;border-radius: 3px;background-color: var(--c-4);opacity: 0;transition: all .3s ease;}
.products-list .items .items-top .discount .item:hover::before{border-color: var(--c-4);opacity: 1;}
.products-list .items .items-top .discount .item.active::before{border-color: var(--c-4);opacity: 1;}
.products-list .items .items-top .discount .item.active::after{opacity: 1;}
.products-list .items .items-top .sort{position: relative;z-index: 1;margin: 0 0 0 auto;}
.products-list .items .items-top .sort::before{content: '';position: absolute;bottom: -12px;left: 0;right: 0;height: 12px;}
.products-list .items .items-top .sort .sort-container{position: relative;}
.products-list .items .items-top .sort .sort-section{display: flex;align-items: center;cursor: pointer;user-select: none;}
.products-list .items .items-top .sort .name{font-size: 20px;font-weight: 400;color: var(--c-1);white-space: nowrap;transition: all .3s ease;}
.tdesktop .products-list .items .items-top .sort:hover .name{color: var(--c-4);}
.products-list .items .items-top .sort.active .name{color: var(--c-4);}
.products-list .items .items-top .sort .name *:nth-child(2){text-transform: lowercase;}
.products-list .items .items-top .sort .icon{display: flex;width: 20px;height: 14px;margin-left: 6px;transform: translateY(2px);}
.products-list .items .items-top .sort .icon svg{display: flex;width: 100%;height: 100%;overflow: visible;}
.tdesktop .products-list .items .items-top .sort:hover .icon svg{transform: rotate(180deg);}
.products-list .items .items-top .sort.active .icon svg{transform: rotate(180deg);}
.products-list .items .items-top .sort .icon svg path{stroke-width: 1px;stroke: var(--c-3);fill: var(--c-3);transition: all .3s ease;}
.tdesktop .products-list .items .items-top .sort:hover .icon svg path{fill: var(--c-4);stroke: var(--c-4);}
.products-list .items .items-top .sort.active .icon svg path{fill: var(--c-4);stroke: var(--c-4);}
.products-list .items .items-top .sort .dropdown{position: absolute; top: calc(100% + 12px);right: 0;min-width: 240px;background-color: var(--c-wh);border-radius: 12px;box-shadow: 0 4px 20px 0 rgba(0,0,0,.12);opacity: 0;visibility: hidden;transform: scale(.95);transform-origin: top right;transition: .3s ease;}
.tdesktop .products-list .items .items-top .sort:hover .dropdown{opacity: 1;visibility: visible;transform: scale(1);}
.products-list .items .items-top .sort.active .dropdown{opacity: 1;visibility: visible;transform: scale(1);}
.products-list .items .items-top .sort .list{padding: 12px 8px;}
.products-list .items .items-top .sort .list .item{display: block;width: 100%;height: 44px;padding: 0 16px;border: 0;border-radius: 12px;background: transparent;text-align: left;font-size: 18px;font-weight: 400;cursor: pointer;transition: all .3s ease;}
.tdesktop .products-list .items .items-top .sort .list .item:hover{background-color: rgba(60, 140, 60, 0.12);}
.tdevice .products-list .items .items-top .sort .list .item:active{background-color: rgba(60, 140, 60, 0.12);}
.products-list .items .items-top .sort .list .item.active{color: var(--c-4);}

.product-detail .container{display: flex;}
.product-detail .product-container{width: calc(100% - 424px);}
.product-detail .product-box{display: flex;flex-direction: column;background-color: var(--c-wh);border-radius: 16px;}
.product-detail .product-box .product-top{width: 100%;display: flex;flex-direction: row;padding: 20px 24px 0 24px;}
.product-detail .product-box .product-top .back{display: flex;flex-direction: row;align-items: center;color: var(--c-2);font-size: 30px;line-height: 1;text-transform: lowercase;white-space: nowrap;user-select: none;cursor: pointer;}
.product-detail .product-box .product-top .back .text{transform: translateY(-3px);}
.product-detail .product-box .product-top .back .icon{display: flex;flex-direction: row;align-items: center;justify-content: center;width: 36px;height: 36px;border-radius: 50%;border: 2px solid var(--c-2);margin: 0 16px 0 0;transition: all .3s ease;flex-shrink: 0;transform: rotate(180deg);}
.product-detail .product-box .product-top .back:hover .icon{background-color: var(--c-4);border-color: var(--c-4);}
.product-detail .product-box .product-top .back .icon svg{width: 16px;height: 16px;overflow: visible;transform: translateX(1px);}
.product-detail .product-box .product-top .back .icon svg path{fill: var(--c-2);stroke: var(--c-2);stroke-width: 2px;transition: all .3s ease;}
.product-detail .product-box .product-top .back:hover .icon svg path{fill: var(--c-wh);stroke: var(--c-wh);}
.product-detail .product-box .product-top .breadcrumbs{margin: 0 -14px 0 auto;padding: 0 0 0 34px;}
.product-detail .product-box .product-top .breadcrumbs > .item:last-child .breadcrumbs-link{max-width: 200px;}
.product-detail .product-box .product-top .breadcrumbs .breadcrumbs-current{max-width: 200px;}
.product-detail .product-box .product-middle{display: flex;flex-direction: row;flex-wrap: wrap;min-height: 730px;}
.product-detail .product-box .picture{position: relative;width: calc(100% / 2 - 40px);}
.product-detail .product-box .picture .big{position: relative;margin: 24px 0 0 24px;border-radius: 16px;overflow: hidden;background-color: #CEE6D6;display: flex;align-items: center;justify-content: center;height: 0;padding-top: calc(100% - 24px);}
.product-detail .product-box .picture .big img{position: absolute;top: 0;left: 0;right: 0;bottom: 0;object-fit: contain;object-position: center;width: 100%;height: 100%;}
.product-detail .product-box .picture .previews{display: flex;flex-direction: row;flex-wrap: wrap;padding: 12px 28px 24px 28px;width: calc(100% + 24px);}
.product-detail .product-box .picture .previews .previews-container{display: flex;flex-direction: row;flex-wrap: wrap;margin: -6px -6px;width: calc(100% + 12px);}
.product-detail .product-box .picture .previews .preview{position: relative;width: calc(100% / 5 - 12px);margin: 6px 6px;cursor: pointer;}
.product-detail .product-box .picture .previews .preview::before{content: '';position: absolute;top: -3px;left: -3px;right: -3px;bottom: -3px;border: 2px solid rgba(227, 137, 47, .8);border-radius: 12px;opacity: 0;transition: all .3s ease;pointer-events: none;z-index: 2;}
.product-detail .product-box .picture .previews .preview::after{content: '';position: absolute;top: -3px;left: -3px;right: -3px;bottom: -3px;border: 6px solid var(--c-wh);border-radius: 12px;opacity: 0;transition: all .3s ease;pointer-events: none;z-index: 1;}
.product-detail .product-box .picture .previews .preview.active::before{opacity: 1;}
.product-detail .product-box .picture .previews .preview.active::after{opacity: 1;}
.product-detail .product-box .picture .previews .preview img{width: 100%;height: 100%;object-fit: cover;object-position: center;background-color: #CEE6D6;border-radius: 12px;}
.product-detail .product-box .picture .favorite{position: absolute;top: 36px;right: 12px;width: 48px;height: 40px;display: flex;align-items: center;justify-content: center;border: 0;border-radius: 14px;background-color: var(--c-wh);opacity: 1;transition: all .3s ease;/*background-color: rgba(255,255,255,.6);backdrop-filter: blur(8px);*/}
.product-detail .product-box .picture .favorite .icon{display: flex;width: 20px;height: 20px;}
.product-detail .product-box .picture .favorite .icon svg{display: flex;width: 100%;height: 100%;overflow: visible;}
.product-detail .product-box .picture .favorite .icon svg path:nth-child(1){fill: var(--c-1);transition: all .3s ease;}
.product-detail .product-box .picture .favorite .icon svg path:nth-child(2){opacity: 0;transition: all .3s ease;}
.product-detail .product-box .picture .favorite.active .icon svg path:nth-child(1){opacity: 0;}
.product-detail .product-box .picture .favorite.active .icon svg path:nth-child(2){opacity: 1;}
.product-detail .product-box .picture .favorite:hover .icon svg path{fill: var(--c-4);}
.product-detail .product-box .info{width: calc(100% / 2 + 40px);padding: 30px 24px 24px 40px;}
.product-detail .product-box .info .article{display: block;font-weight: 500;font-size: 20px;}
.product-detail .product-box .info .article b{font-weight: 400;color: var(--c-1);}
.product-detail .product-box .info h1{margin: 0;font-size: 42px;line-height: 1.1;color: var(--c-2);}
.product-detail .product-box .info .signature{margin: 4px 0 0 0;color: var(--c-3);font-size: 20px;font-weight: 500;line-height: 1.1;display: block;}
.product-detail .product-box .info .content{margin: 24px 0 0 0;font-size: 18px;line-height: 1.3;}
.product-detail .product-box .info .content.disabled{display: none;}
.product-detail .product-box .info .content h2{margin: 0 0 6px 0;font-size: 20px;font-weight: 500;line-height: 1;}
.product-detail .product-box .info .content *:last-child{margin-bottom: 0;}
.product-detail .product-box .info .nuts{margin: 24px 0 0 0;display: flex;flex-direction: row;overflow: hidden;}
.product-detail .product-box .info .nuts .nuts-container{display: flex;flex-direction: row;flex-wrap: wrap;margin: -6px -14px;}
.product-detail .product-box .info .nuts .nut{position: relative;display: flex;flex-direction: row;align-items: center;margin: 6px 14px;}
.product-detail .product-box .info .nuts .nut::before{content: '';position: absolute;left: -17px;width: 6px;height: 6px;border-radius: 50%;background-color: var(--c-5);}
.product-detail .product-box .info .nuts .nut .icon{display: flex;width: 20px;height: 20px;}
.product-detail .product-box .info .nuts .nut .icon svg{display: flex;width: 100%;height: 100%;overflow: visible;}
.product-detail .product-box .info .nuts .nut .value{line-height: 1;color: var(--c-1);font-weight: 500;font-size: 20px;margin: 0 0 0 8px;}
.product-detail .product-box .info .nuts .nut .name{line-height: 1;color: var(--c-3);font-weight: 400;font-size: 20px;margin: 0 0 0 6px;}
.product-detail .product-box .info .props{margin: 12px 0 0 0;}
.product-detail .product-box .info .props .prop{display: flex;flex-direction: row;}
.product-detail .product-box .info .props .prop + .prop{margin-top: 16px;}
.product-detail .product-box .info .props .prop .name{margin: 0 12px 0 0;font-weight: 500;font-size: 20px;line-height: 1;padding: 4px 0 0 0;white-space: nowrap;flex-shrink: 0;}
.product-detail .product-box .info .props .prop .list{display: flex;flex-direction: row;flex-wrap: wrap;margin: -4px -4px;width: calc(100% + 8px);}
.product-detail .product-box .info .props .prop .list button{margin: 4px 4px;border: 1px solid transparent;background-color: rgba(60, 140, 60, 0.12);padding: 0 8px;border-radius: 8px;color: var(--c-bl);font-weight: 400;height: 30px;transition: all .3s ease;}
.product-detail .product-box .info .props .prop .list button:hover{border-color: var(--c-4);color: var(--c-4);background-color: transparent;}
.product-detail .product-box .info .props .prop .list button.active{background-color: var(--c-4);color: var(--c-wh);}
.product-detail .product-box .info .props .prop .list button.disabled{opacity: .5;cursor: default;border-color: transparent;color: var(--c-1);background-color: rgba(60, 140, 60, 0.12);}
.product-detail .product-box .price-section{display: flex;flex-direction: row;align-items: flex-end;flex-wrap: wrap;margin: 24px 0 0 0;}
.product-detail .product-box .price-section .price-box{display: flex;flex-direction: column;}
.product-detail .product-box .price-section .price-box .price{font-size: 36px;color: var(--c-2);font-weight: 600;line-height: 1;white-space: nowrap;min-width: 118px;}
.product-detail .product-box .price-section .price-box .price-old{margin: 3px 0 0 0;color: var(--c-3);line-height: 1;font-size: 20px;font-weight: 400;text-decoration: line-through;white-space: nowrap;opacity: .8;}
.product-detail .product-box .price-section .price-box .price-old.disabled{display: none;}
.product-detail .product-box .price-section .available{display: flex;flex-direction: column;margin: 0 0 0 32px;padding: 0 0 1px 0;}
.product-detail .product-box .price-section .available .circle{display: flex;flex-direction: row;align-items: center;margin: 0 -3px;}
.product-detail .product-box .price-section .available .circle > *{width: 10px;height: 10px;border-radius: 50%;background-color: var(--c-5);margin: 0 3px;}
.product-detail .product-box .price-section .available .text{font-size: 20px;font-weight: 500;color: var(--c-3);line-height: 1;text-transform: lowercase;margin: 8px 0 0 0;}
.product-detail .product-box .price-section .available.a1 .circle > *:nth-child(-n+1){background-color: var(--c-8);}
.product-detail .product-box .price-section .available.a2 .circle > *:nth-child(-n+2){background-color: var(--c-4);}
.product-detail .product-box .price-section .available.a3 .circle > *{background-color: var(--c-2);filter: brightness(1.2);}
.product-detail .product-box .price-section .available.a1 .text{color: var(--c-8);}
.product-detail .product-box .price-section .available.a2 .text{color: var(--c-4);}
.product-detail .product-box .price-section .available.a3 .text{color: var(--c-2);}
.product-detail .product-box .price-section .actions{display: flex;flex-direction: row;align-items: center;width: 100%;margin: 16px 0 0 0;}
.product-detail .product-box .price-section .calc{display: flex;flex-direction: row;align-items: center;}
.product-detail .product-box .price-section.disabled .calc{display: none;}
.product-detail .product-box .price-section .calc button{position: relative;width: 36px;height: 36px;background-color: rgba(60, 140, 60, 0.12);border: 0;border-radius: 12px;color: var(--c-1);font-weight: 500;padding: 0;display: flex;align-items: center;justify-content: center;transition: all .3s ease;}
.product-detail .product-box .price-section .calc button:hover{background-color: var(--c-4);}
.product-detail .product-box .price-section .calc button span:nth-child(1){background-color: var(--c-2);width: 18px;height: 2px;border-radius: 12px;transition: all .3s ease;}
.product-detail .product-box .price-section .calc button span:nth-child(2){background-color: var(--c-2);width: 18px;height: 2px;border-radius: 12px;position: absolute;transform: rotate(90deg);transition: all .3s ease;}
.product-detail .product-box .price-section .calc button:hover span{background-color: var(--c-wh);}
.product-detail .product-box .price-section .calc .amount{min-width: 42px;height: 36px;display: flex;align-items: center;justify-content: center;color: var(--c-1);font-size: 22px;font-weight: 500;transform: translateY(0);padding: 0 8px;user-select: none;}
.product-detail .product-box .price-section .buy{display: flex;flex-direction: row;align-items: center;margin: 0 0 0 36px;background: var(--c-2);border-radius: 16px;border: 0;padding: 0 20px;height: 48px;transition: all .3s ease;}
.product-detail .product-box .price-section.disabled .buy{display: none;}
.product-detail .product-box .price-section .buy:hover{background-color: var(--c-4);}
.product-detail .product-box .price-section .buy .icon{display: flex;width: 24px;height: 24px;}
.product-detail .product-box .price-section .buy .icon svg{display: flex;width: 100%;height: 100%;overflow: visible;}
.product-detail .product-box .price-section .buy .text{text-align: center;padding: 0 0 0 12px;color: var(--c-wh);font-size: 20px;white-space: nowrap;}
.product-detail .product-box .price-section .notify{display: none;flex-direction: row;align-items: center;margin: 0;background: var(--c-2);border-radius: 16px;border: 0;padding: 0 20px;height: 48px;transition: all .3s ease;}
.product-detail .product-box .price-section.disabled .notify{display: flex;}
.product-detail .product-box .price-section .notify:hover{background-color: var(--c-4);}
.product-detail .product-box .price-section .notify .icon{display: flex;width: 24px;height: 24px;}
.product-detail .product-box .price-section .notify .icon svg{display: flex;width: 100%;height: 100%;overflow: visible;}
.product-detail .product-box .price-section .notify .text{text-align: center;padding: 0 0 0 12px;color: var(--c-wh);font-size: 20px;white-space: nowrap;}
.product-detail .product-box .devider{display: flex;margin: 24px 0 0 0;width: 100%;height: 1px;background-image: linear-gradient(90deg, var(--c-5) 10px, transparent 10px);background-size: 20px 100%;background-repeat: repeat-x;flex-shrink: 0;}

.favorite-list{position: fixed;right: 48px;top: 96px;z-index: 300;width: 400px;height: calc(100svh - 96px - 48px);transition: all .3s ease;}
header .favorite-list{transform: translateX(calc(100% + 48px));}
body.fa header .favorite-list{transform: translateX(0);}
body.hs header .favorite-list{top: 152px;height: calc(100svh - 152px - 48px);}
.favorite-list .favorite-container{position: relative;display: flex;flex-direction: column;width: 100%;height: 100%;background-color: var(--c-wh);border-radius: 16px;padding: 24px 24px;}
header .favorite-list .favorite-container{box-shadow: 0 4px 20px 0 rgba(0,0,0,.08);}
.favorite-list .top{display: flex;flex-direction: row;align-items: center;}
.favorite-list .top .title{font-size: 26px;font-weight: 500;line-height: 1;}
.favorite-list .top .amount{margin: 0 0 0 auto;font-size: 20px;color: var(--c-3);font-weight: 400;line-height: 1;transform: translateY(2px);user-select: none;}
.favorite-list .items{position: relative;margin: 24px 0 auto 0;max-height: 100%;overflow: hidden;}
.favorite-list.active .items{margin: 20px 0 auto 0;height: 100%;}
.favorite-list .items .items-container{overflow: hidden;width: 100%;height: 100%;padding-top: 0;transition: none;}
.favorite-list .items .items-container.is{padding-right: 12px;}
.favorite-list .items.add .items-container{padding-top: 132px;transition: all .3s ease;}
.favorite-list .items .items-section{display: flex;flex-direction: column;margin: -14px 0 0 0;}
.favorite-list .items .sb{position: absolute;top: 0;bottom: 0;right: 0;width: 4px;border-radius: 6px;background-color: rgba(0,0,0,0.1);transition: all .1s ease;opacity: 0;}
.favorite-list .items:hover .sb{width: 6px;}
.favorite-list .items .sb-container{position: absolute;top: 0;left: 0;right: 0;transition: all .1s ease;}
.favorite-list .items .sb-thumb{display: block;width: 100%;height: 100%;border-radius: 8px;background: rgba(0,0,0,.4);}
.favorite-list .items .sdt{position: absolute;left: 0;right: 0;top: 0;height: 20px;background: linear-gradient(to top, rgba(0,0,0,0), rgba(0,0,0,.0));pointer-events: none;border-radius: 12px 0 0 0;transition: all .3s ease;}
.favorite-list .items .sdb{position: absolute;left: 0;right: 0;bottom: 0;height: 20px;background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,.0));pointer-events: none;border-radius: 0;transition: all .3s ease;}
.favorite-list .items.top .sdt{background: linear-gradient(to top, rgba(0,0,0,0), rgba(0,0,0,.06));}
.favorite-list .items.bottom .sdb{background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,.06));}
.favorite-list .items .item{position: relative;display: flex;flex-direction: row;min-height: 108px;transform: translateX(0);transition: all .3s ease;margin: 14px 0;}
.favorite-list .items .item .item-container{display: flex;flex-direction: row;width: 100%;}
.favorite-list .items .item:last-child{margin-bottom: 0;}
.favorite-list .items.add .item:nth-child(1){position: absolute;top: 0;left: 0;transform: translateX(-100%);transition: none;}
.favorite-list .items .item.remove{margin: 0 !important;height: 0;min-height: 0;overflow: hidden;}
.favorite-list .items .item + .item::before{content: '';position: absolute;top: -14px;left: 0;right: 0;height: 1px;background-color: var(--c-5);opacity: .5;}
.favorite-list .items .item .picture{position: relative;display: flex;align-items: center;justify-content: center;width: 108px;height: 108px;border-radius: 12px;overflow: hidden;flex-shrink: 0;background-color: #CEE6D6;}
.favorite-list .items .item .picture img{width: 100%;height: 100%;object-fit: contain;}
.favorite-list .items .item .info{margin: 0 0 0 12px;display: flex;flex-direction: column;width: 100%;}
.favorite-list .items .item .info .name{font-weight: 500;color: var(--c-2);font-size: 20px;line-height: 1.02;}
.favorite-list .items .item .info .name span{display: -webkit-box;min-height: 21px;max-height: 42px;-webkit-box-orient: vertical;-webkit-line-clamp: 2;text-overflow: ellipsis;overflow: hidden;}
.favorite-list .items .item .info .price-section{display: flex;flex-direction: row;align-items: flex-end;margin: auto 0 0 0;padding: 8px 0 0 0;}
.favorite-list .items .item .info .price-section .price-box{display: flex;flex-direction: column;}
.favorite-list .items .item .info .price-section .price-box .price{font-size: 20px;font-weight: 600;color: var(--c-2);line-height: 1.1;}
.favorite-list .items .item .info .available{color: var(--c-8);font-size: 18px;font-weight: 400;line-height: 1;margin-top: 4px;}
.favorite-list .items .item .info .price-section .price-box .price-old{margin: 0;color: var(--c-3);line-height: 1;font-size: 15px;font-weight: 500;text-decoration: line-through;white-space: nowrap;opacity: .8;}
.favorite-list .items .item .info .price-section .price-box .price-old.disabled{display: none;}
.favorite-list .items .item .info .price-section .remove{margin: 0 0 0 auto;width: 30px;height: 30px;background: rgba(60, 140, 60, 0.12);border-radius: 8px;display: flex;align-items: center;justify-content: center;border: 0;padding: 0;transition: all .3s ease;}
.favorite-list .items .item .info .price-section .remove:hover{background-color: var(--c-4);}
.favorite-list .items .item .info .price-section .remove .icon{display: flex;width: 20px;height: 20px;}
.favorite-list .items .item .info .price-section .remove .icon svg{display: flex;width: 100%;height: 100%;overflow: visible;}
.favorite-list .items .item .info .price-section .remove .icon svg path{fill: var(--c-1);transition: all .3s ease;}
.favorite-list .items .item .info .price-section .remove:hover .icon svg path{fill: var(--c-wh);}
.favorite-list .items .item .info .price-section .buy{display: flex;flex-direction: row;align-items: center;margin: 0 0 0 12px;background: var(--c-2);border-radius: 8px;border: 0;padding: 0 12px;height: 30px;transition: all .3s ease;}
.favorite-list .items .item .info .price-section .buy:hover{background-color: var(--c-4);}
.favorite-list .items .item .info .price-section .buy .icon{display: flex;width: 18px;height: 18px;}
.favorite-list .items .item .info .price-section .buy .icon svg{display: flex;width: 100%;height: 100%;overflow: visible;}
.favorite-list .items .item .info .price-section .buy .text{text-align: center;color: var(--c-wh);font-size: 16px;white-space: nowrap;}
.favorite-list .items .item .info .price-section .notify{display: flex;flex-direction: row;align-items: center;margin: 0 0 0 12px;background: var(--c-2);border-radius: 8px;border: 0;padding: 0 12px;height: 30px;transition: all .3s ease;}
.favorite-list .items .item .info .price-section .notify:hover{background-color: var(--c-4);}
.favorite-list .items .item .info .price-section .notify .icon{display: flex;width: 18px;height: 18px;}
.favorite-list .items .item .info .price-section .notify .icon svg{display: flex;width: 100%;height: 100%;overflow: visible;}
.favorite-list .items .item .info .price-section .notify .text{text-align: center;color: var(--c-wh);font-size: 16px;white-space: nowrap;}
.favorite-list .items .item .navailable{position: absolute;top: 50%;left: 4px;transform: translateY(-50%);font-size: 13px;color: var(--c-3);background-color: var(--c-wh);border-radius: 6px;padding: 4px 8px;line-height: 1;font-weight: 500;letter-spacing: .4px;pointer-events: none;user-select: none;}
.favorite-list .scroll{margin: 20px 0 0 0;display: none;flex-direction: row;justify-content: center;}
.favorite-list .scroll.active{display: flex;}
.favorite-list .scroll button{display: flex;flex-direction: row;align-items: center;justify-content: center;border-radius: 12px;font-size: 19px;font-weight: 500;text-transform: lowercase;border: 0;padding: 0;width: 60px;height: 36px;background: rgba(60, 140, 60, 0.12);opacity: .5;cursor: default;transition: all .3s ease;}
.favorite-list .scroll button + button{margin-left: 24px;}
.favorite-list .scroll button.active{background: rgba(60, 140, 60, 0.12);color: var(--c-1);opacity: 1;cursor: pointer;}
.favorite-list .scroll button.active:hover{background-color: var(--c-4);color: var(--c-wh);}
.favorite-list .scroll button .icon{display: flex;width: 16px;height: 16px;}
.favorite-list .scroll button:nth-child(1) .icon{transform: rotate(90deg);}
.favorite-list .scroll button:nth-child(2) .icon{transform: rotate(-90deg);}
.favorite-list .scroll button .icon svg{display: flex;width: 100%;height: 100%;overflow: visible;}
.favorite-list .scroll button .icon svg path{stroke-width: 2px;stroke: var(--c-1);fill: var(--c-1);transition: all .3s ease;}
.favorite-list .scroll button.active:hover .icon svg path{stroke: var(--c-wh);fill: var(--c-wh);transition: all .3s ease;}
.favorite-list .devider{display: block;margin: 20px 0 0 0;width: 100%;height: 1px;background-image: linear-gradient(90deg, var(--c-5) 10px, transparent 10px);background-size: 20px 100%;background-repeat: repeat-x;flex-shrink: 0;opacity: 0;visibility: hidden;transition: all .15s ease;}
.favorite-list.active .devider{opacity: 1;visibility: visible;}
.favorite-list .total{display: flex;flex-direction: column;margin: 12px 0 0 0;flex-shrink: 0;opacity: 0;visibility: hidden;transition: all .15s ease;}
.favorite-list.active .total{opacity: 1;visibility: visible;}
.favorite-list .total .sum{display: flex;flex-direction: row;align-items: center;width: 100%;}
.favorite-list .total .sum .name{font-weight: 400;font-size: 20px;color: var(--c-1);}
.favorite-list .total .sum .name b{font-weight: 400;}
.favorite-list .total .sum .value{font-weight: 400;font-size: 20px;color: var(--c-1);margin: 0 0 0 auto;}
.favorite-list .total .discount{display: flex;flex-direction: row;align-items: center;width: 100%;margin: 2px 0 0 0;}
.favorite-list.nhdis .total .discount{display: none;}
.favorite-list .total .discount .name{font-weight: 400;font-size: 20px;color: var(--c-1);}
.favorite-list .total .discount .value{font-weight: 400;font-size: 20px;color: var(--c-1);margin: 0 0 0 auto;}
.favorite-list .total .price{display: flex;flex-direction: row;align-items: center;width: 100%;margin: 2px 0 0 0;}
.favorite-list .total .price .name{font-weight: 600;font-size: 22px;}
.favorite-list .total .price .value{font-weight: 600;font-size: 22px;margin: 0 0 0 auto;}
.favorite-list .total .favorite-cart{background-color: var(--c-2);color: var(--c-wh);border: 0;padding: 0;font-size: 20px;font-weight: 500;border-radius: 16px;width: 100%;height: 56px;display: flex;align-items: center;justify-content: center;margin: 20px 0 0 0;text-transform: uppercase;transition: all .3s ease;user-select: none;}
.favorite-list .total .favorite-cart:hover{background-color: var(--c-4);}
.favorite-list .empty{display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 48px 0 72px 0;position: absolute;top: 72px;left: 0;right: 0;bottom: 24px;opacity: 1;visibility: visible;transition: all .15s ease;}
.favorite-list.active .empty{opacity: 0;visibility: hidden;}
.favorite-list .empty .empty-container{display: flex;flex-direction: column;align-items: center;justify-content: center;}
.favorite-list .empty .icon{display: flex;width: 56px;height: 56px;}
.favorite-list .empty .icon svg{display: flex;width: 100%;height: 100%;overflow: visible;}
.favorite-list .empty .title{font-size: 26px;font-weight: 500;color: var(--c-1);line-height: 1;margin: 28px 0 0 0;}
.favorite-list .empty .desc{font-weight: 400;color: var(--c-1);line-height: 1.2;font-size: 20px;text-align: center;margin: 12px auto 0 auto;width: 208px;min-height: 48px;}
.favorite-list .empty .link{display: flex;flex-direction: row;align-items: center;margin: 28px 0 0 0;background: var(--c-2);border-radius: 16px;border: 0;padding: 0 20px;height: 48px;text-align: center;color: var(--c-wh);font-size: 20px;white-space: nowrap;transition: all .3s ease;user-select: none;}
.favorite-list .empty .link:hover{background-color: var(--c-4);}
.favorite-list.active.nhtp .scroll{display: none;}
.favorite-list.active.nhtp .devider{display: none;}
.favorite-list.active.nhtp .total{display: none;}

.cart-list{position: fixed;right: 48px;top: 96px;z-index: 300;width: 400px;height: calc(100svh - 96px - 48px);transition: all .3s ease;}
header .cart-list{transform: translateX(calc(100% + 48px));}
header .cart-list.hd{display: none;}
body.ca header .cart-list{transform: translateX(0);}
body.hs header .cart-list{top: 152px;height: calc(100svh - 152px - 48px);}
.cart-detail{position: initial;z-index: 1;width: 400px;height: auto;margin: 0 0 0 24px;}
.cart-list .cart-container{position: relative;display: flex;flex-direction: column;width: 100%;height: 100%;background-color: var(--c-wh);border-radius: 16px;padding: 24px 24px;}
.cart-detail.active .cart-container{height: auto;}
header .cart-list .cart-container{box-shadow: 0 4px 20px 0 rgba(0,0,0,.08);min-height: 100%;height: 100%;}
.cart-list .top{display: flex;flex-direction: row;align-items: center;}
.cart-list .top .title{color: var(--c-1);font-size: 26px;font-weight: 500;line-height: 1;}
.cart-list .top .amount{margin: 0 0 0 auto;font-size: 20px;color: var(--c-3);font-weight: 400;line-height: 1;transform: translateY(2px);user-select: none;}
.cart-list .items{position: relative;margin: 20px 0 auto 0;max-height: 100%;overflow: hidden;}
.cart-list.active .items{margin: 20px 0 auto 0;height: 100%;}
.cart-list .items .items-container{overflow: hidden;width: 100%;height: 100%;padding-top: 0;transition: none;}
.cart-detail .items .items-container{min-height: 430px;max-height: 430px;}
.cart-detail.nhdis .items .items-container{min-height: 462px;max-height: 462px;}
.cart-list .items .items-container.is{padding-right: 12px;}
.cart-list .items.add .items-container{padding-top: 132px;transition: padding .3s ease;}
.cart-list .items .items-section{display: flex;flex-direction: column;margin: -14px 0 0 0;}
.cart-list .items .sb{position: absolute;top: 0;bottom: 0;right: 0;width: 4px;border-radius: 6px;background-color: rgba(0,0,0,0.1);transition: all .1s ease;opacity: 0;}
.cart-list .items:hover .sb{width: 6px;}
.cart-list .items .sb-container{position: absolute;top: 0;left: 0;right: 0;transition: all .1s ease;}
.cart-list .items .sb-thumb{display: block;width: 100%;height: 100%;border-radius: 8px;background: rgba(0,0,0,.4);}
.cart-list .items .sdt{position: absolute;left: 0;right: 0;top: 0;height: 16px;background: linear-gradient(to top, rgba(0,0,0,0), rgba(0,0,0,.0));pointer-events: none;border-radius: 12px 0 0 0;transition: all .3s ease;}
.cart-list .items .sdb{position: absolute;left: 0;right: 0;bottom: 0;height: 16px;background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,.0));pointer-events: none;border-radius: 0;transition: all .3s ease;}
.cart-list .items.top .sdt{background: linear-gradient(to top, rgba(0,0,0,0), rgba(0,0,0,.06));}
.cart-list .items.bottom .sdb{background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,.06));}
.cart-list .items .item{position: relative;min-height: 108px;transform: translateX(0);transition: all .3s ease;margin: 14px 0;}
.cart-list .items .item .item-container{display: flex;flex-direction: row;width: 100%;}
.cart-list .items .item:last-child{margin-bottom: 0;}
.cart-list .items.add .item:nth-child(1){position: absolute;top: 0;left: 0;transform: translateX(-100%);transition: none;}
.cart-list .items .item.remove{margin: 0 !important;height: 0;min-height: 0;overflow: hidden;}
.cart-list .items .item + .item::before{content: '';position: absolute;top: -14px;left: 0;right: 0;height: 1px;background-color: var(--c-5);opacity: .5;transition: all .3s ease;}
.cart-list .items .item .picture{position: relative;display: flex;align-items: center;justify-content: center;width: 108px;height: 108px;border-radius: 12px;overflow: hidden;flex-shrink: 0;background-color: #CEE6D6;}
.cart-list .items .item .picture img{width: 100%;height: 100%;object-fit: contain;}
.cart-list .items .item .info{margin: 0 0 0 12px;display: flex;flex-direction: column;width: 100%;}
.cart-list .items .item .info .name{font-weight: 500;color: var(--c-2);font-size: 20px;line-height: 1.02;}
.cart-list .items .item .info .name span{display: -webkit-box;min-height: 21px;max-height: 42px;-webkit-box-orient: vertical;-webkit-line-clamp: 2;text-overflow: ellipsis;overflow: hidden;}
.cart-list .items .item .info .signature{font-weight: 400;color: var(--c-1);line-height: 1.2;text-transform: lowercase;margin: 0;}
.cart-list .items .item .info .price-section{display: flex;flex-direction: row;align-items: flex-end;margin: auto 0 0 0;padding: 8px 0 0 0;}
.cart-list .items .item .info .price-section .price-box{display: flex;flex-direction: column;}
.cart-list .items .item .info .price-section .price-box .price{font-size: 20px;font-weight: 600;color: var(--c-2);line-height: 1.1;}
.cart-list .items .item .info .available{color: var(--c-8);font-size: 18px;font-weight: 400;line-height: 1;margin-top: 4px;}
.cart-list .items .item .info .price-section .price-box .price-old{margin: 0;color: var(--c-3);line-height: 1;font-size: 16px;font-weight: 500;text-decoration: line-through;white-space: nowrap;opacity: .8;}
.cart-list .items .item .info .price-section .price-box .price-old.disabled{display: none;}
.cart-list .items .item .info .price-section .remove{margin: 0 0 0 auto;width: 30px;height: 30px;background: rgba(60, 140, 60, 0.12);border-radius: 8px;display: flex;align-items: center;justify-content: center;border: 0;padding: 0;transition: all .3s ease;}
.cart-list .items .item .info .price-section .remove:hover{background-color: var(--c-4);}
.cart-list .items .item .info .price-section .remove .icon{display: flex;width: 20px;height: 20px;}
.cart-list .items .item .info .price-section .remove .icon svg{display: flex;width: 100%;height: 100%;overflow: visible;}
.cart-list .items .item .info .price-section .remove .icon svg path{fill: var(--c-1);transition: all .3s ease;}
.cart-list .items .item .info .price-section .remove:hover .icon svg path{fill: var(--c-wh);}
.cart-list .items .item .info .price-section .calc{margin: 0 0 0 12px;display: flex;flex-direction: row;align-items: center;}
.cart-list .items .item .info .price-section .calc button{position: relative;width: 30px;height: 30px;background-color: rgba(60, 140, 60, 0.12);border: 0;border-radius: 8px;color: var(--c-1);font-weight: 500;padding: 0;display: flex;align-items: center;justify-content: center;transition: all .3s ease;}
.cart-list .items .item .info .price-section .calc button:hover{background-color: var(--c-4);}
.cart-list .items .item .info .price-section .calc button span:nth-child(1){background-color: var(--c-2);width: 16px;height: 2px;border-radius: 12px;transition: all .3s ease;}
.cart-list .items .item .info .price-section .calc button span:nth-child(2){background-color: var(--c-2);width: 16px;height: 2px;border-radius: 12px;position: absolute;transform: rotate(90deg);transition: all .3s ease;}
.cart-list .items .item .info .price-section .calc button:hover span{background-color: var(--c-wh);}
.cart-list .items .item .info .price-section .calc .amount{min-width: 34px;height: 30px;display: flex;align-items: center;justify-content: center;color: var(--c-1);font-size: 19px;font-weight: 500;transform: translateY(0);padding: 0 8px;user-select: none;}
.cart-list .items .item .navailable{position: absolute;top: 50%;left: 4px;transform: translateY(-50%);font-size: 13px;color: var(--c-3);background-color: var(--c-wh);border-radius: 6px;padding: 4px 8px;line-height: 1;font-weight: 500;letter-spacing: .4px;pointer-events: none;user-select: none;}
.cart-list .scroll{margin: 20px 0 0 0;display: flex;flex-direction: row;justify-content: center;opacity: 0;visibility: hidden;}
.cart-list .scroll.active{opacity: 1;visibility: visible;}
.cart-list .scroll button{display: flex;flex-direction: row;align-items: center;justify-content: center;border-radius: 12px;font-size: 19px;font-weight: 500;text-transform: lowercase;border: 0;padding: 0;width: 60px;height: 36px;background: rgba(60, 140, 60, 0.12);opacity: .5;cursor: default;transition: all .3s ease;}
.cart-list .scroll button + button{margin-left: 24px;}
.cart-list .scroll button.active{background: rgba(60, 140, 60, 0.12);color: var(--c-1);opacity: 1;cursor: pointer;}
.cart-list .scroll button.active:hover{background-color: var(--c-4);color: var(--c-wh);}
.cart-list .scroll button .icon{display: flex;width: 16px;height: 16px;}
.cart-list .scroll button:nth-child(1) .icon{transform: rotate(90deg);}
.cart-list .scroll button:nth-child(2) .icon{transform: rotate(-90deg);}
.cart-list .scroll button .icon svg{display: flex;width: 100%;height: 100%;overflow: visible;}
.cart-list .scroll button .icon svg path{stroke-width: 2px;stroke: var(--c-1);fill: var(--c-1);transition: all .3s ease;}
.cart-list .scroll button.active:hover .icon svg path{stroke: var(--c-wh);fill: var(--c-wh);transition: all .3s ease;}
.cart-list .devider{display: block;margin: 20px 0 0 0;width: 100%;height: 1px;background-image: linear-gradient(90deg, var(--c-5) 10px, transparent 10px);background-size: 20px 100%;background-repeat: repeat-x;flex-shrink: 0;opacity: 0;visibility: hidden;transition: all .15s ease;}
.cart-list.active .devider{opacity: 1;visibility: visible;}
.cart-list .total{display: flex;flex-direction: column;margin: 12px 0 0 0;flex-shrink: 0;opacity: 0;visibility: hidden;transition: all .15s ease;}
.cart-list.active .total{opacity: 1;visibility: visible;}
.cart-list .total .sum{display: flex;flex-direction: row;align-items: center;width: 100%;}
.cart-list .total .sum .name{font-weight: 400;font-size: 20px;color: var(--c-1);}
.cart-list .total .sum .name b{font-weight: 400;}
.cart-list .total .sum .value{font-weight: 400;font-size: 20px;color: var(--c-1);margin: 0 0 0 auto;}
.cart-list .total .discount{display: flex;flex-direction: row;align-items: center;width: 100%;margin: 2px 0 0 0;}
.cart-list.nhdis .total .discount{display: none;}
.cart-list .total .discount .name{font-weight: 400;font-size: 20px;color: var(--c-1);}
.cart-list .total .discount .value{font-weight: 400;font-size: 20px;color: var(--c-1);margin: 0 0 0 auto;}
.cart-list .total .delivery{display: flex;flex-direction: row;align-items: center;width: 100%;margin: 2px 0 0 0;}
.cart-list .total .delivery.disabled{display: none;}
.cart-list .total .delivery .name{font-weight: 400;font-size: 20px;color: var(--c-1);}
.cart-list .total .delivery .value{font-weight: 400;font-size: 20px;color: var(--c-1);margin: 0 0 0 auto;}
.cart-list .total .price{display: flex;flex-direction: row;align-items: center;width: 100%;margin: 2px 0 0 0;}
.cart-list .total .price .name{font-weight: 600;font-size: 22px;}
.cart-list .total .price .value{font-weight: 600;font-size: 22px;margin: 0 0 0 auto;}
.cart-list .total .cart-link{background-color: var(--c-2);color: var(--c-wh);font-size: 20px;font-weight: 500;border-radius: 16px;width: 100%;height: 56px;display: flex;align-items: center;justify-content: center;margin: 20px 0 0 0;text-transform: uppercase;transition: all .3s ease;user-select: none;letter-spacing: 1px;}
.cart-list .total .cart-link:hover{background-color: var(--c-4);}
.cart-list .empty{display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 48px 0 72px 0;position: absolute;top: 72px;left: 0;right: 0;bottom: 24px;opacity: 1;visibility: visible;transition: all .15s ease;}
.cart-list.active .empty{opacity: 0;visibility: hidden;}
.cart-list .empty .empty-container{display: flex;flex-direction: column;align-items: center;justify-content: center;}
.cart-list .empty .icon{display: flex;width: 56px;height: 56px;}
.cart-list .empty .icon svg{display: flex;width: 100%;height: 100%;overflow: visible;}
.cart-list .empty .title{font-size: 26px;font-weight: 500;color: var(--c-1);line-height: 1;margin: 28px 0 0 0;}
.cart-list .empty .desc{font-weight: 400;color: var(--c-1);line-height: 1.2;font-size: 20px;text-align: center;margin: 12px auto 0 auto;width: 208px;min-height: 48px;}
.cart-list .empty .link{display: flex;flex-direction: row;align-items: center;margin: 28px 0 0 0;background: var(--c-2);border-radius: 16px;border: 0;padding: 0 20px;height: 48px;text-align: center;color: var(--c-wh);font-size: 20px;white-space: nowrap;transition: all .3s ease;user-select: none;}
.cart-list .empty .link:hover{background-color: var(--c-4);}
.cart-detail .empty .link{background-color: rgba(60, 140, 60, 0.12);color: var(--c-2);font-weight: 500;}
.cart-detail .empty .link:hover{background-color: var(--c-4);color: var(--c-wh);}
.cart-detail .empty{opacity: 0;visibility: hidden;}
body.cr .cart-detail .empty{opacity: 1;visibility: visible;}
body.cr .cart-detail.active .empty{opacity: 0;visibility: hidden;}
.cart-detail .wait{display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 48px 0 72px 0;position: absolute;top: 72px;left: 0;right: 0;bottom: 24px;opacity: 1;visibility: visible;transition: all .15s ease;}
body.cr .cart-detail .wait{opacity: 0;visibility: hidden;}
.cart-detail .wait .wait-container{display: flex;flex-direction: column;align-items: center;justify-content: center;}
.cart-detail .wait .icon{display: flex;width: 56px;height: 56px;}
.cart-detail .wait .icon svg{display: flex;width: 100%;height: 100%;overflow: visible;}
.cart-detail .wait .title{display: flex;align-items: flex-end;font-size: 26px;font-weight: 500;color: var(--c-1);line-height: 1;margin: 28px 0 0 0;}
.cart-detail .wait .desc{font-weight: 400;color: var(--c-1);line-height: 1.2;font-size: 20px;text-align: center;margin: 12px auto 0 auto;width: 208px;min-height: 48px;}
.cart-detail .wait .link{display: flex;flex-direction: row;align-items: center;margin: 28px 0 0 0;background: rgba(60, 140, 60, 0.12);border-radius: 16px;border: 0;padding: 0 20px;height: 48px;text-align: center;color: var(--c-2);font-size: 20px;font-weight: 500;white-space: nowrap;transition: all .3s ease;opacity: 0;visibility: hidden;}
.cart-detail .wait .link:hover{background-color: var(--c-4);color: var(--c-wh);}
@keyframes waitDots{0%, 60%, 100%{opacity: .24;transform: scale(.84);}30%{opacity: 1;transform: scale(1);}}
.cart-detail .wait .title .dots{display: flex;margin: 0 0 4px auto;padding: 0 0 0 3px;}
.cart-detail .wait .title .dot{width: 6px;height: 6px;background-color: var(--c-2);border-radius: 50%;margin: 0 3px;animation: waitDots 1.6s infinite ease-in-out;animation-fill-mode: both;}
.cart-detail .wait .title .dot:nth-child(1){animation-delay: 0s;}
.cart-detail .wait .title .dot:nth-child(2){animation-delay: 0.3s;}
.cart-detail .wait .title .dot:nth-child(3){animation-delay: 0.6s;}
.cart-detail.nhtp .cart-container{height: 100%;}
.cart-detail.nhtp .items .items-container{max-height: 100%;}
.cart-list.active.nhtp .scroll{display: none;}
.cart-list.active.nhtp .devider{display: none;}
.cart-list.active.nhtp .total{display: none;}

.auth-list{position: fixed;right: 48px;top: 96px;z-index: 300;width: 400px;height: calc(100svh - 96px - 48px);transition: all .3s ease;}
header .auth-list{transform: translateX(calc(100% + 48px));}
body.pa header .auth-list{transform: translateX(0);}
body.hs header .auth-list{top: 152px;height: calc(100svh - 152px - 48px);}
.auth-list .auth-container{position: relative;display: flex;flex-direction: column;width: 100%;height: auto;background-color: var(--c-wh);border-radius: 16px;padding: 24px 24px;}
header .auth-list .auth-container{box-shadow: 0 4px 20px 0 rgba(0,0,0,.08);}
.auth-list .top{display: flex;flex-direction: row;align-items: center;}
.auth-list .top .title{font-size: 26px;font-weight: 500;line-height: 1;}

.auth-list .content{display: flex;flex-direction: row;flex-wrap: wrap;margin: 20px 0 auto 0;}
.auth-list .content .field{position: relative;width: 100%;display: flex;flex-direction: column;}
.auth-list .content .field .field-top{display: flex;flex-direction: row;align-items: center;}
.auth-list .content .field .field-top .change{font-size: 16px;color: var(--c-4);font-weight: 500;background: none;margin: 0 0 0 auto;border: 0;padding: 0;line-height: 1;}
.auth-list .content .field .name{font-size: 18px;color: var(--c-bl);font-weight: 400;line-height: 1.1;}
.auth-list .content .field input{background-color: var(--c-wh);margin: 10px 0 0 0;padding: 0 16px;width: 100%;height: 48px;font-size: 20px;color: var(--c-bl);font-weight: 400;border: 1px solid var(--c-5);border-radius: 12px;transition: background .3s ease, border-color .3s ease;outline: none;}
.tdesktop .auth-list .content .field input:hover{border-color: var(--c-4);}
.auth-list .content .field input:focus{border-color: var(--c-4);}
.auth-list .content .field.error input{border-color: rgba(220, 38, 38, 0.76);}
.auth-list .content .field .current{display: flex;flex-direction: row;align-items: center;background-color: var(--c-wh);margin: 10px 0 0 0;padding: 0 16px;width: 100%;height: 48px;font-size: 20px;color: var(--c-bl);font-weight: 400;border: 1px solid var(--c-5);border-radius: 12px;transition: border-color .3s ease;outline: none;cursor: pointer;}
.tdesktop .auth-list .content .field:hover .current, .auth-list .content .field.active .current{border-color: var(--c-4);}
.auth-list .content .field .current .text{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.auth-list .content .field .current .icon{display: flex;width: 20px;height: 14px;margin-left: 6px;transform: translateY(1px);margin: 0 0 0 auto;}
.auth-list .content .field .current .icon svg{display: flex;width: 100%;height: 100%;overflow: visible;}
.tdesktop .auth-list .content .field:hover .current .icon svg, .auth-list .content .field.active .current .icon svg{transform: rotate(180deg);}
.auth-list .content .field .current .icon svg path{stroke-width: 1px;stroke: var(--c-3);fill: var(--c-3);transition: all .3s ease;}
.tdesktop .auth-list .content .field:hover .current .icon svg path, .auth-list .content .field.active .current .icon svg path{fill: var(--c-4);stroke: var(--c-4);}
.auth-list .content .field[data-n="phone"] .icon{position: absolute;top: 38px;left: 16px;width: 30px;height: 30px;pointer-events: none;user-select: none;}
.auth-list .content .field[data-n="phone"] .icon svg{display: flex;width: 100%;height: 100%;overflow: visible;}
.auth-list .content .field[data-n="phone"] input{padding: 0 16px 0 54px;}
.auth-list .content .field[data-n="phone"] .successfully{display: none;margin: 6px 0 0 0;color: var(--c-2);font-weight: 500;font-size: 18px;}
.auth-list.s5 .content .field[data-n="phone"] .successfully{display: block;}
.auth-list.s1 .content .field .field-top .change{display: none;}
.auth-list .content .field[data-n="phone"] input{pointer-events: none;background-color: var(--c-7);border-color: transparent;}
.auth-list.s1 .content .field[data-n="phone"] input{pointer-events: all;background-color: var(--c-wh);border: 1px solid var(--c-5);}
.tdesktop .auth-list.s1 .content .field[data-n="phone"] input:hover{border-color: var(--c-4);}
.auth-list.s1 .content .field[data-n="phone"] input:focus{border-color: var(--c-4);}
.auth-list .content .confirm-phone{width: 100%;margin: 24px 0 0 0;display: flex;flex-direction: column;}
.auth-list .content .confirm-phone .field{margin: 0;width: 100%;}
.auth-list .content .confirm-phone .field .field-box{display: flex;margin: 10px -6px 0}
.auth-list .content .confirm-phone .field .field-box input{margin: 0 6px;text-align: center;}
.auth-list .content .confirm-phone .field .info{display: flex;flex-direction: column;margin: 16px 0 0 0;}
.auth-list .content .confirm-phone .field .info .text{font-size: 16px;line-height: 1.3;color: var(--c-bl);font-weight: 400;}
.auth-list .content .confirm-phone .field .info .text b{font-weight: 400;}
.auth-list .content .confirm-phone .field .info .text-2{margin-top: 6px;}
.auth-list .content .confirm-phone .field .info .text-3{margin-top: 6px;}
.auth-list .content .confirm-phone .field .info .text-4{margin-top: 6px;}
.auth-list .content .confirm-phone .field .info .info-box{margin-top: 2px;line-height: 1.3;}
.auth-list .content .confirm-phone .field .info .info-box .recall{font-size: 16px;color: var(--c-4);font-weight: 500;background: none;border: 0;padding: 0;border-bottom: 1px solid var(--c-5);transition: all .3s ease;}
.auth-list .content .confirm-phone .field .info .info-box .recall:hover{border-color: var(--c-4);}
.auth-list .content .confirm-phone .confirm{background-color: var(--c-2); color: var(--c-wh);border: 0;font-size: 20px;font-weight: 500;border-radius: 16px;width: 100%;height: 56px;display: flex;align-items: center;justify-content: center;margin: 24px 0 0 0;text-transform: uppercase;transition: background .3s ease;user-select: none;letter-spacing: 1px;}
.auth-list .content .confirm-phone .confirm:hover{background-color: var(--c-4);}
.auth-list .content .confirm-phone .confirm-2{display: none;}
.auth-list.s1 .content .confirm-phone .confirm{margin: 0;}
.auth-list.s1 .content .confirm-phone .field{display: none;}
.auth-list.s2 .content .confirm-phone .field .info .text-4{display: none;}
.auth-list.s2 .content .confirm-phone .field .info .info-box{display: none;}
.auth-list.s3 .content .confirm-phone .field .info .text-3{display: none;}
.auth-list.s3 .content .confirm-phone .field .info .text-4{display: none;}
.auth-list.s4 .content .confirm-phone .field .info .text-3{display: none;}
.auth-list.s4 .content .confirm-phone .field .info .info-box{display: none;}
.auth-list.s5 .content .confirm-phone{display: none;}

.menu-list{position: fixed;left: 12px;right: 12px;top: 76px;z-index: 300;width: auto;height: calc(100svh - 76px - 20px);transition: all .3s ease;}
header .menu-list{transform: translateX(calc(100% + 48px));}
header .menu-list.hd{display: none;}
body.ma header .menu-list{transform: translateX(0);}
body.hs header .menu-list{top: 88px;height: calc(100svh - 88px - 20px);}
.menu-list .menu-container{position: relative;display: flex;flex-direction: column;width: 100%;height: 100%;background-color: var(--c-wh);border-radius: 16px;padding: 20px 16px 24px 16px;box-shadow: 0 4px 20px 0 rgba(0,0,0,.08);}
.menu-list .list{margin: 0 -12px;}
.menu-list .list ul{margin: 0;padding: 0;list-style: none;display: flex;flex-direction: column;}
.menu-list .list ul li a{position: relative;display: flex;align-items: center;padding: 2px 0 2px 16px;color: var(--c-1);font-size: 48px;text-transform: lowercase;white-space: nowrap;user-select: none;transition: all .3s ease;}
.menu-list .list ul li a::before{content: '';position: absolute;top: 10px;left: -4px;bottom: 8px;width: 6px;background-color: var(--c-4);border-radius: 0 4px 4px 0;opacity: 0;}
.menu-list .list ul li.current_page_item a::before{opacity: 1;}
.menu-list .list ul:hover li a{opacity: .6;}
.menu-list .list ul li a:hover{opacity: 1;}
.menu-list .list ul li a span{transform: translateY(-2px);}
.menu-list .profile{background-color: var(--c-2);color: var(--c-wh);font-size: 18px;font-weight: 500;border-radius: 16px;width: 100%;height: 52px;display: flex;align-items: center;justify-content: center;margin: auto 0 0 0;text-transform: uppercase;transition: all .3s ease;user-select: none;letter-spacing: 1px;}

.order-detail .order-content{display: flex;flex-direction: row;}
.order-detail .order-container{display: none;flex-direction: row;flex-wrap: wrap;width: calc(100% - 424px);}
.order-detail.active .order-container{display: flex;}
.order-detail .order-section{width: 100%;background-color: var(--c-wh);border-radius: 16px;padding: 24px 24px;overflow: hidden;}
.order-detail .delivery-section{width: 100%;background-color: var(--c-wh);border-radius: 16px;padding: 24px 24px;margin: 24px 0 0 0;}
/*.order-detail .payment-section{width: calc(100% / 2 - 12px);background-color: var(--c-wh);border-radius: 16px;padding: 24px 24px;margin: 24px 0 0 24px;}*/
.order-detail .customer-section{width: 100%;background-color: var(--c-wh);border-radius: 16px;padding: 24px 24px;margin: 24px 0 0 0;}
.order-detail .top{display: flex;flex-direction: row;align-items: center;}
.order-detail .top h1{color: var(--c-1);font-size: 26px;font-weight: 500;line-height: 1;margin: 0;}
.order-detail .top h2{color: var(--c-1);font-size: 26px;font-weight: 500;line-height: 1;margin: 0;}
.order-detail .top .amount{position: relative;margin: 0 0 0 auto;font-size: 20px;color: var(--c-3);font-weight: 400;line-height: 1;transform: translateY(2px);user-select: none;}
.order-detail .note-draft{display: block;margin: 10px 0 0 0;color: var(--c-8);font-weight: 400;font-size: 20px;line-height: 1.2;}
.order-detail .order-items{position: relative;margin: 24px 0 0 0;max-height: 100%;overflow: hidden;}
.order-detail.active .order-items{margin: 24px 0 auto 0;height: 100%;}
.order-detail .order-items .items-container{overflow: hidden;width: 100%;height: 100%;padding-top: 0;transition: none;}
.order-detail .order-items .items-section{display: flex;flex-direction: row;flex-wrap: wrap;margin: -14px -14px;}
.order-detail .order-items .item{position: relative;width: calc(100% / 2 - 28px);min-height: 132px;margin: 14px 14px;}
.order-detail .order-items .item .item-container{position: relative;display: flex;flex-direction: row;width: 100%;}
.order-detail .order-items .item + .item::before{content: '';position: absolute;top: -14px;left: 0;right: 0;height: 1px;background-color: var(--c-5);opacity: .5;transition: all .3s ease;}
.order-detail .order-items .item .picture{position: relative;display: flex;align-items: center;justify-content: center;width: 132px;height: 132px;border-radius: 12px;overflow: hidden;flex-shrink: 0;background-color: #CEE6D6;}
.order-detail .order-items .item .picture img{width: 100%;height: 100%;object-fit: contain;}
.order-detail .order-items .item .info{margin: 0 0 0 12px;display: flex;flex-direction: column;width: 100%;}
.order-detail .order-items .item .info .name{font-weight: 500;color: var(--c-2);font-size: 22px;line-height: 1.02;}
.order-detail .order-items .item .info .name span{display: -webkit-box;min-height: 23px;}
.order-detail .order-items .item .info .signature{font-size: 20px;font-weight: 400;color: var(--c-1);line-height: 1.2;text-transform: lowercase;margin: 2px 0 0 0;}
.order-detail .order-items .item .info .price-section{display: flex;flex-direction: row;align-items: flex-end;margin: auto 0 0 0;padding: 8px 0 0 0;}
.order-detail .order-items .item .info .price-section .price-box{display: flex;flex-direction: column;}
.order-detail .order-items .item .info .price-section .price-box .price{font-size: 22px;font-weight: 600;color: var(--c-2);line-height: 1.1;}
.order-detail .order-items .item .info .available{color: var(--c-8);font-size: 20px;font-weight: 400;line-height: 1;margin-top: 4px;}
.order-detail .order-items .item .info .price-section .price-box .price-old{margin: 2px 0 0 0;color: var(--c-3);line-height: 1;font-size: 18px;font-weight: 500;text-decoration: line-through;white-space: nowrap;opacity: .8;}
.order-detail .order-items .item .info .price-section .price-box .price-old.disabled{display: none;}
.order-detail .order-items .item .info .price-section .remove{margin: 0 0 0 auto;width: 30px;height: 30px;background: rgba(60, 140, 60, 0.12);border-radius: 8px;display: flex;align-items: center;justify-content: center;border: 0;padding: 0;transition: all .3s ease;}
.order-detail .order-items .item .info .price-section .remove:hover{background-color: var(--c-4);}
.order-detail .order-items .item .info .price-section .remove .icon{display: flex;width: 20px;height: 20px;}
.order-detail .order-items .item .info .price-section .remove .icon svg{display: flex;width: 100%;height: 100%;overflow: visible;}
.order-detail .order-items .item .info .price-section .remove .icon svg path{fill: var(--c-1);transition: all .3s ease;}
.order-detail .order-items .item .info .price-section .remove:hover .icon svg path{fill: var(--c-wh);}
.order-detail .order-items .item .info .price-section .calc{margin: 0 0 0 12px;display: flex;flex-direction: row;align-items: center;}
.order-detail .order-items .item .info .price-section .calc button{position: relative;width: 30px;height: 30px;background-color: rgba(60, 140, 60, 0.12);border: 0;border-radius: 8px;color: var(--c-1);font-weight: 500;padding: 0;display: flex;align-items: center;justify-content: center;transition: all .3s ease;}
.order-detail .order-items .item .info .price-section .calc button:hover{background-color: var(--c-4);}
.order-detail .order-items .item .info .price-section .calc button span:nth-child(1){background-color: var(--c-2);width: 16px;height: 2px;border-radius: 12px;transition: all .3s ease;}
.order-detail .order-items .item .info .price-section .calc button span:nth-child(2){background-color: var(--c-2);width: 16px;height: 2px;border-radius: 12px;position: absolute;transform: rotate(90deg);transition: all .3s ease;}
.order-detail .order-items .item .info .price-section .calc button:hover span{background-color: var(--c-wh);}
.order-detail .order-items .item .info .price-section .calc .amount{min-width: 34px;height: 30px;display: flex;align-items: center;justify-content: center;color: var(--c-1);font-size: 19px;font-weight: 500;transform: translateY(0);padding: 0 8px;user-select: none;}
.order-detail .order-items .item .navailable{position: absolute;top: 50%;left: 16px;transform: translateY(-50%);font-size: 13px;color: var(--c-3);background-color: var(--c-wh);border-radius: 6px;padding: 4px 8px;line-height: 1;font-weight: 500;letter-spacing: .4px;pointer-events: none;user-select: none;}
.order-detail .order-items .item .select{position: relative;display: flex;align-items: center;width: 132px;height: 40px;border-radius: 12px;border: 1px solid var(--c-5);background-color: transparent;color: var(--c-bl);font-weight: 400;margin: 12px 0 0 0;padding: 0 16px 0 44px;transition: all .3s ease;}
.order-detail .order-items .item .select:hover{border-color: var(--c-4);}
.order-detail .order-items .item .select::before{content: '';position: absolute;left: 16px;width: 16px;height: 16px;border-radius: 6px;border: 1px solid var(--c-3);opacity: .64;transition: all .3s ease;}
.order-detail .order-items .item .select::after{content: '';position: absolute;left: 20px;width: 10px;height: 10px;border-radius: 3px;background-color: var(--c-4);opacity: 0;transition: opacity .3s ease;}
.order-detail .order-items .item.select .select::before{border-color: var(--c-4);opacity: 1;}
.order-detail .order-items .item.select .select::after{opacity: 1;}

.order-detail .delivery-items{display: flex;flex-direction: row;flex-wrap: wrap;margin: 16px -8px -8px -8px;}
.order-detail .delivery-items .item{position: relative;width: calc(100% / 4 - 16px);height: 48px;margin: 8px 8px;border: 1px solid var(--c-5);background-color: transparent;color: var(--c-bl);font-size: 20px;font-weight: 400;line-height: 1;border-radius: 12px;display: flex;align-items: center;transition: border .3s ease;user-select: none;padding: 0 16px 0 44px;}
.order-detail .delivery-items .item:hover{border-color: var(--c-4);}
.order-detail .delivery-items .item::before{content: '';position: absolute;left: 16px;width: 16px;height: 16px;border-radius: 50%;border: 1px solid var(--c-3);opacity: .64;transition: all .3s ease;}
.order-detail .delivery-items .item::after{content: '';position: absolute;left: 20px;width: 10px;height: 10px;border-radius: 50%;background-color: var(--c-4);opacity: 0;transition: all .3s ease;}
.order-detail .delivery-items .item.active::before{border-color: var(--c-4);opacity: 1;}
.order-detail .delivery-items .item.active::after{opacity: 1;}
.order-detail .delivery-items .item .icon{display: flex;width: auto;height: 20px;margin: 0 8px 0 0;flex-shrink: 0;}
.order-detail .delivery-items .item .icon svg{display: flex;width: 100%;height: 100%;overflow: visible;}

.order-detail .customer-fields{display: flex;flex-direction: row;flex-wrap: wrap;margin: 16px -8px -8px -8px;}
.order-detail .customer-fields .field{position: relative;width: calc(100% / 4 - 16px);margin: 8px 8px;display: flex;flex-direction: column;}
.order-detail .customer-fields .field .field-top{display: flex;flex-direction: row;align-items: center;}
.order-detail .customer-fields .field .field-top .change{font-size: 16px;color: var(--c-4);font-weight: 500;background: none;margin: 0 0 0 auto;border: 0;padding: 0;line-height: 1;}
.order-detail .customer-fields .field .name{font-size: 18px;color: var(--c-bl);font-weight: 400;line-height: 1.1;}
.order-detail .customer-fields .field input{background-color: var(--c-wh);margin: 10px 0 0 0;padding: 0 16px;width: 100%;height: 48px;font-size: 20px;color: var(--c-bl);font-weight: 400;border: 1px solid var(--c-5);border-radius: 12px;transition: background .3s ease, border-color .3s ease;outline: none;}
.tdesktop .order-detail .customer-fields .field input:hover{border-color: var(--c-4);}
.order-detail .customer-fields .field input:focus{border-color: var(--c-4);}
.order-detail .customer-fields .field.error input{border-color: rgba(220, 38, 38, 0.76);}
.order-detail .customer-fields .field .current{display: flex;flex-direction: row;align-items: center;background-color: var(--c-wh);margin: 10px 0 0 0;padding: 0 16px;width: 100%;height: 48px;font-size: 20px;color: var(--c-bl);font-weight: 400;border: 1px solid var(--c-5);border-radius: 12px;transition: border-color .3s ease;outline: none;cursor: pointer;}
.tdesktop .order-detail .customer-fields .field:hover .current, .order-detail .customer-fields .field.active .current{border-color: var(--c-4);}
.order-detail .customer-fields .field .current .text{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.order-detail .customer-fields .field .current .icon{display: flex;width: 20px;height: 14px;margin-left: 6px;transform: translateY(1px);margin: 0 0 0 auto;}
.order-detail .customer-fields .field .current .icon svg{display: flex;width: 100%;height: 100%;overflow: visible;}
.tdesktop .order-detail .customer-fields .field:hover .current .icon svg, .order-detail .customer-fields .field.active .current .icon svg{transform: rotate(180deg);}
.order-detail .customer-fields .field .current .icon svg path{stroke-width: 1px;stroke: var(--c-3);fill: var(--c-3);transition: all .3s ease;}
.tdesktop .order-detail .customer-fields .field:hover .current .icon svg path, .order-detail .customer-fields .field.active .current .icon svg path{fill: var(--c-4);stroke: var(--c-4);}
.order-detail .customer-fields .field.dropdown .dropdown{position: absolute;top: calc(100% + 12px);left: 0;min-width: 100%;background-color: var(--c-wh);border-radius: 12px;box-shadow: 0 4px 20px 0 rgba(0,0,0,.12);opacity: 0;visibility: hidden;transform: scale(.95);transform-origin: top left;transition: .3s ease;z-index: 5;}
.tdesktop .order-detail .customer-fields .field.dropdown:hover .dropdown, .order-detail .customer-fields .field.dropdown.active .dropdown{opacity: 1;visibility: visible;transform: scale(1);}
.order-detail .customer-fields .field.dropdown .list{padding: 12px 8px;max-height: 244px;overflow: auto;}
.order-detail .customer-fields .field.dropdown .list .item{position: relative;display: flex;flex-direction: row;align-items: center;width: 100%;height: 44px;padding: 0 16px;border: 0;border-radius: 12px;background: transparent;text-align: left;color: var(--c-bl);font-size: 18px;font-weight: 400;cursor: pointer;transition: all .3s ease;}
.tdesktop .order-detail .customer-fields .field.dropdown .list .item:hover{background-color: rgba(60, 140, 60, 0.12);}
.tdevice .order-detail .customer-fields .field.dropdown .list .item:active{background-color: rgba(60, 140, 60, 0.12);}
.order-detail .customer-fields .field.dropdown .list .item.active{color: var(--c-4);}
.order-detail .customer-fields .field.dropdown .box{border-bottom: 1px solid var(--c-5);display: none;flex-direction: row;align-items: center;padding: 0 16px;}
.order-detail .customer-fields .field.dropdown .box .name{font-size: 18px;font-weight: 500;color: var(--c-2);}
.order-detail .customer-fields .field.dropdown .box .close{margin: 0 -16px 0 auto;padding: 0;background: none;border: 0;width: 48px;height: 48px;display: flex;align-items: center;justify-content: center;}
.order-detail .customer-fields .field.dropdown .box .close svg{width: 14px;height: 14px;overflow: visible;}
.order-detail .customer-fields .field.dropdown .box .close svg path{fill: var(--c-3);transition: all .3s ease;}
.order-detail .customer-fields .field.dropdown .box .close:active svg path{fill: var(--c-4);}
.order-detail .customer-section-1 .customer-fields .field[data-n="phone"] .icon{position: absolute;top: 38px;left: 16px;width: 30px;height: 30px;pointer-events: none;user-select: none;}
.order-detail .customer-section-1 .customer-fields .field[data-n="phone"] .icon svg{display: flex;width: 100%;height: 100%;overflow: visible;}
.order-detail .customer-section-1 .customer-fields .field[data-n="phone"] input{padding: 0 16px 0 54px;}
.order-detail .customer-section-1 .customer-fields .field[data-n="phone"] .successfully{display: none;margin: 6px 0 0 0;color: var(--c-2);font-weight: 500;font-size: 18px;}
.order-detail .customer-section-1.s5 .customer-fields .field[data-n="phone"] .successfully{display: block;}
.order-detail .customer-section-1.s1 .customer-fields .field .field-top .change{display: none;}
.order-detail .customer-section-1 .customer-fields .field[data-n="phone"] input{pointer-events: none;background-color: var(--c-7);border-color: transparent;}
.order-detail .customer-section-1.s1 .customer-fields .field[data-n="phone"] input{pointer-events: all;background-color: var(--c-wh);border: 1px solid var(--c-5);}
.tdesktop .order-detail .customer-section-1.s1 .customer-fields .field[data-n="phone"] input:hover{border-color: var(--c-4);}
.order-detail .customer-section-1.s1 .customer-fields .field[data-n="phone"] input:focus{border-color: var(--c-4);}
.order-detail .customer-fields .confirm-phone{width: 100%;margin: 8px 8px;display: flex;flex-direction: row;flex-wrap: nowrap;}
.order-detail .customer-fields .confirm-phone .field{margin: 0;width: calc(100% / 4 - 12px);}
.order-detail .customer-fields .confirm-phone .field .field-box{display: flex;margin: 10px -6px 0}
.order-detail .customer-fields .confirm-phone .field .field-box input{margin: 0 6px;text-align: center;}
.order-detail .customer-fields .confirm-phone .field .info{display: flex;flex-direction: column;margin: 16px 0 0 0;}
.order-detail .customer-fields .confirm-phone .field .info .text{font-size: 16px;line-height: 1.3;color: var(--c-bl);font-weight: 400;}
.order-detail .customer-fields .confirm-phone .field .info .text b{font-weight: 400;}
.order-detail .customer-fields .confirm-phone .field .info .text-2{margin-top: 6px;}
.order-detail .customer-fields .confirm-phone .field .info .text-3{margin-top: 6px;}
.order-detail .customer-fields .confirm-phone .field .info .text-4{margin-top: 6px;}
.order-detail .customer-fields .confirm-phone .field .info .info-box{margin-top: 2px;line-height: 1.3;}
.order-detail .customer-fields .confirm-phone .field .info .info-box .recall{font-size: 16px;color: var(--c-4);font-weight: 500;background: none;border: 0;padding: 0;border-bottom: 1px solid var(--c-5);transition: all .3s ease;}
.order-detail .customer-fields .confirm-phone .field .info .info-box .recall:hover{border-color: var(--c-4);}
.order-detail .customer-fields .confirm-phone .confirm{margin: 29px 0 0 16px;display: flex;flex-direction: row;align-items: center;justify-content: center;background: var(--c-2);border-radius: 16px;border: 0;padding: 0 20px;height: 48px;text-align: center;color: var(--c-wh);font-size: 20px;white-space: nowrap;transition: background .3s ease;}
.order-detail .customer-fields .confirm-phone .confirm:hover{background-color: var(--c-4);}
.order-detail .customer-fields .confirm-phone .confirm-2{display: none;}
.order-detail .customer-section-1.s1 .customer-fields .confirm-phone .confirm{margin: 0;}
.order-detail .customer-section-1.s1 .customer-fields .confirm-phone .field{display: none;}
.order-detail .customer-section-1.s2 .customer-fields .confirm-phone .field .info .text-4{display: none;}
.order-detail .customer-section-1.s2 .customer-fields .confirm-phone .field .info .info-box{display: none;}
.order-detail .customer-section-1.s3 .customer-fields .confirm-phone .field .info .text-3{display: none;}
.order-detail .customer-section-1.s3 .customer-fields .confirm-phone .field .info .text-4{display: none;}
.order-detail .customer-section-1.s4 .customer-fields .confirm-phone .field .info .text-3{display: none;}
.order-detail .customer-section-1.s4 .customer-fields .confirm-phone .field .info .info-box{display: none;}
.order-detail .customer-section-1.s5 .customer-fields .confirm-phone{display: none;}

.order-detail .order-box{display: none;width: 400px;height: auto;margin: 0 0 0 24px;}
.order-detail.active .order-box{display: block;}
.order-detail .order-box .order-box-container{display: flex;flex-direction: column;width: 100%;background-color: var(--c-wh);border-radius: 16px;padding: 24px 24px;}
.order-detail .order-box .total{display: flex;flex-direction: column;margin: 16px 0 0 0;flex-shrink: 0;}
.order-detail .order-box .total .sum{display: flex;flex-direction: row;align-items: center;width: 100%;}
.order-detail .order-box .total .sum .name{font-weight: 400;font-size: 20px;color: var(--c-1);}
.order-detail .order-box .total .sum .name b{font-weight: 400;}
.order-detail .order-box .total .sum .value{font-weight: 400;font-size: 20px;color: var(--c-1);margin: 0 0 0 auto;}
.order-detail .order-box .total .discount{display: flex;flex-direction: row;align-items: center;width: 100%;margin: 2px 0 0 0;}
.order-detail .order-box.nhdis .total .discount{display: none;}
.order-detail .order-box .total .discount .name{font-weight: 400;font-size: 20px;color: var(--c-1);}
.order-detail .order-box .total .discount .value{font-weight: 400;font-size: 20px;color: var(--c-1);margin: 0 0 0 auto;}
.order-detail .order-box .total .delivery{display: flex;flex-direction: row;align-items: center;width: 100%;margin: 2px 0 0 0;}
.order-detail .order-box .total .delivery .name{font-weight: 400;font-size: 20px;color: var(--c-1);}
.order-detail .order-box .total .delivery .value{font-weight: 400;font-size: 20px;color: var(--c-1);margin: 0 0 0 auto;}
.order-detail .order-box .total .price{display: flex;flex-direction: row;align-items: center;width: 100%;margin: 2px 0 0 0;}
.order-detail .order-box .total .price .name{font-weight: 600;font-size: 22px;}
.order-detail .order-box .total .price .value{font-weight: 600;font-size: 22px;margin: 0 0 0 auto;}
.order-detail .order-box .total .agreements{margin: 12px 0 0 0;font-size: 16px;font-weight: 400;color: var(--c-1);line-height: 1.3;}
.order-detail .order-box.nhs .total .agreements{display: none;}
.order-detail .order-box .total .agreements a{color: var(--c-4);font-weight: 500;border-bottom: 1px solid var(--c-5);transition: all .3s ease;}
.order-detail .order-box .total .agreements a:hover{border-color: var(--c-4);}
.order-detail .order-box .total .order{border: 0;background-color: var(--c-2);color: var(--c-wh);font-size: 20px;font-weight: 500;border-radius: 16px;width: 100%;height: 56px;display: flex;align-items: center;justify-content: center;margin: 20px 0 0 0;text-transform: uppercase;transition: all .3s ease;user-select: none;letter-spacing: 1px;padding: 0;}
.order-detail .order-box.nhs .total .order{display: none;}
.order-detail .order-box .total .order:hover{background-color: var(--c-4);}

.order-detail .order-other{position: relative;width: 100%;height: 100%;padding: 48px 0 60px 0;background-color: var(--c-wh);border-radius: 16px;}
.order-detail.active .order-other{display: none;}
.order-detail .empty{display: flex;flex-direction: column;align-items: center;justify-content: center;opacity: 1;visibility: visible;transition: all .15s ease;}
.order-detail.active .empty{opacity: 0;visibility: hidden;}
.order-detail .empty .empty-container{display: flex;flex-direction: column;align-items: center;justify-content: center;}
.order-detail .empty .icon{display: flex;width: 56px;height: 56px;}
.order-detail .empty .icon svg{display: flex;width: 100%;height: 100%;overflow: visible;}
.order-detail .empty .title{font-size: 26px;font-weight: 500;color: var(--c-1);line-height: 1;margin: 28px 0 0 0;}
.order-detail .empty .desc{font-weight: 400;color: var(--c-1);line-height: 1.2;font-size: 20px;text-align: center;margin: 12px auto 0 auto;width: 208px;min-height: 48px;}
.order-detail .empty .link{display: flex;flex-direction: row;align-items: center;margin: 28px 0 0 0;background: var(--c-2);border-radius: 16px;border: 0;padding: 0 20px;height: 48px;text-align: center;color: var(--c-wh);font-size: 20px;white-space: nowrap;transition: all .3s ease;user-select: none;}
.order-detail .empty .link:hover{background-color: var(--c-4);}
.order-detail .empty .link{background-color: rgba(60, 140, 60, 0.12);color: var(--c-2);font-weight: 500;}
.order-detail .empty .link:hover{background-color: var(--c-4);color: var(--c-wh);}
.order-detail .empty{opacity: 0;visibility: hidden;}
body.cr .order-detail .empty{opacity: 1;visibility: visible;}
body.cr .order-detail.active .empty{opacity: 0;visibility: hidden;}
.order-detail .wait{display: flex;flex-direction: column;align-items: center;justify-content: center;position: absolute;top: 0;left: 0;right: 0;bottom: 0;opacity: 1;visibility: visible;transition: all .15s ease;}
body.cr .order-detail .wait{opacity: 0;visibility: hidden;}
.order-detail .wait .wait-container{display: flex;flex-direction: column;align-items: center;justify-content: center;}
.order-detail .wait .icon{display: flex;width: 56px;height: 56px;}
.order-detail .wait .icon svg{display: flex;width: 100%;height: 100%;overflow: visible;}
.order-detail .wait .title{display: flex;align-items: flex-end;font-size: 26px;font-weight: 500;color: var(--c-1);line-height: 1;margin: 28px 0 0 0;}
.order-detail .wait .desc{font-weight: 400;color: var(--c-1);line-height: 1.2;font-size: 20px;text-align: center;margin: 12px auto 0 auto;width: 208px;min-height: 48px;}
@keyframes waitDots{0%, 60%, 100%{opacity: .24;transform: scale(.84);}30%{opacity: 1;transform: scale(1);}}
.order-detail .wait .title .dots{display: flex;margin: 0 0 4px auto;padding: 0 0 0 3px;}
.order-detail .wait .title .dot{width: 6px;height: 6px;background-color: var(--c-2);border-radius: 50%;margin: 0 3px;animation: waitDots 1.6s infinite ease-in-out;animation-fill-mode: both;}
.order-detail .wait .title .dot:nth-child(1){animation-delay: 0s;}
.order-detail .wait .title .dot:nth-child(2){animation-delay: 0.3s;}
.order-detail .wait .title .dot:nth-child(3){animation-delay: 0.6s;}

.page-template-page-payment header{display: none;}
.page-template-page-payment footer{display: none;}
.page-template-page-payment section{padding: 0 !important;}
.payment-detail .timer{position: absolute;top: 0;left: 0;right: 0;background-color: var(--c-10);padding: 0 24px;}
.payment-detail .timer .timer-container{padding: 16px 0;font-size: 20px;font-weight: 400;color: var(--c-bl);text-align: center;}
.payment-detail .timer .timer-container b{display: inline-block;min-width: 46px;font-weight: 400;}
.payment-detail .payment-container{min-height: 100svh !important;display: flex;align-items: center;justify-content: center;padding: 84px 24px;}
.payment-detail .payment-section{display: flex;flex-direction: column;margin: 0 auto;width: 100%;max-width: 580px;background-color: var(--c-wh);border-radius: 16px;padding: 24px 24px;}
.payment-detail .top{display: flex;flex-direction: row;align-items: center;}
.payment-detail .top .icon{width: 36px;height: 36px;border-radius: 50%;background-color: var(--c-8);display: flex;align-items: center;justify-content: center;margin: 0 16px 0 0;}
.payment-detail .top .icon svg{width: 16px;height: 16px;}
.payment-detail .top h1{color: var(--c-1);font-size: 26px;font-weight: 500;line-height: 1;margin: 0;}
.payment-detail .description{font-size: 20px;font-weight: 400;color: var(--c-1);margin: 20px 0 0 0;}
.payment-detail .description *:last-child{margin-bottom: 0;}
.payment-detail .description a{color: var(--c-4);border-bottom: 1px solid var(--c-5);transition: all .3s ease;}
.payment-detail .description a:hover{border-color: var(--c-4);}
.payment-detail .total{margin: 16px 0 0 0;}
.payment-detail .total .item{display: flex;flex-direction: row;align-items: center;width: 100%;}
.payment-detail .total .item + .item{margin: 4px 0 0 0;}
.payment-detail .total .item .name{font-weight: 400;font-size: 20px;color: var(--c-1);line-height: 1.3;min-width: 124px;}
.payment-detail .total .item .value{font-weight: 400;font-size: 20px;color: var(--c-1);line-height: 1.3;margin: 0 0 0 4px;}
.payment-detail .payment-items{margin: 24px 0 0 0;display: flex;flex-direction: row;flex-wrap: wrap;margin: 16px -8px -8px -8px;}
.payment-detail .payment-items .item{position: relative;width: calc(100% / 2 - 16px);height: 48px;margin: 8px 8px;border: 1px solid var(--c-5);background-color: transparent;color: var(--c-bl);font-size: 20px;font-weight: 400;line-height: 1;border-radius: 12px;display: flex;align-items: center;transition: all .3s ease;user-select: none;padding: 0 28px 0 46px;}
.payment-detail .payment-items .item:hover{border-color: var(--c-4);}
.payment-detail .payment-items .item::before{content: '';position: absolute;left: 16px;width: 16px;height: 16px;border-radius: 50%;border: 1px solid var(--c-3);opacity: .64;transition: all .3s ease;}
.payment-detail .payment-items .item::after{content: '';position: absolute;left: 20px;width: 10px;height: 10px;border-radius: 50%;background-color: var(--c-4);opacity: 0;transition: all .3s ease;}
.payment-detail .payment-items .item.active::before{border-color: var(--c-4);opacity: 1;}
.payment-detail .payment-items .item.active::after{opacity: 1;}
.payment-detail .payment-items .item .icon{display: flex;width: 20px;height: 20px;margin: 0 8px 0 0;flex-shrink: 0;}
.payment-detail .payment-items .item .icon svg{display: flex;width: 100%;height: 100%;overflow: visible;}
.payment-detail .qrcode-seciton{display: flex;flex-direction: row;align-items: center;margin: 24px 0 0 0;}
.tdevice .payment-detail .qrcode-seciton{display: none;}
.payment-detail.mc .qrcode-seciton{display: none;}
.payment-detail .qrcode-seciton .qrcode{display: flex;background-color: rgba(60, 140, 60, 0.06);padding: 12px 12px;border-radius: 16px;width: 200px;height: 200px;flex-shrink: 0;}
.payment-detail .qrcode-seciton .info{margin: 0 0 0 32px;}
.payment-detail .qrcode-seciton .info ul{margin: 0;padding: 0;list-style: none;}
.payment-detail .qrcode-seciton .info ul li{display: flex;flex-direction: row;font-size: 20px;line-height: 1.3;}
.payment-detail .qrcode-seciton .info ul li:before{content: '';border-radius: 50%;width: 8px;height: 8px;background-color: var(--c-3);margin: 9px 12px 0 0;flex-shrink: 0;}
.payment-detail .qrcode-seciton .info ul li + li{margin-top: 12px;}
.payment-detail .spb{margin: 24px 0 0 0;display: none;flex-direction: row;align-items: center;}
.tdevice .payment-detail .spb{display: none;}
.payment-detail.mc .spb{display: none;}
.payment-detail .spb .icon{display: flex;width: 20px;height: 20px;flex-shrink: 0;}
.payment-detail .spb .icon svg{display: flex;width: 100%;height: 100%;overflow: visible;}
.payment-detail .spb .text{font-size: 18px;font-weight: 400;color: var(--c-3);line-height: 1.1;margin: 0 0 0 8px;}
.payment-detail .payment-method{display: none;margin: 12px 0 0 0;}
.payment-detail .spb + .payment-method{margin: 16px 0 0 0;}
.payment-detail .payment-method .text{font-size: 18px;font-weight: 400;line-height: 1.3;}
.payment-detail .payment-method .text a{color: var(--c-4);font-weight: 500;border-bottom: 1px solid var(--c-5);transition: all .3s ease;}
.payment-detail .payment-method .text a:hover{border-color: var(--c-4);}
.payment-detail .payment-method .text b{font-weight: 400;}
.payment-detail .devider{display: flex;margin: 28px 0 0 0;width: 100%;height: 1px;background-image: linear-gradient(90deg, var(--c-5) 10px, transparent 10px);background-size: 20px 100%;background-repeat: repeat-x;flex-shrink: 0;}
.payment-detail .link-spb{margin: 28px 0 0 0;display: none;}
.tdevice .payment-detail .link-spb{display: block;}
.payment-detail.mc .link-spb{display: none !important;}
.payment-detail .link-spb .button{background-color: var(--c-2);color: var(--c-wh);font-size: 20px;font-weight: 500;border-radius: 16px;width: 100%;height: 56px;padding: 0 24px;display: flex;align-items: center;justify-content: center;text-transform: uppercase;transition: all .3s ease;user-select: none;}
.payment-detail .link-spb .button .icon{display: flex;margin: 0 8px 0 10px;}
.payment-detail .link-spb .button .icon svg{width: 24px;height: 24px;}
.payment-detail .link-spb .button:hover{background-color: var(--c-4);}
.payment-detail .link-card{margin: 28px 0 0 0;display: none;}
.payment-detail.mc .link-card{display: block;}
.payment-detail .link-card .button{background-color: var(--c-2);color: var(--c-wh);font-size: 20px;font-weight: 500;border-radius: 16px;width: 100%;height: 56px;padding: 0 24px;display: flex;align-items: center;justify-content: center;text-transform: uppercase;transition: all .3s ease;user-select: none;}
.payment-detail .link-card .button .icon{display: flex;margin: 0 8px 0 10px;}
.payment-detail .link-card .button .icon svg{width: 24px;height: 24px;}
.payment-detail .link-card .button:hover{background-color: var(--c-4);}
.payment-detail .check-section{margin: 24px 0 0 0;display: flex;flex-direction: row;align-items: center;;}
.payment-detail .check-section .checktimer{margin: 0 24px 0 0;font-size: 18px;font-weight: 400;line-height: 1.3;max-width: 280px;}
.payment-detail .check-section .checktimer b{font-weight: 400;}
.payment-detail .check-section .checknow{margin: 0 0 0 auto;}
.payment-detail .check-section .checknow button{padding: 0 16px;height: 40px;border-radius: 14px;display: flex;flex-direction: row;align-items: center;justify-content: center;font-size: 18px;font-weight: 500;color: var(--c-2);margin: 0 0 0 auto;border: 0;background-color: rgba(60, 140, 60, 0.12);transition: all .3s ease;}
.payment-detail .check-section .checknow button:hover{background-color: var(--c-4);color: var(--c-wh);}
.tdevice .payment-detail .check-section .checknow button:hover{background-color: rgba(60, 140, 60, 0.12);color: var(--c-1);}
.tdevice .payment-detail .check-section .checknow button:active{background-color: var(--c-4);color: var(--c-wh);}
.payment-detail .link-home{width: 100%;margin: 24px 0 0 0;display: flex;flex-direction: row;justify-content: center;}
.payment-detail .link-home a{background-color: var(--c-2);color: var(--c-wh);font-size: 20px;font-weight: 400;border-radius: 16px;height: 48px;padding: 0 24px;display: flex;align-items: center;justify-content: center;transition: all .3s ease;user-select: none;}
.payment-detail .link-home a:hover{background-color: var(--c-4);}
.tdevice .payment-detail .link-home a:hover{background-color: var(--c-4);}
.tdevice .payment-detail .link-home a:active{background-color: var(--c-4);}

.page-template-page-payment-success header{display: none;}
.page-template-page-payment-success footer{display: none;}
.page-template-page-payment-success section{padding: 0 !important;min-height: 100svh !important;}
.page-payment-success{display: flex;align-items: center;justify-content: center;}
.payment-success{padding: 24px 0;}
.payment-success .payment-success-container{display: flex;flex-direction: column;margin: 0 auto;width: 100%;max-width: 580px;background-color: var(--c-wh);border-radius: 16px;padding: 24px 24px;}
.payment-success .top{display: flex;flex-direction: row;align-items: center;}
.payment-success .top .icon{width: 36px;height: 36px;border-radius: 50%;background-color: var(--c-2);display: flex;align-items: center;justify-content: center;margin: 0 16px 0 0;flex-shrink: 0;}
.payment-success .top .icon svg{width: 16px;height: 16px;}
.payment-success .top h1{color: var(--c-1);font-size: 26px;font-weight: 500;line-height: 1;margin: 0;}
.payment-success .top .description{display: block;font-size: 20px;color: var(--c-2);font-weight: 400;margin: 30px 0 0 0;line-height: 1.3;}
.payment-success .description{font-size: 20px;font-weight: 400;color: var(--c-1);margin: 20px 0 0 0;}
.payment-success .description *:last-child{margin-bottom: 0;}
.payment-success .description a{color: var(--c-4);border-bottom: 1px solid var(--c-5);transition: all .3s ease;}
.payment-success .description a:hover{border-color: var(--c-4);}
.payment-success .devider{display: flex;margin: 28px 0 0 0;width: 100%;height: 1px;background-image: linear-gradient(90deg, var(--c-5) 10px, transparent 10px);background-size: 20px 100%;background-repeat: repeat-x;flex-shrink: 0;}
.payment-success .detail{margin: 24px 0 0 0;}
.payment-success .detail .item{display: flex;flex-direction: row;align-items: center;width: 100%;}
.payment-success .detail .item + .item{margin: 4px 0 0 0;}
.payment-success .detail .item .name{font-weight: 400;font-size: 20px;color: var(--c-1);line-height: 1.3;min-width: 124px;}
.payment-success .detail .item .value{font-weight: 400;font-size: 20px;color: var(--c-1);line-height: 1.3;margin: 0 0 0 4px;}
.payment-success .note{font-size: 18px;font-weight: 400;color: var(--c-1);line-height: 1.3;margin: 24px 0 0 0;}
.payment-success .note a{color: var(--c-4);border-bottom: 1px solid var(--c-5);transition: all .3s ease;}
.payment-success .note a:hover{border-color: var(--c-4);}
.payment-success .link-home{width: 100%;margin: 24px 0 0 0;display: flex;flex-direction: row;justify-content: center;}
.payment-success .link-home a{background-color: var(--c-2);color: var(--c-wh);font-size: 20px;font-weight: 400;border-radius: 16px;height: 48px;padding: 0 24px;display: flex;align-items: center;justify-content: center;transition: all .3s ease;user-select: none;}
.payment-success .link-home a:hover{background-color: var(--c-4);}
.tdevice .payment-success .link-home a:hover{background-color: var(--c-4);}
.tdevice .payment-success .link-home a:active{background-color: var(--c-4);}

.page-profile{padding: 136px 0 160px 0;}
.profile .section-top{padding: 0 24px;margin: 0 0 20px 0;display: flex;flex-direction: row;align-items: center;}
.profile .section-top h1{line-height: 1;font-size: 38px;color: var(--c-2);margin: 0;}
.profile .section-top .phone{position: relative;display: flex;flex-direction: row;align-items: center;color: var(--c-1);font-size: 26px;font-weight: 500;line-height: 1;margin: 10px 0 0 32px;}
.profile .section-top .phone::before{content: '';position: absolute;left: -18px;width: 6px;height: 6px;border-radius: 50%;background-color: var(--c-5);filter: brightness(.9);}
.profile .section-top .logout{position: relative;display: flex;align-items: center;height: 40px;border-radius: 12px;border: 0;background-color: rgba(60, 140, 60, 0.12);color: var(--c-bl);font-weight: 400;margin: 0 0 0 20px;padding: 0 16px;transform: translateY(4px);transition: all .3s ease;}
.profile .section-top .logout:hover{background-color: var(--c-4);color: var(--c-wh);}
.profile .profile-table{padding: 0 24px;}
.profile .profile-table .filter .fields{display: flex;flex-direction: row;flex-wrap: wrap;margin: 16px -8px -8px -8px;}
.profile .profile-table .filter .fields .field{position: relative;width: calc(100% / 7 - 16px);margin: 8px 8px;min-width: 200px;display: flex;flex-direction: column;}
.profile .profile-table .filter .fields .field.dropdown{z-index: 1;}
.profile .profile-table .filter .fields .field.dropdown::before{content: '';position: absolute;bottom: -12px;left: 0;right: 0;height: 12px;}
.profile .profile-table .filter .fields .field.dropdown:hover, .profile .profile-table .filter .fields .field.dropdown.active{z-index: 2;}
.profile .profile-table .filter .fields .field .field-container{position: relative;}
.profile .profile-table .filter .fields .field .field-section{display: flex;flex-direction: column;}
.profile .profile-table .filter .fields .field .name{font-size: 18px;color: var(--c-bl);font-weight: 400;line-height: 1.1;}
.profile .profile-table .filter .fields .field input{background-color: var(--c-wh);margin: 10px 0 0 0;padding: 0 16px;width: 100%;height: 48px;font-size: 20px;color: var(--c-bl);font-weight: 400;border: 1px solid var(--c-5);border-radius: 12px;transition: border-color .3s ease;outline: none;}
.profile .profile-table .filter .fields .field input:hover{border-color: var(--c-4);}
.profile .profile-table .filter .fields .field input:focus{border-color: var(--c-4);}
.profile .profile-table .filter .fields .field.error input{border-color: rgba(220, 38, 38, 0.76);}
.profile .profile-table .filter .fields .field .current{display: flex;flex-direction: row;align-items: center;background-color: var(--c-wh);margin: 10px 0 0 0;padding: 0 16px;width: 100%;height: 48px;font-size: 20px;color: var(--c-bl);font-weight: 400;border: 1px solid var(--c-5);border-radius: 12px;transition: border-color .3s ease;outline: none;cursor: pointer;}
.profile .profile-table .filter .fields .field:hover .current, .profile .profile-table .filter .fields .field.active .current{border-color: var(--c-4);}
.profile .profile-table .filter .fields .field .current .text{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.profile .profile-table .filter .fields .field .current .icon{display: flex;width: 20px;height: 14px;margin-left: 6px;transform: translateY(1px);margin: 0 0 0 auto;}
.profile .profile-table .filter .fields .field .current .icon svg{display: flex;width: 100%;height: 100%;overflow: visible;}
.profile .profile-table .filter .fields .field:hover .current .icon svg, .profile .profile-table .filter .fields .field.active .current .icon svg{transform: rotate(180deg);}
.profile .profile-table .filter .fields .field .current .icon svg path{stroke-width: 1px;stroke: var(--c-3);fill: var(--c-3);transition: all .3s ease;}
.profile .profile-table .filter .fields .field:hover .current .icon svg path, .profile .profile-table .filter .fields .field.active .current .icon svg path{fill: var(--c-4);stroke: var(--c-4);}
.profile .profile-table .filter .fields .field.dropdown .dropdown{position: absolute;top: calc(100% + 12px);left: 0;min-width: 240px;background-color: var(--c-wh);border-radius: 12px;box-shadow: 0 4px 20px 0 rgba(0,0,0,.12);opacity: 0;visibility: hidden;transform: scale(.95);transform-origin: top left;transition: .3s ease;}
.profile .profile-table .filter .fields .field.dropdown:hover .dropdown, .profile .profile-table .filter .fields .field.dropdown.active .dropdown{opacity: 1;visibility: visible;transform: scale(1);}
.profile .profile-table .filter .fields .field.dropdown .list{padding: 12px 8px;}
.profile .profile-table .filter .fields .field.dropdown .list .item{position: relative;display: flex;flex-direction: row;align-items: center;width: 100%;height: 44px;padding: 0 16px 0 44px;border: 0;border-radius: 12px;background: transparent;text-align: left;color: var(--c-bl);font-size: 18px;font-weight: 400;cursor: pointer;transition: all .3s ease;}
.profile .profile-table .filter .fields .field.dropdown .list .item:hover{background-color: rgba(60, 140, 60, 0.12);}
.profile .profile-table .filter .fields .field.dropdown .list .item.active{color: var(--c-4);}
.profile .profile-table .filter .fields .field.dropdown .list .item::before{content: '';position: absolute;left: 16px;width: 16px;height: 16px;border-radius: 6px;border: 1px solid var(--c-3);opacity: .64;transition: all .3s ease;}
.profile .profile-table .filter .fields .field.dropdown .list .item::after{content: '';position: absolute;left: 20px;width: 10px;height: 10px;border-radius: 3px;background-color: var(--c-4);opacity: 0;transition: all .3s ease;}
.profile .profile-table .filter .fields .field.dropdown .list .item.active::before{border-color: var(--c-4);opacity: 1;}
.profile .profile-table .filter .fields .field.dropdown .list .item.active::after{opacity: 1;}
.profile .profile-table .amount{display: flex;flex-direction: row;flex-wrap: nowrap;align-items: center;margin: 24px 0 0 0;}
.profile .profile-table .amount .name{font-size: 18px;color: var(--c-1);font-weight: 400;}
.profile .profile-table .amount .amount-select{position: relative;display: flex;flex-direction: row;align-items: center;font-size: 18px;color: var(--c-1);font-weight: 400;margin: 0 0 0 auto;}
.profile .profile-table .amount .amount-select b{font-weight: 400;margin: 0 0 0 4px;}
.profile .profile-table .amount .amount-all{position: relative;display: flex;flex-direction: row;align-items: center;font-size: 18px;color: var(--c-1);font-weight: 400;margin: 0 0 0 28px;}
.profile .profile-table .amount .amount-all::before{content: '';position: absolute;left: -17px;width: 6px;height: 6px;border-radius: 50%;background-color: var(--c-5);}
.profile .profile-table .amount .amount-all b{font-weight: 400;margin: 0 0 0 4px;}
.profile .profile-table .items{display: none;overflow-y: hidden;overflow-x: auto;border-radius: 8px;margin: 8px 0 0 0;border: 1px solid rgba(0,0,0,.06);}
.profile .profile-table .items.active{display: block;}
.profile .profile-table .items table{width: 100%;border-collapse: collapse;border: 0;background-color: var(--c-wh);}
.profile .profile-table .items table thead tr td{background-color: var(--c-wh);padding: 12px 6px;border-bottom: 2px solid var(--c-5);cursor: pointer;}
.profile .profile-table .items table thead tr td:first-child{padding-left: 16px;}
.profile .profile-table .items table thead tr td:last-child{padding-right: 16px;}
.profile .profile-table .items table thead tr td .box{display: flex;flex-direction: row;align-items: center;color: var(--c-bl);font-size: 18px;font-weight: 400;line-height: 1;white-space: nowrap;transition: color .3s ease;}
.profile .profile-table .items table thead tr td:hover .box{color: var(--c-4);}
.profile .profile-table .items table thead tr td .box b{font-weight: 400;}
.profile .profile-table .items table thead tr td .box .sort{margin: 0 0 0 8px;transform: translateY(1px);}
.profile .profile-table .items table thead tr td .box .sort .icon{display: flex;width: 8px;height: 8px;opacity: .5;}
.profile .profile-table .items table thead tr td .box .sort .icon svg{display: flex;width: 100%;height: 100%;overflow: visible;}
.profile .profile-table .items table thead tr td .box .sort .icon svg path{fill: var(--c-3);}
.profile .profile-table .items table thead tr td.asc .box .sort .icon:nth-child(1){opacity: 1;}
.profile .profile-table .items table thead tr td.asc .box .sort .icon:nth-child(1) svg path{fill: var(--c-4);}
.profile .profile-table .items table thead tr td.desc .box .sort .icon:nth-child(2){opacity: 1;}
.profile .profile-table .items table thead tr td.desc .box .sort .icon:nth-child(2) svg path{fill: var(--c-4);}
.profile .profile-table .items table tbody tr td{background-color: var(--c-wh);padding: 8px 6px;transition: background .3s ease;cursor: pointer;}
.profile .profile-table .items table tbody tr:hover td{background-color: rgba(60, 140, 60, 0.12);}
.profile .profile-table .items table tbody tr td:first-child{padding-left: 16px;}
.profile .profile-table .items table tbody tr td:last-child{padding-right: 16px;}
.profile .profile-table .items table tbody tr:nth-child(n+2) td{border-top: 1px solid rgba(0,0,0,.12);cursor: pointer;}
.profile .profile-table .items table tbody tr td .box{color: var(--c-bl);font-size: 18px;font-weight: 400;line-height: 1.2;display: inline-block;}
.profile .profile-table .items table tbody tr td[data-c="number"] .box, .profile .profile-table .items table tbody tr td[data-c="datecreate"] .box, .profile .profile-table .items table tbody tr td[data-c="weight"] .box, .profile .profile-table .items table tbody tr td[data-c="phone"] .box, .profile .profile-table .items table tbody tr td[data-c="total"] .box, .profile .profile-table .items table tbody tr td[data-c="prepayment"] .box, .profile .profile-table .items table tbody tr td[data-c="remainder"] .box{white-space: nowrap;}
.profile .profile-table .items table tbody tr td[data-c="status"] .box{padding: 4px 10px;border-radius: 8px;}
.profile .profile-table .items table tbody tr td[data-c="status"].send .box{background-color: var(--c-4);color: var(--c-wh);}
.profile .profile-table .items table tbody tr td[data-c="status"].success .box{background-color: var(--c-2);color: var(--c-wh);}
.profile .profile-table .items table tbody tr td[data-c="status"].notpaid .box{background-color: rgba(0,0,0,.08);color: var(--c-bl);}
.profile .profile-table .items table tbody tr td[data-c="status"].new .box{background-color: var(--c-9);color: var(--c-wh);}
.profile .profile-table .items table tbody tr td[data-c="status"].waiting .box{background-color: var(--c-8);color: var(--c-wh);}
.profile .profile-table .items table tbody tr td[data-c="status"].cancel .box{background-color: rgba(0,0,0,.76);color: var(--c-wh);}
.profile .profile-table .items table tbody tr td[data-c="status"].payment .box{background-color: var(--c-10);color: var(--c-bl);}
.profile .profile-table .items table tbody tr td[data-c="number"] .link{display: flex;line-height: 1.3;}
.profile .profile-table .items table tbody tr td[data-c="number"] .link a{color: var(--c-4);font-weight: 500;background: none;padding: 0;border-bottom: 1px solid var(--c-5);transition: all .3s ease;font-size: 18px;}
.profile .profile-table .items table tbody tr td[data-c="number"] .link a:hover{border-color: var(--c-4);}
.profile .profile-table .items table tbody tr td .box .dot{width: 10px;height: 10px;border-radius: 50%;background-color: var(--c-5);display: block;}
.profile .profile-table .items table tbody tr td .box .dot.success{background-color: var(--c-2);}
.profile .profile-table .pagination-section{margin: 60px 0 0 0;}

.breadcrumbs{display: flex;flex-direction: row;align-items: center;}
.catalog .breadcrumbs{margin: 0 -14px 16px -14px;flex-wrap: wrap;}
.page-default .breadcrumbs{margin: 0 -14px 20px -14px;flex-wrap: wrap;}
.breadcrumbs > *{margin: 0 14px;}
.breadcrumbs > .item{position: relative;}
.breadcrumbs > .item::after{content: '';position: absolute;top: 50%;right: -17px;width: 6px;height: 6px;border-radius: 50%;background-color: var(--c-5);transform: translateY(-50%);}
.breadcrumbs > .item:last-child::after{display: none;}
.breadcrumbs > .item .breadcrumbs-link{display: block;font-size: 20px;font-weight: 400;color: var(--c-1);white-space: nowrap;transition: all .3s ease;}
.breadcrumbs > .item .breadcrumbs-link:hover{color: var(--c-4);}
.breadcrumbs > .item:last-child .breadcrumbs-link{font-size: 20px;font-weight: 400;color: var(--c-3);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;pointer-events: none;}
.breadcrumbs .breadcrumbs-current{display: block;font-size: 20px;font-weight: 400;color: var(--c-3);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;pointer-events: none;}
.breadcrumbs .breadcrumbs-separator{display: none;}
.breadcrumbs .breadcrumbs-separator svg{width: 9px;height: 9px;margin: 0 10px;opacity: .8;}
.breadcrumbs .breadcrumbs-separator svg path{stroke: var(--c-2);stroke-width: 22;}

.notification{position: fixed;left: 0;right: 0;bottom: 0;z-index: 500;transform: translate(0, calc(100% + 40px));display: flex;align-items: center;justify-content: center;border-radius: 20px 20px 0 0;transition: all .3s ease;pointer-events: none;}
.notification.active{transform: translate(0, 0);}
.notification .notification-container{min-height: 88px;border-radius: 20px 20px 0 0;padding: 4px 4px 0 4px;max-width: calc(100% - 48px);transition: all .3s ease;}
.notification.success .notification-container{background-color: var(--c-2);}
.notification.error .notification-container{background-color: var(--c-8);}
.notification .notification-section{display: flex;flex-direction: row;align-items: center;justify-content: center;background-color: var(--c-wh);border: 1px solid transparent;min-height: 64px;border-radius: 16px;box-shadow: 0 0 16px 0 rgba(0,0,0,.12);}
.notification .icon{display: none;width: 36px;height: 36px;background-color: transparent;border-radius: 12px;margin: 0 0 0 16px;flex-shrink: 0;}
.notification .icon:nth-child(1){padding: 8px 8px;}
.notification .icon:nth-child(2){padding: 8px 8px;}
.notification.success .icon{background-color: var(--c-2);}
.notification.error .icon{background-color: var(--c-8);}
.notification.success .icon:nth-child(1){display: flex;}
.notification.error .icon:nth-child(2){display: flex;}
.notification .icon svg{display: flex;width: 100%;height: 100%;overflow: visible;}
.notification .icon svg path{fill: var(--c-wh);stroke: var(--c-wh);stroke-width: 1px;}
.notification .title{font-weight: 500;color: var(--c-2);font-size: 22px;padding: 2px 16px 4px 12px;line-height: 1.1;max-width: 800px;}
.notification.success .title{color: var(--c-2);}
.notification.error .title{color: var(--c-8);}

.pagination{display: flex;flex-direction: row;align-items: center;margin: 60px -6px 0 -6px;justify-content: center;width: 100%;}
.pagination > *{margin: 0 6px;user-select: none;}
.pagination .link{width: 40px;height: 40px;background-color: var(--c-wh);color: var(--c-1);text-align: center;border-radius: 12px;display: flex;align-items: center;justify-content: center;font-size: 20px;font-weight: 500;border: 1px solid rgba(0,0,0,.12);transition: all .3s ease;cursor: pointer;}
.pagination .link:hover{color: var(--c-4);border-color: var(--c-4);}
.pagination .active{background-color: var(--c-4);color: var(--c-wh);border: 1px solid transparent;}
.pagination .active:hover{background-color: var(--c-4);color: var(--c-wh);}

.page-delivery .delivery-section{font-size: 20px;color: var(--c-1);}
.page-delivery .delivery-section *:last-child{margin-bottom: 0 !important;}
.page-delivery .delivery-section h1{font-size: 36px !important;color: var(--c-1) !important;margin-top: 0 !important;margin-bottom: 24px !important;}
.page-delivery .delivery-section table{width: 100%;}
.page-delivery .delivery-section a{border-bottom: 1px solid var(--c-5);color: var(--c-4);font-weight: 500;transition: all .3s ease-in-out;}
.page-delivery .delivery-section a:hover{border-color: var(--c-4);}
.page-delivery .delivery-section ul, .page-delivery .delivery-section ol{padding-left: 20px;margin: 16px 0 20px 0;}
.page-delivery .delivery-section ul{list-style-type: disc;}
.page-delivery .delivery-section ul ul{list-style-type: circle;margin-top: 2px;}
.page-delivery .delivery-section ol{list-style-type: decimal;}
.page-delivery .delivery-section ol ol{list-style-type: decimal;}
.page-delivery .delivery-section li + li{margin-top: 8px;}
.page-delivery .delivery-section figure{margin: 0;}
.page-delivery .delivery-section table{border-collapse: collapse;table-layout: fixed;}
.page-delivery .delivery-section table th{text-align: left;padding: 8px 16px;border-bottom: 2px solid var(--c-3);}
.page-delivery .delivery-section table td{text-align: left;padding: 8px 16px;}
.page-delivery .delivery-section table tr:nth-child(odd) td{background-color: rgba(216, 210, 195, .4);}

.page-default article{font-size: 20px;color: var(--c-1);}
.page-default article *:last-child{margin-bottom: 0 !important;}
.page-default article h1{font-size: 36px !important;color: var(--c-1) !important;margin-top: 0 !important;margin-bottom: 24px !important;}
.page-default article table{width: 100%;}
.page-default article a{border-bottom: 1px solid var(--c-5);color: var(--c-4);font-weight: 500;transition: all .3s ease-in-out;}
.page-default article a:hover{border-color: var(--c-4);}
.page-default article ul, .page-default article ol{padding-left: 20px;margin: 16px 0 20px 0;}
.page-default article ul{list-style-type: disc;}
.page-default article ul ul{list-style-type: circle;margin-top: 2px;}
.page-default article ol{list-style-type: decimal;}
.page-default article ol ol{list-style-type: decimal;}
.page-default article li + li{margin-top: 8px;}
.page-default article figure{margin: 0;}
.page-default article table{border-collapse: collapse;table-layout: fixed;}
.page-default article table th{text-align: left;padding: 8px 16px;border-bottom: 2px solid var(--c-3);}
.page-default article table td{text-align: left;padding: 8px 16px;}
.page-default article table tr:nth-child(odd) td{background-color: rgba(216, 210, 195, .4);}

.page-notfound{padding: 200px 0 120px 0;}
.page-notfound .notfound .notfound-container{display: flex;flex-direction: column;align-items: center;justify-content: center;min-height: calc(100svh - 274px - 320px);}
.page-template-page-payment .page-notfound .notfound .notfound-container, .page-template-page-payment-success .page-notfound .notfound .notfound-container{min-height: 100svh;}
.page-notfound .notfound h1{font-weight: 500;color: var(--c-2);font-size: 50px;margin: 0;line-height: 1;text-align: center;}
.page-notfound .notfound p{font-size: 20px;font-weight: 400;margin: 24px auto 0 auto;text-align: center;max-width: 720px;}
.page-notfound .notfound .link{margin: 40px 0 0 0;}
.page-notfound .notfound .link a{background-color: var(--c-2);color: var(--c-wh);font-size: 20px;font-weight: 500;border-radius: 16px;width: 100%;height: 56px;display: flex;align-items: center;justify-content: center;text-transform: uppercase;transition: all .3s ease;user-select: none;letter-spacing: 1px;padding: 0 40px;}
.page-notfound .notfound .link a:hover{background-color: var(--c-4);}

.cookie-popup{position:fixed;right: 16px;bottom: 16px;z-index: 400;width: 360px;padding: 12px 12px;background-color: var(--c-wh);border-radius: 12px;box-shadow: 0 4px 20px 0 rgba(0,0,0,.1);font-size: 15px;color: var(--c-bl);line-height: 1.3;font-weight: 400;opacity: 1;visibility: visible;transition: opacity .3s,visibility .3s,transform .6s cubic-bezier(.23, 1, .32, 1)}
.cookie-popup a{color: var(--c-2);text-decoration: none;text-decoration: underline;}
.cookie-popup .close{margin: 8px 0 0 0;position: relative;display: flex;flex-direction: row;align-items: center;justify-content: center;font-size: 18px;background-color: var(--c-2);color:var(--c-wh);font-weight: 400;transition: all .3s ease;border: 0;border-radius: 8px;padding: 0 20px;width: 100%;height: 40px;overflow: hidden;}
.cookie-popup .close:hover{background-color: var(--c-4);}

.field.date .dropdown{position:absolute;z-index: 10;top: calc(100% + 12px);left: 0;display: flex;flex-direction: column;justify-content: center;border-radius: 12px;min-width: 100%;background-color: var(--c-wh);box-shadow: 0 4px 20px 0 rgba(0,0,0,.12);opacity: 0;visibility: hidden;transform: scale(.95);transform-origin: top left;transition: .3s ease;}
.field.date.right .dropdown{transform-origin: top right;right: 0;left: initial;}
.field.date.active .dropdown{opacity: 1;visibility: visible;transform: scale(1);}
.field.date .dropdown .days{position: relative;z-index: 9;display: flex;flex-direction: row;align-items: center;border-radius: 12px 12px 0 0;background-color: var(--c-wh);border-bottom: 1px solid rgba(0,0,0,.12);}
.field.date .dropdown .days button{position: relative;display: flex;flex-direction: column;justify-content: center;align-items: flex-start;width: 100%;height: 52px;background-color: transparent;border: 0;font-size: 18px;font-weight: 400;color: var(--c-1);line-height: 1.2;padding: 0 16px 0 48px;cursor: pointer;transition: all .3s ease;}
.field.date .dropdown .days button:hover{color: var(--c-4);}
.field.date .dropdown .days button + button:before{content: '';position: absolute;left: 0;bottom: 0;top: 0;width: 1px;background-color: rgba(0,0,0,.12);}
.field.date .dropdown .days button .checkbox{position: absolute;left: 16px;width: 16px;height: 16px;border-radius: 6px;border: 1px solid var(--c-3);opacity: .64;transition: all .3s ease;box-sizing: content-box;}
.field.date .dropdown .days button:hover .checkbox{opacity: 1;border-color: var(--c-4);}
.field.date .dropdown .days button.select .checkbox{opacity: 1;border-color: var(--c-4);}
.field.date .dropdown .days button .checkbox:before{content: '';position: absolute;left: 0;margin: 3px 3px;width: 10px;height: 10px;border-radius: 3px;background-color: var(--c-4);opacity: 0;transition: all .3s ease;}
.field.date .dropdown .days button.select .checkbox:before{opacity: 1;}
.field.date .dropdown .pickmeup{position: relative;z-index: 5;min-height: 348px;background-color: var(--c-wh);border-radius: 12px;display: flex;flex-direction: row;padding: 20px 16px;/*box-shadow: 0 4px 20px 0 rgba(0,0,0,.12);*/}
.field.date .dropdown .pickmeup .pmu-day-of-week{display: flex;flex-direction: row;margin: 12px 0 0 0;}
.field.date .dropdown .pickmeup .pmu-day-of-week > div{width: calc(100% / 7);display: flex;flex-direction: row;justify-content: center;align-items: center;font-size: 18px;font-weight: 400;color: var(--c-3);text-transform: lowercase;cursor: default;}
.field.date .dropdown .pickmeup .pmu-day-of-week > div:nth-child(6), .field.date .dropdown .pickmeup .pmu-day-of-week > div:nth-child(7){color: var(--c-8);}
.field.date .dropdown .pickmeup .pmu-instance{position: relative;width: 266px;}
.field.date .dropdown .pickmeup .pmu-instance + .pmu-instance{margin-left: 40px;}
.field.date .dropdown .pickmeup .pmu-instance .pmu-days{display: flex;flex-direction: row;flex-wrap: wrap;margin: 10px 0 0 0;}
.field.date .dropdown .pickmeup .pmu-instance .pmu-days .pmu-button{width: calc(100% / 7 - 2px);height: 36px;display: flex;flex-direction: column;align-items: center;justify-content: center;border-radius: 8px;color: var(--c-1);font-size: 18px;font-weight: 400;border: 0;margin: 1px 1px;transition: all .3s ease;cursor: default;}
.field.date .dropdown .pickmeup .pmu-instance .pmu-days .pmu-button.date-exists{cursor: pointer;}
.field.date .dropdown .pickmeup .pmu-instance .pmu-days .pmu-button.date-exists:hover{background-color: rgba(60, 140, 60, 0.16);}
.field.date .dropdown .pickmeup .pmu-instance .pmu-days .pmu-button.pmu-disabled, .field.date .dropdown .pickmeup .pmu-days .pmu-instance .pmu-button.pmu-disabled:hover{color: var(--c-3);font-weight: 400;cursor: default;background-color: transparent;}
.field.date .dropdown .pickmeup .pmu-instance .pmu-days .pmu-button.pmu-selected{background-color: var(--c-4) !important;color: var(--c-wh) !important;font-weight: 400;}
.field.date .dropdown .pickmeup .pmu-instance .pmu-days .pmu-button.pmu-not-in-month{opacity: 0;display: none;cursor: default;pointer-events: none;}
.field.date .dropdown .pickmeup .pmu-instance .pmu-days .pmu-button.pmu-not-in-month:nth-child(-n+7){display: flex;}
.field.date .dropdown .pickmeup .pmu-instance .pmu-month-and-year{display: flex;flex-direction: row;justify-content: center;align-items: center;}
.field.date .dropdown .pickmeup .pmu-instance .pmu-month-and-year .pmu-month{position: relative;z-index: -1;display: flex;flex-direction: row;align-items: center;height: 100%;font-size: 20px;color: var(--c-bl);font-weight: 400;cursor: default;}
.field.date .dropdown .pickmeup .pmu-instance:nth-child(1) .pmu-month-and-year .pmu-next{display: none;}
.field.date .dropdown .pickmeup .pmu-instance:nth-child(2) .pmu-month-and-year .pmu-prev{display: none;}
.field.date .dropdown .pickmeup .pmu-instance .pmu-month-and-year .pmu-prev, .field.date .dropdown .pickmeup .pmu-instance .pmu-month-and-year .pmu-next{position: absolute;display: flex;flex-direction: row;align-items: center;justify-content: center;width: 36px;height: 36px;background-color: rgba(60, 140, 60, 0.12);border-radius: 50%;border: 0;transition: all .3s ease;cursor: pointer;}
.field.date .dropdown .pickmeup .pmu-instance .pmu-month-and-year .pmu-prev:hover, .field.date .dropdown .pickmeup .pmu-instance .pmu-month-and-year .pmu-next:hover{background-color: var(--c-4);}
.field.date .dropdown .pickmeup .pmu-instance .pmu-month-and-year .pmu-prev svg, .field.date .dropdown .pickmeup .pmu-instance .pmu-month-and-year .pmu-next svg{width: 16px;height: 16px;overflow: visible;display: flex;}
.field.date .dropdown .pickmeup .pmu-instance .pmu-month-and-year .pmu-prev svg{transform: rotate(180deg);}
.field.date .dropdown .pickmeup .pmu-instance .pmu-month-and-year .pmu-prev svg path, .field.date .dropdown .pickmeup .pmu-instance .pmu-month-and-year .pmu-next svg path{fill: var(--c-2);stroke: var(--c-2);stroke-width: 2px;transition: all .3s ease;}
.field.date .dropdown .pickmeup .pmu-instance .pmu-month-and-year .pmu-prev:hover svg path, .field.date .dropdown .pickmeup .pmu-instance .pmu-month-and-year .pmu-next:hover svg path{fill: var(--c-wh);stroke: var(--c-wh);}
.field.date .dropdown .pickmeup .pmu-instance .pmu-month-and-year .pmu-prev{left: 0;}
.field.date .dropdown .pickmeup .pmu-instance .pmu-month-and-year .pmu-next{right: 0;}
.field.date .dropdown .pickmeup .pmu-instance .pmu-months .pmu-disabled{display: none;}
.field.date .dropdown .pickmeup:not(.pmu-view-days) .pmu-days, .field.date .dropdown .pickmeup:not(.pmu-view-days) .pmu-day-of-week, .field.date .dropdown .pickmeup:not(.pmu-view-months) .pmu-months, .field.date .dropdown .pickmeup:not(.pmu-view-years) .pmu-years{display: none;}

.modal{position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 325;display: flex;flex-direction: row;align-items: center;justify-content: center;padding: 24px 24px;transition: all .3s ease;opacity: 0;visibility: hidden;}
.modal.active{opacity: 1;visibility: visible;}
.modal .modal-container{position: relative;overflow: hidden;display: flex;flex-direction: column;z-index: 320;background: var(--c-wh);border-radius: 12px;box-shadow: 0 4px 20px rgba(0,0,0,.08);transform-origin: center;transform: scale(.95);transition: all .3s ease;}
.modal.active .modal-container{transform: scale(1);}
.modal.modal-sub .modal-container{max-width: 500px;}
.modal.modal-alert .modal-container{max-width: 500px;}
.modal.modal-logout .modal-container{max-width: 500px;}
.modal.modal-order .modal-container{max-width: 1280px;height: 100%;width: 100%;}
.modal .modal-content{display: flex;flex-direction: column;padding: 24px 24px;}
.modal .modal-content h2{margin: 0;color: var(--c-1);font-size: 26px;font-weight: 500;line-height: 1;}
.modal .modal-content .text{color: var(--c-1);font-size: 20px;font-weight: 400;line-height: 1.2;margin: 16px 0 0 0;}
.modal .modal-content .field{position: relative;width: 100%;margin: 12px 0 0 0;display: flex;flex-direction: column;}
.modal .modal-content .field .field-top{display: flex;flex-direction: row;align-items: center;}
.modal .modal-content .field .field-top .change{font-size: 16px;color: var(--c-4);font-weight: 500;background: none;margin: 0 0 0 auto;border: 0;padding: 0;line-height: 1;}
.modal .modal-content .field .name{font-size: 18px;color: var(--c-bl);font-weight: 400;line-height: 1.1;margin: 0 0 10px 0;}
.modal .modal-content .field input{background-color: var(--c-wh);padding: 0 16px;width: 100%;height: 48px;font-size: 20px;color: var(--c-bl);font-weight: 400;border: 1px solid var(--c-5);border-radius: 12px;transition: background .3s ease, border-color .3s ease;outline: none;}
.modal .modal-content .field input:hover{border-color: var(--c-4);}
.modal .modal-content .field input:focus{border-color: var(--c-4);}
.modal .modal-actions{display: flex;flex-direction: row;padding: 0 24px 24px 24px;}
.modal .modal-actions button{display: flex;flex-direction: row;align-items: center;justify-content: center;border-radius: 16px;border: 0;padding: 0 20px;width: 50%;height: 48px;text-align: center;font-size: 20px;font-weight: 400;white-space: nowrap;transition: all .3s ease;}
.modal .modal-actions button + button{margin: 0 0 0 24px;}
.modal .modal-actions button.deactive{opacity: .4;cursor: default;pointer-events: none;}
.modal .modal-actions .save{background-color: var(--c-2);color: var(--c-wh);}
.modal .modal-actions .save:hover{background-color: var(--c-4);}
.modal .modal-actions .ok{background-color: var(--c-2);color: var(--c-wh);}
.modal .modal-actions .ok:hover{background-color: var(--c-4);}
.modal .modal-actions .close{background-color: rgba(60, 140, 60, 0.12);color: var(--c-1);}
.modal .modal-actions .close:hover{background-color: var(--c-4);color: var(--c-wh);}
.modal .devider{display: flex;margin: 24px 24px 0 24px;width: calc(100% - 48px);height: 1px;background-image: linear-gradient(90deg, var(--c-5) 10px, transparent 10px);background-size: 20px 100%;background-repeat: repeat-x;flex-shrink: 0;}
.modal .modal-fade{position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 315;background-color: rgba(0, 0, 0, .24);}
.modal .modal-bottom{padding: 24px 24px;border-top: 2px solid var(--c-5);margin: auto 0 0 0;flex-shrink: 0;}
.modal .modal-sections{position: relative;height: 100%;overflow-y: auto;overflow-x: hidden;}
.modal .modal-sections .ft{position: sticky;top: 0;left: 0;right: 0;z-index: 1;display: block;height: 24px;background: linear-gradient(to bottom, rgba(0,0,0,0.16), transparent);pointer-events: none;opacity: 0;transition: all .3s ease;}
.modal .modal-sections.ft .ft{opacity: 1;}
.modal .modal-sections .fb{position: sticky;bottom: 0;left: 0;right: 0;z-index: 1;display: block;height: 24px;background: linear-gradient(to top, rgba(0,0,0,0.16), transparent);pointer-events: none;opacity: 0;transition: all .3s ease;}
.modal .modal-sections.fb .fb{opacity: 1;}
.modal .modal-sections .section{padding: 24px 24px 0 24px;}
.modal .modal-sections .ft + .section{padding-top: 0;}
.modal .modal-sections .section .top{display: flex;flex-direction: row;align-items: center;margin: 0 0 20px 0;}
.modal .modal-sections .section .top h2{margin: 0;color: var(--c-1);font-size: 26px;font-weight: 500;line-height: 1;}
.modal .modal-sections .section .top button{margin: 0 0 0 24px;display: flex;flex-direction: row;align-items: center;border-radius: 14px;border: 0;padding: 0 16px;height: 40px;text-align: center;font-size: 18px;font-weight: 400;white-space: nowrap;transition: all .3s ease;}
.modal .modal-sections .section .top button.deactive{opacity: .4;cursor: default;pointer-events: none;}
.modal .modal-sections .section .top .save{background-color: var(--c-2);color: var(--c-wh);}
.modal .modal-sections .section .top .save:hover{background-color: var(--c-4);}
.modal .modal-sections .section .top .date{background-color: rgba(60, 140, 60, 0.12);color: var(--c-1);}
.modal .modal-sections .section .top .date:hover{background-color: var(--c-4);color: var(--c-wh);}
.modal .modal-sections .section + section{margin: 24px 0 0 0;}
.modal .modal-sections .section .items{display: flex;flex-direction: row;flex-wrap: wrap;margin: -8px -14px;}
.modal .modal-sections .section .items .item{margin: 8px 14px;display: flex;flex-direction: column;}
.modal .modal-sections .section .items .item .name{color: var(--c-3);font-size: 20px;font-weight: 400;line-height: 1;margin: 0 0 6px 0;}
.modal .modal-sections .section .items .item .value{color: var(--c-bl);font-size: 20px;font-weight: 400;line-height: 1.3;}
.modal .modal-sections .section .items-table{overflow-y: hidden;overflow-x: auto;border-radius: 8px;margin: 8px 0 0 0;border: 1px solid rgba(0,0,0,.12);}
.modal .modal-sections .section .items-table table{width: 100%;border-collapse: collapse;border: 0;background-color: var(--c-7);}
.modal .modal-sections .section .items-table table thead tr td{background-color: var(--c-7);padding: 12px 6px;border-bottom: 2px solid var(--c-5);}
.modal .modal-sections .section .items-table table thead tr td:first-child{padding-left: 16px;}
.modal .modal-sections .section .items-table table thead tr td:last-child{padding-right: 16px;}
.modal .modal-sections .section .items-table table thead tr td .box{display: flex;flex-direction: row;align-items: center;color: var(--c-bl);font-size: 18px;font-weight: 400;line-height: 1;white-space: nowrap;}
.modal .modal-sections .section .items-table table thead tr td .box b{font-weight: 400;}
.modal .modal-sections .section .items-table table tbody tr td{background-color: var(--c-wh);padding: 8px 6px;transition: background .3s ease;cursor: pointer;}
.modal .modal-sections .section .items-table table tbody tr:hover td{background-color: rgba(60, 140, 60, 0.12);}
.modal .modal-sections .section .items-table table tbody tr td:first-child{padding-left: 16px;}
.modal .modal-sections .section .items-table table tbody tr td:last-child{padding-right: 16px;}
.modal .modal-sections .section .items-table table tbody tr:nth-child(n+2) td{border-top: 1px solid rgba(0,0,0,.12);cursor: pointer;}
.modal .modal-sections .section .items-table table tbody tr td .box{color: var(--c-bl);font-size: 18px;font-weight: 400;line-height: 1.2;display: inline-block;white-space: nowrap;}
.modal .modal-sections .section .items-table table tbody tr td:nth-child(1) .box{white-space: normal;}

@media(min-width: 1920px){
  header .header-container .navigation ul li a{font-size: 26px;}
  header .header-container .navigation ul li a .icon svg{width: 160px;}
  header .header-container .sections{width: 295px;}
}
@media(max-width: 1748px){
  .container{padding: 0 40px;}
  header .header-section .container{padding: 0 40px;}
  .favorite-list{right: 28px;}
  .cart-list{right: 28px;}
  .page-home .categories .items .item{width: calc(100% / 4 - 24px);}
  .page-home .products-list .items .items-container .item{width: calc(100% / 4 - 24px);}
  .product-detail .product-box .info h1{font-size: 36px;}
  .product-detail .product-box .price-section .price-box .price{font-size: 32px;min-width: 114px;}
  .product-detail .product-box .price-section .buy{margin: 0 0 0 32px;}
  .order-detail .delivery-items .item{width: calc(100% / 3 - 16px);}
  .order-detail .customer-fields .field{width: calc(100% / 3 - 16px);}
  .order-detail .customer-fields .confirm-phone .field{width: calc(100% / 3 - 12px);}
}
@media(max-width: 1548px){
  .products-list .items .items-container .item{width: calc(100% / 3 - 24px);}
  .product-detail .product-box .picture .previews .preview{width: calc(100% / 4 - 12px);}
  .product-detail .product-box .price-section{flex-wrap: wrap;}
  .product-detail .product-box .price-section .calc{margin: 0;}
  .order-detail .order-items .item{width: calc(100% - 28px);}
}
@media(max-width: 1328px){
  .container{padding: 0 24px;}
  header .header-section .container{padding: 0 24px;}
  header .header-container .navigation{display: none;}
  header .header-container .sections{width: auto;margin: 0 0 0 auto;}
  header .header-container .sections .cart.hd{display: flex;}
  body.hs header .cart-list{display: flex;}
  .cart-detail{display: none;}
  .page-home .categories .bg-line{margin: 96px 0 -96px 0;}
  .page-home .categories .bg-line svg{height: 96px;}
  .page-home .categories .items{margin: -4px -4px;}
  .page-home .categories .items .item{flex-direction: column;padding: 18px 16px 14px 16px;max-width: calc(100% / 6 - 8px);width: 100%;margin: 4px 4px;}
  .page-home .categories .items .item .icon{width: 40px;height: 40px;}
  .page-home .categories .items .item .icon .circle{width: 30px;height: 30px;top: -4px;right: -8px;}
  .page-home .categories .items .item h3{padding: 10px 0 0 0;font-size: 20px;}
  .products-list .categories{width: auto;flex-direction: row;flex-wrap: wrap;margin: -4px -4px;}
  .products-list .categories .item{flex-direction: column;padding: 17px 15px 8px 15px;max-width: calc(100% / 6 - 8px);width: 100%;margin: 4px 4px;border-width: 1px 1px 6px 1px;border-color: transparent;border-style: solid;}
  .products-list .categories .item.active{border-width: 1px 1px 6px 1px;border-color: var(--c-4);}
  .products-list .categories .item .icon{width: 40px;height: 40px;}
  .products-list .categories .item .icon .circle{width: 30px;height: 30px;top: -4px;right: -8px;}
  .products-list .categories .item h3{padding: 10px 0 0 0;font-size: 20px;}
  .products-list .items .items-top{margin: 24px 0 16px 0;}
  .page-home .products-list .items .items-container .item{width: calc(100% / 3 - 24px);}
  .products-list-container{flex-direction: column;}
  section.page-detail{padding: 0 0 40px 0;}
  section.page-cart, section.page-payment{padding: 132px 0 40px 0;}
  .product-detail .product-container{width: calc(100% + 48px);margin: 0 -24px;}
  .product-detail .product-box{border-radius: 24px;}
  .product-detail .product-box .product-top{padding: 132px 24px 0 24px;}
  .product-detail .product-box .product-middle{flex-direction: column;}
  .product-detail .product-box .picture{width: 100%;}
  .product-detail .product-box .picture .big{margin: 24px 24px 0 24px;height: calc(100vw - 48px);max-height: 40svh;padding-top: 0;}
  .product-detail .product-box .picture .big img{position: inherit;}
  .product-detail .product-box .picture .previews{width: 100%;}
  .product-detail .product-box .picture .previews .preview{width: calc(100% / 8 - 12px);}
  .product-detail .product-box .picture .favorite{right: 36px;}
  .product-detail .product-box .info{width: 100%;padding: 24px 24px;}
  .order-detail .order-content{flex-direction: column;}
  .order-detail .order-container{width: 100%;}
  .order-detail .order-box{width: 100%;margin: 24px 0 0 0;}
  .order-detail .delivery-items .item{width: calc(100% / 2 - 16px);}
  .order-detail .customer-fields .field{width: calc(100% / 2 - 16px);}
  .order-detail .customer-fields .confirm-phone .field{width: calc(100% / 2 - 12px);}
  footer .bg-line{margin: 0 0 -96px 0;}
  footer .bg-line svg{height: 96px;}
  footer .footer-top{flex-wrap: wrap;}
  footer .footer-top .section{width: 100%;}
  footer .footer-top .section:last-child{margin-left: 0;margin-top: 24px;}
  footer .footer-bottom{flex-wrap: wrap;}
  footer .footer-bottom .legal{order: 1;padding: 0;margin: 0;width: 100%;}
  footer .footer-bottom .copyright{order: 2;margin: 24px 0 0 0;width: 100%;}
}

@media(max-width: 968px){
  .container{padding: 0 16px;}
  .favorite-list{right: 12px;left: 12px;width: auto;}
  header .header-container{padding: 18px 0;}
  body header .favorite-list{top: 76px;height: calc(100svh - 76px - 20px);}
  body.hs header .favorite-list{top: 88px;height: calc(100svh - 88px - 20px);}
  .favorite-list .favorite-container{padding: 20px 16px 24px 16px;}
  .cart-list{right: 12px;left: 12px;width: auto;}
  body header .cart-list{top: 76px;height: calc(100svh - 76px - 20px);}
  body.hs header .cart-list{top: 88px;height: calc(100svh - 88px - 20px);}
  .cart-list .cart-container{padding: 20px 16px 24px 16px;}
  header .header-section .container{padding: 0 16px;}
  body.hs header .header-container, body:not(.home) header .header-container{padding: 6px 0 18px 0;}
  header .header-container .logo img{height: 20px;}
  header .header-container .sections .favorite{padding: 10px 10px;border: 0;}
  header .header-container .sections .favorite .icon{width: 20px;height: 20px;}
  header .header-container .sections .favorite .amount{top: -1px;right: -4px;min-width: 16px;height: 16px;font-size: 11px;padding: 0 4px;}
  header .header-container .sections .cart{margin: 0 0 0 6px;padding: 10px 10px;border: 0;}
  header .header-container .sections .cart .icon{width: 20px;height: 20px;}
  header .header-container .sections .cart .amount{top: -1px;right: -4px;min-width: 16px;height: 16px;font-size: 11px;padding: 0 4px;}
  header .header-container .sections .profile{display: none;margin: 0 -8px 0 6px;padding: 8px 8px;}
  header .header-container .sections .profile .icon{width: 20px;height: 20px;}
  header .header-container .sections .menu{display: flex;}
  header .awning img{height: 48.5px;}
  header .awning .awning-line{width: calc(100% + 60px);background-size: 120px 20px;background-image: repeating-linear-gradient(90deg, #E3EBE3 0px, #E3EBE3 60px, #F7F7F7 60px, #F7F7F7 120px);height: 8px;bottom: 8px;}
  header .awning .awning-box span{width: calc(100% + 60px);background-size: 120px 20px;height: 20px;margin-top: -9px;}
  header .awning .awning-box::before{bottom: -16px;}
  section{padding: 100px 0 40px 0;}
  section.page-cart, section.page-payment{padding: 100px 0 40px 0;}
  .page-home .categories .bg-line{margin: 68px 0 -68px 0;}
  .page-home .categories .bg-line svg{height: 68px;}
  .page-home .categories .items .item{max-width: calc(100% / 4 - 8px);}
  .products-list .categories .item{max-width: calc(100% / 4 - 8px);}
  .page-home .products-list .items .items-container .item{width: calc(100% / 2 - 24px);}
  .products-list .top .more{display: none;}
  .products-list .items .items-container .item{width: calc(100% / 2 - 24px);}
  .payment-detail .payment-container{padding: 16px 16px;}
  .payment-detail .timer{padding: 0 16px;}
  .payment-detail .timer .timer-container{padding: 12px 0;}
  .product-detail .product-container{width: calc(100% + 32px);margin: 0 -16px;}
  .product-detail .product-box .product-top{display: none;padding: 100px 16px 0 16px;}
  .product-detail .product-box .picture .previews{padding: 12px 20px 16px 20px;}
  .product-detail .product-box .picture .big{margin: 100px 16px 0 16px;height: calc(100vw - 32px);}
  .product-detail .product-box .picture .favorite{top: 112px;right: 28px;}
  .product-detail .product-box .info{padding: 16px 16px 24px 16px;}
  .order-detail .order-section{padding: 24px 16px;}
  .order-detail .delivery-section{padding: 24px 16px;}
  .order-detail .customer-section{padding: 24px 16px;}
  .order-detail .order-box .order-box-container{padding: 24px 16px;}
  .order-detail .customer-fields .field.dropdown .dropdown{position: fixed;bottom: 0;top: initial;left: 0;right: 0;z-index: 260;transform: translateY(100%);opacity: 1;}
  .order-detail .customer-fields .field.dropdown.active .dropdown{transform: translateY(0);}
  .order-detail .customer-fields .field.dropdown .dropdown .list{overflow-x: hidden;overflow-y: auto;max-height: 70dvh;}
  .order-detail .customer-fields .field.dropdown .list .item{padding: 0 8px;}
  .order-detail .customer-fields .field.dropdown .box{display: flex;}
  footer .bg-line{margin: 0 0 -68px 0;}
  footer .bg-line svg{height: 68px;}
  .notification .notification-container{width: 100%;max-width: calc(100% - 24px);}
  .notification .title{font-size: 18px;padding: 2px 12px 4px 10px;}
  .notification .icon{width: 32px;height: 32px;margin: 0 0 0 12px;}
  .notification .notification-container{min-height: 76px;}
  .notification .notification-section{min-height: 56px;}
}

@media(max-width: 768px){
  header .header-container .logo img{height: 36px;}
  .favorite-list .top .title{font-size: 24px;}
  .favorite-list .top .amount{font-size: 18px;}
  .favorite-list .total .favorite-cart{font-size: 18px;height: 52px;}
  .favorite-list .total .sum .name{font-size: 18px;}
  .favorite-list .total .sum .value{font-size: 18px;}
  .favorite-list .total .discount .name{font-size: 18px;}
  .favorite-list .total .discount .value{font-size: 18px;}
  .favorite-list .total .price .name{font-size: 20px;}
  .favorite-list .total .price .value{font-size: 20px;}
  .cart-list .top .title{font-size: 24px;}
  .cart-list .top .amount{font-size: 18px;}
  .cart-list .total .cart-link{font-size: 18px;height: 52px;}
  .cart-list .total .sum .name{font-size: 18px;}
  .cart-list .total .sum .value{font-size: 18px;}
  .cart-list .total .discount .name{font-size: 18px;}
  .cart-list .total .discount .value{font-size: 18px;}
  .cart-list .total .price .name{font-size: 20px;}
  .cart-list .total .price .value{font-size: 20px;}
  .favorite-list .items .item{min-height: 88px;}
  .favorite-list .items .item .picture{width: 88px;height: 88px;}
  .favorite-list .items .item .info .name{font-size: 18px;}
  .favorite-list .items .item .info .name span{min-height: 19px;max-height: 37px;}
  .favorite-list .items .item .info .signature{font-size: 16px;}
  .favorite-list .items .item .info .available{font-size: 16px;}
  .favorite-list .items .item .info .price-section .price-box .price{font-size: 18px;}
  .favorite-list .items .item .info .price-section .price-box .price-old{font-size: 14px;}
  .favorite-list .items .item .info .price-section .remove{width: 26px;height: 26px;}
  .favorite-list .items .item .info .price-section .buy{height: 26px;padding: 0 10px;}
  .favorite-list .items .item .info .price-section .buy .text{font-size: 14px;}
  .favorite-list .items .item .info .price-section .notify{height: 26px;padding: 0 10px;}
  .favorite-list .items .item .info .price-section .notify .text{font-size: 14px;}
  .cart-list .items .item{min-height: 88px;}
  .cart-list .items .item .picture{width: 88px;height: 88px;}
  .cart-list .items .item .info .name{font-size: 18px;}
  .cart-list .items .item .info .name span{min-height: 19px;max-height: 37px;}
  .cart-list .items .item .info .signature{font-size: 16px;}
  .cart-list .items .item .info .available{font-size: 16px;}
  .cart-list .items .item .info .price-section .price-box .price{font-size: 18px;}
  .cart-list .items .item .info .price-section .price-box .price-old{font-size: 14px;}
  .cart-list .items .item .info .price-section .remove{width: 26px;height: 26px;}
  .cart-list .items .item .info .price-section .calc button{width: 26px;height: 26px;}
  .cart-list .items .item .info .price-section .calc button span:nth-child(1){width: 14px;}
  .cart-list .items .item .info .price-section .calc button span:nth-child(2){width: 14px;}
  .cart-list .items .item .info .price-section .calc .amount{min-width: 32px;height: 26px;font-size: 17px;}
  .menu-list .list ul li a{font-size: 40px;}
  section h1{font-size: 40px;margin: 0 0 24px 0;}
  .page-home .categories .bg-line svg{min-width: calc(668px + 100%);}
  .page-home .categories .categories-container{padding: 28px 0 4px 0;}
  .page-home .categories .items .item{max-width: calc(100% / 3 - 8px);padding: 18px 12px 14px 12px;}
  .page-home .categories .items .item .icon{width: 32px;height: 32px;}
  .page-home .categories .items .item .icon .circle{width: 24px;height: 24px;top: -4px;right: -6px;}
  .page-home .categories .items .item h3{font-size: 16px;}
  .products-list .categories .item{max-width: calc(100% / 3 - 8px);padding: 17px 11px 8px 11px;}
  .products-list .categories .item .icon{width: 32px;height: 32px;}
  .products-list .categories .item .icon .circle{width: 24px;height: 24px;top: -4px;right: -6px;}
  .products-list .categories .item h3{font-size: 16px;}
  .products-list .top{margin: 0 0 24px 0;}
  .products-list .top h2{font-size: 36px;}
  .product-detail .product-box .picture .previews .preview{width: calc(100% / 6 - 12px);}
  .product-detail .product-box .info h1{font-size: 32px;}
  .payment-detail .payment-section{padding: 24px 16px;max-width: 100%;}
  .payment-detail .qrcode-seciton{flex-direction: column;align-items: flex-start;}
  .payment-detail .qrcode-seciton .qrcode{width: calc(100vw - 64px);height: calc(100vw - 64px);max-width: 480px;max-height: 480px;margin: 0 auto;}
  .payment-detail .qrcode-seciton .info{margin: 24px 0 0 0;}
  .payment-detail .payment-items .item{padding: 0 20px 0 40px;}
  .payment-detail .payment-items .item::before{left: 12px;}
  .payment-detail .payment-items .item::after{left: 16px;}
  .payment-detail .check-section{flex-direction: column;align-items: flex-start;}
  .payment-detail .check-section .checktimer{max-width: 100%;margin: 0;}
  .payment-detail .check-section .checknow{margin: 16px 0 0 0;}
  .payment-success .top h1{font-size: 22px;}
  .payment-success .note{font-size: 16px;}
  .page-delivery .delivery-section table thead{display: none;}
  .page-delivery .delivery-section table, .page-delivery .delivery-section table tbody, .page-delivery .delivery-section table tr, .page-delivery .delivery-section table td{display: block;width: 100%;}
  .page-delivery .delivery-section table tr{border: 1px solid var(--c-3);border-radius: 6px;overflow: hidden;margin: 0 0 16px 0;}
  .page-delivery .delivery-section table td{padding: 6px 16px;}
  .page-delivery .delivery-section table td:first-child{padding-top: 12px;}
  .page-delivery .delivery-section table td:last-child{padding-bottom: 12px;}
  .page-delivery .delivery-section table tr:nth-child(odd) td{background-color: transparent;}
  .page-delivery .delivery-section table td > *:first-child{font-weight: 400;}
  .page-delivery .delivery-section table td::before{content: attr(data-label);display: block;font-weight: 500;}
  .page-default article h1{font-size: 32px !important;}
  .page-default article table thead{display: none;}
  .page-default article table, .page-default article table tbody, .page-default article table tr, .page-default article table td{display: block;width: 100%;}
  .page-default article table tr{border: 1px solid var(--c-3);border-radius: 6px;overflow: hidden;margin: 0 0 16px 0;}
  .page-default article table td{padding: 6px 16px;}
  .page-default article table td:first-child{padding-top: 12px;}
  .page-default article table td:last-child{padding-bottom: 12px;}
  .page-default article table tr:nth-child(odd) td{background-color: transparent;}
  .page-default article table td > *:first-child{font-weight: 400;}
  .page-default article table td::before{content: attr(data-label);display: block;font-weight: 500;}
  .order-detail .delivery-items .item{width: calc(100% - 16px);}
  .order-detail .top h2{font-size: 24px;}
  .order-detail .top .amount{font-size: 18px;}
  .order-detail .note-draft{font-size: 16px;}
  .order-detail .order-items .item{min-height: 88px;}
  .order-detail .order-items .item .picture{width: 88px;height: 88px;}
  .order-detail .order-items .item .info .name{font-size: 18px;}
  .order-detail .order-items .item .info .name span{min-height: 19px;max-height: 37px;}
  .order-detail .order-items .item .info .signature{font-size: 16px;}
  .order-detail .order-items .item .info .available{font-size: 16px;}
  .order-detail .order-items .item .info .price-section .price-box .price{font-size: 18px;}
  .order-detail .order-items .item .info .price-section .price-box .price-old{font-size: 14px;}
  .order-detail .order-items .item .info .price-section .remove{width: 26px;height: 26px;}
  .order-detail .order-items .item .info .price-section .calc button{width: 26px;height: 26px;}
  .order-detail .order-items .item .info .price-section .calc button span:nth-child(1){width: 14px;}
  .order-detail .order-items .item .info .price-section .calc button span:nth-child(2){width: 14px;}
  .order-detail .order-items .item .info .price-section .calc .amount{min-width: 32px;height: 26px;font-size: 17px;}
  .order-detail .order-items .item .select{width: 100%;justify-content: center;padding: 0 16px;}
  .order-detail .order-items .item .select::before{position: relative;left: -12px;}
  .order-detail .order-items .item .select::after{position: relative;left: 0;transform: translateX(-94px);}
  .order-detail .customer-fields .field{width: calc(100% - 16px);}
  .order-detail .customer-fields .field[data-n="phone"]{order: 1;}
  .order-detail .customer-fields .confirm-phone{flex-direction: column;order: 2;}
  .order-detail .customer-fields .confirm-phone .field{width: 100%;}
  .order-detail .customer-fields .confirm-phone .confirm{margin: 16px 0 0 0;}
  .order-detail .customer-fields .confirm-phone .confirm-1{display: none;}
  .order-detail .customer-section-1.s1 .customer-fields .confirm-phone .confirm-1{display: flex;}
  .order-detail .customer-fields .confirm-phone .confirm-2{display: flex;}
  .order-detail .top h1{font-size: 24px;}
  .order-detail .order-box .total .order{font-size: 18px;height: 52px;}
  .order-detail .order-box .total .sum .name{font-size: 18px;}
  .order-detail .order-box .total .sum .value{font-size: 18px;}
  .order-detail .order-box .total .discount .name{font-size: 18px;}
  .order-detail .order-box .total .discount .value{font-size: 18px;}
  .order-detail .order-box .total .delivery .name{font-size: 18px;}
  .order-detail .order-box .total .delivery .value{font-size: 18px;}
  .order-detail .order-box .total .price .name{font-size: 20px;}
  .order-detail .order-box .total .price .value{font-size: 20px;}
  .page-notfound .notfound h1{font-size: 36px;}
  footer .bg-line svg{min-width: calc(668px + 100%);}
  footer .footer-top{padding: 24px 0 20px 0;}
  footer .footer-top .menu ul{flex-direction: column;margin: -4px 0;}
  footer .footer-top .menu ul li{margin: 4px 0;}
  footer .footer-bottom{padding: 24px 0 48px 0;}
  footer .footer-bottom .legal ul{flex-direction: column;margin: -4px 0;}
  footer .footer-bottom .legal ul li{margin: 4px 0;}
  .cookie-popup{width: calc(100% - 32px);padding: 8px 8px;}
  .favorite-list .empty .icon{width: 52px;height: 52px;}
  .favorite-list .empty .title{font-size: 24px;}
  .favorite-list .empty .desc{width: 192px;min-height: 44px;font-size: 18px;}
  .cart-list .empty .icon{width: 52px;height: 52px;}
  .cart-list .empty .title{font-size: 24px;}
  .cart-list .empty .desc{width: 192px;min-height: 44px;font-size: 18px;}
  .order-detail .wait .icon{width: 52px;height: 52px;}
  .order-detail .wait .title{font-size: 24px;}
  .order-detail .wait .title .dots{padding: 0 0 0 2px;}
  .order-detail .wait .title .dot{margin: 0 2px;width: 5px;height: 5px;}
  .order-detail .wait .desc{width: 192px;min-height: 44px;font-size: 18px;}
  .order-detail .empty .icon{width: 52px;height: 52px;}
  .order-detail .empty .title{font-size: 24px;}
  .order-detail .empty .desc{width: 192px;min-height: 44px;font-size: 18px;}
}

@media(max-width: 668px){
  .page-home .products-list .items .items-container .item{width: calc(100% - 24px);}
  .products-list .items .items-top .discount .item{font-size: 16px;}
  .products-list .items .items-top .sort .name{font-size: 16px;}
  .products-list .items .items-top .sort .name span:nth-child(1){display: none;}
  .products-list .items .items-top .sort .name :nth-child(2){text-transform: inherit;}
  .products-list .items .items-top .sort .icon{width: 18px;height: 12px;}
  .products-list .items .items-top .sort .dropdown{min-width: 220px;}
  .products-list .items .items-top .sort .list .item{font-size: 16px;height: 40px;padding: 0 12px;}
  .products-list .items .items-container .item{width: calc(100% - 24px);}
  .product-detail .product-box .picture .previews .preview{width: calc(100% / 5 - 12px);}
}

@media(max-width: 468px){
  .products-list .items .items-top .discount .item{font-size: 14px;}
  .products-list .items .items-top .sort .name{font-size: 14px;}
  .product-detail .product-box .picture .previews .preview{width: calc(100% / 4 - 12px);}
}