 .khl{--pink:#d94d83;--pinkdark:#b92f68;--ink:#29232a;--muted:#746c73;--cream:#fff8f8;--line:#f0dfe7;color:var(--ink);font-family:Tahoma,Arial,sans-serif;line-height:1.75;background:#fff}
.khl *{box-sizing:border-box}.khl img{max-width:100%;height:auto}.khl .khl-wrap{width:min(1120px,92%);margin-inline:auto}.khl .khl-topbar{background:#332733;color:#fff;text-align:center;padding:9px 12px;font-size:14px}.khl .khl-hero{background:linear-gradient(135deg,var(--hero-bg,#fff1f6),#fffaf4);padding:30px 0 34px}.khl .khl-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center}.khl .khl-badge{display:inline-block;background:#ffe0ed;color:#9f2859;padding:5px 12px;border-radius:30px;font-size:13px;font-weight:bold}.khl h1{font-size:clamp(28px,4vw,46px);line-height:1.35;margin:14px 0 12px}.khl h2{font-size:clamp(24px,3vw,34px);margin:0 0 7px}.khl p{margin-top:0}.khl .khl-hero-copy>p{font-size:17px;color:#62555f}.khl .khl-prices{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.khl .khl-prices>div{background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px 15px;min-width:145px}.khl .khl-prices strong{display:block;color:var(--pinkdark);font-size:23px}.khl .khl-prices small{color:var(--muted)}.khl .khl-btn{display:inline-block;border:0;background:var(--pink);color:#fff!important;text-decoration:none;padding:13px 23px;border-radius:12px;font-weight:bold;font-size:16px;cursor:pointer;text-align:center}.khl .khl-btn:hover{background:var(--pinkdark)}.khl .khl-muted{font-size:13px;color:var(--muted)}.khl .khl-disclaimer{display:block;margin-top:12px}.khl .khl-hero-images{display:grid;grid-template-columns:1.1fr 1fr 1fr;grid-template-rows:125px 125px;gap:10px}.khl .khl-hero-images img{width:100%;height:100%;min-height:0;object-fit:cover;border-radius:18px;background:#f6edf1}.khl .khl-hero-images .khl-hero-main-image{grid-row:1/3;grid-column:1/2}.khl .khl-section{padding:42px 0}.khl .khl-heading{text-align:center;max-width:700px;margin:0 auto 24px}.khl .khl-heading p{color:var(--muted);margin-bottom:0}.khl .khl-offers{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.khl .khl-offer{border:1px solid var(--line);border-radius:18px;padding:18px 14px;text-align:center;position:relative}.khl .khl-offer img{display:block;width:100%;height:130px;object-fit:cover;border-radius:11px;margin:0 auto 8px;background:#f8f1f4}.khl .khl-offer h3{margin:3px 0;font-size:20px}.khl .khl-offer strong{display:block;font-size:28px;color:var(--pinkdark)}.khl .khl-offer span{font-size:13px;color:var(--muted)}.khl .khl-popular{border:2px solid var(--pink);background:#fff9fb}.khl .khl-popular>b{position:absolute;top:-12px;right:50%;transform:translateX(50%);background:var(--pink);color:#fff;border-radius:30px;padding:2px 12px;font-size:12px;white-space:nowrap}.khl .khl-order-section{background:var(--cream);padding:42px 0}.khl .khl-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:20px;align-items:start}.khl .khl-panel{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;min-width:0}.khl .khl-panel h3{margin:0 0 5px}.khl .khl-slots{display:grid;gap:12px}.khl .khl-slot{border:1px solid var(--line);border-radius:14px;padding:13px;display:grid;grid-template-columns:92px 1fr;gap:13px;align-items:center}.khl .khl-slot-image{width:92px;height:112px;object-fit:cover;border-radius:10px;background:#f8f1f4}.khl .khl-slot-head{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:8px}.khl .khl-remove{border:0;background:#f8e9ef;color:#9c2856;border-radius:8px;padding:4px 8px;cursor:pointer}.khl .khl-slot-fields,.khl .khl-fields{display:grid;grid-template-columns:1fr 1fr;gap:9px}.khl label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:#655861;font-weight:bold}.khl select,.khl input,.khl textarea{width:100%;min-width:0;border:1px solid #e8dce2;border-radius:9px;padding:10px;background:#fff;color:#29232a;font:inherit;font-size:14px}.khl textarea{resize:vertical}.khl .khl-add{background:#fff;border:1px dashed var(--pink);color:var(--pinkdark);border-radius:12px;padding:12px;width:100%;font:inherit;font-weight:bold;cursor:pointer;margin-top:12px}.khl .khl-add:disabled{cursor:not-allowed}.khl .khl-summary{position:sticky;top:12px}.khl .khl-summary-line{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid #f3e9ed}.khl .khl-total{font-size:21px;color:var(--pinkdark)}.khl .khl-small{font-size:12px}.khl .khl-customer-title{margin-top:22px!important;margin-bottom:12px!important}.khl .khl-full{grid-column:1/-1}.khl .khl-submit{width:100%;margin-top:15px}.khl button:disabled{opacity:.65;cursor:wait}.khl .khl-result{display:none;margin-top:12px;padding:12px;border-radius:10px}.khl .khl-result.khl-success,.khl .khl-result.khl-error{display:block}.khl .khl-success{background:#e9f7ef;color:#1e6b40}.khl .khl-error{background:#fff0f0;color:#a32525}.khl .khl-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.khl .khl-benefits>div{background:#fff7fa;border:1px solid var(--line);padding:18px;border-radius:15px;text-align:center}.khl .khl-benefits p{font-size:13px;color:var(--muted);margin:5px 0 0}.khl .khl-review-section{background:#fffafd}.khl .khl-reviews{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.khl .khl-reviews article{border:1px solid var(--line);border-radius:16px;padding:18px;background:#fff}.khl .khl-reviews article>div{color:#e9a322;letter-spacing:2px}.khl .khl-reviews p{margin:9px 0;color:#544a52}.khl .khl-reviews small{color:var(--muted)}.khl .khl-center{text-align:center;margin-top:14px}.khl .khl-faq{max-width:800px}.khl .khl-faq details{border-bottom:1px solid var(--line);padding:14px 2px}.khl .khl-faq summary{font-weight:bold;cursor:pointer}.khl .khl-faq details p{color:var(--muted);margin:8px 0 0}.khl .khl-final{text-align:center;background:#382a36;color:#fff;padding:34px 16px}.khl .khl-final h2{margin:0 0 8px}.khl .khl-final p{color:#f3dfe9;margin:0 0 17px}.khl .khl-alert{padding:15px;background:#fff0f0;color:#9b2222;border-radius:8px}
@media(max-width:800px){.khl .khl-hero-grid,.khl .khl-layout{grid-template-columns:1fr}.khl .khl-hero{padding-top:22px}.khl .khl-hero-images{grid-template-rows:105px 105px}.khl .khl-hero-images img{height:100%}.khl .khl-offers{grid-template-columns:repeat(2,1fr)}.khl .khl-benefits,.khl .khl-reviews{grid-template-columns:1fr}.khl .khl-summary{position:static}.khl .khl-hero-grid{gap:18px}}
@media(max-width:430px){.khl .khl-wrap{width:94%}.khl .khl-hero-images{grid-template-rows:85px 85px;gap:6px}.khl .khl-hero-images img{height:100%}.khl .khl-panel{padding:14px}.khl .khl-slot{grid-template-columns:76px 1fr;padding:9px;gap:9px}.khl .khl-slot-image{width:76px;height:100px}.khl .khl-slot-fields,.khl .khl-fields{grid-template-columns:1fr}.khl .khl-full{grid-column:auto}.khl .khl-offer{padding:14px 9px}.khl .khl-offer img{height:100px}.khl .khl-offer strong{font-size:24px}}

/* Offer selection behavior: preserve existing visual design while making cards selectable */
.khl .khl-offer{cursor:pointer}
.khl .khl-offer-radio{width:18px;height:18px;min-width:18px;padding:0;margin:0 0 7px;accent-color:var(--pink);vertical-align:middle}
.khl .khl-offer-selected{outline:2px solid var(--pink);outline-offset:1px}
.khl .khl-offer:focus-visible{outline:2px solid var(--pink);outline-offset:3px}

/* Guided offer flow: after choosing a bundle, show only that bundle followed immediately by item choices and checkout details. */
.khl [hidden]{display:none!important}
.khl .khl-offers.khl-flow-active{display:flex;flex-direction:column;gap:14px}
.khl .khl-offers.khl-flow-active>.khl-offer{width:100%;display:grid;grid-template-columns:92px minmax(0,1fr) auto;gap:14px;align-items:center;text-align:right;padding:12px 16px}
.khl .khl-offers.khl-flow-active>.khl-offer img{width:92px;height:92px;object-fit:cover;margin:0;border-radius:11px;grid-column:1;grid-row:1/4}
.khl .khl-offers.khl-flow-active>.khl-offer h3,.khl .khl-offers.khl-flow-active>.khl-offer strong,.khl .khl-offers.khl-flow-active>.khl-offer span{grid-column:2}
.khl .khl-offers.khl-flow-active>.khl-offer .khl-offer-radio{grid-column:3;grid-row:1/4}
.khl .khl-offers.khl-flow-active>.khl-order-section{width:100%;margin-top:0}
.khl .khl-change-offer{margin-inline-start:auto;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--pinkdark);padding:8px 13px;font-weight:700;cursor:pointer}
@media(max-width:700px){
 .khl .khl-offers.khl-flow-active>.khl-offer{grid-template-columns:72px minmax(0,1fr) 20px;gap:9px;padding:10px}
 .khl .khl-offers.khl-flow-active>.khl-offer img{width:72px;height:78px}
 .khl .khl-offers.khl-flow-active>.khl-offer h3{font-size:16px}
 .khl .khl-offers.khl-flow-active>.khl-offer strong{font-size:21px}
 .khl .khl-offers.khl-flow-active>.khl-offer span{font-size:12px}
 .khl .khl-change-offer{width:auto}
}

/* v1.1.0: consistent guided checkout layout; all four offers stay visible together. */
.khl [hidden]{display:none!important}
.khl .khl-offers.khl-flow-active{display:flex;flex-direction:column;gap:12px;max-width:760px;margin-inline:auto}
.khl .khl-offers.khl-flow-active>.khl-offer{width:100%;display:grid;grid-template-columns:92px minmax(0,1fr) auto;gap:14px;align-items:center;text-align:right;padding:12px 16px;background:#fff}
.khl .khl-offers.khl-flow-active>.khl-offer img{width:92px;height:92px;object-fit:cover;margin:0;border-radius:11px;grid-column:1;grid-row:1/5}
.khl .khl-offers.khl-flow-active>.khl-offer h3,.khl .khl-offers.khl-flow-active>.khl-offer strong,.khl .khl-offers.khl-flow-active>.khl-offer span{grid-column:2}
.khl .khl-offers.khl-flow-active>.khl-offer .khl-offer-radio{grid-column:3;grid-row:1/5}
.khl .khl-offers.khl-flow-active>.khl-offer.khl-offer-selected{border:2px solid var(--pink);background:#fff8fb}
.khl .khl-order-section{width:100%}
.khl .khl-change-offer{margin-inline-start:10px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--pinkdark);padding:8px 13px;font-weight:700;cursor:pointer}
@media(max-width:700px){
 .khl .khl-offers.khl-flow-active{width:100%;gap:10px}
 .khl .khl-offers.khl-flow-active>.khl-offer{grid-template-columns:70px minmax(0,1fr) 20px;gap:9px;padding:10px}
 .khl .khl-offers.khl-flow-active>.khl-offer img{width:70px;height:76px}
 .khl .khl-offers.khl-flow-active>.khl-offer h3{font-size:16px}
 .khl .khl-offers.khl-flow-active>.khl-offer strong{font-size:21px}
 .khl .khl-offers.khl-flow-active>.khl-offer span{font-size:12px}
 .khl .khl-change-offer{width:auto}
}


/* v1.2.0 — force the live WordPress shortcode layout to match the approved preview. */
.khl .khl-hero-grid{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:28px!important;align-items:center!important}
.khl .khl-hero-images{display:flex!important;flex-direction:column!important;gap:10px!important;min-width:0!important;grid-template-columns:none!important;grid-template-rows:none!important}
.khl .khl-hero-images>.khl-hero-main-image{display:block!important;grid-column:auto!important;grid-row:auto!important;width:100%!important;height:auto!important;aspect-ratio:4/3!important;object-fit:cover!important;object-position:center 35%!important;border-radius:15px!important}
.khl .khl-hero-thumbs{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:9px!important;width:100%!important}
.khl .khl-hero-thumbs img{display:block!important;width:100%!important;height:auto!important;aspect-ratio:1/1!important;min-height:0!important;object-fit:cover!important;border-radius:10px!important;cursor:pointer}
.khl .khl-offers{display:flex!important;flex-direction:column!important;gap:12px!important;max-width:760px!important;margin-inline:auto!important}
.khl .khl-offers>.khl-offer{display:grid!important;grid-template-columns:92px minmax(0,1fr) auto!important;gap:14px!important;align-items:center!important;text-align:right!important;width:100%!important;min-width:0!important;padding:12px 16px!important;background:#fff!important;cursor:pointer!important}
.khl .khl-offers>.khl-offer img{display:block!important;grid-column:1!important;grid-row:1/5!important;width:92px!important;height:92px!important;object-fit:cover!important;margin:0!important;border-radius:11px!important}
.khl .khl-offers>.khl-offer h3,.khl .khl-offers>.khl-offer strong,.khl .khl-offers>.khl-offer span{grid-column:2!important}
.khl .khl-offers>.khl-offer h3{margin:0!important;font-size:18px!important}
.khl .khl-offers>.khl-offer strong{display:block!important;font-size:24px!important}
.khl .khl-offers>.khl-offer .khl-offer-radio{grid-column:3!important;grid-row:1/5!important;width:20px!important;height:20px!important;accent-color:var(--pink)!important}
.khl .khl-offers>.khl-offer.khl-offer-selected{border:2px solid var(--pink)!important;background:#fff8fb!important}
.khl .khl-offers>.khl-offer.khl-popular>b{right:auto!important;left:14px!important;top:-10px!important;transform:none!important}
.khl .khl-order-section{padding:28px 0!important}
.khl .khl-order-section>.khl-wrap>.khl-heading{margin-bottom:18px!important}
.khl .khl-layout{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:18px!important;align-items:start!important}
.khl .khl-panel{min-width:0!important}
.khl .khl-summary{position:static!important}
.khl .khl-slot{grid-template-columns:82px minmax(0,1fr)!important;gap:10px!important;padding:10px!important}
.khl .khl-slot-image{width:82px!important;height:100px!important}
.khl .khl-slot-fields{grid-template-columns:minmax(0,1fr)!important}
.khl .khl-change-offer{margin-inline-start:10px!important;border:1px solid var(--line)!important;border-radius:9px!important;background:#fff!important;color:var(--pinkdark)!important;padding:8px 13px!important;font-weight:700!important;cursor:pointer!important}
.khl [hidden]{display:none!important}
@media(max-width:760px){
 .khl .khl-hero-grid{grid-template-columns:minmax(0,1fr)!important;gap:18px!important}
 .khl .khl-hero-copy{order:1!important}
 .khl .khl-hero-images{order:2!important}
 .khl .khl-hero-images>.khl-hero-main-image{aspect-ratio:1/1!important}
 .khl .khl-hero-thumbs{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important}
 .khl .khl-offers{width:100%!important;gap:10px!important}
 .khl .khl-offers>.khl-offer{grid-template-columns:70px minmax(0,1fr) 20px!important;gap:9px!important;padding:10px!important}
 .khl .khl-offers>.khl-offer img{width:70px!important;height:76px!important}
 .khl .khl-offers>.khl-offer h3{font-size:16px!important}
 .khl .khl-offers>.khl-offer strong{font-size:21px!important}
 .khl .khl-offers>.khl-offer span{font-size:12px!important}
 .khl .khl-offers>.khl-offer .khl-offer-radio{grid-column:3!important}
 .khl .khl-layout{grid-template-columns:minmax(0,1fr)!important}
 .khl .khl-panel{padding:14px!important}
 .khl .khl-slot{grid-template-columns:66px minmax(0,1fr)!important;padding:9px!important}
 .khl .khl-slot-image{width:66px!important;height:86px!important}
 .khl .khl-fields{grid-template-columns:minmax(0,1fr)!important}
 .khl .khl-full{grid-column:auto!important}
 .khl .khl-benefits,.khl .khl-reviews{grid-template-columns:minmax(0,1fr)!important}
}
