:root{--ink:#082c32;--ink2:#11424a;--cream:#fffaf0;--paper:#fff1d6;--yellow:#ffd23b;--orange:#ef5b36;--light:#fff1e0;--muted:#596568;--border:rgba(10,53,58,.16);--shadow:0 22px 60px rgba(4,38,42,.14)}
body{background:#fffcf4;color:#112e35}::selection{background:#ffcf30;color:#093139}
.announcement{background:#0b3237;color:#fff2bc;letter-spacing:.3px}.announcement .dot{background:#ff8154}
.nav{background:rgba(255,252,243,.97);border-bottom:2px solid #083941}.nav-inner{height:84px}.logo{gap:9px}.logo-mark{transform:none;box-shadow:none;border-radius:50%;background:#07262d;border:2px solid #f4c68b;overflow:hidden;width:60px;height:60px}.logo-mark img{display:block;width:100%;height:100%;object-fit:cover}.logo-text{color:#063b42;letter-spacing:.2px}.logo-text small{color:#bd683e}.nav-links a:hover{color:#db462c}.cart-btn{background:#ef5b36;border-color:#0b3037;box-shadow:3px 4px 0 #0b3037}.cart-count{background:#ffe269}.lang-btn{border:2px solid #cfdada;color:#0b3940;background:#fff}
.hero{background:radial-gradient(circle at 68% 42%,#ffde83 0,transparent 48%),linear-gradient(135deg,#feefc6 0%,#fff8e8 58%,#f8bd93 100%);border-bottom:3px solid #082f37}.hero-grid{min-height:635px}.hero-copy{padding:65px 0}.hero h1{color:#0d343b}.hero h1 em{color:#e85030}.eyebrow{background:#0d3e45;color:#fff6da}.hero p{color:#3c5250;font-size:19px;line-height:1.7}.btn-primary{background:#ffcf32}.btn-outline{color:#0b3540;border-color:#0b3540}.hero-note{color:#245158}.hero-art::before{background:radial-gradient(circle,#f9bd59,#ff9d49);border-color:#0d4247;box-shadow:0 0 0 19px #fbde9b,0 0 0 23px #0c4249}.hero-stamp{background:#0d8792;border-color:#0b343b}.floating-label{background:#fffbea;border-color:#123e41}.float-star{color:#ed6639}.marquee{background:#0b7a83;color:white;border-bottom-color:#064148}.marquee b{color:#ffdc4e;-webkit-text-stroke:0}
.section{padding:92px 0}.kicker{color:#e24f32}.kicker::before{background:#e24f32}.section h2{color:#0a3940}.filters .filter{border-color:#c9d8d6;color:#0c4248}.filters .filter.active,.filters .filter:hover{background:#0a6d76;color:white;border-color:#0a6d76}.food-card{border:2px solid #0a3940;box-shadow:5px 5px 0 #b5d5cf;border-radius:22px}.food-card:hover{box-shadow:8px 10px 0 #b5d5cf}.food-art{min-height:215px}.art-yellow{background:radial-gradient(circle,#fff9cf,#ffca51)}.art-orange{background:radial-gradient(circle,#ffe6a5,#ff995a)}.art-green{background:radial-gradient(circle,#eaffb0,#86d6b4)}.art-red{background:radial-gradient(circle,#fff1b7,#ff8b7a)}.art-gold{background:radial-gradient(circle,#fff4a4,#ffa952)}.food-content h3{color:#073a44}.ask-price{color:#527071}.add-btn{background:#f9d047;color:#092f35;border:2px solid #09363b;box-shadow:2px 3px 0 #09383f}.food-tag{background:#ed5b38;color:#fff}.feature-section{background:#0b4d56;color:#fff}.feature-section .kicker,.feature-section .feature-point .tick{color:#ffca49}.feature-section .kicker::before{background:#ffca49}.feature-graphic{background:radial-gradient(circle at 52% 38%,#ffda6a,#fb8e5b);border-color:#062f38}.visit{background:#fff9e9}.visit-icon{background:#ffde74}.footer{background:#082f35}.footer .logo-text{color:#fff}.footer .logo-text small{color:#ffce73}
.rewards-section{padding:100px 0;background:#f8e1ac;position:relative;overflow:hidden;border-top:3px solid #0d3d42;border-bottom:3px solid #0d3d42}.rewards-section:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 3% 9%,#f99776 0%,transparent 32%),radial-gradient(circle at 100% 100%,#77c9af 0%,transparent 27%);opacity:.55;pointer-events:none}.rewards-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:65px;position:relative}.rewards-copy .kicker{color:#a54121}.rewards-copy .kicker:before{background:#a54121}.rewards-copy h2{font-size:clamp(43px,5vw,72px);line-height:1.01;letter-spacing:-1px;margin:18px 0;color:#063c45;font-weight:900}.rewards-copy p{font-size:17px;color:#315358;line-height:1.75;max-width:500px;font-weight:700}.reward-headline{display:flex;align-items:center;gap:14px;background:#fff9e6;border:2px solid #163f45;border-radius:17px;padding:15px 20px;margin:22px 0;width:fit-content;box-shadow:4px 5px 0 #e6b55f}.reward-headline strong{font-size:24px;color:#d74925}.reward-headline span{font-size:13px;color:#194751;font-weight:800}.rewards-rules{margin:0 0 25px;padding:0;list-style:none;display:grid;gap:10px;color:#234850;font-weight:800}.rewards-rules li{display:flex;align-items:center;gap:12px}.rewards-rules li i{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:50%;font-style:normal;background:#ffcc39;color:#0d3840;font-size:14px;border:1px solid #0b4852}
.loyalty-demo-warning{font-size:12px!important;line-height:1.5!important;color:#6a5550!important;background:rgba(255,255,255,.55);border-inline-start:4px solid #d57738;padding:10px 12px;border-radius:6px;max-width:500px!important}.loyalty-shell{background:#fffaf1;border:2px solid #133d43;border-radius:27px;padding:18px;box-shadow:13px 16px 0 rgba(9,58,66,.15);min-width:0}.loyalty-card{background:linear-gradient(140deg,#0a4e59,#082d39 60%,#0a3037);color:#fff;border-radius:20px;padding:22px;position:relative;overflow:hidden;min-height:325px}.loyalty-card:before{content:'';position:absolute;width:230px;height:230px;top:-95px;inset-inline-end:-100px;border-radius:50%;border:35px solid rgba(250,199,104,.16)}.loyalty-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;position:relative}.loyalty-card-top img{width:59px;height:59px;border-radius:50%;object-fit:cover;border:2px solid #b58a5e}.loyalty-card-brand{margin-inline-end:auto;display:flex;flex-direction:column;gap:2px;font-family:'Barlow Condensed','Tajawal',sans-serif;font-weight:900;font-size:17px;line-height:1}.loyalty-card-brand small{font-size:10px;color:#ffe0a0;letter-spacing:1.1px}.loyalty-card-top>.pill{background:#ffcf50;color:#173940;padding:8px 10px;border-radius:30px;font-size:11px;font-weight:900}.loyalty-card h3{margin:28px 0 4px;font-size:24px;color:#ffdc78;font-weight:900}.loyalty-card p{font-size:12px;color:#c7e6e2;margin:0 0 18px;font-weight:700}.stamp-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:7px}.stamp{aspect-ratio:1/1;border-radius:12px;border:2px dashed #87b3b1;color:#aad2c9;display:grid;place-items:center;font-family:'DM Sans',sans-serif;font-size:16px;font-weight:900;background:rgba(255,255,255,.04)}.stamp.filled{background:#ffcf43;border-style:solid;border-color:#ffcf43;color:#0b3841;transform:rotate(-7deg)}.loyalty-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:19px;color:#e4e6d8;font-size:12px;font-weight:800}.loyalty-card-bottom strong{font-family:'DM Sans',sans-serif;color:#ffcf43;font-size:16px}.loyalty-member-panel{padding:23px 7px 5px}.loyalty-member-panel h3{font-size:21px;margin:0 0 7px;font-weight:900;color:#143b43}.loyalty-member-panel p{font-size:13px;color:#496266;line-height:1.5;margin:0 0 15px}.loyalty-fields{display:grid;grid-template-columns:1fr 1fr;gap:9px}.loyalty-fields label{display:block;font-size:11px;font-weight:900;margin-bottom:5px;color:#33565b}.loyalty-fields input{width:100%;border:1px solid #bed0cb;background:white;border-radius:10px;padding:13px 12px;font-size:14px;outline-color:#0d8d93;direction:ltr;text-align:start}.loyalty-action{width:100%;padding:15px;margin:12px 0 5px;background:#ef5937;border:2px solid #09393b;border-radius:11px;color:white;font-weight:900;box-shadow:3px 4px 0 #0b4446}.loyalty-feedback{min-height:14px;color:#0c6570;font-weight:800;font-size:12px;margin-top:8px}.loyalty-feedback.error{color:#b32d1e}.loyalty-card-code{padding:13px 12px;background:#e7f5ee;border:1px solid #b4d6c6;border-radius:12px;margin-top:10px;color:#17454e;font-size:13px}.loyalty-card-code strong{font-family:'DM Sans',sans-serif;letter-spacing:1px;font-size:15px}.loyalty-card-code button{background:#fff;border:1px solid #a6cbc1;padding:7px 10px;border-radius:6px;font-size:11px;float:inline-end;font-weight:900}.loyalty-card-code .qr{display:flex;gap:12px;align-items:center;margin-top:10px}.loyalty-card-code img{height:88px;width:88px;background:white;object-fit:contain;border:6px solid #fff;border-radius:7px}.loyalty-card-code small{font-size:11px;line-height:1.5;color:#54706d}.staff-preview-link{color:#0a5864;text-decoration:underline;text-underline-offset:3px;font-size:12px;font-weight:900}
@media(max-width:950px){.rewards-layout{grid-template-columns:1fr;gap:30px}.rewards-copy h2{max-width:600px}.rewards-section{padding:65px 0}.hero-grid{min-height:0}.hero-art::before{box-shadow:0 0 0 10px #fbde9b,0 0 0 13px #0c4249}}
@media(max-width:600px){.nav-inner{height:75px}.logo-mark{width:45px;height:45px}.logo-text{font-size:16px}.logo-text small{font-size:10px}.hero{background:radial-gradient(circle at 60% 70%,#ffdd7f,transparent 60%),linear-gradient(125deg,#fff1ca,#fff9ed)}.hero h1{font-size:clamp(48px,12vw,72px)}.hero-art{height:360px}.rewards-section{padding:58px 0}.loyalty-shell{padding:12px;box-shadow:6px 7px 0 rgba(9,58,66,.16)}.loyalty-card{padding:17px;min-height:280px}.loyalty-card h3{font-size:21px;margin-top:22px}.stamp-grid{gap:5px}.stamp{border-radius:8px}.loyalty-fields{grid-template-columns:1fr}.rewards-copy h2{font-size:46px}.reward-headline strong{font-size:21px}.loyalty-card-brand{font-size:14px}}

.hero-rewards-mini{display:inline-flex;gap:7px;align-items:center;background:#fff6d2;border:1px solid #d99e42;border-radius:11px;padding:10px 13px;font-size:13px;color:#985221;font-weight:900;margin-top:15px;transition:transform .18s}.hero-rewards-mini:hover{transform:translateY(-2px);background:#ffeaa5}