/* Shared mobile layout: loaded last to resolve earlier breakpoint conflicts. */
@media screen and (max-width:700px){
html{scroll-padding-top:24px}body{width:100%;min-width:0}header:not(.admin-bar){padding:18px 20px 20px;display:flex;flex-direction:column;align-items:center;gap:16px}header:not(.admin-bar) .brand .brand-logo{width:128px}header:not(.admin-bar) nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;gap:6px;max-width:440px}header:not(.admin-bar) nav .glass{min-width:0;min-height:44px;padding:10px 5px;font-size:12px;white-space:nowrap;gap:0}
.glass{min-height:44px;line-height:1.35}.glass:hover{transform:none}h1,h2,h3{overflow-wrap:break-word}.inner-page{padding:190px 20px 48px}.inner-page>h1{font-size:clamp(38px,10.5vw,52px);margin:14px 0 24px}.inner-page>p{font-size:16px;line-height:1.65}.company-page{padding-top:175px}.section-heading{padding:0 20px}.section-heading h2{font-size:clamp(34px,9.5vw,44px);line-height:1.12}.section-heading>p{padding-bottom:0}
.hero{padding:180px 20px 32px;height:850px;min-height:850px;max-height:none;display:block}.hero-copy{width:100%;height:auto;max-width:none}.hero h1{font-size:clamp(48px,15vw,64px);max-width:100%;margin:20px 0;line-height:1.04}.hero-copy .eyebrow{font-size:10px;max-width:100%}.hero .hero-quote{margin-top:18px;width:260px;min-height:88px;font-size:16px}.hero-art{position:absolute;top:530px;right:-8%;left:auto;width:85%;height:290px;min-height:0;margin:0}.hero-nut{width:100%;height:100%}.intro-enabled .intro-stage>header{padding-bottom:25px}.intro-film video{object-position:center}.intro-hint{font-size:11px}
.product-stage{height:410px}.product-card{width:78vw;height:350px;top:18px;border-radius:22px;padding:20px}.product-card .pack{top:15px;height:57%}.product-card .raw{top:15px;height:73%}.product-card .card-label,.product-card .card-detail{left:20px;right:20px;bottom:22px}.card-label strong{font-size:28px}.card-label small{font-size:9px;letter-spacing:.5px}.card-detail strong{font-size:20px;line-height:1.2}.card-detail span{font-size:12px}.range-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:0 20px;gap:10px;margin-top:12px}.range-links .glass{padding:12px 8px;width:100%;font-size:13px}
.category-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:26px 0}.category-nav .glass{padding:10px 5px;min-width:0;font-size:12px;text-align:center}.search-label{margin-bottom:24px}.search-label input{width:100%;min-height:48px;font-size:16px}.catalog-card h2{font-size:26px;line-height:1.25}.catalog-card p{overflow-wrap:break-word}.quote-choice{width:100%;min-height:48px;gap:12px}.quote-choice input{flex:0 0 22px;width:22px;height:22px}.quote-selection-bar .cream-cta{width:280px}.pallet-info{margin:24px 0}.pallet-scroll{max-width:100%}
.stories{padding:55px 0 45px}.stories .section-heading>a{width:100%;max-width:330px;margin-top:20px;min-height:54px;font-size:14px}.rope-stage{height:440px}.story-toolbar{justify-content:center;gap:12px}.story-toolbar .glass{min-width:110px}.contact-layout{grid-template-columns:1fr;gap:28px}.contact-media{max-width:100%}.contact-actions{display:flex;justify-content:center;flex-wrap:wrap;margin-top:28px}.contact-layout .glass{min-width:150px}.company-page .about{padding:24px 20px 40px;gap:30px}.real-company{grid-template-columns:1fr;gap:20px;width:100%}.real-company img{height:auto;max-height:420px;transform:none!important}.about-copy h2{font-size:38px}
.b2b{padding:30px 20px 48px}.business{padding:24px 20px 48px}.business h1,.b2b h2{font-size:34px}.form-row,.checks,.stats{grid-template-columns:1fr}.business fieldset,.b2b fieldset{min-width:0;padding:16px}.checks label{min-height:44px;line-height:1.4}.checks input{flex-shrink:0}.business input,.business textarea,.business select,.b2b input,.b2b textarea{font-size:16px}.business nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.business nav .glass{width:100%;white-space:normal;text-align:center;overflow-wrap:normal}.business .actions,.quick-save,.lead-actions{flex-wrap:wrap;gap:10px}.quick-save{padding:14px}.business .actions .glass{min-height:44px}.admin-bar{align-items:center;gap:14px;flex-wrap:wrap}.analytics-dashboard{padding:16px}.stats{gap:12px}
footer{margin:0 20px;padding:32px 0 24px;grid-template-columns:1fr;gap:24px;text-align:center}footer .brand .brand-logo{width:150px}footer>.company-details{font-size:14px;line-height:1.8}.footer-bottom{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px;padding-top:20px}.footer-bottom>a,.footer-bottom>button{min-height:44px;display:flex;align-items:center;justify-content:center;font-size:12px;white-space:normal}.footer-bottom>span{font-size:12px}.cookie-panel{left:12px;bottom:12px;width:calc(100% - 24px);padding:18px;border-radius:18px}.cookie-actions{display:grid;grid-template-columns:1fr;gap:8px}.cookie-actions .glass{width:100%;min-height:46px}.cookie-panel h2{font-size:22px}.cookie-panel p{font-size:14px}
}
@media screen and (max-width:360px){header:not(.admin-bar){padding-left:16px;padding-right:16px}header:not(.admin-bar) nav .glass{font-size:11px}.category-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.card-label{flex-wrap:wrap}.hero{height:820px;min-height:820px}.hero-art{top:525px;height:260px}}

