/* ################################################################# FEELING ################################################################# */

/* ----- Fonts ----- */
@font-face{font-family:Chronicle Display;src:url("fonts/ChronicleDisplayRegular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Chronicle Display;src:url("fonts/ChronicleDisplaySemibold.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:Chronicle Display;src:url("fonts/ChronicleDisplayBold.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:Chronicle Display;src:url("fonts/ChronicleDisplayBlack.woff2") format("woff2");font-weight:800;font-style:normal;font-display:swap}

:root {--font1: "Helvetica Neue", sans-serif;} 
:root {--font2: "Chronicle Display", Times New Roman, Times, Georgia, serif;}

:root {--fontsize-smallest: 10px;}
:root {--fontsize-smaller: 12px;}
:root {--fontsize-small: 14px;}
:root {--fontsize-body: 16px;}
:root {--fontsize-post-body: 19px;}
:root {--fontsize-large: 22px;}
:root {--fontsize-larger: 24px;}
:root {--fontsize-largest: 28px;}
:root {--fontsize-grid-title: 36px;}
:root {--fontsize-header3: 30px;}
:root {--fontsize-header2: 40px;}
:root {--fontsize-header1: 52px;}

/* ----- Colors ----- */
:root {--color-text: rgb(29, 29, 27);}
:root {--color-yellow: rgb(235, 188, 0);}
:root {--color-grey-very-light: rgb(245, 245, 247);}
:root {--color-grey-light: rgb(212, 212, 212);}
:root {--color-grey: rgb(198, 198, 198);}
:root {--color-grey-dark: rgb(153, 153, 153);}
:root {--color-blue: rgb(74, 146, 188);}
:root {--color-grey-green: rgb(28, 111, 57);}

/* ----- Icons ----- */
.menu-icon .icon {background-image: url(/files/icon/menu_a.svg);}
.menu > .icon {background-image: url(/files/icon/close_a.svg);}
.freebie > .icon {background-image: url(/files/icon/close_a.svg);}
.search .icon {background-image: url(/files/icon/search_b_white.svg);}
.social .items .facebook .icon {background-image: url(/files/icon/facebook_21.svg);}
.social .items .x .icon {background-image: url(/files/icon/new_x_a.svg);}
.social .items .instagram .icon {background-image: url(/files/icon/instagram_16.svg);}
.social .items .tiktok .icon {background-image: url(/files/icon/tiktok_4.svg);}
.social .items .pinterest .icon {background-image: url(/files/icon/pinterest_12.svg);}
.social .items .youtube .icon {background-image: url(/files/icon/youtube_4.svg);}
.social .items .linkedin {display: none;}
.social .items .rss {display:none;}
.social .items .mail {display: none;}
.social .items .item .text {
   display: none;
}
.social .items .icon,
.search .icon {
   height: 15px;
   width: 15px;
}

/* ----- Gap ----- */
:root {--gap: 25px;}
:root {--gap-section: 100px;}
:root {--gap80: 80px;}
:root {--gap70: 70px;}
:root {--gap60: 60px;}
:root {--gap50: 50px;}
:root {--gap45: 45px;}
:root {--gap40: 40px;}
:root {--gap35: 35px;}
:root {--gap30: 30px;}
:root {--gap20: 20px;}
:root {--gap15: 15px;}
:root {--gap10: 10px;}
:root {--gap5: 5px;}

/* ----- Site Width ----- */
:root {--width-site: 1220px;}
:root {--width-site2: 990px;}
:root {--width-post-body: 600px;}

.freebie .image img,
.image.col img, 
.single-header .featured-image img, 
.article img, 
.site-categories-images img, 
div:not(.offer) > .logo img {
   display: block;
}

input, textarea {
   font-family: var(--font1);
   font-size: var(--fontsize-small);
}

/* ################################################################# VARIOUS ################################################################# */
* {
    box-sizing: border-box;
}
body {
   line-height: 1.5;
   color: var(--color-text);
}
h1 {
   font-family: var(--font2);
   font-size: var(--fontsize-header1);
   line-height: 3.375rem;
   margin: 0 0 var(--gap15);
}
h2 {
   font-family: var(--font2);
   font-size: var(--fontsize-header2);
   line-height: 1.3;
   margin: 0 0 var(--gap10);
}
h3 {
   font-family: var(--font2);
   font-size: var(--fontsize-header3);
   line-height: 1.3; 
   margin: 0 0 var(--gap10);
}
.single-body a,
.best a  {
   font-weight: 700;
   border-bottom: 1px solid var(--color-grey-light);
   text-decoration: none;
   color: var(--color-text);
}
.related .article a,
.single-bottom .article > a,
.product .title a,
.product .cta a {
   font-weight: 400;
   border-bottom: 0;
}

#menu .logo a,
header .logo a,
.page .mobile .logo a,
.about .logo,
footer .logo {
   text-decoration: none;
   font-weight: 600;
   font-family: var(--font2);
}
#menu .logo a > span,
header .logo a > span,
.page .mobile .logo a > span,
.about .logo > span,
footer .logo a > span {
   display: flex;
   font-size: 7em;
   font-weight: 800;
   text-align: center;
   gap: var(--gap5);
   line-height: 1em;
   color: black;
}
footer .logo a {
   text-decoration: none;
}
footer .logo a > span {
   color: white;
   font-size: 3.5em;
}

.article {
   margin: 0;
}

header .inner,
.home > .section,
.directory .content,
.lead .content,
.single article,
.page .content,
.archive .content,
footer .inner {
   width: 100%;
   max-width: var(--width-site);
   margin-right: auto;
   margin-left: auto;
   padding: 0 var(--gap15);
}

.home {
   padding: var(--gap50) 0;
}
.directory .content,
.lead .content,
.post article,
.partner article,
.best article,
.shop article,
.archive .content {
   padding: var(--gap50) var(--gap15);
}

/* CONTENT */
.lead .content, 
.single-body, 
.page .content {
   font-size: var(--fontsize-post-body);
   font-family: var(--font2);
   line-height: 1.75rem;
}
.single-body > *:not(blockquote):not(h2):not(h3):not(.related), .lead .content > *:not(.overview):not(.detailed), .page .content > *:not(blockquote):not(h1):not(h2):not(h3):not(.related) {
    margin: 0 0 var(--gap);
}
.directory h1,
.page h1 {
   margin-bottom: var(--gap40);
}

/* HEADER */
header {
   border-bottom: 1px solid var(--color-grey);
}
header .social .element-title {
   display: none;
}
.header-normal-1 {
   padding-top: var(--gap);
}
.header-normal-1 .inner,
.header-scroll-1 .inner {
   display: flex;
   align-items: center;
}
.header-normal-1 .social {
   margin-left: auto;
}
.header-normal-1 .join {
   padding-left: var(--gap30);
   font-size: var(--fontsize-small);
   font-family: var(--font1);
   text-transform: uppercase;
   font-weight: 700;
   line-height: 25px;
}
.header-normal-1 .join div:not(.newsletter) {
   display: none;
}
.search {
   display: flex;
   background-color: var(--color-yellow);
   align-items: center;
   margin-left: var(--gap30);
}
.search input {
   border: 1px solid var(--color-yellow);
   border-radius: 0;
   padding: var(--gap10) var(--gap15);
}
.search .icon {
   margin: 0 var(--gap15);
}
.social .items {
   gap: var(--gap5);
}
.header-normal-2 {
   padding: var(--gap) 0;
}
.site-categories .element-title {
   display: none;
}
.site-categories .items {
   display: flex;
   flex-wrap: wrap;
   font-size: var(--fontsize-small);
   font-family: var(--font1);
   text-transform: uppercase;
   font-weight: 700;
   line-height: 25px;
   gap: var(--gap);
}
#header-scroll {
   background-color: white;
   border-bottom: 1px solid var(--color-grey);
}
.header-scroll-1 .inner {
   padding: var(--gap15) 0;
   max-width: fit-content;
}
.header-scroll-1 .logo {
   margin-right: var(--gap30);
   min-width: 100px;
}

/* FORSIDE */
.section {
   padding-top: var(--gap60);
}
.heading {
   border-top: 2px solid var(--color-text);
   font-family: var(--font1);
   text-transform: uppercase;
   font-weight: 600;
   font-size: var(--fontsize-post-body);
   margin-bottom: var(--gap10);
}
.full .heading,
.section11 .heading {
   text-align: center;
   font-size: var(--fontsize-header2);
   padding: var(--gap15) 0 0;
   font-family: var(--font2);
   margin-top: var(--gap);
   width: 100%;
}
.article .text .category {
   display: block;
   color: var(--color-grey-dark);
   font-size: var(--fontsize-smallest);
   text-transform: uppercase;
   letter-spacing: 1px;
   font-weight: 700;
   order: 1;
   font-family: var(--font1);
}
.article .text .time {
   display: block;
   color: var(--color-grey-dark);
   font-size: var(--fontsize-smallest);
   text-transform: uppercase;
   letter-spacing: 1px;
   font-weight: 700;
   order: 2;
   font-family: var(--font1);
}
.article .text .name {
   display: block;
   color: var(--color-grey-dark);
   font-size: var(--fontsize-smallest);
   order: 4;
   font-family: var(--font1);
   margin-top: var(--gap10);
}
.article .text .title {
   font-family: var(--font2);
   letter-spacing: 0.5px;
   font-size: var(--fontsize-post-body);
   font-family: var(--font1);
   font-weight: 600;
   line-height: 1.1;
}
.wide .grid {
   margin-top: 0;
}
.grid6 .list .image,
.grid6 .list .image img {
   width: 110px;
   height: 90px;
}
.grid6 .list a {
   display: flex;
   gap: var(--gap15);
   position: relative;
   padding-top: var(--gap);
   padding-bottom: var(--gap20);
}
.grid6 .list a .text {
   width: calc(100% - var(--gap15) - 110px);
}
.grid6 .griditem .time {
   display: none;
}
.grid6 .list .category {
   position: absolute;
   top: 0px;
   left: 0px;
   line-height: 1;
}
.grid6:first-child > .normal {
   border-top: 2px solid black;
   padding-top: var(--gap45);
   position: relative;
}
.grid6 > .normal .category {
   margin-top: var(--gap5);
   font-size: var(--fontsize-smaller);
}
.grid6 > .normal .title {
   order: 2;
   font-size: var(--fontsize-header1);
   font-weight: 300;
   line-height: 1;
}
.grid6 > .article.normal .title {
   font-family: var(--font2);
}
.grid6:first-child > .normal .intro,
.gridimg2 .article > a .sub {
   order: 3;
   display: block;
   font-size: var(--fontsize-post-body);
   margin: var(--gap10) 0;
}
.section1 .grid6:last-child {
   background-color: var(--color-grey-very-light);
   padding: var(--gap45);
}
.section1 .grid6:last-child > .normal .title {
   font-size: var(--fontsize-largest);
}
.section1 .grid6:last-child > .normal .image {
   height: 390px;
}
.section1 .grid6:last-child .list .category {
   position: relative;
   top: auto;
   left: auto;
}
.section1 .grid6:last-child .list .title {
   order: 2;
   margin-top: var(--gap10);
}
.side.right .article > a {
   display: flex;
   flex-direction: row-reverse;
   gap: var(--gap15);
}
.side.right .article:not(:last-child) > a {
   border-bottom: 1px solid var(--color-grey-light);
   padding-bottom: var(--gap20);
   margin-bottom: var(--gap20);
}
.side.right .article > a .image {
   width: 80px;
   height: 60px;
   margin-top: var(--gap30);
}
.side.right .article > a .text {
   width: calc(100% - var(--gap15) - 80px);
   flex-direction: row;
   flex-wrap: wrap;
   column-gap: var(--gap15);
}
.side.right .article > a .title {
   order: 2;
   width: 100%;
}
.side.right .article > a .time {
   order: 1;
}
.grid .image {
   height: 270px;
}
.grid7 .text {
   gap: var(--gap5);
}
.grid7 .text .title,
.grid13 .text .title {
   order: 2;
   font-size: var(--fontsize-post-body);
   margin: var(--gap5) 0;
}
.grid7 .text .time,
.grid13 .text .time {
   display: none;
}
.gridimg2 .article > a {
   display: flex;
   gap: var(--gap45);
   padding: 0 var(--gap60);
   justify-content: space-around;
   align-items: center;
}
.gridimg2 .article > a .image,
.gridimg2 .article > a .text {
   flex: 1 1 50%;
}
.gridimg2 .article > a .image {
   height: 375px;
}
.gridimg2 .article > a .title {
   font-size: var(--fontsize-header1);
   order: 2;
}
.gridimg2 .article > a .time {
   display: none;
}
.gridimg2 .article > a .sub {
   margin: 0;
}
.section11 .inner {
   flex-wrap: wrap;
}
.wide.left > .article.normal:not(:last-child) {
   border-bottom: 1px solid var(--color-grey-light);
   padding-bottom: var(--gap20);
   margin-bottom: var(--gap20);
}
.wide.left > .article.normal > a {
   display: flex;
}
.wide.left > .article.normal > a .image {
   width: 250px;
   height: 190px;
   margin-right: var(--gap);
}
.wide.left > .article.normal .text {
   width: calc(100% - 250px - var(--gap));
}
.wide.left > .article.normal .title {
   order: 2;
   font-size: var(--fontsize-largest);
}
.link-block {
   margin: var(--gap) 0;
   display: flex;
   flex-wrap: wrap;
   row-gap: var(--gap15);
}
.link-block > div {
   font-family: var(--font1);
}
.link-block > div:not(:last-child) {
   border-right: 1px solid var(--color-grey-light);
   padding-right: var(--gap10);
   margin-right: var(--gap10);
}
.link-block > div a {
   font-weight: 500;
   border-bottom: 1px solid var(--color-grey-light);
}
.link-block > div a:hover {
   border-color: var(--color-text);
}



/* DIRECTORY */
.directory .overview {
   gap: var(--gap20);
   font-family: var(--font2);
}
.directory .article {
   border-bottom: 1px solid var(--color-grey-light);
}
.directory .article .image {
   margin-bottom: var(--gap15);
}
.directory .article .text {
   gap: var(--gap5);
}
.directory .intro {
   display: none;
}
.directory .article .sub {
   display: block;
   order: 3;
   text-transform: none;
   font-weight: 400;
   color: black;
   line-height: 1.2em;
   margin-bottom: var(--gap15);
}
.directory .article .title {
   font-size: var(--fontsize-larger);
   line-height: 1.2em;
   font-weight: 600;
   margin-bottom: var(--gap5);
   font-family: var(--font2);
}

/* LEAD */
.lead {
   margin-top: var(--gap-section);
   margin-bottom: var(--gap-section);
}
.lead .content .overview {
   display: flex;
   flex-direction: column;
   width: 60%;
   min-width: 700px;
   margin: 0 auto var(--gap);
}
.lead .content .overview .offer {
   font-family: var(--font1);
   padding: var(--gap) 0;
   height: 170px;
   border-bottom: 1px solid var(--color-grey-light);
   flex-direction: column;
   align-content: space-between;
   justify-content: center;
}
.lead .content .overview .offer:last-child {
   border: 0;
}
.lead .content .overview .offer > div {
   display: none;
}
.lead .content .overview .offer .logo,
.lead .content .overview .offer .logo img,
.lead .content .overview .offer .label,
.lead .content .overview .offer .data1,
.lead .content .overview .offer .data2,
.lead .content .overview .offer .data3,
.lead .content .overview .offer .cta {
   display: block;
}
.lead .content .overview .offer .logo {
   width: 150px;
   height: 100%;
   display: flex;
   justify-content: center;
   align-items: center;
}
.lead .content .overview .offer .logo img {
   width: auto;
   max-height: 75px;
}
.lead .content .overview .offer .label,
.lead .content .detailed .offer .number {
   color: var(--color-grey-green);
   font-size: var(--fontsize-post-body);
   font-weight: 700;
}
.lead .content .overview .offer .data1,
.lead .content .overview .offer .data2,
.lead .content .overview .offer .data3 {
   font-size: var(--fontsize-small);
}
.lead .content .offer .cta {
   font-size: var(--fontsize-smaller);
   background-color: var(--color-yellow);
   font-weight: 600;
   line-height: 40px;
   text-transform: uppercase;
   text-align: center;
   padding: 0 var(--gap10);
}
.lead .content .offer .cta:after {
   content: "\2192";
   margin-left: var(--gap10);
}
.lead .content .detailed .offer  {
   flex-direction: row;
   flex-wrap: wrap;
   display: flex;
   justify-content: flex-start;
   align-items: center;
   border-bottom: 1px solid var(--color-grey-light);
   margin: 0;
   padding: var(--gap30) 0;
   gap: var(--gap);
   font-family: var(--font1);
}
.lead .content .detailed .offer > div {
   order: 10;
}
.lead .content .detailed .offer .number {
   order: 1;
   background-color: var(--color-grey-green);
   width: 30px;
   height: 30px;
   border-radius: 50%;
   text-align: center;
   color: white;
   display: flex;
   align-items: center;
   justify-content: center;
   font-weight: 500;
}
.lead .content .detailed .offer .logo {
   order: 2;
   width: 90px;
   height: 40px;
   display: flex;
   justify-content: center;
   align-items: center;
}
.lead .content .detailed .offer .logo img {
   height: 100%;
   width: auto;
}
.lead .content .detailed .offer .name {
   order: 3;
   font-size: var(--fontsize-header2);
   font-weight: 700;
   line-height: 1.2em;
}
.lead .content .detailed .offer .stars {
   order: 4;
}
.lead .content .detailed .offer .label {
   order: 5;
   color: var(--color-grey-green);
   font-size: var(--fontsize-small);
   font-weight: 700;
}
.lead .content .detailed .offer .cta {
   order: 6;
   margin-left: auto;
   font-size: var(--fontsize-smaller);
   font-weight: 600;
}
.lead .content .detailed .offer .description {
   order: 7;
}
.lead .content .detailed .offer .data1,
.lead .content .detailed .offer .data2,
.lead .content .detailed .offer .data3 {
   font-weight: 600;
   font-size: var(--fontsize-small);
}
.lead .content .detailed .offer .list {
   margin-left: auto;
}
.lead .content .detailed .offer .list ul {
   display: flex;
   list-style-type: none;
   margin: 0;
   padding: 0;
   gap: var(--gap);
   font-weight: 600;
   font-size: var(--fontsize-small);
}
.lead .content .detailed .offer .law {
   font-size: var(--fontsize-smallest);
   color: var(--color-grey-dark);
   line-height: 18px
}

/* ARTIKLER */
.single > div > article,
.page .content {
   max-width: var(--width-site2);
}
.single-header {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   padding-bottom: var(--gap);
}
.single-header .breadcrumbs,
.single-header .author,
.single-header .updated,
.single-header .social {
   display: block;
}
.single-header .breadcrumbs {
   font-size: var(--fontsize-small);
   font-weight: 600;
   font-family: var(--font1);
   letter-spacing: 1px;
   text-transform: uppercase;
   margin-bottom: var(--gap30);
}
.single-header .breadcrumbs a {
   color: var(--color-text);
   text-decoration: none;
}
.single-header .breadcrumbs a:hover {
   text-decoration: underline;
}
.single-header .author {
   order: 3;
}
.single-header .author .name {
   font-size: var(--fontsize-smaller);
   font-weight: 600;
   text-decoration: underline;
   line-height: 1.2;
   border-right: 1px solid var(--color-grey-light);
   padding-right: var(--gap5);
   margin-right: var(--gap5);
   font-family: var(--font1);
}
.single-header .updated {
   order: 4;
   font-size: var(--fontsize-smaller);
   font-family: var(--font1);
}
.single-header .featured-image {
   order: 6;
   margin-top: var(--gap15);
}
.single-header .social {
   order: 5;
   margin-left: auto;
}
.social .items .item {
   border: 1px solid var(--color-text);
   border-radius: 50%;
   padding: var(--gap10);
   margin: 0;
}
.single-header .social .items .tiktok,
.single-header .social .items .youtube,
.single-header .social .items .instagram,
.single-header .social .element-title {
   display: none;
}
.single-header .featured-image .credits {
   font-family: var(--font1);
    font-size: var(--fontsize-smaller);
    margin-top: var(--gap10);
}
blockquote {
   margin: 0 0 var(--gap);
   padding: var(--gap) 0;
   border-top: 3px solid var(--color-text);
   border-bottom: 1px solid var(--color-text);
}
table {
   border-collapse: collapse;
   border-top: 3px solid var(--color-text);
}
table tr {
   border-bottom: 1px solid var(--color-text);
}
table th,
table td {
   padding: var(--gap5) var(--gap10);
}
table th {
   font-weight: 800;
   text-align: left;
}
ul li,
ol li {
   line-height: 1.9;
}
ol li::marker {
   font-weight: 800;
}
.related {
   margin-bottom: var(--gap);
}
.related .heading {
   border-top: 0;
}
.related h3 {
   line-height: 1.5;
   border-bottom: 2px solid var(--color-text);
   font-family: var(--font1);
   text-transform: uppercase;
   font-weight: 600;
   font-size: var(--fontsize-post-body);
   margin-bottom: var(--gap10);
}
.related .articles {
   display: flex;
   flex-direction: column;
   gap: var(--gap15);
}
.related .article a {
   font-weight: 400;
   position: relative;
   padding-left: var(--gap);
   border: 0;
   display: block;
}
.related .article a:before {
   content: "\2192";
   display: block;
   position: absolute;
   left: 0;
   top: 0px;
}
.related .image,
.related .category {
   display: none;
}
.related .title {
   font-weight: 600;
   font-size: var(--fontsize-post-body);
   line-height: 1.4;
   margin-bottom: var(--gap10);
}
.related .intro {
   display: block;
   line-height: 1.5em;
   font-size: var(--fontsize-body);
}
.single-bottom .section {
   padding-top: 0;
}
.single-bottom .section .grid {
   margin-top: 0;
}

/* BEST */
.best .overview,
.best .others {
   display: flex;
   flex-direction: column;
   font-family: var(--font1);
}
.best .overview h2,
.best .detailed h2,
.best .others h2 {
   border-top: 2px solid black;
   padding-top: var(--gap10);
}
.best .overview .product,
.best .others .product {
   margin-bottom: var(--gap20);
   line-height: 1.3em;
}
.best .overview .product .label,
.best .overview .product .jump,
.best .others .product .label,
.best .others .product .cta {
   display: block;
}
.best .overview .product .label,
.best .others .product .label {
   font-size: var(--fontsize-smaller);
}
.best .overview .product .title,
.best .others .product .title {
   font-size: var(--fontsize-post-body);
   font-weight: 400;
}
.best .overview .product .title a,
.best .others .product .title a {
   font-weight: 700;
}
.best .overview .product .jump {
   font-size: var(--fontsize-smaller);
   cursor: pointer;
}
.best .overview .product .jump:before {
   content: "\2193";
   padding-right: 3px;
}
.best .others .product .cta {
   padding-top: 2px;
   font-family: var(--font2);
   font-weight: 600;
}
.best .others .product .cta a {
   font-family: var(--font1);
   background-color: var(--color-yellow);
   color: black;
   display: inline-block;
   padding: var(--gap5) var(--gap20);
   border-radius: var(--border-radius-mini);
   font-size: var(--fontsize-small);
   text-transform: uppercase;
   font-weight: 700;
}
.best .others .product .cta a:hover {
   background-color: black;
   color: white;
}
.best .detailed,
.best .detailed .product {
   display: flex;
   flex-direction: column;
   font-family: var(--font1);
}
.best .detailed .product .title {
   font-weight: 600;
   font-size: var(--fontsize-header3);
}
.best .detailed .product {
   padding: var(--gap35) 0;
}
.best .detailed .product::not(:last-child) {
   border-bottom: 1px solid var(--color-grey-dark);
}
.best .detailed .product h3 {
   font-family: var(--font1);
   font-size: var(--fontsize-post-body);
}
.best .detailed .product .label,
.best .detailed .product .image,
.best .detailed .product .price,
.best .detailed .product .cta,
.best .detailed .product .rating2,
.best .detailed .product .rating3,
.best .detailed .product .pros-cons-2-lists,
.best .detailed .product .description,
.best .detailed .product .specifications {
   display: block;
}
.best .detailed .product .label {
   order: 0;
}
.best .detailed .product .image {
   order: 2;
}
.best .detailed .product .price {
   order: 3;
}
.best .detailed .product .cta {
   order: 4;
}
.best .detailed .product .rating2 {
   order: 5;
}
.best .detailed .product .rating3 {
   order: 6;
}
.best .detailed .product .pros-cons-2-lists {
   order: 7;
}
.best .detailed .product .description {
   order: 8;
}
.best .detailed .product .specifications {
   order: 9;
}
.best .detailed .product .label,
.best .detailed .product div.title,
.best .detailed .product .image,
.best .detailed .product .price,
.best .detailed .product .cta,
.best .detailed .product .rating2,
.best .detailed .product .rating3 {
   width: 100%;
   text-align: center;
}
.best .detailed .product .label {
   font-size: var(--fontsize-small);
}
.best .detailed .product .price .amount,
.best .detailed .product .price .currency,
.best .detailed .product .rating3 .score {
   font-weight: 600;
}
.best .detailed .product div.title,
.best .detailed .product .cta {
   margin-bottom: var(--gap);
}
.best .detailed .product div.title a {
   font-weight: 700;
}
.best .detailed .product .cta {
   margin-top: var(--gap5);
   font-family: var(--font2);
   font-weight: 600; 
}
.best .detailed .product .cta a {
   background-color: var(--color-yellow);
   font-size: var(--fontsize-small);
   text-transform: uppercase;
   color: black;
   display: inline-block;
   padding: 5px var(--gap);
   font-family: var(--font1);
   font-weight: 700;
   border-radius: var(--border-radius-mini);
}
.best .detailed .product .cta a:hover {
   background-color: black;
   color: white;
}
.best .detailed .product .pros-cons-2-lists {
   background-color: var(--color-grey-very-light);
   padding: var(--gap);
   margin-top: 1em;
}
.best .detailed .product .pros-cons-2-lists > h3,
.best .detailed .product .pros-cons-2-lists .pros-cons ul,
.best .detailed .product .specifications ul {
   margin-top: 0px;
}
.best .detailed .product .pros-cons-2-lists .pros-cons h3,
.best .detailed .product .pros-cons-2-lists .pros-cons ul,
.best .detailed .product .specifications ul{
   margin-bottom: 0px;
}
.best .detailed .product .pros-cons-2-lists .pros-cons ul {
   padding-left: var(--gap10);
   list-style-position: inside;
   font-size: var(--fontsize-body);
}
.best .detailed .product .pros-cons-2-lists li {
   margin-bottom: var(--gap5);
}

/* SHOP */
.shop .overview {
   grid-template-columns: repeat(3, 1fr);
   gap: var(--gap15);
}
.shop .overview .product {
   display: flex;
   flex-direction: column;
   align-items: center;
   padding: var(--gap10) 0px 110px;
   text-align: center;
   position: relative;
   line-height: 1.2em;
   gap: var(--gap);
}
.shop .overview .product .price,
.shop .overview .product .cta,
.shop .overview .product .rating1 {
   display: block;
}
.shop .overview .product .image {
   order: 1;
   height: 160px;
}
.shop .overview .product .image img {
   display: block;
   height: 100%;
   width: auto;
}
.shop .overview .product .rating1 {
   order: 2;
}
.shop .overview .product > .title {
   order: 3;
   font-family: var(--font2);
   font-size: var(--fontsize-large);
}
.shop .overview .product > .title a {
   font-weight: 700;
}
.shop .overview .product .price,
.shop .overview .product .cta {
   position: absolute;
}
.shop .overview .product .price {
   bottom: 75px;
   font-family: var(--font1);
}
.shop .overview .product .cta {
   bottom: 10px;
   display: flex;
   align-items: center;
   width: 100%;
}
.shop .overview .product .cta a {
   background-color: var(--color-yellow);
   color: black;
   font-family: var(--font1);
   font-size: var(--fontsize-small);
   font-weight: 700;
   text-transform: uppercase;
   padding: var(--gap10) var(--gap15);
   width: 100%;
   border-radius: var(--border-radius-mini);
}
.shop .overview .product a:hover {
   background-color: black;
   color: white;
}
.shop .overview .product .cta a:after {
   content: "\2192";
   margin-left: var(--gap10);
}

/* FOOTER */
footer {
   background-color: var(--color-text);
   color: white;
   font-family: var(--font1);
   font-size: var(--fontsize-small);
   line-height: 1.3;
   padding: var(--gap45) 0 var(--gap);
   color: white;
}
footer .inner {
   display: flex;
   flex-wrap: wrap;
   row-gap: var(--gap30);
}
footer .logo {
   height: 50px;
   width: 100%;
}
footer .logo img {
   max-height: 100%;
   width: auto;
}
footer [class^="list"] {
   width: 15%;
   display: flex;
   flex-direction: column;
   gap: var(--gap5);
}
footer [class^="list"] .element-title {
   display: none;
}
footer [class^="list"] a {
   font-size: var(--fontsize-smaller);
   color: white;
   text-decoration: none;
}
footer .list3 {
   width: 30%;
}
footer .list3 a {
   font-weight: 600;
   text-transform: uppercase;
   font-size: var(--fontsize-small);
}
footer .social {
   width: 30%;
}
footer .social .element-title {
   font-size: var(--fontsize-smaller);
   color: var(--color-text);
   margin-bottom: 10px;
}
footer .social .items {
   gap: var(--gap15);
}
footer .social .items .item {
   border: 0;
   padding: 0;
}
footer .social .items .item .icon {
   height: 20px;
   width: 20px;
   opacity: 0.7;
}

/* ----- COOKIES ----- */
#cookies-overlay, #cookies {
   /*display: block !important;*/
}
#cookies-overlay {
   background-color: var(--color-text);
   opacity: 0.6;
   top: 0;
   bottom: 0px;
   left: 0px;
   right: 0px;
}
#cookies { 
   background-color: white; 
   padding: var(--gap20);
   top: auto;
   left: 0px;
   right: 0px;
   bottom: 0px;
   font-family: var(--font1);
   font-size: var(--fontsize-small);
}
#cookies .icon {
   display: none;
}
#cookies .text {
   flex-direction: row;
   justify-content: center;
   gap: var(--gap10);
   align-items: center;
   line-height: 1.4em;
   margin: 0 auto;
}
#cookies .long1,
#cookies .short {
   display: block;
}
#cookies .short {
   font-size: var(--fontsize-post-body);
   line-height: 1.2em;
   font-weight: 700;
}
#cookies .long1 {
   font-size: var(--fontsize-smallest);
   line-height: 1.4;
}
#cookies .deny {
   order: 2;
}
#cookies .settings {
   order: 3;
}
#cookies .accept,
#cookies .settings,
#cookies .deny {
   color: white;
   padding: var(--gap10);
   font-weight: 600;
   width: 150px;
   text-align: center;
   cursor: pointer;
   background-color: var(--color-yellow);
   border: 1px solid var(--color-yellow);
}
#cookies .settings {
   background-color: transparent;
   color: var(--color-yellow);
}

