/* PikNik 2026: completed mobile layouts and standalone FAQ/product documents. */
.pn-faq-content{margin-top:71px;padding:32px 40px 48px!important}
.pn-faq-title{text-align:center;margin-bottom:51px!important}
.pn-faq-title .elementor-heading-title{font:400 60px/1.1 Lobster,sans-serif!important}
.pn-faq-content .pn-faq .e-n-accordion{gap:11px!important}
.pn-faq-content .e-n-accordion-item{background:rgba(0,126,167,.18);border:0!important;border-radius:5px}
.pn-faq-content .pn-faq .e-n-accordion-item-title{position:relative;min-height:70px;padding:12px 100px 12px 23px!important;border:0!important;border-radius:5px;background:transparent;align-items:center;gap:0}
.pn-faq-content .e-n-accordion-item-title-text{font:400 30px/1.2 Lobster,sans-serif!important;color:#fff}
.pn-faq-content .e-n-accordion-item-title-icon{display:none!important}
.pn-faq-content summary:after{content:'+';position:absolute;right:19px;top:50%;transform:translateY(-50%);width:49px;text-align:center;font:400 70px/1 Lobster,sans-serif;color:white}
.pn-faq-content details[open]>summary:after{content:'–'}
.pn-faq-content .pn-faq details>.e-con{padding:0 100px 16px 23px!important}
.pn-faq-content .pn-faq .elementor-widget-text-editor{font-size:14px!important;line-height:1.2!important;letter-spacing:-.14px;translate:none!important}
.pn-inner-page>.pn-footer{margin-top:68px}
.pn-product-content{margin-top:71px;padding:32px 28px 42px!important}
.pn-product-content .pn-detail-title h1{font:400 60px/1.1 Lobster,sans-serif}
.pn-product-content .pn-detail-columns{margin-top:38px}
@media(max-width:1023px){
 /* Navigation opens over the page; the logo and close control remain in place. */
 .pn-header .pn-nav{top:0;left:0;width:100%!important;max-width:none!important;padding:123px 0 31px!important;border:0;border-radius:0;background:#fff;box-shadow:none;align-items:center;justify-content:flex-start;gap:0!important;z-index:1;max-height:100dvh;overflow-y:auto;overscroll-behavior:contain}
 .pn-header .pn-logo,.pn-header .pn-menu-toggle{z-index:2}
 .piknik-site .pn-nav .pn-nav-link{width:100%!important;max-width:none!important;min-height:48px}
 .piknik-site .pn-nav-link .elementor-button{font-size:20px!important;font-weight:600!important;line-height:1.4!important;min-height:48px!important;white-space:normal;max-width:100%;padding:0 25px!important}
 .pn-header .pn-nav .pn-header-right{position:static;display:flex!important;flex-direction:column-reverse!important;align-items:center;width:100%!important;height:auto;gap:45px!important;padding:10px 0 0!important}
 .pn-nav .pn-header-right>.pn-social-icons{display:flex!important;gap:18px!important}
 .pn-nav .pn-social-icon,.pn-nav .pn-social-icon img{width:43px!important}
 .pn-header-inner>.pn-header-right{display:none!important}
 .piknik-site .pn-nav .pn-language,.pn-nav .pn-language .cpel-switcher__nav{width:100%!important}
 .piknik-site .pn-nav .pn-language-toggle{position:relative;width:44px;height:28px;margin:auto;background:transparent;color:#37b9e3;border:0;border-radius:0;font:600 20px/1.4 Gilroy,sans-serif;gap:0}
 .pn-nav .pn-language-toggle:after{position:absolute;left:calc(50% + 16.5px);top:calc(50% - 3.5px);width:13px;height:7px;background:#37b9e3;border:0;mask:url("images/language-chevron.svg") center/contain no-repeat;transform:none}
 .pn-nav .pn-language[data-open="true"] .pn-language-toggle:after{transform:rotate(180deg)}
 .pn-nav .pn-language .cpel-switcher__nav .cpel-switcher__list{position:static;width:100%;min-width:0;max-height:none;margin:0;padding:0;transform:none;border:0;border-radius:0;box-shadow:none;overflow:visible}
 .piknik-site .pn-nav .pn-language .cpel-switcher__list a{font-size:20px;font-weight:400;line-height:32px;min-height:32px;height:32px;padding:0;color:#37b9e3}
 /* The lower homepage uses photo captions underneath each image. */
 .piknik-site .pn-awards{margin-top:74px;padding:0 19px!important;position:relative;z-index:2}
 .piknik-site .pn-awards>.pn-section-title{min-height:117px;width:100%;max-width:360px}
 .piknik-site .pn-awards h2.elementor-heading-title{font-size:50px!important;line-height:1.1!important}
 .pn-awards-description{margin-top:16px!important;font-size:14px!important;line-height:1.2!important;letter-spacing:-.42px;min-height:0}
 .pn-awards-carousel{margin-top:20px;height:333px;min-height:333px}
 .pn-award-prev,.pn-award-next{top:84px}
 .pn-gallery{position:relative;margin-top:83px;padding:15px 21.932px 44px!important;gap:19.142px!important;background:#fff;overflow:visible}
 .pn-gallery:before{content:'';position:absolute;left:-30px;top:-98px;width:calc(100% + 83px);height:98px;background:url('images/mobile-gallery-wave.svg') top left / 100% 1302px no-repeat;pointer-events:none}
 .pn-gallery-card{height:auto;aspect-ratio:auto;overflow:visible;border-radius:0;display:flex;flex-direction:column!important;gap:16.664px!important;min-width:0}
 .pn-gallery-card .pn-gallery-img{height:auto!important;aspect-ratio:370.136/218.336;border-radius:14.631px;overflow:hidden;filter:none!important;transform:none!important}
 .pn-gallery-card .pn-gallery-img img{height:100%!important;aspect-ratio:370.136/218.336;border-radius:14.631px}
 /* Figma 93:49 crops the square family photograph 421 px into a 477 px overflow. */
 .pn-gallery-friends img{object-position:center 88.26%}
 .pn-gallery-card:after{display:none}
 .piknik-site .pn-gallery-card .pn-gallery-caption{position:static!important;inset:auto!important;opacity:1!important;min-height:36.522px;height:auto!important;width:100%!important;padding:0!important;color:#000!important;font:700 14px/1.3 Gilroy,sans-serif!important;align-items:flex-start;pointer-events:auto}
 .piknik-site .pn-follow,.piknik-site .pn-contact,.piknik-site .pn-retail{background:linear-gradient(180deg,#82e0ff 0%,#4fcaf2 32.212%,#00a2d7 100%);width:100%!important;border:0;border-radius:0;margin:0;flex-direction:column!important;align-items:center;flex-wrap:nowrap;gap:0!important}
 .piknik-site .pn-follow{min-height:254px;padding:34px 16px 63px!important}
 .piknik-site .pn-follow>.elementor-widget-heading{height:auto;min-height:62px;width:100%!important;text-align:center}
 .piknik-site .pn-follow h2,.piknik-site .pn-contact h2,.piknik-site .pn-retail h2{color:#fff!important;font-size:50px!important;line-height:1.1!important}
 .piknik-site .pn-follow>.pn-social-icons{background:none;padding:0!important;gap:33px!important;margin-top:32px!important}
 .piknik-site .pn-follow .pn-social-icon,.piknik-site .pn-follow .pn-social-icon img{width:63.059px!important}
 .piknik-site .pn-contact{min-height:279px;padding:34px 12px 33px!important}
 .piknik-site .pn-contact>.elementor-widget-heading:first-child{order:0;width:100%!important;min-height:75px;text-align:center}
 .piknik-site .pn-contact>.pn-mail-icon{order:1;margin-top:12px!important;width:63px!important;height:63px;background:none}
 .piknik-site .pn-contact .pn-mail-symbol{left:14px;top:20px;width:34.51px!important}
 .piknik-site .pn-contact>.pn-contact-link{order:2;width:100%!important;min-height:56px;margin-top:6px!important;text-align:center}
 .piknik-site .pn-contact-link .elementor-heading-title{font-size:30px!important;line-height:1.2!important;color:#fff!important}
 .piknik-site .pn-retail{padding:34px 14px 32px!important}
 .pn-retail>.elementor-widget-heading{min-height:62px}
 .piknik-site .pn-retailer-logos{flex-direction:column!important;flex-wrap:nowrap;width:100%!important;gap:26px!important;margin-top:32px!important;height:auto;align-items:center}
 .piknik-site .pn-retailer-logos>.pn-retailer{height:auto!important;min-height:0;max-width:100%!important;margin:0!important;flex-shrink:0}
 .piknik-site .pn-retailer-logos .pn-retailer img{width:100%!important;height:auto!important;max-height:none}
 .piknik-site .pn-retailer-logos .pn-retailer-0{width:152px!important}.piknik-site .pn-retailer-logos .pn-retailer-1{width:163px!important}.piknik-site .pn-retailer-logos .pn-retailer-2{width:136px!important}.piknik-site .pn-retailer-logos .pn-retailer-3{width:71px!important}.piknik-site .pn-retailer-logos .pn-retailer-4{width:69px!important}.piknik-site .pn-retailer-logos .pn-retailer-5{width:81px!important}
 .piknik-site.pn-localized .pn-retailer-logos .pn-regional-retailer{width:140px!important;max-width:140px!important;height:60px!important}
 .piknik-site.pn-localized .pn-retailer-logos .pn-regional-retailer img{max-height:60px;width:auto!important;object-fit:contain}
 .piknik-site .pn-retailer-note{margin-top:41px!important;width:100%!important;max-width:100%;font-size:14px!important;line-height:1.2!important;min-height:53px}
 .piknik-site .pn-footer{min-height:267px;height:auto;margin-top:0;padding:45px 14px 29px!important}
 .piknik-site .pn-footer>.elementor-widget-text-editor{font-size:14px!important;line-height:1.4!important;width:386px!important;translate:none!important}
 /* Standalone FAQ follows the same header and banner. Rows grow for translations. */
 .piknik-site .pn-faq-content{margin:0;padding:23px 0 30px!important;background:none;border:0}
 .piknik-site .pn-faq-title{height:72px;min-height:72px;margin:0!important;padding:0 19px!important}
 .piknik-site .pn-faq-title .elementor-heading-title{font-size:50px!important;line-height:1.1!important}
 .pn-faq-content .pn-faq .e-n-accordion{gap:3px!important}
 .pn-faq-content .e-n-accordion-item{border-radius:0}
 .pn-faq-content .pn-faq .e-n-accordion-item-title{min-height:76px;padding:11px 53px 11px 19px!important}
 .pn-faq-content .e-n-accordion-item-title-text{font-size:24px!important;line-height:1.1!important;overflow-wrap:anywhere}
 .pn-faq-content summary:after{font-size:50px;right:2px;width:49px}
 .pn-faq-content .pn-faq details>.e-con{padding:0 53px 13px 19px!important}
 .pn-inner-page>.pn-footer{margin-top:0}
 /* Mobile product information has a flowing description and nutrition table. */
 .piknik-site .pn-product-content{margin:0;padding:23px 0 26px!important;background:none;border:0}
 .pn-product-content .pn-detail-title{padding:0 19px!important;width:100%;min-height:117px}
 .pn-product-content .pn-detail-title h1{font-size:50px!important;line-height:1.1!important;max-width:373px;margin:auto}
 .pn-product-content .pn-detail-columns{margin-top:11px;gap:28px!important}
 .pn-product-content .pn-detail-description{padding:0 19px!important;font-size:14px!important;line-height:1.4!important;translate:none!important}
 .pn-product-content .pn-nutrition{overflow:visible}
 .pn-product-content .pn-nutrition table{font-size:14px;line-height:1.4;table-layout:fixed}
 .pn-product-content .pn-nutrition th{width:54%;font-weight:700;white-space:normal;padding:5px 10px 5px 19px}
 .pn-product-content .pn-nutrition td{padding:5px 19px 5px 10px;overflow-wrap:anywhere}
 .pn-product-content .pn-nutrition tr:nth-child(-n+4){display:flex;flex-direction:column;background:none;padding:0 19px 20px;gap:0}
 .pn-product-content .pn-nutrition tr:nth-child(-n+4) th,.pn-product-content .pn-nutrition tr:nth-child(-n+4) td{display:block;width:100%;padding:0}
 .pn-product-content .pn-nutrition tr:nth-child(4){padding-bottom:18px}
 .pn-product-content .pn-nutrition th,.pn-product-content .pn-nutrition td{border-radius:0!important}
}
@media(max-width:359px){
 .piknik-site .pn-contact-link .elementor-heading-title{font-size:25px!important}
 .piknik-site .pn-awards h2.elementor-heading-title{font-size:43px!important}
 .piknik-site .pn-follow h2,.piknik-site .pn-contact h2,.piknik-site .pn-retail h2{font-size:43px!important}
 .pn-product-content .pn-detail-title h1{font-size:44px!important}
}
/* Neutralize Elementor's default accordion borders and inline-image baseline. */
.pn-faq-content .pn-faq .e-n-accordion{display:flex;flex-direction:column}
.pn-faq-content .pn-faq details>.e-con{border:0!important}
.pn-social-icon a{display:block;line-height:0}
@media(max-width:1023px){
 .pn-faq-content .pn-faq details[open]>.e-n-accordion-item-title{min-height:72px}
 .piknik-site .pn-awards{margin-top:79px}
 .pn-awards-carousel{margin-top:40px}
 .pn-gallery{gap:19.486px!important;padding-bottom:44.5px!important}
 .pn-product-content .pn-nutrition table,.pn-product-content .pn-nutrition tbody{display:block;width:100%}
 .pn-product-content .pn-nutrition tr{display:grid;grid-template-columns:56.28% 43.72%;width:100%}
 .pn-product-content .pn-nutrition th,.pn-product-content .pn-nutrition td{display:block;width:auto;min-width:0}
 .pn-product-content .pn-nutrition th{padding-right:0}
 .pn-product-content .pn-nutrition td{padding-left:0}
 .pn-product-content .pn-nutrition tr:nth-child(-n+4){display:flex;width:100%}
}
@media(max-width:1023px){
 .pn-product-content .pn-detail-description{min-height:383px}
 .pn-product-content .pn-nutrition tr:nth-child(4){padding-bottom:21px}
}
@media(min-width:1024px){
 .pn-faq-content{padding-top:31px!important}
 .pn-faq-title{height:75px;margin-bottom:19px!important}
}
@media(max-width:1023px){
 .pn-faq-content .pn-faq details>.e-con{padding-bottom:10px!important}
 .piknik-site .pn-product-content{padding-bottom:21px!important}
}
@media(max-width:1023px){
 .piknik-site:not(.pn-localized) .pn-awards>.pn-section-title{max-width:339px}
 .pn-award-prev,.pn-award-next{width:44px!important;top:75.5px}
 .pn-award-prev{left:-6px}.pn-award-next{right:-6px}
 .piknik-site .elementor-widget-image.pn-award-prev a img,.piknik-site .elementor-widget-image.pn-award-next a img{width:33px!important;max-width:33px!important}
}

/* Figma 93:496 / 93:596: centered code, regular language rows and matching close icon. */
@media(max-width:1023px){
 .pn-header .pn-logo{left:calc(50% - 76px)}
 .pn-header .pn-menu-toggle{top:18.5035px;right:21.8165px;height:44px}
 .piknik-site .pn-menu-toggle a{position:relative;display:flex;align-items:center;justify-content:center;padding:0;line-height:0}
 .pn-menu-toggle a[aria-expanded="false"]:before{width:32.375px!important;height:21px!important}
 .pn-menu-toggle a[aria-expanded="true"]:before,.pn-menu-toggle a[aria-expanded="true"]:after{content:'';position:absolute;left:calc(50% - 16.1875px);top:calc(50% - 1.75px);width:32.375px!important;height:3.5px!important;background:#37b9e3!important;transform:rotate(45deg)}
 .pn-menu-toggle a[aria-expanded="true"]:after{transform:rotate(-45deg)}
 .pn-header .pn-nav:has(.pn-language[data-open="true"]){padding-bottom:30px!important}
 .pn-header .pn-nav:has(.pn-language[data-open="true"]) .pn-header-right{gap:27px!important}
 .pn-nav .pn-social-icons,.pn-nav .pn-language-toggle,.pn-nav .elementor-button-text{translate:.5px 0}
 .pn-nav .cpel-switcher__code{translate:.5px 2px}
}

@media(prefers-reduced-motion:reduce){.pn-language-toggle:after{transition:none}}
/* Full award captions share the tallest slide's space, without moving the gallery on each click. */
.piknik-site .pn-awards{height:auto;min-height:561px}
.piknik-site .pn-awards-carousel{height:auto;min-height:330px}
body:not(.elementor-editor-active) .pn-award-slides{display:grid!important;align-items:start;justify-items:center}
body:not(.elementor-editor-active) .pn-award-slide:not(.pn-award-echo){display:flex!important;grid-area:1 / 1;visibility:hidden;align-self:start}
body:not(.elementor-editor-active) .pn-award-slide.is-active:not(.pn-award-echo){visibility:visible}