/* Qarhami Web 2.2 — the partner pages' phone simulation in the rendered phone frame.
   Only the device chrome changes: the simulated app (.qapp) keeps its 430 x 932 layout and scale.
   Frame geometry comes from assets/img/frames/phone.webp (screen = 90.402% x 96.168%). */
.simphone{width:305.3px;height:622px;border-radius:0;background:none;padding:0;box-shadow:none}
.simphone::before{content:"";position:absolute;inset:0;z-index:70;pointer-events:none;background:url("../img/frames/phone.webp") center/100% 100% no-repeat}
.simphone__screen{position:absolute;left:4.744%;top:1.889%;width:90.402%;height:96.168%;border-radius:12.865%/5.936%;
  box-shadow:0 34px 70px rgba(16,24,38,.26),0 10px 22px rgba(16,24,38,.12)}
.simphone__notch{display:none}
@media(max-width:430px){.simphone{width:278.8px;height:568px;border-radius:0}.simphone__screen{border-radius:12.865%/5.936%}}
@media(max-width:360px){.simphone{width:256.6px;height:522.8px;border-radius:0}.simphone__screen{border-radius:12.865%/5.936%}}
/* 2.3: the fleet counter card sits over the rendered frame, overlapping its edge the way the original design did */
.fleetgrid{z-index:80;left:286px}
@media(max-width:1100px){.fleetgrid{left:auto}}

/* Web 2.4: Log in in the partner headers */
.hdr__login{font-size:14.5px;font-weight:500;padding:9px 12px;border-radius:999px;color:inherit;white-space:nowrap;opacity:.9;transition:background .2s,opacity .2s}
.hdr__login:hover{background:rgba(89,51,229,.08);opacity:1}
@media (max-width:560px){.hdr__login{display:none}}

/* WordPress admin bar (logged-in editors only) */
body.admin-bar .hdr{top:32px}
body.admin-bar .mnav{top:calc(var(--hdr,76px) + 32px)}
@media screen and (max-width:782px){body.admin-bar .hdr{top:46px}body.admin-bar .mnav{top:calc(var(--hdr,76px) + 46px)}}
@media screen and (max-width:600px){body.admin-bar .hdr{top:0}body.admin-bar .mnav{top:var(--hdr,76px)}}