:root{--brand:#7A8F71;--brand-dark:#6a7d63;--text:#141414;--muted:#666;--bg:#f6f7f6;--card:#fff;--line:#eaeaea}.sg-hero{position:relative;min-height:44vh;border-radius:20px;overflow:hidden;display:grid;place-items:center;margin:14px 0;background:url(https://images.pexels.com/photos/5379232/pexels-photo-5379232.jpeg) center/cover no-repeat;color:#fff;text-align:center}.sg-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000073}.sg-hero__inner{position:relative;z-index:2;max-width:900px;padding:24px}.sg-hero__inner h1{font:800 36px/1.1 system-ui;margin:0 0 8px;background:linear-gradient(90deg,var(--brand),#a6c48a,var(--brand));-webkit-background-clip:text;background-clip:text;color:transparent;animation:shine 6s linear infinite}.sg-hero__inner p{color:#fff}.sg-hero__chips{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.sg-hero__chips span{background:#ffffff24;border:1px solid rgba(255,255,255,.3);padding:6px 10px;border-radius:999px}.sg-switch{display:flex;justify-content:center;margin:10px 0}.sg-tabs{background:var(--bg);border:1px solid var(--line);border-radius:999px;padding:6px;display:flex;gap:6px}.sg-tab{-webkit-appearance:none;appearance:none;border:0;background:transparent;color:var(--text);padding:10px 18px;border-radius:999px;font-weight:700;cursor:pointer;transition:.2s}.sg-tab.is-active{background:var(--brand);color:#fff}.sg-measure{margin:24px 0}.sg-measure h2{text-align:center;margin:0 0 10px}.sg-measure__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.sg-measure .card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px;box-shadow:0 8px 18px #0000000f;text-align:center}.sg-measure .ic{font-size:26px}.sg-fitter{background:var(--bg);border:1px solid var(--line);border-radius:18px;padding:18px;margin:18px 0}.sg-fitter h2{text-align:center;margin:0 0 6px}.sg-fitter .sub{text-align:center;color:var(--muted);margin-bottom:10px}.badge-gender{display:inline-block;background:#eef4ea;border:1px solid #dfe8d8;color:#2e3b2f;padding:3px 8px;border-radius:999px;font-weight:700}.fit-form{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.fit-form label{display:flex;flex-direction:column;gap:6px}.fit-form input{border:1px solid #e8ece7;background:#fafafa;border-radius:12px;padding:12px 14px;font:inherit;outline:none}.fit-actions{grid-column:1/-1;display:flex;gap:10px;justify-content:center}.btn{display:inline-block;padding:12px 18px;border-radius:12px;font-weight:700;text-decoration:none;transition:.25s}.btn-primary{background:var(--brand);color:#fff}.btn-primary:hover{background:var(--brand-dark)}.btn-ghost{background:#fff;border:1px solid var(--line);color:#111}.btn-ghost:hover{background:#f7f7f7}.fit-result{margin-top:14px;text-align:center;background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px}.fit-result .badge{display:inline-block;background:#eef4ea;color:#2e3b2f;border:1px solid #dfe8d8;border-radius:999px;padding:6px 10px;font-weight:700}.fit-size{font:800 28px/1 system-ui;margin-top:8px}.fit-note{color:var(--muted);margin:6px 0 0}.sg-table h2{text-align:center;margin-bottom:10px}.table-wrap{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:10px;overflow:auto}.size-table{width:100%;border-collapse:separate;border-spacing:0;min-width:900px}.size-table th,.size-table td{padding:14px 16px;border-bottom:1px solid #eee;text-align:center;white-space:nowrap}.size-table thead th{background:#fafafa;font-weight:800;color:#222;position:sticky;top:0;z-index:2}.size-table .sticky{position:sticky;left:0;background:#fff;font-weight:800;text-align:left}.size-table tbody tr:hover{background:#fbfbfb}.table-note{text-align:center;color:var(--muted);margin-top:8px}.table-panel{display:none}.table-panel.is-active{display:block}.sg-cta{background:#141414;color:#fff;border-radius:18px;padding:26px;text-align:center;margin:18px 0}.sg-cta .actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.sg-cta__content h2,.sg-cta__content p{color:#fff}[data-animate]{opacity:0;transform:translateY(22px);transition:.7s ease}[data-animate].in{opacity:1;transform:none}@keyframes shine{0%{background-position:0% 50%}to{background-position:200% 50%}}@media (max-width:980px){.sg-measure__grid,.fit-form{grid-template-columns:1fr}}@media (max-width:640px){.sg-hero__inner h1{font-size:28px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/sizeguide.css.map */
