.omp-btns-wrap{display:flex;flex-wrap:wrap;gap:8px;padding:4px 0 10px}
.omp-btn{display:inline-flex;align-items:center;justify-content:center;min-width:46px;height:40px;padding:0 18px;border:2px solid #e0e0e0;border-radius:8px;background:#fff;color:#333;font-size:13px;font-weight:700;font-family:inherit;cursor:pointer;transition:all .17s ease;white-space:nowrap;position:relative;-webkit-tap-highlight-color:transparent}
.omp-btn:hover{border-color:#6366f1;color:#4338ca;background:#f5f3ff;transform:translateY(-2px);box-shadow:0 5px 14px rgba(99,102,241,.18)}
.omp-btn.active{border-color:#6366f1;background:#6366f1;color:#fff;box-shadow:0 5px 16px rgba(99,102,241,.32);transform:translateY(-2px)}
.omp-btn.active::after{content:'';position:absolute;top:-6px;left:-6px;width:14px;height:14px;background:#22c55e url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M1.5 5l2.5 2.5 4.5-4.5' stroke='%23fff' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") center/9px no-repeat;border-radius:50%;border:2px solid #fff}
.omp-btn:active{transform:scale(.94)}
.omp-hsel{display:none!important}
@media(max-width:480px){.omp-btn{min-width:48px;height:44px;font-size:14px}.omp-btns-wrap{gap:10px}}

@keyframes omp-offer-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}

.omp-offers-wrap{display:flex;flex-direction:column;gap:9px;width:100%;padding-bottom:6px}

.omp-offer-card{display:flex;align-items:center;gap:13px;padding:14px 16px;background:#fff;border:1.5px solid #e5e7eb;border-radius:12px;cursor:pointer;transition:border-color .22s,background .22s,box-shadow .22s,transform .16s;position:relative;overflow:hidden;animation:omp-offer-in .38s cubic-bezier(.22,.68,0,1.2) both;-webkit-tap-highlight-color:transparent}
.omp-offer-card::after{content:'';position:absolute;right:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#6366f1,#a78bfa);opacity:0;transition:opacity .22s,top .22s,bottom .22s}
.omp-offer-card:hover{border-color:#a5b4fc;background:#fafbff;transform:translateX(3px);box-shadow:-5px 0 18px rgba(99,102,241,.12)}
.omp-offer-card:hover::after{opacity:.5}
.omp-offer-card.active{border-color:#6366f1;background:#f5f3ff;box-shadow:-5px 0 22px rgba(99,102,241,.2);transform:translateX(4px)}
.omp-offer-card.active::after{opacity:1}

.omp-card-ring{width:22px;height:22px;border-radius:50%;border:2px solid #d1d5db;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:border-color .22s,background .22s,box-shadow .22s;background:#fff}
.omp-card-dot{width:8px;height:8px;border-radius:50%;background:transparent;transform:scale(0);transition:background .22s,transform .22s}
.omp-offer-card:hover .omp-card-ring{border-color:#a5b4fc}
.omp-offer-card.active .omp-card-ring{border-color:#6366f1;background:#6366f1;box-shadow:0 0 0 3px rgba(99,102,241,.2)}
.omp-offer-card.active .omp-card-dot{background:#fff;transform:scale(1)}

.omp-card-body{flex:1;display:flex;flex-direction:column;gap:3px;min-width:0}
.omp-card-title{font-size:13px;font-weight:600;color:#1a1a2e;line-height:1.4;transition:color .2s}
.omp-offer-card.active .omp-card-title{color:#4338ca}
.omp-offer-card:hover .omp-card-title{color:#4f46e5}
.omp-card-prices{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}
.omp-card-price{font-size:14px;font-weight:800;color:#6366f1;transition:color .2s}
.omp-card-price.sale{color:#dc2626}
.omp-offer-card.active .omp-card-price{color:#4338ca}
.omp-offer-card.active .omp-card-price.sale{color:#b91c1c}
.omp-card-price-old{font-size:11px;color:#a1a1aa;text-decoration:line-through;font-weight:500}

.omp-card-arrow{font-size:18px;color:#d1d5db;flex-shrink:0;transition:color .2s,transform .2s;line-height:1;font-weight:300}
.omp-offer-card:hover .omp-card-arrow{color:#a5b4fc;transform:translateX(-2px)}
.omp-offer-card.active .omp-card-arrow{color:#6366f1;transform:translateX(-3px)}

.variations_form .variations td.label{font-weight:700;font-size:14px;vertical-align:top;padding-top:10px;color:#111;padding-left:12px}
.variations_form .variations td.value{padding-bottom:8px}

@keyframes omp-pop{from{opacity:0;transform:scale(.92) translateY(6px)}to{opacity:1;transform:scale(1) translateY(0)}}
.omp-price-preview{display:inline-flex;align-items:center;gap:8px;margin-top:10px;padding:9px 16px;background:#eff6ff;border:1.5px solid #bfdbfe;border-radius:10px;font-size:16px;font-weight:800;color:#2563eb;animation:omp-pop .25s cubic-bezier(.22,.68,0,1.2)}
.omp-price-preview .omp-old{font-size:12px;color:#a1a1aa;text-decoration:line-through;font-weight:400}