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

/* ----- Fonts ----- */
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap');

:root {--font1: "Inter", sans-serif, system-ui;}

:root {--fontsize-minor: 12px;}
:root {--fontsize-smallest: 14px;}
:root {--fontsize-smaller: 16px;}
:root {--fontsize-small: 18px;}
:root {--fontsize-post-body: 21px;}
:root {--fontsize-large: 24px;}
:root {--fontsize-larger: 26px;}
:root {--fontsize-header3: 32px;}
:root {--fontsize-header2: 40px;}
:root {--fontsize-header1: 48px;}
:root {--fontsize-mega: 72px;}

/* ----- Colors ----- */
:root {--color-white: #fff;}
:root {--color-white-rgb: 255,255,255;}
:root {--color-black: #000;}
:root {--color-black-footer: #0B1720;}
:root {--color-font: #222;}
:root {--color-blue-action: #207DE9;}
:root {--color-blue-action-hover: #0C57AD;}
:root {--color-blue-light: #D2DCEE;}
:root {--color-blue-very-light: #f0f7ff;}
:root {--color-blue-grey: #ABB9C2;}
:root {--color-blue-grey-light: #EAEFF7;}
:root {--color-blue-dark: #00448F;}
:root {--color-blue-logo: #4c74b9;}
:root {--color-yellow-light: #fffaea;}
:root {--color-yellow: #ffdf6e;}
:root {--color-pink-very-light: #fbf9fc;}
:root {--color-grey-light: #CED4DA;}
:root {--color-grey: #869298;}
:root {--color-grey-dark: #757575;}
:root {--color-grey-very-dark: #374046;}
:root {--color-green-light: #e9f7f0;}
:root {--color-green-neon: #6ADFD7;}

/* ----- Icons ----- */
.menu-icon .icon {background-image: url(/files/icon/menu_a.svg);}
.search .icon {background-image: url(/files/icon/search_b.svg);}
.social .items .x .icon {background-image: url(/files/icon/x_1.svg);}
.social .items .facebook .icon {background-image: url(/files/icon/facebook_1.svg);}
.social .items .linkedin .icon {background-image: url(/files/icon/linkedin_1.svg);}
.social .items .pinterest {display: none;}
.social .items .youtube .icon {background-image: url(/files/icon/youtube_1.svg);}
.social .items .rss .icon {background-image: url(/files/icon/rss_12.svg);}
.social .items .tiktok {display:none;}
.social .items .mail {display: none;}
.social .items .instagram {display:none;}

/* ----- Border Radius ----- */
:root {--border-radius-small: 10px;}
:root {--border-radius-mini: 5px;}

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

/* ----- Site Width ----- */
:root {--width-site: 1280px;}
:root {--width-site2: 760px;}

/* Links */
a {
   color: var(--color-blue-action);
}
a:hover {
   color: var(--color-blue-action-hover);
}

.article {
   margin: 0;
}

.image.col img, 
.single-header .featured-image img, 
.article img, 
.site-categories-images img, 
.freebie img,
.logo img {
   display: block;
}

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

/* ################################################################# VARIOUS ################################################################# */
* {
    box-sizing: border-box;
}
body {
   font-family: var(--font1);
   color: var(--color-font);
}
h1 {
   font-size: var(--fontsize-header1);
   font-weight: 700;
   letter-spacing: 1px;
   line-height: 66px;
   color: var(--color-font);
}
h2 {
   letter-spacing: 1px;
   font-size: var(--fontsize-header2);
   font-weight: 600;
   line-height: 40px;
}
h3 {
   letter-spacing: 0;
   font-size: var(--fontsize-header3);
   font-weight: 700;
   line-height: 30px;
}

.page .mobile .logo {
   width: auto;
}
header .logo a,
.page .mobile .logo a,
footer .logo a {
   text-decoration: none;
   color: var(--color-grey-very-dark);
   font-family: var(--font1);
}
header .logo a > span,
.page .mobile .logo a > span,
footer .logo a > span {
   display: block;
   font-size: 1.8em;
   font-weight: 500;
   text-align: center;
}
footer .logo a > span {
   color: white;
}
header .logo a > span > span:first-child,
.page .mobile .logo a > span > span:first-child,
footer .logo a > span > span:first-child {
   color: white;
   background-color: var(--color-blue-logo);
   font-weight: 700;
   padding: 0 var(--gap5);
}

.index .section1 .inner .full,
.grid13,
.grid7,
.directory .content,
.lead .content,
footer .desktop .inner {
   width: 100%;
   max-width: var(--width-site);
   margin-right: auto;
   margin-left: auto;
   padding: 0 var(--gap15);
}
.single article,
.page .content {
   max-width: var(--width-site2);
   margin-right: auto;
   margin-left: auto;
   padding: var(--gap60) 0;
   padding: var(--gap15);
}
.grid13,
.grid7 {
   padding: 0;
}

#header-sticky {
   background-color: white;
}
.header-sticky-1 .infolinks .element-title,
.header-sticky-1 .search,
.header-sticky-1 .join .icon,
.header-sticky-1 .join .newsletter {
   display: none;
}
.header-sticky-1,
.header-sticky-2 {
   border-bottom: 1px solid var(--color-grey-light);
   padding: 0 var(--gap40);
}
.header-sticky-1 .inner,
.header-sticky-1 .infolinks,
.header-sticky-1 .join,
.header-sticky-2 .site-categories,
.header-sticky-2 .site-categories .items {
   display: flex;
   align-items: center;
   gap: var(--gap10);
}
.header-sticky-1 .logo img {
   height: 30px;
}
.header-sticky-1 .infolinks a,
.header-sticky-1 .join,
.header-sticky-2 .site-categories a {
   font-size: var(--fontsize-smaller);
}
.header-sticky-1 .infolinks a,
.header-sticky-1 .join > div,
.header-sticky-2 .site-categories .items a {
   padding: var(--gap10);
   display: block;
   margin: var(--gap10) 0;
   border-radius: var(--border-radius-mini);
}
.header-sticky-1 .join {
   margin-left: auto;
}
.header-sticky-1 .join .subscribe {
   background-color: var(--color-blue-action);
   border-radius: 40px;
   color: var(--color-white);
   font-weight: 600;
   text-align: center;
}
.header-sticky-1 .join .subscribe:hover {
   box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.2);
}
.header-sticky-2 .site-categories .element-title {
   font-size: var(--fontsize-large);
   font-weight: 500;
   letter-spacing: -0.5px;
   color: var(--color-font);
   font-family: var(--font3);
}

.heading {
   text-align: center;
   color: var(--color-font);
   font-size: var(--fontsize-post-body);
   font-weight: 700;
   margin-top: var(--gap60)
}

.gridimg3 {
   margin: var(--gap50) 0;
}
.gridimg3 a {
   display: grid;
   grid-template: auto / 1fr 1fr;
   gap: var(--gap25);
}
.gridimg3 .image {
   grid-column: 2 / span 1;
   grid-row: 1 / span 1;
}
.gridimg3 .text,
.grid13 .griditem .text {
   grid-column: 1 / span 1;
   grid-row: 1 / span 1;
   color: var(--color-font);
   font-size: var(--fontsize-small);
   line-height: 24px;
   gap: var(--gap15);
   column-gap: var(--gap10);
   flex-direction: row;
   flex-wrap: wrap;
}
.gridimg3 .text:after, 
.grid13 .griditem .text:after,
.grid7 .griditem .text:after {
   content: "•";
   order: 5;
   font-size: var(--fontsize-smaller);
}
.gridimg3 .category,
.gridimg3 .intro,
.gridimg3 .name,
.gridimg3 .minutes,
.grid13 .category,
.grid13 .name,
.grid13 .minutes,
.grid7 .category,
.grid7 .intro,
.grid7 .name,
.grid7 .minutes,
.directory .article .category,
.directory .article .intro {
   display: block;
}
.gridimg3 .category,
.grid13 .category,
.grid7 .category {
   color: var(--color-blue-action);
   font-size: var(--fontsize-small);
   font-weight: 700;
   order: 1;
   text-transform: uppercase;
}
.gridimg3 .title,
.grid13 .title,
.grid7 .title {
   font-size: var(--fontsize-header1);
   font-weight: 700;
   line-height: 66px;
   order: 2;
}
.gridimg3 .intro,
.grid7 .intro {
   order: 3;
}
.gridimg3 .name,
.grid13 .name,
.grid7 .name {
   order: 4;
   font-size: var(--fontsize-smaller);
}
.gridimg3 .minutes,
.grid13 .minutes,
.grid7 .minutes {
   order: 6;
   font-size: var(--fontsize-smaller);
}

.grid13 {
   grid-template-rows: auto;
}
.grid13 .griditem.article {
   grid-row: 1 / span 1;
}
.grid13 .image {
   height: 130px;
   margin-bottom: var(--gap25);
}
.grid13 .griditem .text {
   justify-content: center;
   gap: var(--gap10);
}
.grid13 .griditem .text:after {
   content: "\007C";
}
.grid13 .title {
   font-size: var(--fontsize-post-body);
   line-height: 24px;
   font-weight: 500;
   text-align: center;
}

.email {
   background-color: var(--color-yellow-light);
   padding: var(--gap50) 0;
   display: flex;
   justify-content: center;
}
.email .text {
   display: flex;
   justify-content: center;
   flex-wrap: wrap;
   text-align: center;
   max-width: var(--width-site2);
   gap: var(--gap15);
}
.email .title {
   width: 100%;
   font-size: var(--fontsize-mega);
   line-height: 1.1em;
   font-weight: 700;
   margin-bottom: var(--gap15);
}
.email .description,
.email .name-field,
.email .above-email-field,
.email .checkbox,
.email .law {
   display: none;
}
.email .email-field {
   width: 270px;
}
.email .fields input {
   padding: var(--gap10) var(--gap15);
   color: var(--color-grey-dark);
   font-weight: 500;
   font-size: var(--fontsize-small);
   width: calc(100% - var(--gap15) * 2);
}
.email .fields input:focus {
   color: var(--color-font);
}
.email .cta,
.freebie .cta {
   background-color: var(--color-blue-action);
   color: white;
   font-weight: 600;
   width: fit-content;
   display: flex;
   align-items: center;
   justify-content: center;
   border-radius: var(--border-radius-mini);
   padding: var(--gap15) var(--gap25);
}

.grid7 a {
   display: flex;
   flex-direction: column;
   gap: var(--gap25);
}
.grid7 .image {
   height: 190px;
}
.grid7 .text {
   padding: 0 var(--gap10);
   flex-direction: row;
   flex-wrap: wrap;
   column-gap: var(--gap10);
}
.grid7 .title {
   color: var(--color-font);
   font-size: var(--fontsize-larger);
   line-height: 32px;
   margin: var(--gap10) 0 var(--gap20);
   width: 100%;
}
.single-bottom .grid7 .title {
   font-size: var(--fontsize-large);
   line-height: 26px;
}
.grid7 .intro {
   color: var(--color-font);
   font-size: var(--fontsize-small);
   line-height: 24px;
   margin-bottom: var(--gap20);
}
.single-bottom .grid7 .intro {
   font-size: var(--fontsize-small);
   line-height: 22px;
}
.grid7 .email:nth-child(1) {
   grid-row: 1 / span 12;
   grid-column: 1 / span 4;
}
.grid7 .email:nth-child(2) {
   grid-row: 1 / span 12;
   grid-column: 5 / span 4;
}
.grid7 .email:nth-child(3) {
   grid-row: 1 / span 12;
   grid-column: 9 / span 4;
}
.grid7 .email .text {
   flex-direction: column;
   padding: 0 var(--gap20);
}
.grid7 .email .title {
   text-align: left;
   font-size: var(--fontsize-header2);
   line-height: 50px;
}
.grid7 .email .fields,
.grid7 .email .cta {
   order: 3;
}
.grid7 .email .cta {
   max-width: 100%;
   box-sizing: border-box;
}
.grid7 .email .email-field,
.grid7 .email .email-field input {
   width: 100%;
   box-sizing: border-box;
}

.link-block {
   background-color: var(--color-blue-very-light);
   color: var(--color-font);
   padding: var(--gap60) calc(((100vw - var(--width-site)) / 2));
   display: flex;
   flex-wrap: wrap;
   gap: var(--gap15);
   justify-content: flex-start;
}
.link-block a {
   word-break: break-word;
}
.link-block > div {
   background-color: var(--color-blue-light);
   padding: var(--gap10);
   border-radius: var(--border-radius-mini);
   flex: 0 1 calc((100% - var(--gap15) * 3) / 4);
   justify-content: flex-start;
}

.freebie {
   padding: var(--gap80) calc(((100vw - var(--width-site)) / 2));
   display: grid;
   grid-template: auto / 1fr 1fr;
   gap: var(--gap25);
}
.freebie .text {
   display: flex;
   flex-direction: column;
   justify-content: center;
}
.freebie .title {
   font-size: var(--fontsize-header2);
   font-weight: 600;
   line-height: 50px;
   margin-bottom: var(--gap);
}
.freebie .description {
   color: var(--color-font);
   font-size: var(--fontsize-post-body);
   line-height: 24px;
   margin-bottom: var(--gap);
}
.freebie .image {
   display: block;
   height: 265px;
}

.directory .content {
   padding-bottom: var(--gap60);
}
.directory .overview {
   gap: var(--gap);
   grid-template-columns: repeat(6, 1fr);
}
.directory .article:nth-child(3n+2) {
   grid-column: 1 / span 2;
}
.directory .article:nth-child(3n) {
   grid-column: 3 / span 2;
}
.directory .article:nth-child(3n+1) {
   grid-column: 5 / span 2;
}
.directory .article:nth-child(1),
.directory .article:nth-child(3){
   grid-column: 1 / span 3;
}
.directory .article:nth-child(2),
.directory .article:nth-child(4){
   grid-column: 4 / span 3;
}
.directory .article .text {
   padding: var(--gap25) var(--gap10);
}
.directory .article .title {
   color: var(--color-font);
   font-size: var(--fontsize-larger);
   line-height: 32px;
   font-weight: 700;
   margin-bottom: var(--gap20);
}
.directory .article .intro {
   color: var(--color-font);
   font-size: var(--fontsize-small);
   line-height: 24px;
}

/* LEAD */
.lead .content {
   padding-bottom: var(--gap50);
   font-size: var(--fontsize-small);
   line-height: 24px;
}
.lead .overview {
   max-width: var(--width-site2);
   margin: var(--gap50) auto;
}
.lead .overview .number,
.lead .overview .label,
.lead .overview .description,
.lead .overview .stars,
.lead .overview .law,
.lead .overview .list,
.lead .overview .data3,
.lead .overview .name,
.lead .detailed .number,
.lead .detailed .name {
   display: none; 
}
.lead .overview .offer {
   display: grid;
   grid-template-columns: repeat(4, 1fr);
   height: auto;
   padding: var(--gap15) 0;
   border-bottom: 1px solid var(--color-grey-light)
}
.lead .overview .offer .logo {
   height: 50px;
}
.lead .overview .offer .logo img {
   max-height: 100%;
   width: auto;
}
.lead .overview .offer [class^="data"] {
   text-align: center;
}
.lead .overview .cta {
   background-color: var(--color-blue-action);
   border-radius: 40px;
   color: var(--color-white);
   font-weight: 600;
   text-align: center;
   padding: var(--gap10) var(--gap5);
   font-size: var(--fontsize-smaller);
}
.lead .overview .cta:after {
   content: "\21DB";
   margin-left: 5px;
}
.lead .detailed {
   display: flex;
   flex-wrap: wrap;
   gap: 4%;
}
.lead .detailed .offer {
   padding: var(--gap);
   width: 48%;
   font-weight: 300;
   display: flex;
   flex-wrap: wrap;
   row-gap: var(--gap25);
   border: 1px solid var(--color-grey-light);
}
.lead .detailed .offer:not(:nth-last-child(-n+2)) {
   margin-bottom: 4%;
}
.lead .detailed .label {
   order: 1;
   color: var(--color-red);
   letter-spacing: 0.1em;
   font-weight: 600;
   text-transform: uppercase;
}
.lead .detailed .offer .logo {
   order: 2;
}
.lead .detailed .offer .logo img {
   height: 100px;
   width: auto;
   margin: 0 auto;
}
.lead .detailed .offer .stars {
   order: 2;
}
.lead .detailed .description {
   order: 3;
   line-height: 1.4em;
}
.lead .detailed .label,
.lead .detailed .logo, 
.lead .detailed .description,
.lead .detailed .offer .stars,
.lead .detailed .offer .law {
   width: 100%;
   text-align: center;
}
.lead .detailed .offer [class^="data"] {
   order: 4;
   width: calc(100% / 3);
}
.lead .detailed .offer .list {
   order: 5;
   width: 100%;
}
.lead .detailed .offer .list ul {
   list-style-type: none;
   margin: 0;
   padding: 0;
}
.lead .detailed .offer [class^="data"],
.lead .detailed .offer .list ul {
   display: flex;
}
.lead .detailed .offer [class^="data"] span,
.lead .detailed .offer .list ul li {
   background-color: var(--color-white);
   border: 1px solid var(--color-grey-light);
   line-height: 1.25em;
   flex-basis: 33%;
   padding: var(--gap15) var(--gap5);
   text-align: center;
   font-size: var(--fontsize-smaller);
   display: flex;
   align-items: center;
   justify-content: center;
   flex: 1 1 33%;
   font-weight: 400;
}
.lead .detailed .offer .data2 span,
.lead .detailed .offer .list ul li:nth-child(2) {
   border-right: 0;
   border-left: 0;
}
.lead .detailed .offer .cta {
   order: 6;
   margin: 0 auto;
   color: var(--color-white);
   background-color: var(--color-blue-action);
   letter-spacing: 0.1em;
   text-transform: uppercase;
   font-weight: 400;
   padding: var(--gap5) var(--gap25);
}
.lead .detailed .offer .law {
   order: 7;
   font-size: var(--fontsize-smallest);
   line-height: 1.2em;
}

.single-header {
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
   column-gap: var(--gap10);
}
.single-header .category,
.single-header .minutes,
.single-header .author,
.single-header .date,
.single-header .social {
   display: block;
}
.single-header .social .element-title,
.single-header .featured-image .credits {
   display: none;
}
.single-header:after {
   order: 5;
   content: "•";
   font-size: var(--fontsize-smallest);
}
.single-header .category {
   order: 1;
   color: var(--color-blue-action);
   font-size: var(--fontsize-smaller);
   font-weight: 600;
   order: 1;
   text-decoration: underline;
}
.single-header .minutes {
   order: 2;
   font-size: var(--fontsize-smaller);
}
.single-header .title {
   order: 3;
   text-align: center;
   margin: var(--gap) 0;
}
.single-header .author {
   order: 4;
   font-size: var(--fontsize-smaller);
}
.single-header .date {
   order: 6;
   font-size: var(--fontsize-smaller);
}
.single-header .social {
   order: 7;
   width: 100%;
   padding: var(--gap20) 0;
}
.single-header .social .items {
   justify-content: center;
   gap: var(--gap5);
}
.single-header .social .icon {
   opacity: 0.3;
}
.single-header .featured-image {
   order: 8;
}
.single-body,
.page .content {
   font-size: var(--fontsize-small);
   line-height: 31px;
}
.related {
   background: var(--color-yellow-light);
   padding: var(--gap15);   
}
.related .articles .article:nth-child(1n+3) {
   display: none;
}
.related .heading {
   margin-top: 0;
   margin-bottom: var(--gap15);
}
.related .heading h3 {
   font-size: var(--fontsize-header3);
   font-weight: 600;
   color: black;
   line-height: 1em;
   margin: 0;
}
.related .articles {
   display: grid;
   grid-template-columns: 1fr 1fr;
   grid-template-rows: auto;
   column-gap: var(--gap);
}
.related .article > a {
   display: flex;
   flex-direction: column;
   gap: var(--gap5);
}
.related .article .image {
   order: 1;
   height: 190px;
}
.related .article .category {
   display: block;
   order: 1;
   color: var(--color-blue-action);
   font-size: var(--fontsize-small);
   font-weight: 700;
   text-transform: uppercase;
}
.related .article .title {
   color: var(--color-font);
   font-size: var(--fontsize-larger);
   line-height: 32px;
   margin: var(--gap10) 0 var(--gap20);
   width: 100%;
   order: 2;
   font-weight: 700;
   margin: 0 0 var(--gap10);
}
.related .article .intro {
   display: block;
   color: var(--color-font);
   font-size: var(--fontsize-small);
   line-height: 24px;
   margin-bottom: var(--gap20);
   order: 3;
}
.single-footer {
   display: flex;
   flex-direction: column;
}
.single-footer .email {
   display: flex;
   margin-top: var(--gap);
   order: 1;
}
.single-footer .author .bio,
.single-footer .author .avatar {
   display: block;
}
.single-footer .author {
   display: flex;
   flex-direction: column;
   flex-wrap: wrap;
   height: 125px;
   gap: var(--gap20);
   padding: var(--gap20);
   border-top: 2px solid var(--color-grey-light);
   border-bottom: 2px solid var(--color-grey-light);
   order: 2;
   margin-top: var(--gap);
   font-size: var(--fontsize-smaller);
}
.single-footer .author img {
   height: 85px;
   width: 85px;
   border-radius: 50%;
}
.single-footer .author .name {
   order: 2;
   font-weight: 600;
   width: calc(100% - 85px - var(--gap20) * 2);
}
.single-footer .author .bio {
   order: 3;
   width: calc(100% - 85px - var(--gap20) * 2);
}
.single-footer .avatar {
   height: 85px;
   order: 1;
}
.single-footer .tags {
   display: flex;
   flex-wrap: wrap;
   order: 3;
   gap: var(--gap15);
   padding: var(--gap20) 0;
   border-bottom: 2px solid var(--color-grey-light);
}
.single-footer .tags .tag {
   background-color: var(--color-pink-very-light);
   border-radius: 30px;
   color: var(--color-font);
   font-size: var(--fontsize-small);
   line-height: 24px;
   font-weight: 600;
   padding: var(--gap10) var(--gap20);
}
.single-bottom {
   margin-top: var(--gap50);
}
.single-bottom h2 {
   margin: 0;
   font-size: var(--fontsize-header2);
   font-weight: 700;
   line-height: 50px;
}
.single-bottom .grid7 .text .intro,
.single-bottom .grid7 .text .name,
.single-bottom .grid7 .text .minutes {
   display: none;
}
.single-bottom .grid7 .griditem .text:after {
   content: none;
}

blockquote {
   padding: 0 var(--gap40);
   margin: var(--gap40) 0;
   padding: var(--gap40) var(--gap60);
   font-style: italic;
   background-color: var(--color-yellow-light);
}

table {
   border-collapse: collapse;
   width: fit-content;
   margin-bottom: var(--gap25);
}
table th,
table td {
   padding: var(--gap);
   font-size: var(--fontsize-small);
   border: 1px solid var(--color-blue-light);
   line-height: 24px;
}
table th {
   font-weight: 600;
   text-transform: uppercase;
   line-height: 32px;
}
table th:nth-child(odd),
table td:nth-child(odd) {
   background-color: var(--color-blue-grey-light);
}

.faq,
.consider,
.types,
.brands {
   padding: var(--gap);
   margin: var(--gap40) 0;
   border: 1px solid var(--color-grey-light);
   border-radius: var(--border-radius-default);
}
.faq:last-child,
.consider:last-child,
.types:last-child,
.brands:last-child {
   margin-bottom: var(--gap20);
}
.faq h3,
.consider h3,
.types h3,
.brands h3 {
   padding-top: var(--gap25);
   border-top: 1px solid var(--color-grey-light);
}
.faq p:last-child,
.consider p:last-child,
.types p:last-child,
.brands p:last-child {
   margin-bottom: 0px;
}

/* BEST */
.best .overview,
.best .others {
   display: flex;
   flex-direction: column;
}
.best .overview .product,
.best .others .product {
   margin-bottom: var(--gap);
   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-weight: 600;
   font-size: var(--fontsize-small);
}
.best .overview .product .title,
.best .others .product .title {
   font-size: var(--fontsize-large);
   font-family: var(--font1);
}
.best .overview .product .title a,
.best .others .product .title a {
   color: var(--color-blue-action)
}
.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;
}
.best .others .product .cta a {
   background-color: var(--color-blue-action);
   color: var(--color-white);
   display: inline-block;
   padding: 0px 5px;
   border-radius: 2px;
   font-size: var(--fontsize-minor);
}
.best .detailed,
.best .detailed .product {
   display: flex;
   flex-direction: column;
}
.best .detailed .product .title {
   font-family: var(--font1);
   font-weight: 600;
   font-size: var(--fontsize-larger);
}
.best .detailed .product {
   padding: var(--gap35) 0;
   border-bottom: 1px solid var(--color-grey-light);
}
.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 .title {
   order: 1;
}
.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-weight: 600;
   font-size: var(--fontsize-large);
   color: var(--color-blue-action);
}
.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 .cta a {
   background-color: var(--color-blue-action);
   font-size: var(--fontsize-small);
   text-transform: uppercase;
   color: var(--color-white);
   display: inline-block;
   padding: 5px var(--gap);
   font-weight: 500;
}
.best .detailed .product .pros-cons-2-lists {
   background-color: var(--color-blue-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: 10px;
   list-style-position: inside;
}
/* SHOP */
.shop .overview {
   display: flex;
   flex-wrap: wrap;
   gap: var(--gap);
   margin: var(--gap35) 0;
}
.shop .overview h2 {
   flex-basis: 100%;
   margin-bottom: 0;
   padding-top: var(--gap35);
}
.shop .product {
   background-color: var(--color-white);
   
   border: 1px solid var(--color-grey-light);
   border-radius: var(--border-radius-mini);
   padding: var(--gap) var(--gap25);
   flex-basis: calc(((100% - var(--gap) * 2) / 3) - 2px);
   line-height: 1.2em;
   display: flex;
   flex-direction: column;
   gap: var(--gap10);
   position: relative;
}
.shop .product .image {
   order: 1;
   height: 175px;
   display: flex;
   align-items: center;
   justify-content: center;
}
.shop .product .image img {
   max-height: 100%;
   width: auto;
}
.shop .product .title {
   order: 3;
   font-weight: 600;
}
.shop .product .rating2 {
   display: block;
   order: 2;
}
.shop .overview .product .label {
   display: block;
   order: 4;
   color: var(--color-grey-dark);
   font-size: var(--fontsize-smaller);
   font-weight: 600;
}
.shop .overview .product .number {
   display: block;
   position: absolute;
   top: -10px;
   left: -10px;
   display: flex;
   align-items: center;
   justify-content: center;
   color: var(--color-white);
   background-color: var(--color-blue-action);
   box-shadow: -3px 3px 0 0 var(--color-black);
   border-radius: var(--border-radius-mini);
   width: 30px;
   height: 30px;
   font-weight: 600;
   font-size: var(--fontsize-small);
}

footer {
   padding: var(--gap) 0;
   background-color: var(--color-black-footer);
}
footer .inner {
   display: flex;
   flex-wrap: wrap;
   row-gap: var(--gap);
}
footer .social {
   order: 1;
   display: flex;
   color: white;
   align-items: center;
   gap: var(--gap5);
   width: 50%;
}
footer .social .icon {
   height: 30px;
   width: 30px;
   border: 2px solid white;
   background-color: white;
   border-radius: 50%;
}
footer .list7 .element-title,
footer .infolinks .element-title,
footer .social .item .text,
footer .copyright .medium,
footer .copyright .long {
   display: none;
}
footer .list7,
footer .infolinks {
   order: 2;
   margin-left: auto;
   display: flex;
   gap: var(--gap15);
   justify-content: flex-end;
   width: 50%;
   align-items: center;
}
footer .list7 a,
footer .infolinks a {
   color: white;
   text-decoration: none;
   font-weight: 600;
}
footer .logo {
   order: 3;
}
footer .logo img {
   width: 85px;
}
footer .copyright {
   order: 4;
   margin-left: auto;
   display: flex;
   align-items: center;
}
footer .infolinks {
   order: 5;
   margin-left: var(--gap15);
   width: auto;
}
footer .infolinks a {
   font-weight: 400;
}

/* ----- Popup ----- */
#popup-overlay, #popup {
   /*display: block !important;*/
}
#popup { 
   top: 50%;
   left: 50%;
   transform: translateX(-50%) translateY(-50%);
   width: calc(100% - 50px);
   max-width: 650px;
}
#popup-overlay {
   background-color: var(--color-black);
}
.popup .email .icon {
   display: none;
}

/* ----- Cookies ----- */
#cookies-overlay, #cookies {
   /*display: block !important;*/
}
#cookies-overlay {
   background-color: var(--color-black);
}
#cookies { 
   background-color: var(--color-white); 
   padding: var(--gap20);
   top: 10%;
   left: 50%;
   transform: translateX(-50%);
   max-width: 500px;
}
#cookies .icon {
   display: none;
}
#cookies .text {
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   gap: var(--gap10);
   align-items: center;
   font-size: var(--fontsize-small);
   line-height: 1.4em;
   justify-content: center;
}
#cookies .short {
   font-weight: 600;
}
#cookies .long1 {
   display: block;
   padding-bottom: var(--gap15);
}
#cookies .long2 {display: none;} 
#cookies .settings {
   color: var(--color-blue-action);
   font-weight: 600;
}
#cookies .accept,
#cookies .deny {
   color: var(--color-white);
   background-color: var(--color-blue-action);
   text-decoration: none;
   padding: var(--gap10) var(--gap20);
   font-weight: 500;
   border-radius: var(--border-radius-mini);
}
#cookies .deny {
   color: var(--color-blue-action);
   border: 1px solid var(--color-blue-action);
   background-color: transparent;
}

@media (max-width: 1310px) {
   .link-block,
   .freebie {
      padding: var(--gap60) var(--gap15);
   }
}
@media (max-width: 1200px) {
   .header-sticky-1, .header-sticky-2 {
      padding: 0 var(--gap15);
   }
   
   .grid7 .email .title {
      font-size: var(--fontsize-header2);
      line-height: 40px;
   }
}
@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;
   }
   
   .header-sticky-2 .site-categories .element-title {
      display: none;
   }
   .header-sticky-1 .inner {
      justify-content: space-between;
   }
   .header-sticky-1 .infolinks a, .header-sticky-1 .join > div, .header-sticky-2 .site-categories .items a {
      padding: var(--gap10) var(--gap5);
   }
   .header-sticky-1 .infolinks {
      flex-wrap: wrap;
   }
   
   .index .section .full {
      padding: 0 var(--gap15);
   }
   
   .single-body > table,
   .page .content > table {
      max-width: 100%;
      overflow-x: auto;
      display: block;
   }
   
   .gridimg3 a {
      display: flex;
      flex-direction: column;
   }
   .grid13 {
      grid-template-columns: repeat(2, 1fr);
      grid-template-rows: auto auto;
   }
   .grid13 .griditem.article {
      grid-row: auto;
   }
   .grid13 .griditem:nth-child(1),
   .grid13 .griditem:nth-child(3){
      grid-column: 1 / span 1;
   }
   .grid13 .griditem:nth-child(2),
   .grid13 .griditem:nth-child(4){
      grid-column: 2 / span 1;
   }
   
   .lead .detailed .offer {
      padding: var(--gap15);
   }
}
@media (max-width: 767px) {
   .header-sticky-1 .inner,
   .header-sticky-2 .site-categories .items {
      flex-wrap: wrap;
   }
   .header-sticky-1 .infolinks {
      order: 3;
   }
   .header-sticky-1 .infolinks a, .header-sticky-1 .join > div, .header-sticky-2 .site-categories .items a {
      margin: 0;
   }
   .lead .detailed .offer {
      width: 100%;
   }
   .shop .product {
      flex-basis: calc(50% - var(--gap) / 2 - 2px);
      padding: var(--gap15);
   }
   
   .email .title {
      font-size: var(--fontsize-header2);
   }
}
@media (max-width: 600px) {
   .link-block > div {
      flex: 0 1 calc(50% - var(--gap15) / 2)
   }
   .freebie {
      display: flex;
      flex-direction: column-reverse;
   }
   .email .text {
      flex-direction: column;
      align-items: center;
   }
   .directory .overview {
      grid-template-columns: 1fr;
   }
   .directory .article:nth-child(1), .directory .article:nth-child(3),
   .directory .article:nth-child(2), .directory .article:nth-child(4),
   .directory .article:nth-child(3n+2),
   .directory .article:nth-child(3n),
   .directory .article:nth-child(3n+1) {
      grid-column: auto;
   }
   
   .lead .overview .offer {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: var(--gap10);
   }
   .lead .overview .offer .logo {
      width: 100%;
   }
   .lead .overview .offer .logo img {
      margin: 0 auto;
   }
   
   .single-footer .author {
      height: auto;
      padding: var(--gap20) 0;
   }
   .single-footer .author .bio {
      width: 100%;
   }
   .best .detailed .product .pros-cons-2-lists {
      padding: var(--gap10);
   }
}