body.font-popup-open{overflow:hidden}.font-popup-overlay{backdrop-filter:blur(12px);background:#000a;z-index:100;padding:25px}.modal.font-popup{position:relative;width:min(1070px,100%);max-width:1070px;max-height:90vh;padding:0;border-radius:26px;border:1px solid #355546;background:#0c1722;overflow:auto;box-shadow:0 30px 120px #0009}.font-popup-close{position:absolute;top:19px;right:19px;z-index:2;display:grid;place-items:center;width:36px;height:36px;border:1px solid #395248;border-radius:50%;background:#183027;color:#c9e7d3;font-size:24px;cursor:pointer}.font-popup .font-page-wrap{padding:28px 28px 18px}.font-popup .font-page-heading{margin:0 45px 23px 0}.font-popup .font-page-heading h1{font-size:28px}.font-popup .font-preview-tag{display:none}.font-popup .font-page-layout{grid-template-columns:minmax(0,1fr) 280px;gap:18px}.font-popup .simple-specimen{padding:19px}.font-popup .specimen-paper{min-height:215px}.font-popup .specimen-demo-note{font-size:9px}.font-popup .specimen-rights-note{padding:13px;gap:10px}.font-popup .specimen-rights-note strong{font-size:11px;margin-bottom:7px}.font-popup .specimen-rights-note p{font-size:10px}.font-popup .specimen-legal-line{font-size:9px}.font-popup .font-purchase-cover .product-art{height:155px}.font-popup .font-purchase-body{padding:20px}.font-popup .font-purchase-price{margin:17px 0}.font-popup .font-license-link{padding:10px 0}.popup-package-label{display:flex;flex-direction:column;gap:9px;font-size:11px;color:#a4c6b1;margin-top:19px}.popup-package-label select{width:100%;font:inherit;font-size:11px;background:#0a1a21;color:#c7e4d2;border:1px solid #3c5b49;padding:11px;border-radius:10px;line-height:1.5}#popupPackageNote{font-size:10px;color:#83a392;line-height:1.8}.font-popup-actions{position:sticky;bottom:0;display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:18px 28px;border-top:1px solid #2c483b;background:#0b171eef;backdrop-filter:blur(16px)}.font-popup-actions>div{margin-right:auto}.font-popup-actions small{display:block;font-size:9px;color:#7d9c8b}.font-popup-actions strong{display:block;font:600 22px Manrope;color:#c6eacd;margin-top:5px}.font-popup-actions button{min-width:130px}.font-popup button:focus-visible{outline:2px solid #92dbaa;outline-offset:2px}@media(max-width:750px){.font-popup-overlay{padding:12px}.modal.font-popup{max-height:94vh;border-radius:20px}.font-popup .font-page-layout{grid-template-columns:1fr}.font-popup .font-page-wrap{padding:24px 18px 16px}.font-popup .font-page-heading h1{font-size:25px}.font-popup .font-purchase{display:grid;grid-template-columns:32% 1fr}.font-popup .font-purchase-cover .product-art{height:100%;min-height:220px}.font-popup-actions{padding:14px 18px;gap:8px}.font-popup-actions button{min-width:90px;padding:12px;font-size:11px}.font-popup-actions strong{font-size:19px}.font-popup .specimen-paper{min-height:220px}.font-popup .font-purchase-body{padding:18px}.font-popup-close{top:16px;right:15px}.font-popup .specimen-rights-note p{font-size:10px}}@media(max-width:400px){.font-popup-actions button{min-width:78px;padding:11px 9px}.font-popup .font-purchase{grid-template-columns:1fr}.font-popup .font-purchase-cover .product-art{height:135px;min-height:0}}

.popup-side-add{width:100%;margin-top:16px}.font-purchase-body #popupPackageNote{font-size:13px;line-height:1.7}.font-purchase-body>small{display:block;font-size:11px;opacity:.8}

.popup-license-picker{margin:18px 0 14px}.popup-license-label{display:block;font-size:13px;font-weight:600;margin-bottom:10px;color:#d9e5f8}.popup-license-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.popup-license-option{font:inherit;text-align:left;padding:11px 7px;border:1px solid #ffffff20;border-radius:12px;background:linear-gradient(145deg,#ffffff0a,#ffffff02);color:#cfdbed;cursor:pointer;transition:transform .18s,border-color .18s,background .18s;min-height:105px}.popup-license-option:hover{transform:translateY(-2px);border-color:#82b4ff}.popup-license-option.selected{border-color:#71aaff;background:linear-gradient(145deg,#2563eb35,#2563eb12);box-shadow:inset 0 1px 0 #ffffff20,0 0 16px #2563eb18}.popup-license-top{display:flex;flex-wrap:wrap;align-items:center;gap:4px}.popup-license-top b{font-size:17px;line-height:1.1}.popup-license-top>span{font-size:9px}.popup-license-top i{font-size:10px;margin-left:auto;visibility:hidden;font-style:normal;color:#8ec5ff}.selected .popup-license-top i{visibility:visible}.popup-license-option>strong{display:block;margin-top:12px;font-size:16px;white-space:nowrap;line-height:1.2;color:#f0f6ff}.popup-license-option>small{display:block;margin-top:5px;font-size:9px;color:#a6b8d1}.popup-side-add{font-size:13px;padding:13px 8px}.font-popup .font-purchase{min-width:0}.font-popup .font-purchase-body{min-width:0}@media(max-width:750px){.font-popup .font-purchase{display:block}.font-popup .font-purchase-cover .product-art{height:180px;min-height:0}.popup-license-option{padding:14px 12px;min-height:108px}.popup-license-top>span{font-size:11px}.popup-license-option>strong{font-size:20px}}@media(prefers-reduced-motion:reduce){.popup-license-option{transition:none}.popup-license-option:hover{transform:none}}

/* Product sales layout */
.modal.font-popup{width:min(1200px,100%);max-width:1200px;background:linear-gradient(145deg,#101c2c,#0b131e);border-color:#ffffff22;scrollbar-width:thin;scrollbar-color:#555b64 #101319;color-scheme:dark}
.font-popup::-webkit-scrollbar{width:9px}.font-popup::-webkit-scrollbar-track{background:#101319;border-radius:20px}.font-popup::-webkit-scrollbar-thumb{background:#505660;border:2px solid #101319;border-radius:20px}.font-popup::-webkit-scrollbar-thumb:hover{background:#747b86}
.font-popup .font-page-wrap{padding:34px}.font-popup .font-page-heading{margin-bottom:26px}.font-popup .font-page-heading h1{font-size:clamp(28px,3vw,40px);line-height:1.3;margin:10px 0}.font-popup .font-page-heading p{font-size:16px;line-height:1.8;max-width:760px;color:#afbdcf}
.font-popup .font-page-layout{grid-template-columns:minmax(0,1fr) minmax(365px,.72fr);gap:24px;align-items:start}.font-popup .font-purchase{border-color:#ffffff20;background:linear-gradient(145deg,#1d2b40,#111c2a);border-radius:22px}.font-popup .font-purchase-body{padding:28px}.font-popup .font-purchase-body h2{font-size:27px;line-height:1.4;margin:12px 0}.font-popup .font-purchase-body>p{font-size:14px;line-height:1.8}.font-popup .font-purchase-price{font-size:36px;margin:22px 0 10px}.popup-license-option{padding:15px 11px;min-height:124px;border-radius:14px}.popup-license-top>span{font-size:11px}.popup-license-option>strong{font-size:22px;margin-top:20px}.popup-license-option>small{font-size:10px}.popup-license-option[data-license=B].selected{border-color:#bd9aff;background:linear-gradient(145deg,#8154bd38,#8154bd12)}.popup-license-option[data-license=C].selected{border-color:#e4c381;background:linear-gradient(145deg,#ab854738,#ab854712)}
.font-popup .simple-specimen{padding:24px}.font-popup .specimen-paper{min-height:260px}.font-popup .specimen-demo-note{font-size:11px;line-height:1.7}.font-popup .specimen-rights-note strong{font-size:12px}.font-popup .specimen-rights-note p{font-size:11px;line-height:1.8}.font-popup-actions{background:#101722ee;border-color:#ffffff18}.font-popup-actions small{font-size:11px}
.font-sales-gallery{margin:0 0 30px}.font-sales-gallery-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:16px}.font-sales-gallery-heading span{font-size:10px;letter-spacing:2px;color:#8fb9fa}.font-sales-gallery-heading h2{font-size:20px;margin:6px 0 0}.font-sales-gallery-heading small{font-size:11px;color:#9caec5}.font-sales-hero{position:relative;width:100%;display:block;padding:0;border:1px solid #ffffff20;border-radius:20px;overflow:hidden;background:#080f18;cursor:zoom-in}.font-sales-hero img{display:block;width:100%;height:clamp(240px,34vw,430px);object-fit:contain;background:radial-gradient(ellipse at center,#20334b,#080f18)}.font-sales-hero>span{position:absolute;right:16px;bottom:16px;background:#08121ccc;backdrop-filter:blur(12px);padding:9px 14px;border:1px solid #ffffff25;border-radius:30px;color:#e0eafa;font-size:12px}.font-sales-thumbs{display:flex;gap:10px;margin-top:12px}.font-sales-thumbs button{position:relative;width:100px;height:68px;padding:3px;background:#172334;border:1px solid #ffffff18;border-radius:11px;cursor:pointer;overflow:hidden}.font-sales-thumbs button.active{border-color:#91b9ff;box-shadow:0 0 0 1px #91b9ff}.font-sales-thumbs img{width:100%;height:100%;object-fit:cover;border-radius:7px}.font-sales-thumbs span{position:absolute;bottom:4px;right:5px;font-size:9px;background:#000b;color:#fff;padding:1px 5px;border-radius:4px}
@media(max-width:850px){.font-popup .font-page-layout{grid-template-columns:1fr}.font-popup .font-purchase{grid-row:1;display:block}.font-popup .font-page-wrap{padding:26px 20px}.font-popup .font-purchase-body{padding:24px}.font-sales-gallery-heading{align-items:start;flex-direction:column;gap:8px}.font-sales-hero img{height:280px}.popup-license-option>strong{font-size:23px}}
@media(max-width:450px){.font-popup .font-page-wrap{padding:24px 14px}.font-popup .font-purchase-body{padding:20px 16px}.font-popup .simple-specimen{padding:16px}.font-sales-hero img{height:230px}.font-sales-thumbs{gap:7px}.font-sales-thumbs button{width:calc((100% - 28px)/5);height:54px}.popup-license-option{padding:13px 8px}.popup-license-option>strong{font-size:20px}.popup-license-top>span{font-size:10px}.font-popup-actions{padding:12px 14px}}