:root {
	--color0: #2f5adf;
	--color1: #4070e0;
	--color2: #4f83f8;
	--color3: #6193ff;
	--green: #006621;
	--adyellow: #fff7dd;
	--black: #222227;
	--blacksearch: #545454;
	--default: #1a0df2;
	--searchlink: #131D90; 
	--visitedlink: #681da8;
	--orange: #ff8800;
	font-size: 20px;
	}
@media(max-width:1600px) {
:root {
	font-size: 18px;
	}
}
@media(max-width:1000px) {
:root {
	font-size: 16px;
	}
}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed, figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section {display: block;}
ol,ul {list-style:none;}
blockquote,q { quotes:none;} blockquote:before,blockquote:after,q:before,q:after {content:'';content:none;}
table {border-collapse:collapse;border-spacing:0;}
b,strong {font-weight:bold;}
i,em {font-style:italic;}
div,h1,h2,h3,h4,h5,h6,p,form { position:relative;margin:0;padding:0;display:block;font-weight:normal;}
ul { margin-top:0;}
img { border:0;}

html {
	scroll-behavior: smooth;
		margin: 0;
		padding: 0;
	}

body {
	font-size: 1rem;
	line-height: 1.5;
	font-family: Arial, sans-serif;
	color: var(--black);

	}

body:has(input#bgon:checked) {
    background-size: cover;
    background-position: center;
}

* {
	font-family: Arial, sans-serif;
	}

a {
	color: var(--color0);
	transition: all 0.15s ease;
	}
a:hover {
	color: var(--searchlink);
	}

button,
input[type="submit"] {
	font-size: 1rem;
	line-height: 1;
	border-radius: 99px;
	background: #aaa;
	border: 0;
	padding: .5rem 1rem;
	margin: .25rem;
	color: #fff;
	transition: all 0.15s ease;
	cursor: pointer;
	}
button:hover,
input[type="submit"]:hover {
	opacity: .8;
	}

body.index div.ovr {
	position: relative;
	width: 100%;
	min-height: calc(100vh - 300px);
	padding-top: 3rem;
	padding-bottom: 1rem;
	display: flex;
	justify-content: center;
	flex-direction: column;
	}
@media(max-width:600px) {
body.index div.ovr {
	padding-bottom: 0.1rem;
	}
	}
@media(max-width:520px) {
body.index div.ovr {
	padding-bottom: 0.1rem;
	}
	}

body.index main {
	position: relative;
	text-align: center;
	}

header.main a {
	display: block;
	width: clamp(200px,50vw,400px);
	margin: 0 auto;
	}

header.main img {
	display: block;
	width: clamp(200px,50vw,320px);
	height: auto;
	margin: 1rem auto;
	}
body:has(input#bgon:checked) header.main img {
	filter:brightness(0) invert(1) drop-shadow(0 0 0.5rem #0004);
	}

aside.tbelt {
	position: fixed;
	top: 0;
	left: 0;
	width: calc(100% - 2rem);
	display: flex;
	justify-content: space-between;
	background: #474751;
	padding: .33rem 1rem;
	font-size: .8rem;
	height: 24px;
	z-index: 50;
	}
body:has(input#bgon:checked) aside.tbelt {
	background: #474751aa;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
	}

aside.tbelt li:has(input#tlo) {
	position: relative;
	top: -.1rem
	}

aside.tbelt input#tlo {
	display: inline-block;
	vertical-align: middle;
	}

aside.tbelt label[for="tlo"] {
	text-transform: uppercase;
	font-size: .6rem;
	}

aside.tbelt>nav {
	position: relative;
	}

aside.tbelt>nav:nth-last-child(1) {
	top: -5px;
	}
@media(max-width:1600px) {
aside.tbelt>nav:nth-last-child(1) {
	top: -3px;
	}
	}
@media(max-width:1000px) {
aside.tbelt>nav:nth-last-child(1) {
	top: -1px;
	}
	}

	
@media(max-width:600px) {
aside.tbelt>nav:nth-last-child(1)>ul>li {
	display: none;
	}
aside.tbelt>nav:nth-last-child(1)>ul>li:nth-last-child(1) {
	display: inline-block;
	}
aside.tbelt>nav:nth-last-child(1)>ul>li:nth-last-child(2) {
	display: inline-block;
	}
	}

label.bgonlabel {
	position: absolute;
	left: calc(98vw - 2.5rem);
	top: 50px;
	display: block;
	width: 20em;
	height: 10em;
	background: transparent;
	font-size: 3.2px;
	z-index: 1;
	}
@media(max-width:1600px) {
label.bgonlabel {
	left: calc(98vw - 4rem);
	}
	}
@media(max-width:1200px) {
label.bgonlabel {
	left: calc(98vw - 4rem);
	font-size: 2.5px;
	}
	}
@media(max-width:520px) {
label.bgonlabel {
	left: calc(98vw - 3rem);
	top: 40px;
	font-size: 2px;
	}
	}

input:checked+label.bgonlabel {
	transform: scaleX(-1);
	}

label.bgonlabel::before {
  content: '';
  position: absolute;
  left: 1em;
  top: 1em;
  display: block;
  width: 18em;
  height: 8em;
  box-shadow: 0 0 1em #0005;
  }

label.bgonlabel>span:first-child {
  display: block;
  position: absolute;
  left: 1em;
  top: 1em;
  width: 9em;
  height: 8em;
  background: linear-gradient(to right,#fff,#ddd);
  box-shadow: inset 1em 1em 5em #0001;
  outline: 1px solid #0003;
  z-index: 2;
  }

label.bgonlabel>span:nth-child(2) {
  display: block;
  position: absolute;
  right: 2em;
  top: 1em;
  width: 8em;
  height: 8em;
  background: #fff;
  box-shadow: inset 2em -2em 5em #0002;
  outline: 1px solid #0003;
  z-index: 2;
  }

label.bgonlabel>span:nth-child(2)::after {
  content: '';
  display: block;
  width: 1em;
  height: 8em;
  position: absolute;
  right: -1em;
  top: 0;
  background: linear-gradient(to right,#ddd,#ccc);
  outline: 1px solid #0003;
  z-index: 2;
}

label.bgonlabel>span:nth-child(3) {
    content: '';
    position: absolute;
    right: 1.5em;
    top: 4.5em;
    display: block;
    width: 8em;
    height: 5em;
    background: #000;
    filter: blur(.75em);
    opacity: .3;
    transform: rotate(10deg);
    z-index: 1; 
  }

@media(max-width:520px) {
aside.tbelt>nav:first-child>ul {
	position: relative;
	top: .2rem;
	}
	}

aside.tbelt>nav>ul>li {
	display: inline-block;
	vertical-align: middle;
	margin-left: .5rem;
	}
@media(max-width:600px) {
aside.tbelt>nav>ul>li {
	margin-left: .25rem;
	}
	}


















ul.menu-top a {
	font-size: .75rem;
	color: #d0d0d8;
	}
ul.menu-top a.active {
	color: #fff;
	font-weight: bold;
	}
ul.menu-top a:hover {
	color: #fff;
	}

ul.menu-top li.wiecej a {
	position: relative;
	line-height: 1.5;
	}

ul.menu-top li.wiecej {
	position: relative;
	}

ul.menu-top li.wiecej>a:after {
	content: "^";
	display: inline-block;
	position: relative;
	top: -2px;
	margin-left: .25rem;
	transform: scale(1,.6) rotate(180deg);
	}

ul.menu-top li.wiecej:hover ul {
	display: block !important;
	background: #474751ee;
	padding: .5rem;
	position: absolute;
	left: -.5rem;
	width: 150px;
	}

ul.menu-top li.wiecej:hover>a {
	color: #fff;
	}
li.punkty {
    font-size: .75rem;
    font-weight: bold;
    position: relative;
    top: -3px;
    color: #fff;
    border-right: 2px solid #fff5;
    padding-right: 1rem;
}

li.punkty a {
    color: inherit;
    text-decoration: none;
    display: inline-block;
}

li.punkty span {
    position: relative;
    display: inline-block;
    background: #c70004;
    width: 38px;
    padding-right: 2px;
    text-align: center;
    border-radius: 4px;
}

li.punkty:hover {
    opacity: 0.9;
}

aside.tbelt label.initials {
	position: relative;
	display: inline-block;
	text-align: center;
	font-size: .9rem;
	background: var(--color1);
	color: #fff;
	border-radius: 99px;
	padding: 0;
	z-index: 300;
	cursor: pointer;
	outline: 1px solid #fff;
	width: 1.6rem;
	height: 1.6rem;
	top: -4px;
	margin-top: 6px;
	line-height: 1.6rem;
	overflow: hidden;
	font-size: 0;
	}
@media(max-width:1000px) {
aside.tbelt label.initials {
	top: -5px;
	}
	}

aside.tbelt label.initials img {
	width: 1.6rem;
	height: 1.6rem;
	}

























/* Kontener Menu Rozwijanego */
aside.tbelt .initm {
    display: none;
    position: absolute;
    z-index: 310;
    background: #fff;
    top: 60px;
    right: 0;
    width: 360px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
    border-radius: 12px;
    overflow: hidden;
    animation: menuSlideDown 0.3s ease-out;
}

/* Przycisk Zamknięcia */
aside.tbelt .initm .close-button {
    position: absolute;
    top: 12px;
    right: 12px;
    cursor: pointer;
    background: transparent;
    border: none;
    display: inline-block;
}

aside.tbelt .initm .close-button img {
    width: 24px;
    height: 24px;
}

/* Sekcja Profilu */
aside.tbelt .initm .profile-section {
    padding: 24px;
    border-bottom: 1px solid #e0e0e0;
    position: relative;
    text-align: center;
}

aside.tbelt .initm .user-email {
    font-size: 14px;
    color: #5f6368;
    margin-bottom: 4px;
}

aside.tbelt .initm .profile-name {
    font-size: 22px;
    color: #202124;
    margin-bottom: 4px;
    font-weight: 500;
}

/* Przycisk Zarządzania Kontem */
aside.tbelt .initm .manage-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 20px;
    background-color: #1a73e8;
    color: #fff;
    border-radius: 24px;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    margin-top: 12px;
}

aside.tbelt .initm .manage-button img {
    width: 22px;
    height: 22px;
    vertical-align: middle;
    margin-right: 4px;
}

/* Przyciski Logowania Społecznościowego */
aside.tbelt .initm .social-login-buttons {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 4px;
}

aside.tbelt .initm .social-button {
    margin: 8px 0;
}

aside.tbelt .initm .social-button img {
    width: 220px;
    max-width: 90%;
    cursor: pointer;
}

/* Przyciski Logowania i Rejestracji */
aside.tbelt .initm .auth-buttons {
    display: flex;
    flex-direction: column;
    align-items: center;
}

aside.tbelt .initm .auth-button {
    display: inline-block;
    width: 80%;
    max-width: 300px;
    padding: 12px 16px;
    background-color: #1a73e8;
    color: #fff;
    border-radius: 24px;
    font-size: 16px;
    text-decoration: none;
    margin: 8px 0;
    text-align: center;
}

aside.tbelt .initm .auth-button.register-button {
    background-color: #34a853;
}

/* Lista Menu */
aside.tbelt .initm ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

aside.tbelt .initm li {
    border-bottom: 1px solid #e0e0e0;
}

aside.tbelt .initm li:last-child {
    border-bottom: none;
}

aside.tbelt .initm li a,
aside.tbelt .initm .toggle-item,
aside.tbelt .initm .logout-button {
    display: flex;
    align-items: center;
    padding: 16px 24px;
    font-size: 16px;
    color: #202124;
    text-decoration: none;
    cursor: pointer;
    transition: background-color 0.2s;
}

aside.tbelt .initm li a:hover,
aside.tbelt .initm .toggle-item:hover,
aside.tbelt .initm .logout-button:hover {
    background-color: #f1f3f4;
}

aside.tbelt .initm li a img,
aside.tbelt .initm .toggle-item img,
aside.tbelt .initm .logout-button img {
    width: 24px;
    height: 24px;
    margin-right: 16px;
    opacity: 0.7;
}

/* Przełączniki */
aside.tbelt .initm .toggle-switch {
    margin-left: auto;
    position: relative;
    width: 36px;
    height: 20px;
}

aside.tbelt .initm .toggle-switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

aside.tbelt .initm .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #1a73e8;
    transition: 0.4s;
    border-radius: 34px;
}

aside.tbelt .initm .slider:before {
    position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    left: 18px;
    bottom: 2px;
    background-color: white;
    transition: 0.4s;
    border-radius: 50%;
}

aside.tbelt .initm .toggle-switch input:checked + .slider {
    background-color: #ccc;
}

aside.tbelt .initm .toggle-switch input:checked + .slider:before {
    transform: translateX(-16px);
}

/* Wyłączone Przełączniki */
aside.tbelt .initm .toggle-item.disabled {
    opacity: 0.5;
    pointer-events: none;
}

/* Sekcja Języka i Kraju */
aside.tbelt .initm .language-section {
    padding: 8px 0;
}

aside.tbelt .initm .language-item {
    display: flex;
    align-items: center;
    padding: 16px 24px;
    cursor: pointer;
    transition: background-color 0.2s;
}

aside.tbelt .initm .language-item:hover {
    background-color: #f1f3f4;
}

aside.tbelt .initm .language-item img {
    width: 24px;
    height: 24px;
    margin-right: 16px;
    opacity: 0.7;
}

aside.tbelt .initm .language-item span {
    font-size: 16px;
    color: #202124;
}

/* Przycisk Wylogowania */
aside.tbelt .initm .logout-button {
    display: flex;
    align-items: center;
    padding: 16px 24px;
    font-size: 16px;
    color: #d93025;
    cursor: pointer;
    transition: background-color 0.2s;
    border-top: 1px solid #e0e0e0;
}

aside.tbelt .initm .logout-button:hover {
    background-color: #fce8e6;
}

aside.tbelt .initm .logout-button img {
    width: 24px;
    height: 24px;
    margin-right: 16px;
    opacity: 0.7;
}

/* Stopka Menu */
aside.tbelt .initm .menu-footer {
    padding: 16px 24px;
    font-size: 14px;
    color: #5f6368;
    display: flex;
    justify-content: center;
}

aside.tbelt .initm .menu-footer a {
    color: #5f6368;
    text-decoration: none;
    margin: 0 8px;
}

aside.tbelt .initm .menu-footer a:hover {
    text-decoration: underline;
}

/* Nakładka */
aside.tbelt .menu-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 999;
}

/* Animacja */
@keyframes menuSlideDown {
    from {
        opacity: 0;
        transform: translateY(-20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}



































































/* Pokazywanie Menu dla użytkowników zalogowanych */
input#init_logged:checked + label + div.initm,
input#init_logged:checked ~ div.initm {
    display: block !important;
}

/* Pokazywanie Menu dla użytkowników niezalogowanych */
input#init_unlogged:checked + label + div.initm,
input#init_unlogged:checked ~ div.initm {
    display: block !important;
}

/* Pokazywanie overlay (tła) dla użytkowników zalogowanych */
input#init_logged:checked ~ label.menu-overlay,
input#init_logged:checked + label ~ label.menu-overlay {
    display: block !important;
}

/* Pokazywanie overlay (tła) dla użytkowników niezalogowanych */
input#init_unlogged:checked ~ label.menu-overlay,
input#init_unlogged:checked + label ~ label.menu-overlay {
    display: block !important;
}

/* Styl dla przycisku zamknięcia */
aside.tbelt .initm .close-button {
    position: absolute;
    top: 12px;
    right: 12px;
    cursor: pointer;
    background: transparent;
    border: none;
    display: inline-block;
    z-index: 600; /* Ustaw wyższy z-index */
}

/* Ustawienie z-index dla menu */
aside.tbelt .initm {
    z-index: 500; /* Ustaw z-index wyższy niż overlay */
}

/* Ustawienie z-index dla overlay */
aside.tbelt .menu-overlay {
    z-index: 400;
}

/* Responsywność */
@media (max-width: 768px) {
    aside.tbelt .initm {
        position: fixed;
        top: 0;
        right: 0;
        width: 100%;
        height: 100%;
        overflow-y: auto;
        border-radius: 0;
        box-shadow: none;
        animation: none;
        z-index: 500;
    }

    aside.tbelt .initm .close-button {
        top: 16px;
        right: 16px;
    }
}



    aside.tbelt .initm .profile-section {
        padding: 32px 16px 16px 16px;
    }

    aside.tbelt .initm li a,
    aside.tbelt .initm .toggle-item,
    aside.tbelt .initm .language-item,
    aside.tbelt .initm .logout-button,
    aside.tbelt .initm .menu-footer {
        padding: 16px;
    }

    aside.tbelt .initm .profile-name {
        font-size: 20px;
    }

    aside.tbelt .initm li a,
    aside.tbelt .initm .toggle-item,
    aside.tbelt .initm .language-item span {
        font-size: 18px;
    }

    /* Dostosowanie przycisków logowania społecznościowego */
    aside.tbelt .initm .social-button img {
        width: 80%;
        max-width: 280px;
    }

    /* Dostosowanie przycisków logowania i rejestracji */
    aside.tbelt .initm .auth-button {
        width: 90%;
    }

    /* Ukrycie tła poza menu */
    input#init:checked ~ label.menu-overlay {
        display: block;
    }
}



	
input#init:checked+label:before {
	content: '';
	display: block;
	position: fixed;
	right: 60px;
	top: 0px;
	width: 30px;
	height: 40px;
	background: transparent;
	z-index: 290;
	}
@media(max-width:1600px) {
input#init:checked+label:before {
	right: 55px;
	}
	}
@media(max-width:1000px) {
input#init:checked+label:before {
	right: 50px;
	}
	}
@media(max-width:520px) {
input#init:checked+label:before {
	right: 45px;
	}
	}

input#init:checked+label:after {
	content: '';
	display: block;
	position: fixed;
	left: 0;
	top: 30px;
	width: 100%;
	height: 100vh;
	background: #0005;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
	z-index: 190;
	}

aside.tbelt li:has(img) {
	font-size: 0;
	position: relative;
	top: -.05rem
	}

aside.tbelt * {
	text-decoration: none;
	line-height: 1.5;
	}

aside.tbelt a.active {
	color: #fff;
	font-weight: bold;
	}

@media(max-width:520px) {
aside.tbelt * {
	text-decoration: none;
	line-height: 1;
	}
	}

input#apps+label {
	display: block;
	cursor: pointer;
	border-radius: 4px 4px 0 0;
	}

input#apps+label img {
	width: 30px;
	height: 30px;
	position: relative;
	top: -2px;
	}
input#apps:checked+label img:nth-child(1) {
	display: none;
	}
input#apps:checked+label img:nth-child(2) {
	display: block !important;
	}


/* Styl dla kontenera menu */
/* Styl dla kontenera menu */
aside.tbelt .appsm {
    display: none;
    position: absolute;
    z-index: 200;
    background: #fff;
    top: 1.2rem;
    right: 0;
    width: 320px; /* Zwiększona szerokość menu z 320px do 400px */
    max-height: 400px;
    overflow-y: auto;
    box-shadow: 0 .5rem .5rem rgba(0, 0, 0, 0.1);
    padding: .5rem;
    border-radius: 8px 0 8px 8px;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

/* Pozostałe style pozostają bez zmian */

/* Styl dla aktywnego stanu menu */
input#apps:checked+label+div.appsm {
    display: block;
}

/* Styl dla tła po otwarciu menu */
input#apps:checked+label:after {
    content: '';
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    z-index: 190;
}

/* Styl dla listy */
aside.tbelt .appsm ul {
    font-size: 0;
}

/* Styl dla elementów listy */
aside.tbelt .appsm ul li {
    position: relative;
    font-size: .9rem;
    display: inline-block;
    width: 33.33%; /* Trzy elementy w rzędzie */
    text-align: center;
    padding: .5rem 0;
    box-sizing: border-box;
}

/* Styl dla linków */
aside.tbelt .appsm ul li a {
    display: block;
    text-decoration: none;
    color: inherit;
}

/* Efekt hover dla linków */
aside.tbelt .appsm ul li a:hover {
    background: rgba(0, 0, 0, 0.05);
}

/* Styl dla ikon */
aside.tbelt .appsm ul li a i {
    display: block;
    font-size: 2rem; /* Rozmiar ikon */
    color: #0E68E2;
    margin: 0 auto .3rem auto; /* Wycentrowanie i odstęp poniżej ikony */
}

/* Styl dla podpisów */
aside.tbelt .appsm ul li span {
    display: block;
    font-size: .7rem;
    color: #555555;
    white-space: nowrap; /* Zapobiega zawijaniu tekstu */
    overflow: hidden;
    text-overflow: ellipsis; /* Dodaje "..." jeśli tekst jest zbyt długi */
}

/* Ukrycie checkboxa */
#apps {
    display: none;
}

/* Styl dla ikony menu */
label[for="apps"] {
    cursor: pointer;
}

/* Dodatkowe style dla tła */
input#apps:checked+label:before {
    content: '';
    display: block;
    position: fixed;
    right: 0px;
    top: 0px;
    width: 70px;
    height: 50px;
    background: transparent;
    z-index: 490;
}























































