:root{--bg:#FFFFFF;--border:#D6E0ED;--ink:#102A4C;--muted:#526176;font-family:'DM Sans','Noto Sans Arabic',sans-serif}
.preview-note{display:none!important}.job-picker{position:relative;width:100%}.job-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;background:#FFFFFF;border:1px solid #D6E0ED;border-radius:11px;padding:14px 12px;font-size:13px;min-height:49px;text-align:start}.job-trigger span{overflow:hidden;text-overflow:ellipsis}.job-popover{position:relative;z-index:12;padding:10px;margin-top:7px;border:1px solid #D6E0ED;border-radius:13px;background:#FFFFFF;box-shadow:0 8px 25px #102A4C15}.job-popover[hidden]{display:none}.job-popover input{margin-bottom:9px;background:#F5F7FB!important}.job-popover #job-list{max-height:230px;overflow:auto}.job-option{display:flex;gap:12px;justify-content:space-between;align-items:center;width:100%;padding:12px;border:0;border-radius:8px;background:#FFFFFF;text-align:start;font-size:13px;min-height:42px}.job-option:hover,.job-option[aria-selected=true]{background:#F5F7FB;color:#174EA6}.job-option svg{height:15px;width:15px}.job-empty{font-size:13px;line-height:1.8;padding:12px;color:var(--muted)}.profile-title{margin:5px 0 24px}.profile-title h1{font-size:29px;font-weight:700;letter-spacing:-.9px;line-height:1.3}.profile-title p{font-size:13px;color:#526176;margin-top:7px;line-height:1.8}.account-identity{display:flex;gap:14px;align-items:center;padding:20px 17px;background:#FFFFFF;border:1px solid #D6E0ED;border-radius:19px;margin-bottom:14px}.account-identity .avatar{height:55px;width:55px;background:#EAF0FA;color:#526176;font-size:17px;font-weight:600}.account-identity>div:nth-child(2){flex:1;min-width:0}.account-identity h2{font-size:17px;font-weight:700;line-height:1.6}.account-identity p{font-size:11px;color:#526176;margin-top:2px;overflow-wrap:anywhere}.account-identity>div>span{font-size:11px;color:#526176;display:block;margin-top:5px}.account-identity>.icon-btn{height:29px;width:29px}.account-wallet{display:flex;gap:12px;align-items:center;width:100%;background:#102A4C;color:#FFFFFF;border:0;border-radius:15px;padding:19px 17px;text-align:start}.account-wallet>div{display:flex;gap:9px;align-items:center;flex:1}.account-wallet>div>span{font-size:13px}.account-wallet>strong{font-size:16px;white-space:nowrap}.account-wallet>svg{height:15px;width:15px}.account-wallet>div>svg{height:19px;width:19px;color:#DCE8FC}.account-group-label{font-size:11px;letter-spacing:1.3px;color:#526176;margin:25px 4px 11px;font-weight:600}.account-group{border:1px solid #D6E0ED;border-radius:17px;overflow:hidden;background:#FFFFFF}.account-row{display:flex;gap:13px;align-items:center;width:100%;border:0;border-bottom:1px solid #D6E0ED;background:white;text-align:start;padding:17px 16px;min-height:70px}.account-row:last-child{border:0}.account-row-icon{height:33px;width:33px;display:grid;place-items:center;border-radius:11px;background:#F5F7FB;color:#526176;flex-shrink:0}.account-row-icon>svg{height:17px;width:17px}.account-row-text{flex:1;min-width:0}.account-row-text strong{font-size:13px;font-weight:600;display:block}.account-row-text small{display:block;font-size:11px;color:#526176;margin-top:5px;line-height:1.6}.account-row>svg{height:14px;width:14px;color:#526176}.account-row.red-row{color:#9C2F32}.red-row .account-row-icon{background:#FCEDEE;color:#9C2F32}.signout-group{margin-top:17px}.terms-consent{font-size:11px;line-height:1.9;color:#526176;margin-top:20px}.terms-consent a{color:#174EA6;font-weight:600;text-decoration:underline;text-underline-offset:3px}.auth-back{margin:12px 0 25px;font-size:12px;flex-direction:row-reverse}.auth-back svg{width:14px;height:14px;transform:rotate(180deg)}.auth-brand{display:flex;align-items:center;justify-content:center;gap:10px;font-size:26px;font-weight:700;margin:18px 0 50px}.auth-brand .brand-mark{font-size:29px}.auth-shell .login-main{padding-top:30px!important}.auth-bottom{text-align:center;font-size:12px;color:#526176;margin-top:22px}.auth-bottom .text-link{margin:0 4px;font-size:12px}.auth-disclosure{font-size:11px;color:#526176;line-height:1.9;text-align:center;margin-top:30px}.terms-body h3{font-size:13px;margin:20px 0 8px}.terms-body p{font-size:13px;color:#526176;line-height:1.9}.booking-steps{display:flex;justify-content:space-between;gap:8px;margin:10px 0 24px;position:relative}.booking-steps:before{position:absolute;content:'';inset-inline:10%;top:15px;height:1px;background:#EAF0FA}.booking-steps>div{display:flex;flex-direction:column;align-items:center;gap:8px;flex:1;position:relative}.booking-steps>div>span{height:31px;width:31px;border-radius:50%;background:#F5F7FB;border:1px solid #D6E0ED;display:grid;place-items:center;font-size:12px;color:#526176}.booking-steps small{font-size:11px;color:#526176;white-space:nowrap}.booking-steps .current>span{background:#102A4C;border-color:#7B8BA4;color:#FFFFFF;box-shadow:0 0 0 4px #F5F7FB}.booking-steps .current small{font-weight:700;color:#152338}.booking-steps .complete>span{background:#EAF0FA;color:#174EA6;border-color:#D6E0ED}.booking-steps .complete svg{height:14px;width:14px}.brief-section{margin:24px 0}.brief-section h3{font-size:14px;margin-bottom:11px}.brief-section>p{font-size:13px;color:#526176;line-height:1.9}.brief-section .subtitle-copy{font-size:11px;margin-top:10px}.booking-section-number{font-size:15px;font-weight:700;margin:24px 0 14px}.booking-hint{font-size:11px;text-align:center;color:#526176;line-height:1.9;margin-top:15px}.booking-confirmed{display:flex;align-items:center;gap:12px;padding:17px;background:#F5F7FB;border-radius:13px;margin-top:20px}.booking-confirmed svg{height:22px;width:22px;color:#526176}.booking-confirmed strong{font-size:13px}.booking-confirmed p{font-size:11px;color:#526176;margin-top:5px}.visit-primary-actions{margin-top:20px}.next-step{padding:15px;background:#F5F7FB;border-radius:12px}.next-step strong{font-size:13px}.next-step p{font-size:11px;color:#526176;line-height:1.9;margin-top:6px}.visit-cancel{display:block;margin:15px auto 0;font-size:11px;color:#526176;border:0;background:none;padding:5px}.checkout-estimate{padding:14px;background:#F5F7FB;border-radius:11px;font-size:13px;line-height:1.8;font-weight:600;margin:18px 0 13px;color:#174EA6}.field-help{font-size:11px;line-height:1.8;color:#526176;margin:-10px 0 20px}.question-card{padding:5px 0 24px;margin-bottom:21px;border-bottom:1px solid #D6E0ED}.question-card>label{display:flex;gap:9px;align-items:flex-start;font-size:13px;font-weight:600;line-height:1.8;margin-bottom:15px}.question-card>label>span{height:23px;width:23px;display:grid;place-items:center;border-radius:7px;background:#F5F7FB;font-size:11px;flex-shrink:0;color:#526176;margin-top:1px}.rating-choice,.yesno-choice{display:flex;gap:9px;justify-content:space-between}.rating-choice label,.yesno-choice label{flex:1;cursor:pointer;position:relative}.rating-choice input,.yesno-choice input{position:absolute;opacity:0;width:1px!important;min-height:1px!important;height:1px;inset:0}.rating-choice label>span,.yesno-choice label>span{display:grid;place-items:center;min-height:44px;border:1px solid #D6E0ED;background:#FFFFFF;border-radius:10px;font-size:13px}.rating-choice input:checked+span,.yesno-choice input:checked+span{background:#102A4C;border-color:#7B8BA4;color:#FFFFFF}.rating-choice input:focus-visible+span,.yesno-choice input:focus-visible+span{outline:3px solid #B8C9E4;outline-offset:2px}.rating-caption{display:flex;justify-content:space-between;font-size:11px;color:#526176;margin-top:9px}.wallet-hero{background:#102A4C;padding:24px;border-radius:22px;color:#FFFFFF;margin-bottom:16px;position:relative;overflow:hidden}.wallet-hero:after{content:'';position:absolute;width:160px;height:160px;border:30px solid #D6E0ED0a;border-radius:50%;right:-55px;top:-50px;pointer-events:none}.wallet-hero>div{display:flex;align-items:center;gap:8px;font-size:12px;color:#DCE8FC}.wallet-hero>div svg{width:17px;height:17px}.wallet-hero>strong{font-size:34px;display:block;margin:17px 0 22px;letter-spacing:-1px;font-weight:600}.wallet-hero>.btn{background:#EAF0FA;color:#152338;width:100%;justify-content:space-between;position:relative;z-index:1}.wallet-hero small{font-size:11px;display:block;text-align:center;color:#526176;margin-top:12px}.wallet-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:26px}.wallet-stats>div{padding:17px 14px;background:#FFFFFF;border:1px solid #D6E0ED;border-radius:15px;min-width:0}.wallet-stats span{font-size:11px;color:#526176}.wallet-stats strong{font-size:18px;display:block;margin-top:9px}.wallet-stats small{font-size:11px;display:block;margin-top:6px;color:#526176}.wallet-transaction{padding:17px 14px;display:flex;gap:10px;align-items:center;width:100%;border:0;background:#FFFFFF;border-bottom:1px solid #D6E0ED;text-align:start}.wallet-transaction:last-child{border:0}.wallet-transaction>div{flex:1;min-width:0}.wallet-transaction strong{font-size:13px;display:block}.wallet-transaction small{font-size:11px;color:#526176;display:block;margin-top:6px;line-height:1.7}.transaction-amount{font-size:12px;font-weight:600;white-space:nowrap}.wallet-empty{font-size:12px;line-height:1.9;color:#526176;padding:20px}.payout-amount{font-size:35px;font-weight:600;text-align:center;padding:24px;color:#174EA6}.covered-amount-form{margin-top:22px;padding:16px;background:#F5F7FB;border-radius:13px}
.category-row{display:flex;gap:9px;overflow:auto;margin:5px -2px 22px;padding:3px 2px;scrollbar-width:none}.category-chip{border:1px solid #D6E0ED;background:#FFFFFF;border-radius:100px;padding:10px 14px;display:flex;gap:7px;align-items:center;white-space:nowrap;font-size:12px;font-weight:600;min-height:40px}.category-chip svg{height:17px;width:17px}.category-chip.active{background:#102A4C;border-color:#7B8BA4;color:#FFFFFF}.action-links{display:grid;gap:10px;margin-top:20px}.settings-row{display:flex;gap:15px;align-items:center;justify-content:space-between;padding:18px 0 22px;font-size:13px}.profile-header{display:flex;gap:15px;align-items:center}.profile-header .avatar{width:57px;height:57px;font-size:17px;background:#F5F7FB;color:#526176}.profile-header h2{margin-bottom:3px}.profile-header .badge{margin-top:7px}.required-mark{color:#9C2F32}.detail-subtitle{font-size:14px;margin:24px 0 10px}.reward-detail{display:flex;gap:14px;align-items:center;padding:18px;background:#F5F7FB;border-radius:15px;margin-bottom:14px}.reward-detail-icon{width:43px;height:43px;border-radius:12px;background:#EAF0FA;display:grid;place-items:center}.reward-detail strong{font-size:18px;display:block}.reward-detail p{font-size:12px;color:#526176;margin:5px 0 0}.report-answer{border-bottom:1px solid var(--border);padding:17px 0}.report-answer strong{font-size:13px;line-height:1.8}.report-answer p{font-size:13px;margin-top:8px;color:#526176;line-height:1.8}.evidence-group{margin-top:20px}.evidence-group h3{font-size:13px;margin-bottom:12px}.evidence-image{max-width:100%;max-height:260px;object-fit:contain;border:1px solid var(--border);border-radius:12px}.evidence-player{width:100%;max-height:300px;margin-block:5px}.question-builder-row{border:1px solid var(--border);border-radius:12px;padding:15px;margin:13px 0;background:#FFFFFF}.question-builder-row .field{margin-bottom:10px}.question-type-row{display:flex;gap:10px;align-items:center}.question-type-row select{flex:1}.fee-preview{margin-top:24px;padding:20px;background:#F5F7FB;border-radius:13px}.fee-preview>div{display:flex;justify-content:space-between;gap:12px;font-size:13px;margin-bottom:8px}.fee-preview strong{font-size:18px}.fee-preview small{font-size:11px;color:#526176;line-height:1.8;display:block}.notification-item{display:flex;align-items:flex-start;gap:13px;padding:17px 0;border-bottom:1px solid var(--border)}.notification-item svg{width:17px;height:17px}.notification-item p{font-size:13px;line-height:1.8}.notification-item small{font-size:11px;color:var(--muted)}.notification-btn{position:relative}.notification-btn i{position:absolute;top:7px;right:8px;width:5px;height:5px;background:#F6C85F;border-radius:50%;border:1px solid white}.visit-panel>p{display:flex;align-items:center;gap:6px}.visit-panel>p svg{width:13px;height:13px}.whistle-intro{display:flex;gap:10px;align-items:center;margin-bottom:17px}.whistle-intro>svg{color:#526176}.whistle-intro h2{margin:0}.footnote{display:none!important}.whistle-float{position:fixed;right:25px;bottom:calc(92px + env(safe-area-inset-bottom));height:48px;width:48px;border:1px solid #D6E0ED;border-radius:16px;background:#102A4C;color:#FFFFFF;display:grid;place-items:center;box-shadow:0 6px 20px #102A4C30;z-index:6;font-size:0;padding:0}.whistle-float>svg{height:22px;width:22px}.whistle-float>svg:last-child{display:none}.whistle-float:focus-visible{outline:3px solid #F6C85F;outline-offset:4px}.whistle-float:after{content:attr(data-label);position:absolute;right:56px;color:#152338;background:#FFFFFF;box-shadow:0 2px 10px #102A4C15;padding:7px 10px;border-radius:8px;font-size:11px;white-space:nowrap;opacity:0;pointer-events:none}.whistle-float:hover:after,.whistle-float:focus:after{opacity:1}.visit-flow{display:flex;align-items:center;gap:6px;font-size:11px;margin:18px 0;color:#526176}.visit-flow span{padding:5px 8px;background:#F5F7FB;border-radius:6px}.visit-flow .current{color:#174EA6;background:#F5F7FB;font-weight:600}.visit-flow i{height:1px;background:#EAF0FA;flex:1}.login-shell{max-width:560px;margin:auto;min-height:100vh;background:#FFFFFF}.login-shell .main{padding-top:35px}.login-shell .topbar{display:flex;justify-content:center}.login-shell .panel{border:0;padding:0;background:transparent}.login-shell .heading-row h1{font-size:32px}.auth-language{display:flex;justify-content:center;margin-top:20px}.guest-header{display:flex;align-items:center;justify-content:space-between;padding:24px}.guest-header .text-link{margin:0}.auth-shell{max-width:500px;min-height:100vh;margin:auto;background:#FFFFFF}.auth-shell .main{padding:15px 24px 45px}.auth-shell .heading-row h1{font-size:29px;font-family:'DM Sans','Noto Sans Arabic',sans-serif;font-weight:700;letter-spacing:-.8px}.auth-shell .heading-row p{font-size:13px}.auth-shell .panel{border:0;padding:0}.auth-shell .grid2{grid-template-columns:1fr 1fr;gap:12px}.auth-shell input{height:50px}.auth-shell .notice{font-size:11px}.auth-shell .steps{margin-top:18px;padding:17px 0}.app-cover{width:100%;height:155px;object-fit:cover;display:block}.mobile-card{padding:0;display:block;overflow:hidden;border-radius:20px;box-shadow:0 3px 12px #102A4C05;margin-bottom:19px;position:relative;background:#FFFFFF;border:1px solid #D6E0ED}.mobile-card:hover{transform:none;box-shadow:0 6px 20px #102A4C0a}.card-cover{position:relative;background:#F5F7FB;height:155px;overflow:hidden}.cover-badge{position:absolute;inset-inline-start:14px;top:14px;display:flex;align-items:center;gap:5px;padding:7px 10px;border-radius:100px;background:#FFF3CEed;color:#526176;font-size:11px;font-weight:650;backdrop-filter:blur(5px)}.cover-badge svg{width:12px;height:12px}.cover-save{position:absolute;inset-inline-end:13px;top:13px;height:29px;width:29px;border:0;border-radius:50%;background:#FFFFFFd9;display:grid;place-items:center;color:#526176}.cover-save svg{width:14px;height:14px}.mobile-card-body{padding:17px}.mobile-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:9px}.mobile-card-top h3{font-size:17px;font-weight:700;letter-spacing:-.4px;margin-bottom:5px}.mobile-card-top .category-caption{font-size:11px;color:#526176}.card-reward{text-align:end;max-width:51%}.card-reward strong{display:block;color:#174EA6;font-size:13px;font-weight:700;line-height:1.7}.card-reward small{display:block;font-size:11px;color:#526176;margin-top:2px;line-height:1.7}.card-divider{height:1px;background:#F5F7FB;margin:14px 0 12px}.card-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px}.card-bottom .meta{font-size:11px;line-height:1.8}.card-open{width:33px;height:33px;border:0;border-radius:10px;display:grid;place-items:center;background:#F5F7FB;color:#174EA6;flex-shrink:0}.card-open svg{width:17px;height:17px}.native-welcome{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:22px}.native-welcome .eyebrow{text-transform:none;font-size:13px;color:#526176;font-weight:400;letter-spacing:0;margin-bottom:6px}.native-welcome h1{font-family:'DM Sans','Noto Sans Arabic',sans-serif;font-size:27px;font-weight:700;letter-spacing:-1px;line-height:1.2}.native-welcome .avatar{height:43px;width:43px;font-size:13px;background:#EAF0FA;color:#526176}.native-hero{border-radius:22px;overflow:hidden;position:relative;background:#102A4C;min-height:183px;padding:23px;margin-bottom:22px;color:#FFFFFF}.native-hero .hero-copy{max-width:70%}.native-hero .eyebrow{font-size:11px;color:#DCE8FC;letter-spacing:1.4px;margin-bottom:9px}.native-hero h2{font-family:'DM Sans','Noto Sans Arabic',sans-serif;font-size:27px;font-weight:650;line-height:1.15;letter-spacing:-.7px}.native-hero h2 em{font-style:normal;color:#DCE8FC}.native-hero .btn{background:#EAF0FA;color:#152338;margin-top:18px;padding:10px 13px;min-height:37px;font-size:11px;border-radius:9px}.native-hero .hero-art{width:175px;height:175px;inset-inline-end:-29px;bottom:-8px;opacity:.85;transform:rotate(-6deg)}.active-visit-strip{display:flex;gap:12px;align-items:center;background:#F5F7FB;border:1px solid #D6E0ED;padding:14px;border-radius:14px;margin:0 0 22px;font-size:12px}.active-visit-strip>svg{width:21px;height:21px;color:#526176}.active-visit-strip>div{flex:1}.active-visit-strip strong{display:block;font-size:12px;margin-bottom:3px}.active-visit-strip small{font-size:11px;color:#526176}.active-visit-strip>button{border:0;background:#FFFFFF;border-radius:8px;height:30px;width:30px;display:grid;place-items:center}.active-visit-strip>button svg{width:14px;height:14px}.native-section{margin-bottom:15px;display:flex;align-items:center;justify-content:space-between;gap:20px}.native-section h2{font-size:17px;font-weight:700;letter-spacing:-.4px}.native-section .text-link{margin:0;font-size:11px}.native-location{display:flex;align-items:center;gap:5px;font-size:11px;color:#526176;margin-top:7px}.native-location svg{width:12px;height:12px}.empty .btn{margin-top:16px}.subtitle-copy{font-size:12px;color:#526176;line-height:1.8}.checkout-summary{padding:16px;background:#F5F7FB;border-radius:14px;margin-bottom:20px}.checkout-summary strong{font-size:15px}.checkout-summary p{font-size:12px;line-height:1.8;color:#526176;margin-top:6px}
body[data-role=shopper]{background:#F5F7FB}body[data-role=shopper] #app{max-width:500px;margin:auto;background:#FFFFFF;min-height:100vh;box-shadow:0 0 50px #102A4C10}body[data-role=shopper] .rail{display:none}body[data-role=shopper] .body{margin:0}body[data-role=shopper] .topbar{height:73px;min-height:73px;padding:16px 21px;display:flex;flex-wrap:nowrap;gap:10px;background:#FFFFFF;border-bottom:1px solid #D6E0ED;position:sticky;top:0;z-index:7}body[data-role=shopper] .breadcrumb{display:none}body[data-role=shopper] .mobile-brand{display:flex;font-size:23px}body[data-role=shopper] .brand-mark{width:30px;height:32px;font-size:26px;border-radius:9px}body[data-role=shopper] .top-actions{gap:9px}body[data-role=shopper] .icon-btn{width:33px;height:33px;background:#F5F7FB}body[data-role=shopper] .icon-btn svg{width:17px;height:17px}body[data-role=shopper] .main{padding:17px 20px calc(146px + env(safe-area-inset-bottom));max-width:none}body[data-role=shopper] .preview-note{font-size:11px;line-height:1.5;color:#526176;margin-bottom:20px;letter-spacing:0}body[data-role=shopper] .preview-note svg{width:11px;height:11px}body[data-role=shopper] .heading-row{margin-bottom:23px}body[data-role=shopper] .heading-row h1{font-family:'DM Sans','Noto Sans Arabic',sans-serif;font-size:28px;font-weight:700;letter-spacing:-.9px;line-height:1.2}body[data-role=shopper] .heading-row .eyebrow{font-size:11px;color:#526176;letter-spacing:1.5px;margin-bottom:9px}body[data-role=shopper] .heading-row p{font-size:12px;margin-top:9px;line-height:1.8}body[data-role=shopper] .date-pill{display:none}body[data-role=shopper] .mobile-nav{display:flex;position:fixed;bottom:0;left:50%;right:auto;transform:translateX(-50%);width:min(500px,100%);background:#FFFFFFf5;backdrop-filter:blur(15px);border-top:1px solid #D6E0ED;padding:10px 8px calc(13px + env(safe-area-inset-bottom));justify-content:space-around;z-index:8;border-radius:17px 17px 0 0;box-shadow:0 -4px 20px #102A4C05}body[data-role=shopper] .mobile-nav button{display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:center;padding:4px 12px;border:0;background:none;color:#526176;font-size:11px;min-width:58px;min-height:44px}body[data-role=shopper] .mobile-nav button svg{height:21px;width:21px}body[data-role=shopper] .mobile-nav button.active{color:#152338;font-weight:700}body[data-role=shopper] .mobile-nav button.active svg{stroke-width:2.2}body[data-role=shopper] .whistle-float{right:max(calc((100vw - 500px)/2 + 20px),20px)}body[data-role=shopper] .panel{padding:20px;border-radius:19px;border-color:#D6E0ED;margin-bottom:18px}body[data-role=shopper] .field label{font-size:13px}body[data-role=shopper] input,body[data-role=shopper] select{min-height:48px;font-size:13px;background:#FFFFFF;border-color:#D6E0ED;border-radius:11px}body[data-role=shopper] textarea{font-size:13px;background:#FFFFFF;border-color:#D6E0ED;border-radius:11px}body[data-role=shopper] .btn{border-radius:11px;min-height:45px;font-size:13px}body[data-role=shopper] .notice{font-size:11px;padding:12px;border-radius:11px}body[data-role=shopper] .grid2{grid-template-columns:1fr 1fr;gap:12px}body[data-role=shopper] .grid3{grid-template-columns:1fr}body[data-role=shopper] .form-actions{margin-top:20px;padding-top:18px;display:flex}body[data-role=shopper] .form-actions>.btn{flex:1}body[data-role=shopper] dialog .grid2{grid-template-columns:1fr 1fr}body[data-role=shopper] #toast{bottom:150px}body[data-role=shopper] .login-shell .main{padding:30px 24px 40px}body[data-role=shopper] .auth-shell .main{padding-bottom:50px}body[data-role=shopper] .login-shell .heading-row h1{font-size:30px}body[data-role=shopper] .login-shell .topbar .brand{display:flex}body[data-role=shopper] .onboarding-banner{margin-bottom:22px;font-size:11px;padding:13px}.preview-note{font-size:11px}.action-links .btn{justify-content:space-between;text-align:start}
@media(max-width:700px){dialog{position:fixed;margin:auto auto 0;bottom:0;top:auto;width:100%;max-width:500px;max-height:89dvh;border-radius:25px 25px 0 0;padding:25px 22px 30px}.dialog-head{position:sticky;top:-25px;background:white;padding:0 0 12px;z-index:2}.dialog-head h2{font-family:'DM Sans','Noto Sans Arabic',sans-serif;font-size:23px;font-weight:700;letter-spacing:-.6px}.dialog-head p{font-size:11px}.grid2,.grid3{grid-template-columns:1fr}.whistle-float{bottom:calc(90px + env(safe-area-inset-bottom));right:20px}.topbar .top-actions .language{display:none}.heading-row h1{font-family:'DM Sans','Noto Sans Arabic',sans-serif;font-size:29px;font-weight:700}.brand{font-size:23px}.question-builder-row{padding:13px}.question-builder-row .field{margin-bottom:9px}.auth-shell .grid2{grid-template-columns:1fr 1fr}body[data-role=shopper] .auth-shell .panel{padding:0;border:0;background:none}body[data-role=shopper] .auth-shell .topbar{position:static}.app-cover,.card-cover{height:153px}.mobile-card-top h3{font-size:16px}.mobile-card-body{padding:16px}.mobile-card .card-reward strong{font-size:13px}.mobile-card .card-reward small{font-size:11px}}
@media(min-width:701px){.opportunity-list:has(.mobile-card){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.opportunity-list .mobile-card{margin:0}body[data-role=shopper] .opportunity-list{display:block}body[data-role=shopper] .mobile-card{margin-bottom:18px}body[data-role=shopper] dialog{width:min(500px,calc(100% - 30px))}.whistle-float{bottom:95px}}
[dir=rtl] .native-welcome h1,[dir=rtl] .native-hero h2,[dir=rtl] .mobile-card h3,[dir=rtl] .auth-shell h1{font-family:'Noto Sans Arabic',sans-serif;letter-spacing:0}[dir=rtl] .native-hero h2{font-size:23px;line-height:1.55}[dir=rtl] .native-welcome h1{font-size:23px}[dir=rtl] body[data-role=shopper] .heading-row h1{font-family:'Noto Sans Arabic',sans-serif;font-size:24px;line-height:1.6;letter-spacing:0}[dir=rtl] .native-hero .hero-art{transform:scaleX(-1) rotate(-6deg)}[dir=rtl] .native-section h2{font-size:15px}[dir=rtl] body[data-role=shopper] .mobile-nav{left:50%;right:auto;transform:translateX(-50%)}
@media(max-width:359px){body[data-role=shopper] .main{padding-inline:15px}.card-reward strong{font-size:11px}.mobile-card-top h3{font-size:15px}body[data-role=shopper] .grid2{grid-template-columns:1fr}.native-hero h2{font-size:24px}.native-hero .hero-art{width:150px;height:150px}.category-chip{font-size:11px;padding-inline:12px}}