.csg{background:var(--csg-bg, #fff);color:var(--csg-ink, #1c2030);overflow:hidden}.csg__head{text-align:center;max-width:640px;margin:0 auto 28px}.csg__heading{margin:0 0 10px;color:inherit}.csg__sub{margin:0;font-size:16px;line-height:1.6;opacity:.75}.csg__list{display:grid;grid-auto-flow:column;grid-auto-columns:78%;gap:12px;margin:0;padding:0 16px 8px;list-style:none;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 16px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.csg__list::-webkit-scrollbar{display:none}.csg__item{scroll-snap-align:start;min-width:0}.csg__figure{margin:0}.csg__media{aspect-ratio:var(--csg-ratio, 4 / 5);border-radius:14px;overflow:hidden;background:#eef0f4}.csg__media img,.csg__placeholder{display:block;width:100%;height:100%;object-fit:cover}.csg__caption{margin-top:10px;font-size:14px;line-height:1.6;opacity:.8}@media screen and (min-width:750px){.csg__list{grid-auto-columns:calc((100% - 32px - 12px * 2) / 3);gap:12px;padding:0 16px 8px}}@media screen and (min-width:990px){.csg__list{grid-auto-flow:row;grid-template-columns:repeat(var(--csg-cols, 4),minmax(0,1fr));grid-auto-columns:auto;gap:16px;max-width:var(--page-width, 1200px);margin:0 auto;padding:0 5rem;overflow:visible}}:root{--cso-space: 0px}body{padding-bottom:var(--cso-space)}.cso{position:fixed;left:0;right:0;bottom:0;z-index:var(--cso-z, 9900);background:var(--cso-bg, #fff);color:var(--cso-ink, #1c2030);border-top:1px solid #d5d9e1;box-shadow:0 -6px 24px #1c203014;padding-bottom:env(safe-area-inset-bottom,0px);transform:translateY(0);transition:transform .25s ease,opacity .25s ease}.cso--hidden{transform:translateY(110%);opacity:0;pointer-events:none}.cso .cso__inner{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;max-width:var(--page-width, 1200px);margin:0 auto;padding:10px 16px}.cso__media{width:44px;height:44px;border-radius:10px;overflow:hidden;background:#eef0f4;flex:0 0 auto}.cso__img{width:100%;height:100%;object-fit:cover;display:block}.cso__text{min-width:0}.cso__line1,.cso__line2{margin:0;display:flex;align-items:center;flex-wrap:wrap;gap:6px;line-height:1.35}.cso__badge{padding:2px 8px;border-radius:999px;background:var(--cso-accent, #e0477a);color:#fff;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.cso__badge[hidden]{display:none}.cso__name{font-size:14px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cso__price{font-size:15px;font-weight:800}.cso__compare{font-size:13px;opacity:.55}.cso__compare--empty{display:none}.cso__subline{font-size:12px;opacity:.65;display:none}.cso__button{position:relative;border:0;cursor:pointer;border-radius:999px;background:var(--cso-accent, #e0477a);color:var(--cso-button-ink, #fff);font-weight:800;font-size:14px;letter-spacing:.02em;padding:12px 18px;white-space:nowrap;transition:filter .15s ease,transform .15s ease}.cso__button:hover{filter:brightness(.94)}.cso__button:active{transform:scale(.98)}.cso__button:disabled{opacity:.5;cursor:not-allowed}.cso__button-busy{display:none;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:18px;height:18px;border-radius:50%;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;animation:cso-spin .7s linear infinite}.cso__button--busy .cso__button-label{visibility:hidden}.cso__button--busy .cso__button-busy{display:block}@keyframes cso-spin{to{transform:rotate(360deg)}}@media screen and (min-width:750px){.cso .cso__inner{gap:16px;padding:12px 24px}.cso__media{width:52px;height:52px}.cso__name{font-size:16px}.cso__price{font-size:17px}.cso__subline{display:inline;margin-left:4px}.cso__button{font-size:15px;padding:14px 28px}}.ctp{display:block;width:100%;box-sizing:border-box;margin:4px 0 8px;color:var(--ctp-ink, #1c2030)}.ctp__heading{margin:0 0 10px;font-size:15px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.ctp__list{display:grid;gap:10px}.ctp__tier{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:14px 16px;border:2px solid #d5d9e1;border-radius:14px;background:#fff;cursor:pointer;transition:border-color .15s ease,background-color .15s ease}.ctp__tier:hover{border-color:color-mix(in srgb,var(--ctp-accent, #e0477a) 50%,#d5d9e1)}.ctp__tier:has(.ctp__input:checked){border-color:var(--ctp-accent, #e0477a);background:color-mix(in srgb,var(--ctp-accent, #e0477a) 7%,#fff)}.ctp__tier:has(.ctp__input:disabled){opacity:.5;cursor:not-allowed}.ctp__tier--badge{margin-top:10px}.ctp__input{position:absolute;opacity:0;pointer-events:none}.ctp__dot{width:20px;height:20px;border-radius:50%;border:2px solid #b8bfcc;background:#fff;flex:0 0 auto}.ctp__input:checked+.ctp__dot{border-color:var(--ctp-accent, #e0477a);box-shadow:inset 0 0 0 4px #fff;background:var(--ctp-accent, #e0477a)}.ctp__input:focus-visible+.ctp__dot{outline:2px solid var(--ctp-accent, #e0477a);outline-offset:3px}.ctp__text{display:flex;flex-direction:column;gap:2px;min-width:0}.ctp__name{font-size:16px;font-weight:800;line-height:1.3}.ctp__note{font-size:13px;line-height:1.45;opacity:.7}.ctp__price{display:flex;flex-direction:column;align-items:flex-end;font-size:17px;font-weight:800;white-space:nowrap}.ctp__compare{font-size:13px;font-weight:400;opacity:.55}.ctp__badge{position:absolute;top:-11px;right:14px;padding:3px 10px;border-radius:999px;background:var(--ctp-accent, #e0477a);color:#fff;font-size:11px;font-weight:800;letter-spacing:.06em}.ctp__footnote{margin:10px 0 0;font-size:13px;line-height:1.5;opacity:.7}.ctl{display:flex;width:100%;box-sizing:border-box;flex-direction:column;align-items:center;gap:8px;margin:10px 0 4px;padding:14px 16px;border:2px dashed color-mix(in srgb,var(--ctl-accent, #e0477a) 45%,#d5d9e1);border-radius:14px;text-align:center}.ctl__text{margin:0;font-size:14px;line-height:1.55;opacity:.8}.ctl__button{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border:2px solid var(--ctl-accent, #e0477a);border-radius:999px;color:var(--ctl-accent, #e0477a);background:#fff;font-size:15px;font-weight:800;text-decoration:none;transition:background-color .15s ease,color .15s ease}.ctl__button:hover{background:var(--ctl-accent, #e0477a);color:#fff}
/*# sourceMappingURL=/cdn/shop/t/37/compiled_assets/styles.css.map */