footer.mftr {
  /* usuń:
     position: absolute; 
     bottom: 0;
     left: 0;
  */
  width: 100%;
  background: #0001;
  font-size: .8rem;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

body:has(input#bgon:checked) footer.mftr {
  background: #fffa;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}

footer.mftr > nav {
  padding: .5rem 1rem .4rem;
}

@media(max-width: 1000px) {
  footer.mftr > nav {
    padding: .2rem 1rem .1rem;
  }
}

@media(max-width: 520px) {
  footer.mftr > nav {
    padding: .2rem 10px .1rem;
  }
}

footer.mftr > nav:first-child {
  width: 100%;
  border-bottom: 1px solid #0001;
}

@media(max-width: 520px) {
  footer.mftr > nav:first-child {
    border-top: 1px solid #0001;
    padding-top: 2rem;
  }
}

footer.mftr li {
  display: inline-block;
  margin-left: .5rem;
}

footer.mftr * {
  text-decoration: none;
  color: #0009;
  line-height: 1.5;
}

footer.mftr li img {
  display: inline-block;
  vertical-align: bottom;
  position: relative;
  top: -.1em;
}







/* ========== Klasa oryginalna ========== */
footer.mftr {
  /* usuń:
     position: absolute; 
     bottom: 0;
     left: 0;
  */
  width: 100%;
  background: #0001;
  font-size: .8rem;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

body:has(input#bgon:checked) footer.mftr {
  background: #fffa;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}

footer.mftr > nav {
  padding: .5rem 1rem .4rem;
}

@media(max-width: 1000px) {
  footer.mftr > nav {
    padding: .2rem 1rem .1rem;
  }
}

@media(max-width: 520px) {
  footer.mftr > nav {
    padding: .2rem 10px .1rem;
  }
}

footer.mftr > nav:first-child {
  width: 100%;
  border-bottom: 1px solid #0001;
}

@media(max-width: 520px) {
  footer.mftr > nav:first-child {
    border-top: 1px solid #0001;
    padding-top: 2rem;
  }
}

footer.mftr li {
  display: inline-block;
  margin-left: .5rem;
}

footer.mftr * {
  text-decoration: none;
  color: #0009;
  line-height: 1.5;
}

footer.mftr li img {
  display: inline-block;
  vertical-align: bottom;
  position: relative;
  top: -.1em;
}

/* ========== Duplikat z fixed ========== */
footer.mftr_fixed {
  /* Kluczowa różnica – stopka na stałe u dołu okna */
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 1; /* aby nic jej nie zasłaniało (w razie potrzeby) */

  /* Reszta styli taka sama jak w .mftr: */
  width: 100%;
  background: #0001;
  font-size: .8rem;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

body:has(input#bgon:checked) footer.mftr_fixed {
  background: #fffa;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}

footer.mftr_fixed > nav {
  padding: .5rem 1rem .4rem;
}

@media(max-width: 1000px) {
  footer.mftr_fixed > nav {
    padding: .2rem 1rem .1rem;
  }
}

@media(max-width: 520px) {
  footer.mftr_fixed > nav {
    padding: .2rem 10px .1rem;
  }
}

footer.mftr_fixed > nav:first-child {
  width: 100%;
  border-bottom: 1px solid #0001;
}

@media(max-width: 520px) {
  footer.mftr_fixed > nav:first-child {
    border-top: 1px solid #0001;
    padding-top: 2rem;
  }
}

footer.mftr_fixed li {
  display: inline-block;
  margin-left: .5rem;
}

footer.mftr_fixed * {
  text-decoration: none;
  color: #0009;
  line-height: 1.5;
}

footer.mftr_fixed li img {
  display: inline-block;
  vertical-align: bottom;
  position: relative;
  top: -.1em;
}



















.search-form {
  display: block;
  max-width: 600px;
  min-width: 260px;
  margin: 0 auto;
  padding-top: 2rem;
  position: relative;
}

@media(max-width: 520px) {
  body:not(.rts) .search-form {
    margin: 0 10px;
  }
}

.search-form input {
	position: absolute;
	left: 0;
	top: 0;
	width: calc(100% - 2.5rem - 5.5rem - 2px);
	margin: 0;
	border: 1px solid #0003;
	font-size: 1rem;
	line-height: 1;
	padding-top: calc(.5rem + 2px);
	padding-bottom: calc(.5rem + 2px);
	padding-right: 5.3rem;
	padding-left: 2.7rem;
	background: #fff url('../gfx/lupe.svg') no-repeat .8rem center;
	transition: all 0.15s ease;
	outline: none;
	z-index: 20;
	border-radius: 25px;
	}

.search-form .prompts ul#static-suggestions li a span {
    padding-left: 0.2rem;
	z-index: 999999;
}

body:has(input#bgon:checked) .search-form input {
	background: #fffd url('../gfx/lupe.svg') no-repeat .8rem center;
	border: 1px solid #fff;
	box-shadow: 0 0 .5rem #0004;
	}

.search-form input:focus {
	box-shadow: 0 0 1rem #0002;
	}
body:has(input#bgon:checked) .search-form input:focus {
	box-shadow: 0 0 1rem #000;
	}

a.key,
a.mic,
a.img {
	width: 2rem;
	height: 2rem;
	position: absolute;
	right: 2.2rem;
	top: 5px;
	opacity: .5;
	z-index: 25;
	}

a.mic {
	right: 3.7rem;
	}

a.img {
	right: .5rem;
	}

a.key:hover,
a.mic:hover,
a.img:hover {
	opacity: 1;
	}

a.key img,
a.mic img,
a.img img {
	width: 1.5rem;
	height: 2rem;
	object-fit: contain;
	}

.search-form button {
	margin: 1.2rem .5rem 1rem;
	padding: 0;
	border-radius: 99px;
	border: 0;
	font-size: 1rem;
	line-height: 1;
	padding-top: calc(.5rem + 5px);
	padding-bottom: calc(.5rem + 5px);
	padding-right: 2rem;
	padding-left: 2rem;
	background: var(--color2);
	color: #fff;
	font-weight: 400;
	}
@media(max-width:1000px) {
body:not(.index) .search-form button {
	padding-top: calc(.5rem - 2px);
	padding-bottom: calc(.5rem - 2px);
	}
	}
body:has(input#bgon:checked) .search-form button {
	background: #fff5;
	border: 1px solid #fff6;
	box-shadow: 0 0 .5rem #0004;
	color: var(--black);
	}

.search-form .prompts {
	position: absolute;
	z-index: 1000000;
	left: 0;
	top: 49px;
	background: #fff;
	border: 1px solid #0003;
	border-top: 1px solid #0001;
	z-index: 25;
	width: calc(100% - 2px);
	box-shadow: 0 .5rem .5rem #0002;
	border-radius: 0 0 25px 25px;
	text-align: left;
	display: none;
	}
@media(max-width: 1600px) {
.search-form .prompts {
	top: 45px;
	}
	}
@media(max-width: 1000px) {
.search-form .prompts {
	top: 40px;
	}
	}

body.rts .search-form .prompts {
	width: calc(450px + 5.5rem + 2.5rem);
	left: 8vw;
	top: 69px;
	}
@media(max-width: 1600px) {
body.rts .search-form .prompts {
	width: calc(300px + 5.5rem + 2.5rem);
	left: 5vw;
	top: 63px;
	}
	}
@media(max-width: 1000px) {
body.rts .search-form .prompts {
	width: calc(200px + 5.5rem + 2.5rem);
	left: 5vw;
	top: 56px;
	}
	}
@media(max-width: 520px) {
body.rts .search-form .prompts {
	width: calc(100% - 5rem + 3px);
	left: 10px;
	top: 56px;
	}
	}

body:has(input#bgon:checked) .search-form .prompts {
	box-shadow: 0 .5rem .5rem #0009;
	}

.search-form input:focus+.prompts {
	display: block;
	}

.search-form:has(.prompts) input:focus {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	}

.search-form .prompts ul {
	padding: .5rem 0;
	display: block;
	}

.search-form .prompts ul li a {
	position: relative;
	display: block;
	color: #666;
	font-weight: 400;
	font-size: .95rem;
	padding: .25rem 1rem;
	text-decoration: none;
	}

.search-form .prompts ul li a:hover {
	background: #eee6;
	color: #111;
	}

.search-form .prompts ul li a img {
	position: relative;
	left: -.5rem;
	margin-left: .25rem;
	top: -2px;
	width: 24px;
	height: 24px;
	object-fit: contain;
	display: inline-block;
	vertical-align: middle;
	}

.search-form .prompts ul li a>span:nth-child(2) {
	display: inline-block;
	min-width: calc(100% - 24px - 3rem);
	}

.search-form .prompts ul li a>span:last-child {
	font-size: .5rem;
	text-transform: uppercase;
	display: block;
	position: absolute;
	bottom: 0;
	right: 0;
	line-height: calc(24px + .5rem);
	padding: 0 1rem 0 .5rem;
	opacity: 0.3;
	display: none;
	}

.search-form .prompts ul li a>span:last-child:hover {
	opacity: 1;
	}

.search-form .prompts ul li a:hover>span:last-child {
	display: block;
	}

.search-form .prompts>div {
	text-align: center;
	}

.search-form .prompts>div button {
	margin: 0 .5rem 1.5rem;
	}

body:has(input#bgon:checked) .search-form .prompts>div button {
	background: var(--color2);
	border: none;
	box-shadow: none;
	}

.wtr {
	position: relative;
	width: 100%;
	max-width: 550px;
	margin: 1rem auto 2rem;
	text-align: left;
	}

body:has(input#bgon:checked) .wtr {
	background: #fffa;
	border-radius: 19px;
	padding: 10px;
	width: calc(100% - 20px);
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
	}
@media(max-width:520px) {
body:has(input#bgon:checked) .wtr {
	border-radius: 0;
	}
	}

.wtr>header {
	display: inline-block;
	vertical-align: middle;
	}

.wtr>header h2 {
	font-size: 1.5rem;
	color: #0005;
	line-height: 1;
	padding-bottom: .5rem;
	}
@media(max-width:820px) {
.wtr>header h2 {
	margin-left: 2rem;
	}
	}
@media(max-width:520px) {
.wtr>header h2 {
	margin-left: 1rem;
	}
body:has(input#bgon:checked) .wtr>header h2 {
	margin-left: 0;
	}
	}

.wtr>header h2 span {
	position: relative;
	color: var(--black);
	}
.wtr>header h2 span a {
	position: absolute;
	right: 0;
	display: block;
	font-size: .4rem;
	text-transform: uppercase;
	text-decoration: none;
	color: #0005;
	}
.wtr>header h2 span a:hover {
	color: var(--black);
	}

.wtr>small {
	display: inline-block;
	vertical-align: baseline;
	margin-left: 1.1rem;
	margin-right: 3rem;
	font-size: .6rem;
	text-transform: uppercase;
	}
@media(max-width:520px) {
.index .wtr>small {
	margin-left: 1rem;
	}

body:has(input#bgon:checked) .wtr>small {
	margin-left: 0;
	}
	}

.wtr>small>* {
	display: block;
	line-height: 1;
	}

.wtr a.photo {
	position: absolute;
	right: 0;
	top: 0;
	font-size: 0;
	background: #eee;
	padding: .25rem;
	border-radius: 999px;
	}
body:has(input#bgon:checked) .wtr a.photo {
	background: #fff;
	}
@media(max-width:800px) {
.wtr a.photo {
	top: 2rem;
	}
	}
@media(max-width:520px) {
.wtr a.photo {
	top: .5rem;
	right: .5rem;
	}
	}

.wtr a.photo img {
	width: 20px;
	height: 20px;
	object-fit: contain;
	}

.wtrb {
	display: flex;
	margin-left: -1rem;
	margin-right: -1rem;
	}
@media(max-width:600px) {
.wtrb {
	margin-left: 0;
	margin-right: 0;
	flex-wrap: wrap;
	}
	}

.wtrb>section {
	display: inline-block;
	vertical-align: top;
	min-width: calc(25% - .5rem - 2px);
	font-size: 1rem;
	padding: 0 .25rem;
	text-align: center;
	border-left: 1px solid #0002;
	}




@media(max-width:500px) {
.wtrb>section {
	min-width: calc(50% - 1rem - 2px);
	border-left: 1px solid #0000;
	}
	}

.wtrb>section:nth-child(1) {
	border-left: 0
	}
 
.wtrb>section header * {
	display: inline;
	background: #eee;
	border-radius: 99px;
	padding: .2rem .5rem;
	font-size: .6rem;
	text-transform: uppercase;
	margin: 0 auto;
	}
body:has(input#bgon:checked) .wtrb>section header * {
	background: #fff;
	}

.wtrb>section svg {
	width: clamp(50px,5vw,200px);
	height: 70px;
	margin-top: 0rem;
	margin-bottom: -.5rem;
	fill: var(--color1);
	}

.wtrb .additional {
	font-size: .55rem;
	line-height: 1;
	height: .6rem;
	}

.wtrb .temp {
	font-weight: bold;
	font-size: .9rem;
	line-height: 1.5;
	border-bottom: 1px solid #0001;
	}

.wtrb .desc {
	font-size: .5rem;
	text-transform: uppercase;
	padding-top: .5rem;
	color: #0008;
	}

.wtrb .desc>* {
	display: block;
	line-height: 1.2;
	}

.wtrb .desc strong {
	padding-bottom: 2px;
	color: var(--black)
	}

.nws {
	position: relative;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	}

body.index .nws {
	width: 1200px;
	}

@media(max-width:860px) {
.nws {
	overflow: hidden;
	padding-left: 2rem;
	padding-right: 2rem;
	width: calc(100% - 4rem);
	}
body.index .nws {
	padding-left: .5rem;
	padding-right: .5rem;
	width: calc(100% - 1rem) !important;
	}
	}

@media(max-width:520px) {
.nws {
	overflow: hidden;
	width: calc(100% - 1rem);
	}
body.index .nws {
	width: 100%;
	}	}

.nws>header h2 {
	font-size: 1.5rem;
	color: #0005;
	line-height: 1;
	padding-bottom: .5rem;
	text-align: left;
	}
body:has(input#bgon:checked) .nws>header h2 {
	font-size: 1.5rem;
	color: #fff;
	text-shadow: 0 0 .5rem #000;
	}

.car {
	position: relative;
	overflow: hidden;
	}
@media(max-width:520px) {
.car {
	overflow-x: scroll;
	}
	}

.car>ul {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	font-size: 0;
	text-align: left;
	transition: all 0.35s ease;
	}

.car>ul>li {
	display: inline-block;
	vertical-align: top;
	}

.ocar {
	display: block;
	position: relative;
	overflow:  visible;
	}

.ocar .prev,
.ocar .next {
	position: absolute;
	left: -20px;
	top: 0;
	width: 20px;
	height: calc(100% - .5rem);
	color: #0004;
	text-decoration: none;
	text-align: left;
	font-size: 1.8rem;
	line-height: 30px;
	display: flex;
	justify-content: center;
	flex-direction: column;
	overflow: hidden;
	background: linear-gradient(to left,#0000,#0000);
	border-radius:99px;
	text-indent: 5px;
	/* z-index: 10; */
	}
body:has(input#bgon:checked) .ocar .prev,
body:has(input#bgon:checked) .ocar .next {
	color: #fff;
	text-shadow: 0 0 .5rem #004;
	}

.ocar .next {
	left: auto;
	right: -20px;
	background: linear-gradient(to right,#0000,#0000);
	text-indent: 0;
	}

.ocar .prev:hover,
.ocar .next:hover {
	color: #222;
	background: linear-gradient(to left,#00000000,#00000010);
	}
.ocar .next:hover {
	color: #222;
	background: linear-gradient(to right,#00000000,#00000010);
	}

.ocar .prev span,
.ocar .next span {
	position: relative;
	display: block;
	font-family: roboto, sans-serif;
	font-weight: 300;
	transform: scale(.65,1);
	top: calc(50% - 15px);
	}

.ocar .prev span {
	left: -3px;
	}

.nwsc>div ul li {
	display: inline-block;
	font-size: 1rem;
	}
body:has(input#bgon:checked) .nwsc>div ul li {
	background: #fff;
	border-radius: 8px;
	overflow: hidden;
	}

.nwsc>div ul li:has(a:hover) {
	}

.nwsc>div ul li a {
	width: 100%;
	}

.nwsc>div ul li section a:has(img) {
	display: block;
	font-size: 0;
	}

.nwsc>div ul li section img {
	width: 100%;
	max-width: 100%;
	aspect-ratio: 1/.6;
	object-fit: cover;
	border-radius: 4px;
	position: relative;
	}

.nwsc>div ul li section header>*>a {
	display: block;
	position: relative;
	padding-top: .3rem;
	font-size: .9rem;
	line-height: 1.15;
	height: calc(.9rem * 1.15 * 3);
	text-align: left;
	color: var(--black);
	text-decoration: none;
	overflow: hidden;
	top: 0;
	font-weight: 400;
	font-family: roboto;
	width: auto;
	}

.results .nwsc>div ul li section header>*>a {
	font-size: .9rem;
	height: calc(.9rem * 1.15 * 3);
	}

body:has(input#bgon:checked) .nwsc>div ul li section header>*>a {
	padding-left: .5rem;
	padding-right: .5rem;
	}

.nwsc>div ul li section header>*>a strong {
	font-weight: 900;
	}

.nwsc>div ul li section p>a {
	display: block;
	position: relative;
	padding-top: .2rem;
	font-size: .7rem;
	line-height: 1.15;
	height: calc(.7rem * 1.15 * 3);
	text-align: left;
	color: #888;
	text-decoration: none;
	overflow: hidden;
	border-radius: 4px;
	width: auto;
	margin-bottom: 0rem;
	}
body:has(input#bgon:checked) .nwsc>div ul li section p>a {
	padding-left: .5rem;
	padding-right: .5rem;
	}

.nwsc>div ul li section>small {
	display: block;
	padding: .3rem 0;
	width: auto;
	}

body:has(input#bgon:checked) .nwsc>div ul li section>small {
	padding-left: .5rem;
	}

body.rts .nwsc>div ul li section>small {
	padding: .3rem 0 .1rem 0;
	}

.nwsc>div ul li section>small>a {
	display: block;
	font-size: .6rem;
	line-height: 1;
	color: var(--green);
	text-decoration: none;
	width: auto;
	}

.nwsc>div ul li section>small>a>span {
	display: inline-block;
	font-size: .55rem;
	line-height: 1;
	color: #0005;
	text-decoration: none;
	margin-left: .2rem;
	}

.nwsc>div ul li section>small>a img {
	width: 13px;
	height: 13px;
	object-fit: cover;
	border-radius: 99px;
	display: inline-block;
	vertical-align: middle;
	margin-right: .1rem;
	}
	
	/* Dodaj styl dla efektu ładowania */
.nwsc img.lazy {
  opacity: 0;
  transition: opacity 0.3s ease-in;
}

.nwsc img.lazy.loaded {
  opacity: 1;
}

.rts footer.mftr {
	position: relative;
	margin-top: 1.5rem;
	}
@media(max-width:520px) {
.rts footer.mftr {
	position: relative;
	margin-top: 1rem;
	}
	}

.rts.hot footer.mftr {
	margin-top: 2rem;
	}

.rts aside.tbelt {
	padding-left: 1rem;
	width: calc(100% - 2rem);
	}
@media(max-width:520px) {
.rts aside.tbelt {
	padding-left: 10px;
	padding-right: 10px;
	width: calc(100% - 20px);
	font-size: .6rem;
	}
	}

.rts .ovr {
	padding-top: 32px;
	}
@media(max-width:520px) {
.rts .ovr {
	padding-top: 29px;
	overflow: hidden;
	}
	}

.rts header.main {
	background: var(--color1);
	text-align: left;
	position: relative;
	padding: 0 5vw;
	}

.rts header.main a {
	width: auto;
	padding: .75rem 0 .5rem 0;
	}
@media(max-width:520px) {
.rts header.main a {
	padding: .5rem 0 .25rem 0;
	text-align: center;
	}
	}

.rts header.main img {
	height: 50px;
	width: auto;
	object-fit: contain;
	margin: 0;
	filter:brightness(0) invert(1);
	}
@media(max-width:520px) {
.rts header.main img {
	margin: 0 auto;
	height: 30px;
	margin: 0 auto;
	}
	}

.rts header.main {
	background: var(--color2);
	text-align: left;
	position: relative;
	padding: 0 8vw;
	}
@media(max-width:1600px) {
.rts header.main {
	padding: 0 5vw;
	}
	}
@media(max-width:520px) {
.rts header.main {
	padding: 0;
	background: var(--color1);
	}
	}

.rts .search-form {
	display: block;
	max-width: 100%;
	padding-left: 8vw;
	background: var(--color0);
	height: 2rem;
	}
@media(max-width:1600px) {
.rts .search-form {
	padding-left: 5vw;
	}
	}
@media(max-width:520px) {
.rts .search-form {
	display: block;
	max-width: 100%;
	padding-left: 0;
	height: .5rem;
	padding-top: 3rem;
	}
	}

.rts .search-form  input {
	left: 8vw;
	top: 1rem;
	width: 450px;
	border-color: #fff;
	}
@media(max-width: 1600px) {
.rts .search-form  input {
	left: 5vw;
	width: 300px;
	}
	}
@media(max-width: 1000px) {
.rts .search-form  input {
	width: 200px;
	}
	}
@media(max-width:520px) {
.rts .search-form  input {
	left: 10px;
	top: 1rem;
	width: calc(100% - 12rem);
	background: #fff url('../gfx/lupe.svg') no-repeat .3rem center;
	background-size: 20px;
	padding-left: 1.7rem;
	}
	}

.rts .search-form a.key,
.rts .search-form a.mic,
.rts .search-form a.img {
	right: auto;
	left: calc(5vw + 625px);
	top: calc(1rem + 6px);
	}

.rts .search-form a.key {
	left: calc(5vw + 625px - 1.75rem);
	}

.rts .search-form a.mic {
	left: calc(5vw + 625px - 3.35rem);
	}

@media(max-width: 1600px) {
.rts .search-form a.img {
	left: calc(5vw + 405px);
	top: calc(1rem + 4px);
	}
.rts .search-form a.key {
	left: calc(5vw + 405px - 1.75rem);
	top: calc(1rem + 4px);
	}
.rts .search-form a.mic {
	left: calc(5vw + 405px - 3.35rem);
	top: calc(1rem + 4px);
	}
	}

@media(max-width: 1000px) {
.rts .search-form a.img {
	left: calc(5vw + 295px);
	}
.rts .search-form a.key {
	left: calc(5vw + 295px - 1.75rem);
	}
.rts .search-form a.mic {
	left: calc(5vw + 295px - 3.35rem);
	}
	}

@media(max-width: 520px) {
.rts .search-form a.img {
	top: calc(1rem + 4px);
	left: auto;
	right: 4.3rem;
	}
.rts .search-form a.key {
	top: calc(1rem + 4px);
	left: auto;
	right: 6.0rem;
	}
.rts .search-form a.mic {
	top: calc(1rem + 4px);
	left: auto;
	right: 7.5rem;
	}
	}

.rts .search-form button.sbut1,
.rts .search-form button.sbut2 {
	position: absolute;
	top: -5px;
	left: calc(8vw + 620px);
	border: 1px solid #fff;
	background: transparent;
	color: #fff;
    padding-top: calc(.5rem + 4px);
    padding-bottom: calc(.5rem + 4px);
	}

@media(max-width:1600px) {
.rts .search-form button.sbut1,
.rts .search-form button.sbut2 {
	left: calc(5vw + 460px);
	top: -3px;
	}
	}
.rts .search-form button.sbut1:hover,
.rts .search-form button.sbut2:hover {
	background: #fff;
	color: var(--black);
	opacity: 1;
	}

.rts .search-form button.sbut2 {
	left: calc(8vw + 620px + 157px);
	}
@media(max-width:1600px) {
.rts .search-form button.sbut2 {
	left: calc(8vw + 460px + 100px);
	}
	}

@media(max-width: 1000px) {
.rts .search-form button.sbut1 {
	left: 382px;
	top: -3px;
    padding-top: calc(.5rem + 3px);
    padding-bottom: calc(.5rem + 4px);
	}
.rts .search-form button.sbut2 {
	left: 505px;
	top: -8px;
    padding-top: calc(.5rem + 3px);
    padding-bottom: calc(.5rem + 4px);
	}
	}

@media(min-width:520px) and (max-width: 600px) {
.rts .search-form button.sbut2 {
	display: none;
	}
	}

@media(max-width: 520px) {
.rts .search-form button.sbut1 {
	text-indent: -9999px;
	top: -.25rem;
	left: auto;
	right: 5px;
	border: 0;
	padding: 0;
	width: 41px;
	height: 41px;
	background: #fff url('../gfx/lupe.svg') no-repeat center !important;
	background-size: 20px !important;
	}
.rts .search-form button.sbut2 {
	display: none;
	}
	}

.rts nav.mn {
	display: block;
	background: var(--color0);
	padding: 0 8vw 5px;
	}
@media(max-width: 1600px) {
.rts nav.mn {
	padding: 0 5vw 5px;
	}
	}
@media(max-width: 520px) {
.rts nav.mn {
	display: block;
	padding: 7px 0 5px 10px;
	top: -5px;
	overflow-x: scroll;
	}
	}

.rts nav.mn ul {
	list-style-type: none;
	margin: 0;
	font-size: 0;
	}

.rts nav.mn ul li {
	display: inline-block;
	vertical-align: bottom;
	}

.rts nav.mn ul li header {
	padding: 0;
	background: transparent;
	}

.rts nav.mn ul li header a {
	padding: 0;
	border: none;
	}

.rts nav.mn ul li header a:has(img) {
	border: none !important;
	}

.rts nav.mn ul li header a img {
	height: 28px;
	margin-right: .5rem;
	}

.rts nav.mn ul li a {
	display: block;
	color: #fff;
	text-decoration: none;
	font-size: .7rem;
	text-transform: uppercase;
	font-weight: 600;
	padding: 0 .5rem;
	border-bottom: 5px solid #fff0;
	}
@media(max-width: 520px) {
.rts nav.mn ul li a {
	font-size: .8rem;
	padding: 0 .25rem;
	}
	}

.rts nav.mn ul li a:hover,
.rts nav.mn ul li a.active {
	border-bottom: 5px solid #fff;
	}

.meta-info {
	display: block;
	padding: .3rem 8vw 0;
	font-family: roboto, sans-serif;
	font-size: .8rem;
	line-height: 1;
	color: #777;
	}
@media(max-width: 1600px) {
.meta-info {
	padding: .3rem 5vw 0;
	}
	}
@media(max-width: 520px) {
.rts .meta-info {
	padding: 5px 10px 0;
	opacity: .6;
	}
	}

.meta-info a {
	color: #777;
	text-decoration: none;
	}

.meta-info p+ul {
	margin-top: .5rem;
	}

.meta-info ul li {
	display: inline-block;
	}

.meta-info ul li::after  {
	content: " /";
	}

.meta-info ul li:last-child::after  {
	content: "";
	}

.meta-info p+ul li a {
	color: var(--color0);
	}

.rts main.results {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 680px;
	margin-left: 8vw;
	}
@media(max-width: 1600px) {
.rts main.results {
	margin-left: 5vw;
	}
	}
@media(max-width: 1340px) {
.rts main.results {
	width: calc(60% - 5vw);
	}
	}
@media(max-width: 900px) {
.rts main.results {
	width: calc(100% - 10vw);
	}
	}
@media(max-width: 520px) {
.rts main.results {
	width: calc(100% - 20px);
	margin-left: 10px;
	}
	}

.rts main.results>*,
.rts aside.adds>* {
	margin-top: 1.3rem;
	}

@media(max-width: 520px) {
	.rts main.results>*,
	.rts aside.adds>* {
		margin-top: 0;
		padding: 0 .5rem;
		}
		
	.rts:not(.pur,.hol,.nier,.prod) main.results>*:not(.wiki):after,
	.rts:not(.pur,.hol,.nier,.prod) aside.adds>*:not(.wiki):after {
		content: '';
		display: block;
		height: 10px;
		background: #eee;
		margin: .75rem 0 .75rem -10px;
		position: relative;
		width: 100vw;
		border-top: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
		}

	.rts main.results>.res.yel:after,
	.rts aside.adds>.res.yel:after {
		top: 1.5rem;
		margin: .75rem 0 2.25rem -10px;
		}

	
	.rts:not(.pur,.hol,.nier,.prod) main.results>*:first-child:before {
		content: '';
		display: block;
		height: 10px;
		background: #eee;
		margin: 0 0 .75rem -10px;
		position: relative;
		width: 100vw;
		border-top: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
		}

	}

.rts main.results>*:nth-child(1) {
	margin-top: 1rem;
	}
@media(max-width: 520px) {
.rts main.results>*:nth-child(1) {
	margin-top: 0.3rem;
	width: auto;
	margin-left: 0;
	}
	}

.rts aside.adds {
	display: inline-block;
	vertical-align: top;
	width: 530px;
	margin-left: 2rem;
	}
@media(max-width: 1340px) {
.rts aside.adds {
	width: calc(40% - 5vw - 2rem);
	}
	}
@media(max-width: 900px) {
.rts aside.adds {
	width: calc(100% - 10vw);
	margin-left: 5vw;
	padding-top: 1rem !important;
	margin-top: 5rem !important;
	border-top: 1px solid #0002;
	}
	}
@media(max-width: 520px) {
.rts aside.adds {
	width: calc(100% - 0px);
	margin-left: 0;
	margin-top: 0 !important;
	padding-top: 0 !important;
	border: none;
	}
	}

.prs.fullw {
	width: calc(100vw - 250px - 25px - 2rem - 8px);
	margin-left: 0;
	}

@media(max-width:1200px) {
.rts.prod .prs.fullw {
	width: 100%;
	margin-left: 0;
	}
	}

.prs.fullw>header {
	margin-left: 0;
	}

.tt>*,
.results>section:not(.res,.rel)>header>*,
.results .nws>header *,
aside.adds>section:not(.res,.rel)>header>*,
aside.adds .nws>header * {
	color: var(--black);
	font-size: 1rem;
	line-height: 1;
	font-weight: 600;
	padding-bottom: 0;
	margin: 0 0 .3rem;
	}

.tt>* {
	margin: 0;
	}

.tt span {
	font-weight: normal;
	}

.prd {
	position: relative;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 6px;
	}

.prd>a:first-child {
	display: block;
	width: 100%;
	aspect-ratio: 1;
	}

.prd>a>img {
	display: block;
	min-width: 94%;
	max-width: 94%;
	min-height: 94%;
	max-height: 94%;
	margin-left: 3%;
	margin-top: 4%;
	object-fit: contain;
	}

.prd.hol>a>img {
	object-fit: cover;
	}

.prd>header a {
	display: block;
	font-size: .65rem;
	line-height: 1.2;
	height: calc(.7rem * 1.2 * 4);
	padding: 0 5%;
	overflow: hidden;
	font-weight: 600;
	text-decoration: none;
	margin-top: .2rem;
	}

.prd.hol>header a span {
	display: block;
	font-weight: normal;
	}

.prd .pr {
	display: block;
	font-size: .6rem;
	font-weight: 800;
	padding: 0 5%;
	}

.prd.hol .pr {
	text-align: right;
	}

.prd .skl,
.prd .inf {
	display: block;
	color: #777;
	text-decoration: none;
	font-size: .6rem;
	height: .6rem;
	overflow: hidden;
	line-height: 1;
	margin: .15rem 0;
	padding: 0 5%;
	}

.prd.hol .skl,
.prd.hol .inf {
	text-align: right;
	}

.prd .inf {
	color: #acacac;
	}
@media(max-width:1700px) {
.prd .inf {
	font-size: .5rem;
	}
	}

.strs {
	display: block;
	position: relative;
	min-width: calc(5 * 24px);
	height: 24px;
	}

.strs>span:nth-child(1) {
	display: inline-block;
	position: relative;
	width: calc(5 * 24px);
	height: 24px;
	background: url(gfx/star.svg);
	background-size: 24px;
	}

.strs>span:nth-child(1)>span {
	display: block;
	width: 90%;
	height: 100%;
	background: url(gfx/starfullyellow.svg);
	background-size: 24px;
	}

.strs>span:nth-child(2) {
	display: block;
	height: 24px;
	position: absolute;
	left: calc(5 * 24px);
	top: 0;
	font-size: 12px;
	line-height: 26px;
	height: 24px;
	margin-left: 5px;
	}

.prd .strs {
	min-width: calc(5 * 24px);
	margin-left: 4%;
	}

.prd .strs>span:nth-child(1) {
	width: calc(5 * 16px);
	height: 16px;
	background-size: 16px;
	}

.prd .strs>span:nth-child(1)>span {
	background-size: 16px;
	}

.prd .strs>span:nth-child(2) {
	height: 16px;
	left: calc(5 * 16px);
	font-size: 11px;
	line-height: 16px;
	height: 16px;
	margin-left: 1px;
	color: #666;
	}

.prd .thr {
	display: block;
	text-decoration: none;
	font-size: .55rem;
	height: .55rem;
	overflow: hidden;
	line-height: 1;
	margin: .15rem 5% 0;
	padding-bottom: 12px;
	}

.prd.hol .thr {
	text-align: right;
	}

.prd.pro {
	position: relative;
	overflow: hidden;
	}

.prd.pro * {
	font-size: .66rem;
	line-height: 1.2;
	}

.prd.pro header * {
	padding: 1rem .5rem .5rem;
	}

.prd.pro ul {
	padding: 0 .5rem .5rem .3rem;
	}

.prd.pro ul li {
	display: block;
	}

.prd.pro ul li a {
	display: block;
	margin-bottom: .4rem;
	font-weight: bold;
	text-decoration: none;
	}

.wiki>label {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1rem;
	padding-top: 100px;
	text-align: center;
	z-index: 1;
	cursor: pointer;
	opacity: .5;
	}
.wiki:has(>input:checked)>label {
	padding-top: 0;
	width: 2rem;
	left: calc(50% - 1rem);
	}

.wiki>label span {
	display: inline-block;
	position: relative;
	top: .3rem;
	width: 1rem;
	height: 1rem;
	overflow: hidden;
	font-size: 2rem;
	font-weight: 300;
	line-height: 1;
	transition: all .2s linear;
	transform: scale(1,0.65) rotate(-180deg);
	}
.wiki:has(>input:checked)>label span {
	display: inline-block;
	position: relative;
	top: .3rem;
	width: 1rem;
	height: 1rem;
	overflow: hidden;
	font-size: 2rem;
	font-weight: 300;
	line-height: 1;
	transition: all .2s linear;
	transform: scale(1,0.65) rotate(0deg);
	}

.wiki {
	position: relative;
	font-size: .8rem;
	line-height: 1.3;
	text-align: justify;
	max-height: 150px;
	overflow: hidden;
	transition: all 0.15s ease;
	}
@media(max-width: 520px) {
.wiki {
	font-size: .9rem;
	margin-bottom: 1rem;
	}
	}
.wiki:has(>input:checked) {
	max-height: 1000px;
	}

.wiki::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	background: linear-gradient(#fff0,#fff);
	width: 100%;
	height: 100px;
	transition: all 0.15s ease;
	}
.wiki:has(>input:checked)::after {
	height: 0;
	}

.wiki a.readout, .wiki a.readout img {
	display: block;
	float: left;
	width: calc(.9rem * 1.3 * 2);
	height: calc(.9rem * 1.3 * 2 - 1px);
	margin-right: 5px;
	}

.wiki .wikiimg {
	float: right;
	width: 33%;
	min-width: 150px;
	margin: 0 0 5px 20px;
	}

.wiki .chg {
	position: relative;
	font-size: .6rem;
	text-align: right;
	margin-top: 0 !important;
	}

.mgfx {
	position: relative;
	}

.mgfx ul li {
	display: inline-block;
	aspect-ratio: 1/1;
	}

.mgfx ul li img {
	display: block;
	min-width: 100%;
	max-width: 100%;
	min-height: 100%;
	max-height: 100%;
	aspect-ratio: 1/1;
	object-fit: cover;
	border-radius: 4px;
	}

.mgfx ul li:has(img+img) img {
	display: inline-block;
	vertical-align: top;
	min-width: calc(50% - 5px);
	max-width: calc(50% - 5px);
	min-height: calc(50% - 5px);
	max-height: calc(50% - 5px);
	aspect-ratio: 1/1;
	object-fit: cover;
	border-radius: 4px;
	}

.mgfx ul li:has(img+img)>img:nth-child(1) {
	margin-right: 10px;
	margin-bottom: 10px;
	}

.mgfx ul li:has(img+img)>img:nth-child(3) {
	margin-right: 10px;
	}

.mgfx .ocar+p {
	font-size: .6rem;
	padding-top: .1rem;
	}

.res {
	position: relative;
	font-size: .9rem;
	line-height: 1.2;
	}

.res::after {
	content: '';
	position: relative;
	display: block;
	clear: both;
	height: 10px;
	}

.res.yel {
	background: var(--adyellow);
	outline: 5px solid var(--adyellow);
	border-radius: 4px;
	padding-bottom: 0px;
	padding-left: .5rem;
	}
@media(max-width:520px) {
.res.yel {
	border-radius: 0;
	top: -7px;
	}
.res.yel::before {
	content: '';
	display: block;
	width: 100%;
	height: 8px;
	background: var(--adyellow);
	position: absolute;
	bottom: -12px;
	left: -.5rem;
	}
	}

.res>header a {
	position: relative;
	text-decoration: none;
	font-size: 1rem;
	color: var(--searchlink);
	}
.res>header a:hover {
	color: var(--visitedlink);
	}

.res>header+.licon {
	position: absolute;
	left: -28px;
	top: 6px;
	width: 16px;
	height: 16px;
	object-fit: cover;
	}
@media(max-width: 840px) {
.res>header+.licon {
	display: none;
	}
	}

.res p {
	position: relative;
	margin-top: .3rem;
	}

.res.yel p {
	min-height: 0;
	}

.res p+p,
.res p+img+p,
.res p+div+p,
.res p+.strs+img+p {
	position: relative;
	margin-top: .3rem;
	font-size: .9rem;
	color: var(--blacksearch);
	min-height: 0;
	}

.res p+p {
	margin-top: 0;
	}
.res.ilu p+p,
.res.vid p+p,
.res.pur p+p {
	clear: both;
	padding-top: .3rem;
	}
@media(max-width:520px) {
.res p+p {
	margin-top: .3rem;
	}
.res.ilu p+p,
.res.vid p+p,
.res.pur p+p {
	clear: both;
	padding-top: 0;
	}
	}

.res img.cicon {
	width: 24px;
	height: 24px;
	background: #eee;
	border-radius: 99px;
	float: left;
	margin-right: 6px;
	object-fit: cover;
	position: relative;
	top: 6.5px;
	}
@media(max-width:520px) {
.res img.cicon {
	top: 1.5px;
	}
	}

.res.vid img.cicon {
	background: none;
	border-radius: 0;
	}

.res a.bl {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	color: #222;
	text-decoration: none;
	font-size: .8rem;
	line-height: 1.5;
	margin-top: -7px;
	margin-right: 10rem;
	}

.res .ldl {
	position: absolute;
	display: block;
	right: 6.4rem;
	top: .4rem;
	height: calc(.8rem * 1.5);
	background: #0001;
	padding: 0 .5rem;
	border-radius: 99px;
	}
@media(max-width:520px) {
.res .ldl {
	top: -.1rem;
	right: 5.5rem;
	padding: .25rem .6rem
	}
	}

.res .ldl * {
	display: inline-block;
	vertical-align: middle;
	}

.res .ldl img {
	width: .75rem;
	height: .75rem;
	}
@media(max-width:520px) {
.res .ldl img {
	width: 1.2rem;
	height: 1.2rem;
	}
	}

.res .ldl a+a  {
	border-left: 1px solid #0003;
	padding-left: .2rem;
	}
@media(max-width:520px) {
.res .ldl a+a  {
	padding-left: .3rem;
	}
	}

.res a.wshare {
	position: absolute;
	display: block;
	right: 1.5rem;
	top: .4rem;
	height: calc(.8rem * 1.5);
	background: #0001;
	padding: 0 .5rem;
	border-radius: 99px;
	}
@media(max-width:520px) {
.res a.wshare {
	padding: .25rem .5rem;
	right: 2.7rem;
	top: -.1rem;
	}
	}

.res a.wshare img {
	width: .75rem;
	height: .75rem;
	display: inline-block;
	vertical-align: middle;
	}
@media(max-width:520px) {
.res a.wshare img {
	width: 1.2rem;
	height: 1.2rem;
	}
	}

.res a.wshare span {
	height: .75rem;
	color: #5f6267;
	font-weight: bold;
	font-size: .5rem;
	line-height: .75rem;
	padding-left: .2rem;
	display: inline-block;
	vertical-align: middle;
	}
@media(max-width:520px) {
.res a.wshare span {
	display: none;
	}
	}

.res a.winfo {
	position: absolute;
	display: block;
	right: 0;
	top: .4rem;
	height: calc(.8rem * 1.5);
	}
@media(max-width: 520px) {
.res a.winfo {
	position: absolute;
	right: .5rem;
	top: -2px;
	height: auto;
	margin-top: 0;
	}
	}
.res a.winfo:hover {
	opacity: .7;
	}

.res a.winfo img {
	width: calc(.8rem * 1.5);
	height: calc(.8rem * 1.5);
	object-fit: contain;
	}
@media(max-width: 520px) {
.res a.winfo img {
	width: 28px;
	height: 28px;
	}
	}

.res a.gr {
	display: block;
	color: var(--green);
	text-decoration: none;
	font-size: .7rem;
	line-height: 1;
	margin-right: 10rem;
	}
@media(max-width: 520px) {
.res a.gr {
	margin-right: calc(.5rem + 36px);
	}
	}

.res .ilu {
	width: 120px;
	height: 80px;
	object-fit: cover;
	float: left;
	margin-top: .5rem;
	margin-right: .5rem
	}
@media(max-width: 520px) {
.res .ilu {
	margin-bottom: 10px;
	}
	}

.ovid {
	position: relative;
	width: 120px;
	float: left;
	margin-top: .5rem;
	margin-right: .5rem;
	font-size: 0;
	}

.res .ovid .ilu {
	width: 120px;
	float: none;
	margin-top: 0;
	margin-right: 0;
	}

.ovid .ilu+img {
	display: block;
	width: 32px;
	height: 32px;
	object-fit: contain;
	position: absolute;
	left: 0;
	top: calc(50% - 16px);
	left: calc(50% - 16px);
	}

.adi {
	display: block;
	width: 20px;
	height: 20px;
	background: var(--green);
	color: #fff;
	font-weight: bold;
	text-align: center; 
	font-size: 12px;
	line-height: 23px;
	border-radius: 99px;
	overflow: hidden;
	cursor: help;
	}

header .adi {
	display: inline-block;
	vertical-align: baseline;
	position: relative;
	top: 2px;
	}


.res.yel .adi {
	position: absolute;
	bottom: 0;
	right: 0;
	cursor: help;
	}
@media(max-width:520px) {
.res.yel .adi {
	right: 1rem;
	}
	}

.res .strs {
	margin-top: .2rem;
	height: 24px;
	}

.ugfx {
	position: relative;
	margin-top: .5rem !important
	}

.ugfx img {
	width: 100%;
	aspect-ratio: 1;
	border-radius: 4px;
	}

section.mvid {
	position: relative;
	}

.mvid li>img:first-child {
	display: block;
	max-width: 100%;
	min-width: 100%;
	height: 150px;
	aspect-ratio: 3/2;
	margin-bottom: .5rem;
	}
@media(max-width:520px) {
.mvid li>img:first-child {
	height: 80px;
	}
	}

.mvid li .mvid iframe {
	max-width: 100%;
	height: 150px;
	margin-bottom: .5rem;
	}

.mvid li .mvid {
	display: none;
	}

.mvid li input {
	display: none;
	}

.mvid li label {
	display: block;
	width: 48px;
	height: 48px;
	float: left;
	margin-right: 5px;
	}

.mvid label img {
	width: 48px;
	height: 48px;
	object-fit: contain;
	}

.mvid label+a {
	font-size: .7rem;
	line-height: 1.3;
	}

.mvid li input:checked+label {
	opacity: 0.5;
	}

.mvid li:has(input:checked)>img {
	display: none;
	}

.mvid li:has(input:checked) .mvid {
	display: block;
	}

section.nws {
	position: relative;
	}

.www li a {
	display: block;
	position: relative;
	font-size: 0;
	}

.www li a img {
	max-width: 100%;
	min-width: 100%;
	aspect-ratio: 5/4;
	object-fit: cover;
	}

.www li a span {
	display: block;
	color: #fff;
	text-shadow: 0 0 5px #000, 0 0 5px #000;
	font-size: .6rem;
	line-height: 1;
	padding: .3rem;
	position: absolute;
	left: 0;
	bottom: 0;
	background: linear-gradient(to bottom,#0000,#000);
	opacity: 0;
	transition: all 0.3s ease;
	word-break: break-all;
	}
.www li a:hover span {
	opacity: 1;
	}

.rads {
	position: relative;
	}

.rads .ads {
	}

.rads ul {
	font-size: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	}

.rads ul li {
	display: inline-block;
	width: calc(33% - 8px);
	margin-bottom: 16px;
	font-size: .8rem;
	text-align: center;
	}
@media(max-width: 520px) {
.rads ul li {
	width: calc(50% - 8px);
	}
}

.rads ul li a {
	display: block;
	outline: 1px solid #0002;
	border-radius: 4px;
	text-decoration: none;
	background: linear-gradient(to bottom,#fff,#fff 70%,#0001);
	}
.rads ul li a:hover {
	display: block;
	outline: 1px solid #0002;
	border-radius: 4px;
	text-decoration: none;
	background: linear-gradient(to bottom,#fff,#fff 70%,#0000);
	box-shadow: 0 0 1rem #0004;
	}

.rads ul li a>* {
	display: block;
	padding-left: .5rem;
	padding-right: .5rem;
	}

.rads strong {
	font-size: .8rem;
	line-height: 1.2;
	height: calc(0.8rem * 1.2 * 2);
	overflow: hidden;
	}

.rads .cena {
	color: #333;
	font-size: 1rem;
	display: block;
	padding-top: .2rem;
	}

.rads li>a>span {
	font-size: .6rem;
	padding-top: .5rem;
	text-align: right;
	padding-bottom: .5rem;
	color: var(--green);
	}

.rads li img {
	position: relative;
	padding: 5%;
	max-width: 90%;
	min-width: 90%;
	aspect-ratio: 1/1;
	object-fit: contain;
	background: #fff;
	border-radius: 4px 4px 0 0;
	}

.dls {
	position: relative;
	}

.dls ul {
	display: flex;
	flex-wrap: wrap;
	}

.dls ul li {
	display: inline-block;
	border-right: 1px solid #0002;
	margin-right: 10px;
	padding-right: 10px;
	font-size: 0;
	width: calc(25% - 16px);
	}
@media(max-width: 520px) {
.dls ul li {
	width: calc(50% - 16px);
	}
}

.dls ul li:nth-child(4),
.dls ul li:nth-child(8) {
	border: none;
	margin-right: 0;
	padding-right: 0;
	}
@media(max-width: 520px) {
.dls ul li:nth-child(2),
.dls ul li:nth-child(6) {
	border: none;
	margin-right: 0;
	padding-right: 0;
	}
	}

.dls ul li a {
	display: block;
	text-decoration: none;
	padding-top: .3rem;
	}

.dls ul li a img {
	display: inline-block;
	vertical-align: top;
	width: 22%;
	margin-left: .3rem;
	margin-right: 5%;
	border-radius: 4px;
	}

.dls ul li a strong {
	display: inline-block;
	vertical-align: top;
	width: calc(73% - .6rem);
	font-size: .7rem;
	line-height: 1.05;
	height: calc(.7rem * 1.05 * 3);
	overflow: hidden;
	word-break: break-word;
	}

.dls ul li a small {
	display: block;
	font-size: .45rem;
	color: #0008;
	padding: .3rem;
	}

.dls ul li a span {
	display: block;
	font-size: .65rem;
	line-height: 1.2;
	color: #666;
	text-align: justify;
	padding: .3rem;
	padding-top: 0;
	}

.dls ul li a:hover {
	box-shadow: 0 0 1rem #0005;
	}

.rel {
	background: #fff;
	}

.rel ul {
	font-size: 0;
	}

.rel ul li {
	display: inline-block;
	}

.rel ul li a {
	display: block;
	border: 1px solid #0003;
	border-radius: 99px;
	line-height: 1;
	padding: .4rem .7rem;
	margin: .2rem .4rem .2rem 0;
	font-size: .8rem;
	background: #fff;
	}
@media(max-width:600px) {
.rel ul li a {
	padding: .3rem .5rem;
	font-size: .7rem;
	}
	}

.rel ul li a:hover {
	box-shadow: 0 0 1rem #0005;
	}

.map {
	position: relative;
	}

.map .seemore {
	position: relative;
	font-size: .55rem;
	top: -.5rem;
	font-weight: normal;
	text-transform: uppercase;
	}

.map iframe {
	border-radius: 4px;
	overflow: hidden;
	}

.iico {
	display: inline-block;
	vertical-align: middle;
	margin-right: .3rem;
	width: 24px;
	height: 24px;
	background: #eee;
	border-radius: 99px;
	overflow: hidden;
	}

.iico img {
	width: 22px;
	height: 22px;
	margin: 1px;
	object-fit: contain;
	}

.sha>header * {
	font-weight: normal;
	}

.sha ul {
	font-size: 0;
	}

.sha li {
	display: inline-block;
}

button.btn.fb {
	background: #1f5ba7;
	background: linear-gradient(#4a7cbb,#1f5ba7);
	box-shadow: 0 2px 3px #0004
	}

button.btn.tw {
	background: #4cb1d7;
	background: linear-gradient(#75daff,#4cb1d7);
	box-shadow: 0 2px 3px #0004
	}

button.btn.lin {
	background: #2f7cff;
	background: linear-gradient(#62b3ff,#2f7cff);
	box-shadow: 0 2px 3px #0004
	}

button.btn.pin {
	background: #c12e27;
	background: linear-gradient(#ff6c65,#c12e27);
	box-shadow: 0 2px 3px #0004
	}

button.btn.wha {
	background: #509d3f;
	background: linear-gradient(#7ecc6d,#509d3f);
	box-shadow: 0 2px 3px #0004
	}

button.btn.red {
	background: #e59600;
	background: linear-gradient(#f6b333,#e59600);
	box-shadow: 0 2px 3px #0004
	}

.acc {
	position: relative;
	}

.acc>input {
	display: none;
	}

.acc>label {
	position: relative;
	line-height: 1.2;
	font-weight: bold;
	display: block;
	padding: .5rem 0;
	padding-right: 3rem;
	margin-bottom: .5rem;
	border-bottom: 1px solid #0003;
	cursor: pointer;
	}
@media(min-width:600px) {
.acc>label {
	font-size: .9rem;
	}
}

.acc>label:after {
	content: "+";
	display: block;
	width: 1.5rem;
	height: 1.5rem;
	text-align: center;
	font-size: 1.5rem;
	font-weight: 300;
	line-height: 1;
	position: absolute;
	right: 0;
	top: .3rem;
	opacity: 0.5;
	transition: all .2s linear;
	} 
@media(min-width:600px) {
.acc>label:after {
	top: .55rem;
	} 
	}

.acc>div {
	max-height: 0;
	overflow: hidden;
	transition: max-height .5s linear;
	font-size: .8rem;
	}

.acc>input:checked+label:after {
	transform: rotate(135deg);
	} 

.acc>input:checked+label+div {
	max-height: 500px;
	}

.acc+.acc {
	margin-top: 0 !important;
	}

.oad ul li {
	padding: .75rem 0;
	border-bottom: 1px solid #0002;
	}

.oad ul li:last-child {
	border-bottom: 0;
	}

.oad ul li * {
	margin: 0;
	padding: 0;
	line-height: 1;
	}

.oad li section header a {
	font-size: 1rem;
	text-decoration: none;
	color: var(--searchlink);
	}
.oad li section header a:hover {
	color: var(--visitedlink);
	}

.oad li a.gr {
	display: block;
	font-size: .9rem;
	padding-top: .2rem;
	line-height: 1;
	color: var(--green);
	}

.oad li p+p {
	font-size: .9rem;
	line-height: 1.2;
	padding-top: .3rem;
	}

.fir {
	background: #00000005;
	border-radius: 8px;
	}
@media (max-width: 520px) {
.fir {
	background: transparent;
	margin-left: 0px;
	margin-right: 0px;
	}
	}

.fir button {
	font-size: .75rem;
	padding: .3rem .7rem;
	margin: 0;
	}

.fir>label {
	padding-left: .5rem;
	margin-bottom: 0;
	border-bottom: 1px solid #0001;
	border-radius: 8px;
	font-weight: normal;
	}

.fir>input:checked+label {
	border-radius: 8px 8px 0 0;
	}

.fir>input:checked+label+div {
	max-height: 1500px;
	}

.fir>label+div>* {
	padding-left: .5rem;
	padding-right: .5rem;
	}

.fir>label+div>section {
	display: flex;
	flex-wrap: wrap;
	font-size: .8rem;
	}

.fir>label+div>section>header {
	width: 50%;
	height: 200px;
	position: relative;
	display: flex;
	justify-content: center;
	flex-direction: column;
	text-align: center;
	}

.fir>label+div>section>header span {
	display: block;
	}

.fir>label+div>section>.omap {
	width: calc(50% + .5rem);
	}

.fir>label+div>section>.omap iframe {
	height: 200px;
	}

.fir>label+div>section .tit {
	display: block;
	width: 100%;
	font-weight: bold;
	font-size: 1rem;
	line-height: 1.2;
	padding: .3rem 0;
	}

.fir>label+div>section .ostrs {
	display: block;
	width: 100%;
	background: linear-gradient(to right,#0000,#0001,#0001);
	padding: .5rem .2rem .3rem;
	text-align: right;
	margin-right: -.5rem;
	}

.fir>label+div>section .ostrs .strs {
	display: inline-block;
	vertical-align: middle;
	width: 200px;
	text-align: left;
	}

.fir>label+div>section .ostrs button {
	margin-right: 10px;
	top: -2px;
	position: relative;
	}

.fir>label+div>section .data {
	width: 100%;
	padding-top: .5rem;
	}

.fir>label+div>section .data li {
	border-bottom: 1px solid #0001;
	line-height: 1;
	padding: .25rem .5rem;
	}

.fir>label+div>section .data li:last-child {
	border-bottom: 0;
	}

.fir>label+div>section .data label {
	display: inline-block;
	vertical-align: top;
	width: 50%;
	color: #aaa;
	}

.fir>label+div>section .data label+span {
	display: inline-block;
	width: 50%;
	color: var(--black);
	}

.fir>label+div>section .data ul {
	display: inline-block;
	vertical-align: top;
	position: relative;
	margin-top: -.25rem;
	}
.fir>label+div>section .data ul li {
	padding-left: 0;
	border: none;
	}

.fir>label+div>section .data ul button {
	margin: 0;
	font-size: .7rem;
	padding: .3rem .7rem .2rem;
	opacity: .8;
	}

.fir .omap {
	margin-right: -.5rem;
	}

.fir ul+button {
	margin-bottom: .5rem;
	font-size: .6rem;
	text-transform: uppercase;
	}

nav.paging {
	display: block;
	position: relative;
	padding: 3rem 5vw 0;
	}
@media(max-width:520px) {
nav.paging {
	padding: 0;
	}
	}

nav.paging ul {
	font-size: 0;
	border-top: 1px solid #0002;
	padding-top: 1rem;
	}
@media(max-width:520px) {
nav.paging ul {
	text-align: center;
	padding: 0;
	border: 0;
	}
	}

nav.paging ul li {
	display: inline-block;
	font-size: 1rem;
	text-align: center;
	margin: .4rem .4rem 0 0;
	}

nav.paging ul li a {
	display: block;
	border: 1px solid #0003;
	border-radius: 99px;
	line-height: 1;
	padding: .5rem .7rem;
	font-size: 1rem;
	font-weight: bold;
	text-decoration: none;
	}
nav.paging ul li a.active {
	background: #0001;
	}

nav.paging ul li a:hover {
	box-shadow: 0 0 1rem #0005;
	}

.winfo-ovr {
	position: fixed;
	display: block;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #0005;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
	z-index: 200;
	}
.winfo-ovr::after {
	content:'\00d7';
	position: absolute;
	right: 20px;
	top: 0;
	display: block;
	width: 30px;
	height:30px;
	text-align: center;
	font-size: 1.5rem;
	line-height: 30px;
	color: #0003;
	cursor: pointer;
	}
@media(max-width:520px) {
.winfo-ovr::after {
	right: 10px;
	top: 8px;
	color: #0006;
	}
	}

.winfo-ovr>div {
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	width: 300px;
	padding: 1rem;
	text-align: center;
	height: 100%;
	background: #fff;
	overflow-x: hidden;
	overflow-y: scroll;
	box-shadow: 0 0 5rem #000;
	}

.winfo-ovr>div * {
	max-width: 100%;
	}

.winfo-ovr section {
	display: block;
	margin-bottom: 1rem;
	}

.winfo-ovr section header * {
	font-size: .7rem;
	text-transform: uppercase;
	color: #0006;
	font-weight: bold;
	letter-spacing: .05rem;
	text-align: left;
	text-decoration: none;
	margin-bottom: .25rem;
	}

.winfo-ovr section:first-child header * {
	margin-bottom: .75rem;
	}

.winfo-ovr section header+a {
	display: block;
	font-size: .8rem;
	font-weight: bold;
	line-height: 1.2;
	word-break: break-all;
	margin-bottom: .5rem;
	background: #0001;
	padding: 1rem;
	margin-left: -1rem;
	margin-right: -1rem;
	text-align: left;
	color: var(--searchlink);
	}

.winfo-ovr section header+a img {
	aspect-ratio: 3/2;
	object-fit: cover;
	display: block;
	margin: .5rem 0 0 0;
	}

.winfo-ovr section header+a+ul {
	text-align: left;
	font-size: .7rem;
	display: inline-block;
	color: #0006;
	}

.winfo-ovr section header+a+ul li a:hover {
	color: var(--black);
	text-decoration: none;
	}

.winfo-ovr section:nth-child(2) {
	background :#0001;
	padding: 1rem;
	margin-left: -1rem;
	margin-right: -1rem;
	}

.winfo-ovr section:nth-child(2) button {
	font-size: .7rem;
	padding-left: .65rem;
	padding-right: .65rem;
	}

.winfo-ovr hr {
	border: none;
	border-top: 1px solid #0002;
	}

.winfo-ovr textarea {
	font-size: .8rem;
	padding: .5rem;
	margin: .5rem 0;
	width: calc(100% - 1rem - 2px);
	border: 2px solid #0004;
	border-radius: 4px;
	box-shadow: 0 0 1rem #0001;
	height: 5rem;
	}

@media(max-width:520px) {
body.rts-nws .results {
	background: #eee;
	margin: 0 !important;
	width: 100% !important
	}
	}

@media(max-width:520px) {
body.rts-nws .meta-info {
	background: #eee;
	opacity: 1;
	}
	}

@media(max-width:520px) {
body.rts-nws .results .tt>* {
	padding: 2rem 1rem;
	}
body.rts-nws .results .tt::before,
body.rts-nws .results .tt::after {
	display: none;
	}
	}

@media(max-width:520px) {
	body.rts-nws .results .rel {
		background: #fff;
		padding: 1rem 0;
		}
	body.rts-nws .results .rel>* {
		margin: 0 1rem;
		}
	}

.onws {
	display: block;
	position: relative;
	border: 1px solid #0002;
	padding: 16px;
	border-radius: 16px;
	margin: 1rem 0 0 0 !important;
	background: #fff;
	box-shadow: 0 0 2px #0001;
	}
@media(max-width:520px) {
body.rts-nws .onws {
	width: auto !important;
	margin-left: 1rem !important;
	margin-right: 1rem !important;
	}
.onws::before {
	display: none !important;
	}
.onws::after {
	display: none !important;
	}
	}

.onws>a>img {
	float: right;
	width: 220px;
	height: 135px;
	object-fit: cover;
	border-radius: 6px;
	}
@media(max-width:600px) {
.onws>a>img {
	width: 135px;
	height: 135px;
	}
	}
@media(max-width:400px) {
.onws>a>img {
	width: 90px;
	height: 90px;
	}
	}

.onws small {
	display: block;
	font-size: .75rem;
	line-height: 1;
	color: #999;
	margin-bottom: .7rem;
	}
@media(max-width:520px) {
.onws small {
	font-size: .6rem;
	}
	}

.onws small a {
	text-decoration: none;
	color: var(--green);
	}

.onws small img {
	width: 16px;
	height: 16px;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	top: -1px;
	margin-right: .2rem;
	}

.onws header * {
	display: block;
	font-weight: 600;
	font-size: 1rem;
	line-height: 1.2;
	color: var(--black);
	text-decoration: none;
	max-height: calc(1rem * 1.2 * 2);
	overflow: hidden;
	padding: 0;
	margin: 0;
	margin-right: 2rem;
	}

.onws p {
	display: block;
	font-weight: 400;
	font-size: .75rem;
	line-height: 1.3;
	color: #888;
	text-decoration: none;
	padding-top: .3rem;
	max-height: calc(.75rem * 1.3 * 3);
	overflow: hidden;
	margin-right: 0;
	width: calc(100% - 200px - 16px - 16px);
	}
@media(max-width:600px) {
.onws p {
	font-size: .9rem;
	padding-top: .3rem;
	max-height: calc(.9rem * 1.3 * 2);
	width: calc(100% - 130px - 16px - 16px);
	}
	}
@media(max-width:400px) {
.onws p {
	display: none;
	}
	}

.onws:not(:has(>a img)) p {
	width: auto;
	}

.onws .dat {
	display: block;
	font-size: .6rem;
	color: #bbb;
	padding-top: .5rem;
	}

.top-filters {
	position: relative;
	z-index: 100;
	font-size: 0;
	}
@media(max-width:520px) {
	.top-filters {
		padding-left: 1rem;
		padding-top: .5rem;
	}
	}

.top-filters::before,
.top-filters::after {
	display: none !important;
	}

.top-filters>div {
	display: inline-block;
	vertical-align: top;
	}

.top-filters input {
	display: none;
	}

.top-filters label {
	position: relative;
	display: block;
	font-size: .8rem;
	line-height: 1;
	padding: .5rem 1.5rem .5rem .8rem;
	margin: 0 1rem 0 0;
	border: 1px solid #0004;
	border-radius: 999px;
	color: #666;
	background: #fff;
	cursor: pointer;
	}

.top-filters label::after {
	content: '^';
	width: 1rem;
	height: 1rem;
	position: absolute;
	right: .3rem;
	top: .35rem;
	text-align: center;
	font-size: 1rem;
	line-height: 1.3rem;
	overflow: hidden;
	opacity: .5;
	transform: scale(1,0.7) rotate(180deg);
	}

.top-filters label+ul {
	display: none;
	border: 1px solid #0004;
	position: absolute;
	top: 2rem;
	left: 0;
	width: 150px;
	background: #fff;
	border-radius: 4px;
	box-shadow: .2rem .2rem .3rem #0003;
	}

.top-filters input#newsfit+label+ul {
	width: 210px;
	}

.top-filters label+ul li a {
	display: block;
	padding: .3rem .5rem;
	font-size: .8rem;
	color: #666;
	text-decoration: none;
	}

.top-filters label+ul li a:hover {
	background: #0001;
	}

.top-filters input:checked+label {
	}

.top-filters input:checked+label::after {
	transform: scale(1,0.7) rotate(0deg);
	}

.top-filters input:checked+label+ul {
	display: block;
	}

@media(min-width:1600px) {
.rts main.results:has(.left-menu) {
	margin-left: 11vw;
	}
	}

.left-menu {
	position: absolute;
	top: 3rem;
	left: -11vw;
	margin: 1rem 0 0 0 !important;
	width: 10vw;
	font-size: .8rem;
	}
@media(max-width:1600px) {
.left-menu {
	left: -5vw;
	width: 4vw;
	}
	}
@media(max-width:860px) {
.left-menu {
	left: -6vw;
	width: 3vw;
	}
	}
@media(max-width:520px) {
.left-menu {
	position: relative;
	top: 0;
	left: 0;
	margin: 1rem 0 0 1rem !important;
	width: auto;
	}
.left-menu::before, .left-menu::after {
	display: none !important;
	}
	}

@media(max-width:520px) {
.left-menu li {
	display: inline-block;
	}
	}

.left-menu a {
	display: block;
	position: relative;
	padding: .3rem .5rem .3rem 2rem;
	color: #666;
	text-decoration: none;
	margin-bottom: .75rem;
	border-radius: 0 99px 99px 0;
	overflow: hidden;
	}
@media(max-width:1600px) {
.left-menu a {
	font-size: 0;
	height: 1.3rem;
	}
	}
@media(max-width:520px) {
.left-menu a {
	margin-bottom: 0;
	border-radius: 99px;
	}
	}

.left-menu a.active, .left-menu a:hover {
	background: #0001;
	}

.left-menu a img {
	display: block;
	width: 20px;
	height: 20px;
	position: absolute;
	left: 10px;
	top: .37rem;
	}

.rts.gfx .results {
	margin: 0 0 0 .5rem;
	width: calc(100% - 1rem);
	}

.gfxs ul {
	position: relative;
	font-size: 0;
	}

.gfxs ul li {
	display: inline-block;
	vertical-align: top;
	padding: .25rem;
	width: calc(100% / 8 - .5rem);
	aspect-ratio: 1/1;
	}
@media(max-width:1600px) {
.gfxs ul li {
	width: calc(100% / 6 - .5rem);
	}
	}
@media(max-width:900px) {
.gfxs ul li {
	width: calc(100% / 5 - .5rem);
	}
	}
@media(max-width:520px) {
.gfxs ul li {
	width: calc(100% / 4 - .5rem);
	}
	}
	
.gfxs ul li a {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
	background: #0002;
	border-radius: 8px;
	overflow: hidden;
	outline: 1px solid #0001;
	}
.gfxs ul li a:hover {
	background: #000;
	}

.gfxs ul li img {
	width: 100%;
	aspect-ratio: 1/1;
	object-fit: cover;
	}
.gfxs ul li a:hover img {
	opacity: .9;
	}

.gfxs ul li a p {
	font-size: .6rem;
	line-height: 1.2;
	color: #fff;
	padding: .3rem .5rem;
	position: absolute;
	bottom: 0;
	left: 0;
	width: calc(100% - 1rem);
	background: #0007;
	bottom: -100%;
	transition: all 0.3s ease;
	}

.gfxs ul li a p span {
	color: #ff0;
	display: block;
	font-size: .4rem;
	text-transform: uppercase;
	text-align: right;
	}

.gfxs ul li a:hover p {
	bottom: 0;
	}

.rts.vid .results {
	width: auto;
	margin: 0 8vw;
	}
@media(max-width: 1600px) {
.rts.vid .results {
	margin: 0 5vw;
	}
	}
@media(max-width: 1340px) {
.rts.vid .results {
	width: auto;
	margin: 0 5vw;
	}
	}
@media(max-width: 900px) {
.rts main.results {
	width: auto;
	margin: 0 5vw;
	}
	}
@media(max-width: 520px) {
.rts main.results {
	width: 100%;
	margin: 0;
	}
	}

.rts.vid .results {
	}
@media(max-width: 520px) {
.rts.vid .results {
	width: calc(100% - 20px);
	margin: 0 10px;
	}
	}

.vids {
	position: relative;
	}
@media(max-width: 520px) {
.vids {
	background: #eee;
	margin-left: -10px;
	margin-right: -10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 1rem;
	border-top: 1px solid #ddd;
	}
.vids::after {
	display: none !important;
	}
	}

@media(max-width: 520px) {
.rts.vid .tt {
	padding: 1rem 0;
	}
.rts.vid .tt::before,
.rts.vid .tt::after {
	display: none !important;
	}
	}

.vids ul {
	display: block;
	position: relative;
	font-size: 0;
	margin: 0 -.5rem;
	}
@media(max-width: 520px) {
.vids ul {
	margin: 0;
	}
	}

.vids ul li {
	display: inline-block;
	vertical-align: top;
	margin: 0 .5rem;
	margin-bottom: 1rem;
	width: calc(100% / 6 - 1rem);
	}
@media(max-width:1600px) {
.vids ul li {
	width: calc(100% / 5 - 1rem);
	}
	}
@media(max-width:1200px) {
.vids ul li {
	width: calc(100% / 4 - 1rem);
	}
	}
@media(max-width:900px) {
.vids ul li {
	width: calc(100% / 3 - 1rem);
	}
	}
@media(max-width:600px) {
.vids ul li {
	width: calc(100% / 2 - .5rem);
	}
.vids ul li:nth-child(odd) {
	margin-left: 0;
	}
.vids ul li:nth-child(even) {
	margin-right: 0;
	}
	}
@media(max-width:480px) {
.vids ul li {
	width: 100%;
	margin-left: 0;
	margin-right: 0;
	}
	}

.vids ul li a {
	position: relative;
	display: block;
	color: var(--black);
	text-decoration: none;
	padding-bottom: .5rem;
	border-radius: 8px;
	}
@media(max-width:480px) {
.vids ul li a {
	background: #fff;
	}
	}

.vids ul li a:hover {
	background: #00000008;
	}

.vids ul li a img {
	min-width: 100%;
	max-width: 100%;
	aspect-ratio: 5/3;
	object-fit: cover;
	border-radius: 8px;
	}
.vids ul li a:hover img {
	opacity: .9;
	}

.vids ul li a strong {
	display: block;
	font-size: .75rem;
	line-height: 1.2;
	max-height: calc(.75rem * 1.2 * 2);
	overflow: hidden;
	padding: 0 .5rem;
	margin: .5rem 0;
	}
.vids ul li a:hover strong {
	text-decoration: underline;
	}

.vids ul li a p {
	display: block;
	font-size: .7rem;
	line-height: 1.2;
	max-height: calc(.7rem * 1.2 * 3);
	padding: 0 .5rem;
	overflow: hidden;
	opacity: .75;
	}
.vids ul li a:hover p {
	opacity: 1;
	}

.rts.vid .rel {
	padding-top: 1rem;
	}



.rts.pur main.results,
.rts.hol main.results,
.rts.nier main.results {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width:calc(100% - 280px - 2rem);
	margin-left: 280px;
	}
@media(max-width: 1600px) {
.rts.pur main.results,
.rts.hol main.results,
.rts.nier main.results {
	width:calc(100% - 280px - 2rem);
	margin-left: 280px;
	}
	}
@media(max-width: 1340px) {
.rts.pur main.results,
.rts.hol main.results,
.rts.nier main.results {
	width:calc(100% - 280px - 2rem);
	margin-left: 280px;
	}
	}
@media(max-width: 900px) {
.rts.pur main.results,
.rts.hol main.results,
.rts.nier main.results {
	width:calc(100% - 160px - 2rem);
	margin-left: 160px;
	}
	}
@media(max-width: 520px) {
.rts.pur main.results,
.rts.hol main.results,
.rts.nier main.results {
	width:calc(100% - 20px);
	margin-left: 10px;
	}
	}

.rts.pur main.result>*::before,
.rts.pur main.result>*::after,
.rts.hol main.result>*::before,
.rts.hol main.result>*::after
.rts.nier main.result>*::before,
.rts.nier main.result>*::after {
	display: none;
	}

.pur-cat {
	font-size: 0;
	}

@media(max-width: 520px) {
.pur-cat ul {
	margin-top: 1rem;
	}
	}

.pur-cat li {
	display: inline-block;
	}

.pur-cat a {
	font-size: .7rem;
	text-decoration: none;
	color: var(--black);
	margin: 0 .5rem .5rem 0;
	display: block;
	padding: .2rem 1rem;
	border: 1px solid #ddd;
	background: #fff;
	border-radius: 99px;
	}

.pur-cat a:hover {
	background: #f8f8f8;
	}

#filtersonoff+label {
	display: none;
	}
@media(max-width: 520px) {
#filtersonoff+label {
	display: block;
	margin: 0;
	font-size: 0;
	width: 32px;
	height: 32px;
	margin: .5rem;
	display: block;
	padding: 0;
	background: url('../gfx/tune.svg') no-repeat center;
	background-size: cover;
	cursor: pointer;
	}
#filtersonoff:checked+label::after {
	content: '';
	display: block;
	position: fixed;
	left: 0;
	top: 0;
	width: 100vw;
	height: 100vh;
	z-index: 60;
	}
	}

.filters {
	position: absolute;
	left: -280px;
	max-width: 250px;
	transition: all 0.3s ease;
	}
@media(max-width: 900px) {
.filters {
	position: absolute;
	left: -160px;
	max-width: 160px;
	}
	}
@media(max-width: 520px) {
.filters {
	left: -10px;
	left: -250px;
	max-width: 200px;
	z-index: 100;
	background: #fff;
	padding: 1rem 0 !important;
	border-radius: 0 8px 8px 0;
	box-shadow: 0 0 1rem #0003;
	font-size: .9rem;
	}
#filtersonoff:checked+label+.filters {
	left: -10px;
	}
	}

.filters>header * {
	padding-left: .5rem;
	font-weight: 400 !important;
	}

.filters>input {
	display: none;
	}

.filters>label {
	display: block;
	position: relative;
	margin-top: .75rem;
	padding: .25rem 1rem;
	border-bottom: 1px solid #eee;
	cursor: pointer;
	}

.filters>label::after {
	content: '^';
	display: block;
	width: 1.5rem;
	height: 1.5rem;
	text-align: center;
	line-height: 1.9rem;
	overflow: hidden;
	position: absolute;
	top: .5rem;
	right: .5rem;
	transform: scale(1,0.65) rotate(180deg);
	opacity: .5;
	transition: all 0.4s ease;
	}

.filters>input:checked+label::after {
	transform: scale(1,0.65) rotate(0deg);
	}

.filters>input+label+div {
	transition: all 0.5s ease;
	position: relative;
	max-height: 500px;
	overflow: hidden;
	padding: .5rem 1rem 0;
	font-size: .8rem;
	}

.filters>input:checked+label+div {
	max-height: 0;
	padding: 0 1rem;
	}

.filters>input+label+div>input,
.filters>input+label+div>div>input {
	display: inline-block;
	vertical-align: middle;
	width: 1.5rem;
	height: 1rem;
	}

.filters>input+label+div>input+label,
.filters>input+label+div>div>input+label {
	display: inline-block;
	vertical-align: middle;
	width: calc(100% - 1rem - 1.5rem);
	opacity: .8;
	line-height: 1;
	cursor: pointer;
	background: #fff;
	}

.nier .filters>input+label+div>div>input+label {
	border-radius: 4px;
	}

.filters .fillers>span {
	display: block;
	opacity: .8;
	padding-left: .5rem;
	cursor: pointer;
	}
.filters .fillers>span:hover {
	opacity: 1;
	}

.filters .fillers+.fills {
	display: block;
	padding-left: .5rem;
	padding-top: .5rem;
	}

.filters .fillers+.fills input {
	padding: .5rem;
	border: 1px solid #bbb;
	border-radius: 4px;
	text-align: center;
	width: 2rem;
	font-size: .8rem;
	}

.filters .fillers+.fills button {
	padding: .5rem;
	border-radius: 99px;
	text-align: center;
	font-size: .8rem;
	opacity: .7;
	}

.rts.pur .prs.full,
.rts.hol .prs.fullw {
	width: calc(100vw - 280px - 25px - 1rem);
	margin-left: 0;
	}
@media(max-width: 900px) {
.rts.pur .prs.fullw,
.rts.hol .prs.fullw {
	width: calc(100vw - 160px - 25px - 1rem);
	}
	}
@media(max-width: 520px) {
.rts.pur .prs.fullw,
.rts.hol .prs.fullw {
	width: calc(100vw - 2.5rem);
	}
	}

.offers-switch {
	position: relative;
	margin-top: .3rem !important;
	}
@media(max-width:1100px) {
.offers-switch {
	position: relative;
	margin-top: .6rem !important;
	}
	}

.offers-switch label {
	position: relative;
	font-size: 0;
	width: 30px;
	height: 30px;
	display: block;
	background: url('../gfx/view1.svg');
	background-size: cover;
	background-repeat: no-repeat;
	cursor: pointer;
	opacity: .5;
	}

.offers-switch label:hover {
	opacity: 1;
	}

body:has(input#pur-view:checked) .offers-switch label {
	background: url('../gfx/view2.svg');
	background-size: cover;
	background-repeat: no-repeat;
	}
@media(max-width:520px) {
body:has(input#pur-view:checked) .offers-switch label {
	margin-top: .5rem;
	margin-bottom: .5rem;
	}
	}

@media(max-width:520px) {
.purs ul {
	text-align: center;
	}
	}

.purs ul li {
	width: 15%;
	min-width: 180px;
	position: relative;
	display: inline-block;
	margin: 0 1% 1% 0;
	z-index: 10;
	transition: all 0.2s ease;
	border-radius: 8px;
	}
@media(max-width:520px) {
.purs ul li {
	min-width: 120px;
	width: 31%;
	margin: .5%;
	text-align: left;
	}
	}
.purs ul li:hover {
	z-index: 11;
	transform: scale(1.1,1.1);
	box-shadow: .2rem .2rem 1rem #0003;
	}



body:has(input#pur-view:checked) .purs ul li {
	width: 100%;
	max-width: 1062px;
	display: block;
	}
body:has(input#pur-view:checked) .purs ul li:hover {
	transform: scale(1.02,1.02);
	box-shadow: .2rem .2rem 1rem #0003;
	}

body:has(input#pur-view:checked) .purs ul li .prd>* {
	margin-left: 120px;
	}

body:has(input#pur-view:checked) .purs ul li .prd>* {
	margin-left: 165px;
	margin-right: 120px;
	padding-left: 0;
	}

body:has(input#pur-view:checked) .purs ul li .prd>* a {
	height: auto;
	padding-left: 0;
	padding-top: .2rem;
	padding-bottom: .2rem;
	font-size: .85rem;
	}

body:has(input#pur-view:checked) .purs ul li .prd .pr {
	font-size: .75rem;
	padding-top: .2rem;
	padding-bottom: .2rem;
	}

body:has(input#pur-view:checked) .purs ul li .prd .skl {
	padding-top: .2rem;
	}

body:has(input#pur-view:checked) .purs ul li .prd .inf {
	padding-top: .2rem;
	}

body:has(input#pur-view:checked) .purs ul li .prd .strs {
	padding-top: .2rem;
	}

body:has(input#pur-view:checked) .purs ul li .prd .thr {
	padding-top: .2rem;
	}

body:has(input#pur-view:checked) .purs ul li .prd>a:first-child {
	position: absolute;
	left: .2rem;
	top: .2rem;
	display: block;
	width: 150px;
	aspect-ratio: 1; 
	margin-left: 0px;
	}

body:has(input#pur-view:checked) .purs ul li a:first-child img {
	width: 150px; 
	height: 150px;
	min-width: 150px; 
	min-height: 150px;
	position: absolute;
	left: 0;
	top: 0;
	margin: 0;
	}

.purs ul li a.fir img {
	position: absolute;
	right: .4rem;
	bottom: .1rem;
	width: 70px;
	min-width: 70px;
	max-width: 70px;
	height: 1rem;
	min-height: 1.3rem;
	max-height: 1.3rem;
	margin: 0;
	}
@media(max-width:520px) {
body:not(:has(input#pur-view:checked)) .purs ul li a.fir {
	display: block;
	margin: 0 .3rem .3rem auto;
	}
body:not(:has(input#pur-view:checked)) .purs ul li a.fir img {
	width: 60px;
	min-width: 60px;
	max-width: 60px;
	position: relative;
	right: 0;
	bottom: 0;
	display: block;
	margin: 0 .3rem 0 auto;
	}
	}

.purs ul li a.kup,
.purs ul li a.sto {
	display: block;
	margin: 0 !important;
	position: absolute;
	right: .4rem;
	bottom: 3.3rem;
	width: 80px;
	font-size: .65rem;
	line-height: 1.3rem;
	color: #fff;
	text-align: center;
	text-decoration: none;
	background: var(--orange);
	border-radius: 4px;
	}

.purs ul li a.sto {
	bottom: 1.8rem;
	background: #b8bbb6;
	}

@media(max-width:520px) {
body:not(:has(input#pur-view:checked)) .purs ul li a.kup,
body:not(:has(input#pur-view:checked)) .purs ul li a.sto {
	display: block;
	position: relative;
	right: 0;
	top: 0;
	bottom: 0;
	width: 80%;
	margin: 0 auto .5rem !important;
	font-size: .7rem;
	line-height: 1.3rem;
	color: #fff;
	text-align: center;
	text-decoration: none;
	background: var(--orange);
	border-radius: 4px;
	}
body:not(:has(input#pur-view:checked)) .purs ul li a.sto {
	background: #b8bbb6;
	}
	}
	}

body:has(input#pur-view:checked) .purs ul li a.fir img {
	right: .6rem;
	bottom: .3rem;
	width: 120px;
	min-width: 120px;
	max-width: 120px;
	height: 40px;
	min-height: 40px;
	max-height: 40px;
	}

body:has(input#pur-view:checked) .purs ul li a.kup,
body:has(input#pur-view:checked) .purs ul li a.sto {
	right: .6rem;
	bottom: auto;
	top: .6rem;
	width: 120px;
	font-size: .9rem;
	line-height: 1.8rem;
	}

body:has(input#pur-view:checked) .purs ul li a.sto {
	top: 2.8rem;
	background: #b8bbb6;
	}

.purs .prd {
	min-height: calc(150px + .4rem);
	}

body:has(input#pur-view:checked) .purs .strs,
body:has(input#pur-view:checked) .purs  .thr {
	padding-left: 5%;
	}

body:has(input#pur-view:checked) .purs .strs>span:nth-child(1) {
	vertical-align: top;
	} 

body:has(input#pur-view:checked) .purs .strs>span:nth-child(2) {
	left: 120px;
	vertical-align: top;
	}

.search-form.holiday {
	position: relative;
	font-size: 0;
	padding-top: 1rem;
	padding-bottom: 1rem;
	}
@media(max-width:1050px) {
.search-form.holiday {
	height: 4rem;
	}
	}
@media(max-width:700px) {
.search-form.holiday {
	padding-top: 2rem;
	height: 9rem;
	}
	}

.search-form.holiday>div {
	display: inline-block;
	width: 20%;
	}
@media(min-width:1320px) {
.top-search.search-form.holiday>div {
	width: auto;
	}
	}
@media(max-width:1500px) {
.search-form.holiday>div {
	width: 25%;
	}
	}
@media(max-width:1050px) {
.search-form.holiday>div {
	width: 40%;
	padding-bottom: .5rem;
	margin-right: 1rem;
	}
	}
@media(max-width:700px) {
.search-form.holiday>div {
	width: 80%;
	margin-right: 0;
	}
	}
@media(max-width:520px) {
.search-form.holiday>div {
	width: calc(100%);
	margin-right: 0;
	padding-left: 0;
	}
	}

.search-form.holiday>div>span {
	display: inline-block;
	vertical-align: middle;
	text-transform: uppercase;
	color: #fff;
	font-size: .6rem;
	}
@media(max-width:1050px) {
.search-form.holiday>div>span {
	width: 70px;
	}
	}

.search-form.holiday>div>div:not(.price) {
	display: inline-block;
	vertical-align: middle;
	width: calc(70% - 3rem);
	color: var(--black);
	background: #fff;
	font-size: .8rem;
	line-height: 1;
	text-align: left;
	border-radius: 99px;
	padding: .55rem 1rem .45rem 2rem;
	margin-left: .3rem;
	background-image: url('../gfx/cal.svg');
	background-repeat: no-repeat;
	background-position: .5rem center;
	background-size: 1rem;
	font-weight: bold;
	cursor: pointer;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	}
@media(min-width: 1320px) {
.top-search.search-form.holiday>div>div:not(.price) {
	width: 9.5rem;
	margin-left: .5rem;
	margin-right: .5rem;
	}
	}

.search-form.holiday>div.dokad>div {
	background-image: url('../gfx/loc.svg');
	}

.search-form.holiday>div.jak>div {
	background-image: url('../gfx/plane.svg');
	}

.search-form.holiday>div.osoby>div {
	background-image: url('../gfx/user.svg');
	}

body.hol .filters>header>* {
	font-weight: bold !important;
	}

.filters .switch {
	display: block;
	background: #0001;
	border-radius: 6px;
	padding: .2rem 0;
	font-size: 0;
	}

.filters .switch input {
	display: none;
	}

.filters .switch label {
	font-size: .6rem;
	display: inline-block;
	width: calc(50% - 1rem - .4rem);
	text-align: center;
	border-radius: 4px;
	background: #fff;
	padding: .5rem;
	margin: 0 .2rem;
	cursor: pointer;
	}

.filters .switch input:checked+label {
	background: var(--color0);
	color: #fff;
	opacity: 1;
	}

.filters .cenaoddo {
	position: relative;
	text-align: center;
	margin-top: 1rem;
	font-size: 0;
	}

.filters .cenaoddo>span {
	position: relative;
	display: inline-block;
	width: 45%;
	}

.filters .cenaoddo>span:nth-child(2) {
	display: inline-block;
	width: 5%;
	font-size: 1rem;
	text-align: center;
	margin: 0 .1rem;
	font-weight: 400;
	color: #0005;
	}

.filters .cenaoddo input {
	border: 1px solid #0004;
	text-align: center;
	padding: .3rem .25rem .2rem;
	padding-right: 1.5rem;
	width: calc(100% - 2rem);
	margin: 0;
	position: relative;
	font-size: .9rem;
	z-index: 5;
	background: #fff url(gfx/zl2.svg) no-repeat right .3rem top .25rem;
	background-size: 1rem;
	border-radius: 4px;
	}

.filters .checkboxes input {
	vertical-align: top;
	}

.filters .checkboxes label {
	vertical-align: top;
	margin-top: .2rem;
	margin-bottom: .4rem;
	line-height: 1.2;
	}

.filters .radios input {
	margin-top: .25rem;
	margin-bottom: .25rem;
	}

.filters .radios .strs {
	margin-right: -1rem;
	transform: scale(0.9,0.9);
	left: -10px;
	}
@media(max-width:520px) {
.filters .radios .strs {
	margin-right: -3rem;
	transform: scale(0.8,0.8);
	left: -17px;
	}
	}

.filters input#pw1,
.filters input#pw2,
.filters input#pw3 {
	display: none;
	}

.filters input#pw1+div+label,
.filters input#pw2+div+label,
.filters input#pw3+div+label {
	color: var(--color0);
	display: block;
	margin-left: .3rem;
	font-size: .8rem;
	text-align: left;
	position: relative;
	cursor: pointer;
	}

.filters input#pw1+div,
.filters input#pw2+div,
.filters input#pw3+div {
	display: none;
	}

.filters input#pw1:checked+div,
.filters input#pw2:checked+div,
.filters input#pw3:checked+div {
	display: block;
	}

.filters input#pw1:checked+div+label,
.filters input#pw2:checked+div+label,
.filters input#pw3:checked+div+label {
	text-indent: -9999px;
	}

.filters input#pw1:checked+div+label::after,
.filters input#pw2:checked+div+label::after,
.filters input#pw3:checked+div+label::after {
	content: 'Poka\17C  mniej';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	text-indent: 0;
	}

.likeselect {
	position: relative;
	}

.likeselect>input[type="checkbox"] {
	display: none;
	}

.likeselect label {
	display: block;
	position: relative;
	padding: .3rem 1.5rem .3rem 1rem;
	outline: 1px solid #0002;
	cursor: pointer;
	border-radius: 99px;
	}

.likeselect label::before {
	content: '^';
	display: block;
	width: 20px;
	height: 20px;
	overflow: hidden;
	text-align: center;
	font-size: 20px;
	line-height: 28px;
	transform: scale(1, 0.65) rotate(180deg);
	-moz-transform: scale(1, 0.65) rotate(180deg);
    opacity: .5;
	position: absolute;
	top: calc(50% - 10px);
	right: 10px;
    transition: all 0.4s ease;
	}

.likeselect input:checked+label::before {
	transform: scale(1, 0.65) rotate(360deg);
	-moz-transform: scale(1, 0.65) rotate(360deg);
	}

.filters>input+label+div:has(.likeselect) {
	overflow: visible;
	}

.filters>input:checked+label+div:has(.likeselect) {
	overflow: hidden;
	}

.likeselect>div {
	background: #fff;
	border: 1px solid #0004;
	box-shadow: 1px 3px 3px #0003;
	width: 100%;
	position: absolute;
	left: 0;
	top: 90%;
	z-index: 100;
	max-height: 200px;
	overflow-x: auto;
	scrollbar-width: thin;
	display: none;
	}

.likeselect>div ul li {
	padding: .4rem;
	line-height: 1;
	border-bottom: 1px solid #0001;
	cursor: pointer;
	}

.likeselect>div ul li:hover {
	background: #00000007;
	cursor: pointer;
	}

.likeselect>div ul li:last-child {
	border: none;
	}

.likeselect input:checked+label::after {
	content: '';
	display: block;
	position: fixed;
	left: 0;
	top: 0;
	width: 100vw;
	height: 100vh;
	z-index: 99;
	}

.likeselect input:checked+label+div {
	display: block;
	}

.dlugoscoddo {
	text-align: center;
	font-size: 0;
	position: relative;
	margin: .5rem 0 1rem;
	}

.dlugoscoddo>div {
	width: 45%;
	display: inline-block;
	vertical-align: middle;
	font-size: .8rem;
	}

.dlugoscoddo>span {
	font-size: .8rem;
	width: 10%;
	display: inline-block;
	vertical-align: middle;
	}

@media(max-width:800px) {
.hols {
	display: block;
	margin-top: 1rem !important;
	}
	}

.wak, .wak:hover {
	display: flex;
	outline: 1px solid #0002;
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0 0 2rem #0001;
	background: #fff;
	color: var(--black);
	text-decoration: none;
	max-width: 1000px;
	min-height: 320px;
	margin-bottom: 1rem;
	}
@media(max-width:800px) {
.wak, .wak:hover {
	display: block;
	}
	}

.wak>* {
	position: relative;
	padding: 1rem;
	}

.wak>.cl1 {
	padding: .5rem 2rem .5rem .5rem;
	background-position: center;
	background-size: cover;
	font-size: 0;
	flex-grow: 0;
	flex-shrink: 0;
	flex-basis: calc(30% - 2.5rem);
	}
@media(max-width:800px) {
.wak>.cl1 {
	height: 150px;
	}
	}

.label {
	display: inline-block;
	font-size: .6rem;
	font-weight: bold;
	line-height: 1;
	padding: .3rem .5rem;
	border-radius: 4px;
	margin: 0 .3rem .3rem 0;
	box-shadow: 0 0 2px #0005;
	}

.label.white {
	color: var(--black);
	background: #fff;
	}

.label.orange {
	color: var(--color0);
	background: #ffb343;
	}

.label.blue {
	color: #fff;
	background: var(--color0);
	}

.heart {
	display: block;
	width: 24px;
	height: 24px;
	background: url('../gfx/heart.svg') no-repeat center;
	background-size: cover;
	position: absolute;
	top: .5rem;
	right: .5rem;
	filter:brightness(0) invert(1);
	transition: all 0.3s ease;
	font-size: 0;
	}
.heart:hover {
	transform: scale(1.3,1.3);
	}

.wak .cl2 {
	position: relative;
	padding: .5rem 1rem;
	flex-grow: 0;
	flex-shrink: 0;
	flex-basis: calc(50% - 2rem);
	}
@media(max-width:800px) {
.wak>.cl2 {
	display: block;
	}
	}

.wak .cl2::after {
	content: '';
	width: 1px;
	height: calc(100% - 1rem);
	background: #0002;
	position: absolute;
	right: 0;
	top: .5rem;
	}
@media(max-width:800px) {
.wak .cl2::after {
	height: 1px;
	width: calc(100% - 1rem);
	background: #0002;
	position: absolute;
	right: .5rem;
	top: auto;
	bottom: 0;
	}
	}

.wak .cl2>input {
	display: none;
	}

.wak .cl2>input+label {
	display: block;
	position: absolute;
	top: .25rem;
	right: .25rem;
	font-size: 1rem;
	line-height: .8;
	font-weight: bold;
	height: 1.3rem;
	padding: 0 .5rem;
	cursor: pointer;
	color: #0008;
	}

.wak .cl2>input+label+ul {
	display: none;
	background: #fff;
	width: 160px;
	position: absolute;
	top: 1.25rem;
	right: .5rem;
	z-index: 50;
	border: 1px solid #0003;
	font-size: .75rem;
	line-height: 1;
	margin-bottom: 0;
	padding-bottom: 0;
	box-shadow: 0 0 1rem #0001;
	}

.wak .cl2>input:checked+label+ul {
	display: block;
	}

.wak .cl2>input+label+ul li {
	font-size: .7rem;
	padding: .3rem .5rem;
	}
.wak .cl2>input+label+ul li:hover {
	background: #0001;
	}

.wak .cl2>input+label+ul li+li {
	border-top: 1px solid #0002
	}

.wak h4 {
	display: block;
	margin-right: 3rem;
	font-size: .6rem;
	color: #0008;
	}

.wak h2 {
	font-size: 1.2rem;
	line-height: 1;
	padding: .5rem 0;
	font-weight: bold;
	display: block;
	}

.wak .cl2 ul {
	display: block;
	padding-bottom: 2rem;
	}

.wak .cl2 ul li {
	font-size: .8rem;
	line-height: 1.2rem;
	display: block;
	padding-top: .4rem;
	color: #000a;
	}

.wak .cl2 ul li img {
	width: 1rem;
	height: 1rem;
	object-fit: contain;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	top: -2px;
	margin-right: .2rem;
	}

.wak .promo {
	position: absolute;
	bottom: 1rem;
	left: 1rem;
	padding: 0 1rem 0 0;
	font-size: .6rem;
	line-height: 1;
	}

.wak .promo span {
	display: inline-block;
	color: #05f;
	font-weight: bold;
	}

.wak .cl3 {
	flex-grow: 0;
	flex-shrink: 0;
	flex-basis: calc(20% - 2rem);
	}
@media(max-width:800px) {
.wak>.cl3 {
	display: block;
	}
	}

.rev {
	position: absolute;
	top: 1rem;
	right: 1rem;
	display: block;
	text-align: right;
	}
@media(max-width:800px) {
.rev {
	position: absolute;
	right: auto;
	left: 1rem;
	top: 200px;
	width: calc(31%);
	transform: scale(0.8,0.8);
	}
	}
@media(max-width:700px) {
.rev {
	top: 150px;
	}
	}
@media(max-width:600px) {
.rev {
	top: 130px;
	}
	}
@media(max-width:520px) {
.rev {
	top: 150px;
	}
	}
@media(max-width:400px) {
.rev {
	top: 110px;
	transform: scale(0.75,0.75);
	width: 40%;
	margin-left: -8%;
	}
	}

.rev>span {
	display: inline-block;
	vertical-align: middle;
	line-height: 1.4;
	font-size: .6rem;
	color: #000a;
	width: calc(100% - 3rem);
	line-height: 1;
	}

.rev>span:nth-child(1) strong {
	display: block;
	font-size: .75rem;
	margin-bottom: .2rem;
	}

.rev>span:nth-child(2) {
	display: inline-block;
	background: #05f;
	color: #fff;
	text-align: center;
	width: 2.5rem;
	font-size: 1.3rem;
	line-height: 3rem;
	border-radius: 8px;
	margin-left: .2rem;
	font-weight: bold;
	}

.rev>span:nth-child(3) {
	display: block;
	text-align: right;
	width: 100%;
	margin-top: .5rem;
	font-size: .75rem;
	font-weight: bold;
	color: var(--color0);
	}

.wak .price {
	position: absolute;
	bottom: 0;
	right: 0;
	padding: 1rem 1rem 1rem 0;
	text-align: right;
	}
@media(max-width:800px) {
.wak .price {
	position: relative;
	bottom: auto;
	right: auto;
	padding: 0;
	}
	}

.wak .price>span:first-child {
	display: inline-block;
	vertical-align: baseline;
	font-size: .65rem;
	opacity: .7;
	}

.wak .price h3 {
	display: inline-block;
	vertical-align: baseline;
	font-size: 1.5em;
	font-weight: bold;
	letter-spacing: -1px;
	}

.price .info {
	display: inline-block;
	vertical-align: baseline; 
	font-size: 0;
	position: relative;
	top: 2px;
	margin-left: .2rem;
	}

.info>span {
	display: none;
	}

.info:hover>span {
	display: block;
	font-size: .7rem;
	background: #000a;
	border-radius: .5rem .5rem 0 .5rem;
	color: #fff;
	line-height: 1.2;
	padding: .5rem;
	width: calc(400px - 1rem);
	position: absolute;
	bottom: .75rem;
	right: .75rem;
	text-align: justify;
	}
@media(max-width:520px) {
.info:hover>span {
	max-width:80vw;
	}
	} 

.info:hover>span>* {
	display: block;
	font-size: .7rem !important;
	
	}

.wak .price>span.zaw {
	display: block;
	font-size: .65rem;
	opacity: .7;
	line-height: 1;
	padding-right: calc(24px + .5rem);
	padding-bottom: 1rem;
	}

.wak .price button {
	background: #fc0;
	color: #000;
	text-transform: uppercase;
	padding: .7rem 1rem;
	font-size: .65rem;
	font-weight: bold;
	}
@media(max-width:800px) {
.wak .price button {
	padding: .7rem 1rem;
	font-size: 1rem;
	display: block;
	width: calc(100% - .5rem);
	}
	}

.holisz header * {
	text-decoration: none;
	}

.holisz .search-form.holiday {
	border-radius: 8px;
	padding: 1rem 1rem 0 1rem;
	text-align: center;
	height: auto;
	}

.holisz .search-form.holiday>div {
	width: 45%;
	margin-bottom: 1rem;
	text-align: left;
	}
@media(max-width:1250px) {
.holisz .search-form.holiday>div {
	width: 45%;
	}
	}
@media(max-width:520px) {
.holisz .search-form.holiday>div {
	width: 100%;
	}
	}

@media(max-width:1110px) {
.holisz .search-form.holiday>div>div {
	width: calc(90% - 3rem);
	margin: 0 auto;
	margin-left: 5%;
	}
	}
@media(max-width:520px) {
.holisz .search-form.holiday>div>div {
	width: calc(100% - 5rem);
	margin: 0 auto;
	}
	}

.holisz .search-form.holiday>div>span {
	width: 80px;
	text-align: right;
	}
@media(max-width:1110px) {
.holisz .search-form.holiday>div>span {
	margin-left: 5%;
	width: 95%;
	text-align: left;
	padding-bottom: .2rem;
	}
	}
@media(max-width:520px) {
.holisz .search-form.holiday>div>span {
	margin-left: 0;
	width: 95%;
	text-align: left;
	padding-bottom: .2rem;
	}
	}

section.hotel {
	position: relative;
	width: 100%;
	max-width: calc(1200px - 2rem);
	padding: 1rem;
	margin: 0 auto;
	}
@media(max-width:1200px) {
section.hotel {
	width: calc(100% - 2rem);
	}
	}

@media(min-width:520px) {
body:has(section.hotel) .meta-info {
	padding-top: 1rem;
	padding-bottom: 1rem;
	}
	}

section.hotel>header>* {
	display: block;
	margin-right: 12rem;
	padding-bottom: .5rem;
	font-size: 2rem;
	line-height: 1;
	height: 4rem;
	overflow: hidden;
	font-weight: bold;
	}
@media(max-width:800px) {
section.hotel>header>* {
	font-size: 1.5rem;
	height: 6rem;
	}
	}
@media(max-width:520px) {
section.hotel>header>* {
	display: block;
	margin-right: 0;
	padding-bottom: 1rem;
	line-height: 1;
	}
	}

section.hotel .labels {
	position: absolute;
	right: 1rem;
	top: 1.2rem;
	width: 12rem;
	text-align: right;
	}
@media(max-width:520px) {
section.hotel .labels {
	position: relative;
	right: auto;
	top: 0;
	width: 12rem;
	margin-bottom: 1rem;
	}
	}

section.hotel .labels .label {
	margin: 0;
	}

section.hotel .rev {
	position: absolute;
	top: 3.8rem;
	right: 1rem;
	}
@media(max-width:520px) {
section.hotel .rev {
	position: relative;
	top: -3rem;
	right: auto;
	margin-right: 1rem;
	float: right;
	}
	}

section.hotel>.strs {
	display: inline-block;
	vertical-align: middle;
	height: 24px;
	}

section.hotel>.strs+.kod {
	display: inline-block;
	vertical-align: middle;
	font-size: .7rem;
	line-height: 1;
	color: #777;
	margin-left: .5rem;
	}

section.hotel .ogal {
	position: relative;
	margin: 1rem 0;
	}

section.hotel .ogal .gal {
	position: relative;
	width: 100%;
	height: 400px;
	font-size: 0;
	}
@media(max-width:1200px) {
section.hotel .ogal .gal {
	height: 40vw;
	}
	}
@media(max-width:520px) {
section.hotel .ogal .gal {
	height: 500px;
	}
	}

section.hotel .ogal .gal>div {
	display: inline-block;
	vertical-align: top;
	float: left;
	width: calc(25% - .2rem);
	margin-left: .2rem;
	height: calc(200px - .2rem);
	margin-bottom: .2rem;
	border-radius: 8px;
	overflow: hidden;
	}
@media(max-width:1200px) {
section.hotel .ogal .gal>div {
	height: calc(20vw - .2rem);
	}
	}
@media(max-width:800px) {
section.hotel .ogal .gal>div {
	width: calc(40% - .2rem);
	height: calc(20vw - .2rem);
	}
section.hotel .ogal .gal>div:nth-child(3),
section.hotel .ogal .gal>div:nth-child(4) {
	display: none;
	}
	}
@media(max-width:520px) {
section.hotel .ogal .gal>div {
	width: calc(50% - .2rem);
	height: calc(187px - .2rem);
	left: -.1rem;
	}
	}

.ogal img  {
	display: inline-block;
	vertical-align: top;
	max-width: 100%;
	min-height: 100%;
	object-fit: cover;
	}

section.hotel .ogal .gal>div:first-child {
	height: calc(400px - .2rem);
	width: 50%;
	margin-left: 0;
	z-index: 10;
	}
@media(max-width:1200px) {
section.hotel .ogal .gal>div:first-child {
	height: calc(40vw - .2rem);
	}
	}
@media(max-width:800px) {
section.hotel .ogal .gal>div:first-child {
	height: calc(40vw - .2rem);
	width: 60%;
	}
	}
@media(max-width:520px) {
section.hotel .ogal .gal>div:first-child {
	height: 300px;
	width: 100%;
	left: 0;
	}
	}

section.hotel .ogal .gal>div:first-child>iframe {
	width: 100%;
	height: 100%;
	}

section.hotel .ogal .gal>a {
	font-size: .8rem;
	position: absolute;
	bottom: 1rem;
	right: 1rem;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	display: block;
	line-height: 1;
	background: #0003;
	padding: .5rem;
	border: 1px solid #fff;
	border-radius: 4px;
	}
@media(max-width:520px) {
section.hotel .ogal .gal>a {
	bottom: 1rem;
	right: 1rem;
	}
	}

section.hotel .ogal .gal>a:hover {
	background: #fff;
	color: var(--color0);
	box-shadow: 0 0 1rem #0003;
	}

section.hotel .gal+.search-form {
	position: relative;
	border-radius: 8px 8px 2rem 2rem;
	padding: 1rem 1rem 0 1rem;
	height: auto;
	text-align: center;
	}

section.hotel .gal+.search-form.holiday>div>div:not(.price) {
	width: calc(90% - 3rem);
	font-size: .7rem;
	line-height: 1.2;
	margin-left: 0;
	}

section.hotel .gal+.search-form div:has(>.price) {
	vertical-align: middle;
	font-size: 1rem;
	color: #fff;
	width: 30%;
	}
@media(max-width:520px) {
section.hotel .gal+.search-form div:has(>.price) {
	width: 95%;
	}
	}

section.hotel .gal+.search-form div:has(.price) small {
	font-size: .6rem;
	line-height: 1;
	color: #fff;
	}

section.hotel .gal+.search-form div:has(.price)>small {
	font-size: .6rem;
	opacity: .9;
	display: inline-block;
	}
section.hotel .gal+.search-form div:has(.price)>.price {
	display: inline-block;
	}

section.hotel .gal+.search-form div:has(>button) {
	vertical-align: middle;
	width: 20%;
	padding: 1rem 0;
	}
@media(max-width:520px) {
section.hotel .gal+.search-form div:has(>button) {
	vertical-align: middle;
	width: 95%;
	padding: 1rem 0;
	}
	}

section.hotel .gal+.search-form div:has(>button) button {
	margin: 0;
	background: #f8b235;
	color: #000;
	font-weight: bold;
	text-transform: uppercase;
	}
section.hotel .gal+.search-form div:has(>button) button:hover {
	background: #ffe659;
	opacity: 1;
	}

.playsign {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	}

.playsign img {
	}

.playsign::after {
	content: '';
	width: 30%;
	height: 40%;
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	left: 35%;
	top: 30%;
	background: url('../gfx/play.svg') no-repeat center;
	background-size: contain;
	filter: brightness(0) invert(1) drop-shadow(0 0 1rem #0007);
	transition: all 0.2s ease;
	}

.playsign:hover::after {
	content: '';
	width: 32%;
	height: 42%;
	left: 34%;
	top: 29%;
	opacity: .5;
	}

.offer-menu ul {
	display: flex;
	justify-content: space-around;
	align-items: flex-end;
	border-bottom: 1px solid #0002;
	margin-top: 2rem;
	margin-bottom: 1rem;
	border-radius: 1rem;
	padding-left: 1rem;
	padding-right: 1rem;
	}
@media(max-width:900px) {
.offer-menu ul {
	display: block;
	text-align: center;
	}
	}

.offer-menu ul li {
	display: inline-block;
	}

.offer-menu ul li a {
	position: relative;
	display: block;
	padding: 1rem;
	color: var(--black);
	text-decoration: none;
	border-bottom: 2px solid #0000;
	margin-bottom: -1px;
	line-height: 1.1;
	text-align: center;
	}

.offer-menu ul li a:hover {
	border-bottom: 2px solid var(--color0);
	color: var(--color0);
	}

section.hotel #opis {
	font-size: .8rem;
	padding: 1rem;
	}

section.hotel section>header>* {
	font-size: 1.3rem;
	line-height: 1;
	padding-bottom: 1rem;
	border-bottom: 1px solid var(--color0);
	margin-bottom: 2rem;
	margin-top: 2rem;
	}

ul.inline {
	display: block;
	margin-bottom: 1rem;
	text-align: center;
	}

ul.inline li {
	display: inline-block;
	vertical-align: middle;
	margin: 0 1rem;
	}

ul.inline li a {
	color: var(--black);
	text-decoration: none;
	}

ul.narrow-columns {
	display: block;
	text-align: center;
	margin-top: 1rem;
	font-size: 0;
	}

ul.narrow-columns>li {
	display: inline-block;
	vertical-align: top;
	margin: 1.5rem 1rem;
	font-size: 1rem;
	min-width: calc(23% - 2rem);
	text-align: left;
	}
@media(max-width:1000px) {
ul.narrow-columns>li {
	min-width: calc(40% - 2rem);
	}
	}
@media(max-width:600px) {
ul.narrow-columns>li {
	min-width: calc(90% - 2rem);
	}
	}

ul.narrow-columns>li ul {
	display: block;
	margin-top: .5rem;
	font-size: .8rem;
	}

ul.narrow-columns>li>ul>li {
	line-height: 1;
	margin-bottom: .5rem;
	}

ul.ticks,
ul.crosses {
	margin: .5rem 0;
	}

ul.ticks>li,
ul.crosses>li {
	margin-left: 1.5rem;
	position: relative;
	line-height: 1.2;
	margin-bottom: .5rem;
	}

ul.ticks>li:before,
ul.crosses>li:before {
	content: "";
	width: .75rem;
	height: .4rem;
	border: 2px solid var(--color0);
	border-top: 0;
	border-right: 0;
	transform: rotate(-45deg);
	position: absolute;
	left: -1.5rem;
	top: 0;
	}

ul.crosses>li:before {
	content: "\00d7";
	border: none;
	text-align: right;
	font-size: 1.2rem;
	line-height: .9rem;
	transform: rotate(0deg);
	position: absolute;
	left: -1.2rem;
	color: #f00c;
	}

section.hotel #info {
	font-size: .8rem;
	text-align: justify;
	margin-bottom: 3rem;
	}

#info>input {
	display: none;
	}

#info>input+div {
	display: none;
	}

#info>input:checked+div {
	display: block;
	}

#info>input+div+label {
	position: relative;
	text-align: left;
	display: block;
	padding: .3rem 0;
	color: var(--color0);
	}

#info>input:checked+div+label {
	text-indent: -9999px;
	}

#info>input:checked+div+label:after {
	display: block;
	position: absolute;
	padding: .3rem 0;
	left: 0;
	top: 0;
	content: 'Czytaj mniej';
	text-indent: 0;
	}

#opinie {
	font-size: 0;
	text-align: center;
	}

#opinie>* {
	text-align: left;
	}

#opinie>header>* span {
	opacity: .4;
	}

#opinie>small {
	display: block;
	position: relative;
	top: -1.5rem;
	font-size: .6rem;
	opacity: .5;
	height: 2rem;
	}

input#dodop {
	display: none;
	}

#opinie .dodaj {
	float: right;
	display: block;
	position: relative;
	top: -1.5rem;
	padding: .5rem 1rem;
	border: 1px solid var(--color0);
	border-radius: 4px;
	font-size: .8rem;
	line-height: 1;
	text-decoration: none;
	z-index: 1;
	cursor: pointer;
	}

#opinie #dodop+label+div {
	display: none;
	}

#opinie #dodop:checked+label::after {
	content: '';
	display: block;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #0006;
	z-index: 100;
	}

#opinie #dodop:checked+label+div {
	display: block;
	width: calc(50vw - 2rem);
	height: calc(80vh - 2rem);
	max-height: calc(80vh - 2rem);
	margin: 0 auto;
	position: fixed;
	top: 10vh;
	left: 25vw;
	z-index: 200;
    display: flex;
    justify-content: center;
     flex-direction: column;
	pointer-events: none;
	}
