.CloveHeader-module__-87zEG__masthead{z-index:50;color:#443428;font-family:var(--font-clove-sans,Arial), var(--font-noto-thai,Tahoma), sans-serif;background-color:#f4efdf;background-image:linear-gradient(#f7f3e6d9,#f7f3e6d9),url(/images/clove/plaster-texture.png);background-size:auto,720px;border-bottom:1px solid #60432d30;position:sticky;top:0}.CloveHeader-module__-87zEG__inner{grid-template-rows:142px auto;grid-template-columns:minmax(0,1fr) 120px minmax(0,1fr);align-items:center;gap:0 24px;width:min(1280px,100% - 96px);margin-inline:auto;transition:grid-template-rows .3s;display:grid}.CloveHeader-module__-87zEG__brandLink{min-width:44px;min-height:44px;color:inherit;grid-area:1/2;justify-content:center;justify-self:center;align-items:center;text-decoration:none;display:flex}.CloveHeader-module__-87zEG__brand{justify-content:center;align-items:center;display:flex}.CloveHeader-module__-87zEG__emblem{width:100px;height:89px;transition:width .3s,height .3s;display:block;overflow:visible}.CloveHeader-module__-87zEG__brandImage{width:100px;height:100px;transition:width .3s,height .3s;display:block;position:relative}.CloveHeader-module__-87zEG__brandImage img{object-fit:contain}.CloveHeader-module__-87zEG__language{grid-area:1/1;justify-self:start;align-items:center;gap:1px;display:flex}.CloveHeader-module__-87zEG__language button{color:#685446;letter-spacing:.06em;cursor:pointer;background:0 0;border:0;min-width:37px;min-height:44px;padding:6px;font-size:13px;position:relative}.CloveHeader-module__-87zEG__language button+button:before{content:"";background:#60432d50;width:1px;height:10px;position:absolute;top:17px;left:-1px}.CloveHeader-module__-87zEG__language button[aria-pressed=true]{color:#443428;text-underline-offset:5px;text-decoration:underline;text-decoration-thickness:1px}.CloveHeader-module__-87zEG__language button:hover{color:#443428}.CloveHeader-module__-87zEG__language button:disabled{cursor:wait;opacity:.6}.CloveHeader-module__-87zEG__actions{grid-area:1/3;justify-self:end;align-items:center;gap:8px;display:flex}.CloveHeader-module__-87zEG__iconLink{width:40px;min-height:44px;color:inherit;justify-content:center;align-items:center;display:inline-flex;position:relative}.CloveHeader-module__-87zEG__cartBadge{color:#f8f0e7;background:#443428;border-radius:50%;place-items:center;min-width:17px;height:17px;padding-inline:3px;font-size:9px;line-height:1;display:grid;position:absolute;top:3px;right:0}.CloveHeader-module__-87zEG__bookLink{color:#fffaf0;white-space:nowrap;background:#443428;border:1px solid #443428;justify-content:center;align-items:center;gap:14px;min-height:52px;padding:13px 23px;font-size:16px;font-weight:600;line-height:1.5;text-decoration:none;transition:background .18s;display:inline-flex;box-shadow:0 3px #b79b6b}.CloveHeader-module__-87zEG__bookLink:hover{background:#67503e}.CloveHeader-module__-87zEG__navigation{border-top:1px solid #60432d35;flex-wrap:wrap;grid-area:2/1/3/4;justify-content:center;align-items:center;gap:0 clamp(25px,4vw,60px);min-height:52px;padding-block:2px;display:flex}.CloveHeader-module__-87zEG__navigation a{min-height:44px;color:inherit;letter-spacing:.015em;white-space:nowrap;justify-content:center;align-items:center;font-size:14px;line-height:1.5;text-decoration:none;display:inline-flex}.CloveHeader-module__-87zEG__navigation a:hover,.CloveHeader-module__-87zEG__navigation a[aria-current=page]{text-underline-offset:7px;text-decoration:underline;text-decoration-thickness:1px}.CloveHeader-module__-87zEG__error{text-align:center;color:#963b30;margin:0;padding:10px 20px;font-size:12px}.CloveHeader-module__-87zEG__masthead[data-compact=true] .CloveHeader-module__-87zEG__inner{grid-template-rows:78px auto}.CloveHeader-module__-87zEG__masthead[data-compact=true] .CloveHeader-module__-87zEG__emblem{width:58px;height:52px}.CloveHeader-module__-87zEG__masthead[data-compact=true] .CloveHeader-module__-87zEG__brandImage{width:62px;height:62px}.CloveHeader-module__-87zEG__masthead :focus-visible{outline-offset:4px;outline:2px solid #443428}.CloveHeader-module__-87zEG__masthead[lang=th] .CloveHeader-module__-87zEG__navigation a{letter-spacing:0;font-size:14px}.CloveHeader-module__-87zEG__masthead[lang=th] .CloveHeader-module__-87zEG__bookLink{letter-spacing:0;font-size:16px}@media (max-width:1100px){.CloveHeader-module__-87zEG__inner{gap:0 16px;width:calc(100% - 64px)}.CloveHeader-module__-87zEG__actions{gap:3px}.CloveHeader-module__-87zEG__bookLink{gap:10px;padding-inline:12px}.CloveHeader-module__-87zEG__navigation{column-gap:28px}}@media (max-width:760px){.CloveHeader-module__-87zEG__inner{grid-template-rows:116px auto;grid-template-columns:minmax(0,1fr) 80px minmax(0,1fr);gap:0 8px;width:calc(100% - 28px)}.CloveHeader-module__-87zEG__emblem{width:76px;height:68px}.CloveHeader-module__-87zEG__brandImage{width:76px;height:76px}.CloveHeader-module__-87zEG__language button{min-width:32px;padding-inline:4px}.CloveHeader-module__-87zEG__actions{grid-template-columns:40px 40px;gap:2px 4px;display:grid}.CloveHeader-module__-87zEG__iconLink{width:40px;min-height:36px}.CloveHeader-module__-87zEG__bookLink{grid-column:1/-1;gap:4px;min-height:44px;padding:8px 6px;font-size:12px}.CloveHeader-module__-87zEG__bookLink svg{width:12px;height:12px}.CloveHeader-module__-87zEG__navigation{justify-content:center;column-gap:18px;min-height:0;padding-block:5px}.CloveHeader-module__-87zEG__navigation:after{content:"";flex-basis:100%;order:2;height:0}.CloveHeader-module__-87zEG__navigation a{letter-spacing:0;order:1;min-height:38px;font-size:12px}.CloveHeader-module__-87zEG__navigation a:nth-child(n+4){order:3}.CloveHeader-module__-87zEG__masthead[lang=th] .CloveHeader-module__-87zEG__navigation a{font-size:12px}.CloveHeader-module__-87zEG__masthead[lang=th] .CloveHeader-module__-87zEG__bookLink{font-size:14px}.CloveHeader-module__-87zEG__masthead[data-compact=true] .CloveHeader-module__-87zEG__inner{grid-template-rows:90px auto}.CloveHeader-module__-87zEG__masthead[data-compact=true] .CloveHeader-module__-87zEG__emblem{width:52px;height:46px}.CloveHeader-module__-87zEG__masthead[data-compact=true] .CloveHeader-module__-87zEG__brandImage{width:54px;height:54px}}@media (prefers-reduced-motion:reduce){.CloveHeader-module__-87zEG__masthead *,.CloveHeader-module__-87zEG__masthead :before{scroll-behavior:auto!important;transition:none!important}}
