:root{--yellow-accent:#ffd600;--brown-accent:#8c7050;font-family:"Gilroy",serif}
html,body{margin:0}
.nav-content{display:flex;align-items:center;justify-content:space-between;height:84px;max-width:1440px;margin:0 auto;padding:0 140px}
.nav-content > .logo > img{width:200px;height:auto}
.nav > .nav-content > .burger{display:none}
.nav-content > .menu{list-style-type:none;display:flex}
.nav-content > .menu > li{margin-right:42px}
.nav-content > .menu > li > a{text-decoration:none;color:#333;font-size:16px;font-weight:700}
a{color:#bb9f7f}
.nav-content > .menu > li.active > a{color:#bb9f7f}
.nav-content > a > .cart{display:flex}
.nav-content > a > .cart > .item-count{width:17px;height:16px;background:var(--yellow-accent);color:#333;position:absolute;margin-left:17px;border-radius:17px;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center}
.nav-content > a > .cart > .item-count[data-basket-quantity="0"]{background:var(--brown-accent);color:#fff}
a:-webkit-any-link:active{color:inherit}

.banner{background-image:url(/admin/upload/Dokumendid/frontpage_banner_29.01_old.webp);background-size:cover;height:368px;background-position:top;background-repeat:no-repeat}
.banner:after{content:url("/resources/img/oval-b.svg");position:absolute;right:0;top:385px}
.banner > .content{max-width:1440px;margin:0 auto;padding-left:190px}
.banner > .content > .banner-box{display:grid}
.banner > .content > .banner-box .slogan{font-size:65px;height:73px;margin:0;margin-top:66px;font-weight:700;color:#fff}
.banner > .content > .banner-box .motto{font-size:37px;margin-top:8px;width:420px;font-weight:700;color:var(--yellow-accent)}
.banner > .content > .banner-box > ul{display:flex;list-style:none;padding:0;margin:49px 0 0}
.banner > .content > .banner-box > ul > li{padding-left:42px;margin-right:25px;font-size:20px;font-weight:700;display:flex;align-items:center;color:#fff}
.banner > .content > .banner-box > ul > li:first-child{padding-left:30px}
.banner > .content > .banner-box > ul > li:last-child{width:230px}
.banner > .content > .banner-box > ul > li:before{content:url(/resources/img/web/checkmark.svg);color:var(--yellow-accent);display:inline-block;margin-left:-30px;padding-right:12px}

.banner_v2{background-image:url(/admin/upload/Dokumendid/frontpage_banner.webp?1);background-size:cover;height:368px;background-position:top;background-repeat:no-repeat;display:flex;align-items:center;}
.banner_v2:after{content:url("/resources/img/oval-b.svg");position:absolute;right:0;top:385px;}
.banner_v2 .content{max-width:1440px;margin:0 auto;text-align:center;}
.banner_v2 .content h1{font-size:85px;line-height:1em;margin:0;font-weight:700;color:#000;}
.banner_v2 .content h3{font-size:20px;line-height:1em;margin:0;margin-top:20px;font-weight:700;color:#000;}

main{min-height:calc(100% - 111px - 84px)}
main > .info{max-width:1440px;margin:85px auto;padding:0 77px 0 190px;display:grid;grid-template-areas:"graphic slogan" "graphic content" "graphic button";grid-template-rows:38px auto 91px;grid-template-columns:auto 1fr;grid-column-gap:70px}
main > .info > .slogan{grid-area:slogan;font-size:14px;line-height:24px;font-weight:500;text-transform:uppercase;letter-spacing:3px;margin-bottom:14px;color:var(--yellow-accent)}
main > .info > .content{grid-area:content}
main > .info > .content > span:first-child,
main > .info > .content > h2:first-child
    {font-size:35px;font-weight:700;line-height:46px;display:block;margin-bottom:34px}
main > .info > .content > h2 {font-size:35px;font-weight:bold;margin:0;margin-bottom:30px;line-height:normal;color:#8c7050;}
main > .info > .content > span:last-child{line-height:26px;font-size:18px}
main > .info > button{grid-area:button;width:226px;height:48px;margin-top:43px;padding:15px 23px;border-radius:27px;border:0;background:var(--brown-accent)}
main > .info > button > a{display:flex;align-items:center;justify-content:center;color:var(--yellow-accent);text-decoration:none;font-weight:700;font-size:15px}
main > .info > button > a:active{color:var(--yellow-accent)}
main > .info > button > a::before{content:"";position:absolute;width:226px;height:48px}
main > .info > .button{grid-area:button;width:226px;margin-top:43px;padding:15px 23px;border-radius:27px;border:0;background:var(--brown-accent)}
main > .info > .button > a{display:flex;align-items:center;justify-content:center;color:var(--yellow-accent);text-decoration:none;font-weight:700;font-size:15px}
main > .info > .button > a:active{color:var(--yellow-accent)}
main > .info > .button > a::before{content:"";position:absolute;width:226px;height:48px}
footer > .space{height:29px;background-color:#f8f8f8}
footer > .space:after{content:url(/resources/img/oval-y.svg);position:relative;top:-48px}
footer > .content{display:flex;justify-content:space-between;align-items:center;max-width:1266px;margin:12px auto;padding:0 87px;width:100%}
footer > .content > .left > ul{display:flex;list-style:none}
footer > .content > .left > ul > li{margin-right:40px}
footer > .content > .left > ul > li > a{color:#000;font-size:14px;font-weight:500}
footer > .content > .left > ul > li.active > a{color:#bb9f7f}
footer > .content > .right{display:flex;align-items:center}
footer > .content > .right > div:not(:last-child){margin-right:25px}
.msg_box{z-index:100;left:0;top:0;width:100%;height:100%}
.msg_box .fixed.ui-widget-overlay{left:0;top:0;width:100%;height:100%;z-index:1001}
.msg_box .ui-dialog{outline:0;z-index:1002;height:auto;width:300px;margin-top:-75px;margin-left:-150px;top:50%;left:50%;display:block}
.msg_box .ui-dialog .indicator{width:auto;min-height:72px;height:auto}
.none{display:none}
body > .cookie-popup{max-width:670px;padding-inline:clamp(5px,4vw,54px);padding-block:clamp(5px,4vw,40px) clamp(5px,4vw,50px);border-radius:8px;box-shadow:0 0 27px 0 #000;background:#fff;position:fixed;z-index:100;--margin:clamp(5px,2.5vw,30px);right:var(--margin);bottom:var(--margin);margin-inline-start:var(--margin);margin-block-start:var(--margin)}
body > .cookie-popup p{font-size:16px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.69;letter-spacing:normal;color:#333;margin-block-end:10px}
body > .cookie-popup .actions,body > .cookie-popup .actions button{display:flex;align-items:center;font-size:16px;font-weight:600;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}
body > .cookie-popup .actions{flex-wrap:wrap}
body > .cookie-popup .actions button{flex-wrap:nowrap;height:42px;text-align:center;padding-inline:22px;border-radius:27px;border:0;cursor:pointer;transition:background-color .3s;margin-block-start:20px}
body > .cookie-popup .actions button.close{background-color:#e5e5e5;color:#000;margin-inline-end:10px}
body > .cookie-popup .actions button.close:hover{background-color:#c5c5c5}
body > .cookie-popup .actions button.accept{background-color:var(--yellow-accent);color:#000}
body > .cookie-popup .actions button.accept:hover{opacity:.7}
body > .cookie-popup .actions a{margin-block-start:20px;margin-inline-start:auto;color:#000;text-decoration:underline}
body > .cookie-popup .actions a:hover{text-decoration:none}
@media all and (max-width: 1456px) {
    footer > .content{margin:12px 0;width:unset}
}
@media all and (max-width: 1300px) {
    main > .info {padding: 0 5%;margin: 50px 0;grid-template-areas:"graphic slogan" "graphic content" "graphic button";grid-template-rows: 38px auto 91px;grid-template-columns: auto;}
    main > .info > img{margin:0 auto}
    main > .info > .slogan{margin:5% 0 5px}
    main > .info > .content > span:first-child{margin-bottom:25px}
}
@media all and (max-width: 1150px) {
    footer > .content{flex-wrap:wrap;justify-content:center}
    footer > .content > .left,footer > .content > .right{width:100%;justify-content:center}
    footer > .content > .left > ul{padding:0;flex-wrap:wrap;margin:23px 0 35px}
    footer > .content > .left > ul > li{width:100%;margin:0;font-size:18px;text-align:center}
    footer > .content > .left > ul > li:not(:last-child){margin-bottom:15px}
    footer > .content > .left > ul > li > a{font-size:18px}
}
@media all and (max-width: 1100px) {
    .banner{height:auto}
    .banner:after{top:365px}
    main > .banner > .content{padding:0}
    .banner > .content > .banner-box > span{margin:0 auto;text-align:center;width:initial}
    .banner > .content > .banner-box .slogan{font-size:45px;height:auto;width:auto;margin-top:45px}
    .banner > .content > .banner-box .motto{font-size:27px;width:auto;height:auto;margin-top:10px}
    .banner > .content > .banner-box > ul{flex-wrap:wrap;width:auto;margin:47px 30px 32px 0}
    .banner > .content > .banner-box > ul > li{width:100%!important;padding-left:64px!important;margin-bottom:12px}
    .banner_v2 .content h1{font-size:65px;}
}
@media all and (min-width: 916px) {
    html,body{height:100%}
}
@media all and (max-width: 916px) {
    main > .info{display:block;}
    .banner:after{content:url("/resources/img/oval-b-small.svg");top:390px}
    .nav{height:84px;display:inline}
    .nav > .nav-content{padding:0 5%;position:sticky;z-index:200;top:0;background:#fff;box-shadow:#000 0 1px}
    .nav > .nav-content > .menu{display:none}
    .nav > .nav-content > .burger{display:block;position:relative;left:-4px;z-index:1;-webkit-user-select:none;user-select:none}
    .nav > .nav-content > .burger a{text-decoration:none;color:#f6f6f6;font-size:25px;font-weight:600;transition:color .3s ease}
    .nav > .nav-content > .burger a:hover{color:var(--yellow-accent)}
    .nav > .nav-content > .burger input{display:block;width:33px;height:24px;position:absolute;left:-4px;top:-6px;cursor:pointer;opacity:0;z-index:2;-webkit-touch-callout:none}
    .nav > .nav-content > .burger span{display:block;width:31px;height:4px;margin-bottom:5px;position:relative;background:var(--brown-accent);border-radius:3px;z-index:1;transform-origin:4px 0;transition:transform .5s cubic-bezier(0.77,0.2,0.05,1.0),background .5s cubic-bezier(0.77,0.2,0.05,1.0),opacity .55s ease}
    .nav > .nav-content > .burger span:nth-child(3){width:26px}
    .nav > .nav-content > .burger span:first-child{transform-origin:0 0}
    .nav > .nav-content > .burger span:nth-last-child(2){transform-origin:0 100%}
    .nav > .nav-content > .burger input:checked{width:26px;height:25px;top:-7px;left:-7px}
    .nav > .nav-content > .burger input:checked ~ span{opacity:1;transform:rotate(45deg) translate(-2px,-1px);background:var(--yellow-accent)}
    .nav > .nav-content > .burger input:checked ~ span:nth-last-child(3){opacity:0;transform:rotate(0deg) scale(0.2,0.2)}
    .nav > .nav-content > .burger input:checked ~ span:nth-last-child(2){transform:rotate(-45deg) translate(0,-1px)}
    .nav > .nav-content > .burger > .menu{position:fixed;width:100%;height:100vh;margin:-100px 0 0 -160px;padding:110px 0 0 155px;top:100px;background:#7a6145;list-style-type:none;-webkit-font-smoothing:antialiased;transform-origin:0 0;transform:translate(-100%,0);transition:transform .375s cubic-bezier(0.77,0.2,0.05,1.0);display:flex;flex-direction:column;justify-content:flex-start;align-items:center}
    .nav > .nav-content > .burger > .menu ul {list-style:none;}
    .nav > .nav-content > .burger > .menu ul li{padding:12px 0;font-size:18px;font-weight:500;margin-right:25px;z-index:1}
    .nav > .nav-content > .burger input:checked ~ .menu{transform:none}
    .nav > .nav-content > .burger > .menu .oval-full{position:absolute;bottom:171px;right:77px}
    .nav > .nav-content > .burger > .menu .oval-quarter{position:absolute;bottom:110px;right:4px}
}
@media all and (max-width: 700px) {
    main > .info > img{width:80%;height:auto}
    footer > .content{padding:0}
    footer > .content > .right{flex-wrap:wrap;margin-bottom:40px}
    footer > .content > .right > div{width:100%;display:flex;justify-content:center;margin-right:0!important}
    footer > .content > .right > div:not(:last-child){margin-bottom:34px}
    .banner_v2 .content h1{font-size:55px;}
}
@media all and (max-width: 512px) {
    .banner:after{top:410px}
}
@media all and (max-width: 380px) {
    .banner:after{top:445px}
}