@media(max-width:600px) {
	#opinie #dodop:checked+label+div {
		width: calc(320px - 2rem) !important;
		left: calc((100vw - 320px)/2);
	}
	}

#opinie #dodop:checked+label+div::after {
	content: '\00d7';
	color: #fff;
	display: block;
	width: 4rem;
	height: 2rem;
	text-align: center;
	line-height: 2rem;
	font-size: 2rem;
	position: fixed;
	top: 3rem;
	right: 0;
	}

#opinie #dodop:checked+label+div>div {
	padding: 1rem;
	background: #fff;
	box-shadow: 0 0 2rem #0005;
	border-radius: 4px;
	overflow-y: auto;
	pointer-events: auto;
	}

#opinie #dodop+label+div>div textarea {
	display: block;
	width: 100%;
	padding: .5rem;
	border-radius: 4px;
	margin: 0;
	width: calc(100% - 1rem - 2px) !important;
	margin-top: 1rem;
	height: 30vh;
	border-color: #ccc;
	box-shadow: 0 0 .5rem #0001;
	}

#opinie #dodop+label+div>div textarea+textarea {
	height: 2rem;
	}

#opinie #dodop+label+div>div input {
	display: block;
	font-size: .8rem;
	margin: 1rem 0 0 auto;
	}

