/* Languages (i18n.js): Armenian letters and the language switch.
 * Georgia and Arial have no Armenian letters. Each family gets a second face that covers only the Armenian
 * range (Noto Serif / Sans Armenian, OFL, ~9 KB each, loaded only when Armenian text is on the page). Faces
 * are matched in reverse order, so Armenian letters use Noto while Latin and Cyrillic keep the system font. */
@font-face{font-family:Georgia;src:local("Georgia");font-weight:400;font-style:normal}
@font-face{font-family:Georgia;src:local("Georgia Bold"),local("Georgia-Bold");font-weight:700;font-style:normal}
@font-face{font-family:Georgia;src:url(assets/fonts/noto-serif-armenian-armenian-400-normal.woff2) format("woff2");font-weight:400;font-display:swap;unicode-range:U+0308,U+0531-058A,U+058D-058F,U+FB13-FB17}
@font-face{font-family:Georgia;src:url(assets/fonts/noto-serif-armenian-armenian-500-normal.woff2) format("woff2");font-weight:500 700;font-display:swap;unicode-range:U+0308,U+0531-058A,U+058D-058F,U+FB13-FB17}
@font-face{font-family:Arial;src:local("Arial"),local("ArialMT");font-weight:400;font-style:normal}
@font-face{font-family:Arial;src:local("Arial Bold"),local("Arial-BoldMT");font-weight:700;font-style:normal}
@font-face{font-family:Arial;src:url(assets/fonts/noto-sans-armenian-armenian-400-normal.woff2) format("woff2");font-weight:400;font-display:swap;unicode-range:U+0308,U+0531-058A,U+058D-058F,U+FB13-FB17}
@font-face{font-family:Arial;src:url(assets/fonts/noto-sans-armenian-armenian-500-normal.woff2) format("woff2");font-weight:500 700;font-display:swap;unicode-range:U+0308,U+0531-058A,U+058D-058F,U+FB13-FB17}
/* system stacks (-apple-system, sans-serif) fall back per letter on their own; give them the same face */
@font-face{font-family:"Mall Armenian";src:url(assets/fonts/noto-sans-armenian-armenian-400-normal.woff2) format("woff2");font-display:swap;unicode-range:U+0308,U+0531-058A,U+058D-058F,U+FB13-FB17}
:root:lang(hy) body{font-family:Arial,"Mall Armenian",sans-serif}

/* Armenian words run longer: let long words wrap instead of overflowing narrow boxes */
:root:lang(hy) h1,:root:lang(hy) h2,:root:lang(hy) h3,:root:lang(hy) h4,:root:lang(hy) p,:root:lang(hy) button{overflow-wrap:anywhere;hyphens:auto}
:root:lang(hy) .caption h1{font-size:clamp(26px,3.1vw,44px)}
:root:lang(hy) .shop-masthead h1,:root:lang(hy) .shop-intro p{letter-spacing:-.01em}

.lang-switch{display:inline-flex;gap:2px;padding:3px;border-radius:999px;background:#10202bcc;border:1px solid #e1c79744;pointer-events:auto;vertical-align:middle;
 -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.lang-switch button{min-width:44px;min-height:36px;padding:0 9px;border:0;border-radius:999px;background:transparent;color:#d9dfe2;
 font:600 10px/1 Arial,"Mall Armenian",sans-serif;letter-spacing:.08em;cursor:pointer;transition:background-color .18s ease,color .18s ease}
.lang-switch button[aria-pressed="true"]{background:#e1c797;color:#10202b}
@media(hover:hover) and (pointer:fine){.lang-switch button:not([aria-pressed="true"]):hover{background:#ffffff1c;color:#fff}}
.lang-switch button:focus-visible{outline:2px solid #e1c797;outline-offset:2px}
/* on the tower: first item of the top-right block, above «Ереван · Армения» */
.top-right .lang-switch.on-tower{display:flex;width:max-content;margin:0 0 8px auto}
/* in a store: in the masthead (below the first screen), light variant on the paper background */
.shop-masthead .lang-switch.in-store{margin-left:auto;align-self:center;background:#27292210;border-color:#27292226;-webkit-backdrop-filter:none;backdrop-filter:none}
.shop-masthead .lang-switch.in-store button{color:#272922}
.shop-masthead .lang-switch.in-store button[aria-pressed="true"]{background:var(--shop-accent,#6f553b);color:#fff}
.in-store .top .lang-switch,.visiting .top .lang-switch{pointer-events:none}
@media(max-width:700px){
 .lang-switch button{min-width:40px;padding:0 7px;font-size:9px}
 .shop-masthead{flex-wrap:wrap}
 .shop-masthead .lang-switch.in-store{margin-left:0}
 .top-right .lang-switch.on-tower{margin-bottom:6px}
}
/* pages without a top bar (photo version): fixed in the top-right corner */
.lang-switch.floating{position:fixed;z-index:50;top:max(14px,env(safe-area-inset-top));right:max(14px,env(safe-area-inset-right))}
/* phone: the floor rail fills the right edge — the language switch and «Поиск» sit under the brand, left */
@media(max-width:700px){
 .top-right .lang-switch.on-tower{position:fixed;left:20px;top:calc(max(16px,env(safe-area-inset-top)) + 62px);margin:0}
 .top-right .lang-switch.on-tower button{min-height:34px}
}