#gopher-design{--g-bg:light-dark(#f7f9fc,#0a1626);--g-paper:light-dark(#ffffff,#132238);--g-ink:light-dark(#152b43,#f2f6fb);--g-muted:light-dark(#596e83,#a8bbd2);--g-line:light-dark(#dfe7f1,#2b405b);--g-soft:light-dark(#edf3fa,#1c304a);--g-blue:light-dark(#1c67ae,#8ccaff);--g-blue-soft:light-dark(#e3f0ff,#183b60);--g-yellow:light-dark(#f2b705,#ffd059);--g-on-yellow:light-dark(#132238,#132238);--g-hero:light-dark(#132238,#162c47);--g-hero-text:light-dark(#f4f8ff,#f4f8ff);--g-hero-muted:light-dark(#b2c6df,#b2c6df);font-family:'Space Grotesk',Arial,sans-serif;color:var(--g-ink);font-size:14px;line-height:1.5}
#gopher-design *{box-sizing:border-box}#gopher-design .g-app{max-width:460px;margin:auto;background:var(--g-bg);border:1px solid var(--g-line);border-radius:25px;overflow:hidden}#gopher-design header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 22px;background:var(--g-paper)}#gopher-design .g-logo{display:flex;align-items:center;gap:9px;font-family:Georgia,serif;font-size:27px;font-weight:500;letter-spacing:-1px}#gopher-design .g-logomark{font-family:Arial,sans-serif;font-size:21px;letter-spacing:-2px;background:var(--g-yellow);color:var(--g-on-yellow);width:34px;height:34px;display:grid;place-items:center;border-radius:12px 12px 12px 4px}#gopher-design .g-demo{font-size:10px;text-transform:uppercase;letter-spacing:1.4px;color:var(--g-muted)}#gopher-design main{padding:0 20px 24px;min-height:500px}#gopher-design button{font:inherit;cursor:pointer;min-height:44px;border:0;background:none;color:inherit}#gopher-design h1{font-size:32px;font-weight:500;letter-spacing:-1.3px;line-height:1.12;margin:12px 0}#gopher-design h2{font-size:19px;font-weight:500;letter-spacing:-.4px;margin:20px 0 12px}#gopher-design h3{font-size:16px;font-weight:500;line-height:1.35;margin:0 0 5px}#gopher-design p{margin:8px 0}#gopher-design small{font-size:12px;color:var(--g-muted);display:block;line-height:1.5}#gopher-design .g-row{display:flex;align-items:center;justify-content:space-between;gap:10px}#gopher-design .g-row>*{min-width:0}#gopher-design .g-location{display:flex;align-items:center;gap:9px;padding:17px 0;text-align:left;width:100%}#gopher-design .g-location .g-location-text{flex:1}#gopher-design .g-location small{font-size:10px;text-transform:uppercase;letter-spacing:1px}#gopher-design .g-hero{background:var(--g-hero);color:var(--g-hero-text);padding:23px;border-radius:20px;position:relative}#gopher-design .g-hero p{color:var(--g-hero-muted);font-size:13px;max-width:270px}#gopher-design .g-hero h1{font-size:37px;letter-spacing:-1.7px}#gopher-design .g-kicker{font-size:10px;letter-spacing:1.5px;text-transform:uppercase}#gopher-design .g-hero .g-kicker{color:var(--g-yellow)}#gopher-design .g-hero em{font-style:normal;color:var(--g-yellow)}#gopher-design label{display:block;margin:17px 0 7px;font-size:13px}#gopher-design input,#gopher-design select,#gopher-design textarea{font:inherit;font-size:16px;color:var(--g-ink);background:var(--g-paper);border:1px solid var(--g-line);border-radius:12px;padding:13px;width:100%;min-width:0}#gopher-design textarea{min-height:76px;resize:vertical}#gopher-design .g-search{display:flex;align-items:center;background:var(--g-paper);color:var(--g-ink);border:1px solid var(--g-line);border-radius:13px;padding-left:13px;gap:5px}#gopher-design .g-search input{border:0;background:none;padding-left:6px}#gopher-design .g-primary{display:flex;align-items:center;justify-content:space-between;width:100%;gap:10px;background:var(--g-yellow);color:var(--g-on-yellow);padding:14px 17px;border-radius:12px;margin-top:15px;font-weight:500}#gopher-design .g-secondary{border:1px solid var(--g-line);border-radius:12px;padding:12px 15px;width:100%;margin-top:12px;background:var(--g-paper)}#gopher-design .g-links{display:flex;flex-wrap:wrap;gap:6px;margin:11px 0}#gopher-design .g-links button{font-size:12px;border:1px solid var(--g-line);border-radius:22px;padding:5px 11px;background:var(--g-paper)}#gopher-design .g-link{color:var(--g-blue);font-size:12px;padding:0}#gopher-design .g-note{color:var(--g-muted);font-size:11px;margin-top:12px;line-height:1.5}#gopher-design .g-collect{width:100%;display:flex;text-align:left;align-items:center;gap:13px;background:var(--g-paper);border:1px solid var(--g-line);padding:17px;border-radius:16px;margin-top:21px}#gopher-design .g-collect .g-copy{flex:1}#gopher-design .g-art{width:48px;height:48px;display:grid;place-items:center;flex-shrink:0;border-radius:14px;background:var(--g-blue-soft);color:var(--g-blue)}#gopher-design .g-back{display:flex;align-items:center;gap:7px;padding:0;color:var(--g-muted);font-size:12px;margin:11px 0}#gopher-design .g-caption{margin:16px 0 10px;color:var(--g-muted);font-size:10px;letter-spacing:1.2px;text-transform:uppercase}#gopher-design .g-result{background:var(--g-paper);padding:18px;border-radius:17px;margin:13px 0;border:1px solid var(--g-line)}#gopher-design .g-product-head{display:flex;gap:13px;align-items:center;margin-bottom:15px}#gopher-design .g-product-head>div:last-child{min-width:0;flex:1}#gopher-design .g-price{font-size:25px;letter-spacing:-1px;font-weight:500;white-space:nowrap}#gopher-design .g-stock{font-size:11px;color:var(--g-blue);background:var(--g-blue-soft);display:inline-block;padding:4px 8px;border-radius:8px}#gopher-design .g-rule{border:0;border-top:1px solid var(--g-line);margin:14px 0}#gopher-design .g-sort{display:flex;gap:7px;margin:14px 0}#gopher-design .g-sort button{background:var(--g-paper);border:1px solid var(--g-line);border-radius:20px;padding:7px 12px;font-size:12px}#gopher-design .g-sort .selected{background:var(--g-blue-soft);border-color:var(--g-blue);color:var(--g-blue)}#gopher-design .g-banner{background:var(--g-soft);color:var(--g-muted);padding:12px 14px;border-radius:12px;font-size:12px;margin:14px 0}#gopher-design .g-panel{background:var(--g-paper);padding:18px;border:1px solid var(--g-line);border-radius:16px;margin:16px 0}#gopher-design .g-steps{display:flex;gap:5px;margin:13px 0 18px}#gopher-design .g-steps span{flex:1;height:4px;border-radius:5px;background:var(--g-line)}#gopher-design .g-steps .active{background:var(--g-blue)}#gopher-design .g-route-stop{display:flex;gap:12px;align-items:flex-start;padding:11px 0;overflow-wrap:anywhere}#gopher-design .g-route-stop>div{min-width:0}#gopher-design .g-route-stop svg{flex-shrink:0;margin-top:4px;color:var(--g-blue)}#gopher-design .g-bill .g-row{padding:8px 0;font-size:13px}#gopher-design .g-bill .g-total{border-top:1px solid var(--g-line);margin-top:10px;padding-top:16px;font-size:21px;letter-spacing:-.6px}#gopher-design nav{display:flex;justify-content:space-around;background:var(--g-paper);border-top:1px solid var(--g-line);padding:8px}#gopher-design nav button{display:flex;align-items:center;flex-direction:column;gap:4px;flex:1;font-size:11px;color:var(--g-muted);padding:6px}#gopher-design nav .selected{color:var(--g-blue)}#gopher-design .g-error{font-size:12px;color:light-dark(#ae3526,#ffb9b1);margin:10px 0}#gopher-design .g-center{text-align:center;padding:24px 8px}#gopher-design .g-timeline{list-style:none;padding:0;margin:20px 0}#gopher-design .g-timeline li{display:flex;align-items:center;gap:13px;padding:12px 0;color:var(--g-muted)}#gopher-design .g-dot{background:var(--g-soft);width:30px;height:30px;display:grid;place-items:center;border-radius:50%;flex-shrink:0}#gopher-design .g-timeline .done{color:var(--g-ink)}#gopher-design .done .g-dot{background:var(--g-blue-soft);color:var(--g-blue)}#gopher-design .g-flex-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}#gopher-design .g-check{display:flex;align-items:center;gap:10px;background:var(--g-soft);padding:12px;border-radius:12px}#gopher-design .g-check input{width:18px;height:18px;flex-shrink:0}#gopher-design .g-summary{background:var(--g-blue-soft);padding:15px;border-radius:14px;margin:14px 0}#gopher-design .g-summary small{color:var(--g-blue)}
/* Fetched glass system */
:root{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color-scheme:light}body{margin:0;min-height:100vh;background:#e6effa;background-image:radial-gradient(ellipse at 5% 15%,#b7d7fa 0%,transparent 48%),radial-gradient(ellipse at 96% 40%,#faeac1 0%,transparent 43%),radial-gradient(ellipse at 40% 100%,#c1d8f6 0%,transparent 65%);background-attachment:fixed;color:#132238}button,input,select,textarea{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #175994;outline-offset:4px}.skip{position:absolute;left:15px;top:-100px;background:#fff;padding:12px;color:#132238;z-index:20}.skip:focus{top:10px}
#gopher-design{--g-bg:transparent;--g-paper:rgba(255,255,255,.72);--g-ink:#14273c;--g-muted:#4d6279;--g-line:rgba(255,255,255,.86);--g-soft:rgba(228,237,249,.78);--g-blue:#195b95;--g-blue-soft:rgba(213,231,252,.82);--g-yellow:#f4c343;--g-on-yellow:#172a40;--g-hero:rgba(255,255,255,.3);--g-hero-text:#152c45;--g-hero-muted:#4b6179;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:16px;padding:26px 18px 38px}
#gopher-design .g-app{max-width:1040px;border:1px solid rgba(255,255,255,.9);border-radius:34px;background:rgba(255,255,255,.24);box-shadow:0 25px 85px rgba(38,69,106,.14),inset 0 1px 0 #fff;overflow:clip;backdrop-filter:blur(26px) saturate(135%);-webkit-backdrop-filter:blur(26px) saturate(135%)}
#gopher-design header{background:rgba(255,255,255,.46);padding:12px 34px;border-bottom:1px solid rgba(255,255,255,.76);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}
#gopher-design .brand-home{padding:0;display:flex;align-items:center;border-radius:16px}#gopher-design .brand-logo{display:block;width:170px;height:60px;object-fit:contain}#gopher-design .g-demo{font-size:12px;letter-spacing:.5px;border:1px solid rgba(255,255,255,.95);padding:7px 12px;border-radius:30px;background:rgba(255,255,255,.55);text-transform:none;color:#455b74}
#gopher-design main{max-width:680px;margin:0 auto;padding:8px 30px 32px;min-height:590px}#gopher-design h1{font-size:36px;line-height:1.14;letter-spacing:-1.2px;font-weight:650}#gopher-design h2{font-size:22px;font-weight:620}#gopher-design h3{font-size:17px;font-weight:600}#gopher-design label{font-size:14px;font-weight:560;margin-top:19px}#gopher-design small{font-size:13px}#gopher-design .g-kicker,#gopher-design .g-caption{font-size:12px;letter-spacing:1.3px}#gopher-design .g-note{font-size:12px;color:#53657c}
#gopher-design .g-location{padding:17px 0;font-size:15px}#gopher-design .g-location small{font-size:12px;letter-spacing:.7px}#gopher-design .g-hero{background:linear-gradient(125deg,rgba(255,255,255,.7),rgba(244,249,255,.27));border:1px solid rgba(255,255,255,.95);box-shadow:inset 0 1px 0 #fff,0 9px 30px rgba(43,69,100,.045);border-radius:26px;padding:28px 30px}#gopher-design .g-hero h1{font-size:48px;letter-spacing:-2px;margin:16px 0}#gopher-design .g-hero .g-kicker{color:#476684}#gopher-design .g-hero em{color:#1c6098}#gopher-design .g-hero p{font-size:16px;max-width:none;line-height:1.65}
#gopher-design input,#gopher-design select,#gopher-design textarea{background:rgba(255,255,255,.75);border:1px solid rgba(136,165,195,.38);border-radius:16px;padding:14px;box-shadow:inset 0 1px 3px rgba(30,55,90,.03)}#gopher-design .g-search{background:rgba(255,255,255,.86);border-radius:18px;border:1px solid rgba(136,165,195,.35);padding-left:17px;box-shadow:0 4px 18px rgba(40,70,103,.04)}#gopher-design .g-search input{box-shadow:none;padding:17px 9px}
#gopher-design .g-primary{background:linear-gradient(180deg,#ffda70,#f0bd38);border:1px solid #e7b334;box-shadow:inset 0 1px 0 #fff2b9,0 7px 16px rgba(155,116,12,.1);border-radius:18px;padding:15px 18px;min-height:54px;font-weight:620;transition:transform .16s,box-shadow .16s}#gopher-design .g-primary:hover{box-shadow:inset 0 1px 0 #fff2b9,0 10px 22px rgba(155,116,12,.18);transform:translateY(-1px)}#gopher-design .g-primary:active{transform:scale(.99)}#gopher-design .g-secondary{background:rgba(255,255,255,.54);border:1px solid rgba(137,163,190,.43);border-radius:16px;font-size:15px}
#gopher-design .g-collect,#gopher-design .g-result,#gopher-design .g-panel{background:linear-gradient(130deg,rgba(255,255,255,.8),rgba(255,255,255,.43));border:1px solid rgba(255,255,255,.94);border-radius:23px;box-shadow:inset 0 1px 0 #fff,0 7px 25px rgba(34,62,94,.04);padding:22px;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}#gopher-design .g-art{width:52px;height:52px;border-radius:17px;box-shadow:inset 0 1px 0 rgba(255,255,255,.8);background:linear-gradient(130deg,#ebf5ff,#cfe3f8)}#gopher-design .g-links button{display:flex;align-items:center;gap:6px;font-size:14px;background:rgba(255,255,255,.55);padding:7px 15px}#gopher-design .g-link{font-size:14px}#gopher-design .g-stock{font-size:12px;color:#1a507e}#gopher-design .g-price{font-size:28px}#gopher-design .g-sort button{font-size:14px;padding:9px 17px}#gopher-design .g-banner{background:rgba(220,231,244,.72);color:#405972;font-size:14px;border:1px solid rgba(255,255,255,.67);padding:15px;border-radius:17px}#gopher-design .g-bill .g-row{font-size:15px;padding:10px 0}#gopher-design .g-bill .g-total{font-size:24px}#gopher-design .g-error{font-size:14px}#gopher-design .g-back{font-size:14px}#gopher-design .g-route-stop small{font-size:12px;letter-spacing:.7px;margin-bottom:4px}#gopher-design .g-summary{border:1px solid rgba(255,255,255,.8);border-radius:17px}
#gopher-design nav{position:sticky;bottom:14px;z-index:5;margin:0 auto 18px;max-width:400px;width:calc(100% - 36px);padding:6px;background:rgba(248,252,255,.78);border:1px solid rgba(255,255,255,.97);border-radius:26px;box-shadow:0 7px 25px rgba(30,60,100,.13),inset 0 1px 0 #fff;backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%)}#gopher-design nav button{font-size:12px;border-radius:20px;min-height:60px;padding:8px}#gopher-design nav .selected{background:rgba(207,227,248,.85);color:#174e7c;box-shadow:inset 0 1px 0 rgba(255,255,255,.7)}
@media(min-width:880px){#gopher-design main[data-page=home]{max-width:850px;display:grid;grid-template-columns:1fr 1fr;column-gap:32px}#gopher-design main[data-page=home]>.g-location{grid-column:1/-1}#gopher-design main[data-page=home]>.g-hero{grid-column:1;grid-row:2/8;align-self:stretch;display:flex;flex-direction:column;justify-content:center}#gopher-design main[data-page=home]>label,#gopher-design main[data-page=home]>.g-search,#gopher-design main[data-page=home]>.g-primary,#gopher-design main[data-page=home]>.g-links,#gopher-design main[data-page=home]>.g-note{grid-column:2}#gopher-design main[data-page=home]>.g-collect,#gopher-design main[data-page=home]>.g-row,#gopher-design main[data-page=home]>.g-error{grid-column:1/-1}#gopher-design main[data-page=home]>.g-collect{margin-top:26px}#gopher-design main[data-page=home]>.g-hero h1{font-size:45px}}
@media(max-width:540px){#gopher-design{padding:0 0 16px}#gopher-design .g-app{border-radius:0;border:0;min-height:100vh;box-shadow:none}#gopher-design header{padding:9px 20px}#gopher-design .brand-logo{width:148px;height:53px}#gopher-design main{padding:4px 20px 25px}#gopher-design .g-hero{padding:23px}#gopher-design .g-hero h1{font-size:39px}#gopher-design .g-hero p{font-size:15px}#gopher-design h1{font-size:31px}#gopher-design .g-price{font-size:24px}#gopher-design .g-result,#gopher-design .g-panel{padding:18px}#gopher-design nav{bottom:9px;margin-bottom:13px}#gopher-design .g-demo{font-size:12px;padding:5px 9px}#gopher-design .g-row{flex-wrap:wrap}#gopher-design .g-product-head{align-items:flex-start}}
@media(prefers-reduced-motion:reduce){#gopher-design *{transition:none!important;scroll-behavior:auto!important}}@media(prefers-reduced-transparency:reduce){#gopher-design .g-app,#gopher-design header,#gopher-design nav,#gopher-design .g-panel,#gopher-design .g-result,#gopher-design .g-collect,#gopher-design .g-hero{background:#f3f7fc;backdrop-filter:none;-webkit-backdrop-filter:none}}
/* Navy glass refresh — shared by every screen. */
:root{color-scheme:dark}body{background-color:#081526;background-image:radial-gradient(ellipse at 5% 5%,#173b61 0%,transparent 52%),radial-gradient(ellipse at 95% 55%,#102c49 0%,transparent 48%),linear-gradient(150deg,#0c1e34,#06101e);color:#edf4ff}.skip{background:#173453;color:#fff}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible{outline-color:#91c8ff}
#gopher-design{--g-bg:transparent;--g-paper:rgba(19,40,66,.9);--g-ink:#edf4ff;--g-muted:#afc1d7;--g-line:rgba(170,200,235,.18);--g-soft:rgba(31,58,88,.74);--g-blue:#94caff;--g-blue-soft:rgba(55,109,162,.24);--g-hero-text:#edf4ff;--g-hero-muted:#b8cce3}
#gopher-design .g-app{background:rgba(10,25,44,.6);border-color:rgba(173,206,243,.17);box-shadow:0 26px 85px #020a1680,inset 0 1px 0 #ffffff12}#gopher-design header{background:rgba(11,27,47,.72);border-color:#ffffff12}#gopher-design .brand-home{background:#edf3fa;border:1px solid #ffffff42;padding:0 10px;border-radius:14px}#gopher-design .g-demo{background:#19334d88;border-color:#ffffff20;color:#b4c9df}
#gopher-design .g-hero{background:linear-gradient(125deg,#24476677,#132b4555);border-color:#bdd8f226;box-shadow:inset 0 1px 0 #ffffff12,0 12px 32px #00000014}#gopher-design .g-hero .g-kicker{color:#adc7e1}#gopher-design .g-hero em{color:#ffd471}#gopher-design .g-hero p{color:#b8cce3}#gopher-design .g-note{color:#a9bdd3}
#gopher-design input,#gopher-design select,#gopher-design textarea{background:#081a2dbb;border-color:#9cbfe333;color:#edf4ff;box-shadow:inset 0 2px 5px #0000001a}#gopher-design input::placeholder,#gopher-design textarea::placeholder{color:#8ca3bd;opacity:1}#gopher-design .g-search{background:#10263ddb;border-color:#9cbfe344;box-shadow:inset 0 1px 0 #ffffff09,0 8px 22px #00000018}#gopher-design .g-search input{background:none;border:0}
#gopher-design .g-secondary,#gopher-design .g-links button,#gopher-design .g-sort button{background:#203b5677;border-color:#bcd8f226}#gopher-design .g-links button{gap:8px}#gopher-design .g-collect,#gopher-design .g-result,#gopher-design .g-panel{background:linear-gradient(130deg,#25456577,#152b45aa);border-color:#bcd8f223;box-shadow:inset 0 1px 0 #ffffff0d,0 10px 25px #00000012}#gopher-design .g-art{background:linear-gradient(130deg,#294d72,#173452);box-shadow:inset 0 1px 0 #ffffff1a;color:#acd6ff}#gopher-design .g-stock{background:#244d736b;color:#bbddff}#gopher-design .g-banner{background:#19334daa;border-color:#bfd7f21c;color:#b7cce2}#gopher-design .g-summary{background:#1d466466;border-color:#9ac3ec26}#gopher-design .g-summary small{color:#abd4fa}#gopher-design .g-sort .selected{background:#28598288;border-color:#8fc6fc88;color:#d4eaff}#gopher-design .g-error{color:#ffb6ac}
#gopher-design nav{background:#102740db;border-color:#bdd7f233;box-shadow:0 12px 35px #00000055,inset 0 1px 0 #ffffff14}#gopher-design nav .selected{background:#285279bb;color:#d8edff;box-shadow:inset 0 1px 0 #ffffff18}
#gopher-design main[data-page=details]{max-width:900px}#gopher-design .collection-title{margin:12px 0 28px}#gopher-design .collection-title .g-kicker{color:#96c9fb}#gopher-design .collection-title h1{font-size:38px;margin:12px 0}#gopher-design .collection-title p{color:#adc1d8;font-size:15px}#gopher-design .collection-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px}#gopher-design .collection-section{min-width:0;background:linear-gradient(130deg,#24436288,#112a44bb);border:1px solid #bfd9f426;border-radius:24px;padding:23px;box-shadow:inset 0 1px 0 #ffffff0c,0 12px 30px #00000016}#gopher-design .collection-route{grid-column:1;grid-row:1}#gopher-design .collection-item{grid-column:2;grid-row:1/3}#gopher-design .collection-notes{grid-column:1;grid-row:2}#gopher-design .collection-heading{display:flex;align-items:flex-start;gap:12px;margin-bottom:17px}#gopher-design .section-icon{width:40px;height:40px;display:grid;place-items:center;border:1px solid #b6d7fc22;background:#3a608a44;color:#a6d2ff;border-radius:13px;flex-shrink:0}#gopher-design .collection-heading small{font-size:12px;color:#89b4de;letter-spacing:1.3px}#gopher-design .collection-heading h2{margin:2px 0 4px;font-size:20px}#gopher-design .collection-heading p{margin:0;color:#aabfd5;font-size:13px;line-height:1.5}#gopher-design .address-stop{display:flex;align-items:flex-start;gap:11px;position:relative}#gopher-design .address-stop>div{flex:1;min-width:0}#gopher-design .address-stop label{margin-top:6px}#gopher-design .address-stop+.address-stop{margin-top:24px}#gopher-design .stop-marker{width:26px;height:26px;display:grid;place-items:center;margin-top:5px;border-radius:50%;font-size:12px;background:#2f5c85;color:#dceeff;flex-shrink:0}#gopher-design .stop-marker.destination{background:#e5bc58;color:#132238}#gopher-design .address-stop:first-child:after{content:'';position:absolute;left:12px;top:39px;bottom:-18px;width:1px;background:#7196bc44}#gopher-design .payment-choice{align-items:flex-start;border:1px solid #a6c7eb20;padding:14px;border-radius:16px;cursor:pointer;font-size:14px;font-weight:500}#gopher-design .payment-choice input{accent-color:#f4c343;margin-top:3px}#gopher-design .payment-choice small{font-size:12px;margin-top:5px;font-weight:400}#gopher-design .size-picker{border:0;padding:0;margin:22px 0 0;min-width:0}#gopher-design .size-picker legend{font-size:14px;font-weight:560;margin-bottom:10px}#gopher-design .size-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}#gopher-design .size-option{position:relative;cursor:pointer;margin:0}#gopher-design .size-option input{position:absolute;opacity:0;width:1px;height:1px}#gopher-design .size-option>span{display:flex;align-items:center;flex-direction:column;gap:6px;padding:14px 3px;border:1px solid #9fc4ed24;background:#071a2e66;border-radius:16px}#gopher-design .size-option strong{font-size:13px;font-weight:560}#gopher-design .size-option small{font-size:12px}#gopher-design .size-option input:checked+span{background:#315d8755;border-color:#92c7fc;color:#d4eaff;box-shadow:inset 0 1px 0 #ffffff1a}#gopher-design .size-option input:focus-visible+span{outline:3px solid #ffd471;outline-offset:3px}#gopher-design .collection-notes textarea{min-height:113px}#gopher-design .collection-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:24px 0 0;padding:4px}#gopher-design .collection-footer .g-primary{width:auto;min-width:230px;margin:0}#gopher-design .collection-footer p{font-size:14px;color:#bbcee1;margin:4px 0}#gopher-design .collection-footer .g-kicker{color:#92b4d4}
@media(max-width:720px){#gopher-design .collection-layout{display:flex;flex-direction:column;gap:15px}#gopher-design .collection-section{padding:20px}#gopher-design .collection-title h1{font-size:32px}#gopher-design .collection-footer{display:block}#gopher-design .collection-footer .g-primary{width:100%;margin-top:14px}#gopher-design .collection-title{margin-bottom:22px}}@media(prefers-reduced-transparency:reduce){#gopher-design .g-app,#gopher-design header,#gopher-design nav,#gopher-design .g-panel,#gopher-design .g-result,#gopher-design .g-collect,#gopher-design .g-hero,#gopher-design .collection-section{background:#132b45;backdrop-filter:none;-webkit-backdrop-filter:none}}
/* Amber glass actions, consistent throughout the customer journey. */
#gopher-design .g-primary{background:linear-gradient(135deg,rgba(255,218,118,.25),rgba(231,171,39,.13) 58%,rgba(255,223,143,.21));color:#ffe3a0;border:1px solid rgba(255,215,119,.49);border-radius:19px;box-shadow:inset 0 1px 0 rgba(255,238,191,.29),inset 0 -1px 0 rgba(255,203,91,.06),0 9px 24px rgba(0,0,0,.18);backdrop-filter:blur(22px) saturate(145%);-webkit-backdrop-filter:blur(22px) saturate(145%);font-weight:580;letter-spacing:.1px;transition:background .18s,border-color .18s,box-shadow .18s,transform .18s}#gopher-design .g-primary:hover{background:linear-gradient(135deg,rgba(255,218,118,.34),rgba(231,171,39,.2));border-color:rgba(255,223,144,.7);box-shadow:inset 0 1px 0 #fff0c855,0 10px 27px #00000033;transform:translateY(-1px)}#gopher-design .g-primary:active{transform:scale(.985);background:rgba(243,189,67,.22)}#gopher-design .g-primary:focus-visible{outline:3px solid #ffe7ae;outline-offset:4px}
/* Focused collection flow: one quiet surface per step. */
#gopher-design main[data-page=details]{max-width:690px;padding-top:8px}#gopher-design .flow-steps{display:flex;gap:8px;justify-content:space-between;margin:16px 0 30px}#gopher-design .flow-steps>span{flex:1;display:flex;align-items:center;gap:8px;padding:0 0 12px;border-bottom:2px solid #7897b526;color:#849bb3;font-size:12px}#gopher-design .flow-steps b{font-weight:500;font-size:14px}#gopher-design .flow-steps .current{border-color:#f1ca77;color:#ffe0a0}#gopher-design .flow-steps .complete{border-color:#79abd777;color:#b7d4ec}#gopher-design .flow-heading{margin:0 0 25px}#gopher-design .flow-heading .g-kicker{color:#98bbdc;font-size:12px}#gopher-design .flow-heading h1{font-size:33px;letter-spacing:-1px;margin:12px 0 10px}#gopher-design .flow-heading p{font-size:15px;color:#a9bfd4;margin:0}#gopher-design .flow-sheet{background:linear-gradient(135deg,rgba(38,68,98,.47),rgba(15,36,58,.6));border:1px solid rgba(190,215,243,.16);border-radius:25px;padding:26px;box-shadow:inset 0 1px 0 #ffffff0c,0 14px 35px #00000012}#gopher-design .flow-sheet>label:first-child{margin-top:0}#gopher-design .flow-sheet input,#gopher-design .flow-sheet textarea{background:#081c3088;box-shadow:none;border-color:#9abcdd29;border-radius:14px}#gopher-design .flow-sheet input:focus,#gopher-design .flow-sheet textarea:focus{border-color:#9ac6ed88}#gopher-design .flow-sheet .g-flex-fields{gap:16px}#gopher-design .flow-sheet .payment-choice{background:transparent;border:0;border-top:1px solid #a7c8eb1c;border-radius:0;margin:24px 0 0;padding:20px 0 0;gap:12px;font-size:14px}#gopher-design .flow-sheet .payment-choice input{width:19px;height:19px;box-shadow:none}#gopher-design .flow-sheet .size-picker{margin-top:25px}#gopher-design .flow-sheet .size-option>span{padding:15px 5px;gap:8px;background:#16314b55;border-radius:16px}#gopher-design .flow-sheet .size-option input:checked+span{background:linear-gradient(130deg,#edd08421,#d89c1912);border-color:#e5c27488;color:#ffe3a9;box-shadow:inset 0 1px 0 #ffe7ad1a}#gopher-design .flow-sheet .size-option input:checked+span small{color:#decea9}#gopher-design .flow-action{margin-top:22px}#gopher-design .flow-action .g-primary{min-height:57px;margin:0}#gopher-design .selected-shop,#gopher-design .flow-item-summary{display:flex;align-items:center;gap:13px;margin-bottom:23px;padding-bottom:20px;border-bottom:1px solid #b1cde521}#gopher-design .selected-shop>svg,#gopher-design .flow-item-summary>svg{color:#a2caed;flex-shrink:0}#gopher-design .flow-item-summary>div{flex:1;min-width:0;overflow-wrap:anywhere}#gopher-design .flow-item-summary h3{font-size:15px;font-weight:540}#gopher-design .flow-item-summary .g-link{min-width:44px}#gopher-design .flow-sheet .address-stop+.address-stop{margin-top:26px}#gopher-design .flow-instructions{border-top:1px solid #b1cde51c;margin-top:25px;padding-top:5px}#gopher-design .flow-instructions label{display:flex;align-items:center;justify-content:space-between;gap:8px}#gopher-design .flow-instructions label small{font-weight:400;font-size:12px}#gopher-design .flow-instructions textarea{min-height:96px}#gopher-design main{padding-bottom:65px}
@media(max-width:540px){#gopher-design .flow-sheet{padding:20px;border-radius:22px}#gopher-design .flow-heading h1{font-size:29px}#gopher-design .flow-steps{gap:8px;margin-bottom:25px}#gopher-design .flow-steps>span{gap:6px}#gopher-design .flow-steps b{font-size:13px}#gopher-design main{padding-bottom:65px}#gopher-design .flow-sheet .g-flex-fields{gap:12px}}
@media(prefers-reduced-transparency:reduce){#gopher-design .g-primary{background:#51462e;backdrop-filter:none;-webkit-backdrop-filter:none;color:#ffe3a0}#gopher-design .flow-sheet{background:#132b45}}@media(prefers-reduced-motion:reduce){#gopher-design .g-primary{transition:none;transform:none}}
/* Filled-dot selection indicators, retaining native checkbox semantics. */
#gopher-design .payment-choice input[type=checkbox]{appearance:none;-webkit-appearance:none;display:grid;place-content:center;width:20px;height:20px;min-width:20px;padding:0;border:1px solid #adc6df88;border-radius:50%;background:#10243b;margin:2px 0 0;cursor:pointer}#gopher-design .payment-choice input[type=checkbox]:checked{border-color:#f0ce85;background:#dec06d18}#gopher-design .payment-choice input[type=checkbox]:checked::before{content:'';display:block;width:10px;height:10px;border-radius:50%;background:#f3d38b}#gopher-design .payment-choice input[type=checkbox]:focus-visible{outline:3px solid #ffe7ae;outline-offset:4px}
/* Transparent logo treatment across the shared app header. */
#gopher-design .brand-home{background:transparent;border:0;padding:0;box-shadow:none}
#gopher-design .brand-logo{filter:brightness(0) invert(1)}
#gopher-design .flow-steps>span{padding:0;height:3px;border:0;border-radius:3px;background:#7897b526}
#gopher-design .flow-steps>.current{background:#f1ca77}
#gopher-design .flow-steps>.complete{background:#79abd777}
/* Role entry, demo accounts and driver workspace. */
#gopher-design [hidden]{display:none!important}#gopher-design .header-actions{display:flex;align-items:center;gap:12px}#gopher-design #account-access{display:flex;align-items:center;gap:7px;color:#bad1e6;font-size:13px;border:1px solid #a4c8ed26;background:#1e3d5866;border-radius:20px;padding:8px 12px}#gopher-design .entry-heading{margin:30px 0 28px}#gopher-design .entry-heading .g-kicker{color:#a5c6e4}#gopher-design .entry-heading h1{margin:14px 0;line-height:1.14}#gopher-design .entry-heading p{color:#adc4da;font-size:16px;line-height:1.6}#gopher-design main[data-page=roles]{max-width:850px;min-height:560px;padding-top:15px}#gopher-design main[data-page=roles] .entry-heading{margin-bottom:34px}#gopher-design main[data-page=roles] h1{font-size:43px;letter-spacing:-1.3px}#gopher-design .role-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}#gopher-design .role-choice{display:flex;flex-direction:column;gap:25px;text-align:left;border:1px solid #b5d7f42b;background:linear-gradient(130deg,#32516e66,#122b4655);border-radius:25px;padding:25px;box-shadow:inset 0 1px 0 #ffffff14,0 15px 30px #00000015;backdrop-filter:blur(18px);transition:border-color .2s,transform .2s}#gopher-design .role-choice:hover{border-color:#f1ce8566;transform:translateY(-2px)}#gopher-design .role-choice h2{font-size:22px;margin:0 0 9px}#gopher-design .role-choice p{color:#b0c6dc;font-size:15px;margin:0 0 24px}#gopher-design .role-symbol{width:54px;height:54px;display:grid;place-items:center;border:1px solid #edd39b33;background:linear-gradient(135deg,#f4d89522,#c9941611);border-radius:18px;color:#ffe0a1;flex-shrink:0}#gopher-design .role-symbol svg{width:25px;height:25px}#gopher-design .role-label{display:flex;align-items:center;gap:14px;color:#ffe2a8;font-size:15px}#gopher-design .entry-disclosure{text-align:center;font-size:12px;color:#a8bbd0;margin:25px 0}#gopher-design main[data-page=auth],#gopher-design main[data-page=forgot],#gopher-design main[data-page=driver-pending],#gopher-design main[data-page=account]{max-width:570px}#gopher-design .auth-tabs{display:flex;border:1px solid #a5c4e522;background:#0d2238bb;border-radius:17px;padding:5px;gap:5px;margin:0 0 20px}#gopher-design .auth-tabs button{flex:1;border-radius:12px;color:#a8bfd6;font-size:15px}#gopher-design .auth-tabs [aria-pressed=true]{color:#ffe1a0;background:linear-gradient(120deg,#f0cf8429,#e5ba5815);box-shadow:inset 0 1px 0 #ffe6b21c}#gopher-design .auth-demo-note{margin:0 0 20px}#gopher-design .auth-forgot{display:block;margin:8px 0 0 auto}#gopher-design .demo-shortcut{display:flex;flex-direction:column;align-items:center;margin:25px 0 0;color:#a7bdd3;font-size:13px}#gopher-design .demo-shortcut .g-secondary{margin-top:9px}#gopher-design .driver-heading{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:28px}#gopher-design .driver-heading h1{font-size:31px}#gopher-design .availability{display:flex;align-items:center;gap:8px;white-space:nowrap;border:1px solid #9fc9ed33;border-radius:30px;background:#28486266;padding:9px 13px;font-size:14px}#gopher-design .availability-dot{height:8px;width:8px;border:1px solid #9eb8cf;border-radius:50%;display:block}#gopher-design .availability-dot.on{background:#f1cd7c;border-color:#f1cd7c}#gopher-design .job-card h2{margin-top:18px}#gopher-design .job-route{display:flex;flex-direction:column;gap:9px;margin:14px 0 20px}#gopher-design .job-route small{display:flex;align-items:flex-start;gap:9px;line-height:1.5}#gopher-design .job-route svg{flex-shrink:0;color:#9ec6eb;width:16px;height:16px;margin-top:2px}#gopher-design .job-pay{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:15px;border-top:1px solid #a9c7e321}#gopher-design .job-pay strong{display:block;font-size:28px;font-weight:550;color:#f6deaa;letter-spacing:-.6px;margin-top:3px}#gopher-design .job-pay>span{font-size:13px;color:#b8cde0}#gopher-design .earnings-total strong{display:block;font-size:45px;font-weight:550;letter-spacing:-1.5px;color:#ffe1a4;margin:13px 0}#gopher-design .earning-row{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:19px 0;border-bottom:1px solid #b1d0ec20}#gopher-design .earning-row h3{font-size:16px}#gopher-design .earning-row>span{white-space:nowrap;color:#ffe1a4;font-size:17px}
@media(max-width:620px){#gopher-design .role-choices{grid-template-columns:1fr;gap:14px}#gopher-design .role-choice{flex-direction:row;gap:17px;padding:22px}#gopher-design .role-choice h2{font-size:20px}#gopher-design .role-choice p{margin-bottom:14px;font-size:14px}#gopher-design main[data-page=roles] h1{font-size:33px}#gopher-design .entry-heading{margin:24px 0}#gopher-design .driver-heading{flex-wrap:wrap}#gopher-design .driver-heading h1{font-size:29px}#gopher-design .header-actions{gap:5px}#gopher-design #account-access span{display:none}#gopher-design #account-access{padding:8px 10px}#gopher-design .header-actions .g-demo{font-size:11px;padding:6px 8px}#gopher-design .role-symbol{width:46px;height:46px;border-radius:15px}#gopher-design main[data-page=roles]{padding-top:5px;min-height:0}}@media(max-width:360px){#gopher-design .header-actions .g-demo{max-width:85px;text-align:center;line-height:1.2}#gopher-design .brand-logo{width:125px}}@media(prefers-reduced-motion:reduce){#gopher-design .role-choice{transition:none;transform:none}}
/* Shared map-first tracking for customers and couriers. */
#gopher-design main[data-page=tracking],#gopher-design main[data-page=driver-active]{max-width:790px}#gopher-design .tracking-heading{margin:22px 0 20px}#gopher-design .tracking-heading h1{font-size:31px;margin:10px 0}#gopher-design .tracking-heading p{color:#b1c6da;font-size:14px}#gopher-design .tracking-surface{border:1px solid #b7d5f02b;border-radius:25px;overflow:hidden;background:#102940a6;box-shadow:inset 0 1px 0 #ffffff0c,0 14px 30px #0000001a}#gopher-design .tracking-map-wrap{position:relative;background:#24364a}#gopher-design .tracking-map{height:350px;width:100%;z-index:0;background:#24364a}#gopher-design .map-demo-label{position:absolute;left:12px;top:12px;z-index:1;background:#102238e8;border:1px solid #d3e6f333;color:#d1e4f6;padding:6px 10px;border-radius:18px;font-size:12px;pointer-events:none}#gopher-design .map-recenter{position:absolute;right:12px;top:12px;z-index:1;display:grid;place-items:center;width:42px;height:42px;padding:0;background:#102238ed;color:#d4eaff;border:1px solid #d3e6f333;border-radius:14px;box-shadow:0 3px 12px #0000002b}#gopher-design .tracking-readout{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:22px 22px 12px}#gopher-design .tracking-readout>div+div{border-left:1px solid #b8d4ed26;padding-left:22px}#gopher-design .tracking-readout strong{display:block;font-size:29px;letter-spacing:-.8px;font-weight:580;color:#ffe0a0;margin-top:5px}#gopher-design .tracking-readout small{font-size:13px;line-height:1.4}#gopher-design .tracking-map-key{display:flex;gap:22px;padding:4px 22px;color:#b6cde1;font-size:12px}#gopher-design .tracking-map-key>span{display:flex;align-items:center;gap:8px}#gopher-design .map-key-dot{width:9px;height:9px;border-radius:50%;display:block}#gopher-design .map-key-dot.customer{background:#70b9ff}#gopher-design .map-key-dot.courier{background:#ffd36d}#gopher-design #map-load-status{margin:9px 22px 18px;font-size:12px}#gopher-design .tracking-order{margin:22px 0;padding:22px;border:1px solid #b7d5f01f;border-radius:22px;background:#18334e77}#gopher-design .tracking-progress{display:flex;gap:8px;margin-bottom:20px}#gopher-design .tracking-progress span{height:3px;border-radius:3px;background:#789bbd3b;flex:1}#gopher-design .tracking-progress .done{background:#f4cf7f}#gopher-design .tracking-order .g-route-stop{padding-top:17px}#gopher-design .navigation-stop{padding:20px 0;border-bottom:1px solid #b8d4ed1f}#gopher-design .navigation-stop>small{letter-spacing:.8px;font-size:12px}#gopher-design .navigation-stop p{font-size:16px;overflow-wrap:anywhere}#gopher-design .maps-link{display:flex;justify-content:space-between;align-items:center;text-decoration:none;gap:12px;font-size:15px;line-height:1.5;min-height:50px}#gopher-design .maps-link svg{flex-shrink:0}#gopher-design .fetched-map-marker{background:#07182dcc;border:2px solid #fff;border-radius:50%;box-shadow:0 3px 12px #00000055;display:grid;place-items:center}#gopher-design .fetched-map-marker span{width:14px;height:14px;display:block;border-radius:50%}#gopher-design .fetched-map-marker.customer span{background:#70b9ff}#gopher-design .fetched-map-marker.courier span{background:#ffd36d}#gopher-design .leaflet-tooltip{background:#102238f2;border:1px solid #9ebfde55;color:#edf6ff;box-shadow:0 3px 9px #00000026;font-family:inherit;font-size:12px;padding:5px 8px;border-radius:8px}#gopher-design .leaflet-tooltip-top:before{border-top-color:#102238f2}#gopher-design .leaflet-control-attribution{font-size:11px;background:#ffffffde;color:#182c40;padding:2px 5px}#gopher-design .leaflet-control-attribution a{color:#135183}#gopher-design .leaflet-bar a{background:#102238;color:#d7ebff;border-color:#789bbb33;text-decoration:none;width:34px;height:34px;line-height:34px}#gopher-design .leaflet-bar{border:1px solid #b7d4ef4d;box-shadow:none;border-radius:8px;overflow:hidden}@media(max-width:540px){#gopher-design .tracking-map{height:315px}#gopher-design .tracking-heading h1{font-size:28px}#gopher-design .tracking-readout{padding:19px 17px 12px}#gopher-design .tracking-readout strong{font-size:24px}#gopher-design .tracking-readout>div+div{padding-left:15px}#gopher-design .tracking-order{padding:18px}#gopher-design .tracking-map-key{padding-left:17px}#gopher-design #map-load-status{margin-left:17px;margin-right:17px}}@media(min-width:880px){#gopher-design .tracking-map{height:390px}}
#gopher-design .tracking-map .leaflet-tile-pane{filter:saturate(.25)}
#gopher-design .tracking-map-wrap,#gopher-design .tracking-map{background:#e6e9ed}
#gopher-design main[data-page=saved-delivery] .tracking-readout{padding:0 0 16px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
#gopher-design main[data-page=saved-delivery] .tracking-readout strong{font-size:22px;overflow-wrap:anywhere}
#gopher-design main[data-page=saved-delivery] .tracking-readout small{font-size:14px}
#gopher-design main[data-page=saved-delivery] > .flow-sheet + .flow-sheet{margin-top:20px}
#gopher-design #live-location-map{border-radius:18px;overflow:hidden;margin:14px 0}
#gopher-design .address-suggestions{display:grid;gap:6px;margin-top:8px}
#gopher-design .address-suggestion{display:flex;align-items:flex-start;gap:8px;text-align:left;width:100%;padding:10px 12px;border:1px solid #b7d5f01f;border-radius:12px;background:#10294080;color:#b9cee2;font-size:13px;line-height:1.35}
#gopher-design .address-suggestion svg{flex:0 0 auto;margin-top:1px;color:#f4cf7f}
#gopher-design .g-result.search-card{padding:20px;margin:14px 0;border-radius:22px}
#gopher-design .search-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
#gopher-design .search-retailer{display:flex;align-items:center;gap:9px;color:#e4edf6;font-size:14px;font-weight:600}
#gopher-design .search-retailer svg{color:#e9ce91;width:17px;height:17px}
#gopher-design .search-kind{font-size:12px;color:#adbed2;border:1px solid #bdd4ed20;border-radius:20px;padding:4px 9px}
#gopher-design .search-card h2{font-size:20px;line-height:1.4;font-weight:600;letter-spacing:-.35px;margin:18px 0 10px;overflow-wrap:anywhere}
#gopher-design .search-excerpt summary{display:flex;align-items:center;gap:7px;cursor:pointer;list-style:none;font-size:14px;color:#b6c9de;min-height:44px;width:fit-content}
#gopher-design .search-excerpt summary::-webkit-details-marker{display:none}
#gopher-design .search-excerpt[open] summary svg{transform:rotate(180deg)}
#gopher-design .search-excerpt p{font-size:16px;line-height:1.6;color:#b6c9de;margin:2px 0 16px;overflow-wrap:anywhere}
#gopher-design .search-price-row{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:13px 0 18px}
#gopher-design .search-price-row strong{display:block;font-size:27px;letter-spacing:-.7px;font-weight:600;margin-top:2px}
#gopher-design .search-price-row small{font-size:13px}
#gopher-design .search-no-price{font-size:16px;font-weight:500;color:#e3edf7}
#gopher-design .search-availability{font-size:14px;color:#aebfd2;line-height:1.5}
#gopher-design .search-actions{display:flex;gap:10px;margin-top:16px;padding-top:16px;border-top:1px solid #bcd8f21c;flex-wrap:wrap}
#gopher-design .search-actions .g-primary,#gopher-design .search-actions .g-secondary{flex:1 1 130px;width:auto;margin:0;min-height:48px;padding:12px 14px;font-size:14px;border-radius:15px}
#gopher-design .search-actions a.g-secondary,#gopher-design .search-actions a.g-secondary:visited{color:#d7e6f4}
#gopher-design main[data-page=results]>.maps-link,#gopher-design main[data-page=results]>.maps-link:visited{color:#d7e6f4}
#gopher-design .search-excerpt summary:focus-visible{outline:2px solid #ffe0a0;outline-offset:4px;border-radius:6px}

#gopher-design #site-menu{position:fixed;inset:0 0 0 auto;margin:0;width:min(360px,92vw);max-width:92vw;height:100dvh;max-height:100dvh;overflow:auto;border:1px solid #456078;background:#0b2238;color:#eef5fc;padding:24px;box-shadow:-12px 0 45px #0006}
#gopher-design #site-menu::backdrop{background:#020c19b3}
#gopher-design #site-menu .menu-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
#gopher-design #site-menu h2{font-size:26px;margin:0}
#gopher-design #site-menu nav{position:static;display:block;width:auto;transform:none;border:0;border-radius:0;background:none;box-shadow:none;padding:0;margin:0;backdrop-filter:none}
#gopher-design #site-menu nav p{font-size:14px;color:#f0cf82;margin:28px 0 12px}
#gopher-design #site-menu button{display:flex;align-items:center;width:100%;min-height:48px;padding:12px 14px;text-align:left;font-size:16px;border:1px solid #456078;border-radius:12px;background:#17344e;margin:8px 0}
#gopher-design #site-menu .menu-heading button{width:48px;justify-content:center;padding:10px}
#gopher-design #site-menu button:focus-visible,#gopher-design .policy-page a:focus-visible{outline:3px solid #f0cf82;outline-offset:3px}
#gopher-design .policy-page{padding:20px 0 40px;max-width:760px;margin:auto;font-size:16px;line-height:1.7;overflow-wrap:anywhere}
#gopher-design .policy-page h1{font-size:32px;margin-bottom:24px}
#gopher-design .policy-page h2{font-size:21px;margin:28px 0 10px;color:#f0cf82}
#gopher-design .policy-page p{margin:12px 0}
#gopher-design .policy-page a{color:#acd7ff;text-decoration:underline}


/* Unified action buttons — reuse the existing amber glass design only. */
#gopher-design .g-secondary{
  background:linear-gradient(135deg,rgba(255,218,118,.25),rgba(231,171,39,.13) 58%,rgba(255,223,143,.21));
  color:#ffe3a0;
  border:1px solid rgba(255,215,119,.49);
  border-radius:19px;
  box-shadow:inset 0 1px 0 rgba(255,238,191,.29),inset 0 -1px 0 rgba(255,203,91,.06),0 9px 24px rgba(0,0,0,.18);
  backdrop-filter:blur(22px) saturate(145%);
  -webkit-backdrop-filter:blur(22px) saturate(145%);
  font-weight:580;
  letter-spacing:.1px;
  transition:background .18s,border-color .18s,box-shadow .18s,transform .18s;
}
#gopher-design .g-secondary:hover{
  background:linear-gradient(135deg,rgba(255,218,118,.34),rgba(231,171,39,.2));
  border-color:rgba(255,223,144,.7);
  box-shadow:inset 0 1px 0 #fff0c855,0 10px 27px #00000033;
  transform:translateY(-1px);
}
#gopher-design .g-secondary:active{
  transform:scale(.985);
  background:rgba(243,189,67,.22);
}
#gopher-design .g-secondary:focus-visible{
  outline:3px solid #ffe7ae;
  outline-offset:4px;
}
#gopher-design .g-secondary:disabled{
  opacity:.48;
  cursor:not-allowed;
  transform:none;
}


/* Hamburger menu actions — match the approved Find nearby options button. */
#gopher-design #site-menu button{
  background:linear-gradient(135deg,rgba(255,218,118,.25),rgba(231,171,39,.13) 58%,rgba(255,223,143,.21));
  color:#ffe3a0;
  border:1px solid rgba(255,215,119,.49);
  border-radius:19px;
  box-shadow:inset 0 1px 0 rgba(255,238,191,.29),inset 0 -1px 0 rgba(255,203,91,.06),0 9px 24px rgba(0,0,0,.18);
  backdrop-filter:blur(22px) saturate(145%);
  -webkit-backdrop-filter:blur(22px) saturate(145%);
  font-weight:580;
  letter-spacing:.1px;
}
#gopher-design #site-menu button:hover{
  background:linear-gradient(135deg,rgba(255,218,118,.34),rgba(231,171,39,.2));
  border-color:rgba(255,223,144,.7);
  box-shadow:inset 0 1px 0 #fff0c855,0 10px 27px #00000033;
  transform:translateY(-1px);
}
#gopher-design #site-menu button:active{
  transform:scale(.985);
  background:rgba(243,189,67,.22);
}

/* Fetched Admin Dashboard */
#gopher-design .admin-toolbar{display:flex;justify-content:flex-end;margin:0 0 14px}
#gopher-design .admin-toolbar .g-secondary{width:auto;margin:0;min-width:120px}
#gopher-design .admin-tabs{display:flex;gap:8px;overflow-x:auto;padding:4px 0 14px;margin-bottom:8px;scrollbar-width:none}
#gopher-design .admin-tabs::-webkit-scrollbar{display:none}
#gopher-design .admin-tab{flex:0 0 auto;border:1px solid rgba(255,215,119,.49);background:linear-gradient(135deg,rgba(255,218,118,.25),rgba(231,171,39,.13) 58%,rgba(255,223,143,.21));color:#ffe3a0;border-radius:19px;padding:10px 14px;font-weight:650;box-shadow:inset 0 1px 0 rgba(255,238,191,.29),0 7px 18px rgba(0,0,0,.14);backdrop-filter:blur(22px) saturate(145%);-webkit-backdrop-filter:blur(22px) saturate(145%);transition:background .18s,border-color .18s,box-shadow .18s,transform .18s}
#gopher-design .admin-tab:hover{background:linear-gradient(135deg,rgba(255,218,118,.34),rgba(231,171,39,.2));border-color:rgba(255,223,144,.7);transform:translateY(-1px)}
#gopher-design .admin-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:10px 0 22px}
#gopher-design .admin-stat{padding:16px;border:1px solid #456078;border-radius:18px;background:linear-gradient(145deg,#102b43,#0b2238);box-shadow:inset 0 1px 0 #ffffff12}
#gopher-design .admin-stat small{display:block;color:#aebfd2;margin-bottom:8px}
#gopher-design .admin-stat strong{font-size:24px;color:#fff;overflow-wrap:anywhere}
#gopher-design .admin-split{display:grid;gap:24px}
#gopher-design .admin-split section>h2{font-size:19px;color:#f0cf82;margin:0 0 12px}
#gopher-design .admin-search{display:block;margin:8px 0 16px}
#gopher-design .admin-search span{display:block;font-size:13px;color:#aebfd2;margin:0 0 7px}
#gopher-design .admin-search input{width:100%;box-sizing:border-box}
#gopher-design .admin-record{border:1px solid #456078;border-radius:18px;background:#0e2941;padding:16px;margin:10px 0;box-shadow:inset 0 1px 0 #ffffff0d}
#gopher-design .admin-record h3{font-size:17px;margin:4px 0 0;color:#fff}
#gopher-design .admin-record p{margin:8px 0;color:#d7e6f4;overflow-wrap:anywhere}
#gopher-design .admin-record>small,#gopher-design .admin-record-head small{color:#91a9bf}
#gopher-design .admin-record-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}
#gopher-design .admin-pill{flex:0 0 auto;border:1px solid #d6ad47;background:#f0c85b1f;color:#ffe3a0;border-radius:999px;padding:6px 9px;font-size:11px;font-weight:700}
#gopher-design .admin-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:10px 0}
#gopher-design .admin-meta span{display:block;color:#d7e6f4;font-size:13px;overflow-wrap:anywhere}
#gopher-design .admin-meta b{display:block;color:#91a9bf;font-size:11px;text-transform:uppercase;letter-spacing:.04em;margin-bottom:3px}
#gopher-design .admin-route{font-size:13px;color:#aebfd2!important}
@media(min-width:760px){
 #gopher-design .admin-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
 #gopher-design .admin-split{grid-template-columns:repeat(2,minmax(0,1fr))}
}
/* Saved delivery V1 polish — presentation only. */
#gopher-design main[data-page=saved-delivery]{max-width:790px}
#gopher-design main[data-page=saved-delivery] .delivery-detail-heading{margin-bottom:18px}
#gopher-design .delivery-timeline{margin:8px 0 24px;padding:8px 8px 8px 4px}
#gopher-design .delivery-timeline-step{position:relative;display:grid;grid-template-columns:42px 1fr;align-items:center;min-height:58px;color:#7894ad}
#gopher-design .delivery-timeline-step:not(:last-child):before{content:"";position:absolute;left:20px;top:38px;bottom:-20px;width:2px;background:#789bbd42}
#gopher-design .delivery-timeline-step.done:not(:last-child):before,#gopher-design .delivery-timeline-step.current:not(:last-child):before{background:#f4cf7f}
#gopher-design .delivery-timeline-dot{position:relative;z-index:1;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;border:2px solid #789bbd;background:#09223a;color:#f4cf7f}
#gopher-design .delivery-timeline-step.done .delivery-timeline-dot,#gopher-design .delivery-timeline-step.current .delivery-timeline-dot{border-color:#f4cf7f}
#gopher-design .delivery-timeline-step.done strong,#gopher-design .delivery-timeline-step.current strong{color:#f4f8fb}
#gopher-design .delivery-timeline-step.current .delivery-timeline-dot{box-shadow:0 0 0 5px #f4cf7f1f,0 0 20px #f4cf7f4d}
#gopher-design .delivery-timeline-step.current .delivery-timeline-dot>span{width:10px;height:10px;border-radius:50%;background:#f4cf7f}
#gopher-design .delivery-timeline-dot svg{width:17px;height:17px}
#gopher-design .saved-live-map{border:1px solid #b7d5f02b;border-radius:24px;overflow:hidden;background:#102940a6;margin:0 0 18px;box-shadow:inset 0 1px 0 #ffffff0c,0 14px 30px #0000001a}
#gopher-design .saved-live-map .tracking-map{height:330px;background:#10263a}
#gopher-design .saved-live-map .leaflet-tile-pane{filter:invert(.86) hue-rotate(175deg) brightness(.52) saturate(.65) contrast(1.08)}
#gopher-design .saved-live-map .leaflet-control-attribution{background:#07182dcc;color:#9eb4c7;font-size:9px}
#gopher-design .saved-live-map .leaflet-control-attribution a{color:#d8e5ef}
#gopher-design .fetched-route-marker{background:transparent;border:0}
#gopher-design .fetched-route-marker span{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#07182d;color:#fff;border:3px solid #fff;box-shadow:0 4px 16px #0008}
#gopher-design .fetched-route-marker.courier span{border-color:#f4cf7f;color:#f4cf7f}
#gopher-design .fetched-route-marker.customer span{border-color:#b9dcfa;color:#b9dcfa}
#gopher-design .fetched-route-marker svg{width:18px;height:18px}
#gopher-design .tracking-map-placeholder{min-height:190px;border:1px solid #b7d5f02b;border-radius:24px;background:linear-gradient(145deg,#102b44b8,#0b2035b8);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;color:#a9c0d4;margin-bottom:18px;padding:24px}
#gopher-design .tracking-map-placeholder svg{width:30px;height:30px;color:#f4cf7f}
#gopher-design .tracking-map-placeholder strong{color:#edf5fb;font-size:17px}
#gopher-design .tracking-map-placeholder span{font-size:13px;max-width:300px}
#gopher-design main[data-page=saved-delivery] .live-readout-card{margin-top:0}
#gopher-design .driver-contact-card{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 22px;margin:18px 0;border:1px solid #b7d5f02b;border-radius:22px;background:#18334e77}
#gopher-design .driver-contact-card small{color:#a9c0d4}
#gopher-design .driver-contact-card h3{margin:4px 0 0;font-size:21px;color:#f5f8fb}
#gopher-design .driver-contact-actions{display:flex;gap:10px;flex-shrink:0}
#gopher-design .driver-contact-actions a{width:58px;height:58px;border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-decoration:none;color:#f4cf7f;background:linear-gradient(145deg,#514c31b8,#303326a8);border:1px solid #f4cf7f66;box-shadow:inset 0 1px 0 #fff1}
#gopher-design .driver-contact-actions a span{font-size:9px;color:#d9cfa9}
#gopher-design .driver-contact-actions svg{width:20px;height:20px}
#gopher-design .delivery-route-card{margin-top:18px}
#gopher-design .delivery-auto-status{display:flex;align-items:center;gap:9px;color:#9fb5c9;font-size:12px;margin:16px 0 4px;padding:10px 2px}
#gopher-design .delivery-auto-status>span:nth-child(2){flex:1}
#gopher-design .delivery-auto-status .g-link{margin:0;padding:7px 9px;min-height:auto}
#gopher-design .delivery-live-dot{width:8px;height:8px;border-radius:50%;background:#f4cf7f;box-shadow:0 0 0 4px #f4cf7f18;flex-shrink:0}
@media(max-width:540px){#gopher-design .saved-live-map .tracking-map{height:285px}#gopher-design .delivery-timeline{padding-left:0}#gopher-design .driver-contact-card{padding:18px;gap:12px}#gopher-design .driver-contact-actions a{width:54px;height:54px;border-radius:16px}#gopher-design .delivery-auto-status{align-items:flex-start;flex-wrap:wrap}#gopher-design .delivery-auto-status .g-link{margin-left:17px}}


/* Live delivery: Geoapify static route map. */
#gopher-design .saved-live-map #live-location-map{position:relative;overflow:hidden;background:#10263a}
#gopher-design .saved-live-map .static-live-map-image{display:block;width:100%;height:100%;object-fit:cover}
#gopher-design .saved-live-map .static-live-map-loading{height:100%;min-height:285px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;padding:24px;text-align:center;color:#a9c0d4;background:linear-gradient(145deg,#102b44,#0b2035)}
#gopher-design .saved-live-map .static-live-map-loading svg{width:28px;height:28px;color:#f4cf7f}
#gopher-design .saved-live-map .static-live-map-loading span{font-size:13px;max-width:310px}