/* DeliveryKing Testshop 1.0.2 — own presentation, shared ordering logic. */
body.dk-testshop { --cream:#f5f8fc; --paper:#fff; --ink:#152a46; --muted:#53657b; --red:#174dd0; --red-dark:#123a9c; --olive:#10233f; --olive-light:#e8eef9; --line:#dce5f0; --shadow-sm:0 7px 24px #10233f08; --shadow-lg:0 24px 64px #10233f12; background:var(--cream); font-family:system-ui,-apple-system,"Segoe UI",sans-serif; }
body.dk-testshop h1, body.dk-testshop h2, body.dk-testshop h3, body.dk-testshop .brand-name, body.dk-testshop .footer-brand strong { font-family:system-ui,-apple-system,"Segoe UI",sans-serif; letter-spacing:-.04em; }
.dk-testshop .dk-test-notice { display:flex; justify-content:center; align-items:center; gap:14px; padding:12px 24px; color:#172a42; background:#ffdb8f; font-size:13px; line-height:1.45; text-align:center; }
.dk-testshop .dk-test-notice strong { background:#172a42; color:#fff; border-radius:5px; padding:4px 9px; font-size:11px; letter-spacing:.09em; flex-shrink:0; }
.dk-testshop .site-header { background:#fffffff5; border-bottom:1px solid var(--line); }
.dk-testshop .header-inner { min-height:90px; gap:24px; }
.dk-testshop .brand-name { font-size:24px; font-weight:850; }
.dk-testshop .brand-tagline { color:#53657b; font-size:10px; letter-spacing:.09em; }
.dk-testshop .dk-demo-mark { display:grid; place-items:center; width:44px; height:44px; border-radius:12px; background:#174dd0; color:#fff; font-weight:850; font-size:17px; letter-spacing:-1px; }
.dk-testshop .dk-demo-nav-link { display:flex; align-items:center; gap:14px; flex-shrink:0; padding:12px 16px; background:#edf2ff; color:#174dd0; border:1px solid #dce5ff; border-radius:9px; font-size:13px; font-weight:750; text-decoration:none; }
.dk-testshop .dk-demo-hero { padding:0; overflow:hidden; background:linear-gradient(120deg,#f5f8fc 40%,#edf3ff); border-bottom:1px solid var(--line); }
.dk-testshop .dk-demo-hero-inner { display:grid; grid-template-columns:1.05fr 1fr; align-items:center; gap:64px; max-width:1240px; width:calc(100% - 48px); margin:auto; padding:76px 0 64px; }
.dk-testshop .dk-demo-eyebrow { display:flex; align-items:center; gap:10px; margin:0 0 22px; color:#174dd0; text-transform:uppercase; letter-spacing:.12em; font-size:11px; font-weight:800; }
.dk-testshop .dk-demo-eyebrow > span { width:9px; height:9px; background:#174dd0; border-radius:50%; }
.dk-testshop .dk-demo-hero h1 { font-size:clamp(44px,5.2vw,76px); line-height:1.04; font-weight:850; margin:0 0 24px; }
.dk-testshop .dk-demo-hero h1 > span { color:#174dd0; }
.dk-testshop .dk-demo-lead { max-width:500px; margin:0 0 30px; color:var(--muted); font-size:18px; line-height:1.7; }
.dk-testshop .primary-action { padding:16px 22px; border-radius:10px; box-shadow:0 8px 20px #174dd026; color:#fff; background:#174dd0; font-family:inherit; font-size:15px; }
.dk-testshop .primary-action:hover { background:#123a9c; color:#fff; }
.dk-testshop .primary-action svg { fill:none; stroke:currentColor; stroke-width:2; }
.dk-testshop .dk-demo-caption { margin:18px 0 0; color:#53657b; font-size:12px; }
.dk-testshop .dk-demo-board { min-width:0; background:#112640; color:#fff; border-radius:20px; box-shadow:0 22px 50px #11264024; transform:rotate(1deg); overflow:hidden; }
.dk-testshop .dk-demo-board-top { display:flex; gap:14px; align-items:center; padding:18px 22px; background:#ffffff08; border-bottom:1px solid #ffffff17; }
.dk-testshop .dk-demo-board-top > span:first-child { display:flex; gap:5px; }
.dk-testshop .dk-demo-board-top i { width:6px; height:6px; background:#8296b1; border-radius:50%; }
.dk-testshop .dk-demo-board-top > strong { font:500 10px/1.3 monospace; color:#bbcae0; }
.dk-testshop .dk-demo-live { margin-left:auto; color:#ffdb8f; font-size:9px; font-weight:800; letter-spacing:.1em; }
.dk-testshop .dk-demo-board-body { padding:30px; }
.dk-testshop .dk-demo-board-kicker { color:#93b3f7; font-size:9px; font-weight:800; letter-spacing:.15em; margin:0 0 10px; }
.dk-testshop .dk-demo-board h2 { color:#fff; font-size:34px; font-weight:750; line-height:1.12; margin:0 0 26px; }
.dk-testshop .dk-demo-steps { list-style:none; display:grid; gap:10px; padding:0; margin:0; }
.dk-testshop .dk-demo-steps li { display:flex; align-items:center; gap:13px; padding:15px; background:#ffffff09; border:1px solid #ffffff14; border-radius:11px; }
.dk-testshop .dk-demo-steps li > span { width:30px; height:30px; border-radius:9px; display:grid; place-items:center; background:#ffffff0d; color:#99baff; font-size:11px; font-weight:750; flex-shrink:0; }
.dk-testshop .dk-demo-steps li:nth-child(2) > span { background:#ffdb8f; color:#172a42; }
.dk-testshop .dk-demo-steps strong { display:block; color:#fff; font-size:13px; }
.dk-testshop .dk-demo-steps small { display:block; margin-top:3px; color:#bdcce0; font-size:11px; }
.dk-testshop .dk-demo-steps b { margin-left:auto; color:#99baff; font-size:20px; }
.dk-testshop .dk-demo-board-bottom { margin-top:22px; display:flex; align-items:center; gap:10px; color:#bdcce0; font-size:11px; }
.dk-testshop .dk-demo-board-bottom > span { color:#ffdb8f; font-size:24px; }
.dk-testshop .dk-demo-features { display:flex; align-items:center; gap:36px; max-width:1240px; width:calc(100% - 48px); margin:auto; padding:23px 0; border-top:1px solid var(--line); font-size:12px; color:#53657b; }
.dk-testshop .dk-demo-features b { margin-right:10px; color:#174dd0; font-size:10px; }
.dk-testshop .dk-demo-features > strong { margin-left:auto; color:#172a42; font-weight:650; }
.dk-testshop .menu-shell { padding-top:60px; }
.dk-testshop .section-heading h2 { font-size:clamp(29px,3.4vw,44px); font-weight:800; line-height:1.13; }
.dk-testshop .section-heading .dk-demo-eyebrow { margin-bottom:14px; }
.dk-testshop .site-footer { background:#10233f; }
.dk-testshop .footer-brand strong { font-size:21px; }
.dk-testshop :focus-visible { outline:3px solid #ed971a; outline-offset:4px; }
.dk-testshop .checkout-header { border-bottom-color:#dce5f0; }
@media(max-width:1100px) { .dk-testshop .dk-demo-hero-inner { gap:30px; padding-top:54px; } .dk-testshop .dk-demo-nav-link { display:none; } .dk-testshop .dk-demo-board-body { padding:24px; } }
@media(max-width:760px) { .dk-testshop .dk-test-notice { align-items:flex-start; gap:10px; font-size:11px; padding:10px 16px; text-align:left; } .dk-testshop .header-inner { min-height:78px; } .dk-testshop .brand-name { font-size:21px; } .dk-testshop .dk-demo-hero-inner { grid-template-columns:1fr; width:calc(100% - 36px); gap:34px; padding:40px 0; } .dk-testshop .dk-demo-hero h1 { font-size:48px; } .dk-testshop .dk-demo-lead { font-size:16px; } .dk-testshop .dk-demo-board { transform:none; } .dk-testshop .dk-demo-features { width:calc(100% - 36px); gap:12px; flex-wrap:wrap; } .dk-testshop .dk-demo-features > span { font-size:11px; } .dk-testshop .dk-demo-features > strong { flex-basis:100%; margin:0; } }

.dk-testshop .dk-demo-hero::before { display:none; }

.dk-testshop .brand-tagline { display:block; }