h1,.h1{font-family:"gelica",sans-serif;font-weight:500;font-style:normal;text-transform:uppercase;font-size:24px;color:#1f3e36}@media screen and (min-width: 992px){h1,.h1{font-size:40px}}h2,.h2{font-family:"gelica",sans-serif;font-weight:500;font-style:normal;text-transform:uppercase;font-size:22px;color:#1f3e36}@media screen and (min-width: 992px){h2,.h2{font-size:32px}}h3,.h3{font-family:"gelica",sans-serif;font-weight:500;font-style:normal;text-transform:uppercase;font-size:20px;color:#1f3e36}@media screen and (min-width: 992px){h3,.h3{font-size:22px}}h4,.h4{font-family:"gelica",sans-serif;font-weight:500;font-style:normal;text-transform:uppercase;font-size:20px;color:#1f3e36}@media screen and (min-width: 992px){h4,.h4{font-size:18px}}h5,.h5{font-family:"gelica",sans-serif;font-weight:500;font-style:normal;text-transform:uppercase;font-size:16px;color:#1f3e36}@media screen and (min-width: 992px){h5,.h5{font-size:20px}}h6,.h6{font-family:"gelica",sans-serif;font-weight:500;font-style:normal;text-transform:uppercase;font-size:14px;color:#1f3e36}@media screen and (min-width: variables){h6,.h6{font-size:16px}}.font-display{font-family:"gelica",sans-serif;font-weight:500;font-style:normal;font-size:60px;line-height:52px;text-transform:uppercase}p,li,td,select{font-family:"gelica",sans-serif;font-weight:400;font-style:normal;font-size:16px;line-height:24px;color:#1f3e36}.small{font-family:"gelica",sans-serif;font-weight:400;font-style:normal;font-size:14px;line-height:20px}.handwriting{font-style:italic}a{text-decoration:none;color:#ef7923;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}a:hover{color:#c9651d}.dark{color:#1f3e36}.light{color:#fffbfb}button,.button,.woocommerce .button,.woocommerce button,.woocommerce input.button,.woocommerce a.button,.woocommerce .button.primary,.woocommerce button.primary,.woocommerce input.button.primary,.woocommerce a.button.primary{display:block;border:none;border-radius:100px;padding:10px 50px;margin:10px 0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;text-align:center;font-family:Gelica;font-size:16px;font-style:normal;font-weight:400;text-transform:capitalize;text-decoration:none;cursor:pointer;-webkit-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out}button.primary,.button.primary,.woocommerce .button.primary,.woocommerce button.primary,.woocommerce input.button.primary,.woocommerce a.button.primary,.woocommerce .button.primary.primary,.woocommerce button.primary.primary,.woocommerce input.button.primary.primary,.woocommerce a.button.primary.primary{background-color:#ef7923;color:#fffbfb}button.primary:hover,button.primary.active,.button.primary:hover,.button.primary.active,.woocommerce .button.primary:hover,.woocommerce .button.primary.active,.woocommerce button.primary:hover,.woocommerce button.primary.active,.woocommerce input.button.primary:hover,.woocommerce input.button.primary.active,.woocommerce a.button.primary:hover,.woocommerce a.button.primary.active,.woocommerce .button.primary.primary:hover,.woocommerce .button.primary.primary.active,.woocommerce button.primary.primary:hover,.woocommerce button.primary.primary.active,.woocommerce input.button.primary.primary:hover,.woocommerce input.button.primary.primary.active,.woocommerce a.button.primary.primary:hover,.woocommerce a.button.primary.primary.active{background-color:#c9651d}button.primary.outline,.button.primary.outline,.woocommerce .button.primary.outline,.woocommerce button.primary.outline,.woocommerce input.button.primary.outline,.woocommerce a.button.primary.outline,.woocommerce .button.primary.primary.outline,.woocommerce button.primary.primary.outline,.woocommerce input.button.primary.primary.outline,.woocommerce a.button.primary.primary.outline{background-color:rgba(0,0,0,0);color:#ef7923;border:2px solid #ef7923}button.primary.outline:hover,button.primary.outline.active,.button.primary.outline:hover,.button.primary.outline.active,.woocommerce .button.primary.outline:hover,.woocommerce .button.primary.outline.active,.woocommerce button.primary.outline:hover,.woocommerce button.primary.outline.active,.woocommerce input.button.primary.outline:hover,.woocommerce input.button.primary.outline.active,.woocommerce a.button.primary.outline:hover,.woocommerce a.button.primary.outline.active,.woocommerce .button.primary.primary.outline:hover,.woocommerce .button.primary.primary.outline.active,.woocommerce button.primary.primary.outline:hover,.woocommerce button.primary.primary.outline.active,.woocommerce input.button.primary.primary.outline:hover,.woocommerce input.button.primary.primary.outline.active,.woocommerce a.button.primary.primary.outline:hover,.woocommerce a.button.primary.primary.outline.active{background-color:#ef7923;color:#fffbfb}button.secondary,.button.secondary,.woocommerce .button.secondary,.woocommerce button.secondary,.woocommerce input.button.secondary,.woocommerce a.button.secondary,.woocommerce .button.primary.secondary,.woocommerce button.primary.secondary,.woocommerce input.button.primary.secondary,.woocommerce a.button.primary.secondary{background-color:#1f3e36;color:#fffbfb}button.secondary:hover,.button.secondary:hover,.woocommerce .button.secondary:hover,.woocommerce button.secondary:hover,.woocommerce input.button.secondary:hover,.woocommerce a.button.secondary:hover,.woocommerce .button.primary.secondary:hover,.woocommerce button.primary.secondary:hover,.woocommerce input.button.primary.secondary:hover,.woocommerce a.button.primary.secondary:hover{background-color:#142924}header{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;max-width:100vw;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;position:fixed;top:0;left:0;right:0;z-index:999}header .top-banner{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#ded7cc;color:#1f3e36}header .top-banner .banner{font-family:"gelica",sans-serif;font-weight:500;font-style:normal;text-transform:uppercase;margin:10px 0;font-size:12px}@media screen and (min-width: 1200px){header .top-banner .banner{font-size:14px}}@media screen and (min-width: 1500px){header .top-banner .banner{font-size:18px}}header .scroll-container{border-radius:5px;overflow:hidden;white-space:nowrap;position:relative}header #scroll-text{display:inline-block;white-space:nowrap;-webkit-animation:scroll 100s linear infinite;animation:scroll 100s linear infinite}header #scroll-text span{margin-right:100px}@-webkit-keyframes scroll{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{-webkit-transform:translateX(-50%);transform:translateX(-50%)}}@keyframes scroll{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{-webkit-transform:translateX(-50%);transform:translateX(-50%)}}header .main-nav{display:-webkit-box;display:-ms-flexbox;display:flex;height:90px;width:100%;max-width:100vw;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#1f3e36;color:#fffbfb;padding:20px;border-bottom:.5px solid #ded7cc}@media screen and (min-width: 1200px){header .main-nav{padding:0 35px}}header .main-nav .logo-link{height:100%;max-width:80%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media screen and (min-width: 1200px){header .main-nav .logo-link{height:100%}}header .main-nav .logo-link svg{height:100%}@media screen and (min-width: 1200px){header .main-nav .logo-link svg{max-height:30px}}header .main-nav .menu{display:none;height:100%}@media screen and (min-width: 1200px){header .main-nav .menu{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-negative:0;flex-shrink:0;-ms-flex-item-align:stretch;-ms-grid-row-align:stretch;align-self:stretch;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}header .main-nav .menu ul.menu{height:100%;list-style-type:none;margin:0 10px 0 0;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}header .main-nav .menu ul.menu li.menu-item{height:100%;display:inline;position:relative;font-family:"gelica",sans-serif}header .main-nav .menu ul.menu li.menu-item.menu-item-has-children{position:relative}header .main-nav .menu ul.menu li.menu-item.menu-item-has-children>a:hover .menu-underline,header .main-nav .menu ul.menu li.menu-item.menu-item-has-children:focus-within .menu-underline{opacity:1}header .main-nav .menu ul.menu li.menu-item.menu-item-has-children ul.sub-menu{position:absolute;list-style-type:none;margin:-20px 10px 0 0;padding:0;background-color:#1f3e36;color:#fffbfb;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;max-height:0;-webkit-transition:max-height .2s ease-out;transition:max-height .2s ease-out;overflow:hidden}header .main-nav .menu ul.menu li.menu-item.menu-item-has-children ul.sub-menu a{min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content;-webkit-transition:background .2s ease-in-out;transition:background .2s ease-in-out;padding:20px}header .main-nav .menu ul.menu li.menu-item.menu-item-has-children ul.sub-menu a:hover{background:#ded7cc;color:#1f3e36}header .main-nav .menu ul.menu li.menu-item.menu-item-has-children:hover ul.sub-menu{max-height:500px;-webkit-transition:max-height .5s ease-in-out;transition:max-height .5s ease-in-out}header .main-nav .menu ul.menu li.menu-item a{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#f2f2f2;text-align:center;padding:35px 10px;text-decoration:none;font-weight:500;font-style:normal;font-size:14px;text-transform:uppercase}@media screen and (min-width: 1200px){header .main-nav .menu ul.menu li.menu-item a{font-size:16px}}@media screen and (min-width: 1500px){header .main-nav .menu ul.menu li.menu-item a{padding:35px 20px}}header .main-nav .menu ul.menu li.menu-item a:hover svg path{stroke:#ef7923 !important}header .main-nav .menu ul.menu li.menu-item a .menu-underline{position:absolute;bottom:35px;left:0;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;opacity:0;-webkit-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out}header .main-nav .menu ul.menu li.menu-item a .menu-underline svg{width:100%;height:5px;max-width:none}header .main-nav .menu ul.menu li.menu-item:hover:not(.menu-item-has-children) .menu-underline,header .main-nav .menu ul.menu li.menu-item.current-menu-item:not(.menu-item-has-children) .menu-underline,header .main-nav .menu ul.menu li.menu-item.current-menu-ancestor:not(.menu-item-has-children) .menu-underline,header .main-nav .menu ul.menu li.menu-item.current_page_item:not(.menu-item-has-children) .menu-underline{opacity:1 !important}header .main-nav .menu ul.menu li.menu-item.menu-item-has-children.current-menu-ancestor>a .menu-underline{opacity:1 !important}header .main-nav .primary{margin-left:20px;font-size:12px;padding:10px 20px}@media screen and (min-width: 1200px){header .main-nav .primary{font-size:14px}}@media screen and (min-width: 1500px){header .main-nav .primary{font-size:18px}}header .main-nav-mobile{display:-webkit-box;display:-ms-flexbox;display:flex}@media screen and (min-width: 1200px){header .main-nav-mobile{display:none}}header .main-nav .menu-mobile{display:-webkit-box;display:-ms-flexbox;display:flex}@media screen and (min-width: 1200px){header .main-nav .menu-mobile{display:none}}header #hamburger-cross{width:30px}header .mobile-nav{position:fixed;top:calc(var(--wp-admin--admin-bar--height, 0px) + 90px);right:-100%;width:100%;max-width:100vw;height:100%;max-height:calc(100vh - (var(--wp-admin--admin-bar--height, 0px) + 90px));display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#1f3e36;color:#fffbfb;-webkit-transition:right .3s ease-in-out;transition:right .3s ease-in-out;z-index:998}@media screen and (min-width: 1200px){header .mobile-nav{display:none}}header .mobile-nav.active{right:0}header .mobile-nav.active .menu ul.menu li.menu-item.menu-item-has-children>a:after{-webkit-transform:translateY(-50%) rotate(0deg);transform:translateY(-50%) rotate(0deg)}header .mobile-nav .menu{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-bottom:20px}header .mobile-nav .menu .menu-mobil-meny-container{width:100%}header .mobile-nav .menu ul.menu{width:100%;list-style-type:none;margin:0;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}header .mobile-nav .menu ul.menu li.menu-item{width:100%;text-align:center;font-family:"gelica",sans-serif}header .mobile-nav .menu ul.menu li.menu-item.menu-item-has-children>a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;width:100%;padding:35px 0}header .mobile-nav .menu ul.menu li.menu-item.menu-item-has-children>a:after{content:url("../images/icons/chevron.svg");display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;right:50px;top:50%;-webkit-transform:translateY(-50%) rotate(180deg) !important;transform:translateY(-50%) rotate(180deg) !important;width:15px;height:15px;-webkit-transition:-webkit-transform .2s ease;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease}header .mobile-nav .menu ul.menu li.menu-item.menu-item-has-children ul.sub-menu{display:none;width:100%;list-style-type:none;margin:0;padding:0;background-color:#ded7cc}header .mobile-nav .menu ul.menu li.menu-item.menu-item-has-children ul.sub-menu a{color:#1f3e36}header .mobile-nav .menu ul.menu li.menu-item a{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#f2f2f2;padding:20px 0;text-decoration:none;font-weight:500;font-style:normal;font-size:16px;text-transform:uppercase}header .wpml-ls-item{position:relative}header .wpml-ls-item>a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#f2f2f2;text-decoration:none;padding:35px 10px;font-weight:500;font-size:14px;text-transform:uppercase;position:relative}@media screen and (min-width: 1200px){header .wpml-ls-item>a{font-size:16px}}@media screen and (min-width: 1500px){header .wpml-ls-item>a{padding:35px 20px}}header .wpml-ls-item>a:hover,header .wpml-ls-item>a:focus-within{color:#ef7923}header .wpml-ls-item>a:hover svg path,header .wpml-ls-item>a:focus-within svg path{stroke:#ef7923 !important}header .wpml-ls-item>a .wpml-ls-flag{width:20px;height:auto;margin-right:8px}header .wpml-ls-item ul.sub-menu{position:absolute;list-style-type:none;margin:-20px 10px 0 0;padding:0;background-color:#1f3e36;color:#fffbfb;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;max-height:0;-webkit-transition:max-height .2s ease-out;transition:max-height .2s ease-out;overflow:hidden;z-index:999}header .wpml-ls-item ul.sub-menu a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:14px 20px;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content;-webkit-transition:background .2s ease-in-out;transition:background .2s ease-in-out;color:#f2f2f2;text-decoration:none}header .wpml-ls-item ul.sub-menu a:hover{background:#ded7cc;color:#1f3e36}header .wpml-ls-item ul.sub-menu a .wpml-ls-flag{width:20px;height:auto;margin-right:10px}header .wpml-ls-item:hover ul.sub-menu{max-height:500px;-webkit-transition:max-height .5s ease-in-out;transition:max-height .5s ease-in-out}header .menu .wpml-ls-item{position:relative}header .menu .wpml-ls-item ul.sub-menu{position:absolute;top:100%;left:0;width:auto;padding:0;background-color:#1f3e36;-webkit-box-shadow:0px 4px 10px rgba(0,0,0,.1);box-shadow:0px 4px 10px rgba(0,0,0,.1);max-height:0;overflow:hidden;-webkit-transition:max-height .3s ease-in-out;transition:max-height .3s ease-in-out;z-index:999}header .menu .wpml-ls-item ul.sub-menu li{display:block;padding:20px;white-space:nowrap}header .menu .wpml-ls-item:hover ul.sub-menu{max-height:500px}body.admin-bar.logged-in header{top:32px !important}@media screen and (max-width: 782px){body.admin-bar.logged-in header{top:46px !important}}#account-icon:hover{stroke:#ef7923 !important}footer{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:auto;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-ms-flex-line-pack:start;align-content:flex-start;row-gap:10px;-ms-flex-item-align:stretch;-ms-grid-row-align:stretch;align-self:stretch;-ms-flex-wrap:wrap;flex-wrap:wrap;background-color:#1f3e36;padding:35px}@media screen and (min-width: 768px){footer{padding:50px 100px}}footer .logo-link{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:10px}footer .logo-link svg{width:200px}footer .footer-nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#1f3e36;color:#fffbfb}footer .footer-nav .menu{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-negative:0;flex-shrink:0;-ms-flex-item-align:stretch;-ms-grid-row-align:stretch;align-self:stretch}footer .footer-nav .menu ul.menu{list-style-type:none;margin:0;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}footer .footer-nav .menu ul.menu li.menu-item{display:inline;position:relative}footer .footer-nav .menu ul.menu li.menu-item a{font-family:"gelica",sans-serif;font-size:16px;font-weight:500;font-style:normal;text-transform:uppercase;display:block;color:#fffbfb;padding:5px 0;text-decoration:none;text-transform:uppercase}footer .footer-nav .menu ul.menu li.menu-item a:hover{color:#ef7923}footer .contact-nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-negative:0;flex-shrink:0;-ms-flex-item-align:stretch;-ms-grid-row-align:stretch;align-self:stretch}footer .contact-nav .contact-title{font-family:"gelica",sans-serif;font-size:16px;font-weight:500;font-style:normal;text-transform:uppercase;display:block;color:#fffbfb;padding:5px 0;text-decoration:none;text-transform:uppercase;margin:0 0 10px 0}footer .contact-nav ul.menu{list-style-type:none;margin:0;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}footer .contact-nav ul.menu li.menu-item{display:inline;position:relative}footer .contact-nav ul.menu li.menu-item a{font-family:"gelica",sans-serif;font-size:16px;font-weight:500;font-style:normal;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fffbfb;padding-bottom:10px;text-decoration:none;text-transform:lowercase}footer .contact-nav ul.menu li.menu-item a:hover{color:#ef7923}footer .contact-nav ul.menu li.menu-item.mail a:before{content:url("../images/icons/mail.svg");display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:20px;height:21px;margin-right:10px}footer .contact-nav ul.menu li.menu-item.instagram a:before{content:url("../images/icons/instagram.svg");display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:20px;height:21px;margin-right:10px}footer .contact-nav ul.menu li.menu-item.tiktok a:before{content:url("../images/icons/tiktok.svg");display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:20px;height:21px;margin-right:10px}footer .bottom-nav{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:left;-ms-flex-align:left;align-items:left;color:#fffbfb}@media screen and (min-width: 1200px){footer .bottom-nav{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}footer .bottom-nav p{color:#fffbfb}footer .bottom-nav p.name{padding-right:20px}footer .bottom-nav ul.menu{list-style-type:none;margin:0;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:left;-ms-flex-pack:left;justify-content:left}@media screen and (min-width: 1200px){footer .bottom-nav ul.menu{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}footer .bottom-nav ul.menu li.menu-item{display:inline;position:relative}footer .bottom-nav ul.menu li.menu-item a{display:block;color:#fffbfb;text-align:left;text-decoration:none;text-transform:none;font-size:16px;font-family:Gelica;font-size:14px;font-style:normal;font-weight:400;margin-bottom:10px}@media screen and (min-width: 1200px){footer .bottom-nav ul.menu li.menu-item a{text-align:center;padding:0 20px;margin-bottom:0}}footer .bottom-nav ul.menu li.menu-item a:hover{color:#ef7923}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{position:relative;bottom:0 !important}.swiper-pagination-bullet-active{background:#ef7923 !important}.swiper-button-next:after,.swiper-button-prev:after{font-size:20px !important;color:#ef7923 !important}.faq-hero{background-color:#1f3e36;color:#fffbfb;text-align:center;padding:35px}@media screen and (min-width: 768px){.faq-hero{padding:50px 150px}}.faq-hero__title{margin-bottom:20px;color:#fffbfb}.faq-hero__description{max-width:700px;margin:0 auto 35px}.faq-hero__categories .faq-category-buttons{display:none}@media screen and (min-width: 768px){.faq-hero__categories .faq-category-buttons{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:20px}}.faq-hero__categories .faq-category-buttons .button{min-width:200px}.faq-hero__categories #faq-category-dropdown{padding:10px;border-radius:5px;width:100%;background-color:#ef7923;color:#fffbfb;border:none}@media screen and (min-width: 768px){.faq-hero__categories #faq-category-dropdown{display:none}}.faq-section{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#1f3e36;background-color:#fffbfb;width:100%;padding:35px}@media screen and (min-width: 768px){.faq-section{padding:100px}}.faq-section__title{text-align:center;margin-bottom:35px}.faq-section .faq-category{width:100%}.faq-section .faq-category__title{text-align:center}.faq-section .faq-category__accordion{width:100%}.faq-section .faq-category__accordion .faq-item{width:100%;margin-bottom:20px;border-radius:10px;overflow:hidden;background-color:#fffbfb;-webkit-box-shadow:0px 4px 15px 0px rgba(0,0,0,.15);box-shadow:0px 4px 15px 0px rgba(0,0,0,.15);-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.faq-section .faq-category__accordion .faq-item h4{text-transform:none}@media screen and (max-width: 768px){.faq-section .faq-category__accordion .faq-item h4{font-size:18px}}.faq-section .faq-category__accordion .faq-item__question{width:100%;text-align:left;padding:20px;background-color:rgba(0,0,0,0);color:inherit;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:none;border-radius:0;border-bottom:1px solid #d3d3d3;margin:0;-webkit-transition:background-color .3s ease;transition:background-color .3s ease}.faq-section .faq-category__accordion .faq-item__question__icon{-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.faq-section .faq-category__accordion .faq-item__answer{padding:10px 20px;display:none;width:100%}.faq-section .faq-category__accordion .faq-item__answer.active{display:block}.faq-section .contact{margin-top:50px}.blog-hero{text-align:center;background-color:#1f3e36;color:#fffbfb;padding:35px}@media screen and (min-width: 768px){.blog-hero{padding:50px 150px}}.blog-hero h1{color:#fffbfb}.blog-hero p{color:#fffbfb}.blog-hero .blog-filters{margin-top:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap}.blog-hero .blog-filters .filter-button{display:inline-block}.blog-hero .blog-filters .mobile-filters{display:none;width:100%}.blog-hero .blog-filters .mobile-filters select{padding:10px;border-radius:5px;width:100%;background-color:#ef7923;color:#fffbfb;border:none}@media(max-width: 768px){.blog-hero .blog-filters .desktop-filters{display:none}.blog-hero .blog-filters .mobile-filters{display:block}}.image-block{padding:40px 0}.image-block .container{max-width:1200px;margin:0 auto}.image-block .image-block__full{width:100%;overflow:hidden}.image-block .image-block__full img{width:100%;display:block;-o-object-fit:cover;object-fit:cover}.image-block .image-block__full.fixed-height{height:500px}.image-block .image-block__full.auto-height{height:auto}.image-block .image-block__two{display:-webkit-box;display:-ms-flexbox;display:flex;gap:20px}.image-block .image-block__two img{width:50%;-o-object-fit:cover;object-fit:cover}@media(max-width: 768px){.image-block .image-block__two{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.image-block .image-block__two img{width:100%}}.text-block{padding:40px 20px;background:#f8f8f8}.text-block .container{max-width:800px;margin:0 auto}.text-block .text-block__content{font-size:1.2rem;line-height:1.6;color:#333}.blog-posts{background:#fffbfb;max-width:100vw;padding:35px}@media screen and (min-width: 768px){.blog-posts{padding:35px 150px}}@media screen and (min-width: 992px){.blog-posts .posts-grid{display:-ms-grid;display:grid;-ms-grid-columns:1fr 20px 1fr;grid-template-columns:repeat(2, 1fr);gap:20px}}.blog-posts .post-card{background:#fffbfb;padding:20px;border-radius:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin:35px 0}@media screen and (min-width: 992px){.blog-posts .post-card{margin:0}}.blog-posts .post-card img{width:100%;height:350px;border-radius:20px;-o-object-fit:cover;object-fit:cover}.blog-posts .post-card .blog-meta{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;color:#a1a1a1;font-size:14px;padding:10px}.blog-posts .post-card .author-avatar img{width:32px;height:32px;border-radius:50%;background-color:#f4f4f4;-o-object-fit:cover;object-fit:cover}.blog-posts .post-card .author-name{font-weight:600;color:#555}.blog-posts .post-card .post-date{color:#a1a1a1}.blog-posts .post-card .post-title{margin-top:10px;margin-bottom:0}.blog-posts .post-card .post-excerpt{margin-top:10px}.pagination{text-align:center;margin-top:30px}.pagination a,.pagination span{display:inline-block;padding:10px 15px;margin:2px;background:rgba(0,0,0,0);color:#ef7923;text-decoration:none;border:1px solid #ef7923;border-radius:4px;font-weight:bold}.pagination .current{background:#ef7923;color:#fffbfb}.single-post #main-content .featured-image{width:100%;height:300px;-o-object-fit:cover;object-fit:cover}.single-post #main-content .blog-post-content{max-width:100vw;padding:0 35px;background-color:#fffbfb}@media screen and (min-width: 768px){.single-post #main-content .blog-post-content{padding:0 150px}}.single-post #main-content .blog-post-content .post-box{padding:16px;border-radius:20px;-webkit-box-shadow:0 4px 8px rgba(0,0,0,.1);box-shadow:0 4px 8px rgba(0,0,0,.1);width:100%;background-color:#fffbfb;margin-top:-150px;margin-bottom:100px}.single-post #main-content .blog-post-content h1.post-title{max-width:100vw;padding:10px 20px;background-color:#fffbfb}@media screen and (min-width: 768px){.single-post #main-content .blog-post-content h1.post-title{padding:0 150px}}.single-post #main-content .blog-post-content .post-meta{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:10px;max-width:100vw;padding:10px 20px;background-color:#fffbfb}@media screen and (min-width: 768px){.single-post #main-content .blog-post-content .post-meta{padding:0 150px;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}.single-post #main-content .blog-post-content .author-avatar{width:25px;height:25px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.single-post #main-content .blog-post-content .author-name,.single-post #main-content .blog-post-content .post-date{font-weight:500;color:#d3b18a}.single-post #main-content .blog-post-content .post-excerpt{font-size:1rem;line-height:1.6;margin-bottom:20px;color:#f5f5f5}.single-post #main-content .blog-post-content .button{margin:0 auto}.quiz-section{background-color:#fffbfb;text-align:center;overflow-x:auto;max-width:100vw;padding:35px}@media screen and (min-width: 768px){.quiz-section{padding:50px 150px}}.quiz-section .quiz-container{margin:0 auto;padding:40px;border-radius:10px;text-align:center}.quiz-section .progress-bar-container{position:relative;width:100%;height:6px;margin-top:20px}.quiz-section .progress-bar-background{width:100%;height:100%;background-color:rgba(0,0,0,0);border:1px solid #d1c4b8;border-radius:4px;position:absolute;top:0;left:0}.quiz-section .progress-bar-foreground{height:100%;background:#384d47;border-radius:4px;position:absolute;top:0;left:0;-webkit-transition:width .3s ease-in-out;transition:width .3s ease-in-out}.quiz-section .quiz-content h2{font-size:28px;color:#384d47;margin-bottom:15px;font-weight:bold}.quiz-section .quiz-input,.quiz-section select,.quiz-section input[type=text],.quiz-section input[type=email],.quiz-section input[type=number],.quiz-section input[type=month]{width:100%;max-width:400px;padding:12px;font-size:16px;border:1px solid #d1c4b8;border-radius:5px;background:#fff;outline:none;-webkit-transition:border .3s ease-in-out;transition:border .3s ease-in-out}.quiz-section .quiz-input:focus,.quiz-section select:focus,.quiz-section input:focus{border-color:#384d47}.quiz-section select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:12px;background:#fff url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23384d47" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"></polyline></svg>') no-repeat right 12px center;background-size:16px}.quiz-section .quiz-content .gender-options{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:20px}.quiz-section .quiz-content .gender-option{width:120px;height:150px;border-radius:10px;background:#fff;border:2px solid #d1c4b8;text-align:center;padding:15px;cursor:pointer;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.quiz-section .quiz-content .gender-option img{width:80%;margin-bottom:10px}.quiz-section .quiz-content .gender-option.selected{border-color:#384d47;background:#f0eae2}.quiz-section .radio-image-group{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:1rem;-ms-flex-wrap:wrap;flex-wrap:wrap}.quiz-section .radio-image-label{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:1rem;border-radius:10px;background:#f8f4f1;cursor:pointer;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;text-align:center;width:150px;max-width:100%}.quiz-section .radio-image-label img{width:100px;height:auto;-o-object-fit:contain;object-fit:contain}.quiz-section .radio-image-label p{margin-top:.5rem;font-size:14px;font-weight:bold;color:#333}.quiz-section .radio-image-label.selected{background:#dfd4c6;-webkit-box-shadow:0 0 10px rgba(0,0,0,.2);box-shadow:0 0 10px rgba(0,0,0,.2)}.quiz-section .hidden-radio{display:none}.quiz-section .plan-options{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:20px;margin-top:20px}.quiz-section .plan-card{width:200px;background:#fff;padding:15px;border-radius:10px;text-align:center;cursor:pointer;border:2px solid #d1c4b8;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.quiz-section .plan-card.selected{border-color:#384d47;background:#f0eae2}.quiz-section .plan-card img{width:100%;border-radius:10px;margin-bottom:10px}.quiz-section .plan-card button{background:#384d47;color:#fff;border:none;padding:10px;border-radius:5px;width:100%;cursor:pointer}.quiz-section .plan-card button.selected-btn{background:#7a9e84}.quiz-section .product-list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:15px;padding:0}.quiz-section .product-item{width:200px;background:#fff;padding:10px;border-radius:10px;border:2px solid #d1c4b8;text-align:center}.quiz-section .product-item img{width:100%;border-radius:10px}.quiz-section .quantity-controls{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:20px}.quiz-section .quantity-controls button{width:25px;height:25px;border-radius:50%;background:#e67e22;color:#fff;border:none;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:background .3s ease-in-out;transition:background .3s ease-in-out;padding:0;margin:0}.quiz-section .quantity-controls button:hover{background:#d35400}.quiz-section .quantity-controls input{width:100px;height:50px;text-align:center;background:#fff}.quiz-section .checkbox-group checkbox-label{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:5px;padding:8px}.quiz-section .checkbox-group .checkbox-label input{margin-right:5px}.quiz-section .checkbox-group .button{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:10px}.quiz-section .checkbox-group .button checkbox-label{background:#fff;border-radius:5px;border:2px solid #d1c4b8;cursor:pointer;-webkit-transition:background .3s ease-in-out;transition:background .3s ease-in-out}.quiz-section .quiz-buttons{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:20px;width:100%}.quiz-section .quiz-buttons button:last-child{margin-left:auto}.quiz-section .quiz-buttons .back-button{margin-right:auto}.quiz-section .quiz-buttons button:disabled{background:#ccc;cursor:not-allowed}.quiz-section .quiz-buttons .between-button-info{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;width:100%;margin-top:20px}.woocommerce-dashboard{background-color:#ded7cc}.my-account-hero{background:#1e382f;color:#fff;padding:50px 0;text-align:center}.my-account-hero .container{margin:0 auto;padding:0 20px}.my-account-hero h1{margin-bottom:15px;color:#fcf8e6}.my-account-hero .faq-hero__description{color:#fcf8e6}.my-account-hero .my-account-hero p{margin-bottom:30px;color:#d1d1d1}.overview-quick-actions{display:-ms-grid;display:grid;-ms-grid-columns:1fr 20px 1fr 20px 1fr 20px 1fr;grid-template-columns:repeat(4, 1fr);gap:20px}@media screen and (max-width: 1200px){.overview-quick-actions{-ms-grid-columns:1fr [3];grid-template-columns:repeat(3, 1fr)}}@media screen and (max-width: 768px){.overview-quick-actions{-ms-grid-columns:1fr [2];grid-template-columns:repeat(2, 1fr)}}@media screen and (max-width: 480px){.overview-quick-actions{-ms-grid-columns:1fr [1];grid-template-columns:repeat(1, 1fr)}}.overview-quick-actions .action-card{background:#fffbfb;padding:20px;border-radius:10px;text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.overview-quick-actions .action-card img{max-width:100%;width:100%;height:137px;-o-object-fit:cover;object-fit:cover;margin-bottom:24px}.overview-quick-actions .action-card h3{margin-top:0;margin-bottom:24px;font-size:28px}.overview-quick-actions .action-card p{margin-top:0;margin-bottom:50px;min-height:50px;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.overview-quick-actions .action-card .primary{width:100% !important}.active-plans{padding:20px;border-radius:10px;margin-bottom:20px}.active-plans .plan-card{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#fffbfb;padding:20px;border-radius:10px;-webkit-box-shadow:0px 2px 10px rgba(0,0,0,.05);box-shadow:0px 2px 10px rgba(0,0,0,.05)}.active-plans .plan-details{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.active-plans .plan-details .dog-avatar{width:50px;height:50px;border-radius:50%;margin-right:15px;-o-object-fit:cover;object-fit:cover}.active-plans .plan-details .plan-info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.user-dogs{border-radius:10px;margin-top:50px;margin-bottom:20px}.user-dogs .dogs-list{background:#fffbfb;padding:20px;border-radius:10px;-webkit-box-shadow:0px 2px 10px rgba(0,0,0,.05);box-shadow:0px 2px 10px rgba(0,0,0,.05)}.user-dogs .dogs-list .primary{margin-left:auto !important}.user-dogs .dog-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:10px}.user-dogs .dog-item .dog-avatar{width:40px;height:40px;border-radius:50%;margin-right:15px;-o-object-fit:cover;object-fit:cover}.user-dogs .dog-item .dog-info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:0;gap:20px;font-size:16px;color:#1f3e36}.user-dogs .dog-item .dog-info strong{font-weight:700}.user-dogs .dog-item .dog-info span{font-family:sans-serif}.account-details{border-radius:10px;margin-top:50px;margin-bottom:20px}.account-details .account-card{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background:#fffbfb;padding:20px;border-radius:10px;-webkit-box-shadow:0px 2px 10px rgba(0,0,0,.05);box-shadow:0px 2px 10px rgba(0,0,0,.05);-ms-flex-wrap:wrap;flex-wrap:wrap}.account-details .account-card .primary{margin-left:auto !important}.account-details .user-info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:15px}.account-details .user-avatar{width:40px;height:40px;border-radius:50%;margin-right:15px;-o-object-fit:cover;object-fit:cover}.account-details .account-info{display:-webkit-box;display:-ms-flexbox;display:flex;gap:40px;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media screen and (max-width: 480px){.account-details .account-info{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.account-details .account-info div{min-width:120px}.account-details .account-info strong{color:#1f3e36}.account-details .account-info p{margin:5px 0;font-size:14px;color:#1f3e36}.last-orders{border-radius:10px;margin-top:50px;margin-bottom:100px}.last-orders .orders-list{background:#fffbfb;padding:20px;border-radius:10px;-webkit-box-shadow:0px 2px 10px rgba(0,0,0,.05);box-shadow:0px 2px 10px rgba(0,0,0,.05)}.last-orders .orders-list .primary{margin-left:auto !important}.last-orders .order-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:10px}.last-orders .order-avatar{width:30px;height:30px;border-radius:50%;margin-right:10px;-o-object-fit:cover;object-fit:cover}.last-orders .order-info{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px}.last-orders .order-view{color:#000;font-weight:bold;text-decoration:none}.last-orders .order-view:hover{text-decoration:underline}.woocommerce-my-account-content{max-width:100vw;padding:100px 150px 20px;background-color:#faf1ef}@media screen and (max-width: 1500px){.woocommerce-my-account-content{padding:50px 50px 20px}}@media screen and (max-width: 768px){.woocommerce-my-account-content{padding:50px 20px 20px}}.woocommerce-my-account-content .welcome{padding-bottom:50px}.woocommerce-my-account-content .welcome .welcome__title{text-align:center;margin-top:0}.edit-account-page{margin:0 auto;padding:40px 20px;background:#faf1ef;border-radius:12px;font-family:"gelica",sans-serif}@media screen and (max-width: 480px){.edit-account-page{padding:20px 20px 0}}@media screen and (max-width: 480px){.edit-account-page{padding:0}}.edit-account-page .profile-image{position:relative;width:120px;height:120px;margin:0 auto 20px;border-radius:50%;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.edit-account-page .profile-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:50%;border:3px solid #e1d6ce}.edit-account-page .profile-image label{display:block;cursor:pointer}.edit-account-page .profile-image .edit-icon{position:absolute;bottom:10px;right:10px;background:#e67e22;color:#fff;font-size:14px;font-weight:bold;border-radius:50%;width:24px;height:24px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-shadow:0px 2px 4px rgba(0,0,0,.2);box-shadow:0px 2px 4px rgba(0,0,0,.2)}.edit-account-page form{padding:50px 150px 0;background:#faf1ef}@media screen and (max-width: 1200px){.edit-account-page form{padding:50px 50px 0}}@media screen and (max-width: 480px){.edit-account-page form{padding:0 0 35px}}.edit-account-page fieldset{border:none;margin-bottom:20px;border-radius:12px;border:1px solid #ded7cc}.edit-account-page legend{font-size:28px;font-weight:500;color:#2f3e34;text-align:center;margin-bottom:10px}.edit-account-page .form-group{display:-webkit-box;display:-ms-flexbox;display:flex;gap:15px;margin-bottom:15px}.edit-account-page .form-group input{width:100%;padding:12px;border:1px solid #e1d6ce;border-radius:8px;font-size:14px;background:#faf8f6}.edit-account-page .form-group input:focus{border-color:#e67e22;outline:none;background:#fff}.edit-account-page .same-address{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;margin-bottom:20px}.edit-account-page .same-address label{font-size:14px;color:#2f3e34;cursor:pointer}.edit-account-page .marketing-options{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:10px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:10px}.edit-account-page .marketing-options label{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;font-size:14px;color:#2f3e34;cursor:pointer}.edit-account-page .marketing-options input[type=checkbox]{width:16px;height:16px;accent-color:#e67e22}.edit-account-page .save-details{margin:50px auto 0 !important}@media(max-width: 768px){.edit-account-page .form-group{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.edit-account-page .profile-image{width:100px;height:100px}}.woocommerce-dogs .dogs-listing{padding:40px 20px;background-color:#faf1ef;border-radius:12px}.woocommerce-dogs .dogs-listing h2{text-align:center;font-size:28px;font-weight:500;margin-bottom:50px;text-transform:uppercase;color:#000}.woocommerce-dogs .dogs-title{text-align:center;font-size:28px;font-weight:bold;margin-bottom:30px;text-transform:uppercase;color:#2c2c2c}.woocommerce-dogs .dog-entry{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#fff;padding:25px;border-radius:20px;margin-bottom:20px;-webkit-box-shadow:0px 4px 10px rgba(0,0,0,.1);box-shadow:0px 4px 10px rgba(0,0,0,.1);-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out}@media screen and (max-width: 480px){.woocommerce-dogs .dog-entry{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.woocommerce-dogs .dog-entry img{height:300px;width:300px;-o-object-fit:cover;object-fit:cover}@media screen and (max-width: 480px){.woocommerce-dogs .dog-entry img{height:150px;width:150px}}.woocommerce-dogs .dog-entry-info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.woocommerce-dogs .dog-entry-info h3{font-size:28px}.woocommerce-dogs .dog-entry-info .age-breed{font-family:"gelica",sans-serif;font-size:18px;font-weight:500;text-transform:uppercase}.woocommerce-dogs .dog-entry-info .edit-profile{margin-left:auto !important}.woocommerce-dogs .dog-entry:hover{-webkit-transform:scale(1.02);transform:scale(1.02)}.woocommerce-dogs .dog-image-wrapper{-webkit-box-flex:0;-ms-flex:0 0 140px;flex:0 0 140px;height:140px;border-radius:50%;overflow:hidden;margin-right:25px}.woocommerce-dogs .dog-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.woocommerce-dogs .dog-details{-webkit-box-flex:1;-ms-flex:1;flex:1}.woocommerce-dogs .dog-name{font-size:22px;font-weight:bold;margin-bottom:5px;color:#333}.woocommerce-dogs .dog-info{font-size:16px;color:#777;margin-bottom:10px}.woocommerce-dogs .dog-description{font-size:14px;color:#555;line-height:1.6;margin-bottom:20px}.woocommerce-dogs .no-dogs{text-align:center;font-size:16px;color:#666;padding:20px}.woocommerce-dogs .add-dog{margin:50px auto !important}.dog-profile .container{max-width:800px;margin:40px auto;padding:30px;border-radius:12px;-webkit-box-shadow:0 4px 10px rgba(0,0,0,.1);box-shadow:0 4px 10px rgba(0,0,0,.1);text-align:center}.dog-profile .profile-image{position:relative;width:300px;height:300px;margin:0 auto 20px;border-radius:50%;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.dog-profile .profile-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:50%}.dog-profile .profile-image label{display:block;cursor:pointer}.dog-profile .profile-image .edit-icon{position:absolute;bottom:10px;right:10px;background:#e67e22;color:#fff;font-size:14px;font-weight:bold;border-radius:50%;width:24px;height:24px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-shadow:0px 2px 4px rgba(0,0,0,.2);box-shadow:0px 2px 4px rgba(0,0,0,.2)}.dog-profile form{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:15px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.dog-profile form h2{text-align:center}.dog-profile form .input-grid{display:-ms-grid;display:grid;-ms-grid-columns:1fr 24px 1fr;grid-template-columns:repeat(2, 1fr);gap:24px}.dog-profile form .input-grid--column{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.dog-profile form label{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;font-size:16px;font-weight:500;color:#49454f}.dog-profile form input,.dog-profile form select{padding:12px;border-radius:4px;border:1px solid #000;font-size:14px;-webkit-transition:all .3s ease;transition:all .3s ease}.dog-profile form input:focus,.dog-profile form select:focus{outline:none;border-color:#ef7923}.dog-profile form button[type=submit]{margin:50px auto !important}.dog-profile .full-width{-ms-grid-column-span:2;grid-column:span 2}.dog-profile .active-plans{padding:20px;border-radius:12px;margin-top:20px;-webkit-box-shadow:0 4px 10px rgba(0,0,0,.1);box-shadow:0 4px 10px rgba(0,0,0,.1)}.dog-profile .active-plans .plan-details{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:14px;padding:10px;border-radius:8px}.dog-profile .active-plans .plan-actions{display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px}.dog-profile .create-plan{margin-top:20px}.dog-profile .user-dogs .dogs-list{padding:50px}.dog-profile .user-dogs .dogs-list .dog-item{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.dog-profile .user-dogs .dogs-list .dog-item .action-buttons{display:-webkit-box;display:-ms-flexbox;display:flex;gap:20px}.dog-profile .user-dogs .dogs-list .dog-item .action-buttons a{color:#1f3e36;font-weight:700}.hero-section{position:relative;width:100%;max-width:100vw;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;background-size:cover;background-position:center;background-repeat:no-repeat;overflow:hidden;padding:35px}@media screen and (min-width: 768px){.hero-section{padding:100px;height:calc(100vh - 125px)}}.hero-section.top-center,.hero-section.center,.hero-section.bottom-center{height:auto;padding:40px 20px}.hero-section.top-center .hero-content,.hero-section.center .hero-content,.hero-section.bottom-center .hero-content{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.hero-section .hero-video{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;z-index:-1}.hero-section .hero-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-width:800px}@media(min-width: 768px){.hero-section .hero-content{max-width:60%}}.hero-section .hero-title{margin-bottom:20px;color:#fffbfb;margin-bottom:0}.hero-section .hero-title.dark{color:#1f3e36}.hero-section .hero-description{margin-bottom:20px;color:#fffbfb}.hero-section .hero-description.dark *{color:#1f3e36}.hero-section .hero-description.light *{color:#fffbfb}.hero-section.top-left{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;text-align:left}.hero-section.top-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.hero-section.top-right{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;text-align:right}.hero-section.left{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:left}.hero-section.center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center}.hero-section.right{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:right}.hero-section.bottom-left{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;text-align:left}.hero-section.bottom-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.hero-section.bottom-right{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;text-align:right}.cta-section{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center;max-width:100vw;padding:35px}@media screen and (min-width: 768px){.cta-section{padding:20px 150px}}.cta-section h2{margin-bottom:10px;margin-top:10px}.cta-section .underline{display:inline-block;position:relative;padding-bottom:10px}.cta-section .underline::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:20px;background:url("../images/illustrations/stroke.svg") no-repeat center;background-size:contain;background-repeat:no-repeat}.one-column-list-section{text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;max-width:100vw;padding:35px}@media screen and (min-width: 768px){.one-column-list-section{padding:50px 150px}}.one-column-list-section .one-column-list__description{margin-bottom:30px;max-width:600px}.one-column-list-section .one-column-list__items{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:20px;width:100%;max-width:800px}.one-column-list-section .one-column-list__items .one-column-list__item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:20px;text-align:left}@media screen and (min-width: 768px){.one-column-list-section .one-column-list__items .one-column-list__item{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}.one-column-list-section .one-column-list__items .one-column-list__item .one-column-list__image{height:200px;width:200px;-o-object-fit:contain;object-fit:contain;-ms-flex-negative:0;flex-shrink:0}.one-column-list-section .one-column-list__items .one-column-list__item .one-column-list__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.one-column-list-section .one-column-list__items .one-column-list__item .one-column-list__content .one-column-list__item-title{font-size:1.2rem;font-weight:bold;margin-bottom:5px}.one-column-list-section .one-column-list__items .one-column-list__item .one-column-list__content .one-column-list__item-text{font-size:1rem;line-height:1.5}.one-column-list-section .box{border-radius:20px;padding:20px 50px 50px;margin:20px}.three-columns-section{text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:inherit;max-width:100vw;padding:35px}@media screen and (min-width: 768px){.three-columns-section{padding:50px 150px}}.three-columns__description{max-width:800px;text-align:center}.three-columns__description.light *{color:#fffbfb}.three-columns__columns{display:-ms-grid;display:grid;-ms-grid-columns:1fr;grid-template-columns:1fr;gap:50px;margin:20px 0}@media(min-width: 768px){.three-columns__columns{-ms-grid-columns:1fr [2];grid-template-columns:repeat(2, 1fr)}}@media(min-width: 1024px){.three-columns__columns{-ms-grid-columns:1fr [3];grid-template-columns:repeat(3, 1fr)}}.three-columns__column{text-align:center;border-radius:20px;padding:20px 50px}.three-columns__text *,.three-columns__text p,.three-columns__text span{color:inherit}.three-columns__image{max-width:150px;height:auto;margin:0 auto}.three-columns__bottom-text{max-width:800px;text-align:center}.two-column-section{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-width:100vw;max-width:100vw}@media screen and (min-width: 992px){.two-column-section{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}.two-column-section .column{-webkit-box-flex:1;-ms-flex:1 1 50%;flex:1 1 50%;text-align:left;-ms-flex-line-pack:center;align-content:center;justify-items:center}.two-column-section .column.round{padding:50px}.two-column-section .column.round img,.two-column-section .column.round video{border-radius:50%;width:90%;height:auto;max-width:100%;aspect-ratio:1/1;-o-object-fit:cover;object-fit:cover;display:block;margin-bottom:50px}@media screen and (min-width: 768px){.two-column-section .column.round img,.two-column-section .column.round video{width:60%;margin-bottom:0}}@media screen and (min-width: 2000px){.two-column-section .column.round img,.two-column-section .column.round video{width:40%}}.two-column-section .column h3.underline{display:inline-block;position:relative;padding-bottom:10px}.two-column-section .column h3.underline::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:20px;background:url("../images/illustrations/stroke.svg") no-repeat center;background-size:100% auto;background-repeat:no-repeat}.two-column-section .column.dark *{color:#1f3e36}.two-column-section .column.text-light *{color:#fffbfb}.two-column-section .column-text{padding:35px}@media screen and (min-width: 768px){.two-column-section .column-text{padding:35px 150px}}@media screen and (min-width: 1500px){.two-column-section .column-text{padding:50px 150px}}.two-column-section .column img,.two-column-section .column video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}@media screen and (max-width: 992px){.two-column-section.reverse-mobile{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}}.four-columns-section{text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:inherit;max-width:100vw;padding:35px}@media screen and (min-width: 768px){.four-columns-section{padding:50px 150px}}.four-columns__title{margin-bottom:30px;font-size:2rem}.four-columns__columns{display:-ms-grid;display:grid;-ms-grid-columns:1fr;grid-template-columns:repeat(1, 1fr);gap:50px;margin-bottom:30px}@media(min-width: 992px){.four-columns__columns{-ms-grid-columns:1fr [2];grid-template-columns:repeat(2, 1fr)}}@media(min-width: 1200px){.four-columns__columns{-ms-grid-columns:1fr [4];grid-template-columns:repeat(4, 1fr)}}.four-columns__column{text-align:center;border-radius:20px;padding:20px}.four-columns__column-title{font-size:1.25rem;margin-top:15px}.four-columns__text{margin-top:10px}.four-columns__text.dark{color:#1f3e36}.four-columns__image{max-width:200px;height:auto;margin:0 auto}.comparison-section{display:-webkit-box;display:-ms-flexbox;display:flex;text-align:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;max-width:100vw;padding:35px}@media screen and (min-width: 768px){.comparison-section{padding:50px 150px}}.comparison-section *{max-width:100%}@media screen and (min-width: 768px){.comparison-section .description{padding:0 150px}}.comparison-section__container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:start;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media screen and (min-width: 768px){.comparison-section__container{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;margin-top:20px;gap:40px}}@media screen and (max-width: 768px){.comparison-section__container{gap:35px}}@media screen and (max-width: 768px){.comparison-section__container .comparison-section__blocks--left{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}}.comparison-section__blocks{-webkit-box-flex:1;-ms-flex:1 1 25%;flex:1 1 25%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:left}@media screen and (max-width: 768px){.comparison-section__blocks{-webkit-box-flex:1;-ms-flex:1 1 100%;flex:1 1 100%;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}}.comparison-section__blocks .comparison-block{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;border-radius:10px;padding:0;background:none;margin-bottom:20px}@media screen and (max-width: 768px){.comparison-section__blocks .comparison-block{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center}}.comparison-section__blocks .comparison-block__icon{margin-bottom:10px;width:75px;height:75px;-o-object-fit:contain;object-fit:contain}.comparison-section__blocks .comparison-block__text h3,.comparison-section__blocks .comparison-block__text p{margin:10px 0}.comparison-section__images{-webkit-box-flex:1;-ms-flex:1 1 50%;flex:1 1 50%;position:relative;max-width:700px;margin:0 auto;margin:250px 0;height:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center}@media screen and (max-width: 768px){.comparison-section__images{-webkit-box-flex:1;-ms-flex:1 1 100%;flex:1 1 100%;-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0;display:block;width:70vw;margin:170px 0}}.comparison-section__images .comparison-slider{position:relative;width:100%;max-width:100%;height:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.comparison-section__images .comparison-slider img{max-width:100%;height:auto;-o-object-fit:contain;object-fit:contain}.comparison-section__images .comparison-slider .comparison-image{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:100%;max-width:100%;height:auto;-o-object-fit:contain;object-fit:contain}.comparison-section__images .comparison-slider .comparison-image.before{z-index:1}.comparison-section__images .comparison-slider .comparison-image.after{z-index:2;clip-path:inset(0 50% 0 0)}.comparison-section__images .comparison-slider .comparison-handle{position:absolute;top:0;left:50%;width:3px;height:100%;background-color:#ef7923;border-radius:1.5px;z-index:4;cursor:ew-resize;-webkit-box-shadow:0 0 5px rgba(0,0,0,.2);box-shadow:0 0 5px rgba(0,0,0,.2)}.comparison-section__images .comparison-slider .comparison-handle::before{content:"";position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:3px;height:300px;background-color:#ef7923;border-radius:6px;-webkit-box-shadow:0 0 3px rgba(0,0,0,.3);box-shadow:0 0 3px rgba(0,0,0,.3)}@media screen and (min-width: 768px){.comparison-section__images .comparison-slider .comparison-handle::before{height:500px}}.comparison-table{text-align:center;overflow-x:auto;max-width:100vw}@media screen and (min-width: 768px){.comparison-table{padding:50px 150px}}.comparison-table *{color:#1f3e36}.comparison-table__title{padding:0 35px}.comparison-table__container{width:100%;overflow-x:auto}@media screen and (min-width: 1200px){.comparison-table__container{overflow-x:hidden}}.comparison-table__table{width:100%;border-collapse:collapse;min-width:600px;margin-left:35px}.comparison-table__table th,.comparison-table__table td{padding:15px;text-align:center;min-width:150px}.comparison-table__table th p,.comparison-table__table td p{margin:0}.comparison-table__table thead{text-align:center}.comparison-table__table th{font-weight:bold;text-align:center;white-space:nowrap;position:relative;padding:5px 10px}.comparison-table__table th:first-child{background-color:#fffbfb;position:sticky;left:0;z-index:2;width:100px}.comparison-table__table .horizontal-content{text-align:left}.comparison-table__table .horizontal-content .cell-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:10px}.comparison-table__table .horizontal-content img{max-width:25px;height:auto;display:block}.comparison-table__table .table-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.comparison-table__table .table-header img{width:100px;height:auto}.comparison-table__table .sticky-column{position:sticky;left:0;background-color:#fffbfb;z-index:10;font-weight:bold;text-align:left;min-width:150px;font-size:14px}@media screen and (min-width: 768px){.comparison-table__table .sticky-column{position:relative;background-color:rgba(0,0,0,0);z-index:0;font-size:16px}}.comparison-table__table .highlighted-column{background-color:rgba(191,231,173,0.2509803922);text-align:left;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.comparison-table__table .highlighted-column:first-of-type{border-radius:10px 10px 0 0}.comparison-table__table .highlighted-column:last-of-type{border-radius:0 0 10px 10px}.comparison-table__table .highlighted-column .cell-content{-webkit-box-pack:left;-ms-flex-pack:left;justify-content:left}.comparison-table__table tbody td{padding:5px 10px}.comparison-table__table tbody td img{max-width:50px;height:auto}.comparison-table__table tbody td p{font-size:14px}.comparison-table .caption *{font-size:12px}@media(max-width: 768px){.comparison-table__container{overflow-x:auto;display:block}}.comparison-section{text-align:center;max-width:100vw;padding:35px}@media screen and (min-width: 768px){.comparison-section{padding:50px 150px}}.comparison-section__title{font-size:2rem;margin-bottom:20px}.comparison-section__description{margin-bottom:40px}.comparison-section__columns{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:20px;width:100%}@media(min-width: 768px){.comparison-section__columns{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:35px}}.comparison-section .comparison-column{text-align:left;padding:20px;border-radius:20px;width:100%}@media(min-width: 768px){.comparison-section .comparison-column{width:50%}}.comparison-section .comparison-column:first-of-type{background-color:rgba(239,121,35,0.2509803922)}.comparison-section .comparison-column__image{width:100%;height:200px;-o-object-fit:cover;object-fit:cover;margin:0 auto 20px;border-radius:20px}.comparison-section .comparison-column__list{list-style:none;padding:0}.comparison-section .comparison-column__list .comparison-column__item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:10px}.comparison-section .comparison-column__list .comparison-column__item .comparison-column__icon{width:20px;height:20px;margin-right:20px}.meal-making-process{text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;max-width:100vw;padding:35px}@media screen and (min-width: 768px){.meal-making-process{padding:50px 150px}}.meal-making-process .process-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap}.meal-making-process .process-image{display:none}@media screen and (min-width: 1200px){.meal-making-process .process-image{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex:0 0 35%;flex:0 0 35%}}.meal-making-process .process-image img{width:100%;border-radius:10px;-o-object-fit:contain;object-fit:contain;-ms-flex-item-align:start;align-self:flex-start}.meal-making-process .steps{-webkit-box-flex:1;-ms-flex:1 1 100%;flex:1 1 100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:30px}@media screen and (min-width: 1200px){.meal-making-process .steps{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex:0 65%;flex:0 65%}}.meal-making-process .steps .step{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:left;padding:20px;border-radius:8px}@media screen and (min-width: 768px){.meal-making-process .steps .step{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:30px}}.meal-making-process .steps .step .step-image{-webkit-box-flex:0;-ms-flex:0 0 30%;flex:0 0 30%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media screen and (min-width: 992px){.meal-making-process .steps .step .step-image{width:50%}}@media screen and (min-width: 1200px){.meal-making-process .steps .step .step-image{display:none}}.meal-making-process .steps .step .step-image img{width:100%;max-width:300px;height:auto;-o-object-fit:contain;object-fit:contain}.meal-making-process .steps .step .step-text{-webkit-box-flex:0;-ms-flex:0 0 70%;flex:0 0 70%}@media screen and (min-width: 1200px){.meal-making-process .steps .step .step-text{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%}}.meal-making-process .steps .step h3{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.meal-making-process .steps .step h3 .step-number{font-size:20px;font-weight:bold;background:#1f3e36;color:#fffbfb;aspect-ratio:1/1;width:40px;height:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:50%;margin-right:20px}@media screen and (min-width: 1200px){.meal-making-process .steps .step h3 .step-number{display:none}}.meal-making-process .light-text{color:#333}.meal-making-process .dark-text{color:#fff}.faq-section{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;max-width:100vw;color:#1f3e36;padding:35px}@media screen and (min-width: 992px){.faq-section{padding:50px 250px !important}}.faq-section__title{text-align:center;margin-bottom:35px}.faq-section__accordion{width:100%}.faq-section__accordion .faq-item{margin-bottom:20px;border-radius:10px;overflow:hidden;background-color:#fffbfb;-webkit-box-shadow:0px 4px 15px 0px rgba(0,0,0,.15);box-shadow:0px 4px 15px 0px rgba(0,0,0,.15)}.faq-section__accordion .faq-item h4{text-transform:none}@media screen and (max-width: 768px){.faq-section__accordion .faq-item h4{font-size:18px}}.faq-section__accordion .faq-item__question{width:100%;text-align:left;padding:20px;background-color:rgba(0,0,0,0);cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:none;border-radius:0;border-bottom:1px solid #d3d3d3;margin:0}.faq-section__accordion .faq-item__question.dark{color:#1f3e36}.faq-section__accordion .faq-item__question__icon{-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.faq-section__accordion .faq-item__answer{padding:10px 20px;display:none}.faq-section__accordion .faq-item__answer.active{display:block}.team-section{text-align:center;max-width:100vw;padding:35px}@media screen and (min-width: 768px){.team-section{padding:50px 150px}}.team-section .text-content{text-align:center}@media screen and (min-width: 768px){.team-section .text-content{padding:0 100px}}.team-section__title{margin-bottom:20px;color:inherit}.team-section__description{margin-bottom:40px;color:inherit}.team-section .team-section__image img{width:100%;max-height:400px;-o-object-fit:cover;object-fit:cover;margin:0 auto 40px;border-radius:10px}.team-section .team-section__cards{display:-ms-grid;display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:20px}.team-section .team-card{background-color:#fffbfb;padding:20px;border-radius:10px;text-align:center;-webkit-transition:-webkit-transform .3s ease,-webkit-box-shadow .3s ease;transition:-webkit-transform .3s ease,-webkit-box-shadow .3s ease;transition:transform .3s ease,box-shadow .3s ease;transition:transform .3s ease,box-shadow .3s ease,-webkit-transform .3s ease,-webkit-box-shadow .3s ease;aspect-ratio:1/1}.team-section .team-card__image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.team-section .team-card__links{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:10px}.team-section .team-card__links a img{width:24px;height:24px;-webkit-transition:opacity .3s ease,-webkit-transform .3s ease;transition:opacity .3s ease,-webkit-transform .3s ease;transition:transform .3s ease,opacity .3s ease;transition:transform .3s ease,opacity .3s ease,-webkit-transform .3s ease}.team-section .team-card__links a:hover img{-webkit-transform:scale(1.1);transform:scale(1.1);opacity:.8}.product-list{max-width:100vw;padding:35px}@media screen and (min-width: 768px){.product-list{padding:50px 150px}}.product-list__title{text-align:center;margin-bottom:32px}.product-list__container{display:-ms-grid;display:grid;-ms-grid-columns:1fr;grid-template-columns:repeat(1, 1fr);gap:30px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}@media screen and (min-width: 768px){.product-list__container{-ms-grid-columns:1fr [2];grid-template-columns:repeat(2, 1fr)}}.product-list__item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:16px;border-radius:20px;background:#fffbfb;-webkit-box-shadow:0 4px 8px rgba(0,0,0,.1);box-shadow:0 4px 8px rgba(0,0,0,.1);-webkit-transition:-webkit-transform .3s ease,-webkit-box-shadow .3s ease;transition:-webkit-transform .3s ease,-webkit-box-shadow .3s ease;transition:transform .3s ease,box-shadow .3s ease;transition:transform .3s ease,box-shadow .3s ease,-webkit-transform .3s ease,-webkit-box-shadow .3s ease}.product-list__item:hover .hover-image{opacity:1}.product-image-wrapper{position:relative;display:inline-block;width:100%}.product-image-wrapper .product-list__image{width:100%;height:auto;border-radius:10px;-o-object-fit:cover;object-fit:cover;display:block}.product-image-wrapper .hover-image{position:absolute;top:0;left:0;width:100%;height:auto;border-radius:10px;-o-object-fit:cover;object-fit:cover;opacity:0;-webkit-transition:opacity .4s ease-in-out;transition:opacity .4s ease-in-out}.text-content{text-align:left;margin-bottom:20px}.product-list__name{margin:16px 0 8px}.product-list__description{margin-bottom:16px}.product-list__icons{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:10px}.product-features{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:20px}.product-features .feature{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.product-features .feature img{width:32px;height:32px;-o-object-fit:contain;object-fit:contain}.product-features .feature p{color:#ef7923;font-size:10px;text-align:center;line-height:normal}.trustpilot-section{text-align:center;max-width:100vw;padding:35px}@media screen and (min-width: 768px){.trustpilot-section{padding:0 150px 20px}}.trustpilot-section .trustpilot-title{margin-bottom:20px}.trustpilot-section .trustpilot-description{margin-bottom:30px}.trustpilot-section .trustpilot-container{position:relative;max-width:1200px;margin:auto}.trustpilot-section .trustpilot-slider{overflow:hidden;height:213px}.trustpilot-section .trustpilot-slider .swiper-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.trustpilot-section .trustpilot-slider .swiper-slide.review-card{padding:10px;border-radius:10px;text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.trustpilot-section .review-rating{font-size:18px;margin-bottom:10px}.trustpilot-section .review-quote{font-style:italic;margin-bottom:10px;min-height:90px;margin-left:10px;margin-right:10px}.trustpilot-section .review-name{font-weight:bold;padding:0;margin-bottom:0}.trustpilot-section .swiper-button-prev,.trustpilot-section .swiper-button-next{color:#333}.trustpilot-section .button{margin:50px auto 0}.trustpilot-section .swiper-backface-hidden .swiper-slide{padding:0}.smashballoon-section{text-align:center;border-radius:10px;max-width:100vw;padding:35px}@media screen and (min-width: 768px){.smashballoon-section{padding:50px 150px}}.smashballoon-section .smashballoon-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.smashballoon-section .smashballoon-title{margin-bottom:20px}.smashballoon-section .smashballoon-content{margin-top:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden;max-width:100%}.text-section{text-align:left;max-width:100vw;padding:35px}@media screen and (min-width: 768px){.text-section{padding:50px 150px}}.text-section .text-container{max-width:800px;margin:0 auto}.text-section__title{margin-bottom:20px}.fullwidth-media{width:100%;max-width:100vw;position:relative;overflow:hidden}.fullwidth-media--auto{display:-webkit-box;display:-ms-flexbox;display:flex;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:1440px;padding:100px 156px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:64px}.fullwidth-media--medium{height:50vh}@media screen and (max-width: 768px){.fullwidth-media--medium{height:60vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}.fullwidth-media--full{height:100vh}.fullwidth-media .fullwidth-media__image{width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat}.fullwidth-media .fullwidth-media__video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.fullwidth-media .fullwidth-media__content{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);text-align:left;padding:50px;background-color:hsla(0,0%,100%,.7);border-radius:4px;max-width:40%}@media(max-width: 768px){.fullwidth-media .fullwidth-media__content{padding:35px;max-width:85%}}.fullwidth-media .fullwidth-media__content--dark{color:#000}.fullwidth-media .fullwidth-media__content--light{color:#fff}.fullwidth-media .fullwidth-media__content--left{left:5%}@media screen and (max-width: 768px){.fullwidth-media .fullwidth-media__content--left{left:initial}}.fullwidth-media .fullwidth-media__content--center{left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);text-align:center}.fullwidth-media .fullwidth-media__content--right{right:5%;text-align:right}.fullwidth-media .fullwidth-media__content .fullwidth-media__title{margin:0}@media screen and (max-width: 768px){.fullwidth-media .fullwidth-media__content .fullwidth-media__text{margin:30px 0}}section.rollover-img-text{position:relative;width:100%;max-width:100vw;height:100vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;color:#fffbfb;padding:35px}@media screen and (min-width: 768px){section.rollover-img-text{padding:50px 150px}}section.rollover-img-text .comparison-container{display:-webkit-box;display:-ms-flexbox;display:flex;width:1066px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}section.rollover-img-text .comparison-container .icon-text{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:10px;-ms-flex-item-align:stretch;-ms-grid-row-align:stretch;align-self:stretch}section.rollover-img-text .comparison-container .icon-text img{width:23.84px;height:28.53px;-ms-flex-negative:0;flex-shrink:0}section.rollover-img-text .comparison-container .icon-text p{-ms-flex-item-align:stretch;-ms-grid-row-align:stretch;align-self:stretch}.timeline_section{max-width:100vw;padding:35px}@media screen and (min-width: 768px){.timeline_section{padding:50px 300px}}.timeline_section.green{background-color:#1f3e36}.timeline_section.white{background-color:#fffbfb}.timeline_section .timeline_heading{text-align:center;color:#fffbfb;margin-bottom:3rem}.timeline_section .timeline{position:relative;margin-top:200px}.timeline_section .timeline .timeline-line{position:absolute;bottom:0;left:50%;width:1px;height:95%;background-color:#fffbfb;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:1}.timeline_section .timeline .row{position:relative}.timeline_section .timeline .row:nth-of-type(n+2){margin-top:-150px}.timeline_section .timeline .row .timeline-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;width:50%}.timeline_section .timeline .row .timeline-item .icon{width:150px;height:150px;-o-object-fit:contain;object-fit:contain;margin-bottom:10px;-ms-flex-negative:0;flex-shrink:0}.timeline_section .timeline .row .timeline-item .content{width:100%;max-width:400px;padding:1rem;position:relative;z-index:2;color:#fffbfb;border-top:1px solid #fffbfb}.timeline_section .timeline .row .timeline-item .content h3{color:#fffbfb;margin-top:0}.timeline_section .timeline .row .timeline-item .content p{color:#fffbfb;max-width:150px}.timeline_section .timeline .row .timeline-item.left{justify-self:flex-start}@media screen and (min-width: 768px){.timeline_section .timeline .row .timeline-item.left{padding-left:24%}}.timeline_section .timeline .row .timeline-item.right{justify-self:flex-end;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;margin-left:auto}@media screen and (min-width: 768px){.timeline_section .timeline .row .timeline-item.right{padding-right:24%}}.timeline_image_section{background-color:#1f3e36}.timeline_image_section .timeline_image{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.timeline_image_section .timeline_image img{width:100%}@media screen and (min-width: 992px){.timeline_image_section .timeline_image img{width:50%}}.post-image-block{max-width:100vw;padding:10px 20px;background-color:#fffbfb}@media screen and (min-width: 768px){.post-image-block{padding:0 150px}}.post-image-block.full-width{width:100%;max-width:1200px}.post-image-block.full-width img{width:100%;height:auto;display:block;border-radius:12px;-o-object-fit:cover;object-fit:cover}.post-image-block.two-images{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:20px;width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media screen and (min-width: 768px){.post-image-block.two-images{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}.post-image-block.two-images .image-container{-webkit-box-flex:1;-ms-flex:1;flex:1}@media screen and (min-width: 768px){.post-image-block.two-images .image-container{max-width:50%}}.post-image-block.two-images .image-container img{width:100%;height:auto;display:block;border-radius:12px;-o-object-fit:cover;object-fit:cover}.post-text-block{max-width:100vw;padding:0 20px;background-color:#fffbfb}@media screen and (min-width: 768px){.post-text-block{padding:0 150px}}.post-text-block p{text-align:left}.single-product .product-hero{background-color:#1f3e36;color:#fffbfb;max-width:100vw;padding:35px}@media screen and (min-width: 768px){.single-product .product-hero{padding:100px 150px}}.single-product .product-hero__container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media(min-width: 992px){.single-product .product-hero__container{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;width:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center}}.single-product .product-hero__content{max-width:100%;text-align:left}@media(min-width: 992px){.single-product .product-hero__content{max-width:50%}}.single-product .product-hero .product-title{margin-bottom:20px;color:#fffbfb;text-align:center}.single-product .product-hero .product-features{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:20px}.single-product .product-hero .product-features .feature{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.single-product .product-hero .product-features .feature img{width:32px;height:32px;-o-object-fit:contain;object-fit:contain}.single-product .product-hero .product-features .feature p{color:#ef7923;font-size:12px;text-align:center;line-height:normal}.single-product .product-hero .product-description{font-size:16px;line-height:1.6}.single-product .product-hero .product-description p{color:#fffbfb;text-align:center}.single-product .product-hero__image{max-width:100%}@media(min-width: 992px){.single-product .product-hero__image{max-width:40%}}.single-product .product-hero__image img{width:100%;border-radius:8px}.single-product .product-gallery{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:20px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:20px;background-color:#fffbfb}@media(min-width: 992px){.single-product .product-gallery{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}.single-product .product-gallery .product-gallery__image{border-radius:20px;overflow:hidden;max-width:500px}.single-product .product-gallery .product-gallery__image img{width:100%;height:300px;display:block;-o-object-fit:cover;object-fit:cover}@media(min-width: 992px){.single-product .product-gallery .product-gallery__image img{height:auto}}.single-product .product-image-text-section{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;padding:100px 100px 0;background-color:#fffbfb}@media(max-width: 1200px){.single-product .product-image-text-section{padding:35px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.single-product .product-image-text-section .product-image-text-section__image-wrapper{position:relative;width:50%;overflow:hidden;-webkit-box-flex:1;-ms-flex:1 1 50%;flex:1 1 50%}@media(max-width: 1200px){.single-product .product-image-text-section .product-image-text-section__image-wrapper{width:100%}}.single-product .product-image-text-section .product-image-text-section__image-wrapper img{display:block;height:100%;width:100%;-o-object-fit:cover;object-fit:cover}.single-product .product-image-text-section .product-image-text-section__image-wrapper .product-image-text-section__image{width:100%;height:auto;border-radius:10px;-o-object-fit:cover;object-fit:cover;-webkit-transition:opacity .4s ease-in-out;transition:opacity .4s ease-in-out}.single-product .product-image-text-section .product-image-text-section__image-wrapper .product-image-text-section__hover-image{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:10px;-o-object-fit:cover;object-fit:cover;opacity:0;-webkit-transition:opacity .4s ease-in-out;transition:opacity .4s ease-in-out}.single-product .product-image-text-section .product-image-text-section__image-wrapper:hover .product-image-text-section__image{opacity:0}.single-product .product-image-text-section .product-image-text-section__image-wrapper:hover .product-image-text-section__hover-image{opacity:1}.single-product .product-image-text-section .product-image-text-section__text{width:50%;padding:0 50px;font-size:16px;line-height:1.6;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-flex:1;-ms-flex:1 1 50%;flex:1 1 50%}@media(max-width: 1200px){.single-product .product-image-text-section .product-image-text-section__text{width:100%;padding-left:initial;padding-right:initial;padding-top:30px}}.single-product .product-image-text-section .product-image-text-section__text p{margin:0}.single-product .product-optional-info{background-color:#fffbfb;padding:35px}@media(min-width: 992px){.single-product .product-optional-info{padding:75px 100px}}.single-product .characteristics-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:9px}.single-product .characteristics-list .characteristic-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:rgba(191,231,173,0.2509803922);border-radius:30px;padding:10px 15px}.single-product .characteristics-list .characteristic-item img{width:50%;width:30px;height:30px;margin-right:10px}.single-product .characteristics-list .characteristic-item p{color:#1f3e36;margin-bottom:0}.single-product .faq-section{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:50px;color:#1f3e36}@media(min-width: 992px){.single-product .faq-section{padding:75px 100px}}.single-product .faq-section__title{text-align:center;margin-bottom:35px}.single-product .faq-section__accordion{width:100%}.single-product .faq-section__accordion .faq-item{margin-bottom:20px;border-radius:10px;overflow:hidden;background-color:#fffbfb;-webkit-box-shadow:0px 4px 15px 0px rgba(0,0,0,.15);box-shadow:0px 4px 15px 0px rgba(0,0,0,.15)}.single-product .faq-section__accordion .faq-item__question{width:100%;text-align:left;padding:20px;background-color:rgba(0,0,0,0);color:inherit;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:none;border-radius:0;border-bottom:1px solid #d3d3d3;margin:0}.single-product .faq-section__accordion .faq-item__question__icon{-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.single-product .faq-section__accordion .faq-item__answer{padding:10px 20px;display:none}.single-product .faq-section__accordion .faq-item__answer.active{display:block}.single-product .ingredients-slider-section{padding:50px 20px;text-align:center}.single-product .ingredients-slider-section .section-title{font-size:2rem;margin-bottom:20px}.single-product .ingredients-slider-section .ingredient-card{padding:20px;text-align:center}.single-product .ingredients-slider-section .ingredient-card img{max-width:100%;height:auto;margin-bottom:10px;border-radius:20px}.single-product .ingredients-slider-section .ingredient-card .ingredient-title{margin-bottom:10px}.single-product .ingredients-slider-section .swiper-pagination{margin-top:15px}.single-product .related-products{padding:50px 100px;background-color:#1f3e36;text-align:center;color:#fffbfb}@media(max-width: 768px){.single-product .related-products{padding:40px 20px}}.single-product .related-products .container{max-width:1200px;margin:0 auto}.single-product .related-products__title{font-size:2rem;color:#fffbfb;margin-bottom:32px}.single-product .related-products__description{color:#fffbfb;margin-bottom:32px}.single-product .related-products__description p{color:#fffbfb}.single-product .related-products__grid{display:-ms-grid;display:grid;-ms-grid-columns:1fr 32px 1fr 32px 1fr;grid-template-columns:repeat(3, 1fr);gap:32px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;margin-top:50px}@media(max-width: 1024px){.single-product .related-products__grid{-ms-grid-columns:1fr [2];grid-template-columns:repeat(2, 1fr)}}@media(max-width: 768px){.single-product .related-products__grid{-ms-grid-columns:1fr [1];grid-template-columns:repeat(1, 1fr)}}.single-product .related-products .related-product-card{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;text-align:left}.single-product .related-products .related-product-card__image{width:100%;margin-bottom:16px}.single-product .related-products .related-product-card__image img{width:100%;-o-object-fit:cover;object-fit:cover;border-radius:20px}.single-product .related-products .related-product-card__title{color:#fffbfb}.single-product .related-products .related-product-card__description{color:#fffbfb}.single-product .related-products .related-product-card .text-content{text-align:left;margin-bottom:20px;color:#fffbfb}.single-product .related-products .related-product-card .product-features{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:left;-ms-flex-pack:left;justify-content:left;gap:20px}.single-product .related-products .related-product-card .product-features .feature{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.single-product .related-products .related-product-card .product-features .feature img{width:32px;height:32px;-o-object-fit:contain;object-fit:contain}.single-product .related-products .related-product-card .product-features .feature p{color:#ef7923;font-size:10px;text-align:center;line-height:normal}.single-product .nutritional-table table tr:nth-child(even){background-color:#ded7cc}.single-product .nutritional-table table tr:nth-child(odd){background-color:#fffbfb}.single-product .nutritional-table table tr:hover{background-color:#ef7923}.single-product .nutritional-table table tr:hover td{color:#fffbfb}@media screen and (min-width: 1200px){.single-product .nutritional-table{width:50%;display:inline-block}}body.woocommerce-checkout #main-content{text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:inherit;max-width:100vw;padding:35px}@media screen and (min-width: 768px){body.woocommerce-checkout #main-content{padding:50px 150px}}body.woocommerce-checkout #main-content .custom-checkout-header{background-color:#1f3d2b;color:#f5ede1;text-align:center;padding:30px}body.woocommerce-checkout #main-content .checkout-title{font-size:2.5rem;font-weight:bold;margin-bottom:10px}body.woocommerce-checkout #main-content .checkout-subtitle{font-size:1rem;max-width:800px;margin:0 auto}body.woocommerce-checkout #main-content .woocommerce-checkout{background-color:#f6ede6;padding:50px}body.woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:10px}body.woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-row-first,body.woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-row-last{width:48%}body.woocommerce-checkout #main-content .woocommerce-billing-fields__field-wrapper .form-row-wide{width:100%}body.woocommerce-checkout #main-content .woocommerce form.checkout{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:30px}body.woocommerce-checkout #main-content .woocommerce-checkout #customer_details{width:60%}body.woocommerce-checkout #main-content .woocommerce-checkout #order_review{width:35%;background:#fff;padding:20px;border-radius:10px}body.woocommerce-checkout #main-content input[type=text],body.woocommerce-checkout #main-content input[type=email],body.woocommerce-checkout #main-content input[type=tel],body.woocommerce-checkout #main-content input[type=password],body.woocommerce-checkout #main-content select{width:100%;padding:12px;border:1px solid #ccc;border-radius:5px;font-size:1rem;background:#fff}body.woocommerce-checkout #main-content .woocommerce-checkout-payment{background:#fff;padding:20px;border-radius:10px}body.woocommerce-checkout #main-content .woocommerce-checkout #place_order{background-color:#d9823b;color:#fff;font-size:1.2rem;padding:12px;border-radius:5px;width:100%}body.woocommerce-checkout #main-content .woocommerce-checkout #place_order:hover{background-color:#b7662d}body.woocommerce-checkout #main-content .apple-pay-button{background-color:#000;padding:15px;text-align:center;color:#fff;font-size:1.2rem;border-radius:5px;cursor:pointer}@media(max-width: 768px){body.woocommerce-checkout #main-content .woocommerce form.checkout{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}body.woocommerce-checkout #main-content .woocommerce-checkout #customer_details,body.woocommerce-checkout #main-content .woocommerce-checkout #order_review{width:100%}}*{-webkit-box-sizing:border-box;box-sizing:border-box}body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-height:100vh;margin:0}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:998;display:none}#main-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media screen and (min-width: 1200px){#main-content{margin-top:110px}}body:has(.top-banner) #main-content{margin-top:134px}body:not(:has(.top-banner)) #main-content{margin-top:90px}body.admin-bar:has(.top-banner) #main-content{margin-top:134px}body.admin-bar:not(:has(.top-banner)) #main-content{margin-top:90px}@media screen and (max-width: 782px){body:has(.top-banner) #main-content{margin-top:133px}body:not(:has(.top-banner)) #main-content{margin-top:89px}body.admin-bar:has(.top-banner) #main-content{margin-top:133px}body.admin-bar:not(:has(.top-banner)) #main-content{margin-top:90px}}.hide{display:none !important}/*# sourceMappingURL=main.css.map */
/* ============================================================
   HOMEPAGE REDESIGN 2026-05-28 — CSS overrides
   ============================================================
   Scope: body.home only. Every rule below is prefixed with
   `body.home` so non-homepage placements (about, product,
   my-account) keep their existing visual treatment intact.

   Source-of-truth: prod-files/_audit/homepage-redesign-2026-05-28/
   canvas-source.html (Claude Design canvas; React + standalone
   class namespace e.g. `.cmp-table__cell-text`). The rules below
   translate the canvas's visual intent (palette, spacing rhythm,
   typography, grid layout) into the F&M theme's BEM-ish
   `.comparison-section__columns` / `.hero-c__*` / etc. class
   structures the partials already render.

   When something looks wrong on Chrome MCP walk, fix HERE rather
   than editing partial markup — the PHP/ACF data wiring is locked
   per the original brief.
   ============================================================ */

body.home {
	--fm-green:        #1f3e36;
	--fm-orange:       #ef7923;
	--fm-orange-hover: #c9651d;
	--fm-beige:        #ded7cc;
	--fm-cream:        #fffbfb;
	--fm-warm-cream:   #f4efe5;
	--fm-content-max:  1180px;
}

/* ────────────────────────────────────────────────────────────
   S08 PRIORITY FIX — comparison_section TEASER
   ────────────────────────────────────────────────────────────
   The theme's pre-existing `.comparison-section__container`
   rule (driven by the legacy `comparison_image` layout used on
   /varfor-farsklagat/) forces `display: flex; flex-direction: row`
   on the container. That cascade was flipping the teaser's
   eyebrow / title / description / columns into a single
   horizontal row, squashing the columns grid and making the F&M
   column look ~3x wider because the columns container was taking
   only the leftover horizontal space.

   Force block layout on the teaser container, then layer the
   intended 4-equal-column grid on the inner `__columns` div.
   F&M elevation comes from background + border-top + shadow,
   NOT from grid-column-span. */

body.home section.comparison-section.comparison-section--teaser {
	background: var(--fm-warm-cream);
	padding: 96px 24px 88px;
}
body.home .comparison-section--teaser .comparison-section__container {
	display: block !important;
	flex-direction: column !important;
	max-width: var(--fm-content-max);
	margin: 0 auto;
	padding: 0;
	width: 100%;
}
body.home .comparison-section--teaser .comparison-section__eyebrow {
	font-family: "gelica", "Manrope", system-ui, sans-serif;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.22em;
	text-transform: uppercase;
	color: var(--fm-orange);
	margin: 0 auto 14px;
	text-align: center;
	display: block;
}
body.home .comparison-section--teaser .comparison-section__title {
	font-family: "gelica", "Manrope", system-ui, sans-serif;
	font-weight: 500;
	font-size: 42px;
	line-height: 1.05;
	text-transform: uppercase;
	letter-spacing: -0.005em;
	color: var(--fm-green);
	text-align: center;
	margin: 0 0 14px;
	max-width: 720px;
	margin-left: auto;
	margin-right: auto;
}
body.home .comparison-section--teaser .comparison-section__description {
	font-family: "gelica", "Manrope", system-ui, sans-serif;
	font-size: 15px;
	line-height: 1.5;
	color: var(--fm-green);
	opacity: 0.7;
	text-align: center;
	margin: 0 auto 56px;
	max-width: 560px;
}

/* The actual 4-column grid. Equal-width 1fr columns; F&M elevation
   layered on top via background/border/shadow only. */
body.home .comparison-section--teaser .comparison-section__columns {
	display: grid !important;
	grid-template-columns: repeat(4, 1fr) !important;
	gap: 0;
	max-width: var(--fm-content-max);
	margin: 0 auto;
	align-items: stretch;
}
body.home .comparison-section--teaser .comparison-column {
	background: transparent;
	padding: 22px 16px 24px;
	border-radius: 0;
	box-shadow: none;
	position: relative;
	min-width: 0; /* allow shrinking inside the grid track so long
	                  text wraps rather than blowing out the column */
}
body.home .comparison-section--teaser .comparison-column__title {
	font-family: "gelica", "Manrope", system-ui, sans-serif;
	font-weight: 500;
	font-size: 18px;
	text-transform: uppercase;
	letter-spacing: 0.02em;
	color: var(--fm-green);
	text-align: center;
	margin: 0 0 18px;
	opacity: 0.62;
}
body.home .comparison-section--teaser .comparison-column__list {
	list-style: none;
	padding: 0;
	margin: 0;
}
body.home .comparison-section--teaser .comparison-column__item {
	padding: 16px 4px;
	border-top: 1px solid rgba(31, 62, 54, 0.10);
	font-size: 13.5px;
	line-height: 1.4;
	color: var(--fm-green);
	opacity: 0.78;
	display: flex;
	gap: 8px;
	align-items: flex-start;
	background: transparent;
}
body.home .comparison-section--teaser .comparison-column__item:first-child {
	border-top: 0;
	padding-top: 8px;
}

/* F&M column elevation — background + orange top-border + shadow.
   No width change. */
body.home .comparison-section--teaser .comparison-column--recommended {
	background: var(--fm-cream);
	border-top: 3px solid var(--fm-orange);
	box-shadow:
		0 -2px 6px rgba(31, 62, 54, 0.05),
		0 18px 36px rgba(31, 62, 54, 0.06);
	border-radius: 12px 12px 12px 12px;
	padding-top: 28px;
}
body.home .comparison-section--teaser .comparison-column--recommended .comparison-column__title {
	opacity: 1;
	color: var(--fm-green);
}
body.home .comparison-section--teaser .comparison-column--recommended .comparison-column__item {
	opacity: 1;
	color: var(--fm-green);
}
body.home .comparison-section--teaser .comparison-column__pill {
	position: absolute;
	top: -12px;
	left: 50%;
	transform: translateX(-50%);
	background: var(--fm-orange);
	color: var(--fm-cream);
	font-family: "gelica", "Manrope", system-ui, sans-serif;
	font-size: 10px;
	font-weight: 600;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	padding: 6px 14px;
	border-radius: 100px;
	white-space: nowrap;
}

/* Below + disclaimer */
body.home .comparison-section--teaser .comparison-section__below {
	text-align: center;
	margin: 56px auto 0;
	font-family: "gelica", "Manrope", system-ui, sans-serif;
	font-size: 14px;
	color: var(--fm-green);
}
body.home .comparison-section--teaser .comparison-section__below-pre {
	margin-right: 6px;
}
body.home .comparison-section--teaser .comparison-section__below-link {
	color: var(--fm-orange);
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.12em;
	font-size: 12px;
	text-decoration: none;
}
body.home .comparison-section--teaser .comparison-section__below-link:hover {
	text-decoration: underline;
}
body.home .comparison-section--teaser .comparison-section__disclaimer {
	text-align: center;
	font-size: 12px;
	font-style: italic;
	color: var(--fm-green);
	opacity: 0.45;
	margin: 16px auto 0;
	max-width: 580px;
}

/* Mobile — stack columns; F&M card first. */
@media (max-width: 768px) {
	body.home section.comparison-section.comparison-section--teaser {
		padding: 56px 24px 64px;
	}
	body.home .comparison-section--teaser .comparison-section__title {
		font-size: 28px;
	}
	body.home .comparison-section--teaser .comparison-section__columns {
		grid-template-columns: 1fr !important;
		gap: 16px;
	}
	body.home .comparison-section--teaser .comparison-column {
		background: var(--fm-cream);
		border-radius: 14px;
		box-shadow: 0 1px 4px rgba(31, 62, 54, 0.04);
		padding: 18px 18px 20px;
	}
	body.home .comparison-section--teaser .comparison-column--recommended {
		order: -1; /* F&M card always first on mobile per S08 spec */
		box-shadow:
			0 2px 8px rgba(31, 62, 54, 0.08),
			0 18px 36px rgba(31, 62, 54, 0.06);
	}
}

/* ────────────────────────────────────────────────────────────
   CROSS-SECTION VERTICAL RHYTHM
   ────────────────────────────────────────────────────────────
   Canvas convention (sampled across S03/S05/S06/S07/S11/S13):
   - Desktop padding-block: 88px top / 72-96px bottom
   - Mobile padding-block:  48-56px top / 56-64px bottom
   - Content max-width:     1180px (1100-1280 range depending on
                             cards-per-row density)
   - Centred header (eyebrow + title + optional sub),
     56px margin-bottom before content
   Apply to all new homepage partials without overriding the
   sections' own background colors. */

body.home section.meal-making-process,
body.home section.meal-carousel,
body.home section.dog-sizes,
body.home section.plan-pricing,
body.home section.research-strip,
body.home section.faq-section.faq-section--v-a {
	padding-top: 88px;
	padding-bottom: 88px;
}
body.home section.startbox-callout {
	padding-top: 96px;
	padding-bottom: 96px;
}
body.home section.trustpilot-section.trustpilot-section--v-a {
	padding-top: 88px;
	padding-bottom: 88px;
}

/* Container max-width consistency. Canvas content lanes settle
   around 1100-1180px depending on section density. Lock to 1180
   and let individual sections' inner gutters do the rest. */
body.home .meal-carousel__container,
body.home .dog-sizes__container,
body.home .plan-pricing__container,
body.home .trustpilot-v-a__container,
body.home .research-strip__container,
body.home .faq-v-a__container,
body.home .startbox-callout__container {
	max-width: var(--fm-content-max);
}

@media (max-width: 768px) {
	body.home section.meal-making-process,
	body.home section.meal-carousel,
	body.home section.dog-sizes,
	body.home section.plan-pricing,
	body.home section.research-strip,
	body.home section.startbox-callout,
	body.home section.trustpilot-section.trustpilot-section--v-a,
	body.home section.faq-section.faq-section--v-a {
		padding-top: 56px;
		padding-bottom: 64px;
	}
}

/* ────────────────────────────────────────────────────────────
   SECTION HEADER PATTERN (eyebrow + title + optional sub)
   ────────────────────────────────────────────────────────────
   Canvas convention: orange small-caps eyebrow (12px / 0.22em),
   uppercase gelica heading (42-44px / line-height 1.05 / weight
   500 / letter-spacing -0.005em), grey body description
   (15-17px / line-height 1.5 / opacity 0.7 / max-width 560-720).

   Apply uniformly across sections that already render this
   header trio. The partials each use their own BEM names
   (`.meal-carousel__eyebrow` / `.dog-sizes__heading` / etc.),
   so the rules are duplicated per partial. Easier to maintain
   than a single shared `.fm-section-eyebrow` class because that
   would require partial markup changes (NOT in scope). */

body.home .meal-carousel__eyebrow,
body.home .dog-sizes__eyebrow,
body.home .plan-pricing__eyebrow,
body.home .research-strip__eyebrow,
body.home .faq-section--v-a .faq-v-a__eyebrow {
	font-family: "gelica", "Manrope", system-ui, sans-serif;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.22em;
	text-transform: uppercase;
	color: var(--fm-orange);
	margin: 0 0 14px;
}

body.home .meal-carousel__heading,
body.home .dog-sizes__heading,
body.home .plan-pricing__heading,
body.home .faq-section--v-a .faq-v-a__title {
	font-family: "gelica", "Manrope", system-ui, sans-serif;
	font-weight: 500;
	font-size: 42px;
	line-height: 1.05;
	text-transform: uppercase;
	letter-spacing: -0.005em;
	color: var(--fm-green);
	margin: 0 0 14px;
}
body.home .plan-pricing__subtitle {
	font-size: 15px;
	color: var(--fm-green);
	opacity: 0.7;
	max-width: 560px;
	margin: 0 auto 32px;
}

@media (max-width: 768px) {
	body.home .meal-carousel__heading,
	body.home .dog-sizes__heading,
	body.home .plan-pricing__heading,
	body.home .faq-section--v-a .faq-v-a__title {
		font-size: 28px;
	}
}

/* ────────────────────────────────────────────────────────────
   S05 dog_sizes — equal-width card columns
   ────────────────────────────────────────────────────────────
   Canvas: 3 equal columns at 32px gap, card with cream bg, 16px
   radius, soft shadow. Most rules are already in the partial's
   inline <style>; only the canvas-spec adjustments here. */

body.home .dog-sizes__grid {
	grid-template-columns: repeat(3, 1fr) !important;
	gap: 24px !important;
	max-width: var(--fm-content-max);
	margin: 0 auto;
}
body.home .dog-sizes__card {
	background: var(--fm-cream);
	border-radius: 16px;
	box-shadow: 0 1px 4px rgba(31, 62, 54, 0.05);
}
body.home .dog-sizes__card--common {
	box-shadow:
		0 2px 12px rgba(31, 62, 54, 0.08),
		0 24px 48px rgba(31, 62, 54, 0.06);
}

/* ────────────────────────────────────────────────────────────
   S06 plan_pricing — 3 equal columns
   ──────────────────────────────────────────────────────────── */

body.home .plan-pricing__grid {
	grid-template-columns: repeat(3, 1fr) !important;
	gap: 24px !important;
	max-width: var(--fm-content-max);
	margin: 0 auto;
}

/* ────────────────────────────────────────────────────────────
   S04 meal_carousel — card width tuning
   ────────────────────────────────────────────────────────────
   Canvas peek pattern: ~3.2 cards visible at desktop with a
   right-side fade hint. Keep partial's drag-scroll JS untouched
   and just tune the grid track width. */

body.home .meal-carousel__track {
	grid-auto-columns: calc((100% - 72px) / 3.2) !important;
}

@media (max-width: 768px) {
	body.home .meal-carousel__track {
		grid-auto-columns: 84vw !important;
	}
}

/* ────────────────────────────────────────────────────────────
   S10 trustpilot — header rhythm + numeric typography
   ────────────────────────────────────────────────────────────
   Canvas wants the headline + rating to read as a unified
   centred block with tight vertical rhythm. The partial already
   has the 4-line split; just tune sizes. */

body.home .trustpilot-section--v-a .trustpilot-v-a__headline {
	font-size: 36px;
	letter-spacing: 0.02em;
	line-height: 1.05;
}
body.home .trustpilot-section--v-a .trustpilot-v-a__rating {
	margin-top: 12px;
}
body.home .trustpilot-section--v-a .trustpilot-v-a__rating-num {
	font-size: 22px;
}
body.home .trustpilot-section--v-a .trustpilot-v-a__meta {
	margin-top: 10px;
	opacity: 0.7;
}

/* ────────────────────────────────────────────────────────────
   S07 startbox_callout — content + price-badge tuning
   ────────────────────────────────────────────────────────────
   Canvas card: 1100px outer, generous 56-64px inner padding,
   photo+content grid 1.1fr / 1fr (text slightly narrower so
   the photo dominates). */

body.home .startbox-callout__container {
	max-width: 1100px;
}
body.home .startbox-callout__card {
	grid-template-columns: 1.1fr 1fr !important;
	gap: 56px !important;
	padding: 56px !important;
	border-radius: 24px;
}
body.home .startbox-callout__title {
	font-size: 42px;
	line-height: 1.05;
}

@media (max-width: 768px) {
	body.home .startbox-callout__card {
		grid-template-columns: 1fr !important;
		gap: 28px !important;
		padding: 28px !important;
	}
	body.home .startbox-callout__title {
		font-size: 28px;
	}
}

/* ────────────────────────────────────────────────────────────
   S11 research_strip — slim band rhythm
   ────────────────────────────────────────────────────────────
   Canvas band is intentionally slim (32px padding-block) so it
   reads as a credentials strip, not a fully developed section.
   Override the cross-section 88px padding I set above with the
   tighter value. */

body.home section.research-strip {
	padding-top: 32px !important;
	padding-bottom: 32px !important;
}
body.home .research-strip__lead {
	font-size: 22px;
	line-height: 1.2;
}
body.home .research-strip__stat-amount {
	font-size: 32px;
}

@media (max-width: 600px) {
	body.home section.research-strip {
		padding-top: 24px !important;
		padding-bottom: 24px !important;
	}
}

/* ────────────────────────────────────────────────────────────
   S13 FAQ — narrow content lane + line-divider tuning
   ──────────────────────────────────────────────────────────── */

body.home .faq-section--v-a .faq-v-a__container {
	max-width: 880px; /* FAQ reads better in tighter column */
}
body.home .faq-section--v-a .faq-row__question {
	font-size: 18px;
}

/* ────────────────────────────────────────────────────────────
   Hero Treatment C — final canvas-tuned tweaks
   ────────────────────────────────────────────────────────────
   The partial already has scoped <style> rules. The canvas
   leans on slightly larger headline + tighter eyebrow letter-
   spacing; these are the only places we need to nudge. */

body.home .hero-section--treatment-c .hero-c__eyebrow {
	font-size: 13px;
	letter-spacing: 0.18em;
}
body.home .hero-section--treatment-c .hero-c__title {
	font-size: clamp(44px, 6.5vw, 68px);
	letter-spacing: -0.005em;
}
body.home .hero-section--treatment-c .hero-c__subtitle {
	max-width: 440px;
}

/* ============================================================
   END HOMEPAGE REDESIGN 2026-05-28 PATCH
   ============================================================ */
/* ============================================================
   HOMEPAGE REDESIGN 2026-05-28 — CSS overrides — PATCH #2
   ============================================================
   Closes Hero Treatment C + Section 3 visual-fidelity gaps
   flagged after the first patch pass. Same scoping rules:
   every selector prefixed `body.home` so non-homepage pages
   keep their current visual treatment.

   Canvas reference: prod-files/_audit/homepage-redesign-2026-05-28/
   canvas-source.html lines ~432-657 (hero) and 660-900 (mmp).
   ============================================================ */

/* ────────────────────────────────────────────────────────────
   HERO TREATMENT C — canvas pixel fidelity
   ────────────────────────────────────────────────────────────
   Visual targets (canvas lines 595-657):
     - position: full-bleed photo + bottom-left text overlay
     - left-side dark gradient for legibility (NOT all-over tint)
     - title 68px gelica 500-weight uppercase
     - top-right campaign pill + meta (label-style)
     - right-edge vertical scroll cue (writing-mode vertical-rl)
     - NO bottom credentials strip (canvas dropped it)
*/

/* Defeat the partial's own inline <style> by raising specificity via
   body.home prefix + multiple class names. */

body.home .hero-section--treatment-c {
	min-height: 620px;
	max-height: 620px;
	height: 620px;
}

body.home .hero-section--treatment-c .hero-c__media {
	position: absolute;
	inset: 0;
}

/* LEFT-side gradient — matches canvas line 605-610 exactly:
   linear-gradient(90deg, rgba(31,62,55,0.92) 0%, 0.55 at 38%, 0 at 62%)
   PLUS a bottom subtle vignette so headline stays legible. */
body.home .hero-section--treatment-c .hero-c__overlay {
	background:
		linear-gradient(90deg, rgba(31,62,55,0.92) 0%, rgba(31,62,55,0.55) 38%, rgba(31,62,55,0) 62%),
		linear-gradient(0deg, rgba(20,30,28,0.55) 0%, rgba(20,30,28,0) 50%) !important;
}

/* Position content BOTTOM-LEFT, not centered. */
body.home .hero-section--treatment-c .hero-c__content {
	position: absolute !important;
	inset: auto auto 64px 80px !important;
	width: auto !important;
	max-width: 640px !important;
	padding: 0 !important;
	display: block !important;
	align-items: unset !important;
	z-index: 2;
}
body.home .hero-section--treatment-c .hero-c__inner {
	max-width: 600px;
}

/* Larger heading — canvas 68px / weight 500. The partial uses
   clamp(36px, 5.5vw, 64px) which caps at 64px. Override. */
body.home .hero-section--treatment-c .hero-c__title {
	font-size: clamp(48px, 5.6vw, 68px) !important;
	line-height: 0.98;
	font-weight: 500;
	letter-spacing: -0.005em;
	text-transform: uppercase;
	text-wrap: balance;
}

body.home .hero-section--treatment-c .hero-c__eyebrow {
	font-size: 13px;
	letter-spacing: 0.18em;
	margin: 0 0 22px;
	display: inline-flex;
	align-items: center;
	gap: 12px;
	font-weight: 600;
}
body.home .hero-section--treatment-c .hero-c__eyebrow::before {
	content: "";
	display: block;
	width: 22px;
	height: 1.5px;
	background: currentColor;
}

body.home .hero-section--treatment-c .hero-c__subtitle {
	font-size: 17px;
	line-height: 1.5;
	max-width: 440px;
	margin: 22px 0 32px;
	color: rgba(255, 251, 251, 0.88);
}

body.home .hero-section--treatment-c .hero-c__ctas {
	display: flex;
	gap: 18px;
	align-items: center;
}

/* Top-right campaign pill + meta. */
body.home .hero-section--treatment-c .hero-c__topright {
	position: absolute;
	top: 32px;
	right: 40px;
	z-index: 3;
	display: flex;
	align-items: center;
	gap: 14px;
	font-family: "gelica", "Manrope", system-ui, sans-serif;
	font-size: 12px;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--fm-cream);
	opacity: 0.92;
}
body.home .hero-section--treatment-c .hero-c__topright-pill {
	border: 1px solid rgba(255, 251, 251, 0.45);
	border-radius: 100px;
	padding: 8px 14px;
	font-weight: 600;
}
body.home .hero-section--treatment-c .hero-c__topright-meta {
	opacity: 0.7;
}

