@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700&family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+Arabic:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#141210;--text:#fbf8f3;--muted:#b6afa7;--orange:#ff961b;--edge:rgba(244,223,195,.22);--glass:linear-gradient(135deg,#ffffff13,#ffffff06)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;color:var(--text);background:var(--bg);font-family:'DM Sans','Noto Sans Arabic',sans-serif;font-size:15px;line-height:1.5;min-height:100svh;-webkit-tap-highlight-color:transparent}html[lang=ar] body{font-family:'Noto Sans Arabic','DM Sans',sans-serif}button,input,textarea,select{font:inherit}button,a,input,textarea,select{touch-action:manipulation}button{cursor:pointer;color:inherit}a{text-decoration:none;color:inherit}img{display:block;max-width:100%}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--orange);outline-offset:4px}button:disabled{opacity:.4;cursor:not-allowed}svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}h1,h2,h3,p{margin-top:0}h1{font-size:34px;letter-spacing:-.04em;line-height:1.15;margin-bottom:25px}h2{font-size:24px;letter-spacing:-.025em}h3{font-size:17px;line-height:1.4}small,.muted{color:var(--muted)}.ambient{position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 0% 12%,#6d391b66,transparent 45%),radial-gradient(ellipse at 98% 60%,#7b431b44,transparent 35%),linear-gradient(145deg,#1e1916,#111 65%)}.header{height:98px;max-width:1150px;margin:auto;padding:16px 24px;display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{direction:ltr}.brand>span{font-family:'Barlow Condensed',sans-serif;font-size:31px;font-weight:700;letter-spacing:1.2px;line-height:.95}.brand small{display:block;color:#ffaa36;font-size:12px;letter-spacing:4.1px;text-align:center;margin-top:7px}.header-actions{display:flex;align-items:center;gap:16px}.language{display:flex;background:#ffffff09;border:1px solid var(--edge);border-radius:30px;padding:3px;direction:ltr}.language button{min-width:44px;padding:6px 9px;border:0;border-radius:24px;background:none;color:var(--muted);font-size:12px}.language button.active{background:linear-gradient(145deg,#ffaf26,#ff770b);color:#fff;box-shadow:0 2px 12px #ff830030}.header-cart{position:relative;padding:10px;border:1px solid var(--edge);border-radius:15px;display:flex}.badge{position:absolute;top:-7px;right:-7px;border-radius:20px;background:var(--orange);color:#211308;font-size:11px;min-width:20px;height:20px;display:grid;place-items:center;padding:2px}.badge[hidden]{display:none}main{max-width:1100px;margin:auto;padding:20px 24px 145px;min-height:72svh}.glass{background:var(--glass);border:1px solid var(--edge);border-radius:22px;box-shadow:inset 0 1px 0 #ffffff06,0 10px 30px #0000000c}.page-title{display:flex;align-items:center;gap:15px;margin-bottom:26px}.page-title h1{margin:0}.back{width:43px;height:43px;border:1px solid var(--edge);border-radius:50%;background:#ffffff05;display:grid;place-items:center}.back svg{width:20px}[dir=rtl] .back svg{transform:rotate(180deg)}.search{display:flex;align-items:center;gap:12px;padding:12px 16px;margin-bottom:20px;border-radius:18px}.search input{background:none;border:0;outline:0;color:#fff;width:100%;min-width:0;font-size:14px}.search input::placeholder{color:var(--muted)}.search>svg{color:var(--muted)}.clear-search{display:grid;place-items:center;background:transparent;border:0;width:32px;height:32px}.clear-search svg{width:16px}.categories{display:flex;gap:9px;overflow-x:auto;scrollbar-width:none;padding-bottom:7px;margin-bottom:22px}.categories::-webkit-scrollbar{display:none}.category{background:#ffffff03;border:1px solid var(--edge);border-radius:17px;min-width:96px;padding:13px 12px;display:flex;flex-direction:column;align-items:center;gap:8px;white-space:nowrap;font-size:12px}.category svg{height:25px;width:25px}.category.active{border-color:#f6a53d;background:linear-gradient(145deg,#d8791738,#ff9a180f);color:#ffbd5a}.promo{position:relative;min-height:250px;display:grid;grid-template-columns:1fr 1fr;overflow:hidden;align-items:center;margin-bottom:34px;background:radial-gradient(ellipse at 85% 55%,#b6651724,transparent 65%),var(--glass)}.promo-copy{padding:25px;position:relative;z-index:1}.eyebrow{font-size:11px;letter-spacing:1.7px;text-transform:uppercase;color:#ffd59d;margin:0 0 8px}.promo h2{font-size:28px;line-height:1.15;margin:0 0 10px}.promo p:not(.eyebrow){color:var(--muted);font-size:13px;margin-bottom:16px}.promo img{height:260px;width:100%;object-fit:contain;padding:14px;filter:drop-shadow(0 16px 13px #0005)}.btn{border:0;background:linear-gradient(135deg,#ffad26,#ff6b0b);color:#fff;border-radius:14px;padding:13px 20px;display:inline-flex;align-items:center;justify-content:center;gap:12px;font-weight:600;font-size:14px;min-height:48px}.btn svg{height:19px;width:19px}.btn.secondary{background:#ffffff08;border:1px solid var(--edge)}.btn.wide{width:100%}.section-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:25px 0 15px}.section-title h2{margin:0;font-size:23px}.section-title small{font-size:12px}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.product{position:relative;overflow:hidden;transition:transform .18s,border-color .18s}.product:hover{transform:translateY(-3px);border-color:#ffb15480}.product-image{display:flex;align-items:center;justify-content:center;height:185px;padding:15px;background:radial-gradient(ellipse at 50% 80%,#ba7b2212,transparent 65%)}.product-image img{height:100%;width:100%;object-fit:contain;filter:drop-shadow(0 9px 7px #0004)}.photo-placeholder{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;color:#b3a391;font-size:11px;height:100%;width:100%;background:linear-gradient(145deg,#ffffff04,#ffffff01);border-radius:12px}.photo-placeholder svg{width:32px;height:32px;opacity:.5}.product-info{padding:0 15px 17px}.product h3{font-size:15px;margin:0 0 8px;padding-inline-end:25px}.money{font-variant-numeric:tabular-nums;white-space:nowrap;display:inline-flex;align-items:baseline;gap:4px;direction:ltr;font-weight:700;color:#ffa629}.money small{font-size:10px;color:inherit;font-weight:500}.plus{width:34px;height:34px;position:absolute;inset-inline-end:12px;bottom:17px;border:0;border-radius:50%;background:linear-gradient(140deg,#ffb62e,#ff710c);display:grid;place-items:center}.plus svg{width:18px;height:18px}.product-info .money{font-size:13px}.product-info .money small{font-size:9px}.product>a{display:block}.product .plus{z-index:2}.empty{padding:65px 22px;text-align:center}.empty>svg{height:48px;width:48px;color:#f2a349;margin-bottom:18px}.empty h2{margin-bottom:10px}.empty p{color:var(--muted);margin-bottom:25px}.empty .btn{margin:auto}.bottom-nav{position:fixed;bottom:max(12px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);z-index:20;display:grid;grid-template-columns:repeat(4,1fr);width:min(94%,550px);padding:8px 7px 6px;border-radius:24px;background:linear-gradient(135deg,#34302ce6,#191715f0);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid #f3ddc744;box-shadow:0 12px 35px #0009}.bottom-nav a{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;font-size:11px;padding:7px 0 9px;position:relative;color:#d5cec5}.bottom-nav .active{color:#ffaa29}.bottom-nav .active:after{content:'';height:2px;border-radius:3px;background:var(--orange);width:26px;position:absolute;bottom:0}.nav-icon{position:relative;display:flex}.nav-icon .badge{top:-6px;right:-10px;min-width:17px;height:17px;font-size:10px}.bottom-nav svg{width:23px;height:23px}.floating-cart{position:fixed;z-index:19;bottom:102px;left:50%;transform:translateX(-50%);width:min(92%,520px);padding:12px 17px;background:#35281ff2;border:1px solid #ffb66066;border-radius:17px;display:flex;align-items:center;justify-content:space-between;gap:15px;box-shadow:0 8px 25px #0005;backdrop-filter:blur(12px)}.floating-cart strong{font-size:13px}.floating-cart .btn{min-height:38px;padding:7px 12px;font-size:12px}.floating-cart .money{color:#fff;font-size:12px}.toast{position:fixed;z-index:50;top:20px;left:50%;transform:translate(-50%,-100px);transition:transform .25s;max-width:90%;padding:12px 20px;border:1px solid #f3bb72aa;border-radius:15px;background:#3c2b1d;color:#fff;text-align:center;pointer-events:none;box-shadow:0 8px 35px #0007;font-size:14px}.toast.show{transform:translate(-50%,0)}
.detail-layout{display:grid;grid-template-columns:1fr 1fr;gap:35px}.detail-photo{height:530px;position:sticky;top:20px;display:flex;align-items:center;justify-content:center;padding:30px}.detail-photo img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 18px 16px #0007)}.detail-photo .photo-placeholder{height:100%}.detail-heading{display:flex;align-items:start;justify-content:space-between;gap:20px;margin:20px 0 10px}.detail-heading h1{font-size:27px;margin:0}.detail-description{font-size:14px;color:var(--muted);line-height:1.8}.customize{padding:20px;margin-top:20px}.combo-row{display:flex;justify-content:space-between;align-items:center;gap:20px}.combo-row h3{margin:0 0 3px;font-size:18px}.combo-row p{margin:0;color:var(--muted);font-size:12px}.combo-price{font-size:15px;color:var(--orange);margin-bottom:4px}.toggle{appearance:none;-webkit-appearance:none;width:51px;height:30px;border-radius:30px;background:#68615c;border:1px solid #ffffff2a;position:relative;cursor:pointer;flex:none;margin:0}.toggle:after{content:'';position:absolute;background:#fff;width:23px;height:23px;top:2px;left:3px;border-radius:50%;transition:transform .2s}.toggle:checked{background:linear-gradient(120deg,#ffb62e,#ff700b)}.toggle:checked:after{transform:translateX(20px)}.drink-options{border-top:1px solid var(--edge);margin-top:20px;padding-top:16px}.drink-options p{font-size:13px;margin-bottom:12px}.drinks{display:flex;gap:8px;flex-wrap:wrap}.drink{padding:9px 13px;border:1px solid var(--edge);border-radius:12px;font-size:13px;cursor:pointer;background:#ffffff04}.drink:has(input:checked){border-color:var(--orange);background:#ff9c1719;color:#ffbb66}.drink input{accent-color:var(--orange);margin-inline-end:5px}.field{display:block;font-size:13px}.field>span{display:block;margin-bottom:8px}.field input,.field textarea,.field select{width:100%;border:1px solid var(--edge);background:#17161466;color:#fff;border-radius:12px;padding:12px 14px;min-width:0}.field textarea{resize:vertical;min-height:90px}.field input::placeholder,.field textarea::placeholder{color:#8c857d}.field select option{background:#25201a}.notes{padding:17px;margin-top:16px}.notes small{font-size:11px}.purchase{display:flex;align-items:center;gap:12px;margin-top:18px;padding:12px}.stepper{display:flex;align-items:center;gap:14px;direction:ltr;flex:none}.stepper button{height:36px;width:36px;display:grid;place-items:center;border:1px solid var(--edge);background:#ffffff08;border-radius:50%}.stepper button:last-child{background:#ff99152b;color:#ffbd70;border-color:#ffbd7040}.stepper svg{width:16px;height:16px}.stepper b{min-width:15px;text-align:center;font-size:14px}.purchase .btn{flex:1;gap:5px;flex-wrap:wrap;padding:12px 10px}.purchase .money{color:white;font-size:13px}.purchase .money small{font-size:9px}.offer-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.offer{overflow:hidden}.offer-image{height:280px;padding:18px;background:radial-gradient(ellipse at center,#c678251c,transparent 75%)}.offer-image img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 15px 15px #0005)}.offer-body{padding:0 23px 25px}.offer h2{font-size:24px;margin-bottom:8px}.offer p{color:var(--muted);font-size:13px}.offer-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:22px}.offer-foot .money{font-size:19px}.offer-detail{max-width:630px;margin:auto}.offer-detail .detail-photo{position:relative;height:330px}.offer-detail h1{margin:20px 0}.cart-layout{display:grid;grid-template-columns:1.4fr 1fr;gap:28px;align-items:start}.cart-items{display:grid;gap:14px}.cart-item{padding:17px;display:flex;gap:18px}.cart-photo{width:110px;height:115px;display:flex;flex:none;align-items:center;justify-content:center}.cart-photo img{width:100%;height:100%;object-fit:contain}.cart-info{flex:1;min-width:0}.cart-info h3{margin:0 0 4px}.cart-info p{color:var(--muted);font-size:12px;margin:0 0 7px;overflow-wrap:anywhere}.cart-actions{display:flex;align-items:center;gap:12px;margin-top:12px}.cart-actions .stepper{gap:9px}.cart-actions .stepper button{height:29px;width:29px}.text-button{background:none;border:0;color:var(--muted);padding:6px;font-size:12px;display:flex;gap:5px;align-items:center}.text-button svg{width:17px;height:17px}.text-button.danger{color:#f2917b;margin-inline-start:auto}.summary{padding:23px;position:sticky;top:22px}.summary-row{display:flex;justify-content:space-between;align-items:baseline;gap:16px;font-size:13px;margin-bottom:17px}.summary-row small{text-align:end;font-size:11px;max-width:160px}.summary-row.total{border-top:1px solid var(--edge);padding-top:20px;margin-top:8px;font-weight:700}.summary>.btn{margin-top:10px}.summary .money{font-size:15px}.summary-note{color:var(--muted);font-size:11px;text-align:center;line-height:1.7;margin:15px 0 0}.add-more{padding:17px;display:flex;align-items:center;gap:10px;color:#ffaf4c;font-size:13px}.checkout{max-width:620px;margin:auto}.segmented{display:flex;gap:5px;padding:5px;margin-bottom:20px}.segmented button{flex:1;background:none;border:0;border-radius:14px;padding:13px;display:flex;align-items:center;justify-content:center;gap:10px;color:var(--muted)}.segmented .active{background:linear-gradient(130deg,#ffb22b,#ff790d);color:#fff}.form-fields{padding:22px;display:grid;grid-template-columns:1fr 1fr;gap:19px}.field.full{grid-column:1/-1}.checkout .summary{position:static;margin-top:18px}.checkout details{padding:18px;margin-top:18px}.checkout summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px}.checkout details ul{padding-inline-start:19px;color:var(--muted);font-size:13px}.whatsapp-note{font-size:11px;text-align:center;color:var(--muted);line-height:1.7;margin:13px 0 0}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:25px}.contact-brand{text-align:center;padding:30px}.contact-brand img{height:160px;object-fit:contain;margin:auto;mix-blend-mode:screen}.contact-rows{padding:12px 22px}.contact-row{display:flex;gap:15px;padding:19px 0;border-bottom:1px solid var(--edge);font-size:14px}.contact-row:last-child{border:0}.contact-row svg{color:var(--orange)}.contact-row p{margin:4px 0 0;color:var(--muted);font-size:12px}.contact-brand .btn{margin:10px 0}.video-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:25px}.video-grid video{width:100%;max-height:380px;border-radius:20px;background:#1b1814;object-fit:contain}.hint{font-size:12px;color:var(--muted);line-height:1.7}.skip{position:fixed;top:-80px;left:10px;background:#fff;color:#000;padding:15px;z-index:100}.skip:focus{top:10px}.footer-note{text-align:center;color:#9c9287;font-size:10px;margin-top:30px}html[lang=ar] h1,html[lang=ar] h2{letter-spacing:0}
@media(max-width:800px){.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.detail-layout{gap:22px}.cart-layout{grid-template-columns:1fr}.summary{position:static}.contact-layout{grid-template-columns:1fr}.detail-photo{height:400px}.offer-image{height:230px}}
@media(max-width:560px){.header{height:88px;padding:13px 19px;gap:8px}.brand>span{font-size:28px}.brand small{font-size:10px;letter-spacing:3.7px}.header-actions{gap:9px}.header-cart{padding:9px}.language button{min-width:37px;padding:6px 7px;font-size:11px}main{padding:14px 16px 144px}h1{font-size:31px;margin-bottom:20px}.category{min-width:81px;padding:12px 8px;font-size:10px;border-radius:15px;gap:6px}.categories{gap:7px;margin-bottom:18px}.promo{min-height:190px;border-radius:20px;margin-bottom:25px;grid-template-columns:.85fr 1.15fr}.promo-copy{padding:18px 0 18px 18px}[dir=rtl] .promo-copy{padding:18px 18px 18px 0}.promo h2{font-size:22px}.promo p:not(.eyebrow){font-size:11px;line-height:1.5;margin-bottom:12px}.eyebrow{font-size:9px;letter-spacing:1px}.promo img{height:207px;padding:8px}.promo .btn{font-size:11px;padding:10px 12px;min-height:38px;border-radius:11px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.product{border-radius:18px}.product-image{height:150px;padding:12px}.product h3{font-size:13px;padding-inline-end:0;margin-bottom:8px}.product-info{padding:0 11px 17px}.product-info .money{font-size:11px;gap:2px;padding-inline-end:26px}.product-info .money small{font-size:8px}.plus{height:29px;width:29px;inset-inline-end:9px;bottom:14px}.product .plus svg{height:16px;width:16px}.section-title h2{font-size:22px}.section-title small{font-size:10px}.section-title{margin-top:23px}.search{padding:12px 14px}.detail-layout{display:block}.detail-photo{position:static;height:290px;padding:20px}.detail-heading h1{font-size:25px}.detail-description{font-size:12px}.customize{padding:17px}.combo-row h3{font-size:17px}.purchase{position:sticky;bottom:100px;z-index:15;background:#33271ff5;backdrop-filter:blur(12px);padding:10px;gap:9px;box-shadow:0 7px 30px #0005}.stepper{gap:10px}.stepper button{height:32px;width:32px}.purchase .btn{font-size:12px;min-height:49px;padding:9px 7px}.purchase .money{font-size:12px}.purchase .money small{font-size:8px}.offer-grid{grid-template-columns:1fr;gap:20px}.offer-image{height:235px}.offer-body{padding:0 20px 22px}.offer h2{font-size:23px}.offer-foot .money{font-size:19px}.offer-foot .btn{font-size:12px;padding:11px 15px}.cart-item{padding:13px;gap:13px}.cart-photo{width:90px;height:115px}.cart-info h3{font-size:15px}.cart-actions{gap:5px}.cart-actions .stepper{gap:6px}.cart-actions .stepper button{width:27px;height:27px}.text-button{font-size:10px;padding:5px}.text-button svg{width:15px;height:15px}.form-fields{grid-template-columns:1fr;padding:18px;gap:16px}.field.full{grid-column:auto}.summary{padding:20px}.summary-row{font-size:12px}.summary .money{font-size:14px}.contact-brand{padding:22px}.video-grid video{max-height:290px}.bottom-nav{padding-top:6px}.bottom-nav a{font-size:10px}.floating-cart{bottom:99px}.floating-cart strong,.floating-cart .money{font-size:11px}.offer-detail .detail-photo{height:290px}}
.product>a{height:100%;display:flex;flex-direction:column}.product-info{flex:1;display:flex;flex-direction:column}.product-description{font-size:11px;line-height:1.65;color:var(--muted);margin:0 0 14px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.product-info>.money{margin-top:auto}.product-info h3{padding-inline-end:0}.detail-description{white-space:normal}
/* Separate layout cells keep the LTR price and RTL action from overlapping. */
.product{display:flex;flex-direction:column}.product>a{height:auto;flex:1}.product-info{padding-bottom:0}.product-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 15px 17px;min-width:0}.product-bottom .money{font-size:13px;unicode-bidi:isolate;padding:0;min-width:0}.product-bottom .money small{font-size:9px}.product-bottom .plus{position:static;inset:auto;flex:0 0 34px;width:34px;height:34px}.product-description{margin-bottom:3px}.header{direction:ltr;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:8px;height:170px;padding-block:17px}.header .brand{grid-column:2;grid-row:1;justify-self:center;display:block}.brand img{width:175px;height:128px;object-fit:contain;mix-blend-mode:screen}.header-actions{display:contents}.header .language{grid-column:1;grid-row:1;justify-self:start}.header .header-cart{grid-column:3;grid-row:1;justify-self:end}.contact-brand img{content:url('assets/alseyyad-logo-centered.webp')}.purchase .btn{min-width:0}.promo-copy{min-width:0}.promo h2{overflow-wrap:normal}.promo .eyebrow{overflow-wrap:anywhere}
@media(max-width:560px){.header{height:145px;padding:12px 16px}.brand img{width:clamp(116px,35vw,145px);height:115px}.language button{min-width:30px;padding:6px 7px}.product-bottom{padding:10px 11px 15px;gap:6px}.product-bottom .money{font-size:11px;padding:0;gap:3px}.product-bottom .money small{font-size:8px}.product-bottom .plus{flex-basis:29px;width:29px;height:29px}.purchase .btn{line-height:1.7}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}