.csc{font-family:var(--font-body-family)}.csc__wrapper{max-width:var(--page-width, 1440px);margin:0 auto;padding:0 var(--page-margin, 40px)}.csc__variant-step{text-align:center;padding:40px 0 36px;border-bottom:1px solid var(--color-border-tertiary, #e5e5e5);margin-bottom:36px}.csc__variant-heading{font-size:var(--font-heading-scale, 1.4em);font-weight:var(--font-heading-weight, 700);font-family:var(--font-heading-family, var(--font-body-family));color:var(--color-text-primary, #1a1a1a);margin:0 0 24px;text-transform:none;letter-spacing:-.01em}.csc__variants{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.csc__variant-btn{display:flex;flex-direction:column;align-items:center;gap:6px;padding:24px 52px;border:2px solid var(--color-border-tertiary, #ddd);border-radius:10px;background:var(--color-background-primary, #fff);cursor:pointer;font-family:var(--font-body-family);transition:border-color .2s,box-shadow .2s,transform .15s}.csc__variant-btn:hover{border-color:#042e7e;transform:translateY(-2px);box-shadow:0 8px 20px #042e7e1a}.csc__variant-btn.is-selected{border-color:#042e7e;background:#042e7e0d;box-shadow:0 0 0 3px #042e7e26}.csc__variant-count{font-size:1.5em;font-weight:700;color:#042e7e}.csc__variant-price{font-size:.9em;color:var(--color-text-secondary, #666)}.csc__instructions{background:linear-gradient(135deg,#042e7e,#1b4a8a);color:#fff;border-radius:10px;padding:28px 32px;margin-bottom:28px}.csc__instructions-title{font-size:var(--font-heading-scale, 1.1em);font-weight:700;font-family:var(--font-heading-family, var(--font-body-family));color:#fff;text-transform:none;letter-spacing:0;margin:0 0 4px}.csc__instructions-subtitle{font-size:.95em;color:#ffffffd9;margin:0 0 16px}.csc__steps{margin:0 0 14px 20px;display:flex;flex-direction:column;gap:8px}.csc__steps li{font-size:.92em;color:#ffffffe6;line-height:1.6}.csc__steps li::marker{color:#3fbfad;font-weight:700}.csc__note{font-size:.85em;color:#ffffffbf;border-top:1px solid rgba(255,255,255,.2);padding-top:12px;margin:0}.csc__note strong{color:#3fbfad}.csc__progress-wrap{margin-bottom:22px;padding:16px 20px;background:var(--color-background-secondary, #f7f8fc);border-radius:8px;border:1px solid var(--color-border-tertiary, #e5e5e5)}.csc__progress-labels{display:flex;justify-content:space-between;font-size:.85em;color:var(--color-text-secondary, #666);margin-bottom:8px}.csc__progress-count{font-weight:600;color:#042e7e}.csc__progress-bar{height:8px;background:var(--color-border-tertiary, #e5e5e5);border-radius:4px;overflow:hidden}.csc__progress-fill{height:100%;background:#042e7e;border-radius:4px;transition:width .3s ease}.csc__progress-fill.is-complete{background:#3fbfad}.csc__controls{display:flex;gap:10px;align-items:center;margin-bottom:28px;flex-wrap:wrap}.csc__search-wrap{position:relative;flex:1;min-width:200px}.csc__search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--color-text-tertiary, #999);pointer-events:none}.csc__search{width:100%;padding:10px 36px 10px 38px;border:1.5px solid var(--color-border-tertiary, #ddd);border-radius:8px;font-size:.9em;font-family:var(--font-body-family);color:var(--color-text-primary, #1a1a1a);background:var(--color-background-primary, #fff);outline:none;box-sizing:border-box;transition:border-color .15s}.csc__search:focus{border-color:#042e7e;box-shadow:0 0 0 3px #042e7e1a}.csc__search::placeholder{color:var(--color-text-tertiary, #bbb)}.csc__search-clear{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--color-text-tertiary, #999);font-size:14px;padding:2px 4px;display:flex;align-items:center}.csc__filter{padding:10px 32px 10px 12px;border:1.5px solid var(--color-border-tertiary, #ddd);border-radius:8px;font-size:.88em;font-family:var(--font-body-family);color:var(--color-text-primary, #1a1a1a);background:var(--color-background-primary, #fff);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23666' stroke-width='1.5' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;-webkit-appearance:none;outline:none;cursor:pointer;min-width:180px}.csc__filter:focus{border-color:#042e7e}.csc__view-toggle{display:flex;gap:4px;border:1.5px solid var(--color-border-tertiary, #ddd);border-radius:8px;padding:3px;background:var(--color-background-primary, #fff);flex-shrink:0}.csc__view-btn{padding:6px 10px;border:none;border-radius:5px;background:none;color:var(--color-text-tertiary, #999);cursor:pointer;display:flex;align-items:center;transition:background .15s,color .15s}.csc__view-btn svg{width:14px;height:14px}.csc__view-btn.is-active{background:#042e7e;color:#fff}.csc__group{margin-bottom:36px}.csc__group-header{display:flex;align-items:center;gap:14px;margin-bottom:16px}.csc__group-line{flex:1;height:1px;background:linear-gradient(to right,var(--color-border-tertiary, #e0e0e0),transparent)}.csc__group-line:last-child{background:linear-gradient(to left,var(--color-border-tertiary, #e0e0e0),transparent)}.csc__group-title{font-size:.78em;font-weight:700;letter-spacing:.1em;color:#042e7e;font-family:var(--font-body-family);white-space:nowrap;margin:0;text-transform:uppercase}.csc__group-grid[data-view=grid]{display:grid;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:14px}.csc__group-grid[data-view=list]{display:flex;flex-direction:column;gap:8px}.csc-sound{border:1.5px solid var(--color-border-tertiary, #e5e5e5);border-radius:8px;overflow:hidden;background:var(--color-background-primary, #fff);display:flex;flex-direction:column;transition:border-color .18s,box-shadow .18s}.csc-sound.is-selected{border-color:#3fbfad;box-shadow:0 0 0 2px #3fbfad40;background:#3fbfad0a}.csc__group-grid[data-view=list] .csc-sound{flex-direction:row;align-items:center;gap:12px;padding:10px 14px}.csc-sound__media{position:relative;aspect-ratio:1;overflow:hidden;background:var(--color-background-secondary, #f0f0f0);flex-shrink:0}.csc__group-grid[data-view=list] .csc-sound__media{width:52px;height:52px;border-radius:6px;aspect-ratio:auto}.csc-sound__img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}.csc-sound:hover .csc-sound__img{transform:scale(1.04)}.csc-sound__ph{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:2em;background:linear-gradient(135deg,#eef2ff,#dfe6f7)}.csc-sound__check{position:absolute;top:0;right:0;bottom:0;left:0;background:#3fbfade0;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}.csc-sound__check svg{width:32px;height:32px;color:#fff}.csc-sound.is-selected .csc-sound__check{opacity:1}.csc-sound__info{padding:9px 9px 5px;flex:1;min-width:0}.csc__group-grid[data-view=list] .csc-sound__info{padding:0}.csc-sound__title{font-size:.8em;font-weight:600;color:var(--color-text-primary, #1a1a1a);margin:0;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.csc__group-grid[data-view=list] .csc-sound__title{-webkit-line-clamp:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.csc-sound__price{font-size:.78em;font-weight:700;color:#042e7e;font-family:var(--font-body-family);margin:2px 0 0}.csc-sound__price--free{color:#3fbfad}.csc-sound__actions{display:flex;gap:5px;padding:0 9px 9px;margin-top:auto}.csc__group-grid[data-view=list] .csc-sound__actions{padding:0;margin-top:0;flex-shrink:0}.csc-sound__preview-btn,.csc-sound__select-btn{flex:1;padding:6px 3px;border-radius:5px;font-size:.68em;font-weight:700;letter-spacing:.04em;cursor:pointer;border:1.5px solid;font-family:var(--font-body-family);transition:background .15s,color .15s;display:flex;align-items:center;justify-content:center;gap:3px}.csc-sound__preview-btn{border-color:#042e7e;background:transparent;color:#042e7e}.csc-sound__preview-btn:hover,.csc-sound__preview-btn.is-playing{background:#042e7e;color:#fff}.csc-sound__play-icon{width:9px;height:9px}.csc-sound__select-btn{border-color:#3fbfad;background:transparent;color:#3fbfad}.csc-sound__select-btn:hover,.csc-sound.is-selected .csc-sound__select-btn{background:#3fbfad;color:#fff}.csc-sound__no-preview{flex:1;font-size:.66em;color:var(--color-text-tertiary, #ccc);text-align:center;padding:6px 3px;font-style:italic}.csc__now-playing{position:sticky;bottom:0;z-index:50;background:#042e7e;color:#fff;padding:12px 20px;border-radius:8px;margin-bottom:24px;box-shadow:0 -4px 20px #042e7e4d}.csc__playing-inner{display:flex;align-items:center;gap:14px;max-width:var(--page-width, 1440px);margin:0 auto}.csc__wave{display:flex;align-items:center;gap:2px;height:20px;flex-shrink:0}.csc__wave span{display:block;width:3px;border-radius:2px;background:#3fbfad;animation:csc-wave .8s ease-in-out infinite alternate}.csc__wave span:nth-child(1){height:8px;animation-delay:0s}.csc__wave span:nth-child(2){height:16px;animation-delay:.1s}.csc__wave span:nth-child(3){height:12px;animation-delay:.2s}.csc__wave span:nth-child(4){height:18px;animation-delay:.15s}.csc__wave span:nth-child(5){height:10px;animation-delay:.05s}@keyframes csc-wave{0%{transform:scaleY(.4)}to{transform:scaleY(1)}}.csc__playing-title{flex:1;font-size:.9em;font-weight:500}.csc__stop-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border:1px solid rgba(255,255,255,.4);border-radius:6px;background:none;color:#fff;font-size:.78em;font-weight:700;font-family:var(--font-body-family);cursor:pointer;transition:background .15s}.csc__stop-btn:hover{background:#ffffff26}.csc__stop-btn svg{width:10px;height:10px}.csc__no-results{text-align:center;padding:40px;color:var(--color-text-secondary, #666);font-size:.95em}.csc__selected-wrap{margin:28px 0;padding:22px 24px;background:var(--color-background-secondary, #f7f8fc);border-radius:10px;border:1px solid var(--color-border-tertiary, #e5e5e5)}.csc__selected-heading{font-size:1em;font-weight:700;color:#042e7e;margin:0 0 14px;font-family:var(--font-body-family);text-transform:none;letter-spacing:0}.csc__selected-empty{font-size:.88em;color:var(--color-text-tertiary, #aaa);margin:0;text-align:center;padding:12px 0}.csc__selected-order{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px}.csc__selected-item{display:flex;align-items:center;gap:10px;background:var(--color-background-primary, #fff);border:1px solid var(--color-border-tertiary, #e5e5e5);border-radius:6px;padding:8px 12px}.csc__selected-num{width:24px;height:24px;border-radius:50%;background:#042e7e;color:#fff;font-size:.72em;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.csc__selected-name{flex:1;font-size:.88em;color:var(--color-text-primary, #1a1a1a);min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.csc__selected-remove{background:none;border:none;color:var(--color-text-tertiary, #bbb);cursor:pointer;font-size:12px;padding:2px 4px;flex-shrink:0;transition:color .15s}.csc__selected-remove:hover{color:#e53e3e}.csc__checkout-wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 28px;background:linear-gradient(135deg,#042e7e,#1b4a8a);border-radius:10px;flex-wrap:wrap}.csc__checkout-note{font-size:.9em;color:#ffffffd9;margin:0;flex:1 1 200px}.csc__checkout-note.is-warning{color:#ffd580}.csc__checkout-btn{padding:14px 36px;border:none;border-radius:8px;background:#3fbfad;color:#fff;font-size:.92em;font-weight:700;letter-spacing:.05em;font-family:var(--font-body-family);cursor:pointer;transition:background .18s,transform .15s,opacity .15s;flex-shrink:0}.csc__checkout-btn:hover:not(:disabled){background:#35a898;transform:translateY(-1px)}.csc__checkout-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}@media(max-width:989px){.csc__wrapper{padding:0 24px}.csc__group-grid[data-view=grid]{grid-template-columns:repeat(auto-fill,minmax(135px,1fr))}}@media(max-width:749px){.csc__wrapper{padding:0 16px}.csc__variant-btn{padding:18px 36px}.csc__instructions{padding:20px}.csc__filter,.csc__search-wrap{min-width:100%}.csc__group-grid[data-view=grid]{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}.csc__checkout-wrap{flex-direction:column;align-items:stretch}.csc__checkout-btn{width:100%;text-align:center}.csc__now-playing{border-radius:0;margin-left:-16px;margin-right:-16px}}@media(max-width:480px){.csc__group-grid[data-view=grid]{grid-template-columns:repeat(2,1fr)}}@media(prefers-reduced-motion:reduce){.csc__wave span{animation:none;height:12px}.csc-sound__img,.csc-sound__check,.csc__variant-btn,.csc__checkout-btn,.csc__progress-fill{transition:none}}.csc__toast{position:fixed;top:24px;left:50%;transform:translate(-50%) translateY(-80px);z-index:9999;padding:12px 22px;border-radius:40px;font-size:.88em;font-weight:600;font-family:var(--font-body-family);white-space:nowrap;pointer-events:none;opacity:0;transition:transform .3s cubic-bezier(.22,1,.36,1),opacity .3s ease;background:#1a1a1a;color:#fff;box-shadow:0 8px 24px #0003}.csc__toast.is-visible{opacity:1;transform:translate(-50%) translateY(0)}.csc__toast--warning{background:#b45309}.csc__toast--success{background:#3fbfad}.csc-sound.is-locked{opacity:.45;filter:grayscale(30%);transition:opacity .25s ease,filter .25s ease}.csc-sound.is-locked .csc-sound__select-btn{border-color:var(--color-border-tertiary, #ccc);color:var(--color-text-tertiary, #aaa);cursor:not-allowed}.csc-sound.is-shaking{animation:csc-shake .45s cubic-bezier(.36,.07,.19,.97)}@keyframes csc-shake{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(3px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}.csc__float-btn-wrap{position:fixed;bottom:28px;right:28px;z-index:300;opacity:0;transform:scale(.8) translateY(10px);pointer-events:none;transition:opacity .3s cubic-bezier(.22,1,.36,1),transform .3s cubic-bezier(.22,1,.36,1)}.csc__float-btn-wrap.is-visible{opacity:1;transform:scale(1) translateY(0);pointer-events:auto}.csc__float-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 22px;border:none;border-radius:50px;background:#3fbfad;color:#fff;font-size:.88em;font-weight:700;letter-spacing:.03em;font-family:var(--font-body-family);cursor:pointer;box-shadow:0 6px 24px #3fbfad73,0 2px 8px #00000026;transition:background .18s,transform .15s,box-shadow .18s;white-space:nowrap}.csc__float-btn:hover:not(:disabled){background:#35a898;transform:translateY(-2px);box-shadow:0 10px 32px #3fbfad80,0 4px 12px #0000002e}.csc__float-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.csc__float-label{line-height:1}.csc__float-badge{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;border-radius:50px;background:#042e7e;color:#fff;font-size:.78em;font-weight:700;line-height:1}@keyframes csc-float-pulse{0%{transform:scale(1)}40%{transform:scale(1.08)}to{transform:scale(1)}}.csc__float-btn-wrap.is-pulse{animation:csc-float-pulse .35s cubic-bezier(.22,1,.36,1)}@media(max-width:749px){.csc__float-btn-wrap{bottom:20px;right:16px}.csc__float-btn{padding:12px 18px;font-size:.82em}}@media(prefers-reduced-motion:reduce){.csc__float-btn-wrap{transition:none}.csc__float-btn-wrap.is-pulse{animation:none}.csc__float-btn{transition:none}}.csc__device-img-wrap{text-align:center}.csc__device-img{display:inline-block;max-width:100%;height:auto}@media(min-width:750px){.csc__device-img--mobile-only{display:none}}@media(max-width:749px){.csc__device-img--desktop-only{display:none}}@media(max-width:749px){.csc__device-img-wrap{padding-left:16px;padding-right:16px}.csc__device-img{max-width:100%;width:100%;height:auto}}.csc__sticky-variant{display:none}.csc__selected-price{margin-left:auto;font-size:.8em;font-weight:600;color:#042e7e;font-family:var(--font-body-family);padding-right:8px}.csc__selected-total{display:flex;justify-content:space-between;padding:6px 0;font-size:.82em;font-family:var(--font-body-family);border-top:1px solid rgba(0,0,0,.08);margin-top:4px;color:#555}.csc__selected-total--service{color:#777;font-style:italic}.csc__selected-total--grand{font-weight:700;font-size:.9em;color:#042e7e;border-top:2px solid #042e7e;margin-top:6px;padding-top:8px}.csc__top-total{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;margin-bottom:20px;border-radius:8px;background:linear-gradient(135deg,#042e7e,#1b4a8a);color:#fff;font-size:.9em;position:sticky;top:0;z-index:50}.csc__top-total-info{display:flex;flex-direction:column;gap:2px}.csc__top-total-count{font-size:.85em;opacity:.85}.csc__top-total-amount{font-size:1em}.csc__top-total-amount strong{font-size:1.1em}.csc__top-checkout-btn{padding:10px 18px;background:#fff;color:#042e7e;border:none;border-radius:6px;font-size:.9em;font-weight:700;cursor:pointer;white-space:nowrap;flex-shrink:0}.csc__top-checkout-btn:disabled{opacity:.5;cursor:not-allowed}.csc__inline-checkout{margin-top:16px;text-align:center}.csc__inline-checkout-btn{width:100%;padding:14px 24px;background:#042e7e;color:#fff;border:none;border-radius:6px;font-size:1em;font-weight:700;cursor:pointer}.csc__inline-checkout-btn:disabled{opacity:.5;cursor:not-allowed}
/*# sourceMappingURL=/cdn/shop/t/4/assets/custom-sound-card.css.map */