/* =========================================================================
   ERIOS — OBCHOD (eshop) · dopĺňa css/style.css (tokeny, hlavička, pätička,
   tlačidlá, živé logo). Cesta: geteri.com/obchod
   ========================================================================= */

/* --- účet / prihlásenie v hlavičke --- */
.nav-acc{display:inline-flex;align-items:center;gap:.45em;font-family:var(--font-d);font-weight:600;font-size:.9rem;color:var(--ink);opacity:.82;transition:.2s}
.nav-acc svg{width:17px;height:17px}
.nav-acc:hover,.nav-acc.on{opacity:1;color:var(--crimson)}
.nav-links a.on{color:var(--crimson);opacity:1}

/* --- tlačidlo košíka --- */
.cart-btn{position:relative;display:inline-flex;align-items:center;gap:.5em;font-family:var(--font-d);font-weight:700;font-size:.9rem;padding:.5em 1.05em;border-radius:999px;border:1.5px solid var(--ink);background:#fff;color:var(--ink);cursor:pointer;transition:.2s}
.cart-btn:hover{background:var(--ink);color:var(--paper)}
.cart-btn svg{width:18px;height:18px}
.cart-btn .count{font-family:var(--font-m);min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:var(--grad);color:#fff;font-size:.72rem;display:inline-grid;place-items:center}

/* --- intro katalógu --- */
.shop-intro{padding-block:clamp(38px,6vw,68px) 0}
.shop-intro .lead{max-width:64ch}
.shop-bar{display:flex;align-items:center;justify-content:space-between;gap:1.2rem;flex-wrap:wrap;margin-top:2.2rem}
.shop-filter{display:flex;gap:.5rem;flex-wrap:wrap}
.fpill{font-family:var(--font-d);font-weight:600;font-size:.86rem;padding:.5em 1.05em;border-radius:999px;border:1px solid #e0dacd;background:#fff;color:var(--ink2);cursor:pointer;transition:.2s;white-space:nowrap}
.fpill:hover{border-color:var(--teal);color:var(--ink)}
.fpill.on{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.shop-count{font-family:var(--font-m);font-size:.78rem;letter-spacing:.06em;color:var(--ink3);white-space:nowrap}

/* --- mriežka + karty --- */
.prod-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(258px,1fr));gap:1.4rem;margin-top:2rem}
.card{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid #e7e1d6;border-radius:var(--r);overflow:hidden;transition:transform .25s,box-shadow .25s,border-color .25s}
.card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#d8d0c0}
.card .thumb{position:relative;aspect-ratio:4/3;background:linear-gradient(135deg,#10342d,var(--teal-ink));display:grid;place-items:center}
.card .thumb svg{width:62%;height:62%}
.card .thumb::after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(127,217,201,.16) 1px,transparent 1.4px);background-size:14px 14px;mix-blend-mode:screen;opacity:.5}
.tag{position:absolute;top:.7rem;left:.7rem;z-index:2;font-family:var(--font-m);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--teal-ink);background:var(--teal-light);border-radius:999px;padding:.32em .7em;font-weight:700}
.demo-flag{position:absolute;top:.7rem;right:.7rem;z-index:2;font-family:var(--font-m);font-size:.58rem;letter-spacing:.1em;text-transform:uppercase;color:#fff;background:rgba(14,33,28,.6);border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:.3em .6em}
.card .body{display:flex;flex-direction:column;flex:1;padding:1.15rem 1.2rem 1.25rem}
.card .cat{font-family:var(--font-m);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--crimson)}
.card h3{font-size:1.12rem;margin:.4rem 0 .5rem;line-height:1.15}
.card h3 a{color:inherit}
.card h3 a:hover{color:var(--crimson)}
.card .desc{font-size:.9rem;color:var(--ink2);margin-bottom:.85rem}
.specs{display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:1.05rem}
.specs span{font-family:var(--font-m);font-size:.68rem;color:var(--ink2);background:#f3f0e8;border:1px solid #e7e1d6;border-radius:7px;padding:.25em .55em}
.card .foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:.6rem}

/* --- cena: zamknutá (hosť) vs odomknutá (klient) --- */
.price{display:flex;flex-direction:column;min-height:42px;justify-content:center}
.price .now{font-family:var(--font-d);font-weight:800;font-size:1.22rem;color:var(--ink)}
.price .unit{font-family:var(--font-m);font-size:.64rem;letter-spacing:.06em;color:var(--ink3)}
.price .demo-note{font-family:var(--font-m);font-size:.58rem;color:var(--ink3);opacity:.8}
.lockprice{display:inline-flex;align-items:center;gap:.45em;font-family:var(--font-d);font-weight:700;font-size:.82rem;color:var(--teal);background:rgba(12,84,72,.08);border:1px dashed rgba(12,84,72,.32);border-radius:10px;padding:.46em .7em;line-height:1.15;transition:.2s}
.lockprice:hover{background:rgba(12,84,72,.14)}
.lockprice svg{width:14px;height:14px;flex:none;stroke:var(--teal);fill:none;stroke-width:2}
.lockprice small{display:block;font-family:var(--font-m);font-weight:500;font-size:.6rem;letter-spacing:.04em;color:var(--ink3);text-transform:none}

.iconbtn{flex:none;width:42px;height:42px;border-radius:12px;border:1.5px solid var(--ink);background:#fff;display:grid;place-items:center;cursor:pointer;transition:.2s}
.iconbtn svg{width:19px;height:19px;stroke:var(--ink);fill:none;stroke-width:1.8}
.iconbtn:hover{background:var(--ink)}
.iconbtn:hover svg{stroke:var(--paper)}
.iconbtn.added{background:var(--teal);border-color:var(--teal)}
.iconbtn.added svg{stroke:#fff}
.card .detail{font-family:var(--font-d);font-weight:600;font-size:.84rem;color:var(--ink2);border-bottom:1px solid transparent;transition:.2s}
.card .detail:hover{color:var(--crimson);border-color:var(--crimson)}

/* --- pruh dôvery --- */
.trust{margin-top:clamp(48px,6vw,80px);background:var(--teal-ink);color:var(--paper);border-radius:calc(var(--r) + 6px)}
.trust .container{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;padding-block:clamp(28px,4vw,44px)}
.trust .t .k{font-family:var(--font-m);color:var(--teal-light);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;display:block;margin-bottom:.5rem}
.trust .t b{display:block;font-family:var(--font-d);font-size:1.05rem;margin-bottom:.25rem}
.trust .t p{color:#bcccc7;font-size:.92rem}

/* --- detail produktu --- */
.pd-back{display:inline-block;margin-top:clamp(24px,4vw,40px);font-family:var(--font-d);font-weight:600;color:var(--ink2)}
.pd-back:hover{color:var(--crimson)}
.pd-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.6rem,4vw,3.2rem);align-items:start;margin-top:1.4rem}
.pd-media{position:relative;aspect-ratio:1/1;background:linear-gradient(135deg,#10342d,var(--teal-ink));border-radius:calc(var(--r) + 4px);display:grid;place-items:center;overflow:hidden}
.pd-media::after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(127,217,201,.16) 1px,transparent 1.4px);background-size:18px 18px;mix-blend-mode:screen;opacity:.5}
.pd-media svg{width:54%;height:54%}
.pd-media .tag{top:1rem;left:1rem}
.pd-media .demo-flag{top:1rem;right:1rem}
.pd-info .cat{font-family:var(--font-m);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--crimson)}
.pd-info h1{font-size:clamp(1.7rem,3.4vw,2.5rem);margin:.5rem 0 .8rem}
.pd-info .desc{font-size:1.05rem;color:var(--ink2);margin-bottom:1.4rem}
.pd-specs{width:100%;border-collapse:collapse;margin:1.2rem 0 1.6rem}
.pd-specs th{font-family:var(--font-m);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink3);text-align:left;padding:.6rem 0;width:40%;vertical-align:top;font-weight:500}
.pd-specs td{padding:.6rem 0;border-bottom:1px solid #ece7dc;font-size:.95rem}
.pd-specs tr:first-child th,.pd-specs tr:first-child td{border-top:1px solid #ece7dc}
.pd-buy{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;padding:1.3rem;background:#fff;border:1px solid #e7e1d6;border-radius:var(--r)}
.pd-buy .price{min-height:auto}
.pd-buy .price .now{font-size:1.6rem}
.pd-buy .lockprice{font-size:.92rem}
.pd-buy .btn{margin-left:auto}

/* --- stepper množstva --- */
.qty{display:inline-flex;align-items:center;border:1.5px solid #d8d0c0;border-radius:11px;overflow:hidden;background:#fff}
.qty button{width:38px;height:42px;border:0;background:#fff;cursor:pointer;font-size:1.15rem;color:var(--ink);line-height:1;transition:.15s}
.qty button:hover{background:#f0ece2}
.qty span{font-family:var(--font-m);min-width:38px;text-align:center;font-size:.95rem}

/* --- súvisiace --- */
.related{margin-top:clamp(40px,6vw,72px)}
.related h2{font-size:clamp(1.3rem,2.6vw,1.8rem);margin-bottom:1.4rem}

/* --- zásuvka košíka --- */
.scrim{position:fixed;inset:0;background:rgba(6,13,11,.5);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);opacity:0;visibility:hidden;transition:.3s;z-index:90}
.scrim.open{opacity:1;visibility:visible}
.drawer{position:fixed;top:0;right:0;height:100%;width:min(420px,92vw);background:var(--paper);box-shadow:-30px 0 60px -30px rgba(6,13,11,.6);transform:translateX(100%);transition:transform .35s cubic-bezier(.22,.61,.36,1);z-index:91;display:flex;flex-direction:column}
.drawer.open{transform:none}
.drawer .dhead{display:flex;align-items:center;justify-content:space-between;padding:1.2rem 1.3rem;border-bottom:1px solid #e7e1d6}
.drawer .dhead h2{font-size:1.15rem}
.drawer .close{background:none;border:0;cursor:pointer;font-size:1.6rem;line-height:1;color:var(--ink2);padding:.1rem .4rem}
.drawer .ditems{flex:1;overflow:auto;padding:.5rem 1.3rem}
.line{display:grid;grid-template-columns:54px 1fr auto;gap:.85rem;align-items:start;padding:.95rem 0;border-bottom:1px solid #ece7dc}
.line .lt{width:54px;height:54px;border-radius:11px;background:linear-gradient(135deg,#10342d,var(--teal-ink));display:grid;place-items:center}
.line .lt svg{width:60%;height:60%}
.line .ln{font-family:var(--font-d);font-weight:700;font-size:.92rem;line-height:1.2}
.line .lc{font-family:var(--font-m);font-size:.68rem;color:var(--ink3);margin-top:.15rem}
.line .qty{margin-top:.5rem;border-radius:9px}
.line .qty button{width:26px;height:26px;font-size:1rem}
.line .qty span{min-width:26px;font-size:.85rem}
.line .lp{font-family:var(--font-d);font-weight:800;font-size:.95rem;text-align:right;white-space:nowrap}
.line.guest-line .lp{font-family:var(--font-m);font-size:.72rem;color:var(--teal);font-weight:600}
.line .rm{display:block;margin-top:.4rem;font-family:var(--font-m);font-size:.62rem;color:var(--ink3);background:none;border:0;cursor:pointer;text-align:right;width:100%}
.line .rm:hover{color:var(--crimson)}
.drawer .dfoot{padding:1.2rem 1.3rem;border-top:1px solid #e7e1d6;background:#fff}
.sumrow{display:flex;justify-content:space-between;align-items:baseline;font-family:var(--font-d);font-weight:800;font-size:1.05rem;margin-bottom:.2rem}
.sumrow .s-guest{font-family:var(--font-m);font-weight:600;font-size:.86rem;color:var(--teal)}
.dfoot .hint{font-size:.8rem;color:var(--ink3);margin:.4rem 0 1rem}
.dfoot .btn{width:100%;justify-content:center}
.empty{text-align:center;color:var(--ink3);padding:3rem 1rem;font-size:.95rem}

/* --- košík (celá stránka) --- */
.cart-page{padding-block:clamp(36px,5vw,60px)}
.cart-list{margin-top:2rem;border-top:1px solid #e7e1d6}
.cart-row{display:grid;grid-template-columns:72px 1fr auto auto;gap:1.2rem;align-items:center;padding:1.2rem 0;border-bottom:1px solid #e7e1d6}
.cart-row .lt{width:72px;height:72px;border-radius:13px;background:linear-gradient(135deg,#10342d,var(--teal-ink));display:grid;place-items:center}
.cart-row .lt svg{width:60%;height:60%}
.cart-row .ci .nm{font-family:var(--font-d);font-weight:700;font-size:1.05rem}
.cart-row .ci .cc{font-family:var(--font-m);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--crimson);margin-top:.2rem}
.cart-row .cp{font-family:var(--font-d);font-weight:800;font-size:1.05rem;text-align:right;white-space:nowrap;min-width:90px}
.cart-row .cp.guest{font-family:var(--font-m);font-weight:600;font-size:.8rem;color:var(--teal)}
.cart-row .rm{font-family:var(--font-m);font-size:.66rem;color:var(--ink3);background:none;border:0;cursor:pointer;margin-top:.5rem;display:block}
.cart-row .rm:hover{color:var(--crimson)}
.cart-actions{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;margin-top:1.6rem}
.cart-clear{font-family:var(--font-d);font-weight:600;font-size:.9rem;color:var(--ink3);background:none;border:0;cursor:pointer}
.cart-clear:hover{color:var(--crimson)}

/* --- objednávka / checkout --- */
.checkout{padding-block:var(--sect)}
.co-grid{display:grid;grid-template-columns:1.3fr .9fr;gap:clamp(1.6rem,4vw,3rem);align-items:start;margin-top:2rem}
.co-card{background:#fff;border:1px solid #e7e1d6;border-radius:var(--r);padding:clamp(1.4rem,3vw,2.2rem)}
.co-card h2{font-size:1.3rem;margin-bottom:.3rem}
.co-card .sub{color:var(--ink2);font-size:.95rem;margin-bottom:1.6rem}
.fgrid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.field{display:flex;flex-direction:column;gap:.35rem}
.field.full{grid-column:1/-1}
.field label{font-family:var(--font-d);font-weight:600;font-size:.84rem;color:var(--ink2)}
.field label .req{color:var(--crimson)}
.field input,.field textarea{font-family:var(--font-b);font-size:.95rem;padding:.7em .85em;border:1px solid #d8d0c0;border-radius:11px;background:#fbfaf6;color:var(--ink);transition:.2s;width:100%}
.field input:focus,.field textarea:focus{outline:0;border-color:var(--teal);box-shadow:0 0 0 3px rgba(12,84,72,.12);background:#fff}
.consent{display:flex;gap:.6rem;align-items:flex-start;font-size:.84rem;color:var(--ink2);margin-top:.4rem}
.consent input{margin-top:.2rem}
.consent a{color:var(--crimson);text-decoration:underline}
.co-card .btn{margin-top:1.4rem;width:100%;justify-content:center}
.form-msg{margin-top:1rem;font-size:.9rem;padding:.7rem .9rem;border-radius:10px;display:none}
.form-msg.show{display:block}
.form-msg.err{background:rgba(200,0,60,.08);color:var(--crimson);border:1px solid rgba(200,0,60,.25)}
.co-aside{background:var(--teal-ink);color:var(--paper);border-radius:var(--r);padding:clamp(1.4rem,3vw,2rem);position:sticky;top:88px}
.co-aside h3{color:#fff;font-size:1.1rem;margin-bottom:1rem}
.co-aside .oline{display:flex;justify-content:space-between;gap:1rem;font-size:.9rem;padding:.6rem 0;border-bottom:1px solid rgba(127,217,201,.14);color:#cfe0db}
.co-aside .oline b{color:#fff;font-weight:600}
.co-aside .ot{display:flex;justify-content:space-between;font-family:var(--font-d);font-weight:800;font-size:1.05rem;margin-top:1rem;color:#fff}
.co-aside .note{margin-top:1rem;font-size:.82rem;color:#bcccc7;line-height:1.5}
.flow{display:flex;flex-direction:column;gap:.7rem;margin-top:1.3rem}
.flow .step{display:flex;gap:.7rem;font-size:.84rem;color:#cfe0db}
.flow .step b{font-family:var(--font-m);color:var(--teal-light);flex:none}

/* --- prihlásenie / registrácia / účet --- */
.auth-wrap{padding-block:clamp(40px,6vw,72px)}
.auth-intro{text-align:center;max-width:60ch;margin:0 auto 2.4rem}
.auth-intro .lead{margin-inline:auto}
.auth-card{max-width:560px;margin-inline:auto;background:#fff;border:1px solid #e7e1d6;border-radius:calc(var(--r) + 4px);box-shadow:var(--shadow);overflow:hidden}
.auth-tabs{display:grid;grid-template-columns:1fr 1fr}
.auth-tabs button{font-family:var(--font-d);font-weight:700;font-size:.95rem;padding:1.05em 1rem;border:0;background:#f3f0e8;color:var(--ink2);cursor:pointer;border-bottom:2px solid transparent;transition:.2s}
.auth-tabs button.on{background:#fff;color:var(--ink);border-bottom-color:var(--crimson)}
.auth-panel{padding:clamp(1.5rem,4vw,2.4rem);display:none}
.auth-panel.on{display:block}
.auth-panel h2{font-size:1.4rem;margin-bottom:1.3rem}
.auth-panel .field{margin-bottom:1rem}
.auth-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.auth-panel .field .err{font-size:.78rem;color:var(--crimson)}
.auth-panel .field input.bad{border-color:var(--crimson);box-shadow:0 0 0 3px rgba(200,0,60,.1)}
.auth-panel .btn{width:100%;justify-content:center;margin-top:.6rem}
.auth-alert{margin-bottom:1.2rem;font-size:.9rem;padding:.8rem 1rem;border-radius:11px}
.auth-alert.err{background:rgba(200,0,60,.08);color:var(--crimson);border:1px solid rgba(200,0,60,.22)}
.auth-alert.ok{background:rgba(12,84,72,.08);color:var(--teal);border:1px solid rgba(12,84,72,.22)}
.auth-guest{display:block;text-align:center;margin-top:1.4rem;font-family:var(--font-d);font-weight:600;color:var(--ink2)}
.auth-guest:hover{color:var(--crimson)}

.acc-card{max-width:560px;margin-inline:auto;background:#fff;border:1px solid #e7e1d6;border-radius:calc(var(--r) + 4px);box-shadow:var(--shadow);padding:clamp(1.6rem,4vw,2.4rem)}
.acc-card h2{font-size:1.5rem;margin-bottom:.3rem}
.acc-card .who{color:var(--ink2);margin-bottom:1.6rem}
.acc-rows{border-top:1px solid #ece7dc;margin-bottom:1.6rem}
.acc-rows .r{display:flex;justify-content:space-between;gap:1rem;padding:.8rem 0;border-bottom:1px solid #ece7dc;font-size:.95rem}
.acc-rows .r .lbl{color:var(--ink3);font-family:var(--font-m);font-size:.8rem;letter-spacing:.04em}
.status-badge{display:inline-flex;align-items:center;gap:.45em;font-family:var(--font-m);font-size:.74rem;font-weight:600;padding:.3em .8em;border-radius:999px}
.status-badge.active{background:rgba(12,84,72,.1);color:var(--teal)}
.status-badge.active::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--teal)}
.status-badge.pending{background:rgba(200,0,60,.08);color:var(--crimson)}
.status-badge.pending::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--crimson)}
.acc-actions{display:flex;gap:.8rem;flex-wrap:wrap}

@media(max-width:860px){
  .co-grid{grid-template-columns:1fr}
  .pd-grid{grid-template-columns:1fr}
  .trust .container{grid-template-columns:1fr}
  .fgrid,.auth-row{grid-template-columns:1fr}
  .co-aside{position:static}
  .cart-btn-lbl{display:none}
}
@media(max-width:560px){
  .cart-row{grid-template-columns:56px 1fr;grid-auto-flow:row}
  .cart-row .lt{width:56px;height:56px}
  .cart-row .cqty{grid-column:2}
  .cart-row .cp{grid-column:2;text-align:left;min-width:0}
}

/* --- pätička obchodu (vlastná, čistá – nahrádza generický .footer layout) --- */
.shop-foot{margin-top:clamp(64px,9vw,120px)}
.shop-foot .container{display:block}
.shop-foot-grid{display:grid;grid-template-columns:1.8fr 1fr 1fr;gap:clamp(1.8rem,4vw,3.5rem);padding-bottom:2.2rem;border-bottom:1px solid rgba(127,217,201,.14)}
.shop-foot-brand .brand-live{height:32px}
.shop-foot-brand .brand-live img{background:none;padding:0;border-radius:0;height:100%}
.shop-foot-brand .brand-live .o-spin{width:32px;height:32px;filter:drop-shadow(0 0 9px rgba(127,217,201,.4))}
.shop-foot-brand p{margin-top:1.15rem;font-size:.92rem;line-height:1.6;max-width:40ch;color:#a8bbb5}
.shop-foot-links{display:flex;flex-direction:column;gap:.7rem}
.shop-foot-links h4{font-family:var(--font-m);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--teal-light);margin-bottom:.5rem;font-weight:500}
.shop-foot-links a{font-size:.94rem;color:#bcccc7;transition:color .2s,padding-left .2s}
.shop-foot-links a:hover{color:#fff;padding-left:4px}
.shop-foot-bottom{display:flex;justify-content:space-between;align-items:center;gap:.7rem 1.6rem;flex-wrap:wrap;padding-top:1.5rem;font-size:.82rem;color:#8aa19b}
.shop-foot-bottom .flink{font-family:var(--font-d);font-weight:600;color:var(--teal-light)}
.shop-foot-bottom .flink:hover{color:#fff}
@media(max-width:760px){.shop-foot-grid{grid-template-columns:1fr 1fr}.shop-foot-brand{grid-column:1/-1}}
@media(max-width:480px){.shop-foot-grid{grid-template-columns:1fr;gap:1.6rem}}

/* --- spätná väzba + prístupnosť --- */
.cart-btn .count.bump{animation:countBump .42s cubic-bezier(.34,1.56,.64,1)}
@keyframes countBump{0%{transform:scale(1)}30%{transform:scale(1.5)}60%{transform:scale(.9)}100%{transform:scale(1)}}
.pd-buy .pd-qty{flex:none}
.shop-page a:focus-visible,.shop-page button:focus-visible,.shop-page input:focus-visible,.shop-page textarea:focus-visible{outline:2px solid var(--teal);outline-offset:2px;border-radius:8px}
.shop-page .btn-primary:focus-visible{outline-color:#fff;outline-offset:3px}
@media(prefers-reduced-motion:reduce){
  .cart-btn .count.bump{animation:none}
  .card,.pcard,.pillar,.drawer,.scrim{transition:none}
}

/* ===== Prístupnosť & UX dotiahnutia (júl 2026) ===== */
.skip-link{position:absolute;left:12px;top:-48px;z-index:200;background:var(--teal-ink,#0B201D);color:#fff;font-family:var(--font-d);font-weight:700;font-size:.9rem;padding:.65em 1.2em;border-radius:0 0 12px 12px;transition:top .15s ease}
.skip-link:focus{top:0;outline:2px solid var(--teal-light,#7FD9C9);outline-offset:2px}
@media(max-width:768px){.field input,.field select,.field textarea{font-size:16px}}