/* Responsive and accessible polish on the supplied Little Mi's Tarts design. */
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{min-width:320px;overflow-x:hidden}
img{max-width:100%}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #C98B58;outline-offset:3px}
button{cursor:pointer}
button:disabled{cursor:wait;opacity:.65}
.pc{min-width:0}
.pc>a.btn{justify-content:center;text-align:center;width:100%;padding:10px 12px;min-height:44px}
.pc img{display:block}
.pc h2{overflow-wrap:anywhere}
.pc b{margin-top:auto}
.card,.rv{min-width:0}
.f textarea{resize:vertical}
.form-feedback{margin:10px 0 0;font-size:14px;font-weight:700;color:#3F6752;line-height:1.5}
.form-feedback.error{color:#A23B3B}
.track-message{margin:12px 0 0;color:#5B5575;font-size:14px;line-height:1.5}
.track-message.error{color:#A23B3B}
.phone-link,.instagram-link{overflow-wrap:anywhere}
.empty-review .st{display:none}
.empty-review b{display:none}
.mob nav a{white-space:nowrap}
@media(max-width:700px){
 .mob header nav{gap:5px;align-items:stretch}
 .mob header nav a{min-height:44px;display:inline-flex;align-items:center;justify-content:center;font-size:clamp(11px,3vw,14px)}
 .mob .pc{padding:12px;gap:9px;border-radius:18px}
 .mob .pc h2{font-size:17px;line-height:1.3}
 .mob .pc p{font-size:13px;line-height:1.4}
 .mob .pc a.btn{font-size:13px}
 .mob .card{padding:20px}
 .mob .in{flex-wrap:wrap}
 .mob .in input{flex-basis:160px}
 .mob .in button{flex:1}
 .mob .sp.sv{gap:13px}
 .mob #tracking-results dl{grid-template-columns:90px minmax(0,1fr)}
}
@media(max-width:360px){.mob .pc{padding:9px}.mob .pc h2{font-size:15px}.mob header{padding-left:13px!important;padding-right:13px!important}}
@media(min-width:701px) and (max-width:900px){.hd{padding-left:24px;padding-right:24px}.hero{margin-left:24px;margin-right:24px}.nv{gap:16px}}
[hidden]{display:none!important}

/* Responsive hamburger: shared by all desktop/mobile storefront pages. */
.lmt-menu{position:relative;display:inline-flex;align-items:center;justify-content:center;z-index:60}
.lmt-menu-toggle{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;min-width:44px;padding:8px 10px;border-radius:12px;border:1px solid #e6d8d5;background:#fff;color:#6B1A2A;font:700 14px/1.2 'Nunito',system-ui,sans-serif;box-shadow:0 2px 7px rgba(54,25,34,.05)}
.lmt-menu-toggle:hover,.lmt-menu-toggle[aria-expanded="true"]{background:#FFF1ED;border-color:#b78e90}
.lmt-menu-icon{font-size:23px;line-height:1}
.lmt-menu-panel{position:absolute;top:calc(100% + 8px);right:0;width:230px;max-width:calc(100vw - 28px);padding:8px;border:1px solid #ead9d8;border-radius:16px;background:#fff;box-shadow:0 18px 45px rgba(44,19,29,.2);text-align:left;display:grid;gap:2px}
.lmt-menu-panel[hidden]{display:none!important}
.lmt-menu-panel a{font:700 14px/1.3 'Nunito',system-ui,sans-serif;display:flex;align-items:center;text-align:left;min-height:44px;padding:10px 12px;border-radius:10px;text-decoration:none;color:#32233A;white-space:normal}
.lmt-menu-panel a:hover,.lmt-menu-panel a:focus-visible{background:#FFF0EF;color:#6B1A2A}
.lmt-menu-panel .lmt-menu-admin{color:#6B1A2A;border-top:1px solid #eee2df;margin-top:4px;padding-top:13px}
.mob header{position:relative}
.mob header .lmt-menu{position:absolute;top:12px;right:16px}
.mob header .lmt-menu-panel{right:0}
.mob .lmt-menu-text{display:none}
.mob .lmt-menu-toggle{background:#fffaf5;box-shadow:0 2px 8px rgba(30,15,20,.12)}
@media(max-width:360px){.mob header .lmt-menu{right:8px;top:10px}}

/* Keep the reference design, but never reveal embedded demo content before
   /api/site has hydrated the real hero photo, product cards and reviews. */
html:not(.lmt-site-ready) #home .hero img[data-i="1"],
html:not(.lmt-site-ready) #about img[data-i="1"],
html:not(.lmt-site-ready) #home .rv,
html:not(.lmt-site-ready) #home .sold,
html:not(.lmt-site-ready) #shop .pc {
  opacity:0!important;
}
html:not(.lmt-site-ready) #home .hero {
  background-image:linear-gradient(110deg,#38231d 8%,#604139 48%,#38231d 92%)!important;
  background-size:200% 100%!important;
  animation:lmt-hero-loading 1.7s ease-in-out infinite;
}
html.lmt-site-ready #home .hero img[data-i="1"],
html.lmt-site-ready #about img[data-i="1"],
html.lmt-site-ready #home .rv,
html.lmt-site-ready #home .sold,
html.lmt-site-ready #shop .pc {
  opacity:1;
  transition:opacity .28s ease-out;
}
@keyframes lmt-hero-loading{0%{background-position:100% 0}100%{background-position:-100% 0}}
@media(prefers-reduced-motion:reduce){
 html:not(.lmt-site-ready) #home .hero{animation:none}
 html.lmt-site-ready #home .hero img[data-i="1"],
 html.lmt-site-ready #about img[data-i="1"],
 html.lmt-site-ready #home .rv,
 html.lmt-site-ready #home .sold,
 html.lmt-site-ready #shop .pc{transition:none}
}


/* Do not reveal the embedded mascot before the saved branding has loaded. */
html:not(.lmt-site-ready) #home .hero img[data-i="0"]{opacity:0!important}
html.lmt-site-ready #home .hero img[data-i="0"]{opacity:1;transition:opacity .28s ease-out}
#shop .product-empty{grid-column:1/-1;background:#fff9f2;border:1px solid #eee2dd;border-radius:18px;padding:22px;color:#6B1A2A;font-size:15px;line-height:1.5}
@media(prefers-reduced-motion:reduce){html.lmt-site-ready #home .hero img[data-i="0"]{transition:none}}


/* Product photos retain their aspect ratio and published crop without escaping cards. */
#shop .lmt-shop-photo{display:block;width:100%;aspect-ratio:4/5;position:relative;overflow:hidden;border-radius:18px;background:rgba(119,47,68,.08)}
#shop .lmt-shop-photo img{display:block;width:100%!important;height:100%!important;max-width:none;aspect-ratio:auto!important;object-fit:cover;border-radius:0!important}
#home .hero img[data-i="1"],#about img[data-i="1"]{will-change:auto;backface-visibility:hidden}
/* Prevent layout shift while shop photos load. */
@media(prefers-reduced-motion:no-preference){#shop .lmt-shop-photo img{transition:opacity .2s ease}}
