/* Sanad 1.0.217 — ten real storefront identities. Scoped to store mode so restaurant menus never inherit them. */
.public-mode-store{--st-accent:#2563eb;--st-accent2:#06b6d4;--st-bg:#f7f9fc;--st-card:#fff;--st-ink:#0f172a;--st-muted:#64748b;--st-line:#e2e8f0;background:var(--st-bg);color:var(--st-ink)}
.public-mode-store .topbar{background:color-mix(in srgb,var(--st-card) 94%,transparent);border-color:var(--st-line)}
.public-mode-store .brand strong{color:var(--st-ink)}.public-mode-store .brand small{color:var(--st-muted)}
.site-mode-store.template-2,.site-mode-store.template-3,.site-mode-store.template-4,.site-mode-store.template-5,.site-mode-store.template-6,.site-mode-store.template-7,.site-mode-store.template-8,.site-mode-store.template-9,.site-mode-store.template-10{--accent:var(--st-accent);background:var(--st-bg);min-height:70vh}
.site-mode-store.template-2 .store1-welcome-inner,.site-mode-store.template-3 .store1-welcome-inner,.site-mode-store.template-4 .store1-welcome-inner,.site-mode-store.template-5 .store1-welcome-inner,.site-mode-store.template-6 .store1-welcome-inner,.site-mode-store.template-7 .store1-welcome-inner,.site-mode-store.template-8 .store1-welcome-inner,.site-mode-store.template-9 .store1-welcome-inner,.site-mode-store.template-10 .store1-welcome-inner{min-height:390px;padding:48px 54px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:36px;overflow:hidden;position:relative;background:var(--hero);color:var(--hero-ink,#fff);border:var(--hero-border,0);border-radius:var(--hero-radius,30px);box-shadow:var(--hero-shadow,0 24px 60px #0f172a1f)}
.site-mode-store:not(.template-1) .store1-welcome{padding:28px 0 12px}.site-mode-store:not(.template-1) .store1-copy{position:relative;z-index:3}.site-mode-store:not(.template-1) .store1-kicker{display:inline-flex;align-items:center;gap:8px;padding:8px 13px;border-radius:999px;background:var(--tag-bg,#ffffff16);border:1px solid var(--tag-line,#ffffff2c);font-size:12px;font-weight:800}.site-mode-store:not(.template-1) .store1-kicker b{width:8px;height:8px;border-radius:50%;background:var(--st-accent2)}.site-mode-store:not(.template-1) .store1-copy h1{font-size:46px;line-height:1.24;margin:15px 0 11px}.site-mode-store:not(.template-1) .store1-copy h1 b{color:var(--hero-mark,#8be9ee)}.site-mode-store:not(.template-1) .store1-copy p{color:var(--hero-muted,#d4deec);line-height:1.95;margin:0}.site-mode-store:not(.template-1) .store1-actions{display:flex;gap:10px;margin-top:23px}.site-mode-store:not(.template-1) .store1-actions a,.site-mode-store:not(.template-1) .store1-actions button{padding:12px 19px;border-radius:var(--button-radius,13px);font:800 13px Cairo;border:1px solid var(--tag-line,#ffffff30);cursor:pointer}.site-mode-store:not(.template-1) .store1-actions a{background:var(--st-accent);color:var(--button-ink,#fff);border-color:var(--st-accent)}.site-mode-store:not(.template-1) .store1-actions button{background:var(--tag-bg,#ffffff10);color:inherit}.site-mode-store:not(.template-1) .store1-trust{display:flex;gap:15px;flex-wrap:wrap;margin-top:20px;color:var(--hero-muted,#bdc9da);font-size:11px}.site-mode-store:not(.template-1) .store1-trust i{color:var(--st-accent2);font-style:normal}.site-mode-store:not(.template-1) .store1-visual{height:285px;position:relative}.site-mode-store:not(.template-1) .store1-showcase{position:absolute;width:88%;height:260px;right:3%;top:4px;background:var(--mock-bg,#fff);color:var(--st-ink);padding:13px;border-radius:var(--mock-radius,24px);box-shadow:0 28px 60px #0005;transform:var(--mock-transform,rotate(-2deg));border:var(--mock-border,1px solid #ffffff66)}.site-mode-store:not(.template-1) .store1-showcase-head{height:22px;display:flex;gap:5px}.site-mode-store:not(.template-1) .store1-showcase-head span{width:7px;height:7px;border-radius:50%;background:#cbd5e1}.site-mode-store:not(.template-1) .store1-showcase-body{height:168px;display:grid;grid-template-columns:1.2fr .8fr;gap:8px}.site-mode-store:not(.template-1) .store1-product-stack{display:grid;gap:8px}.site-mode-store:not(.template-1) .store1-product-shot{display:grid;place-items:center;align-content:center;gap:4px;border-radius:var(--tile-radius,14px);background:var(--tile-bg,#eef4ff);border:1px solid var(--st-line);color:var(--st-accent)}.site-mode-store:not(.template-1) .store1-product-shot span{font-size:29px}.site-mode-store:not(.template-1) .store1-product-shot.large span{font-size:52px}.site-mode-store:not(.template-1) .store1-product-shot small{font-size:10px;color:var(--st-muted)}.site-mode-store:not(.template-1) .store1-showcase-bottom{height:39px;margin-top:9px;padding:0 13px;display:flex;align-items:center;justify-content:space-between;background:var(--st-ink);color:#fff;border-radius:var(--tile-radius,12px);font-size:10px}.site-mode-store:not(.template-1) .store1-showcase-bottom span{color:var(--st-accent2);font-size:15px;font-weight:900}.site-mode-store:not(.template-1) .store1-float-card{position:absolute;z-index:5;background:var(--mock-bg,#fff);color:var(--st-ink);padding:10px 12px;border-radius:var(--tile-radius,13px);box-shadow:0 14px 30px #0004}.site-mode-store:not(.template-1) .card-price{left:0;bottom:0;display:grid}.site-mode-store:not(.template-1) .card-price small{font-size:9px;color:var(--st-muted)}.site-mode-store:not(.template-1) .card-price strong{font-size:12px}.site-mode-store:not(.template-1) .card-cart{right:-3px;top:27px;font-size:11px}.site-mode-store:not(.template-1) .store1-features{padding:9px 0}.site-mode-store:not(.template-1) .store1-features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.site-mode-store:not(.template-1) .store1-features-grid>div{display:flex;align-items:center;gap:10px;padding:14px;background:var(--st-card);border:1px solid var(--st-line);border-radius:var(--card-radius,17px);box-shadow:var(--card-shadow,0 7px 22px #0f172a0d)}.site-mode-store:not(.template-1) .store1-features i{width:36px;height:36px;display:grid;place-items:center;border-radius:var(--tile-radius,11px);background:color-mix(in srgb,var(--st-accent) 12%,var(--st-card));color:var(--st-accent);font-style:normal;font-weight:900}.site-mode-store:not(.template-1) .store1-features span{display:grid}.site-mode-store:not(.template-1) .store1-features b{font-size:12px}.site-mode-store:not(.template-1) .store1-features small{font-size:10px;color:var(--st-muted)}
.site-mode-store:not(.template-1) .section-heading{padding:20px 22px;border:1px solid var(--st-line);background:var(--st-card);border-radius:var(--card-radius,20px);box-shadow:var(--card-shadow,0 8px 25px #0f172a0c)}.site-mode-store:not(.template-1) .section-heading h1{font-size:30px;color:var(--st-ink)}.site-mode-store:not(.template-1) .section-heading span{color:var(--st-accent)}.site-mode-store:not(.template-1) .search-wrap input{background:var(--st-bg);border-color:var(--st-line);color:var(--st-ink);border-radius:var(--button-radius,14px)}.site-mode-store:not(.template-1) .category-tabs button{background:var(--st-card);border-color:var(--st-line);color:var(--st-ink);border-radius:var(--pill-radius,999px)}.site-mode-store:not(.template-1) .category-tabs button.active{background:var(--st-accent);border-color:var(--st-accent);color:var(--button-ink,#fff)}.site-mode-store:not(.template-1) .items-grid{grid-template-columns:repeat(4,1fr);gap:16px}.site-mode-store:not(.template-1) .food-card{background:var(--st-card);border-color:var(--st-line);border-radius:var(--card-radius,20px);box-shadow:var(--card-shadow,0 9px 26px #0f172a0d)}.site-mode-store:not(.template-1) .food-img{height:195px;background:var(--tile-bg,#eef2f7)}.site-mode-store:not(.template-1) .heart{background:var(--st-card);color:var(--st-ink)}.site-mode-store:not(.template-1) .image-cart{background:var(--st-accent);color:var(--button-ink,#fff);border-radius:var(--button-radius,12px)}.site-mode-store:not(.template-1) .food-body small,.site-mode-store:not(.template-1) .unit-cards button strong{color:var(--st-accent)}.site-mode-store:not(.template-1) .food-body h3{color:var(--st-ink)}.site-mode-store:not(.template-1) .ingredients-btn,.site-mode-store:not(.template-1) .unit-cards button,.site-mode-store:not(.template-1) .public-variant-box{background:var(--st-bg);border-color:var(--st-line);color:var(--st-ink);border-radius:var(--button-radius,11px)}.site-mode-store:not(.template-1) .unit-cards button em{background:var(--st-accent);color:var(--button-ink,#fff)}
/* 2 — dark luxury */
.public-mode-store.public-template-2{--st-bg:#0b0f17;--st-card:#121925;--st-ink:#f3f4f6;--st-muted:#94a3b8;--st-line:#283346;--st-accent:#21d4b4;--st-accent2:#22d3ee}.site-mode-store.template-2{--hero:radial-gradient(circle at 80% 25%,#123c42,transparent 35%),linear-gradient(135deg,#090d14,#111c2c);--hero-mark:#2dd4bf;--tile-bg:#172231;--mock-bg:#101825;--card-shadow:0 15px 35px #0005}.public-template-2 .footer{background:#070a10}.public-template-2 .bottom-nav{background:#101722;border-color:#283346;color:#fff}
/* 3 — minimal */
.public-mode-store.public-template-3{--st-bg:#f8fafc;--st-card:#fff;--st-ink:#0f172a;--st-muted:#64748b;--st-line:#e2e8f0;--st-accent:#0f172a;--st-accent2:#0ea5e9}.site-mode-store.template-3{--hero:linear-gradient(120deg,#fff,#edf4fa);--hero-ink:#0f172a;--hero-muted:#64748b;--hero-mark:#0ea5e9;--tag-bg:#e0f2fe;--tag-line:#bae6fd;--card-radius:13px;--tile-radius:10px;--button-radius:10px;--card-shadow:none;--mock-border:1px solid #dce5ef}.public-template-3 .footer{background:#0f172a}
/* 4 — responsive app */
.public-mode-store.public-template-4{--st-bg:#f3f4f6;--st-card:#fff;--st-ink:#111827;--st-muted:#6b7280;--st-line:#e5e7eb;--st-accent:#4f46e5;--st-accent2:#8b5cf6}.site-mode-store.template-4{--hero:linear-gradient(135deg,#4338ca,#7c3aed);--hero-mark:#fbbf24;--card-radius:22px;--tile-radius:16px;--button-radius:15px}.public-template-4 .bottom-nav{background:#fff}
/* 5 — native mobile */
.public-mode-store.public-template-5{--st-bg:#f8fafc;--st-card:#fff;--st-ink:#0f172a;--st-muted:#94a3b8;--st-line:#e2e8f0;--st-accent:#2563eb;--st-accent2:#14b8a6}.site-mode-store.template-5{max-width:480px;margin:auto;box-shadow:0 0 60px #0f172a25;--hero:linear-gradient(150deg,#dbeafe,#ecfeff);--hero-ink:#0f172a;--hero-muted:#64748b;--hero-mark:#2563eb;--tag-bg:#fff;--tag-line:#bfdbfe;--card-radius:24px;--tile-radius:18px}.site-mode-store.template-5 .container{width:calc(100% - 28px)}.site-mode-store.template-5 .store1-welcome-inner{grid-template-columns:1fr;min-height:330px;padding:32px 24px}.site-mode-store.template-5 .store1-visual{display:none}.site-mode-store.template-5 .items-grid{grid-template-columns:repeat(2,1fr)}.public-template-5 .topbar,.public-template-5 .footer{max-width:480px;margin:auto}.public-template-5 .bottom-nav{max-width:480px;margin:auto}
/* 6 — phone frame */
.public-mode-store.public-template-6{--st-bg:#0f172a;--st-card:#fff;--st-ink:#0f172a;--st-muted:#64748b;--st-line:#e2e8f0;--st-accent:#6366f1;--st-accent2:#14b8a6}.site-mode-store.template-6{max-width:430px;margin:24px auto;background:#f8fafc;border:7px solid #1e293b;border-radius:42px;overflow:hidden;box-shadow:0 30px 80px #0008;--hero:linear-gradient(145deg,#eef2ff,#ecfeff);--hero-ink:#0f172a;--hero-muted:#64748b;--hero-mark:#4f46e5;--tag-bg:#fff;--tag-line:#c7d2fe;--card-radius:22px;--tile-radius:16px}.site-mode-store.template-6 .container{width:calc(100% - 26px)}.site-mode-store.template-6 .store1-welcome-inner{grid-template-columns:1fr;min-height:315px;padding:28px 21px}.site-mode-store.template-6 .store1-visual{display:none}.site-mode-store.template-6 .store1-features-grid{grid-template-columns:1fr 1fr}.site-mode-store.template-6 .items-grid{grid-template-columns:1fr 1fr}.site-mode-store.template-6 .food-img{height:145px}.public-template-6 .topbar{position:relative;background:#fff}.public-template-6 .footer{max-width:430px;margin:auto}.public-template-6 .bottom-nav{max-width:430px;margin:auto}
/* 7 — neon social commerce */
.public-mode-store.public-template-7{--st-bg:#0b0f19;--st-card:#111827;--st-ink:#f8fafc;--st-muted:#94a3b8;--st-line:#273449;--st-accent:#818cf8;--st-accent2:#ec4899}.site-mode-store.template-7{max-width:440px;margin:24px auto;border:6px solid #1e293b;border-radius:48px;overflow:hidden;box-shadow:0 0 55px #6366f140;--hero:radial-gradient(circle at 80% 10%,#581c87,transparent 34%),linear-gradient(145deg,#111827,#172554);--hero-mark:#f472b6;--mock-bg:#0f172a;--tile-bg:#1e293b;--card-radius:25px;--tile-radius:18px}.site-mode-store.template-7 .container{width:calc(100% - 28px)}.site-mode-store.template-7 .store1-welcome-inner{grid-template-columns:1fr;min-height:340px;padding:30px 22px}.site-mode-store.template-7 .store1-visual{display:none}.site-mode-store.template-7 .store1-features-grid,.site-mode-store.template-7 .items-grid{grid-template-columns:1fr 1fr}.site-mode-store.template-7 .food-img{height:145px}.public-template-7 .topbar,.public-template-7 .footer{max-width:440px;margin:auto;background:#0f172a}.public-template-7 .bottom-nav{max-width:440px;margin:auto;background:#111827;border-color:#273449;color:#fff}
/* 8 — black / acid */
.public-mode-store.public-template-8{--st-bg:#050505;--st-card:#111;--st-ink:#f5f5f5;--st-muted:#a1a1aa;--st-line:#303030;--st-accent:#ccff00;--st-accent2:#fff;--button-ink:#000}.site-mode-store.template-8{max-width:440px;margin:24px auto;border:4px solid #27272a;border-radius:40px;overflow:hidden;box-shadow:0 0 60px #ccff0022;--hero:linear-gradient(145deg,#171717,#090909);--hero-mark:#ccff00;--mock-bg:#171717;--tile-bg:#222;--card-radius:8px;--tile-radius:5px;--button-radius:5px;--pill-radius:5px;--hero-radius:10px;--card-shadow:4px 4px 0 #ccff00}.site-mode-store.template-8 .container{width:calc(100% - 28px)}.site-mode-store.template-8 .store1-welcome-inner{grid-template-columns:1fr;min-height:335px;padding:30px 22px}.site-mode-store.template-8 .store1-visual{display:none}.site-mode-store.template-8 .store1-features-grid,.site-mode-store.template-8 .items-grid{grid-template-columns:1fr 1fr}.site-mode-store.template-8 .food-img{height:145px}.public-template-8 .topbar,.public-template-8 .footer{max-width:440px;margin:auto;background:#090909}.public-template-8 .bottom-nav{max-width:440px;margin:auto;background:#111;border-color:#333;color:#fff}
/* 9 — warm editorial */
.public-mode-store.public-template-9{--st-bg:#fff8ed;--st-card:#fffdf8;--st-ink:#372d24;--st-muted:#8a7563;--st-line:#eadccb;--st-accent:#c05a36;--st-accent2:#638b5c}.site-mode-store.template-9{--hero:linear-gradient(125deg,#f5e4ca,#fff8ed);--hero-ink:#372d24;--hero-muted:#765f4e;--hero-mark:#c05a36;--tag-bg:#fffaf2;--tag-line:#d9c4ad;--mock-bg:#fffdf8;--tile-bg:#f2e6d5;--hero-radius:80px 20px 80px 20px;--card-radius:28px 8px 28px 8px;--tile-radius:22px 6px 22px 6px;--button-radius:999px;--card-shadow:0 13px 30px #65432114}.public-template-9 .footer{background:#372d24}
/* 10 — bold neo-brutal (index + supplied theme.css) */
.public-mode-store.public-template-10{--st-bg:#f3efe5;--st-card:#fffdf8;--st-ink:#161510;--st-muted:#6e685c;--st-line:#161510;--st-accent:#161510;--st-accent2:#ee4c30}.site-mode-store.template-10{--hero:#fffdf8;--hero-ink:#161510;--hero-muted:#5f594f;--hero-mark:#ee4c30;--tag-bg:#dfff45;--tag-line:#161510;--hero-border:2px solid #161510;--hero-radius:0;--hero-shadow:10px 10px 0 #161510;--mock-bg:#dfff45;--mock-border:3px solid #161510;--mock-radius:50%;--mock-transform:rotate(6deg);--tile-bg:#cdd7ff;--card-radius:0;--tile-radius:0;--button-radius:0;--pill-radius:0;--card-shadow:6px 6px 0 #161510;--button-ink:#fff}.site-mode-store.template-10 .food-card,.site-mode-store.template-10 .section-heading,.site-mode-store.template-10 .store1-features-grid>div{border-width:2px}.site-mode-store.template-10 .food-card:hover{transform:translate(-4px,-4px)}.public-template-10 .topbar{border-bottom:2px solid #161510;background:#dfff45}.public-template-10 .footer{background:#ee4c30;border-top:2px solid #161510}.public-template-10 .bottom-nav{background:#fffdf8;border-top:2px solid #161510}
@media(max-width:1050px){.site-mode-store:not(.template-1) .items-grid{grid-template-columns:repeat(3,1fr)}.site-mode-store:not(.template-1) .store1-features-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.site-mode-store:not(.template-1) .store1-welcome-inner{grid-template-columns:1fr;min-height:0;padding:31px 24px}.site-mode-store:not(.template-1) .store1-copy h1{font-size:33px}.site-mode-store:not(.template-1) .store1-visual{display:none}.site-mode-store:not(.template-1) .items-grid{grid-template-columns:repeat(2,1fr)}.site-mode-store:not(.template-1) .food-card{display:block}.site-mode-store:not(.template-1) .section-heading{display:block}.site-mode-store:not(.template-1) .search-wrap input{width:100%;margin-top:12px}}
@media(max-width:500px){.site-mode-store:not(.template-1) .items-grid{gap:10px}.site-mode-store:not(.template-1) .food-img{height:150px}.site-mode-store:not(.template-1) .food-body{padding:11px}.site-mode-store:not(.template-1) .food-body h3{font-size:15px}.site-mode-store:not(.template-1) .store1-features small{display:none}.site-mode-store.template-10 .items-grid,.site-mode-store.template-9 .items-grid{grid-template-columns:1fr}}