/* Official-training add-ons on an exam voucher page (Nathan, 28 Sep 2026).
   HAND-WRITTEN and kept apart on purpose: wp.css / wp-exam.css / wp-hub.css are GENERATED by
   scripts/pim-build-wp-css.ts and a rebuild overwrites them. Linked after them, and only on a
   page that has add-ons (pim-wp.ts adds the body class `kit-page`).
   House rules for this page: nothing under 19px except pills and labels; every price shows the
   vendor's price and the saving; the tick box is the only box-shaped control in a card. */

/* ── header: one tight row — cert badge · title and text · Authorized Partner badge ── */
.pim-wp.kit-page .entry-header{margin-bottom:0;padding-top:0}
.pim-wp.kit-page .entry-meta{display:none}
.pim-wp.kit-page .voucher-page-wrapper{padding-top:14px}
.pim-wp.kit-page .voucher-post-container{padding-top:0;padding-bottom:0}
.pim-wp.kit-page .voucher-post-container .post-thumb-img-content{display:grid;grid-template-columns:230px minmax(0,1fr);gap:8px 4px;align-items:start;margin-top:0;padding-top:16px}
.pim-wp.kit-page .voucher-post-container .post-thumb{margin:0;padding:0;text-align:center}
.pim-wp.kit-page .voucher-post-container .post-thumb .wp-post-image{width:230px;height:230px;aspect-ratio:1/1;margin:0;display:block}
.pim-wp.kit-page .voucher-content{position:relative;width:100%;padding-right:180px;margin-left:-28px}
.pim-wp.kit-page .voucher-content .partner-right{display:block;float:none;position:absolute;top:0;right:0;width:160px;max-width:160px;height:auto;margin:0}
.pim-wp.kit-page .voucher-content .entry-title{margin:0;line-height:1.1;text-align:left}
.pim-wp.kit-page .voucher-content .small-heading{margin:8px 0 10px;text-align:left}
.pim-wp.kit-page .voucher-description{margin:0;text-align:left}

