@font-face{font-family:Rubik;src:url('/assets/fonts/Rubik-wght.ttf') format('truetype');font-display:swap}
@font-face{font-family:Alef;src:url('/assets/fonts/Alef-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Alef;src:url('/assets/fonts/Alef-Bold.ttf') format('truetype');font-weight:700;font-display:swap}
*{box-sizing:border-box}:root{--ink:#173946;--gold:#b88a2b;--cream:#f7f3e8;--line:#ddd5c5;--muted:#718187}
body{margin:0;background:var(--cream);color:var(--ink);font-family:Rubik,Arial,sans-serif}.notice-page{width:min(1420px,calc(100% - 40px));margin:auto;padding:55px 0 75px}.notice-intro{text-align:center;margin-bottom:38px}.notice-intro span,.form-heading small{color:var(--gold);font-size:11px;font-weight:800}.notice-intro h1{margin:8px 0 5px;font:700 clamp(40px,5vw,62px)/1 Alef,serif}.notice-intro p{margin:0;color:var(--muted);font-size:14px}.notice-workspace{display:grid;grid-template-columns:minmax(340px,420px) minmax(600px,1fr);align-items:start;gap:34px}
.notice-form{padding:29px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:0 16px 48px rgba(40,55,48,.07)}.form-heading{margin-bottom:22px}.form-heading h2{margin:5px 0 0;font:700 28px/1.2 Alef,serif}.notice-form label,.gender-choice legend{display:block;color:#324b55;font-size:12px;font-weight:700}.notice-form input,.notice-form textarea,.notice-form select{width:100%;margin-top:7px;padding:12px 13px;border:1px solid #d5dede;border-radius:10px;background:#fbfcfc;color:#173946;font:400 14px Rubik;outline:none}.notice-form input:focus,.notice-form textarea:focus,.notice-form select:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(184,138,43,.11)}.notice-form>label{margin-top:16px}.optional{color:#8a989d;font-size:10px;font-weight:400}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.gender-choice{display:flex;gap:9px;margin:0;padding:0;border:0}.gender-choice legend{width:100%;margin-bottom:7px}.gender-choice label{flex:1}.gender-choice input{position:absolute;opacity:0;pointer-events:none}.gender-choice span{display:block;padding:11px;text-align:center;border:1px solid #d5dede;border-radius:10px;cursor:pointer}.gender-choice input:checked+span{border-color:var(--gold);background:#fff7e5;color:#795817}.form-actions{display:grid;grid-template-columns:1.5fr 1fr;gap:10px;margin-top:23px}.form-actions button{min-height:49px;border-radius:10px;font:700 14px Rubik;cursor:pointer}.print-button{border:0;background:var(--ink);color:#fff}.reset-button{border:1px solid #d9d2c3;background:#fff;color:#53676e}.privacy-note{margin:13px 0 0;color:#879398;text-align:center;font-size:10px}
.preview-column{direction:rtl}.preview-label{display:flex;justify-content:space-between;margin:0 5px 10px;color:var(--muted);font-size:11px}.preview-label span{color:var(--gold);font-weight:700}.funeral-notice{width:min(100%,960px);aspect-ratio:297/210;margin:auto;padding:2.35%;background:#fff;box-shadow:0 18px 55px rgba(28,39,35,.15)}.notice-border{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4% 2.7%;border:4px double #17262c;text-align:center;color:#101719;overflow:hidden}.notice-mark{margin-bottom:2%;font:700 21px/1 Alef}.notice-opening{margin:0;font:700 clamp(21px,1.75vw,28px)/1.3 Alef}.notice-description{min-height:1.35em;margin:2.5% 0 .7%;font:400 clamp(17px,1.55vw,23px)/1.35 Alef}
.notice-name-line{width:100%;height:128px;display:flex;align-items:center;justify-content:center;gap:22px;direction:rtl;white-space:nowrap}.notice-name-line strong{display:inline-block;flex:0 1 auto;min-width:0;max-width:calc(100% - 180px);font:700 126px/.92 Alef;white-space:nowrap}.notice-name-line small{flex:0 0 auto;min-width:48px;font:700 21px/1 Alef;direction:rtl;unicode-bidi:isolate;white-space:nowrap}#previewNameTitle{text-align:left}#previewNameSuffix{text-align:right}
.notice-divider{width:60%;display:flex;align-items:center;gap:12px;margin:2.3% 0}.notice-divider i{height:1px;flex:1;background:#687276}.notice-divider span{font-size:10px}.notice-funeral,.notice-place{margin:0;font:700 clamp(17px,1.5vw,23px)/1.45 Alef;white-space:pre-line}.notice-place{font-weight:400}.notice-shiva{width:88%;margin-top:2.5%;padding-top:2%;border-top:1px solid #aeb5b7}.notice-shiva strong{font:700 19px Alef}.notice-shiva p,.notice-extra{margin:4px 0 0;white-space:pre-line;font:400 clamp(14px,1.15vw,18px)/1.35 Alef}.notice-extra{margin-top:2%}.notice-family{margin:auto 0 0;padding-top:3%;font:700 clamp(19px,1.7vw,25px)/1.3 Alef}.notice-footer{display:flex;justify-content:center;gap:9px;padding:24px;border-top:1px solid var(--line);background:#fff;color:#77858a;font-size:11px}.notice-footer strong{color:var(--ink)}
@media(max-width:1000px){.notice-workspace{grid-template-columns:1fr}.notice-form{max-width:680px;margin:auto}.funeral-notice{max-width:900px}}
@media(max-width:560px){.notice-page{width:calc(100% - 24px);padding-top:35px}.notice-intro h1{font-size:40px}.notice-form{padding:21px}.form-row{grid-template-columns:1fr}.form-actions{grid-template-columns:1fr}.notice-mark{font-size:13px}.notice-opening{font-size:13px}.notice-description{font-size:11px}.notice-name-line{height:64px;gap:8px}.notice-name-line strong{max-width:calc(100% - 82px);font-size:64px}.notice-name-line small{min-width:28px;font-size:10px}.notice-divider{margin:2% 0}.notice-funeral,.notice-place{font-size:10px}.notice-shiva strong{font-size:11px}.notice-shiva p,.notice-extra{font-size:8px}.notice-family{font-size:12px}}
@page{size:A4 landscape;margin:0}
@media print{html,body{width:297mm;height:210mm;margin:0!important;background:#fff!important}.no-print{display:none!important}.notice-page,.notice-workspace,.preview-column{display:block!important;width:auto!important;margin:0!important;padding:0!important}.funeral-notice{width:297mm!important;height:210mm!important;margin:0!important;padding:7mm!important;box-shadow:none!important;aspect-ratio:auto!important;page-break-after:avoid}.notice-border{padding:10mm 8mm!important;border-width:4px!important}.notice-mark{font-size:18pt}.notice-opening{font-size:22pt}.notice-description{font-size:18pt}.notice-name-line{height:32mm}.notice-name-line strong{font-size:126px}.notice-name-line small{font-size:17pt}.notice-divider{margin:4mm 0}.notice-funeral,.notice-place{font-size:18pt}.notice-shiva{margin-top:5mm;padding-top:4mm}.notice-shiva p,.notice-extra{font-size:14pt}.notice-extra{margin-top:4mm}.notice-family{padding-top:5mm;font-size:20pt}}