/* Right-edge vertical scroll cue. */
body.home .hero-section--treatment-c .hero-c__scroll {
	position: absolute;
	right: 80px;
	bottom: 64px;
	z-index: 3;
	display: flex;
	align-items: center;
	gap: 12px;
	color: var(--fm-cream);
	font-family: "gelica", "Manrope", system-ui, sans-serif;
	font-size: 11px;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	writing-mode: vertical-rl;
	opacity: 0.85;
}
body.home .hero-section--treatment-c .hero-c__scroll-line {
	width: 1px;
	height: 40px;
	background: var(--fm-cream);
	opacity: 0.6;
}

/* Bottom credentials — partial now gates render with $show_credentials,
   so when ACF says off the markup is gone. Belt-and-braces: hide if
   somehow still emitted. */
body.home .hero-section--treatment-c .hero-c__credentials {
	display: none !important;
}

/* Mobile — collapse top-right meta + scroll cue, keep content stacked. */
@media (max-width: 768px) {
	body.home .hero-section--treatment-c {
		min-height: 480px;
		max-height: 480px;
		height: 480px;
	}
	body.home .hero-section--treatment-c .hero-c__content {
		inset: auto 24px 40px 24px !important;
		max-width: 100% !important;
	}
	body.home .hero-section--treatment-c .hero-c__title {
		font-size: clamp(36px, 9vw, 44px) !important;
		letter-spacing: 0;
	}
	body.home .hero-section--treatment-c .hero-c__topright-meta,
	body.home .hero-section--treatment-c .hero-c__scroll {
		display: none;
	}
	body.home .hero-section--treatment-c .hero-c__topright {
		top: 16px;
		right: 16px;
		font-size: 10px;
	}
}

