/** Shopify CDN: Minification failed

Line 80:0 Unexpected "{"
Line 80:1 Expected identifier but found "%"
Line 101:2 Unexpected "{"
Line 101:3 Expected identifier but found "%"

**/
/** Shopify CDN: Minification failed

Line 72:0 Unexpected "{"
Line 72:1 Expected identifier but found "%"
Line 93:2 Unexpected "{"
Line 93:3 Expected identifier but found "%"

**/
/* ===============================
    General Start
================================*/
.eyebrow {
    font-size: 13px;
    font-weight: 600;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--host);
    display: flex;
    align-items: center;
    gap: .5rem;
    margin-bottom: .75rem;
}

.eyebrow::before {
    content: '';
    width: 20px;
    height: 2px;
    background: var(--host);
    border-radius: 2px;
    flex-shrink: 0;
}

.tb_padding-60{
    padding: 60px 0;
}
/* ===============================
    General End
================================*/


/* ===============================
    WERA custom-hero SECTION
================================*/
.custom-hero-inner > :first-child {
  order: 2;
}

.custom-hero-inner > :last-child {
  order: 1;
}
.custom-hero{
    background: var(--sno) !important;
}
.custom-hero-inner{
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    position: relative;
    gap: 60px;
    /* overflow: hidden; */
}

.custom-hero span.jumbo-text-line {
    color: var(--vinter);
    opacity: 0.3;
    position: absolute;
    bottom: -50px;
    right: 0;
}

/* decorative circle */
{% comment %} .custom-hero-circle-bg{
position: absolute;
    width: 640px;
    height: 640px;
    border-radius: 50%;
    right: -150px;
    top: 30%;
    transform: translateY(-50%);
    z-index: 0;
}

