/* Page-specific layouts for phones and tablets. */
html{max-width:100%;text-size-adjust:100%;-webkit-text-size-adjust:100%}body{max-width:100%;margin:0}*,*:before,*:after{box-sizing:border-box}img{max-width:100%;height:auto}input,select,textarea,button{max-width:100%}iframe{max-width:100%}h1,h2,h3,h4,p,address{overflow-wrap:break-word}main>*{min-width:0}.header,.responsive-header{z-index:60}body>header:not(.header){position:relative;z-index:60}.dropdown-host{min-width:0;flex-shrink:0}.language-choice{flex-shrink:0}.site-dropdown-panel{max-width:calc(100vw - 30px)}[hidden]{display:none!important}
@media(max-width:1024px) and (min-width:701px){body[data-page=home] .hero-grid>div:first-child{width:56%}body[data-page=home] .hero h1{font-size:clamp(38px,5vw,54px)}body[data-page=directory] .locations-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body[data-page=store] .store-bottom{flex-direction:column;align-items:flex-start}body[data-page=journey] .journey-chapter{gap:50px}}
@media(max-width:700px){
body>header:not(.header){padding:10px 14px;min-height:72px;gap:8px;flex-wrap:nowrap;display:flex;align-items:center;justify-content:space-between}
body>header:not(.header)>.brand{flex-shrink:1;min-width:60px}body>header:not(.header) .brand img{width:100px;height:48px;object-fit:contain}
body>header nav.dropdown-host{display:flex!important;flex-direction:row!important;gap:5px!important;align-items:center!important;justify-content:flex-end!important;white-space:nowrap}
header .site-dropdown{padding:0!important;border:0!important;margin:0!important}header .site-dropdown>summary{font-size:11px;min-height:42px;padding:10px}
header .language-choice select{max-width:78px;min-height:42px;font-size:11px;padding:8px 4px}header .header-cart-link{font-size:10px;padding:8px 5px;min-height:42px;display:flex;align-items:center;gap:3px}header .header-cart-link #bagCount{width:19px;height:19px;margin:0;font-size:10px}
body[data-page=home] .container{width:calc(100% - 32px)}body[data-page=home] .hero-grid{width:100%;min-height:0;padding:28px 0 240px}body[data-page=home] .hero h1{font-size:clamp(32px,9vw,48px);line-height:1.15}body[data-page=home] .hero p{font-size:14px}body[data-page=home] .hero .actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}body[data-page=home] .hero .actions a{padding:12px 8px;font-size:11px;text-align:center;min-height:48px}body[data-page=home] .hero-art img{height:100%;width:100%;object-fit:contain;object-position:bottom right}body[data-page=home] .hero-stamp{bottom:16px;right:16px}body[data-page=home] .story-photo img{height:300px}body[data-page=home] .since{right:0;width:108px;height:108px;font-size:10px}body[data-page=home] .section h2{font-size:30px}body[data-page=home] .section{padding:45px 0}body[data-page=home] .cards{grid-template-columns:repeat(2,minmax(0,1fr))}body[data-page=home] .product h3{font-size:18px}body[data-page=home] .trust div{padding:17px 9px;font-size:11px}body[data-page=home] .ghee-grid,body[data-page=home] .franchise-grid{gap:28px}
body[data-page=shop] .product-layout{gap:0}body[data-page=shop] .image-main{aspect-ratio:1.12;min-height:0}body[data-page=shop] .image-main img{height:100%;object-fit:contain}body[data-page=shop] .product-info>h1{font-size:clamp(30px,8.5vw,38px)}body[data-page=shop] .ghee-shipping-highlight strong{font-size:12px}body[data-page=shop] .pack-grid{grid-template-columns:repeat(5,minmax(0,1fr))}body[data-page=shop] .pack-grid button{font-size:11px;min-height:44px}body[data-page=shop] .checkout-grid{display:flex;flex-direction:column;gap:20px}body[data-page=shop] .checkout-grid>*{width:100%}body[data-page=shop] .cart-row{align-items:flex-start}body[data-page=shop] .cart-text{overflow-wrap:anywhere}body[data-page=shop] .buy-row{align-items:stretch}body[data-page=shop] .buy-row .primary{padding:12px 10px}body[data-page=shop] .floating-cart{bottom:calc(10px + env(safe-area-inset-bottom));padding:11px 12px}body[data-page=shop] #continueToPayment,body[data-page=shop] #payButton{min-height:50px;font-size:13px}
body[data-page=journey] .journey-intro{padding-top:35px}body[data-page=journey] .journey-intro h1{font-size:clamp(34px,9vw,46px)}body[data-page=journey] .journey-chapter{gap:24px;margin-bottom:48px}body[data-page=journey] .journey-copy h2{font-size:29px}body[data-page=journey] .frame-caption{font-size:14px;line-height:1.7}body[data-page=journey] .journey-closing h2{font-size:28px}
body[data-page=directory] .directory-heading{display:block}body[data-page=directory] .filters{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}body[data-page=directory] .locations-grid{grid-template-columns:1fr}body[data-page=directory] .stores-intro h1{font-size:38px}body[data-page=directory] .stores-intro h1 span{font-size:30px}body[data-page=directory] .location-body{padding:20px}body[data-page=directory] .expansion{padding:22px}
body[data-page=store] .store-cover-title{max-width:calc(100% - 30px)}body[data-page=store] .store-cover-title h1{font-size:30px}body[data-page=store] .store-cover-title .pill{font-size:10px}body[data-page=store] .store-facts>div{min-width:0;padding:14px}body[data-page=store] .store-facts strong{font-size:12px}body[data-page=store] .visit-grid{padding-top:28px}body[data-page=store] .map-box iframe{height:290px}body[data-page=store] .bottom-buttons{display:grid;grid-template-columns:1fr 1fr;width:100%}body[data-page=store] .bottom-buttons a{font-size:12px;padding:13px 9px;white-space:normal}body[data-page=store] .store-menu h2,body[data-page=store] .visit-details h2{font-size:29px}
body[data-page=blog] .blog-intro h1{font-size:40px}body[data-page=blog] .blog-intro h1 span{font-size:32px}body[data-page=blog] .blog-grid,body[data-page=article] .blog-grid{grid-template-columns:1fr}body[data-page=blog] .blog-card img,body[data-page=article] .blog-card img{height:210px}body[data-page=article] .story-article{margin-top:28px}body[data-page=article] .story-article h1{font-size:33px;letter-spacing:-.5px}body[data-page=article] .story-cover{height:240px}body[data-page=article] .story-body h2{font-size:26px}
body[data-page=thanks] .thanks-card h1{font-size:30px}body[data-page=thanks] .thanks-summary strong{text-align:right}body[data-page=thanks] .thanks-actions{flex-direction:column}body[data-page=admin] .rates-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
input:not([type=radio]):not([type=checkbox]),select,textarea{font-size:16px}button,.primary,.btn{touch-action:manipulation}footer{overflow-wrap:anywhere}
}
@media(max-width:360px){body>header:not(.header) .brand img{width:72px}header .site-dropdown>summary{padding:10px 7px;font-size:10px}header .language-choice select{max-width:70px;font-size:10px}.header .brand img{width:85px}body[data-page=home] .hero .actions{grid-template-columns:1fr}body[data-page=home] .cards{grid-template-columns:1fr}body[data-page=shop] .pack-grid{grid-template-columns:repeat(3,minmax(0,1fr))}body[data-page=shop] .buy-row .primary{font-size:12px}body[data-page=store] .store-facts{grid-template-columns:1fr}body[data-page=store] .store-facts>div{border:0;border-bottom:1px solid #e6ddca}}
.seo-footer-links{display:flex;flex-basis:100%;flex-wrap:wrap;justify-content:center;gap:22px;padding-top:15px;font-size:12px}.seo-footer-links a{padding:8px}