/* ────────────────────────────────────────────────────────────
   S03 SÅ FUNKAR DET — 5-step grid + dotted connector + CTA
   ────────────────────────────────────────────────────────────
   Canvas reference: lines 666-899.
   Visual targets:
     - centred eyebrow (orange caps + dashes) + 44px title + 17px desc
     - 5-column grid, gap 20px, max-width 1280px
     - dotted connector line behind the number circles at top: 30px
     - 60px circle, cream bg, green border, gelica 22px number
     - 1:1 image tile below circle with warm cream background
     - step 5 = beige tile (mmp__step--flex), orange number, INGEN
       BINDNINGSTID flag, inline phone SVG mockup
     - bottom CTA with subtitle below */

body.home section.meal-making-process {
	padding: 88px 80px 72px !important;
	text-align: center;
	background: var(--fm-cream);
}
body.home .meal-making-process .container.mmp__container {
	max-width: 1280px;
	margin: 0 auto;
}

/* Section header (eyebrow + title + desc) */
body.home .meal-making-process .mmp__eyebrow {
	font-family: "gelica", "Manrope", system-ui, sans-serif;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.22em;
	text-transform: uppercase;
	color: var(--fm-orange);
	margin: 0 0 18px;
	display: inline-flex;
	align-items: center;
	gap: 12px;
}
body.home .meal-making-process .mmp__eyebrow::before,
body.home .meal-making-process .mmp__eyebrow::after {
	content: "";
	display: block;
	width: 22px;
	height: 1.5px;
	background: currentColor;
}
body.home .meal-making-process .mmp__title.section-title {
	font-family: "gelica", "Manrope", system-ui, sans-serif;
	font-weight: 500;
	font-size: 44px;
	line-height: 1.05;
	text-transform: uppercase;
	letter-spacing: -0.005em;
	color: var(--fm-green);
	margin: 0 0 14px;
}
body.home .meal-making-process .mmp__desc.section-description {
	font-size: 17px;
	line-height: 1.5;
	color: var(--fm-green);
	opacity: 0.78;
	max-width: 560px;
	margin: 0 auto 56px;
	text-wrap: pretty;
}

