.sbx{--navy:#192b50;--muted:#5d6b82;--soft:#f2f4f7;--line:#dfe4ea;--teal:#0f4649;--teal2:#0b3638;color:var(--navy);padding-bottom:56px}.sbx *{box-sizing:border-box}.sbx button{font:inherit;letter-spacing:normal;cursor:pointer}.sbx [hidden]{display:none!important}.sbx-visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.sbx-bar{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin:0 0 14px}.sbx .sbx-title{margin:0;font-family:inherit;font-size:18px;font-weight:600;line-height:1.3;letter-spacing:0;color:var(--navy)}.sbx-total{font-size:14px;color:var(--muted)}.sbx-tiles{list-style:none;margin:0 0 36px;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:16px}.sbx-tile{display:flex;flex-direction:column;gap:10px;width:100%;padding:0;border:0;background:none;text-align:left;color:var(--navy)}.sbx-timg{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:10px;background:#eef1f4;outline:2px solid transparent;outline-offset:3px;transition:outline-color .15s}.sbx-ttext{display:grid;gap:2px}.sbx-tname{font-size:16px;font-weight:600;line-height:1.3}.sbx-tline{font-size:13px;line-height:1.4;color:var(--muted)}.sbx-tline b{font-weight:600;color:var(--navy)}.sbx-tile:hover .sbx-tname{text-decoration:underline;text-underline-offset:3px}.sbx-tile.is-on .sbx-timg{outline-color:var(--navy)}.sbx-tile.is-on .sbx-tname{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}.sbx-tile:focus-visible{outline:none}.sbx-tile:focus-visible .sbx-timg{outline-color:var(--teal)}.sbx-group{margin:0 0 48px;scroll-margin-top:120px}.sbx-ghead{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 24px;margin:0 0 14px;padding-top:24px;border-top:1px solid var(--line)}.sbx .sbx-gtitle{margin:0;font-family:Lora,Georgia,Times New Roman,serif;font-weight:500;font-size:28px;line-height:1.15;letter-spacing:0;color:var(--navy)}.sbx-gcount{font-family:inherit;font-size:15px;font-weight:500;color:var(--muted);vertical-align:middle}.sbx-gnote{margin:0;font-size:14px;line-height:1.4;color:var(--muted)}.sbx-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}.sbx-chip{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 14px;border:1px solid var(--line);border-radius:999px;background:#fff;font-size:14px;line-height:1;color:var(--navy)}.sbx-chip span{font-size:12px;color:var(--muted)}.sbx-chip:hover{border-color:var(--navy)}.sbx-chip.is-on{background:var(--navy);border-color:var(--navy);color:#fff}.sbx-chip.is-on span{color:#ffffffbf}.sbx-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 20px}.sbx-card{display:flex;flex-direction:column;gap:12px;min-width:0}.sbx-card.is-hidden{display:none}.sbx-media{display:block;border-radius:10px;overflow:hidden;background:#eef1f4}.sbx-img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;transition:transform .4s ease}.sbx-media:hover .sbx-img{transform:scale(1.03)}.sbx-body{display:flex;flex-direction:column;gap:3px;flex:1}.sbx-name{font-family:Lora,Georgia,Times New Roman,serif;font-size:19px;font-weight:500;line-height:1.25;color:var(--navy);text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sbx-name:hover{text-decoration:underline;text-underline-offset:3px}.sbx-sub{font-size:13px;line-height:1.4;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sbx-price{margin:4px 0 10px;font-size:15px;font-weight:600;color:var(--navy)}.sbx-price.is-free{color:var(--teal)}.sbx-add{margin-top:auto;display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;height:44px;padding:0 12px;border:1.5px solid var(--teal);border-radius:8px;background:var(--teal);font-size:15px;font-weight:500;color:#fff;transition:background .15s}.sbx-add:hover{background:var(--teal2)}.sbx-add[disabled]{cursor:default;background:#fff;color:var(--muted);border-color:var(--line)}.sbx-add.is-added,.sbx-add.is-added:hover{background:#fff;color:var(--teal);border-color:var(--teal)}.sbx-add.is-busy{opacity:.7}.sbx-more{display:flex;margin:22px auto 0;height:44px;padding:0 22px;align-items:center;border:1.5px solid var(--navy);border-radius:999px;background:#fff;font-size:15px;font-weight:500;color:var(--navy)}.sbx-more:hover{background:var(--navy);color:#fff}.sbx-toast{position:fixed;left:50%;bottom:24px;z-index:90;transform:translate(-50%,12px);max-width:calc(100vw - 32px);padding:12px 18px;border-radius:10px;background:var(--navy);color:#fff;font-size:15px;line-height:1.35;box-shadow:0 12px 30px #00000040;opacity:0;pointer-events:none;transition:opacity .25s,transform .25s}.sbx-toast.show{opacity:1;transform:translate(-50%);pointer-events:auto}.sbx-toast a{margin-left:10px;color:#fff;font-weight:600;text-decoration:underline;white-space:nowrap}@media(max-width:1199px){.sbx-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:749px){.sbx{padding-bottom:40px}.sbx-bar{margin-bottom:10px}.sbx .sbx-title{font-size:16px}.sbx-total{display:none}.sbx-tiles{display:flex;gap:12px;overflow-x:auto;margin:0 -1.2rem 26px 0;padding:0 1.2rem 8px 0;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none}.sbx-tiles>li{flex:none;width:136px;scroll-snap-align:start}.sbx-tile{gap:8px}.sbx-timg{width:136px;height:102px;aspect-ratio:auto;outline-offset:2px}.sbx-tname{font-size:15px;line-height:1.35}.sbx-tline{font-size:12.5px}.sbx-group{margin-bottom:36px;scroll-margin-top:90px}.sbx-ghead{padding-top:20px;margin-bottom:12px}.sbx .sbx-gtitle{font-size:23px}.sbx-gnote{font-size:13px}.sbx-chips{flex-wrap:nowrap;overflow-x:auto;margin:0 -1.2rem 14px 0;padding:0 1.2rem 4px 0;scrollbar-width:none}.sbx-chip{flex:none;height:34px;padding:0 12px;font-size:13.5px}.sbx-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px}.sbx-card{gap:10px}.sbx-name{font-size:16.5px}.sbx-sub{font-size:12.5px}.sbx-price{margin:2px 0 8px;font-size:14px}.sbx-add{height:40px;font-size:14px;padding:0 8px}}@media(prefers-reduced-motion:reduce){.sbx *{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/44/assets/samples-browser.css.map */