.rkg{--lav:#6B4E9E;--pink:#F48FB1;--gold:#E8B84B;--ink:#3A2A5E;--teal:#33808D;--bg:#ffffff;--surface:#F6F2FB;--text:#3A2A5E;--muted:#6d6385;--line:#e3dbef}.rkg,.rkg *{box-sizing:border-box}.rkg{margin:0;background:var(--bg);color:var(--text);font:16px/1.55 Figtree,system-ui,-apple-system,Segoe UI,sans-serif}.rkg .wrap{max-width:1080px;margin:0 auto;padding:28px 18px 60px}.rkg h1{font:800 clamp(30px,6vw,46px)/1.05 "Baloo 2",Figtree,sans-serif;margin:0 0 6px;color:var(--lav)}.rkg .lead{color:var(--muted);margin:0 0 10px;max-width:60ch}.rkg .source{font-size:14px;color:var(--muted);margin:0 0 20px;max-width:70ch}.rkg .source a{color:var(--lav);font-weight:600}.rkg .grid{display:grid;gap:26px}@media(min-width:880px){.rkg .grid{grid-template-columns:380px 1fr;align-items:start}}.rkg .step{margin-bottom:26px}.rkg .step h2{font:700 19px/1.3 Figtree,sans-serif;margin:0 0 10px}.rkg .step h2 span{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--lav);color:#fff;font-size:14px;margin-right:8px}.rkg label{font-weight:600;font-size:14px;display:block;margin-bottom:6px}.rkg .sub{font-weight:400;font-size:13px;color:var(--muted);margin:6px 0 0}.rkg input[type=text],.rkg input[type=email]{width:100%;padding:13px 14px;border:2px solid var(--line);border-radius:12px;background:var(--bg);color:var(--text);font:inherit}.rkg input:focus-visible,.rkg button:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.rkg .ac{position:relative}.rkg .ac ul{position:absolute;left:0;right:0;top:100%;margin:4px 0 0;padding:4px;list-style:none;background:var(--bg);border:2px solid var(--line);border-radius:12px;z-index:5;max-height:320px;overflow:auto}.rkg .ac li{padding:9px 10px;border-radius:8px;cursor:pointer}.rkg .ac li small{color:var(--muted);margin-left:6px}.rkg .ac li[aria-selected=true],.rkg .ac li:hover{background:var(--surface)}.rkg .designs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.rkg .designs button{border:3px solid transparent;border-radius:12px;padding:0;background:var(--surface);cursor:pointer;overflow:hidden;color:var(--text);font:600 13px Figtree,sans-serif}.rkg .designs button[aria-pressed=true]{border-color:var(--gold)}.rkg .designs canvas{display:block;width:100%;height:auto}.rkg .designs b{display:block;padding:6px 4px 8px}.rkg .check{display:flex;gap:10px;align-items:flex-start;font-weight:400;font-size:14px;margin:12px 0}.rkg .check input{margin-top:4px;width:18px;height:18px}.rkg .btn{display:block;width:100%;border:0;border-radius:12px;padding:14px;font:700 16px Figtree,sans-serif;cursor:pointer;background:var(--lav);color:#fff;margin-top:8px}.rkg .btn.alt{background:var(--surface);color:var(--text)}.rkg .btn:disabled{opacity:.45;cursor:not-allowed}.rkg .msg{font-size:14px;margin-top:8px;min-height:1.4em}.rkg .msg.err{color:#c2185b}.rkg .hint{font-size:14px;background:var(--surface);color:var(--text);border-radius:8px;padding:9px 11px;margin:0 0 12px}.rkg .preview{background:var(--surface);border-radius:16px;padding:14px;position:sticky;top:12px}.rkg .preview canvas{width:100%;height:auto;display:block;border-radius:6px;box-shadow:0 6px 24px #3a2a5e2e}.rkg .preview p{margin:0 0 10px;color:var(--muted);font-size:14px}.rkg details{margin-top:30px;background:var(--surface);border-radius:12px;padding:12px 14px}.rkg summary{cursor:pointer;font-weight:700}.rkg pre{white-space:pre-wrap;word-break:break-word;font-size:12px;max-height:340px;overflow:auto;margin:10px 0 0}.rkg-success{max-width:1080px;margin:0 auto 60px;padding:24px 18px;background:var(--surface);border-radius:16px;font:16px/1.55 Figtree,system-ui,sans-serif;color:var(--text)}.rkg-success:focus{outline:none}.rkg-success h2{font:800 clamp(21px,4vw,28px)/1.2 "Baloo 2",Figtree,sans-serif;color:var(--lav);margin:0 0 6px}.rkg-sublead{color:var(--muted);font-size:15px;margin:0 0 18px;max-width:70ch}.rkg-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:12px}.rkg-card{display:flex;flex-direction:column;background:#fff;border:2px solid var(--line);border-radius:12px;overflow:hidden;text-decoration:none;color:var(--text)}.rkg-card:hover,.rkg-card:focus-visible{border-color:var(--gold)}.rkg-card img,.rkg-noimg{width:100%;aspect-ratio:1/1;object-fit:cover;display:block;background:var(--surface)}.rkg-card b{font:600 14px/1.3 Figtree,sans-serif;padding:10px 10px 4px}.rkg-price{padding:0 10px 12px;font-weight:700;color:var(--lav);font-size:15px;margin-top:auto}.rkg-more{display:inline-block;margin-top:16px;font-weight:700;color:var(--lav)}
/*# sourceMappingURL=/cdn/shop/t/53/assets/ramadan-generator.css.map */