/* Drop the inline placeholder section image — canvas has none. */
body.home .meal-making-process .process-image {
	display: none !important;
}

/* 5-step grid with dotted connector. Override the partial's own inline
   CSS via specificity. */
body.home .meal-making-process .steps.steps--five {
	display: grid !important;
	grid-template-columns: repeat(5, 1fr) !important;
	gap: 20px !important;
	align-items: start !important;
	max-width: 1180px;
	margin: 0 auto;
	text-align: left;
	position: relative;
}
/* Dotted connector line behind the number badges. */
body.home .meal-making-process .steps.steps--five::before {
	content: "";
	position: absolute;
	top: 30px;
	left: 9%;
	right: 9%;
	height: 1px;
	background: repeating-linear-gradient(
		90deg,
		rgba(31, 62, 54, 0.25) 0 6px,
		transparent 6px 12px
	);
	z-index: 0;
	pointer-events: none;
}

body.home .meal-making-process .steps--five .step {
	position: relative;
	z-index: 1;
	padding: 0 8px;
	display: flex !important;
	flex-direction: column !important;
	gap: 0 !important;
	background: transparent;
}

/* Number circle ABOVE the image tile. */
body.home .meal-making-process .steps--five .mmp__num {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background: var(--fm-cream);
	border: 1.5px solid var(--fm-green);
	color: var(--fm-green);
	font-family: "gelica", "Manrope", system-ui, sans-serif;
	font-size: 22px;
	font-weight: 500;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 24px;
	position: relative;
	z-index: 2;
}

