:root { --store-accent: #2761E7; --store-dark: #0b2236; }
html { scroll-padding-top: 100px; }
[hidden] { display: none !important; }
.skip-link { position: fixed; top: -80px; left: 20px; z-index: 100; padding: 12px 20px; background: #fff; color: #0b2236; }
.skip-link:focus { top: 12px; }
:focus-visible { outline: 3px solid #089cce; outline-offset: 4px; }
.topbar__inner { max-width: 1328px; gap: 22px; }
.topbar .nav { gap: 0; margin-left: 0; }
.topbar .nav__link { padding: 10px; font-size: var(--text-small); }
.topbar .search { width: clamp(230px, 25vw, 380px); }
.topbar .search input { min-width: 0; width: 100%; }
.catalog-nav { background: #fff; border-bottom: 1px solid #e3e8ed; }
.catalog-nav__inner { max-width: 1328px; display: flex; align-items: center; gap: 30px; min-height: 52px; overflow-x: auto; scrollbar-width: none; }
.catalog-nav__inner::-webkit-scrollbar { display: none; }
.catalog-nav a { flex-shrink: 0; font-size: var(--text-small); font-weight: 600; color: #415466; white-space: nowrap; }
.catalog-nav a:hover { color: #007bad; }
.catalog-nav__all { display: flex; align-items: center; gap: 12px; padding-right: 28px; border-right: 1px solid #dce4eb; color: #102c43 !important; }
.nav-tag { color: #06734c; background: #e5f6ed; padding: 3px 5px; font-size: var(--text-small); border-radius: 3px; margin-left: 5px; }
.store-home { background: #fff; }
.store-home .container { max-width: 1328px; }
.store-home .announcement { background: #e9f6fb; color: #21485e; }
.store-home .announcement a { color: #14526d; }
.store-home .announcement__live { color: #21485e; }
.store-home .announcement__live > span { background: #08789e; box-shadow: none; }
.store-home .announcement__message { opacity: 1; font-size: var(--text-small); }
.store-eyebrow { display: block; margin-bottom: 12px; font-size: var(--text-small); font-weight: 700; letter-spacing: .15em; color: #527182; }
.catalog-hero { padding: 26px 0; background: #f3f6f8; }
.catalog-hero__layout { display: grid; grid-template-columns: 1.15fr 1fr; gap: 18px; }
.catalog-hero__copy { position: relative; overflow: hidden; min-height: 420px; display: flex; flex-direction: column; align-items: flex-start; padding: 42px; border-radius: 10px; background: #0b2236; color: #fff; }
.catalog-hero__copy::after { content: ''; position: absolute; width: 360px; height: 360px; bottom: -245px; right: -75px; border: 50px solid #164562; border-radius: 50%; pointer-events: none; }
.catalog-hero__copy > * { position: relative; z-index: 1; }
.catalog-hero__copy .store-eyebrow { color: #a7c4d4; margin-bottom: 20px; }
.catalog-hero h1 { margin: 0; font-family: var(--font-display); font-size: clamp(38px, 3.7vw, 53px); font-weight: 600; line-height: 1.08; letter-spacing: -.05em; }
.catalog-hero h1 em { color: #56cef4; font-style: normal; }
.catalog-hero__copy > p { color: #c0d0db; max-width: 400px; font-size: var(--text-small); line-height: 1.8; margin: 22px 0 24px; }
.catalog-hero__actions { display: flex; gap: 20px; flex-wrap: wrap; align-items: center; z-index: 1; }
.catalog-hero__secondary { font-size: var(--text-small); color: #d3e4ef; }
.catalog-hero__secondary:hover { text-decoration: underline; }
.catalog-hero__picks { display: grid; grid-template-rows: 1fr 1fr; gap: 18px; min-width: 0; }
.hero-pick { display: grid; grid-template-columns: 1.3fr 1fr; align-items: center; min-width: 0; border: 1px solid #dce6ed; padding: 24px; border-radius: 10px; background: #e5eff5; overflow: hidden; transition: border-color .2s; }
.hero-pick:hover { border-color: #098eba; }
.hero-pick--1 { background: #eaf0e9; border-color: #dce5d9; }
.hero-pick h2 { font-family: var(--font-display); font-size: 21px; line-height: 1.2; letter-spacing: -.03em; margin: 0 0 6px; max-width: 265px; }
.hero-pick p { margin: 0 0 10px; color: #566979; font-size: var(--text-small); }
.hero-pick__price { font-size: 18px; font-weight: 700; }
.hero-pick__price small { font-size: var(--text-small); font-weight: 500; }
.hero-pick__link { display: flex; gap: 16px; margin-top: 12px; font-size: var(--text-small); font-weight: 600; }
.hero-pick__art { min-width: 0; display: grid; place-items: center; }
.hero-pick__art svg { width: 100%; height: auto; max-height: 180px; filter: drop-shadow(0 12px 6px #183f5420); transform: rotate(5deg); transition: transform .2s; }
.hero-pick:hover svg { transform: translateY(-4px) rotate(2deg); }
.hero-pick__art img { width: 100%; height: 170px; object-fit: contain; }
.catalog-benefits { border-bottom: 1px solid #e5eaf0; }
.catalog-benefits .container { display: grid; grid-template-columns: repeat(4, 1fr); }
.catalog-benefits span { display: flex; align-items: center; justify-content: center; gap: 10px; padding: 19px 12px; color: #425b6b; font-size: var(--text-small); }
.catalog-benefits b { color: #047ea8; font-size: 20px; font-weight: 400; }
.store-section { padding: 60px 0; scroll-margin-top: 15px; }
.store-section__head { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: 26px; }
.store-section h2, .faq-layout h2 { font: 600 30px/1.2 var(--font-display); letter-spacing: -.04em; margin: 0; color: #122e43; }
.store-section__head p { font-size: var(--text-small); color: #5b7181; line-height: 1.7; margin: 10px 0 0; }
.store-link { color: #1b5876; display: inline-flex; align-items: center; gap: 16px; font-size: var(--text-small); font-weight: 600; white-space: nowrap; }
.store-link:hover { text-decoration: underline; text-underline-offset: 4px; }
.store-link > span { font-size: 20px; color: #0084b5; }
.brand-browser__grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 12px; }
.brand-browser.is-collapsed .brand-tile:nth-child(n+7) { display: none; }
.brand-tile { display: flex; flex-direction: column; justify-content: space-between; min-height: 110px; padding: 25px 18px 14px; border: 1px solid #dfe7ec; border-radius: 6px; transition: background .2s, border-color .2s; }
.brand-tile:hover { background: #f1f8fb; border-color: #219dc8; }
.brand-tile strong { font: 700 15px var(--font-display); text-align: center; letter-spacing: -.04em; }
.brand-tile > span { display: flex; justify-content: space-between; font-size: var(--text-small); color: #657c8c; margin-top: 16px; }
.brand-tile b { color: #2d789a; }
.brand-expand { display: block; padding: 10px 0; margin: 14px auto -12px; color: #416d83; font-size: var(--text-small); }
.brand-expand span { margin-left: 8px; }
.store-section--equipment { padding-top: 36px; padding-bottom: 36px; background: #f5f8fa; border-block: 1px solid #e7edf1; }
.equipment-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; }
.equipment-tile { position: relative; display: grid; grid-template-columns: 42px 1fr; gap: 4px 15px; align-items: center; background: #fff; border: 1px solid #e0e8ee; border-radius: 6px; padding: 21px 18px; }
.equipment-tile:hover { border-color: #0b90bf; }
.equipment-tile svg { width: 36px; height: 36px; grid-row: span 2; color: #276682; }
.equipment-tile strong { font-size: var(--text-small); }
.equipment-tile > span { display: flex; justify-content: space-between; gap: 8px; font-size: var(--text-small); color: #648092; }
.store-home .carousel__viewport { padding: 3px 0 8px; margin: 0; }
.store-home .carousel__track { gap: 18px; }
.store-home .carousel__track > .card { flex: 0 0 calc((100% - 54px) / 4); min-width: 0; }
.store-home .card { border-radius: 7px; box-shadow: none; }
.store-home .card__media { aspect-ratio: 1.55; background: #f1f5f8 !important; }
.store-home .card__name { font-size: var(--text-small); text-transform: none; min-height: 36px; }
.store-home .card__body { padding: 16px; }
.store-home .card__brand--primary { border: 0; padding: 0; }
.store-home .card__price { margin-top: 3px; }
.store-home .card__price-now { font-size: 21px; }
.store-home .card__commerce-tags span { font-size: var(--text-small); }
.store-home .card__btn { border-radius: 4px; }
.store-home .card__badge { font-size: var(--text-small); top: 10px; left: 10px; }
.store-carousel-controls { display: flex; justify-content: center; gap: 18px; align-items: center; margin-top: 16px; }
.store-home .carousel__arrow { position: static; transform: none; width: 34px; height: 34px; box-shadow: none; font-size: 18px; }
.store-home .carousel__dots { padding: 0; margin: 0; }
.store-home .best-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 22px 18px; }
.trial-banner { background: #e9f5f7; border-block: 1px solid #dcebef; }
.trial-banner__inner { display: flex; gap: 28px; align-items: center; padding-block: 27px; }
.trial-banner__icon { flex-shrink: 0; width: 60px; height: 60px; display: grid; place-items: center; border: 1px solid #adcdda; border-radius: 50%; color: #167c9c; font-size: 36px; }
.trial-banner .store-eyebrow { font-size: var(--text-small); margin-bottom: 5px; }
.trial-banner h2 { font: 600 24px var(--font-display); letter-spacing: -.035em; margin: 0; color: #143d54; }
.trial-banner p { font-size: var(--text-small); color: #526f80; margin: 6px 0 0; }
.trial-banner .btn { margin-left: auto; flex-shrink: 0; }
.store-section--services { background: #f5f8fa; }
.services-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.service-tile { display: flex; flex-direction: column; align-items: flex-start; border: 1px solid #e0e8ee; padding: 24px; background: #fff; border-radius: 7px; }
.service-tile:hover { border-color: #0a89b1; }
.service-tile__number { color: #5e7686; font-size: var(--text-small); letter-spacing: .08em; }
.service-tile__symbol { font-size: 36px; color: #197fa6; line-height: 1; padding: 24px 0 18px; }
.service-tile h3 { font: 600 18px var(--font-display); margin: 0; letter-spacing: -.03em; }
.service-tile p { font-size: var(--text-small); line-height: 1.8; color: #5e7282; margin: 10px 0 22px; }
.service-tile .store-link { margin-top: auto; }
.buying-guide { background: var(--store-surface); color: var(--store-text); padding: 56px 0; }
.buying-guide > .container { display: grid; grid-template-columns: minmax(0, 1fr); gap: 36px; }
.buying-guide__heading { display: flex; flex-direction: column; align-items: center; gap: 18px; text-align: center; }
.buying-guide h2 { font: 500 36px/1.15 var(--font-display); margin: 0; letter-spacing: -.04em; }
.buying-steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; padding: 0; margin: 0; list-style: none; }
.buying-step { position: relative; display: flex; flex-direction: column; align-items: center; padding: 34px 22px 26px; border: 1px solid var(--store-border); border-radius: 12px; background: var(--store-white); text-align: center; }
.buying-step__number { position: absolute; top: 0; left: 50%; transform: translate(-50%, -50%); display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; background: var(--store-accent); color: var(--store-on-accent); font: 600 15px var(--font-display); box-shadow: 0 0 0 5px var(--store-surface); }
.buying-steps h3 { margin: 0; font-weight: 600; }
.buying-steps p { max-width: 30ch; margin: 6px 0 0; color: var(--store-muted); }
.buying-guide__cta { justify-self: center; }
@media (max-width: 760px) {
  .buying-steps { grid-template-columns: minmax(0, 1fr); gap: 32px; }
}
.faq-layout { display: grid; grid-template-columns: 1fr 1.5fr; gap: 80px; }
.faq-list details { border-bottom: 1px solid #dce6ed; scroll-margin-top: 110px; }
.faq-list summary { position: relative; cursor: pointer; padding: 20px 28px 20px 0; font-size: var(--text-small); font-weight: 600; list-style: none; }
.faq-list summary::-webkit-details-marker { display: none; }
.faq-list summary::after { content: '+'; position: absolute; right: 2px; color: #39718c; font-size: 19px; top: 14px; }
.faq-list details[open] summary::after { content: '−'; }
.faq-list p { font-size: var(--text-small); line-height: 1.9; color: #586f7e; margin: 0 0 18px; }
.faq-list details > a { display: inline-block; font-size: var(--text-small); color: #006b95; margin-bottom: 20px; text-decoration: underline; }
.store-footer { background: #081b2a; }
.store-footer .footer__cols { padding-top: 48px; padding-bottom: 44px; }
.store-footer .footer__bottom { font-size: var(--text-small); }
.store-help { position: fixed; right: 22px; bottom: 22px; z-index: 35; }
.store-help__button { display: flex; align-items: center; gap: 9px; padding: 10px 16px 10px 10px; border: 1px solid #426078; border-radius: 40px; background: #10354e; color: #fff; box-shadow: 0 5px 22px #0a203528; font: inherit; font-size: var(--text-small); cursor: pointer; }
.store-help__mark { display: grid; place-items: center; border: 1px solid #7396ad; border-radius: 50%; width: 22px; height: 22px; }
.store-help__panel { position: absolute; right: 0; bottom: calc(100% + 10px); width: min(340px, calc(100vw - 24px)); max-height: calc(100dvh - 110px); overflow-y: auto; padding: 16px; border: 1px solid var(--store-border); border-radius: 12px; background: var(--store-white); color: var(--store-text); box-shadow: 0 18px 50px #04101c33; }
.store-help__panel[hidden] { display: none; }
.store-help__head { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.store-help__head h2 { margin: 0; font-size: var(--text-subheading); font-weight: 600; }
.store-help__close { display: grid; place-items: center; width: 32px; height: 32px; border: 0; border-radius: 8px; background: none; color: var(--store-muted); font-size: 22px; line-height: 1; cursor: pointer; }
.store-help__close:hover { background: var(--store-soft); color: var(--store-text); }
.store-help__message { margin: 6px 0 0; color: var(--store-muted); font-size: var(--text-small); line-height: 1.6; }
.store-help__options { display: grid; gap: 8px; margin-top: 14px; }
.store-help__options .chat-channel { padding: 8px 12px; }
.store-help__options .chat-channel__icon { width: 36px; height: 36px; border-radius: 8px; }
.store-help__faq { display: inline-block; margin-top: 14px; color: var(--store-link); font-size: var(--text-small); text-decoration: underline; }
.footer-social { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin-top: 18px; }
.footer-social__link { display: grid; place-items: center; width: 40px; height: 40px; border: 1px solid #2c4a61; border-radius: 50%; color: #d5e2ea; transition: background .15s, color .15s, border-color .15s; }
.footer-social__link:hover, .footer-social__link:focus-visible { border-color: #5dcced; background: #10354e; color: #fff; }
.footer__catalog-row { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 14px; }
.footer__catalog-icon { flex: none; color: #fff; }
.store-footer .footer__catalog-button { display: inline-flex; align-items: center; min-height: 52px; padding: 0 24px; border-radius: 8px; background: var(--store-surface); color: var(--store-dark); font-family: var(--font-display); font-size: 15px; font-weight: 700; letter-spacing: .02em; text-transform: uppercase; transition: background .15s; }
.store-footer .footer__catalog-button:hover, .store-footer .footer__catalog-button:focus-visible { background: var(--store-white); color: var(--store-dark); }
.store-home .seo-category-links { display: none; }
@media (max-width: 1100px) {
  .catalog-nav__inner { gap: 22px; }
  .catalog-hero__copy { padding: 32px; }
  .hero-pick { padding: 18px; }
  .hero-pick h2 { font-size: 18px; }
  .equipment-tile { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; }
  .equipment-tile > span { width: 100%; }
}
@media (max-width: 1000px) {
  .topbar__actions { margin-left: auto; }
  .topbar .search { width: 100%; }
  .store-home .carousel__track > .card { flex-basis: calc((100% - 18px) / 2); }
  .store-home .best-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .brand-browser__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .services-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .catalog-benefits .container { grid-template-columns: repeat(2, 1fr); }
  .catalog-benefits span { padding: 12px; justify-content: flex-start; }
  .buying-guide > .container, .faq-layout { gap: 40px; }
}
@media (max-width: 760px) {
  .catalog-hero__layout { grid-template-columns: 1fr; }
  .catalog-hero__copy { min-height: 370px; }
  .catalog-hero__picks { grid-template-columns: 1fr 1fr; grid-template-rows: auto; }
  .hero-pick { grid-template-columns: 1fr; }
  .hero-pick__art { display: none; }
  .equipment-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .trial-banner__icon { display: none; }
  .buying-guide > .container, .faq-layout { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
  .store-home .container { padding-left: 18px; padding-right: 18px; }
  .catalog-nav__inner { min-height: 44px; gap: 22px; padding-inline: 18px; }
  .catalog-nav a { font-size: var(--text-small); }
  .catalog-hero { padding: 16px 0; }
  .catalog-hero__copy { padding: 30px 24px; min-height: 355px; }
  .catalog-hero__copy::after { bottom: -290px; right: -200px; opacity: .65; }
  .catalog-hero h1 { font-size: clamp(34px, 9.6vw, 48px); }
  .catalog-hero__copy > p { font-size: var(--text-small); margin-top: 19px; }
  .catalog-hero__actions { gap: 15px; }
  .catalog-hero__picks { gap: 10px; }
  .hero-pick { padding: 16px; }
  .hero-pick h2 { font-size: 16px; }
  .hero-pick p { font-size: var(--text-small); }
  .hero-pick__price { font-size: 16px; }
  .hero-pick__link { font-size: var(--text-small); gap: 8px; }
  .catalog-benefits span { font-size: var(--text-small); gap: 8px; padding: 10px 0; }
  .catalog-benefits b { font-size: 16px; }
  .store-section { padding: 38px 0; }
  .store-section__head { gap: 16px; align-items: flex-start; flex-wrap: wrap; margin-bottom: 22px; }
  .store-section h2, .faq-layout h2 { font-size: 25px; }
  .store-eyebrow { font-size: var(--text-small); }
  .brand-browser__grid { gap: 8px; }
  .brand-tile { min-height: 90px; padding: 20px 10px 12px; }
  .brand-tile strong { font-size: var(--text-small); }
  .brand-tile > span { font-size: var(--text-small); }
  .equipment-grid { gap: 8px; }
  .equipment-tile { padding: 16px 10px; }
  .equipment-tile strong { font-size: var(--text-small); }
  .equipment-tile > span { font-size: var(--text-small); }
  .store-home .card__media { aspect-ratio: 1.15; }
  .store-home .card__body { padding: 12px; }
  .store-home .card__name { font-size: var(--text-small); }
  .store-home .card__brand--primary { align-items: flex-start; flex-direction: column; gap: 2px; }
  .store-home .card__brand--primary strong { font-size: var(--text-small); }
  .store-home .card__commerce-tags span { font-size: var(--text-small); padding: 3px 4px; }
  .store-home .card__price-now { font-size: 18px; }
  .store-home .card__price-old { font-size: var(--text-small); }
  .store-home .card__actions { gap: 6px; grid-template-columns: 34px 1fr; }
  .store-home .best-grid { gap: 16px 12px; }
  .trial-banner__inner { align-items: flex-start; flex-direction: column; gap: 18px; padding-block: 25px; }
  .trial-banner .btn { margin-left: 0; }
  .trial-banner h2 { font-size: 23px; }
  .services-grid { gap: 10px; }
  .service-tile { padding: 18px 14px; }
  .service-tile h3 { font-size: 16px; }
  .service-tile .store-link { font-size: var(--text-small); white-space: normal; }
  .service-tile__number { font-size: var(--text-small); }
  .service-tile p { font-size: var(--text-small); }
  .buying-guide { padding: 38px 0; }
  .buying-guide h2 { font-size: 30px; }
  .buying-guide > .container { gap: 22px; }
  .store-help { right: 12px; bottom: 14px; }
  .store-help__button { padding: 10px; font-size: 0; gap: 0; }
  .store-help__mark { font-size: var(--text-small); }
  .store-footer .footer__cols { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px 18px; }
  .store-footer .footer__brand { grid-column: 1 / -1; }
}
@media (max-width: 359px) {
  .catalog-hero__picks, .services-grid { grid-template-columns: 1fr; }
  .equipment-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .brand-tile strong { font-size: var(--text-small); }
}
@media (prefers-reduced-motion: reduce) {
  .hero-pick__art svg { transition: none; }
}
.customer-access--private {grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:50px;align-items:start;max-width:1050px;margin:auto}
.customer-privacy {padding:32px 10px}
.customer-privacy h2 {font-size:clamp(24px,3vw,30px);line-height:1.2;letter-spacing:-.02em;margin:0 0 14px}
.customer-privacy p {color:#64748b;line-height:1.8}
.customer-privacy ol {list-style:none;padding:0;margin:32px 0;counter-reset:privacy}
.customer-privacy li {position:relative;padding:0 0 26px 48px;counter-increment:privacy}
.customer-privacy li:before {content:counter(privacy);position:absolute;left:0;top:0;display:grid;place-items:center;width:30px;height:30px;background:#eaf1ff;color:#245cdf;border-radius:50%;font-weight:700;font-size:13px}
.customer-privacy li strong,.customer-privacy li span {display:block}
.customer-privacy li span {color:#64748b;font-size:13px;line-height:1.7;margin-top:6px}
.customer-auth-tabs {display:flex;background:#f1f5fa;padding:5px;border-radius:8px;margin-bottom:26px;gap:5px}
.customer-auth-tabs button {flex:1;padding:11px;background:transparent;border:0;border-radius:6px;font:inherit;font-size:13px;cursor:pointer;color:#52647b}
.customer-auth-tabs [aria-pressed=true] {background:white;color:#245cdf;box-shadow:0 2px 6px #233e6112;font-weight:600}
@media(max-width:760px){.customer-access--private{grid-template-columns:1fr;gap:20px}.customer-access--private>.customer-card{grid-row:1}.customer-privacy{padding:15px 5px}}

.btn--sm {padding:8px 14px;font-size:13px}
.acct {max-width:1100px;margin:0 auto;color:var(--store-text)}
.acct-muted {color:var(--store-muted);font-size:var(--text-small)}
.acct-head {display:flex;align-items:center;justify-content:space-between;gap:16px 24px;flex-wrap:wrap;padding-bottom:20px}
.acct-head__who {display:flex;align-items:center;gap:14px;min-width:0}
.acct-avatar {display:grid;place-items:center;flex-shrink:0;width:46px;height:46px;border-radius:50%;background:var(--store-dark);color:#fff;font-weight:700;font-size:18px}
.acct-head h2 {margin:0;font-size:1.5rem;letter-spacing:-.02em}
.acct-head p {margin:2px 0 0;color:var(--store-muted);font-size:var(--text-small);overflow-wrap:anywhere}
.acct-head p strong {color:var(--store-text)}
.acct-head__actions {display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.acct-signout {padding:8px 4px;border:0;background:none;color:var(--store-muted);font:inherit;font-size:13px;text-decoration:underline;cursor:pointer}
.acct-signout:hover {color:var(--store-danger)}
.acct-tabs {display:flex;gap:4px;margin-bottom:24px;border-bottom:1px solid var(--store-border);overflow-x:auto;scrollbar-width:none}
.acct-tabs::-webkit-scrollbar {display:none}
.acct-tabs a {display:flex;align-items:center;gap:8px;flex-shrink:0;padding:12px 14px;margin-bottom:-1px;border-bottom:3px solid transparent;color:var(--store-muted);font-weight:600;font-size:var(--text-body);text-decoration:none;white-space:nowrap}
.acct-tabs a:hover {color:var(--store-text)}
.acct-tabs a[aria-current=page] {color:var(--store-dark);border-bottom-color:var(--store-accent)}
.acct-tabs__count {min-width:22px;padding:1px 7px;border-radius:999px;background:var(--store-surface);color:var(--store-muted);font-size:12px;text-align:center}
.acct-flag {padding:2px 8px;border-radius:999px;background:#fff1d6;color:#7a4b00;font-size:11px;font-weight:700;white-space:nowrap}
.acct-panel {background:#fff;border:1px solid var(--store-border);border-radius:8px;padding:20px 22px}
.acct-panel h3 {margin:0 0 12px;font-size:1rem}
.acct-loading {color:var(--store-muted)}
.acct-empty {padding:44px 22px;text-align:center}
.acct-empty p {margin:0 auto 18px;max-width:46ch;color:var(--store-muted)}
.acct-back {display:inline-flex;margin-bottom:14px;color:var(--store-link);font-weight:600;font-size:var(--text-small);text-decoration:none}
.acct-back:hover {text-decoration:underline}
.acct-ref {font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.92em;overflow-wrap:anywhere}

.acct-section + .acct-section {margin-top:28px}
.acct-section__head {display:flex;align-items:baseline;justify-content:space-between;gap:6px 16px;flex-wrap:wrap;margin-bottom:10px}
.acct-section__head h3 {margin:0;font-size:1.0625rem}
.acct-section__head h3 span {color:var(--store-muted);font-weight:500}
.acct-section__head p {margin:0;color:var(--store-muted);font-size:var(--text-small)}
.acct-orders {list-style:none;margin:0;padding:0;background:#fff;border:1px solid var(--store-border);border-radius:8px;overflow:hidden}
.acct-orders li + li {border-top:1px solid var(--line)}
.acct-order {display:grid;grid-template-columns:minmax(0,1fr) auto 120px 16px;align-items:center;gap:8px 20px;padding:16px 18px;color:inherit;text-decoration:none;transition:background .12s}
.acct-order:hover {background:#f7f9fd}
.acct-order:focus-visible {outline:3px solid var(--store-accent);outline-offset:-3px}
.acct-order.is-new {box-shadow:inset 3px 0 0 var(--store-accent)}
.acct-order__main {display:grid;gap:3px;min-width:0}
.acct-order__items {font-size:var(--text-body);overflow-wrap:anywhere}
.acct-order:hover .acct-order__items {color:var(--store-link)}
.acct-order__meta {color:var(--store-muted);font-size:var(--text-small);overflow-wrap:anywhere}
.acct-order__next {color:#8a5300;font-size:var(--text-small);font-weight:600}
.acct-order__status {display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.acct-order__total {display:grid;justify-items:end;text-align:right}
.acct-order__total strong {color:var(--store-dark);font-size:var(--text-subheading)}
.acct-order__total small {color:var(--store-muted);font-size:var(--text-tag)}
.acct-order__go {color:var(--store-muted);font-size:22px;line-height:1}
.order-status {display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap;background:#fff4d8;color:#6d4b00}
.order-status::before {content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.order-status--attended {background:var(--store-success-soft);color:var(--store-success)}
.acct-section--guest .guest-orders {margin-top:0}

.acct-order-detail {display:grid;gap:18px}
.acct-detail-head {display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}
.acct-detail-head p {margin:0}
.acct-ref--big {margin:2px 0 6px;font-size:1.35rem;color:var(--store-dark)}
.acct-detail-head__side {display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.acct-steps {list-style:none;display:grid;grid-template-columns:1fr 1fr;margin:0;padding:0;background:#fff;border:1px solid var(--store-border);border-radius:8px;overflow:hidden}
.acct-steps li {display:grid;gap:2px;padding:12px 18px;border-top:4px solid var(--store-border)}
.acct-steps li + li {border-left:1px solid var(--line)}
.acct-steps li.is-done {border-top-color:var(--store-success)}
.acct-steps li.is-current {border-top-color:#e8a317}
.acct-steps small {color:var(--store-muted);font-size:var(--text-small)}
.acct-detail-grid {display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);gap:18px;align-items:start}
.acct-detail-main, .acct-detail-side {display:grid;gap:18px;min-width:0}
.acct-detail-main:only-child {grid-column:1 / -1}
.acct-next .payment-instructions {margin:0}
.acct-next > .acct-muted {margin:10px 2px 0}
.acct-next--done {padding:18px 20px;border:1px solid #bfe3cf;border-radius:8px;background:var(--store-success-soft)}
.acct-next--done strong {color:var(--store-success)}
.acct-next--done p {margin:4px 0 0;color:var(--store-text);font-size:var(--text-small)}
.acct-items ul {list-style:none;margin:0 0 14px;padding:0;border-top:1px solid var(--line)}
.acct-items li {display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:12px 0;border-bottom:1px solid var(--line)}
.acct-items li span {display:grid;gap:2px;min-width:0;overflow-wrap:anywhere}
.acct-items li small {color:var(--store-muted);font-size:var(--text-small)}
.acct-items li strong {white-space:nowrap}
.acct-detail-side .order-contact {margin:0;padding:20px 22px;background:#fff;border:1px solid var(--store-border);border-radius:8px}
.acct-guest-note .customer-signout {padding:0}
.acct--guest {max-width:960px}

.acct-list {list-style:none;margin:10px 0 0;padding:0;background:#fff;border:1px solid var(--store-border);border-radius:8px;overflow:hidden}
.acct-list li + li {border-top:1px solid var(--line)}
.acct-review {display:flex;align-items:center;gap:14px;padding:12px 18px}
.acct-review.is-pending {background:#fffaf0}
.acct-review__thumb {display:block;flex-shrink:0;width:48px;height:48px;border-radius:6px;overflow:hidden;background:var(--store-surface)}
.acct-review__thumb > * {width:100%;height:100%}
.acct-review__name {display:grid;gap:2px;flex:1;min-width:0;font-weight:600;overflow-wrap:anywhere}
.acct-review__name a {color:inherit;text-decoration:none}
.acct-review__name a:hover {color:var(--store-link);text-decoration:underline}
.acct-review__name small {display:flex;align-items:center;gap:6px;color:var(--store-muted);font-size:var(--text-tag);font-weight:500}
.acct-review .btn {flex-shrink:0}

.acct-panel.acct-settings {padding:0}
.acct-setting {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:16px 40px;padding:24px}
.acct-setting + .acct-setting {border-top:1px solid var(--line)}
.acct-setting__text h3 {margin:0 0 6px;font-size:1rem}
.acct-setting__text p {margin:0 0 8px;color:var(--store-muted);font-size:var(--text-small);line-height:1.6}
.acct-setting__text p strong {color:var(--store-text)}
.acct-warn {padding:10px 12px;border-radius:6px;background:#fff4d8}
.acct-form {display:grid;gap:8px;max-width:420px}
.acct-form label {margin-top:4px;font-weight:600;font-size:var(--text-small)}
.acct-form input, .acct-form select {width:100%;min-width:0;padding:11px 12px;border:1px solid var(--store-border);border-radius:6px;background:#fff;color:var(--store-text);font:inherit;font-size:.875rem}
.acct-form input:focus, .acct-form select:focus {outline:2px solid var(--store-accent);outline-offset:0;border-color:var(--store-accent)}
.acct-form .btn {justify-self:start;margin-top:8px}
.acct-form .form-error {margin:0}

@media (max-width:860px) {
  .acct-detail-grid {grid-template-columns:1fr}
  .acct-setting {grid-template-columns:1fr;gap:12px;padding:20px}
}
@media (max-width:640px) {
  .acct-head {align-items:flex-start}
  .acct-head__actions {width:100%}
  .acct-head__actions .acct-signout {margin-left:auto}
  .acct-order {grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"main main" "status total";padding:14px 16px}
  .acct-order__main {grid-area:main}
  .acct-order__status {grid-area:status;flex-direction:row;align-items:center}
  .acct-order__total {grid-area:total}
  .acct-order__go {display:none}
  .acct-steps li {padding:10px 14px}
  .acct-panel {padding:18px 16px}
  .acct-tabs a {padding:12px 10px}
  .acct-setting {padding:18px 16px}
  .acct-review {flex-wrap:wrap}
  .acct-review .btn {width:100%;justify-content:center}
}

.payment-instructions {background:var(--store-soft);border:1px solid #c8d8f3;border-radius:8px;padding:18px 20px}
.payment-instructions strong {display:block;margin-bottom:6px}
.payment-instructions p {white-space:pre-line;overflow-wrap:anywhere;margin:0 0 10px;color:var(--store-text)}
.payment-instructions small {color:var(--store-muted);font-size:12px}
.payment-instructions a {color:var(--store-link);overflow-wrap:anywhere}
.field-hint {display:block;color:var(--store-muted);font-size:12px;margin-top:-4px}

.sale-mode {display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border:1px solid #c9d8f2;border-radius:999px;background:var(--store-soft);color:#1d3f7a;font-size:var(--text-small);font-weight:600;line-height:1.3;white-space:nowrap}
.sale-mode::before {content:"";flex-shrink:0;width:6px;height:6px;border-radius:50%;background:var(--store-accent)}
.pd-price .pd-price__mode {align-self:center}
.card__price .card__sale-mode {flex-basis:100%;width:max-content;max-width:100%;padding:2px 8px;font-size:11px;white-space:normal}