/* Oknive — COD form (EasySell-like) */
.codf{--cf-accent:#16a34a;color:var(--cf-text,#111827);font-size:var(--cf-fs,15px);margin:16px auto 0;max-width:var(--cf-mw,none);text-align:start}
.codf *{box-sizing:border-box}
.cf-form{background:var(--cf-bg,#fff);border:var(--cf-bw,2px) solid var(--cf-border,var(--cf-accent));border-radius:var(--cf-r,16px);padding:var(--cf-pad,18px);margin:0}
.cf-shadow .cf-form{box-shadow:0 10px 30px -12px rgba(0,0,0,.18)}
.cf-blocks{display:flex;flex-wrap:wrap;gap:10px}
.cf-b{flex:1 1 100%;min-width:0}
.cf-b.cf-half{flex:1 1 calc(50% - 5px)}
.cf-title{line-height:1.3}.cf-t-sm{font-size:1em}.cf-t-md{font-size:1.2em}.cf-t-lg{font-size:1.45em}.cf-t-xl{font-size:1.8em}
.cf-text{line-height:1.5}
.cf-img{display:block;margin:0 auto;max-width:100%;height:auto}
.cf-hr{border:0;border-top:1px solid}
.cf-html img{max-width:100%}
.cf-alert{background:#fef2f2;color:#991b1b;border-radius:10px;padding:10px 12px;margin-bottom:10px;font-weight:600;font-size:.92em}
/* product summary */
.cf-prod{display:flex;align-items:center;gap:12px;border-radius:12px;padding:8px}
.cf-prod img{width:64px;height:64px;object-fit:cover;border-radius:10px;flex:0 0 auto}
.cf-prod b{display:block;line-height:1.3}
.cf-prod-price{margin-top:3px;font-weight:800;color:var(--cf-accent)}.cf-prod-price s{color:#9ca3af;font-weight:500;margin-inline-start:6px}
/* countdown */
.cf-count{display:flex;align-items:center;justify-content:center;gap:8px;border-radius:10px;padding:9px 12px;font-weight:600}
.cf-count b{font-variant-numeric:tabular-nums;font-size:1.15em}
/* trust */
.cf-trust{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 14px;font-size:.85em;color:#4b5563}
.cf-trust span{display:inline-flex;align-items:center;gap:5px}.cf-trust .cf-ic{color:var(--cf-accent)}
.cf-trust-col{flex-direction:column;align-items:flex-start}
/* offers */
.cf-otitle{font-weight:700;margin-bottom:8px}
.cf-offers{display:grid;gap:10px}
.cf-o-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}
.cf-offer{position:relative;display:flex;align-items:center;gap:10px;border:2px solid #e5e7eb;border-radius:calc(var(--cf-fr,10px) + 2px);padding:12px;cursor:pointer;background:#fff;transition:border-color .15s,background .15s}
.cf-offer input{position:absolute;opacity:0;pointer-events:none}
.cf-offer.on{border-color:var(--cf-accent);background:color-mix(in srgb,var(--cf-accent) 7%,#fff)}
.cf-radio{width:20px;height:20px;border-radius:50%;border:2px solid #cbd5e1;flex:0 0 auto;position:relative;background:#fff}
.cf-offer.on .cf-radio{border-color:var(--cf-accent)}.cf-offer.on .cf-radio:after{content:"";position:absolute;inset:3px;border-radius:50%;background:var(--cf-accent)}
.cf-offer img{width:48px;height:48px;object-fit:cover;border-radius:8px;flex:0 0 auto}
.cf-o-txt{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.3}.cf-o-txt small{color:#6b7280;font-size:.82em}
.cf-o-txt .cf-save{color:var(--cf-accent);font-weight:700}
.cf-o-price{display:flex;flex-direction:column;align-items:flex-end;line-height:1.2;white-space:nowrap}.cf-o-price b{font-size:1.1em}.cf-o-price s{color:#9ca3af;font-size:.8em}
.cf-badge{position:absolute;top:-10px;inset-inline-end:10px;color:#fff;font-style:normal;font-size:.72em;font-weight:800;padding:2px 9px;border-radius:999px;letter-spacing:.02em}
.cf-o-grid .cf-offer{flex-direction:column;text-align:center;padding:16px 8px 10px}.cf-o-grid .cf-o-price{align-items:center}.cf-o-grid .cf-radio{position:absolute;top:8px;inset-inline-start:8px}
/* fields */
.cf-field{display:block;margin:0;font-weight:500}
.cf-label{display:block;font-size:.88em;font-weight:600;margin-bottom:5px}.cf-label i{color:#ef4444;font-style:normal}
.cf-l-none .cf-label:not(.cf-label-show){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.cf-input{position:relative;display:block}
.cf-input .cf-ic{position:absolute;top:50%;transform:translateY(-50%);inset-inline-start:13px;color:#9ca3af;pointer-events:none}
.cf-input:has(textarea) .cf-ic{top:16px;transform:none}
.codf .cf-input input,.codf .cf-input select,.codf .cf-input textarea,.codf .cf-code input{width:100%;height:var(--cf-fh,48px);border:1.5px solid var(--cf-fbd,#d1d5db);border-radius:var(--cf-fr,10px);background:var(--cf-fbg,#fff);color:inherit;font:inherit;padding:0 14px;outline:none;transition:border-color .15s,box-shadow .15s;margin:0;-webkit-appearance:none;appearance:none}
.codf .cf-input select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%236b7280' stroke-width='1.8' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}
.codf[dir=rtl] .cf-input select{background-position:left 14px center}
.codf .cf-input textarea{height:auto;min-height:80px;padding-top:12px;padding-bottom:12px;resize:vertical}
.cf-icons .cf-input .cf-ic~input,.cf-icons .cf-input .cf-ic~select,.cf-icons .cf-input .cf-ic~textarea{padding-inline-start:42px}
.codf:not(.cf-icons) .cf-input .cf-ic{display:none}
.codf .cf-input input:focus,.codf .cf-input select:focus,.codf .cf-input textarea:focus,.codf .cf-code input:focus{border-color:var(--cf-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--cf-accent) 18%,transparent)}
.cf-f-filled .cf-input input,.cf-f-filled .cf-input select,.cf-f-filled .cf-input textarea{background:#f3f4f6;border-color:transparent}
.cf-f-underline .cf-input input,.cf-f-underline .cf-input select,.cf-f-underline .cf-input textarea{border-width:0 0 2px;border-radius:0;background:transparent}
.cf-f-pill .cf-input input,.cf-f-pill .cf-input select{border-radius:999px}
.cf-err{display:block;color:#dc2626;font-size:.8em;font-weight:600;min-height:0;margin-top:3px}
.cf-err:empty{display:none}
.cf-bad .cf-input input,.cf-bad .cf-input select,.cf-bad .cf-input textarea{border-color:#ef4444;background:#fff7f7}
.cf-radios>div{display:flex;flex-wrap:wrap;gap:8px}
.cf-radios label{cursor:pointer}.cf-radios input{position:absolute;opacity:0;pointer-events:none}
.cf-r-pills label span{display:inline-block;border:1.5px solid var(--cf-fbd,#d1d5db);border-radius:999px;padding:7px 14px;font-weight:600;background:var(--cf-fbg,#fff)}
.cf-r-pills label input:checked+span{border-color:var(--cf-accent);background:color-mix(in srgb,var(--cf-accent) 10%,#fff);color:var(--cf-accent)}
.cf-r-list>div{flex-direction:column}.cf-r-list span{display:flex;align-items:center;gap:8px}.cf-r-list span:before{content:"";width:16px;height:16px;border-radius:50%;border:2px solid #cbd5e1}
.cf-r-list input:checked+span:before{border-color:var(--cf-accent);background:radial-gradient(var(--cf-accent) 45%,transparent 50%)}
.cf-bad.cf-radios span{border-color:#ef4444}
.cf-check{display:flex;gap:8px;align-items:flex-start;font-size:.9em;cursor:pointer}.cf-check input{width:18px;height:18px;accent-color:var(--cf-accent);margin-top:1px;flex:0 0 auto}
/* code */
.cf-link{background:none;border:0;color:var(--cf-accent);font:inherit;font-weight:600;cursor:pointer;padding:0;display:inline-flex;align-items:center;gap:5px}
.cf-code-row{display:flex;gap:8px;margin-top:6px}.cf-code-row input{flex:1;height:44px!important;padding:0 12px}
.cf-code-row button{border:0;border-radius:var(--cf-fr,10px);background:#111827;color:#fff;font:inherit;font-weight:700;padding:0 16px;cursor:pointer}
.cf-code-msg{display:block;font-size:.82em;font-weight:600;margin-top:4px}.cf-code-msg.ok{color:#15803d}.cf-code-msg.bad{color:#dc2626}
/* summary */
.cf-sum{border-radius:12px;padding:10px 12px;display:grid;gap:5px;font-size:.92em}
.cf-sum>div{display:flex;justify-content:space-between;gap:10px}.cf-sum b{font-variant-numeric:tabular-nums}
.cf-sum .cf-free{color:#15803d}
.cf-sum-total{border-top:1px dashed #d1d5db;padding-top:7px;font-size:1.12em}.cf-sum-total b{color:var(--cf-accent);font-weight:800}
/* submit */
.cf-submit{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;border:0;cursor:pointer;font:inherit;font-weight:800;color:#fff;background:var(--cf-accent);border-radius:var(--cf-fr,10px);padding:14px 16px;line-height:1.25;box-shadow:0 6px 18px -6px color-mix(in srgb,var(--cf-accent) 70%,transparent)}
.cf-sz-md{font-size:1em}.cf-sz-lg{font-size:1.12em;padding:16px}.cf-sz-xl{font-size:1.28em;padding:19px}
.cf-submit:disabled{opacity:.75;animation:none!important}
.cf-submit.cf-ok{outline:3px solid #86efac}
.cf-subtext{text-align:center;font-size:.82em;color:#6b7280;margin-top:6px}
.cf-wa{display:flex;align-items:center;justify-content:center;gap:8px;color:#fff;text-decoration:none;font-weight:700;border-radius:var(--cf-fr,10px);padding:12px}
/* animations */
@keyframes cfShake{0%,86%,100%{transform:translateX(0)}88%,92%,96%{transform:translateX(-4px)}90%,94%,98%{transform:translateX(4px)}}
@keyframes cfPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.035)}}
@keyframes cfBounce{0%,80%,100%{transform:translateY(0)}86%{transform:translateY(-6px)}92%{transform:translateY(0)}96%{transform:translateY(-3px)}}
.cf-anim-shake{animation:cfShake 3.2s infinite}.cf-anim-pulse{animation:cfPulse 1.8s infinite}.cf-anim-bounce{animation:cfBounce 2.6s infinite}
@media(prefers-reduced-motion:reduce){.cf-anim-shake,.cf-anim-pulse,.cf-anim-bounce{animation:none}}
/* popup */
.cf-open{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:var(--cf-fr,10px);background:var(--cf-accent);color:#fff;font:inherit;font-weight:800;font-size:1.12em;padding:16px;cursor:pointer;box-shadow:0 6px 18px -6px color-mix(in srgb,var(--cf-accent) 70%,transparent)}
.cf-popup>.cf-form{border:0;padding:0;box-shadow:none}
.cf-modal{position:fixed;inset:0;z-index:2147483000;display:flex;align-items:flex-end;justify-content:center}
.cf-modal[hidden]{display:none}
.cf-overlay{position:absolute;inset:0;background:rgba(17,24,39,.55)}
.cf-dialog{position:relative;width:100%;max-width:520px;max-height:92vh;overflow-y:auto;background:var(--cf-bg,#fff);border-radius:20px 20px 0 0;padding:14px var(--cf-pad,18px) 22px;transform:translateY(30px);opacity:0;transition:transform .25s,opacity .25s;overscroll-behavior:contain}
.cf-modal.in .cf-dialog{transform:none;opacity:1}
@media(min-width:640px){.cf-modal{align-items:center}.cf-dialog{border-radius:20px}}
.cf-dhead{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 10px;padding-bottom:10px;border-bottom:1px solid #f1f1f1}
.cf-dhead b{font-size:1.05em}
.cf-x{border:0;background:#f3f4f6;width:34px;height:34px;border-radius:50%;font-size:22px;line-height:1;cursor:pointer;color:#374151}
.cf-dialog .cf-form{border:0;padding:0;box-shadow:none;background:transparent}
.cf-small{max-width:400px;text-align:center;padding:24px 22px;display:flex;flex-direction:column;align-items:center;gap:10px}
.cf-up-title{font-size:1.25em;font-weight:800}
.cf-up-img{width:140px;height:140px;object-fit:cover;border-radius:14px}
.cf-up-price{font-size:1.2em;color:var(--cf-accent)}.cf-up-price s{color:#9ca3af;font-size:.8em}
.cf-small p{margin:0;color:#4b5563;font-size:.92em}
.cf-decline{color:#6b7280;font-weight:500;text-decoration:underline}
.cf-dn-pct{font-size:3em;font-weight:900;color:var(--cf-accent);line-height:1}
/* sticky */
.cf-sticky{position:fixed;left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom,0px));z-index:900;border:0;border-radius:14px;color:#fff;font:inherit;font-weight:800;font-size:1.05em;padding:15px;cursor:pointer;box-shadow:0 10px 26px -8px rgba(0,0,0,.45)}
.cf-sticky[hidden]{display:none}
@media(min-width:900px){.cf-sticky:not(.cf-desk){display:none}.cf-sticky.cf-desk{max-width:440px;left:50%;transform:translateX(-50%)}}
.cf-ic{flex:0 0 auto}
.hp{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);opacity:0;pointer-events:none}
.cf-sum>div[hidden]{display:none}
.codf[dir=rtl] .cf-input input[type=tel],.codf[dir=rtl] .cf-input input[type=email],.codf[dir=rtl] .cf-input input[type=number]{direction:rtl;text-align:right}