.packages-page.package-builder{background:radial-gradient(ellipse at 12% 15%,#eaf1fd 0,transparent 45%),radial-gradient(ellipse at 100% 55%,#fff1dc 0,transparent 45%),#f9fbfe;padding-top:24px}.builder-heading h1{color:#0c254c;font-size:35px}.booking-mode-grid label>span{padding:12px 17px;border-radius:17px;box-shadow:0 5px 0 #e4eaf2,0 10px 18px #0b2d4905;min-height:75px}.booking-mode label>span>img{width:46px;height:46px;border-radius:12px;object-fit:contain;filter:none!important;background:#f3f6fc;box-shadow:0 3px 8px #061b2f12}.booking-mode input:checked+span{background:linear-gradient(130deg,#173b67,#0e2342);box-shadow:0 5px 0 #071a35,0 10px 20px #10264518}.package-builder .booking-mode{margin-bottom:26px}.lesson-picker-grid{gap:17px;perspective:1100px}.lesson-choice-panel{border:1px solid #dfe7f2;border-radius:21px;box-shadow:0 5px 0 #e3e9f2,0 12px 24px #172e4f09;overflow:visible;background:linear-gradient(180deg,#fff,#f9fbff);transition:transform .35s,box-shadow .35s,border-color .35s;transform-style:preserve-3d}.lesson-choice:nth-child(2) .lesson-choice-panel{background:linear-gradient(180deg,#fff,#fff8ed)}.lesson-choice:nth-child(3) .lesson-choice-panel{background:linear-gradient(180deg,#fff,#f1faf6)}.lesson-choice:nth-child(4) .lesson-choice-panel{background:linear-gradient(180deg,#fff,#f6f3fd)}.lesson-choice:hover .lesson-choice-panel{transform:translateY(-4px) rotateX(2deg);box-shadow:0 7px 0 #dfe7f2,0 17px 24px #132d4e12}.lesson-choice input:checked+.lesson-choice-panel{border-color:#ef9c38;box-shadow:0 5px 0 #edac59,0 14px 23px #e38b1818}.package-model-stage{position:relative;display:block;height:164px;overflow:hidden;border-radius:20px 20px 0 0;background:white}.package-model{position:absolute;display:block;left:50%;top:4px;margin-left:-74px;width:148px;height:148px;background-image:url('assets/package-models.webp');background-size:200% 200%;background-repeat:no-repeat;transform-origin:center 80%;transition:transform .6s ease;mix-blend-mode:multiply}.model-0{background-position:0 0}.model-1{background-position:100% 0}.model-2{background-position:0 100%}.model-3{background-position:100% 100%}.lesson-choice:hover .package-model,.lesson-choice input:checked+.lesson-choice-panel .package-model{transform:translateY(-3px) scale(1.06)}.model-ownership{position:absolute;bottom:4px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:9px;letter-spacing:.09em;font-weight:750;color:#667994;background:#f1f5fa;border:1px solid #e5ebf3;padding:4px 8px;border-radius:15px}.lesson-choice-text{padding:12px 14px 16px}.lesson-choice-text strong{font-size:15px;line-height:1.3;min-height:40px}.lesson-check{z-index:2;top:11px;right:11px;width:22px;height:22px}.package-builder .count-picker{margin-top:27px}.count-choice>span{padding:18px 12px;background:linear-gradient(140deg,#f1f6ff,#e0eafb);border:1px solid #ccdaef;box-shadow:0 5px 0 #c8d7eb,0 9px 18px #102b4e06;border-radius:17px}.count-tone-1>span{background:linear-gradient(140deg,#fff7ea,#ffebce);border-color:#f2d8b6;box-shadow:0 5px 0 #ebcc9f,0 9px 18px #51381706}.count-tone-2>span{background:linear-gradient(140deg,#effaf6,#daf0e7);border-color:#c3ded2;box-shadow:0 5px 0 #b7dacc,0 9px 18px #173d3306}.count-choice strong{font-size:36px;letter-spacing:-.04em;text-shadow:0 2px 0 #ffffffa0}.count-choice input:checked+span{border-color:#183760;box-shadow:0 5px 0 #183760,0 10px 18px #142e4814}.builder-bottom{background:#fff;border:1px solid #e1e7f0;border-radius:16px;padding:14px 17px;margin-top:25px;box-shadow:0 8px 18px #142b4805}.builder-note{margin-left:3px}.single-booking{box-shadow:0 6px 0 #d8e3f1,0 12px 24px #18315409}
@media(max-width:650px){.builder-heading h1{font-size:29px}.lesson-picker-grid{gap:15px 12px}.package-model-stage{height:146px}.package-model{width:132px;height:132px;margin-left:-66px;top:0}.model-ownership{font-size:8px;bottom:2px;padding:3px 7px}.lesson-choice-text{padding:10px 11px 13px}.lesson-choice-text strong{font-size:14px}.booking-mode-grid label>span{padding:12px;gap:10px}.booking-mode label>span>img{width:36px;height:36px}.count-choice strong{font-size:30px}.count-choice>span{padding:17px 9px}.builder-bottom{padding:14px}.builder-note{font-size:11px}}
@media(prefers-reduced-motion:reduce){.lesson-choice-panel,.package-model{transition:none;transform:none!important}}