/* Image tile - 1:1 with warm cream background */
body.home .meal-making-process .steps--five .step .mmp__media {
	width: 100%;
	aspect-ratio: 1 / 1 !important;
	background: #f1ebde !important;
	border-radius: 14px !important;
	margin: 0 0 22px !important;
	overflow: hidden;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 !important;
}
body.home .meal-making-process .steps--five .step .mmp__media img {
	width: 78% !important;
	height: 78% !important;
	max-width: 78% !important;
	max-height: 78% !important;
	object-fit: contain !important;
	display: block;
}

/* Per-step backdrop tinting so adjacent tiles don't blur into one bar. */
body.home .meal-making-process .steps--five .step:nth-child(1) .mmp__media { background: #ece5d6; }
body.home .meal-making-process .steps--five .step:nth-child(2) .mmp__media { background: #efe8d8; }
body.home .meal-making-process .steps--five .step:nth-child(3) .mmp__media { background: #ece5d6; }
body.home .meal-making-process .steps--five .step:nth-child(4) .mmp__media { background: #e8e1d1; }

/* Body text */
body.home .meal-making-process .steps--five .mmp__step-title {
	font-family: "gelica", "Manrope", system-ui, sans-serif;
	font-size: 18px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0.01em;
	color: var(--fm-green);
	margin: 0 0 10px;
	line-height: 1.15;
	display: block;
}
body.home .meal-making-process .steps--five .mmp__step-title .step-heading-text {
	display: block;
}
body.home .meal-making-process .steps--five .mmp__step-text {
	font-family: "gelica", "Manrope", system-ui, sans-serif;
	font-size: 14px;
	line-height: 1.5;
	color: var(--fm-green);
	opacity: 0.78;
	margin: 0;
}

/* Step 5 — flexibility anchor. Beige tile + orange num + flag pill. */
body.home .meal-making-process .steps--five .mmp__step--flex {
	background: var(--fm-beige);
	border-radius: 14px;
	padding: 22px 18px 24px !important;
	margin-top: -22px;
}
body.home .meal-making-process .steps--five .mmp__step--flex .mmp__num {
	background: var(--fm-orange) !important;
	border-color: var(--fm-orange) !important;
	color: var(--fm-cream) !important;
}
body.home .meal-making-process .steps--five .mmp__step--flex .mmp__media {
	background: var(--fm-green) !important;
	padding: 16px !important;
	box-sizing: border-box;
}
body.home .meal-making-process .steps--five .mmp__step--flex .mmp__media svg.mmp__phone-svg {
	width: 100%;
	height: 100%;
	max-width: 100%;
	max-height: 100%;
	display: block;
}
body.home .meal-making-process .steps--five .mmp__step--flex .mmp__flag {
	display: inline-block;
	font-family: "gelica", "Manrope", system-ui, sans-serif;
	font-size: 10px;
	font-weight: 600;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: var(--fm-orange);
	margin-bottom: 8px;
	background: transparent;
	padding: 0;
}

/* Bottom CTA */
body.home .meal-making-process .mmp__cta {
	margin-top: 56px;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 12px;
}
body.home .meal-making-process .mmp__cta-btn.button.primary {
	background: var(--fm-orange);
	color: var(--fm-cream);
	font-family: "gelica", "Manrope", system-ui, sans-serif;
	font-size: 16px;
	font-weight: 500;
	text-transform: capitalize;
	border: none;
	border-radius: 100px;
	padding: 14px 38px;
	text-decoration: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	transition: background-color 0.2s ease;
}
body.home .meal-making-process .mmp__cta-btn.button.primary:hover {
	background: var(--fm-orange-hover);
	color: var(--fm-cream);
}
body.home .meal-making-process .mmp__cta-meta {
	font-family: "gelica", "Manrope", system-ui, sans-serif;
	font-size: 11px;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: var(--fm-green);
	opacity: 0.55;
	margin: 0;
}

/* Mobile — stack steps, drop the connector line. */
@media (max-width: 900px) {
	body.home .meal-making-process .steps.steps--five {
		grid-template-columns: repeat(2, 1fr) !important;
	}
	body.home .meal-making-process .steps.steps--five::before {
		display: none;
	}
}
@media (max-width: 600px) {
	body.home section.meal-making-process {
		padding: 56px 24px 64px !important;
	}
	body.home .meal-making-process .steps.steps--five {
		grid-template-columns: 1fr !important;
	}
	body.home .meal-making-process .mmp__title.section-title {
		font-size: 28px;
	}
	body.home .meal-making-process .steps--five .mmp__step--flex {
		margin-top: 8px;
	}
}

/* ============================================================
   END HOMEPAGE REDESIGN 2026-05-28 PATCH #2
   ============================================================ */
/* ============================================================
   HOMEPAGE REDESIGN 2026-05-28 — CSS overrides — PATCH #3
   ============================================================
   Closes 4 fidelity gaps surfaced by the pass-#2 MCP walk:
     (1) hero photo missing (partial-side fix; CSS reinforces)
     (2) S03 step 4 illustration swap (Phase 4 side, not CSS)
     (3) S03 step 5 SVG too small — container was inheriting
         flex sizing from the theme's pre-existing
         `.meal-making-process .process-content { display: flex;
          flex-wrap: wrap; align-items: center; }` cascade
     (4) S03 bottom CTA wrong placement — same .process-content
         flex cascade was rendering CTA as a flex sibling at the
         right of .steps instead of below the 5-step row. Partial
         now emits CTA OUTSIDE .process-content; this CSS makes
         sure the layout reads as a normal centred block.
   Scoped to body.home as always.
   ============================================================ */

/* ────────────────────────────────────────────────────────────
   Defeat the theme's `.process-content` flex cascade.
   ────────────────────────────────────────────────────────────
   The legacy rule is:
     .meal-making-process .process-content { display: flex;
       align-items: center; justify-content: center;
       flex-wrap: wrap; }
     .meal-making-process .steps { flex: 0 65%; }
   It was designed for the 2-pane image-left/steps-right layout
   that the original 4-step partial used. The redesign's 5-step
   single-column layout doesn't need either. Force block flow on
   .process-content so .steps takes full width and any siblings
   (placeholder section-image, if ever set) stack normally. */

body.home .meal-making-process .process-content {
	display: block !important;
	flex-wrap: nowrap !important;
	flex: none !important;
	max-width: 1180px;
	margin: 0 auto;
	padding: 0;
}
body.home .meal-making-process .process-content .steps,
body.home .meal-making-process .process-content .steps.steps--five {
	flex: 0 0 100% !important;
	width: 100%;
	max-width: 100%;
}

/* ────────────────────────────────────────────────────────────
   Step 5 phone SVG container — give it room.
   ────────────────────────────────────────────────────────────
   The `.mmp__media` tile inherits aspect-ratio: 1/1 from pass #2.
   With 16px padding inside a 1:1 tile, the inner area is square.
   The SVG (viewBox 200×320, ratio 5:8) renders via
   `preserveAspectRatio="xMidYMid meet"` — fits the height,
   leaving horizontal whitespace. That gave a ~62%-wide phone in
   a 100%-height container — visually small.

   Canvas approach: a 60%-width, 9:16-aspect phone CENTRED inside
   a 1:1 green tile. Replicate by centring the SVG with flex and
   forcing it to fill the tile's HEIGHT (auto width keeps the
   5:8 viewBox aspect). Result: phone takes ~63% of tile width,
   100% of tile height — big enough to read the toggle rows. */

body.home .meal-making-process .steps--five .mmp__step--flex .mmp__media {
	display: flex !important;
	align-items: stretch !important;
	justify-content: center !important;
	padding: 12px !important;
	background: var(--fm-green) !important;
	overflow: hidden;
}
body.home .meal-making-process .steps--five .mmp__step--flex .mmp__media svg.mmp__phone-svg {
	width: auto !important;
	height: 100% !important;
	max-width: 100% !important;
	max-height: 100% !important;
	display: block;
	aspect-ratio: auto;
	flex: 0 0 auto;
}

/* ────────────────────────────────────────────────────────────
   Bottom CTA — now a sibling of .process-content, not inside it.
   Re-centre under the steps grid. */
body.home .meal-making-process .mmp__cta {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	gap: 12px !important;
	margin-top: 56px !important;
	width: 100%;
	flex: 0 0 100%;
}
body.home .meal-making-process .mmp__cta-btn.button.primary {
	align-self: center;
}
@media (max-width: 600px) {
	body.home .meal-making-process .mmp__cta {
		margin-top: 32px !important;
	}
}

/* ────────────────────────────────────────────────────────────
   Hero — fallback safety net for the photo wiring.
   ────────────────────────────────────────────────────────────
   The partial now resolves any ACF return format (array / URL /
   ID / false) to a URL. As a belt-and-braces measure, if the
   .hero-c__photo <img> somehow ends up without a src, render the
   placeholder gradient so the section never looks empty. */
body.home .hero-section--treatment-c .hero-c__photo:not([src]),
body.home .hero-section--treatment-c .hero-c__photo[src=""] {
	background: linear-gradient(135deg, #1f3e36 0%, #2c5145 60%, #1f3e36 100%);
}

/* ============================================================
   END HOMEPAGE REDESIGN 2026-05-28 PATCH #3
   ============================================================ */
/* ============================================================
   HOMEPAGE REDESIGN 2026-05-28 — CSS overrides — PATCH #4
   ============================================================
   Three follow-ups after pass #3:
     (1) Trustpilot cap — partial-side fix, no CSS needed
     (2) Comparison-slider aspect-ratio + object-fit
     (3) Startbox photo — Phase-4 ID change, no CSS needed
   Plus a small bit of CSS that's NOT scoped to body.home because
   the comparison-slider partial is shared with /varfor-farsklagat/
   and the fix needs to apply there too.
   ============================================================ */

/* ────────────────────────────────────────────────────────────
   COMPARISON SLIDER — aspect-ratio + object-fit
   ────────────────────────────────────────────────────────────
   Two prior vendors (Diki + Wetail) failed to ship a working
   responsive version. The JS rewrite in main.js handles the
   handle/clip-path sync via percentages + resize handler. CSS
   needs to:

     1. Pin the container's height via aspect-ratio so the two
        absolutely-positioned images can layer on top of each
        other AND let the .comparison-handle (height:100%) have
        something to stretch against. Without this, the legacy
        rule .comparison-slider { height: auto } collapses the
        container to 0 since both images are position: absolute.

     2. Force the images to fill the container with object-fit:
        cover so the visible area matches between BEFORE and
        AFTER even if the source files have different natural
        ratios.

   NOT scoped to body.home — this partial (comparison_image.php)
   also drives /varfor-farsklagat/, which has the same desync
   bug. The aspect-ratio default 4/3 matches the canvas guidance
   for the comparison illustration pair; editors can tune via
   per-instance CSS variable if a future placement needs a
   different shape.
   ──────────────────────────────────────────────────────────── */

.comparison-slider {
	aspect-ratio: var(--fm-cmp-ratio, 4 / 3);
	height: auto;
	overflow: hidden;
}
.comparison-slider .comparison-image {
	top: 0 !important;
	left: 0 !important;
	transform: none !important;
	width: 100% !important;
	height: 100% !important;
	max-width: 100% !important;
	object-fit: cover !important;
}
.comparison-slider .comparison-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.comparison-slider .comparison-handle {
	/* Was inheriting `left: 50%` from main.css; the JS now sets
	   `left: ${pct}%` so we let it drive. Just make sure no
	   translate transform is fighting us. */
	transform: none;
}

/* ============================================================
   END HOMEPAGE REDESIGN 2026-05-28 PATCH #4
   ============================================================ */
/* ============================================================
   HOMEPAGE REDESIGN 2026-05-28 — CSS overrides — PATCH #5
   ============================================================
   Two MCP-walk follow-ups after pass #4:
     (1) Comparison slider resize bug — fixed in main.js
         (userInteracted flag gates the scroll-driven sweep).
         No CSS needed.
     (2) S03 illustrations disappear at wide viewports — fixed
         partly in partial (loading="eager" + data-no-lazy)
         and partly in CSS here. Plus David asked for +10-15%
         visual presence.
   ============================================================ */

/* ────────────────────────────────────────────────────────────
   S03 ILLUSTRATIONS — wide-viewport fix + size bump
   ────────────────────────────────────────────────────────────
   Root cause investigation:
   - The img element renders with the WP-Rocket placeholder data URI
     `<svg viewBox='0 0 0 0'>` until its IntersectionObserver fires
     and swaps `data-lazy-src` → `src`. The viewBox 0 0 0 0 gives the
     <img> ZERO intrinsic width and height.
   - Pass #2 CSS used `width: 78%; height: 78%; max-width: 78%;
     max-height: 78%` on the img. Percentage heights need a definite
     parent height; the parent (.mmp__media) has aspect-ratio: 1/1
     and width:100% so its height IS definite. So this should work.
   - BUT at wide viewports, the S03 section can sit above-the-fold
     on initial paint. The Rocket IntersectionObserver was sluggish
     to fire for above-fold images, leaving them as the 0×0
     placeholder until the user scrolled. Visually = blank tiles.
   - Partial-side fix: `loading="eager" data-no-lazy="1"
     data-skip-lazy="1"` on the step <img> elements bypasses lazy-
     load entirely; the real img hydrates on first paint with
     natural dimensions. CSS sizing then works at all breakpoints.

   CSS bump per David's "+10-15% size":
   - width: 78% → 88%
   - height: 78% → 88%
   - Also lifts the canvas-style `aspect-ratio: 1/1` constraint
     when the img has a natural ratio — switch to `height: auto`
     when content is real, with a `min-height` fallback so a
     mid-load 0×0 frame still occupies visible space (defense
     against any future lazy-load reintroduction).
   ──────────────────────────────────────────────────────────── */

body.home .meal-making-process .steps--five .step .mmp__media {
	min-height: 140px; /* fallback so a 0×0 frame still has visual presence */
}
body.home .meal-making-process .steps--five .step .mmp__media img,
body.home .meal-making-process .steps--five .step .mmp__media img.mmp__step-illustration {
	width: 88% !important;
	height: 88% !important;
	max-width: 88% !important;
	max-height: 88% !important;
	min-width: 100px !important; /* defense vs lazy-load 0×0 placeholder */
	min-height: 100px !important;
	object-fit: contain !important;
	display: block;
	margin: auto;
}

/* Mobile — leave the existing 78% rule alone where columns are
   narrower; only bump on the wide-viewport grid where vertical
   space and column width can accommodate. */
@media (max-width: 900px) {
	body.home .meal-making-process .steps--five .step .mmp__media img,
	body.home .meal-making-process .steps--five .step .mmp__media img.mmp__step-illustration {
		width: 82% !important;
		height: 82% !important;
		max-width: 82% !important;
		max-height: 82% !important;
		min-width: 80px !important;
		min-height: 80px !important;
	}
	body.home .meal-making-process .steps--five .step .mmp__media {
		min-height: 110px;
	}
}

/* Belt-and-braces — if WP Rocket adds inline width/height attrs to
   any lazy-loaded img during its swap, our !important rules above
   still win. But guard against a future plugin-update edge by
   forcing the data:image SVG placeholder NOT to collapse. */
body.home .meal-making-process .steps--five .mmp__media img[src^="data:image/svg"] {
	min-width: 100px !important;
	min-height: 100px !important;
}

/* ============================================================
   END HOMEPAGE REDESIGN 2026-05-28 PATCH #5
   ============================================================ */
/* ============================================================
   HOMEPAGE REDESIGN 2026-05-28 — CSS overrides — PATCH #6
   ============================================================
   Pass #6 small batch + S08 partial redesign companion:
     - Drop the orange "349 kr · ENGÅNGS" circular badge on
       the Startbox photo (now visible in content separately).
     - Slider during-drag gap mitigation: cream fallback bg
       behind the slider so any sub-pixel gap during
       drag-resize reads as cream rather than blank, plus
       reinforce inset clip-paths.
     - Hero alignment confirmation — left-align all overlay
       content. Already true via partial defaults, but
       explicit rule belt-and-braces.
   ============================================================ */

/* ────────────────────────────────────────────────────────────
   P8 — Drop the Startbox tilted price badge
   ────────────────────────────────────────────────────────────
   Real Startbox-2 photo now has the price visually elsewhere
   in the section content (3-49 kr line in the value-props
   block). The tilted orange circle on the photo was a
   canvas-era element that now duplicates information. */

body.home .startbox-callout__badge {
	display: none !important;
}

/* ────────────────────────────────────────────────────────────
   P9 — Comparison slider drag-resize gap mitigation
   ────────────────────────────────────────────────────────────
   Even with percentage-based clip-paths + ResizeObserver +
   rAF-debounced resize handler in main.js, browsers can render
   a sub-pixel gap between the BEFORE image's clipped right
   edge and the AFTER image's clipped left edge during a fast
   drag-resize. Two defences:

     1. Fallback background-color on .comparison-slider — any
        gap shows as cream rather than empty/black.
     2. Negative margin on .comparison-image so the two clip
        regions overlap by 1 px (sub-pixel rounding insurance). */

.comparison-slider {
	background: var(--fm-cream, #fffbfb);
}
/* Overlap the two clip regions by 1px so any sub-pixel rounding
   during drag-resize doesn't open a visible gap. */
.comparison-slider .comparison-image.before {
	transform: translateX(-1px) !important;
	width: calc(100% + 2px) !important;
}
.comparison-slider .comparison-image.after {
	transform: translateX(1px) !important;
	width: calc(100% + 2px) !important;
}

/* ────────────────────────────────────────────────────────────
   P6 — Hero overlay text alignment (left-align explicit)
   ────────────────────────────────────────────────────────────
   Already left-aligned via partial inline <style> defaults,
   but adding explicit !important to defeat any cascade that
   might inherit `text-align: center` from a parent in the
   theme's main.css (e.g. `.hero-section.top-left` classic
   rules). */

body.home .hero-section--treatment-c .hero-c__content,
body.home .hero-section--treatment-c .hero-c__inner,
body.home .hero-section--treatment-c .hero-c__title,
body.home .hero-section--treatment-c .hero-c__subtitle,
body.home .hero-section--treatment-c .hero-c__eyebrow {
	text-align: left !important;
}

/* ============================================================
   END HOMEPAGE REDESIGN 2026-05-28 PATCH #6
   ============================================================ */
/* ============================================================
   HOMEPAGE REDESIGN 2026-05-28 — CSS overrides — PATCH #7
   ============================================================
   S08 partial restructure to Path A (canvas section-8 fidelity).

   5-column CSS Grid: [labels-col, card1, card2, card3, card4].
   First row = card headers (corner + 4 col headers). Subsequent
   rows = row label on left + 4 cells.

   F&M card (is_recommended) gets its visual "card" via cream-bg
   on the column-header AND every cell in that column, joined
   by box-shadow tricks so the column reads as one elevated card.

   Canvas reference: lines 1950-2050 of canvas-extracted.html
   (`.cmp-table`, `.cmp-table__col-header`, `.cmp-table__cell`).
   ============================================================ */

/* ────────────────────────────────────────────────────────────
   Grid + header-row
   ──────────────────────────────────────────────────────────── */

body.home .comparison-section--teaser .comparison-section__table {
	display: grid;
	grid-template-columns: minmax(150px, 0.62fr) repeat(4, 1fr);
	max-width: 1180px;
	margin: 0 auto;
	column-gap: 0;
	row-gap: 0;
	position: relative;
	font-family: "gelica", "Manrope", system-ui, sans-serif;
	color: var(--fm-green, #1f3e36);
}

body.home .comparison-section--teaser .cmp-table__corner {
	/* Top-left empty corner. No styling — pure spacer. */
}

body.home .comparison-section--teaser .cmp-table__col-header {
	padding: 22px 16px 18px;
	text-align: center;
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 14px;
	align-items: center;
}
body.home .comparison-section--teaser .cmp-table__col-media {
	width: 100%;
	aspect-ratio: 5 / 3;
	background: #ece5d4;
	border-radius: 10px;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
}
body.home .comparison-section--teaser .cmp-table__col-media img {
	width: 84%;
	height: 84%;
	object-fit: contain;
}
body.home .comparison-section--teaser .cmp-table__col-title {
	font-family: "gelica", "Manrope", system-ui, sans-serif;
	font-weight: 500;
	font-size: 18px;
	text-transform: uppercase;
	color: var(--fm-green, #1f3e36);
	margin: 0;
	letter-spacing: 0.02em;
}
body.home .comparison-section--teaser .cmp-table__col-title--muted {
	opacity: 0.62;
}

/* F&M column header — peach bg + orange top border + overlapping pill */
body.home .comparison-section--teaser .cmp-table__col-header--fm {
	background: var(--fm-cream, #fffbfb);
	border-top: 3px solid var(--fm-orange, #ef7923);
	border-radius: 12px 12px 0 0;
	box-shadow: 0 -2px 6px rgba(31, 62, 54, 0.05);
}
body.home .comparison-section--teaser .cmp-table__col-pill {
	position: absolute;
	top: -12px;
	left: 50%;
	transform: translateX(-50%);
	background: var(--fm-orange, #ef7923);
	color: var(--fm-cream, #fffbfb);
	font-family: "gelica", "Manrope", system-ui, sans-serif;
	font-size: 10px;
	font-weight: 600;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	padding: 6px 14px;
	border-radius: 100px;
	white-space: nowrap;
	z-index: 2;
}

/* ────────────────────────────────────────────────────────────
   Row labels (left column) and cells
   ──────────────────────────────────────────────────────────── */

body.home .comparison-section--teaser .cmp-table__row-label {
	display: flex;
	align-items: center;
	padding: 22px 18px 22px 4px;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--fm-green, #1f3e36);
	opacity: 0.6;
	border-top: 1px solid rgba(31, 62, 54, 0.10);
}

body.home .comparison-section--teaser .cmp-table__cell {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	padding: 22px 16px;
	border-top: 1px solid rgba(31, 62, 54, 0.10);
	font-family: "gelica", "Manrope", system-ui, sans-serif;
	font-size: 13.5px;
	line-height: 1.4;
}

body.home .comparison-section--teaser .cmp-table__cell--fm {
	background: var(--fm-cream, #fffbfb);
	color: var(--fm-green, #1f3e36);
	box-shadow:
		inset 1px 0 0 rgba(31, 62, 54, 0.04),
		inset -1px 0 0 rgba(31, 62, 54, 0.04);
}
body.home .comparison-section--teaser .cmp-table__cell--fm-last {
	border-radius: 0 0 12px 12px;
	box-shadow:
		inset 1px 0 0 rgba(31, 62, 54, 0.04),
		inset -1px 0 0 rgba(31, 62, 54, 0.04),
		0 18px 36px rgba(31, 62, 54, 0.06);
}
body.home .comparison-section--teaser .cmp-table__cell--muted {
	color: var(--fm-green, #1f3e36);
	opacity: 0.78;
}

body.home .comparison-section--teaser .cmp-table__cell-icon {
	width: 18px;
	height: 18px;
	flex-shrink: 0;
	margin-top: 2px;
	object-fit: contain;
}
body.home .comparison-section--teaser .cmp-table__cell-text {
	font-family: "gelica", "Manrope", system-ui, sans-serif;
	font-size: 13.5px;
	line-height: 1.4;
}

/* ────────────────────────────────────────────────────────────
   Hide the legacy Path-B `.comparison-section__columns` block
   when Path-A `.comparison-section__table` is present.
   The partial only renders one or the other (conditional), but
   guard against the legacy CSS rules sneaking back. */

body.home .comparison-section--teaser:has(.comparison-section__table) .comparison-section__columns {
	display: none !important;
}

/* ────────────────────────────────────────────────────────────
   Mobile — stacked card layout (F&M first). The grid
   transforms into single-column flow; row labels become card
   sub-labels. ───────────────────────────────────────────── */

@media (max-width: 900px) {
	body.home .comparison-section--teaser .comparison-section__table {
		grid-template-columns: 1fr;
		gap: 16px;
	}
	body.home .comparison-section--teaser .cmp-table__corner {
		display: none;
	}
	body.home .comparison-section--teaser .cmp-table__col-header {
		background: var(--fm-cream, #fffbfb);
		border-radius: 14px 14px 0 0;
		box-shadow: 0 1px 4px rgba(31, 62, 54, 0.04);
	}
	body.home .comparison-section--teaser .cmp-table__col-header--fm {
		order: -1; /* F&M card first */
		box-shadow:
			0 2px 8px rgba(31, 62, 54, 0.08),
			0 18px 36px rgba(31, 62, 54, 0.06);
	}
	body.home .comparison-section--teaser .cmp-table__row-label,
	body.home .comparison-section--teaser .cmp-table__cell {
		border-top: 0;
	}
	/* Mobile fallback: row labels collapse since the canvas layout
	   doesn't accommodate them well in 1-col stack. */
	body.home .comparison-section--teaser .cmp-table__row-label {
		display: none;
	}
}

/* ============================================================
   END HOMEPAGE REDESIGN 2026-05-28 PATCH #7
   ============================================================ */
/* ============================================================
   HOMEPAGE REDESIGN 2026-05-28 — CSS overrides — PATCH #8
   ============================================================
   CRITICAL CSS leakage regression fixes — pass #7 follow-up.

   User reported two surfaces with invisible text:
     - Homepage Trustpilot section: inline style `background-color:
       #FFFBFB` overrode the V-A design's dark-green band, leaving
       cream text on cream bg.
     - /sa-fungerar-det/ + /varfor-farsklagat/: legacy global rule
       `.light { color: #fffbfb }` from main.css was making ALL
       elements with class `light` cream — including section
       headings sitting on white/cream backgrounds.

   Both root-cause to FOURTH "legacy global selector trap"
   recurrence. The CHANGELOG strategic-followup about scoping
   legacy globals is now PRIORITY-1 BEFORE further homepage CSS
   work (not parked).
   ============================================================ */

/* ────────────────────────────────────────────────────────────
   BUG 1 — Trustpilot V-A section: force the dark-green band
   ────────────────────────────────────────────────────────────
   The partial outputs `style="background-color: <db_value>"`
   inline. Inline styles win over CSS unless `!important` is
   used. Phase 4 now writes #1f3e36 unconditionally, but a CSS
   `!important` rule belt-and-braces against any future direct-
   DB-edit or wp-admin override that re-introduces a light bg.
   ──────────────────────────────────────────────────────────── */

section.trustpilot-section.trustpilot-section--v-a {
	background-color: #1f3e36 !important;
}

/* ────────────────────────────────────────────────────────────
   BUG 2 — `.light` global rule neutralisation
   ────────────────────────────────────────────────────────────
   The legacy main.css carries `.light { color: #fffbfb }` as a
   site-wide modifier. It was designed for editor-driven "this
   section has a dark background, give text light color" cases,
   but ACF data on /sa-fungerar-det/ + /varfor-farsklagat/ has
   `.light`-classed headings inside sections whose background
   ended up light/cream. Cream-on-cream = invisible.

   Approach: don't edit main.css's legacy rule (touches
   pre-redesign markup expectations). Instead, RESET h1-h6
   `.light` to the body default dark-green, then RE-APPLY cream
   in the known-dark-bg contexts where the original intent holds.

   This is additive — non-heading `.light` elements (paragraphs,
   spans, etc.) are unchanged, so any editor's "light label
   text" use case still renders cream where placed.

   Belt-and-braces: re-applies inside any block CSS-class
   containing the word `dark` (catches `.hero-section.dark`,
   `bg-dark`, etc.) plus the named dark bands we know about.
   2026-06-11 (CC:s svep-Fynd A): attr-selektorerna fick `i`-flagga —
   ACF skriver inline-hex med VERSALER (#1F3E36) och CSS-attributmatchning
   är skiftlägeskänslig → sex .light-rubriker i one-column-list-bandet på
   /varfor-farsklagat/ blev mörkgröna på mörkgrönt. + h4 i listan.
   ──────────────────────────────────────────────────────────── */

h1.light,
h2.light,
h3.light,
h4.light,
h5.light,
h6.light {
	color: var(--fm-green, #1f3e36);
}

/* Re-apply cream where dark bg is intentional */
.hero-section h1.light,
.hero-section h2.light,
.hero-section h3.light,
.hero-section h4.light,
.hero-section h5.light,
.hero-section h6.light,
.blog-hero h1.light,
.blog-hero h2.light,
.faq-hero h1.light,
.faq-hero h2.light,
.single-product .product-hero h1.light,
.single-product .product-hero h2.light,
.trustpilot-section h1.light,
.trustpilot-section h2.light,
.trustpilot-section--v-a h1.light,
.trustpilot-section--v-a h2.light,
.timeline_section h1.light,
.timeline_section h2.light,
.timeline_section h3.light,
[style*="background-color: #1f3e36" i] h1.light,
[style*="background-color: #1f3e36" i] h2.light,
[style*="background-color: #1f3e36" i] h3.light,
[style*="background-color: #1f3e36" i] h4.light,
[style*="background:#1f3e36" i] h1.light,
[style*="background:#1f3e36" i] h2.light,
[style*="background:#1f3e36" i] h3.light,
[style*="background:#1f3e36" i] h4.light {
	color: var(--fm-cream, #fffbfb);
}

/* Treatment C hero uses .hero-c__title (no .light dependency)
   so it's unaffected by the reset above — its color comes from
   patch #2's explicit `.hero-c__title { color: cream }` rule.
   This comment exists so future audits know not to look for a
   special rule here. */

/* ============================================================
   END HOMEPAGE REDESIGN 2026-05-28 PATCH #8
   ============================================================ */

/* fnm-audit finding-48 (2026-06-08): two-column columns must shrink below video intrinsic width — stops desktop wrap/stack on non-home pages (/sa-fungerar-det/ etc.) */
.two-column-section .column{min-width:0}