.cd-wrap{background:#eaf4c9;padding:clamp(16px,4vw,30px);max-width:850px;border-radius:20px;width:100%;box-sizing:border-box}
.cd-wrap,.cd-wrap *{box-sizing:border-box;font-family:inherit}
.cd-h2{font-size:clamp(22px,5vw,38px);line-height:1.2;margin:0 0 15px;font-weight:700}
.cd-intro{font-size:clamp(13px,2vw,15px);line-height:1.8;color:#333;margin:0 0 10px}
.cd-h3{font-size:clamp(18px,4vw,30px);line-height:1.3;margin:28px 0 18px;font-weight:700}
.cd-lbl{display:block;font-weight:600;margin-bottom:8px}
.cd-sel-wrap{border:2px solid #333;border-radius:40px;background:#fff;position:relative;margin-bottom:22px;overflow:hidden}
.cd-sel-wrap select{display:block;width:100%;padding:13px 44px 13px 18px;font-size:inherit;font-family:inherit;font-weight:600;border:none;background:transparent;-webkit-appearance:none;appearance:none;cursor:pointer;outline:none;color:#111}
.cd-sel-arrow{position:absolute;right:16px;top:50%;transform:translateY(-50%);pointer-events:none;font-size:13px;color:#111}
.cd-row{display:flex;gap:12px;margin-bottom:22px;flex-wrap:wrap}
.cd-card{flex:1 1 140px;background:#fff;border:2px solid #cfcfcf;border-radius:18px;padding:clamp(14px,3vw,20px) clamp(8px,2vw,16px);text-align:center;position:relative;cursor:pointer;transition:border .2s,box-shadow .2s,transform .15s;user-select:none;min-width:0}
.cd-card:hover{border-color:#20b24b;transform:translateY(-2px);box-shadow:0 6px 16px rgba(32,178,75,.15)}
.cd-card.cd-on{border:3px solid #20b24b;box-shadow:0 4px 12px rgba(0,0,0,.1)}
.cd-card *{pointer-events:none}
.cd-badge{position:absolute;top:-11px;left:50%;transform:translateX(-50%);background:#20b24b;color:#fff;font-size:10px;font-weight:700;padding:4px 10px;border-radius:20px;white-space:nowrap;pointer-events:none}
.cd-cname{font-size:clamp(13px,3vw,17px);font-weight:700;margin-bottom:10px}
.cd-cprice{font-size:clamp(19px,5vw,34px);font-weight:700;line-height:1.1}
.cd-csub{font-size:clamp(10px,2vw,13px);color:#555;margin-top:6px}
.cd-summary{background:#fff;border:2px solid #20b24b;border-radius:18px;padding:16px 20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:28px}
.cd-ssub{font-size:clamp(11px,2vw,13px);color:#666;margin-bottom:4px}
.cd-spkg{font-size:clamp(18px,4vw,26px);font-weight:700}
.cd-sright{text-align:right}
.cd-stotal{font-size:clamp(20px,5vw,32px);font-weight:700}
.cd-inc-h{font-size:clamp(16px,3.5vw,22px);font-weight:700;margin:0 0 14px}
.cd-inc{margin-bottom:28px}
.cd-inc-item{margin-bottom:10px;font-size:clamp(13px,2.5vw,15px)}
.cd-wa{display:block;background:#1fb24a;color:#fff !important;text-align:center;padding:15px 20px;border-radius:40px;font-size:clamp(14px,3vw,17px);font-weight:700;text-decoration:none !important;margin-bottom:26px}
.cd-wa:hover{background:#18923d;color:#fff !important}
.cd-foot{font-size:clamp(12px,2vw,14px);line-height:1.8;color:#333;margin-bottom:18px}
.cd-awards{display:flex;gap:18px;flex-wrap:wrap;align-items:center}
.cd-aw{text-align:center;font-size:12px;color:#333;line-height:1.6}
@keyframes cdpop{0%{transform:scale(1)}40%{transform:scale(1.08)}100%{transform:scale(1)}}
.cd-pop{animation:cdpop .22s ease}
@media(max-width:600px){
  .cd-row{gap:8px}
  .cd-card{flex:1 1 calc(50% - 8px);min-width:120px}
  .cd-summary{flex-direction:column;align-items:flex-start}
  .cd-sright{text-align:left;width:100%}
}
@media(max-width:400px){.cd-card{flex:1 1 100%}}