.safety-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.8fr);gap:28px;align-items:start;padding-bottom:72px}.safety-card{background:#fff;border:1px solid #dce6f8;border-radius:24px;padding:30px;min-width:0;box-shadow:0 12px 36px #275ec908}.safety-card h2{margin:0 0 14px;font-size:24px}.safety-card h3{margin:22px 0 8px;font-size:17px}.safety-card p{line-height:1.85;color:#5a6a83}.safety-card small{color:#64748b}.safety-stamp{display:inline-flex;gap:8px;align-items:center;background:#edf4ff;color:#315fc5;border-radius:20px;padding:7px 13px;font-size:13px;font-weight:600;margin-bottom:16px}.safety-stamp svg{width:18px;height:18px}.safety-consent{margin:24px 0 16px;padding:18px;background:#f2f6ff;border-radius:14px;display:flex;gap:12px;align-items:flex-start;line-height:1.7;cursor:pointer}.safety-consent input{width:19px;height:19px;flex:0 0 19px;margin-top:5px;accent-color:#3867e4}.safety-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.safety-event{border-top:1px solid #e4eaf4;padding:19px 0}.safety-event:first-child{border-top:0}.safety-event strong{display:block;font-size:16px}.safety-event small{display:block;margin:7px 0;overflow-wrap:anywhere}.safety-event button{margin-top:8px}.safety-warning{padding:18px;background:#fff8e8;border:1px solid #f0d8a4;border-radius:14px;line-height:1.8;color:#795522;margin-bottom:18px}.safety-notice{padding:14px 0;line-height:1.7;overflow-wrap:anywhere}.safety-error{color:#b74432}.safety-card textarea{width:100%;min-height:100px;padding:12px;border:1px solid #cdd9ed;border-radius:12px;font:inherit;resize:vertical;box-sizing:border-box}.safety-card details summary{cursor:pointer;color:#315fc5;padding:8px 0}.safety-card details[open] summary{margin-bottom:8px}.safety-card button:disabled{cursor:not-allowed;opacity:.55}.safety-empty{padding:24px 0;color:#66758c;line-height:1.85}.safety-policy-link{display:block;padding:12px 16px;border-radius:12px;background:#eef4ff;color:#315fc5;margin:8px 0;text-decoration:none}.safety-hero{background:radial-gradient(ellipse at 80% 15%,#d9f4f3 0,transparent 50%),linear-gradient(120deg,#edf3ff,#f9fcff);border:1px solid #dce9ff;border-radius:24px;padding:44px!important;margin-top:28px;margin-bottom:28px}.safety-hero h1{margin-bottom:12px}.safety-card [hidden]{display:none!important}@media(max-width:850px){.safety-layout{grid-template-columns:minmax(0,1fr);gap:18px}.safety-card{padding:22px}.safety-hero{padding:26px!important;margin-top:18px}}@media(prefers-reduced-motion:no-preference){.safety-card button{transition:background .15s,transform .15s}.safety-card button:active{transform:translateY(1px)}}
/* Keep the agreement first on small screens as well as desktop. */
.site-nav .nav-safety{color:#2b60c7;font-weight:650;white-space:nowrap}
.agreement-banner{display:flex;align-items:center;gap:16px;padding:20px 24px;border:1px solid #d7e6fb;border-radius:18px;background:linear-gradient(110deg,#edf5ff,#f2fbf8);margin-bottom:28px}
.agreement-banner-icon{display:grid;place-items:center;flex:0 0 44px;height:44px;background:#fff;color:#356bd6;border-radius:14px}
.agreement-banner-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8}
.agreement-banner strong{color:#233d60;font-size:16px}.agreement-banner p{margin:5px 0 0;color:#576a85;font-size:13px;line-height:1.7}
.agreement-banner>a{margin-left:auto;white-space:nowrap;color:#285fd0;font-size:14px;font-weight:650;text-decoration:none}
.checkout-agreement-hint{padding:0 24px;color:#607087;font-size:13px;line-height:1.8}.checkout-agreement-hint a,.order-agreement-link{color:#285fc8}
.order-agreement-link{display:inline-block;margin:4px 0 12px;font-size:13px;text-decoration:none}
.payment-confirm-modal{padding:16px}.payment-confirm-card{width:min(560px,100%);max-height:calc(100dvh - 32px);overflow-y:auto;overscroll-behavior:contain;box-sizing:border-box}
.payment-confirm-icon{width:40px;height:40px;margin-bottom:12px;border-radius:12px}.payment-confirm-card>p{margin-bottom:14px}.payment-confirm-notice{margin-bottom:14px}
.purchase-agreement{margin:0 0 20px;padding:15px 16px;border:1px solid #d8e5f8;border-radius:14px;background:#f3f7ff}
.purchase-agreement summary{display:flex;justify-content:space-between;align-items:center;gap:10px;color:#255ebf;font-size:14px;font-weight:650;cursor:pointer;list-style:none}
.purchase-agreement summary>span{font-size:12px;font-weight:400;white-space:nowrap}.purchase-agreement summary:focus-visible{outline:2px solid #3867e4;outline-offset:5px;border-radius:3px}
#paymentAgreementText{padding:8px 0 12px;font-size:13px;line-height:1.85;color:#41516b}
#paymentAgreementText h3{font-size:14px;margin:16px 0 5px;color:#253c60}#paymentAgreementText p{margin:0 0 8px}
.agreement-version{margin:10px 0 12px;color:#677892;font-size:11px;line-height:1.7;overflow-wrap:anywhere}
.purchase-agreement-check{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:#283e5f;line-height:1.8;cursor:pointer}
.purchase-agreement-check input{appearance:auto;width:18px;height:18px;flex:0 0 18px;margin:3px 0 0;padding:0;accent-color:#3867e4}
.payment-confirm-actions .button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}
.safety-receipt{padding:24px;margin-bottom:24px;background:#f0f8f5;border:1px solid #c8e6da;border-radius:20px;overflow-wrap:anywhere;color:#314f49;line-height:1.8}.safety-receipt[hidden]{display:none}.safety-receipt h2{font-size:22px}.safety-receipt h3{font-size:16px}.safety-receipt summary{cursor:pointer;font-weight:600}
@media(min-width:981px) and (max-width:1370px){.nav-shell{gap:10px}.site-nav{gap:1px}.site-nav a{padding-inline:6px;font-size:12px}.nav-actions .button.primary{display:none}.nav-actions .account-chip{max-width:190px;overflow:hidden;text-overflow:ellipsis}.site-nav .nav-telegram{margin-left:3px;padding-inline:7px}}
@media(max-width:600px){.agreement-banner{flex-wrap:wrap;padding:18px;gap:12px}.agreement-banner>div{flex:1;min-width:0}.agreement-banner>a{margin-left:56px}.payment-confirm-card{padding:20px}.payment-confirm-actions{gap:8px}.payment-confirm-actions .button{min-height:44px}.purchase-agreement{padding:14px}.safety-receipt{padding:20px}}