@media (max-width: 1200px) {
}
@media (max-width: 1000px) {
   .gridimg1 .griditem, .gridimg2 .griditem, .gridimg3 .griditem, .gridimg4 .griditem, .grid1 .griditem, .grid2 .griditem, .grid3 .griditem, .grid4 .griditem, .grid5 .griditem, .grid6 .griditem, .grid7 .griditem, .grid18 .griditem {
      height: auto;
   }
   
   .single-body > table,
   .page .content > table {
      max-width: 100%;
      overflow-x: auto;
      display: block;
   }
   
   .link-block {
      padding: var(--gap20);
   }
   .link-block > div {
      flex: 0 1 calc((100% / 3) - 2px - (var(--gap10) * 2) / 3);
   }
   
   .gridimg2 .article > a {
      padding: 0;
   }
   
   .directory .overview {
      grid-template-columns: 1fr 1fr;
   }
   
   .lead .content .detailed .offer .cta,
   .lead .content .detailed .offer .list {
      margin: 0 auto;
   }
   .lead .content .detailed .offer .data1 {
      margin-left: auto;
   } 
   .lead .content .detailed .offer .data3 {
      margin-right: auto;
   }
   
   .header-scroll-1 .inner {
      flex-wrap: wrap;
      justify-content: center;
      gap: var(--gap);
   }
   .header-scroll-1 .inner .site-categories {
      order: 3;
      width: 100%;
   }
   .header-scroll-1 .inner .site-categories .items {
      justify-content: center;
      row-gap: 0;
   }
}
@media (max-width: 767px) {
   .header-normal-1 .inner {
      flex-wrap: wrap;
   }
   .header-normal-1 .inner .logo {
      width: 100%;
   }
   .header-normal-1 .inner .logo img {
      margin: 0 auto var(--gap);
   }
   .header-normal-1 .join {
      display: none;
   }
   .link-block > div {
      flex-basis: 100%;
   }
   .gridimg2 .article > a {
      flex-direction: column;
   }
   
   .lead .content .overview {
      min-width: 0;
      align-items: center;
   }
   .lead .content .overview .offer {
      height: auto;
   }
   
   .related .articles {
      grid-template-columns: 1fr;
      width: 100%;
   }
   
   footer .social {
      width: 100%;
   }
   footer [class^="list"] {
      width: 30%;
   }
}
@media (max-width: 600px) {
   .section1 .grid6:last-child {
      padding: var(--gap);
   }
   .grid6 .list a {
      padding: 0;
   }
   .wide.left > .article.normal > a {
      flex-direction: column;
   }
   .wide.left > .article.normal > a .image,
   .wide.left > .article.normal .text {
      width: 100%;
   }
   
   .single-header .featured-image {
      margin-top: var(--gap15);
   }
   
   .best .overview .product {
      display: block;
      padding: var(--gap10) 0;
   }
   
   .best .detailed .pros-cons-2-lists .pros-cons {
      grid-template-columns: 1fr;
   }
   .best .detailed .pros-cons-2-lists .pros-cons ul li {
      margin-bottom: 0;
   }
   
   .shop .overview {
      grid-template-columns: 1fr 1fr;
   }
}