.initials-page{--gap: 14px;--radius: 10px;--shadow: 0 1px 2px rgba(0,0,0,.06), 0 6px 18px rgba(0,0,0,.04);max-width:1040px;margin:0 auto;padding:24px 14px}.page-title{text-align:center;font-size:28px;font-weight:700;margin-bottom:8px}.initials-sub{text-align:center;font-size:16px;color:#555;margin-bottom:20px}.initials-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(36px,1fr));gap:var(--gap);justify-items:center;max-width:100%;margin:0 auto}.initials-grid a{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border:1px solid #e6e6eb;border-radius:var(--radius);background:#fff;box-shadow:var(--shadow);text-decoration:none;color:#111;font-weight:600;line-height:1;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:background .12s ease,color .12s ease,border-color .12s ease,transform .12s ease}.initials-grid a:hover{background:#111;color:#fff}.initials-grid a:active{transform:translateY(1px)}.initials-grid a:focus-visible{outline:3px solid #3b82f6;outline-offset:2px}@media (max-width: 640px){.initials-grid{grid-template-columns:repeat(4,1fr);max-width:440px;margin:20px auto 0;gap:12px;justify-items:stretch}.initials-grid a{aspect-ratio:auto;min-width:auto;min-height:44px;padding:10px 14px;font-size:16px}}@media (min-width: 641px) and (max-width: 1024px){.initials-grid{grid-template-columns:repeat(6,minmax(50px,1fr));max-width:720px;margin:24px auto 0;gap:clamp(10px,1.6vw,var(--gap));justify-items:stretch}.initials-grid a{aspect-ratio:1 / 1;min-height:52px;padding:0;font-size:clamp(18px,2vw,20px)}}@media (min-width: 1025px){.initials-grid{grid-template-columns:repeat(8,minmax(54px,1fr));max-width:760px;margin:28px auto 0;gap:clamp(10px,1.2vw,var(--gap));justify-items:stretch}.initials-grid a{aspect-ratio:1 / 1;min-height:56px;padding:0;font-size:20px}}.initials-grid a{border-color:#e9e9ef;box-shadow:0 1px 2px #0000000d,0 6px 16px #0000000a}.page-title{margin-bottom:10px}.initials-sub{margin-bottom:12px}.total-line{margin-top:6px;text-align:center;color:#666;font-size:14px}
/*# sourceMappingURL=/cdn/shop/t/3/assets/initials.css.map */