.custom-hero-circle-bg:before {
    content: "";
    position: absolute;
    inset: 0;
    background: url("data:image/svg+xml,%3Csvg xmlns:xlink='http://www.w3.org/1999/xlink' xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 100 71' height='71px' width='100px'%3E%3Cdefs%3E%3CclipPath id='clip1'%3E%3Cpath d='M 14.632812 0 L 85.296875 0 L 85.296875 71 L 14.632812 71 Z M 14.632812 0'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='surface1'%3E%3Cg clip-rule='nonzero' clip-path='url(%23clip1)'%3E%3Cpath transform='matrix(0.118709,0,0,0.119272,0.0300489,0)' d='M 497.714949 567.212524 C 563.099379 565.804236 596.762324 367.792404 552.635238 367.792404 C 505.118823 367.792404 559.808769 554.374178 593.405901 565.083716 C 613.281188 571.437387 671.360463 573.04218 674.618167 545.498689 C 679.586989 503.741314 626.904316 521.78705 620.356001 471.448945 C 613.807686 421.110839 638.224016 332.519704 633.946222 285.882448 C 629.701335 239.277943 568.068201 210.358914 593.274277 174.005436 C 618.480353 137.619206 640.395819 127.466432 631.083391 101.691488 C 621.277372 74.573758 603.146108 90.916448 588.864859 78.831373 C 574.550703 66.746297 541.118101 53.973453 504.263264 62.75069 C 499.327348 52.859923 480.603775 26.495463 480.603775 26.495463 C 480.603775 26.495463 437.595496 105.883601 447.434421 178.230299 C 450.988281 204.332752 379.483316 328.393093 341.18061 386.624161 C 310.051435 433.981936 208.865163 574.614223 341.18061 575.891507 C 397.844922 576.415521 479.353343 553.162395 495.905114 482.813501 C 519.301354 383.349073 428.546317 387.573936 366.090531 444.16746 C 286.260321 516.514158 247.233681 583.031199 159.571819 575.891507 M 561.585698 100.839965 C 560.13783 100.479706 558.624149 100.315951 557.077562 100.315951 C 547.699322 100.315951 539.867669 106.997131 538.09074 115.87262' style='fill:none;stroke-width:14.6186;stroke-linecap:butt;stroke-linejoin:miter;stroke:rgb(83.137256%25,43.921569%25,2.352941%25);stroke-opacity:1;stroke-miterlimit:10;'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 80%;
    opacity: .25;
    /* control here */
} {% endcomment %}


/* left content */
.custom-hero-left{
position:relative;
z-index:2;
max-width:520px;
}

.custom-hero-pill{
display:inline-flex;
align-items:center;
gap:8px;
background:var(--dagg);
color:var(--vinter);
padding:6px 14px;
border-radius:999px;
font-size:13px;
font-weight:600;
/* margin-bottom:20px; */
    margin-bottom: 0;
}

.custom-hero-pill-dot{
width:7px;
height:7px;
background:var(--sommar);
border-radius:50%;
}

.custom-hero-left h1{
    color: var(--vinter);
    margin-bottom: 18px;
    line-height: 1.1 !important;
    font-size: clamp(36px, 5vw, 56px);
    font-weight: 700;
    letter-spacing: -0.02em;
}

.custom-hero-left p{
color:var(--text-mid);
margin-bottom:26px;
font-size:17px;
line-height:1.7;
}

/* buttons */
.custom-hero-buttons{
display:flex;
gap:16px;
flex-wrap:wrap;
}

/* right image */
.custom-hero-right{
position:relative;
z-index:2;
display:flex;
justify-content:center;
align-items:flex-end;
}

.custom-hero-photo-wrap{
position:relative;
width:100%;
display:flex;
justify-content:center;
}

.custom-hero-photo{
width:420px;
height:auto;
border-radius:32px;
object-fit:cover;
box-shadow:0 25px 60px rgba(30,83,88,.12);
}

/* floating card optional */
.custom-hero-float-card{
position:absolute;
bottom:40px;
left:-20px;
background:white;
padding:14px 18px;
border-radius:14px;
box-shadow:0 20px 50px rgba(0,0,0,.08);
}

/* ===============================
    custom-hero CHECK LIST
================================*/

.custom-hero-checks{
list-style:none;
display:flex;
flex-direction:column;
gap:10px;
margin:25px 0;
    padding: 0;
}

.custom-hero-checks li{
display:flex;
align-items:center;
gap:10px;
font-size:15px;
color:var(--vinter);
font-weight:500;
}

.custom-hero-checks li::before{
content:"";
width:20px;
height:20px;
border-radius:50%;
background:var(--sommar);
flex-shrink:0;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%231E5358'%3E%3Cpath fill-rule='evenodd' d='M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z'/%3E%3C/svg%3E");
background-repeat:no-repeat;
background-position:center;
background-size:12px;
}

/* ===============================
    SOCIAL PROOF
================================*/

.custom-hero-social-proof{
display:flex;
align-items:center;
gap:12px;
margin-top:30px;
}

.avatar-stack{
display:flex;
}

.avatar-stack span{
width:36px;
height:36px;
border-radius:50%;
border:3px solid var(--snow);
background:var(--dagg);
display:flex;
align-items:center;
justify-content:center;
font-size:14px;
margin-left:-10px;
}

.avatar-stack span:first-child{
margin-left:0;
}

.proof-text{
font-size:13px;
color:var(--text-mid);
}

.proof-text strong{
color:var(--vinter);
font-weight:700;
}

/* ===============================
    FLOAT CARD 1
================================*/

.custom-hero-float-card{
position:absolute;
bottom:40px;
left:-30px;
background:white;
border-radius:16px;
padding:14px 18px;
display:flex;
align-items:center;
gap:12px;
box-shadow:0 20px 50px rgba(30,83,88,.12);
animation:floatY 5s ease-in-out infinite;
}

.fc-icon{
width:44px;
height:44px;
background:var(--morgon);
border-radius:12px;
display:flex;
align-items:center;
justify-content:center;
font-size:18px;
}

.fc-label{
font-size:12px;
color:var(--text-mid);
}

.fc-value{
font-size:18px;
font-weight:700;
color:var(--vinter);
}

/* ===============================
    FLOAT CARD 2
================================*/

.custom-hero-float-card2{
position: absolute;
  top: 60px;
  right: 0;
  background: var(--vinter);
  border-radius: 16px;
  padding: 12px 16px;
  animation: floatY2 6s ease-in-out infinite;
}

.custom-hero-left h1 em {
    font-style: italic;
    font-weight: 300;
    color: var(--host);
}

.fc2-num{
font-size:22px;
font-weight:700;
color:var(--spring);
}

.fc2-label{
    font-size: 11px;
    color: var(--sno);
    letter-spacing: .05em;
    text-transform: uppercase;
}

/* ===============================
    FLOAT ANIMATION
================================*/

@keyframes floatY{
0%{transform:translateY(0)}
50%{transform:translateY(-8px)}
100%{transform:translateY(0)}
}

@keyframes floatY2{
0%{transform:translateY(0)}
50%{transform:translateY(-10px)}
100%{transform:translateY(0)}
}

/* mobile hide floating cards */

@media(max-width:900px){
/* .custom-hero-float-card,
.custom-hero-float-card2{
display:none;
} */
 .custom-hero-inner{
        grid-template-columns: 1fr;
        text-align: left;
        gap: 30px;
}
}

/* ===============================
    RESPONSIVE
================================*/

@media(max-width:1024px){

/* .custom-hero-inner{
grid-template-columns:1fr;
padding:60px 30px;
text-align:left;
} */

.custom-blog-section{
  padding: 30px 0 !important;
}

.custom-hero {
    overflow: hidden;
}

.custom-hero-circle-bg{
display:none;
}

.custom-hero-right{
order:2;
}

.custom-hero-left{
order:1;
}

.custom-hero-photo{
width:100%;
max-width:350px;
}

.prod-grid{
  grid-template-columns: repeat(2, 1fr) !important;
}

.feat-row{
  gap: 2rem !important;
}
.tb_padding-60{
  padding: 30px 0;
}
rte-formatter.blog-post-card__content-text {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    -webkit-box-orient: vertical;
}
}
@media(max-width:768px){
.prod-head .prod-left {
    max-width: 100% !important;
}
rte-formatter.blog-post-card__content-text {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}
.prod-head{
  margin-bottom: 1rem !important;
}
.feat-row{
  grid-template-columns: 1fr !important;
}
.feat-icon-big{
      width: 100% !important;
}
section.testimonials{
  padding: 40px 0 !important;
}
.custom-hero-float-card{
        left: -6px !important;
        box-shadow: none !important;
        bottom: 15px;
}
.custom-hero span.jumbo-text-line{
  bottom: -20px !important;
}
.custom-hero-pill{
  margin-bottom: 0px !important;
}
.prod-grid{
          grid-template-columns: repeat(1, 1fr) !important;
}
}
@media(max-width:640px){

.custom-hero-inner{
padding:50px 20px;
}

.custom-hero-left h1{
font-size:32px;
}

.custom-hero-left p{
font-size:15px;
}
}

/* ===============================
   PRODUCTS
================================ */

.products{
  background: var(--morgon) !important;
}

.prod-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  margin-bottom:3rem;
  flex-wrap:wrap;
  gap:1rem;
}

