.shops-shell{color:#173f34;max-width:1000px;margin:auto;padding:28px}.shops-shell header{justify-content:space-between;display:flex}.shops-shell section{background:#fff;border:1px solid #d6ddce;border-radius:18px;margin:24px 0;padding:28px}.shops-shell h1{font-size:36px}.shops-shell h2{font-size:26px}.shops-shell p,.shops-shell h3{overflow-wrap:anywhere;line-height:1.7}.shops-shell label{gap:8px;margin:16px 0;display:grid}.shops-shell input,.shops-shell textarea,.shops-shell select{font:inherit;min-width:0;max-width:100%;color:inherit;background:#fff;border:1px solid #9fb4ab;border-radius:6px;padding:12px}.shops-shell button{font:inherit;color:#fff;cursor:pointer;background:#173f34;border:0;border-radius:6px;margin:6px;padding:12px 16px}.shops-shell button:disabled{opacity:.5;cursor:default}.shops-shell fieldset{border:0;min-width:0;padding:0}.shops-shell .shop-check{align-items:center;gap:12px;display:flex}.shop-list,.shop-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.shop-list article{border:1px solid #d6ddce;border-radius:10px;padding:16px}.shops-shell .hours-day{border-block-start:1px solid #d6ddce;margin:20px 0;padding:14px 0}.hours-day legend{font-weight:700}.hours-interval{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.shop-error{background:#fff0ed;border-inline-start:4px solid #9e352b;padding:16px}.shop-success{background:#edf5e8;padding:16px}.shops-shell :focus-visible{outline-offset:3px;outline:3px solid #729c8a}@media (max-width:600px){.shops-shell,.shops-shell section{padding:16px}.shops-shell h1{font-size:28px}}html[lang=ar] .shops-shell{font-family:Tahoma,Arial,sans-serif}
.shops-shell>h1{font-family:Georgia,serif;font-size:clamp(2.7rem,6vw,5rem)}.shops-shell input,.shops-shell textarea,.shops-shell select{color:#fff;background:#101317;border-color:#ffffff36}.shops-shell button{color:#17110a;background:#e5ad3c;border-radius:999px;font-weight:900}.shops-shell h2,.shops-shell h3,.shops-shell label{color:#fff7e8}.shops-shell :focus-visible{outline-color:#f2bd4b}.shops-shell{color:#251f18}.shops-shell>header{background:#fffdf9;border:1px solid #d9cdbb;border-radius:18px;padding:22px 26px}.shops-shell section{background:#fffdf9;border-color:#d9cdbb;box-shadow:0 8px 24px #4230140f}.shops-shell input,.shops-shell textarea,.shops-shell select{color:#1d1b18;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#fff;border-color:#9f9588}.shops-shell button{color:#fff;box-shadow:none;background:#8a5908;border-radius:8px}.shop-list article{background:#f7f1e6;border-color:#d9cdbb;padding:18px}.shops-shell .shop-success{color:#245a37;background:#e9f4ec}.shops-shell .shop-error{color:#8c2722;background:#fdebea}body:has(.shops-shell){color:#fff;background:#090d11}.shops-shell{color:#f8f4eb!important;max-width:1540px!important}.shops-shell>header{background:#0a0e12e8!important;border-color:#d7a93655!important}.shops-shell>header a,.shops-shell>a{color:#f3cb69}.shops-shell>h1{margin-bottom:4px}.shops-shell>label{max-width:520px;margin:20px 0}.shops-shell section{color:#f8f4eb!important;background:linear-gradient(145deg,#151b21,#0b0f13)!important;border:1px solid #d7a93655!important;box-shadow:0 18px 55px #0007!important}.shops-shell :is(h1,h2,h3,label){color:#f8f4eb!important}.shops-shell p{color:#bfc4c8}.shops-shell input,.shops-shell textarea,.shops-shell select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#fff!important;background:#11171d!important;border:1px solid #5f6770!important}.shops-shell button{font-weight:900;color:#171009!important;background:#e8b13c!important;border:1px solid #e5b746!important}.shop-launcher{padding:26px!important}.shop-launcher>div:first-child h2{margin:0}.shop-create-choices{flex-wrap:wrap;gap:12px;display:flex}.shop-create-choices button{min-width:210px}.shop-list article{background:#12171c!important;border-color:#ffffff24!important}.shop-setup-stage{overflow:hidden;padding:0!important}.shop-setup-steps{background:#0a0e12;border-bottom:1px solid #ffffff1c;grid-template-columns:repeat(4,1fr);gap:10px;margin:0;padding:20px 28px;list-style:none;display:grid}.shop-setup-steps li{color:#9ca3aa;align-items:center;gap:9px;font-size:.82rem;display:flex}.shop-setup-steps b{border:1px solid #66707a;border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.shop-setup-steps .active{color:#f5d06e}.shop-setup-steps .active b{color:#171009;background:#edb540;border-color:#ffe5a0;box-shadow:0 0 16px #e5ad39}.shop-setup-title{padding:24px 28px 5px}.shop-setup-title>p{letter-spacing:.25em;margin:0;font-size:.68rem;color:#e6b847!important}.shop-setup-title h2{margin:5px 0;font-family:Georgia,serif;font-size:2.4rem}.shop-setup-layout{grid-template-columns:minmax(0,1.55fr) minmax(300px,.75fr);gap:18px;padding:18px 28px 30px;display:grid}.shop-setup-form form>fieldset{grid-template-columns:1fr 1fr;gap:17px;padding:0;display:grid}.shop-setup-form form>fieldset>p,.shop-setup-form form>fieldset>.shop-primary-action{grid-column:1/-1}.shop-setup-form form>fieldset>div{gap:14px;display:grid}.shop-setup-form label{gap:7px;display:grid}.shop-setup-form textarea{resize:vertical;min-height:94px}.shop-setup-form input,.shop-setup-form textarea,.shop-setup-form select{border-radius:10px!important;padding:12px!important}.shop-privacy{background:#ffffff08;border-inline-start:3px solid #e7b640;padding:12px}.shop-primary-action{min-height:52px;border-radius:999px!important}.shop-live-preview{background:#0a0e12;border:1px solid #d9ad44;border-radius:18px;align-self:start;gap:12px;padding:18px;display:grid;position:sticky;top:18px}.shop-live-preview>p{letter-spacing:.13em;margin:0;font-weight:900;color:#f1c65e!important}.shop-preview-cover{background:linear-gradient(#0000,#0008),url(/showcase/home-0.webp) 50%/cover;border-radius:12px;height:190px}.restaurant-setup .shop-preview-cover{background-image:linear-gradient(#0000,#0008),url(/showcase/restaurant-0.jpg)}.shop-live-preview>img{object-fit:contain;margin-top:-48px;background:#080b0e;border:1px solid #d9ad44;border-radius:50%;width:70px;height:70px;margin-inline-start:18px;padding:8px}.shop-live-preview h3{margin:0;font-size:1.5rem}.shop-live-preview span{color:#c3c7ca;line-height:1.6}.shop-live-preview small{color:#e7bd58}.shop-live-preview a{color:#171009;background:#e8b13c;border-radius:999px;justify-content:center;padding:13px;font-weight:900;display:flex}.shops-shell .shop-categories{padding:26px!important}.shops-shell section:has(.branch-editor){padding:26px!important}.shops-shell .hours-day{border-color:#fff2!important}@media (max-width:900px){.shop-setup-layout{grid-template-columns:1fr}.shop-live-preview{position:static}.shop-setup-form form>fieldset{grid-template-columns:1fr}.shop-setup-form form>fieldset>p,.shop-setup-form form>fieldset>.shop-primary-action{grid-column:auto}.shop-setup-steps{overflow:auto}.shop-setup-steps li{min-width:140px}}@media (max-width:560px){.shop-setup-layout,.shop-setup-title{padding-inline:16px}.shop-setup-steps{grid-template-columns:repeat(4,140px);padding-inline:16px}.shop-create-choices button{width:100%}}.shops-shell{box-sizing:border-box;width:100%;overflow-x:clip}.shops-shell .reference-brand img{object-fit:contain;object-position:left center;width:220px;height:52px;display:block}.shops-shell>header nav{align-items:center;gap:18px;display:flex}.shop-page-intro{padding:34px 4px 18px}.shop-page-intro>p{letter-spacing:.22em;margin:0;font-size:.7rem;font-weight:900;color:#e7b744!important}.shop-page-intro h1{margin:.15em 0;font-family:Georgia,serif;font-size:clamp(2.8rem,6vw,5.6rem);line-height:1}.shop-page-intro span{color:#c3c7ca}.restaurant-next-actions{flex-wrap:wrap;gap:8px;padding:0 28px 16px;display:flex}.restaurant-next-actions a{color:#f1c760;background:#0c1115;border:1px solid #d7a93666;border-radius:999px;padding:10px 13px;font-weight:800}.branch-section-heading{justify-content:space-between;align-items:start;gap:18px;display:flex}.branch-section-heading h2{margin:0}.branch-section-heading>div p{color:#bfc4c8;margin:.4rem 0}.branch-section-heading>span{color:#ffd57a;background:#3b2710;border-radius:999px;padding:7px 10px;font-size:.75rem;font-weight:800}.restaurant-setup-shell section#restaurant-location{scroll-margin-top:20px}.restaurant-setup-shell .shop-launcher{background:linear-gradient(90deg,#151b21,#0b0f13),url(/showcase/restaurant-storefront-hero-v2.webp) 100%/auto 100% no-repeat!important}.restaurant-setup-shell .shop-launcher>div:first-child{max-width:650px}.shop-first-step{gap:10px;max-width:620px;display:grid}.shop-first-step :is(h2,p){margin:0}.shop-first-step .shop-primary-action{color:#171009;background:#e8b13c;align-items:center;width:max-content;max-width:100%;padding:14px 20px;font-weight:900;text-decoration:none;display:inline-flex}@media (max-width:600px){.shops-shell>header{justify-content:stretch;align-items:start;gap:12px;min-height:0;padding:16px;height:auto!important;display:grid!important}.shops-shell>header nav{flex-wrap:wrap;gap:8px;width:100%;margin:0}.shops-shell>header nav a{border:1px solid #d7a93655;border-radius:999px;padding:8px 10px}.shops-shell .reference-brand img{width:165px;height:42px}.shop-page-intro{padding-top:24px}.shop-page-intro h1{font-size:2.65rem}.branch-section-heading{display:grid}.restaurant-next-actions{padding-inline:16px}.shop-first-step .shop-primary-action{box-sizing:border-box;text-align:center;overflow-wrap:anywhere;justify-content:center;width:100%}}
.restaurant-setup-shell{background:linear-gradient(90deg,#080c10f2,#080c10d9),url(/showcase/restaurant-0.jpg) top/cover fixed;max-width:none!important;padding:0 24px 48px!important}.restaurant-setup-shell>header{margin-inline:-24px;border-width:0 0 1px!important;border-radius:0!important;padding-inline:36px!important}.restaurant-setup-shell .reference-brand{align-items:center;gap:10px;text-decoration:none;display:flex;color:#fff!important}.restaurant-setup-shell .reference-brand:after{content:"TrillionShop Restaurant";font:700 1.25rem Arial,sans-serif}.restaurant-setup-shell .reference-brand img{width:52px!important;height:52px!important}.restaurant-setup-shell:has(.shop-setup-stage) .shop-launcher{display:none}.restaurant-setup-shell .shop-setup-steps{grid-template-columns:repeat(5,1fr)}.restaurant-setup-shell .restaurant-setup{max-width:1500px;margin-inline:auto}.restaurant-setup-shell .restaurant-simple-name,.restaurant-setup-shell .restaurant-simple-description{grid-column:1/-1}.restaurant-setup-shell #restaurant-location{max-width:1500px;margin-inline:auto;background:#10161be8!important}.restaurant-setup-shell #restaurant-location>.branch-editor>fieldset{grid-template-columns:1fr 2fr;gap:14px;display:grid}.restaurant-setup-shell #restaurant-location .shop-grid{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr))}.restaurant-setup-shell #restaurant-location .hours-editor{grid-column:1/-1}.restaurant-setup-shell #restaurant-location .hours-editor>h3:first-child{font:1.8rem Georgia,serif}.restaurant-setup-shell #restaurant-location .hours-day{grid-template-columns:140px 1fr;align-items:center;display:grid}.restaurant-setup-shell #restaurant-location .hours-day legend{grid-column:1}.restaurant-setup-shell #restaurant-location .hours-day>.shop-check{grid-column:2;margin:0}.restaurant-setup-shell #restaurant-location .hours-interval{grid-column:1/-1;padding-inline-start:150px}.restaurant-setup-shell #restaurant-location .hours-day>button{grid-column:1/-1;width:max-content;margin-inline-start:150px}@media (max-width:900px){.restaurant-setup-shell .shop-setup-steps{grid-template-columns:repeat(5,140px)}.restaurant-setup-shell #restaurant-location>.branch-editor>fieldset,.restaurant-setup-shell #restaurant-location .shop-grid,.restaurant-setup-shell #restaurant-location .hours-day{grid-template-columns:1fr}.restaurant-setup-shell #restaurant-location .hours-day>*{grid-column:1!important}.restaurant-setup-shell #restaurant-location .hours-interval{padding-inline-start:0}.restaurant-setup-shell #restaurant-location .hours-day>button{margin-inline-start:0}}.restaurant-account-label{color:#d9d2c4;background:#11161a;border:1px solid #f2bd4b44;border-radius:999px;width:max-content;max-width:100%;margin:0 0 18px;padding:10px 16px}.restaurant-setup-shell #restaurant-location .hours-day>.hours-copy{color:#080c10;background:#f2b735;font-weight:800}