#opinie .dodaj:hover {
	background: var(--color0);
	color: #fff;
	}

#opinie .cl {
	display: inline-block;
	vertical-align: top;
	width: 30%;
	min-width: 300px;
	font-size: .8rem;
	}
@media(max-width: 520px) {
#opinie .cl {
	padding-top: 3rem;
	width: 100%;
	}
	}

#opinie .main {
	display: inline-block;
	width: calc(70% - 2rem);
	margin-left: 2rem;
	min-width: 300px;
	font-size: .8rem;
	}
@media(max-width:1100px) {
#opinie .main {
	width: calc(90% - 2rem);
	margin-left: 0;
	}
	}
@media(max-width:900px) {
#opinie .main {
	width: 100%;
	margin-top: 2rem;
	}
	}

#opinie .cl .rev {
	position: relative;
	top: 0;
	margin-bottom: .5rem;
	}
@media(max-width: 520px) {
#opinie .cl .rev {
	top: -3.5rem;
	}
	}

.belt-chart {
	display: block;
	position: relative;
	padding: .4rem 0;
	}

.belt-chart span+span {
	float: right;
	}

.belt-chart div {
	display: block;
	width: 100%;
	height: 6px;
	background: #0001;
	border-radius: 99px;
	}

.belt-chart div>div {
	background: var(--color1);
	}

