.cx-short{padding:22px 0 48px}.cx-one{max-width:560px}
.cx-t{font-size:34px;line-height:1.1;margin:0 0 4px;color:#17223D;letter-spacing:-.5px}
.cx-sub{color:#5b6170;margin:0 0 16px;font-size:15px}
.cx-card{background:#fff;border:1px solid #e6e7e3;border-radius:18px;padding:16px;display:grid;gap:10px}
.cx-drop{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px;border:1.5px dashed #c9cdc2;border-radius:12px;background:#f8f9f5;color:#17223D;cursor:pointer;font-size:16px}
.cx-drop small{color:#8a8f9c;font-weight:400;font-size:13px}
.cx-drop:hover,.cx-drop.on{border-color:#9BC91B;background:#f2f7e6}.cx-drop input{position:absolute;width:1px;height:1px;opacity:0}
.cx-list{list-style:none;padding:0;margin:0;display:grid;gap:6px}.cx-list:empty{display:none}
.cx-list li{display:flex;gap:8px;align-items:center;padding:7px 10px;border:1px solid #e6e7e3;border-radius:10px;font-size:13px}
.cx-list li span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cx-list small{color:#8a8f9c}.cx-list button{border:0;background:none;color:#8a8f9c;font-size:18px;cursor:pointer;padding:0 4px}
.cx-card textarea{min-height:76px;resize:vertical}
.cx-card .input{margin:0;font-size:16px}
.cx-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.cx-stores{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.cx-stores input{position:absolute;opacity:0}
.cx-stores span{display:block;text-align:center;padding:10px 4px;border:1.5px solid #d9dcd3;border-radius:10px;cursor:pointer;font-size:14px;font-weight:600;color:#5b6170}
.cx-stores input:checked+span{border-color:#17223D;background:#17223D;color:#fff}
.cx-stores input:focus-visible+span{outline:2px solid #9BC91B;outline-offset:2px}
.cx-send{width:100%;justify-content:center;font-size:17px;padding:15px}
.cx-bar{height:5px;border-radius:5px;background:#eef0ea;overflow:hidden}.cx-bar i{display:block;height:100%;width:0;background:#9BC91B;transition:width .2s}
.cx-ok{text-align:center;padding:16px 0}.cx-ok .tick{width:48px;height:48px;border-radius:50%;background:#9BC91B;display:grid;place-items:center;margin:0 auto 8px}
.cx-or{text-align:center;font-size:14px;color:#6b7080;margin:14px 0 0;line-height:1.7}.cx-or a{color:#17223D;font-weight:600;white-space:nowrap}

.cx-how{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;background:#f1f2ee;border-radius:12px}
.cx-how input{position:absolute;opacity:0}
.cx-how span{display:block;text-align:center;padding:10px 4px;border-radius:9px;cursor:pointer;font-size:15px;font-weight:600;color:#5b6170}
.cx-how input:checked+span{background:#fff;color:#17223D;box-shadow:0 1px 3px rgba(0,0,0,.12)}
.cx-how input:focus-visible+span{outline:2px solid #9BC91B}
.cx-stores{grid-template-columns:1fr 1fr}.cx-stores[hidden],.cx-card [hidden]{display:none}

.iv-head{padding:36px 0 14px}.iv-head .b4h1{margin:8px 0 12px}.iv-sub{color:#5b6170;max-width:640px;margin:0 0 10px}
.iv-soon{display:inline-block;background:#f2f7e6;color:#3f6f1f;border-radius:999px;padding:7px 14px;font-size:14px;font-weight:600;margin:0}
.iv-body{padding:10px 0 60px}
.iv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:0 0 28px}
.iv-card{position:relative;display:block;padding:0;border:2px solid transparent;border-radius:16px;background:#f3f3f1;cursor:pointer;overflow:hidden;text-align:left;font:inherit;transition:.15s}
.iv-card img{display:block;width:100%;height:auto}
.iv-cap{display:flex;justify-content:space-between;align-items:baseline;gap:8px;padding:10px 14px;background:#fff}
.iv-cap b{color:#17223D;font-size:16px}.iv-cap small{color:#6b7080;font-size:13px;text-align:right}
.iv-card:hover{border-color:#c9cdc2}.iv-card[aria-pressed=true]{border-color:#17223D;box-shadow:0 0 0 2px #17223D}
.iv-tick{position:absolute;top:10px;right:10px;width:30px;height:30px;border-radius:50%;background:#9BC91B;color:#17223D;font-weight:800;display:none;place-items:center}
.iv-card[aria-pressed=true] .iv-tick{display:grid}
.iv-form{max-width:620px;margin:0 auto;scroll-margin-top:90px}
.iv-h{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:20px;margin:0 0 4px;color:#17223D}
.iv-h span{font-size:14px;font-weight:600;color:#a33;background:#fbeeee;border-radius:999px;padding:4px 12px}.iv-h span.on{color:#17223D;background:#eef3e0}
.iv-mail{text-align:center;font-size:14px;color:#6b7080;margin:4px 0 0}.iv-mail a{color:#17223D;font-weight:600}
.iv-form select.input{appearance:auto}
@media (max-width:820px){.iv-grid{grid-template-columns:1fr 1fr;gap:10px}.iv-cap{flex-direction:column;gap:0;padding:8px 10px}.iv-cap small{text-align:left;font-size:12px}}

.iv-lbl{margin:8px 0 -2px;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#3f6f1f}
.iv-env{margin:-2px 0 0;font-size:14px;color:#3f6f1f;font-weight:600}
.iv-help{display:flex;gap:12px;align-items:flex-start;padding:14px;border:1.5px solid #d9dcd3;border-radius:12px;cursor:pointer;background:#fbfcf8}
.iv-help input{width:22px;height:22px;margin:2px 0 0;accent-color:#17223D;flex:none}
.iv-help b{display:block;color:#17223D;font-size:16px}.iv-help small{color:#6b7080;font-size:13px}
.iv-help:has(input:checked){border-color:#17223D;background:#f2f7e6}

.iv-grid .iv-ph{display:flex;align-items:center;justify-content:center;aspect-ratio:5/7;background:#f3f1ea;padding:14px;border-radius:12px 12px 0 0;overflow:hidden}
.iv-grid .iv-ph img{max-width:100%;max-height:100%;width:auto!important;height:auto!important;object-fit:contain;box-shadow:0 6px 18px rgba(23,34,61,.18);background:#fff;border-radius:2px}
