:root{--forest:#153d2c;--dark:#143223;--cream:#fcfaf2;--sand:#f0eadb;--gold:#efbc57;--ink:#22392b;--line:#dbdfd1}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.65 'DM Sans','Noto Sans Thai',sans-serif}a{color:inherit}a:focus-visible{outline:3px solid #b56810;outline-offset:3px}.wrap{width:min(1200px,calc(100% - 48px));margin:auto}.notice{background:#d9a53e;color:#1e301f;text-align:center;padding:9px 16px;font-size:14px;font-weight:700}.header{background:var(--cream);border-bottom:1px solid var(--line)}.header-inner{min-height:90px;display:flex;align-items:center;gap:32px}.brand{text-decoration:none;display:flex;flex-direction:column;line-height:1.06;white-space:nowrap}.brand strong{font-size:29px;letter-spacing:-1.7px;color:var(--forest);font-weight:700}.brand small{font-size:10px;letter-spacing:2.8px;font-weight:700;color:#697459;margin-top:7px}.nav{display:flex;align-items:center;gap:27px;margin-left:auto}.nav a{text-decoration:none;font-size:14px;font-weight:700}.nav a:hover,.footer a:hover{color:#b17424}.language{display:flex;border:1px solid #bdc9b6;border-radius:100px;overflow:hidden;flex:none}.language a{padding:7px 11px;text-decoration:none;font-size:13px;font-weight:700;line-height:1.2}.language a[aria-current=page]{background:var(--forest);color:white}.menu{display:none}.hero{background:linear-gradient(90deg,rgba(14,43,30,.92) 0%,rgba(14,43,30,.72) 43%,rgba(14,43,30,.08) 77%),url('assets/desktop-grocery-oriental-en.png') center right/cover no-repeat;color:white;min-height:610px;display:flex;align-items:center}.hero .wrap{padding:72px 0}.kicker{text-transform:uppercase;letter-spacing:.19em;font-size:12px;font-weight:700;color:var(--gold);margin:0 0 18px}.hero h1{max-width:660px;font-family:Georgia,'Noto Sans Thai',serif;font-weight:400;letter-spacing:-2.4px;font-size:clamp(49px,5.9vw,84px);line-height:1.05;margin:0 0 25px}.hero p:not(.kicker){max-width:540px;font-size:19px;line-height:1.5;margin:0 0 30px;color:#f6f6ec}.button{display:inline-flex;align-items:center;justify-content:center;gap:19px;background:var(--gold);color:#203221;text-decoration:none;border-radius:100px;padding:14px 25px;font-weight:700;font-size:15px;transition:transform .2s,background .2s}.button:hover{background:#ffd276;transform:translateY(-2px)}.button span{font-size:21px;line-height:1}.trust{background:var(--forest);color:#f8f5e9}.trust .wrap{display:grid;grid-template-columns:repeat(3,1fr)}.trust p{margin:0;padding:21px 25px;text-align:center;border-right:1px solid #ffffff30;font-size:14px;font-weight:600}.trust p:last-child{border:0}.section{padding:82px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:30px}.eyebrow{color:#a27029;font-weight:700;text-transform:uppercase;letter-spacing:.15em;font-size:12px;margin:0 0 8px}.section h2{font:400 clamp(38px,4.4vw,60px)/1.09 Georgia,'Noto Sans Thai',serif;letter-spacing:-1.7px;margin:0}.section-head p:last-child{max-width:370px;margin:0;color:#506150}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.category{min-height:194px;background:#e5ebd7;border:1px solid #d4deca;border-radius:9px;display:flex;flex-direction:column;justify-content:space-between;padding:21px;text-decoration:none;transition:transform .2s,box-shadow .2s,background .2s}.category:nth-child(4n+2){background:#f3e5ca;border-color:#e9d5ae}.category:nth-child(4n+3){background:#e0eadd}.category:nth-child(4n+4){background:#f0e9d6}.category:hover{transform:translateY(-4px);box-shadow:0 12px 24px #2244311b}.category small{font-size:12px;color:#60715b;letter-spacing:.08em}.category strong{display:block;font:400 clamp(23px,2.4vw,31px)/1.16 Georgia,'Noto Sans Thai',serif;letter-spacing:-.6px}.category strong span{display:block;font:500 13px/1.4 'DM Sans','Noto Sans Thai',sans-serif;color:#526653;margin-top:8px;letter-spacing:0}.category .arrow{align-self:flex-end;font-size:25px;line-height:1}.more-link{font-weight:700;text-underline-offset:5px;display:inline-block;margin-top:27px}.story{background:var(--sand)}.story-inner{display:grid;grid-template-columns:1.1fr .9fr;gap:12vw;align-items:center}.story p{font-size:18px;max-width:610px;margin:22px 0 0}.story-card{padding:44px;background:var(--forest);color:white;border-radius:10px}.story-card strong{font:400 35px/1.2 Georgia,'Noto Sans Thai',serif;display:block;margin-bottom:18px}.story-card p{font-size:16px;margin:0;color:#e3eddf}.contact{background:#f9f7ef}.contact-inner{display:flex;justify-content:space-between;gap:40px;align-items:end}.contact p{max-width:620px;font-size:18px}.contact-links{display:flex;gap:12px;flex-wrap:wrap}.contact-links a{border:1px solid var(--forest);border-radius:100px;padding:12px 19px;text-decoration:none;font-weight:700;white-space:nowrap}.contact-links a:hover{background:var(--forest);color:white}.footer{background:var(--dark);color:#e8eee4;padding:32px 0}.footer-inner{display:flex;justify-content:space-between;gap:30px;align-items:center}.footer strong{font-size:20px}.footer p{margin:4px 0 0;font-size:13px;color:#c6d7c8}.footer a{text-decoration:none}.footer-links{display:flex;gap:22px;flex-wrap:wrap;font-size:14px}body[lang=th] .hero h1,body[lang=th] .section h2,body[lang=th] .category strong,body[lang=th] .story-card strong{letter-spacing:0}
@media(max-width:900px){.category-grid{grid-template-columns:repeat(2,1fr)}.nav{gap:16px}.story-inner{gap:40px}.header-inner{gap:17px}.brand strong{font-size:24px}}
@media(max-width:650px){.wrap{width:min(100% - 36px,1200px)}.header-inner{min-height:78px;flex-wrap:wrap;justify-content:space-between;padding:15px 0}.brand strong{font-size:24px}.nav{order:3;display:flex;overflow:auto;width:100%;margin:0;gap:22px;padding:8px 0 1px;white-space:nowrap}.nav a{font-size:13px}.language a{font-size:12px}.hero{min-height:620px;align-items:flex-start;background:linear-gradient(180deg,rgba(14,43,30,.93) 0%,rgba(14,43,30,.79) 40%,rgba(14,43,30,.08) 90%),url('assets/desktop-grocery-oriental-en.png') 65% center/cover no-repeat}.hero .wrap{padding:56px 0}.hero h1{font-size:clamp(44px,11.3vw,62px);max-width:500px}.hero p:not(.kicker){font-size:17px;max-width:430px}.trust .wrap{display:block}.trust p{border-right:0;border-bottom:1px solid #ffffff30;padding:13px 0}.trust p:last-child{border:0}.section{padding:58px 0}.section-head{display:block}.section-head p:last-child{margin:17px 0 0}.category-grid{gap:11px}.category{min-height:160px;padding:17px}.category strong{font-size:23px}.story-inner{grid-template-columns:1fr}.story-card{padding:28px}.contact-inner{display:block}.contact-links{margin-top:25px}.footer-inner{display:block}.footer-links{margin-top:22px}}
@media(max-width:380px){.category-grid{grid-template-columns:1fr}.category{min-height:125px}.brand strong{font-size:21px}}

/* Brighter Thai market palette */
:root{--forest:#126c59;--dark:#0e5649;--cream:#fffdf8;--sand:#fff2df;--gold:#ffcc50;--ink:#204a3e;--line:#cfe4d9}
.notice{background:#ffd66d;color:#254539}
.brand strong{color:#0c735b}
.brand small{color:#b54f2c}
.language{border-color:#8bbcaf}
.hero{color:#184b3d;background:linear-gradient(90deg,rgba(255,253,248,.99) 0%,rgba(255,253,248,.9) 33%,rgba(255,253,248,.26) 58%,rgba(255,253,248,0) 76%),url('assets/desktop-grocery-oriental-en.png') center right/cover no-repeat}
.kicker{color:#bd542d}
.hero p:not(.kicker){color:#345348}
.button{background:#ffcc50;color:#203f32}
.button:hover{background:#ffdc82}
.trust{background:#087c68;color:#fff}
.eyebrow{color:#c65a32}
.category{background:#daf2e7;border-color:#c1e8d7}
.category:nth-child(4n+2){background:#fff0bd;border-color:#f8df94}
.category:nth-child(4n+3){background:#e0f5f2;border-color:#c2e8e3}
.category:nth-child(4n+4){background:#ffe5d5;border-color:#f7cab0}
.category small,.category strong span{color:#4b6758}
.story-card{background:#ca5b37;color:#fff}
.story-card p{color:#fff6eb}
.contact{background:#fffaf1}
@media(max-width:650px){.hero{background:linear-gradient(180deg,rgba(255,253,248,.99) 0%,rgba(255,253,248,.92) 42%,rgba(255,253,248,.24) 77%,rgba(255,253,248,0) 100%),url('assets/desktop-grocery-oriental-en.png') 62% center/cover no-repeat}}

/* Alternate hero: a brighter market tabletop */
.hero{background:linear-gradient(90deg,rgba(238,252,248,.97) 0%,rgba(238,252,248,.82) 30%,rgba(238,252,248,.09) 58%,rgba(238,252,248,0) 75%),url('assets/desktop-grocery-oriental-en.png') center right/cover no-repeat}
@media(max-width:650px){.hero{background:linear-gradient(180deg,rgba(238,252,248,.98) 0%,rgba(238,252,248,.88) 42%,rgba(238,252,248,.14) 78%,rgba(238,252,248,0) 100%),url('assets/desktop-grocery-oriental-en.png') 62% center/cover no-repeat}}

/* Hero with rice, noodles and sauces */
.hero{background:linear-gradient(90deg,rgba(255,250,242,.94) 0%,rgba(255,250,242,.77) 30%,rgba(255,250,242,.08) 58%,rgba(255,250,242,0) 75%),url('assets/desktop-grocery-oriental-en.png') center right/cover no-repeat}
@media(max-width:650px){.hero{background:linear-gradient(180deg,rgba(255,250,242,.98) 0%,rgba(255,250,242,.86) 40%,rgba(255,250,242,.15) 78%,rgba(255,250,242,0) 100%),url('assets/desktop-grocery-oriental-en.png') 62% center/cover no-repeat}}

/* Keep the complete product arrangement visible on phones. */
@media (max-width:650px) {
  .hero {
    min-height:calc(420px + 100vw);
    background:#f8f3e9 url('assets/mobile-grocery-noodle-labels-en.png') center bottom/contain no-repeat;
  }
  .hero .wrap { padding-top:28px; }
}

/* Make the existing site header distinct and usable on small screens. */
@media (max-width:650px) {
  .header { display:block;background:#0e6e5c;border-bottom:0;color:#fff; }
  .header-inner { gap:12px;padding:16px 0 12px; }
  .brand { white-space:normal;max-width:calc(100% - 94px); }
  .brand strong { color:#fff;font-size:clamp(21px,6vw,26px);letter-spacing:-.8px; }
  .brand small { color:#fff1bd;letter-spacing:.07em;font-size:10px;line-height:1.3; }
  .language { border-color:#b8e5d9;margin-left:auto; }
  .language a[aria-current=page] { background:#ffcc50;color:#184635; }
  .nav { border-top:1px solid #ffffff50;padding:11px 0 2px;justify-content:space-between;gap:12px; }
  .nav a { color:#fff;font-size:14px; }
}

@media (max-width:380px) {
  .hero .kicker { margin-bottom:10px; }
  .hero h1 { font-size:38px;margin-bottom:18px; }
  .hero p:not(.kicker) { font-size:16px;line-height:1.4;margin-bottom:20px; }
  .hero .button { padding:10px 18px; }
}

/* On the mobile homepage, begin with the grocery scene. */
.mobile-language { display:none; }
@media (max-width:650px) {
  .home .notice,.home .header { display:none; }
  .home .hero .wrap { position:relative; }
  .home .hero .kicker { padding-right:75px; }
  .home .mobile-language {
    position:absolute;top:23px;right:0;display:flex;align-items:center;
    border:1px solid #0e6e5c;border-radius:100px;overflow:hidden;
    background:rgba(255,253,248,.86);font-size:12px;font-weight:700;
  }
  .home .mobile-language a { padding:5px 8px;text-decoration:none; }
  .home .mobile-language a[aria-current=page] { background:#0e6e5c;color:white; }
}

/* Restore the mobile header without the announcement strip. */
@media (max-width:650px) {
  .home .header { display:block; }
  .home .mobile-language { display:none; }
  .home .hero .kicker { padding-right:0; }
}

/* Bring the homepage heading directly under the mobile header. */
@media (max-width:650px) {
  .home .hero { display:block; }
  .home .hero .wrap { padding-top:8px; }
  .home .hero .kicker { margin-top:0; }
  .notice,.home .notice { display:none; }
}

/* Thai market palette and restrained woven accents. */
:root{--forest:#145640;--dark:#103e34;--cream:#fff9ed;--sand:#f9ebca;--gold:#f3c34d;--ink:#204634;--line:#decfaa}
body{background:var(--cream)}
.notice{background:#e9b83e;color:#273b28;background-image:repeating-linear-gradient(135deg,transparent 0 24px,rgba(125,57,27,.09) 24px 26px)}
.header{background:#15523f;color:#fff;border-bottom:5px solid #dbac3c}
.brand strong{font-family:Georgia,'Noto Sans Thai',serif;color:#fff;letter-spacing:-1.3px}
.brand small{color:#f9d984}
.nav a{color:#fff}
.nav a:hover{color:#ffdb79}
.language{border-color:#d7bd75}
.language a[aria-current=page]{background:#edbd47;color:#183d2c}
.hero{color:#184b3d}
.kicker,.eyebrow{color:#a34729}
.button,.basket-button{background:#f3c34d;color:#173e2e}
.button:hover{background:#ffda78}
.trust{background:#155640}
.trust p{border-color:#ffffff36}
.section:not(.story):not(.contact){background:#fff9ed}
.section h2{color:#184d39}
.category{position:relative;border:1px solid #dfd2a8;border-top:5px solid #d4a42e;background:#f7efd8;border-radius:7px}
.category:nth-child(4n+2){background:#e7f0dc;border-color:#c8d9b5;border-top-color:#537c48}
.category:nth-child(4n+3){background:#f7e6d8;border-color:#eac9ae;border-top-color:#b65132}
.category:nth-child(4n+4){background:#f5edce;border-color:#e4d49f;border-top-color:#d19e2c}
.category strong{color:#184d39}
.category .arrow{color:#ad492c}
.story{background-color:#f8ebcc;background-image:repeating-linear-gradient(135deg,transparent 0 31px,rgba(165,96,35,.045) 31px 33px);border-top:5px solid #e8bd54}
.story-card{background:#a9472f;border-radius:8px;box-shadow:12px 12px 0 #e2bd70}
.contact{background:#fff8e8}
.contact-links a{border-color:#a9472f;color:#873d2a}
.contact-links a:hover{background:#a9472f;color:#fff}
.footer{background:#103e34;border-top:7px solid #d4a33b}
@media(max-width:650px){
  .header{background:#15523f;border-bottom:5px solid #dbac3c}
  .brand strong{color:#fff}
  .brand small{color:#f9d984}
  .language a[aria-current=page]{background:#edbd47;color:#183d2c}
  .nav a{color:#fff}
  .hero{background-color:#f8f3e9}
  .story-card{box-shadow:7px 7px 0 #e2bd70}
}

/* Thai imagery as soft homepage backgrounds, with clear foreground text. */
.home .story{
  background-image:url('assets/thai-flag.svg'),linear-gradient(90deg,rgba(255,249,235,.97) 0%,rgba(255,249,235,.85) 52%,rgba(255,249,235,.57) 100%),url('assets/thai-market-hero.png');
  background-size:54px 36px,cover,cover;
  background-position:calc(100% - 30px) 24px,center,center;
  background-repeat:no-repeat;
}
.home .contact{
  background-image:url('assets/thai-flag.svg'),linear-gradient(90deg,rgba(255,250,240,.97) 0%,rgba(255,250,240,.85) 55%,rgba(255,250,240,.54) 100%),url('assets/thai-groceries-bright.png');
  background-size:54px 36px,cover,cover;
  background-position:calc(100% - 30px) 24px,center,center;
  background-repeat:no-repeat;
}
@media(max-width:650px){
  .home .story,.home .contact{background-size:38px 25px,cover,cover;background-position:calc(100% - 18px) 14px,center,66% center}
  .home .story{background-image:url('assets/thai-flag.svg'),linear-gradient(rgba(255,249,235,.91),rgba(255,249,235,.8)),url('assets/thai-market-hero.png')}
  .home .contact{background-image:url('assets/thai-flag.svg'),linear-gradient(rgba(255,250,240,.93),rgba(255,250,240,.78)),url('assets/thai-groceries-bright.png')}
}

/* Clear Thai flag bands with dark panels behind the header text. */
.header{
  background-image:linear-gradient(to bottom,#a51931 0 16.666%,#fff 16.666% 33.333%,#2d2a4a 33.333% 66.666%,#fff 66.666% 83.333%,#a51931 83.333% 100%);
  background-color:#2d2a4a;
  border-bottom:0;
}
.header .brand,.header .nav{background:rgba(9,28,49,.91);padding:9px 14px;border-radius:8px}
.header .language{background:rgba(9,28,49,.91)}
@media(max-width:650px){
  .header{background-image:linear-gradient(to bottom,#a51931 0 16.666%,#fff 16.666% 33.333%,#2d2a4a 33.333% 66.666%,#fff 66.666% 83.333%,#a51931 83.333% 100%);border-bottom:0}
  .header .brand{padding:6px 8px;max-width:calc(100% - 100px)}
  .header .nav{padding:9px 12px;margin-top:2px;border-top:0}
}

/* Place header words directly on contrasting flag stripes. */
.header .header-inner{position:relative;display:block;min-height:100px;padding:0}
.header .brand{position:absolute;left:0;top:34px;display:block;max-width:none;padding:0;background:none;border-radius:0;white-space:nowrap}
.header .brand strong{display:block;font-size:27px;line-height:1.1;color:#fff;text-shadow:0 1px 2px #0d1732}
.header .brand small{position:absolute;top:35px;left:0;display:block;margin:0;color:#172741;font-size:10px;line-height:1.1;letter-spacing:.12em;white-space:nowrap}
.header .nav{position:absolute;right:100px;top:40px;width:auto;margin:0;padding:0;display:flex;gap:25px;background:none;border:0;border-radius:0}
.header .nav a{color:#fff;text-shadow:0 1px 2px #0d1732}
.header .language{position:absolute;right:0;top:38px;margin:0;background:none;border:0;border-radius:0}
.header .language a{color:#fff;padding:4px 7px;text-shadow:0 1px 2px #0d1732}
.header .language a[aria-current=page]{background:none;color:#ffda69;text-decoration:underline;text-underline-offset:3px}
@media(max-width:650px){
  .header .header-inner{min-height:150px;height:150px;padding:0}
  .header .brand{top:54px;left:0;max-width:none;padding:0}
  .header .brand strong{font-size:clamp(21px,6vw,26px);line-height:1.1}
  .header .brand small{top:32px;color:#fff;font-size:9px;letter-spacing:.04em;line-height:1.2}
  .header .nav{top:104px;left:0;right:0;width:100%;margin:0;padding:0;justify-content:space-between;gap:10px;background:none;border:0}
  .header .nav a{color:#172741;text-shadow:none;font-size:14px}
  .header .language{top:57px;right:0}
}

/* Footer words sit directly on the flag's blue and white bands. */
.footer{
  padding:0;border-top:0;
  background:linear-gradient(to bottom,#a51931 0 16.666%,#fff 16.666% 33.333%,#2d2a4a 33.333% 66.666%,#fff 66.666% 83.333%,#a51931 83.333% 100%);
}
.footer-inner{display:grid;grid-template-columns:1fr auto;grid-template-rows:50px minmax(50px,auto) minmax(25px,auto) 25px;min-height:150px;gap:0;align-items:center}
.footer-inner>div:first-child{display:contents}
.footer strong{grid-column:1;grid-row:2;color:#fff;text-shadow:0 1px 2px #101a34}
.footer-links{grid-column:2;grid-row:2;margin:0;align-items:center}
.footer-links a{color:#fff;text-shadow:0 1px 2px #101a34}
.footer p{grid-column:1/-1;grid-row:3;margin:0;color:#172741;font-weight:700}
@media(max-width:650px){
  .footer-inner{display:grid;grid-template-columns:1fr;grid-template-rows:80px minmax(34px,auto) minmax(46px,auto) minmax(40px,auto) 40px;min-height:240px;gap:0}
  .footer strong{grid-column:1;grid-row:2}
  .footer-links{grid-column:1;grid-row:3;display:flex;gap:4px 15px;font-size:13px}
  .footer p{grid-column:1;grid-row:4;font-size:12px}
}

/* More compact flag footer on phones. */
@media(max-width:650px){
  .footer-inner{grid-template-rows:50px minmax(18px,auto) minmax(32px,auto) minmax(25px,auto) 25px;min-height:150px}
  .footer strong{font-size:18px;line-height:1}
  .footer-links{font-size:12px;line-height:1.2;gap:2px 10px}
  .footer p{font-size:11px;line-height:1.2}
}

/* A single decorative bee flight when a mobile page opens. */
@media(max-width:650px){
  body::after{
    content:"";position:fixed;top:25vh;left:0;width:64px;height:48px;
    background:url('assets/bee-logo-style.png') center/contain no-repeat;
    pointer-events:none;z-index:7;opacity:0;
    animation:bee-flight 5.2s ease-in-out .4s 1 both;
  }
}
@keyframes bee-flight{
  0%{transform:translate(-80px,30px) rotate(-8deg);opacity:0}
  8%{opacity:1}
  25%{transform:translate(calc(25vw - 30px),-5px) rotate(8deg)}
  50%{transform:translate(calc(50vw - 30px),22px) rotate(-6deg)}
  75%{transform:translate(calc(75vw - 30px),-16px) rotate(7deg);opacity:1}
  100%{transform:translate(calc(100vw + 20px),8px) rotate(-5deg);opacity:0}
}
@media(prefers-reduced-motion:reduce){body::after{display:none!important;animation:none!important}}

/* Friendlier bee travels from right to left. */
@media(max-width:650px){body::after{width:72px;height:54px;animation-name:bee-flight-left}}
@keyframes bee-flight-left{
  0%{transform:translate(calc(100vw + 30px),25px) rotate(5deg);opacity:0}
  8%{opacity:1}
  25%{transform:translate(calc(75vw - 35px),-12px) rotate(-6deg)}
  50%{transform:translate(calc(50vw - 35px),18px) rotate(7deg)}
  75%{transform:translate(calc(25vw - 35px),-18px) rotate(-5deg);opacity:1}
  100%{transform:translate(-96px,8px) rotate(4deg);opacity:0}
}

/* Logo-inspired smiling bee for the mobile flight. */
@media(max-width:650px){body::after{width:88px;height:66px;background-image:url('assets/bee-logo-style.png')}}

/* Homepage bee lands on the catalogue button; the dotted heart fades away. */
@media(max-width:650px){
  body.home::after{display:none!important}
  .bee-overlay{position:fixed;inset:0;z-index:7;pointer-events:none;overflow:hidden}
  .bee-trail{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
  .bee-in-flight{position:absolute;top:0;left:0;width:88px;height:66px;object-fit:contain;will-change:transform}
  .hero .button{position:relative}
  .bee-landed{position:absolute;left:14px;top:-48px;width:88px;height:66px;object-fit:contain;pointer-events:none}
  .bee-trail-fading{animation:bee-trail-fade 1.1s ease-in forwards}
}
@keyframes bee-trail-fade{0%,25%{opacity:1}100%{opacity:0}}
@media(prefers-reduced-motion:reduce){.bee-overlay,.bee-landed{display:none!important}}

/* The bee animation belongs only to the two homepages. */
@media(max-width:650px){body:not(.home)::after{display:none!important}}

/* The bee pauses on the catalogue button, then vanishes. */
@media(max-width:650px){.bee-landed{animation:bee-landed-fade 1.5s ease-out .3s forwards}}
@keyframes bee-landed-fade{0%,20%{opacity:1}100%{opacity:0}}

/* Localized product photography on the Thai homepage. */
body.home[lang=th] .hero{background-image:linear-gradient(90deg,rgba(255,250,242,.94) 0%,rgba(255,250,242,.77) 30%,rgba(255,250,242,.08) 58%,rgba(255,250,242,0) 75%),url('assets/desktop-grocery-oriental-th.png')}
@media(max-width:650px){body.home[lang=th] .hero{background:#f8f3e9 url('assets/mobile-grocery-noodle-labels-th.png') center bottom/contain no-repeat}}

/* Use the header's brand lettering in the footer too. */
.footer strong{font:700 27px/1.1 Georgia,'Noto Sans Thai',serif;letter-spacing:-1.3px;color:#fff;text-shadow:0 1px 2px #0d1732;transform:translateY(3px)}
@media(max-width:650px){
  .footer-inner{grid-template-rows:46px minmax(30px,auto) minmax(32px,auto) minmax(20px,auto) 22px}
  .footer strong{font-size:clamp(21px,6vw,26px);line-height:1.1;letter-spacing:-.8px;transform:translateY(8px)}
}

/* Thai greeting on both homepages. */
.hero .kicker .wai{font-size:1.6em;vertical-align:-.18em;margin-right:.2em;letter-spacing:0}