.belt-chart+small {
	display: block;
	text-align: center; 
	font-size: .6rem;
	line-height: 1.2;
	opacity: .7;
	padding: 1rem 1rem .5rem 1rem;
	}

.all-revs {
	display: block;
	text-align: center;
	font-size: .7rem;
	padding: 1rem 1rem 1rem 1rem;
	}

.frame {
	display: block;
	position: relative;
	margin: 1rem;
	padding: .7rem 1rem;
	border: 1px solid #0002;
	border-radius: 8px;
	}

.opi-fil {
	position: relative;
	border-bottom: 1px solid var(--color0);
	padding-bottom: 1rem;
	margin-bottom: 1rem;
	}

.opi-fil>div {
	position: relative;
	width: calc(35% - 2rem);
	padding: .5rem 0;
	display: inline-block;
	vertical-align: middle;
	}
@media(max-width:800px) {
.opi-fil>div {
	width: calc(45% - 2rem);
	}
	}
@media(max-width:520px) {
.opi-fil>div {
	width: calc(100% - 2rem);
	}
	}

.opi-fil>div:nth-child(5) {
	width: 60%;;
	}

.opi-fil>div label {
	padding-left: 1rem;
	width: 75%;
	margin: 0;
	}

.opinie .sortuj {
	text-align: right;
	}

