/* Tokens only: every size, gap, corner and colour is a global.css token (WEBMAKER > GLOBAL_FORMULAS). Generated by tokenize_css.py from the hand-written file; do not edit by hand. */
@layer page{
:root{--f-head:var(--ds-head),"Noto Sans Devanagari",Georgia,serif;--f-body:var(--ds-body-font),"Noto Sans Devanagari",sans-serif;--f-accent:var(--ds-accent-font),cursive;--pink:var(--ds-pink);--pink-deep:var(--xd-edge);--pink-band:var(--ds-pink);--pink-text:var(--ds-pink);--bn-pink:var(--ds-pink)}
:where(button,.btn,a.btn,[class*=btn]):where(:not(.im-burger)){box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;line-height:1}
}
h1{font-size:var(--ds-title);line-height:var(--ds-title-lh)}
@media (max-width:640px){h1{font-size:var(--ds-title-phone);line-height:1.2}}
@media (max-width:640px){.wrap,.shop-main{padding-left:var(--ds-frame-x-phone);padding-right:var(--ds-frame-x-phone)}}
:where(button,.btn,a.btn,[class*=btn]):where(:not(.im-burger)){height:var(--ds-btn-h);min-height:0;padding-top:0;padding-bottom:0}