.prod-head .prod-left {
    max-width: 70%;
}

.prod-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:1.25rem;
}

.pc{
  background:white;
  border-radius:var(--r-card);
  overflow:hidden;
  transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s;
  cursor:pointer;
  position:relative;
}

.pc:hover{
  transform:translateY(-7px);
  box-shadow:0 20px 50px rgba(30,83,88,.12);
}

.pc-img{
  height:200px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:5rem;
  position:relative;
  overflow:hidden;
  transition:transform .4s;
}

.pc:hover .pc-img{
  transform:scale(1.04);
}

.bg-a{background:linear-gradient(140deg,#e8f4ef,#c9e4d8)}
.bg-b{background:linear-gradient(140deg,#fde8d8,#f9bd9b)}
.bg-c{background:linear-gradient(140deg,#e8f0e0,#aabd8e)}
.bg-d{background:linear-gradient(140deg,#fdf4e8,#fdece1)}

.pc-tag{
  position:absolute;
  top:.75rem;
  left:.75rem;
  font-size:11px;
  font-weight:700;
  letter-spacing:.06em;
  text-transform:uppercase;
  padding:.25rem .7rem;
  border-radius:999px;
}

.tag-new{
  background:var(--vinter);
  color:var(--sno);
}

.tag-pop{
  background:var(--host);
  color:white;
}

.pc-body{
  padding:1.25rem;
}

.pc-cat{
  font-size:11px;
  font-weight:600;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--host);
  margin-bottom:.35rem;
}

.pc-title{
  font-size:16px;
  font-weight:700;
  color:var(--vinter);
  margin-bottom:.4rem;
  line-height:1.3;
}

.pc-desc{
  font-size:13px;
  color:var(--text-mid);
  line-height:1.55;
  margin-bottom:1rem;
}

.pc-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
}

.pc-link{
  font-size:13px;
  font-weight:600;
  color:var(--vinter);
  text-decoration:none;
  display:flex;
  align-items:center;
  gap:.3rem;
  transition:gap .25s,color .25s;
}

.pc:hover .pc-link{
  gap:.6rem;
  color:var(--host);
}

/* ===============================
    features SECTION
================================*/
.feat-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:5rem;
  align-items:center;
}

.features-inner ul.list-icons__list span.list-icons__icon {
    background: unset;
    width: 40px;
    height: 40PX;
}

.feat-row.rev{
  direction:rtl;
}

.feat-row.rev > *{
  direction:ltr;
}

.feat-visual{
  border-radius:32px;
  overflow:hidden;
  aspect-ratio:4/3;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:6rem;
  position:relative;
}

.fv-dagg{
  background:linear-gradient(135deg,var(--dagg),var(--sommar));
}

.fv-morgon{
  background:linear-gradient(135deg,var(--morgon),var(--var));
}

.fv-vinter{
  background:linear-gradient(135deg,var(--vinter),var(--vinter2));
}

.feat-icon-big{
  font-size:7rem;
  filter:drop-shadow(0 12px 24px rgba(0,0,0,.15));
}

.feat-body .eyebrow{
  margin-bottom:.5rem;
}

.feat-body h3{
  color:var(--vinter);
  margin-bottom:1rem;
  font-size:clamp(22px,2.5vw,30px);
}

.feat-body p{
  margin-bottom:1.5rem;
  font-size:15px;
}

.feat-list{
  list-style:none;
  display:flex;
  flex-direction:column;
  gap:.5rem;
  margin-bottom:2rem;
}

.feat-list li{
  display:flex;
  align-items:center;
  gap:.6rem;
  font-size:14px;
  font-weight:500;
  color:var(--vinter);
}

.feat-list li span{
  width:6px;
  height:6px;
  background:var(--host);
  border-radius:50%;
  flex-shrink:0;
}

/* ===============================
    static-blog-post-card SECTION
================================*/

.wera-blogs-carousel{
display:flex;
gap:20px;
overflow:auto;
scroll-snap-type:x mandatory;
}
.custom-blog-footer{
margin-top:2.5rem;
display:flex;
justify-content:center;
}

.wera-blog-slide{
min-width:320px;
scroll-snap-align:start;
}

/* ===============================
    featured-blog-posts-card SECTION
================================*/

/* section background */
.custom-blog-section{
  background: var(--morgon) !important;
  padding: 60px 0;
}

.prod-left .prod-desc{
  color:var(--vinter)
}

.custom-blog-section slideshow-container{
  background: unset !important;
}

/* grid spacing same as products */
.custom-blog-section .resource-list{
  margin-top: 2rem;
}

/* card style same as .pc */
.custom-blog-section .featured-blog-posts-card{
  background:white;
  border-radius:var(--r-card);
  overflow:hidden;
  transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s;
  cursor:pointer;
  position:relative;
}

/* hover same as products */
.custom-blog-section .featured-blog-posts-card:hover{
  transform:translateY(-7px);
}

/* image like pc-img */
.custom-blog-section .featured-blog-posts-card__image{
  height:200px;
  overflow:hidden;
}

.custom-blog-section .resource-image__image{
  height:100%;
  width:100%;
  object-fit:cover;
  transition:transform .4s;
}

.custom-blog-section .featured-blog-posts-card:hover 
.resource-image__image{
  transform:scale(1.04);
}

/* body spacing */
.custom-blog-section .featured-blog-posts-card__content{
  padding:1.25rem;
}

/* category (date row) */
.custom-blog-section .blog-post-details{
  font-size:11px;
  font-weight:600;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--host);
  margin-bottom:.35rem;
}

/* title */
.custom-blog-section h4{
  font-size:16px;
  font-weight:700;
  color:var(--vinter);
  margin-bottom:.4rem;
  line-height:1.3;
}

/* description */
.custom-blog-section .blog-post-card__content-text{
  font-size:13px;
  color:var(--text-mid);
  line-height:1.55;
  margin-bottom:1rem;
}

/* remove default border */
.custom-blog-section .border-style{
  border:none !important;
}


/* ===============================
    List icon SECTION
================================*/

.list-icons{
display:flex;
flex-direction:column;
gap:.5rem;
list-style:none;
padding:0;
margin:0;
}
ul.list-icons__list{
  padding: 0;
}
.list-icons__item{
display:flex;
align-items:center;
gap:.6rem;
font-size: 16px;
font-weight:500;
color:var(--vinter);
    margin: 10px 0;
}

.list-icons__icon{
width:6px;
height:6px;
background:var(--host);
border-radius:50%;
flex-shrink:0;
display:inline-block;
}

/* ── TESTIMONIALS — white cards like Mizo ── */

.test-head h2{
  color:var(--vinter);
  margin-bottom:.75rem;
}

.tcard .tcard-av img.pc-icon-img{
      border-radius: 100%;
}

.tgrid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1.25rem;
}

.tcard{
  background:white;
  border-radius:var(--r-card);
  padding:2rem;
  border:1.5px solid rgba(30,83,88,.06);
  transition:all .3s;
  height: -webkit-fill-available;
}

.tcard:hover{
  transform:translateY(-5px);
  box-shadow:0 14px 40px rgba(30,83,88,.09);
}

.tcard-stars{
  color:var(--host);
  font-size:15px;
  letter-spacing:.05em;
  margin-bottom:1rem;
}

.tcard-text{
  font-size:14px;
  line-height:1.72;
  color:var(--text-mid);
  margin-bottom:1.5rem;
  font-style:italic;
}

.tcard-author{
  display:flex;
  align-items:center;
  gap:.75rem;
}

.tcard-av{
  width:44px;
  height:44px;
  border-radius:50%;
  display:grid;
  place-items:center;
  font-size:1.2rem;
  flex-shrink:0;
}

.tcard-name{
  font-size:14px;
  font-weight:700;
  color:var(--vinter);
}

.tcard-role{
  font-size:12px;
  color:var(--text-mid);
}

@media(max-width:960px){
  .tgrid{
    grid-template-columns:1fr;
  }
}

/* Collection page */
li.product-grid__item {
    background: #fff;
    box-shadow: 0 0px 20px rgba(30, 83, 88, .12);
    border-radius: 10px;
}

li.product-grid__item .text-block {
    padding: 0px 20px !important;
}

li.product-grid__item product-price.text-block {
    padding-bottom: 20px !important;
}
.card-gallery {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

/* Collection catalog */
main[data-template="collection"] .product-grid-container,
main[data-template="collection"] .collection-wrapper {
    background: #fff;
}

main[data-template="collection"] .collection-wrapper {
    width: min(100% - 40px, 1320px);
    margin-inline: auto;
}

main[data-template="collection"] .facets {
    min-height: 64px;
    align-items: center;
    padding-block: 12px;
    border-top: 1px solid rgba(30, 83, 88, .16);
    border-bottom: 1px solid rgba(30, 83, 88, .16);
}

main[data-template="collection"] .facets :is(button, select, summary, span),
main[data-template="collection"] .products-count-wrapper {
    color: #1e5358;
    font-family: Poppins, sans-serif;
    font-size: 16px;
}

main[data-template="collection"] li.product-grid__item {
    overflow: hidden;
    height: 100%;
    background: #fff;
    border: 1px solid rgba(30, 83, 88, .18);
    border-radius: 8px;
    box-shadow: none;
    transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

main[data-template="collection"] li.product-grid__item:hover {
    border-color: rgba(30, 83, 88, .45);
    box-shadow: 0 10px 24px rgba(30, 83, 88, .10);
    transform: translateY(-2px);
}

main[data-template="collection"] li.product-grid__item product-card,
main[data-template="collection"] li.product-grid__item .product-card__content {
    height: 100%;
}

main[data-template="collection"] li.product-grid__item .product-card__content {
    align-content: start;
}

main[data-template="collection"] li.product-grid__item .card-gallery {
    border-radius: 0 !important;
    background: #f9f9f5;
}

main[data-template="collection"] li.product-grid__item .text-block {
    padding-inline: 18px !important;
}

main[data-template="collection"] li.product-grid__item .text-block p,
main[data-template="collection"] li.product-grid__item .text-block a,
main[data-template="collection"] li.product-grid__item product-price {
    color: #1e5358;
    font-family: Poppins, sans-serif;
    font-size: 16px !important;
    line-height: 1.45;
}

main[data-template="collection"] li.product-grid__item product-price.text-block {
    padding-bottom: 18px !important;
    font-weight: 600;
}

main[data-template="collection"] li.product-grid__item :is(a, button):focus-visible,
main[data-template="collection"] .facets :is(button, select, summary):focus-visible {
    outline: 3px solid #1e5358;
    outline-offset: 3px;
}

@media (max-width: 749px) {
    main[data-template="collection"] .collection-wrapper {
        width: min(100% - 32px, 1320px);
    }

    main[data-template="collection"] .facets {
        min-height: 56px;
    }

    main[data-template="collection"] li.product-grid__item .text-block {
        padding-inline: 14px !important;
    }

    main[data-template="collection"] li.product-grid__item product-price.text-block {
        padding-bottom: 14px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    main[data-template="collection"] li.product-grid__item {
        transition: none;
    }

    main[data-template="collection"] li.product-grid__item:hover {
        transform: none;
    }
}
li.mega-menu__content-list-item,
li.predictive-search-results__card,
li.menu-drawer__featured-content-list-item{
    background: #C9E4D8;
    border-radius: 10px;
    overflow: hidden;
}

li.mega-menu__content-list-item .resource-card__content,
li.predictive-search-results__card .resource-card__content,
li.menu-drawer__featured-content-list-item .resource-card__content{
    padding: 0px 10px;
    padding-bottom: 10px;
}

li.mega-menu__content-list-item .resource-card__media, li.mega-menu__content-list-item .resource-card__media *,
li.predictive-search-results__card .resource-card__media, li.predictive-search-results__card .resource-card__media *,
li.menu-drawer__featured-content-list-item .resource-card__media, li.menu-drawer__featured-content-list-item .resource-card__media *{
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

li.mega-menu__content-list-item p.resource-card__title.paragraph,
li.predictive-search-results__card p.resource-card__title.paragraph,
li.menu-drawer__featured-content-list-item p.resource-card__title.paragraph{
    font-size: 14px;
}

li.mega-menu__content-list-item div[ref="priceContainer"] *,
li.predictive-search-results__card div[ref="priceContainer"] *,
li.menu-drawer__featured-content-list-item div[ref="priceContainer"] *{
    font-size: 12px;
}
li.predictive-search-results__card:hover {
    padding: 0 !important;
    background: #C9E4D8 !important;
    border-radius: 10px !important;
}
a.mega-menu__link.mega-menu__link--parent {
    font-size: 18px;
    color: var(--menu-child-font-color);
    font-weight: 600;
}
/* Footer */
.footer-content a {
    text-decoration: none;
    font-size: 16px;
    opacity: 1;
}

.footer-content a:hover {
    color: inherit !important;
    opacity: 1;
}

.footer-content summary.menu__heading {
    padding-top: 0;
}

.footer-content h3,.footer-content .menu__heading.h3,.footer-content .menu__heading.h3 *{
    padding-top: 0;
    font-family: var(--font-body--family) !important;
    font-size: 20px !important;
    font-style: normal !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

.footer-content :is(p, .menu__item) {
    font-family: var(--font-body--family);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0;
    text-transform: none;
}

.footer-content a:focus-visible {
    outline: 3px solid currentColor;
    outline-offset: 3px;
}

/* Single product */
.acc-content {
width: 100% !important;
    max-width: 100% !important;
}

.product-recommendations product-card {
    background: #C9E4D8;
    border-radius: 10px;
    overflow: hidden;
}

.product-recommendations product-card .text-block{
    padding: 0px 10px;
}

.product-recommendations product-card product-price.text-block:last-child{
    padding-bottom: 10px;
}
/* Single page */
/* Hero start */
.wera-hero{
background:var(--vinter);
color:#fff;
padding:80px;
border-radius:var(--r-lg);
display:grid;
grid-template-columns:1fr 1.2fr;
gap:60px;
align-items:center;
}

.wera-hero__content h1{
font-size:48px;
margin-bottom:20px;
font-weight:600;
}

.wera-hero__content h3{
font-size:18px;
letter-spacing:3px;
text-transform:uppercase;
margin-bottom:20px;
color:rgba(255,255,255,.9);
}

.wera-hero__content p{
line-height:1.7;
margin-bottom:30px;
color:rgba(255,255,255,.85);
}

.wera-btn{
display:inline-block;
background:var(--host);
color:#fff;
padding:14px 28px;
border-radius:var(--r-pill);
text-decoration:none;
font-weight:500;
}

.wera-btn:hover{
background:#c45e00;
}


.wera-hero__image img{
width:100%;
border-radius:12px;
display:block;
}


/* MOBILE */
@media(max-width:990px){

.wera-hero{
grid-template-columns:1fr;
padding:40px 25px;
}

.wera-hero__content h1{
font-size:34px;
}

}
/* Hero End */
.wera-product-page{
font-family:var(--font);
color:var(--text);
}

/* BENEFITS */
.wera-benefits{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:20px;
margin-bottom:60px;
}

.wera-benefit{
background:#fff;
padding:25px;
border-radius:var(--r-card);
box-shadow:0 10px 30px rgba(0,0,0,.05);
text-align:center;
}

.wera-icon{
width:50px;
height:50px;
background:var(--dagg);
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
margin:0 auto 15px;
font-size:20px;
}

.wera-benefit h3{
font-size:16px;
margin-bottom:8px;
color:var(--vinter);
}

.wera-benefit p{
font-size:14px;
color:var(--text-mid);
}


/* SPLIT */
.wera-split{
display:grid;
grid-template-columns:1fr 1fr;
gap:60px;
align-items:center;
margin-bottom:60px;
}

.wera-split h2{
font-size:34px;
color:var(--vinter);
margin-bottom:20px;
}

.wera-list{
list-style:none;
padding:0;
}

.wera-list li{
margin-bottom:15px;
color:var(--text-mid);
}

.wera-list strong{
display:block;
color:var(--text);
}

.wera-split-image img{
width:100%;
border-radius:var(--r-lg);
}


/* CARDS */
.wera-cards{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:25px;
margin-bottom:50px;
}

.wera-card{
background:#fff;
border-radius:var(--r-card);
overflow:hidden;
box-shadow:0 10px 25px rgba(0,0,0,.05);
}

.wera-card img{
width:100%;
height:220px;
object-fit:cover;
}

.wera-card h3{
padding:20px 20px 5px;
font-size:18px;
color:var(--vinter);
}

.wera-card p{
padding:0 20px 20px;
color:var(--text-mid);
}


/* GALLERY */
.wera-gallery{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:20px;
margin-bottom:60px;
}

.wera-gallery img{
width:100%;
border-radius:var(--r-card);
}


/* VARIANTS */
.wera-variants h2{
font-size:32px;
margin-bottom:30px;
color:var(--vinter);
}

.wera-variant-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:25px;
}

.wera-variant{
background:#fff;
padding:20px;
border-radius:var(--r-card);
text-align:center;
box-shadow:0 10px 25px rgba(0,0,0,.05);
}

.wera-variant img{
width:100%;
border-radius:var(--r-card);
margin-bottom:10px;
}

.wera-variant h4{
color:var(--vinter);
}


/* MOBILE */
@media(max-width:990px){

.wera-benefits{
grid-template-columns:1fr 1fr;
}

.wera-split{
grid-template-columns:1fr;
}

.wera-cards{
grid-template-columns:1fr;
}

.wera-gallery{
grid-template-columns:1fr;
}

.wera-variant-grid{
grid-template-columns:1fr;
}

}

/* Other */
.blog-posts {
    margin-top: 50px;
}
.blog-posts .blog-posts-container {
    margin-top: 50px;
}

/* Blogs */
/* GRID */
.blog-posts-container{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:30px;
}


/* CARD */
.blog-post-card{
background:#fff;
border-radius:var(--r-card);
overflow:hidden;
box-shadow:0 10px 30px rgba(0,0,0,.05);
transition:.3s ease;
height:100%;
display:flex;
flex-direction:column;
}

.blog-post-card:hover{
transform:translateY(-6px);
box-shadow:0 20px 40px rgba(0,0,0,.08);
}


/* IMAGE */
.blog-post-card__image-container{
overflow:hidden;
border-radius:var(--r-card) var(--r-card) 0 0;
}

.blog-post-card__image{
width:100%;
height:220px;
object-fit:cover;
transition:.4s ease;
}

.blog-post-card:hover .blog-post-card__image{
transform:scale(1.05);
}


/* CONTENT */
.blog-post-card__content{
padding:22px;
display:flex;
flex-direction:column;
flex:1;
}


/* TITLE */
.blog-post-card__content .h2{
font-size:20px;
color:var(--vinter);
font-weight:600;
line-height:1.3;
margin-bottom:8px;
}


/* META */
.blog-post-details{
font-size:13px;
color:var(--text-mid);
margin-bottom:10px;
}


/* TEXT */
.blog-post-card__content-text{
color:var(--text-mid);
font-size:14px;
line-height:1.6;
margin-bottom:15px;
}


/* READ MORE */
.blog-post-card__content-text a{
color:var(--host);
font-weight:500;
text-decoration:none;
}

.blog-post-card__content-text a:hover{
text-decoration:underline;
}


/* FEATURED FIRST CARD */
.blog-post-item--horizontal{
grid-column:span 2;
}

.blog-post-item--horizontal .blog-post-card{
display:grid;
grid-template-columns:1fr 1fr;
}

.blog-post-item--horizontal .blog-post-card__image{
height:100%;
}

.blog-post-item--horizontal .blog-post-card__content{
padding:30px;
}


/* MOBILE */
@media(max-width:990px){

.blog-posts-container{
grid-template-columns:1fr;
}

.blog-post-item--horizontal{
grid-column:auto;
}

.blog-post-item--horizontal .blog-post-card{
grid-template-columns:1fr;
}
}

/* Single page */
.page .hero-img {
    margin: 0;
    margin-bottom: 3rem;
    margin-top: 3rem;
    border-radius: 20px;
}



/* Card container */
.resource-list__item product-card,
.resource-list__item .product-card__content{
    background: #C9E4D8;
    border-radius: 10px;
    overflow: hidden;
    padding: 0 !important;
}

/* Content padding */
.resource-list__item .product-card__content{
    padding: 0 10px 10px;
}

/* Image radius reset */
/* .resource-list__item .card-gallery,
.resource-list__item .card-gallery *{
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
} */

/* Title size */
.resource-list__item .text-block p,
.resource-list__item h3,
.resource-list__item [role="heading"]{
    font-size: 14px;
}

/* Price size */
.resource-list__item div[ref="priceContainer"] *,
.resource-list__item product-price *{
    font-size: 12px;
}

/* Hover (same as predictive search card) */
.resource-list__item product-card:hover,
.resource-list__item .product-card__content:hover{
    padding: 0 !important;
    background: #C9E4D8 !important;
    border-radius: 10px !important;
}

.resource-list__item .product-card__content .text-block {
    padding: 0px 10px;
}

.resource-list__item .product-card__content product-price.text-block {
    padding-bottom: 10px;
}