:root {
    --CookieWindow-bgColor: #EDF4F9;
    --CookieWindow-borderColor: #A2B3D8;
    --CookieWindow-textColor: #000;
    --CookieWindow-linkColor: #537dc6;
    --CookieWindow-buttonTextColor: #fff;
    --CookieWindow-buttonColor: #9795FB;
    --CookieWindow-hoverButtonColor: #537dc6;
    --CookieWindow-errorTextColor: red;
}

.cookie-window {box-sizing: border-box; font-size: 18px; line-height: 25px; color: #000; position: fixed; bottom: 20px; left: 50%; transform: translateX(-50%); z-index: 50; width: calc(100% - 40px); max-width: 1130px; box-shadow: 0px 0px 35.6px 0px #38354978; border-radius: 20px; background: var(--CookieWindow-bgColor); padding: 20px; border: 1px solid var(--CookieWindow-borderColor);}
.cookie-window a {text-decoration: underline; color: var(--CookieWindow-linkColor);}
.cookie-window a:hover {text-decoration: none;}
.cookie-window .bottom {margin: 25px 0 0 0; display: flex; justify-content: space-between; align-items: flex-end;}
.cookie-window .checkbox {padding: 0; position: relative; cursor: pointer; display: flex; align-items: center;}
.cookie-window .checkbox.err {color: var(--CookieWindow-errorTextColor);}
.cookie-window .checkbox input {position: absolute; top: 50%; left: 0; width: 24px; height: 24px; opacity: 0; z-index: 2; cursor: pointer; top: 50%; transform: translateY(-50%);}
.cookie-window .checkbox input:checked + .i {background-image: none;}
.cookie-window .checkbox input:checked + .i:after {opacity: 1;}
.cookie-window .checkbox.err .i:after {opacity: 0;}
.cookie-window .checkbox.err .i:before {opacity: 1;}
.cookie-window .checkbox .i {position: relative; width: 30px; height: 30px; margin: 0 10px 0 0; background: url('data:image/svg+xml;utf8,%3Csvg%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M26.6667%203.33333V26.6667H3.33333V3.33333H26.6667ZM26.6667%200H3.33333C1.5%200%200%201.5%200%203.33333V26.6667C0%2028.5%201.5%2030%203.33333%2030H26.6667C28.5%2030%2030%2028.5%2030%2026.6667V3.33333C30%201.5%2028.5%200%2026.6667%200Z%22%20fill%3D%22black%22%2F%3E%3C%2Fsvg%3E')  center center/contain no-repeat;}
.cookie-window .checkbox .i:after {content: ''; display: block; position: absolute; top: 0; bottom: 0; left: 0; opacity: 0;width: 100%; background: url('data:image/svg+xml;utf8,%3Csvg%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_160_7)%22%3E%3Cpath%20d%3D%22M8.16667%2011.8333L5.83333%2014.1667L13.3333%2021.6667L30%205L27.6667%202.66667L13.3333%2017L8.16667%2011.8333ZM26.6667%2026.6667H3.33333V3.33333H20V0H3.33333C1.5%200%200%201.5%200%203.33333V26.6667C0%2028.5%201.5%2030%203.33333%2030H26.6667C28.5%2030%2030%2028.5%2030%2026.6667V13.3333H26.6667V26.6667Z%22%20fill%3D%22%2373B365%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_160_7%22%3E%3Crect%20width%3D%2230%22%20height%3D%2230%22%20fill%3D%22white%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E') center center/contain no-repeat;}
.cookie-window .checkbox .i:before {content: ''; display: block; position: absolute; top: 0; bottom: 0; left: 0; opacity: 0;width: 100%; background: url('data:image/svg+xml;utf8,%3Csvg%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_160_17)%22%3E%3Cpath%20d%3D%22M26.6667%203.33333V26.6667H3.33333V3.33333H26.6667ZM26.6667%200H3.33333C1.5%200%200%201.5%200%203.33333V26.6667C0%2028.5%201.5%2030%203.33333%2030H26.6667C28.5%2030%2030%2028.5%2030%2026.6667V3.33333C30%201.5%2028.5%200%2026.6667%200Z%22%20fill%3D%22%23FF0000%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_160_17%22%3E%3Crect%20width%3D%2230%22%20height%3D%2230%22%20fill%3D%22white%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E') center center/contain no-repeat;}
.cookie-window .checkbox .t {width: calc(100% - 40px);}
.cookie-window .btn {transition: all 0.3s ease; min-width: 284px; text-align: center; margin: 0 0 0 20px; display: table; cursor: pointer; line-height: 40px; border-radius: 5px; color: #fff; font-size: 16px; font-weight: 600; background: var(--CookieWindow-buttonColor);}
.cookie-window .btn:hover {background: var(--CookieWindow-hoverButtonColor);}

@media (max-width: 1200px) {
    .cookie-window {font-size: 16px; max-width: 729px;}
    .cookie-window .checkbox {margin-top: 20px;}
    .cookie-window .btn {min-width: 210px;}
}

@media (max-width: 700px) {
    .cookie-window {left: 0; transform: none; max-width: 100%; width: 100%; bottom: 0; border-radius: 20px 20px 0 0; font-size: 14px; text-align: center;}
    .cookie-window .checkbox {margin: 15px auto; max-width: 220px; text-align: left;}
    .cookie-window .bottom {display: block;}
    .cookie-window .btn {max-width: 284px; margin: 0 auto;}
    .item-cat-seo {width: auto;float: left;
        margin: 0 10px;
        padding: 0 10px;}
    .btn-cat {line-height: 25px}
}