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

/* ----- Fonts ----- */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

:root {--font1: "Roboto", sans-serif;} /* Instead of 'Degular, sans-serif' */
:root {--font2: "Open Sans", sans-serif;} /* Instead of 'Basis' */

:root {--fontsize-very-small: 13px;}
:root {--fontsize-smaller: 15px;}
:root {--fontsize-small: 18px;}
:root {--fontsize-body: 20px;}
:root {--fontsize-large: 22px;}
:root {--fontsize-larger: 25px;}
:root {--fontsize-largest: 28px;}
:root {--fontsize-header3: 34px;}
:root {--fontsize-header2: 42px;}
:root {--fontsize-mega: 70px;}

/* ----- Colors ----- */
:root {--color-grey-very-light: #a5a4a8;}
:root {--color-grey: #4d5154;}
:root {--color-white: #fff;}
:root {--color-black: #000;}
:root {--color-black-light: #1b1d20;}
:root {--color-black-lighter: #323436;}
:root {--color-pink-sand: #f9eee7;}
:root {--color-pink: #e936a5;}
:root {--color-pink-red: #F23540;}
:root {--color-purple: #7c4c9e;}
:root {--color-orange: #F58437;}
:root {--color-orange-rgb: 245,132,55;}
:root {--border-gradient: linear-gradient(135deg, #96C0FF 0%, #6C4F9D 17%, #D42635 34%, #F58437 50%, #D42635 67%, #6C4F9D 84%, #96C0FF 100%); }

/* ----- Icons ----- */
.menu-icon .icon {background-image: url(/files/icon/menu_a.svg);}
/*#menu .search .icon {background-image: url(/files/icon/search_c.svg);}*/
.search .icon {background-image: url(/files/icon/search_c.svg);}
.social .items .x .icon {background-image: url(/files/icon/new_x_a_white.svg);}
.social .items .facebook .icon {background-image: url(/files/icon/facebook_12_white.svg);}
.social .items .tiktok {display: none;}
.social .items .rss {display: none;}
.social .items .linkedin .icon {background-image: url(/files/icon/linkedin_4_white.svg);}
.social .items .youtube {display: none;}
.social .items .pinterest {display: none;}
.social .items .mail {display: none;}
.social .items .instagram .icon {background-image: url(/files/icon/instagram_16_white.svg);}
.social .items {
   gap: var(--gap15);
}
.social .items .item {
   margin: 0;
}

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

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

/* ----- Site Width ----- */
:root {--width-site: 1600px;}
:root {--width-site2: 700px;}
:root {--width-site3: 1200px;}
:root {--width-site4: 900px;}

.article {
   margin: 0;
}

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

/* ################################################################# VARIOUS ################################################################# */
* {
    box-sizing: border-box;
}
body {
   font-family: var(--font2);
   font-size: var(--fontsize-body);
   font-weight: 500;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
}
h1, h2, h3, h4, h5, h6 {
   line-height: 1.2;
   font-family: var(--font1);
   margin: 0;
   color: var(--color-black-light);
}
h1 {
   font-size: var(--fontsize-mega);
   font-weight: 800;
}
h2 {
   font-size: var(--fontsize-largest);
}
h3 {
   font-size: var(--fontsize-large);
}

.page .mobile .logo {
   width: auto;
}
header .logo a,
.page .mobile .logo a {
   text-decoration: none;
   color: black;
   font-family: var(--font1);
}
header .logo a {
   color: white;
}
header .logo span,
.page .mobile .logo span {
   display: block;
   font-size: 1.7em;
   font-weight: 800;
   text-align: center;
   letter-spacing: -0.03em;
}

header > .desktop #header-normal .inner,
.header-up-1 .inner,
.index > div,
#main .single,
#main .page,
#main .archive,
footer .desktop .inner {
   width: 100%;
   max-width: var(--width-site);
   margin-right: auto;
   margin-left: auto;
   padding: 0 var(--gap15);
}
.index .lead,
.post > article {
   max-width: var(--width-site3);
   margin-right: auto;
   margin-left: auto;
}

header .desktop #header-normal > div .inner,
.header-up-1 .inner {
   display: flex;
   align-items: center;
   justify-content: space-between;
}
header > .desktop #header-normal .header-normal-1 {
   background-color: black;
}
header > .desktop #header-normal .header-normal-1 .inner {
   padding: var(--gap40) 0;
   gap: var(--gap50);
}
.header-normal-1 .infolinks,
.header-up-1 .site-categories {
   display: flex;
   gap: var(--gap10);
   margin-right: auto;
   align-items: center;
}
.header-normal-1 .infolinks div {
   text-align: center;
}
.header-normal-1 .infolinks a {
   display: block;
}
.header-normal-1 .infolinks a,
.header-up-1 .site-categories a .title {
   padding: 0 var(--gap10);
   font-size: var(--fontsize-small);
   color: white;
   text-align: center;
}
header .desktop .element-title,
header .desktop .join .newsletter {
   display: none;
}
header .desktop .join {
   display: flex;
   gap: var(--gap20);
   font-family: var(--font1);
   align-items: center;
}
header .desktop .join .icon {
   display: none;
}
header .desktop .join .signin,
header .desktop .join .subscribe,
.email .cta,
.freebie .cta {
   text-align: center;
   font-size: var(--fontsize-small);
   font-weight: 700;
   color: white;
   padding: var(--gap15) var(--gap25);
   white-space: nowrap;
}
header .desktop .join .subscribe,
.email .cta,
.freebie .cta {
   color: var(--color-white);
   background-color: var(--color-pink-red);
}
header .header-normal-2 {
   background-color: var(--color-black-light);
   border-top: 1px solid var(--color-black-lighter);
   border-bottom: 1px solid var(--color-black-lighter);
}
header .header-normal-2 .site-categories .items {
   display: flex;
   gap: var(--gap30);
}
header .header-normal-2 a {
   color: white;
   font-size: var(--fontsize-small);
}
header .header-normal-2 a .title {
   padding: var(--gap30) 0;
}
header .desktop .header-normal-2 .search {
   padding: var(--gap20);
   border: 1px solid var(--color-grey-very-light);
   border-radius: var(--border-radius-mini);
   background-color: var(--color-white);
   padding: var(--gap10) var(--gap10);
   display: flex;
   align-items: center;
   max-width: 200px;
}
header .desktop .header-normal-2 .search input {
   border: 0;
   font-size: var(--fontsize-small);
   font-family: var(--font2);
   font-weight: 500;
   flex: 1 1 calc(100% - 20px);
   width: calc(100% - 20px);
   padding: 0;
}
header .desktop .header-normal-2 .search .icon {
   margin: 0;
   flex: 1 1 20px;
}
#header-up {
   background-color: rgba(255, 255, 255, 0.95);   
   background-color: var(--color-black-light);
}
.header-up-1 {
   padding: 20px 0;
}

.heading {
   font-family: var(--font1);
   font-size: var(--fontsize-header2);
   font-weight: 800;
   color: var(--color-black-light);
   letter-spacing: -0.01em;
   padding-bottom: var(--gap20);
   margin-bottom: var(--gap40);
   border-bottom: 1px solid var(--color-grey-very-light);
}

.index .site-categories .element-title {
   display: none;
}
.index .site-categories .items {
   display: flex;
   padding: var(--gap) 0;
   justify-content: space-between;
   gap: var(--gap20);
}
.index .site-categories .griditem {
   flex: 1 1 auto;
}
.index .site-categories .griditem a .title {
   font-weight: 600;
   color: var(--color-black-lighter);
   background-color: var(--color-pink-sand);
   padding: var(--gap15);
   border-radius: var(--border-radius-mini);
   text-align: center;
   transition: all 0.3s ease 0s;
}
.index .site-categories .griditem a:hover .title {
   color: var(--color-pink-red);
   box-shadow: 0px 1px 1px 0px var(--color-grey-very-light), 0px 2px 2px 0.5px var(--color-grey-very-light), 0px 4px 4px 1px var(--color-grey-very-light);
}

.grid {
   margin-top: 0;
   margin-bottom: var(--gap80);
}

.grid9 {
   grid-template-rows: repeat(12, auto);
}
.grid9 .image {
   margin-bottom: var(--gap20);
}
.grid9 .image img,
.grid7 .image img {
   border-radius: var(--border-radius-mini)
}
.grid9 .text {
   display: flex;
   flex-direction: column;
}
.grid9 .title,
.grid7 .title {
   order: 2;
   font-family: var(--font1);
   font-size: var(--fontsize-largest);
   font-weight: 700;
   line-height: 1.1;
}
.grid9 .category,
.grid7 .category {
   display: block;
   order: 1;
   font-family: var(--font1);
   font-size: var(--fontsize-smaller);
   color: var(--color-black-lighter);
   margin-bottom: var(--gap5);
}
.grid9 .griditem:first-child > a {
   position: relative;
}
.grid9 .griditem:first-child .tags,
.grid9 .griditem:first-child .sub {
   display: block;
}
.grid9 .griditem:first-child .sub {
   order: 3;
   color: var(--color-grey);
   font-weight: 500;
}
.grid9 .griditem:first-child .tags .tag {
   position: absolute;
   top: 15px;
   left: 15px;
   background-color: var(--color-pink-red);
   color: var(--color-white);
   font-family: var(--font1);
   font-size: var(--fontsize-smaller);
   padding: var(--gap5) var(--gap10);
   border-radius: 2px;
}
.grid9 .griditem:first-child .tags .tag:not(:first-child) {
   display: none;
}
.grid9 .griditem:first-child .title {
   font-size: var(--fontsize-header3);
   margin-bottom: var(--gap20);
}

.email,
.freebie {
   background-color: var(--color-pink-sand);
   padding: var(--gap80);
   border-radius: var(--border-radius-mini);
   margin-bottom: var(--gap80);
   display: flex;
   justify-content: center;
   text-align: center;
}
.email .text {
   display: flex;
   flex-direction: column;
   align-items: center;
}
.email .checkbox,
.email .name-field,
.email .above-email-field {
   display: none;
}
.email .text > div {
   max-width: calc(var(--width-site2) - (var(--gap25) * 2));
}
.email .title,
.freebie .title {
   font-family: var(--font1);
   font-size: var(--fontsize-header2);
   font-weight: 800;
   color: var(--color-black-light);
   letter-spacing: -0.01em;
   margin-bottom: var(--gap20);
}
.email .description,
.freebie .description {
   color: var(--color-grey);
   font-weight: 500;
}
.email .law {
   font-size: var(--fontsize-smaller);
   font-weight: 500;
}
.email .fields {
   margin: var(--gap20) 0 var(--gap10);
   width: calc(100% - (var(--gap25) * 2));
}
.email .email-field input {
   width: 100%;
   padding: var(--gap25);
   border: 1px solid var(--color-grey-very-light);
   border-radius: var(--border-radius-mini);
   background-color: var(--color-white);
   font-size: var(--fontsize-body);
   font-family: var(--font2);
}
.email .cta,
.freebie .cta {
   margin-bottom: var(--gap20);
   padding: var(--gap25);
   font-size: var(--fontsize-body);
   width: calc(100% - (var(--gap25) * 2));
   border: 1px solid var(--color-pink-red);
   text-align: center;
}

.grid7 {
   grid-template-rows: auto;
}
.grid7 .griditem {
   grid-row: 1 / span 1 !important;
}
.grid7 .image {
   margin-bottom: var(--gap20);
}
.grid7 .image img {
   height: 280px;
}

.link-block {
   display: flex;
   flex-wrap: wrap;
   justify-content: flex-start;
   gap: var(--gap15);
   padding: var(--gap50) 0;
   justify-content: space-between;
}
.link-block > div {
   flex: 1 1 calc(50% - var(--gap15) * 2);
   /*width: calc(50% - (var(--gap15) * 2.5));*/
   background-color: var(--color-pink-sand);
   border-radius: var(--border-radius-mini);
   display: flex;
   align-items: center;
   gap: var(--gap5);
   font-weight: 500;
   font-family: var(--font1);
   font-size: var(--fontsize-smaller);
   padding: 0 var(--gap15);
}
.link-block > div > a:first-child {
   line-height: 1.2em;
   padding: var(--gap10) 0;
}

.freebie {
   background-color: var(--color-pink-sand);
   gap: var(--gap40);
   align-items: center;
}
.freebie .image {
   display: block;
   flex: 1 1 40%;
}
.freebie .text {
   flex: 1 1 60%;
   display: flex;
   flex-direction: column;
   align-items: center;
}
.freebie .cta {
   margin-top: var(--gap20);
   width: fit-content;
}

/* Archive */
.directory h1 {
   text-transform: uppercase;
   text-align: center;
}
.directory .overview {
   gap: var(--gap20);
   margin: var(--gap20) 0;
}
.directory .overview .article a {
   font-size: var(--fontsize-small);
}
.directory .overview .article a .image {
   margin-bottom: var(--gap15);
}
.directory .overview .article a .image {
   height: 200px;
}
.directory .overview .article a .text {
   font-weight: 700;
}

/* LEAD */
.lead .overview .offer .logo,
.lead .overview .offer .number,
.lead .offer .label,
.lead .overview .offer .description,
.lead .overview .offer .stars,
.lead .overview .offer .list,
.lead .offer .law,
.lead .detailed .offer .name,
.lead .detailed .offer .data3 {
   display: none;
}
.lead .overview {
   max-width: 800px;
   margin: var(--gap40) auto;
   box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.25);
   border-radius: var(--border-radius-mini);
}
.lead .overview .offer {
   height: auto;
   padding: var(--gap15);
   font-size: var(--fontsize-smaller);
   justify-content: space-between;
   flex-wrap: nowrap;
}
.lead .overview .offer:not(:last-child) {
   border-bottom: 1px solid var(--color-grey-very-light);
}
.lead .overview .offer .name {
   width: 16%;
}
.lead .overview .offer .name {
   /*color: var(--color-pink-red);*/
   font-size: var(--fontsize-small);
   font-weight: 800;
   text-transform: uppercase;
}
.lead .overview .offer [class^="data"] {
   width: 21%;
   text-align: center;
}
.lead .overview .offer .cta {
   width: 21%;
   font-weight: 700;
   text-decoration: underline;
   text-align: right;
   color: var(--color-pink-red);
}

.lead .detailed {
   display: flex;
   flex-direction: column;
   gap: var(--gap25);
   padding: var(--gap25) var(--gap15);
}
.lead .detailed .offer {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   justify-content: space-between;
   gap: var(--gap35);
   position: relative;
   box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.25);
   border-radius: var(--border-radius-mini);
   padding: var(--gap25) var(--gap35);
}
.lead .detailed .offer .number,
.single-body .overview .product .number {
   position: absolute;
   top: -10px;
   left: -10px;
   display: flex;
   align-items: center;
   justify-content: center;
   color: var(--color-white);
   background-color: var(--color-pink-red);
   box-shadow: -3px 3px 0 0 var(--color-black);
   border-radius: var(--border-radius-mini);
   width: 30px;
   height: 30px;
}
.lead .detailed .offer .logo {
   width: 11%;
   order: 1;
}
.lead .detailed .offer .logo img {
   max-height: 50px;
}
.lead .detailed .offer .stars {
   order: 2;
   width: 15%;
   display: flex;
   align-items: center;
   justify-content: center;
}
.lead .detailed .offer [class^="data"] {
   order: 3;
   text-align: center;
   background-color: var(--color-pink-sand);
   padding: var(--gap25);
   /*border: 1px solid var(--color-pink);*/
   border-radius: var(--border-radius-mini);
}
.lead .detailed .offer .cta {
   order: 4;
   width: 20%;
}
.lead .detailed .offer .cta span {
   background-color: var(--color-pink-red);
   color: var(--color-white);
   padding: var(--gap10) var(--gap15);
   border-radius: var(--border-radius-small);
   text-align: center;
   display: block;
}
.lead .detailed .offer .list {
   order: 5;
   width: 25%;
}
.lead .detailed .offer .list ul {
   margin: 0;
   padding: 0;
   list-style-type: none;
   font-size: var(--fontsize-smaller);
}
.lead .detailed .offer .list ul li:before {
   content: '✓';
   margin-right: 5px;
}
.lead .detailed .offer .description {
   order: 6;
   width: 70%;
   font-size: var(--fontsize-smaller);
}

.single article,
.page .content {
   padding: var(--gap50) 0;
}
.single article h1,
.page .content h1 {
   letter-spacing: -0.01em;
   order: 1;
   margin-bottom: var(--gap10);
   width: 100%;
   line-height: 1.1em;
}
.single article h1 span,
.page .content h1 span {
   max-width: var(--width-site4);
   display: block;
   margin: 0 auto;
}
.single article .single-header {
   text-align: center;
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
   gap: var(--gap10);
}
.single article .single-header .author,
.single article .single-header .date,
.single article .single-header .avatar {
   display: block;
}
.single article .single-header .author {
   font-weight: 700;
   display: flex;
   justify-content: center;
   gap: var(--gap10);
   align-items: center;
   order: 2;
}
.single article .single-header .author:after {
   content: "•";
   order: 4;
   color: var(--color-grey-very-light);
}
.single article .author .name {
   order: 3;
}
.single article .single-header .date {
   order: 3;
   font-weight: 400;
}
.single article .avatar {
   order: 2;
}
.single article .avatar img {
   border-radius: 50%;
   width: 50px;
   height: 50px;
}
.single article .single-header .featured-image {
   order: 4;
   margin-top: var(--gap25);
}
.single article .single-header .featured-image img {
   border-radius: var(--border-radius-small);
}
.single article .single-header .featured-image .credits {
   display: none;
}
.single .single-body,
.page .content {
   max-width: var(--width-site4);
   margin-right: auto;
   margin-left: auto;
   padding: var(--gap) 0 0;
   line-height: 1.6em;
   color: var(--color-black-lighter);
}
.single .single-body h2 {
   margin-top: var(--gap);
}
.single .single-body a {
   color: var(--color-black-lighter);
}
.single .single-body blockquote,
.page .content blockquote {
   margin: 0;
   font-style: italic;
   font-size: var(--fontsize-larger);
   padding: var(--gap20) var(--gap40);
   border-left: 3px solid var(--color-purple);
   font-weight: 400;
   line-height: 1.6em;
}
.single .single-body > p {
   margin-bottom: var(--gap30);
}
.single .single-body table,
.page .content table {
   border-collapse: collapse;
   font-size: var(--fontsize-small);
}
.single .single-body table th,
.page .content table th {
   text-align: left;
}
.single .single-body table th,
.single .single-body table td,
.page .content table th,
.page .content table td {
   padding: var(--gap5);
}
.single .single-body table tr:nth-child(odd),
.page .content table tr:nth-child(odd) {
   background-color: var(--color-pink-sand);
}
.single .related {
   padding-bottom: var(--gap20);
}
.single .related .heading {
   margin-bottom: var(--gap20);
}
.single .related .articles {
   display: flex;
   gap: var(--gap20);
}
.single .related .article {
   flex: 1;
}
.single .related .article .title {
   font-size: var(--fontsize-small);
   font-weight: 600;
   line-height: 1.3em;
   color: var(--color-black);
}
.single .related .article .image {
   margin-bottom: var(--gap10);
}
.single .related .article .image img {
   height: 140px;
}
.single .single-footer .author,
.single .single-footer .author .avatar,
.single .single-footer .author .bio,
.single .single-footer .related {
   display: block;
}
.single .single-footer .author {
   max-width: calc(var(--width-site4));
   margin-right: auto;
   margin-left: auto;
   margin-bottom: var(--gap40);
   margin-top: var(--gap40);
   display: flex;
   flex-direction: column;
   flex-wrap: wrap;
   max-height: 190px;
   padding: var(--gap40) var(--gap15);
   background-color: var(--color-pink-sand);
   border-radius: var(--border-radius-mini);
}
.single .single-footer .author .avatar {
   order: 1;
   flex: 1 1;
   margin-right: var(--gap15);
}
.single .single-footer .author .avatar img {
   height: 100px;
   width: 100px;
   border-radius: 50%;
}
.single .single-footer .author .name {
   order: 2;
   font-family: var(--font1);
   color: var(--color-black-light);
   font-weight: 700;
   font-size: var(--fontsize-largest);
   margin-bottom: var(--gap15);
}
.single .single-footer .author .bio {
   order: 3;
}
.single-above,
.single .single-bottom {
   display: none;
}

.page .content {
   max-width: var(--width-site4);
   margin: 0 auto;
}

.faq h2,
.consider h2,
.types h2 {
   margin-bottom: 0.5em;
   padding-bottom: 0.5em;
   border-bottom: 1px solid var(--color-grey-very-light);
}
.consider h2,
.types h2 {
   margin-top: 1em;
}
.faq h3 + p,
.consider h3 + p,
.types h3 + p {
   margin-top: 0;
}

.best .overview h2,
.best .detailed h2,
.best .others h2,
.best .types h2,
.best .brands h2 {
   border-top: 3px solid var(--color-black);
   border-bottom: 3px solid var(--color-grey-very-light);
   padding: var(--gap5) 0 var(--gap10);
   margin-bottom: var(--gap20);
}
.best .overview .product {
   display: flex;
   gap: var(--gap5);
   font-family: var(--font1);
   font-size: var(--fontsize-small);
}
.best .overview .product .number {
   display: none;
}
.best .overview .product .label {
   display: block;
   font-weight: 600;
   font-family: var(--font1);
}
.best .overview .product .label:after {
   content: ":";
}
.best .overview .product .title a,
.best .others .product .title a {
   font-family: var(--font1);
   color: var(--color-pink-red);
}
.best .detailed .product {
   display: flex;
   flex-wrap: wrap;
   gap: var(--gap5);
   padding: var(--gap40) 0;
}
.best .detailed .product:first-of-type {
   padding-top: 0;
}
.best .detailed .product:last-child {
   padding-bottom: 0;
}
.best .detailed .product .label,
.best .detailed .product .pros-cons-2-lists,
.best .detailed .product .image,
.best .detailed .product .cta,
.best .detailed .product .description,
.best .detailed .product .specifications {
   display: block;
}
.best .detailed .product .label,
.shop .overview .product .label {
   order: 1;
   background-color: var(--color-pink-red);
   color: var(--color-white);
   font-family: var(--font1);
   font-size: var(--fontsize-small);
   line-height: 1em;
   padding: var(--gap5) var(--gap10);
}
.best .detailed .product .title {
   order: 2;
   font-size: var(--fontsize-largest);
   font-family: var(--font1);
   width: 100%;
   line-height: 1.2em;
}
.best .detailed .product .title a {
   color: var(--color-black);
}
.best .detailed .image {
   order: 3;
   width: 100%;
   text-align: center;
}
.best .detailed .cta {
   order: 4;
   font-family: var(--font1);
}
.best .detailed .cta a {
   color: var(--color-white);
}
.best .detailed .pros-cons-2-lists {
   order: 5;
}
.best .detailed .pros-cons-2-lists .title {
   display: none;
}
.best .detailed .pros-cons-2-lists .pros-cons {
   display: grid;
   grid-template-columns: repeat(2, 1fr);
}
.best .detailed .pros-cons-2-lists .pros-cons h3 {
   margin-bottom: 0;
   font-size: var(--fontsize-very-larger);
}
.best .detailed .pros-cons-2-lists .pros-cons ul {
   padding: 0;
   list-style-type: none;
   margin-top: 0px;
}
.best .detailed .pros-cons-2-lists .pros-cons ul li {
   display: flex;
   padding: var(--gap5) 0;
}
.best .detailed .pros-cons-2-lists .pros li:before {
   content: "\2713";
   margin-right: 10px;
}
.best .detailed .pros-cons-2-lists .cons li:before {
   content: "\2715";
   margin-right: 10px;
}
.best .detailed .description {
   order: 6;
}
.best .detailed .specifications {
   order: 7;
}
.best .detailed .specifications h3 {
   margin: 0 0 var(--gap5);
   font-size: var(--fontsize-very-larger);
}
.best .detailed .specifications ul {
   margin-top: 0;
   padding-left: var(--gap15);
   margin-bottom: 0;
}

.shop .overview {
   display: flex;
   flex-wrap: wrap;
   gap: var(--gap20);
}
.shop .overview .product {
   font-family: var(--font1);
   color: white;
   flex: 1 1 calc((100% / 3) - (var(--gap20) * 2) / 3 - 2px);
   max-width: calc((100% / 3) - (var(--gap20) * 2) / 3 - 2px);
   /*background-color: var(--color-pink-sand);*/
   background-color: black;
   /*border: 1px solid var(--color-black-lighter);*/
   border-radius: 10px;
   padding: var(--gap20);
   display: flex;
   flex-direction: column;
   gap: var(--gap5);
   align-items: center;
   position: relative;
}
.shop .overview .product .image {
   order: 1;
   text-align: center;
   width: 100%;
   background-color: var(--color-white);
   padding: var(--gap10) 0;
   margin-bottom: var(--gap10);
   border-radius: var(--border-radius-mini);
}
.shop .overview .product .image img {
   height: 200px;
}
.shop .overview .product .label {
   display: block;
   order: 2;
   text-align: center;
   /*font-weight: 600;*/
   line-height: 1.2em;
   font-size: var(--fontsize-smaller);
   padding: var(--gap5);
}
.shop .overview .product .rating2 {
   display: block;
   order: 3;
   text-align: center;
}
.shop .overview .product .title {
   order: 4;
   text-align: center;
   font-size: var(--fontsize-larger);
   line-height: 1.2em;
   height: 2.4em;
   overflow: hidden;
   padding: var(--gap5) 0;
}
.shop .overview .product .title a {
   color: white;
}
.shop .overview .product .summary {
   display: block;
   order: 4;
   text-align: center;
   font-size: var(--fontsize-smaller);
   line-height: 1.2em;
}
.shop .overview .product .jump {
   display: block;
   order: 5;
   text-align: center;
   font-size: var(--fontsize-smaller);
   margin-top: auto;
   color: var(--color-pink-red);
}
.shop .overview .product .price {
   display: block;
   order: 6;
}
.shop .overview .product .cta {
   display: block;
   order: 7;
}
.shop .overview .product .cta a {
   color: var(--color-pink-red);
}

.archive .content {
   padding: var(--gap);
}

footer {
   background-color: var(--color-black-light);
   padding: var(--gap80) 0;
}
footer .inner {
   display: flex;
   flex-wrap: wrap;
   row-gap: var(--gap40);
}
footer [class^="list"] {
   order: 1;
   flex: 1 1 25%;
   font-family: var(--font2);
   gap: var(--gap10);
   display: flex;
   flex-direction: column;
}
footer [class^="list"] a {
   color: white;
   text-decoration: none;
   font-size: var(--fontsize-small);
   transition: color .3s;
}
footer [class^="list"] a:hover {
   color: var(--color-grey-very-light);
}
footer [class^="list"] .element-title {
   font-family: var(--font1);
   color: var(--color-pink-red);
   font-weight: 600;
   margin-bottom: var(--gap10);
}
footer .social {
   order: 2;
   flex: 1 1 50%;
}
footer .copyright {
   order: 3;
   flex: 1 1 50%;
   color: white;
   font-size: var(--fontsize-smaller);
}
footer .social .element-title,
footer .social .text,
footer .copyright .short,
footer .copyright .long {
   display: none;
}

/* ----- Popup ----- */
#popup-overlay, #popup {
   /*display: block !important;*/
}
#popup { 
   background-color: var(--color-pink-sand); 
   font-family: var(--font1);
   top: 10%;
   left: 50%;
   transform: translateX(-50%);
   max-width: 400px;
   padding: var(--gap40);
   border-radius: var(--border-radius-small);
}
#popup-overlay {
   background-color: var(--color-black);
}
#popup .email {
   display: block;
   position: relative;
   padding: 0;
   margin: 0;
   border: 0;
   background-color: transparent;
}
#popup .email .title {
   font-size: var(--fontsize-largest);
}
#popup .email .icon {
   position: absolute;
   top: -15px;
   right: -15px;
   width: 25px;
   height: 25px;
   border-radius: 50%;
}
#popup .email .description {
   font-weight: 400;
}
#popup .email .text {
   gap: var(--gap10);
}
#popup .email .cta {
   padding: var(--gap20) var(--gap25);
}
#popup .email .law {
   font-size: var(--fontsize-very-small);
   font-weight: 400;
   line-height: 1.4em;
}
/* ----- Cookies ----- */
#cookies-overlay, #cookies {
   /*display: block !important;*/
}
#cookies-overlay {
   background-color: var(--color-black);
}
#cookies { 
   background-color: var(--color-white); 
   padding: var(--gap20) var(--gap30);
   font-family: var(--font1);
   top: 10%;
   left: 50%;
   transform: translateX(-50%);
   max-width: 650px;
   border-radius: var(--border-radius-small);
}
#cookies .icon {
   display: none;
}
#cookies .text {
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   gap: var(--gap20);
   align-items: center;
   justify-content: center;
   color: var(--color-grey);
   line-height: 1.4em;
   font-weight: 400;
}
#cookies .short {display: none;}
#cookies .long1 {display: block;}
#cookies .long2 {display: none;}

