:root{--ivory:#faf6f0;--cream:#fffdfa;--sand:#eadfd0;--ink:#2c2524;--muted:#796f6b;--wine:#682c3a;--wine-dark:#461b2b;--gold:#c9a274;--pink:#f5e4e5;--line:#e7dfd6;--shadow:0 18px 60px #3b23231a}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ivory);color:var(--ink);font-family:'Noto Kufi Arabic','Segoe UI',Tahoma,sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.38}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}img{max-width:100%}::selection{background:#d7b8bd;color:#4a1726}em,.serif{font-family:'Amiri','Noto Naskh Arabic',Georgia,serif;font-style:normal;font-weight:500}.eyebrow{font-size:11px;letter-spacing:2px;color:#9c6670;font-weight:700}.button{display:inline-flex;align-items:center;justify-content:center;gap:30px;padding:15px 23px;border:1px solid transparent;border-radius:4px;font-size:12px;font-weight:700;white-space:nowrap;transition:transform .25s,background .25s,box-shadow .25s}.button:hover{transform:translateY(-3px);box-shadow:0 12px 24px #00000016}.button span{font-size:19px;font-weight:400}.button-burgundy{background:var(--wine);color:white}.button-burgundy:hover{background:var(--wine-dark)}.button-ink{background:var(--ink);color:white}.button-outline{border-color:#8c6770;color:var(--wine);background:transparent}.button-ivory{background:var(--ivory);color:var(--wine)}.text-link{border-bottom:1px solid #977b72;padding-bottom:6px;font-size:12px;font-weight:700}.text-link span{margin-right:11px}.announcement{text-align:center;padding:7px 8px;background:var(--wine-dark);color:#f9e9df;font-size:10px;letter-spacing:.1px}.announcement span{color:#e7c49e;font-weight:700}.site-header{max-width:1320px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:32px;padding:19px 6%;position:relative;z-index:10}.brand{display:flex;align-items:center;gap:7px;color:var(--wine);font-family:'Amiri','Noto Naskh Arabic',serif;font-weight:700;font-size:29px;line-height:1}.brand-symbol{font-size:34px;color:#b9916d}.brand small{display:block;color:#6f6967;font-size:7px;font-weight:700;letter-spacing:2.7px;font-family:Arial,sans-serif;margin-top:6px}.site-header nav{display:flex;gap:33px}.site-header nav a{font-size:12px;color:#514746}.site-header nav a:hover{color:var(--wine)}.header-cta{padding:11px 17px;gap:18px}
.hero{position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;max-width:1270px;margin:auto;min-height:650px;padding:52px 6% 98px;gap:40px;overflow:hidden}.hero:after{content:'';position:absolute;bottom:50px;right:6%;left:6%;height:1px;background:var(--line)}.hero-content{position:relative;z-index:2;max-width:570px}.hero-content h1{font-family:'Amiri','Noto Naskh Arabic',serif;font-size:clamp(52px,5.7vw,91px);line-height:1.08;font-weight:500;letter-spacing:-1.4px;margin:17px 0 20px}.hero-content h1 em{color:var(--wine);font-size:1.06em}.hero-content p{font-size:14px;line-height:2.4;max-width:455px;color:#746761}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:30px;margin-top:28px}.micro-proof{display:flex;align-items:center;gap:10px;margin-top:50px;color:#8b827a;font-size:10px}.tiny-flower{color:#a56a75;font-size:20px}.hero-spark{position:absolute;color:#bfaa8f;opacity:.65}.hero-spark-a{top:67px;right:45%;font-size:24px}.hero-spark-b{bottom:100px;right:3%;font-size:34px}.hero-art{position:relative;height:580px;min-width:330px;display:flex;align-items:center;justify-content:center;isolation:isolate}.hero-art:before{content:'';position:absolute;width:470px;height:470px;border-radius:50%;background:radial-gradient(circle,#f5e7dd 6%,#f2e6dc 65%,transparent 68%);z-index:-3}.hero-art:after{content:'';width:400px;height:400px;border:1px solid #d9c9b8;border-radius:50%;position:absolute;transform:scale(1.3);opacity:.45;z-index:-4}.hero-stamp{position:absolute;top:53px;left:55px;border:1px solid #d0b69d;border-radius:100%;width:85px;height:85px;display:grid;place-items:center;transform:rotate(-21deg);font-family:Amiri,serif;font-size:12px;color:#a17b70}.hero-line{position:absolute;height:1px;width:110px;background:#bca99f;opacity:.5}.hero-line-one{top:98px;right:20px;transform:rotate(43deg)}.hero-line-two{bottom:90px;left:25px;transform:rotate(-35deg)}.art-paper{background:#fffaf2;width:285px;height:330px;position:absolute;top:90px;text-align:center;padding-top:60px;box-shadow:0 12px 42px #3a191623;transform:rotate(-7deg);z-index:1;display:flex;flex-direction:column;align-items:center;gap:11px;animation:paperFloat 5.2s ease-in-out infinite}.art-paper:before{content:'';position:absolute;inset:13px;border:1px solid #e3cdb9;pointer-events:none}.art-paper span{font:18px 'Amiri',serif;color:#9a6e63}.art-paper strong{font:44px 'Amiri',serif;font-weight:400;color:var(--wine)}.art-paper strong i{color:#c9a274;font-size:31px;font-weight:400}.art-paper small{color:#9c8079;font-size:10px}.art-leaf{font-size:25px;color:#b58e80}.art-envelope{position:absolute;bottom:86px;width:365px;height:240px;background:linear-gradient(145deg,#793b4a,#4f1f2b);z-index:3;transform:rotate(-7deg);filter:drop-shadow(0 19px 22px #4b222d46)}.art-envelope:before{content:'';position:absolute;inset:0;background:#733443;clip-path:polygon(0 0,50% 55%,100% 0);z-index:1}.art-envelope-bottom{position:absolute;inset:0;background:linear-gradient(25deg,#5a2534,#8a4753);clip-path:polygon(0 100%,50% 38%,100% 100%);z-index:2}.art-envelope-flap{position:absolute;inset:0;background:linear-gradient(170deg,#682c3a,#552332);clip-path:polygon(0 0,50% 58%,100% 0);opacity:.85}.wax{width:67px;height:67px;border-radius:50%;background:radial-gradient(circle at 28% 28%,#e8cfa0,#ae8049 70%);position:absolute;top:109px;left:50%;transform:translateX(-50%);display:grid;place-items:center;font-size:20px;color:#6e3944;z-index:5;border:4px double #94673f;box-shadow:0 5px 15px #1e0b0b56}.art-bloom{position:absolute;color:#8b3c4b;font-size:100px;text-shadow:10px 6px 0 #d2ad89;z-index:4;animation:bloomFloat 4s ease-in-out infinite}.bloom-one{left:9%;top:145px;transform:rotate(-14deg)}.bloom-two{right:0;bottom:90px;font-size:67px;animation-delay:1s}.bloom-three{right:10%;top:70px;font-size:35px;color:#b78969;animation-delay:1.5s}.fine-divider{display:flex;align-items:center;justify-content:center;gap:30px;color:#9d8177;font-size:11px;text-align:center;margin:0 auto 40px;padding:0 15px}.fine-divider span{color:#b5917e;font-size:25px}.section{max-width:1260px;margin:auto;padding:90px 6%}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:43px}.section-heading h2,.center-heading h2,.experience-copy h2,.closing-cta h2{font-family:'Amiri',serif;font-weight:500;font-size:clamp(39px,4.3vw,63px);line-height:1.2;margin:13px 0}.section-heading h2 em,.center-heading h2 em,.experience-copy h2 em{color:var(--wine)}.section-heading p,.experience-copy>p{color:#857a73;font-size:12px;line-height:2}.section-index{font-family:Georgia,serif;font-size:12px;letter-spacing:4px;color:#aa9784}.template-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.template-card{min-width:0}.template-art{aspect-ratio:3/4.5;overflow:hidden;position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:filter .3s}.template-art:hover{filter:saturate(1.1)}.template-art:after{position:absolute;content:'';inset:0;border:1px solid #fff5;pointer-events:none}.template-art>div{transition:transform .5s}.template-card:hover .template-art>div:not(.night-stars){transform:translateY(-6px)}.template-info{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:22px 0 6px}.card-tag{font-size:9px;color:#ad8a79;letter-spacing:.2px}.template-info h3{font-size:20px;font-family:Amiri,serif;font-weight:700;margin:2px 0 0}.template-info p{color:var(--muted);font-size:10px;line-height:1.9;margin:4px 0 0}.circle-arrow{border:1px solid #d9c6bf;flex-shrink:0;border-radius:50%;width:37px;height:37px;display:grid;place-items:center;color:var(--wine);font-size:19px;transition:background .2s,color .2s}.circle-arrow:hover{background:var(--wine);color:white}.section-action{text-align:center;margin-top:46px}
.preview-rouge{background:linear-gradient(#f9f0e8,#e7d6ca)}.preview-rouge:before{content:'';position:absolute;inset:10px;border:1px solid #ffffff9e}.art-corner{position:absolute!important;font-size:95px;color:#853847;text-shadow:13px 10px 0 #bd8586;opacity:.8;z-index:2}.floral-a{top:-35px;right:-27px}.floral-b{bottom:-35px;left:-24px;transform:rotate(130deg)!important}.mini-paper{background:#fffbf4;box-shadow:0 15px 24px #582a2835;text-align:center;width:70%;height:71%;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;border:1px solid #ebdacc}.mini-paper:before{content:'';position:absolute;inset:8px;border:1px solid #dfc6b7}.mini-paper span{font-family:Amiri,serif;color:#8e5965;font-size:18px}.mini-monogram{font-family:Georgia,serif;font-size:35px;color:#682e3d}.mini-monogram i{font-size:19px;color:#c9a274}.mini-paper small{font-size:9px;color:#8d7172}.mini-seal{color:#e7c68d!important;background:#67303e;border-radius:50%;display:grid;place-items:center;width:35px;height:35px;font-size:14px;box-shadow:0 3px 9px #53252e3d}.preview-nocturne{background:radial-gradient(circle at 55% 37%,#39475f,#141b34 60%,#101729)}.night-stars{position:absolute;inset:0;background-image:radial-gradient(circle,#e9cfb4 1px,transparent 1.6px),radial-gradient(circle,#fff 1px,transparent 1.8px);background-size:39px 37px,77px 67px;background-position:2px 10px,16px 24px;opacity:.55;animation:twinkle 5s linear infinite}.night-moon{position:absolute;top:27px;left:29px;color:#d9ba87;font-size:65px;filter:drop-shadow(0 0 13px #ebc3978c)}.mini-night-border{position:relative;border:1px solid #bca37b;height:75%;width:76%;color:#dfca9d;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;text-align:center;background:linear-gradient(140deg,#14203765,transparent);box-shadow:0 0 0 7px #d9b57912,0 0 0 8px #bca37b6b}.mini-night-border>span{font:19px Amiri,serif}.mini-night-border strong{font:34px Amiri,serif;font-weight:500}.mini-night-border strong i{font-size:16px}.mini-night-border small{font-size:10px;letter-spacing:1px}.night-orbit{font-size:33px;color:#efdfb9}.preview-blossom{background:linear-gradient(160deg,#fffafa,#f1d9de 78%,#fbe9e7)}.preview-blossom:before{content:'';position:absolute;inset:22px;border:1px solid #c9a8ac;opacity:.6}.flower-sprig{color:#c887a0;position:absolute;font-size:64px;display:flex;flex-direction:column;align-items:center;gap:40px;opacity:.72;text-shadow:10px 10px 0 #ecd0d6}.flower-sprig small{color:#9c9c70;font-size:30px}.sprig-left{left:-15px;bottom:-34px;transform:rotate(24deg)}.sprig-right{right:-15px;top:-33px;transform:rotate(198deg)}.mini-bloom-title{text-align:center;color:#7d4b5b;position:relative;z-index:2}.mini-bloom-title>span{font-size:9px;letter-spacing:3px;font-family:Georgia,serif}.mini-bloom-title strong{font:40px Amiri,serif;display:block;margin:20px 0 0;font-weight:500}.mini-bloom-title strong i{font:23px Georgia,serif;color:#ba8c97}.mini-bloom-title p{font-size:10px}.mini-bloom-title small{color:#b38c9a}.preview-qamar{background:radial-gradient(circle,#27574d,#15392f 70%,#0e2924)}.preview-qamar:before{content:'';position:absolute;inset:12px;border:1px solid #c0a67573}.gold-motif{position:absolute;color:#caac75;opacity:.5;font-size:45px}.motif-one{top:19px;right:20px}.motif-two{bottom:20px;left:20px}.arabesque-arch{width:76%;height:79%;border:2px solid #cfb178;border-bottom-width:1px;border-radius:48% 48% 2px 2px / 27% 27% 2px 2px;position:relative;box-shadow:0 0 0 7px #d7b57911,0 0 0 8px #d7b57973;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#f7e3b6;text-align:center;padding:20px}.arabesque-arch:before{content:'';position:absolute;inset:12px;border:1px solid #c7a76b80;border-radius:48% 48% 0 0/27% 27% 0 0;pointer-events:none}.arabesque-arch span{font:13px Amiri,serif}.qamar-mark{font-size:45px;margin:8px}.arabesque-arch strong{font:39px Amiri,serif;font-weight:500;white-space:nowrap}.arabesque-arch strong i{font-size:18px;color:#d3a17e}.arabesque-arch small{font-size:9px;margin-top:20px}
.experience-section{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;max-width:none;background:#f0e8dd;padding-inline:max(6%,calc((100vw - 1120px)/2));min-height:650px}.experience-copy h2{line-height:1.4}.experience-copy>p{max-width:420px}.features{display:flex;flex-direction:column;gap:18px;margin:28px 0}.features>div{border-bottom:1px solid #d8cbbf;display:flex;gap:26px;padding-bottom:14px}.features>div>span{color:#b38e74;font-family:Georgia,serif;font-size:14px}.features p{margin:0}.features strong{display:block;font-size:13px}.features small{display:block;margin-top:6px;color:#8d7e71;font-size:10px}.experience-visual{position:relative;display:flex;justify-content:center;align-items:center;min-height:565px}.phone-shell{width:269px;height:528px;border:8px solid #29211e;border-radius:40px;padding:8px;background:#1b1515;box-shadow:0 35px 55px #28151c48,20px 20px 0 #f7f2eb;transform:rotate(-5deg)}.phone-notch{position:absolute;width:70px;height:16px;top:8px;left:50%;transform:translateX(-50%);background:#29211e;border-radius:0 0 13px 13px;z-index:1}.phone-scene{background:linear-gradient(#6b2c3c,#3c1b2b);border-radius:28px;height:100%;text-align:center;color:#f4e9de;position:relative;padding:100px 23px 20px;overflow:hidden}.phone-scene:before{position:absolute;content:'';width:290px;height:290px;border:1px solid #bc8a80;border-radius:50%;opacity:.3;top:64px;left:-25px}.phone-ornament{font-size:37px;color:#d7ba9f}.phone-scene>span{display:block;font-size:10px;margin-top:35px}.phone-scene h3{font:41px Amiri,serif;margin:6px 0 22px}.phone-scene h3 i{font-size:21px;color:#ddb5a4}.phone-invite-card{width:100%;background:#f8f0e9;border-radius:4px;padding:17px 0 15px;display:flex;align-items:center;flex-direction:column;gap:5px;color:#60313d}.phone-invite-card strong{font:19px Amiri,serif}.phone-invite-card small{font-size:10px}.phone-action{margin:24px auto 0;background:#e0b9ac;color:#55283b;border-radius:30px;padding:9px 12px;font-size:11px;max-width:160px}.phone-action span{margin-right:5px}.float-notice{position:absolute;background:white;color:#60313d;box-shadow:0 12px 32px #4826371b;border:1px solid #f2e5dd;border-radius:30px;padding:12px 16px;font-size:11px}.float-one{top:110px;right:-13px}.float-two{bottom:110px;left:-6px}.center-heading{text-align:center}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:65px;margin-top:60px}.steps-grid>div{border-top:1px solid #c5b4a7;padding-top:25px}.step-number{font-family:Georgia,serif;color:#b69a83;font-size:32px}.steps-grid h3{font:29px Amiri,serif;margin:16px 0 8px}.steps-grid p{color:#82746b;line-height:2.1;font-size:11px}.closing-cta{background:radial-gradient(circle at 50% -30%,#8c4558,#521e32 75%);color:white;text-align:center;padding:75px 15px 80px;position:relative;overflow:hidden}.closing-cta:before,.closing-cta:after{content:'';position:absolute;width:300px;height:300px;border:1px solid #ffffff33;border-radius:50%;top:-80px}.closing-cta:before{right:-100px}.closing-cta:after{left:-100px}.closing-ornament{font-size:42px;color:#cfaa86}.closing-cta .eyebrow{color:#dfb5ab}.closing-cta h2{font-size:66px}.closing-cta h2 em{color:#f1c9af}.closing-cta p{color:#f0d9d2;font-size:12px;margin-bottom:28px}.footer{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:35px 6%;max-width:1320px;margin:auto;color:#8d7f76;font-size:10px}.footer small{font-size:9px}
/* Order builder */
.order-body{background:#f9f5f0}.order-header{background:white;border-bottom:1px solid var(--line)}.order-main{max-width:1160px;margin:0 auto;padding:48px 24px 90px}.order-intro{text-align:center;margin:0 auto 34px}.order-intro h1{font:50px Amiri,serif;margin:9px 0}.order-intro p{font-size:12px;color:var(--muted)}.steps-progress{display:flex;justify-content:space-between;max-width:780px;margin:35px auto 45px;gap:10px}.steps-progress .progress-item{display:flex;gap:9px;align-items:center;font-size:11px;color:#9f9690}.progress-item b{width:28px;height:28px;display:grid;place-items:center;border:1px solid #d8c3bb;border-radius:50%;font:11px Georgia,serif}.progress-item.active{color:var(--wine);font-weight:700}.progress-item.active b,.progress-item.done b{background:var(--wine);color:white;border-color:var(--wine)}.order-panel{max-width:900px;margin:auto;background:#fffdfa;box-shadow:0 12px 54px #29121c0d;border:1px solid #ece4dc;padding:38px;border-radius:8px}.form-step{display:none}.form-step.active{display:block;animation:fadeUp .35s ease}.form-title{font:32px Amiri,serif;margin-bottom:8px}.form-hint{color:#8d827b;font-size:11px;line-height:1.9;margin-bottom:24px}.pick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.pick-tile{padding:8px;border:2px solid transparent;background:#f7f2ec;border-radius:5px;text-align:center;transition:transform .2s,border-color .2s}.pick-tile:hover{transform:translateY(-4px)}.pick-tile.selected{border-color:var(--wine);background:#f6e9e9}.pick-tile .template-art{height:205px;aspect-ratio:auto}.pick-tile .mini-paper{gap:5px}.pick-tile .mini-paper span{font-size:12px}.pick-tile .mini-monogram{font-size:24px}.pick-tile .mini-paper small,.pick-tile .arabesque-arch small,.pick-tile .mini-night-border small{font-size:7px}.pick-tile .mini-night-border strong,.pick-tile .arabesque-arch strong,.pick-tile .mini-bloom-title strong{font-size:24px}.pick-tile .arabesque-arch{padding:6px}.pick-tile .art-corner{font-size:38px}.pick-tile .flower-sprig{font-size:32px}.pick-tile .night-moon{font-size:32px}.pick-tile .qamar-mark{font-size:23px}.pick-tile>strong{font:20px Amiri,serif;display:block;margin-top:9px}.selected-chip{display:inline-block;font-size:9px;background:#f4e4e3;color:#8e3b4e;padding:6px 9px;border-radius:30px;margin-top:5px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:19px}.field{display:flex;flex-direction:column;gap:8px}.field.wide{grid-column:1 / -1}.field label{font-size:11px;font-weight:700;color:#554a46}.field label em{font-style:normal;color:#ad5367}.field input,.field select,.field textarea{width:100%;padding:13px 12px;background:white;border:1px solid #ded2c8;border-radius:4px;color:var(--ink);outline:none;font-size:12px;transition:border-color .2s}.field textarea{min-height:98px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--wine);box-shadow:0 0 0 3px #682c3a12}.field small{font-size:10px;color:#9e8c81;line-height:1.8}.option-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:25px}.check-card{display:flex;gap:12px;border:1px solid #e6d9cf;padding:16px;background:white;border-radius:5px;cursor:pointer}.check-card input{accent-color:var(--wine);width:17px;height:17px}.check-card span{display:block;font-weight:700;font-size:12px}.check-card small{display:block;color:#8d8078;font-size:10px;line-height:1.9;font-weight:400}.order-notice{font-size:11px;line-height:2;background:#f7ede6;border-right:3px solid #be9d80;padding:13px 16px;color:#64534d;margin-top:22px}.order-actions{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);margin-top:29px;padding-top:25px;gap:12px}.button-back{background:transparent;border:0;color:#816f67;font-size:12px}.price-box{display:flex;align-items:baseline;justify-content:space-between;padding:17px 22px;background:#f5eae4;border:1px solid #e9d4ca;margin-bottom:22px}.price-box strong{font:33px Georgia,serif;color:var(--wine)}.price-box small{font-size:10px;color:var(--muted)}.summary-list{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:20px 0}.summary-list>div{border-bottom:1px solid #e5dcd1;padding-bottom:9px;font-size:12px}.summary-list small{display:block;color:#a09187;font-size:10px;margin-bottom:5px}.summary-list strong{font-weight:600}.summary-actions{display:flex;flex-wrap:wrap;gap:12px}.button-whatsapp{background:#267b56;color:#fff}.button-whatsapp:hover{background:#1e6245}.toast{position:fixed;bottom:20px;right:50%;transform:translateX(50%);color:white;background:#2f2426;padding:14px 20px;border-radius:6px;font-size:12px;box-shadow:var(--shadow);z-index:100;max-width:92vw;text-align:center;display:none}.toast.show{display:block}.demo-banner{padding:9px 15px;background:#f8e8c7;color:#654721;text-align:center;font-size:10px}
/* Invitation guest page */
.guest-body{background:#f7f0e6}.guest-toolbar{position:fixed;z-index:70;left:14px;top:15px;display:flex;gap:9px}.guest-tool{border:1px solid #ffffff86;background:#ffffffec;color:#48323b;padding:10px 12px;border-radius:50px;box-shadow:0 5px 20px #0001;font-size:11px}.guest-tool:hover{background:white}.invite-stage{min-height:100dvh;--theme-bg:#f7eee5;--theme-accent:#672b3a;--theme-text:#5c2a37;--theme-light:#fbf5ec;--theme-ornament:#b48979;background:var(--theme-bg);color:var(--theme-text);transition:background .6s}.invite-stage.theme-nocturne{--theme-bg:#141c32;--theme-accent:#d8ba88;--theme-text:#e9d2aa;--theme-light:#263148;--theme-ornament:#c8a46d}.invite-stage.theme-blossom{--theme-bg:#fbeef0;--theme-accent:#9c6474;--theme-text:#784e64;--theme-light:#fffafa;--theme-ornament:#ce9ba7}.invite-stage.theme-qamar{--theme-bg:#143a32;--theme-accent:#e1c187;--theme-text:#f5e3c2;--theme-light:#245149;--theme-ornament:#b99b63}.invite-cover{min-height:100dvh;display:grid;place-items:center;position:relative;isolation:isolate;overflow:hidden;padding:50px 12px}.invite-cover:before{content:'';position:absolute;width:min(90vw,650px);height:min(90vw,650px);border-radius:50%;background:radial-gradient(circle,var(--theme-ornament),transparent 67%);opacity:.12;z-index:-1}.invite-cover:after{content:'✧     ❦     ✧';position:absolute;bottom:38px;letter-spacing:20px;font-size:20px;color:var(--theme-ornament);opacity:.7;animation:glow 4s ease-in-out infinite}.cover-decoration{position:absolute;font-size:100px;color:var(--theme-ornament);opacity:.3;pointer-events:none;animation:bloomFloat 5s ease-in-out infinite}.cover-decoration.a{right:-30px;top:10%}.cover-decoration.b{left:-30px;bottom:12%;animation-delay:1.1s}.cover-wrapper{width:min(360px,90vw);height:460px;position:relative;display:grid;place-items:center;perspective:950px;cursor:pointer}.cover-paper{position:absolute;width:82%;height:80%;top:4%;background:var(--theme-light);box-shadow:0 14px 35px #0002;border:1px solid var(--theme-ornament);z-index:1;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:13px;transition:transform 1.1s cubic-bezier(.25,.7,.2,1)}.cover-paper:before{content:'';position:absolute;inset:12px;border:1px solid var(--theme-ornament);opacity:.6}.cover-paper span{font:21px Amiri,serif}.cover-paper strong{font:41px Amiri,serif;text-align:center;line-height:1.4;max-width:240px}.cover-paper small{font-size:10px}.cover-envelope{position:absolute;bottom:30px;width:98%;height:228px;background:var(--theme-accent);z-index:2;filter:drop-shadow(0 12px 24px #120b162c)}.cover-envelope:before{content:'';position:absolute;inset:0;background:var(--theme-accent);clip-path:polygon(0 0,50% 62%,100% 0);filter:brightness(.85)}.cover-envelope:after{content:'';position:absolute;inset:0;background:linear-gradient(25deg,#0002,#fff2);clip-path:polygon(0 100%,50% 35%,100% 100%)}.cover-flap{position:absolute;top:0;right:0;width:100%;height:100%;background:var(--theme-accent);clip-path:polygon(0 0,50% 65%,100% 0);transform-origin:top;z-index:3;transition:transform .9s ease,opacity .9s}.cover-seal{background:radial-gradient(circle at 30% 30%,#ffebae,#b58b57);border:3px double #91693b;border-radius:50%;position:absolute;width:65px;height:65px;top:37%;left:50%;transform:translateX(-50%);z-index:4;display:grid;place-items:center;color:#71313f;font-size:25px;transition:opacity .5s}.cover-click{position:absolute;bottom:-15px;left:50%;transform:translateX(-50%);z-index:5;color:var(--theme-text);border:1px solid var(--theme-ornament);background:var(--theme-light);font-size:12px;padding:12px 25px;border-radius:45px;white-space:nowrap;transition:opacity .5s}.cover-wrapper.opened .cover-flap{transform:rotateX(165deg);opacity:0}.cover-wrapper.opened .cover-paper{transform:translateY(-180px)}.cover-wrapper.opened .cover-seal,.cover-wrapper.opened .cover-click{opacity:0}.invite-content{display:none;overflow:hidden;animation:fadeUp 1.1s}.invite-content.visible{display:block}.guest-section{padding:85px 20px;max-width:650px;margin:auto;text-align:center;position:relative}.guest-section+.guest-section{border-top:1px solid var(--theme-ornament)}.guest-section>.ornament{color:var(--theme-ornament);font:32px Amiri,serif;display:block;margin-bottom:20px}.guest-kicker{letter-spacing:2px;font-size:10px;font-weight:600;opacity:.78}.guest-title{font:clamp(42px,9vw,75px) Amiri,serif;line-height:1.2;margin:22px 0;color:var(--theme-text)}.guest-paragraph{font:20px/2.1 Amiri,serif;max-width:460px;margin:0 auto 25px;white-space:pre-line}.guest-date{font:35px Amiri,serif}.guest-line{display:inline-block;width:65px;height:1px;background:var(--theme-ornament);margin:16px}.guest-detail-card{border:1px solid var(--theme-ornament);padding:33px 20px;background:var(--theme-light);box-shadow:0 16px 50px #00000014}.guest-detail-card h3{font:31px Amiri,serif;margin:10px 0 15px}.guest-detail-card p{font-size:13px;line-height:2}.guest-counters{display:flex;gap:8px;justify-content:center;direction:ltr;margin:30px 0}.guest-counters>div{background:var(--theme-light);border:1px solid var(--theme-ornament);min-width:70px;padding:13px 8px;color:var(--theme-text)}.guest-counters strong{font:25px Georgia,serif;display:block}.guest-counters small{font-size:9px}.guest-rsvp input,.guest-rsvp select,.guest-rsvp textarea{border:1px solid var(--theme-ornament);border-radius:4px;background:var(--theme-light);padding:13px;color:var(--theme-text);width:100%;font-size:12px}.guest-rsvp{display:grid;gap:12px;max-width:380px;margin:22px auto}.guest-button{background:var(--theme-accent);color:var(--theme-bg);padding:13px 25px;border:1px solid var(--theme-ornament);font-size:12px;transition:filter .2s}.guest-button:hover{filter:brightness(1.18)}.guest-map-link{display:inline-flex;align-items:center;justify-content:center;padding:14px 25px;border:1px solid var(--theme-ornament);background:var(--theme-light);font-size:11px;margin-top:12px}.guest-notice{font-size:10px;line-height:2;opacity:.7}.guest-messages{display:grid;gap:10px;margin:26px auto;max-width:440px}.guest-message{text-align:right;background:var(--theme-light);border:1px solid var(--theme-ornament);padding:15px}.guest-message strong{font-size:12px}.guest-message p{font-size:11px;margin:5px 0;line-height:1.8}.guest-footer{text-align:center;padding:40px 10px 60px;font-size:10px;color:var(--theme-ornament);letter-spacing:.2px}.guest-actions{text-align:center;padding-bottom:40px}.hidden{display:none!important}
@keyframes bloomFloat{0%,100%{translate:0 0}50%{translate:0 -9px}}@keyframes paperFloat{0%,100%{translate:0 0}50%{translate:0 -11px}}@keyframes twinkle{0%,100%{opacity:.44}50%{opacity:.9}}@keyframes glow{0%,100%{opacity:.4}50%{opacity:.9}}@keyframes fadeUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1050px){.template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{min-height:570px;padding-top:30px}.hero-art{transform:scale(.81);margin:-40px}.hero-content h1{font-size:63px}.steps-grid{gap:22px}}
@media(max-width:760px){.site-header{padding:14px 20px;gap:12px}.site-header nav{display:none}.header-cta{font-size:10px;padding:11px 13px;gap:10px}.brand{font-size:26px}.brand small{font-size:6px}.hero{display:flex;flex-direction:column;gap:0;padding:45px 25px 55px;min-height:auto;text-align:center}.hero-content h1{font-size:62px;margin-top:19px}.hero-content p{font-size:12px;line-height:2.3}.hero-art{margin:-50px 0 -105px;transform:scale(.68);height:530px;width:100%}.hero-actions,.micro-proof{justify-content:center}.hero-actions{gap:20px}.micro-proof{margin-top:28px}.hero:after{bottom:25px}.fine-divider{font-size:9px;margin-top:20px;gap:12px}.section{padding:60px 20px}.section-heading h2,.center-heading h2,.experience-copy h2{font-size:41px}.section-heading{align-items:start}.section-index{font-size:8px;white-space:nowrap}.template-grid{gap:12px}.template-info{padding:12px 1px 5px}.template-info h3{font-size:18px}.template-info p{font-size:9px}.template-art{aspect-ratio:3/4.5}.card-tag{font-size:8px}.circle-arrow{width:30px;height:30px;font-size:17px}.art-corner{font-size:55px}.mini-paper{gap:8px}.mini-paper span{font-size:13px}.mini-monogram{font-size:27px}.mini-paper small,.mini-night-border small,.arabesque-arch small{font-size:7px}.mini-night-border strong,.arabesque-arch strong{font-size:26px}.mini-night-border span{font-size:15px}.night-moon{font-size:41px}.mini-bloom-title strong{font-size:28px}.flower-sprig{font-size:37px}.arabesque-arch{padding:8px}.arabesque-arch span{font-size:10px}.qamar-mark{font-size:27px}.experience-section{grid-template-columns:1fr;gap:0;padding:65px 20px}.experience-copy{text-align:center}.experience-copy>p{margin:auto}.features{text-align:right}.experience-visual{min-height:510px;transform:scale(.85);margin:-35px}.steps-grid{grid-template-columns:1fr;gap:14px;margin-top:30px}.steps-grid>div{padding-top:12px}.steps-grid h3{margin:5px 0}.closing-cta h2{font-size:53px}.footer{flex-direction:column;align-items:center;gap:20px;text-align:center;padding:30px 20px}.order-main{padding:25px 12px 75px}.order-intro h1{font-size:40px}.steps-progress{gap:3px;justify-content:center;margin:23px auto}.progress-item{font-size:9px!important;gap:4px!important}.progress-item b{width:22px;height:22px}.order-panel{padding:18px 15px}.pick-grid{grid-template-columns:1fr 1fr;gap:9px}.pick-tile .template-art{height:180px}.form-grid,.option-list,.summary-list{grid-template-columns:1fr}.form-title{font-size:28px}.order-actions{flex-wrap:wrap}.guest-section{padding:68px 16px}.guest-counters>div{min-width:64px}.guest-toolbar{left:8px;top:8px}.guest-tool{padding:8px;font-size:10px}}
@media(max-width:390px){.hero-content h1{font-size:52px}.hero-art{transform:scale(.59);margin:-68px 0 -125px}.template-info p{font-size:8px}.template-info h3{font-size:16px}.pick-tile .template-art{height:157px}.guest-title{font-size:42px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
/* أربعة مشاهد افتتاحية مستقلة مستوحاة من أجواء القوالب، وليس تبديل الألوان فقط. */
.theme-rouge .cover-envelope{background:linear-gradient(145deg,#7c3a4d,#4a1b2b)}
.theme-rouge .cover-paper{transform:rotate(-3deg)}
.theme-rouge .cover-wrapper.opened .cover-paper{transform:rotate(-3deg) translateY(-180px)}
.theme-nocturne .invite-cover{background-image:radial-gradient(circle at 50% 0,#55657a55,transparent 62%),radial-gradient(circle,#c8ab6f 1px,transparent 1.8px),radial-gradient(circle,#edd7a4 1px,transparent 1.8px);background-size:100% 100%,43px 57px,81px 76px;background-position:0 0,13px 19px,23px 31px}
.theme-nocturne .cover-paper{border-radius:44% 44% 0 0/20% 20% 0 0;border:2px solid #cfb58f;background:#273249;color:#f1dbb4}
.theme-nocturne .cover-envelope{height:78%;bottom:10%;width:90%;background:#172239;border:2px solid #bba57e;border-radius:47% 47% 0 0/25% 25% 0 0;box-shadow:0 0 0 8px #d8b9791a,0 0 0 9px #bba57e65}
.theme-nocturne .cover-envelope:before{inset:15px;clip-path:none;border:1px solid #bba57e;border-radius:47% 47% 0 0/25% 25% 0 0;background:radial-gradient(circle at 50% 47%,#ffffff15,transparent 50%)}
.theme-nocturne .cover-envelope:after{content:'☾';clip-path:none;position:absolute;inset:40px 0 0;display:grid;place-items:center;color:#e8ce9a;font:140px Georgia,serif;text-shadow:0 0 45px #eacb8a55;background:transparent}
.theme-nocturne .cover-flap{clip-path:none;background:transparent;opacity:0}
.theme-nocturne .cover-seal{top:62%;width:52px;height:52px;font-size:18px}
.theme-nocturne .cover-wrapper.opened .cover-envelope{animation:fadeIntoStars 1.1s forwards}
.theme-blossom .invite-cover{background-image:radial-gradient(ellipse at 8% 10%,#e7b8c281,transparent 35%),radial-gradient(ellipse at 92% 93%,#e3b1bd82,transparent 35%)}
.theme-blossom .cover-paper{border-radius:90px 90px 0 0;background:linear-gradient(#fffefb,#fff4f6)}
.theme-blossom .cover-envelope{background:linear-gradient(125deg,#db9caf,#b7758b);border-radius:7px 7px 3px 3px}
.theme-blossom .cover-envelope:before{background:#deb0bc}.theme-blossom .cover-envelope:after{background:linear-gradient(25deg,#c98ca0,#f3cbd3)}
.theme-blossom .cover-flap{background:#e1b5c0}.theme-blossom .cover-decoration{color:#c07899;font-size:126px}
.theme-blossom .cover-seal{background:radial-gradient(circle,#fff9e5,#dbb48e);color:#9d5d75}
.theme-qamar .invite-cover{background-image:repeating-conic-gradient(from 0deg at 50% 50%,transparent 0deg 40deg,#d4b37e08 45deg 50deg);background-size:95px 95px}
.theme-qamar .cover-paper{background:#1c5145;color:#f9e5bd;border:2px solid #ddc48d;border-radius:48% 48% 0 0/24% 24% 0 0}
.theme-qamar .cover-envelope{width:92%;height:83%;bottom:7%;background:#164037;border:2px solid #d5b67d;border-radius:49% 49% 0 0/27% 27% 0 0;box-shadow:0 0 0 9px #cba56919}
.theme-qamar .cover-envelope:before{inset:12px;clip-path:none;background:transparent;border:1px solid #d5b67d;border-radius:49% 49% 0 0/27% 27% 0 0}
.theme-qamar .cover-envelope:after{content:'۞';background:transparent;clip-path:none;display:grid;place-items:center;color:#ddc48d;font:140px Amiri,serif;opacity:.85}
.theme-qamar .cover-flap{position:absolute;inset:0 auto 0 0;width:50%;height:100%;clip-path:none;background:#29594e;border-right:1px solid #d5b67d;border-radius:70% 0 0 0/25% 0 0 0;transform-origin:right center;opacity:.35}
.theme-qamar .cover-wrapper.opened .cover-flap{transform:rotateY(105deg);opacity:0}
.theme-qamar .cover-seal{top:63%;background:#c9a66d}
@keyframes fadeIntoStars{0%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(1.12)}}
.invite-content .guest-section.will-reveal{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s ease}
.invite-content .guest-section.will-reveal.is-visible{opacity:1;transform:none}
.photo-demo-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:30px auto;max-width:470px}.photo-placeholder{min-height:250px;border:10px solid var(--theme-light);outline:1px solid var(--theme-ornament);background:linear-gradient(135deg,var(--theme-ornament),var(--theme-light));color:var(--theme-text);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 16px 25px #00000010;gap:15px}.photo-placeholder span{font:60px Amiri,serif;opacity:.55}.photo-placeholder small{font-size:9px;opacity:.7}.photo-one{transform:rotate(3deg)}.photo-two{transform:rotate(-4deg);background:linear-gradient(45deg,var(--theme-light),var(--theme-ornament))}@media(max-width:450px){.photo-demo-grid{gap:12px}.photo-placeholder{min-height:175px;border-width:6px}}
.invite-demo-watermark{position:fixed;bottom:0;left:0;right:0;z-index:90;background:#fff9e5eb;color:#784e25;text-align:center;font-size:10px;line-height:1.8;padding:8px;box-shadow:0 -5px 18px #0001}


/* WEDORA v2 — champagne-gold brand typography (individual invitation colors are independent) */
.marketing,.order-body{--wine:#8b663c;--wine-dark:#4c382a;--gold:#b89860;--pink:#f7eee3;--ivory:#fbf7ef;--ink:#302820;--line:#e8ddcb}
.wedora-brand-mark{width:48px;height:48px;flex:0 0 48px;border-radius:50%;object-fit:cover;border:1px solid #d6b77b;box-shadow:0 3px 15px #3c27151c}
.wedora-name{font-family:Georgia,serif;font-size:23px;font-weight:700;letter-spacing:1.9px;line-height:1;white-space:nowrap;color:#8c653b;display:flex;flex-direction:column;gap:6px}
.wedora-name small{font-family:'Noto Kufi Arabic','Segoe UI',sans-serif;letter-spacing:.65px;color:#aa8a65;font-size:8px;font-weight:600}
.announcement{background:linear-gradient(105deg,#4a3729,#97744a,#4a3729)}
.marketing .closing-cta{background:radial-gradient(ellipse at 50% -20%,#9b7856,#483325 76%)}
.marketing .button-burgundy{background:#88603f}.marketing .button-burgundy:hover{background:#684b30}
.marketing .hero-content em,.marketing .section-heading em,.marketing .center-heading em,.marketing .experience-copy em{color:#97734c}
.marketing .hero-art .art-envelope{filter:sepia(.15)}
.order-body .site-header{background:#fbf8f2}
.footer a[href*="instagram.com"]{text-decoration:underline;text-underline-offset:3px}

/* Cinema-layered guest invite: bloom, depth, movement, and accessibility */
[hidden]{display:none!important}
.ambient-particles{position:fixed;inset:0;pointer-events:none;z-index:1;overflow:hidden;opacity:.75}
.ambient-particle{position:absolute;left:var(--x);top:-15vh;display:block;font-size:var(--size);color:var(--theme-ornament);opacity:0;line-height:1;will-change:transform,opacity;animation:wedoraFall var(--duration) linear var(--delay) infinite;filter:drop-shadow(0 3px 5px #00000012)}
@keyframes wedoraFall{0%{transform:translate3d(0,-6vh,0) rotate(0deg);opacity:0}10%{opacity:.27}76%{opacity:.4}100%{transform:translate3d(var(--sway),125vh,0) rotate(260deg);opacity:0}}
.invite-cover{z-index:3;transition:opacity .8s ease}
.invite-cover .cover-wrapper{filter:drop-shadow(0 15px 30px #00000016);animation:none}
@keyframes wedoraHover{0%,100%{translate:0 0}50%{translate:0 -7px}}
.cover-paper{overflow:hidden;box-shadow:0 19px 52px #00000025, inset 0 0 0 12px #ffffff13}
.cover-paper:after{content:'✦       ✧       ✦';position:absolute;bottom:27px;color:var(--theme-ornament);opacity:.58;font-size:13px;letter-spacing:8px}
.cover-gold-ornament{font-family:Georgia,serif;font-size:30px;color:var(--theme-ornament);opacity:.88}
.cover-envelope{box-shadow:0 24px 42px #00000020}
.cover-seal{box-shadow:0 3px 15px #0003,inset 0 0 0 3px #ffe5b155}
.cover-click{box-shadow:0 7px 23px #0000001a}
.cover-wrapper.opened .cover-seal{transform:translateX(-50%) scale(.3) rotate(-90deg);opacity:0;transition:transform .34s ease,opacity .25s ease}
.cover-wrapper.opened .cover-flap{transition-delay:.26s;transform:rotateX(172deg);opacity:.06}
.cover-wrapper.opened .cover-paper{transition-delay:.58s;transition-duration:1.2s;filter:drop-shadow(0 24px 18px #0002)}
.cover-wrapper.opened .cover-click{opacity:0;pointer-events:none}
.cover-wrapper.opened{pointer-events:none;animation:none}
.cover-wrapper.opened .cover-envelope{animation:wedoraEnvelopeExit .85s ease-in 1.25s both}
@keyframes wedoraEnvelopeExit{to{opacity:0;transform:translateY(65px) scale(.86)}}
.theme-nocturne .cover-wrapper.opened .cover-envelope{animation:wedoraEnvelopeExit .85s ease-in 1.25s both}
.opening-rays{position:absolute;z-index:2;width:200px;height:200px;top:calc(37% - 68px);left:calc(50% - 100px);pointer-events:none;border-radius:50%;opacity:0;background:repeating-conic-gradient(from 5deg,#e5ca8230 0deg 4deg,transparent 4deg 22deg);mask-image:radial-gradient(circle,transparent 0 26%,#000 30% 68%,transparent 73%);transform:scale(.3);}
.opened .opening-rays{animation:wedoraRays 1.05s ease-out .12s both}
@keyframes wedoraRays{0%{opacity:0;transform:scale(.2) rotate(0deg)}35%{opacity:1}100%{opacity:0;transform:scale(1.35) rotate(22deg)}}
.fx-flash{position:fixed;inset:0;z-index:60;pointer-events:none;opacity:0;background:radial-gradient(circle at 50% 46%,#fff9e56b,transparent 60%)}
.fx-flash.active{animation:wedoraFlash 1.05s ease-out both}
@keyframes wedoraFlash{0%{opacity:0}45%{opacity:.5}100%{opacity:0}}
.invite-content{position:relative;z-index:2}
.invite-content.visible{animation:wedoraReveal 1.3s cubic-bezier(.17,.67,.2,1) both}
@keyframes wedoraReveal{from{opacity:0;filter:blur(11px);transform:translateY(45px)}to{opacity:1;filter:blur(0);transform:translateY(0)}}
.cinematic-intro-caption{font-family:'Amiri','Noto Naskh Arabic',serif;text-align:center;padding:35px 12px 10px;font-size:20px;color:var(--theme-ornament);animation:wedoraCaption 2s ease both}
@keyframes wedoraCaption{from{opacity:0;letter-spacing:8px}to{opacity:.8;letter-spacing:2px}}
.guest-section{max-width:730px;min-height:70vh;display:flex;flex-direction:column;justify-content:center;align-items:center}
.guest-section .guest-paragraph{max-width:590px}
.guest-toolbar{flex-wrap:wrap;max-width:calc(100vw - 18px)}
.guest-tool{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid #d3ad8e99}
.guest-tool[aria-pressed="true"]{background:#fff7e9;color:#6b4532}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:760px){.wedora-brand-mark{width:38px;height:38px;flex-basis:38px}.wedora-name{font-size:17px}.wedora-name small{font-size:6px}.guest-section{min-height:70svh;padding:64px 20px}.guest-tool{font-size:10px;padding:8px 10px}}
@media(prefers-reduced-motion:reduce){.ambient-particles{display:none}.invite-cover .cover-wrapper{animation:none!important}.fx-flash{display:none}.invite-content.visible{animation:none}.cinematic-intro-caption{animation:none}.guest-section{min-height:auto}}

.invite-cover .cover-decoration{animation:bloomFloat 5.3s ease-in-out infinite alternate}
