Description:

.wk-wrap { font-family: inherit; max-width: 600px; } .wk-wrap input[type="radio"] { display: none; } .wk-tab-btns { display: flex; border-bottom: 2px solid #e5e5e5; margin-bottom: 20px; } .wk-tab-label { padding: 12px 18px; font-size: 15px; font-weight: 700; color: #888; cursor: pointer; border-bottom: 3px solid transparent; margin-bottom: -2px; transition: color 0.15s, border-color 0.15s; user-select: none; white-space: nowrap; } .wk-wrap input#wk-tab1:checked ~ .wk-tab-btns label[for="wk-tab1"], .wk-wrap input#wk-tab2:checked ~ .wk-tab-btns label[for="wk-tab2"] { color: #111; border-bottom: 3px solid #111; } .wk-panel { display: none; } .wk-wrap input#wk-tab1:checked ~ #wk-features { display: block; } .wk-wrap input#wk-tab2:checked ~ #wk-shipping { display: block; } /* Features panel */ .wk-heading { font-family: 'Sofia Sans Semi Condensed', sans-serif; font-weight: 700; font-size: 18px; line-height: 24px; color: #333132; margin: 0 0 25px; } .wk-feat-list { list-style: none; padding: 0; margin: 0; color: #111; } .wk-feat-item { display: flex; align-items: center; margin-bottom: 16px; font-size: 15px; color: #111; } .wk-feat-item:last-child { margin-bottom: 0; } .wk-feat-item img { width: 40px; height: 40px; margin-right: 14px; flex-shrink: 0; } /* Shipping panel */ #wk-shipping { max-width: 420px; } .wk-section { margin-bottom: 22px; } .wk-section-title { display: flex; align-items: center; gap: 10px; font-size: 15px; font-weight: 700; color: #111; margin: 0 0 12px; } .wk-icon { width: 32px; height: 32px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; border-radius: 6px; } .wk-icon svg { width: 18px; height: 18px; } .wk-icon-green { background: #e6f4ea; } .wk-icon-green svg { stroke: #1e6e38; } .wk-icon-blue { background: #e8f0fe; } .wk-icon-blue svg { stroke: #1a56a0; } .wk-icon-purple { background: #f0eeff; } .wk-icon-purple svg { stroke: #5b3fd4; } .wk-list { list-style: none; padding: 0; margin: 0; } .wk-list li { font-size: 14px; color: #444; line-height: 1.65; padding: 5px 0 5px 18px; position: relative; } .wk-list li::before { content: ''; position: absolute; left: 0; top: 12px; width: 6px; height: 6px; border-radius: 50%; background: #ccc; } .wk-list b { color: #111; } .wk-list a { color: #1a56a0; text-decoration: none; } .wk-divider { border: none; border-top: 1px solid #f0f0f0; margin: 20px 0; } /* Mobile */ @media (max-width: 480px) { .wk-tab-label { padding: 10px 14px; font-size: 14px; } .wk-feat-item { font-size: 14px; } .wk-feat-item img { width: 34px; height: 34px; margin-right: 10px; } #wk-shipping { max-width: 100%; } .wk-section-title { font-size: 14px; } .wk-list li { font-size: 13px; } }