:root{--qr-bg:#000;--qr-text:#fff;--qr-line:hsla(0,0%,100%,.82);--qr-accent:var(--orange,#ff4d00);--qr-btn-w:min(343px,calc(100% - 48px))}body:has([data-qr]),html:has([data-qr]){background:var(--qr-bg)}.qr{min-height:100svh;max-width:530px;margin:0 auto;padding:56px 0 48px;display:flex;flex-direction:column;align-items:center;background:var(--qr-bg);color:var(--qr-text);font-family:var(--font-manrope),system-ui,sans-serif}[dir=rtl] .qr{font-family:var(--font-tajawal),var(--font-manrope),system-ui,sans-serif}.qr-head{width:100%;display:flex;flex-direction:column;align-items:center}.qr-logo{width:min(240px,58%);height:auto}.qr-brands{width:calc(100% - 24px);height:auto;margin-top:34px}.qr-banner{position:relative;width:calc(100% - 26px);margin-top:14px;overflow:hidden}.qr-banner__img{display:block;width:100%;height:auto;aspect-ratio:1280/356;object-fit:cover}.qr-banner__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.qr-banner:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.45),rgba(0,0,0,.3) 55%,rgba(0,0,0,.55))}.qr-banner__title{position:absolute;inset:0;z-index:1;margin:0;display:flex;align-items:center;justify-content:center;gap:.28em;font-size:clamp(15px,4.4vw,22px);font-weight:800;letter-spacing:-.01em;color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.5)}.qr-banner__accent{color:var(--qr-accent)}.qr-actions{width:var(--qr-btn-w);margin-top:30px;display:flex;flex-direction:column;gap:11px}.qr-btn{position:relative;display:flex;align-items:center;justify-content:center;width:100%;min-height:50px;padding:0 52px;border:1px solid var(--qr-line);border-radius:5px;background:transparent;color:var(--qr-text);font:inherit;font-size:20px;line-height:1.2;text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:border-color .15s ease,background-color .15s ease}.qr-btn:active,.qr-btn:hover,.qr-btn[aria-expanded=true]{border-color:var(--qr-accent)}.qr-btn:active{background:rgba(255,77,0,.08)}.qr-btn:focus-visible,.qr-location:focus-visible{outline:2px solid var(--qr-accent);outline-offset:2px}.qr-btn__icon{position:absolute;inset-inline-start:12px;top:50%;width:40px;height:40px;object-fit:contain;transform:translateY(-50%)}.qr-locations{list-style:none;margin:-4px 0 0;padding:6px 0;border:1px solid hsla(0,0%,100%,.18);border-radius:5px;background:#0d0d0d}.qr-locations[hidden]{display:none}.qr-locations li+li{border-top:1px solid hsla(0,0%,100%,.1)}.qr-location{display:flex;align-items:center;gap:12px;min-height:48px;padding:0 16px;color:var(--qr-text);text-decoration:none}.qr-location__icon{flex:none;width:26px;height:26px;object-fit:contain}.qr-location__name{flex:1;font-size:17px}.qr-location__open{flex:none;font-size:13px;color:var(--qr-accent)}.qr-social{width:var(--qr-btn-w);margin-top:72px;display:flex;gap:12px}.qr-btn--social{flex:1;justify-content:flex-start;gap:6px;padding:0 10px}.qr-btn--social .qr-btn__icon{position:static;width:30px;height:30px;transform:none}.qr-foot{margin-top:auto;padding-top:96px}.qr-wordmark{display:block;width:190px;height:auto}