/* Main-site footer, copied from onlineosvita.school on 2026-10-06. */
.reference-footer{--navy:#001a35;--yellow:#ffbc00;background:var(--navy);color:#fff;padding:44px 0 30px;font:16px/1.5 Arial,Helvetica,sans-serif;letter-spacing:normal}
.reference-footer *{box-sizing:border-box;font-family:Arial,Helvetica,sans-serif;letter-spacing:normal}
.reference-footer a{color:inherit;text-decoration:none}.reference-footer p{color:inherit;margin:1em 0;line-height:1.5}
.reference-footer .ref-shell{width:min(1200px,calc(100% - 80px));margin:auto}
.reference-footer .ref-brand{display:flex;align-items:center;gap:11px;flex-shrink:0;line-height:1.1;font-weight:800;font-size:15px;letter-spacing:.7px}
.reference-footer .ref-brand span,.reference-footer .ref-brand strong{letter-spacing:.7px;line-height:1.1}
.reference-footer .ref-brand img{border-radius:50%;width:48px;height:48px;object-fit:cover}
.reference-footer .ref-brand strong{display:block;font-size:20px;color:var(--yellow);margin-top:3px;font-weight:900}
.reference-footer .footer-top{display:flex;justify-content:space-between;align-items:center;gap:20px}
.reference-footer .footer-top>p{font-size:19px;font-weight:700}.reference-footer .footer-top>p span{color:var(--yellow)}
.reference-footer .footer-links{display:flex;gap:24px;flex-wrap:wrap;font-size:12px;padding:32px 0;border-bottom:1px solid #ffffff24}
.reference-footer .footer-links a:last-child{margin-left:auto}.reference-footer .footer-links a:hover{color:var(--yellow)}
.reference-footer .legal{display:flex;justify-content:space-between;gap:30px;font-size:10px;color:#a2b5c6;padding:18px 0 0}
.reference-footer .legal>div:last-child{display:flex;gap:20px;align-items:start;padding-top:10px}.reference-footer .legal a:hover{color:white}
.reference-footer .os-arrow{display:inline-block;width:1em;height:1em;min-width:1em;flex-shrink:0;vertical-align:-.12em;overflow:visible}
@media(max-width:1100px){.reference-footer .ref-shell{width:calc(100% - 48px)}}
@media(max-width:760px){.reference-footer .ref-shell{width:calc(100% - 36px)}.reference-footer .ref-brand{font-size:12px}.reference-footer .ref-brand strong{font-size:17px}.reference-footer .ref-brand img{width:40px;height:40px}.reference-footer .footer-top{align-items:start;flex-direction:column}.reference-footer .footer-top>p{font-size:17px}.reference-footer .footer-links{gap:20px}.reference-footer .footer-links a:last-child{margin-left:0;width:100%}.reference-footer .legal{flex-direction:column;gap:5px}.reference-footer .legal>div:last-child{flex-wrap:wrap}}
/* Compact checkout dimensions based on the PHP course. */
#checkout-dialog{width:min(560px,calc(100% - 16px));max-height:calc(100dvh - 16px);padding:24px 26px 16px;border-radius:18px;margin:auto;line-height:1.4}
#checkout-dialog>.eyebrow{font-size:10px;line-height:1.4;letter-spacing:1.3px;padding-right:32px}
#checkout-dialog #checkout-title{font-size:27px;line-height:1.15;letter-spacing:-1px;margin:10px 0 12px}
#checkout-dialog .checkout-intro{font-size:14px;line-height:1.4;margin:0 0 12px}
#checkout-dialog .checkout-offer{display:flex;align-items:center;flex-wrap:wrap;gap:10px 20px;margin:0 0 14px}
#checkout-dialog .sale-line{display:flex;align-items:center;gap:10px;margin:0}
#checkout-dialog .sale-line del{font-size:20px;line-height:1.3}
#checkout-dialog .sale-badge{font-size:13px;line-height:1.3;padding:6px 10px}
#checkout-dialog .checkout-price{font-size:36px;line-height:1.1;margin:0;letter-spacing:-1px}
#checkout-dialog label{font-size:14px;line-height:1.4;margin:0 0 6px}
#checkout-dialog input{height:46px;min-height:46px;padding:10px 12px;font-size:16px;line-height:1.4}
#checkout-dialog .button{min-height:46px;padding:12px;font-size:16px;line-height:1.4;margin-top:10px;gap:16px}
#checkout-dialog .button .ui-arrow{width:24px;height:24px;min-width:24px}
#checkout-dialog .checkout-guarantee{margin:12px 0 0;padding:12px 14px;font-size:13px;line-height:1.4;border-radius:9px}
#checkout-dialog .checkout-guarantee strong{margin:0 0 4px}
#checkout-dialog .checkout-timer{margin:12px 0 0}
#checkout-dialog .checkout-timer p{font-size:12px;line-height:1.4;margin:0 0 5px}
#checkout-dialog .checkout-clock{font-size:30px;line-height:1.1;letter-spacing:2px}
#checkout-dialog .checkout-status{margin:8px 0 0!important;font-size:12px!important;line-height:18px;gap:7px}
#checkout-dialog .privacy-lock{width:14px;height:16px}
#checkout-dialog .checkout-close{top:4px;right:5px;width:36px;height:36px;font-size:26px}
@media(max-width:480px){#checkout-dialog{padding:22px 18px 12px}#checkout-dialog #checkout-title{font-size:22px}#checkout-dialog .checkout-intro{font-size:13px}#checkout-dialog .checkout-guarantee{font-size:12px}#checkout-dialog .checkout-price{font-size:32px}#checkout-dialog .sale-line del{font-size:18px}#checkout-dialog .checkout-offer{gap:8px 14px}}
@media(max-height:620px){#checkout-dialog{padding-top:18px}#checkout-dialog #checkout-title{margin:6px 0 8px}#checkout-dialog .checkout-intro{margin-bottom:8px}#checkout-dialog .checkout-offer{margin-bottom:10px}#checkout-dialog .checkout-guarantee{padding:9px 12px}#checkout-dialog .checkout-clock{font-size:26px}}
@media(max-width:360px){#checkout-dialog{padding-top:14px}#checkout-dialog #checkout-title{font-size:20px;line-height:1.12;margin-bottom:6px}#checkout-dialog .checkout-offer{gap:8px}#checkout-dialog .sale-line{gap:8px}#checkout-dialog .sale-line del{font-size:16px}#checkout-dialog .checkout-price{font-size:30px}#checkout-dialog .checkout-status{margin-top:6px!important}}
/* Short landscape viewports retain readable type and full controls. */
@media(min-width:600px) and (max-height:520px){#checkout-dialog{width:min(760px,calc(100% - 16px));display:none;grid-template-columns:1fr 1fr;column-gap:24px;padding:16px 22px}#checkout-dialog[open]{display:grid}#checkout-dialog>.eyebrow,#checkout-dialog #checkout-title,#checkout-dialog .checkout-intro,#checkout-dialog .checkout-offer{grid-column:1}#checkout-dialog #checkout-form{grid-column:2;grid-row:1/5;align-self:center}#checkout-dialog .checkout-guarantee{grid-column:1;margin-top:8px}#checkout-dialog .checkout-timer{grid-column:2;margin-top:8px;align-self:center}}