/* Coffee Alchemist — Grimoar 2.1: the account, rebuilt.
   Phone first: hello and the Grimoar in one card, then the account's pages as shortcuts that say what they hold,
   every page with a way back and tabs to the others. Wide screens: the pages in a column on the left. */

body.ca-grimoar{--ga-r:16px;--ga-r-s:12px;--ga-card:linear-gradient(160deg,#17120d,#0d0a07);--ga-teal:#9fe3d0;--ga-lilac:#c8b4ff;--ga-amber:#f0c56b}
body.gr-has-antet .gr-main{padding-top:14px}
.ga-muted{color:var(--gr-muted)}
.ga-k{display:block;margin:0;font-size:12.5px;line-height:1.3;color:var(--gr-muted)}
.ga-chev{display:block;flex:none;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;color:var(--gr-dim)}
.ga-ic{display:block;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.ca-grimoar .gr-btn{border-radius:999px!important}
.ca-grimoar .gr-btn-s{min-height:40px;padding:0 16px;font-size:13.5px!important}
.ca-grimoar .gr-btn-line{border-color:var(--gr-line-3)!important}

/* ---------- the frame ---------- */
.ga-side{display:none}
.gr-account.ga .gr-page-head{margin:0 0 12px}
.ga-tabs{display:flex;gap:6px;margin:0 calc(var(--gr-gutter) * -1) 20px;padding:0 var(--gr-gutter) 4px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.ga-tabs::-webkit-scrollbar{display:none}
.ca-grimoar .ga-tabs a{flex:none;display:inline-flex;align-items:center;height:38px;padding:0 14px;border-radius:999px;border:1px solid var(--gr-line-2);color:var(--gr-soft);font-size:13.5px;text-decoration:none;white-space:nowrap}
.ca-grimoar .ga-tabs a.is-on{border-color:var(--gr-gold);background:rgba(217,170,82,.12);color:var(--gr-gold-hi)}

/* ---------- the dashboard ---------- */
.ga-hello{margin:2px 0 14px!important;font-size:clamp(30px,7.5vw,40px)!important;line-height:1.05!important}
.ca-grimoar .ga-stage{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;gap:14px;padding:16px 14px 16px 16px;border-radius:var(--ga-r);border:1px solid var(--gr-edge,var(--gr-line-2));background:radial-gradient(120% 140% at 0% 0%,var(--gr-ground,#15110d),#0a0806 70%);box-shadow:0 0 40px -22px var(--gr-glow,transparent);color:var(--gr-text);text-decoration:none}
.ga-stage .gr-foil{opacity:.1}
.ga-stage-seal{position:relative;flex:none;width:62px;height:62px;display:grid;place-items:center}
.ga-stage-seal .gr-medal-ring{position:absolute;inset:0;border-radius:50%}
.ga-stage-disc{position:relative;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#0a0806;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.ga-stage-txt{display:block;flex:1;min-width:0}
.ga-stage-name{display:block;margin-top:2px;font:400 clamp(21px,6.6vw,26px)/1.15 var(--gr-serif)}
.ga-stage-name b{overflow-wrap:anywhere;word-break:break-word}
.ga-stage-name b{font-weight:400}
.ga-stage-name em{display:inline-block;font:600 13.5px/1.3 var(--gr-sans);font-style:normal;color:var(--gr-sig,var(--gr-gold-hi))}
.ga-bar{position:relative;display:block;height:5px;margin:10px 0 0;border-radius:3px;background:rgba(242,235,223,.1);overflow:hidden}
.ga-bar i{position:absolute;left:0;top:0;bottom:0;border-radius:3px}
.ga-stage-next{display:block;margin-top:7px;font-size:13px;line-height:1.45;color:var(--gr-soft)}
.ga-stage.is-locked{align-items:flex-start}
.ga-stage.is-locked .ga-stage-name{font-size:22px}
.ga-stage.is-locked .gr-btn{margin-top:14px}
.ga-stage.is-locked .gr-medal-ring{opacity:.5}

.ga-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0 0}
.ca-grimoar .ga-tile{display:flex;flex-direction:column;gap:10px;min-height:112px;padding:14px;border-radius:var(--ga-r);border:1px solid var(--gr-line);background:var(--ga-card);color:var(--gr-text);text-decoration:none;transition:border-color .2s,transform .2s var(--gr-ease)}
.ca-grimoar .ga-tile:active{transform:scale(.98)}
@media (hover:hover){.ca-grimoar .ga-tile:hover{border-color:var(--gr-line-3)}}
.ga-tile-ic{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:12px;background:rgba(217,170,82,.1);color:var(--gr-gold-hi)}
.ga-tile-txt{display:block;min-width:0}
.ga-tile-txt b{display:block;font:400 17px/1.2 var(--gr-serif)}
.ga-tile-txt span{display:block;margin-top:3px;font-size:12.5px;line-height:1.35;color:var(--gr-muted);word-break:break-word;overflow-wrap:anywhere}
.ca-grimoar .ga-tile.is-wide,.ca-grimoar .ga-tile.is-span{grid-column:1/-1;flex-direction:row;align-items:center;min-height:0}
.ga-tile.is-atanor .ga-tile-ic{background:rgba(159,227,208,.1);color:var(--ga-teal)}
.ga-tile.is-favoritele-mele .ga-tile-ic{color:#f2a8a0;background:rgba(242,168,160,.1)}
.ga-tile.is-oblio-invoices .ga-tile-ic,.ga-tile.is-payment-methods .ga-tile-ic{color:var(--gr-soft);background:rgba(242,235,223,.07)}

.ga-card{position:relative;padding:18px 16px;border-radius:var(--ga-r);border:1px solid var(--gr-line);background:var(--ga-card)}
.gr-content > .ga-card,.gr-content > .ga-school,.gr-content > section{margin-top:12px}
.ga-card-title{margin:2px 0 0!important;font-size:21px!important;line-height:1.2!important}
.ga-card p{margin:10px 0 0;color:var(--gr-soft);line-height:1.55}
.ga-ritual.is-due{border-color:rgba(240,197,107,.5);box-shadow:0 0 34px -20px rgba(240,197,107,.7)}
.ga-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:14px 0 0;padding:0;list-style:none;font-size:11.5px;color:var(--gr-dim)}
.ga-steps li{display:flex;flex-direction:column;gap:7px}
.ga-steps li span{display:block;height:4px;border-radius:2px;background:rgba(242,235,223,.12)}
.ga-steps li.is-done{color:var(--gr-soft)}
.ga-steps li.is-done span{background:var(--ga-teal);box-shadow:0 0 10px -2px var(--ga-teal)}
.ga-items{display:grid;gap:8px;margin:14px 0 0;padding:0;list-style:none}
.ga-items li{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--gr-soft)}
.ga-thumb{display:block;flex:none;width:46px;height:46px;border-radius:10px;overflow:hidden;background:#000;border:1px solid var(--gr-line)}
.ga-thumb img{display:block;width:100%;height:100%;object-fit:cover}
.ga-item-name{flex:1;min-width:0}
.ga-item-qty{flex:none;color:var(--gr-dim)}
.ga-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.ga-actions .gr-btn{flex:1 1 150px;white-space:nowrap}
.ga-fine{margin:10px 0 0!important;font-size:12.5px!important;color:var(--gr-dim)!important}

.ga-school .ca-atn-acc{margin:0}
.ga-school .ca-atn-card{max-width:none}

.ga-sec{margin-top:26px}
.ga-sec-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:10px}
.ga-sec-head h2{font-size:22px!important}
.ga-sec-head p{margin:0;font-size:13px;color:var(--gr-muted)}
.ga-col{display:flex;gap:10px;margin:0 calc(var(--gr-gutter) * -1);padding:0 var(--gr-gutter) 6px;list-style:none;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.ga-col::-webkit-scrollbar{display:none}
.ga-col li{flex:none;width:132px;scroll-snap-align:start}
.ca-grimoar .ga-col a{display:block;color:var(--gr-text);text-decoration:none}
.ga-col-img{display:block;aspect-ratio:4/5;border-radius:var(--ga-r-s);overflow:hidden;background:#000;border:1px solid var(--gr-line)}
.ga-col-img img{display:block;width:100%;height:100%;object-fit:cover}
.ga-col li.is-new .ga-col-img img{filter:grayscale(.65) brightness(.7)}
.ga-col-name{display:block;margin-top:8px;font:400 15px/1.2 var(--gr-serif)}
.ga-col-note{display:block;margin-top:2px;font-size:12px;color:var(--gr-dim)}
.ga-col li.is-tasted .ga-col-note{color:var(--gr-ok)}
.ga-badges{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none}
.ga-badges li{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 6px 12px;border-radius:var(--ga-r-s);border:1px solid var(--gr-line);background:rgba(242,235,223,.02);text-align:center}
.ga-badge-ic{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;border:1px dashed var(--gr-line-2);color:var(--gr-dim)}
.ga-badge-ic svg{width:24px;height:24px}
.ga-badges b{font:400 14px/1.2 var(--gr-serif);color:var(--gr-soft)}
.ga-badges li > span:last-child{font-size:11.5px;line-height:1.35;color:var(--gr-dim)}
.ga-badges li.is-got{border-color:rgba(217,170,82,.4);background:rgba(217,170,82,.06)}
.ga-badges li.is-got .ga-badge-ic{border-style:solid;border-color:var(--gr-gold);color:var(--gr-gold-hi);box-shadow:0 0 18px -6px var(--gr-gold)}
.ga-badges li.is-got b{color:var(--gr-text)}

.ga-ladder{display:grid;gap:6px;margin:14px 0 16px;padding:0;list-style:none}
.ga-ladder li{display:grid;grid-template-columns:30px minmax(0,1fr) auto;grid-template-rows:auto auto;column-gap:10px;align-items:center;padding:9px 10px;border-radius:var(--ga-r-s);background:rgba(242,235,223,.03)}
.ga-ladder-seal{grid-row:1/3;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;border:1px solid var(--gr-edge,var(--gr-line-2))}
.ga-ladder b{font:400 15.5px/1.2 var(--gr-serif);color:var(--gr-text)}
.ga-ladder li > span:not(.ga-ladder-seal){grid-row:1/3;grid-column:3;font-weight:700;color:var(--gr-sig,var(--gr-gold))}
.ga-ladder small{font-size:12px;color:var(--gr-dim)}
.ga-ladder li.is-now{background:rgba(242,235,223,.07);box-shadow:inset 0 0 0 1px var(--gr-edge,var(--gr-line-3))}
.ga-ladder li.is-now small{color:var(--gr-sig,var(--gr-gold-hi))}
.ga-ladder li.is-locked .ga-ladder-seal svg{opacity:.55}
.ga-how .gr-btn{width:100%}
.ga-rules{margin-top:14px;border-top:1px solid var(--gr-line)}
.ga-rules summary{display:flex;justify-content:space-between;align-items:center;min-height:48px;cursor:pointer;list-style:none;font-size:14.5px;color:var(--gr-soft)}
.ga-rules summary::-webkit-details-marker{display:none}
.ga-rules summary::after{content:"+";font-size:20px;color:var(--gr-gold)}
.ga-rules[open] summary::after{content:"−"}
.ga-rules ul{margin:0;padding:0 0 4px 18px;color:var(--gr-soft);font-size:14px;line-height:1.55}
.ga-rules li+li{margin-top:6px}
.ga-out{margin:26px 0 0!important;text-align:center}
.ca-grimoar .ga-out a{display:inline-flex;align-items:center;min-height:44px;color:var(--gr-muted);font-size:14px}

/* ---------- the orders ---------- */
.ga-orders{display:grid;gap:10px;margin:0;padding:0;list-style:none}
.ga-order{border-radius:var(--ga-r);border:1px solid var(--gr-line);background:var(--ga-card);overflow:hidden}
.ca-grimoar .ga-order-main{display:flex;align-items:center;gap:12px;padding:14px 12px 14px 14px;color:var(--gr-text);text-decoration:none}
.ga-stack{position:relative;flex:none;width:58px;height:58px}
.ga-stack .ga-thumb{position:absolute;width:52px;height:52px;border-radius:12px;box-shadow:0 6px 14px -8px #000}
.ga-stack .ga-thumb:nth-child(1){left:0;top:0;z-index:3}
.ga-stack .ga-thumb:nth-child(2){left:5px;top:5px;z-index:2;opacity:.75}
.ga-stack .ga-thumb:nth-child(3){left:10px;top:10px;z-index:1;opacity:.5}
.ga-order-txt{display:block;flex:1;min-width:0}
.ga-order-top{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.ga-order-top b{font:400 19px/1.2 var(--gr-serif)}
.ga-order-total{flex:none;font-weight:700;font-size:15px;color:var(--gr-text)}
.ga-order-total del{opacity:.5;font-weight:400}
.ga-order-total ins{text-decoration:none}
.ga-order-date{display:block;margin-top:2px;font-size:12.5px;color:var(--gr-muted)}
.ga-order-line{display:block;margin-top:6px;font-size:13.5px;color:var(--gr-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ga-status{display:inline-flex;align-items:center;gap:7px;margin-top:8px;padding:3px 10px 3px 8px;border-radius:999px;font-size:12px;font-weight:600;color:var(--st,var(--gr-soft));background:rgba(242,235,223,.05);border:1px solid rgba(242,235,223,.12)}
.ga-status i{width:7px;height:7px;border-radius:50%;background:var(--st,var(--gr-soft));box-shadow:0 0 8px var(--st,transparent)}
.ga-status.is-completed{--st:var(--gr-ok)}
.ga-status.is-processing,.ga-status.is-on-hold{--st:var(--ga-teal)}
.ga-status.is-pending{--st:var(--ga-amber)}
.ga-status.is-cancelled,.ga-status.is-failed{--st:var(--gr-danger)}
.ga-status.is-refunded{--st:var(--ga-lilac)}
.ga-mini{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin-top:9px;max-width:220px}
.ga-mini i{display:block;height:3px;border-radius:2px;background:rgba(242,235,223,.12)}
.ga-mini i.is-done{background:var(--ga-teal)}
.ga-order-acts{display:flex;flex-wrap:wrap;gap:8px;padding:0 14px 14px 84px}
.ga-order.is-cancelled .ga-order-main,.ga-order.is-failed .ga-order-main,.ga-order.is-refunded .ga-order-main{opacity:.78}

/* ---------- one order ---------- */
.ga-ohero{padding-bottom:16px}
.ga-ohero-top{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.ga-ohero-top .ga-status{margin-top:0}
.ga-ohero-top .ga-muted{font-size:13px}
.ga-terminal{margin:14px 0 0!important;font:400 17px/1.45 var(--gr-serif)!important;color:var(--gr-soft)!important}
.ga-track{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:20px 0 4px;padding:0;list-style:none;counter-reset:s}
.ga-track li{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;padding:0 2px}
.ga-track li::before{content:"";position:absolute;top:7px;left:-50%;right:50%;height:2px;background:rgba(242,235,223,.12)}
.ga-track li:first-child::before{display:none}
.ga-track li.is-done::before{background:var(--ga-teal)}
.ga-dot{position:relative;z-index:1;width:16px;height:16px;border-radius:50%;border:2px solid rgba(242,235,223,.25);background:#0b0907}
.ga-track li.is-done .ga-dot{border-color:var(--ga-teal);background:var(--ga-teal);box-shadow:0 0 12px -2px var(--ga-teal)}
.ga-track b{font-size:12.5px;font-weight:600;color:var(--gr-soft)}
.ga-track li:not(.is-done) b{color:var(--gr-dim);font-weight:400}
.ga-track small{font-size:11px;line-height:1.3;color:var(--gr-dim)}
.ga-lines{display:grid;gap:12px;margin:14px 0 0;padding:0;list-style:none}
.ga-lines li{display:flex;align-items:flex-start;gap:12px}
.ga-lines .ga-thumb{width:56px;height:56px}
.ga-line-txt{display:block;flex:1;min-width:0}
.ga-line-txt b{display:block;font:400 15.5px/1.3 var(--gr-serif)}
.ca-grimoar .ga-line-txt b a{color:var(--gr-text);text-decoration:none}
.ga-line-txt > span{display:block;margin-top:2px;font-size:12.5px;color:var(--gr-muted)}
.ga-line-meta{display:block;margin-top:2px;font-size:12px;color:var(--gr-dim)}
.ga-line-meta p{display:inline;margin:0}
.ga-line-sum{flex:none;font-weight:600;font-size:14.5px}
.ga-totals{margin:16px 0 0;padding:12px 0 0;border-top:1px solid var(--gr-line)}
.ga-totals div{display:flex;justify-content:space-between;gap:16px;padding:5px 0;font-size:14px;color:var(--gr-soft)}
.ga-totals dt{margin:0}
.ga-totals dd{margin:0;text-align:right;color:var(--gr-text)}
.ga-totals .is-order_total{margin-top:6px;padding-top:10px;border-top:1px solid var(--gr-line);font-size:17px}
.ga-totals .is-order_total dd{font-weight:700;color:var(--gr-gold-hi)}
.ga-totals small{color:var(--gr-dim)}
.ga-addr{display:grid;gap:18px}
.ca-grimoar .ga-card address{margin-top:8px;padding:0;border:0;background:none;font-style:normal;line-height:1.65;color:var(--gr-soft)}
.ga-inv-card{display:flex;align-items:center;gap:12px}
.ga-inv-txt{display:block;flex:1;min-width:0}
.ga-inv-txt b{display:block;font:400 16.5px/1.25 var(--gr-serif)}
.ga-inv-txt > span{display:block;margin-top:2px;font-size:12.5px;color:var(--gr-muted)}
.ga-notes ol{margin:10px 0 0;padding:0;list-style:none}
.ga-notes li+li{margin-top:12px;padding-top:12px;border-top:1px solid var(--gr-line)}
.ga-notes li p{margin:4px 0 0}
.ga-extra:empty{display:none}
.ga-extra{margin-top:12px}

/* ---------- addresses, cards, invoices ---------- */
.ga-lead{margin:0 0 14px!important;color:var(--gr-soft)!important;font-size:14.5px;line-height:1.55}
.ga-addrs,.ga-cards,.ga-invs{display:grid;gap:10px;margin:0;padding:0;list-style:none}
.ga-addr-head{display:flex;align-items:flex-start;gap:12px}
.ga-addr-head p{margin:2px 0 0!important;font-size:13px}
.ga-addr-card address{margin:12px 0 0!important;padding:12px 14px!important;border-radius:var(--ga-r-s)!important;background:rgba(242,235,223,.03)!important}
.ga-addr-card .gr-btn{margin-top:14px;width:100%}
.ga-empty-line{margin:12px 0 0!important;font-size:14px;color:var(--gr-muted)!important}
.ga-paycard{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.ga-chipcard{position:relative;flex:none;width:58px;height:40px;border-radius:8px;background:linear-gradient(135deg,#2a2016,#0f0b08);border:1px solid var(--gr-line-2)}
.ga-chipcard i{position:absolute;left:9px;top:12px;width:14px;height:11px;border-radius:3px;background:linear-gradient(135deg,#f0d58c,#a97029)}
.ga-pay-txt{display:block;flex:1;min-width:150px}
.ga-pay-txt b{display:block;font:400 17px/1.2 var(--gr-serif)}
.ga-pay-txt span{display:block;margin-top:2px;font-size:12.5px;color:var(--gr-muted)}
.ga-pay-acts{display:flex;gap:8px;flex-wrap:wrap}
.ga-paycard.is-default{border-color:rgba(217,170,82,.45)}
.ga-center{margin:18px 0 0!important;text-align:center}
.gr-empty .ga-ic{width:40px;height:40px;color:var(--gr-gold)}

/* ---------- forms (addresses, account details) ---------- */
.ca-grimoar .gr-ep-edit-address .gr-content form > h2:first-child,.ca-grimoar .gr-ep-edit-address .gr-content form > h3:first-child{display:none}
.ca-grimoar .gr-content .woocommerce-address-fields,.ca-grimoar .gr-content form.woocommerce-EditAccountForm{padding:18px 16px;border-radius:var(--ga-r);border:1px solid var(--gr-line);background:var(--ga-card)}
.ca-grimoar .gr-content form.woocommerce-EditAccountForm{display:block}
.ca-grimoar .gr-content .woocommerce-address-fields > h2,.ca-grimoar .gr-content form h3{font-size:20px!important;margin:0 0 14px!important}
.ca-grimoar .gr-content input.input-text,.ca-grimoar .gr-content select,.ca-grimoar .gr-content textarea,.ca-grimoar .gr-content .select2-container .select2-selection--single{border-radius:var(--ga-r-s)!important}
.ca-grimoar .gr-content :is(.woocommerce-address-fields,.woocommerce-EditAccountForm) :is(.form-row-first,.form-row-last){width:100%!important}
.ca-grimoar .gr-content fieldset{border-radius:var(--ga-r-s)}
.ca-grimoar .gr-content :is(.woocommerce-address-fields,.woocommerce-EditAccountForm) em{display:block;margin-top:4px;font-size:12.5px;color:var(--gr-dim)}
.ca-grimoar .gr-content :is(.woocommerce-address-fields,.woocommerce-EditAccountForm) button[type="submit"]{width:100%;min-height:54px;border-radius:999px!important}
.ca-grimoar .gr-content :is(.woocommerce-address-fields,.woocommerce-EditAccountForm) .clear{display:none}

/* ---------- favourites ---------- */
.gr-favs{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.gr-favs li.gr-card{display:flex;flex-direction:column;gap:0;padding:0;overflow:hidden;border-radius:var(--ga-r);background:var(--ga-card)}
.gr-favs .gr-fav-img{aspect-ratio:1;border-radius:0}
.gr-fav-text{padding:12px}
.gr-fav-text h2{font-size:16.5px!important}
.gr-fav-price{margin-top:4px;font-size:13.5px;color:var(--gr-soft)}
.gr-fav-actions{display:flex;flex-direction:column;gap:6px;margin-top:10px}
.ca-grimoar .gr-fav-actions .gr-btn{width:100%;min-height:40px}

/* ---------- wide screens: the pages in a column on the left ---------- */
@media (min-width:980px){
  .gr-account.ga{display:grid;grid-template-columns:260px minmax(0,1fr);gap:34px;align-items:start;max-width:none!important;margin:0!important}
  .ga-side{display:block;position:sticky;top:calc(var(--caa-top,0px) + 110px)}
  .ca-grimoar .ga-me{display:flex;align-items:center;gap:12px;padding:14px;border-radius:var(--ga-r);border:1px solid var(--gr-edge,var(--gr-line-2));background:var(--ga-card);color:var(--gr-text);text-decoration:none}
  .ga-me-seal{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:50%;border:1px solid var(--gr-edge,var(--gr-line-2));color:var(--gr-gold-hi);box-shadow:0 0 18px -8px var(--gr-glow,transparent)}
  .ga-me-txt{display:block;min-width:0}
  .ga-me-txt b{display:block;font:400 18px/1.2 var(--gr-serif);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .ga-me-txt span{display:block;margin-top:2px;font-size:12.5px;color:var(--gr-muted)}
  .ga-nav{display:grid;gap:2px;margin-top:12px}
  .ca-grimoar .ga-nav a{display:flex;align-items:center;gap:12px;min-height:46px;padding:0 12px;border-radius:12px;color:var(--gr-soft);text-decoration:none;font-size:14.5px}
  .ga-nav a .ga-ic{width:19px;height:19px;color:var(--gr-dim)}
  .ca-grimoar .ga-nav a:hover{background:rgba(242,235,223,.04);color:var(--gr-text)}
  .ca-grimoar .ga-nav a.is-on{background:rgba(217,170,82,.1);color:var(--gr-gold-hi)}
  .ga-nav a.is-on .ga-ic{color:var(--gr-gold)}
  .ga-nav a.is-customer-logout{margin-top:8px;color:var(--gr-muted)}
  .ga-tabs{display:none}
  .ga-out{display:none}
  .ga-hello{font-size:44px!important}
  .ga-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ca-grimoar .ga-tile.is-wide,.ca-grimoar .ga-tile.is-span{grid-column:auto;flex-direction:column;align-items:stretch;min-height:112px}
  .ga-badges{grid-template-columns:repeat(6,minmax(0,1fr))}
  .ga-col{flex-wrap:wrap;margin:0;padding:0;overflow:visible}
  .ga-col li{width:calc(25% - 7.5px)}
  .ga-orders{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ga-addrs{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ga-addr{grid-template-columns:repeat(2,minmax(0,1fr))}
  .gr-favs{grid-template-columns:repeat(3,minmax(0,1fr))}
  .gr-content{max-width:900px}
}
@media (max-width:359px){
  .ga-tiles{grid-template-columns:minmax(0,1fr)}
  .ga-order-acts{padding-left:14px}
  .ga-badges{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (prefers-reduced-motion:reduce){
  .ca-grimoar .ga-tile,.ca-grimoar .ga-stage{transition:none}
}

/* ---------- the door (log in / create an account): the five stages, three and two ---------- */
.ca-grimoar .gr-login-stages{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.ca-grimoar .gr-login-stages li{flex:0 0 calc(33.333% - 6px);border-radius:var(--ga-r-s)}
.ca-grimoar .gr-login .gr-card,.ca-grimoar .gr-login details{border-radius:var(--ga-r)}