.opinie .sortuj>* {
	display: inline-block;
	vertical-align: center;
	}

.opinia {
	position: relative;
	display: block;
	padding-left: 4rem;
	margin-top: 1rem;
	}

.opinia .data {
	display: block;
	font-size: .6rem;
	opacity: .5;
	}

.opinia .ocena {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	background: #05f;
	color: #fff;
	text-align: center;
	width: 2.5rem;
	font-size: 1rem;
	line-height: 2.5rem;
	border-radius: 8px;
	margin-left: .2rem;
	font-weight: bold;
	}

.opinia .usericon {
	display: block;
	width: 3rem;
	height: 3rem;
	object-fit: cover;
	border-radius: 999px;
	position: absolute;
	left: 0;
	top: 0;
	}

.opinia>strong {
	display: inline-block;
	vertical-align: middle;
	}

.opinia .ainfo {
	display: inline-block;
	vertical-align: middle;
	font-size: .6rem;
	margin-left: .5rem;
	color: green;
	}

.opinia .binfo {
	display: block;
	font-size: .6rem;
	opacity: .5;
	}

.opinia .ainfo2 {
	display: block;
	font-size: .6rem;
	color: green;
	}
.opinia .gal li {
	position: relative;
	display: inline-block;
	margin: .3rem .3rem .3rem 0;
	}