#cookies .settings {
   color: var(--color-pink-red);
   padding: var(--gap10) 0;
   font-weight: 500;
   margin-top: var(--gap10);
   margin-right: auto;
}
#cookies .accept,
#cookies .deny {
   background-color: var(--color-pink-red);
   color: var(--color-white);
   padding: var(--gap10) var(--gap20);
   font-weight: 600;
   text-align: center;
   margin-top: var(--gap10);
   border-radius: var(--border-radius-mini);
}

@media (max-width: 1200px) {
   header > .desktop #header-normal .header-normal-1 .inner {
      padding: var(--gap20) var(--gap15);
      gap: var(--gap15);
   }
   .header-normal-1 .infolinks, .header-up-1 .site-categories {
      gap: var(--gap10);
   }
   header .logo img {
      width: 100px;
   }
   header .desktop .join .signin, header .desktop .join .subscribe {
      padding: var(--gap10);
      font-size: var(--fontsize-smaller);
   }
   header .header-normal-2 a .title,
   .index .site-categories .griditem a .title,
   .header-normal-1 .infolinks a, .header-up-1 .site-categories a .title {
      font-size: var(--fontsize-smaller);
   }
   header .desktop .join {
      gap: var(--gap10);
   }
   .index .site-categories .items {
      gap: var(--gap15);
   }
   header .header-normal-2 .site-categories .items {
      gap: var(--gap20);
   }
   .single .single-footer .author .bio {
      max-width: calc(100% - var(--gap15) - 100px);
   }
}
@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 > .desktop #header-normal .header-normal-1 .inner,
   .header-up-1 .inner {
      flex-wrap: wrap;
   }
   .header-normal-1 .infolinks, .header-up-1 .site-categories {
      order: 3;
      width: 100%;
   }
   header .header-normal-2,
   header .desktop .header-normal-2 .search {
      display: none;
   }
   .index .site-categories .items {
      flex-wrap: wrap;
   }
   .index .site-categories .items {
      padding: var(--gap20) 0;
   }
   .email, .freebie {
      padding: var(--gap40);
      gap: var(--gap20);
   }
   .freebie .image,
   .freebie .text {
      flex: 1 1 50%;
   }
   .directory .overview {
      grid-template-columns: repeat(2, 1fr);
   }
   .lead .detailed .offer [class^="data"] {
      order: 4;
   }
   .lead .detailed .offer .cta {
      order: 3;
      min-width: 180px;
      width: 50%;
   }
   .lead .detailed .offer {
      gap: var(--gap20);
   }
   .single .related .articles {
      display: grid;
      grid-template-columns: 1fr 1fr;
   }
   .archive .content {
      padding: var(--gap30) 0;
   }
}
@media (max-width: 767px) {
   .single-body > table,
   .page .content > table {
      max-width: 100%;
      overflow-x: auto;
      display: block;
   }
   
   .index .site-categories .items .griditem {
      margin: 0;
   }
   
   .grid9 .griditem:not(:last-child) {
      margin-bottom: var(--gap20);
   }
   
   .freebie {
      flex-direction: column;
   }
   
   .lead .overview .offer {
      flex-wrap: wrap;
      row-gap: var(--gap5);
   }
   .lead .overview .offer .name,
   .lead .overview .offer .cta,
   .lead .detailed .offer .list,
   .lead .detailed .offer .description {
      width: 100%;
      text-align: center;
   }
   
   .lead .detailed .offer .logo,
   .lead .detailed .offer .stars {
      width: 100%;
      text-align: center;
   }
   .lead .detailed .offer [class^="data"] {
      width: calc(50% - var(--gap20) / 2  - 2px);
   }
   .lead .detailed .offer .cta {
      width: 100%;
   }
   .lead .detailed .offer .cta span {
      width: fit-content;
      margin: 0 auto;
   }
   
   .single .single-footer .author {
      max-height: none;
      flex-direction: row;
      flex-wrap: wrap;
      gap: var(--gap15);
      justify-content: flex-start;
      align-content: center;
   }
   .single .single-footer .author .name {
      margin: 0;
      display: flex;
      align-items: center;
   }
   .single .single-footer .author .avatar {
      flex: 0 1 80px;
      margin: 0;
   }
   .single .single-footer .author .avatar img {
      height: 80px;
      width: 80px;
   }
   .single .single-footer .author .bio {
      max-width: 100%;
   }
   .single article h1, .page .content h1 {
      font-size: var(--fontsize-header2);
   }
   
   .best .overview {
      gap: var(--gap15);
      display: flex;
      flex-direction: column;
   }
   .best .overview .product {
      flex-direction: column;
      gap: 0;
      line-height: 1.2;
   }
   .best .detailed .pros-cons-2-lists .pros-cons {
      grid-template-columns: 1fr;
   }
   
   .shop .overview .product {
      flex: 1 1 calc(50% - var(--gap20) / 2 - 2px);
      max-width: calc(50% - var(--gap20) / 2 - 2px);
   }
}
@media (max-width: 600px) {
   .link-block > div {
      flex: 1 1 100%;
   }
   .lead .overview .offer {
      padding: var(--gap10);
      row-gap: var(--gap10);
   }
   .lead .detailed .offer [class^="data"] {
      width: 100%;
   }
   
   .email, .freebie {
      padding: var(--gap20);
   }
}