/*
Theme Name: Felicia 2026
Author: Edison Dairo Jimenez / QNY Creative
Author URI: http://qnycreative.com
Version: 1.0
*/

/* fonts */
@import url("https://use.typekit.net/snj4ljk.css");

/* Colors */
:root{
	--green:#658D1B;
	--light-green:#D5E373;
	--orange:#FA4616;
	--brown:#963821;
	--dark-brown:#B43622;
	--purple:#AF1685;
	--white:#fff;
	--dark:#1a1a1a;
	--text:#000;
	--text-light:#999;
	--border:#ccc;
	--bg:#fff;
	--bg-alt:#efefef;
}

/* WordPress Core Styles */
.alignleft{float:left; margin-right:1.5rem; margin-bottom:1rem}
.alignright{float:right; margin-left:1.5rem; margin-bottom:1rem}
.aligncenter{display:block; margin-left:auto; margin-right:auto; margin-bottom:1rem}
.alignwide{max-width:100%; margin-left:auto; margin-right:auto}
.alignfull{max-width:100vw; margin-left:calc(-50vw + 50%); width:100vw}
.wp-caption{max-width:100%; margin-bottom:1rem}
.wp-caption img{display:block; max-width:100%; height:auto}
.wp-caption-text,.wp-block-image figcaption,.gallery-caption{font-size:.875rem; color:#666; margin-top:.5rem; text-align:center}
img{max-width:100%; height:auto}
.wp-block-image img{display:block}
.gallery{display:flex; flex-wrap:wrap; gap:.5rem; margin-bottom:1.5rem}
.gallery-item{flex:1 0 calc(33.333% - .5rem)}
.gallery-item img{display:block; width:100%; height:auto}
.screen-reader-text{clip:rect(1px,1px,1px,1px); clip-path:inset(50%); height:1px; width:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; word-wrap:normal!important}
.screen-reader-text:focus{background-color:#f1f1f1; clip:auto!important; clip-path:none; color:#21759b; display:block; font-size:.875rem; font-weight:700; height:auto; left:5px; line-height:normal; padding:15px 23px 14px; text-decoration:none; top:5px; width:auto; z-index:100000}
.entry-content::after{content:""; display:table; clear:both}
.wp-block-quote{border-left:4px solid #ccc; margin:1.5rem 0; padding:.5rem 1.5rem}
.wp-block-pullquote{border-top:4px solid #ccc; border-bottom:4px solid #ccc; padding:1.5rem 0; text-align:center}
.wp-block-table{width:100%; margin-bottom:1.5rem; border-collapse:collapse}
.wp-block-table td,.wp-block-table th{padding:.5rem; border:1px solid #ccc}
.wp-block-separator{border:none; border-top:2px solid #ccc; margin:2rem 0}
.wp-block-button .wp-block-button__link{display:inline-block; padding:.75rem 1.5rem; text-decoration:none}
.has-text-align-left{text-align:left}
.has-text-align-center{text-align:center}
.has-text-align-right{text-align:right}

/* Minimal Reset */
*, *::before, *::after{box-sizing:border-box; margin:0; padding:0}
html{-webkit-text-size-adjust:100%; scroll-behavior:smooth; font-size:16px}
body { font-family: "brandon-grotesque", sans-serif; min-height: 100vh; line-height: 1.5; overflow-x: hidden; font-weight: 400; font-size: 1.2rem;}
img, picture, video, canvas, svg{display:block; max-width:100%; height:auto}
button{font:inherit; cursor:pointer}
a{text-decoration:none; color:inherit}
table{border-collapse:collapse; border-spacing:0}
h1,h2,h3,h4,h5,h6{font-family:'Londrina Solid', cursive; font-size:inherit; font-weight:inherit}
input, select, textarea{width:100%; padding:10px; border:1px solid var(--border); background:var(--white); font:inherit; border-radius:0; -webkit-appearance:none}
textarea{resize:none; min-height:120px}

/* Layout */
.content{ width:1300px; margin:0 auto; padding:0;}
.hidden{display:none !important}
.center{ text-align:center;}
.bg{ display: flow-root;}
.white{ color:var(--white);}

/* Column Layout */
.row{display:flex; flex-wrap:wrap; gap:15px}
.col{flex:1}
.col-1{flex:0 0 100%}
.col-2{flex:0 0 calc(50% - 7.5px)}
.col-3{flex:0 0 calc(33.333% - 10px)}
.col-4{flex:0 0 calc(25% - 11.25px)}
.col-5{flex:0 0 calc(20% - 12px)}

/* Responsive BG */
.rbg{background-image:var(--bg-desktop); background-size:cover; background-position:center}

/* Solid fill button */
.button{display:inline-block; padding:12px 30px; background:var(--green); color:var(--white); font-weight:700; text-transform:uppercase; letter-spacing:0.05em; font-size:0.875rem; cursor:pointer; border:none; transition:background 0.3s}
.button:hover{background:var(--orange)}

/* Notifications */
.msg{padding:12px 16px; font-size:1rem; margin:20px 0 0; display:none;}
.msg.visible{display:block !important;}
.msg.success{background:#e8f5e9; color:#2e7d32; border:1px solid #a5d6a7}
.msg.error{background:#fbe9e7; color:#c62828; border:1px solid #ef9a9a}
.msg.warning{background:#fff8e1; color:#f57f17; border:1px solid #ffe082}
.redBorder{border-color:#c62828 !important; outline: 2px solid #c62828 !important;}

/* ACF Blocks */
.block { margin: 60px auto; position: relative;}
.block .content { margin: 0px auto;}

/* pill button */
.pill-btn { display: inline-block; background: var(--light-green); color: var(--green); font-family: "Londrina Solid", cursive; font-size: 33px; line-height: 1; padding: 11px 35px; border-radius: 31px; text-transform: uppercase; border: medium; cursor: pointer; transition: opacity 0.3s;}
.pill-btn:hover{ opacity:0.85}
.pill-btn-lg { font-size: 35px; padding: 10px 30px;}

/* Header */
header { transition: 0.3s ease; padding: 60px 0px 0px; position: fixed; z-index: 1000; left: 0px; top: 0px; width: 100%;}
body.admin-bar header{ top: 32px;}
header .content{ display:flex; align-items:center; justify-content:center; position:relative;}
header .menuIcon { position: absolute; left: 0px; width: 60px; height: 60px; flex-shrink: 0; top: 0px; display: flex; align-items: center; justify-content: center; background: var(--light-green); border-radius: 50%; cursor: pointer; z-index: 1001;}
header .menuIcon span { display: block; width: 28px; height: 3px; background: #2c5e21; border-radius: 2px; position: absolute; transition: 0.3s ease; left: 50%; margin-left: -14px;}
header .menuIcon span:nth-child(1) { top: 20px;}
header .menuIcon span:nth-child(2) { top: 28px;}
header .menuIcon span:nth-child(3) { top: 36px;}
body.menuOpen .menuIcon span:nth-child(1) { top: 28px; transform: rotate(45deg);}
body.menuOpen .menuIcon span:nth-child(2) { opacity: 0;}
body.menuOpen .menuIcon span:nth-child(3) { top: 28px; transform: rotate(-45deg);}
header .logo { transition: 0.3s ease; display: block; width: 172px; background: url("img/logo.svg") center center / contain no-repeat; text-indent: -9999px; overflow: hidden; aspect-ratio: 200 / 91;}
header .logo.white,
body.single-recipe .logo{ filter: brightness(0) invert(1); }
body.scrolled header { padding: 20px 0px; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 10px;}
body.scrolled header .logo { width: 132px; filter: none !important;}

/* section */
section{ padding: 139px 0 0;}
section:has(.heroBlock),
body.single-recipe section{ padding:0;}

/* Main Menu */
.mainMenu { position: fixed; inset: 0; z-index: 999; background: var(--green); opacity: 0; visibility: hidden; pointer-events: none; transition: opacity 0.3s ease, visibility 0.3s ease; overflow-y: auto; -webkit-overflow-scrolling: touch;}
body.menuOpen .mainMenu { opacity: 1; visibility: visible; pointer-events: auto;}
body.menuOpen header .logo { filter: brightness(0) invert(1) !important;}
body.menuOpen.scrolled header { background: transparent; box-shadow: none;}
body.menuOpen { overflow: hidden;}
.mainMenu-inner { display: flex; padding: 193px 0px 60px; min-height: 100vh; gap: 40px;}
.menuLeft { flex: 0 0 45.5%; display: flex; flex-direction: column;}
.menuRight { flex: 1 1 0%; display: flex; flex-direction: row; align-items: flex-start; gap: 40px;}
.menuPrimaryLinks { display: flex; flex-direction: column; margin-bottom: -3px;}
.menuPrimaryLinks a { font-family: "Londrina Solid", cursive; font-size: 3.3125rem; line-height: 1.15; color: var(--light-green); text-transform: uppercase; transition: opacity 0.2s;}
.menuPrimaryLinks a:hover { opacity: 0.7;}
.menuProducts { display: grid; grid-template-columns: 1fr 1fr; gap: 10px 40px;}
.menuCategory h3 { font-family: "Londrina Solid", cursive; font-weight: 400; font-size: 1.9375rem; color: var(--white); text-transform: uppercase; margin-bottom: -3px;}
.menuCategory ul { list-style: none; margin: 0 0 20px; padding: 0;}
.menuCategory li { margin-bottom: 0px;}
.menuCategory a { font-family: "Londrina Solid", cursive; font-weight: 300; font-size: 1.4375rem; color: var(--white); transition: opacity 0.2s;}
.menuCategory a:hover { opacity: 0.7;}
.menuPageLinks { display: flex; flex-direction: column;}
.menuPageLinks a { font-family: "Londrina Solid", cursive; font-size: 3.3125rem; line-height: 1.15; color: var(--light-green); text-transform: uppercase; transition: opacity 0.2s;}
.menuPageLinks a:hover { opacity: 0.7;}
.fastLogo { background: url("img/fastLogo1.svg") center center / 70% no-repeat; width: 243px; aspect-ratio: 558 / 391; display: block !important; margin: 185px 27px 0px auto; border: 1px solid rgb(255, 255, 255); padding: 30px; overflow: hidden; text-indent: -5000px;}

/* home slider */
.heroBlock { position: relative; height: 660px; overflow: hidden;}
.heroBlock .content{position:relative; z-index:2; display:flex; align-items:flex-start; height: 100%;}
.heroLeft { height: 100%; flex: 0 0 48%; display: flex; flex-direction: column; justify-content: center; align-items: flex-start;}
.heroLeft h2 { font-size: 130px; line-height: 0.87; color: var(--green); text-transform: uppercase; margin-bottom: 48px;}
.heroLeft .size113{ font-size: 113px;}
.heroLeft .size105{ font-size: 105px;}
.heroLeft .size91{ font-size: 91px;}
.heroLeft .size96{ font-size: 96px;}
.heroLeft .size88{ font-size: 88px;}
.heroLeft .size74{ font-size: 74px;}
.heroLeft .size66{ font-size: 66px;}
.heroLeft .size64{ font-size: 64px;}
.heroLeft .pill-btn{margin-top:10px}
.heroProducts { background: no-repeat center center / contain; position: absolute;}
.heroProducts.forTablet, .heroProducts.forPhone { display: none;}
.heroCarousel,
.heroCarousel ul{ position: relative; width: 100%; height: 100%;}
.heroCarousel ul li { display: none; position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; padding: 136px 0px 0px;}
.heroCarousel ul li:first-child { display: block; position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; padding: 136px 0px 0px;}
.heroCarousel .paginator{ z-index: 5; position: absolute; width: 100%; bottom: 10px; text-align: center;}
.heroCarousel .paginator span { cursor: pointer; display: inline-block; margin: 0px 5px; width: 18px; aspect-ratio: 1 / 1; background: var(--white); border: 2px solid var(--green); border-radius: 50%; opacity: 0.6;}
.heroCarousel .paginator span:hover{ opacity: 1;}
.heroCarousel .paginator span.active{ opacity: 1; background: var(--green); border-color: var(--white);}

/* manifesto about */
.manifestoBlock { position: relative;}
.fullwidthText .manifestoBlock h2 { text-align: center; color: var(--light-green); font-size: 78px; line-height: 1.17; text-transform: uppercase; margin-bottom: 38px; padding: 0px 60px;}
.manifestoContent{ display:flex; gap:40px; align-items:flex-start; position:relative; z-index:2;}
.manifestoLeft { flex: 0 0 31%;}
.manifestoLeft h3 { font-size: 102px; line-height: 0.91; text-transform: uppercase; margin-left: -60px; padding-left: 60px; color: var(--white);}
.manifestoLeft h3 span { font-size: 82px;}
.manifestoLeft h3 span.size2 { font-size: 110px;}
.manifestoLeft h3 span.size3 { font-size: 99px;}
.manifestoLeft h3 span.size4 { font-size: 96px;}
.manifestoLeft h3 span.size5 { font-size: 120px;}
.manifestoLeft h3 span.size6 { font-size: 85px;}
.manifestoRight { flex: 1 1 0%; position: relative; font-family: "Londrina Solid", cursive; padding: 13px 0px 0px;}
.manifestoText { color: var(--white); font-size: 26px; line-height: 1.22; text-transform: uppercase;}
.manifestoText p{ margin-bottom:1em}
.manifestoTagline{ display:flex; align-items:center; gap:15px; margin:30px 0;}
.taglineLogo{ width:114px; height:auto}
.manifestoTagline span{ color:var(--white); font-size:35px; text-transform:uppercase;}
.manifestoRight .pill-btn{ margin-bottom:40px}
.manifestoPhoto { position: absolute; z-index: 1; width: 668px; margin-left: auto; aspect-ratio: 1 / 1; background: center center / contain no-repeat; bottom: -151px; right: -272px;}

/* certifications */
.certsBlock { padding: 50px 0px; position: relative; z-index: 2;}
.certsBlock .content{display:flex; justify-content:center; align-items:center;}
.certsBlock img{max-height:108px; width:auto}

/* recipe carousel */
.recipeBlock { position: relative; margin: 0px auto; z-index: 2; overflow-x: clip;}
.recipeCarousel{ position:relative; height: 700px;}
.recipeCarousel ul{ position:absolute; left:0; top:0; width:9999px; height:100%; display:flex;}
.recipeSlide{ width:100vw; flex-shrink:0; height:100%; list-style-type:none; display:flex;}
.recipeInfo,
.recipeHeroText{ flex: 0 0 50%; color: var(--white); padding: 110px 0px; display: flex; flex-direction: column; justify-content: center; font-size: 39px; line-height: 1.1; text-transform: uppercase; font-family: "Londrina Solid", cursive; align-items: center;}
.recipeText { width: 556px; margin-left: auto; padding: 0px 60px 0px 0px;}
.recipeInfo .pill-btn { margin-top: 42px;}
.recipeInfo h3,
.recipeHeroText h1 { font-size: 121px; line-height: 0.8; text-transform: uppercase; margin-bottom: 0px;}
.recipePhoto { flex: 0 0 50%; background-color: var(--dark-brown); background-size: 883px; background-position: -339px center; position: relative; overflow: hidden; background-repeat: no-repeat;}
.carouselArrow { position: absolute; top: 50%; transform: translateY(-50%); width: 46px; aspect-ratio: 1 / 1; border-radius: 50%; background: var(--green); border: medium; cursor: pointer; display: flex; align-items: center; justify-content: center; z-index: 5; transition: opacity 0.3s;}
.carouselArrow:hover{ opacity:0.8}
.carouselArrow svg { width: 14px; height: auto;}
.carouselPrev{ left:20px}
.carouselNext{ right:20px}
.recipeMore{ text-align:center; padding:40px 0;}

/* instagram */
.instagramBlock { margin: 0px auto 60px;}
.instagramBlock h2 { text-align: center; color: var(--orange); font-size: 78px; line-height: 1.17; text-transform: uppercase; margin-bottom: 50px;}
.instagramGrid { display: flex; gap: 10px; margin: 0px 22px;}
.igPhoto { flex: 1 1 0%; aspect-ratio: 274 / 343; background-size: cover; background-position: center center; text-indent: -5000px; overflow: hidden; transition: 0.3s ease;}
.igPhoto:hover{ transform: translateY(-10px);}
.igPhoto img{ width:100%; height:100%; object-fit:cover;}

/* productFamily */
.productFamily { color: var(--white); margin: 40px auto 0px;}
.productFamily .category h2 { text-transform: uppercase; text-align: center; color: var(--white); font-family: "Londrina Solid", cursive; font-size: 120px; line-height: 1; margin: 0px 0px 20px;}
.productFamily .category .description { font-size: 1.8rem; text-align: center; margin: 0px auto; width: 70%;}
.productFamily .category{ padding:80px 0;}
.productsList{ display:flex; flex-wrap:wrap; justify-content:center; gap:40px; margin-top:50px;}
a.product{ display:flex; flex-direction:column; text-align:center; text-decoration:none; color:var(--white); transition:transform 0.3s ease; width:calc((100% - 80px) / 3);}
a.product:hover{ transform:scale(1.05);}
a.product .image{ width:100%; padding-bottom:100%; background-size:contain; background-position:center; background-repeat:no-repeat;}
.category.c8 a.product.small .image{ padding-bottom: 110px;}
a.product.small .image{ background-position-y: bottom;}
a.product .text { flex:1; display:flex; flex-direction:column;}
a.product .text .pill-btn { margin-top:auto;}
a.product .text h3 { font-family: "Londrina Solid", cursive; font-size: 38px; text-transform: uppercase; margin: 15px 0px 10px; color: var(--white);}

/* logo invert for dark bg pages */
body:has(.darkGreenBody) header .logo,
body:has(.whiteHeaderLogo) header .logo,
body.single-product header .logo{filter:brightness(0) invert(1)}
body:has(.whiteHeaderLogo){ background:var(--green);}
body:has(.darkGreenBody){ background:#2c5e21;}

/* press page */
.pressPage{ padding:40px 0 80px; min-height:calc(100vh - 106px);}
.pressPage h1{text-align:center; color:var(--white); font-size:87px; line-height:1.26; text-transform:uppercase; margin-bottom:50px;}
.pressGrid{display:grid; grid-template-columns:repeat(3, 1fr); gap:40px;}
.pressCard{display:flex; flex-direction:column; border:3px solid var(--white); border-radius:20px; padding:20px; color:var(--white); transition:opacity 0.3s;}
.pressCard:hover{opacity:0.9}
.pressCardImage{ background-color:#D9D9D9; border-radius:20px; aspect-ratio:4/3; overflow:hidden; margin-bottom:25px}
.pressLogo{ background: no-repeat left top / contain; height: 30px; margin-bottom:15px}
.pressCard h2{font-size:39px; line-height:1.1; text-transform:uppercase; margin-bottom:2px;}
.pressDate{font-family:"brandon-grotesque", sans-serif; font-size:28px; line-height:1.5; text-transform:uppercase; margin-bottom:15px;}
.pressReadMore{font-size:33px; align-self:flex-start;}

/* fullwidth text */
.fullwidthText { font-size: 1.8rem;}
.fullwidthText ul, .fullwidthText ol { padding-left: 1.25em;}
.fullwidthText h1{ font-size: 87px; line-height: 1.26; text-transform: uppercase; margin-bottom: 45px;}
.fullwidthText h2 { font-size: 65px; line-height: 1.08; text-transform: uppercase; margin-bottom: 30px; margin-top: 60px;}
.fullwidthText h2:first-child{ margin-top: 0;}
.fullwidthText .productsBanner { margin: 60px auto; width: 80%;}
.fullwidthText .productsBanner img,
.fullwidthText .recipeProductsBanner img{ display: block; width: 100%;}
.fullwidthText .recipeProductsBanner { margin: -30px auto -20px; width: 100%;}
.fullwidthText hr{ border:none; margin:77px auto; width:140px; height:18px; background:url(img/shr.svg) no-repeat center center / contain;}

/* textWithImage */
.textWithImage{ font-size: 1.8rem;}
.textWithImage h2 { font-size: 65px; line-height: 1.08; text-transform: uppercase; margin: 0px 0px 30px;}
.textWithImage .content{ display:flex; align-items:stretch;}
.textWithImage .image { flex: 0 0 42%; overflow: hidden; position: relative;}
.textWithImage .image img{ position:absolute; top:0; left:0; width:100%; height:100%; object-fit:contain; display:block;}
.textWithImage .text { flex: 1 1 0%; display: flex; align-items: center; padding: 0px 60px;}
.textWithImage.Left .content{ flex-direction:row;}
.textWithImage.Right .content{ flex-direction:row-reverse;}
.textWithImage .text p{ margin-bottom:1em;}
.textWithImage .text p:last-child{ margin-bottom:0;}
.textWithImage.Left .text{ padding:30px 0 30px 60px;}
.textWithImage.Right .text{ padding:30px 60px 30px 0;}
body.page-id-12 .textWithImage.Left .text, body.page-id-12 .textWithImage.Right .text { padding: 0px 60px;}
.textWithImage:has(.imageAngle1) .image{ transform: rotate(6deg);}
.textWithImage:has(.imageAngle2) .image{ transform: rotate(-6deg);}

/* store locator */
.storeFinderWrap { display: flex; overflow: hidden; border-radius: 30px;}
.storePanel { flex: 0 0 36.3%; display: flex; flex-direction: column;}
.storePanelHead { padding: 35px 0px; background: var(--white);}
.storePanelHead h2{ color:var(--green); font-size:42px; text-transform:uppercase; text-align:center; line-height:1;}
.storePanelBody { background: var(--light-green); padding: 20px 34px; flex: 1 1 0%;}
.storeSearch { margin-bottom: 20px;}
.storeInput { width: 100%; padding: 20px 25px; border: medium; border-radius: 30px; font-family: "brandon-grotesque", sans-serif; font-size: 31px; color: rgb(87, 122, 23); background: var(--white);}
.storeInput::placeholder{color:#577A17; opacity:0.6}
.storeList{flex:1; overflow-y:scroll; height:567px; scrollbar-width:thin; scrollbar-color:var(--green) transparent;}
.storeList::-webkit-scrollbar{width:6px;}
.storeList::-webkit-scrollbar-track{background:transparent;}
.storeList::-webkit-scrollbar-thumb{background:var(--green); border-radius:3px;}
.storeItem{padding:25px 0; border-bottom:2px solid rgba(87,122,23,0.3); cursor:pointer;}
.storeItem:last-child{border-bottom:none}
.storeItem h3{color:#577A17; font-size:35px; text-transform:uppercase; line-height:1; margin-bottom:8px;}
.storeItem p{font-family:"brandon-grotesque", sans-serif; color:#577A17; font-size:28px; line-height:1.12; letter-spacing:-0.25px;}

/* Store Map */
.storeMap{flex:1; background:#324A2F; min-height:600px; position:relative;}
.storeMap iframe{position:absolute; inset:0; width:100%; height:100%; border:none;}
.storeMapPlaceholder{display:flex; align-items:center; justify-content:center; height:100%; color:rgba(255,255,255,0.3); font-size:52px; text-transform:uppercase;}
.gm-style .gm-style-iw-c{padding:0 !important; border-radius:12px !important;}
.gm-style .gm-style-iw-d{overflow:hidden !important;}
.gm-style .gm-style-iw-chr{position:absolute; right:5px; top:5px; z-index:1;}
.gm-style .gm-style-iw-chr button{background:#d5e373 !important; width:24px !important; height:24px !important; margin:0 !important; padding:0 !important;}
.gm-style .gm-style-iw-chr button span{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23324A2F' stroke-width='2.5' stroke-linecap='round'%3E%3Cline x1='6' y1='6' x2='18' y2='18'/%3E%3Cline x1='18' y1='6' x2='6' y2='18'/%3E%3C/svg%3E") no-repeat center / contain !important; margin:0 !important;}
.gm-style .gm-style-iw-tc::after{display:none;}
.mapInfoBox{padding:15px 20px; background:#d5e373; color:var(--green);}
.mapInfoBox strong{font-family:"Londrina Solid", cursive; font-size:22px; text-transform:uppercase; display:block; line-height:1.1; margin-bottom:4px;}
.mapInfoBox p{font-family:"brandon-grotesque", sans-serif; font-size:14px; line-height:1.3; margin:0; color:var(--green);}

/* Retailer Contact Section */
.contactForm{ }
.contact.block .msg{margin-top:15px}
.contactFormContent{display:flex; gap:40px;}
.contactFormLeft{flex:0 0 50%;}
.contactFormLeft h2 {color: var(--orange); font-size: 65px; line-height: 1.13; text-transform: uppercase; margin-bottom: 31px; margin-top: -14px;}
.contactForm p{font-family: "brandon-grotesque", sans-serif; font-size: 31px; line-height: 1.19; color: var(--dark); margin-bottom: 35px;}
.contactFormFields {margin-top: -7px; width: 92%;}
.contactFormFields .formRow {display: flex; gap: 63px; margin-bottom: 20px;}
.contactFormFields .formField{flex:1}
.contactFormFields label {font-family:'Londrina Solid', cursive; display: block; color: var(--orange); font-size: 35px; text-transform: uppercase; margin-bottom: 2px;}
.contactFormFields input, .contactFormFields textarea {width: 100%; height: 54px; padding: 10px 25px; background: rgb(255, 209, 166); border: medium; border-radius: 31px; font-family: "brandon-grotesque", sans-serif; font-size: 20px; color: var(--dark);}
.contactFormFields textarea{ height:150px;}
.contactFormFields input:focus, .contactFormFields textarea:focus{outline:2px solid var(--orange)}
.formDisclaimer{font-family:'Londrina Solid', cursive; color:var(--orange); font-size:22px; text-transform:uppercase; margin:15px 0 20px;}
.formDisclaimer a{ text-decoration:underline;}
.submitBtn{display:inline-block; background:var(--orange); color:var(--white); font-family:'Londrina Solid', cursive; font-size:33px; line-height:1; padding:10px 35px; border-radius:31px; border:none; cursor:pointer; text-transform:uppercase; transition:opacity 0.3s;}
.submitBtn:hover{opacity:0.85}
.contactFormImage{flex:1; min-height:400px; background-size:cover; background-position:center; border-radius:30px;}
.g-recaptcha{ margin:0 0 20px;}

.contactForm:has(.greenText) h2,
.contactForm:has(.greenText) .formDisclaimer,
.contactForm:has(.greenText) label{ color: var(--green);}
.contactForm:has(.greenText) input,
.contactForm:has(.greenText) textarea{ background:rgb(230, 240, 200);}

/* Product Hero */
.productHero { padding: 192px 0px 0px; position: relative; overflow: hidden;}
.productHeroInner{display:flex; align-items:flex-start; gap:40px;}
.productHeroInner .productRight { flex: 1 1 0%;}
.productInfo { flex: 0 0 55%; padding: 0px 0px 0px 37px; display:flex; flex-direction:column; align-items:flex-start;}
.productInfo h1 { font-size: 124px; line-height: 0.9; color: var(--white); text-transform: uppercase; margin-bottom: 66px;}
.nutritionStats { font-family: "Londrina Solid", cursive; display: flex; align-items: flex-start; gap: 20px; margin-bottom: 65px; flex-wrap: wrap; position: relative; padding-bottom: 40px;}
.statItem { display: flex; flex-direction: column; align-items: center; position: relative;}
.statNumber { font-size: 80px; line-height: 1; color: var(--white);}
.statNumber.smaller { font-size: 60px; line-height: 0.92;}
.statLabel { font-size: 30px; color: var(--white); text-transform: capitalize;}
.statLabel.bigger { font-size: 50px; line-height: 1.2;}
.statDivider { width: 5px; height: 104px; background: var(--white); margin: 10px 5px 0px;}
.statNote { font-family: "Londrina Solid", cursive; font-size: 30px; color: var(--white); align-self: center; letter-spacing: 0.5px; margin: 0px 0px 0px 25px; width: 140px; text-align: center; line-height: 1;}
.statNote.newLine { position:absolute; bottom:0; left:0; width:100%; text-align:center; margin:0;}
.nutritionBtn { margin-bottom: 40px;}
.certBadges { display: flex; gap: 15px; align-items: center; flex-wrap: wrap; background: url("img/certBadges.png") center center / contain no-repeat; aspect-ratio: 1002 / 216; width: 90%; position: relative; margin: 0px auto 60px;}
.certBadges img{width:auto; height:90px; opacity:0.9;}
.productBoxImage { flex: 1 1 0%; display: flex; align-items: center; justify-content: center; min-height: 400px; margin: 0px 0px 30px;}
.productBoxImage img { max-width: 100%; height: auto; max-height: 555px; object-fit: contain;}
.productInfo .deco1 { position: absolute; left: calc(50% - 132px); top: 435px; transform: rotate(156deg); width: 158px;}
.productInfo .deco2 { position: absolute; left: calc(50% - 99px); top: 589px; transform: rotate(41deg); width: 155px;}

/* Product Story (green section with food photo + text) */
.productStory { padding: 49px 0px; position: relative; background: var(--green);}
.productStoryInner{display:flex; gap:60px; align-items:flex-start;}
.productPhoto { flex: 0 0 36.3%; position: relative; z-index: 2;}
.productPhoto img { width: 670px; height: auto; position: absolute; right: 0px; top: -10px; display: block; max-width: none;}
.productStoryText { flex: 1 1 0%; font-size: 31.1px; color: var(--white); font-family: "brandon-grotesque", sans-serif; line-height: 1.25;}
.ingredientsBlock { color: var(--white); line-height: 1.7; font-size: 28px; margin: 0px 0px 60px;}
.ingredientsBlock h2 { font-size: 59px; color: var(--white); text-transform: capitalize; line-height: 1.1; margin-bottom: 5px;}
.productStoryText h2 { font-size: 78px; color: rgb(213, 227, 115); text-transform: uppercase; line-height: 0.95; margin-bottom: 25px;}
.productStoryText p { margin-bottom: 1em;}

/* How to Cook */
.productCook { padding: 3px 0px 80px; text-align: center; color: var(--white); background: var(--green);}
.productCook h2 { font-size: 79px; color: var(--white); text-transform: uppercase; line-height: 1; margin-bottom: 26px;}
.productCook .center { font-family: "Londrina Solid", cursive; font-size: 31.3px; line-height: 1.2; margin: 0px 0px 66px;}
.cookSubtitle{font-family:"brandon-grotesque", sans-serif; font-size:17px; color:var(--white); text-transform:uppercase; letter-spacing:0.5px; margin-bottom:50px;}
.cookGrid{display:grid; grid-template-columns:repeat(3, 1fr); gap:40px 30px;}
.cookStep { text-align: center; font-size: 31px; padding: 0px 20px; line-height: 1.12;}
.cookStepIcon { width: 220px; height: 170px; margin: 0px auto 30px; border-radius: 10px; display: flex; align-items: center; justify-content: center;}
.cookStepIcon img{max-width:100%; max-height:100%; object-fit:contain;}
.cookStep h2 { font-size: 55px; margin: 0px 0px 18px;}
.cookStep h3{font-size:36px; color:var(--white); text-transform:uppercase; margin-bottom:10px;}
.cookStep p{font-family:"brandon-grotesque", sans-serif; font-size:17px; color:var(--white); line-height:1.4; max-width:380px; margin:0 auto;}

/* Discover More Products */
.discoverProducts { background: var(--white); padding: 60px 0px;}
.discoverProducts h2 { font-size: 79px; color: var(--green); text-transform: uppercase; text-align: center; line-height: 1; margin-bottom: 84px;}
.discoverCarousel{position:relative; display:flex; align-items:center; gap:20px;}
.discoverGrid{display:flex; gap:30px; flex:1; justify-content:center;}
.discoverCard{flex:0 0 calc(33.333% - 20px); text-align:center;}
.discoverCardImage { aspect-ratio: 3 / 4; display: flex; align-items: center; justify-content: center; height: 340px; margin: 0px auto 86px;}
.discoverCardImage img{max-width:100%; max-height:100%; object-fit:contain;}
.discoverCard h3 { font-size: 54px; color: var(--green); text-transform: uppercase; line-height: 1; margin-bottom: 24px; min-height: 80px; display: flex; align-items: center; justify-content: center;}
.discoverCard .pill-btn { font-size: 33px;}

/* Sustainability page decorations */
.block:has(.decoSet1){position:relative; overflow:visible;}
.block:has(.decoSet1) .content{position:relative;}
.block:has(.decoSet1) .content:before{position:absolute; left:-189px; top:-54px; width:307px; height:416px; background:url(img/sdeco1.svg) no-repeat center center / contain; content:''; pointer-events:none;}
.block:has(.decoSet1) .content:after{position:absolute; right:-74px; top:-50px; width:272px; height:261px; background:url(img/sdeco2.svg) no-repeat center center / contain; content:''; pointer-events:none;}

.block:has(.decoSet2){position:relative; overflow:visible;}
.block:has(.decoSet2) .content{position:relative;}
.block:has(.decoSet2) .content:before{position:absolute; left:-121px; top:60%; width:272px; height:261px; background:url(img/sdeco2.svg) no-repeat center center / contain; content:''; pointer-events:none; transform:scaleX(-1) rotate(12deg);}
.block:has(.decoSet2) .content:after{position:absolute; right:-121px; top:30%; width:272px; height:261px; background:url(img/sdeco2.svg) no-repeat center center / contain; content:''; pointer-events:none;}

/* recipes list */
.recipeList.block { color:var(--white); margin: 60px auto 0;}
.recipeList .recipeBox { padding: 40px 0; font-family: "Londrina Solid", cursive; font-size: 1.8rem; display: flex;}
.recipeList .recipeBox h3 { font-size: 5rem; line-height: 1;}
.recipeList .recipeBox h3 br{ display: none;}
.recipeList .recipeBox a{ display:flex; align-items:center; text-decoration:none; color:var(--white);}
.recipeList .recipeBox .image{ flex:0 0 50%; padding-bottom:50%; background-size:contain; background-position:center; background-repeat:no-repeat;}
.recipeList .recipeBox .text{ flex:1; padding:0 40px; display:flex; flex-direction:column; justify-content:center; align-items:flex-start;}
.recipeList .recipeBox .text .pill-btn{ margin-top: 30px;}
.recipeList .recipeBox.imageRight a{ flex-direction:row-reverse;}
.recipeList .recipeBox .content{ padding: 0 100px;}
.recipeList .recipeBox.imageRight .text{ align-items:flex-end; text-align: right;}

/* recipePage */
.recipeHero { color: var(--white); padding: 120px 0px 50px;}
.recipeHeroInner{ display:flex; align-items:center;}
.recipeHeroText { flex: 1 1 0%; text-align: right; padding: 0px 60px 0px 0px; align-items: flex-end;}
.recipeHeroImage{ flex:0 0 50%;}
.recipeHeroImage img{ width:100%; display:block;}
.recipeContent{ margin:60px auto;}
.recipeContentInner{ display:flex; gap:60px;}
.recipeIngredients{ flex:0 0 40%;}
.recipeIngredients a { text-decoration:underline;}
.recipeDirections{ flex:1;}
.recipeContent h2{ font-size:42px; text-transform:uppercase; margin-bottom:20px; color:var(--green);}
.recipeContent ul { list-style: none;}.recipeContent ul li { position: relative; padding-left: 60px;}.recipeContent ul li::before { content: ""; position: absolute; left: 0px; top: 6px; height: 12px; background: url("img/ul.svg") center center / contain no-repeat; aspect-ratio: 67 / 18;}
.recipeContent li{ margin-bottom:10px; font-size:20px;}
.recipeContent ol{ padding-left:20px;}
.recipeContent ol li{ margin-bottom:15px; font-size:20px;}
.recipeFeatured{ color:var(--white); padding:80px 0; text-align:center;}
.recipeFeatured h2{ font-size:42px; text-transform:uppercase; margin-bottom:40px;}
.recipeFeaturedInner{ display:flex; align-items:center; justify-content:center; gap:60px;}
.recipeFeaturedImage{ flex:0 0 auto;}
.recipeFeaturedImage img{ max-height:400px; width:auto;}
.recipeFeaturedInfo{ text-align:left;}
.recipeFeatured .nutritionStats{ display:flex; align-items:center; gap:20px; margin-bottom:30px;}
.recipeFeatured .statItem{ text-align:center;}
.recipeFeatured .statNumber{ display:block; font-family:"Londrina Solid", cursive; font-size:48px;}
.recipeFeatured .statLabel{ font-size:16px; text-transform:uppercase;}
.recipeFeatured .statDivider{ width:2px; height:60px; background:var(--white);}
.recipeFeatured .statNote{ display:block; font-size:13px; margin-top:5px;}
.discoverRecipes{ padding:80px 0; text-align:center;}
.discoverRecipes h2{ font-size:42px; text-transform:uppercase; margin-bottom:40px; color:var(--green);}
.discoverRecipes .discoverGrid{ display:flex; justify-content:center; gap:40px;}
.discoverRecipes .discoverCard{ display:block; text-align:center; text-decoration:none; color:var(--black); width:calc((100% - 80px) / 3); transition:transform 0.3s ease;}
.discoverRecipes .discoverCard:hover{ transform:scale(1.05);}
.discoverRecipes .discoverCardImage img{ width:100%; display:block;}
.discoverRecipes .discoverCard h3{ font-family:"Londrina Solid", cursive; font-size:24px; text-transform:uppercase; margin:15px 0 10px;}

/* footer */
footer{background:var(--green); color:var(--white); padding:50px 0; font-size:21px;}
footer a{color:var(--white)}
footer .row{align-items:flex-start; gap:30px;}
.footLogo { flex: 0 0 314px;}
.footLogoLink { display: block; width: 252px; background: url("img/logo-white.svg") center center / contain no-repeat; text-indent: -9999px; aspect-ratio: 288 / 132;}
.footLinks { flex: 1 1 0%; display: grid; grid-template-columns: 1fr 1fr; gap: 12px 40px; list-style: none;}
.footLinks a { font-family: "Londrina Solid", cursive; font-size: 21px; text-transform: uppercase; line-height: 1;}
footer .content{ padding:0 30px;}
.footAmazon { flex: 0 0 200px; display: flex; align-items: center;}
.amazonBtn { display: block; width: 158px; aspect-ratio: 249 / 80; background: url("img/btn-amazon.svg") center center / contain no-repeat; font-size: 0px; color: transparent; margin: 37px 0px 0px;}
.footSocial { flex: 0 0 205px; text-align: left; font-family: "Londrina Solid", cursive;}
.followLabel { font-size: 21px; text-transform: uppercase; display: block; margin-bottom: 14px; line-height: 1;}
.socialIcons { display: flex; gap: 7px; justify-content: flex-start; margin-bottom: 0px;}
.socialIcons a{ display:block; width:41px; height:41px; background-repeat:no-repeat; background-size:contain; font-size:0; color:transparent;}
.iconInstagram{ background-image:url(img/icon-instagram.svg)}
.iconFacebook{ background-image:url(img/icon-facebook.svg)}
.copyright { font-size: 21px; margin-top: 6px;}

@media(min-width:768px){
	.showIphone{ display: none;}
}

/* Tablet */
@media(max-width:1299px){
	html{font-size: 14px;}
	.content{ width: 780px; padding: 0;}
	body{ min-width: 810px; }

	.showDesktop{ display: none !important;}

	/* Header */
	header { padding: 40px 0px 0px;}
	header .menuIcon { left: 0;}
	header .logo { width: 150px;}
	body.scrolled header .logo { width: 120px;}

	/* Main Menu */
	.mainMenu-inner { display: block; padding: 180px 0px 40px;}
	.menuProducts { gap: 5px 30px;}
	.fastLogo { width: 180px; margin: 30px auto 0;}
	.menuLeft, .menuRight{ display: block; text-align: center;}
	.menuProducts { grid-template-columns: 1fr 1fr 1fr;}
	.menuCategory ul{ margin: 0;}

	/* Section */
	section { padding: 110px 0 0;}

	/* Hero */
	.heroBlock { height: 500px;}
	.heroProducts.forDesktop:has(~ .forTablet) { display: none;}
	.heroProducts.forTablet { display: block;}
	.heroProducts.forPhone { display: none;}
	.heroLeft h2 { font-size: 5.625rem; margin-bottom: 30px;}
	.heroLeft .size113 { font-size: 5rem;}
	.heroLeft .size105 { font-size: 4.625rem;}
	.heroLeft .size96 { font-size: 4.25rem;}
	.heroLeft .size91 { font-size: 4rem;}
	.heroLeft .size88 { font-size: 3.875rem;}
	.heroLeft .size74 { font-size: 3.25rem;}
	.heroLeft .size66 { font-size: 2.875rem;}
	.heroLeft .size64 { font-size: 2.8125rem;}
	.heroCarousel ul li{ padding-top: 96px;}

	/* Manifesto */
	.fullwidthText .manifestoBlock h2 { font-size: 3.5rem; padding: 0 30px;}
	.manifestoLeft { flex: 0 0 35%; padding: 13px 0 0 0;}
	.manifestoLeft h3 { font-size: 4.5rem; margin-left: 0; padding-left: 0;}
	.manifestoLeft h3 span { font-size: 3.625rem;}
	.manifestoLeft h3 span.size2 { font-size: 4.875rem;}
	.manifestoLeft h3 span.size3 { font-size: 4.375rem;}
	.manifestoLeft h3 span.size4 { font-size: 4.25rem;}
	.manifestoLeft h3 span.size5 { font-size: 5.3125rem;}
	.manifestoLeft h3 span.size6 { font-size: 3.75rem;}
	.manifestoText { font-size: 1.75rem;}
	.manifestoTagline span { font-size: 1.75rem;}
	.taglineLogo { width: 80px;}
	.manifestoPhoto { width: 358px; bottom: -30px; right: auto; left: -120px; z-index: 2;}

	/* Certifications */
	.certsBlock {padding-bottom: 0;}
	.certsBlock img { max-height: 80px; margin: 0 auto; }

	/* Recipe Carousel */
	.recipeCarousel { height: 550px;}
	.recipeInfo, .recipeHeroText { font-size: 1.875rem; padding: 60px 0px;}
	.recipeText { width: 317px; padding: 0 30px 0 0;}
	.recipeInfo h3, .recipeHeroText h1 { font-size: 5.3125rem;}
	.recipePhoto { background-size: 650px; background-position: -200px center;}

	/* Instagram */
	.instagramBlock h2 { font-size: 3.5rem; margin-bottom: 30px;}
	.instagramGrid { margin: 0 10px; }

	/* Product Family */
	.productFamily .category h2 { font-size: 5.3125rem;}
	.productFamily .category { padding: 50px 0;}
	a.product .text h3 { font-size: 1.875rem;}

	/* Press */
	.pressPage h1 { font-size: 4.0625rem;}
	.pressGrid { grid-template-columns: repeat(2, 1fr); gap: 30px;}
	.pressCard h2 { font-size: 1.875rem;}
	.pressDate { font-size: 1.375rem;}
	.pressReadMore { font-size: 1.625rem;}

	/* Fullwidth Text */
	.fullwidthText h1 { font-size: 4.0625rem; line-height: 1;}
	.fullwidthText h2 { font-size: 3rem;}
	.fullwidthText { font-size: 1.5rem;}

	/* Text With Image */
	.textWithImage .content { flex-direction: column;}
	.textWithImage.Right .content { flex-direction: column;}
	.textWithImage .image { flex: none; aspect-ratio: 4 / 3; width: 70%; margin: 0 auto 60px; display: block;}
	.textWithImage:has(.certB) .image {  width: 42%; }
	.textWithImage .text,
	.textWithImage.Left .text,
	.textWithImage.Right .text {  padding: 0; flex:none;}
	.textWithImage .content{ display: block;}
	.textWithImage h2 { font-size: 3rem;}
	body.page-id-12 .textWithImage.Left .text, body.page-id-12 .textWithImage.Right .text { padding: 30px 0 0;}

	/* Store Locator */
	.storeFinderWrap { flex-direction: column;}
	.storePanel { flex: 0 0 auto;}
	.storePanelHead h2 { font-size: 2.1875rem;}
	.storeInput { font-size: 1.625rem;}
	.storeList { height: 392px;}
	.storeItem h3 { font-size: 1.8125rem;}
	.storeItem p { font-size: 1.4375rem;}
	.storeMap { min-height: 450px;}

	/* Contact Form */
	.contactFormContent { flex-direction: column-reverse;}
	.contactFormLeft { flex: 0 0 auto;}
	.contactFormLeft h2 { font-size: 3rem;}
	.contactForm p { font-size: 1.5rem;}
	.contactFormFields { width: 100%;}
	.contactFormFields label { font-size: 1.75rem;}
	.contactFormImage { width: 100%; min-height: 350px;}

	/* Product Hero */
	.productHero { padding: 140px 0px 0px;}
	.productHeroInner { flex-direction: column-reverse; gap: 30px;}
	.productHeroInner .productRight { width: 100%; display: block;}
	.productInfo { flex: 0 0 auto; padding-left: 0; align-items: center; text-align: center; width: 100%;}
	.productInfo h1 { font-size: 5.3125rem; margin-bottom: 40px;}
	.statNumber { font-size: 3.75rem;}
	.statNumber.smaller { font-size: 2.8125rem;}
	.statLabel { font-size: 1.5rem;}
	.statLabel.bigger { font-size: 2.375rem;}
	.statNote { font-size: 1.5rem; width: 110px;}
	.certBadges img { height: 75px;}
	.productBoxImage { min-height: 250px; flex: none; display: block; margin: 0 auto 30px;}
	.productInfo .deco1, .productInfo .deco2 { display: none;}

	/* Product Story */
	.productStoryInner { gap: 40px;}
	.productPhoto { flex: 0 0 33%;}
	.productPhoto img { width: 500px; top: -10px;}
	.productStoryText h2 { font-size: 3.5rem;}
	.ingredientsBlock h2 { font-size: 2.8125rem;}
	.ingredientsBlock { font-size: 1.375rem;}
	.productStoryText { font-size: 1.5rem;}

	/* How to Cook */
	.productCook h2 { font-size: 3.5rem;}
	.cookGrid { gap: 30px 20px;}
	.cookStep h3 { font-size: 1.75rem;}
	.cookStepIcon { width: 180px; height: 140px;}

	/* Discover Products */
	.discoverProducts h2 { font-size: 3.5rem; margin-bottom: 50px;}
	.discoverCardImage { height: 260px; margin-bottom: 10px;}
	.discoverCard h3 { font-size: 2.5rem;}
	.discoverCard .pill-btn { font-size: 1.625rem;}

	/* Sustainability Decorations */
	.block:has(.decoSet1), .block:has(.decoSet2) { overflow-x: clip;}
	.block:has(.decoSet1) .content:before { left: -120px; width: 200px; height: 280px;}
	.block:has(.decoSet1) .content:after { right: -50px; width: 180px; height: 180px;}
	.block:has(.decoSet2) .content:before { left: -80px; width: 180px; height: 180px; top: 49%;}
	.block:has(.decoSet2) .content:after { right: -80px; width: 180px; height: 180px; top: 24%;}

	/* Recipe List */
	.recipeList .recipeBox h3 { font-size: 3.5rem;}
	.recipeList .recipeBox .content { padding: 0 40px;}

	/* Recipe Page */
	.recipeHeroText { padding: 0 30px 0 0;}
	.recipeHeroText h1 { font-size: 5.3125rem;}

	/* Footer */
	footer .row { display: block;}
	.footLogo { flex: 0 0 100%; margin-bottom: 20px;}
	.footLogoLink { width: 200px; margin: 0 auto;}
	.footLinks { flex: none; display: block; text-align: center;}
	.footLinks li{ display: inline-block; margin: 0 10px;}
	.footAmazon { flex: none; margin: 0 auto; display: block; text-align: center;}
	.footSocial { flex: none;
    text-align: center;
    margin-top: 20px;}
	.amazonBtn { display: inline-block;}
	.socialIcons { justify-content: center;}

	/* press */
	.pressPage { padding: 40px 0 0;}

	/* Grid */
	.col-3, .col-4, .col-5 { flex: 0 0 calc(50% - 7.5px);}

	.productFamily .category .description{ width: 100%;}
	.pill-btn{ font-size: 1.65rem;}
	.certBadges{ margin-bottom: 10px; display: block; width: 55%;}
	.productBoxImage img {  max-height: 450px; margin: 0 auto;}
	.cookStep { font-size: 1.5rem;}
	.category.c8 a.product.small .image { padding-bottom: 70px;}
}

/* Phone */
@media(max-width:767px){
	html { font-size: 11px;}
	.content { width: 370px; padding:0;}
	body{ min-width: 390px; }

	.showIphone{ display: block !important;}

	/* Header */
	header { padding: 20px 0px 0px;}
	header .menuIcon { width: 50px; height: 50px;}
	header .menuIcon span { width: 24px; margin-left: -12px;}
	header .menuIcon span:nth-child(1) { top: 17px;}
	header .menuIcon span:nth-child(2) { top: 24px;}
	header .menuIcon span:nth-child(3) { top: 31px;}
	body.menuOpen .menuIcon span:nth-child(1) { top: 24px;}
	body.menuOpen .menuIcon span:nth-child(3) { top: 24px;}
	header .logo { width: 130px;}
	body.scrolled header .logo { width: 110px;}

	/* Main Menu */
	.mainMenu-inner { padding: 120px 0px 40px;}
	.menuProducts { grid-template-columns: 1fr;}

	/* Section */
	section { padding: 90px 0 0;}

	/* Hero */
	.heroBlock { height: 580px;}
	.heroProducts.forDesktop:has(~ .forPhone) { display: none;}
	.heroProducts.forTablet:has(~ .forPhone) { display: none;}
	.heroProducts.forPhone { display: block;}

	/* Manifesto */
	.manifestoContent { flex-direction: column; gap: 30px; width: 100%;}
	.manifestoLeft { flex: 0 0 auto; width: 200px; margin: 0 auto;}
	.manifestoRight{ text-align: center;}
	.manifestoPhoto { width: 300px; position: relative; bottom: auto; left: auto; margin: 0 auto;}

	/* Recipe Carousel */
	.recipeSlide { flex-direction: column;}
	.recipeInfo, .recipeHeroText { height: 275px; flex: 0 0 auto; padding: 40px 0;}
	.recipeText { text-align: center; margin: 0; width: auto; padding: 0;}
	.recipePhoto { flex: 0 0 auto; min-height: 250px;}
	.carouselPrev { left: 10px;}
	.carouselNext { right: 10px;}
	.recipeInfo .pill-btn { margin-top: 15px;}
	.recipePhoto { background-size: 430px; background-position: center -210px;}
	.recipeInfo h3 { font-size: 4.5rem;}

	/* Instagram */
	.instagramGrid { flex-wrap: wrap;}
	.igPhoto { flex: 0 0 calc(50% - 5px);}

	/* Product Family */
	a.product { width: 100%; max-width: 280px;}
	a.product .text .pill-btn { align-self: center;}

	/* Press */
	.pressGrid { grid-template-columns: 1fr;}

	/* Store Locator */
	.storeList { height: 346px;}
	.storeMap { min-height: 300px;}

	/* Contact Form */
	.contactFormFields .formRow { flex-direction: column; gap: 15px;}
	.contactFormImage { min-height: 250px;}

	/* Product Hero */
	.nutritionStats { flex-direction: column; align-items: center; gap: 10px; padding-bottom: 0;}
	.statDivider { width: 60px; height: 3px; margin: 5px 0;}
	.statNote.newLine { position: relative; bottom: auto; left: auto;}

	/* Product Story */
	.productStoryInner { flex-direction: column; gap: 30px;}
	.productPhoto { flex: 0 0 auto; width: 80%; margin: 0 auto;}
	.productPhoto img { width: 100%; position: relative; right: auto; top: auto;}

	/* How to Cook */
	.cookGrid { grid-template-columns: 1fr;}

	/* Discover Products */
	.discoverGrid { flex-direction: column; align-items: center; gap: 40px;}
	.discoverCard { flex: 0 0 auto; width: 70%; max-width: 300px;}
	.discoverCarousel .carouselArrow { display: none;}
	.discoverCardImage { height: auto;}

	/* Recipe List */
	.recipeList .recipeBox a { flex-direction: column;}
	.recipeList .recipeBox.imageRight a { flex-direction: column;}
	.recipeList .recipeBox .image { flex: 0 0 auto; padding-bottom: 0; width: 250px; aspect-ratio: 1/1;}
	.recipeList .recipeBox .text { padding: 20px 0;}
	.recipeList .recipeBox .content { padding: 0 20px;}

	/* Recipe Page */
	.recipeHeroInner { flex-direction: column;}
	.recipeHeroText { text-align: center; padding: 0; align-items: center;}
	.recipeContentInner { flex-direction: column; gap: 30px;}

	/* Responsive BG */
	.rbg { background-image: var(--bg-phone);}

	/* Grid */
	[class*="col-"] { flex: 0 0 100%;}

	.heroLeft h2 { font-size: 4rem;}
	.footLogoLink { width: 150px;}
	#wpadminbar{ display: none !important;}
	body.admin-bar{ margin-top: -46px;}
	body.admin-bar header{ top: 0;}
	.fastLogo,
	.menuCategory,
	.instagramGrid .igPhoto:last-child,
	.hideIphone{ display: none !important;}

	.heroCarousel ul li,
	.heroCarousel ul li:first-child { padding-top: 110px;}
	.heroLeft { flex: 0 0 100%; align-items: center; height: auto;}
	.heroLeft .size64,
	.heroLeft .size88,
	.heroLeft .size91,
	.heroLeft .size66,
	.heroLeft .size96,
	.heroLeft .size113{ display: block; line-height: 1;}
	.heroLeft h2{ margin-bottom: 5px !important;}
	.fullwidthText .manifestoBlock h2 { font-size: 4.7rem; padding: 0 30px; margin-bottom: 10px; line-height: 0.9;}
	.manifestoText { font-size: 2.2rem;}
	.manifestoTagline span { font-size: 2.3rem;}
	.productBoxImage img { max-height: 300px;}
	.ingredientsBlock,
	.productStoryText,
	.cookStep { font-size: 1.8rem;}
	.productStoryText{ text-align: center;}
	.discoverCardImage { aspect-ratio: 1/0.7;}
	.fullwidthText h1 { font-size: 3.5rem;}
	.textWithImage .image { width: 90%; margin: 0 auto 20px;}
	.textWithImage .text, .textWithImage.Left .text, .textWithImage.Right .text{ text-align: center;}
	.fullwidthText .productsBanner { width: 100%; margin: 30px auto;} 
	.recipeList .recipeBox .text,
	.recipeList .recipeBox.imageRight .text { align-items: center; text-align: center;}
	.block:has(.decoSet1) .content::before { left: -110px; width: 200px; height: 280px; top: 10px;}
	.block:has(.decoSet1) .content::after { right: -70px; width: 180px; height: 180px; top: -160px;}
	.recipeCarousel { height: 524px;}
	a.product.small .image { padding-bottom: 77px;}
	.productBoxImage { min-height: auto;}
}

/* Fancybox */
:root{--f-button-width: 40px;--f-button-height: 40px;--f-button-border: 0;--f-button-border-radius: 0;--f-button-color: #374151;--f-button-bg: #f8f8f8;--f-button-shadow: none;--f-button-transition: all .15s ease;--f-button-transform: none;--f-button-outline-width: 1px;--f-button-outline-color: rgba(0, 0, 0, .7);--f-button-svg-width: 20px;--f-button-svg-height: 20px;--f-button-svg-stroke-width: 1.5;--f-button-svg-fill: none;--f-button-svg-filter: none;--f-button-svg-opacity: 1;--f-button-svg-disabled-opacity: .5;--f-button-svg-transition: opacity .15s ease;--f-button-svg-transform: none}.f-button{width:var(--f-button-width);height:var(--f-button-height);border:var(--f-button-border);border-radius:var(--f-button-border-radius);color:var(--f-button-color);background:var(--f-button-bg);box-shadow:var(--f-button-shadow);transform:var(--f-button-transform);transition:var(--f-button-transition);backdrop-filter:var(--f-button-backdrop-filter);display:flex;justify-content:center;align-items:center;box-sizing:content-box;position:relative;margin:0;padding:0;pointer-events:all;cursor:pointer;overflow:hidden}@media(hover:hover){.f-button:hover:not([aria-disabled]){color:var(--f-button-hover-color, var(--f-button-color));background-color:var(--f-button-hover-bg, var(--f-button-bg))}}.f-button:active:not([aria-disabled]){color:var(--f-button-active-color, var(--f-button-hover-color, var(--f-button-color)));background-color:var(--f-button-active-bg, var(--f-button-hover-bg, var(--f-button-bg)))}.f-button:focus{outline:none}.f-button:focus-visible{outline:var(--f-button-outline-width) solid var(--f-button-outline-color);outline-offset:var(--f-button-outline-offset)}.f-button svg{width:var(--f-button-svg-width);height:var(--f-button-svg-height);transform:var(--f-button-svg-transform);fill:var(--f-button-svg-fill);filter:var(--f-button-svg-filter);opacity:var(--f-button-svg-opacity, 1);transition:var(--f-button-svg-transition);stroke:currentColor;stroke-width:var(--f-button-svg-stroke-width);stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.f-button[aria-disabled]{cursor:default}.f-button[aria-disabled] svg{opacity:var(--f-button-svg-disabled-opacity)}[data-panzoom-action=toggleFS] g:first-child{display:flex}[data-panzoom-action=toggleFS] g:last-child{display:none}.in-fullscreen [data-panzoom-action=toggleFS] g:first-child{display:none}.in-fullscreen [data-panzoom-action=toggleFS] g:last-child{display:flex}[data-autoplay-action=toggle] svg g:first-child{display:flex}[data-autoplay-action=toggle] svg g:last-child{display:none}.has-autoplay [data-autoplay-action=toggle] svg g:first-child{display:none}.has-autoplay [data-autoplay-action=toggle] svg g:last-child{display:flex}:fullscreen [data-fullscreen-action=toggle] svg [data-fullscreen-action=toggle] svg g:first-child{display:none}:fullscreen [data-fullscreen-action=toggle] svg [data-fullscreen-action=toggle] svg g:last-child{display:flex}:root{--f-spinner-color-1: rgba(0, 0, 0, .1);--f-spinner-color-2: rgba(17, 24, 28, .8);--f-spinner-width: 50px;--f-spinner-height: 50px;--f-spinner-border-radius: 50%;--f-spinner-border-width: 4px}.f-spinner{position:absolute;top:50%;left:50%;margin:0;padding:0;width:var(--f-spinner-width);height:var(--f-spinner-height);translate:-50% -50%;border:var(--f-spinner-border-width) solid var(--f-spinner-color-1);border-top-color:var(--f-spinner-color-2);border-radius:var(--f-spinner-border-radius);animation:f-spinner .75s linear infinite,f-fadeIn .2s ease .2s both}@keyframes f-spinner{to{rotate:360deg}}.f-panzoom,.f-zoomable{position:relative;overflow:hidden;display:flex;align-items:center;flex-direction:column}.f-panzoom:before,.f-panzoom:after,.f-zoomable:before,.f-zoomable:after{display:block;content:""}.f-panzoom:not(.has-controls):before,.f-zoomable:not(.has-controls):before{margin-bottom:auto}.f-panzoom:after,.f-zoomable:after{margin-top:auto}.f-panzoom.in-fullscreen,.f-zoomable.in-fullscreen{position:fixed;top:0;left:0;margin:0!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;aspect-ratio:unset!important;z-index:9999}.f-panzoom__wrapper{position:relative;min-width:0;min-height:0;max-width:100%;max-height:100%}.f-panzoom__wrapper.will-zoom-out{cursor:zoom-out}.f-panzoom__wrapper.can-drag{cursor:move;cursor:grab}.f-panzoom__wrapper.will-zoom-in{cursor:zoom-in}.f-panzoom__wrapper.is-dragging{cursor:move;cursor:grabbing}.f-panzoom__wrapper.has-error{display:none}.f-panzoom__content{display:block;min-width:0;min-height:0;max-width:100%;max-height:100%}.f-panzoom__content.is-lazyloading,.f-panzoom__content.has-lazyerror{visibility:hidden}img.f-panzoom__content{width:auto;height:auto;vertical-align:top;object-fit:contain;transition:none;user-select:none}.f-panzoom__wrapper>.f-panzoom__content{visibility:hidden}.f-panzoom__viewport { display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 10; background-color: rgb(255, 255, 255);}.f-panzoom__viewport>.f-panzoom__content{width:100%;height:100%;object-fit:fill}picture.f-panzoom__content img{vertical-align:top;width:100%;height:auto;max-height:100%;object-fit:contain;transition:none;user-select:none}.f-panzoom__protected{position:absolute;inset:0;z-index:1;user-select:none}html.with-panzoom-in-fullscreen{overflow:hidden}.f-fadeIn{animation:var(--f-transition-duration, .2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeIn;z-index:2}.f-fadeOut{animation:var(--f-transition-duration, .2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeOut;z-index:1}@keyframes f-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes f-fadeOut{to{opacity:0}}.f-crossfadeIn{animation:var(--f-transition-duration, .2s) ease both f-crossfadeIn;z-index:2}.f-crossfadeOut{animation:calc(var(--f-transition-duration, .2s) * .2) ease calc(var(--f-transition-duration, .2s) * .8) both f-crossfadeOut;z-index:1}@keyframes f-crossfadeIn{0%{opacity:0}to{opacity:1}}@keyframes f-crossfadeOut{to{opacity:0}}.is-horizontal .f-slideIn.from-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInNextX}.is-horizontal .f-slideIn.from-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInPrevX}.is-horizontal .f-slideOut.to-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutNextX}.is-horizontal .f-slideOut.to-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutPrevX}@keyframes f-slideInPrevX{0%{transform:translate(calc(100% + var(--f-carousel-gap, 0)))}to{transform:translateZ(0)}}@keyframes f-slideInNextX{0%{transform:translate(calc(-100% - var(--f-carousel-gap, 0)))}to{transform:translateZ(0)}}@keyframes f-slideOutNextX{to{transform:translate(calc(-100% - var(--f-carousel-gap, 0)))}}@keyframes f-slideOutPrevX{to{transform:translate(calc(100% + var(--f-carousel-gap, 0)))}}.is-vertical .f-slideIn.from-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInNextY}.is-vertical .f-slideIn.from-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInPrevY}.is-vertical .f-slideOut.to-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutNextY}.is-vertical .f-slideOut.to-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutPrevY}@keyframes f-slideInPrevY{0%{transform:translateY(calc(100% + var(--f-carousel-gap, 0)))}to{transform:translateZ(0)}}@keyframes f-slideInNextY{0%{transform:translateY(calc(-100% - var(--f-carousel-gap, 0)))}to{transform:translateZ(0)}}@keyframes f-slideOutNextY{to{transform:translateY(calc(-100% - var(--f-carousel-gap, 0)))}}@keyframes f-slideOutPrevY{to{transform:translateY(calc(100% + var(--f-carousel-gap, 0)))}}.f-zoomInUp{animation:var(--f-transition-duration, .3s) ease both f-zoomInUp}.f-zoomOutDown{animation:var(--f-transition-duration, .3s) ease both f-zoomOutDown}@keyframes f-zoomInUp{0%{transform:scale(var(--f-zoomInUp-scale, .975)) translate3d(var(--f-zoomInUp-x, 0),var(--f-zoomInUp-y, 16px),0);opacity:var(--f-zoomInUp-opacity, 0)}to{transform:scale(1) translateZ(0);opacity:1}}@keyframes f-zoomOutDown{to{transform:scale(var(--f-zoomOutDown-scale, .975)) translate3d(var(--f-zoomOutDown-x, 0),var(--f-zoomOutDown-y, 16px),0);opacity:0}}.f-throwOutUp{animation:var(--f-throwOutUp-duration, .2s) ease-out both f-throwOutUp}.f-throwOutDown{animation:var(--f-throwOutDown-duration, .2s) ease-out both f-throwOutDown}@keyframes f-throwOutUp{to{transform:translate3d(0,calc(var(--f-throwOutUp-y, 150px) * -1),0);opacity:0}}@keyframes f-throwOutDown{to{transform:translate3d(0,var(--f-throwOutDown-y, 150px),0);opacity:0}}.has-iframe .f-html,.has-pdf .f-html,.has-gmap .f-html{width:100%;height:100%;min-height:1px;overflow:visible}.has-pdf .f-html,.has-gmap .f-html{padding:0}.f-html{position:relative;box-sizing:border-box;margin:var(--f-html-margin, 0);padding:var(--f-html-padding, 2rem);color:var(--f-html-color, currentColor);background:var(--f-html-bg)}.is-loading>.f-html{opacity:0}.f-html.is-error{text-align:center}.f-iframe{display:block;margin:0;border:0;height:100%;width:100%}.f-caption{align-self:center;flex-shrink:0;margin:var(--f-caption-margin);padding:var(--f-caption-padding, 16px 8px);max-width:100%;max-height:calc(80vh - 100px);overflow:auto;overflow-wrap:anywhere;line-height:var(--f-caption-line-height);color:var(--f-caption-color);background:var(--f-caption-bg);font:var(--f-caption-font)}.has-html5video .f-html,.has-youtube .f-html,.has-vimeo .f-html{padding:0;width:100%;height:100%;min-height:1px;overflow:visible;max-width:var(--f-video-width, 960px);max-height:var(--f-video-height, 540px);aspect-ratio:var(--f-video-aspect-ratio);background:var(--f-video-bg, rgba(0, 0, 0, .9))}.f-html5video{border:0;display:block;height:100%;width:100%;background:transparent}.f-button.is-arrow{--f-button-width: var(--f-arrow-width, 46px);--f-button-height: var(--f-arrow-height, 46px);--f-button-svg-width: var(--f-arrow-svg-width, 24px);--f-button-svg-height: var(--f-arrow-svg-height, 24px);--f-button-svg-stroke-width: var(--f-arrow-svg-stroke-width, 1.75);--f-button-border-radius: var(--f-arrow-border-radius, unset);--f-button-bg: var(--f-arrow-bg, transparent);--f-button-hover-bg: var(--f-arrow-hover-bg, var(--f-arrow-bg));--f-button-active-bg: var(--f-arrow-active-bg, var(--f-arrow-hover-bg));--f-button-shadow: var(--f-arrow-shadow);--f-button-color: var(--f-arrow-color);--f-button-hover-color: var(--f-arrow-hover-color, var(--f-arrow-color));--f-button-active-color: var( --f-arrow-active-color, var(--f-arrow-hover-color) );overflow:visible}.f-button.is-arrow.is-prev,.f-button.is-arrow.is-next{position:absolute;transform:translate(0);z-index:20}.is-horizontal .f-button.is-arrow.is-prev,.is-horizontal .f-button.is-arrow.is-next{inset:50% auto auto;transform:translateY(-50%)}.is-horizontal.is-ltr .f-button.is-arrow.is-prev{left:var(--f-arrow-pos, 0)}.is-horizontal.is-ltr .f-button.is-arrow.is-next{right:var(--f-arrow-pos, 0)}.is-horizontal.is-rtl .f-button.is-arrow.is-prev{right:var(--f-arrow-pos, 0);transform:translateY(-50%) rotateY(180deg)}.is-horizontal.is-rtl .f-button.is-arrow.is-next{left:var(--f-arrow-pos, 0);transform:translateY(-50%) rotateY(180deg)}.is-vertical.is-ltr .f-button.is-arrow.is-prev,.is-vertical.is-rtl .f-button.is-arrow.is-prev{top:var(--f-arrow-pos, 0);right:auto;bottom:auto;left:50%;transform:translate(-50%)}.is-vertical.is-ltr .f-button.is-arrow.is-next,.is-vertical.is-rtl .f-button.is-arrow.is-next{top:auto;right:auto;bottom:var(--f-arrow-pos, 0);left:50%;transform:translate(-50%)}.is-vertical .f-button.is-arrow.is-prev svg,.is-vertical .f-button.is-arrow.is-next svg{transform:rotate(90deg)}.f-carousel__toolbar{display:grid;grid-template-columns:1fr auto 1fr;margin:var(--f-toolbar-margin, 0);padding:var(--f-toolbar-padding, 8px);line-height:var(--f-toolbar-line-height);background:var(--f-toolbar-bg, none);box-shadow:var(--f-toolbar-shadow, none);backdrop-filter:var(--f-toolbar-backdrop-filter);position:relative;z-index:20;color:var(--f-toolbar-color, currentColor);font-size:var(--f-toolbar-font-size, 17px);font-weight:var(--f-toolbar-font-weight, inherit);font-family:var(--f-toolbar-font, -apple-system, BlinkMacSystemFont, "Segoe UI Adjusted", "Segoe UI", "Liberation Sans", sans-serif);text-shadow:var(--f-toolbar-text-shadow);text-align:center;font-variant-numeric:tabular-nums;-webkit-font-smoothing:subpixel-antialiased;white-space:nowrap;pointer-events:none}.f-carousel__toolbar.is-absolute{position:absolute;top:0;left:0;right:0}.f-carousel__toolbar .f-button:focus-visible{position:relative;z-index:1}.f-carousel__toolbar__column{display:flex;flex-direction:row;flex-wrap:wrap;align-content:flex-start;gap:var(--f-toolbar-gap, 0)}.f-carousel__toolbar__column.is-left{display:flex;justify-self:flex-start;justify-content:flex-start}.f-carousel__toolbar__column.is-middle{display:flex;justify-content:center}.f-carousel__toolbar__column.is-right{display:flex;justify-self:flex-end;justify-content:flex-end;flex-flow:nowrap}.f-carousel__toolbar__column{pointer-events:none}.f-carousel__toolbar__column>*{pointer-events:all}.f-counter{position:relative;display:flex;flex-direction:row;cursor:default;user-select:none;margin:var(--f-counter-margin, 0);padding:var(--f-counter-padding, 4px);line-height:var(--f-counter-line-height);background:var(--f-counter-bg);border-radius:var(--f-counter-border-radius)}.f-counter span{padding:0 var(--f-counter-gap, 4px)}:root{--f-thumbs-gap: 8px;--f-thumbs-margin: 0;--f-thumbs-padding-x: 8px;--f-thumbs-padding-y: 8px;--f-thumbs-bg: transparent;--f-thumbs-transition: max-height .3s ease, max-width .3s ease, padding .3s ease;--f-thumbs-z-index: 1;--f-thumbs-viewport-padding-x: 0px;--f-thumbs-viewport-padding-y: 0px;--f-thumb-width: 94px;--f-thumb-height: 76px;--f-thumb-clip-width: 46px;--f-thumb-extra-gap: 16px;--f-thumb-opacity: 1;--f-thumb-transition: opacity .3s ease, transform .15s ease;--f-thumb-border: none;--f-thumb-border-radius: 4px;--f-thumb-shadow: none;--f-thumb-bg: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .05));--f-thumb-focus-shadow: inset 0 0 0 .8px #222, inset 0 0 0 2.25px #fff;--f-thumb-selected-shadow: inset 0 0 0 .8px #222, inset 0 0 0 2.25px #fff;--f-thumb-border-transition: all .1s ease;--f-thumb-img-width: 100%;--f-thumb-img-height: 100%;--f-thumb-img-fit: cover;--f-thumb-img-position: 50% 20%}.f-thumbs{--f-carousel-slide-width: var(--f-thumb-width);--f-carousel-slide-height: var(--f-thumb-height);--f-carousel-gap: var(--f-thumbs-gap);position:relative;box-sizing:border-box;flex-shrink:0;margin:var(--f-thumbs-margin);padding:var(--f-thumbs-padding-y) var(--f-thumbs-padding-x);overflow:hidden;background:var(--f-thumbs-bg);-webkit-tap-highlight-color:transparent;user-select:none;transition:var(--f-thumbs-transition);z-index:var(--f-thumbs-z-index)}.f-thumbs.is-horizontal{max-height:calc(var(--f-carousel-slide-height) + var(--f-thumbs-padding-y) * 2)}.f-thumbs.is-horizontal.is-hidden{max-height:0;--f-thumbs-padding-y: 0}.f-thumbs.is-vertical{max-width:calc(var(--f-carousel-slide-width) + var(--f-thumbs-padding-x) * 2)}.f-thumbs.is-vertical.is-hidden{max-width:0;--f-thumbs-padding-x: 0}.f-thumbs.is-scrollable.is-hidden{max-height:0;--f-thumbs-padding-y: 0}.f-thumbs.is-ltr{direction:ltr}.f-thumbs.is-rtl{direction:rtl}.f-thumbs img{display:block;width:var(--f-thumb-img-width);height:var(--f-thumb-img-height);object-fit:var(--f-thumb-img-fit);object-position:var(--f-thumb-img-position);pointer-events:none;border-radius:inherit;color:transparent}.f-thumbs img[data-lazy-src]{visibility:hidden}.f-thumbs img.has-lazyerror{display:none}.f-thumbs__viewport{box-sizing:border-box;height:100%;padding:var(--f-thumbs-viewport-padding-y) var(--f-thumbs-viewport-padding-x);overflow:visible;display:grid}.f-thumbs__slide{position:relative;box-sizing:border-box;grid-area:1/1;width:var(--f-carousel-slide-width);height:var(--f-carousel-slide-height);margin:0;padding:0;display:flex;align-items:center;flex-direction:column;cursor:pointer;overflow:visible}.f-thumbs__slide:hover button{opacity:var(--f-thumb-hover-opacity, 1);transform:var(--f-thumb-hover-transform, none)}.f-thumbs__slide:hover button:after{border:var(--f-thumb-hover-border, none);box-shadow:var(--f-thumb-hover-shadow, var(--f-thumb-shadow))}.f-thumbs__slide button{all:unset;display:block;margin:auto;padding:0;position:relative;overflow:visible;width:100%;height:100%;outline:none;transition:var(--f-thumb-transition);border-radius:var(--f-thumb-border-radius);opacity:var(--f-thumb-opacity);transform:var(--f-thumb-transform);background:var(--f-thumb-bg)}.f-thumbs__slide button:after{content:"";position:absolute;inset:0;z-index:1;transition:var(--f-thumb-border-transition);border-radius:inherit;border:var(--f-thumb-border);box-shadow:var(--f-thumb-shadow)}.f-thumbs__slide button:focus-within{opacity:var(--f-thumb-focus-opacity, 1);transform:var(--f-thumb-focus-transform, none)}.f-thumbs__slide button:focus-within:after{border:var(--f-thumb-focus-border, none);box-shadow:var(--f-thumb-focus-shadow, var(--f-thumb-shadow))}.f-thumbs__slide:active{opacity:var(--f-thumb-active-opacity, 1);transform:var(--f-thumb-active-transform, none)}.f-thumbs__slide:active:after{border:var(--f-thumb-active-border, none);box-shadow:var(--f-thumb-active-shadow, var(--f-thumb-shadow))}.f-thumbs__slide.is-selected{z-index:2}.f-thumbs__slide.is-selected button{opacity:var(--f-thumb-selected-opacity, 1);transform:var(--f-thumb-selected-transform, none)}.f-thumbs__slide.is-selected button:after{border:var(--f-thumb-selected-border, none);box-shadow:var(--f-thumb-selected-shadow, var(--f-thumb-shadow))}.f-thumbs.is-modern{--f-carousel-slide-width: calc( var(--f-thumb-clip-width) + var(--f-thumbs-gap) );--f-carousel-slide-height: var(--f-thumb-height);--f-carousel-gap: 0;--width-diff: calc((var(--f-thumb-width) - var(--f-thumb-clip-width)))}.f-thumbs.is-modern .f-thumbs__viewport{width:calc(100% + var(--f-carousel-slide-width) * 2 + var(--f-thumbs-padding-x));margin-inline:calc((var(--f-carousel-slide-width) + var(--f-thumbs-padding-x)) * -1)}.f-thumbs.is-modern .f-thumbs__slide{--clip-shift: calc((var(--width-diff) * .5) * var(--progress));--clip-path: inset( 0 var(--clip-shift) round var(--f-thumb-border-radius, 0) );padding:0;overflow:visible;left:var(--shift, 0);will-change:left;transition:left var(--f-transition-duration) var(--f-transition-easing)}.f-thumbs.is-modern .f-thumbs__slide button{display:block;margin-inline:50%;width:var(--f-thumb-width);clip-path:var(--clip-path);border:none;box-shadow:none;transition:clip-path var(--f-transition-duration) var(--f-transition-easing),opacity var(--f-thumb-transition-duration, .2s) var(--f-thumb-transition-easing, ease)}.f-thumbs.is-modern .f-thumbs__slide button:after{display:none}.f-thumbs.is-modern .f-thumbs__slide:focus:not(:focus-visible){outline:none}.f-thumbs.is-modern .f-thumbs__slide:focus-within:not(.is-selected) button:before{content:"";position:absolute;z-index:1;top:0;left:var(--clip-shift);bottom:0;right:var(--clip-shift);transition:border var(--f-transition-duration) var(--f-transition-easing),box-shadow var(--f-transition-duration) var(--f-transition-easing);border-radius:inherit;border:var(--f-thumb-focus-border, none);box-shadow:var(--f-thumb-focus-shadow, none)}.f-thumbs.is-modern{--f-transition-duration: .25s;--f-transition-easing: ease-out}.f-thumbs.is-modern.is-syncing{--f-transition-duration: 0s}.f-thumbs.is-scrollable .f-thumbs__viewport{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--f-thumb-width),1fr));grid-auto-rows:var(--f-thumb-height);gap:var(--f-thumbs-gap);overflow:auto;overscroll-behavior:contain;user-select:none}.f-thumbs.is-scrollable .f-thumbs__viewport .f-thumbs__slide{grid-area:auto;display:block;position:relative;max-width:100%;width:var(--f-thumb-width);height:var(--f-thumb-height);cursor:pointer;outline:none}:root{--f-progressbar-height: 3px;--f-progressbar-color: var(--f-carousel-theme-color, #575ad6);--f-progressbar-opacity: 1;--f-progressbar-z-index: 30}.f-progressbar{position:absolute;top:0;left:0;right:0;z-index:var(--f-progressbar-z-index);height:var(--f-progressbar-height);transform:scaleX(0);transform-origin:0;opacity:var(--f-progressbar-opacity);background:var(--f-progressbar-color);user-select:none;pointer-events:none;animation-name:f-progressbar;animation-play-state:running;animation-timing-function:linear}.f-progressbar:empty{display:block}button>.f-progressbar{--f-progressbar-height: 100%;--f-progressbar-opacity: .2}@keyframes f-progressbar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}[data-fullscreen-action=toggle] svg g:first-child{display:flex}[data-fullscreen-action=toggle] svg g:last-child{display:none}:fullscreen [data-fullscreen-action=toggle] svg g:first-child{display:none}:fullscreen [data-fullscreen-action=toggle] svg g:last-child{display:flex}.in-fullscreen-mode>.f-carousel{flex:1;min-width:0!important;min-height:0!important}html.with-fancybox{width:auto;overflow:visible;scroll-behavior:auto}html.with-fancybox body.hide-scrollbar{width:auto;margin-right:calc(var(--f-body-margin, 0px) + var(--f-scrollbar-compensate, 0px));overflow:hidden!important;overscroll-behavior-y:none}.fancybox__dialog{position:fixed;inset:0;z-index:1050;width:100%;height:100vh;max-height:unset;max-width:unset;padding:0;margin:0;border:0;overflow:hidden;background:transparent;touch-action:none;overscroll-behavior:contain}.fancybox__dialog:focus{outline:none}.fancybox__dialog::backdrop{opacity:0}@supports (height: 100dvh){.fancybox__dialog{height:100dvh}}.fancybox__dialog *:empty{display:block}.fancybox__container{--fancybox-color: #dbdbdb;--fancybox-backdrop-bg: rgba(24, 24, 27, .95);--f-toolbar-margin: 0;--f-toolbar-padding: 8px;--f-toolbar-gap: 0;--f-toolbar-color: #ddd;--f-toolbar-font-size: 16px;--f-toolbar-font-weight: 500;--f-toolbar-font: -apple-system, BlinkMacSystemFont, "Segoe UI Adjusted", "Segoe UI", "Liberation Sans", sans-serif;--f-toolbar-line-height: var(--f-button-height);--f-toolbar-text-shadow: 1px 1px 1px rgba(0, 0, 0, .75);--f-toolbar-shadow: none;--f-toolbar-bg: none;--f-counter-margin: 0;--f-counter-padding: 0px 10px;--f-counter-gap: 4px;--f-counter-line-height: var(--f-button-height);--f-carousel-gap: 17px;--f-carousel-slide-width: 100%;--f-carousel-slide-height: 100%;--f-carousel-slide-padding: 0;--f-carousel-slide-bg: unset;--f-html-color: #222;--f-html-bg: #fff;--f-error-color: #fff;--f-error-bg: #333;--f-caption-margin: 0;--f-caption-padding: 16px 8px;--f-caption-color: var(--fancybox-color, #dbdbdb);--f-caption-bg: transparent;--f-caption-font: inherit;--f-caption-line-height: 1.375;--f-spinner-color-1: rgba(255, 255, 255, .2);--f-spinner-color-2: rgba(255, 255, 255, .8);--f-spinner-width: 50px;--f-spinner-height: 50px;--f-spinner-border-radius: 50%;--f-spinner-border-width: 4px;--f-progressbar-color: rgba(255, 255, 255);--f-button-width: 46px;--f-button-height: 46px;--f-button-color: #ddd;--f-button-hover-color: #fff;--f-button-outline-width: 1px;--f-button-outline-color: rgba(255, 255, 255, .75);--f-button-outline-offset: 0px;--f-button-bg: rgba(54, 54, 54, .75);--f-button-border: 0;--f-button-border-radius: 0;--f-button-shadow: none;--f-button-transition: all .2s ease;--f-button-transform: none;--f-button-svg-width: 24px;--f-button-svg-height: 24px;--f-button-svg-stroke-width: 1.75;--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, .01)), drop-shadow(1px 2px 1px rgba(24, 24, 27, .05));--f-button-svg-fill: none;--f-button-svg-disabled-opacity: .5;--f-arrow-pos: 32px;--f-arrow-width: 50px;--f-arrow-height: 50px;--f-arrow-svg-width: 24px;--f-arrow-svg-height: 24px;--f-arrow-svg-stroke-width: 2.5;--f-arrow-border-radius: 50%;--f-arrow-bg: rgba(54, 54, 54, .65);--f-arrow-color: #ddd;--f-arrow-hover-color: #fff;--f-close-button-width: 30px;--f-close-button-height: 30px;--f-close-button-svg-width: 24px;--f-close-button-svg-height: 24px;--f-close-button-svg-stroke-width: 1.75;--f-close-border-radius: 4px;--f-close-button-color: #fff;--f-close-button-hover-color: #fff;--f-close-button-bg: transparent;--f-close-button-hover-bg: transparent;--f-close-button-active-bg: transparent;--f-thumbs-margin: 0px;--f-thumbs-padding-x: 8px;--f-thumbs-padding-y: 8px;--f-thumbs-bg: none;--f-thumb-transition: all .2s ease;--f-thumb-width: 94px;--f-thumb-height: 76px;--f-thumb-opacity: 1;--f-thumb-border: none;--f-thumb-shadow: none;--f-thumb-transform: none;--f-thumb-focus-opacity: 1;--f-thumb-focus-border: none;--f-thumb-focus-shadow: inset 0 0 0 2px rgba(255, 255, 255, .65);--f-thumb-focus-transform: none;--f-thumb-hover-opacity: 1;--f-thumb-hover-border: none;--f-thumb-hover-transform: none;--f-thumb-active-opacity: var(--f-thumb-hover-opacity);--f-thumb-active-border: var(--f-thumb-hover-border);--f-thumb-active-transform: var(--f-thumb-hover-transform);--f-thumb-selected-opacity: 1;--f-thumb-selected-border: none;--f-thumb-selected-shadow: inset 0 0 0 2px #fff;--f-thumb-selected-transform: none;--f-scrollbar-width: 7px;--f-scrollbar-track-bg: #444;--f-scrollbar-track-border-radius: 10px;--f-scrollbar-track-shadow: inset 0 0 6px rgba(0, 0, 0, .2);--f-scrollbar-thumb-bg: #ddd;--f-scrollbar-thumb-border-radius: 10px}.fancybox__container[theme=light]{--fancybox-color: #222;--fancybox-backdrop-bg: rgba(255, 255, 255, .97);--f-toolbar-color: var(--fancybox-color, #222);--f-toolbar-text-shadow: none;--f-toolbar-font-weight: 400;--f-html-color: var(--fancybox-color, #222);--f-html-bg: #fff;--f-error-color: #555;--f-error-bg: #fff;--f-video-bg: #fff;--f-caption-color: #333;--f-spinner-color-1: rgba(0, 0, 0, .2);--f-spinner-color-2: rgba(0, 0, 0, .8);--f-spinner-border-width: 3.5px;--f-progressbar-color: rgba(111, 111, 116);--f-button-color: #333;--f-button-hover-color: #000;--f-button-outline-color: rgba(0, 0, 0, .85);--f-button-bg: rgba(255, 255, 255, .85);--f-button-svg-stroke-width: 1.3;--f-button-svg-filter: none;--f-arrow-bg: rgba(255, 255, 255, .85);--f-arrow-color: #333;--f-arrow-hover-color: #000;--f-arrow-svg-stroke-width: 1.3;--f-close-button-color: #555;--f-close-button-hover-color: #000;--f-thumb-bg: linear-gradient(#ebeff2, #e2e8f0);--f-thumb-focus-shadow: 0 0 0 1.8px #fff, 0px 0px 0px 2.25px #888;--f-thumb-selected-shadow: 0 0 0 1.8px #fff, 0px 0px 0px 2.25px #000;--f-scrollbar-track-bg: #ddd;--f-scrollbar-thumb-bg: #444}.fancybox__container{position:absolute;inset:0;overflow:hidden;display:flex;flex-direction:column}.fancybox__container:focus{outline:none}.fancybox__container.has-vertical-thumbs{flex-direction:row-reverse}.fancybox__container.has-vertical-thumbs:not(.is-closing) .fancybox__viewport{overflow-x:clip;overflow-y:visible}.fancybox__container>*:not(.fancybox__carousel),.fancybox__container .fancybox__carousel>*:not(.fancybox__grid,.fancybox__viewport),.fancybox__container .fancybox__column>*:not(.fancybox__viewport),.fancybox__container .fancybox__slide:not(.is-selected),.fancybox__container .fancybox__slide.is-selected>*:not(.f-html,.f-panzoom__wrapper,.f-spinner){opacity:var(--f-drag-opacity, 1)}.fancybox__container:not(.is-ready,.is-hiding){visibility:hidden}.fancybox__container.is-revealing>*:not(.fancybox__carousel),.fancybox__container.is-revealing .fancybox__carousel>*:not(.fancybox__grid,.fancybox__viewport),.fancybox__container.is-revealing .fancybox__column>*:not(.fancybox__viewport),.fancybox__container.is-revealing .fancybox__slide:not(.is-selected),.fancybox__container.is-revealing .fancybox__slide.is-selected>*:not(.f-html,.f-panzoom__wrapper){animation:var(--f-interface-enter-duration, .35s) ease none f-fadeIn}.fancybox__container.is-hiding>*:not(.fancybox__carousel),.fancybox__container.is-hiding .fancybox__carousel>*:not(.fancybox__grid,.fancybox__viewport),.fancybox__container.is-hiding .fancybox__column>*:not(.fancybox__viewport),.fancybox__container.is-hiding .fancybox__slide.is-selected>*:not(.f-html,.f-panzoom__wrapper){animation:var(--f-interface-exit-duration, .35s) ease forwards f-fadeOut}.fancybox__container.is-hiding .fancybox__carousel .fancybox__slide:not(.is-selected){opacity:0}.fancybox__container.is-hiding{pointer-events:none}.fancybox__container.is-idle .f-carousel__toolbar{pointer-events:none;opacity:0}.fancybox__container.is-idle .f-button.is-arrow{opacity:0}.fancybox__container.is-idle.is-ready .f-carousel__toolbar{pointer-events:none;animation:.15s ease-out both f-fadeOut}.fancybox__container.is-idle.is-ready .f-button.is-arrow{animation:.15s ease-out both f-fadeOut}.fancybox__backdrop{position:fixed;inset:0;z-index:-1;background:var(--fancybox-backdrop-bg)}.fancybox__carousel{flex:1;display:flex;flex-direction:column;min-height:0;min-width:0;position:relative;z-index:10;overflow-y:visible;overflow-x:clip}.fancybox__carousel.is-vertical{--f-carousel-slide-height: 100%}.fancybox__carousel.is-ltr{direction:ltr}.fancybox__carousel.is-rtl{direction:rtl}.fancybox__carousel>.f-button.is-arrow:before{position:absolute;content:"";inset:-30px;z-index:1}.fancybox__viewport{display:grid;flex:1;min-height:0;min-width:0;position:relative;overflow:visible;transform:translate3d(0,var(--f-drag-offset, 0),0)}.fancybox__viewport.is-draggable{cursor:move;cursor:grab}.fancybox__viewport.is-dragging{cursor:move;cursor:grabbing}.fancybox__viewport [data-selectable],.fancybox__viewport [contenteditable]{cursor:auto}.fancybox__slide{box-sizing:border-box;position:relative;grid-area:1/1;display:flex;align-items:center;flex-direction:column;width:var(--f-carousel-slide-width);height:var(--f-carousel-slide-height);min-width:0;min-height:0;max-width:100%;margin:0;padding:var(--f-carousel-slide-padding);background:var(--f-carousel-slide-bg);backface-visibility:hidden;transform:translateZ(0);will-change:transform}.fancybox__slide:before,.fancybox__slide:after{display:block;content:""}.fancybox__slide:before{margin-bottom:auto}.fancybox__slide:after{margin-top:auto}.fancybox__slide.is-selected{z-index:1}.fancybox__slide.f-zoomable{overflow:visible}.fancybox__slide.has-error{--f-html-color: var(--f-error-color, --f-html-color);--f-html-bg: var(--f-error-bg, --f-html-bg)}.fancybox__slide.has-html{overflow:auto;padding:8px}.fancybox__slide.has-iframe{overflow:hidden;padding:8px 0}.fancybox__slide.has-close-btn{padding-top:34px}.fancybox__slide.has-controls:before{margin:0}.fancybox__slide .f-spinner{cursor:pointer}.fancybox__container.is-closing .f-caption,.fancybox__slide.is-loading .f-caption{visibility:hidden}.fancybox__container.is-closing .fancybox__carousel,.fancybox__container.is-closing .fancybox__viewport,.fancybox__container.is-closing .fancybox__slide.is-selected{overflow:visible}.f-button.is-close-button{--f-button-width: var(--f-close-button-width);--f-button-height: var(--f-close-button-height);--f-button-border-radius: var(--f-close-border-radius);--f-button-color: var(--f-close-button-color);--f-button-hover-color: var(--f-close-button-hover-color);--f-button-bg: var(--f-close-button-bg);--f-button-hover-bg: var(--f-close-button-hover-bg);--f-button-active-bg: var(--f-close-button-active-bg);--f-button-svg-width: var(--f-close-button-svg-width);--f-button-svg-height: var(--f-close-button-svg-height);--f-button-svg-stroke-width: var(--f-close-button-svg-stroke-width);position:absolute;top:calc((var(--f-button-height) + 2px) * -1);right:0;z-index:10}.is-loading .f-button.is-close-button{visibility:hidden}.fancybox__thumbs{flex:0 1 100%}.fancybox__thumbs.is-scrollable{--f-thumbs-cols: 1;--f-thumbs-gap: 8px;--f-thumbs-transition: none;--f-thumbs-padding-x: 4px;--f-thumbs-padding-y: 8px;--f-thumbs-viewport-padding-x: 4px;--f-thumbs-viewport-padding-y: 0px;max-width:calc(var(--f-thumb-width) * var(--f-thumbs-cols) + var(--f-thumbs-gap) * (var(--f-thumbs-cols) - 1) + var(--f-thumbs-padding-x) * 2 + var(--f-thumbs-viewport-padding-x) * 2)}.fancybox__thumbs.is-scrollable ::-webkit-scrollbar{width:var(--f-scrollbar-width)}.fancybox__thumbs.is-scrollable ::-webkit-scrollbar-track{background:var(--f-scrollbar-track-bg);border-radius:var(--f-scrollbar-track-border-radius);box-shadow:var(--f-scrollbar-track-shadow)}.fancybox__thumbs.is-scrollable ::-webkit-scrollbar-thumb{background:var(--f-scrollbar-thumb-bg);border-radius:var(--f-scrollbar-thumb-border-radius)}.fancybox__thumbs.is-scrollable.is-hidden{max-width:0;--f-thumbs-padding-x: 0;max-height:unset;--f-thumbs-padding-y: unset}.fancybox__thumbs.is-scrollable .f-thumbs__viewport{overflow-x:hidden!important;grid-template-columns:repeat(auto-fill,calc((100% - var(--f-thumbs-gap) * (var(--f-thumbs-cols) - 1)) / var(--f-thumbs-cols)))!important}