@media screen and (max-width:700px){.company-page .about-art{width:100%;max-width:360px;margin:0 auto}.company-page .about-art>img{width:100%;margin:0}.company-page .handwritten{position:static;display:block;text-align:center;font-size:24px;transform:none;margin:14px 0 0}.hero-art{top:565px;height:255px}}

@media(max-width:700px){.company-page .about-art>picture>img{width:100%;margin:0}}

@media(max-width:700px){.inner-page:before,.company-page:before{background-image:url("assets/pistachios.lite.webp")}.inner-page:after,.company-page:after{background-image:url("assets/almonds.lite.webp")}.cream-cta{background-image:url("assets/cta-pistacchio.lite.webp")}}

/* Mobile composition: retain the desktop palette and imagery in a clear vertical layout. */
@media screen and (max-width:700px){
.hero{display:flex;flex-direction:column;align-items:center;gap:18px;height:auto;min-height:900px;max-height:none;padding:180px 24px 32px;overflow:hidden}
.hero-copy{width:100%;height:auto;align-items:center;text-align:center;flex:0 0 auto}
.hero-copy .eyebrow{font-size:10px;letter-spacing:1.8px;margin:0}
.hero h1{font-size:clamp(44px,12.8vw,66px);max-width:100%;line-height:1.06;margin:16px 0}
.hero .intro{max-width:330px;margin:0 auto;font-size:15px;line-height:1.65}
.hero .hero-quote{margin:18px auto 0;width:250px;min-height:84px;flex-shrink:0}
.hero-art{position:relative;inset:auto;top:auto;right:auto;left:auto;bottom:auto;flex:0 0 auto;width:100%;max-width:390px;height:clamp(250px,76vw,330px);min-height:0;margin:0 auto;transform:none;overflow:visible}
.hero-nut{inset:0;width:100%;height:100%;max-width:100%;object-fit:contain;object-position:center;scale:1;filter:drop-shadow(0 12px 12px #55472d26);animation:mobile-ingredient-float 7s ease-in-out infinite}
.hero-nut.visible{scale:1}.hero-bottom{position:static;flex-wrap:wrap;justify-content:center;text-align:center;margin-top:4px;gap:8px;width:100%}
.hero-art .ingredient-caption{display:none}
@keyframes mobile-ingredient-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.catalog-grid{gap:32px 20px}.catalog-card{padding-bottom:24px}.packshot{width:100%;height:clamp(250px,76vw,340px);min-height:0;flex-basis:auto;aspect-ratio:1/1;margin-bottom:16px}.packshot img{object-position:center;transform:none!important}.catalog-card>.eyebrow{margin-top:8px}
.company-page .about-art{max-width:340px;width:100%}.company-page .about-art img{display:block;width:100%;height:auto;max-height:360px;object-fit:contain;margin:0;animation:none}
.real-company{gap:20px}.real-company picture{display:block;width:100%;min-width:0}.real-company img{display:block;width:100%;height:auto;max-height:none;aspect-ratio:4/3;object-fit:cover;border-radius:18px;transform:none!important}
.contact-media{width:100%;min-width:0}.contact-media picture{display:block;width:100%}.contact-media img,.contact-media video,.contact-layout>img{display:block;width:100%;height:auto;max-height:480px;object-fit:contain;border-radius:18px;transform:none}
.heritage-photo{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
}
@media screen and (max-width:360px){.hero{padding-left:20px;padding-right:20px;min-height:860px}.hero h1{font-size:44px}.hero-art{height:250px}}
@media screen and (max-width:700px) and (prefers-reduced-motion:reduce){.hero-nut{animation:none}}