.opinia .gal li img {
	width: 3rem;
	height: 3rem;
	}

.opinia .gal li img+span {
	display: block;
	text-align: center;
	line-height: 3rem;
	width: 3rem;
	height: 3rem;
	position: absolute;
	left: 0;
	top: 0;
	font-weight: bold;
	color:#fff;
	text-shadow: 0 0 .3rem #005;
	font-size: 1rem;
	}

.opinia>input {
	display: none;
	}

.opinia>input+div+div {
	display: none;
	}

.opinia>input+div {
	position: relative;
	}

.opinia>input+div:after {
	content: '';
	width: 100%;
	height: 60px;
	background: linear-gradient(to bottom,#fff0,#fff);
	position: absolute;
	left: 0;
	bottom: 0;
	}

.opinia>input:checked+div:after {
	display: none;
	}

.opinia>input:checked+div+div {
	display: block;
	}

.opinia>input+div+div+label {
	position: relative;
	text-align: left;
	display: block;
	color: var(--color1);
	cursor: pointer;
	}

.opinia>input:checked+div+div+label {
	text-indent: -9999px;
	}

.opinia>input:checked+div+div+label:after {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	content: 'Czytaj mniej';
	text-indent: 0;
	}

.opinia .tex strong {
	display: block;
	margin-top: 1rem;
	}

.opirating {
	display: block;
	position: relative;
	margin-top: 1rem;
	padding-top: .3rem;
	border-top: 1px solid #0002;
	text-align: right;
	font-size: .6rem;
	opacity: .7;
	}

.opirating span {
	display: inline-block;
	width: 14px;
	height: 18px;
	vertical-align: baseline;
	margin-left: .3rem;
	padding-left: 1rem;
	text-align: center;
	background: url(gfx/like-color.svg) no-repeat left top;
	background-size: auto 16px;
	cursor: pointer;
	}

.opirating span.nie {
	background: url(gfx/dislike-color.svg) no-repeat left top;
	background-size: auto 16px;
	}

.moreopi {
	display: block;
	clear: both;
	margin: 1rem auto;
	background: var(--color0);
	}

.box-mapa {
	position: relative;
	width: 100%;
	height: 20vw;
	min-height: 300px;
	background: url('../gfx/mapa.jpg') no-repeat center;
	background-size: cover;
	display: flex;
	justify-content: center;
	flex-direction: column;
	border-radius: 16px;
	}

.box-mapa button {
	width: 250px;
	background: #0004;
	margin: 0 auto;
	}

.miejsce {
	position: relative;
	}

.miejsce header>* {
	font-size: 1rem !important;
	padding: 0 !important;
	border: none !important;
	font-weight: bold;
	}

.miejsce header>*:before {
	content: '';
	width: 24px;
	height: 24px;
	display: inline-block;
	vertical-align: middle;
	background: url('../gfx/loc.svg') no-repeat center;
	background-size: cover;
	position: relative;
	top: -2px;
	margin-right: .5rem;
	}

.miejsce header>* span {
	font-weight: normal;
	opacity: .7;
	}

.miejsce img {
	width: 300px;
	height: 400px;
	object-fit: cover;
	display: inline-block;
	vertical-align: top;
	border-radius: 8px;
	}
@media(max-width:800px) {
.miejsce img {
	height: 300px;
	display: block;
	width: 100%;
	}
	}

.miejsce p {
	width: calc(100% - 300px - 2.5rem);
	margin-left: 2rem;
	display: inline-block;
	vertical-align: top;
	text-align: justify;
	}
@media(max-width:800px) {
.miejsce p {
	width: 100%;;
	margin-left: 0;
	display: block;
	margin-top: 1rem;
	}
	}

#mapa input {
	display: none;
	}

#mapa input+div {
	display: none;
	}

#mapa input:checked+div {
	display: block;
	}

#mapa input+div+label {
	position: relative;
	text-align: left;
	display: block;
	color: var(--color1);
	cursor: pointer;
	padding: 1rem 0;
	width: 100%;
	text-align: center;
	}

#mapa input:checked+div+label {
	text-indent: -9999px;
	}

#mapa input:checked+div+label:after {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	content: 'Zobacz mniej';
	text-indent: 0;
	padding: 1rem 0;
	width: 100%;
	}

#pogoda>div {
	display: block;
	position: relative;
	border: 1px solid #0003;
	border-radius: 8px;
	background: #3b5be211;
	margin-bottom: 4rem;
	}

#pogoda>div>h3 {
	display: block;
	font-weight: bold;
	border-bottom: 1px solid #0001;
	padding: 1rem;
	line-height: 1;
	}

#pogoda>div>a {
	float: right;
	text-decoration: none;
	font-size: .7rem;
	display: block;
	padding-right: 1rem;
	margin-top: -2rem;
	position: relative;
	z-index: 1;
	}

#pogoda ul {
	font-size: 0;
	}

#pogoda ul li {
	display: inline-block;
	padding: 1rem 1rem 1rem 3rem;
	font-size: .8rem;
	font-weight: bold;
	color: #333;
	background: url('../gfx/sun.svg') no-repeat 1rem center;
	background-size: 30px;
	}

#pogoda ul li:nth-child(2) {
	background: url('../gfx/moon.svg') no-repeat 1rem center;
	background-size: 30px;
	}

#pogoda ul li:nth-child(3) {
	background: url('../gfx/rain.svg') no-repeat 1rem center;
	background-size: 30px;
	}

#przed label {
	display: inline-block;
	padding: 1rem 0;
	border-bottom: 1px solid #0004;
	margin-right: 1rem;
	margin-bottom: 1rem;
	cursor: pointer;
	opacity: .7;
	}

#przed input:checked+label {
	border-bottom: 1px solid var(--color0);
	opacity: 1;
	}

#przed input#prp1:checked~.prp1 {
	display: block !important;
	}

#przed input#prp2:checked~.prp2 {
	display: block !important;
	}

#przed input#prp3:checked~.prp3 {
	display: block !important;
	}

.doublescroller input[type="range"] {
	width: 100%;
	}

.nies div.nier {
	margin-bottom: 1rem;
	display: block;
	outline: 1px solid #0002;
	border-radius: 16px;
	overflow: hidden;
	box-shadow: 0 0 2rem #0001;
	background: #fff;
	color: var(--black);
	text-decoration: none;
	max-width: calc(1000px - 2rem);
	min-height: 290px;
	margin-bottom: 1rem;
	padding: 1rem;
	font-size: 0;
	}

.nies .nier a.cl1 {
	display: inline-block;
	vertical-align: top;
	position: relative;
	width: 30%;
	background-position: center;
	background-size: cover;
	aspect-ratio: 1;
	border-radius: 8px;
	}

.nies .nier .cl2 {
	display: inline-block;
	vertical-align: top;
	position: relative;
	width: calc(100% - 30% - 1rem);
	margin-left: 1rem;
	font-size: 1rem;
	}

.nies .nier .cl2 .rev {
	position: absolute;
	left: auto;
	right: 0;
	top: 0;
	max-width: 150px;
	}
@media(max-width:800px) {
.nies .nier .cl2 .rev {
	left: calc( -1rem - 42%);
	top: 170px;
	}
	}

.nies .nier .cl2 .price {
	position: absolute;
	right: 0;
	bottom: 0;
	max-width: 150px;
	}

.nies .nier .cl2 h2 a {
	color: var(--black);
	font-size: 1.2rem;
	line-height: 1.2;
	display: block;
	margin-right: 160px;
	font-weight: bold;
	text-decoration: none;
	}
@media(max-width:800px) {
.nies .nier .cl2 h2 a {
	margin-right: 0;
	}
	}

.nies .nier .cl2 small {
	font-size: .6rem;
	opacity: .6;
	}

.nies .nier .cl2 ul {
	font-size: .6rem;
	display: block;
	margin-right: 150px;
	margin-bottom: .5rem;
	}
@media(max-width:800px) {
.nies .nier .cl2 ul {
	margin-right: 0;
	}
	}

.nies .nier .cl2 ul li {
	display: inline-block;
	vertical-align: middle;
	}

.nies .nier .cl2 ul li::before {
	display: inline-block;
	margin-right: .2rem;
	content: " \2022 ";
	}
.nies .nier .cl2 ul li:first-child::before {
	display: none
	}
.nies .nier .cl2 ul li img {
	display: inline-block;
	vertical-align: middle;
	width: 1rem;
	height: 1rem;
	object-fit: contain;
	position: relative;
	top: -1px;
	margin-right: .2rem;
	}

.nies .nier .cl2 .frame-green {
	background: green;
	color: #fff;
	font-size: .7rem;
	line-height: 1;
	padding: .25rem .5rem;
	border-radius: 4px;
	margin: 0 .3rem .3rem 0;
	}

.nies .nier .cl2 .frame-white {
	background: #fff;
	font-size: .7rem;
	line-height: 1;
	padding: .25rem .5rem;
	border-radius: 4px;
	margin: 0 .3rem .3rem 0;
	box-shadow: 0 0 .25rem #0003;
	}

@media(max-width:1050px) {
.nies .nier .cl2 .frame-green,
.nies .nier .cl2 .frame-white {
	display: block;
	width: 160px;
	text-align: center;
	}
	}

.nies .nier .cl2 p {
	display: block;
	margin-right: 160px;
	margin-top: 1rem;
	font-size: .65rem;
	border-left: 2px solid #eee;
	padding-left: .5rem
	}
@media(max-width:800px) {
.nies .nier .cl2 p {
	margin-right: 0;
	}
	}
@media(max-width:520px) {
.nies .nier .cl2 p {
	margin-bottom: 1rem;
	}
	}

.nies .nier .price {
	text-align: center;
	position: absolute;
	right: 1rem;
	bottom: 1rem;
	width: 150px;
	}
@media(max-width:800px) {
.nies .nier .price {
	text-align: right;
	position: relative;
	right: auto;
	bottom: auto;
	margin: 0 0 0 auto;
	width: 300px;
	}
	}

.nies .nier .price small {
	font-size: .55rem;
	display: block;
	padding: 0 0 .5rem;
	}

.nies .nier .price s {
	display: block;
	font-size: .65rem;
	color: red;
	}

.nies .nier .price strong {
	line-height: 1;
	}

.nies .nier .price strong>span {
	font-size: 1.5rem;
	line-height: 1;
	}

.nies .nier .price button {
	font-size: .75rem;
	background: var(--color0);
	}

.nies .nier .price .info img {
	width: 1rem;
	height: 1rem;
	object-fit: contain;
	vertical-align: baseline;
	top: -2px;
	position: relative;
	}

@media(max-width:800px) {
.nies .nier .price>small:first-child {
	display: inline-block;
	vertical-align: middle;
	margin-right: 1rem;
	}
.nies .nier .price>div {
	display: inline-block;
	vertical-align: middle;
	}
	}
@media(max-width:520px) {
.nies .nier .price>small:first-child {
	display: block;
	}
	}

.doublescroller .backg {
	position: relative;
	font-size: 0;
	height: 100px;
	width: 100%;
	}

.doublescroller .backg>div {
	display: inline-block;
	width: calc((100% - 16px) / 16);
	height: 100px;
	margin-right: 1px;
	background: #0001;
	border-bottom: 1px solid #0001;
	}

.doublescroller .slider {
	position: relative;
	width: 100%;
	height: 6px;
	background: #ddd;
	margin: .5rem auto 0;
	border-radius: 5px;
	}
	
.doublescroller .slider .thumb {
	position: absolute;
	width: 16px;
	height: 16px;
	background: #bbb;
	border-radius: 50%;
	top: -5px; /* Center the thumbs vertically */
	cursor: pointer;
	box-shadow: 0 0 2px rgba(0,0,0,0.5);
	}

.doublescroller .slider .thumb.active {
	background: #777;
	}
	
.doublescroller .slider .track {
	position: absolute;
	height: 100%;
	background: #007bff;
	border-radius: 5px;
	}

.doublescroller .slider+p {
	display: block;
	padding-top: .5rem;
	text-align: center;
	font-size: 1rem;
	}

.doublescroller .slider+p::after {
	content: ' \20ac';
	}

.doublescroller .slider+p>span:nth-child(2) {
	display: inline-block;
	padding: 0 .3rem;
	}

.dom nav.zakladki ul {
	display: flex;
	justify-content: space-between;
	}

.dom nav.zakladki li a {
	display: block;
	padding: 1rem 0 .5rem;
	border-bottom: 1px solid #0004;
	cursor: pointer;
	min-width: 200px;
	text-align: center;
	font-size: .8rem;
	color: var(--black);
	text-decoration: none;
	}
@media(max-width:1100px) {
.dom nav.zakladki li a {
	min-width: 18vw;
	}
	}
@media(max-width:520px) {
.dom nav.zakladki li a {
	min-width: 0;
	padding: .3rem;
	}
	}

.dom main>* {
	display: block;
	position: relative;
	margin: 0 auto;
	width: calc(100% - 2rem);
	max-width: calc(1200px - 2rem);
    padding: 1rem 1rem 0 1rem;
	}

.dom main>.zakladki {
    padding: .5rem 1rem 1.5rem 1rem;
	}

.dom section.dom {
	font-size: 0;
	}

.dom section.dom>* {
	font-size: 1rem;
	}

.dom .tt1 {
	display: inline-block;
	width: 70%;
	margin-top: 1rem;
	margin-bottom: 1rem;
	}
@media(max-width:700px) {
.dom .tt1 {
	width: 100%;
	}
	}

.dom .tt1 header * {
    display: block;
    padding-bottom: .5rem;
    font-size: 1rem;
    line-height: 1.2;
    height: 1.5rem;
    overflow: hidden;
    font-weight: bold;
	}
@media(max-width:800px) {
.dom .tt1 header * {
    font-size: 0.8rem;
	}
	}

.dom .tt1 .labels {
	position: relative;
	margin-top: -4rem;
	margin-bottom: 2rem;
    margin-right: 12rem;
	}
@media(max-width:1000px) {
.dom .tt1 .labels {
    margin-right: 0;
	}
	}

.dom .tt1 .labels>* {
	display: inline-block;
	vertical-align: middle;
	font-size: .6rem;
	}

.did {
	opacity: .5;
	}

.dom .tt1 .labels .label {
	box-shadow: none;
	background: #3b5be222;
	margin-left: .5rem;
	padding: 0 .3rem;
	line-height: 1;
	font-size: .6rem;
	padding-top: 4px;
	font-weight: normal;
	}

.dom .tt1 .labels .label img {
	width: 20px;
	height: 20px;
	object-fit: contain;
	display: inline-block;
	vertical-align: middle;
	top: -2px;
	position: relative;
	}

.dom .tt1 .loc {
	display: block;
	padding: .5rem 0;
	font-size: .65rem;
	color: #666;
	}

.dom .tt1 .loc img {
	width: 20px;
	height: 20px;
	object-fit: contain;
	display: inline-block;
	vertical-align: middle;
	top: -2px;
	position: relative;
	}

@media(max-width:520px) {
.dom .tt1 .loc a {
	display: block;
	margin-left: 24px;
	}
	}

.dom .tt2 {
	display: inline-block;
	vertical-align: top;
	width: 30%;
	text-align: right;
	padding-top: .6rem;
	}
@media(max-width:700px) {
.dom .tt2 {
	width: 100%;
	padding-top: 0;
	}
	}

.dom .tt2 .fav {
	display: inline-block;
	vertical-align: middle;
	width: 24px;
	height: 24px;
	font-size: 0;
	background: url('../gfx/heart.svg') no-repeat center;
	}

.dom .tt2 .button {
	display: inline-block;
	vertical-align: middle;
	background: var(--color0);
	color: #fff;
	text-decoration: none;
	padding: .5rem 1rem;
	margin-left: 1rem;border-radius: 999px;
	font-size: .8rem;
	}
.dom .tt2 .button:hover {
	opacity: .8;
	}

.dom .tt2 .infox {
	display: block;
	color: #666;
	text-decoration: none;
	font-size: .8rem;
	padding: .5rem;
	}

.dom .tt2 .infox img {
	width: 20px;
	height: 20px;
	object-fit: contain;
	display: inline-block;
	vertical-align: middle;
	top: -2px;
	position: relative;
	}

.dom .ils {
	display: inline-block;
	vertical-align: top;
	position: relative;
	width: 75%;
	font-size: 0;
	height: calc(510px + 1rem);
	}
@media(max-width: 900px) {
.dom .ils {
	width: 100%;
	margin-bottom: 2rem;
	}
	}
@media(max-width:700px) {
.dom .ils {
	height: calc(380px + 1rem);
	}
	}
@media(max-width:450px) {
.dom .ils {
	height: calc(260px + 1rem);
	}
	}

.dom .ils li {
	position: absolute;
	}

.dom .ils li img {
	width: 100%;
	border-radius: 8px;
	object-fit: cover;
	}

.dom .ils li:nth-child(1),
.dom .ils li:nth-child(2) {
	width: 30%;
	}

.dom .ils li:nth-child(1) img,
.dom .ils li:nth-child(2) img {
	height: 200px;
	}
@media(max-width:700px) {
.dom .ils li:nth-child(1) img,
.dom .ils li:nth-child(2) img {
	height: 150px;
	}
	}

.dom .ils li:nth-child(1) {
	left: 0;
	top: 0;
	}
@media(max-width:520px) {
.dom .ils li:nth-child(1) {
	display: none;
	}
	}

.dom .ils li:nth-child(2) {
	left: 0;
	top: calc(200px + .5rem);
	}
@media(max-width:700px) {
.dom .ils li:nth-child(2) {
	top: calc(150px + .5rem);
	}
	}
@media(max-width:520px) {
.dom .ils li:nth-child(2) {
	display: none;
	}
	}

.dom .ils li:nth-child(3) {
	left: calc(30% + .5rem);
	top: 0;
	width: calc(100% - 30% - .5rem);
	}
@media(max-width:520px) {
.dom .ils li:nth-child(3) {
	left: 0;
	top: 0;
	width: 100%;
	}
	}

.dom .ils li:nth-child(3) img {
	height: calc(400px + .5rem);
	}
@media(max-width:700px) {
.dom .ils li:nth-child(3) img {
	height: calc(300px + .5rem);
	}
	}
@media(max-width:420px) {
.dom .ils li:nth-child(3) img {
	height: calc(200px + .5rem);
	}
	}

.dom .ils li:nth-child(4),
.dom .ils li:nth-child(5),
.dom .ils li:nth-child(6),
.dom .ils li:nth-child(7),
.dom .ils li:nth-child(8) {
	top: calc(400px + .5rem + .5rem);
	width: calc(20% - .5rem + .125rem);
	}
@media(max-width:700px) {
.dom .ils li:nth-child(4),
.dom .ils li:nth-child(5),
.dom .ils li:nth-child(6),
.dom .ils li:nth-child(7),
.dom .ils li:nth-child(8) {
	top: calc(300px + .5rem + .5rem);
	}
	}
@media(max-width:450px) {
.dom .ils li:nth-child(4),
.dom .ils li:nth-child(5),
.dom .ils li:nth-child(6),
.dom .ils li:nth-child(7),
.dom .ils li:nth-child(8) {
	top: calc(200px + .5rem + .5rem);
	}
	}

.dom .ils li:nth-child(4) img,
.dom .ils li:nth-child(5) img,
.dom .ils li:nth-child(6) img,
.dom .ils li:nth-child(7) img,
.dom .ils li:nth-child(8) img {
	height: 110px;
	}
@media(max-width:700px) {
.dom .ils li:nth-child(4) img,
.dom .ils li:nth-child(5) img,
.dom .ils li:nth-child(6) img,
.dom .ils li:nth-child(7) img,
.dom .ils li:nth-child(8) img {
	height: 80px;
	}
	}
@media(max-width:520px) {
.dom .ils li:nth-child(4) img,
.dom .ils li:nth-child(5) img,
.dom .ils li:nth-child(6) img,
.dom .ils li:nth-child(7) img,
.dom .ils li:nth-child(8) img {
	height: 60px;
	}
	}

.dom .ils li:nth-child(4) {
	left: 0;
	}

.dom .ils li:nth-child(5) {
	left: calc(20% + .125rem);
	}

.dom .ils li:nth-child(6) {
	left: calc(40% + .25rem);
	}

.dom .ils li:nth-child(7) {
	left: calc(60% + .25rem + .125rem);
	}

.dom .ils li:nth-child(8) {
	left: calc(80% + .5rem);
	}


.ils li a span {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	color: #fff;
	font-weight: bold;
	text-align: center;
	display: flex;
	justify-content: center;
	flex-direction: column;
	text-shadow: 0 0 .5rem #000, 0 0 .5rem #000;
	text-decoration: underline;
	}

.dom .ils li a:hover {
	opacity: .85;
	}

.dom .ctx {
	display: inline-block;
	vertical-align: top;
	width: calc(25% - 3rem - 2px);
	padding: 1rem;
	margin-left: 1rem;
	border: 1px solid #ddd;
	background: #F2F7FD;
	border-radius: 8px;
	height: calc(510px + 1rem - 2rem - 2px);
	}
@media(max-width: 900px) {
.dom .ctx {
	width: 60%;
	min-width: 300px;
	display: block;
	margin: auto;
	margin-bottom: 2rem;
	}
	}

.dom .ctx h3 {
	font-weight: bold;
	display: block;
	text-align: center;
	}

.dom .ctx label {
	font-size: .6rem;
	opacity: .6;
	text-transform: uppercase;
	display: block;
	margin-top: 1rem;
	}

.dom .ctx input, .dom .ctx textarea {
	padding: .5rem;
	border: 1px solid #bbb;
	border-radius: 4px;
	text-align: left;
	width: calc(100% - 1rem);
	font-size: .8rem;
	margin-top: .3rem;
	}

.dom .ctx textarea {
	height: 3rem;
	border-radius: 4px;
	}

.dom .ctx input[type="submit"] {
	margin: 1rem auto 0;
	width: 100%;
	background: var(--color0);
	text-align: center;
	border: none;
	padding: .6rem;
	}

.kafle ul,
ul.iks,
.opis>div:nth-child(2) ul {
	display: flex;
	text-align: left;
	gap: 1rem;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 2rem 0;
	}

@media(max-width: 900px) {
.kafle ul {
	justify-content: center;
	}
	}


.kafle li,
.iks li,
.opis>div:nth-child(2) ul li {
	border: 1px solid #ccc;
	border-radius: 20px;
	padding: .5rem 1rem;
	font-size: .8rem;
	color: #666;
	}

.kafle li img,
.iks li img,
.opis>div:nth-child(2) ul li img {
	width: 24px;
	height: 24px;
	vertical-align: middle;
	position: relative;
	top: -3px;
	margin-right: .5rem;
	}

