.cpb{color:#1a1a1a;margin:6px 0 4px;font-family:inherit}
.cpb__timerhead{display:flex;align-items:center;gap:14px;justify-content:center;font-weight:800;font-size:13px;letter-spacing:.05em;text-transform:uppercase;color:#1a1a1a}
.cpb__timerhead:before,.cpb__timerhead:after{content:"";flex:1;height:1px;background:#e5e5e5}
.cpb__timer{background:#f4f4f4;border-radius:10px;padding:12px;text-align:center;font-weight:700;margin:12px 0 16px;color:#1a1a1a}
.cpb__offer{position:relative;border:2px solid #1a1a1a;border-radius:12px;padding:16px;background:#fff;box-shadow:0 4px 16px rgba(0,0,0,.08)}
.cpb__ribbon{position:absolute;top:0;right:0;background:#1a1a1a;color:#fff;font-size:10px;font-weight:800;letter-spacing:.05em;padding:5px 14px;border-bottom-left-radius:10px}
.cpb__offerhead{display:flex;align-items:center;gap:12px}
.cpb__radio{position:relative;flex:0 0 22px;width:22px;height:22px;border:2px solid #1a1a1a;border-radius:50%}
.cpb__radio:after{content:"";position:absolute;inset:4px;border-radius:50%;background:#1a1a1a}
.cpb__offermain{display:flex;flex-direction:column;gap:2px}
.cpb__title{font-weight:800;font-size:17px;line-height:1.1}
.cpb__sub{font-size:13px;color:#00863b;font-weight:700}
.cpb__prices{margin-left:auto;text-align:right;white-space:nowrap;display:flex;flex-direction:column;align-items:flex-end}
.cpb__cmp{color:#9a9a9a;text-decoration:line-through;font-size:14px}
.cpb__price{font-weight:800;font-size:20px}
.cpb__body{margin-top:16px;border-top:1px solid #eee;padding-top:16px}
.cpb__step{font-weight:800;font-size:14px;margin:0 0 10px;display:flex;align-items:center;gap:8px}
.cpb__step--free{margin-top:16px}
.cpb__free{background:#1a1a1a;color:#fff;font-size:10px;font-weight:800;letter-spacing:.04em;padding:2px 7px;border-radius:5px}
.cpb__row{display:flex;gap:10px;align-items:stretch}
.cpb__colorwrap{flex:1 1 0;min-width:0;display:flex;align-items:center;gap:9px;border:1px solid #d9d9d9;border-radius:10px;padding:7px 10px 7px 7px;background:#fff}
.cpb__thumb{flex:0 0 44px;width:44px;height:44px;border-radius:8px;object-fit:cover;background:#f0f0f0;border:1px solid #eee}
.cpb__colorwrap select{flex:1 1 0;min-width:0;border:0;background:transparent;font-size:14px;font-weight:600;color:#1a1a1a;cursor:pointer;outline:none;-webkit-appearance:none;appearance:none;background-image:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 12 12\"><path d=\"M2 4l4 4 4-4\" fill=\"none\" stroke=\"%231a1a1a\" stroke-width=\"1.6\"/></svg>');background-repeat:no-repeat;background-position:right center;padding-right:16px}
.cpb__size{flex:1 1 0;min-width:0;border:1px solid #d9d9d9;border-radius:10px;padding:10px 30px 10px 12px;background:#fff;font-size:14px;font-weight:600;color:#1a1a1a;cursor:pointer;-webkit-appearance:none;appearance:none;background-image:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 12 12\"><path d=\"M2 4l4 4 4-4\" fill=\"none\" stroke=\"%231a1a1a\" stroke-width=\"1.6\"/></svg>');background-repeat:no-repeat;background-position:right 12px center}
.cpb__atc{display:block;width:100%;border:0;border-radius:10px;background:#1a1a1a;color:#fff;font-weight:800;font-size:15px;letter-spacing:.08em;padding:18px;margin-top:14px;cursor:pointer;text-transform:uppercase}
.cpb__atc:hover{background:#333}
.cpb__ship{display:flex;justify-content:space-between;align-items:center;gap:10px;background:#f4f4f4;border-radius:10px;padding:14px 16px;margin-top:14px;font-weight:600;font-size:14px;color:#1a1a1a}
.cpb__dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:#1a1a1a;margin-right:8px;box-shadow:0 0 0 4px rgba(0,0,0,.08);vertical-align:middle}
