/* new pages: shop, members, placement, book, faq, checkout */
.xhero h1{font-size:clamp(30px,5vw,48px)}
.xsec{padding:48px 0}.xsec h2{margin:0 0 20px}
.xchips{display:flex;flex-wrap:wrap;gap:10px}.xchips a{min-height:48px;display:inline-flex;align-items:center;padding:0 20px;border-radius:999px;border:1.5px solid #105157;color:#105157;text-decoration:none;font-weight:600;background:#fff}
.xchips a:hover{background:#105157;color:#fff}
.xgrid{display:grid;gap:20px}@media(min-width:760px){.xgrid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1100px){.xgrid{grid-template-columns:repeat(3,1fr)}}
.xprod{background:#fff;border:1px solid #CEEFE2;border-radius:20px;overflow:hidden;box-shadow:var(--sh1);display:flex;flex-direction:column}
.xpimg img{width:100%;aspect-ratio:3/2;object-fit:cover;display:block;background:#E6F7F0}
.xpb{padding:18px 20px 22px;display:grid;gap:10px;flex:1;align-content:start}.xpb h3{margin:0;font-size:21px}.xpb p{margin:0;color:#42757A}
.xbuy{display:grid;gap:10px;margin-top:4px}
.xprice{margin:0;font:700 20px/1.3 var(--sans);color:#105157!important}.xprice.big{font-size:28px;margin:8px 0}
.xopt select,.xf input,.xf select{width:100%;min-height:48px;border:1.5px solid #CEEFE2;border-radius:12px;padding:0 14px;font:500 16px var(--sans);color:#105157;background:#fff}
.xpb .more,.xtile .more{min-height:48px;display:inline-flex;align-items:center;color:#20816C;font-weight:600;text-decoration:none}
.btn.added{background:#105157}
.xhelp{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:28px}.xhelp p{margin:0;font-weight:600;flex-basis:100%}
.xtiles{display:grid;gap:18px}@media(min-width:760px){.xtiles{grid-template-columns:repeat(3,1fr)}}
.xtile{position:relative;display:grid;gap:8px;padding:24px;border-radius:20px;background:#fff;border:1px solid #CEEFE2;box-shadow:var(--sh1);text-decoration:none;color:#105157}
.xtile h3{margin:0}.xtile p{margin:0;color:#42757A}.xti{width:40px;height:40px;color:#33BC86}
.xtile:hover{border-color:#33BC86}
.xlock{position:absolute;top:16px;inset-inline-end:16px;font:600 12px/1 var(--sans);padding:7px 10px;border-radius:999px;background:#E6F7F0;color:#105157}
.xplan{background:#fff;border-radius:24px;padding:28px;border:1px solid #CEEFE2;box-shadow:var(--sh2);display:grid;gap:10px;justify-items:start}
.xplan h2{margin:0}.xplan .btn{margin-top:10px}
.xctas{display:flex;flex-wrap:wrap;gap:12px}
.xhow{list-style:none;padding:0;margin:0;display:grid;gap:16px}@media(min-width:760px){.xhow{grid-template-columns:repeat(3,1fr)}}
.xhow li{background:#fff;border:1px solid #CEEFE2;border-radius:20px;padding:22px}.xhow h3{margin:8px 0 4px;font-size:19px}.xhow p{margin:0;color:#42757A}
.xhow b,.xsteps b{display:inline-flex;width:36px;height:36px;border-radius:50%;align-items:center;justify-content:center;background:#105157;color:#fff;font-weight:700}
.xlv{display:flex;gap:6px}.xlv span{padding:4px 10px;border-radius:8px;background:#E6F7F0;color:#105157!important;font-weight:700}
.xnext{display:grid;gap:16px;margin-top:24px}@media(min-width:760px){.xnext{grid-template-columns:1fr 1fr}}
.xcard{display:block;padding:22px;border-radius:20px;background:#105157;color:#fff;text-decoration:none;min-height:48px}.xcard h3{margin:0 0 4px;color:#fff}.xcard p{margin:0;color:#D9F1E8}
.xform{display:grid;gap:14px}.xform fieldset{border:0;padding:0;margin:0 0 8px;display:grid;gap:12px}.xform legend{padding:0}.xform legend h2,.xform h2{font-size:22px;margin:10px 0 4px}
.xf{display:grid;gap:6px;font-weight:600}
.xchoice{display:flex;gap:14px;align-items:flex-start;padding:16px 18px;border:1.5px solid #CEEFE2;border-radius:16px;background:#fff;cursor:pointer;min-height:48px}
.xchoice input{width:22px;height:22px;margin:3px 0 0;accent-color:#105157;flex:none}
.xchoice span{display:grid;gap:2px}.xchoice small{color:#42757A;font-size:14px}.xchoice em{font-style:normal}.xchoice .xprice{font-size:16px}
.xchoice:has(input:checked){border-color:#105157;box-shadow:0 0 0 2px #105157 inset}
.xchoice.dis{opacity:.7;cursor:not-allowed}
.btn.wide{width:100%}
.xsteps{list-style:none;padding:0;margin:0 0 18px;display:flex;flex-wrap:wrap;gap:8px 16px;font-size:14px;color:#42757A}
.xsteps li{display:flex;align-items:center;gap:8px}.xsteps b{width:28px;height:28px;font-size:13px;background:#CEEFE2;color:#105157}
.xsteps li.done b{background:#33BC86;color:#06352f}.xsteps li.on{color:#105157;font-weight:700}.xsteps li.on b{background:#105157;color:#fff}
.xline{display:grid;grid-template-columns:1fr auto;gap:8px 14px;align-items:center;padding:16px 0;border-bottom:1px solid #CEEFE2}
.xline h3{margin:0;font-size:17px}.xline .xq{display:flex;align-items:center;gap:6px}
.xq button{width:48px;height:48px;border-radius:12px;border:1.5px solid #CEEFE2;background:#fff;color:#105157;font:700 20px var(--sans);cursor:pointer}
.xq output{min-width:28px;text-align:center;font-weight:700}
.xrm{background:none;border:0;color:#20816C;text-decoration:underline;font:600 14px var(--sans);min-height:48px;cursor:pointer;padding:0}
.xtot{display:flex;justify-content:space-between;font:700 20px var(--sans);padding:18px 0;color:#105157}
.xempty{text-align:center;display:grid;gap:14px;justify-items:center;padding:20px 0}
.xdone{background:#E6F7F0;border-radius:20px;padding:24px;display:grid;gap:10px;justify-items:start}.xdone h2{margin:0}
.xfaq details{border-bottom:1px solid #CEEFE2;padding:6px 0}.xfaq summary{font-weight:600;cursor:pointer;display:flex;align-items:center;min-height:52px}.xfaq p{margin:0 0 14px;color:#42757A}
.foot .flinks{display:flex;flex-wrap:wrap;gap:4px 20px;list-style:none;padding:0}
.xhero .xctas{margin-top:4px}
.xlc{background:#105157;color:#fff;padding:22px 0}
.xlc .wrap{display:flex;flex-wrap:wrap;gap:14px 24px;align-items:center;justify-content:space-between}
.xlc p{margin:0;color:#D9F1E8}.xlc b{color:#fff}
.xlc .btn.primary{background:#33BC86;color:#06352f}.xlc .btn.primary:hover{background:#fff;color:#105157}
.foot a{display:inline-flex;align-items:center;min-height:48px}
.xtiles a[href="/exams/"]{min-height:218px}