.dom .opis {
	font-size: 0 !important;
	margin-top: 2rem;
	}

.dom .opis>div:nth-child(1) {
	font-size: .8rem;
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 75%;
	}

@media(max-width: 900px) {
.dom .opis>div:nth-child(1) {
	width: 50%;
	}
	}
@media(max-width:520px) {
.dom .opis>div:nth-child(1) {
	width: 100%;
	}
	}

.dom .opis>div:nth-child(1) p {
	margin-bottom: 1rem;
	text-align: justify;
	}

.dom .opis>div:nth-child(2) {
	font-size: .8rem;
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: calc(25% - 3rem);
	margin-left: 1rem;
	padding: 1rem;
	border-radius: 8px;
	background: #3b8ce211;
	}
@media(max-width: 900px) {
.dom .opis>div:nth-child(2) {
	width: calc(50% - 3rem);
	}
	}
@media(max-width:520px) {
.dom .opis>div:nth-child(2) {
	width: calc(100% - 2rem);
	margin: 2rem 0;
	}
	}

ul.iks {
	margin: .5rem 0;
	display: block;
	}

ul.iks li {
	display: inline-block;
	margin: 0;
	border: none;
	padding: 0 1rem .5rem 0;
	color: #000;
	}

ul.iks li img {
	filter: brightness(0) saturate(100%) invert(34%) sepia(56%) saturate(565%) hue-rotate(80deg) brightness(97%) contrast(87%);
	}

.dom .opis>div:nth-child(2) ul {
	display: block;
	padding: 0;
	margin: .5rem 0;
	}

.dom .opis>div:nth-child(2) ul li {
	border: none;
	padding: .25rem 0;
	font-size: .7rem;
	}

.dom .pytania {
	display: block;
	margin: 2rem 0;
	}

.dom .pytania header * {
	color: var(--color0);
	font-weight: bold;
	padding-bottom: 1rem;
	}

.dom .otoczenie {
	position: relative;
	border-radius: 8px;
	padding: 1rem;
	background: #3b8ce211;
	text-align: center;
	}

.dom .otoczenie>header>* {
	display: block;
	padding-bottom: 1.5rem;
	font-weight: bold;
	font-size: 1rem;
	}

.dom .otoczenie>ul {
	position: relative;
	width: 25%;
	margin: 0 3%;
	font-size: .8rem;
	display: inline-block;
	vertical-align: top;
	text-align: left;
	}
@media(max-width:900px) {
.dom .otoczenie>ul {
	width: 30%;
	margin: 0 1%;
	}
	}
@media(max-width:700px) {
.dom .otoczenie>ul {
	width: 47%;
	margin: 0 1%;
	}
	}
@media(max-width:520px) {
.dom .otoczenie>ul {
	width: 100%;
	margin: 0 1%;
	}
	}

.dom .otoczenie>ul>li>ul {
	display: block;
	padding-top: .5rem;
	padding-bottom: 2rem;
	}

.dom .otoczenie ul li img {
	display: inline-block;
	vertical-align: middle;
	width: 24px;
	height: 24px;
	position: relative;
	top: -2px;
	margin-right: .2rem;
	}

.dom .otoczenie ul ul {
	display: block;
	padding: .2rem 0 .5rem;
	}

.dom .otoczenie ul li li {
	position: relative;
	font-size: .7rem;
	padding-left: calc(24px + .2rem);
	opacity: .8;
	line-height: 1.6;
	display: block;
	}

.dom .otoczenie ul li li span {
	position: absolute;
	right: 0;
	}

.dom #opinie {
	margin-top: 3rem;
	font-size: 1rem;
	}

.dom #opinie .main { 
	width: 100%;
	margin: 0;
	}

.dom #opinie .main .opi-fil .likeselect {
	width: 250px;
	}

.rts.prod main.results {
	width: calc(100% - 16vw);
	margin-left: 8vw;
	}
@media(max-width: 1600px) {
.rts.prod main.results {
	width: calc(100% - 10vw);
	margin-left: 5vw;
	}
	}
@media(max-width: 1340px) {
.rts.prod main.results {
	width: calc(100% - 10vw);
	}
	}
@media(max-width: 900px) {
.rts.prod main.results {
	width: calc(100% - 10vw);
	}
	}
@media(max-width: 520px) {
.rts.prod main.results {
	width: calc(100% - 20px);
	margin-left: 10px;
	}
	}

.rts.prod .meta-info {
	background: #eceeeb;
	}

.rts.prod .ovr {
	background: #eceeeb;
	}

.rts.prod .bc-prod {
	margin: .5rem 0 0;
	}

.rts.prod .bc-prod ul {
	font-size: 0;
	}

.rts.prod .bc-prod ul li {
	display: inline-block; 
	font-size: .7rem;
	}

.rts.prod .bc-prod ul li+li::before {
	display: inline-block;
	margin: 0 .3rem;
	content: "-";
	opacity: .5;
	}

.rts.prod .bc-prod ul li a {
	color: var(--black);
	text-decoration: none;
	}

.rts.prod .bc-prod ul li:last-child a {
	color: var(--orange);
	text-decoration: none;
	}

.oprod,
.oopis {
	position: relative;
	display: flex;
	max-width: 1200px;
	}
@media(max-width:800px) {
.oprod,
.oopis {
	display: block;
	width: calc(100% - 2rem);
	padding: 0 !important;
	}
	}

.oopis {
	margin-bottom: 3rem;
	}

.rts.prod .oprod .prod,
.rts.prod .oopis .prod-opis {
	position: relative;
	background: #fff;
	padding: 1rem;
	width: 70%;
	}
@media(max-width:1200px) {
.rts.prod .oprod .prod,
.rts.prod .oopis .prod-opis {
	width: 60%;
	}
	}
@media(max-width:800px) {
.rts.prod .oprod .prod,
.rts.prod .oopis .prod-opis {
	width: 100%;
	}
	}

.rts.prod .oprod .prod .prod-belt {
	display: flex;
	justify-content: space-between;
	font-size: .8rem;
	}

.rts.prod .oprod .prod .prod-belt .stan>span {
	color: #999;
	}

.rts.prod .oprod .prod .prod-belt .stan>span>span {
	color: var(--black);
	}

.rts.prod .oprod .prod .prod-belt .fav {
	display: inline-block;
	vertical-align: middle;
	width: 24px;
	height: 24px;
	margin-right: .5rem;
	font-size: 0;
	background: url('../gfx/heart.svg') no-repeat center;
	}

.rts.prod .oprod .prod .prod-belt .storage {
	display: inline-block;
	vertical-align: middle;
	background: var(--color0);
	color: #fff;
	text-transform: uppercase;
	padding: .2rem .5rem;
	text-decoration: none;
	margin-right: .5rem;
	font-size: .7rem;
	border-radius: 4px;
	}
.rts.prod .oprod .prod .prod-belt .storage:hover {
	background: var(--orange);
	}

.rts.prod .oprod .prod .prod-belt .likeselect {
	display: inline-block;
	font-size: .7rem;
	}

.likeselect .lbl {
	opacity: .5;
	}

.rts.prod .oprod .prod section header>* {
	font-weight: bold;
	font-size: 1.5rem;
	line-height: 1.1;
	margin-top: .5rem;
	}

.ostrs>* {
	display: inline-block;
	vertical-align: middle;
	}

.ostrs>span {
	position: relative;
	top: .06rem;
	font-size: .9rem;
	opacity: .7;
	margin: 0 .5rem 0 0;
	}

.rts.prod .oprod .prod img {
	margin-top: .5rem;
	position: relative;
	width: 100%;
	max-height: 30vw;
	object-fit: contain;
	}

.prod-data,
.rts.prod .oopis .prod-params {
	position: relative;
	background: #fff;
	padding: 1rem;
	width: calc(30% - 2rem - 1rem);
	margin-left: 1rem;
	}
@media(max-width:1200px) {
.prod-data,
.rts.prod .oopis .prod-params {
	width: calc(40% - 2rem - 1rem);
	}
	}
@media(max-width:800px) {
.prod-data,
.rts.prod .oopis .prod-params {
	width: 100%;
	margin: 0;
	padding: 0 1rem 1rem;
	}
	}

.prod-data>a {
	display: flex;
	justify-content: space-between;
	font-size: .9rem;
	line-height: 1;
	font-weight: bold;
	color: var(--black);
	text-decoration: none;
	}

.prod-data>a img {
	max-width: 90px;
	}

hr {
	border: none;
	border-top: 1px solid #0002;
	margin: .5rem 0;
	}

.prod-data .cena {
	display: block;
	text-align: center;
	padding: 1.5rem 0;
	font-size: 1.5rem;
	font-weight: bold;
	}
@media(max-width:520px) {
.prod-data .cena {
	text-align: right;
	padding: .5rem 0 0;
	font-size: 1.3rem;
	}
	}

.prod-data .cena span {
	font-size: 2rem;
	}

.prod-data .cinfo {
	font-size: .7rem;
	opacity: .6;
	}

.prod-data>section header>* {
	font-size: .7rem;
	opacity: .8;
	}

.prod-data>section ul {
	font-size: 0;
	text-align: left;
	position: relative;
	margin-right: -.5rem;
	margin-top: .5rem;
	}

.prod-data>section li {
	display: inline-block;
	vertical-align: top;
	width: calc(20% - .5rem);
	margin: 0 .5rem .5rem 0;
	outline: 1px solid #0005;
	}

.prod-data>section li img {
	max-width: 100%;
	aspect-ratio: 1;
	object-fit: contain;
	}

.prod-data button {
	width: 100%;
	margin: .5rem 0;
	text-transform: uppercase;
	font-size: .9rem;
	border-radius: 4px;
	background: var(--color0);
	}
.prod-data button+button {
	background: var(--orange);
	}

.prod-data .dinfo {
	font-size: .6rem;
	line-height: 1.2;
	opacity: .5;
	padding-top: .5rem;
	}

.prod-opis>header>* {
	font-weight: bold;
	margin-bottom: 1rem;
	}

.prod-opis img {
	max-width: 100%;
	}

.prod-opis input#rest+div {
	max-height: 0;
	overflow: hidden;
	transition: all 0.3s ease;
	}

.prod-opis input#rest+div+label {
	display: block;
	width: 300px;
	text-align: center;
	position: relative;
	text-transform: uppercase;
	font-size: .8rem;
	background: linear-gradient(to bottom, #eceeeb, #fff);
	padding: .5rem 0;
	border-radius: 20px 20px 0 0;
	margin: 0 auto;
	top: 1rem;
	cursor: pointer;
	}

.prod-opis input#rest+div+label i {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	top: -.07rem;
	width: 20px;
	height: 20px;
	font-size: 18px;
	text-indent: -2px;
	line-height: 28px;
	text-align: center;
	transform: scale(1.3,1) rotate(180deg);
	}

.prod-opis input#rest:checked+div+label i {
	transform: scale(1.3,1) rotate(0deg);
	top: -.17rem;
	}

.prod-opis input#rest+div+label>span+span {
	display: none;
	}

.prod-opis input#rest:checked+div {
	max-height: 10000px;
	}

.prod-opis input#rest:checked+div+label>span+span {
	display: block;
	}

.prod-opis input#rest:checked+div+label>span:nth-child(1) {
	display: none;
	}

.prod-params {
	}

.prod-params>header>* {
	font-weight: bold;
	}
@media(max-width:520px) {
.prod-params>header>* {
	padding-top: 2.5rem;
	}
	}

.prod-params ul {
	display: block;
	margin: .5rem 0 0 0;
	}

.prod-params li {
	font-size: 0;
	padding: .4rem;
	}

.prod-params li>span {
	display: inline-block;
	vertical-align: middle;
	font-size: .75rem;
	width: 50%;
	line-height: 1;
	}

.prod-params li>span:nth-child(1) {
	opacity: .5;
	font-size: .7rem;
	}

.prod-params li>span:nth-child(2) {
	margin-left: 2rem;
	width: calc(50% - 2rem);
	}

.prod-params li:nth-child(odd) {
	background: #F4F6F5;
	} 

.newplaceholder {
	position: relative;
	display: inline-block;
	padding-bottom: .1rem;
	}

.newplaceholder input+label {
	display: block;
	padding: .5rem;
	border: 1px solid #bbb0;
	text-align: center;
	width: 2rem;
	font-size: .8rem;
	line-height: 1;
	color: #0007; 
	position: absolute;
	left: 0;
	top: 0;
	transition: 200ms all;
	}

.newplaceholder input:focus+label,
.newplaceholder input:valid+label {
	background: #fff;
	padding: .1rem;
	width: auto;
	font-size: .6rem;
	left: 4px;
	top: -.4rem;
	}

.filmx {
	position: relative;
	background: var(--black);
	}

.filmx>div {
	position: relative;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	font-size: 0;
	}

.filmx>div iframe {
	width: 100%;
	aspect-ratio: 9/5;
	}

.underfilm {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	font-size: 0;
	}

.underfilm>* {
	display: inline-block;
	vertical-align: top;
	font-size: 1rem;
	}

.underfilm .vopis {
	width: calc(65% - 2rem);
	background: #fff;
	padding: 1rem;
	margin-top: 1rem;
	border-radius: 20px;
	box-shadow: 0 0 1rem #0002;
	position: relative;
	}

.underfilm .vkom {
	position: relative;
	padding-top: 2rem;
	position: relative;
	width: 100%;
	margin: 0;
	}

.underfilm .vthumbs {
	width: calc(35% - 2rem - 1rem);
	margin-left: 1rem;
	background: #fff;
	padding: 1rem;
	margin-top: 1rem;
	border-radius: 20px;
	box-shadow: 0 0 1rem #0002;
	position: relative;
	}
@media(max-width:800px) {
.underfilm .vthumbs {
	width: calc(100% - 2rem);
	margin-left: 0;
	padding: 1rem;
	margin-top: 1rem;
	border-radius: 0;
	box-shadow: 0 0 1rem #0002;
	}
	}

@media(max-width:800px) {
.underfilm .vopis {
	width: calc(100% - 2rem);
	background: #fff;
	margin-left: 0;
	border-radius: 0;
	}
	}

.vopis>header>* {
	display: block;
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 1.2;
	}

.vopis .czas {
	font-size: .7rem;
	opacity: .5;
	}

ul.vsoc {
	position: relative;
	margin: 0 0 .75rem 0;
	padding: 0 0 .5rem 0;
	border-bottom: 1px solid #0002;
	font-size: 0;
	text-align: right;
	}

ul.vsoc li {
	display: inline-block;
	font-size: .8rem;
	line-height: 24px;
	}

ul.vsoc li a {
	display: block;
	font-weight: bold;
	color: #0009;
	text-decoration: none;
	margin-left: .75rem;
	text-align: left;
	}

ul.vsoc li a.send {
	background: url(gfx/share.svg) no-repeat left center;
	background-size: 24px;
	width: 24px;
	text-indent: -9999px;
	}

ul.vsoc li a.likes {
	padding-left: 24px;
	background: url(gfx/heartfull.svg) no-repeat left center;
	background-size: 24px;
	}

ul.vsoc li a.comms {
	padding-left: 27px;
	background: url(gfx/ii3.svg) no-repeat left center;
	background-size: 24px;
	}

ul.vsoc li a.cols {
	background: url(gfx/check.svg) no-repeat left center;
	background-size: 24px;
	width: 24px;
	text-indent: -9999px;
	}

ul.vsoc li a.later {
	background: url(gfx/clock.svg) no-repeat left center;
	background-size: 24px;
	width: 24px;
	text-indent: -9999px;
	}

body.film a.autor {
	position: relative;
	display: inline-block;
	color: var(--black);
	text-decoration: none;
	font-weight: bold;
	font-size: .7rem;
	}

body.film a.autor img {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	top: -.05rem;
	border-radius: 100%;
	margin-right: .3rem;
	width: 24px;
	height: 24px;
	}

.vopis input#vmore+p,
.vopis input#vmore+p+p {
	display: block;
	font-size: .8rem;
	padding-top: .5rem;
	}

.vopis input#vmore+p+p {
	max-height: 0;
	overflow: hidden;
	transition: all 0.5s ease;
	}

.vopis input#vmore:checked+p+p {
	max-height: 3999px;
	overflow: hidden;
	}

.vopis input#vmore+p+p+label {
	font-weight: bold;
	font-size: .8rem;
	line-height: 1;
	display: block;
	text-align: right;
	padding-bottom: 1rem;
	cursor: pointer;
	}

.vopis input#vmore+p+p+label>span:nth-child(2) {
	display: none;
	}

.vopis input#vmore:checked+p+p+label>span:nth-child(2) {
	display: block;
	}

.vopis input#vmore:checked+p+p+label>span:nth-child(1) {
	display: none;
	}

.vopis .aut>header>*,
.vopis .kat>header>*,
.vkom>header>*,
.vthumbs>header>* {
	display: block;
	font-weight: bold;
	font-size: .9rem;
	padding: 0 0 .5rem;
	}

.vopis .aut ul {
	position: relative;
	display: block;
	margin-bottom: 1rem;
	}

.vopis .aut ul li {
	display: inline-block;
	margin-right: 1rem;
	}

.vopis .aut a.autor img {
	width: 36px;
	height: 36px;
	display: inline-block;
	vertical-align: top;
	position: relative;
	top: -.05rem;
	border-radius: 100%;
	margin-right: .4rem;
	}

.vopis .aut a.autor span {
	font-weight: normal;
	font-size: .6rem;
	line-height: 1;
	display: block;
	padding-left: calc(36px + .6rem);
	position: relative;
	top: -.8rem;
	opacity: .6;
	}

.vopis .kat ul li {
	display: inline-block;
	font-size: .7rem;
	margin: 0 .25rem .25rem 0;
	padding: .2rem .7rem;
	border: 1px solid #ddd;
	background: #fff;
	border-radius: 99px;
	}

.vopis .kat li a {
	display: block;
	text-decoration: none;
	color: var(--black);
	}
.vopis .kat li:hover {
	background: #f8f8f8;
	}

.vkom ul {
	display: block;
	max-height: 100vh;
	overflow-y: auto;
	}

.vkom ul li {
	display: block;
	padding-right: .5rem;
	}

.vkom .data {
	font-size: .5rem;
	opacity: .6;
	}

.vkom p {
	display: block;
	padding: .2rem 0 0;
	font-size: .7rem;
	line-height: 1.3;
	opacity: .9;
	}

.vkom .odp {
	display: block;
	padding: 0 0 .3rem 0;
	font-size: .5rem;
	line-height: 1;
	opacity: .9;
	text-transform: uppercase;
	display: block;
	text-align: right;
	color: #0009;
	text-decoration: none;
	}

.vkom textarea {
	display: block;
	width: calc(100% - 1rem);
	padding: .5rem;
	border: 1px solid #ccc;
	border-radius: 20px;
	margin: 1rem 0 0;
	}

.vkom textarea+input {
	display: block;
	width: 130px;
	padding-left: 0;
	padding-right: 0;
	margin: .5rem 0 0 auto;
	font-size: .7rem;
	}

input#zmienwidok {
	display: none;
	}
input#zmienwidok+label {
	display: block;
	width: 32px;
	height: 32px;
	text-align: left;
	text-indent: -9999px;
	position: absolute;
	top: 1rem;
	right: 1rem;
	background: url('../gfx/lay1.svg') no-repeat center;
	background-size: contain;
	}
@media(max-width:800px) {
input#zmienwidok+label {
	display: none;
	}
	}

input#zmienwidok:checked+label {
	background: url('../gfx/lay2.svg') no-repeat center;
	background-size: contain;
	}

body.film:has(input#zmienwidok:checked) .filmx {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	background: transparent;
	padding-top: 1rem;
	}

body.film:has(input#zmienwidok:checked) .filmx {
	width: calc(100% - (35%));
	max-width: calc(1200px - (35 / 100 * 1200px));
	padding-right: calc(35 / 100 * 1200px);
	margin: 0 auto;
	}

body.film:has(input#zmienwidok:checked) main {
	margin: 0 auto;
	width: 100%;
	max-width: 1200px;
	position: relative;
	}

body.film:has(input#zmienwidok:checked) .underfilm {
	position: static;
	}

body.film:has(input#zmienwidok:checked) .vthumbs {
	position: absolute;
	right: 0;
	top: 0;
	}

body.film:has(input#zmienwidok:checked) .vthumbs ul {
	max-height: 80vh;
	overflow: auto;
	}

.vthumbs ul li {
	padding-left: 160px;
	min-height: 120px;
	position: relative;
	font-size: .7rem;
	}

.vthumbs ul li>* {
	display: block;
	}

.vthumbs ul li img {
	width: 150px;
	height: 100px;
	object-fit: cover;
	border-radius: 4px;
	position: absolute;
	left: 0;
	top: 0;
	}

.vthumbs ul li h4 a {
	display: block;
	margin-right: 30px;
	color: var(--black);
	font-size: .8rem;
	font-weight: bold;
	text-decoration: none;
	line-height: 1.1;
	padding-bottom: .3rem;
	}

.vthumbs ul li>a {
	display: block;
	color: var(--black);
	text-decoration: none;
	line-height: 1.1;
	padding-bottom: .5rem;
	}

.vthumbs ul li>span {
	color: var(--black);
	text-decoration: none;
	line-height: 1.1;
	opacity: .6;
	font-size: .6rem;
	}

.vthumbs ul li input {
	display: none;
	}

.vthumbs ul li label {
	position: absolute;
	top: 6px;
	right: 0;
	width: 24px;
	height: 24px;
	cursor: pointer;
	opacity: .4;
	}
.vthumbs ul li label:hover {
	opacity: 1;
	}

.vthumbs ul li label img {
	width: 24px;
	height: 24px;
	object-fit: contain;
	}

.vthumbs ul li label+ul li {
	margin: 0;
	padding: 0;
	width: 100%;
	min-height: 0;
	}

.vthumbs ul li label+ul {
	position: absolute;
	top: 1.3rem;
	right: 0rem;
	z-index: 100;
	background: #fff;
	border-radius: 4px;
	box-shadow: 0 0 1rem #0005;
	width: 200px;
	padding: .5rem 0 0;
	display: none;
	}

.vthumbs ul li input:checked+label+ul {
	display: block;
	}

.vthumbs ul li input:checked+label::before {
	content: '';
	position: fixed;
	left: 0;
	top: 0;
	width: 100vw;
	height: 100vh;
	z-index: 99;
	}

.vthumbs ul li label+ul li hr {
	margin: .3rem 0;
	padding: 0;
	position: relative;
	top: -.225rem;
	}

.vthumbs ul li label+ul li a {
	padding: .3rem .5rem;
	}

.vthumbs ul li label+ul li a:hover {
	opacity: .6;
	}

.vthumbs ul li label+ul li img {
	position: relative;
	top: auto;
	bottom: auto;
	left: auto;
	display: inline-block;
	vertical-align: top;;
	top: -.25rem;
	margin-right: .5rem;
	width: 24px;
	height: 24px;
	object-fit: contain;
	}