:root{--a4-accent: #0E6FD8;--a4-accent-dark: #0a57ab;--a4-accent-soft: #EAF2FD;--a4-accent-line: #cfe0f7;--a4-ink: #1c1f24;--a4-ink-strong: #15171b;--a4-muted: #5b6470;--a4-faint: #8a929e;--a4-line: #e6e9ee;--a4-line-soft: #eef1f4;--a4-panel: #f4f6f9;--a4-dark: #15171b;--a4-darker: #0f1620;--a4-dark-card: #182432;--a4-dark-line: #26384b;--a4-dark-muted: #8fa6c2;--a4-dark-body: #aeb9c7;--a4-green: #1E8E5A;--a4-green-soft: #E7F4EC;--a4-amber: #F5A623;--a4-red: #C0392B;--a4-red-soft: #FBEAEA;--a4-gutter: 28px}.a4{font-family:var(--text-font-family);color:var(--a4-ink)}.a4 *,.a4 *:before,.a4 *:after{box-sizing:border-box}.a4__wrap{margin-inline:max(var(--container-gutter),50% - var(--container-max-width) / 2)}.a4__eyebrow{display:block;font-size:11px;font-weight:800;text-transform:uppercase;color:var(--a4-accent);margin-bottom:10px}.a4__title{font-family:var(--heading-font-family);font-size:34px;font-weight:900;line-height:1.04;margin:0 0 6px}.a4__intro{font-size:15px;line-height:1.55;color:var(--a4-muted);margin:0 0 24px;max-width:600px}.a4--dark{background:var(--a4-dark);color:#fff}.a4--dark .a4__title{color:#fff}.a4--dark .a4__intro{color:var(--a4-dark-body)}.a4--dark .a4__eyebrow{color:#5fa8f0}.a4--panel{background:var(--a4-panel);border-top:1px solid #e8ebef}.a4--white{background:#fff}.a4__btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--text-font-family);font-size:15px;font-weight:800;padding:13px 26px;border:0;border-radius:11px;cursor:pointer;background:var(--a4-accent);color:#fff;transition:background .15s ease,opacity .15s ease}.a4__btn:hover{background:var(--a4-accent-dark)}.a4__btn[disabled]{opacity:.5;cursor:not-allowed}.a4__btn--ghost{background:var(--a4-accent-soft);color:var(--a4-accent)}.a4__btn--ghost:hover{background:#dbe9fb}.a4__btn--light{background:#fff;color:var(--a4-accent)}.a4__qty{display:flex;align-items:center;border:1px solid #cbd2db;border-radius:11px;overflow:hidden;background:#fff;flex:none}.a4__qty button{width:42px;height:46px;font-size:19px;line-height:1;color:var(--a4-muted);background:#f6f7f9;border:0;cursor:pointer}.a4__qty button:hover{background:#eceef2}.a4__qty span{width:44px;text-align:center;font-size:16px;font-weight:800}.a4__grid{display:grid;gap:12px}.a4__card{background:#fff;border:1px solid var(--a4-line);border-radius:14px;overflow:hidden;display:flex;flex-direction:column}.a4__card-media{position:relative;border-bottom:1px solid var(--a4-line-soft);background:var(--a4-panel)}.a4__card-media img{display:block;width:100%;height:100%;object-fit:cover}.a4__card-media--contain img{object-fit:contain;padding:10px}.a4__card-body{padding:13px 15px}.a4__card-title{font-size:14.5px;font-weight:800;line-height:1.2;color:var(--a4-ink)}.a4__card-desc{font-size:12.5px;color:var(--a4-muted);margin-top:3px;line-height:1.45}.a4__ph{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:12px;font-size:11.5px;font-weight:700;color:var(--a4-faint);background:repeating-linear-gradient(45deg,#f4f6f9,#f4f6f9 10px,#eef1f4 10px 20px)}.a4__scroll{overflow-x:auto;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.a4__scroll::-webkit-scrollbar{height:8px}.a4__scroll::-webkit-scrollbar-thumb{background:#cbd2db;border-radius:8px}.a4-toast{position:fixed;left:50%;bottom:84px;z-index:95;transform:translate(-50%);background:var(--a4-dark);color:#fff;border-radius:12px;padding:13px 18px;display:flex;align-items:center;gap:11px;box-shadow:0 12px 34px #10182857;animation:a4Toast .28s ease;font-family:var(--text-font-family);font-size:13.5px;font-weight:600}.a4-toast__tick{width:22px;height:22px;border-radius:50%;background:var(--a4-green);color:#fff;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center;flex:none}@keyframes a4Toast{0%{opacity:0;transform:translate(-50%,14px)}to{opacity:1;transform:translate(-50%)}}@keyframes a4Sticky{0%{transform:translateY(110%)}to{transform:translateY(0)}}@media(max-width:989px){.a4__title{font-size:26px}.a4__intro{font-size:14px;margin-bottom:18px}}@media(prefers-reduced-motion:reduce){.a4-toast{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/26/assets/af4v2.css.map */