/* The strip pinned to the top of every page: one chip that shows the language and the currency prices are shown in,
   and opens a small panel to change either. Written by hand; tools/site_strip.py adds it to the pages. */
:root{--strip-h:40px}
/* the page content starts below the strip (the site resets padding on body, so the room is made on the content block) */
body>div[data-elementor-type]{margin-top:var(--strip-h)}
.site-strip{position:fixed;top:0;left:0;right:0;height:var(--strip-h);z-index:101;display:flex;align-items:center;justify-content:flex-end;padding:0 12px;background:#141112;border-bottom:1px solid rgba(226,181,172,.1);font-family:Inter,"Noto Sans Armenian",sans-serif;font-size:12px;line-height:1;letter-spacing:0;color:#e9d9d4}
@media (min-width:768px){.site-strip{padding:0 28px}}
.site-strip button{font:inherit;color:inherit;letter-spacing:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}
.site-strip .ss-chip{display:flex;align-items:center;gap:7px;height:28px;padding:0 12px;border:1px solid rgba(226,181,172,.4);border-radius:30px;background:none;color:#fff;font-weight:500;white-space:nowrap}
.site-strip .ss-chip:hover,.site-strip .ss-chip[aria-expanded="true"]{border-color:#E2B5AC;background:none;color:#fff}
.site-strip .ss-chip svg{width:13px;height:13px;stroke:#E2B5AC;fill:none;stroke-width:1.4;flex:none}
/* z-index: the panel sits above the blurred band under the strip, so the band never blurs it */
.site-strip .ss-panel{z-index:2;position:absolute;top:calc(var(--strip-h) + 6px);right:10px;width:210px;padding:12px;border-radius:14px;background:#1d1917;border:1px solid rgba(226,181,172,.28);color:rgba(233,217,212,.6)}
@media (min-width:768px){.site-strip .ss-panel{right:28px}}
.site-strip .ss-panel[hidden]{display:none}
.site-strip .ss-label{margin:0 0 6px;font-size:12px;line-height:1.3}
.site-strip .ss-seg{display:flex;margin:0 0 12px;padding:3px;border:1px solid rgba(233,217,212,.3);border-radius:30px}
.site-strip .ss-seg:last-of-type{margin-bottom:0}
.site-strip .ss-seg button{flex:1;padding:8px 0;border:0;border-radius:30px;background:none;color:#e9d9d4;font-size:13px;text-align:center}
.site-strip .ss-seg button:hover{background:rgba(233,217,212,.08);color:#e9d9d4}
.site-strip .ss-seg button[aria-pressed="true"]{background:#D9D2C7;color:#141112;font-weight:500}
.site-strip .ss-note{margin:8px 2px 0;font-size:11px;line-height:1.4;color:rgba(233,217,212,.6)}
.site-strip .ss-note[hidden]{display:none}
/* the menu bar sits 5px under the strip. Its container has empty room above the bar (25px on phones, 20px on tablet
   and desktop), so the container is pulled up by that much; the part behind the strip is hidden by it.
   The whole 5px gap is blurred (not darkened), so page content passing through it does not read as stray text. */
:root{--strip-gap:5px}
.elementor-location-header .elementor-element-905c4d6:not(.elementor-sticky__spacer),
.elementor-location-header .elementor-element-7bd5992:not(.elementor-sticky__spacer){top:calc(var(--strip-h) + var(--strip-gap) - 25px)!important;z-index:99!important}
@media (min-width:768px){
.elementor-location-header .elementor-element-905c4d6:not(.elementor-sticky__spacer),
.elementor-location-header .elementor-element-7bd5992:not(.elementor-sticky__spacer){top:calc(var(--strip-h) + var(--strip-gap) - 20px)!important}
}
/* the blurred band is taller than the gap and fades out downwards, so it has no hard bottom edge beside the menu bar */
.site-strip::after{content:"";position:absolute;left:0;right:0;top:100%;height:30px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);-webkit-mask-image:linear-gradient(#000 0,#000 6px,transparent 100%);mask-image:linear-gradient(#000 0,#000 6px,transparent 100%);pointer-events:none}
/* the test-mode note at the left of the strip (see PAY_TEST in site-strip.js) */
.site-strip .ss-test{margin-right:auto;padding-right:12px;font-size:11px;line-height:1.25;color:#E0B29A;text-wrap:balance}
@media (min-width:768px){.site-strip .ss-test{font-size:12px}}