/* TRANSCAN v2.3 - animated horizontal button selectors */
.stkrp-box{border:1px solid #e7e7e7;border-radius:14px;padding:20px;margin:0 0 22px;background:#fff;box-shadow:0 8px 28px rgba(0,0,0,.035);overflow:hidden}.stkrp-box h4{margin:0 0 16px;font-size:18px}.stkrp-note{padding:10px 13px;background:#f7f7f7;border-radius:8px}.stkrp-grid{display:flex;flex-direction:column;gap:20px}.stkrp-field{width:100%}.stkrp-field>label{display:block;font-weight:700;margin:0 0 10px}.stkrp-field>label span{color:#c00}.stkrp-buttons{display:flex!important;flex-direction:row!important;align-items:stretch!important;flex-wrap:wrap!important;gap:10px!important;width:100%}
/* Keep native radio functionality but make the circle completely invisible */
.stkrp-buttons input.stkrp-radio,.stkrp-radio{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important;opacity:0!important;appearance:none!important;-webkit-appearance:none!important;pointer-events:none!important}
.stkrp-option{position:relative;display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important;min-width:78px;min-height:44px;margin:0!important;padding:10px 17px!important;border:1.5px solid #dedede!important;border-radius:9px!important;background:#fff!important;color:#222!important;cursor:pointer!important;font-weight:650!important;line-height:1.15!important;text-align:center;box-sizing:border-box!important;box-shadow:0 2px 7px rgba(0,0,0,.035);transform:translateY(0) scale(1);transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s ease,border-color .22s ease,background .22s ease,color .22s ease!important;user-select:none;-webkit-tap-highlight-color:transparent;overflow:hidden}.stkrp-option:before{content:"";position:absolute;inset:0;background:currentColor;opacity:0;transform:scale(.35);border-radius:inherit;transition:transform .28s ease,opacity .28s ease;pointer-events:none}.stkrp-option:hover{border-color:#6a4bbc!important;transform:translateY(-2px);box-shadow:0 7px 18px rgba(0,0,0,.09)}.stkrp-option:active{transform:translateY(0) scale(.97)}.stkrp-option.is-selected,.stkrp-radio:checked+.stkrp-option{background:#3b237b!important;border-color:#3b237b!important;color:#fff!important;box-shadow:0 7px 18px rgba(59,35,123,.22);transform:translateY(-1px)}.stkrp-option.is-selected:before,.stkrp-radio:checked+.stkrp-option:before{opacity:.06;transform:scale(1)}.stkrp-radio:focus-visible+.stkrp-option{outline:3px solid rgba(59,35,123,.22)!important;outline-offset:2px}.stkrp-price{margin-top:20px;padding-top:16px;border-top:1px solid #eee;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.stkrp-price small{font-weight:600}.stkrp-price strong{font-size:22px}.stkrp-status{font-size:12px;opacity:.7;width:100%}.stkrp-box.loading{opacity:.72;transition:opacity .2s ease}
@media(max-width:600px){.stkrp-box{padding:16px}.stkrp-buttons{gap:8px!important}.stkrp-option{min-width:66px;min-height:42px;padding:9px 13px!important;font-size:13px!important}}
@media(prefers-reduced-motion:reduce){.stkrp-option,.stkrp-option:before{transition:none!important}}

/* v2.4 artwork upload */
.stkrp-artwork{margin-top:20px;padding-top:18px;border-top:1px solid rgba(0,0,0,.08)}
.stkrp-upload-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.stkrp-upload>label:first-child{display:block;font-weight:600;margin:0 0 9px}.stkrp-upload>label:first-child span{color:#e11d48}
.stkrp-file-button{display:flex!important;align-items:center;justify-content:center;min-height:46px;padding:10px 15px;border:1px dashed #8d76c5;border-radius:9px;background:#faf8ff;color:#4c2f91;font-weight:700!important;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease}
.stkrp-file-button:hover{transform:translateY(-2px);box-shadow:0 7px 18px rgba(76,47,145,.13);background:#f4efff;border-color:#4c2f91}
.stkrp-file-button input{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none}
.stkrp-file-name{display:block;margin-top:7px;color:#8a8a8a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:600px){.stkrp-upload-pair{grid-template-columns:1fr}}

/* v2.5 matrix-only choices + animated color swatches */
.stkrp-option.stkrp-unavailable{display:none!important}
.stkrp-color-option{min-width:auto!important;padding:9px 14px!important;gap:8px!important}
.stkrp-color-dot{display:inline-block;width:16px;height:16px;border-radius:50%;flex:0 0 16px;border:2px solid rgba(0,0,0,.08);box-shadow:inset 0 1px 2px rgba(255,255,255,.65),0 1px 4px rgba(0,0,0,.14);transition:transform .22s ease,box-shadow .22s ease}
.stkrp-color-option[data-color*="Golden"] .stkrp-color-dot,.stkrp-color-option[data-color*="Gold"] .stkrp-color-dot{background:linear-gradient(135deg,#f7dc72,#c99b20)}
.stkrp-color-option[data-color*="Silver"] .stkrp-color-dot{background:linear-gradient(135deg,#f5f5f5,#b9bec5)}
.stkrp-color-option:hover .stkrp-color-dot{transform:scale(1.15) rotate(8deg);box-shadow:0 0 0 4px rgba(59,35,123,.08),0 2px 7px rgba(0,0,0,.18)}
.stkrp-color-option.is-selected .stkrp-color-dot,.stkrp-radio:checked+.stkrp-color-option .stkrp-color-dot{transform:scale(1.08);border-color:rgba(255,255,255,.75);box-shadow:0 0 0 3px rgba(255,255,255,.16),0 2px 7px rgba(0,0,0,.22)}

/* v2.7 foil color cards */
.stkrp-color-card{min-width:165px!important;min-height:64px!important;padding:7px 12px!important;justify-content:flex-start!important;gap:10px!important;text-align:left!important}
.stkrp-color-image{width:52px;height:52px;object-fit:cover;border-radius:7px;display:block;flex:0 0 52px;border:1px solid rgba(0,0,0,.08);background:#f5f5f5}
.stkrp-color-card .stkrp-option-text{display:block;white-space:nowrap}
.stkrp-color-card.is-selected .stkrp-color-image,.stkrp-radio:checked+.stkrp-color-card .stkrp-color-image{border-color:rgba(255,255,255,.75);box-shadow:0 0 0 2px rgba(255,255,255,.16)}
@media(max-width:600px){.stkrp-color-card{min-width:145px!important}.stkrp-color-image{width:46px;height:46px;flex-basis:46px}}


/* v3.2 generic image + text option cards (Material / Color) */
.stkrp-image-card{min-width:170px!important;min-height:72px!important;padding:8px 12px!important;justify-content:flex-start!important;gap:11px!important;text-align:left!important}
.stkrp-option-image{width:56px;height:56px;object-fit:cover;border-radius:8px;display:block;flex:0 0 56px;border:1px solid rgba(0,0,0,.08);background:#f6f6f6}
.stkrp-image-card .stkrp-option-text{white-space:normal;text-align:left;line-height:1.25}
@media(max-width:600px){.stkrp-image-card{min-width:145px!important;flex:1 1 calc(50% - 8px)!important}.stkrp-option-image{width:48px;height:48px;flex-basis:48px}}


/* v3.3.1 premium animated Material cards */
.stkrp-field[data-field="Material"] .stkrp-buttons{gap:12px!important}
.stkrp-field[data-field="Material"] .stkrp-image-card{position:relative;min-width:154px!important;min-height:74px!important;padding:9px 12px!important;border:1px solid #d9dbe7!important;border-radius:14px!important;background:linear-gradient(180deg,#ffffff 0%,#fafbff 100%)!important;box-shadow:0 8px 18px rgba(18,24,40,.06),0 1px 0 rgba(255,255,255,.9) inset;transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s ease,border-color .28s ease,background .28s ease,color .28s ease!important;animation:stkrpMaterialCardIn .45s ease both;overflow:hidden}
.stkrp-field[data-field="Material"] .stkrp-image-card:before{content:"";position:absolute;inset:-1px;background:linear-gradient(120deg,rgba(255,255,255,0) 20%,rgba(255,255,255,.8) 40%,rgba(255,255,255,0) 60%);transform:translateX(-135%);opacity:0;transition:transform .7s ease,opacity .35s ease;z-index:0}
.stkrp-field[data-field="Material"] .stkrp-image-card:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(103,80,164,.08),transparent 42%);opacity:.9;pointer-events:none}
.stkrp-field[data-field="Material"] .stkrp-option-image,.stkrp-field[data-field="Material"] .stkrp-color-image{position:relative;width:50px;height:50px;flex:0 0 50px;border-radius:11px;border:1px solid rgba(61,67,87,.12);box-shadow:0 4px 10px rgba(26,31,44,.09);background:#fff;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease;z-index:1}
.stkrp-field[data-field="Material"] .stkrp-option-text{position:relative;display:block;font-size:15px;font-weight:700;line-height:1.28;letter-spacing:-.01em;color:#2a2f45;z-index:1;transition:color .28s ease,transform .28s ease}
.stkrp-field[data-field="Material"] .stkrp-image-card:hover{transform:translateY(-4px) scale(1.01);border-color:#8b74d9!important;box-shadow:0 16px 30px rgba(72,52,140,.14),0 1px 0 rgba(255,255,255,.92) inset;background:linear-gradient(180deg,#ffffff 0%,#f7f3ff 100%)!important}
.stkrp-field[data-field="Material"] .stkrp-image-card:hover:before{transform:translateX(135%);opacity:1}
.stkrp-field[data-field="Material"] .stkrp-image-card:hover .stkrp-option-image,.stkrp-field[data-field="Material"] .stkrp-image-card:hover .stkrp-color-image{transform:scale(1.08) rotate(-1.5deg);box-shadow:0 10px 18px rgba(34,39,56,.16)}
.stkrp-field[data-field="Material"] .stkrp-image-card:hover .stkrp-option-text{transform:translateX(2px)}
.stkrp-field[data-field="Material"] .stkrp-image-card.is-selected,.stkrp-field[data-field="Material"] .stkrp-radio:checked+.stkrp-image-card{background:linear-gradient(135deg,#43248c 0%,#5b34b8 52%,#6c48d5 100%)!important;border-color:#4d2aa1!important;color:#fff!important;box-shadow:0 18px 34px rgba(67,36,140,.28),0 0 0 1px rgba(255,255,255,.08) inset;transform:translateY(-2px) scale(1.015)}
.stkrp-field[data-field="Material"] .stkrp-image-card.is-selected:before,.stkrp-field[data-field="Material"] .stkrp-radio:checked+.stkrp-image-card:before{opacity:.95;transform:translateX(115%)}
.stkrp-field[data-field="Material"] .stkrp-image-card.is-selected .stkrp-option-text,.stkrp-field[data-field="Material"] .stkrp-radio:checked+.stkrp-image-card .stkrp-option-text{color:#fff;transform:translateX(2px)}
.stkrp-field[data-field="Material"] .stkrp-image-card.is-selected .stkrp-option-image,.stkrp-field[data-field="Material"] .stkrp-radio:checked+.stkrp-image-card .stkrp-option-image,.stkrp-field[data-field="Material"] .stkrp-image-card.is-selected .stkrp-color-image,.stkrp-field[data-field="Material"] .stkrp-radio:checked+.stkrp-image-card .stkrp-color-image{border-color:rgba(255,255,255,.65);box-shadow:0 0 0 3px rgba(255,255,255,.16),0 10px 18px rgba(18,13,44,.26);transform:scale(1.06)}
.stkrp-field[data-field="Material"] .stkrp-radio:focus-visible+.stkrp-image-card{outline:3px solid rgba(91,52,184,.18)!important;outline-offset:3px}
@keyframes stkrpMaterialCardIn{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:767px){.stkrp-field[data-field="Material"] .stkrp-buttons{gap:10px!important}.stkrp-field[data-field="Material"] .stkrp-image-card{min-width:calc(50% - 6px)!important;flex:1 1 calc(50% - 6px)!important;min-height:70px!important;padding:8px 10px!important}.stkrp-field[data-field="Material"] .stkrp-option-image,.stkrp-field[data-field="Material"] .stkrp-color-image{width:44px;height:44px;flex-basis:44px}.stkrp-field[data-field="Material"] .stkrp-option-text{font-size:14px}}
@media(prefers-reduced-motion:reduce){.stkrp-field[data-field="Material"] .stkrp-image-card,.stkrp-field[data-field="Material"] .stkrp-option-image,.stkrp-field[data-field="Material"] .stkrp-option-text{animation:none!important;transition:none!important}.stkrp-field[data-field="Material"] .stkrp-image-card:before{display:none}}