.dev-card-addon{--dev-card-border: rgba(15, 23, 42, .14);--dev-card-border-active: rgba(15, 23, 42, .28);--dev-card-surface: linear-gradient(140deg, #ffffff 0%, #fbfcff 100%);--dev-card-legend-size: 16px;--dev-card-option-title-size: 14px;--dev-card-option-subtext-size: 12px;--dev-card-option-price-size: 13px;--dev-card-selection-size: 13px;--dev-card-selected-title-size: 14px;--dev-card-selected-price-size: 13px;--dev-card-label-size: 13px;--dev-card-textarea-size: 14px;--dev-card-counter-size: 12px;margin-top:14px;padding:clamp(14px,1.4vw,18px);border:1px solid var(--dev-card-border);border-radius:16px;background:var(--dev-card-surface);box-shadow:0 8px 20px #0f172a0b}.dev-card-addon__fieldset{border:0;padding:0;margin:0}.dev-card-addon__legend{margin:0 0 10px;font-size:var(--dev-card-legend-size);font-weight:600;letter-spacing:.01em}.dev-card-addon__options{display:grid;gap:10px}.dev-card-addon__option{display:grid;grid-template-columns:auto 56px minmax(0,1fr) auto;align-items:center;gap:10px;margin:0;padding:10px 12px;border:1px solid var(--dev-card-border);border-radius:14px;background:#fff;cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease}.dev-card-addon__option:hover{border-color:#0f172a47;box-shadow:0 4px 12px #0f172a0e}.dev-card-addon__option.is-active{border-color:var(--dev-card-border-active);background-color:#f8fafcc7;box-shadow:inset 0 0 0 1px #0f172a29,0 5px 13px #0f172a0f}.dev-card-addon__option input[type=radio]{margin:0;width:18px;height:18px;accent-color:#111827;cursor:pointer}.dev-card-addon__thumb{width:56px;height:56px;border-radius:10px;border:1px solid rgba(15,23,42,.12);background:linear-gradient(160deg,#f8fafc,#eef2f7);overflow:hidden;display:grid;place-items:center}.dev-card-addon__thumb--none{background:linear-gradient(160deg,#f3f4f6,#e5e7eb)}.dev-card-addon__thumb-image{width:100%;height:100%;object-fit:cover;display:block}.dev-card-addon__thumb-placeholder{display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:.78rem;font-weight:700;color:#111827b8;letter-spacing:.02em}.dev-card-addon__option-body{display:grid;gap:2px;min-width:0}.dev-card-addon__option-text{font-size:var(--dev-card-option-title-size);font-weight:500;line-height:1.2}.dev-card-addon__option-subtext{font-size:var(--dev-card-option-subtext-size);color:#1118279e;line-height:1.2}.dev-card-addon__option-price{margin-left:6px;font-size:var(--dev-card-option-price-size);font-weight:500;color:#111827c7;white-space:nowrap}.dev-card-addon__selection{margin:12px 0 0;font-size:var(--dev-card-selection-size);color:#111827d1}.dev-card-addon__selected-card{margin-top:10px;padding:10px 12px;border:1px solid rgba(15,23,42,.14);border-radius:12px;background:linear-gradient(160deg,#fff,#f8fafc);display:grid;grid-template-columns:56px minmax(0,1fr);align-items:center;gap:10px}.dev-card-addon__selected-thumb{width:56px;height:56px;border-radius:10px;overflow:hidden;border:1px solid rgba(15,23,42,.12);background:linear-gradient(160deg,#f8fafc,#eef2f7);display:grid;place-items:center}.dev-card-addon__selected-image{width:100%;height:100%;object-fit:cover;display:block}.dev-card-addon__selected-placeholder{font-size:.92rem;font-weight:700;color:#111827c2}.dev-card-addon__selected-info{display:grid;gap:2px;min-width:0}.dev-card-addon__selected-title{font-size:var(--dev-card-selected-title-size);font-weight:600;line-height:1.2}.dev-card-addon__selected-price{font-size:var(--dev-card-selected-price-size);color:#111827b8;font-weight:500}.dev-card-addon__message{margin-top:12px}.dev-card-addon__label{display:block;font-size:var(--dev-card-label-size);font-weight:600;margin-bottom:6px}.dev-card-addon__textarea{font-size:var(--dev-card-textarea-size);line-height:1.4;width:100%;min-height:94px;border:1px solid rgba(15,23,42,.18);border-radius:10px;padding:10px 12px;resize:vertical;background:#fff}.dev-card-addon__counter{margin-top:4px;font-size:var(--dev-card-counter-size);color:#1118279e;text-align:right}.dev-card-addon__muted{opacity:.72;font-weight:500}.dev-card-addon__error{margin-top:8px;font-size:.9rem;color:#b91c1c}@media(max-width:749px){.dev-card-addon__option{grid-template-columns:auto 48px minmax(0,1fr);padding:10px}.dev-card-addon__thumb{width:48px;height:48px}.dev-card-addon__option-price{grid-column:3;margin-left:0;margin-top:2px}.dev-card-addon__selected-card{grid-template-columns:48px minmax(0,1fr)}.dev-card-addon__selected-thumb{width:48px;height:48px}}
/*# sourceMappingURL=/cdn/shop/t/37/assets/dev-card-addon.css.map */