@font-face{font-family:MN;src:url('assets/Tajawal-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:MN;src:url('assets/Tajawal-Medium.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:MN;src:url('assets/Tajawal-Bold.woff2') format('woff2');font-weight:700;font-display:swap}
:root{--whatsapp-green:#25d366;--blue:#0871b0;--deep:#094977;--cyan:#65c7db;--ink:#183e57;--muted:#597083;--bg:#f4f8fb;--surface:#fff;--soft:#eaf4fa;--line:#dbe7ee;--card1:#d3dbe1;--card2:#d3ddd9;--card3:#d8d6df;--card4:#e1dbd1;--error:#8f2c25;--error-bg:#fff0ef;font-family:MN,Arial,sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none;scroll-behavior:smooth;scroll-padding-top:24px;color-scheme:light}
:root[data-theme=dark]{--blue:#8bdcf0;--deep:#d8f2fa;--ink:#f5f8fa;--muted:#c6d3da;--bg:#101a24;--surface:#192937;--soft:#223847;--line:#466174;--card1:#1d3041;--card2:#213b38;--card3:#302e43;--card4:#3b352b;--error:#ffb4aa;--error-bg:#492e31;color-scheme:dark}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit;color:inherit}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0}button:disabled{cursor:wait;opacity:.65}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #d8a345;outline-offset:4px}p,h1,h2,h3{margin:0}svg{width:24px;height:24px;display:block;flex-shrink:0}img{display:block;max-width:100%}[hidden]{display:none!important}.page{max-width:1050px;margin:24px auto 0;padding:0 24px}.hero{position:relative;isolation:isolate;overflow:hidden;background:#0871b0;color:#fff;border-radius:30px;padding:34px 28px 27px}.hero-top{display:flex;justify-content:center}.hero .logo{filter:brightness(0) invert(1);width:210px;height:auto;max-height:90px;object-fit:contain}.hero-call{position:absolute;top:18px;left:18px;background:#ffffff20;color:#fff;border:1px solid #ffffff40}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:var(--soft)}.hero .hero-call{background:#ffffff20}.hero-controls{position:absolute;top:18px;right:18px;display:flex;gap:7px;z-index:2}.header-control{height:44px;min-width:44px;padding:8px;border:1px solid #ffffff50;border-radius:13px;background:#ffffff18;color:#fff;font:700 14px Arial,sans-serif;display:grid;place-items:center}.header-control svg{width:21px;height:21px}.brand-name{display:flex;align-items:center;justify-content:center;gap:13px;margin-top:18px;font-size:42px;font-weight:700;letter-spacing:.035em;line-height:1.3}.gold-badge{display:inline-flex;filter:drop-shadow(0 2px 0 #9b651a) drop-shadow(0 4px 4px #072f5340);transform:rotate(-3deg)}.gold-badge svg{width:45px;height:45px}.hero .brand-tagline{font-size:22px;font-weight:400;line-height:1.65;text-align:center;white-space:nowrap;margin-top:12px}.socials{display:flex;justify-content:center;gap:12px;margin-top:22px;flex-wrap:wrap}.socials a{height:52px;width:52px;color:#fff;border:1px solid #eec967;background:#ffffff1c;border-radius:16px;display:grid;place-items:center}.socials a:hover{background:#ffffff30}.socials svg{width:28px;height:28px}.quick-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));max-width:680px;margin:20px auto 0;gap:14px}.quick-nav a{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;border-radius:23px;padding:12px 5px;font-size:17px;font-weight:700;text-align:center}.quick-nav a:nth-child(1),.branch-card:nth-child(4n+1){background:var(--card1)}.quick-nav a:nth-child(2),.branch-card:nth-child(4n+2){background:var(--card2)}.quick-nav a:nth-child(3),.branch-card:nth-child(4n+3){background:var(--card3)}.quick-nav a:nth-child(4),.branch-card:nth-child(4n+4){background:var(--card4)}.quick-nav svg{width:30px;height:30px;color:var(--blue)}.section{padding-top:44px;scroll-margin-top:20px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.section-kicker{font-size:14px;color:var(--muted);margin-bottom:4px}h2{font-size:27px;line-height:1.6;font-weight:700}.section-symbol{width:46px;height:46px;border-radius:16px;background:var(--soft);color:var(--blue);display:grid;place-items:center;flex:none}.segmented{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.segmented button,.menu-tab{background:var(--surface);color:var(--muted);padding:10px 16px;border-radius:14px;font-size:14px;min-height:44px;border:1px solid var(--line)}.segmented button.active,.menu-tab.active{background:#0871b0;color:#fff;border-color:#0871b0}.nearest-button{display:inline-flex;gap:8px;align-items:center;min-height:44px;padding:10px 16px;border:1px solid var(--line);border-radius:13px;background:var(--surface);color:var(--blue);font-size:15px}.branch-grid,.menu-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.branch-grid{margin-top:14px}.branch-card{text-align:start;aspect-ratio:1;min-width:0;display:flex;flex-direction:column;justify-content:center;padding:20px;border-radius:24px;overflow-wrap:anywhere;transition:transform .18s}.branch-card:hover,.food-card:hover,.app-card:hover{transform:translateY(-2px)}.branch-top{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:14px}.branch-pin{width:52px;height:52px;color:var(--blue);display:grid;place-items:center;background:transparent}.branch-pin svg{width:42px;height:42px}.branch-number{font:500 13px Arial,sans-serif;color:var(--muted)}.branch-card h3{font-size:18px;line-height:1.5}.branch-card p,.branch-address{font-size:14px;color:var(--muted);line-height:1.7;margin-top:5px}.distance{font-size:14px;color:var(--blue);font-weight:700;margin-top:6px}.text-button{display:block;background:none;color:var(--blue);font-size:14px;min-height:44px;padding:10px 4px;margin:12px auto 0;border-bottom:1px solid var(--line)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.contact-card{padding:25px;text-align:start;display:flex;flex-direction:column;align-items:flex-start;gap:14px;border-radius:26px;min-width:0}.form-card{background:var(--card2)}.whatsapp-card{background:var(--whatsapp-green);color:#063c2a}.whatsapp-card .contact-icon{background:transparent}.whatsapp-card .card-action{background:#fff;border-color:transparent;color:#063c2a}.contact-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:17px;background:#ffffff20}.form-card .contact-icon{background:var(--surface);color:var(--blue)}.contact-icon svg{width:28px;height:28px}.contact-card h3{font-size:20px;line-height:1.6}.contact-card p{font-size:14px;line-height:1.8;margin-top:4px}.card-action{font-size:14px;margin-top:auto;padding:8px 13px;border:1px solid #ffffff40;border-radius:10px}.form-card .card-action{border-color:var(--line);background:var(--surface)}.hospitality-banner{background:#094977;color:#fff;border-radius:28px;overflow:hidden}.hospitality-copy{padding:34px}.hospitality-copy .section-kicker{color:#bce9f4}.hospitality-copy h2{font-size:30px;margin-bottom:12px}.hospitality-copy>p:not(.section-kicker){max-width:680px;font-size:16px;line-height:1.9;color:#e1f3ff}.hospitality-cta{display:inline-flex;align-items:center;justify-content:center;gap:9px;margin-top:22px;min-height:48px;padding:12px 20px;border-radius:14px;background:var(--whatsapp-green);color:#063c2a;font-size:16px;font-weight:700}.app-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.app-card{padding:0;border:0;color:var(--ink);display:flex;flex-direction:column;gap:10px;align-items:center;min-width:0;background:none;transition:transform .18s}.app-tile{display:block;width:100%;aspect-ratio:1;border-radius:20%;overflow:hidden}.app-tile img{width:100%;height:100%;object-fit:contain}.app-name{font-size:14px;line-height:1.6;text-align:center;font-weight:700}.searchbox{display:flex;align-items:center;gap:12px;padding:8px 16px;background:var(--surface);border:1px solid var(--line);border-radius:18px;min-height:56px;margin-bottom:14px}.searchbox:focus-within{outline:3px solid #d8a345;outline-offset:3px}.searchbox input{border:0;background:none;width:100%;min-width:0;outline:0;font-size:16px;padding:5px 0;color:var(--ink)}.searchbox .icon-btn{width:36px;height:36px}.menu-tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(130px,100%),1fr));gap:8px;padding:12px 1px;position:static;background:var(--bg)}.menu-tab{min-width:0;white-space:normal;overflow-wrap:anywhere;color:var(--ink);line-height:1.5;padding:10px 12px}.menu-tab.active{box-shadow:0 3px 0 var(--cyan)}.menu-counter{color:var(--muted);font-size:14px;margin:6px 0 16px}.food-card{min-width:0;background:none;border:0;text-align:start;padding:0;display:flex;flex-direction:column;transition:transform .18s;overflow-wrap:anywhere}.food-img{aspect-ratio:1;background:var(--soft);border-radius:22px;overflow:hidden}.food-img img{width:100%;height:100%;object-fit:cover}.food-info{padding:12px 2px 17px;display:flex;flex-direction:column;gap:7px;align-items:flex-start}.food-info h3{font-size:18px;line-height:1.65}.food-price{font-size:16px;font-weight:700;color:var(--deep);margin-top:4px;line-height:1.7}.detail-mark{font-size:14px;min-height:28px;padding:5px 8px;border-radius:9px;background:var(--soft);color:var(--blue)}.empty{background:var(--surface);border-radius:20px;padding:24px;text-align:center;color:var(--muted);font-size:16px;line-height:1.9}.menu-note{font-size:14px;line-height:1.9;color:var(--muted);margin-top:20px}.bottom-nav{display:none}footer{text-align:center;padding:42px 20px 30px;color:var(--muted);font-size:14px}footer img{width:115px;height:auto;margin:0 auto 13px}footer p{margin-bottom:12px}.footer-email{display:block;width:fit-content;margin:0 auto 8px;color:var(--blue);font:14px Arial,sans-serif}footer>span{font:12px Arial,sans-serif}.skip{position:fixed;top:-100px;padding:12px;background:var(--surface);z-index:99}.skip:focus{top:0}
dialog{border:none;border-radius:30px;padding:0;color:var(--ink);max-width:min(94vw,560px);width:100%;max-height:90dvh;background:var(--surface);overscroll-behavior:contain;box-shadow:0 24px 80px #06264040}dialog::backdrop{background:#0b243780;backdrop-filter:blur(4px)}.dialog-shell{position:relative;padding:34px;overflow:auto}.dialog-close{position:absolute;top:16px;inset-inline-end:16px;z-index:2;background:var(--soft);color:var(--deep)}#dialog-title{font-size:27px;line-height:1.6;padding-inline-end:35px;margin:12px 0 8px}.dialog-kicker{font-size:14px;color:var(--blue);font-weight:700}.dialog-subtitle{font-size:16px;color:var(--muted);line-height:1.9;margin-bottom:20px}.dialog-image{width:100%;height:250px;object-fit:cover;border-radius:22px;margin-top:18px;background:var(--soft)}.dialog-actions{display:grid;gap:12px;margin-top:24px}.action-button{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px;border-radius:15px;background:#0871b0;color:white;min-height:52px;font-size:16px;font-weight:700;text-align:center}.action-button.secondary{background:var(--soft);color:var(--blue);border:1px solid var(--line)}.phone-label{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0;border-bottom:1px solid var(--line);font-size:15px}.phone-label bdi{font:16px Arial,sans-serif;color:var(--muted)}.unified-link{display:block;text-align:center;color:var(--blue);font-size:15px;padding:12px}.unified-link bdi{margin-inline-start:8px;font-family:Arial,sans-serif}.form-label{display:block;font-size:15px;margin:18px 0 8px;font-weight:700}.form-control{width:100%;border:1px solid var(--line);border-radius:13px;padding:12px;background:var(--bg);font-size:16px}textarea.form-control{resize:vertical;min-height:120px}.required-mark{color:var(--blue)}.field-hint,.form-note{font-size:14px;line-height:1.8;color:var(--muted);margin-top:8px}.form-note{margin:14px 0}.attachments-field{margin-top:18px;padding:16px;border:1px dashed var(--line);border-radius:16px;background:var(--bg)}.attachments-field .form-label{margin-top:0}.upload-button{padding:12px 16px;min-height:46px;background:var(--soft);border:1px solid var(--line);border-radius:12px;color:var(--blue);font-size:15px;font-weight:700}.selected-files{list-style:none;padding:0;margin:12px 0 0;display:grid;gap:8px}.selected-files li{display:flex;align-items:center;gap:10px;justify-content:space-between;padding:10px;background:var(--surface);border:1px solid var(--line);border-radius:10px;min-width:0}.selected-files li>span{min-width:0;overflow-wrap:anywhere;font-size:14px;line-height:1.6}.selected-files small{display:block;color:var(--muted)}.selected-files button{padding:8px;min-height:44px;background:var(--error-bg);border-radius:8px;color:var(--error);font-size:14px;flex:none}.form-error{color:var(--error);background:var(--error-bg);padding:12px;border-radius:10px;margin-top:14px;font-size:15px;line-height:1.8}.message-preview{white-space:pre-wrap;font-size:15px;line-height:1.9;background:var(--soft);padding:17px;border-radius:17px;overflow-wrap:anywhere;user-select:text}.back-button{background:none;color:var(--blue);font-size:15px;padding:12px;display:block;margin:8px auto;min-height:44px}.branch-modal-icon{width:68px;height:68px;border-radius:22px;background:var(--soft);color:var(--blue);display:grid;place-items:center}.branch-modal-icon svg{width:34px;height:34px}.item-detail-price{font-size:24px;font-weight:700;color:var(--blue);margin:18px 0 14px}.nutrition-summary{border:1px solid var(--line);background:var(--bg);border-radius:17px;padding:5px 16px}.nutrition-summary>div{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:13px 0;font-size:14px;line-height:1.7}.nutrition-summary>div+div{border-top:1px solid var(--line)}.nutrition-summary span{color:var(--muted)}.nutrition-summary strong,.nutrition-summary p{text-align:end;font-size:14px}.toast{position:fixed;bottom:100px;left:50%;transform:translateX(-50%);background:#094977;color:white;padding:14px 22px;z-index:100;border-radius:16px;font-size:15px;width:max-content;max-width:90vw;text-align:center}.honeypot{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(max-width:760px){.page{max-width:580px;padding:0 18px;margin-top:16px}.hero{padding:70px 16px 23px;border-radius:26px}.hero .logo{width:175px;max-height:76px}.brand-name{font-size:clamp(25px,6.8vw,35px);gap:10px;letter-spacing:.02em}.gold-badge svg{width:38px;height:38px}.hero .brand-tagline{font-size:clamp(14px,4.05vw,19px);margin-top:10px}html[lang=en] .hero .brand-tagline{font-size:clamp(14px,3.7vw,18px);letter-spacing:0}.hero-call{top:14px;left:14px}.hero-controls{top:14px;right:14px}.socials{gap:10px}.socials a{width:46px;height:46px;border-radius:15px}.socials svg{width:26px;height:26px}.quick-nav{gap:8px;margin-top:16px}.quick-nav a{border-radius:17px;font-size:14px;gap:8px;padding:6px 2px}.quick-nav svg{width:25px;height:25px}.section{padding-top:32px}h2{font-size:24px}.section-heading{margin-bottom:17px}.branch-grid,.menu-grid{gap:12px 9px}.branch-card{padding:10px 8px;border-radius:18px;justify-content:flex-start;aspect-ratio:auto;min-height:136px}.branch-top{margin-bottom:7px;gap:4px}.branch-pin{width:38px;height:38px}.branch-pin svg{width:34px;height:34px}.branch-card h3{font-size:14px;line-height:1.45}.branch-card p{font-size:14px;line-height:1.4}.branch-address{display:none}.contact-grid{gap:11px}.contact-card{padding:18px 14px;border-radius:24px;gap:12px}.contact-card h3{font-size:18px}.contact-card p{font-size:14px;line-height:1.85}.hospitality-copy{padding:25px}.hospitality-copy h2{font-size:25px}.hospitality-cta{width:100%}.app-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px 10px}.food-img{border-radius:14px}.food-info{padding:9px 1px 12px}.food-info h3{font-size:14px}.food-price{font-size:14px}.detail-mark{font-size:12px}.bottom-nav{display:flex;position:fixed;z-index:10;bottom:max(12px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:calc(100% - 36px);max-width:544px;justify-content:space-around;background:#094977;border:1px solid #ffffff25;border-radius:25px;padding:8px 5px;box-shadow:0 10px 30px #0b385240}.bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#d3eaf9;min-height:52px;min-width:0;width:25%;font-size:14px;border-radius:18px;padding:5px 3px;line-height:1.4;text-align:center}.bottom-nav a.active{background:#fff;color:#094977}.bottom-nav svg{width:21px;height:21px}footer{padding-bottom:120px}dialog{margin:auto 0 0;max-width:100%;width:100%;border-radius:30px 30px 0 0;max-height:92dvh;padding-bottom:env(safe-area-inset-bottom)}.dialog-shell{padding:31px 22px 28px}#dialog-title{font-size:25px}.nutrition-summary{padding:5px 12px}}
@media(max-width:360px){.page{padding:0 12px}.socials{gap:8px}.socials a{width:43px;height:43px}.branch-card{padding:8px 6px}.brand-name{font-size:25px}.gold-badge svg{width:34px;height:34px}.quick-nav a{font-size:14px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
.dialog-tools{display:flex;gap:8px;align-items:center;margin-bottom:14px;padding-inline-end:48px}.upload-progress{position:relative;margin:20px 0 10px;padding:16px;border:1px solid var(--line);border-radius:18px;background:var(--bg)}.upload-progresshead{display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:14px;line-height:1.7}.upload-progresshead bdi{font:700 17px Arial,sans-serif;color:var(--blue)}.upload-progressbar{height:9px;background:var(--line);border-radius:20px;overflow:hidden;margin-top:13px;direction:ltr}.upload-progressbar>span{display:block;height:100%;width:0;background:linear-gradient(90deg,#0871b0,#65c7db);border-radius:20px;transition:width .15s ease}.upload-progress[data-state=done] .upload-progressbar>span{background:#27956b}.upload-complete{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#e2f4ea;color:#21794f;margin-top:12px}.success-check{width:70px;height:70px;display:grid;place-items:center;border-radius:50%;background:#e2f4ea;color:#21794f;box-shadow:0 0 0 7px #27956b12;margin:10px 0 22px}.success-check svg{width:36px;height:36px;stroke-width:2.5}.upload-finished{display:flex;align-items:center;gap:9px;padding:14px;border-radius:14px;background:var(--card2);font-size:15px;line-height:1.8}.upload-finished svg{color:#27956b;stroke-width:2.5}.reference{display:inline-block;font-family:Arial,sans-serif;font-weight:700;overflow-wrap:anywhere}
.form-service{--form-accent:#0871b0;--form-soft:#eaf4fa}.form-careers{--form-accent:#8a5a00;--form-soft:#fbf3df}.form-procurement{--form-accent:#6b4c8a;--form-soft:#f2edf7}.form-service .dialog-kicker,.form-careers .dialog-kicker,.form-procurement .dialog-kicker,.form-service .required-mark,.form-careers .required-mark,.form-procurement .required-mark{color:var(--form-accent)}.form-service .attachments-field,.form-careers .attachments-field,.form-procurement .attachments-field{background:var(--form-soft);border-color:color-mix(in srgb,var(--form-accent) 28%,var(--line))}.form-service .upload-button,.form-careers .upload-button,.form-procurement .upload-button{background:var(--surface);border-color:color-mix(in srgb,var(--form-accent) 34%,var(--line));color:var(--form-accent)}.form-service #submit-contact,.form-careers #submit-contact,.form-procurement #submit-contact{background:var(--form-accent)}.form-service .form-control:focus,.form-careers .form-control:focus,.form-procurement .form-control:focus{outline:2px solid color-mix(in srgb,var(--form-accent) 42%,transparent);border-color:var(--form-accent)}
[data-theme=dark] dialog.form-service{--form-accent:#72d7ee;--form-soft:#173543}[data-theme=dark] dialog.form-careers{--form-accent:#f2cf72;--form-soft:#352f23}[data-theme=dark] dialog.form-procurement{--form-accent:#d1b3ec;--form-soft:#302b3b}[data-theme=dark] .form-service #submit-contact,[data-theme=dark] .form-careers #submit-contact,[data-theme=dark] .form-procurement #submit-contact{color:#10202b}[data-theme=dark] .form-service .field-hint,[data-theme=dark] .form-careers .field-hint,[data-theme=dark] .form-procurement .field-hint{color:#d0dbe1}[data-theme=dark] .form-control::placeholder{color:#8fa6b4;opacity:1}

.app-card-disabled{opacity:1;cursor:default}.app-card-disabled:hover{transform:none}

.whatsapp-business-logo{width:32px;height:32px;object-fit:contain;border-radius:7px;flex:none}.contact-icon .whatsapp-business-logo{width:48px;height:48px;border-radius:12px}
.pickup-section{padding-top:24px}.pickup-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:22px;padding:26px;border:1px solid var(--line);border-radius:24px;background:var(--surface);box-shadow:0 6px 24px #09497708}.pickup-icon{width:58px;height:58px;border-radius:18px;background:var(--soft);color:var(--blue);display:grid;place-items:center}.pickup-icon svg{width:30px;height:30px}.pickup-heading{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.pickup-heading h2{font-size:25px}.pickup-badge{font-size:14px;font-weight:700;border-radius:20px;padding:4px 12px;color:var(--deep);background:var(--soft)}.pickup-copy p{margin-top:6px;color:var(--muted);font-size:16px;line-height:1.8}.pickup-cta{white-space:nowrap;min-width:150px}.pickup-note{font-size:14px!important}
@media(max-width:760px){.pickup-section{padding-top:20px}.pickup-card{grid-template-columns:48px minmax(0,1fr);gap:14px;padding:20px 16px;border-radius:22px}.pickup-icon{width:48px;height:48px;border-radius:15px}.pickup-heading{gap:8px}.pickup-heading h2{font-size:23px}.pickup-copy p{font-size:15px}.pickup-cta{grid-column:1 / -1;width:100%}}

/* Attachment progress: actual transfer percentage, persistent completion. */
.upload-progress{border-color:#b6e5cb;background:#f0faf4;box-shadow:0 5px 20px #16834b0a}
.upload-progresshead bdi{color:#167a46;font-size:20px;font-variant-numeric:tabular-nums;flex:none}
.upload-progressbar{height:12px;background:#d4ecdf}
.upload-progressbar>span{position:relative;background:linear-gradient(90deg,#16834b,#25b96d);transition:width .25s ease;overflow:hidden}
.upload-progress[data-state=uploading] .upload-progressbar>span::after,.upload-progress[data-state=processing] .upload-progressbar>span::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 20%,#ffffff60 50%,transparent 80%);transform:translateX(-100%);animation:upload-shimmer 1.4s ease-in-out infinite}
.upload-progress[data-state=ready]{padding:12px 14px}.upload-progress[data-state=ready] bdi{font-size:15px}
.upload-progress[data-state=error]{background:var(--error-bg);border-color:var(--error)}
.upload-progress[data-state=error] .upload-progressbar>span{background:var(--error)}
.upload-finished{background:#edf9f2;color:#17693e}.upload-finished bdi{margin-inline-start:auto;font:700 20px Arial,sans-serif}
.upload-result-check{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:50%;background:#16834b;color:#fff;animation:upload-check-pop .45s ease-out}
.upload-result-check svg{color:inherit}.upload-result-bar{margin:8px 0 18px}.success-check{animation:upload-check-pop .45s ease-out}
[data-theme=dark] .upload-progress{background:#102f23;border-color:#285740}[data-theme=dark] .upload-progresshead bdi{color:#71dfa5}[data-theme=dark] .upload-progressbar{background:#264a36}[data-theme=dark] .upload-finished{background:#153c2a;color:#a0edc0}
.upload-progressbar[hidden],.upload-complete[hidden]{display:none}
@keyframes upload-shimmer{to{transform:translateX(100%)}}
@keyframes upload-check-pop{from{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}
@media(prefers-reduced-motion:reduce){.upload-progressbar>span{transition:none}.upload-progressbar>span::after,.upload-result-check,.success-check{animation:none!important}}

/* Final header badge sizing: 10% smaller and subtly raised. */
.gold-badge{transform:translateY(-2px) rotate(-3deg)}
.gold-badge svg{width:40.5px;height:40.5px}
@media(max-width:760px){.gold-badge svg{width:34.2px;height:34.2px}}
@media(max-width:380px){.gold-badge svg{width:30.6px;height:30.6px}}