[data-theme="azur"]{--bg:#e8f4fd;--bg-soft:#f5faff;--card:#ffffff;--p-ink:#0a1c3a;--p-ink-soft:#4a6a8a;--p-muted:#7b94af;--p-line:#cde2f5;--p-accent:#1e88e5;--p-accent-deep:#1565c0;--p-accent-soft:#64b5f6;--p-accent-2:#ffb74d;--p-accent-2-deep:#f57c00;--awning-red:#1e88e5;--awning-cream:#e8f4fd;--p-serif:"Lora",Georgia,serif;--p-display:"Josefin Sans","Inter",sans-serif;--p-script:"Allura",cursive;--p-shadow-sm:0 1px 3px rgba(10,28,58,.06),0 4px 14px rgba(10,28,58,.08);--p-shadow-md:0 8px 28px rgba(10,28,58,.12)} [data-theme="bistrot"]{--bg:#f5ecdc;--bg-soft:#fdf6e8;--card:#fdf6e8;--p-ink:#2a1a14;--p-ink-soft:#6b5a4d;--p-muted:#8d8073;--p-line:#e7dcc4;--p-accent:#7a1818;--p-accent-deep:#5e1010;--p-accent-soft:#b34040;--p-accent-2:#c9a26a;--p-accent-2-deep:#a87c3f;--awning-red:#8a1c1c;--awning-cream:#f0e3c4;--p-serif:"Playfair Display",Georgia,serif;--p-display:"Playfair Display",Georgia,serif;--p-script:"Allura",cursive;--p-shadow-sm:0 1px 2px rgba(60,30,10,.04),0 6px 18px rgba(60,30,10,.06);--p-shadow-md:0 8px 28px rgba(60,30,10,.10)} [data-theme="jardin"]{--bg:#f4ecdd;--bg-soft:#fbf6ec;--card:#fffaf0;--p-ink:#1f1a14;--p-ink-soft:#5b5347;--p-muted:#8b8273;--p-line:#e7dcc6;--p-accent:#b88a4a;--p-accent-deep:#9a703a;--p-accent-soft:#d9b277;--p-accent-2:#b88a4a;--p-accent-2-deep:#9a703a;--awning-red:#5c7a4e;--awning-cream:#eef2e8;--p-serif:"Cormorant Garamond",Georgia,serif;--p-display:"Cormorant Garamond",Georgia,serif;--p-script:"Allura",cursive;--p-shadow-sm:0 1px 2px rgba(60,30,10,.04),0 6px 18px rgba(60,30,10,.06);--p-shadow-md:0 8px 28px rgba(60,30,10,.10)} [data-theme="marine"]{--bg:#edf6f7;--bg-soft:#f7fbfc;--card:#ffffff;--p-ink:#102a43;--p-ink-soft:#486581;--p-muted:#7b8794;--p-line:#d9e2ec;--p-accent:#0f4c5c;--p-accent-deep:#072d36;--p-accent-soft:#3fa7c4;--p-accent-2:#7ec8c9;--p-accent-2-deep:#5ba9aa;--awning-red:#0f4c5c;--awning-cream:#e8f4f5;--p-serif:"DM Serif Display",Georgia,serif;--p-display:"Manrope","Inter",sans-serif;--p-script:"Allura",cursive;--p-shadow-sm:0 1px 3px rgba(15,76,92,.08),0 4px 14px rgba(15,76,92,.10);--p-shadow-md:0 10px 30px rgba(15,76,92,.14);--marine-footer-bg:linear-gradient(180deg,#0f4c5c 0%,#0a3742 55%,#072d36 100%);--marine-footer-wave:rgba(126,200,201,.18);--marine-footer-glow:0 0 40px rgba(63,167,196,.18)} [data-theme="crave"]{--bg:#fdf5e3;--bg-soft:#ffffff;--card:#ffffff;--p-ink:#1a1a1a;--p-ink-soft:#555555;--p-muted:#888888;--p-line:#f0e8d0;--p-accent:#e21b1b;--p-accent-deep:#b41515;--p-accent-soft:#ff5252;--p-accent-2:#ffc81e;--p-accent-2-deep:#e0a80c;--awning-red:#e21b1b;--awning-cream:#fdf5e3;--p-serif:"Playfair Display",Georgia,serif;--p-display:"Bowlby One","Archivo Black","Inter",sans-serif;--p-script:"Allura",cursive;--p-shadow-sm:0 1px 3px rgba(0,0,0,.04),0 4px 14px rgba(0,0,0,.06);--p-shadow-md:0 8px 28px rgba(60,30,10,.10)} [data-theme="noir"]{--bg:#111111;--bg-soft:#1a1a1a;--card:#222222;--p-ink:#f0e6d2;--p-ink-soft:#bba98a;--p-muted:#888888;--p-line:#333333;--p-accent:#c9a85c;--p-accent-deep:#a88a3f;--p-accent-soft:#e0c87a;--p-accent-2:#c9a85c;--p-accent-2-deep:#a88a3f;--awning-red:#c9a85c;--awning-cream:#1a1a1a;--p-serif:"Cormorant Garamond",Georgia,serif;--p-display:"Abril Fatface","Inter",sans-serif;--p-script:"Allura",cursive;--p-shadow-sm:0 1px 3px rgba(0,0,0,.16),0 4px 14px rgba(0,0,0,.20);--p-shadow-md:0 8px 28px rgba(0,0,0,.28)} [data-theme="terra"]{--bg:#f5efe7;--bg-soft:#fdf9f4;--card:#fffaf3;--p-ink:#3e2b1f;--p-ink-soft:#7a6450;--p-muted:#9c8872;--p-line:#e3d6c5;--p-accent:#a65d29;--p-accent-deep:#86491f;--p-accent-soft:#d4855a;--p-accent-2:#5b7a4a;--p-accent-2-deep:#466134;--awning-red:#a65d29;--awning-cream:#f5efe7;--p-serif:"Crimson Text",Georgia,serif;--p-display:"Abril Fatface","Inter",sans-serif;--p-script:"Allura",cursive;--p-shadow-sm:0 1px 2px rgba(62,43,31,.06),0 6px 18px rgba(62,43,31,.08);--p-shadow-md:0 8px 28px rgba(62,43,31,.12)} [data-theme="bramble"]{--bg:#faf1f4;--bg-soft:#fff7f9;--card:#ffffff;--p-ink:#3c1a2a;--p-ink-soft:#7a4158;--p-muted:#a07c8c;--p-line:#f1dde4;--p-accent:#9b2d4c;--p-accent-deep:#731e37;--p-accent-soft:#d4698b;--p-accent-2:#f2a65a;--p-accent-2-deep:#d98a2e;--awning-red:#9b2d4c;--awning-cream:#faf1f4;--p-serif:"Playfair Display",Georgia,serif;--p-display:"Pacifico","Inter",sans-serif;--p-script:"Pacifico",cursive;--p-shadow-sm:0 1px 3px rgba(60,26,42,.06),0 4px 14px rgba(60,26,42,.08);--p-shadow-md:0 8px 28px rgba(60,26,42,.12)} [data-theme="parchment"]{--bg:#f9f3e7;--bg-soft:#fefbf4;--card:#fefbf4;--p-ink:#3b2f1e;--p-ink-soft:#6b5c45;--p-muted:#8d7f6b;--p-line:#e4d7c2;--p-accent:#8b5a2b;--p-accent-deep:#68441a;--p-accent-soft:#b5895a;--p-accent-2:#b08968;--p-accent-2-deep:#8b6b4f;--awning-red:#8b5a2b;--awning-cream:#f9f3e7;--p-serif:"Sorts Mill Goudy",Georgia,serif;--p-display:"IM Fell English","Inter",sans-serif;--p-script:"Allura",cursive;--p-shadow-sm:0 1px 2px rgba(59,47,30,.06),0 6px 18px rgba(59,47,30,.08);--p-shadow-md:0 8px 28px rgba(59,47,30,.12)} [data-theme="cherry"]{--bg:#fff0f3;--bg-soft:#fffafa;--card:#ffffff;--p-ink:#2a0a14;--p-ink-soft:#7a3355;--p-muted:#9e607b;--p-line:#f9d5e3;--p-accent:#e6005c;--p-accent-deep:#b8004a;--p-accent-soft:#ff4d88;--p-accent-2:#ffc107;--p-accent-2-deep:#e0a800;--awning-red:#e6005c;--awning-cream:#fff0f3;--p-serif:"Playfair Display",Georgia,serif;--p-display:"Righteous","Inter",sans-serif;--p-script:"Allura",cursive;--p-shadow-sm:0 1px 3px rgba(42,10,20,.06),0 4px 14px rgba(42,10,20,.08);--p-shadow-md:0 8px 28px rgba(42,10,20,.12)} [data-theme="lagoon"]{--bg:#e0f5f3;--bg-soft:#f0fcfb;--card:#ffffff;--p-ink:#0a2f2a;--p-ink-soft:#3d6b64;--p-muted:#5b8c84;--p-line:#c2e8e3;--p-accent:#0d9488;--p-accent-deep:#0b7a6c;--p-accent-soft:#5eeadb;--p-accent-2:#f97316;--p-accent-2-deep:#d95f0a;--awning-red:#0d9488;--awning-cream:#e0f5f3;--p-serif:"Bellefair",Georgia,serif;--p-display:"Nunito Sans","Inter",sans-serif;--p-script:"Allura",cursive;--p-shadow-sm:0 1px 3px rgba(10,47,42,.06),0 4px 14px rgba(10,47,42,.08);--p-shadow-md:0 8px 28px rgba(10,47,42,.12)} [data-theme="velvet"]{--bg:#1a0b1c;--bg-soft:#261328;--card:#2d1633;--p-ink:#f3e3f9;--p-ink-soft:#c7a3d4;--p-muted:#8e7399;--p-line:#3a2342;--p-accent:#b8860b;--p-accent-deep:#8b6508;--p-accent-soft:#f0c75e;--p-accent-2:#c2185b;--p-accent-2-deep:#9c0d47;--awning-red:#b8860b;--awning-cream:#261328;--p-serif:"Fraunces",Georgia,serif;--p-display:"Oswald","Inter",sans-serif;--p-script:"Allura",cursive;--p-shadow-sm:0 1px 3px rgba(0,0,0,.24),0 4px 14px rgba(0,0,0,.30);--p-shadow-md:0 8px 28px rgba(0,0,0,.38)} [data-theme="sunflower"]{--bg:#fff9e6;--bg-soft:#fffdf5;--card:#ffffff;--p-ink:#1f2a44;--p-ink-soft:#546083;--p-muted:#7b8197;--p-line:#f2e8c6;--p-accent:#f4b41a;--p-accent-deep:#c8920e;--p-accent-soft:#ffe066;--p-accent-2:#1f2a44;--p-accent-2-deep:#0f172a;--awning-red:#f4b41a;--awning-cream:#fff9e6;--p-serif:"Quattrocento",Georgia,serif;--p-display:"Fredoka One","Inter",sans-serif;--p-script:"Allura",cursive;--p-shadow-sm:0 1px 3px rgba(31,42,68,.06),0 4px 14px rgba(31,42,68,.08);--p-shadow-md:0 8px 28px rgba(31,42,68,.12)} [data-theme="midnight"]{--bg:#0a0a14;--bg-soft:#12122a;--card:#1a1a33;--p-ink:#eaeaea;--p-ink-soft:#a0a0c0;--p-muted:#6a6a8a;--p-line:#2a2a44;--p-accent:#ff007f;--p-accent-deep:#cc0066;--p-accent-soft:#ff66b3;--p-accent-2:#00e5ff;--p-accent-2-deep:#00b8d4;--awning-red:#ff007f;--awning-cream:#0a0a14;--p-serif:"DM Sans",Georgia,serif;--p-display:"Fredoka One","Inter",sans-serif;--p-script:"Allura",cursive;--p-shadow-sm:0 1px 3px rgba(0,0,0,.30),0 4px 14px rgba(0,0,0,.40);--p-shadow-md:0 8px 28px rgba(0,0,0,.48)} .public-shell[data-theme="crave"] .section-icon{width:36px;height:36px;background:var(--p-accent);border-radius:50%;color:#fff} .public-shell[data-theme="crave"] .section-icon svg{width:22px;height:22px;stroke:#fff;stroke-width:1.6} .public-shell[data-theme="bramble"] .section-icon svg{display:none} .public-shell[data-theme="bramble"] .section-icon::before{content:"🍓";font-size:18px} .public-shell[data-theme="cherry"] .section-icon{width:36px;height:36px;background:var(--p-accent);border-radius:50%;color:#fff} .public-shell[data-theme="cherry"] .section-icon svg{width:22px;height:22px;stroke:#fff;stroke-width:1.6} .public-shell[data-theme="sunflower"] .section-icon svg{display:none} .public-shell[data-theme="sunflower"] .section-icon::before{content:"🌻";font-size:18px} .public-shell[data-theme="crave"] .hero-top{display:none} .public-shell[data-theme="bramble"] .hero-top{display:none} .public-shell[data-theme="cherry"] .hero-top{display:none} .public-shell[data-theme="sunflower"] .hero-top{display:none} .public-shell[data-theme="azur"] .awning{display:block;-webkit-mask-image:url("data:image/svg+xml;utf8,");mask-image:url("data:image/svg+xml;utf8,");-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;filter:drop-shadow(0 4px 8px rgba(0,0,0,.25))} .public-shell[data-theme="bistrot"] .awning{display:block;-webkit-mask-image:url("data:image/svg+xml;utf8,");mask-image:url("data:image/svg+xml;utf8,");-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;filter:drop-shadow(0 4px 8px rgba(0,0,0,.25))} .public-shell[data-theme="noir"] .awning{display:block;-webkit-mask-image:url("data:image/svg+xml;utf8,");mask-image:url("data:image/svg+xml;utf8,");-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;filter:drop-shadow(0 4px 8px rgba(0,0,0,.25))} .public-shell[data-theme="bramble"] .awning{display:block;-webkit-mask-image:url("data:image/svg+xml;utf8,");mask-image:url("data:image/svg+xml;utf8,");-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;filter:drop-shadow(0 4px 8px rgba(0,0,0,.25))} .public-shell[data-theme="cherry"] .awning{display:block;filter:drop-shadow(0 4px 8px rgba(0,0,0,.20))} .public-shell[data-theme="lagoon"] .awning{display:block;top:0;left:0;bottom:0;right:auto;width:28px;height:auto;background:repeating-linear-gradient(to bottom,var(--awning-red) 0,var(--awning-red) 32px,var(--awning-cream) 32px,var(--awning-cream) 64px)} .public-shell[data-theme="velvet"] .awning{display:block;-webkit-mask-image:url("data:image/svg+xml;utf8,");mask-image:url("data:image/svg+xml;utf8,");-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;filter:drop-shadow(0 4px 8px rgba(0,0,0,.25))} .public-shell[data-theme="sunflower"] .awning{display:block;-webkit-mask-image:url("data:image/svg+xml;utf8,");mask-image:url("data:image/svg+xml;utf8,");-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;filter:drop-shadow(0 4px 8px rgba(0,0,0,.25))} .public-shell[data-theme="midnight"] .awning{display:block;top:0;left:0;bottom:0;right:auto;width:28px;height:auto;background:repeating-linear-gradient(to bottom,var(--awning-red) 0,var(--awning-red) 32px,var(--awning-cream) 32px,var(--awning-cream) 64px)} .theme-swatch.azur{background:linear-gradient(135deg,#e8f4fd 0%,#e8f4fd 60%,#1e88e5 60%,#1e88e5 100%)} .theme-swatch.azur::before{content:"☁";position:absolute;right:10px;top:50%;transform:translateY(-50%);color:#ffffff;font-size:18px} .theme-swatch.bistrot{background:linear-gradient(135deg,#f5ecdc 0%,#f5ecdc 60%,#7a1818 60%,#7a1818 100%)} .theme-swatch.bistrot::before{content:"";position:absolute;top:0;left:0;right:0;height:14px;background:repeating-linear-gradient(to right,#8a1c1c 0,#8a1c1c 8px,#f0e3c4 8px,#f0e3c4 16px)} .theme-swatch.jardin{background:linear-gradient(135deg,#fbf6ec 0%,#fbf6ec 60%,#b88a4a 60%,#b88a4a 100%)} .theme-swatch.jardin::before{content:"⚜ ⚜ ⚜";position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#9a703a;font-size:14px;letter-spacing:6px} .theme-swatch.marine{background:linear-gradient(135deg,#edf6f7 0%,#edf6f7 60%,#0f4c5c 60%,#0f4c5c 100%)} .theme-swatch.marine::before{content:"⚓";position:absolute;right:10px;top:50%;transform:translateY(-50%);color:#7ec8c9;font-size:18px} .theme-swatch.crave{background:linear-gradient(135deg,#fdf5e3 0%,#fdf5e3 50%,#e21b1b 50%,#e21b1b 100%)} .theme-swatch.crave::before{content:"";position:absolute;right:8px;top:50%;transform:translateY(-50%);width:18px;height:18px;border-radius:50%;background:#ffc81e} .theme-swatch.noir{background:linear-gradient(135deg,#111111 0%,#111111 60%,#c9a85c 60%,#c9a85c 100%)} .theme-swatch.noir::before{content:"♦";position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#e0c87a;font-size:16px} .theme-swatch.terra{background:linear-gradient(135deg,#f5efe7 0%,#f5efe7 60%,#a65d29 60%,#a65d29 100%)} .theme-swatch.bramble{background:linear-gradient(135deg,#faf1f4 0%,#faf1f4 60%,#9b2d4c 60%,#9b2d4c 100%)} .theme-swatch.bramble::before{content:"❤";position:absolute;right:10px;top:50%;transform:translateY(-50%);color:#f2a65a;font-size:16px} .theme-swatch.parchment{background:linear-gradient(135deg,#f9f3e7 0%,#f9f3e7 60%,#8b5a2b 60%,#8b5a2b 100%)} .theme-swatch.cherry{background:linear-gradient(135deg,#fff0f3 0%,#fff0f3 60%,#e6005c 60%,#e6005c 100%)} .theme-swatch.cherry::before{content:"🍒";position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#ffc107;font-size:18px} .theme-swatch.lagoon{background:linear-gradient(135deg,#e0f5f3 0%,#e0f5f3 60%,#0d9488 60%,#0d9488 100%)} .theme-swatch.lagoon::before{content:"~";position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#5eeadb;font-size:22px} .theme-swatch.velvet{background:linear-gradient(135deg,#1a0b1c 0%,#1a0b1c 60%,#b8860b 60%,#b8860b 100%)} .theme-swatch.velvet::before{content:"★";position:absolute;right:10px;top:50%;transform:translateY(-50%);color:#f0c75e;font-size:20px} .theme-swatch.sunflower{background:linear-gradient(135deg,#fff9e6 0%,#fff9e6 60%,#f4b41a 60%,#f4b41a 100%)} .theme-swatch.sunflower::before{content:"🌻";position:absolute;right:10px;top:50%;transform:translateY(-50%);color:#1f2a44;font-size:18px} .theme-swatch.midnight{background:linear-gradient(135deg,#0a0a14 0%,#0a0a14 60%,#ff007f 60%,#ff007f 100%)} .theme-swatch.midnight::before{content:"";position:absolute;right:12px;top:50%;transform:translateY(-50%);width:12px;height:12px;border-radius:50%;background:#00e5ff;box-shadow:0 0 12px #00e5ff} .public-shell .app{background:var(--bg)} .public-shell .hero::before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none} .public-shell[data-theme="bistrot"] .app{ background: linear-gradient(90deg,rgba(122,24,24,.035) 1px,transparent 1px) 0 0/22px 22px, var(--bg); } .public-shell[data-theme="bistrot"] .hero{border-bottom:6px solid var(--p-accent)} .public-shell[data-theme="bistrot"] .hero::before{ background:radial-gradient(circle at 50% 20%,transparent 0 36%,rgba(42,26,20,.32) 78%); } .public-shell[data-theme="bistrot"] .brand{ text-shadow:0 2px 12px rgba(0,0,0,.35); } .public-shell[data-theme="bistrot"] .card{ border-radius:2px; border:1px solid var(--p-line); } .public-shell[data-theme="jardin"] .app{ background: radial-gradient(circle at 0 0,rgba(92,122,78,.16),transparent 34%), radial-gradient(circle at 100% 18%,rgba(184,138,74,.12),transparent 30%), var(--bg); } .public-shell[data-theme="jardin"] .hero{ border:1px solid rgba(184,138,74,.22); } .public-shell[data-theme="jardin"] .hero::before{ inset:14px;border:1px solid rgba(255,255,255,.46);border-radius:14px; } .public-shell[data-theme="jardin"] .section{ padding-inline:20px; } .public-shell[data-theme="jardin"] .card{ border-radius:18px 18px 4px 4px; } .public-shell[data-theme="marine"] .app{ background: linear-gradient(180deg,rgba(126,200,201,.24),transparent 210px), repeating-linear-gradient(0deg,transparent 0,transparent 23px,rgba(15,76,92,.045) 24px), var(--bg); } .public-shell[data-theme="marine"] .hero{ margin:14px 14px 20px; border-radius:10px; aspect-ratio:1/1; box-shadow:0 16px 34px rgba(15,76,92,.18); } .public-shell[data-theme="marine"] .hero::after{ background:linear-gradient(180deg,rgba(7,45,54,.34),rgba(7,45,54,.08) 42%,rgba(7,45,54,.72)); } .public-shell[data-theme="marine"] .brand .word-mid span{ font-family:var(--p-display);font-size:10px;letter-spacing:.34em;text-transform:uppercase; } .public-shell[data-theme="marine"] .hero-top{ top:22px;padding:0 20px; } .public-shell[data-theme="marine"] .brand .word-top, .public-shell[data-theme="marine"] .brand .word-bot{ font-size:22px; } .public-shell[data-theme="marine"] .brand .city{font-size:8px} .public-shell[data-theme="marine"] .hero-text{ bottom:28px;max-width:68%; } .public-shell[data-theme="marine"] .hero-text h2{ font-family:var(--p-serif);font-weight:400;font-size:36px; } .public-shell[data-theme="marine"] .hero-text .desc{ max-width:240px;margin-top:8px; } .public-shell[data-theme="crave"] .app{ background: radial-gradient(circle at 15% 4%,var(--p-accent-2) 0 8px,transparent 9px), radial-gradient(circle at 88% 12%,var(--p-accent) 0 10px,transparent 11px), var(--bg); background-size:130px 130px,150px 150px,auto; } .public-shell[data-theme="crave"] .crave-topbar{ border-bottom:5px solid var(--p-accent-2); } .public-shell[data-theme="crave"] .card{ border-radius:18px; } .public-shell[data-theme="noir"] .app{ background: radial-gradient(circle at 50% 0,rgba(201,168,92,.12),transparent 34%), linear-gradient(90deg,rgba(201,168,92,.05) 1px,transparent 1px) 0 0/34px 34px, var(--bg); } .public-shell[data-theme="noir"] .hero{ margin:0 0 24px; aspect-ratio:1/1.3; border-bottom:1px solid rgba(201,168,92,.34); } .public-shell[data-theme="noir"] .hero::after{ background:linear-gradient(180deg,rgba(0,0,0,.78),rgba(0,0,0,.16) 42%,rgba(0,0,0,.88)); } .public-shell[data-theme="noir"] .brand .word-mid::before, .public-shell[data-theme="noir"] .brand .word-mid::after{background:var(--p-accent)} .public-shell[data-theme="noir"] .menu-btn{ background:transparent;border:1px solid var(--p-accent);color:var(--p-accent); } .public-shell[data-theme="azur"] .app{ background: radial-gradient(circle at 84px 42px,rgba(255,255,255,.9) 0 18px,transparent 19px), radial-gradient(circle at 112px 46px,rgba(255,255,255,.9) 0 14px,transparent 15px), linear-gradient(180deg,#dff2ff 0,var(--bg) 42%); background-size:190px 155px,190px 155px,auto; } .public-shell[data-theme="azur"] .hero{ margin:16px 12px 22px; border-radius:28px; aspect-ratio:1/1.12; box-shadow:0 18px 36px rgba(30,136,229,.16); } .public-shell[data-theme="azur"] .hero::after{ background:linear-gradient(180deg,rgba(10,28,58,.24),rgba(10,28,58,.04) 45%,rgba(10,28,58,.46)); } .public-shell[data-theme="azur"] .hero-text{ left:22px;right:22px;bottom:30px;max-width:none; } .public-shell[data-theme="azur"] .hero-text h2{ font-family:var(--p-display);font-weight:300;letter-spacing:.02em; font-size:34px;line-height:1.02; } .public-shell[data-theme="azur"] .hero-text .eyebrow{ font-size:20px;margin-bottom:4px; } .public-shell[data-theme="azur"] .hero-text .desc{ max-width:260px;margin:8px 0 8px; } .public-shell[data-theme="azur"] .hero-text .price{ font-size:22px; } .public-shell[data-theme="azur"] .hero-top{ top:70px;padding-inline:22px; } .public-shell[data-theme="azur"] .brand .word-top, .public-shell[data-theme="azur"] .brand .word-bot{ font-size:24px; } .public-shell[data-theme="azur"] .brand .city{ font-size:8px;margin-top:4px; } .public-shell[data-theme="terra"] .app{ background: linear-gradient(90deg,rgba(166,93,41,.08) 0 8px,transparent 8px 18px), var(--bg); } .public-shell[data-theme="terra"] .hero{ margin:0 18px 24px; aspect-ratio:1/1.22; border-radius:0 0 28px 28px; border-inline:8px solid var(--p-accent); } .public-shell[data-theme="terra"] .hero::after{ background:linear-gradient(180deg,rgba(62,43,31,.48),rgba(62,43,31,.1) 40%,rgba(62,43,31,.7)); } .public-shell[data-theme="terra"] .hero-text .eyebrow{ font-family:var(--p-serif);font-size:20px;font-style:italic;color:#f3dfbd; } .public-shell[data-theme="terra"] .hero-text{ left:24px;right:22px;bottom:30px;max-width:none; } .public-shell[data-theme="terra"] .hero-text h2{font-size:34px;line-height:1.02} .public-shell[data-theme="terra"] .hero-text .desc{ max-width:260px;margin:8px 0 8px; } .public-shell[data-theme="terra"] .hero-text .price{font-size:22px} .public-shell[data-theme="terra"] .hero-top{ top:72px;padding-inline:22px; } .public-shell[data-theme="terra"] .brand .word-top, .public-shell[data-theme="terra"] .brand .word-bot{ font-size:24px; } .public-shell[data-theme="terra"] .brand .city{ font-size:8px;margin-top:4px; } .public-shell[data-theme="bramble"] .app{ background: radial-gradient(circle at 28px 28px,rgba(155,45,76,.12) 0 5px,transparent 6px), radial-gradient(circle at 78px 78px,rgba(242,166,90,.16) 0 4px,transparent 5px), var(--bg); background-size:116px 116px; } .public-shell[data-theme="bramble"] .crave-topbar{ background:linear-gradient(135deg,var(--p-accent),var(--p-accent-2)); } .public-shell[data-theme="bramble"] .hero{ margin:-18px 14px 22px;border-radius:34px; aspect-ratio:1/1.05; box-shadow:0 16px 36px rgba(155,45,76,.18); } .public-shell[data-theme="bramble"] .hero::after{ background:linear-gradient(180deg,rgba(60,26,42,.38),rgba(60,26,42,.06) 40%,rgba(60,26,42,.68)); } .public-shell[data-theme="bramble"] .hero-text .eyebrow, .public-shell[data-theme="bramble"] .hero-text h2{ font-family:var(--p-script); } .public-shell[data-theme="parchment"] .app{ background: linear-gradient(rgba(139,90,43,.055) 1px,transparent 1px) 0 0/100% 28px, radial-gradient(circle at 50% -10%,rgba(139,90,43,.13),transparent 35%), var(--bg); } .public-shell[data-theme="parchment"] .hero{ margin:18px 18px 24px; border-radius:3px; aspect-ratio:1/1.16; border:1px solid var(--p-line); box-shadow:5px 5px 0 rgba(139,90,43,.16); } .public-shell[data-theme="parchment"] .hero::after{ background:linear-gradient(180deg,rgba(59,47,30,.42),rgba(59,47,30,.08) 42%,rgba(59,47,30,.72)); } .public-shell[data-theme="parchment"] .brand .word-top, .public-shell[data-theme="parchment"] .brand .word-bot{ font-family:var(--p-display);font-weight:400; } .public-shell[data-theme="cherry"] .app{ background: radial-gradient(circle at 22px 28px,rgba(230,0,92,.18) 0 6px,transparent 7px), radial-gradient(circle at 42px 44px,rgba(255,193,7,.18) 0 4px,transparent 5px), var(--bg); background-size:94px 94px; } .public-shell[data-theme="cherry"] .crave-topbar{ background:#fff; border-bottom:4px solid var(--p-accent); } .public-shell[data-theme="cherry"] .crave-logo, .public-shell[data-theme="cherry"] .crave-logo .logo-sub{color:var(--p-accent)} .public-shell[data-theme="cherry"] .bag-btn svg{stroke:var(--p-accent)} .public-shell[data-theme="cherry"] .hero{ margin:-8px 12px 20px; border-radius:22px; border:3px solid #fff; box-shadow:0 8px 0 var(--p-line),0 18px 30px rgba(230,0,92,.14); } .public-shell[data-theme="cherry"] .hero-text h2{ font-family:var(--p-display);font-size:38px; } .public-shell[data-theme="lagoon"] .app{ background: radial-gradient(ellipse at 20% -5%,rgba(94,234,219,.34),transparent 32%), linear-gradient(135deg,rgba(249,115,22,.08),transparent 32%), var(--bg); } .public-shell[data-theme="lagoon"] .hero{ margin:0 0 22px 28px; aspect-ratio:1/1.02; border-radius:0 0 0 42px; } .public-shell[data-theme="lagoon"] .hero::after{ background:linear-gradient(180deg,rgba(10,47,42,.34),rgba(10,47,42,.04) 45%,rgba(10,47,42,.68)); } .public-shell[data-theme="lagoon"] .hero-text{ left:32px;bottom:38px; } .public-shell[data-theme="lagoon"] .hero-text h2{ font-family:var(--p-serif);font-weight:400;font-size:38px; } .public-shell[data-theme="velvet"] .app{ background: linear-gradient(90deg,rgba(184,134,11,.08) 1px,transparent 1px) 0 0/36px 36px, radial-gradient(circle at 50% 0,rgba(194,24,91,.18),transparent 34%), var(--bg); } .public-shell[data-theme="velvet"] .hero{ margin:14px 14px 24px; border-radius:0 0 22px 22px; aspect-ratio:1/1.2; border:1px solid rgba(184,134,11,.32); box-shadow:0 18px 44px rgba(0,0,0,.38); } .public-shell[data-theme="velvet"] .hero::after{ background:linear-gradient(180deg,rgba(26,11,28,.75),rgba(26,11,28,.18) 42%,rgba(26,11,28,.92)); } .public-shell[data-theme="velvet"] .brand .word-mid span{ font-family:var(--p-display);font-size:10px;letter-spacing:.4em;text-transform:uppercase; } .public-shell[data-theme="velvet"] .menu-btn{ background:var(--p-accent);color:#111; } .public-shell[data-theme="sunflower"] .app{ background: radial-gradient(circle at 40px 40px,var(--p-accent-soft) 0 14px,transparent 15px), radial-gradient(circle at 40px 40px,rgba(244,180,26,.18) 0 30px,transparent 31px), var(--bg); background-size:150px 150px; } .public-shell[data-theme="sunflower"] .crave-topbar{ background:var(--p-accent); color:var(--p-ink); } .public-shell[data-theme="sunflower"] .crave-logo, .public-shell[data-theme="sunflower"] .crave-logo .logo-sub{color:var(--p-ink)} .public-shell[data-theme="sunflower"] .bag-btn svg{stroke:var(--p-ink)} .public-shell[data-theme="sunflower"] .hero{ margin:-16px 14px 20px; border-radius:30px 30px 10px 10px; aspect-ratio:1/.95; box-shadow:0 10px 0 var(--p-accent),0 22px 34px rgba(244,180,26,.16); } .public-shell[data-theme="sunflower"] .hero::after{ background:linear-gradient(180deg,rgba(31,42,68,.25),rgba(31,42,68,.02) 42%,rgba(31,42,68,.58)); } .public-shell[data-theme="sunflower"] .hero-text h2{ font-family:var(--p-display);font-size:38px;color:#fff; } .public-shell[data-theme="midnight"] .app{ background: radial-gradient(circle at 18% 0,rgba(255,0,127,.24),transparent 30%), radial-gradient(circle at 85% 12%,rgba(0,229,255,.18),transparent 28%), linear-gradient(180deg,#080810,var(--bg)); } .public-shell[data-theme="midnight"] .hero{ margin:0 0 24px 28px; aspect-ratio:1/1.1; border-left:2px solid var(--p-accent-2); box-shadow:-12px 0 28px rgba(0,229,255,.12); } .public-shell[data-theme="midnight"] .hero::after{ background:linear-gradient(180deg,rgba(10,10,20,.58),rgba(10,10,20,.12) 36%,rgba(10,10,20,.86)); } .public-shell[data-theme="midnight"] .hero-text .eyebrow{ font-family:var(--p-display);font-size:14px;color:var(--p-accent-2);text-shadow:0 0 12px var(--p-accent-2); } .public-shell[data-theme="midnight"] .hero-text h2{ font-family:var(--p-display);font-size:40px;text-shadow:0 0 20px rgba(255,0,127,.45); }

Menu

Pizza

Takos

Frit

3asir

Koka kola

Menu

Pizza

Takos

Frit

3asir

Koka kola