/* ── the four steps, joined by a dotted line down the side ── */
.pim-wp .kit-steps{width:100%;max-width:960px;margin:0 auto}
.pim-wp .kit-steps .step{position:relative;padding:0 0 32px 64px}
.pim-wp .kit-steps .step::before{content:"";position:absolute;left:21px;top:48px;bottom:-4px;border-left:3px dotted #aab5cf}
.pim-wp .kit-steps .step.last::before{display:none}
.pim-wp .kit-steps .step-head{position:relative;margin:0 0 16px}
.pim-wp .kit-steps .step-head .n{position:absolute;left:-64px;top:-2px;width:46px;height:46px;border-radius:50%;background:#042369;color:#fff;font-weight:900;font-size:20px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 6px #fff}
.pim-wp .kit-steps .step-head h3{margin:0;font-size:26px;color:#042369;font-weight:800;line-height:1.2}
.pim-wp .kit-steps .step-head h3 em{font-style:normal;font-weight:600;color:#5b6472;font-size:22px}
.pim-wp .kit-steps .step-head p{margin:6px 0 0;color:#39414e;font-size:19px}

/* step 1 — the country */
.pim-wp .kit-steps .step-country{background:#eef2fb;border:2px solid #042369;border-radius:12px;padding:16px 18px;max-width:560px}
.pim-wp .kit-steps .step-country p{margin:0 0 12px;color:#39414e;font-size:19px}
.pim-wp .kit-steps .step-country select{width:100%;max-width:none;height:60px;padding:12px 52px 12px 14px;border:2px solid #042369;border-radius:8px;font-size:21px;font-weight:700;color:#042369;appearance:none;-webkit-appearance:none;background:#fff url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='12' viewBox='0 0 20 12'><path d='M2 2l8 8 8-8' fill='none' stroke='%23042369' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/></svg>") no-repeat right 18px center}

/* step 2 — the two voucher cards, chosen with a round-tick pill */
.pim-wp .kit-steps .voucher-pricing-container{gap:24px;justify-content:flex-start}
.pim-wp .kit-steps .voucher-card{width:420px}
.pim-wp .voucher-card[data-base]{cursor:pointer;transition:box-shadow .15s,border-color .15s}
.pim-wp .voucher-card[data-base].sel{border-color:#0b8a4b;box-shadow:0 0 0 4px #0b8a4b33,0 10px 25px -5px #0000001a}
.pim-wp .voucher-card .voucher-best{position:absolute;top:-16px;left:30px;background:#042369;color:#fff;border-radius:5px;padding:1px 8px;font-size:15px;font-weight:800;letter-spacing:.3px;white-space:nowrap}
.pim-wp.kit-page .voucher-card .voucher-retake-assurance{font-size:19px}
.pim-wp.kit-page .voucher-card .voucher-features-list li{font-size:19px}
.pim-wp .voucher-card button.kit-select{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:12px 16px;border:2px solid #042369;border-radius:999px;background:#fff;color:#042369;font-family:inherit;font-size:22px;text-align:center;cursor:pointer}
.pim-wp .voucher-card button.kit-select:hover{background:#eef2fb}
.pim-wp .voucher-card button.kit-select.on{background:#0b8a4b;color:#fff;border-color:#0b8a4b}
.pim-wp .kit-select .rb{display:block;flex:none;position:relative;width:26px;height:26px;border-radius:50%;border:2px solid #042369;background:#fff}
.pim-wp .kit-select.on .rb{background:#fff;border-color:#fff}
.pim-wp .kit-select.on .rb::after{content:"";position:absolute;left:8px;top:3px;width:7px;height:13px;border:solid #0b8a4b;border-width:0 3px 3px 0;transform:rotate(45deg)}

/* step 3 — the add-ons */
.pim-wp .voucher-kit{width:100%;max-width:1000px;margin:0;padding:0}
.pim-wp .voucher-kit .kit-sub{margin:0 0 18px;color:#5b6472;font-size:19px}
.pim-wp .voucher-kit .kit-sub .kit-more{color:#2f6fe8;font-weight:800;text-decoration:none}
.pim-wp .voucher-kit .kit-sub .kit-more:hover{text-decoration:underline}
.pim-wp .voucher-kit .kit-list{display:flex;flex-direction:column;gap:34px}
.pim-wp .voucher-kit .sv{display:inline-block;margin-left:6px;padding:5px 11px;border-radius:999px;background:#0b8a4b;color:#fff;font-weight:800;font-size:18px;vertical-align:1px;white-space:nowrap}

/* a node on the side line against "Select all" and each add-on; it fills green once added */
.pim-wp .voucher-kit .kit-row,.pim-wp .voucher-kit .kit-all-wrap{position:relative}
.pim-wp .voucher-kit .kit-row::before,.pim-wp .voucher-kit .kit-all-wrap::before{content:"";position:absolute;left:-53px;top:22px;z-index:1;box-sizing:border-box;width:22px;height:22px;border-radius:50%;background:#fff;border:3px solid #042369;box-shadow:0 0 0 5px #fff}
.pim-wp .voucher-kit .kit-row::after,.pim-wp .voucher-kit .kit-all-wrap::after{content:"";position:absolute;left:-31px;top:32px;width:31px;border-top:3px dotted #aab5cf}
.pim-wp .voucher-kit .kit-row:has(.kit-opt.on)::before,.pim-wp .voucher-kit .kit-all-wrap:has(.kit-all.on)::before{background:#0b8a4b;border-color:#0b8a4b}

/* the drawn tick box and its panel — shared by "Select all" and every add-on */
.pim-wp .voucher-kit .kit-opt input,.pim-wp .voucher-kit .kit-all input{position:absolute;opacity:0;width:1px;height:1px;margin:0;pointer-events:none}
.pim-wp .voucher-kit .cbcol{display:flex;flex-direction:column;align-items:center;flex:none;gap:8px;min-width:74px;padding:14px 8px;border-radius:12px;background:#eef2fb;color:#042369;font-size:19px;font-weight:800}
.pim-wp .voucher-kit .kit-all .cbcol{line-height:1.2}
.pim-wp .voucher-kit .cbx{display:block;flex:none;position:relative;box-sizing:border-box;width:42px;height:42px;border:3px solid #042369;border-radius:7px;background:#fff}
.pim-wp .voucher-kit .on .cbcol{background:#e3f4ea;color:#0b6b3b}
.pim-wp .voucher-kit .on .cbx{background:#0b8a4b;border-color:#0b8a4b}
.pim-wp .voucher-kit .on .cbx::after{content:"";position:absolute;left:12px;top:3px;width:11px;height:23px;border:solid #fff;border-width:0 4px 4px 0;transform:rotate(45deg)}
.pim-wp .voucher-kit input:focus-visible~.cbcol{outline:3px solid #ff5959;outline-offset:3px}

/* "Select all" */
.pim-wp .voucher-kit .kit-all-wrap{margin:0 0 34px;padding:0}
.pim-wp .voucher-kit .kit-all{display:flex;flex-wrap:wrap;align-items:center;gap:18px;position:relative;margin:0;padding:14px 20px;border:2px solid #b9c3da;border-radius:14px;background:#fff;box-shadow:0 6px 18px #0423691a;cursor:pointer}
.pim-wp .voucher-kit .kit-all.on{border-color:#0b8a4b}
.pim-wp .voucher-kit .kit-all .t{display:block;color:#042369;font-size:24px;font-weight:800;line-height:1.2;white-space:nowrap}
/* 25 Oct: between 701 and ~1000 px the price + SAVE pill ran past the card; the row now wraps the price under the title, still right-aligned */
.pim-wp .voucher-kit .kit-all .p{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;margin-left:auto;color:#ff5958;font-size:22px;font-weight:800;text-align:left;white-space:nowrap}
.pim-wp .voucher-kit .kit-all .p s{display:inline;color:#898989;font-size:19px;font-weight:500}
.pim-wp .voucher-kit .kit-all .p .sv{display:inline-block;width:auto;margin:0}

/* one add-on: title band across the top, then tick panel · what it is · price */
.pim-wp .voucher-kit .kit-opt{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"t t t" "cb body p";gap:12px 18px;align-items:start;position:relative;overflow:hidden;margin:0;padding:18px 20px;border:2px solid #b9c3da;border-radius:14px;background:#fff;box-shadow:0 6px 18px #0423691a;cursor:pointer}
.pim-wp .voucher-kit .kit-opt.on{border-color:#0b8a4b}
.pim-wp .voucher-kit .kit-opt .cbcol{grid-area:cb;align-self:center}
.pim-wp .voucher-kit .kit-opt .t{grid-area:t;display:flex;align-items:center;gap:12px;margin:-18px -20px 4px;padding:16px 20px;border-bottom:2px solid #d5dcec;background:#eef2fb;color:#042369;font-size:27px;font-weight:800;line-height:1.15;white-space:nowrap}
.pim-wp .voucher-kit .kit-opt.on .t{background:#e3f4ea;border-bottom-color:#0b8a4b55}
.pim-wp .voucher-kit .kit-opt .t .ico{display:flex;align-items:center;justify-content:center;flex:none;width:34px;height:34px}
.pim-wp .voucher-kit .kit-opt .t .ico svg{display:block;width:34px;height:34px}
.pim-wp .voucher-kit .kit-opt .body{grid-area:body;min-width:0}
.pim-wp .voucher-kit .kit-opt .d{display:block;margin-top:6px;color:#5b6472;font-size:19px;line-height:1.4}
.pim-wp .voucher-kit .kit-opt .o{display:block;margin-top:8px;color:#5b6472;font-size:19px}
.pim-wp .voucher-kit .kb{display:grid;grid-template-columns:1fr 1fr;gap:6px 18px;margin:10px 0 0;padding:0;list-style:none}
.pim-wp .voucher-kit .kb li{position:relative;padding-left:26px;color:#1e2532;font-size:19px;line-height:1.35}
.pim-wp .voucher-kit .kb li::before{content:"\2713";position:absolute;left:0;top:0;color:#0b8a4b;font-size:19px;font-weight:900}
.pim-wp .voucher-kit .kit-opt .p{grid-area:p;align-self:center;margin-left:0;color:#ff5958;font-size:26px;font-weight:800;text-align:right;white-space:nowrap}
.pim-wp .voucher-kit .kit-opt .p s{display:block;color:#898989;font-size:19px;font-weight:500;text-align:right}
.pim-wp .voucher-kit .kit-opt .p .sv{display:block;width:max-content;margin:6px 0 0 auto}
.pim-wp .voucher-kit .kit-opt .p .partner-mini{display:block;position:static;width:56px;height:auto;margin:0 0 8px auto}
.pim-wp .voucher-kit .kit-combo{display:none;margin:4px 0 0 4px;color:#0b8a4b;font-size:19px;font-weight:700}
.pim-wp .voucher-kit .kit-combo.show{display:block}

/* step 4 — the order, in its own box */
.pim-wp .voucher-kit .kit-total{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 20px;position:relative;margin:6px 0 22px;padding:22px 26px;border:3px solid #042369;border-radius:16px;background:#fff;box-shadow:0 6px 22px #04236922}
.pim-wp .voucher-kit .kit-total::before{content:"YOUR ORDER";position:absolute;top:-15px;left:22px;padding:5px 14px;border-radius:999px;background:#042369;color:#fff;font-size:15px;font-weight:800;letter-spacing:.06em;line-height:1.2}
.pim-wp .voucher-kit .kit-total .tl{color:#39414e;font-size:0}
.pim-wp .voucher-kit .kit-total .tl b{display:block;color:#042369;font-size:44px;line-height:1.1}
.pim-wp .voucher-kit .kit-total .tl .sv2{display:block;margin-top:4px;color:#0b8a4b;font-size:21px;font-weight:800}
.pim-wp .voucher-kit .kit-total .tl .sv2 s{color:#898989;font-weight:500}
.pim-wp .voucher-kit .kit-total .tl .items{display:block;margin-top:4px;color:#5b6472;font-size:19px}
.pim-wp .voucher-kit .kit-total a.checkout-link{display:inline-block;width:auto;margin-top:0;padding:15px 38px;border-radius:500px;background:#ff5959;color:#fff;font-size:22px;font-weight:800;text-align:center;text-decoration:none}
.pim-wp .voucher-kit .kit-note{margin:0;padding-top:14px;border-top:1px solid #dedede;color:#5b6472;font-size:19px}

/* ── narrower screens ── */
@media (max-width:860px){
.pim-wp .kit-steps .voucher-card{width:100%;max-width:430px}
.pim-wp.kit-page .voucher-post-container .post-thumb-img-content{grid-template-columns:1fr}
.pim-wp.kit-page .voucher-post-container .post-thumb .wp-post-image{width:170px;height:170px;margin:0 auto}
.pim-wp.kit-page .voucher-content{padding-right:0;margin-left:0}
.pim-wp.kit-page .voucher-content .partner-right{position:static;width:130px;margin:0 auto 12px}
}
/* a phone: everything in one column — title, what it is, price, then the tick as a full-width bar */
@media (max-width:700px){
.pim-wp .kit-steps .step{padding-left:48px}
.pim-wp .kit-steps .step::before{left:15px}
.pim-wp .kit-steps .step-head .n{left:-48px;width:36px;height:36px;font-size:16px}
.pim-wp .kit-steps .step-head h3{font-size:22px}
.pim-wp .kit-steps .step-country select{font-size:19px}
.pim-wp .voucher-kit .kit-row::before,.pim-wp .voucher-kit .kit-all-wrap::before{left:-43px}
.pim-wp .voucher-kit .kit-row::after,.pim-wp .voucher-kit .kit-all-wrap::after{left:-21px;width:21px}
.pim-wp .voucher-kit .kit-list{gap:26px}
.pim-wp .voucher-kit .kit-opt{grid-template-columns:minmax(0,1fr);grid-template-areas:"t" "body" "p" "cb";padding:16px}
.pim-wp .voucher-kit .kit-opt .t{margin:-16px -16px 4px;padding:14px 16px;font-size:22px;white-space:normal;align-items:flex-start}
.pim-wp .voucher-kit .kb{grid-template-columns:1fr}
.pim-wp .voucher-kit .kit-opt .p{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;align-self:start;text-align:left;white-space:normal}
.pim-wp .voucher-kit .kit-opt .p s{display:inline}
.pim-wp .voucher-kit .kit-opt .p .sv{display:inline-block;width:auto;margin:0}
.pim-wp .voucher-kit .kit-opt .p .partner-mini{order:9;width:44px;margin:0 0 0 auto}
.pim-wp .voucher-kit .cbcol{flex-direction:row;justify-content:center;gap:12px;min-width:0;padding:12px}
.pim-wp .voucher-kit .cbx{width:34px;height:34px}
.pim-wp .voucher-kit .on .cbx::after{left:9px;top:2px;width:9px;height:18px}
.pim-wp .voucher-kit .kit-all{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"cb t" "p p";gap:10px 14px;padding:14px 16px}
.pim-wp .voucher-kit .kit-all .cbcol{grid-area:cb;flex-direction:column;gap:6px;min-width:64px;padding:10px 8px}
.pim-wp .voucher-kit .kit-all .t{grid-area:t;font-size:22px;white-space:normal}
.pim-wp .voucher-kit .kit-all .p{grid-area:p;flex-wrap:wrap;gap:6px 10px;margin-left:0;white-space:normal}
.pim-wp .voucher-kit .kit-total{padding:22px 16px 18px}
.pim-wp .voucher-kit .kit-total .tl b{font-size:36px}
.pim-wp .voucher-kit .kit-total .tl .sv2{font-size:19px}
.pim-wp .voucher-kit .kit-total a.checkout-link{width:100%;padding:15px 12px;font-size:20px}
}

/* nothing is chosen for the buyer: until a voucher card is picked the order box waits */
.pim-wp .voucher-kit .kit-total a.checkout-link.off{background:#aab5cf;cursor:pointer}
.pim-wp .kit-steps .step.nudge .voucher-card{box-shadow:0 0 0 4px #ff595966,0 10px 25px -5px #0000001a;transition:box-shadow .2s}
/* a step's number turns green once it is done (Nathan, 6 Oct): 1 country chosen · 2 voucher chosen ·
   3 any training added · 4 voucher chosen and the order seen */
.pim-wp .kit-steps .step-head .n{transition:background .25s}
.pim-wp .kit-steps .step.done>.step-head .n{background:#0b8a4b}
/* the order box lists what is being bought, one line each (Nathan, 6 Oct) */
.pim-wp .kit-total .kit-lines{list-style:none;margin:12px 0 0;padding:10px 0 0;border-top:1px solid #d7deec;display:flex;flex-direction:column;gap:6px;width:100%}
.pim-wp .kit-total .kit-lines li{display:flex;justify-content:space-between;gap:16px;font-size:17px;color:#39414e;line-height:1.35}
.pim-wp .voucher-kit .kit-total .tl .claim{display:block;width:100%;box-sizing:border-box;margin-top:12px;padding:12px 14px;background:#eef8f2;border:1px solid #bfe3cd;border-radius:8px;color:#0b6b3b;font-size:17px;font-weight:500;line-height:1.45}
.pim-wp .voucher-kit .kit-total .tl .claim b{display:inline;font-size:inherit;line-height:inherit;color:#0b6b3b;font-weight:800}
.pim-wp .kit-total .kit-lines .ln{flex:1}
.pim-wp .kit-total .kit-lines .lp{white-space:nowrap;font-weight:700;color:#042369}
.pim-wp .kit-total .kit-lines s{color:#8a93a3;font-weight:400;margin-right:4px}
.pim-wp .voucher-kit .kit-total .tl{flex:1 1 300px;min-width:0}
@media (max-width:700px){
.pim-wp .kit-total .kit-lines li{flex-wrap:wrap;gap:0 10px;font-size:16px}
.pim-wp .kit-total .kit-lines .ln{flex:1 1 100%}
.pim-wp .kit-total .kit-lines .lp{margin-left:auto}
}
/* the CompTIA bundle as its own card, first, so its saving is seen (Nathan, 8 Oct) */
.pim-wp .voucher-kit .kit-opt.kit-bundle{border-width:3px;border-color:#042369}
.pim-wp .voucher-kit .kit-opt.kit-bundle.on{border-color:#0b8a4b}
.pim-wp .voucher-kit .kit-opt .badge{display:inline-block;margin-left:12px;padding:3px 9px;border-radius:5px;background:#ff5959;color:#fff;font-size:14px;font-weight:800;letter-spacing:.04em;vertical-align:middle}
/* a card already inside the ticked bundle: greyed, "Included", never green, so only one thing reads as bought */
.pim-wp .voucher-kit .kit-opt.inbundle{opacity:.55;border-color:#d7deec}
.pim-wp .voucher-kit .kit-opt.inbundle .cbcol{background:#eef2fb;color:#5b6472}
.pim-wp .voucher-kit .kit-opt.inbundle .cbx{background:#aab5cf;border-color:#aab5cf}
/* the order box as one clean column: total + saving, one row per item (name left, price right), then the button */
.pim-wp .voucher-kit .kit-total{flex-direction:column;align-items:stretch}
.pim-wp .voucher-kit .kit-total .tl{flex:none;width:100%}
.pim-wp .voucher-kit .kit-total .tl .sv2{display:block}
.pim-wp .voucher-kit .kit-total .tl:has(#kit-lines:not([hidden])) .items{display:none}
.pim-wp .kit-total .kit-lines li{align-items:baseline}
.pim-wp .kit-total .kit-lines .ln{flex:1 1 auto;min-width:0}
.pim-wp .voucher-kit .kit-total a.checkout-link{align-self:flex-end;margin-top:6px}
@media (max-width:700px){.pim-wp .voucher-kit .kit-total a.checkout-link{align-self:stretch}}


/* StationX course bundles (2026-10-08): the last option in step 3, set apart from the official training */
.pim-wp .voucher-kit .kit-own{margin-top:34px;padding-top:26px;border-top:2px dashed #d7dce3}
.pim-wp .voucher-kit .kit-own-h{margin:0 0 18px;font-size:19px;font-weight:800;color:#042369}
.pim-wp .voucher-kit .kit-own-h b{color:#0b8a4b}
.pim-wp .voucher-kit .kit-opt.kit-course{border-width:3px;border-color:#042369}
.pim-wp .voucher-kit .kit-opt.kit-course.on{border-color:#0b8a4b}
.pim-wp .voucher-kit .kit-opt.kit-course .badge{background:#0b8a4b}
/* the bundle's "what's included" lines, each with its icon (pim-icons.ts — one style for all) */
.pim-wp .voucher-kit .kit-opt .inc{margin:8px 0 6px;padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:10px 18px}
.pim-wp .voucher-kit .kit-opt .inc li{display:flex;gap:10px;align-items:center;font-size:16px;color:#39414e;line-height:1.35}
.pim-wp .voucher-kit .kit-opt .inc .ii{flex:none;width:34px;height:34px}
.pim-wp .voucher-kit .kit-opt .inc .ii svg{width:34px;height:34px}
@media(max-width:620px){.pim-wp .voucher-kit .kit-opt .inc{grid-template-columns:1fr}}
.pim-wp .voucher-kit .kit-opt.kit-course .t{white-space:normal;flex-wrap:wrap}

/* a phone (≤480 px): the voucher card is too narrow for "RECOMMENDED" and the SAVE pill to share the top edge,
   so the tag moves to the bottom edge, centred (they overlapped from about 410 px down) */
@media (max-width:480px){
.pim-wp .voucher-card .voucher-best{top:auto;bottom:-13px;left:50%;right:auto;transform:translateX(-50%)}
}

/* a very narrow phone (≤360 px): the step timeline gives back its room and the "Select all" row and card titles
   stack, so nothing runs past its card (overflow seen at 256/280); the price scaling is in pim-wp.ts, for every voucher page */
@media (max-width:360px){
.pim-wp .kit-steps .step{padding-left:34px}
.pim-wp .kit-steps .step::before{left:9px;top:40px}
.pim-wp .kit-steps .step-head .n{left:-38px;width:28px;height:28px;font-size:14px;box-shadow:0 0 0 4px #fff}
.pim-wp .kit-steps .step-head h3{font-size:20px}
.pim-wp .voucher-kit .kit-row::before,.pim-wp .voucher-kit .kit-all-wrap::before{left:-35px}
.pim-wp .voucher-kit .kit-row::after,.pim-wp .voucher-kit .kit-all-wrap::after{left:-13px;width:13px}
.pim-wp .kit-steps .voucher-card-content{padding-left:12px;padding-right:12px}
.pim-wp .voucher-kit .kit-all{grid-template-columns:minmax(0,1fr);grid-template-areas:"cb" "t" "p"}
.pim-wp .voucher-kit .kit-all .cbcol{flex-direction:row;justify-content:center;min-width:0}
.pim-wp .voucher-kit .kit-opt .t{flex-wrap:wrap;gap:8px}
.pim-wp .voucher-kit .kit-opt .badge{margin-left:0}
}