:root{--dxw-adminbar:0px}html{scroll-behavior:smooth}body.dxw-invitation-page{margin:0!important;overflow:hidden!important;background:#ece4da}body.admin-bar.dxw-invitation-page{--dxw-adminbar:32px}@media(max-width:782px){body.admin-bar.dxw-invitation-page{--dxw-adminbar:46px}}
.dxw-invitation{--dxw-paper:#f6f0e8;--dxw-paper-2:#fbf8f3;--dxw-ink:#6b6055;--dxw-accent:#a18a76;--dxw-gold:#c7b294;--dxw-line:rgba(161,138,118,.28);position:relative;width:100%;height:calc(100dvh - var(--dxw-adminbar));overflow:hidden;background:var(--dxw-paper);color:var(--dxw-ink);font-family:'Cormorant Garamond',Georgia,serif;isolation:isolate;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.dxw-theme-black-gold{--dxw-paper:#12100e;--dxw-paper-2:#282019;--dxw-ink:#eee2d0;--dxw-accent:#d5b16f;--dxw-gold:#e0b964;--dxw-line:rgba(213,177,111,.34)}
.dxw-theme-mediterranean{--dxw-paper:#eef1e6;--dxw-paper-2:#faf7ec;--dxw-ink:#556259;--dxw-accent:#77876f;--dxw-gold:#b89a5e;--dxw-line:rgba(91,111,91,.28)}
.dxw-theme-minimal{--dxw-paper:#f3f1ed;--dxw-paper-2:#fff;--dxw-ink:#2f2b27;--dxw-accent:#777068;--dxw-gold:#9d9184;--dxw-line:rgba(47,43,39,.18)}
.dxw-theme-palace{--dxw-paper:#f2e7da;--dxw-paper-2:#fbf4ea;--dxw-ink:#5b4032;--dxw-accent:#8a5d40;--dxw-gold:#a77442;--dxw-line:rgba(91,64,50,.30)}
.dxw-theme-envelope{--dxw-paper:#eee0d8;--dxw-paper-2:#fff5ee;--dxw-ink:#755e55;--dxw-accent:#a57a68;--dxw-gold:#c69a54;--dxw-line:rgba(165,122,104,.34)}
.dxw-theme-tansu-batu{--dxw-paper:#f7f1e8;--dxw-paper-2:#fcf8f1;--dxw-ink:#6f6257;--dxw-accent:#a98d70;--dxw-gold:#c7a977;--dxw-line:rgba(169,141,112,.26)}
.dxw-paper-texture{position:absolute;inset:0;z-index:-2;background:radial-gradient(circle at 18% 8%,rgba(255,255,255,.64),transparent 28%),radial-gradient(circle at 83% 82%,rgba(177,121,108,.15),transparent 30%),linear-gradient(135deg,var(--dxw-paper-2),var(--dxw-paper));pointer-events:none}
.dxw-paper-texture:after{content:"";position:absolute;inset:0;opacity:.22;background-image:repeating-linear-gradient(105deg,transparent 0 28px,rgba(111,88,76,.025) 29px 30px);mix-blend-mode:multiply}
.dxw-invitation:before,.dxw-invitation:after{content:"";position:absolute;top:0;bottom:0;z-index:1;width:min(24vw,124px);pointer-events:none;background-image:var(--dxw-cover-image);background-repeat:no-repeat;background-size:cover;opacity:.18;filter:saturate(.86) brightness(1.02)}
.dxw-invitation:before{left:0;background-position:left center;-webkit-mask-image:linear-gradient(90deg,#000 0%,#000 55%,transparent 100%);mask-image:linear-gradient(90deg,#000 0%,#000 55%,transparent 100%)}
.dxw-invitation:after{right:0;background-position:right center;-webkit-mask-image:linear-gradient(270deg,#000 0%,#000 55%,transparent 100%);mask-image:linear-gradient(270deg,#000 0%,#000 55%,transparent 100%)}
.dxw-scroll{position:relative;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scroll-behavior:smooth;scroll-snap-type:y mandatory;scrollbar-width:thin;scrollbar-color:rgba(154,118,95,.45) transparent;-webkit-overflow-scrolling:touch}
.dxw-scroll::-webkit-scrollbar{width:4px}.dxw-scroll::-webkit-scrollbar-thumb{background:rgba(154,118,95,.45);border-radius:99px}.dxw-scroll::-webkit-scrollbar-track{background:transparent}
.dxw-screen{position:relative;display:flex;align-items:center;justify-content:center;width:100%;min-height:100%;padding:max(48px,env(safe-area-inset-top)) 11% max(104px,calc(env(safe-area-inset-bottom) + 72px));box-sizing:border-box;text-align:center;scroll-snap-align:start;scroll-snap-stop:always;overflow:hidden}
.dxw-content{position:relative;z-index:3;width:min(100%,390px);margin:auto}.dxw-reveal{opacity:0;filter:blur(14px);transform:translateY(40px) scale(.975);transition:opacity 1.05s cubic-bezier(.22,1,.36,1),filter 1.1s cubic-bezier(.22,1,.36,1),transform 1.1s cubic-bezier(.22,1,.36,1)}.dxw-screen.is-visible .dxw-reveal{opacity:1;filter:blur(0);transform:translateY(0) scale(1)}
.dxw-eyebrow{margin:0;font-family:'Cinzel',Georgia,serif;font-size:10px;font-weight:500;letter-spacing:.36em;text-transform:uppercase;color:var(--dxw-accent)}
.dxw-script-title{font-family:'Great Vibes','Cormorant Garamond',cursive;font-size:clamp(44px,11vw,62px);line-height:1.15;color:var(--dxw-accent);text-shadow:0 1px rgba(255,255,255,.6),0 5px 14px rgba(82,58,45,.13)}
.dxw-divider{display:flex;align-items:center;justify-content:center;gap:9px;width:116px;margin:14px auto 18px}.dxw-divider:before,.dxw-divider:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--dxw-accent));opacity:.54}.dxw-divider:after{transform:scaleX(-1)}
.dxw-ornament{width:14px;height:18px;overflow:visible;fill:var(--dxw-accent);stroke:var(--dxw-accent);stroke-width:1;opacity:.85}.dxw-ornament path:first-child{fill:none}.dxw-lead{max-width:330px;margin:0 auto;font-size:19px;line-height:1.78;font-weight:500}.dxw-quote{max-width:350px;margin:18px auto 0;font-size:21px;line-height:1.72;font-style:italic}.dxw-next{position:absolute;left:50%;bottom:max(18px,env(safe-area-inset-bottom));z-index:20;display:grid;place-items:center;width:46px;height:46px;margin-left:-23px;border:1px solid var(--dxw-line);border-radius:50%;background:color-mix(in srgb,var(--dxw-paper-2) 82%,transparent);color:var(--dxw-ink);box-shadow:inset 0 1px rgba(255,255,255,.7),0 12px 28px rgba(78,56,43,.15);backdrop-filter:blur(12px);cursor:pointer;opacity:0;transform:translateY(10px);transition:opacity .7s ease,transform .7s ease,border-color .25s}.dxw-screen.is-visible .dxw-next{opacity:1;transform:translateY(0)}.dxw-next span{font-size:20px;line-height:1;transform:translateY(1px);animation:dxwArrow 1.8s ease-in-out infinite}.dxw-next:hover{border-color:var(--dxw-accent)}
.dxw-dots{position:absolute;right:max(10px,env(safe-area-inset-right));top:50%;z-index:30;display:flex;flex-direction:column;gap:8px;transform:translateY(-50%)}.dxw-dots button{width:5px;height:5px;padding:0;border:0;border-radius:50%;background:var(--dxw-accent);opacity:.26;transition:height .3s,opacity .3s,transform .3s}.dxw-dots button.is-active{height:20px;border-radius:99px;opacity:.82}
/* Opening sequence */
.dxw-opening{padding:0;background:radial-gradient(circle at 50% 40%,rgba(255,255,255,.22),transparent 45%)}.dxw-floral{position:absolute;z-index:2;width:min(74vw,360px);height:auto;pointer-events:none;filter:drop-shadow(0 18px 24px rgba(76,52,39,.12));opacity:.94}.dxw-floral-a{left:-11%;top:-5%;transform:rotate(7deg)}.dxw-floral-b{right:-12%;bottom:-9%;transform:rotate(187deg)}
.dxw-envelope-scene{position:absolute;left:50%;top:50%;z-index:5;width:min(82vw,340px);height:245px;transform:translate(-50%,-44%) scale(.86);opacity:0;perspective:1000px;animation:dxwSceneIn 1.05s cubic-bezier(.22,1,.36,1) .15s forwards,dxwSceneAway 1.15s cubic-bezier(.4,0,.2,1) 3.75s forwards}.dxw-envelope-shadow{position:absolute;left:12%;right:12%;bottom:-24px;height:35px;border-radius:50%;background:rgba(71,46,35,.2);filter:blur(18px)}.dxw-envelope-back{position:absolute;inset:44px 0 0;border:1px solid rgba(146,108,90,.27);border-radius:7px;background:linear-gradient(145deg,#ead6cd,#d7b9ae);box-shadow:0 24px 54px rgba(78,51,39,.18)}.dxw-envelope-front{position:absolute;inset:44px 0 0;overflow:hidden;border-radius:7px}.dxw-envelope-front:before,.dxw-envelope-front:after{content:"";position:absolute;bottom:-92px;width:260px;height:260px;background:linear-gradient(145deg,#e9d3ca,#cfafa5);border:1px solid rgba(146,108,90,.18);transform:rotate(45deg)}.dxw-envelope-front:before{left:-119px}.dxw-envelope-front:after{right:-119px}.dxw-envelope-flap{position:absolute;left:0;right:0;top:44px;height:178px;transform-origin:50% 0;transform:rotateX(0);clip-path:polygon(0 0,100% 0,50% 100%);background:linear-gradient(165deg,#f1dfd8,#d5b6aa);border-top:1px solid rgba(146,108,90,.22);filter:drop-shadow(0 7px 9px rgba(77,49,37,.13));z-index:7;animation:dxwFlapOpen 1.05s cubic-bezier(.65,0,.2,1) 1.22s forwards}.dxw-envelope-letter{position:absolute;left:9%;right:9%;top:55px;z-index:4;height:178px;padding-top:38px;box-sizing:border-box;border:1px solid rgba(154,118,95,.28);border-radius:5px;background:linear-gradient(160deg,#fffaf5,#f1ded5);box-shadow:0 8px 28px rgba(75,51,40,.12);font-family:'Great Vibes',cursive;color:var(--dxw-accent);font-size:33px;line-height:.9;display:flex;flex-direction:column;align-items:center;animation:dxwLetterRise 1.25s cubic-bezier(.22,1,.36,1) 2s forwards}.dxw-envelope-letter em{font-family:'Cormorant Garamond',serif;font-size:22px;color:var(--dxw-gold)}.dxw-wax-seal{position:absolute;left:50%;top:114px;z-index:10;display:grid;place-items:center;width:58px;height:58px;margin-left:-29px;border-radius:50%;background:radial-gradient(circle at 36% 28%,#d7a59a,#a96f69 68%,#7f504d);box-shadow:inset 0 0 0 4px rgba(255,227,214,.22),0 5px 13px rgba(80,46,40,.3);animation:dxwSealBreak .55s ease 1.35s forwards}.dxw-wax-seal:before{content:"";position:absolute;inset:8px;border:1px solid rgba(255,238,227,.58);border-radius:50%}.dxw-wax-seal span{font-family:'Great Vibes',cursive;font-size:18px;color:#f8ddd4;transform:rotate(-5deg)}
.dxw-opening-names{position:relative;z-index:7;display:flex;flex-direction:column;align-items:center;opacity:0;filter:blur(14px);transform:scale(.95);animation:dxwNamesReveal 1.25s cubic-bezier(.22,1,.36,1) 4.18s forwards}.dxw-opening-name{font-family:'Great Vibes',cursive;font-size:clamp(72px,20vw,104px);line-height:.86;color:var(--dxw-accent);white-space:nowrap;text-shadow:0 -1px rgba(255,255,255,.58),0 2px 3px rgba(91,62,49,.26),0 7px 18px rgba(91,62,49,.12)}.dxw-opening-names em{font-family:'Great Vibes',cursive;font-size:72px;line-height:.72;margin:-5px 0 2px;background:linear-gradient(112deg,#b98a42 0%,#ead6a8 18%,#fff6d7 34%,#c8984e 51%,#f8e5b7 66%,#ad7c36 82%,#e5cca0 100%);background-size:230% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;filter:drop-shadow(0 1px rgba(255,255,255,.78));animation:dxwGoldShimmer 3.8s linear infinite}.dxw-opening-names small{margin-top:22px;font-family:'Cinzel',serif;font-size:9px;letter-spacing:.35em;text-transform:uppercase;color:var(--dxw-accent)}.dxw-opening .dxw-next{animation-delay:5s;transition-delay:5s}
/* Families */
.dxw-names-screen:before,.dxw-final-screen:before{content:"";position:absolute;inset:8% 7%;border:1px solid var(--dxw-line);border-radius:44% 44% 12px 12px;opacity:.25;transform:scale(.94);transition:transform 1.4s ease,opacity 1.4s}.dxw-names-screen.is-visible:before,.dxw-final-screen.is-visible:before{opacity:.45;transform:scale(1)}.dxw-families{display:grid;grid-template-columns:1fr 1px 1fr;gap:18px;align-items:center;margin-top:14px}.dxw-families i{align-self:stretch;background:linear-gradient(transparent,var(--dxw-accent),transparent);opacity:.55}.dxw-families strong{display:block;font-size:14px;line-height:1.45}.dxw-families span{display:block;margin-top:5px;font-family:'Cinzel',serif;font-size:8px;letter-spacing:.18em;text-transform:uppercase;color:var(--dxw-accent)}
/* Date */
.dxw-date-screen .dxw-content{max-width:340px}.dxw-date-day{font-family:'Bodoni Moda',serif;font-size:clamp(110px,31vw,154px);line-height:.74;color:var(--dxw-accent);letter-spacing:-.05em}.dxw-date-month{margin-top:22px;font-family:'Bodoni Moda',serif;font-size:24px;letter-spacing:.27em;text-transform:uppercase;color:var(--dxw-accent)}.dxw-date-year{margin-top:8px;font-family:'Cinzel',serif;font-size:14px;letter-spacing:.43em;color:var(--dxw-accent)}.dxw-weekday{font-family:'Cinzel',serif;font-size:11px;letter-spacing:.34em;text-transform:uppercase}.dxw-event-time{margin-top:12px;font-family:'Bodoni Moda',serif;font-size:38px;line-height:1;color:var(--dxw-accent)}
/* Map */
.dxw-map-screen h2,.dxw-menu-screen h2,.dxw-memory-screen h2{margin:10px auto 0;font-family:'Bodoni Moda',serif;font-size:28px;line-height:1.2;font-weight:500}.dxw-map-art{position:relative;width:min(92%,320px);aspect-ratio:1/1.03;margin:18px auto 0;overflow:hidden;border:1px solid var(--dxw-line);border-radius:48% 48% 8px 8px;background:color-mix(in srgb,var(--dxw-paper-2) 88%,transparent);box-shadow:0 16px 38px rgba(82,58,45,.12),0 0 0 5px rgba(255,255,255,.22)}.dxw-map-art:after{content:"AVANOS • KAPADOKYA";position:absolute;left:0;right:0;bottom:18px;font-family:'Cinzel',serif;font-size:8px;letter-spacing:.28em;opacity:.48}.dxw-map-art svg{width:100%;height:100%;color:var(--dxw-accent)}.dxw-address{max-width:330px;margin:15px auto 0;font-size:14px;line-height:1.55}.dxw-outline-button{display:inline-flex;align-items:center;gap:8px;margin-top:15px;padding:10px 15px;border:1px solid var(--dxw-line);border-radius:6px;background:color-mix(in srgb,var(--dxw-paper-2) 72%,transparent);box-shadow:0 8px 18px rgba(79,55,42,.1);font-family:'Cinzel',serif;font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:inherit;text-decoration:none}.dxw-outline-button:hover{color:inherit;border-color:var(--dxw-accent)}
/* Countdown */
.dxw-countdown{margin-top:8px}.dxw-countdown-days{display:flex;flex-direction:column;align-items:center}.dxw-countdown-days strong{font-family:'Bodoni Moda',serif;font-size:86px;line-height:.9;font-weight:500;color:var(--dxw-accent);font-variant-numeric:tabular-nums}.dxw-countdown-days span,.dxw-countdown-small span{margin-top:8px;font-family:'Cinzel',serif;font-size:9px;letter-spacing:.24em;text-transform:uppercase;color:var(--dxw-accent)}.dxw-countdown-small{display:flex;justify-content:center;align-items:flex-start;gap:12px;margin-top:22px}.dxw-countdown-small div{display:flex;min-width:57px;flex-direction:column;align-items:center}.dxw-countdown-small strong{font-family:'Cormorant Garamond',serif;font-size:31px;line-height:1;font-weight:500;font-variant-numeric:tabular-nums}.dxw-countdown-small i{font-size:30px;line-height:1;font-style:normal;color:var(--dxw-accent);opacity:.44}
/* Timeline */
.dxw-timeline{display:grid;gap:0}.dxw-timeline-item{opacity:0;transform:translateY(16px);transition:opacity .6s ease calc(.1s + var(--dxw-i)*.12s),transform .7s cubic-bezier(.22,1,.36,1) calc(.1s + var(--dxw-i)*.12s)}.dxw-timeline-screen.is-visible .dxw-timeline-item{opacity:1;transform:translateY(0)}.dxw-timeline-item time{display:block;font-family:'Cinzel',serif;font-size:12px;letter-spacing:.25em;color:var(--dxw-accent)}.dxw-timeline-item strong{display:block;margin-top:4px;font-family:'Bodoni Moda',serif;font-size:22px;font-weight:500}.dxw-timeline-item .dxw-ornament{display:block;width:11px;height:15px;margin:12px auto;opacity:.5}
/* Menu */
.dxw-menu-screen:before{content:"";position:absolute;width:min(72vw,330px);height:min(72vw,330px);border:1px solid var(--dxw-line);border-radius:50%;opacity:.18;transform:scale(.74) rotate(-12deg);transition:transform 1.3s cubic-bezier(.22,1,.36,1),opacity 1.3s}.dxw-menu-screen.is-visible:before{opacity:.35;transform:scale(1) rotate(0)}.dxw-menu-lines{display:flex;align-items:center;justify-content:center;gap:10px;margin:24px auto;width:150px}.dxw-menu-lines span{flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--dxw-accent))}.dxw-menu-lines span:last-child{transform:scaleX(-1)}.dxw-menu-lines i{font-style:normal;font-size:10px;color:var(--dxw-gold)}.dxw-menu-detail{max-width:310px;margin:0 auto;font-size:14px;line-height:1.65;opacity:.8}
/* Memory */
.dxw-memory-card{margin:22px auto 0;padding:28px 22px 24px;border:1px solid var(--dxw-line);border-radius:14px;background:color-mix(in srgb,var(--dxw-paper-2) 72%,transparent);box-shadow:0 14px 34px rgba(82,58,45,.12)}.dxw-memory-card strong{display:block;margin-top:16px;font-family:'Bodoni Moda',serif;font-size:18px;font-weight:500}.dxw-memory-card p{margin:9px auto 0;font-size:14px;line-height:1.65}.dxw-memory-card small{display:block;margin-top:12px;font-family:'Cinzel',serif;font-size:8px;letter-spacing:.16em;text-transform:uppercase;color:var(--dxw-accent)}.dxw-camera-icon{position:relative;width:54px;height:42px;margin:auto;border:1.7px solid var(--dxw-accent);border-radius:9px}.dxw-camera-icon:before{content:"";position:absolute;left:12px;top:-7px;width:20px;height:8px;border:1.7px solid var(--dxw-accent);border-bottom:0;border-radius:5px 5px 0 0}.dxw-camera-icon span{position:absolute;left:50%;top:50%;width:16px;height:16px;margin:-8px;border:1.7px solid var(--dxw-accent);border-radius:50%}
/* Section text flow */
.dxw-content.dxw-reveal > *{opacity:0;transform:translateY(-18px);filter:blur(6px)}
.dxw-screen.is-visible .dxw-content.dxw-reveal > *{animation:dxwFlowDrop .78s cubic-bezier(.22,1,.36,1) forwards}
.dxw-screen.is-visible .dxw-content.dxw-reveal > *:nth-child(1){animation-delay:.10s}
.dxw-screen.is-visible .dxw-content.dxw-reveal > *:nth-child(2){animation-delay:.22s}
.dxw-screen.is-visible .dxw-content.dxw-reveal > *:nth-child(3){animation-delay:.34s}
.dxw-screen.is-visible .dxw-content.dxw-reveal > *:nth-child(4){animation-delay:.46s}
.dxw-screen.is-visible .dxw-content.dxw-reveal > *:nth-child(5){animation-delay:.58s}
.dxw-screen.is-visible .dxw-content.dxw-reveal > *:nth-child(6){animation-delay:.70s}
.dxw-screen.is-visible .dxw-content.dxw-reveal > *:nth-child(7){animation-delay:.82s}
.dxw-screen.is-visible .dxw-content.dxw-reveal > *:nth-child(8){animation-delay:.94s}
.dxw-screen.is-visible .dxw-content.dxw-reveal .dxw-timeline-item{animation:dxwFlowDrop .72s cubic-bezier(.22,1,.36,1) forwards;opacity:0;transform:translateY(-14px);filter:blur(5px)}
.dxw-screen.is-visible .dxw-content.dxw-reveal .dxw-timeline-item:nth-child(1){animation-delay:.42s}
.dxw-screen.is-visible .dxw-content.dxw-reveal .dxw-timeline-item:nth-child(2){animation-delay:.54s}
.dxw-screen.is-visible .dxw-content.dxw-reveal .dxw-timeline-item:nth-child(3){animation-delay:.66s}
.dxw-screen.is-visible .dxw-content.dxw-reveal .dxw-timeline-item:nth-child(4){animation-delay:.78s}
.dxw-screen.is-visible .dxw-content.dxw-reveal .dxw-timeline-item:nth-child(5){animation-delay:.90s}
/* Final */
.dxw-final-date{margin-top:22px;font-family:'Cinzel',serif;font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:var(--dxw-accent)}.dxw-restart{margin-top:28px;padding:10px 18px;border:1px solid var(--dxw-line);border-radius:999px;background:transparent;font-family:'Cinzel',serif;font-size:8px;letter-spacing:.18em;text-transform:uppercase;color:inherit;cursor:pointer}
@keyframes dxwFlowDrop{0%{opacity:0;transform:translateY(-18px);filter:blur(7px)}100%{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes dxwSceneIn{0%{opacity:0;transform:translate(-50%,10%) scale(.76)}100%{opacity:1;transform:translate(-50%,-44%) scale(.86)}}@keyframes dxwSceneAway{0%{opacity:1;filter:blur(0);transform:translate(-50%,-44%) scale(.86)}100%{opacity:0;filter:blur(10px);transform:translate(-50%,-60%) scale(1.06)}}@keyframes dxwFlapOpen{0%{transform:rotateX(0)}100%{transform:rotateX(176deg);z-index:1}}@keyframes dxwLetterRise{0%{transform:translateY(0)}100%{transform:translateY(-128px)}}@keyframes dxwSealBreak{0%{opacity:1;transform:scale(1) rotate(0)}100%{opacity:0;transform:scale(.6) rotate(-28deg)}}@keyframes dxwNamesReveal{0%{opacity:0;filter:blur(14px);transform:scale(.95) translateY(25px)}100%{opacity:1;filter:blur(0);transform:scale(1) translateY(0)}}@keyframes dxwGoldShimmer{0%{background-position:0 50%}100%{background-position:230% 50%}}@keyframes dxwArrow{0%,100%{transform:translateY(0)}50%{transform:translateY(5px)}}
@media(min-width:700px){body.dxw-invitation-page{background:radial-gradient(circle at 50% 20%,#fbf7f1,#ddd2c8)}.dxw-invitation{width:min(100%,520px);margin:auto;box-shadow:0 0 0 1px rgba(108,84,68,.12),0 30px 100px rgba(68,48,36,.22)}.dxw-floral{width:390px}.dxw-dots{right:13px}}
@media(max-width:480px){.dxw-screen{padding-left:9%;padding-right:9%}.dxw-families{gap:11px}.dxw-dots{right:7px}.dxw-opening-name{font-size:22vw}.dxw-envelope-scene{width:84vw}}
@media(prefers-reduced-motion:reduce){.dxw-scroll{scroll-behavior:auto}.dxw-reveal,.dxw-next,.dxw-timeline-item{transition:none!important}.dxw-envelope-scene,.dxw-envelope-flap,.dxw-envelope-letter,.dxw-wax-seal,.dxw-opening-names,.dxw-opening-names em,.dxw-next span{animation:none!important}.dxw-envelope-scene{display:none}.dxw-opening-names{opacity:1;filter:none;transform:none}.dxw-reveal{opacity:1;filter:none;transform:none}}
.dxw-login-required{padding:24px;border:1px solid #ddd;border-radius:12px;background:#fff}
.dxw-editor-shell{--e-bg:#f3f0ea;--e-card:#fff;--e-ink:#25211d;--e-muted:#756e66;--e-gold:#ad8750;max-width:1500px;margin:20px auto;background:var(--e-bg);color:var(--e-ink);font-family:Inter,Arial,sans-serif;border-radius:28px;overflow:hidden;box-shadow:0 30px 90px rgba(36,28,20,.14)}.dxw-editor-topbar{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:24px 28px;background:#211e1a;color:#fff}.dxw-editor-topbar span{font-size:10px;letter-spacing:.28em;color:#c8a776}.dxw-editor-topbar h2{font-family:Georgia,serif;margin:5px 0 0;font-size:25px;font-weight:400}.dxw-editor-actions{display:flex;gap:10px;flex-wrap:wrap}.dxw-btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:999px;padding:11px 18px;text-decoration:none!important;font-weight:700;font-size:13px;cursor:pointer}.dxw-btn-light{background:#fff;color:#28231e;border:1px solid #ddd}.dxw-btn-dark{background:#3b342c;color:#fff}.dxw-btn-gold{background:linear-gradient(135deg,#c9a66b,#927041);color:#fff;padding:14px 26px}.dxw-success{margin:18px 28px 0;padding:13px 16px;background:#e9f7ec;border:1px solid #b8dfbf;color:#23632f;border-radius:12px}.dxw-editor-columns{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:24px;padding:26px}.dxw-editor-main{min-width:0}.dxw-editor-section{background:var(--e-card);border:1px solid rgba(65,50,35,.08);border-radius:22px;padding:24px;margin-bottom:18px}.dxw-section-head{display:flex;gap:14px;align-items:flex-start;margin-bottom:22px}.dxw-section-head>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#efe6d8;color:#8c6b3e;font-weight:800}.dxw-section-head h3{font-family:Georgia,serif;margin:0 0 5px;font-size:24px}.dxw-section-head p{margin:0;color:var(--e-muted);font-size:13px}.dxw-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.dxw-field{display:flex;flex-direction:column;gap:7px}.dxw-field-wide{grid-column:1/-1}.dxw-field>span,.dxw-table-tools label>span{font-size:11px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:#706960}.dxw-field input,.dxw-field textarea,.dxw-field select,.dxw-repeater-row input,.dxw-table-tools input{width:100%;border:1px solid #dcd6cf;border-radius:12px;padding:12px 13px;background:#fff;color:#2a2723;font:inherit;outline:none}.dxw-field input:focus,.dxw-field textarea:focus,.dxw-field select:focus,.dxw-repeater-row input:focus{border-color:#ad8750;box-shadow:0 0 0 3px rgba(173,135,80,.13)}.dxw-repeater-list{display:grid;gap:9px;margin-bottom:12px}.dxw-repeater-row{display:grid;grid-template-columns:130px 1fr 36px;gap:9px;align-items:center}.dxw-table-row{grid-template-columns:1fr auto 36px}.dxw-remove-row{width:34px;height:34px;border:0;border-radius:50%;background:#f3e6e4;color:#9b423a;font-size:20px;cursor:pointer}.dxw-mini-link{font-size:12px;color:#765a35;font-weight:700}.dxw-table-tools{display:flex;gap:10px;align-items:flex-end;margin-bottom:15px}.dxw-table-tools label{display:flex;flex-direction:column;gap:6px;width:180px}.dxw-help{margin:16px 0 0;color:#777;font-size:13px;line-height:1.6}.dxw-sticky-save{position:sticky;bottom:15px;display:flex;justify-content:flex-end;pointer-events:none}.dxw-sticky-save .dxw-btn{pointer-events:auto;box-shadow:0 14px 30px rgba(104,75,36,.26)}.dxw-live-preview{position:relative}.dxw-phone-frame{position:sticky;top:20px;min-height:720px;background:linear-gradient(160deg,#f0ddd5,#faf6f0);border:10px solid #24211e;border-radius:46px;padding:48px 28px;box-shadow:0 30px 70px rgba(35,28,21,.22);text-align:center;font-family:Georgia,serif}.dxw-preview-kicker{font:700 9px Arial,sans-serif;letter-spacing:.26em;color:#98745d}.dxw-phone-frame h3{display:flex;flex-direction:column;font-size:40px;line-height:.92;font-weight:400;margin:50px 0 30px}.dxw-phone-frame h3 em{color:#b89256;font-size:27px}.dxw-preview-date{font-size:20px;margin:20px}.dxw-preview-venue{font-size:16px;margin:16px}.dxw-phone-frame #dxw-live-qr{display:flex;justify-content:center;margin:55px auto 10px}.dxw-phone-frame canvas,.dxw-phone-frame img{border:10px solid #fff;box-shadow:0 10px 24px rgba(0,0,0,.08)}.dxw-phone-frame small{color:#81786f}.dxw-auto-qr{display:inline-flex}
@media(max-width:1050px){.dxw-editor-columns{grid-template-columns:1fr}.dxw-live-preview{display:none}}@media(max-width:700px){.dxw-editor-shell{border-radius:0;margin:0}.dxw-editor-topbar{align-items:flex-start;flex-direction:column}.dxw-editor-columns{padding:12px}.dxw-field-grid{grid-template-columns:1fr}.dxw-field-wide{grid-column:auto}.dxw-repeater-row{grid-template-columns:95px 1fr 34px}.dxw-table-row{grid-template-columns:1fr 34px}.dxw-table-row .dxw-mini-link{display:none}.dxw-invite-grid{grid-template-columns:1fr}}
.dxw-preview-label{position:sticky;top:12px;z-index:3;display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:10px;padding:0 4px;font-family:Inter,Arial,sans-serif}.dxw-preview-label span{font-size:9px;font-weight:800;letter-spacing:.18em;color:#80623d}.dxw-preview-label small{font-size:10px;color:#8a8178}.dxw-phone-iframe{height:760px;min-height:0;padding:20px 10px 10px!important;background:#23201d!important}.dxw-phone-iframe iframe{display:block;width:390px;height:844px;border:0;border-radius:35px;background:#f0ddd6;transform:scale(.87);transform-origin:left top}.dxw-phone-speaker{position:absolute;left:50%;top:12px;z-index:5;width:64px;height:5px;margin-left:-32px;border-radius:99px;background:rgba(255,255,255,.78);pointer-events:none}@media(max-width:1200px){.dxw-phone-iframe iframe{transform:scale(.8)}.dxw-phone-iframe{height:700px}}@media(max-width:1050px){.dxw-preview-label{display:none}}
/* v0.3.0 cover opening */
.dxw-scroll.is-locked{overflow:hidden;touch-action:none}
.dxw-invitation[data-opening-style="cover"] .dxw-opening{background:radial-gradient(circle at 50% 18%,rgba(255,255,255,.82),rgba(255,255,255,.15) 34%,transparent 60%),linear-gradient(180deg,#f4efe8 0%,#ebe3d9 100%)}
.dxw-cover-scene{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:6;overflow:hidden}
.dxw-cover-ambient{position:absolute;inset:0;background:radial-gradient(circle at 50% 42%,rgba(255,255,255,.16),transparent 34%),linear-gradient(180deg,rgba(255,255,255,.08),rgba(134,106,83,.06));pointer-events:none}
.dxw-cover-stage{position:absolute;inset:0;transform-style:preserve-3d;perspective:2100px;perspective-origin:center center;filter:none}
.dxw-cover-stage:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,0) 34%,rgba(0,0,0,.02) 100%);opacity:.75;pointer-events:none}
.dxw-cover-panel{position:absolute;top:0;bottom:0;width:50%;background-image:var(--dxw-cover-image);background-repeat:no-repeat;background-size:cover;background-color:#eee5da;box-shadow:inset 0 0 0 1px rgba(171,152,137,.18);overflow:hidden}
.dxw-cover-panel-left{left:0;transform-origin:left center;background-position:left center;box-shadow:inset -1px 0 0 rgba(160,142,128,.22),12px 0 24px rgba(86,66,53,.06)}
.dxw-cover-panel-right{right:0;transform-origin:right center;background-position:right center;box-shadow:inset 1px 0 0 rgba(160,142,128,.22),-12px 0 24px rgba(86,66,53,.06)}
.dxw-cover-panel-left:after,.dxw-cover-panel-right:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.28),transparent 24%,rgba(0,0,0,.03) 100%);pointer-events:none}.dxw-cover-panel-left:before,.dxw-cover-panel-right:before{content:"";position:absolute;top:0;bottom:0;width:22px;pointer-events:none;opacity:.22}.dxw-cover-panel-left:before{right:0;background:linear-gradient(90deg,transparent,rgba(71,54,43,.24))}.dxw-cover-panel-right:before{left:0;background:linear-gradient(270deg,transparent,rgba(71,54,43,.24))}
.dxw-cover-spine{position:absolute;left:50%;top:0;bottom:0;width:10px;margin-left:-5px;border-radius:99px;background:linear-gradient(180deg,rgba(198,181,162,.72),rgba(247,243,238,.98) 24%,rgba(185,167,148,.9) 52%,rgba(244,237,229,.98) 76%,rgba(177,158,139,.78));box-shadow:0 0 0 1px rgba(255,255,255,.32),0 0 22px rgba(121,100,82,.1)}
.dxw-cover-seal{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:92px;height:92px;margin:-46px 0 0 -46px;border-radius:50%;background:radial-gradient(circle at 30% 24%,#fcfaf6 0%,#eee5d8 44%,#ded0bf 74%,#d0c1af 100%);box-shadow:0 16px 34px rgba(87,68,54,.14),inset 0 0 0 1px rgba(196,177,156,.72),inset 0 2px 8px rgba(255,255,255,.8);transition:opacity .45s ease,transform .65s ease;z-index:4}
.dxw-cover-seal:before{content:"";position:absolute;inset:8px;border-radius:50%;border:1px solid rgba(191,170,144,.7);box-shadow:inset 0 0 0 1px rgba(255,255,255,.7)}
.dxw-cover-seal span{position:relative;font-family:'Cinzel',serif;font-size:16px;letter-spacing:.12em;color:#ab8b63;text-shadow:0 1px 0 rgba(255,255,255,.7)}
.dxw-open-invite{position:absolute;left:50%;bottom:max(28px,env(safe-area-inset-bottom) + 8px);transform:translateX(-50%);padding:13px 26px;border:1px solid rgba(195,122,146,.58);border-radius:8px;background:rgba(255,248,244,.68);backdrop-filter:blur(8px);font-family:'Cinzel',serif;font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:#d16b8c;box-shadow:0 10px 24px rgba(70,48,33,.08);cursor:pointer;transition:transform .3s ease,opacity .3s ease,border-color .25s ease;z-index:9}
.dxw-open-invite:hover{transform:translateX(-50%) translateY(-2px);border-color:rgba(159,131,102,.6)}
.dxw-opening .dxw-opening-date{margin-top:8px;letter-spacing:.22em;opacity:.82}
.dxw-opening.dxw-opening-cover .dxw-opening-names > *{opacity:0;transform:translateY(-22px);filter:blur(8px)}
.dxw-opening.dxw-opening-cover.is-open .dxw-opening-names > *{animation:dxwFlowDrop .92s cubic-bezier(.22,1,.36,1) forwards}
.dxw-opening.dxw-opening-cover.is-open .dxw-opening-names > *:nth-child(1){animation-delay:.92s}
.dxw-opening.dxw-opening-cover.is-open .dxw-opening-names > *:nth-child(2){animation-delay:1.10s}
.dxw-opening.dxw-opening-cover.is-open .dxw-opening-names > *:nth-child(3){animation-delay:1.28s}
.dxw-opening.dxw-opening-cover.is-open .dxw-opening-names > *:nth-child(4){animation-delay:1.46s}
.dxw-opening.dxw-opening-cover.is-open .dxw-opening-names > *:nth-child(5){animation-delay:1.64s}
.dxw-opening.dxw-opening-cover .dxw-opening-names{position:relative;z-index:7;opacity:0;filter:blur(18px);transform:translateY(22px) scale(.96);animation:none;transition:opacity .8s cubic-bezier(.22,1,.36,1),filter .8s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1);padding:0 24px;text-shadow:0 2px 12px rgba(255,255,255,.55)}
.dxw-opening.dxw-opening-cover .dxw-next{opacity:0!important;transform:translateY(14px)!important;pointer-events:none;transition-delay:0s}
.dxw-opening.dxw-opening-cover.is-open .dxw-opening-names{opacity:1;filter:blur(0);transform:translateY(0) scale(1);transition-delay:.78s}
.dxw-opening.dxw-opening-cover.is-open .dxw-next{opacity:1!important;transform:translateY(0)!important;pointer-events:auto;transition-delay:1.18s}
.dxw-opening.dxw-opening-cover.is-open .dxw-cover-panel-left{animation:dxwCoverOpenLeft 1.45s cubic-bezier(.22,1,.36,1) forwards}
.dxw-opening.dxw-opening-cover.is-open .dxw-cover-panel-right{animation:dxwCoverOpenRight 1.45s cubic-bezier(.22,1,.36,1) forwards}
.dxw-opening.dxw-opening-cover.is-open .dxw-cover-seal{opacity:0;transform:scale(.82)}
.dxw-opening.dxw-opening-cover.is-open .dxw-open-invite{opacity:0;transform:translateX(-50%) translateY(8px);pointer-events:none}
.dxw-opening.dxw-opening-cover.is-open .dxw-cover-stage{animation:dxwCoverStageAway 1.6s cubic-bezier(.22,1,.36,1) .18s forwards}
@keyframes dxwCoverOpenLeft{0%{transform:translateX(0) rotateY(0) scaleX(1)}38%{transform:translateX(-8%) rotateY(-16deg) scaleX(.995)}100%{transform:translateX(-104%) rotateY(-70deg) scaleX(.985)}}
@keyframes dxwCoverOpenRight{0%{transform:translateX(0) rotateY(0) scaleX(1)}38%{transform:translateX(8%) rotateY(16deg) scaleX(.995)}100%{transform:translateX(104%) rotateY(70deg) scaleX(.985)}}
@keyframes dxwCoverStageAway{0%{opacity:1;filter:blur(0);transform:scale(1)}58%{opacity:1;filter:blur(0)}100%{opacity:0;filter:blur(6px);transform:scale(1.008)}}
@media(max-width:480px){.dxw-cover-stage{inset:0}.dxw-cover-seal{width:78px;height:78px;margin:-39px 0 0 -39px}.dxw-cover-seal span{font-size:14px}.dxw-open-invite{bottom:max(24px,env(safe-area-inset-bottom) + 6px)}}
@media(prefers-reduced-motion:reduce){.dxw-scroll.is-locked{overflow-y:auto}.dxw-opening.dxw-opening-cover .dxw-opening-names,.dxw-opening.dxw-opening-cover .dxw-next,.dxw-content.dxw-reveal > *{opacity:1!important;filter:none!important;transform:none!important;animation:none!important}.dxw-cover-stage,.dxw-cover-panel,.dxw-cover-seal,.dxw-open-invite{animation:none!important;transition:none!important}.dxw-cover-scene{display:none}}
/* v0.4.0 active upload + clickable qr */
.dxw-qr-widget{display:inline-flex;flex-direction:column;align-items:center;gap:10px}.dxw-qr-click{display:inline-flex;padding:12px;border-radius:18px;background:#fff;box-shadow:0 12px 28px rgba(88,69,54,.12);text-decoration:none}.dxw-qr-direct-link{font-family:'Cinzel',serif;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--dxw-accent);text-decoration:none}.dxw-qr-direct-link:hover{text-decoration:underline}.dxw-memory-card-active{padding-bottom:28px}.dxw-upload-message{margin:16px 0 6px;padding:12px 14px;border-radius:14px;font-size:14px;line-height:1.55}.dxw-upload-message.is-success{background:#edf7ef;color:#256739;border:1px solid #bfe0c7}.dxw-upload-message.is-error{background:#fff2ef;color:#963e2c;border:1px solid #ecc2b6}.dxw-upload-form{margin-top:18px;text-align:left}.dxw-upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.dxw-upload-grid label{display:flex;flex-direction:column;gap:6px}.dxw-upload-grid label span{font-family:'Cinzel',serif;font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--dxw-accent)}.dxw-upload-grid input,.dxw-upload-grid textarea{width:100%;border:1px solid var(--dxw-line);border-radius:14px;padding:12px 14px;background:#fffaf6;color:var(--dxw-ink);font:inherit;box-sizing:border-box}.dxw-upload-grid textarea{resize:vertical;min-height:90px}.dxw-upload-grid input[type=file]{padding:10px 12px;background:#fff}.dxw-upload-grid input:focus,.dxw-upload-grid textarea:focus{outline:none;border-color:var(--dxw-accent);box-shadow:0 0 0 3px rgba(161,138,118,.12)}.dxw-upload-wide{grid-column:1/-1}.dxw-upload-submit{margin-top:14px}.dxw-memory-links{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:16px}.dxw-memory-links small{font-size:12px;opacity:.82}.dxw-outline-button.is-light{background:rgba(255,255,255,.7)}
@media(max-width:480px){.dxw-upload-grid{grid-template-columns:1fr}}
.dxw-opening.dxw-opening-cover.is-open ~ .dxw-screen .dxw-content{position:relative;z-index:3}
/* v0.4.3 centered seal interaction */
.dxw-cover-seal{
appearance:none;
-webkit-appearance:none;
border:0;
padding:0;
cursor:pointer;
overflow:visible;
animation:dxwSealBreath 2.35s ease-in-out infinite;
}
.dxw-cover-seal .dxw-cover-monogram{
position:relative;
z-index:2;
display:block;
font-family:'Cinzel',serif;
font-size:16px;
letter-spacing:.12em;
color:#ab8b63;
text-shadow:0 1px 0 rgba(255,255,255,.7);
}
.dxw-cover-seal small{
position:absolute;
left:50%;
top:calc(100% + 17px);
width:max-content;
transform:translateX(-50%);
font-family:'Cinzel',serif;
font-size:8px;
font-weight:500;
letter-spacing:.24em;
line-height:1;
text-transform:uppercase;
color:#9a8069;
text-shadow:0 1px 8px rgba(255,255,255,.92);
animation:dxwTapHint 2.35s ease-in-out infinite;
pointer-events:none;
}
.dxw-cover-seal:hover,
.dxw-cover-seal:focus-visible{
outline:none;
box-shadow:0 18px 38px rgba(87,68,54,.18),inset 0 0 0 1px rgba(196,177,156,.78),inset 0 2px 8px rgba(255,255,255,.84),0 0 0 8px rgba(255,255,255,.16);
}
.dxw-cover-seal:focus-visible:after{
content:"";
position:absolute;
inset:-8px;
border:1px solid rgba(171,139,99,.42);
border-radius:50%;
}
.dxw-open-invite{display:none!important}
.dxw-opening.dxw-opening-cover.is-open .dxw-cover-seal{
animation:none;
}
@keyframes dxwSealBreath{
0%,100%{transform:scale(1);filter:brightness(1);box-shadow:0 16px 34px rgba(87,68,54,.14),inset 0 0 0 1px rgba(196,177,156,.72),inset 0 2px 8px rgba(255,255,255,.8),0 0 0 0 rgba(215,195,170,0)}
50%{transform:scale(1.055);filter:brightness(1.035);box-shadow:0 19px 40px rgba(87,68,54,.18),inset 0 0 0 1px rgba(196,177,156,.8),inset 0 2px 9px rgba(255,255,255,.88),0 0 0 13px rgba(225,212,195,.16)}
}
@keyframes dxwTapHint{
0%,100%{opacity:.48;transform:translateX(-50%) translateY(1px)}
50%{opacity:1;transform:translateX(-50%) translateY(-2px)}
}
@media(prefers-reduced-motion:reduce){
.dxw-cover-seal,.dxw-cover-seal small{animation:none!important}
.dxw-cover-seal small{opacity:1}
}
/* v0.4.4 first-interaction opening hardening */
.dxw-open-invite,[data-dxw-legacy-open]{display:none!important;border:0!important;outline:0!important;box-shadow:none!important}
.dxw-cover-scene,.dxw-cover-stage{pointer-events:auto}
.dxw-cover-panel,.dxw-cover-spine,.dxw-cover-ambient{pointer-events:none}
.dxw-cover-seal{z-index:30!important;border:0!important;outline:0!important;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.dxw-cover-seal:focus,.dxw-cover-seal:active{border:0!important;outline:0!important}
.dxw-intro-locked .dxw-dots{pointer-events:none;opacity:0}
.dxw-invitation .dxw-dots{transition:opacity .45s ease}
/* v0.4.5 decorative seal + open on any first interaction */
.dxw-cover-seal{
appearance:initial!important;
-webkit-appearance:initial!important;
border:0!important;
outline:0!important;
padding:0!important;
cursor:default!important;
pointer-events:none!important;
touch-action:auto!important;
animation:none!important;
transform:none;
overflow:visible;
}
.dxw-cover-seal small{display:none!important}
.dxw-cover-seal:hover,
.dxw-cover-seal:focus,
.dxw-cover-seal:focus-visible,
.dxw-cover-seal:active{
border:0!important;
outline:0!important;
transform:none!important;
box-shadow:0 16px 34px rgba(87,68,54,.14),inset 0 0 0 1px rgba(196,177,156,.72),inset 0 2px 8px rgba(255,255,255,.8)!important;
}
.dxw-cover-seal:after{
content:""!important;
position:absolute;
inset:-18px;
z-index:-1;
border:0!important;
border-radius:50%;
background:radial-gradient(circle,rgba(255,252,242,.30) 0%,rgba(239,224,198,.15) 42%,rgba(226,205,176,0) 72%);
box-shadow:0 0 24px rgba(255,245,224,.18),0 0 42px rgba(214,190,157,.10);
opacity:.28;
transform:scale(.94);
animation:dxwSealAmbientGlow 3.4s ease-in-out infinite!important;
pointer-events:none;
}
.dxw-opening.dxw-opening-cover.is-open .dxw-cover-seal:after{
animation:none!important;
opacity:0;
transition:opacity .35s ease;
}
@keyframes dxwSealAmbientGlow{
0%,100%{opacity:.22;transform:scale(.94);filter:blur(.2px)}
50%{opacity:.48;transform:scale(1.07);filter:blur(.7px)}
}
@media(prefers-reduced-motion:reduce){
.dxw-cover-seal:after{animation:none!important;opacity:.3}
}
/* v0.4.6 — realistic double-door opening */
.dxw-cover-scene:after{
content:"";
position:absolute;
inset:0;
z-index:0;
pointer-events:none;
opacity:0;
transform:scale(.94);
background:
radial-gradient(ellipse at center,rgba(255,253,247,.96) 0%,rgba(255,249,238,.62) 28%,rgba(244,233,216,.18) 55%,transparent 74%);
filter:blur(10px);
}
.dxw-cover-stage{z-index:2;perspective:2400px;perspective-origin:50% 48%}
.dxw-cover-panel{backface-visibility:hidden;-webkit-backface-visibility:hidden;will-change:transform,box-shadow,filter}
.dxw-cover-panel-left{transform-origin:0 50%}
.dxw-cover-panel-right{transform-origin:100% 50%}
.dxw-opening.dxw-opening-cover.is-open .dxw-cover-scene:after{
animation:dxwDoorLightReveal 1.75s cubic-bezier(.22,1,.36,1) forwards;
}
.dxw-opening.dxw-opening-cover.is-open .dxw-cover-panel-left{
animation:dxwCoverOpenLeft 1.72s cubic-bezier(.18,.8,.2,1) forwards;
}
.dxw-opening.dxw-opening-cover.is-open .dxw-cover-panel-right{
animation:dxwCoverOpenRight 1.72s cubic-bezier(.18,.8,.2,1) forwards;
}
.dxw-opening.dxw-opening-cover.is-open .dxw-cover-stage{
animation:dxwCoverStageAway 2.15s cubic-bezier(.22,1,.36,1) .28s forwards;
}
.dxw-opening.dxw-opening-cover.is-open .dxw-cover-scene{pointer-events:none}
@keyframes dxwCoverOpenLeft{
0%{transform:translateZ(0) rotateY(0deg);filter:brightness(1);box-shadow:inset -1px 0 0 rgba(160,142,128,.22),10px 0 22px rgba(74,54,42,.04)}
24%{transform:translateZ(22px) rotateY(-13deg);filter:brightness(.99);box-shadow:inset -12px 0 24px rgba(91,68,52,.09),24px 0 42px rgba(66,48,37,.10)}
58%{transform:translateZ(10px) rotateY(-55deg);filter:brightness(.94);box-shadow:inset -28px 0 42px rgba(70,50,38,.18),40px 0 65px rgba(64,46,35,.16)}
100%{transform:translateZ(0) rotateY(-88deg);filter:brightness(.88);box-shadow:inset -38px 0 58px rgba(59,42,32,.24),28px 0 64px rgba(61,44,34,.13)}
}
@keyframes dxwCoverOpenRight{
0%{transform:translateZ(0) rotateY(0deg);filter:brightness(1);box-shadow:inset 1px 0 0 rgba(160,142,128,.22),-10px 0 22px rgba(74,54,42,.04)}
24%{transform:translateZ(22px) rotateY(13deg);filter:brightness(.99);box-shadow:inset 12px 0 24px rgba(91,68,52,.09),-24px 0 42px rgba(66,48,37,.10)}
58%{transform:translateZ(10px) rotateY(55deg);filter:brightness(.94);box-shadow:inset 28px 0 42px rgba(70,50,38,.18),-40px 0 65px rgba(64,46,35,.16)}
100%{transform:translateZ(0) rotateY(88deg);filter:brightness(.88);box-shadow:inset 38px 0 58px rgba(59,42,32,.24),-28px 0 64px rgba(61,44,34,.13)}
}
@keyframes dxwCoverStageAway{
0%,72%{opacity:1;filter:blur(0);transform:scale(1)}
100%{opacity:.18;filter:blur(1px);transform:scale(1.004)}
}
@keyframes dxwDoorLightReveal{
0%{opacity:0;transform:scale(.90);filter:blur(15px)}
45%{opacity:.86;transform:scale(1);filter:blur(7px)}
100%{opacity:.42;transform:scale(1.03);filter:blur(4px)}
}
/* v0.4.6 — text-only slide down control */
.dxw-next,
.dxw-screen.is-visible .dxw-next{
left:50%;
bottom:max(20px,env(safe-area-inset-bottom));
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
width:auto;
height:auto;
min-width:110px;
margin-left:0;
padding:8px 14px 3px;
border:0;
border-radius:0;
background:transparent;
box-shadow:none;
backdrop-filter:none;
color:var(--dxw-accent);
opacity:.58;
transform:translate(-50%,0);
transition:opacity .45s ease,transform .45s ease;
}
.dxw-next:hover,
.dxw-next:focus-visible{
border:0;
outline:0;
opacity:.9;
transform:translate(-50%,-2px);
}
.dxw-next-label{
display:block;
font-family:'Cinzel',serif;
font-size:8px!important;
font-weight:500;
line-height:1;
letter-spacing:.32em;
text-indent:.32em;
color:currentColor;
animation:none!important;
text-shadow:0 1px 8px rgba(255,255,255,.7);
}
.dxw-next-arrow{
display:block;
margin-top:3px;
font-family:Georgia,serif;
font-size:18px!important;
font-weight:400;
line-height:.7;
color:currentColor;
opacity:.62;
animation:dxwSlideDownHint 2.25s ease-in-out infinite!important;
}
.dxw-opening.dxw-opening-cover .dxw-next{
opacity:0!important;
transform:translate(-50%,10px)!important;
pointer-events:none;
}
.dxw-opening.dxw-opening-cover.is-open .dxw-next{
opacity:.58!important;
transform:translate(-50%,0)!important;
pointer-events:auto;
transition-delay:1.45s;
}
@keyframes dxwSlideDownHint{
0%,100%{transform:translateY(0);opacity:.38}
50%{transform:translateY(5px);opacity:.82}
}
@media(prefers-reduced-motion:reduce){
.dxw-next-arrow{animation:none!important}
}
/* v0.5.0 — reordered sections, elegant invitation card and RSVP */
.dxw-opening-names small{font-size:12px;letter-spacing:.28em;margin-top:14px}
.dxw-opening .dxw-opening-date{font-size:13px;letter-spacing:.25em;margin-top:6px}
.dxw-invite-screen .dxw-script-title{font-size:clamp(60px,14vw,92px);line-height:.9}
.dxw-invite-subtitle{margin:-4px 0 4px;font-family:'Cinzel',serif;font-size:12px;letter-spacing:.32em;text-transform:uppercase;color:var(--dxw-accent);opacity:.88}
.dxw-invite-card{margin:26px auto 0;max-width:420px;padding:22px 18px 24px;border:1px solid rgba(183,161,132,.36);border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.38),rgba(255,255,255,.2));box-shadow:0 18px 44px rgba(84,63,49,.11), inset 0 0 0 1px rgba(255,255,255,.34)}
.dxw-invite-card-head{font-family:'Cinzel',serif;font-size:26px;letter-spacing:.28em;text-indent:.28em;text-transform:uppercase;color:#b99535;margin-bottom:18px}
.dxw-invite-calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;align-items:start}
.dxw-invite-calendar div{display:flex;flex-direction:column;align-items:center;gap:6px;color:#bc9a3e}
.dxw-invite-calendar span{font-family:'Cinzel',serif;font-size:9px;letter-spacing:.16em;text-transform:uppercase}
.dxw-invite-calendar strong{font-family:'Cormorant Garamond',serif;font-size:34px;line-height:1;font-weight:500}
.dxw-invite-calendar .is-marked strong{display:grid;place-items:center;width:58px;height:58px;border-radius:50% 50% 50% 50% / 46% 46% 58% 58%;background:#c5a029;color:#fffaf2;box-shadow:0 12px 24px rgba(197,160,41,.18)}
.dxw-invite-calendar .is-marked-wedding strong{background:linear-gradient(180deg,#c8ab45,#c29a23)}
.dxw-event-card-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:22px}
.dxw-event-card{padding:16px 12px;border:1px solid rgba(187,164,136,.32);border-radius:18px;background:rgba(255,255,255,.48)}
.dxw-event-card.is-primary{background:linear-gradient(180deg,rgba(255,252,246,.95),rgba(255,249,239,.72))}
.dxw-event-card h3{margin:0 0 8px;font-family:'Cinzel',serif;font-size:16px;letter-spacing:.18em;text-transform:uppercase;color:var(--dxw-accent)}
.dxw-event-card p{margin:0;font-size:14px;line-height:1.6}
.dxw-countdown-inline{margin-top:24px;padding-top:18px;border-top:1px solid rgba(183,161,132,.28)}
.dxw-countdown-inline .dxw-countdown-days strong{font-size:72px}
.dxw-event-detail-screen h2,.dxw-rsvp-screen h2{margin:10px auto 0;font-family:'Bodoni Moda',serif;font-size:32px;line-height:1.18;font-weight:500}
.dxw-detail-card{margin:18px auto 0;max-width:390px;padding:30px 24px;border:1px solid rgba(183,161,132,.35);border-radius:30px;background:linear-gradient(180deg,rgba(255,255,255,.38),rgba(255,255,255,.18));box-shadow:0 18px 40px rgba(84,63,49,.11)}
.dxw-detail-card.is-primary{background:linear-gradient(180deg,rgba(255,252,246,.92),rgba(255,249,239,.64))}
.dxw-detail-date{font-family:'Cinzel',serif;font-size:12px;letter-spacing:.28em;text-transform:uppercase;color:var(--dxw-accent)}
.dxw-detail-time{margin-top:8px;font-family:'Bodoni Moda',serif;font-size:54px;line-height:.96;color:var(--dxw-accent)}
.dxw-detail-card h3{margin:18px 0 10px;font-family:'Bodoni Moda',serif;font-size:28px;line-height:1.15;font-weight:500}
.dxw-detail-card p{margin:0 auto;max-width:310px;font-size:15px;line-height:1.72}
.dxw-rsvp-note{max-width:360px;margin:10px auto 0;font-size:16px;line-height:1.72}
.dxw-rsvp-form{margin-top:22px}
.dxw-rsvp-grid select{width:100%;border:1px solid var(--dxw-line);border-radius:14px;padding:12px 14px;background:#fffaf6;color:var(--dxw-ink);font:inherit;box-sizing:border-box}
.dxw-rsvp-grid select:focus{outline:none;border-color:var(--dxw-accent);box-shadow:0 0 0 3px rgba(161,138,118,.12)}
.dxw-rsvp-help{display:block;margin-top:12px;font-family:'Cormorant Garamond',serif;font-size:16px;line-height:1.5;opacity:.8}
.dxw-memory-screen h2{font-size:32px}
.dxw-restart{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;margin-top:26px;padding:0;border:0;background:transparent;color:var(--dxw-accent);opacity:.6;cursor:pointer;transition:opacity .35s ease,transform .35s ease}
.dxw-restart:hover,.dxw-restart:focus-visible{opacity:.92;transform:translateY(-2px);outline:0}
.dxw-restart .dxw-next-label{font-size:8px!important;letter-spacing:.32em;text-indent:.32em}
.dxw-restart .dxw-next-arrow{font-size:18px!important;line-height:.7;opacity:.62;animation:dxwSlideUpHint 2.25s ease-in-out infinite!important}
@keyframes dxwSlideUpHint{0%,100%{transform:translateY(0);opacity:.38}50%{transform:translateY(-5px);opacity:.82}}
@media (max-width: 600px){
.dxw-invite-card{padding:20px 12px 20px;border-radius:20px}
.dxw-invite-calendar{gap:4px}
.dxw-invite-calendar strong{font-size:26px}
.dxw-invite-calendar .is-marked strong{width:46px;height:46px}
.dxw-event-card-grid{grid-template-columns:1fr}
.dxw-detail-time{font-size:42px}
.dxw-opening-names small{font-size:11px;letter-spacing:.22em}
.dxw-opening .dxw-opening-date{font-size:12px}
}
/* v0.5.1 — opening subtitle spacing and readability */
.dxw-opening-names > small:not(.dxw-opening-date){
margin-top:30px;
font-family:'Cinzel',serif;
font-size:15px;
font-weight:500;
line-height:1.35;
letter-spacing:.34em;
text-indent:.34em;
text-transform:uppercase;
color:var(--dxw-accent);
opacity:.94;
}
.dxw-opening .dxw-opening-date{
margin-top:10px;
font-size:13px;
line-height:1.35;
letter-spacing:.28em;
text-indent:.28em;
opacity:.82;
}
@media(max-width:480px){
.dxw-opening-names > small:not(.dxw-opening-date){
margin-top:26px;
font-size:13px;
letter-spacing:.29em;
text-indent:.29em;
}
.dxw-opening .dxw-opening-date{
margin-top:8px;
font-size:12px;
letter-spacing:.24em;
text-indent:.24em;
}
}
/* v0.5.2 — refined minimal calendar */
.dxw-invite-card{
max-width:430px;
margin:30px auto 0;
padding:0;
border:0;
border-radius:0;
background:transparent;
box-shadow:none;
}
.dxw-invite-card-head{
margin-bottom:22px;
font-family:'Cinzel',serif;
font-size:22px;
font-weight:500;
letter-spacing:.36em;
text-indent:.36em;
color:#a88f77;
}
.dxw-invite-calendar{
grid-template-columns:repeat(7,minmax(0,1fr));
gap:5px;
align-items:start;
}
.dxw-invite-calendar div{
gap:7px;
min-width:0;
color:#97816f;
}
.dxw-invite-calendar span{
font-size:8px;
font-weight:500;
letter-spacing:.12em;
color:#aa9582;
}
.dxw-invite-calendar strong{
position:relative;
z-index:1;
display:grid;
place-items:center;
width:48px;
height:46px;
margin:auto;
font-family:'Cormorant Garamond',serif;
font-size:30px;
line-height:1;
font-weight:500;
color:#8f7967;
}
.dxw-invite-calendar .is-marked strong{
width:48px;
height:46px;
border-radius:0;
background:transparent;
box-shadow:none;
color:#fffaf3;
}
.dxw-invite-calendar .is-marked strong::before{
content:"";
position:absolute;
inset:0;
z-index:-1;
background:#cbbba5;
clip-path:polygon(50% 96%,8% 55%,5% 37%,9% 20%,20% 9%,34% 7%,50% 20%,66% 7%,80% 9%,91% 20%,95% 37%,92% 55%);
}
.dxw-invite-calendar .is-marked-wedding strong::before{
background:#bca27d;
}
.dxw-event-card-grid{
position:relative;
display:grid;
grid-template-columns:1fr 1fr;
gap:0;
margin-top:30px;
padding-top:22px;
border-top:1px solid rgba(164,140,118,.22);
}
.dxw-event-card-grid::after{
content:"";
position:absolute;
left:50%;
top:22px;
bottom:0;
width:1px;
background:linear-gradient(180deg,transparent,rgba(164,140,118,.34) 18%,rgba(164,140,118,.34) 82%,transparent);
}
.dxw-event-card{
padding:0 20px;
border:0;
border-radius:0;
background:transparent;
box-shadow:none;
}
.dxw-event-card.is-primary{
background:transparent;
}
.dxw-event-card h3{
margin:0 0 10px;
font-family:'Cinzel',serif;
font-size:14px;
font-weight:500;
letter-spacing:.20em;
color:#9b846f;
}
.dxw-event-card p{
margin:2px 0;
font-family:'Cormorant Garamond',serif;
font-size:16px;
line-height:1.35;
color:#75675c;
}
@media(max-width:600px){
.dxw-invite-card{margin-top:26px}
.dxw-invite-card-head{font-size:19px;margin-bottom:18px}
.dxw-invite-calendar{gap:2px}
.dxw-invite-calendar span{font-size:7px;letter-spacing:.08em}
.dxw-invite-calendar strong,
.dxw-invite-calendar .is-marked strong{width:40px;height:39px;font-size:25px}
.dxw-event-card-grid{grid-template-columns:1fr 1fr;margin-top:25px;padding-top:19px}
.dxw-event-card-grid::after{top:19px}
.dxw-event-card{padding:0 10px}
.dxw-event-card h3{font-size:12px;letter-spacing:.16em}
.dxw-event-card p{font-size:14px}
}
/* v0.5.3 — compact inline countdown */
.dxw-countdown-inline{
width:min(100%,320px);
margin:18px auto 0;
padding-top:14px;
}
.dxw-countdown-inline .dxw-countdown-days strong{
font-size:52px;
line-height:.88;
}
.dxw-countdown-inline .dxw-countdown-days span,
.dxw-countdown-inline .dxw-countdown-small span{
margin-top:5px;
font-size:7px;
letter-spacing:.18em;
}
.dxw-countdown-inline .dxw-countdown-small{
gap:7px;
margin-top:13px;
}
.dxw-countdown-inline .dxw-countdown-small div{
min-width:44px;
}
.dxw-countdown-inline .dxw-countdown-small strong{
font-size:24px;
}
.dxw-countdown-inline .dxw-countdown-small i{
font-size:22px;
}
@media(max-width:480px){
.dxw-countdown-inline{
width:min(100%,280px);
margin-top:14px;
padding-top:12px;
}
.dxw-countdown-inline .dxw-countdown-days strong{
font-size:44px;
}
.dxw-countdown-inline .dxw-countdown-small{
gap:5px;
margin-top:10px;
}
.dxw-countdown-inline .dxw-countdown-small div{
min-width:38px;
}
.dxw-countdown-inline .dxw-countdown-small strong{
font-size:21px;
}
.dxw-countdown-inline .dxw-countdown-small i{
font-size:18px;
}
}
/* v0.5.4 — sade kına/düğün detay sayfaları ve harita bağlantıları */
.dxw-detail-card,
.dxw-detail-card.is-primary{
position:relative;
max-width:360px;
margin:20px auto 0;
padding:22px 8px 4px;
border:0;
border-radius:0;
background:transparent;
box-shadow:none;
}
.dxw-detail-card::before{
content:"";
display:block;
width:74px;
height:1px;
margin:0 auto 24px;
background:linear-gradient(90deg,transparent,var(--dxw-accent),transparent);
opacity:.48;
}
.dxw-detail-card::after{
content:"";
display:block;
width:112px;
height:1px;
margin:26px auto 0;
background:linear-gradient(90deg,transparent,var(--dxw-accent),transparent);
opacity:.28;
}
.dxw-detail-date{
font-size:13px;
letter-spacing:.26em;
}
.dxw-detail-time{
margin-top:10px;
font-size:48px;
color:var(--dxw-accent);
}
.dxw-detail-card h3{
max-width:330px;
margin:20px auto 10px;
font-size:29px;
line-height:1.2;
}
.dxw-detail-card p{
max-width:320px;
font-size:16px;
line-height:1.75;
opacity:.88;
}
.dxw-map-link{
display:inline-flex;
align-items:center;
justify-content:center;
gap:8px;
margin-top:22px;
padding:8px 2px 5px;
border:0;
border-bottom:1px solid rgba(161,138,118,.38);
background:transparent;
box-shadow:none;
font-family:'Cinzel',serif;
font-size:9px;
font-weight:500;
letter-spacing:.14em;
text-transform:uppercase;
color:var(--dxw-accent);
text-decoration:none;
transition:opacity .3s ease,border-color .3s ease,transform .3s ease;
}
.dxw-map-link:hover,
.dxw-map-link:focus-visible{
color:var(--dxw-accent);
border-bottom-color:var(--dxw-accent);
opacity:.9;
transform:translateY(-2px);
outline:0;
}
.dxw-map-pin{
font-family:Georgia,serif;
font-size:16px;
line-height:1;
}
.dxw-map-link em{
font-style:normal;
font-size:13px;
opacity:.72;
}
@media(max-width:480px){
.dxw-detail-card,
.dxw-detail-card.is-primary{
max-width:320px;
padding:18px 4px 2px;
}
.dxw-detail-time{
font-size:42px;
}
.dxw-detail-card h3{
font-size:26px;
}
.dxw-detail-card p{
font-size:15px;
}
}
/* v0.5.5 — emoji içermeyen CSS harita sembolü */
.dxw-map-pin{
position:relative;
display:inline-block;
width:12px;
height:12px;
flex:0 0 12px;
margin-right:1px;
border:1.4px solid currentColor;
border-radius:50% 50% 50% 0;
transform:rotate(-45deg);
font-size:0;
line-height:0;
}
.dxw-map-pin::after{
content:"";
position:absolute;
left:50%;
top:50%;
width:3px;
height:3px;
border:1px solid currentColor;
border-radius:50%;
transform:translate(-50%,-50%);
}
/* v0.5.6 — temaya uyumlu WhatsApp gönderim butonu */
.dxw-rsvp-form .dxw-upload-submit{
display:inline-flex;
align-items:center;
justify-content:center;
gap:9px;
margin-top:20px;
padding:12px 21px;
border:1px solid rgba(164,138,109,.44);
border-radius:999px;
background:linear-gradient(135deg,rgba(203,184,157,.96),rgba(171,145,116,.96));
color:#fffaf4;
box-shadow:0 10px 24px rgba(91,70,52,.14),inset 0 1px rgba(255,255,255,.28);
font-family:'Cinzel',serif;
font-size:9px;
font-weight:600;
letter-spacing:.16em;
text-transform:uppercase;
text-decoration:none;
transition:transform .3s ease,box-shadow .3s ease,filter .3s ease;
}
.dxw-rsvp-form .dxw-upload-submit span{
font-size:13px;
line-height:1;
opacity:.86;
}
.dxw-rsvp-form .dxw-upload-submit:hover,
.dxw-rsvp-form .dxw-upload-submit:focus-visible{
color:#fffaf4;
border-color:rgba(151,124,95,.58);
transform:translateY(-2px);
filter:brightness(1.03);
box-shadow:0 14px 30px rgba(91,70,52,.18),inset 0 1px rgba(255,255,255,.34);
outline:0;
}
.dxw-rsvp-form .dxw-upload-submit:active{
transform:translateY(0);
box-shadow:0 7px 18px rgba(91,70,52,.14);
}
@media(max-width:480px){
.dxw-rsvp-form .dxw-upload-submit{
width:100%;
min-height:46px;
padding:13px 18px;
}
}
/* v0.6.0 — grouped content panel and dynamic date calendar */
.dxw-panel-intro{
display:flex;
align-items:center;
justify-content:space-between;
gap:22px;
margin-bottom:18px;
padding:26px 28px;
border:1px solid rgba(90,70,51,.09);
border-radius:24px;
background:linear-gradient(135deg,#fffdf9,#f3ece2);
box-shadow:0 18px 46px rgba(60,45,32,.08);
}
.dxw-panel-intro>div:first-child{max-width:720px}
.dxw-panel-intro span{font-size:10px;font-weight:800;letter-spacing:.26em;color:#9b7b50}
.dxw-panel-intro h2{margin:7px 0 8px;font-family:Georgia,serif;font-size:29px;font-weight:400;color:#2e2822}
.dxw-panel-intro p{margin:0;color:#756c63;font-size:14px;line-height:1.65}
.dxw-panel-intro-badge{display:grid;place-items:center;flex:0 0 74px;width:74px;height:74px;border:1px solid rgba(167,134,91,.34);border-radius:50%;font-family:Georgia,serif;font-size:18px;letter-spacing:.12em;color:#9a784b;background:rgba(255,255,255,.54);box-shadow:inset 0 0 0 6px rgba(255,255,255,.36)}
.dxw-panel-groups{display:block}
.dxw-field-help{display:block;margin-top:1px;color:#8b8177;font-size:11px;line-height:1.5}
.dxw-calendar-panel-preview{margin-top:22px;padding:22px;border:1px solid rgba(166,139,107,.18);border-radius:20px;background:linear-gradient(180deg,#fffdf9,#faf6ef)}
.dxw-calendar-panel-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:18px}
.dxw-calendar-panel-head span{font-size:9px;font-weight:800;letter-spacing:.2em;color:#9b7d58}
.dxw-calendar-panel-head strong{font-family:Georgia,serif;font-size:17px;font-weight:400;color:#66584c;text-align:right}
.dxw-calendar-panel-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px 5px}
.dxw-calendar-panel-days>div{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0;color:#8f7d6d}
.dxw-calendar-panel-days span{font-size:8px;font-weight:700;letter-spacing:.1em;color:#aa9683}
.dxw-calendar-panel-days strong{position:relative;z-index:1;display:grid;place-items:center;width:42px;height:40px;font-family:Georgia,serif;font-size:18px;font-weight:400;color:#76685d}
.dxw-calendar-panel-days .is-marked strong{color:#fffaf4}
.dxw-calendar-panel-days .is-marked strong:before{content:"";position:absolute;inset:0;z-index:-1;background:#cbbba5;clip-path:polygon(50% 96%,8% 55%,5% 37%,9% 20%,20% 9%,34% 7%,50% 20%,66% 7%,80% 9%,91% 20%,95% 37%,92% 55%)}
.dxw-calendar-panel-days .is-marked-wedding strong:before{background:#b89e78}
.dxw-calendar-panel-legend{display:flex;gap:18px;flex-wrap:wrap;margin-top:16px;padding-top:14px;border-top:1px solid rgba(166,139,107,.14)}
.dxw-calendar-panel-legend span{display:inline-flex;align-items:center;gap:7px;font-size:11px;color:#776c62}
.dxw-calendar-panel-legend i{display:inline-block;width:13px;height:12px;background:#cbbba5;clip-path:polygon(50% 96%,8% 55%,5% 37%,9% 20%,20% 9%,34% 7%,50% 20%,66% 7%,80% 9%,91% 20%,95% 37%,92% 55%)}
.dxw-calendar-panel-legend i.is-wedding{background:#b89e78}
.dxw-calendar-panel-preview>small{display:block;margin-top:10px;color:#91867b;font-size:11px}
.dxw-calendar-empty{grid-column:1/-1;margin:0;padding:18px;text-align:center;color:#8a7e73;font-size:12px}
.dxw-invite-calendar{row-gap:14px}
.dxw-invite-calendar .is-marked-kina strong::before{background:#cbbba5}
.dxw-invite-calendar .is-marked-wedding strong::before{background:#bca27d}
@media(max-width:700px){
.dxw-panel-intro{padding:22px 20px;align-items:flex-start}
.dxw-panel-intro h2{font-size:25px}
.dxw-panel-intro-badge{flex-basis:58px;width:58px;height:58px;font-size:14px}
.dxw-calendar-panel-preview{padding:18px 12px}
.dxw-calendar-panel-head{align-items:flex-start;flex-direction:column}
.dxw-calendar-panel-head strong{text-align:left}
.dxw-calendar-panel-days{gap:8px 2px}
.dxw-calendar-panel-days strong{width:35px;height:34px;font-size:16px}
}
/* v0.6.1 — düğün programı satır sıralama */
.dxw-editor-shell [data-repeater="schedule"] .dxw-schedule-row{
grid-template-columns:34px 118px minmax(0,1fr) 66px 36px;
transition:opacity .2s ease,transform .2s ease,background .35s ease,box-shadow .35s ease;
}
.dxw-editor-shell .dxw-drag-handle{
position:relative;
display:grid;
place-items:center;
width:32px;
height:38px;
padding:0;
border:1px solid #ded5ca;
border-radius:10px;
background:#fbf7f1;
color:#9a7b52;
cursor:grab;
touch-action:none;
}
.dxw-editor-shell .dxw-drag-handle:active{cursor:grabbing}
.dxw-editor-shell .dxw-drag-handle span,
.dxw-editor-shell .dxw-drag-handle span::before,
.dxw-editor-shell .dxw-drag-handle span::after{
display:block;
width:13px;
height:2px;
border-radius:999px;
background:currentColor;
}
.dxw-editor-shell .dxw-drag-handle span{position:relative}
.dxw-editor-shell .dxw-drag-handle span::before,
.dxw-editor-shell .dxw-drag-handle span::after{content:"";position:absolute;left:0}
.dxw-editor-shell .dxw-drag-handle span::before{top:-5px}
.dxw-editor-shell .dxw-drag-handle span::after{top:5px}
.dxw-editor-shell .dxw-row-order-controls{display:flex;gap:5px;justify-content:center}
.dxw-editor-shell .dxw-move-row{
display:grid;
place-items:center;
width:29px;
height:34px;
padding:0;
border:1px solid #ded5ca;
border-radius:9px;
background:#fffdfa;
color:#8d6c40;
font-size:15px;
line-height:1;
cursor:pointer;
transition:background .2s ease,border-color .2s ease,opacity .2s ease,transform .2s ease;
}
.dxw-editor-shell .dxw-move-row:hover:not(:disabled),
.dxw-editor-shell .dxw-move-row:focus-visible:not(:disabled){
border-color:#b79668;
background:#f6eee2;
transform:translateY(-1px);
outline:0;
}
.dxw-editor-shell .dxw-move-row:disabled{opacity:.28;cursor:default}
.dxw-editor-shell .dxw-schedule-row.is-dragging{opacity:.38;transform:scale(.99)}
.dxw-editor-shell [data-repeater="schedule"] .dxw-repeater-list.is-sorting{padding:5px;border-radius:14px;background:rgba(173,135,80,.055)}
.dxw-editor-shell .dxw-schedule-row.is-just-moved{background:#fff8ec;box-shadow:0 0 0 3px rgba(173,135,80,.12)}
.dxw-editor-shell .dxw-sort-help{margin:10px 0 0;color:#81786e;font-size:12px;line-height:1.5}
@media(max-width:700px){
.dxw-editor-shell [data-repeater="schedule"] .dxw-schedule-row{
grid-template-columns:28px 86px minmax(0,1fr) 34px;
gap:7px;
}
.dxw-editor-shell [data-repeater="schedule"] .dxw-drag-handle{grid-column:1;grid-row:1;width:28px}
.dxw-editor-shell [data-repeater="schedule"] input[type="time"]{grid-column:2;grid-row:1;padding-left:8px;padding-right:4px}
.dxw-editor-shell [data-repeater="schedule"] input[type="text"]{grid-column:3;grid-row:1;min-width:0}
.dxw-editor-shell [data-repeater="schedule"] .dxw-remove-row{grid-column:4;grid-row:1}
.dxw-editor-shell [data-repeater="schedule"] .dxw-row-order-controls{grid-column:2/4;grid-row:2;justify-content:flex-start}
.dxw-editor-shell .dxw-move-row{width:38px;height:30px}
}
/* v0.7.0 — düğün hediyesi / çoklu para birimi IBAN alanı */
.dxw-support-screen h2{
margin:10px auto 0;
max-width:380px;
font-family:'Bodoni Moda',serif;
font-size:clamp(31px,8vw,42px);
line-height:1.14;
font-weight:500;
}
.dxw-support-intro{
max-width:390px;
margin:12px auto 0;
font-size:17px;
line-height:1.72;
color:var(--dxw-ink);
opacity:.88;
}
.dxw-support-holder{
display:flex;
flex-direction:column;
align-items:center;
gap:5px;
margin:20px auto 0;
}
.dxw-support-holder span{
font-family:'Cinzel',serif;
font-size:8px;
letter-spacing:.24em;
text-indent:.24em;
text-transform:uppercase;
color:var(--dxw-accent);
opacity:.72;
}
.dxw-support-holder strong{
font-family:'Cormorant Garamond',serif;
font-size:21px;
font-weight:600;
}
.dxw-support-accounts{
width:min(100%,430px);
margin:22px auto 0;
border-top:1px solid rgba(164,138,109,.28);
}
.dxw-support-account{
display:grid;
grid-template-columns:66px minmax(0,1fr) auto;
align-items:center;
gap:13px;
padding:16px 0;
border-bottom:1px solid rgba(164,138,109,.25);
}
.dxw-support-currency{
display:flex;
flex-direction:column;
align-items:flex-start;
gap:4px;
}
.dxw-support-currency span{
display:grid;
place-items:center;
min-width:42px;
min-height:30px;
padding:3px 7px;
border:1px solid rgba(164,138,109,.34);
border-radius:999px;
font-family:'Cinzel',serif;
font-size:9px;
font-weight:600;
letter-spacing:.12em;
color:var(--dxw-accent);
}
.dxw-support-currency strong{
font-family:'Cormorant Garamond',serif;
font-size:13px;
line-height:1.15;
font-weight:500;
opacity:.74;
}
.dxw-support-details{
min-width:0;
text-align:left;
}
.dxw-support-details small{
display:block;
margin:0 0 5px;
font-family:'Cinzel',serif;
font-size:7px;
line-height:1.45;
letter-spacing:.12em;
text-transform:uppercase;
color:var(--dxw-accent);
opacity:.72;
}
.dxw-support-details code{
display:block;
max-width:100%;
padding:0;
border:0;
background:transparent;
font-family:'Cormorant Garamond',serif;
font-size:16px;
line-height:1.42;
font-weight:600;
letter-spacing:.055em;
color:var(--dxw-ink);
overflow-wrap:anywhere;
word-break:break-word;
}
.dxw-copy-iban{
display:inline-flex;
align-items:center;
justify-content:center;
gap:7px;
min-height:37px;
padding:9px 11px;
border:1px solid rgba(164,138,109,.35);
border-radius:999px;
background:rgba(255,252,247,.52);
color:var(--dxw-accent);
font-family:'Cinzel',serif;
font-size:7px;
font-weight:600;
line-height:1;
letter-spacing:.1em;
text-transform:uppercase;
cursor:pointer;
transition:background .3s ease,border-color .3s ease,transform .3s ease,color .3s ease;
}
.dxw-copy-iban:hover,
.dxw-copy-iban:focus-visible{
border-color:rgba(144,116,86,.62);
background:rgba(246,237,225,.8);
transform:translateY(-1px);
outline:0;
}
.dxw-copy-iban.is-copied{
border-color:rgba(144,116,86,.55);
background:rgba(222,208,188,.72);
}
.dxw-copy-symbol{
position:relative;
display:inline-block;
width:11px;
height:12px;
flex:0 0 11px;
border:1px solid currentColor;
border-radius:2px;
}
.dxw-copy-symbol::before{
content:"";
position:absolute;
left:-4px;
top:-4px;
width:8px;
height:9px;
border:1px solid currentColor;
border-radius:2px;
background:var(--dxw-paper);
}
.dxw-copy-iban.is-copied .dxw-copy-symbol::after{
content:"";
position:absolute;
left:2px;
top:2px;
width:5px;
height:2px;
border-left:1.5px solid currentColor;
border-bottom:1.5px solid currentColor;
transform:rotate(-45deg);
}
.dxw-editor-section-support .dxw-field-help{
color:#927955;
}
@media(max-width:560px){
.dxw-support-intro{font-size:15px;line-height:1.66}
.dxw-support-accounts{width:min(100%,340px);margin-top:18px}
.dxw-support-account{
grid-template-columns:57px minmax(0,1fr);
gap:9px 11px;
padding:14px 0;
}
.dxw-support-currency{grid-column:1;grid-row:1}
.dxw-support-details{grid-column:2;grid-row:1}
.dxw-copy-iban{
grid-column:1/3;
grid-row:2;
justify-self:stretch;
width:100%;
min-height:40px;
font-size:8px;
}
.dxw-support-details code{font-size:15px;letter-spacing:.035em}
}
/* v0.7.1 — section visibility controls and support empty state */
.dxw-screen[hidden]{display:none!important}
.dxw-section-head-copy{min-width:0}
.dxw-section-visibility-list{
display:flex;
flex-wrap:wrap;
justify-content:flex-end;
gap:8px;
margin-left:auto;
}
.dxw-visibility-toggle{
position:relative;
display:flex;
align-items:center;
gap:8px;
min-width:136px;
padding:7px 10px 7px 8px;
border:1px solid rgba(115,94,70,.14);
border-radius:999px;
background:#faf8f4;
color:#756b60;
cursor:pointer;
transition:border-color .25s ease,background .25s ease,opacity .25s ease;
}
.dxw-visibility-toggle input{
position:absolute!important;
width:1px!important;
height:1px!important;
padding:0!important;
margin:-1px!important;
overflow:hidden!important;
clip:rect(0,0,0,0)!important;
white-space:nowrap!important;
border:0!important;
}
.dxw-visibility-switch{
position:relative;
display:block;
flex:0 0 32px;
width:32px;
height:18px;
border-radius:999px;
background:#d8d1c8;
box-shadow:inset 0 1px 3px rgba(63,47,34,.12);
transition:background .25s ease;
}
.dxw-visibility-switch i{
position:absolute;
left:3px;
top:3px;
width:12px;
height:12px;
border-radius:50%;
background:#fff;
box-shadow:0 2px 5px rgba(58,43,31,.18);
transition:transform .25s ease;
}
.dxw-visibility-copy{
display:flex;
min-width:0;
flex-direction:column;
gap:1px;
}
.dxw-visibility-copy strong{
overflow:hidden;
font-size:10px;
line-height:1.1;
font-weight:800;
text-overflow:ellipsis;
white-space:nowrap;
}
.dxw-visibility-copy small{
font-size:9px;
line-height:1.1;
color:#9a9085;
}
.dxw-visibility-toggle.is-visible{
border-color:rgba(163,132,91,.28);
background:#f4ede3;
color:#7f623c;
}
.dxw-visibility-toggle.is-visible .dxw-visibility-switch{
background:linear-gradient(135deg,#c7aa7f,#a98455);
}
.dxw-visibility-toggle.is-visible .dxw-visibility-switch i{
transform:translateX(14px);
}
.dxw-visibility-toggle.is-hidden{opacity:.74}
.dxw-support-empty{
max-width:350px;
margin:20px auto 0;
padding:18px 12px 4px;
text-align:center;
color:var(--dxw-ink);
opacity:.72;
}
.dxw-support-empty-symbol{
position:relative;
display:block;
width:34px;
height:24px;
margin:0 auto 13px;
border:1px solid var(--dxw-accent);
border-radius:3px;
}
.dxw-support-empty-symbol::before{
content:"";
position:absolute;
left:4px;
right:4px;
top:7px;
height:1px;
background:var(--dxw-accent);
opacity:.62;
}
.dxw-support-empty-symbol::after{
content:"";
position:absolute;
right:5px;
bottom:5px;
width:6px;
height:3px;
border:1px solid var(--dxw-accent);
border-radius:1px;
}
.dxw-support-empty p{
margin:0;
font-size:15px;
line-height:1.65;
}
@media(max-width:900px){
.dxw-section-head{flex-wrap:wrap}
.dxw-section-visibility-list{
width:100%;
justify-content:flex-start;
margin:4px 0 0 48px;
}
}
@media(max-width:560px){
.dxw-section-visibility-list{
margin-left:0;
}
.dxw-visibility-toggle{
min-width:0;
flex:1 1 145px;
}
}
/* v0.7.2 — sade ve temaya uyumlu IBAN kopyalama kontrolü */
.dxw-copy-iban{
display:inline-flex;
align-items:center;
justify-content:flex-start;
gap:8px;
width:auto;
min-height:0;
padding:7px 1px 5px;
border:0;
border-bottom:1px solid color-mix(in srgb,var(--dxw-accent) 34%,transparent);
border-radius:0;
background:transparent;
box-shadow:none;
color:var(--dxw-accent);
font-family:'Cinzel',serif;
font-size:8px;
font-weight:500;
line-height:1.15;
letter-spacing:.15em;
text-transform:uppercase;
cursor:pointer;
opacity:.76;
transition:opacity .28s ease,border-color .28s ease,transform .28s ease;
}
.dxw-copy-iban:hover,
.dxw-copy-iban:focus-visible{
border-color:color-mix(in srgb,var(--dxw-accent) 72%,transparent);
background:transparent;
color:var(--dxw-accent);
box-shadow:none;
opacity:1;
transform:translateY(-1px);
outline:0;
}
.dxw-copy-iban:active{
transform:translateY(0);
}
.dxw-copy-iban.is-copied{
border-color:color-mix(in srgb,var(--dxw-accent) 58%,transparent);
background:transparent;
color:var(--dxw-accent);
opacity:1;
}
.dxw-copy-symbol{
position:relative;
display:inline-block;
width:10px;
height:11px;
flex:0 0 10px;
border:1px solid currentColor;
border-radius:1px;
opacity:.78;
}
.dxw-copy-symbol::before{
content:"";
position:absolute;
left:-4px;
top:-4px;
width:8px;
height:9px;
border:1px solid currentColor;
border-radius:1px;
background:var(--dxw-paper);
}
.dxw-copy-iban.is-copied .dxw-copy-symbol{
border-color:transparent;
}
.dxw-copy-iban.is-copied .dxw-copy-symbol::before{
left:0;
top:1px;
width:8px;
height:4px;
border:0;
border-left:1.5px solid currentColor;
border-bottom:1.5px solid currentColor;
border-radius:0;
background:transparent;
transform:rotate(-45deg);
}
.dxw-copy-iban.is-copied .dxw-copy-symbol::after{
display:none;
}
@media(max-width:560px){
.dxw-copy-iban{
grid-column:1/3;
grid-row:2;
justify-self:start;
width:auto;
min-height:0;
padding:8px 1px 5px;
font-size:8px;
}
}
/* v0.7.3 — pürüzsüz ve tam ortalanmış takvim kalpleri */
.dxw-invite-calendar{
align-items:start;
}
.dxw-invite-calendar > div{
display:grid;
grid-template-rows:14px 50px;
justify-items:center;
align-items:start;
gap:6px;
}
.dxw-invite-calendar span{
display:block;
width:100%;
line-height:14px;
text-align:center;
}
.dxw-invite-calendar strong,
.dxw-invite-calendar .is-marked strong{
position:relative;
isolation:isolate;
display:grid;
place-items:center;
width:50px;
height:50px;
margin:0 auto;
border:0;
border-radius:0;
background:transparent;
box-shadow:none;
line-height:1;
font-variant-numeric:tabular-nums;
}
.dxw-invite-calendar .is-marked strong{
color:#fffaf3;
}
.dxw-invite-calendar .is-marked strong::before{
content:"";
position:absolute;
inset:2px;
z-index:-1;
border-radius:0;
background:#cbbba5;
clip-path:none;
-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 92'%3E%3Cpath fill='%23000' d='M50 90C42 82 8 57 8 31C8 12 22 2 37 2C45 2 51 6 56 13C61 6 68 2 76 2C91 2 100 14 100 31C100 58 67 82 50 90Z'/%3E%3C/svg%3E");
-webkit-mask-repeat:no-repeat;
-webkit-mask-position:center;
-webkit-mask-size:contain;
mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 92'%3E%3Cpath fill='%23000' d='M50 90C42 82 8 57 8 31C8 12 22 2 37 2C45 2 51 6 56 13C61 6 68 2 76 2C91 2 100 14 100 31C100 58 67 82 50 90Z'/%3E%3C/svg%3E");
mask-repeat:no-repeat;
mask-position:center;
mask-size:contain;
filter:drop-shadow(0 3px 5px rgba(96,74,53,.08));
}
.dxw-invite-calendar .is-marked strong::after{
display:none;
}
.dxw-invite-calendar .is-marked strong{
padding-top:1px;
transform:none;
}
.dxw-invite-calendar .is-marked-kina strong::before{
background:#cbbba5;
}
.dxw-invite-calendar .is-marked-wedding strong::before{
background:#bca27d;
}
/* Yönetim panelindeki takvim önizlemesi de aynı pürüzsüz kalbi kullanır. */
.dxw-calendar-panel-days > div{
display:grid;
grid-template-rows:13px 42px;
justify-items:center;
align-items:start;
gap:5px;
}
.dxw-calendar-panel-days span{
display:block;
width:100%;
line-height:13px;
text-align:center;
}
.dxw-calendar-panel-days strong,
.dxw-calendar-panel-days .is-marked strong{
position:relative;
isolation:isolate;
display:grid;
place-items:center;
width:42px;
height:42px;
margin:0 auto;
line-height:1;
font-variant-numeric:tabular-nums;
}
.dxw-calendar-panel-days .is-marked strong::before{
content:"";
position:absolute;
inset:1px;
z-index:-1;
background:#cbbba5;
clip-path:none;
-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 92'%3E%3Cpath fill='%23000' d='M50 90C42 82 8 57 8 31C8 12 22 2 37 2C45 2 51 6 56 13C61 6 68 2 76 2C91 2 100 14 100 31C100 58 67 82 50 90Z'/%3E%3C/svg%3E");
-webkit-mask-repeat:no-repeat;
-webkit-mask-position:center;
-webkit-mask-size:contain;
mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 92'%3E%3Cpath fill='%23000' d='M50 90C42 82 8 57 8 31C8 12 22 2 37 2C45 2 51 6 56 13C61 6 68 2 76 2C91 2 100 14 100 31C100 58 67 82 50 90Z'/%3E%3C/svg%3E");
mask-repeat:no-repeat;
mask-position:center;
mask-size:contain;
}
.dxw-calendar-panel-days .is-marked strong::after{
display:none;
}
.dxw-calendar-panel-days .is-marked-wedding strong::before{
background:#b89e78;
}
@media(max-width:560px){
.dxw-invite-calendar > div{
grid-template-rows:13px 43px;
gap:5px;
}
.dxw-invite-calendar strong,
.dxw-invite-calendar .is-marked strong{
width:43px;
height:43px;
font-size:25px;
}
.dxw-invite-calendar .is-marked strong::before{
inset:1px;
}
}
/* v0.7.4 — kalbi rakama göre birkaç piksel aşağı hizala */
.dxw-invite-calendar .is-marked strong::before{
transform:translateY(3px);
}
.dxw-calendar-panel-days .is-marked strong::before{
transform:translateY(2px);
}
@media(max-width:560px){
.dxw-invite-calendar .is-marked strong::before{
transform:translateY(2px);
}
}
/* v0.8.0 — kına ve düğün için ayrı seçimli katılım formu */
.dxw-rsvp-screen{
overflow-y:auto;
}
.dxw-rsvp-screen .dxw-content{
width:min(100%,360px);
}
.dxw-rsvp-screen h2{
margin:5px auto 0;
font-size:24px;
line-height:1.2;
text-transform:uppercase;
letter-spacing:.02em;
}
.dxw-rsvp-screen .dxw-eyebrow{
font-size:9px;
letter-spacing:.34em;
}
.dxw-rsvp-note{
max-width:330px;
margin:7px auto 0;
font-size:14px;
line-height:1.5;
opacity:.82;
}
.dxw-rsvp-form-split{
display:flex;
flex-direction:column;
align-items:center;
gap:10px;
width:100%;
margin-top:15px;
}
.dxw-rsvp-line-field{
width:100%;
text-align:center;
}
.dxw-rsvp-line-field label{
display:block;
margin-bottom:3px;
font-family:'Cinzel',serif;
font-size:8px;
font-weight:500;
line-height:1.2;
letter-spacing:.28em;
text-indent:.28em;
text-transform:uppercase;
color:var(--dxw-accent);
}
.dxw-rsvp-line-field input,
.dxw-rsvp-line-field textarea{
display:block;
width:100%;
min-height:0;
padding:7px 2px 6px;
border:0;
border-bottom:1px solid color-mix(in srgb,var(--dxw-accent) 38%,transparent);
border-radius:0;
background:transparent;
box-shadow:none;
box-sizing:border-box;
color:var(--dxw-ink);
font-family:'Cormorant Garamond',Georgia,serif;
font-size:15px;
line-height:1.25;
text-align:center;
outline:0;
transition:border-color .25s ease;
}
.dxw-rsvp-line-field textarea{
min-height:42px;
resize:none;
}
.dxw-rsvp-line-field input:focus,
.dxw-rsvp-line-field textarea:focus{
border-color:color-mix(in srgb,var(--dxw-accent) 76%,transparent);
box-shadow:none;
}
.dxw-rsvp-line-field input::placeholder,
.dxw-rsvp-line-field textarea::placeholder{
color:color-mix(in srgb,var(--dxw-ink) 58%,transparent);
opacity:.76;
}
.dxw-rsvp-event{
width:100%;
padding:1px 0;
border-radius:12px;
transition:box-shadow .25s ease;
}
.dxw-rsvp-event-title{
display:flex;
align-items:center;
justify-content:center;
gap:8px;
width:100%;
margin-bottom:7px;
}
.dxw-rsvp-event-title span{
flex:1;
height:1px;
background:linear-gradient(90deg,transparent,var(--dxw-accent));
opacity:.44;
}
.dxw-rsvp-event-title span:last-child{
transform:scaleX(-1);
}
.dxw-rsvp-event-title strong{
max-width:76%;
font-family:'Cinzel',serif;
font-size:9px;
font-weight:500;
line-height:1.15;
letter-spacing:.23em;
text-indent:.12em;
text-transform:uppercase;
color:var(--dxw-accent);
}
.dxw-rsvp-choice-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:7px;
width:100%;
}
.dxw-rsvp-choice{
display:flex;
align-items:center;
justify-content:center;
gap:7px;
min-height:42px;
padding:7px 6px;
border:1px solid color-mix(in srgb,var(--dxw-accent) 22%,transparent);
border-radius:10px;
background:transparent;
box-shadow:none;
color:color-mix(in srgb,var(--dxw-ink) 84%,transparent);
font-family:'Cormorant Garamond',Georgia,serif;
font-size:13px;
font-weight:500;
line-height:1.12;
text-align:center;
cursor:pointer;
transition:border-color .25s ease,background .25s ease,color .25s ease,transform .25s ease;
}
.dxw-rsvp-choice:hover,
.dxw-rsvp-choice:focus-visible{
border-color:color-mix(in srgb,var(--dxw-accent) 52%,transparent);
background:color-mix(in srgb,var(--dxw-paper-2) 34%,transparent);
color:var(--dxw-ink);
outline:0;
}
.dxw-rsvp-choice.is-selected{
border-color:color-mix(in srgb,var(--dxw-accent) 62%,transparent);
background:color-mix(in srgb,var(--dxw-accent) 8%,transparent);
color:var(--dxw-accent);
}
.dxw-rsvp-radio{
position:relative;
display:inline-flex;
flex:0 0 13px;
width:13px;
height:13px;
border:1.2px solid var(--dxw-accent);
border-radius:50%;
box-sizing:border-box;
}
.dxw-rsvp-choice.is-selected .dxw-rsvp-radio::after{
content:"";
position:absolute;
inset:3px;
border-radius:50%;
background:var(--dxw-accent);
}
.dxw-rsvp-counter{
display:flex;
align-items:center;
justify-content:center;
gap:11px;
min-height:30px;
margin-top:6px;
transition:opacity .25s ease;
}
.dxw-rsvp-counter.is-disabled{
opacity:.38;
}
.dxw-rsvp-counter-label{
font-family:'Cinzel',serif;
font-size:8px;
font-weight:500;
letter-spacing:.27em;
text-indent:.27em;
text-transform:uppercase;
color:var(--dxw-accent);
}
.dxw-rsvp-counter-controls{
display:inline-flex;
align-items:center;
gap:11px;
}
.dxw-rsvp-counter-controls button{
display:inline-grid;
place-items:center;
width:24px;
height:24px;
padding:0;
border:1px solid color-mix(in srgb,var(--dxw-accent) 52%,transparent);
border-radius:50%;
background:transparent;
box-shadow:none;
color:var(--dxw-accent);
font-family:'Cormorant Garamond',Georgia,serif;
font-size:16px;
line-height:1;
cursor:pointer;
}
.dxw-rsvp-counter-controls button:disabled{
cursor:default;
opacity:.34;
}
.dxw-rsvp-counter-controls strong{
min-width:18px;
font-family:'Bodoni Moda','Cormorant Garamond',serif;
font-size:20px;
font-weight:500;
line-height:1;
color:var(--dxw-ink);
text-align:center;
}
.dxw-rsvp-separator{
display:flex;
align-items:center;
justify-content:center;
gap:7px;
width:54px;
margin:-1px auto;
}
.dxw-rsvp-separator > span{
flex:1;
height:1px;
background:linear-gradient(90deg,transparent,var(--dxw-accent));
opacity:.38;
}
.dxw-rsvp-separator > span:last-child{
transform:scaleX(-1);
}
.dxw-rsvp-separator .dxw-ornament{
width:10px;
height:13px;
opacity:.65;
}
.dxw-rsvp-note-field{
margin-top:0;
}
.dxw-rsvp-error{
width:100%;
padding:8px 10px;
border:1px solid color-mix(in srgb,#a45f50 28%,transparent);
border-radius:8px;
background:color-mix(in srgb,#a45f50 6%,transparent);
color:#8f4e43;
box-sizing:border-box;
font-size:13px;
line-height:1.35;
}
.dxw-rsvp-event.is-invalid{
box-shadow:0 0 0 1px color-mix(in srgb,#a45f50 42%,transparent);
}
.dxw-rsvp-form-split .dxw-upload-submit{
margin-top:2px;
padding:11px 28px;
border-radius:14px;
background:linear-gradient(180deg,color-mix(in srgb,var(--dxw-accent) 88%,#bda58e),color-mix(in srgb,var(--dxw-accent) 88%,#6f5140));
color:var(--dxw-paper-2);
font-family:'Cinzel',serif;
font-size:9px;
letter-spacing:.2em;
}
.dxw-rsvp-form-split .dxw-upload-submit span{
font-size:13px;
}
.dxw-rsvp-form-split .dxw-rsvp-help{
margin-top:0;
font-size:13px;
line-height:1.35;
}
@media(max-width:480px){
.dxw-rsvp-screen{
align-items:flex-start;
padding-top:max(38px,env(safe-area-inset-top));
padding-bottom:max(90px,calc(env(safe-area-inset-bottom) + 68px));
}
.dxw-rsvp-form-split{
gap:8px;
margin-top:12px;
}
.dxw-rsvp-screen h2{
font-size:21px;
}
.dxw-rsvp-note{
font-size:13px;
}
.dxw-rsvp-choice{
min-height:40px;
padding:6px 4px;
font-size:12px;
}
}
/* v0.8.1 — bütün butonlar için birleşik sade eylem sistemi */
.dxw-invitation,
.dxw-editor-shell{
--dxw-action-line:color-mix(in srgb,var(--dxw-accent,#9b7b5f) 34%,transparent);
--dxw-action-line-strong:color-mix(in srgb,var(--dxw-accent,#9b7b5f) 72%,transparent);
--dxw-action-soft:color-mix(in srgb,var(--dxw-accent,#9b7b5f) 7%,transparent);
--dxw-action-fill-start:color-mix(in srgb,var(--dxw-accent,#9b7b5f) 86%,#c8b198);
--dxw-action-fill-end:color-mix(in srgb,var(--dxw-accent,#9b7b5f) 90%,#6f5140);
--dxw-action-on-fill:var(--dxw-paper-2,#fffaf4);
}
/* Ortak sade metin eylemleri: harita, IBAN, bağlantılar ve ikincil butonlar. */
.dxw-invitation .dxw-outline-button:not(.dxw-upload-submit),
.dxw-invitation .dxw-map-link,
.dxw-invitation .dxw-copy-iban,
.dxw-invitation .dxw-qr-direct-link,
.dxw-editor-shell .dxw-mini-link{
display:inline-flex;
align-items:center;
justify-content:center;
gap:8px;
width:auto;
min-width:0;
min-height:0;
margin-top:16px;
padding:8px 1px 5px;
border:0;
border-bottom:1px solid var(--dxw-action-line);
border-radius:0;
background:transparent;
box-shadow:none;
backdrop-filter:none;
color:var(--dxw-accent,#9b7b5f);
font-family:'Cinzel',serif;
font-size:8px;
font-weight:500;
line-height:1.2;
letter-spacing:.16em;
text-transform:uppercase;
text-decoration:none;
cursor:pointer;
opacity:.78;
transition:opacity .28s ease,border-color .28s ease,transform .28s ease;
}
.dxw-invitation .dxw-outline-button:not(.dxw-upload-submit):hover,
.dxw-invitation .dxw-outline-button:not(.dxw-upload-submit):focus-visible,
.dxw-invitation .dxw-map-link:hover,
.dxw-invitation .dxw-map-link:focus-visible,
.dxw-invitation .dxw-copy-iban:hover,
.dxw-invitation .dxw-copy-iban:focus-visible,
.dxw-invitation .dxw-qr-direct-link:hover,
.dxw-invitation .dxw-qr-direct-link:focus-visible,
.dxw-editor-shell .dxw-mini-link:hover,
.dxw-editor-shell .dxw-mini-link:focus-visible{
border-color:var(--dxw-action-line-strong);
background:transparent;
box-shadow:none;
color:var(--dxw-accent,#9b7b5f);
opacity:1;
transform:translateY(-1px);
outline:0;
text-decoration:none;
}
/* Birincil eylemler: WhatsApp gönderimi, anı/fotoğraf yükleme ve form gönderimi. */
.dxw-invitation .dxw-upload-form .dxw-upload-submit,
.dxw-invitation .dxw-rsvp-form .dxw-upload-submit,
.dxw-invitation .dxw-wish-form .dxw-wish-submit{
display:inline-flex;
align-items:center;
justify-content:center;
gap:9px;
width:auto;
min-height:44px;
margin-top:18px;
padding:11px 24px;
border:1px solid color-mix(in srgb,var(--dxw-accent,#9b7b5f) 42%,transparent);
border-radius:14px;
background:linear-gradient(180deg,var(--dxw-action-fill-start),var(--dxw-action-fill-end));
box-shadow:inset 0 1px rgba(255,255,255,.24),0 8px 18px rgba(77,57,43,.13);
color:var(--dxw-action-on-fill);
font-family:'Cinzel',serif;
font-size:9px;
font-weight:600;
line-height:1.1;
letter-spacing:.18em;
text-transform:uppercase;
text-decoration:none;
cursor:pointer;
opacity:1;
transition:transform .28s ease,box-shadow .28s ease,filter .28s ease;
}
.dxw-invitation .dxw-upload-form .dxw-upload-submit:hover,
.dxw-invitation .dxw-upload-form .dxw-upload-submit:focus-visible,
.dxw-invitation .dxw-rsvp-form .dxw-upload-submit:hover,
.dxw-invitation .dxw-rsvp-form .dxw-upload-submit:focus-visible,
.dxw-invitation .dxw-wish-form .dxw-wish-submit:hover,
.dxw-invitation .dxw-wish-form .dxw-wish-submit:focus-visible{
border-color:color-mix(in srgb,var(--dxw-accent,#9b7b5f) 60%,transparent);
background:linear-gradient(180deg,var(--dxw-action-fill-start),var(--dxw-action-fill-end));
box-shadow:inset 0 1px rgba(255,255,255,.3),0 11px 22px rgba(77,57,43,.17);
color:var(--dxw-action-on-fill);
filter:brightness(1.025);
transform:translateY(-1px);
outline:0;
}
.dxw-invitation .dxw-upload-form .dxw-upload-submit:active,
.dxw-invitation .dxw-rsvp-form .dxw-upload-submit:active,
.dxw-invitation .dxw-wish-form .dxw-wish-submit:active{
box-shadow:inset 0 1px rgba(255,255,255,.2),0 5px 12px rgba(77,57,43,.12);
transform:translateY(0);
}
/* IBAN kontrolü, ortak metin eylemiyle aynı ölçü ve hizada. */
.dxw-invitation .dxw-copy-iban{
margin-top:0;
justify-content:flex-start;
}
.dxw-invitation .dxw-copy-iban.is-copied{
border-color:var(--dxw-action-line-strong);
background:transparent;
color:var(--dxw-accent,#9b7b5f);
opacity:1;
}
/* RSVP seçimleri: sessiz çerçeve, seçildiğinde yalnızca hafif vurgu. */
.dxw-invitation .dxw-rsvp-choice{
border:1px solid color-mix(in srgb,var(--dxw-accent,#9b7b5f) 22%,transparent);
border-radius:10px;
background:transparent;
box-shadow:none;
}
.dxw-invitation .dxw-rsvp-choice:hover,
.dxw-invitation .dxw-rsvp-choice:focus-visible{
border-color:color-mix(in srgb,var(--dxw-accent,#9b7b5f) 50%,transparent);
background:var(--dxw-action-soft);
box-shadow:none;
transform:none;
}
.dxw-invitation .dxw-rsvp-choice.is-selected{
border-color:color-mix(in srgb,var(--dxw-accent,#9b7b5f) 62%,transparent);
background:var(--dxw-action-soft);
box-shadow:none;
}
/* Sayaç kontrolleri. */
.dxw-invitation .dxw-rsvp-counter-controls button{
border:1px solid color-mix(in srgb,var(--dxw-accent,#9b7b5f) 46%,transparent);
background:transparent;
box-shadow:none;
color:var(--dxw-accent,#9b7b5f);
transition:border-color .22s ease,background .22s ease,opacity .22s ease;
}
.dxw-invitation .dxw-rsvp-counter-controls button:hover:not(:disabled),
.dxw-invitation .dxw-rsvp-counter-controls button:focus-visible:not(:disabled){
border-color:var(--dxw-action-line-strong);
background:var(--dxw-action-soft);
box-shadow:none;
outline:0;
}
/* Sayfa yönlendirme kontrolleri aynı tipografik dilde kalır. */
.dxw-invitation .dxw-next,
.dxw-invitation .dxw-restart{
border:0;
background:transparent;
box-shadow:none;
color:var(--dxw-accent,#9b7b5f);
font-family:'Cinzel',serif;
}
.dxw-invitation .dxw-next:hover,
.dxw-invitation .dxw-next:focus-visible,
.dxw-invitation .dxw-restart:hover,
.dxw-invitation .dxw-restart:focus-visible{
border:0;
background:transparent;
box-shadow:none;
color:var(--dxw-accent,#9b7b5f);
outline:0;
}
/* Ön yüz düzenleme panelindeki ortak buton sistemi. */
.dxw-editor-shell .dxw-btn{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:40px;
padding:10px 16px;
border:1px solid rgba(137,108,73,.25);
border-radius:12px;
background:transparent;
box-shadow:none;
color:#745b3e;
font-family:inherit;
font-size:12px;
font-weight:700;
line-height:1.1;
text-decoration:none!important;
cursor:pointer;
transition:border-color .25s ease,background .25s ease,color .25s ease,transform .25s ease,box-shadow .25s ease;
}
.dxw-editor-shell .dxw-btn-light{
background:#fffdf9;
color:#745b3e;
}
.dxw-editor-shell .dxw-btn-dark,
.dxw-editor-shell .dxw-btn-gold{
border-color:rgba(128,96,59,.38);
background:linear-gradient(180deg,#a8865f,#80603f);
color:#fffaf2;
box-shadow:inset 0 1px rgba(255,255,255,.22),0 7px 16px rgba(83,60,35,.12);
}
.dxw-editor-shell .dxw-btn:hover,
.dxw-editor-shell .dxw-btn:focus-visible{
border-color:rgba(137,108,73,.5);
background:#f7f0e7;
color:#694e30;
transform:translateY(-1px);
outline:0;
}
.dxw-editor-shell .dxw-btn-dark:hover,
.dxw-editor-shell .dxw-btn-dark:focus-visible,
.dxw-editor-shell .dxw-btn-gold:hover,
.dxw-editor-shell .dxw-btn-gold:focus-visible{
background:linear-gradient(180deg,#aa8962,#795a3c);
color:#fffaf2;
box-shadow:inset 0 1px rgba(255,255,255,.25),0 9px 19px rgba(83,60,35,.16);
}
.dxw-editor-shell .dxw-sticky-save .dxw-btn{
box-shadow:inset 0 1px rgba(255,255,255,.24),0 9px 20px rgba(83,60,35,.15);
}
/* Sıralama ve silme gibi yardımcı panel kontrolleri. */
.dxw-editor-shell .dxw-move-row,
.dxw-editor-shell .dxw-remove-row{
display:grid;
place-items:center;
width:32px;
height:32px;
padding:0;
border:1px solid rgba(137,108,73,.2);
border-radius:9px;
background:transparent;
box-shadow:none;
color:#80684e;
cursor:pointer;
transition:border-color .22s ease,background .22s ease,color .22s ease,opacity .22s ease;
}
.dxw-editor-shell .dxw-remove-row{
border-color:rgba(144,83,72,.2);
color:#9a5e53;
font-size:18px;
}
.dxw-editor-shell .dxw-move-row:hover:not(:disabled),
.dxw-editor-shell .dxw-move-row:focus-visible:not(:disabled),
.dxw-editor-shell .dxw-remove-row:hover,
.dxw-editor-shell .dxw-remove-row:focus-visible{
border-color:rgba(137,108,73,.48);
background:#f7f0e7;
box-shadow:none;
outline:0;
}
.dxw-editor-shell .dxw-remove-row:hover,
.dxw-editor-shell .dxw-remove-row:focus-visible{
border-color:rgba(144,83,72,.42);
background:#fbf2ef;
color:#8d4e44;
}
.dxw-editor-shell .dxw-move-row:disabled{
cursor:default;
opacity:.28;
}
@media(max-width:480px){
.dxw-invitation .dxw-upload-form .dxw-upload-submit,
.dxw-invitation .dxw-rsvp-form .dxw-upload-submit,
.dxw-invitation .dxw-wish-form .dxw-wish-submit{
width:100%;
min-height:46px;
padding:12px 18px;
}
.dxw-invitation .dxw-outline-button:not(.dxw-upload-submit),
.dxw-invitation .dxw-map-link,
.dxw-invitation .dxw-copy-iban,
.dxw-invitation .dxw-qr-direct-link{
width:auto;
}
}
/* v0.8.2 — v0.7.5 kalp dikey hizalama ayarı */
.dxw-invite-calendar .is-marked strong::before{
transform:translateY(10px);
}
@media(max-width:560px){
.dxw-invite-calendar .is-marked strong::before{
transform:translateY(8px);
}
}
/* v0.8.3 — sade RSVP seçimleri ve Başa Dön kontrolü */
.dxw-invitation .dxw-rsvp-choice-grid{
gap:12px;
}
.dxw-invitation .dxw-rsvp-choice{
position:relative;
display:flex;
align-items:center;
justify-content:flex-start;
gap:9px;
min-height:36px;
padding:7px 2px 8px;
border:0;
border-bottom:1px solid color-mix(in srgb,var(--dxw-accent) 26%,transparent);
border-radius:0;
background:transparent;
box-shadow:none;
color:color-mix(in srgb,var(--dxw-ink) 78%,transparent);
font-family:'Cormorant Garamond',Georgia,serif;
font-size:13px;
font-weight:500;
line-height:1.15;
text-align:left;
cursor:pointer;
opacity:.8;
transition:border-color .25s ease,color .25s ease,opacity .25s ease,transform .25s ease;
}
.dxw-invitation .dxw-rsvp-choice:hover,
.dxw-invitation .dxw-rsvp-choice:focus-visible{
border-color:color-mix(in srgb,var(--dxw-accent) 60%,transparent);
background:transparent;
box-shadow:none;
color:var(--dxw-accent);
opacity:1;
transform:translateY(-1px);
outline:0;
}
.dxw-invitation .dxw-rsvp-choice.is-selected{
border-color:color-mix(in srgb,var(--dxw-accent) 78%,transparent);
background:transparent;
color:var(--dxw-accent);
box-shadow:none;
opacity:1;
}
.dxw-invitation .dxw-rsvp-radio{
position:relative;
display:inline-grid;
place-items:center;
flex:0 0 14px;
width:14px;
height:14px;
border:1px solid color-mix(in srgb,var(--dxw-accent) 64%,transparent);
border-radius:50%;
box-sizing:border-box;
background:transparent;
}
.dxw-invitation .dxw-rsvp-choice.is-selected .dxw-rsvp-radio::after{
content:"";
width:6px;
height:6px;
border-radius:50%;
background:var(--dxw-accent);
}
.dxw-invitation .dxw-rsvp-choice > span:last-child{
flex:1;
}
/* Kapanıştaki Başa Dön, Slide Down ile aynı sade tipografik dilde. */
.dxw-invitation .dxw-restart{
display:inline-flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:4px;
width:auto;
min-width:96px;
margin-top:28px;
padding:7px 12px 2px;
border:0;
border-radius:0;
background:transparent;
box-shadow:none;
color:var(--dxw-accent);
cursor:pointer;
opacity:.58;
transition:opacity .35s ease,transform .35s ease;
}
.dxw-invitation .dxw-restart::before{
content:"";
width:42px;
height:1px;
margin-bottom:2px;
background:linear-gradient(90deg,transparent,var(--dxw-accent),transparent);
opacity:.34;
}
.dxw-invitation .dxw-restart:hover,
.dxw-invitation .dxw-restart:focus-visible{
border:0;
background:transparent;
box-shadow:none;
color:var(--dxw-accent);
opacity:.92;
transform:translateY(-2px);
outline:0;
}
.dxw-invitation .dxw-restart .dxw-next-label{
font-family:'Cinzel',serif;
font-size:8px!important;
font-weight:500;
line-height:1;
letter-spacing:.32em;
text-indent:.32em;
color:currentColor;
}
.dxw-invitation .dxw-restart .dxw-next-arrow{
margin-top:2px;
font-family:Georgia,serif;
font-size:18px!important;
line-height:.7;
color:currentColor;
opacity:.58;
animation:dxwRestartHint 2.3s ease-in-out infinite!important;
}
@keyframes dxwRestartHint{
0%,100%{transform:translateY(0);opacity:.34}
50%{transform:translateY(-4px);opacity:.78}
}
@media(max-width:480px){
.dxw-invitation .dxw-rsvp-choice-grid{
gap:9px;
}
.dxw-invitation .dxw-rsvp-choice{
min-height:38px;
padding:8px 1px;
font-size:12px;
}
}
/* v0.8.4 — sade ve zarif IBAN hesap görünümü */
.dxw-support-accounts{
display:flex;
flex-direction:column;
gap:0;
width:min(100%,420px);
margin:24px auto 0;
border-top:1px solid color-mix(in srgb,var(--dxw-accent) 22%,transparent);
border-bottom:1px solid color-mix(in srgb,var(--dxw-accent) 22%,transparent);
}
.dxw-support-account{
position:relative;
display:grid;
grid-template-columns:72px minmax(0,1fr) auto;
align-items:center;
gap:18px;
width:100%;
padding:20px 2px;
border:0;
border-bottom:1px solid color-mix(in srgb,var(--dxw-accent) 14%,transparent);
border-radius:0;
background:transparent;
box-shadow:none;
box-sizing:border-box;
}
.dxw-support-account:last-child{
border-bottom:0;
}
.dxw-support-currency{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:4px;
min-width:0;
}
.dxw-support-currency span{
display:grid;
place-items:center;
width:46px;
height:46px;
border:1px solid color-mix(in srgb,var(--dxw-accent) 34%,transparent);
border-radius:50%;
background:color-mix(in srgb,var(--dxw-accent) 5%,transparent);
color:var(--dxw-accent);
font-family:'Bodoni Moda','Cormorant Garamond',serif;
font-size:17px;
font-weight:500;
line-height:1;
letter-spacing:.03em;
}
.dxw-support-currency strong{
font-family:'Cinzel',serif;
font-size:7px;
font-weight:500;
line-height:1.2;
letter-spacing:.16em;
text-transform:uppercase;
color:color-mix(in srgb,var(--dxw-ink) 70%,transparent);
text-align:center;
}
.dxw-support-details{
display:flex;
min-width:0;
flex-direction:column;
align-items:flex-start;
gap:6px;
text-align:left;
}
.dxw-support-details small{
margin:0;
font-family:'Cinzel',serif;
font-size:8px;
font-weight:500;
line-height:1.2;
letter-spacing:.18em;
text-transform:uppercase;
color:var(--dxw-accent);
opacity:.8;
}
.dxw-support-details code{
display:block;
max-width:100%;
padding:0;
border:0;
background:transparent;
color:var(--dxw-ink);
font-family:'Cormorant Garamond',Georgia,serif;
font-size:15px;
font-weight:500;
line-height:1.45;
letter-spacing:.055em;
overflow-wrap:anywhere;
white-space:normal;
}
.dxw-support-account .dxw-copy-iban{
align-self:center;
justify-self:end;
margin:0;
padding:7px 1px 5px;
white-space:nowrap;
}
.dxw-support-account::before{
content:"";
position:absolute;
left:78px;
top:20px;
bottom:20px;
width:1px;
background:linear-gradient(
180deg,
transparent,
color-mix(in srgb,var(--dxw-accent) 18%,transparent),
transparent
);
}
@media(max-width:560px){
.dxw-support-accounts{
width:min(100%,350px);
margin-top:20px;
}
.dxw-support-account{
grid-template-columns:58px minmax(0,1fr);
gap:14px;
padding:18px 0;
}
.dxw-support-account::before{
left:62px;
top:18px;
bottom:18px;
}
.dxw-support-currency span{
width:40px;
height:40px;
font-size:15px;
}
.dxw-support-currency strong{
font-size:6px;
letter-spacing:.12em;
}
.dxw-support-details code{
font-size:14px;
letter-spacing:.04em;
}
.dxw-support-account .dxw-copy-iban{
grid-column:2;
justify-self:start;
margin-top:2px;
}
}
/* v0.9.0 — Anı Panomuz */
.dxw-memory-screen{
overflow-y:auto;
}
.dxw-memory-content{
width:min(100%,390px);
padding-top:8px;
}
.dxw-memory-title-frame{
position:relative;
display:grid;
grid-template-columns:minmax(34px,1fr) auto minmax(34px,1fr);
align-items:center;
gap:11px;
width:min(100%,330px);
margin:9px auto 0;
}
.dxw-memory-title-frame > span{
position:relative;
display:block;
height:1px;
background:linear-gradient(90deg,transparent,var(--dxw-accent));
opacity:.46;
}
.dxw-memory-title-frame > span:last-child{
transform:scaleX(-1);
}
.dxw-memory-title-frame > span::after{
content:"";
position:absolute;
right:-4px;
top:-3px;
width:7px;
height:7px;
border:1px solid var(--dxw-accent);
transform:rotate(45deg);
background:var(--dxw-paper);
opacity:.62;
}
.dxw-memory-title-frame > span:last-child::after{
right:auto;
left:-4px;
}
.dxw-memory-title-frame h2{
margin:0;
padding:7px 14px 8px;
border:1px solid color-mix(in srgb,var(--dxw-accent) 30%,transparent);
border-radius:999px;
background:color-mix(in srgb,var(--dxw-paper-2) 42%,transparent);
color:var(--dxw-accent);
font-family:'Bodoni Moda','Cormorant Garamond',serif;
font-size:22px;
font-weight:500;
line-height:1.05;
white-space:nowrap;
}
.dxw-memory-subtitle{
display:block;
margin:15px auto 0;
color:var(--dxw-ink);
font-family:'Cormorant Garamond',Georgia,serif;
font-size:16px;
font-weight:600;
line-height:1.25;
}
.dxw-memory-intro{
max-width:350px;
margin:7px auto 0;
color:color-mix(in srgb,var(--dxw-ink) 76%,transparent);
font-family:'Cormorant Garamond',Georgia,serif;
font-size:14px;
line-height:1.55;
}
.dxw-memory-gallery{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:8px;
width:min(100%,238px);
margin:17px auto 0;
}
.dxw-memory-gallery-item{
position:relative;
display:block;
aspect-ratio:1;
overflow:hidden;
padding:3px;
border:1px solid color-mix(in srgb,var(--dxw-accent) 18%,transparent);
border-radius:8px;
background:color-mix(in srgb,var(--dxw-paper-2) 78%,transparent);
box-shadow:0 7px 16px rgba(74,55,41,.11);
box-sizing:border-box;
transition:transform .28s ease,box-shadow .28s ease;
}
.dxw-memory-gallery-item:hover,
.dxw-memory-gallery-item:focus-visible{
box-shadow:0 10px 21px rgba(74,55,41,.15);
transform:translateY(-2px);
outline:0;
}
.dxw-memory-gallery-item img,
.dxw-memory-gallery-item video{
display:block;
width:100%;
height:100%;
border-radius:5px;
object-fit:cover;
}
.dxw-memory-play{
position:absolute;
left:50%;
top:50%;
width:31px;
height:31px;
border:1px solid rgba(255,255,255,.78);
border-radius:50%;
background:rgba(65,48,38,.35);
backdrop-filter:blur(4px);
transform:translate(-50%,-50%);
}
.dxw-memory-play::after{
content:"";
position:absolute;
left:12px;
top:9px;
border-top:6px solid transparent;
border-bottom:6px solid transparent;
border-left:9px solid #fff;
}
.dxw-memory-more{
display:inline-flex;
align-items:center;
justify-content:center;
width:min(100%,270px);
margin-top:10px;
padding:8px 15px 6px;
border:0;
border-bottom:1px solid color-mix(in srgb,var(--dxw-accent) 34%,transparent);
border-radius:0;
background:transparent;
box-shadow:none;
color:var(--dxw-accent);
font-family:'Cinzel',serif;
font-size:8px;
font-weight:500;
letter-spacing:.18em;
text-transform:uppercase;
cursor:pointer;
opacity:.76;
}
.dxw-memory-more:hover,
.dxw-memory-more:focus-visible{
border-color:color-mix(in srgb,var(--dxw-accent) 70%,transparent);
opacity:1;
outline:0;
}
.dxw-memory-empty{
width:min(100%,238px);
margin:17px auto 0;
}
.dxw-memory-empty-grid{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:8px;
}
.dxw-memory-empty-grid span{
position:relative;
aspect-ratio:1;
border:1px solid color-mix(in srgb,var(--dxw-accent) 15%,transparent);
border-radius:8px;
background:
linear-gradient(135deg,transparent 48%,color-mix(in srgb,var(--dxw-accent) 7%,transparent) 49%,transparent 51%),
color-mix(in srgb,var(--dxw-paper-2) 48%,transparent);
}
.dxw-memory-empty-grid span::before,
.dxw-memory-empty-grid span::after{
content:"";
position:absolute;
left:50%;
top:50%;
background:var(--dxw-accent);
opacity:.28;
transform:translate(-50%,-50%);
}
.dxw-memory-empty-grid span::before{
width:20px;
height:1px;
}
.dxw-memory-empty-grid span::after{
width:1px;
height:20px;
}
.dxw-memory-empty p{
margin:9px 0 0;
font-family:'Cormorant Garamond',Georgia,serif;
font-size:13px;
color:color-mix(in srgb,var(--dxw-ink) 66%,transparent);
}
.dxw-memory-add{
display:inline-flex;
align-items:center;
justify-content:center;
gap:9px;
width:min(100%,290px);
min-height:42px;
margin-top:13px;
padding:10px 20px;
border:1px solid color-mix(in srgb,var(--dxw-accent) 38%,transparent);
border-radius:999px;
background:linear-gradient(165deg,var(--dxw-paper-2),color-mix(in srgb,var(--dxw-paper) 78%,var(--dxw-accent) 8%));
box-shadow:inset 0 0 0 2px color-mix(in srgb,#fff 70%,transparent),0 6px 14px rgba(82,61,44,.1);
color:var(--dxw-accent);
font-family:'Cinzel',serif;
font-size:9px;
font-weight:600;
letter-spacing:.2em;
text-transform:uppercase;
cursor:pointer;
transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease;
}
.dxw-memory-add:hover,
.dxw-memory-add:focus-visible{
border-color:color-mix(in srgb,var(--dxw-accent) 65%,transparent);
box-shadow:inset 0 0 0 2px color-mix(in srgb,#fff 76%,transparent),0 9px 18px rgba(82,61,44,.14);
transform:translateY(-1px);
outline:0;
}
.dxw-memory-add-symbol{
position:relative;
width:15px;
height:12px;
border:1px solid currentColor;
border-radius:3px;
opacity:.76;
}
.dxw-memory-add-symbol::before{
content:"";
position:absolute;
left:3px;
top:-4px;
width:7px;
height:4px;
border:1px solid currentColor;
border-bottom:0;
border-radius:2px 2px 0 0;
}
.dxw-memory-add-symbol::after{
content:"";
position:absolute;
left:50%;
top:50%;
width:4px;
height:4px;
border:1px solid currentColor;
border-radius:50%;
transform:translate(-50%,-50%);
}
.dxw-memory-guest-text{
max-width:310px;
margin:9px auto 0;
color:color-mix(in srgb,var(--dxw-ink) 62%,transparent);
font-family:'Cormorant Garamond',Georgia,serif;
font-size:13px;
line-height:1.55;
}
.dxw-memory-sparkle{
position:relative;
width:12px;
height:12px;
margin:10px auto 0;
transform:rotate(45deg);
}
.dxw-memory-sparkle::before,
.dxw-memory-sparkle::after{
content:"";
position:absolute;
left:50%;
top:50%;
background:var(--dxw-accent);
opacity:.48;
transform:translate(-50%,-50%);
}
.dxw-memory-sparkle::before{
width:12px;
height:1px;
}
.dxw-memory-sparkle::after{
width:1px;
height:12px;
}
.dxw-memory-upload-panel{
width:min(100%,360px);
margin:18px auto 0;
padding:18px 15px 17px;
border-top:1px solid color-mix(in srgb,var(--dxw-accent) 22%,transparent);
border-bottom:1px solid color-mix(in srgb,var(--dxw-accent) 22%,transparent);
box-sizing:border-box;
}
.dxw-memory-source{
display:block;
margin:0 0 10px;
font-family:'Cinzel',serif;
font-size:7px;
letter-spacing:.16em;
color:var(--dxw-accent);
}
.dxw-memory-upload-form{
margin-top:0;
text-align:center;
}
.dxw-memory-upload-fields{
display:grid;
grid-template-columns:1fr 1fr;
gap:13px 14px;
}
.dxw-memory-line-field{
display:block;
text-align:center;
}
.dxw-memory-line-field span{
display:block;
margin-bottom:3px;
font-family:'Cinzel',serif;
font-size:8px;
letter-spacing:.2em;
text-transform:uppercase;
color:var(--dxw-accent);
}
.dxw-memory-line-field input,
.dxw-memory-line-field textarea{
display:block;
width:100%;
padding:7px 2px 6px;
border:0;
border-bottom:1px solid color-mix(in srgb,var(--dxw-accent) 34%,transparent);
border-radius:0;
background:transparent;
box-shadow:none;
color:var(--dxw-ink);
font-family:'Cormorant Garamond',Georgia,serif;
font-size:14px;
text-align:center;
box-sizing:border-box;
outline:0;
}
.dxw-memory-line-field input:focus,
.dxw-memory-line-field textarea:focus{
border-color:color-mix(in srgb,var(--dxw-accent) 74%,transparent);
}
.dxw-memory-note-field{
grid-column:1/-1;
}
.dxw-memory-note-field textarea{
min-height:44px;
resize:none;
}
.dxw-memory-file-picker{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:4px;
width:100%;
min-height:94px;
margin-top:16px;
padding:13px;
border:1px dashed color-mix(in srgb,var(--dxw-accent) 40%,transparent);
border-radius:12px;
background:color-mix(in srgb,var(--dxw-accent) 4%,transparent);
box-sizing:border-box;
cursor:pointer;
transition:border-color .25s ease,background .25s ease;
}
.dxw-memory-file-picker:hover,
.dxw-memory-file-picker:focus-within,
.dxw-memory-file-picker.has-files{
border-color:color-mix(in srgb,var(--dxw-accent) 70%,transparent);
background:color-mix(in srgb,var(--dxw-accent) 7%,transparent);
}
.dxw-memory-file-picker input{
position:absolute;
width:1px;
height:1px;
padding:0;
margin:-1px;
overflow:hidden;
clip:rect(0,0,0,0);
white-space:nowrap;
border:0;
}
.dxw-memory-file-icon{
position:relative;
width:22px;
height:17px;
border:1px solid var(--dxw-accent);
border-radius:4px;
opacity:.7;
}
.dxw-memory-file-icon::before{
content:"";
position:absolute;
left:5px;
top:-5px;
width:9px;
height:5px;
border:1px solid var(--dxw-accent);
border-bottom:0;
border-radius:3px 3px 0 0;
}
.dxw-memory-file-icon::after{
content:"+";
position:absolute;
right:-8px;
bottom:-8px;
display:grid;
place-items:center;
width:14px;
height:14px;
border:1px solid var(--dxw-accent);
border-radius:50%;
background:var(--dxw-paper);
color:var(--dxw-accent);
font-size:11px;
line-height:1;
}
.dxw-memory-file-picker strong{
margin:4px 0 0;
font-family:'Cinzel',serif;
font-size:9px;
font-weight:600;
letter-spacing:.16em;
text-transform:uppercase;
color:var(--dxw-accent);
}
.dxw-memory-file-picker small{
margin:0;
font-family:'Cormorant Garamond',Georgia,serif;
font-size:12px;
letter-spacing:0;
text-transform:none;
color:color-mix(in srgb,var(--dxw-ink) 62%,transparent);
}
.dxw-memory-upload-panel[hidden],
.dxw-memory-gallery-item[hidden]{
display:none!important;
}
@media(max-width:480px){
.dxw-memory-screen{
align-items:flex-start;
padding-top:max(40px,env(safe-area-inset-top));
padding-bottom:max(88px,calc(env(safe-area-inset-bottom) + 68px));
}
.dxw-memory-content{
width:min(100%,350px);
}
.dxw-memory-title-frame h2{
font-size:19px;
padding-inline:12px;
}
.dxw-memory-intro{
font-size:13px;
}
.dxw-memory-gallery,
.dxw-memory-empty{
width:min(100%,220px);
}
.dxw-memory-upload-fields{
grid-template-columns:1fr;
}
.dxw-memory-note-field{
grid-column:auto;
}
}
/* v0.9.1 — Fotoğraf Ekle butonu sadeleştirildi */
.dxw-memory-add{
display:inline-flex;
align-items:center;
justify-content:center;
gap:8px;
width:auto;
min-width:190px;
min-height:0;
margin-top:13px;
padding:8px 16px 6px;
border:0;
border-bottom:1px solid color-mix(in srgb,var(--dxw-accent) 38%,transparent);
border-radius:0;
background:transparent;
box-shadow:none;
color:var(--dxw-accent);
font-family:'Cinzel',serif;
font-size:8px;
font-weight:600;
line-height:1.2;
letter-spacing:.18em;
text-transform:uppercase;
cursor:pointer;
opacity:.82;
transition:opacity .28s ease,border-color .28s ease,transform .28s ease;
}
.dxw-memory-add:hover,
.dxw-memory-add:focus-visible{
border-color:color-mix(in srgb,var(--dxw-accent) 76%,transparent);
background:transparent;
box-shadow:none;
color:var(--dxw-accent);
opacity:1;
transform:translateY(-1px);
outline:0;
}
.dxw-memory-add[aria-expanded="true"]{
border-color:color-mix(in srgb,var(--dxw-accent) 62%,transparent);
opacity:1;
}
.dxw-memory-add-symbol{
position:relative;
width:12px;
height:10px;
border:1px solid currentColor;
border-radius:2px;
opacity:.78;
}
.dxw-memory-add-symbol::before{
content:"";
position:absolute;
left:3px;
top:-4px;
width:6px;
height:4px;
border:1px solid currentColor;
border-bottom:0;
border-radius:2px 2px 0 0;
}
.dxw-memory-add-symbol::after{
content:"";
position:absolute;
left:50%;
top:50%;
width:4px;
height:4px;
border:1px solid currentColor;
border-radius:50%;
transform:translate(-50%,-50%);
}
@media(max-width:480px){
.dxw-memory-add{
min-width:0;
width:auto;
padding:8px 10px 6px;
font-size:8px;
}
}
/* v0.9.2 — Fotoğraf Ekle kontrolü kesin sade görünüm */
.dxw-invitation button.dxw-memory-add.dxw-memory-text-action{
all:unset;
-webkit-appearance:none!important;
appearance:none!important;
position:relative!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
gap:8px!important;
width:auto!important;
min-width:0!important;
max-width:100%!important;
min-height:0!important;
margin:14px auto 0!important;
padding:7px 2px 6px!important;
border:0!important;
border-bottom:1px solid color-mix(in srgb,var(--dxw-accent) 34%,transparent)!important;
border-radius:0!important;
background:none!important;
background-color:transparent!important;
background-image:none!important;
box-shadow:none!important;
filter:none!important;
backdrop-filter:none!important;
color:var(--dxw-accent)!important;
font-family:'Cinzel',serif!important;
font-size:8px!important;
font-weight:500!important;
line-height:1.2!important;
letter-spacing:.18em!important;
text-indent:.18em!important;
text-transform:uppercase!important;
text-decoration:none!important;
cursor:pointer!important;
opacity:.76!important;
box-sizing:border-box!important;
transition:opacity .28s ease,border-color .28s ease,transform .28s ease!important;
}
.dxw-invitation button.dxw-memory-add.dxw-memory-text-action:hover,
.dxw-invitation button.dxw-memory-add.dxw-memory-text-action:focus-visible{
border-bottom-color:color-mix(in srgb,var(--dxw-accent) 74%,transparent)!important;
background:none!important;
box-shadow:none!important;
color:var(--dxw-accent)!important;
opacity:1!important;
transform:translateY(-1px)!important;
outline:0!important;
}
.dxw-invitation button.dxw-memory-add.dxw-memory-text-action[aria-expanded="true"]{
border-bottom-color:color-mix(in srgb,var(--dxw-accent) 58%,transparent)!important;
opacity:1!important;
}
.dxw-invitation button.dxw-memory-add.dxw-memory-text-action .dxw-memory-add-symbol{
position:relative!important;
display:inline-block!important;
flex:0 0 12px!important;
width:12px!important;
height:9px!important;
margin:0!important;
padding:0!important;
border:1px solid currentColor!important;
border-radius:2px!important;
background:transparent!important;
box-shadow:none!important;
opacity:.7!important;
}
.dxw-invitation button.dxw-memory-add.dxw-memory-text-action .dxw-memory-add-symbol::before{
content:""!important;
position:absolute!important;
left:3px!important;
top:-4px!important;
width:5px!important;
height:4px!important;
border:1px solid currentColor!important;
border-bottom:0!important;
border-radius:2px 2px 0 0!important;
background:transparent!important;
}
.dxw-invitation button.dxw-memory-add.dxw-memory-text-action .dxw-memory-add-symbol::after{
content:""!important;
position:absolute!important;
left:50%!important;
top:50%!important;
width:3px!important;
height:3px!important;
border:1px solid currentColor!important;
border-radius:50%!important;
background:transparent!important;
transform:translate(-50%,-50%)!important;
}
.dxw-invitation button.dxw-memory-add.dxw-memory-text-action > span:last-child{
display:inline-block!important;
}
@media(max-width:480px){
.dxw-invitation button.dxw-memory-add.dxw-memory-text-action{
width:auto!important;
margin-top:12px!important;
padding:7px 1px 5px!important;
font-size:8px!important;
}
}
/* v0.9.3 — premium video kapı açılışı */
.dxw-opening-video{
padding:0;
background:#e9dfd2;
}
.dxw-video-scene{
position:absolute;
inset:0;
z-index:6;
overflow:hidden;
background:
radial-gradient(circle at 50% 38%,rgba(255,255,255,.52),transparent 54%),
#e9dfd2;
}
.dxw-opening-video-media{
display:block;
width:100%;
height:100%;
object-fit:cover;
object-position:center center;
background:#e9dfd2;
transform:scale(1.002);
}
.dxw-video-vignette{
position:absolute;
inset:0;
pointer-events:none;
background:
linear-gradient(180deg,rgba(32,20,12,.035),transparent 18%,transparent 76%,rgba(32,20,12,.07)),
radial-gradient(circle at center,transparent 54%,rgba(65,43,27,.08) 100%);
opacity:.38;
transition:opacity .8s ease;
}
.dxw-opening-video.is-video-playing .dxw-video-vignette{
opacity:.12;
}
.dxw-opening-video.is-video-complete .dxw-video-vignette{
background:
radial-gradient(circle at 50% 48%,rgba(255,252,244,.04),rgba(255,250,241,.17) 38%,rgba(87,61,43,.08) 100%);
opacity:1;
}
.dxw-opening-video .dxw-opening-names{
position:relative;
z-index:8;
padding:0 26px;
opacity:0;
filter:blur(12px);
transform:translateY(18px) scale(.975);
animation:none!important;
text-shadow:
0 1px 0 rgba(255,255,255,.85),
0 5px 20px rgba(70,46,31,.12);
transition:
opacity 1s cubic-bezier(.22,1,.36,1),
filter 1s cubic-bezier(.22,1,.36,1),
transform 1s cubic-bezier(.22,1,.36,1);
pointer-events:none;
}
.dxw-opening-video.is-video-complete .dxw-opening-names{
opacity:1;
filter:blur(0);
transform:translateY(0) scale(1);
}
.dxw-opening-video .dxw-opening-names > *{
opacity:0;
transform:translateY(14px);
}
.dxw-opening-video.is-video-complete .dxw-opening-names > *{
animation:dxwVideoTextReveal .75s cubic-bezier(.22,1,.36,1) forwards;
}
.dxw-opening-video.is-video-complete .dxw-opening-names > *:nth-child(1){animation-delay:.22s}
.dxw-opening-video.is-video-complete .dxw-opening-names > *:nth-child(2){animation-delay:.34s}
.dxw-opening-video.is-video-complete .dxw-opening-names > *:nth-child(3){animation-delay:.46s}
.dxw-opening-video.is-video-complete .dxw-opening-names > *:nth-child(4){animation-delay:.60s}
.dxw-opening-video.is-video-complete .dxw-opening-names > *:nth-child(5){animation-delay:.72s}
.dxw-opening-video .dxw-next{
opacity:0!important;
pointer-events:none;
transform:translate(-50%,10px)!important;
transition-delay:0s!important;
}
.dxw-opening-video.is-video-complete .dxw-next{
opacity:.58!important;
pointer-events:auto;
transform:translate(-50%,0)!important;
transition-delay:.9s!important;
}
@keyframes dxwVideoTextReveal{
from{opacity:0;transform:translateY(14px);filter:blur(5px)}
to{opacity:1;transform:translateY(0);filter:blur(0)}
}
@media(min-width:900px) and (min-aspect-ratio:1/1){
.dxw-opening-video-media{
object-fit:contain;
}
.dxw-video-scene::before{
content:"";
position:absolute;
inset:-24px;
z-index:-1;
background:var(--dxw-cover-image) center/cover no-repeat;
filter:blur(28px) brightness(.92);
transform:scale(1.08);
opacity:.58;
}
}
@media(prefers-reduced-motion:reduce){
.dxw-opening-video-media{
display:none;
}
.dxw-video-scene{
background:var(--dxw-cover-image) center/cover no-repeat;
}
.dxw-opening-video .dxw-opening-names,
.dxw-opening-video .dxw-opening-names > *,
.dxw-opening-video .dxw-next{
opacity:1!important;
filter:none!important;
transform:none!important;
animation:none!important;
transition:none!important;
pointer-events:auto!important;
}
}
/* v0.9.4 — yeni video, kalıcı son kare ve uyumlu davetiye tipografisi */
.dxw-opening-video{
--dxw-video-text:#9a765f;
--dxw-video-text-dark:#806049;
--dxw-video-text-light:#c5a17d;
}
.dxw-opening-video .dxw-video-scene{
background:#e7d6c4;
}
.dxw-opening-final-frame,
.dxw-opening-video-media{
position:absolute;
inset:0;
display:block;
width:100%;
height:100%;
object-fit:cover;
object-position:center center;
transform:scale(1.002);
}
.dxw-opening-final-frame{
z-index:0;
}
.dxw-opening-video-media{
z-index:1;
opacity:1;
transition:opacity .62s cubic-bezier(.22,1,.36,1),visibility 0s linear .62s;
}
.dxw-opening-video.is-video-complete .dxw-opening-video-media{
opacity:0;
visibility:hidden;
}
.dxw-opening-video .dxw-video-vignette{
z-index:2;
background:
linear-gradient(180deg,rgba(74,50,34,.035),transparent 18%,transparent 78%,rgba(74,50,34,.05)),
radial-gradient(circle at 50% 48%,transparent 62%,rgba(105,75,50,.055) 100%);
}
.dxw-opening-video.is-video-complete .dxw-video-vignette{
background:
radial-gradient(circle at 50% 46%,rgba(255,252,244,.02),rgba(255,249,239,.08) 50%,rgba(104,75,52,.045) 100%);
opacity:1;
}
/* Metinler, son karedeki boş davetiye paneline yerleşir. */
.dxw-opening-video .dxw-opening-names{
position:absolute;
left:50%;
top:47%;
width:min(72vw,430px);
padding:0;
opacity:0;
filter:blur(10px);
transform:translate(-50%,calc(-50% + 18px)) scale(.975);
text-align:center;
text-shadow:none;
transition:
opacity 1s cubic-bezier(.22,1,.36,1),
filter 1s cubic-bezier(.22,1,.36,1),
transform 1s cubic-bezier(.22,1,.36,1);
}
.dxw-opening-video.is-video-complete .dxw-opening-names{
opacity:1;
filter:blur(0);
transform:translate(-50%,-50%) scale(1);
}
.dxw-opening-video .dxw-opening-name{
font-family:'Great Vibes','Cormorant Garamond',cursive;
font-size:clamp(62px,18vw,94px);
font-weight:400;
line-height:.84;
color:var(--dxw-video-text);
text-shadow:
0 -1px 0 rgba(255,255,255,.64),
0 2px 2px rgba(92,62,42,.11),
0 8px 20px rgba(92,62,42,.08);
}
.dxw-opening-video .dxw-opening-names em{
margin:-2px 0 1px;
font-family:'Cormorant Garamond',Georgia,serif;
font-size:44px;
font-weight:400;
line-height:.74;
background:none;
color:var(--dxw-video-text-light);
-webkit-text-fill-color:currentColor;
filter:none;
animation:none;
text-shadow:0 1px 0 rgba(255,255,255,.65);
}
.dxw-opening-video .dxw-opening-names > small:not(.dxw-opening-date){
margin-top:27px;
font-family:'Cinzel','Cormorant Garamond',serif;
font-size:12px;
font-weight:500;
line-height:1.25;
letter-spacing:.3em;
text-indent:.3em;
color:var(--dxw-video-text-dark);
opacity:.88;
text-shadow:0 1px 0 rgba(255,255,255,.58);
}
.dxw-opening-video .dxw-opening-date{
margin-top:10px;
font-family:'Cormorant Garamond',Georgia,serif;
font-size:15px;
font-weight:500;
font-style:italic;
line-height:1.25;
letter-spacing:.12em;
text-indent:.12em;
text-transform:none;
color:var(--dxw-video-text);
opacity:.9;
text-shadow:0 1px 0 rgba(255,255,255,.58);
}
.dxw-opening-video.is-video-complete .dxw-opening-names > *{
animation:dxwVideoPanelText .82s cubic-bezier(.22,1,.36,1) forwards;
}
@keyframes dxwVideoPanelText{
from{opacity:0;transform:translateY(12px);filter:blur(4px)}
to{opacity:1;transform:translateY(0);filter:blur(0)}
}
@media(max-width:480px){
.dxw-opening-video .dxw-opening-names{
top:46.5%;
width:min(74vw,310px);
}
.dxw-opening-video .dxw-opening-name{
font-size:clamp(58px,18vw,78px);
}
.dxw-opening-video .dxw-opening-names em{
font-size:38px;
}
.dxw-opening-video .dxw-opening-names > small:not(.dxw-opening-date){
margin-top:23px;
font-size:10px;
letter-spacing:.26em;
text-indent:.26em;
}
.dxw-opening-video .dxw-opening-date{
margin-top:8px;
font-size:14px;
}
}
@media(min-width:900px) and (min-aspect-ratio:1/1){
.dxw-opening-final-frame,
.dxw-opening-video-media{
object-fit:contain;
}
}
/* v0.9.7 — toplu tasarım düzeltmesi
Tek arka plan, güçlü okunabilirlik ve dengeli mobil ölçüler */
/* ---------------------------------------------------------------
1. TEK VE SABİT ARKA PLAN
--------------------------------------------------------------- */
.dxw-invitation.dxw-theme-palace{
--dxw-bg-image:url('../video/wedding-door-final.webp');
--dxw-text-strong:#52372a;
--dxw-text-main:#604536;
--dxw-text-soft:#745746;
--dxw-bronze:#875b3d;
--dxw-bronze-deep:#70472f;
--dxw-bronze-light:#a77b55;
--dxw-rule:rgba(95,62,43,.30);
--dxw-rule-soft:rgba(95,62,43,.17);
background:#efe3d5;
color:var(--dxw-text-main);
}
.dxw-invitation.dxw-theme-palace > .dxw-paper-texture{
display:none!important;
}
.dxw-invitation.dxw-theme-palace::before,
.dxw-invitation.dxw-theme-palace::after{
content:none!important;
display:none!important;
}
.dxw-invitation.dxw-theme-palace .dxw-scroll{
background-color:#efe3d5;
background-image:
linear-gradient(rgba(250,244,235,.05),rgba(250,244,235,.05)),
var(--dxw-bg-image);
background-position:center center;
background-repeat:no-repeat;
background-size:cover;
}
.dxw-invitation.dxw-theme-palace .dxw-screen:not(.dxw-opening){
background:transparent!important;
color:var(--dxw-text-main);
}
.dxw-invitation.dxw-theme-palace .dxw-screen:not(.dxw-opening)::before,
.dxw-invitation.dxw-theme-palace .dxw-screen:not(.dxw-opening)::after{
content:none!important;
display:none!important;
}
.dxw-invitation.dxw-theme-palace .dxw-screen:not(.dxw-opening) .dxw-content{
position:relative;
z-index:3;
width:min(100%,356px);
}
/* ---------------------------------------------------------------
2. ORTAK RENK VE TİPOGRAFİ
--------------------------------------------------------------- */
.dxw-invitation.dxw-theme-palace .dxw-screen:not(.dxw-opening) h1,
.dxw-invitation.dxw-theme-palace .dxw-screen:not(.dxw-opening) h2,
.dxw-invitation.dxw-theme-palace .dxw-screen:not(.dxw-opening) h3,
.dxw-invitation.dxw-theme-palace .dxw-screen:not(.dxw-opening) strong{
color:var(--dxw-text-strong);
}
.dxw-invitation.dxw-theme-palace .dxw-eyebrow{
color:var(--dxw-bronze)!important;
opacity:1!important;
font-weight:600;
text-shadow:0 1px 0 rgba(255,255,255,.42);
}
.dxw-invitation.dxw-theme-palace .dxw-divider::before,
.dxw-invitation.dxw-theme-palace .dxw-divider::after{
background:linear-gradient(90deg,transparent,var(--dxw-bronze));
opacity:.68;
}
.dxw-invitation.dxw-theme-palace .dxw-ornament{
fill:var(--dxw-bronze);
stroke:var(--dxw-bronze);
opacity:.92;
}
.dxw-invitation.dxw-theme-palace .dxw-lead,
.dxw-invitation.dxw-theme-palace .dxw-quote,
.dxw-invitation.dxw-theme-palace .dxw-menu-detail,
.dxw-invitation.dxw-theme-palace .dxw-rsvp-note,
.dxw-invitation.dxw-theme-palace .dxw-support-intro,
.dxw-invitation.dxw-theme-palace .dxw-memory-intro,
.dxw-invitation.dxw-theme-palace .dxw-memory-guest-text,
.dxw-invitation.dxw-theme-palace .dxw-detail-card p{
color:var(--dxw-text-main)!important;
opacity:1!important;
text-shadow:0 1px 0 rgba(255,255,255,.26);
}
.dxw-invitation.dxw-theme-palace .dxw-script-title{
color:var(--dxw-bronze-deep);
text-shadow:
0 -1px 0 rgba(255,255,255,.55),
0 2px 2px rgba(82,52,35,.10),
0 8px 18px rgba(82,52,35,.07);
}
.dxw-invitation.dxw-theme-palace .dxw-next,
.dxw-invitation.dxw-theme-palace .dxw-restart{
color:var(--dxw-bronze-deep)!important;
}
.dxw-invitation.dxw-theme-palace .dxw-next-label{
color:currentColor!important;
opacity:1!important;
}
.dxw-invitation.dxw-theme-palace .dxw-dots button{
background:var(--dxw-bronze-deep);
}
.dxw-invitation.dxw-theme-palace .dxw-dots button.is-active{
opacity:.95;
}
/* ---------------------------------------------------------------
3. AÇILIŞ VİDEOSU
Yazı kapılar belirgin biçimde açıldığında gelir.
--------------------------------------------------------------- */
.dxw-opening-video .dxw-opening-names{
opacity:0;
filter:blur(8px);
transform:translate(-50%,calc(-50% + 14px)) scale(.985);
transition:
opacity .78s cubic-bezier(.22,1,.36,1),
filter .78s cubic-bezier(.22,1,.36,1),
transform .78s cubic-bezier(.22,1,.36,1);
}
.dxw-opening-video.is-video-text-active .dxw-opening-names,
.dxw-opening-video.is-video-complete .dxw-opening-names{
opacity:1;
filter:blur(0);
transform:translate(-50%,-50%) scale(1);
}
.dxw-opening-video .dxw-opening-names > *{
opacity:0;
transform:translateY(10px);
}
.dxw-opening-video.is-video-text-active .dxw-opening-names > *,
.dxw-opening-video.is-video-complete .dxw-opening-names > *{
animation:dxwVideoTextEarly .58s cubic-bezier(.22,1,.36,1) forwards;
}
.dxw-opening-video.is-video-text-active .dxw-opening-names > *:nth-child(1),
.dxw-opening-video.is-video-complete .dxw-opening-names > *:nth-child(1){animation-delay:.02s}
.dxw-opening-video.is-video-text-active .dxw-opening-names > *:nth-child(2),
.dxw-opening-video.is-video-complete .dxw-opening-names > *:nth-child(2){animation-delay:.10s}
.dxw-opening-video.is-video-text-active .dxw-opening-names > *:nth-child(3),
.dxw-opening-video.is-video-complete .dxw-opening-names > *:nth-child(3){animation-delay:.18s}
.dxw-opening-video.is-video-text-active .dxw-opening-names > *:nth-child(4),
.dxw-opening-video.is-video-complete .dxw-opening-names > *:nth-child(4){animation-delay:.27s}
.dxw-opening-video.is-video-text-active .dxw-opening-names > *:nth-child(5),
.dxw-opening-video.is-video-complete .dxw-opening-names > *:nth-child(5){animation-delay:.36s}
@keyframes dxwVideoTextEarly{
from{opacity:0;transform:translateY(10px);filter:blur(3px)}
to{opacity:1;transform:translateY(0);filter:blur(0)}
}
.dxw-opening-video .dxw-opening-name{
color:#80563f!important;
}
.dxw-opening-video .dxw-opening-names em{
color:#a8764d!important;
}
.dxw-opening-video .dxw-opening-names > small:not(.dxw-opening-date){
color:#76503a!important;
opacity:1!important;
}
.dxw-opening-video .dxw-opening-date{
color:#815a43!important;
opacity:1!important;
}
/* ---------------------------------------------------------------
4. DAVETİYE + TAKVİM + SAYAÇ
--------------------------------------------------------------- */
.dxw-invitation.dxw-theme-palace .dxw-invite-screen{
padding-top:max(28px,env(safe-area-inset-top));
padding-bottom:max(76px,calc(env(safe-area-inset-bottom) + 58px));
}
.dxw-invitation.dxw-theme-palace .dxw-invite-screen .dxw-content{
width:min(100%,350px);
}
.dxw-invitation.dxw-theme-palace .dxw-invite-screen .dxw-eyebrow{
margin-bottom:3px;
font-size:9px;
letter-spacing:.38em;
text-indent:.38em;
}
.dxw-invitation.dxw-theme-palace .dxw-invite-screen .dxw-script-title{
font-size:clamp(53px,14.8vw,72px);
line-height:.82;
}
.dxw-invitation.dxw-theme-palace .dxw-invite-screen .dxw-divider{
width:72px;
margin:10px auto 11px;
}
.dxw-invitation.dxw-theme-palace .dxw-invite-subtitle{
margin:0 0 7px;
color:var(--dxw-bronze-deep);
font-size:10px;
font-weight:600;
letter-spacing:.28em;
text-indent:.28em;
opacity:1;
}
.dxw-invitation.dxw-theme-palace .dxw-invite-screen .dxw-lead{
max-width:294px;
font-size:14px;
line-height:1.62;
}
.dxw-invitation.dxw-theme-palace .dxw-families{
margin-top:13px;
padding:10px 0;
border-top:1px solid var(--dxw-rule-soft);
border-bottom:1px solid var(--dxw-rule-soft);
gap:12px;
}
.dxw-invitation.dxw-theme-palace .dxw-families i{
background:linear-gradient(transparent,var(--dxw-bronze),transparent);
opacity:.55;
}
.dxw-invitation.dxw-theme-palace .dxw-families strong{
color:var(--dxw-text-strong)!important;
font-size:12px;
line-height:1.35;
}
.dxw-invitation.dxw-theme-palace .dxw-families span{
color:var(--dxw-bronze)!important;
font-size:7px;
font-weight:600;
letter-spacing:.18em;
opacity:1;
}
.dxw-invitation.dxw-theme-palace .dxw-invite-card{
margin-top:12px;
max-width:100%;
padding:11px 4px 10px;
border:0;
border-top:1px solid var(--dxw-rule-soft);
border-bottom:1px solid var(--dxw-rule-soft);
border-radius:0;
background:transparent;
box-shadow:none;
}
.dxw-invitation.dxw-theme-palace .dxw-invite-card-head{
margin-bottom:10px;
color:var(--dxw-bronze);
font-size:18px;
font-weight:500;
letter-spacing:.28em;
text-indent:.28em;
}
.dxw-invitation.dxw-theme-palace .dxw-invite-calendar{
gap:3px;
}
.dxw-invitation.dxw-theme-palace .dxw-invite-calendar > div{
color:var(--dxw-bronze);
gap:3px;
}
.dxw-invitation.dxw-theme-palace .dxw-invite-calendar span{
color:#765542;
font-size:7px;
font-weight:600;
letter-spacing:.10em;
opacity:.82;
}
.dxw-invitation.dxw-theme-palace .dxw-invite-calendar strong{
color:#684737;
font-size:24px;
}
.dxw-invitation.dxw-theme-palace .dxw-invite-calendar .is-marked strong{
width:42px;
height:42px;
color:#fffaf2;
}
.dxw-invitation.dxw-theme-palace .dxw-invite-calendar .is-marked strong::before{
background:#ad805c;
filter:none;
}
.dxw-invitation.dxw-theme-palace .dxw-invite-calendar .is-marked-wedding strong::before{
background:#8f6143;
}
.dxw-invitation.dxw-theme-palace .dxw-event-card-grid{
grid-template-columns:1fr 1fr;
gap:0;
margin-top:10px;
padding-top:10px;
border-top:1px solid var(--dxw-rule-soft);
}
.dxw-invitation.dxw-theme-palace .dxw-event-card{
padding:0 9px;
border:0;
border-radius:0;
background:transparent!important;
}
.dxw-invitation.dxw-theme-palace .dxw-event-card:first-child{
border-right:1px solid var(--dxw-rule-soft);
}
.dxw-invitation.dxw-theme-palace .dxw-event-card h3{
margin:0 0 4px;
color:var(--dxw-bronze-deep)!important;
font-size:12px;
font-weight:600;
}
.dxw-invitation.dxw-theme-palace .dxw-event-card p{
color:var(--dxw-text-main);
font-size:11px;
line-height:1.45;
}
.dxw-invitation.dxw-theme-palace .dxw-countdown-inline{
margin-top:10px;
padding-top:10px;
border-top:1px solid var(--dxw-rule-soft);
}
.dxw-invitation.dxw-theme-palace .dxw-countdown-inline .dxw-countdown-days strong{
color:var(--dxw-bronze-deep);
font-size:52px;
}
.dxw-invitation.dxw-theme-palace .dxw-countdown-days span,
.dxw-invitation.dxw-theme-palace .dxw-countdown-small span{
color:var(--dxw-bronze);
opacity:1;
}
.dxw-invitation.dxw-theme-palace .dxw-countdown-small strong,
.dxw-invitation.dxw-theme-palace .dxw-countdown-small i{
color:var(--dxw-text-strong);
}
/* ---------------------------------------------------------------
5. KINA VE DÜĞÜN
--------------------------------------------------------------- */
.dxw-invitation.dxw-theme-palace .dxw-event-detail-screen .dxw-content{
width:min(100%,330px);
}
.dxw-invitation.dxw-theme-palace .dxw-event-detail-screen h2{
margin-top:8px;
color:var(--dxw-text-strong);
font-size:31px;
line-height:1.12;
text-shadow:0 1px 0 rgba(255,255,255,.35);
}
.dxw-invitation.dxw-theme-palace .dxw-event-detail-screen .dxw-divider{
width:76px;
margin:13px auto 15px;
}
.dxw-invitation.dxw-theme-palace .dxw-detail-card,
.dxw-invitation.dxw-theme-palace .dxw-detail-card.is-primary{
margin-top:0;
max-width:320px;
padding:0;
border:0;
border-radius:0;
background:transparent;
box-shadow:none;
}
.dxw-invitation.dxw-theme-palace .dxw-detail-date{
color:var(--dxw-bronze);
font-size:10px;
font-weight:600;
letter-spacing:.27em;
}
.dxw-invitation.dxw-theme-palace .dxw-detail-time{
margin-top:5px;
color:var(--dxw-bronze-deep);
font-size:56px;
text-shadow:0 1px 0 rgba(255,255,255,.32);
}
.dxw-invitation.dxw-theme-palace .dxw-detail-card h3{
margin:13px 0 8px;
color:var(--dxw-text-strong)!important;
font-size:29px;
line-height:1.1;
}
.dxw-invitation.dxw-theme-palace .dxw-detail-card p{
max-width:286px;
font-size:14px;
line-height:1.7;
}
.dxw-invitation.dxw-theme-palace .dxw-map-link{
margin-top:16px;
padding:9px 1px 6px;
border-top:1px solid var(--dxw-rule-soft);
border-bottom:1px solid var(--dxw-rule);
color:var(--dxw-bronze-deep);
font-size:8px;
font-weight:600;
opacity:1;
}
/* ---------------------------------------------------------------
6. DÜĞÜN AKIŞI
--------------------------------------------------------------- */
.dxw-invitation.dxw-theme-palace .dxw-timeline-screen .dxw-content{
width:min(100%,330px);
}
.dxw-invitation.dxw-theme-palace .dxw-timeline{
margin-top:4px;
}
.dxw-invitation.dxw-theme-palace .dxw-timeline-item{
margin-bottom:11px;
}
.dxw-invitation.dxw-theme-palace .dxw-timeline-item time{
color:var(--dxw-bronze);
font-size:10px;
font-weight:600;
letter-spacing:.22em;
}
.dxw-invitation.dxw-theme-palace .dxw-timeline-item strong{
margin-top:3px;
color:var(--dxw-text-strong)!important;
font-size:22px;
line-height:1.16;
text-shadow:0 1px 0 rgba(255,255,255,.28);
}
.dxw-invitation.dxw-theme-palace .dxw-timeline-item .dxw-ornament{
width:10px;
height:13px;
margin-top:5px;
}
/* ---------------------------------------------------------------
7. YEMEK SAYFASI
--------------------------------------------------------------- */
.dxw-invitation.dxw-theme-palace .dxw-menu-screen h2{
color:var(--dxw-text-strong);
font-size:31px;
line-height:1.14;
}
.dxw-invitation.dxw-theme-palace .dxw-menu-screen .dxw-lead{
max-width:300px;
font-size:17px;
line-height:1.72;
}
.dxw-invitation.dxw-theme-palace .dxw-menu-lines{
margin:20px auto;
}
.dxw-invitation.dxw-theme-palace .dxw-menu-lines span{
background:linear-gradient(90deg,transparent,var(--dxw-bronze));
}
.dxw-invitation.dxw-theme-palace .dxw-menu-lines i{
color:var(--dxw-bronze);
}
.dxw-invitation.dxw-theme-palace .dxw-menu-detail{
max-width:300px;
font-size:14px;
line-height:1.72;
}
/* ---------------------------------------------------------------
8. KATILIM FORMU
--------------------------------------------------------------- */
.dxw-invitation.dxw-theme-palace .dxw-rsvp-screen{
padding-top:max(30px,env(safe-area-inset-top));
padding-bottom:max(82px,calc(env(safe-area-inset-bottom) + 64px));
}
.dxw-invitation.dxw-theme-palace .dxw-rsvp-screen .dxw-content{
width:min(100%,344px);
}
.dxw-invitation.dxw-theme-palace .dxw-rsvp-screen h2{
color:var(--dxw-text-strong);
font-size:27px;
line-height:1.08;
}
.dxw-invitation.dxw-theme-palace .dxw-rsvp-note{
max-width:304px;
margin-top:7px;
font-size:13px;
line-height:1.52;
}
.dxw-invitation.dxw-theme-palace .dxw-rsvp-form-split{
gap:8px;
margin-top:12px;
}
.dxw-invitation.dxw-theme-palace .dxw-rsvp-line-field label,
.dxw-invitation.dxw-theme-palace .dxw-rsvp-event-title strong,
.dxw-invitation.dxw-theme-palace .dxw-rsvp-counter-label{
color:var(--dxw-bronze-deep);
font-weight:600;
opacity:1;
}
.dxw-invitation.dxw-theme-palace .dxw-rsvp-line-field input,
.dxw-invitation.dxw-theme-palace .dxw-rsvp-line-field textarea{
color:var(--dxw-text-strong);
border-bottom-color:var(--dxw-rule);
font-size:14px;
}
.dxw-invitation.dxw-theme-palace .dxw-rsvp-line-field input::placeholder,
.dxw-invitation.dxw-theme-palace .dxw-rsvp-line-field textarea::placeholder{
color:#806858;
opacity:.86;
}
.dxw-invitation.dxw-theme-palace .dxw-rsvp-choice-grid{
gap:10px;
}
.dxw-invitation.dxw-theme-palace .dxw-rsvp-choice{
min-height:37px;
color:var(--dxw-text-main);
border-bottom-color:var(--dxw-rule);
font-size:12px;
opacity:1;
}
.dxw-invitation.dxw-theme-palace .dxw-rsvp-choice:hover,
.dxw-invitation.dxw-theme-palace .dxw-rsvp-choice:focus-visible,
.dxw-invitation.dxw-theme-palace .dxw-rsvp-choice.is-selected{
color:var(--dxw-bronze-deep);
border-bottom-color:var(--dxw-bronze);
}
.dxw-invitation.dxw-theme-palace .dxw-rsvp-radio{
border-color:var(--dxw-bronze);
}
.dxw-invitation.dxw-theme-palace .dxw-rsvp-choice.is-selected .dxw-rsvp-radio::after{
background:var(--dxw-bronze-deep);
}
.dxw-invitation.dxw-theme-palace .dxw-rsvp-counter-controls strong{
color:var(--dxw-text-strong);
}
.dxw-invitation.dxw-theme-palace .dxw-rsvp-counter-controls button{
border-color:var(--dxw-rule);
color:var(--dxw-bronze-deep);
}
.dxw-invitation.dxw-theme-palace .dxw-rsvp-form .dxw-upload-submit{
margin-top:7px;
background:linear-gradient(180deg,#9a6a45,#7e5135);
border-color:rgba(82,52,35,.36);
color:#fff9f0;
box-shadow:0 7px 15px rgba(76,47,30,.16);
}
.dxw-invitation.dxw-theme-palace .dxw-rsvp-help{
color:var(--dxw-text-soft);
opacity:1;
font-size:12px;
}
/* ---------------------------------------------------------------
9. DÜĞÜN HEDİYESİ / IBAN
--------------------------------------------------------------- */
.dxw-invitation.dxw-theme-palace .dxw-support-screen .dxw-content{
width:min(100%,344px);
}
.dxw-invitation.dxw-theme-palace .dxw-support-screen h2{
max-width:320px;
margin-inline:auto;
color:var(--dxw-text-strong);
font-size:34px;
line-height:1.08;
}
.dxw-invitation.dxw-theme-palace .dxw-support-intro{
max-width:310px;
font-size:14px;
line-height:1.68;
}
.dxw-invitation.dxw-theme-palace .dxw-support-holder{
margin-top:14px;
color:var(--dxw-text-strong);
}
.dxw-invitation.dxw-theme-palace .dxw-support-holder span{
color:var(--dxw-bronze);
opacity:1;
}
.dxw-invitation.dxw-theme-palace .dxw-support-holder strong{
color:var(--dxw-text-strong)!important;
}
.dxw-invitation.dxw-theme-palace .dxw-support-accounts{
margin-top:16px;
border-color:var(--dxw-rule-soft);
}
.dxw-invitation.dxw-theme-palace .dxw-support-account{
padding:16px 0;
border-color:var(--dxw-rule-soft);
}
.dxw-invitation.dxw-theme-palace .dxw-support-currency span{
border-color:var(--dxw-rule);
background:rgba(167,123,85,.08);
color:var(--dxw-bronze-deep);
}
.dxw-invitation.dxw-theme-palace .dxw-support-currency strong,
.dxw-invitation.dxw-theme-palace .dxw-support-details small{
color:var(--dxw-bronze-deep)!important;
opacity:1;
}
.dxw-invitation.dxw-theme-palace .dxw-support-details code{
color:var(--dxw-text-strong);
font-size:15px;
font-weight:600;
}
.dxw-invitation.dxw-theme-palace .dxw-copy-iban{
color:var(--dxw-bronze-deep)!important;
border-bottom-color:var(--dxw-rule)!important;
opacity:1!important;
}
/* ---------------------------------------------------------------
10. ANI PANOSU
--------------------------------------------------------------- */
.dxw-invitation.dxw-theme-palace .dxw-memory-screen{
padding-top:max(28px,env(safe-area-inset-top));
padding-bottom:max(80px,calc(env(safe-area-inset-bottom) + 62px));
}
.dxw-invitation.dxw-theme-palace .dxw-memory-content{
width:min(100%,344px);
}
.dxw-invitation.dxw-theme-palace .dxw-memory-title-frame h2{
border-color:var(--dxw-rule);
background:rgba(250,243,234,.36);
color:var(--dxw-text-strong)!important;
font-size:20px;
}
.dxw-invitation.dxw-theme-palace .dxw-memory-title-frame > span{
background:linear-gradient(90deg,transparent,var(--dxw-bronze));
opacity:.72;
}
.dxw-invitation.dxw-theme-palace .dxw-memory-subtitle{
color:var(--dxw-text-strong)!important;
font-size:15px;
}
.dxw-invitation.dxw-theme-palace .dxw-memory-intro{
max-width:314px;
font-size:13px;
line-height:1.55;
}
.dxw-invitation.dxw-theme-palace .dxw-memory-empty-grid span{
border-color:var(--dxw-rule-soft);
background:rgba(250,243,234,.50);
}
.dxw-invitation.dxw-theme-palace .dxw-memory-empty-grid span::before,
.dxw-invitation.dxw-theme-palace .dxw-memory-empty-grid span::after{
background:var(--dxw-bronze);
opacity:.52;
}
.dxw-invitation.dxw-theme-palace .dxw-memory-empty p{
color:var(--dxw-text-soft);
opacity:1;
}
.dxw-invitation.dxw-theme-palace button.dxw-memory-add.dxw-memory-text-action{
color:var(--dxw-bronze-deep)!important;
border-bottom-color:var(--dxw-rule)!important;
opacity:1!important;
}
.dxw-invitation.dxw-theme-palace .dxw-memory-guest-text{
max-width:300px;
font-size:12px;
}
/* ---------------------------------------------------------------
11. KAPANIŞ
--------------------------------------------------------------- */
.dxw-invitation.dxw-theme-palace .dxw-final-screen .dxw-content{
width:min(100%,330px);
}
.dxw-invitation.dxw-theme-palace .dxw-final-screen .dxw-script-title{
color:var(--dxw-bronze-deep);
font-size:clamp(57px,16vw,78px);
line-height:.90;
}
.dxw-invitation.dxw-theme-palace .dxw-final-screen .dxw-quote{
max-width:296px;
font-size:20px;
line-height:1.72;
color:var(--dxw-text-main)!important;
}
.dxw-invitation.dxw-theme-palace .dxw-final-date{
color:var(--dxw-bronze);
font-weight:600;
opacity:1;
}
.dxw-invitation.dxw-theme-palace .dxw-restart{
opacity:.86;
}
/* ---------------------------------------------------------------
12. MOBİL DENGE
--------------------------------------------------------------- */
@media(max-width:480px){
.dxw-invitation.dxw-theme-palace .dxw-screen:not(.dxw-opening){
padding-left:8%;
padding-right:8%;
}
.dxw-invitation.dxw-theme-palace .dxw-invite-screen .dxw-script-title{
font-size:clamp(50px,14.5vw,66px);
}
.dxw-invitation.dxw-theme-palace .dxw-invite-screen .dxw-lead{
font-size:13px;
}
.dxw-invitation.dxw-theme-palace .dxw-invite-calendar strong{
font-size:22px;
}
.dxw-invitation.dxw-theme-palace .dxw-invite-calendar .is-marked strong{
width:39px;
height:39px;
}
.dxw-invitation.dxw-theme-palace .dxw-countdown-inline .dxw-countdown-days strong{
font-size:48px;
}
.dxw-invitation.dxw-theme-palace .dxw-detail-time{
font-size:52px;
}
.dxw-invitation.dxw-theme-palace .dxw-detail-card h3{
font-size:27px;
}
.dxw-invitation.dxw-theme-palace .dxw-timeline-item strong{
font-size:20px;
}
.dxw-invitation.dxw-theme-palace .dxw-support-screen h2{
font-size:31px;
}
.dxw-invitation.dxw-theme-palace .dxw-support-account{
grid-template-columns:54px minmax(0,1fr);
gap:12px;
}
.dxw-invitation.dxw-theme-palace .dxw-support-account::before{
left:58px;
}
.dxw-invitation.dxw-theme-palace .dxw-support-details code{
font-size:14px;
}
}
/* v0.10.0 — tek kaydırma alanı ve cihaza uyumlu içerik ölçeği */
.dxw-invitation.dxw-theme-palace{
--dxw-page-content-width:333px;
--dxw-page-content-zoom:.90;
}
/* Her bölüm tam bir ekran olur; kaydırmayı yalnızca ana dxw-scroll yönetir. */
.dxw-invitation.dxw-theme-palace .dxw-screen:not(.dxw-opening){
width:100%;
height:100%;
min-height:100%;
padding:
max(26px,env(safe-area-inset-top))
7%
max(68px,calc(env(safe-area-inset-bottom) + 52px));
overflow:hidden!important;
box-sizing:border-box;
}
/* İçerikte ayrı scroll, max-height ve gizli scrollbar kullanılmaz. */
.dxw-invitation.dxw-theme-palace
.dxw-screen:not(.dxw-opening)
.dxw-content.dxw-reveal{
width:min(var(--dxw-page-content-width),96vw)!important;
max-width:none!important;
max-height:none!important;
padding:0 4px;
overflow:visible!important;
overscroll-behavior:auto!important;
scrollbar-width:auto!important;
box-sizing:border-box;
transform-origin:center center;
zoom:var(--dxw-page-content-zoom);
}
.dxw-invitation.dxw-theme-palace
.dxw-screen:not(.dxw-opening)
.dxw-content.dxw-reveal::-webkit-scrollbar{
display:none;
}
/* Eski sayfa bazlı genişlikler ortak sistemi ezemez. */
.dxw-invitation.dxw-theme-palace .dxw-invite-screen .dxw-content,
.dxw-invitation.dxw-theme-palace .dxw-event-detail-screen .dxw-content,
.dxw-invitation.dxw-theme-palace .dxw-timeline-screen .dxw-content,
.dxw-invitation.dxw-theme-palace .dxw-menu-screen .dxw-content,
.dxw-invitation.dxw-theme-palace .dxw-rsvp-screen .dxw-content,
.dxw-invitation.dxw-theme-palace .dxw-support-screen .dxw-content,
.dxw-invitation.dxw-theme-palace .dxw-memory-screen .dxw-content,
.dxw-invitation.dxw-theme-palace .dxw-final-screen .dxw-content{
width:min(var(--dxw-page-content-width),96vw)!important;
max-width:none!important;
max-height:none!important;
overflow:visible!important;
}
/* Önceki sürümlerde özel olarak scroll verilen sayfaları da tek sisteme al. */
.dxw-invitation.dxw-theme-palace .dxw-rsvp-screen,
.dxw-invitation.dxw-theme-palace .dxw-memory-screen{
overflow:hidden!important;
}
/* Davetiye ekranı tek ekrana sığacak şekilde ayrıca sıkıştırılır. */
.dxw-invitation.dxw-theme-palace .dxw-invite-screen{
padding-top:max(20px,env(safe-area-inset-top));
padding-bottom:max(60px,calc(env(safe-area-inset-bottom) + 46px));
}
.dxw-invitation.dxw-theme-palace .dxw-invite-screen .dxw-content{
zoom:var(--dxw-page-content-zoom);
}
/* Ekran yüksekliğine göre içerik tek parça halinde küçülür.
Böylece parmak hareketi iç kutuda takılmaz, bir sonraki sayfaya gider. */
@media(max-height:790px){
.dxw-invitation.dxw-theme-palace{
--dxw-page-content-zoom:.84;
}
.dxw-invitation.dxw-theme-palace .dxw-screen:not(.dxw-opening){
padding-top:max(18px,env(safe-area-inset-top));
padding-bottom:max(56px,calc(env(safe-area-inset-bottom) + 42px));
}
}
@media(max-height:710px){
.dxw-invitation.dxw-theme-palace{
--dxw-page-content-zoom:.76;
}
.dxw-invitation.dxw-theme-palace .dxw-screen:not(.dxw-opening){
padding-top:max(12px,env(safe-area-inset-top));
padding-bottom:max(48px,calc(env(safe-area-inset-bottom) + 36px));
}
}
@media(max-height:630px){
.dxw-invitation.dxw-theme-palace{
--dxw-page-content-zoom:.68;
}
}
@media(max-width:350px){
.dxw-invitation.dxw-theme-palace{
--dxw-page-content-width:320px;
}
}
@supports not (zoom:1){
.dxw-invitation.dxw-theme-palace
.dxw-screen:not(.dxw-opening)
.dxw-content.dxw-reveal{
transform-origin:center center;
}
.dxw-invitation.dxw-theme-palace
.dxw-screen:not(.dxw-opening).is-visible
.dxw-content.dxw-reveal{
transform:scale(var(--dxw-page-content-zoom))!important;
}
}
/* v0.9.9 — geri sayım açılış / ilk sayfaya taşındı */
.dxw-opening-video .dxw-opening-names{
top:44.5%;
}
.dxw-opening .dxw-countdown-opening{
display:flex;
flex-direction:column;
align-items:center;
width:min(76vw,250px);
margin:17px auto 0;
padding-top:13px;
border-top:1px solid rgba(112,71,47,.24);
color:#70472f;
}
.dxw-opening .dxw-countdown-opening .dxw-countdown-days{
display:flex;
flex-direction:row;
align-items:baseline;
justify-content:center;
gap:8px;
}
.dxw-opening .dxw-countdown-opening .dxw-countdown-days strong{
color:#70472f;
font-family:'Bodoni Moda','Cormorant Garamond',serif;
font-size:38px;
font-weight:500;
line-height:.88;
font-variant-numeric:tabular-nums;
text-shadow:
0 -1px 0 rgba(255,255,255,.55),
0 2px 3px rgba(82,52,35,.08);
}
.dxw-opening .dxw-countdown-opening .dxw-countdown-days span{
margin:0;
color:#875b3d;
font-family:'Cinzel',serif;
font-size:7px;
font-weight:600;
line-height:1;
letter-spacing:.20em;
text-indent:.20em;
text-transform:uppercase;
}
.dxw-opening .dxw-countdown-opening .dxw-countdown-small{
display:flex;
align-items:flex-start;
justify-content:center;
gap:6px;
margin-top:9px;
}
.dxw-opening .dxw-countdown-opening .dxw-countdown-small div{
display:flex;
min-width:38px;
flex-direction:column;
align-items:center;
}
.dxw-opening .dxw-countdown-opening .dxw-countdown-small strong{
color:#604536;
font-family:'Cormorant Garamond',Georgia,serif;
font-size:19px;
font-weight:600;
line-height:1;
font-variant-numeric:tabular-nums;
}
.dxw-opening .dxw-countdown-opening .dxw-countdown-small span{
margin-top:4px;
color:#875b3d;
font-family:'Cinzel',serif;
font-size:6px;
font-weight:600;
line-height:1;
letter-spacing:.14em;
text-indent:.14em;
text-transform:uppercase;
}
.dxw-opening .dxw-countdown-opening .dxw-countdown-small i{
color:#875b3d;
font-size:17px;
font-style:normal;
line-height:.9;
opacity:.64;
}
/* Yeni altıncı öğenin video yazılarıyla birlikte görünmesini sağlar. */
.dxw-opening-video.is-video-text-active .dxw-opening-names > .dxw-countdown-opening,
.dxw-opening-video.is-video-complete .dxw-opening-names > .dxw-countdown-opening{
animation-delay:.44s;
}
/* Sayaç ikinci davetiye sayfasından kaldırıldığı için alt alanı dengeler. */
.dxw-invitation.dxw-theme-palace .dxw-invite-screen .dxw-invite-card{
margin-bottom:0;
}
@media(max-width:480px){
.dxw-opening-video .dxw-opening-names{
top:43.5%;
width:min(76vw,310px);
}
.dxw-opening .dxw-countdown-opening{
width:min(72vw,225px);
margin-top:14px;
padding-top:11px;
}
.dxw-opening .dxw-countdown-opening .dxw-countdown-days strong{
font-size:34px;
}
.dxw-opening .dxw-countdown-opening .dxw-countdown-small{
gap:5px;
margin-top:8px;
}
.dxw-opening .dxw-countdown-opening .dxw-countdown-small div{
min-width:34px;
}
.dxw-opening .dxw-countdown-opening .dxw-countdown-small strong{
font-size:17px;
}
}
/* v0.10.1 — Katılım formu için gerçek responsive ve kompakt düzen */
.dxw-invitation.dxw-theme-palace .dxw-rsvp-screen{
padding-top:max(18px,env(safe-area-inset-top))!important;
padding-bottom:max(54px,calc(env(safe-area-inset-bottom) + 40px))!important;
overflow:hidden!important;
}
.dxw-invitation.dxw-theme-palace .dxw-rsvp-screen .dxw-content{
width:min(326px,94vw)!important;
padding:0!important;
overflow:visible!important;
}
.dxw-invitation.dxw-theme-palace .dxw-rsvp-screen .dxw-eyebrow{
margin:0 0 3px;
font-size:7px;
letter-spacing:.28em;
text-indent:.28em;
}
.dxw-invitation.dxw-theme-palace .dxw-rsvp-screen h2{
margin:0;
font-size:25px;
line-height:1.04;
letter-spacing:.01em;
}
.dxw-invitation.dxw-theme-palace .dxw-rsvp-note{
max-width:300px;
margin:5px auto 0;
font-size:12px;
line-height:1.38;
}
.dxw-invitation.dxw-theme-palace .dxw-rsvp-form-split{
width:100%;
margin-top:9px;
gap:5px;
}
.dxw-invitation.dxw-theme-palace .dxw-rsvp-contact-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:10px;
width:100%;
}
.dxw-invitation.dxw-theme-palace .dxw-rsvp-line-field{
min-width:0;
}
.dxw-invitation.dxw-theme-palace .dxw-rsvp-line-field label{
margin-bottom:2px;
font-size:6px;
letter-spacing:.20em;
text-indent:.20em;
}
.dxw-invitation.dxw-theme-palace .dxw-rsvp-line-field input,
.dxw-invitation.dxw-theme-palace .dxw-rsvp-line-field textarea{
min-height:31px;
padding:5px 5px 4px;
border:1px solid rgba(95,62,43,.36);
border-radius:0;
background:rgba(255,250,243,.12);
font-size:12px;
line-height:1.2;
}
.dxw-invitation.dxw-theme-palace .dxw-rsvp-line-field input:focus,
.dxw-invitation.dxw-theme-palace .dxw-rsvp-line-field textarea:focus{
border-color:rgba(112,71,47,.72);
background:rgba(255,250,243,.22);
}
.dxw-invitation.dxw-theme-palace .dxw-rsvp-event{
padding:1px 0 0;
}
.dxw-invitation.dxw-theme-palace .dxw-rsvp-event-title{
gap:7px;
margin:1px 0 4px;
}
.dxw-invitation.dxw-theme-palace .dxw-rsvp-event-title strong{
font-size:7px;
letter-spacing:.19em;
}
.dxw-invitation.dxw-theme-palace .dxw-rsvp-choice-grid{
gap:9px;
}
.dxw-invitation.dxw-theme-palace .dxw-rsvp-choice{
min-height:30px;
padding:5px 1px 6px;
gap:6px;
font-size:11px;
line-height:1.05;
}
.dxw-invitation.dxw-theme-palace .dxw-rsvp-radio{
flex-basis:12px;
width:12px;
height:12px;
}
.dxw-invitation.dxw-theme-palace .dxw-rsvp-choice.is-selected .dxw-rsvp-radio::after{
width:5px;
height:5px;
}
.dxw-invitation.dxw-theme-palace .dxw-rsvp-counter{
min-height:25px;
margin-top:2px;
gap:8px;
}
.dxw-invitation.dxw-theme-palace .dxw-rsvp-counter-label{
font-size:6px;
letter-spacing:.20em;
text-indent:.20em;
}
.dxw-invitation.dxw-theme-palace .dxw-rsvp-counter-controls{
gap:8px;
}
.dxw-invitation.dxw-theme-palace .dxw-rsvp-counter-controls button{
width:21px;
height:21px;
font-size:14px;
}
.dxw-invitation.dxw-theme-palace .dxw-rsvp-counter-controls strong{
min-width:15px;
font-size:17px;
}
.dxw-invitation.dxw-theme-palace .dxw-rsvp-separator{
width:45px;
height:10px;
margin:-1px auto;
gap:5px;
}
.dxw-invitation.dxw-theme-palace .dxw-rsvp-separator .dxw-ornament{
width:8px;
height:10px;
}
.dxw-invitation.dxw-theme-palace .dxw-rsvp-note-field{
margin-top:0;
}
.dxw-invitation.dxw-theme-palace .dxw-rsvp-note-field textarea{
min-height:31px;
height:31px;
resize:none;
}
.dxw-invitation.dxw-theme-palace .dxw-rsvp-error{
padding:6px 8px;
font-size:11px;
line-height:1.25;
}
.dxw-invitation.dxw-theme-palace .dxw-rsvp-form .dxw-upload-submit{
width:100%;
min-height:38px;
margin-top:4px;
padding:9px 14px;
border-radius:11px;
font-size:8px;
letter-spacing:.16em;
}
.dxw-invitation.dxw-theme-palace .dxw-rsvp-help{
margin-top:2px;
font-size:9px;
line-height:1.25;
}
/* Formun tam ekran yüksekliğine göre ek sıkıştırılması */
@media(max-height:760px){
.dxw-invitation.dxw-theme-palace .dxw-rsvp-screen{
padding-top:max(12px,env(safe-area-inset-top))!important;
padding-bottom:max(48px,calc(env(safe-area-inset-bottom) + 34px))!important;
}
.dxw-invitation.dxw-theme-palace .dxw-rsvp-screen h2{
font-size:23px;
}
.dxw-invitation.dxw-theme-palace .dxw-rsvp-note{
font-size:11px;
line-height:1.30;
}
.dxw-invitation.dxw-theme-palace .dxw-rsvp-form-split{
margin-top:7px;
gap:4px;
}
.dxw-invitation.dxw-theme-palace .dxw-rsvp-line-field input,
.dxw-invitation.dxw-theme-palace .dxw-rsvp-line-field textarea{
min-height:29px;
padding-top:4px;
padding-bottom:3px;
}
.dxw-invitation.dxw-theme-palace .dxw-rsvp-choice{
min-height:28px;
}
.dxw-invitation.dxw-theme-palace .dxw-rsvp-counter{
min-height:23px;
}
.dxw-invitation.dxw-theme-palace .dxw-rsvp-help{
display:none;
}
}
@media(max-height:670px){
.dxw-invitation.dxw-theme-palace .dxw-rsvp-screen .dxw-content{
zoom:.92;
}
.dxw-invitation.dxw-theme-palace .dxw-rsvp-screen .dxw-eyebrow{
margin-bottom:1px;
}
.dxw-invitation.dxw-theme-palace .dxw-rsvp-screen h2{
font-size:21px;
}
.dxw-invitation.dxw-theme-palace .dxw-rsvp-note{
margin-top:3px;
font-size:10px;
}
}
/* Çok dar telefonlarda iletişim alanları tekrar tek kolona döner. */
@media(max-width:340px){
.dxw-invitation.dxw-theme-palace .dxw-rsvp-contact-grid{
grid-template-columns:1fr;
gap:5px;
}
.dxw-invitation.dxw-theme-palace .dxw-rsvp-screen .dxw-content{
width:min(304px,92vw)!important;
}
.dxw-invitation.dxw-theme-palace .dxw-rsvp-choice{
font-size:10px;
}
}
/* v0.10.2 — Kına ve Düğün yan yana, yaklaşık 270 × 360 form alanı */
.dxw-invitation.dxw-theme-palace .dxw-rsvp-screen{
padding-top:max(14px,env(safe-area-inset-top))!important;
padding-bottom:max(48px,calc(env(safe-area-inset-bottom) + 34px))!important;
}
.dxw-invitation.dxw-theme-palace .dxw-rsvp-screen .dxw-content{
width:min(270px,88vw)!important;
max-width:270px!important;
min-height:0!important;
max-height:none!important;
padding:0!important;
zoom:1!important;
}
.dxw-invitation.dxw-theme-palace .dxw-rsvp-screen .dxw-eyebrow{
margin:0 0 2px;
font-size:6px;
line-height:1;
letter-spacing:.25em;
text-indent:.25em;
}
.dxw-invitation.dxw-theme-palace .dxw-rsvp-screen h2{
margin:0;
font-size:20px;
line-height:1;
}
.dxw-invitation.dxw-theme-palace .dxw-rsvp-note{
max-width:258px;
margin:4px auto 0;
font-size:10px;
line-height:1.28;
}
.dxw-invitation.dxw-theme-palace .dxw-rsvp-form-split{
width:100%;
margin-top:7px;
gap:4px;
}
/* Ad Soyad + Telefon */
.dxw-invitation.dxw-theme-palace .dxw-rsvp-contact-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:7px;
width:100%;
}
.dxw-invitation.dxw-theme-palace .dxw-rsvp-line-field label{
margin-bottom:2px;
font-size:5.5px;
line-height:1;
letter-spacing:.16em;
text-indent:.16em;
}
.dxw-invitation.dxw-theme-palace .dxw-rsvp-line-field input,
.dxw-invitation.dxw-theme-palace .dxw-rsvp-line-field textarea{
min-height:26px;
padding:4px 4px 3px;
font-size:10px;
line-height:1.1;
}
/* Kına + Düğün iki eşit sütun */
.dxw-invitation.dxw-theme-palace .dxw-rsvp-events-grid{
position:relative;
display:grid;
grid-template-columns:minmax(0,1fr) 1px minmax(0,1fr);
align-items:start;
gap:7px;
width:100%;
margin-top:2px;
}
.dxw-invitation.dxw-theme-palace .dxw-rsvp-events-grid > .dxw-rsvp-event{
min-width:0;
padding:0;
}
/* Ortadaki eski yatay ayırıcı artık dikey çizgi olur. */
.dxw-invitation.dxw-theme-palace .dxw-rsvp-events-grid > .dxw-rsvp-separator{
display:block;
width:1px;
height:100%;
min-height:112px;
margin:0;
align-self:stretch;
background:linear-gradient(
180deg,
transparent,
rgba(112,71,47,.30) 14%,
rgba(112,71,47,.30) 86%,
transparent
);
}
.dxw-invitation.dxw-theme-palace .dxw-rsvp-events-grid > .dxw-rsvp-separator > *{
display:none!important;
}
.dxw-invitation.dxw-theme-palace .dxw-rsvp-event-title{
gap:4px;
margin:0 0 4px;
}
.dxw-invitation.dxw-theme-palace .dxw-rsvp-event-title strong{
max-width:100%;
font-size:6px;
line-height:1.1;
letter-spacing:.13em;
white-space:nowrap;
}
.dxw-invitation.dxw-theme-palace .dxw-rsvp-event-title span{
display:none;
}
/* Her etkinlik sütununda seçenekler alt alta */
.dxw-invitation.dxw-theme-palace .dxw-rsvp-events-grid .dxw-rsvp-choice-grid{
display:grid;
grid-template-columns:1fr;
gap:2px;
width:100%;
}
.dxw-invitation.dxw-theme-palace .dxw-rsvp-events-grid .dxw-rsvp-choice{
justify-content:flex-start;
min-height:23px;
padding:3px 1px 4px;
gap:5px;
font-size:9px;
line-height:1.05;
text-align:left;
}
.dxw-invitation.dxw-theme-palace .dxw-rsvp-events-grid .dxw-rsvp-choice > span:last-child{
min-width:0;
overflow-wrap:anywhere;
}
.dxw-invitation.dxw-theme-palace .dxw-rsvp-radio{
flex:0 0 10px;
width:10px;
height:10px;
}
.dxw-invitation.dxw-theme-palace .dxw-rsvp-choice.is-selected .dxw-rsvp-radio::after{
width:4px;
height:4px;
}
.dxw-invitation.dxw-theme-palace .dxw-rsvp-counter{
flex-direction:column;
gap:3px;
min-height:0;
margin-top:3px;
}
.dxw-invitation.dxw-theme-palace .dxw-rsvp-counter-label{
font-size:5px;
line-height:1;
letter-spacing:.16em;
text-indent:.16em;
}
.dxw-invitation.dxw-theme-palace .dxw-rsvp-counter-controls{
gap:6px;
}
.dxw-invitation.dxw-theme-palace .dxw-rsvp-counter-controls button{
width:18px;
height:18px;
font-size:12px;
}
.dxw-invitation.dxw-theme-palace .dxw-rsvp-counter-controls strong{
min-width:12px;
font-size:15px;
}
/* Not + gönderim */
.dxw-invitation.dxw-theme-palace .dxw-rsvp-note-field{
margin-top:1px;
}
.dxw-invitation.dxw-theme-palace .dxw-rsvp-note-field textarea{
min-height:25px;
height:25px;
padding-top:4px;
resize:none;
}
.dxw-invitation.dxw-theme-palace .dxw-rsvp-error{
padding:5px 6px;
font-size:9px;
line-height:1.15;
}
.dxw-invitation.dxw-theme-palace .dxw-rsvp-form .dxw-upload-submit{
min-height:32px;
margin-top:3px;
padding:7px 10px;
border-radius:9px;
font-size:7px;
letter-spacing:.14em;
}
.dxw-invitation.dxw-theme-palace .dxw-rsvp-help{
margin-top:1px;
font-size:7.5px;
line-height:1.15;
}
/* Bu form yaklaşık 270 × 360 tasarım alanında kalır. */
@media(min-height:580px){
.dxw-invitation.dxw-theme-palace .dxw-rsvp-screen .dxw-content{
min-height:0!important;
}
}
/* Çok dar cihazlarda iki sütun korunur, yalnızca boşluklar azalır. */
@media(max-width:320px){
.dxw-invitation.dxw-theme-palace .dxw-rsvp-screen .dxw-content{
width:min(264px,92vw)!important;
}
.dxw-invitation.dxw-theme-palace .dxw-rsvp-contact-grid{
gap:5px;
}
.dxw-invitation.dxw-theme-palace .dxw-rsvp-events-grid{
gap:5px;
}
.dxw-invitation.dxw-theme-palace .dxw-rsvp-events-grid .dxw-rsvp-choice{
font-size:8.5px;
}
}
/* Çok kısa ekranlarda yalnızca küçük bir genel küçültme */
@media(max-height:620px){
.dxw-invitation.dxw-theme-palace .dxw-rsvp-screen .dxw-content{
zoom:.92!important;
}
.dxw-invitation.dxw-theme-palace .dxw-rsvp-help{
display:none;
}
}
/* v0.10.3 — Katılım formunu yeniden dikey formata taşı ve çerçeve içini daha iyi kullan */
.dxw-invitation.dxw-theme-palace .dxw-rsvp-screen{
padding-top:max(18px,env(safe-area-inset-top))!important;
padding-bottom:max(56px,calc(env(safe-area-inset-bottom) + 42px))!important;
}
.dxw-invitation.dxw-theme-palace .dxw-rsvp-screen .dxw-content{
width:min(292px,90vw)!important;
max-width:292px!important;
min-height:468px;
display:flex;
flex-direction:column;
justify-content:flex-start;
padding:0 2px!important;
}
.dxw-invitation.dxw-theme-palace .dxw-rsvp-screen .dxw-eyebrow{
margin:0 0 4px;
font-size:7px;
letter-spacing:.24em;
text-indent:.24em;
}
.dxw-invitation.dxw-theme-palace .dxw-rsvp-screen h2{
margin:0;
font-size:24px;
line-height:1.02;
}
.dxw-invitation.dxw-theme-palace .dxw-rsvp-note{
max-width:276px;
margin:6px auto 0;
font-size:11px;
line-height:1.42;
}
.dxw-invitation.dxw-theme-palace .dxw-rsvp-form-split{
width:100%;
margin-top:10px;
display:flex;
flex-direction:column;
gap:8px;
flex:1 1 auto;
}
.dxw-invitation.dxw-theme-palace .dxw-rsvp-contact-grid{
display:grid;
grid-template-columns:1fr;
gap:8px;
width:100%;
}
.dxw-invitation.dxw-theme-palace .dxw-rsvp-line-field label{
margin-bottom:3px;
font-size:6px;
line-height:1;
letter-spacing:.18em;
text-indent:.18em;
}
.dxw-invitation.dxw-theme-palace .dxw-rsvp-line-field input,
.dxw-invitation.dxw-theme-palace .dxw-rsvp-line-field textarea{
min-height:30px;
padding:5px 6px 4px;
font-size:11px;
line-height:1.2;
}
/* Kına + Düğün yan yana kalsın ama tüm form artık daha dikey bir akış kullansın */
.dxw-invitation.dxw-theme-palace .dxw-rsvp-events-grid{
position:relative;
display:grid;
grid-template-columns:minmax(0,1fr) 1px minmax(0,1fr);
align-items:start;
gap:10px;
width:100%;
margin-top:1px;
}
.dxw-invitation.dxw-theme-palace .dxw-rsvp-events-grid > .dxw-rsvp-separator{
min-height:134px;
}
.dxw-invitation.dxw-theme-palace .dxw-rsvp-event-title{
gap:4px;
margin:0 0 6px;
}
.dxw-invitation.dxw-theme-palace .dxw-rsvp-event-title strong{
font-size:6.2px;
line-height:1.1;
letter-spacing:.15em;
white-space:nowrap;
}
.dxw-invitation.dxw-theme-palace .dxw-rsvp-events-grid .dxw-rsvp-choice-grid{
display:grid;
grid-template-columns:1fr;
gap:4px;
width:100%;
}
.dxw-invitation.dxw-theme-palace .dxw-rsvp-events-grid .dxw-rsvp-choice{
min-height:28px;
padding:5px 1px 6px;
gap:6px;
font-size:9.6px;
line-height:1.06;
}
.dxw-invitation.dxw-theme-palace .dxw-rsvp-radio{
flex:0 0 11px;
width:11px;
height:11px;
}
.dxw-invitation.dxw-theme-palace .dxw-rsvp-counter{
flex-direction:column;
gap:4px;
min-height:0;
margin-top:5px;
}
.dxw-invitation.dxw-theme-palace .dxw-rsvp-counter-label{
font-size:5.5px;
line-height:1;
letter-spacing:.18em;
text-indent:.18em;
}
.dxw-invitation.dxw-theme-palace .dxw-rsvp-counter-controls{
gap:7px;
}
.dxw-invitation.dxw-theme-palace .dxw-rsvp-counter-controls button{
width:20px;
height:20px;
font-size:13px;
}
.dxw-invitation.dxw-theme-palace .dxw-rsvp-counter-controls strong{
min-width:14px;
font-size:16px;
}
.dxw-invitation.dxw-theme-palace .dxw-rsvp-note-field{
margin-top:1px;
}
.dxw-invitation.dxw-theme-palace .dxw-rsvp-note-field textarea{
min-height:42px;
height:42px;
resize:none;
}
.dxw-invitation.dxw-theme-palace .dxw-rsvp-error{
padding:6px 8px;
font-size:10px;
line-height:1.2;
}
.dxw-invitation.dxw-theme-palace .dxw-rsvp-form .dxw-upload-submit{
min-height:36px;
margin-top:2px;
padding:8px 12px;
border-radius:10px;
font-size:7.5px;
letter-spacing:.14em;
}
.dxw-invitation.dxw-theme-palace .dxw-rsvp-help{
margin-top:2px;
font-size:8px;
line-height:1.18;
}
@media(min-height:760px){
.dxw-invitation.dxw-theme-palace .dxw-rsvp-screen .dxw-content{
min-height:490px;
}
}
@media(max-height:680px){
.dxw-invitation.dxw-theme-palace .dxw-rsvp-screen{
padding-top:max(14px,env(safe-area-inset-top))!important;
padding-bottom:max(48px,calc(env(safe-area-inset-bottom) + 36px))!important;
}
.dxw-invitation.dxw-theme-palace .dxw-rsvp-screen .dxw-content{
width:min(284px,90vw)!important;
max-width:284px!important;
min-height:438px;
}
.dxw-invitation.dxw-theme-palace .dxw-rsvp-screen h2{
font-size:22px;
}
.dxw-invitation.dxw-theme-palace .dxw-rsvp-note{
font-size:10px;
line-height:1.34;
}
.dxw-invitation.dxw-theme-palace .dxw-rsvp-form-split{
gap:6px;
margin-top:8px;
}
.dxw-invitation.dxw-theme-palace .dxw-rsvp-line-field input,
.dxw-invitation.dxw-theme-palace .dxw-rsvp-line-field textarea{
min-height:28px;
padding-top:4px;
padding-bottom:3px;
}
.dxw-invitation.dxw-theme-palace .dxw-rsvp-events-grid{
gap:8px;
}
.dxw-invitation.dxw-theme-palace .dxw-rsvp-events-grid > .dxw-rsvp-separator{
min-height:122px;
}
.dxw-invitation.dxw-theme-palace .dxw-rsvp-events-grid .dxw-rsvp-choice{
min-height:25px;
font-size:9px;
}
.dxw-invitation.dxw-theme-palace .dxw-rsvp-note-field textarea{
min-height:36px;
height:36px;
}
.dxw-invitation.dxw-theme-palace .dxw-rsvp-help{
display:none;
}
}
@media(max-width:320px){
.dxw-invitation.dxw-theme-palace .dxw-rsvp-screen .dxw-content{
width:min(272px,92vw)!important;
max-width:272px!important;
}
.dxw-invitation.dxw-theme-palace .dxw-rsvp-events-grid{
gap:6px;
}
}
/* v0.10.4 — RSVP içerik alanı kesin 270 × 500 dikey oran */
.dxw-invitation.dxw-theme-palace
.dxw-rsvp-screen
> .dxw-rsvp-content.dxw-content.dxw-reveal{
width:270px!important;
max-width:270px!important;
min-width:270px!important;
min-height:500px!important;
height:500px!important;
max-height:500px!important;
margin:0 auto!important;
padding:0!important;
overflow:visible!important;
zoom:1!important;
transform-origin:center center!important;
box-sizing:border-box!important;
display:flex!important;
flex-direction:column!important;
justify-content:flex-start!important;
}
.dxw-invitation.dxw-theme-palace
.dxw-rsvp-screen.is-visible
> .dxw-rsvp-content.dxw-content.dxw-reveal{
transform:translateY(0) scale(1)!important;
}
.dxw-invitation.dxw-theme-palace
.dxw-rsvp-screen:not(.is-visible)
> .dxw-rsvp-content.dxw-content.dxw-reveal{
transform:translateY(24px) scale(.985)!important;
}
/* Başlık alanı */
.dxw-invitation.dxw-theme-palace .dxw-rsvp-content .dxw-eyebrow{
flex:0 0 auto;
margin:0 0 5px!important;
font-size:7px!important;
line-height:1!important;
letter-spacing:.24em!important;
text-indent:.24em!important;
}
.dxw-invitation.dxw-theme-palace .dxw-rsvp-content > h2{
flex:0 0 auto;
margin:0!important;
font-size:24px!important;
line-height:1.02!important;
}
.dxw-invitation.dxw-theme-palace .dxw-rsvp-content > .dxw-rsvp-note{
flex:0 0 auto;
max-width:258px!important;
margin:7px auto 0!important;
font-size:10.5px!important;
line-height:1.38!important;
}
/* Form kalan dikey alanın tamamını kontrollü biçimde kullanır. */
.dxw-invitation.dxw-theme-palace
.dxw-rsvp-content
.dxw-rsvp-form-split{
flex:1 1 auto!important;
min-height:0!important;
width:100%!important;
margin-top:11px!important;
display:flex!important;
flex-direction:column!important;
justify-content:space-between!important;
gap:0!important;
}
/* Ad Soyad + Telefon dikey ve dengeli */
.dxw-invitation.dxw-theme-palace
.dxw-rsvp-content
.dxw-rsvp-contact-grid{
display:grid!important;
grid-template-columns:1fr!important;
gap:8px!important;
width:100%!important;
}
.dxw-invitation.dxw-theme-palace
.dxw-rsvp-content
.dxw-rsvp-line-field label{
margin-bottom:3px!important;
font-size:6px!important;
line-height:1!important;
letter-spacing:.18em!important;
text-indent:.18em!important;
}
.dxw-invitation.dxw-theme-palace
.dxw-rsvp-content
.dxw-rsvp-line-field input,
.dxw-invitation.dxw-theme-palace
.dxw-rsvp-content
.dxw-rsvp-line-field textarea{
min-height:31px!important;
padding:5px 6px 4px!important;
font-size:11px!important;
line-height:1.2!important;
}
/* Kına + Düğün yan yana */
.dxw-invitation.dxw-theme-palace
.dxw-rsvp-content
.dxw-rsvp-events-grid{
display:grid!important;
grid-template-columns:minmax(0,1fr) 1px minmax(0,1fr)!important;
align-items:stretch!important;
gap:9px!important;
width:100%!important;
margin:0!important;
}
.dxw-invitation.dxw-theme-palace
.dxw-rsvp-content
.dxw-rsvp-events-grid > .dxw-rsvp-separator{
min-height:138px!important;
height:100%!important;
align-self:stretch!important;
}
.dxw-invitation.dxw-theme-palace
.dxw-rsvp-content
.dxw-rsvp-event-title{
margin:0 0 7px!important;
}
.dxw-invitation.dxw-theme-palace
.dxw-rsvp-content
.dxw-rsvp-event-title strong{
font-size:6.2px!important;
letter-spacing:.15em!important;
}
.dxw-invitation.dxw-theme-palace
.dxw-rsvp-content
.dxw-rsvp-choice-grid{
grid-template-columns:1fr!important;
gap:4px!important;
}
.dxw-invitation.dxw-theme-palace
.dxw-rsvp-content
.dxw-rsvp-choice{
min-height:28px!important;
padding:5px 1px 6px!important;
gap:6px!important;
font-size:9.5px!important;
line-height:1.06!important;
}
.dxw-invitation.dxw-theme-palace
.dxw-rsvp-content
.dxw-rsvp-counter{
margin-top:6px!important;
gap:4px!important;
}
.dxw-invitation.dxw-theme-palace
.dxw-rsvp-content
.dxw-rsvp-counter-controls button{
width:20px!important;
height:20px!important;
}
.dxw-invitation.dxw-theme-palace
.dxw-rsvp-content
.dxw-rsvp-counter-controls strong{
font-size:16px!important;
}
/* Not alanı */
.dxw-invitation.dxw-theme-palace
.dxw-rsvp-content
.dxw-rsvp-note-field{
margin:0!important;
}
.dxw-invitation.dxw-theme-palace
.dxw-rsvp-content
.dxw-rsvp-note-field textarea{
min-height:45px!important;
height:45px!important;
}
/* Gönderim alanı */
.dxw-invitation.dxw-theme-palace
.dxw-rsvp-content
.dxw-rsvp-form .dxw-upload-submit{
width:100%!important;
min-height:38px!important;
margin:0!important;
padding:9px 12px!important;
border-radius:10px!important;
font-size:7.5px!important;
}
.dxw-invitation.dxw-theme-palace
.dxw-rsvp-content
.dxw-rsvp-help{
margin:3px 0 0!important;
font-size:8px!important;
line-height:1.18!important;
}
/* Ekrana göre yalnızca genel oran küçülür, 270 × 500 geometri korunur. */
@media(max-width:330px){
.dxw-invitation.dxw-theme-palace
.dxw-rsvp-screen
> .dxw-rsvp-content.dxw-content.dxw-reveal{
transform-origin:center center!important;
}
.dxw-invitation.dxw-theme-palace
.dxw-rsvp-screen.is-visible
> .dxw-rsvp-content.dxw-content.dxw-reveal{
transform:scale(.94)!important;
}
}
@media(max-height:690px){
.dxw-invitation.dxw-theme-palace
.dxw-rsvp-screen.is-visible
> .dxw-rsvp-content.dxw-content.dxw-reveal{
transform:scale(.90)!important;
}
.dxw-invitation.dxw-theme-palace .dxw-rsvp-content .dxw-rsvp-help{
display:none!important;
}
}
@media(max-height:610px){
.dxw-invitation.dxw-theme-palace
.dxw-rsvp-screen.is-visible
> .dxw-rsvp-content.dxw-content.dxw-reveal{
transform:scale(.82)!important;
}
}
/* v0.10.5 — Katılım formunu ekranın kullanılabilir alanında ortala */
.dxw-invitation.dxw-theme-palace .dxw-rsvp-screen{
display:flex!important;
flex-direction:column!important;
align-items:center!important;
justify-content:center!important;
padding:
max(22px,env(safe-area-inset-top))
0
max(66px,calc(env(safe-area-inset-bottom) + 52px))!important;
box-sizing:border-box!important;
}
.dxw-invitation.dxw-theme-palace
.dxw-rsvp-screen
> .dxw-rsvp-content.dxw-content.dxw-reveal{
position:relative!important;
left:auto!important;
top:auto!important;
right:auto!important;
bottom:auto!important;
align-self:center!important;
margin:auto!important;
}
/* Görünür durumda animasyon sonrası tam merkezde kalır. */
.dxw-invitation.dxw-theme-palace
.dxw-rsvp-screen.is-visible
> .dxw-rsvp-content.dxw-content.dxw-reveal{
transform:translate3d(0,0,0) scale(1)!important;
}
/* Kısa ekranlarda blok merkezde kalırken orantılı küçülür. */
@media(max-height:690px){
.dxw-invitation.dxw-theme-palace
.dxw-rsvp-screen.is-visible
> .dxw-rsvp-content.dxw-content.dxw-reveal{
transform:translate3d(0,0,0) scale(.90)!important;
}
}
@media(max-height:610px){
.dxw-invitation.dxw-theme-palace
.dxw-rsvp-screen.is-visible
> .dxw-rsvp-content.dxw-content.dxw-reveal{
transform:translate3d(0,0,0) scale(.82)!important;
}
}
/* v0.10.7 — kesintisiz arka plan, net görüntü ve merkez odağı */
.dxw-invitation.dxw-theme-palace{
position:relative!important;
overflow:hidden!important;
background:#efe3d5!important;
}
/* Tek kalıcı görsel katmanı ana kapsayıcıda sabit kalır. */
.dxw-invitation.dxw-theme-palace > .dxw-persistent-background{
position:absolute!important;
inset:0!important;
z-index:0!important;
display:block!important;
width:100%!important;
height:100%!important;
object-fit:cover!important;
object-position:center center!important;
pointer-events:none!important;
user-select:none!important;
-webkit-user-drag:none!important;
filter:none!important;
opacity:1!important;
transform:none!important;
}
/* Ana scroll ve bütün sayfalar kalıcı görselin üzerinde şeffaftır. */
.dxw-invitation.dxw-theme-palace > .dxw-scroll{
position:relative!important;
z-index:2!important;
background:transparent!important;
background-image:none!important;
}
.dxw-invitation.dxw-theme-palace .dxw-screen{
background:transparent!important;
background-image:none!important;
}
.dxw-invitation.dxw-theme-palace .dxw-screen:not(.dxw-opening)::before,
.dxw-invitation.dxw-theme-palace .dxw-screen:not(.dxw-opening)::after{
content:none!important;
display:none!important;
}
/* Video sahnesi kalıcı görselin üzerinde çalışır. */
.dxw-invitation.dxw-theme-palace .dxw-video-scene{
background:transparent!important;
}
/* Açılışın son karesi ve kalıcı arka plan aynı geometriyi kullanır.
Ölçek farkı ve GPU translateZ kaldırıldığı için görüntü yumuşamaz. */
.dxw-invitation.dxw-theme-palace .dxw-opening-final-frame,
.dxw-invitation.dxw-theme-palace .dxw-opening-video-media{
object-fit:cover!important;
object-position:center center!important;
filter:none!important;
transform:none!important;
}
/* Video bitince yalnızca video kaybolur.
Son kare açılış sayfasında görünür kalır; sayfa aşağı kayarken
alttaki birebir aynı kalıcı görsel kesintisiz şekilde devralır. */
.dxw-invitation.dxw-theme-palace
.dxw-opening-video.is-video-complete
.dxw-opening-video-media{
opacity:0!important;
visibility:hidden!important;
}
.dxw-invitation.dxw-theme-palace
.dxw-opening-video
.dxw-opening-final-frame,
.dxw-invitation.dxw-theme-palace
.dxw-opening-video.is-video-complete
.dxw-opening-final-frame{
opacity:1!important;
visibility:visible!important;
transition:none!important;
}
.dxw-invitation.dxw-theme-palace
.dxw-opening-video.is-video-complete
.dxw-video-vignette{
opacity:0!important;
background:none!important;
}
/* v0.10.6'nın bozduğu mutlak konumları kesin olarak geri getir. */
.dxw-invitation.dxw-theme-palace
.dxw-opening-video
.dxw-opening-names{
position:absolute!important;
left:50%!important;
top:44.5%!important;
right:auto!important;
bottom:auto!important;
z-index:8!important;
width:min(72vw,430px)!important;
margin:0!important;
transform:translate(-50%,calc(-50% + 14px)) scale(.985)!important;
transform-origin:center center!important;
}
.dxw-invitation.dxw-theme-palace
.dxw-opening-video.is-video-text-active
.dxw-opening-names,
.dxw-invitation.dxw-theme-palace
.dxw-opening-video.is-video-complete
.dxw-opening-names{
transform:translate(-50%,-50%) scale(1)!important;
}
/* Slide Down her sayfada ekranın altında ve ortasında kalır. */
.dxw-invitation.dxw-theme-palace .dxw-screen > .dxw-next{
position:absolute!important;
left:50%!important;
right:auto!important;
top:auto!important;
bottom:max(18px,env(safe-area-inset-bottom))!important;
z-index:20!important;
margin-left:-23px!important;
}
/* Sayfa noktaları tekrar sağ orta eksene sabitlenir. */
.dxw-invitation.dxw-theme-palace > .dxw-dots{
position:absolute!important;
right:max(10px,env(safe-area-inset-right))!important;
left:auto!important;
top:50%!important;
bottom:auto!important;
z-index:30!important;
transform:translateY(-50%)!important;
}
/* İlk sayfadaki isim, tarih ve sayaç merkez panel içinde kalır. */
.dxw-invitation.dxw-theme-palace
.dxw-opening-video
.dxw-countdown-opening{
position:relative!important;
z-index:1!important;
}
/* Yönetici çubuğu açıkken de görsel ve içerik aynı viewport'u kullanır. */
body.admin-bar.dxw-invitation-page
.dxw-invitation.dxw-theme-palace > .dxw-persistent-background{
height:100%!important;
}
/* Mobil merkez odağı */
@media(max-width:480px){
.dxw-invitation.dxw-theme-palace
.dxw-opening-video
.dxw-opening-names{
top:43.5%!important;
width:min(76vw,310px)!important;
}
}
/* Masaüstünde de contain kuralına dönülmez; aynı cover kadrajı korunur. */
@media(min-width:900px) and (min-aspect-ratio:1/1){
.dxw-invitation.dxw-theme-palace > .dxw-persistent-background,
.dxw-invitation.dxw-theme-palace .dxw-opening-final-frame,
.dxw-invitation.dxw-theme-palace .dxw-opening-video-media{
object-fit:cover!important;
object-position:center center!important;
}
}
/* v0.10.8 — açılıştan ikinci sayfaya tek katmansız geçiş */
.dxw-invitation.dxw-theme-palace .dxw-opening-final-frame{
display:none!important;
}
/* Video sahnesi ve bütün sayfalar aynı kalıcı görseli gösterir. */
.dxw-invitation.dxw-theme-palace .dxw-video-scene,
.dxw-invitation.dxw-theme-palace .dxw-opening,
.dxw-invitation.dxw-theme-palace .dxw-screen:not(.dxw-opening){
background:transparent!important;
background-image:none!important;
}
/* Video tamamlandığında doğrudan alttaki sabit görsel görünür.
Ayrı bir resim katmanı kaymadığı için 1. ve 2. sayfa sınırında dikiş oluşmaz. */
.dxw-invitation.dxw-theme-palace
.dxw-opening-video.is-video-complete
.dxw-opening-video-media{
opacity:0!important;
visibility:hidden!important;
transition:none!important;
}
.dxw-invitation.dxw-theme-palace
.dxw-opening-video.is-video-complete
.dxw-video-vignette{
display:none!important;
}
/* Kalıcı arka plan her zaman aynı viewport koordinatında tutulur. */
.dxw-invitation.dxw-theme-palace > .dxw-persistent-background{
position:absolute!important;
inset:0!important;
width:100%!important;
height:100%!important;
object-fit:cover!important;
object-position:center center!important;
filter:none!important;
opacity:1!important;
transform:none!important;
}
/* v0.10.10 — RSVP okunabilirlik ve sade kullanım düzeni
270 × 500 alan korunur; yalnızca tipografi, kontrast ve mikro boşluklar iyileştirilir. */
.dxw-invitation.dxw-theme-palace
.dxw-rsvp-screen
> .dxw-rsvp-content.dxw-content.dxw-reveal{
color:#53392d!important;
}
/* Başlık alanı */
.dxw-invitation.dxw-theme-palace
.dxw-rsvp-content
> .dxw-eyebrow{
margin-bottom:6px!important;
color:#81583d!important;
font-size:8px!important;
font-weight:600!important;
letter-spacing:.18em!important;
text-indent:.18em!important;
}
.dxw-invitation.dxw-theme-palace
.dxw-rsvp-content
> h2{
max-width:270px!important;
color:#503529!important;
font-size:25px!important;
font-weight:500!important;
line-height:1.06!important;
letter-spacing:0!important;
text-wrap:balance;
}
.dxw-invitation.dxw-theme-palace
.dxw-rsvp-content
> .dxw-rsvp-note{
max-width:250px!important;
margin-top:7px!important;
color:#664a3a!important;
font-size:12px!important;
line-height:1.42!important;
}
/* Form alanlarının geometrisi korunur, metinler büyütülür. */
.dxw-invitation.dxw-theme-palace
.dxw-rsvp-content
.dxw-rsvp-form-split{
margin-top:10px!important;
}
.dxw-invitation.dxw-theme-palace
.dxw-rsvp-content
.dxw-rsvp-line-field label{
margin-bottom:4px!important;
color:#76503a!important;
font-size:8px!important;
font-weight:600!important;
letter-spacing:.12em!important;
text-indent:.12em!important;
}
.dxw-invitation.dxw-theme-palace
.dxw-rsvp-content
.dxw-rsvp-line-field input,
.dxw-invitation.dxw-theme-palace
.dxw-rsvp-content
.dxw-rsvp-line-field textarea{
color:#4f382e!important;
background:rgba(255,250,243,.24)!important;
border-color:rgba(92,59,40,.46)!important;
font-size:13px!important;
font-weight:500!important;
}
.dxw-invitation.dxw-theme-palace
.dxw-rsvp-content
.dxw-rsvp-line-field input::placeholder,
.dxw-invitation.dxw-theme-palace
.dxw-rsvp-content
.dxw-rsvp-line-field textarea::placeholder{
color:#80695a!important;
opacity:.82!important;
}
/* Kına ve Düğün başlıkları */
.dxw-invitation.dxw-theme-palace
.dxw-rsvp-content
.dxw-rsvp-event-title strong{
color:#704a35!important;
font-size:8.2px!important;
font-weight:600!important;
letter-spacing:.11em!important;
}
/* Seçenekler daha okunaklı, sade ve dokunması kolay */
.dxw-invitation.dxw-theme-palace
.dxw-rsvp-content
.dxw-rsvp-choice{
min-height:31px!important;
color:#5a4033!important;
border-bottom-color:rgba(92,59,40,.27)!important;
font-size:11.3px!important;
font-weight:500!important;
line-height:1.18!important;
}
.dxw-invitation.dxw-theme-palace
.dxw-rsvp-content
.dxw-rsvp-choice:hover,
.dxw-invitation.dxw-theme-palace
.dxw-rsvp-content
.dxw-rsvp-choice:focus-visible,
.dxw-invitation.dxw-theme-palace
.dxw-rsvp-content
.dxw-rsvp-choice.is-selected{
color:#6f462f!important;
border-bottom-color:#8a5d40!important;
}
.dxw-invitation.dxw-theme-palace
.dxw-rsvp-content
.dxw-rsvp-radio{
flex-basis:12px!important;
width:12px!important;
height:12px!important;
border-color:#8a5d40!important;
}
/* Kişi sayaçları */
.dxw-invitation.dxw-theme-palace
.dxw-rsvp-content
.dxw-rsvp-counter-label{
color:#76503a!important;
font-size:7.5px!important;
font-weight:600!important;
letter-spacing:.12em!important;
text-indent:.12em!important;
}
.dxw-invitation.dxw-theme-palace
.dxw-rsvp-content
.dxw-rsvp-counter-controls button{
color:#70472f!important;
border-color:rgba(112,71,47,.42)!important;
font-size:14px!important;
}
.dxw-invitation.dxw-theme-palace
.dxw-rsvp-content
.dxw-rsvp-counter-controls strong{
color:#4f382e!important;
font-size:18px!important;
}
/* Not ve gönderim */
.dxw-invitation.dxw-theme-palace
.dxw-rsvp-content
.dxw-rsvp-note-field textarea{
font-size:12.5px!important;
}
.dxw-invitation.dxw-theme-palace
.dxw-rsvp-content
.dxw-rsvp-form
.dxw-upload-submit{
color:#fffaf2!important;
font-size:9.5px!important;
font-weight:600!important;
letter-spacing:.10em!important;
}
.dxw-invitation.dxw-theme-palace
.dxw-rsvp-content
.dxw-rsvp-help{
color:#705747!important;
font-size:9px!important;
line-height:1.25!important;
opacity:.92!important;
}
/* Büyüyen yazıları alana sığdırmak için yalnızca gereksiz dikey aralıklar azaltılır. */
.dxw-invitation.dxw-theme-palace
.dxw-rsvp-content
.dxw-rsvp-contact-grid{
gap:6px!important;
}
.dxw-invitation.dxw-theme-palace
.dxw-rsvp-content
.dxw-rsvp-event-title{
margin-bottom:5px!important;
}
.dxw-invitation.dxw-theme-palace
.dxw-rsvp-content
.dxw-rsvp-choice-grid{
gap:2px!important;
}
.dxw-invitation.dxw-theme-palace
.dxw-rsvp-content
.dxw-rsvp-counter{
margin-top:4px!important;
}
/* Çok kısa ekranlarda metinler okunabilir kalırken blok orantılı küçülür. */
@media(max-height:690px){
.dxw-invitation.dxw-theme-palace
.dxw-rsvp-content
> h2{
font-size:24px!important;
}
.dxw-invitation.dxw-theme-palace
.dxw-rsvp-content
> .dxw-rsvp-note{
font-size:11.5px!important;
}
}
/* v0.10.11 — Anı panosu ve fotoğraf yükleme alanı okunabilirlik düzeni */
.dxw-invitation.dxw-theme-palace .dxw-memory-screen{
display:flex!important;
align-items:center!important;
justify-content:center!important;
padding:
max(22px,env(safe-area-inset-top))
0
max(66px,calc(env(safe-area-inset-bottom) + 52px))!important;
overflow:hidden!important;
}
.dxw-invitation.dxw-theme-palace
.dxw-memory-screen
> .dxw-memory-content.dxw-content.dxw-reveal{
width:270px!important;
max-width:270px!important;
min-width:270px!important;
min-height:500px!important;
height:500px!important;
max-height:500px!important;
margin:auto!important;
padding:0!important;
overflow:visible!important;
zoom:1!important;
transform-origin:center center!important;
box-sizing:border-box!important;
display:flex!important;
flex-direction:column!important;
align-items:center!important;
justify-content:center!important;
color:#53392d!important;
}
.dxw-invitation.dxw-theme-palace
.dxw-memory-screen.is-visible
> .dxw-memory-content.dxw-content.dxw-reveal{
transform:translate3d(0,0,0) scale(1)!important;
}
/* Kapalı anı panosu görünümü */
.dxw-invitation.dxw-theme-palace .dxw-memory-content > .dxw-eyebrow{
margin:0 0 8px!important;
color:#81583d!important;
font-size:8px!important;
font-weight:600!important;
letter-spacing:.18em!important;
text-indent:.18em!important;
}
.dxw-invitation.dxw-theme-palace .dxw-memory-title-frame{
width:100%;
gap:8px;
}
.dxw-invitation.dxw-theme-palace .dxw-memory-title-frame h2{
padding:0!important;
border:0!important;
background:transparent!important;
color:#503529!important;
font-size:24px!important;
font-weight:500!important;
line-height:1.08!important;
letter-spacing:0!important;
text-wrap:balance;
}
.dxw-invitation.dxw-theme-palace .dxw-memory-title-frame > span{
min-width:24px;
opacity:.52!important;
}
.dxw-invitation.dxw-theme-palace .dxw-memory-subtitle{
margin-top:10px!important;
color:#5c4032!important;
font-size:14px!important;
font-weight:600!important;
line-height:1.25!important;
}
.dxw-invitation.dxw-theme-palace .dxw-memory-intro{
max-width:252px!important;
margin:7px auto 0!important;
color:#664a3a!important;
font-size:12.5px!important;
line-height:1.48!important;
opacity:1!important;
}
.dxw-invitation.dxw-theme-palace .dxw-memory-gallery,
.dxw-invitation.dxw-theme-palace .dxw-memory-empty{
width:214px!important;
margin:15px auto 0!important;
}
.dxw-invitation.dxw-theme-palace .dxw-memory-gallery,
.dxw-invitation.dxw-theme-palace .dxw-memory-empty-grid{
gap:7px!important;
}
.dxw-invitation.dxw-theme-palace .dxw-memory-gallery-item,
.dxw-invitation.dxw-theme-palace .dxw-memory-empty-grid span{
border-color:rgba(92,59,40,.24)!important;
background:rgba(255,250,243,.34)!important;
box-shadow:0 5px 13px rgba(76,47,30,.08)!important;
}
.dxw-invitation.dxw-theme-palace .dxw-memory-empty p{
margin-top:8px!important;
color:#705747!important;
font-size:12px!important;
line-height:1.2!important;
opacity:1!important;
}
/* Fotoğraf veya video ekle kontrolü */
.dxw-invitation.dxw-theme-palace
button.dxw-memory-add.dxw-memory-text-action{
width:100%!important;
min-height:38px!important;
margin-top:12px!important;
padding:9px 12px!important;
border:1px solid rgba(112,71,47,.36)!important;
border-radius:10px!important;
background:rgba(255,250,243,.28)!important;
box-shadow:none!important;
color:#70472f!important;
font-size:10px!important;
font-weight:600!important;
letter-spacing:.09em!important;
opacity:1!important;
}
.dxw-invitation.dxw-theme-palace
button.dxw-memory-add.dxw-memory-text-action:hover,
.dxw-invitation.dxw-theme-palace
button.dxw-memory-add.dxw-memory-text-action:focus-visible{
border-color:#8a5d40!important;
background:rgba(255,250,243,.46)!important;
transform:none!important;
}
.dxw-invitation.dxw-theme-palace
button.dxw-memory-add.dxw-memory-text-action .dxw-memory-add-symbol{
width:16px!important;
height:12px!important;
color:#70472f!important;
opacity:.92!important;
}
.dxw-invitation.dxw-theme-palace .dxw-memory-guest-text{
max-width:244px!important;
margin-top:8px!important;
color:#705747!important;
font-size:10.5px!important;
line-height:1.35!important;
opacity:1!important;
}
.dxw-invitation.dxw-theme-palace .dxw-memory-sparkle{
margin-top:8px!important;
}
/* Form açıkken tanıtım ve galeri gizlenerek aynı 270 × 500 alan form için kullanılır. */
.dxw-invitation.dxw-theme-palace
.dxw-memory-content.is-upload-open{
justify-content:flex-start!important;
}
.dxw-invitation.dxw-theme-palace
.dxw-memory-content.is-upload-open
> .dxw-memory-title-frame,
.dxw-invitation.dxw-theme-palace
.dxw-memory-content.is-upload-open
> .dxw-memory-subtitle,
.dxw-invitation.dxw-theme-palace
.dxw-memory-content.is-upload-open
> .dxw-memory-intro,
.dxw-invitation.dxw-theme-palace
.dxw-memory-content.is-upload-open
> .dxw-memory-gallery,
.dxw-invitation.dxw-theme-palace
.dxw-memory-content.is-upload-open
> .dxw-memory-more,
.dxw-invitation.dxw-theme-palace
.dxw-memory-content.is-upload-open
> .dxw-memory-empty,
.dxw-invitation.dxw-theme-palace
.dxw-memory-content.is-upload-open
> .dxw-memory-guest-text,
.dxw-invitation.dxw-theme-palace
.dxw-memory-content.is-upload-open
> .dxw-memory-sparkle{
display:none!important;
}
.dxw-invitation.dxw-theme-palace
.dxw-memory-content.is-upload-open
> .dxw-eyebrow{
margin-bottom:7px!important;
}
.dxw-invitation.dxw-theme-palace
.dxw-memory-content.is-upload-open
> button.dxw-memory-add.dxw-memory-text-action{
order:2;
width:auto!important;
min-height:28px!important;
margin:0 0 7px!important;
padding:5px 9px!important;
border:0!important;
border-bottom:1px solid rgba(112,71,47,.30)!important;
border-radius:0!important;
background:transparent!important;
font-size:8.5px!important;
}
.dxw-invitation.dxw-theme-palace .dxw-memory-upload-panel{
order:3;
display:block;
width:270px!important;
max-width:270px!important;
margin:0!important;
padding:0!important;
border:0!important;
box-sizing:border-box!important;
}
.dxw-invitation.dxw-theme-palace .dxw-memory-upload-panel[hidden]{
display:none!important;
}
.dxw-invitation.dxw-theme-palace .dxw-memory-upload-heading{
margin:0 0 10px;
text-align:center;
}
.dxw-invitation.dxw-theme-palace .dxw-memory-upload-heading strong{
display:block;
color:#503529;
font-family:'Bodoni Moda','Cormorant Garamond',serif;
font-size:23px;
font-weight:500;
line-height:1.08;
}
.dxw-invitation.dxw-theme-palace .dxw-memory-upload-heading span{
display:block;
max-width:240px;
margin:5px auto 0;
color:#664a3a;
font-family:'Cormorant Garamond',Georgia,serif;
font-size:11.5px;
line-height:1.35;
}
.dxw-invitation.dxw-theme-palace .dxw-memory-source{
margin:0 0 6px!important;
color:#81583d!important;
font-size:7px!important;
opacity:1!important;
}
.dxw-invitation.dxw-theme-palace .dxw-memory-upload-form{
margin:0!important;
}
.dxw-invitation.dxw-theme-palace .dxw-memory-upload-fields{
display:grid!important;
grid-template-columns:1fr!important;
gap:7px!important;
}
.dxw-invitation.dxw-theme-palace .dxw-memory-note-field{
grid-column:auto!important;
}
.dxw-invitation.dxw-theme-palace .dxw-memory-line-field span{
margin-bottom:3px!important;
color:#76503a!important;
font-size:8px!important;
font-weight:600!important;
letter-spacing:.12em!important;
}
.dxw-invitation.dxw-theme-palace .dxw-memory-line-field input,
.dxw-invitation.dxw-theme-palace .dxw-memory-line-field textarea{
min-height:31px!important;
padding:5px 6px 4px!important;
border:1px solid rgba(92,59,40,.42)!important;
background:rgba(255,250,243,.24)!important;
color:#4f382e!important;
font-size:13px!important;
font-weight:500!important;
text-align:left!important;
}
.dxw-invitation.dxw-theme-palace .dxw-memory-line-field input::placeholder,
.dxw-invitation.dxw-theme-palace .dxw-memory-line-field textarea::placeholder{
color:#80695a!important;
opacity:.82!important;
}
.dxw-invitation.dxw-theme-palace .dxw-memory-note-field textarea{
min-height:43px!important;
height:43px!important;
}
.dxw-invitation.dxw-theme-palace .dxw-memory-file-picker{
min-height:80px!important;
margin-top:9px!important;
padding:9px!important;
border-color:rgba(112,71,47,.42)!important;
border-radius:10px!important;
background:rgba(255,250,243,.20)!important;
}
.dxw-invitation.dxw-theme-palace .dxw-memory-file-picker strong{
color:#70472f!important;
font-size:9.5px!important;
letter-spacing:.10em!important;
}
.dxw-invitation.dxw-theme-palace .dxw-memory-file-picker small{
color:#705747!important;
font-size:10.5px!important;
opacity:1!important;
}
.dxw-invitation.dxw-theme-palace .dxw-memory-upload-form .dxw-upload-submit{
width:100%!important;
min-height:38px!important;
margin-top:9px!important;
padding:9px 12px!important;
border-radius:10px!important;
background:linear-gradient(180deg,#9a6a45,#7e5135)!important;
color:#fffaf2!important;
font-size:9.5px!important;
font-weight:600!important;
letter-spacing:.10em!important;
}
.dxw-invitation.dxw-theme-palace .dxw-memory-links{
gap:4px!important;
margin-top:7px!important;
}
.dxw-invitation.dxw-theme-palace .dxw-memory-links .dxw-outline-button{
padding:3px 0!important;
border:0!important;
border-bottom:1px solid rgba(112,71,47,.25)!important;
border-radius:0!important;
background:transparent!important;
color:#70472f!important;
font-size:8px!important;
}
.dxw-invitation.dxw-theme-palace .dxw-memory-links small{
color:#705747!important;
font-size:8px!important;
opacity:.84!important;
}
/* Kısa ekranlarda geometri korunarak blok küçülür. */
@media(max-height:690px){
.dxw-invitation.dxw-theme-palace
.dxw-memory-screen.is-visible
> .dxw-memory-content.dxw-content.dxw-reveal{
transform:translate3d(0,0,0) scale(.90)!important;
}
}
@media(max-height:610px){
.dxw-invitation.dxw-theme-palace
.dxw-memory-screen.is-visible
> .dxw-memory-content.dxw-content.dxw-reveal{
transform:translate3d(0,0,0) scale(.82)!important;
}
.dxw-invitation.dxw-theme-palace .dxw-memory-links small{
display:none!important;
}
}
/* v0.10.12 — Düğün hediyesi alanı sade, okunaklı ve dikey */
.dxw-invitation.dxw-theme-palace .dxw-support-screen{
display:flex!important;
align-items:center!important;
justify-content:center!important;
padding:
max(22px,env(safe-area-inset-top))
0
max(66px,calc(env(safe-area-inset-bottom) + 52px))!important;
overflow:hidden!important;
}
.dxw-invitation.dxw-theme-palace
.dxw-support-screen
> .dxw-support-content.dxw-content.dxw-reveal{
width:270px!important;
max-width:270px!important;
min-width:270px!important;
min-height:500px!important;
height:500px!important;
max-height:500px!important;
margin:auto!important;
padding:0!important;
overflow:visible!important;
zoom:1!important;
transform-origin:center center!important;
box-sizing:border-box!important;
display:flex!important;
flex-direction:column!important;
align-items:center!important;
justify-content:center!important;
color:#53392d!important;
}
.dxw-invitation.dxw-theme-palace
.dxw-support-screen.is-visible
> .dxw-support-content.dxw-content.dxw-reveal{
transform:translate3d(0,0,0) scale(1)!important;
}
.dxw-invitation.dxw-theme-palace .dxw-support-content > .dxw-eyebrow{
margin:0 0 7px!important;
color:#81583d!important;
font-size:8px!important;
font-weight:600!important;
letter-spacing:.18em!important;
text-indent:.18em!important;
}
.dxw-invitation.dxw-theme-palace .dxw-support-content > h2{
max-width:270px!important;
margin:0!important;
color:#503529!important;
font-size:25px!important;
font-weight:500!important;
line-height:1.08!important;
letter-spacing:0!important;
text-wrap:balance;
}
.dxw-invitation.dxw-theme-palace .dxw-support-content > .dxw-divider{
width:72px!important;
margin:11px auto 10px!important;
}
.dxw-invitation.dxw-theme-palace .dxw-support-content > .dxw-support-intro{
max-width:252px!important;
margin:0 auto!important;
color:#664a3a!important;
font-size:12.5px!important;
line-height:1.48!important;
opacity:1!important;
}
.dxw-invitation.dxw-theme-palace .dxw-support-holder{
width:100%!important;
margin-top:15px!important;
padding:9px 0 10px!important;
border-top:1px solid rgba(92,59,40,.18)!important;
border-bottom:1px solid rgba(92,59,40,.18)!important;
text-align:center!important;
}
.dxw-invitation.dxw-theme-palace .dxw-support-holder span{
display:block!important;
color:#81583d!important;
font-size:7px!important;
font-weight:600!important;
letter-spacing:.14em!important;
text-transform:uppercase!important;
opacity:1!important;
}
.dxw-invitation.dxw-theme-palace .dxw-support-holder strong{
display:block!important;
margin-top:4px!important;
color:#53392d!important;
font-size:17px!important;
font-weight:600!important;
line-height:1.1!important;
}
/* Çoklu para birimi sekmeleri */
.dxw-invitation.dxw-theme-palace .dxw-support-tabs{
display:grid!important;
grid-template-columns:repeat(3,minmax(0,1fr))!important;
gap:5px!important;
width:100%!important;
margin-top:14px!important;
}
.dxw-invitation.dxw-theme-palace .dxw-support-tabs:has(.dxw-support-tab:nth-child(2):last-child){
grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
.dxw-invitation.dxw-theme-palace .dxw-support-tab{
min-width:0!important;
min-height:40px!important;
padding:6px 3px!important;
border:1px solid rgba(92,59,40,.24)!important;
border-radius:9px!important;
background:rgba(255,250,243,.20)!important;
color:#70503d!important;
cursor:pointer!important;
}
.dxw-invitation.dxw-theme-palace .dxw-support-tab span{
display:block!important;
font-family:'Bodoni Moda','Cormorant Garamond',serif!important;
font-size:14px!important;
font-weight:600!important;
line-height:1!important;
}
.dxw-invitation.dxw-theme-palace .dxw-support-tab small{
display:block!important;
margin-top:3px!important;
overflow:hidden!important;
color:#795c49!important;
font-size:7px!important;
line-height:1!important;
text-overflow:ellipsis!important;
white-space:nowrap!important;
}
.dxw-invitation.dxw-theme-palace .dxw-support-tab.is-active,
.dxw-invitation.dxw-theme-palace .dxw-support-tab:hover,
.dxw-invitation.dxw-theme-palace .dxw-support-tab:focus-visible{
border-color:#8a5d40!important;
background:rgba(255,250,243,.44)!important;
color:#5c3c2c!important;
}
/* Hesap kartı */
.dxw-invitation.dxw-theme-palace .dxw-support-accounts{
width:100%!important;
margin-top:14px!important;
border:0!important;
}
.dxw-invitation.dxw-theme-palace .dxw-support-account{
position:relative!important;
display:grid!important;
grid-template-columns:48px minmax(0,1fr)!important;
gap:11px!important;
width:100%!important;
padding:14px!important;
border:1px solid rgba(92,59,40,.26)!important;
border-radius:12px!important;
background:rgba(255,250,243,.26)!important;
box-shadow:0 8px 20px rgba(74,45,29,.08)!important;
box-sizing:border-box!important;
}
.dxw-invitation.dxw-theme-palace .dxw-support-account[hidden]{
display:none!important;
}
.dxw-invitation.dxw-theme-palace .dxw-support-account::before{
content:none!important;
display:none!important;
}
.dxw-invitation.dxw-theme-palace .dxw-support-currency{
display:flex!important;
flex-direction:column!important;
align-items:center!important;
justify-content:flex-start!important;
gap:5px!important;
}
.dxw-invitation.dxw-theme-palace .dxw-support-currency span{
display:grid!important;
place-items:center!important;
width:39px!important;
height:39px!important;
border:1px solid rgba(112,71,47,.34)!important;
border-radius:50%!important;
background:rgba(167,123,85,.08)!important;
color:#70472f!important;
font-family:'Bodoni Moda','Cormorant Garamond',serif!important;
font-size:13px!important;
font-weight:600!important;
}
.dxw-invitation.dxw-theme-palace .dxw-support-currency strong{
max-width:48px!important;
color:#76503a!important;
font-size:7px!important;
font-weight:600!important;
line-height:1.05!important;
text-align:center!important;
}
.dxw-invitation.dxw-theme-palace .dxw-support-details{
min-width:0!important;
text-align:left!important;
}
.dxw-invitation.dxw-theme-palace .dxw-support-details small{
display:block!important;
color:#76503a!important;
font-size:9px!important;
font-weight:600!important;
line-height:1.2!important;
opacity:1!important;
}
.dxw-invitation.dxw-theme-palace .dxw-support-details code{
display:block!important;
margin-top:6px!important;
overflow-wrap:anywhere!important;
color:#4f382e!important;
font-family:'Cormorant Garamond',Georgia,serif!important;
font-size:15px!important;
font-weight:600!important;
line-height:1.35!important;
letter-spacing:.03em!important;
white-space:normal!important;
}
.dxw-invitation.dxw-theme-palace .dxw-support-account .dxw-copy-iban{
grid-column:1 / -1!important;
width:100%!important;
min-height:38px!important;
margin-top:3px!important;
padding:9px 12px!important;
border:1px solid rgba(112,71,47,.36)!important;
border-radius:10px!important;
background:rgba(255,250,243,.28)!important;
color:#70472f!important;
font-size:9.5px!important;
font-weight:600!important;
letter-spacing:.10em!important;
opacity:1!important;
}
.dxw-invitation.dxw-theme-palace .dxw-support-account .dxw-copy-iban:hover,
.dxw-invitation.dxw-theme-palace .dxw-support-account .dxw-copy-iban:focus-visible{
border-color:#8a5d40!important;
background:rgba(255,250,243,.48)!important;
}
.dxw-invitation.dxw-theme-palace .dxw-support-account .dxw-copy-iban.is-copied{
border-color:#6e7451!important;
color:#53613f!important;
}
/* Hesap eklenmemişse sade bilgilendirme */
.dxw-invitation.dxw-theme-palace .dxw-support-empty{
width:100%!important;
margin-top:18px!important;
padding:18px 14px!important;
border:1px solid rgba(92,59,40,.24)!important;
border-radius:12px!important;
background:rgba(255,250,243,.24)!important;
}
.dxw-invitation.dxw-theme-palace .dxw-support-empty p{
margin:0!important;
color:#664a3a!important;
font-size:12px!important;
line-height:1.45!important;
}
/* Kısa ekranlarda ortak 270 × 500 geometri orantılı küçülür. */
@media(max-height:690px){
.dxw-invitation.dxw-theme-palace
.dxw-support-screen.is-visible
> .dxw-support-content.dxw-content.dxw-reveal{
transform:translate3d(0,0,0) scale(.90)!important;
}
}
@media(max-height:610px){
.dxw-invitation.dxw-theme-palace
.dxw-support-screen.is-visible
> .dxw-support-content.dxw-content.dxw-reveal{
transform:translate3d(0,0,0) scale(.82)!important;
}
}
/* v0.11.0 — sağlam AJAX yükleme, ilerleme ve son dört anı */
.dxw-invitation.dxw-theme-palace .dxw-upload-live{
width:100%;
margin:7px 0 0;
padding:7px 9px;
border:1px solid rgba(92,59,40,.24);
border-radius:8px;
box-sizing:border-box;
font-family:'Cormorant Garamond',Georgia,serif;
font-size:11px;
font-weight:600;
line-height:1.28;
text-align:center;
}
.dxw-invitation.dxw-theme-palace .dxw-upload-live.is-success{
border-color:rgba(78,111,63,.34);
background:rgba(238,247,233,.56);
color:#49613f;
}
.dxw-invitation.dxw-theme-palace .dxw-upload-live.is-error{
border-color:rgba(148,72,58,.34);
background:rgba(252,237,233,.58);
color:#7b4136;
}
.dxw-invitation.dxw-theme-palace .dxw-upload-progress{
position:relative;
width:100%;
height:3px;
margin-top:7px;
overflow:hidden;
border-radius:99px;
background:rgba(112,71,47,.14);
}
.dxw-invitation.dxw-theme-palace .dxw-upload-progress span{
display:block;
width:0;
height:100%;
border-radius:inherit;
background:linear-gradient(90deg,#b28a63,#7e5135);
transition:width .18s ease;
}
.dxw-invitation.dxw-theme-palace [data-dxw-upload-submit]:disabled{
cursor:wait!important;
opacity:.68!important;
}
.dxw-invitation.dxw-theme-palace .dxw-memory-gallery{
grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
.dxw-invitation.dxw-theme-palace .dxw-memory-gallery-item{
aspect-ratio:1/1!important;
overflow:hidden!important;
}
.dxw-invitation.dxw-theme-palace .dxw-memory-gallery-item img,
.dxw-invitation.dxw-theme-palace .dxw-memory-gallery-item video{
width:100%!important;
height:100%!important;
object-fit:cover!important;
}
/* v0.11.1 — Orijinal telefon formatı galeri kartı */
.dxw-invitation.dxw-theme-palace .dxw-memory-gallery-item.is-file{
display:flex!important;
align-items:center!important;
justify-content:center!important;
background:linear-gradient(145deg,rgba(255,250,243,.48),rgba(225,208,191,.62))!important;
}
.dxw-invitation.dxw-theme-palace .dxw-memory-original-file{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
width:100%;
height:100%;
color:#704f39;
text-align:center;
}
.dxw-invitation.dxw-theme-palace .dxw-memory-original-file strong{
font-family:'Bodoni Moda','Cormorant Garamond',serif;
font-size:16px;
font-weight:600;
letter-spacing:.08em;
}
.dxw-invitation.dxw-theme-palace .dxw-memory-original-file small{
margin-top:4px;
font-size:8px;
letter-spacing:.08em;
text-transform:uppercase;
}
/* v0.11.3 — ikinci aşağı kaydırmada son kareyi göster ve ilk sayfada kal */
.dxw-invitation.dxw-theme-palace.dxw-intro-can-skip
.dxw-opening-video
.dxw-next{
pointer-events:auto!important;
}
.dxw-invitation.dxw-theme-palace
.dxw-opening-video.is-video-skipped
.dxw-opening-video-media{
opacity:0!important;
visibility:hidden!important;
transition:none!important;
}
/* v0.12.0 — Nişan, kına ve düğün çoklu etkinlik yapısı */
.dxw-invitation.dxw-theme-palace .dxw-event-card-grid.is-count-1{
grid-template-columns:1fr!important;
}
.dxw-invitation.dxw-theme-palace .dxw-event-card-grid.is-count-1 .dxw-event-card{
width:100%!important;
max-width:100%!important;
}
.dxw-invitation.dxw-theme-palace .dxw-event-card-grid.is-count-3{
grid-template-columns:repeat(3,minmax(0,1fr))!important;
gap:5px!important;
}
.dxw-invitation.dxw-theme-palace .dxw-event-card-grid.is-count-3 .dxw-event-card{
min-width:0!important;
padding-left:4px!important;
padding-right:4px!important;
}
.dxw-invitation.dxw-theme-palace .dxw-event-card-grid.is-count-3 .dxw-event-card h3{
font-size:8px!important;
}
.dxw-invitation.dxw-theme-palace .dxw-event-card-grid.is-count-3 .dxw-event-card p{
font-size:8.5px!important;
}
.dxw-invite-calendar .is-marked-engagement strong,
.dxw-calendar-panel-days .is-marked-engagement strong{
outline-color:#a88a59!important;
}
.dxw-calendar-panel-legend i.is-engagement{
background:#a88a59!important;
}
.dxw-invitation.dxw-theme-palace .dxw-rsvp-events-grid.is-single{
display:block!important;
width:100%!important;
}
.dxw-invitation.dxw-theme-palace .dxw-rsvp-events-grid.is-single .dxw-rsvp-event{
width:100%!important;
max-width:100%!important;
}
.dxw-invitation.dxw-theme-palace .dxw-rsvp-form-single .dxw-rsvp-event-title{
max-width:210px!important;
margin-left:auto!important;
margin-right:auto!important;
}
.dxw-invitation.dxw-theme-palace .dxw-rsvp-form-single .dxw-rsvp-choice-grid{
max-width:230px!important;
margin-left:auto!important;
margin-right:auto!important;
}
.dxw-invitation.dxw-theme-palace .dxw-rsvp-form-single .dxw-rsvp-counter{
max-width:190px!important;
margin-left:auto!important;
margin-right:auto!important;
}
@media(max-width:380px){
.dxw-invitation.dxw-theme-palace .dxw-event-card-grid.is-count-3{
gap:3px!important;
}
.dxw-invitation.dxw-theme-palace .dxw-event-card-grid.is-count-3 .dxw-event-card h3,
.dxw-invitation.dxw-theme-palace .dxw-event-card-grid.is-count-3 .dxw-event-card p{
font-size:7.6px!important;
}
}
.dxw-invitation.dxw-theme-palace .dxw-event-card-grid.is-count-3 .dxw-event-card:not(:last-child){
border-right:1px solid var(--dxw-rule-soft)!important;
}
.dxw-invitation.dxw-theme-palace .dxw-event-card-grid.is-count-1 .dxw-event-card{
border-right:0!important;
}
.dxw-invitation.dxw-theme-palace .dxw-invite-calendar .is-marked-engagement strong::before{
background:#b58a58!important;
}
/* v0.12.1 tansu-batu engagement theme */
.dxw-invitation.dxw-theme-tansu-batu{background:#f5efe7}
.dxw-invitation.dxw-theme-tansu-batu>.dxw-paper-texture{background:linear-gradient(180deg,rgba(255,250,244,.72),rgba(244,237,229,.86)),radial-gradient(circle at 18% 8%,rgba(255,255,255,.68),transparent 30%),url('../images/tansu-batu-background.png') center/cover no-repeat;opacity:1}
.dxw-invitation.dxw-theme-tansu-batu:before,.dxw-invitation.dxw-theme-tansu-batu:after{opacity:.14;filter:saturate(.82) brightness(1.04)}
.dxw-invitation.dxw-theme-tansu-batu .dxw-screen:not(.dxw-opening){background:linear-gradient(180deg,rgba(255,250,245,.18),rgba(247,241,233,.36))}
.dxw-invitation.dxw-theme-tansu-batu .dxw-opening{background:linear-gradient(180deg,rgba(252,248,241,.58),rgba(245,238,229,.54)),url('../images/tansu-batu-background.png') center/cover no-repeat}
.dxw-invitation.dxw-theme-tansu-batu .dxw-content{backdrop-filter:blur(1.5px)}
.dxw-invitation.dxw-theme-tansu-batu .dxw-invite-card,.dxw-invitation.dxw-theme-tansu-batu .dxw-detail-card,.dxw-invitation.dxw-theme-tansu-batu .dxw-timeline,.dxw-invitation.dxw-theme-tansu-batu .dxw-menu-card,.dxw-invitation.dxw-theme-tansu-batu .dxw-rsvp-form,.dxw-invitation.dxw-theme-tansu-batu .dxw-support-account,.dxw-invitation.dxw-theme-tansu-batu .dxw-memory-upload-card,.dxw-invitation.dxw-theme-tansu-batu .dxw-final-date{box-shadow:0 18px 34px rgba(113,91,71,.08)}
.dxw-invitation.dxw-theme-tansu-batu .dxw-opening-name,.dxw-invitation.dxw-theme-tansu-batu .dxw-script-title{color:#9b7f62}
.dxw-invitation.dxw-theme-tansu-batu .dxw-opening-names small,.dxw-invitation.dxw-theme-tansu-batu .dxw-eyebrow{color:#9f8a73}
/* v0.12.3 — Tansu & Batu zarf açılışlı video ve sağlam kaydırma */
.dxw-invitation.dxw-theme-tansu-batu .dxw-opening-envelope-video .dxw-video-scene{
position:absolute!important;
inset:0!important;
z-index:1!important;
overflow:hidden!important;
background:#f6efe6!important;
}
.dxw-invitation.dxw-theme-tansu-batu .dxw-opening-envelope-video .dxw-opening-video-media,
.dxw-invitation.dxw-theme-tansu-batu .dxw-opening-envelope-video .dxw-opening-final-frame{
position:absolute!important;
inset:0!important;
width:100%!important;
height:100%!important;
object-fit:cover!important;
object-position:center center!important;
filter:none!important;
transform:none!important;
}
.dxw-invitation.dxw-theme-tansu-batu .dxw-opening-envelope-video .dxw-opening-final-frame{
z-index:1!important;
opacity:1!important;
visibility:visible!important;
}
.dxw-invitation.dxw-theme-tansu-batu .dxw-opening-envelope-video .dxw-opening-video-media{
z-index:2!important;
opacity:1!important;
visibility:visible!important;
transition:opacity .2s linear!important;
}
.dxw-invitation.dxw-theme-tansu-batu .dxw-opening-envelope-video.is-video-complete .dxw-opening-video-media{
opacity:0!important;
visibility:hidden!important;
}
.dxw-invitation.dxw-theme-tansu-batu .dxw-opening-envelope-video .dxw-video-vignette{
z-index:3!important;
background:linear-gradient(180deg,rgba(248,242,234,.12),rgba(90,67,48,.10))!important;
pointer-events:none!important;
}
.dxw-invitation.dxw-theme-tansu-batu .dxw-opening-envelope-video.is-video-complete .dxw-video-vignette{
opacity:0!important;
}
.dxw-invitation.dxw-theme-tansu-batu .dxw-opening-envelope-video .dxw-opening-names{
z-index:8!important;
}
.dxw-invitation.dxw-theme-tansu-batu .dxw-opening-envelope-video .dxw-next{
z-index:12!important;
}
.dxw-envelope-video-overlay{
position:absolute;
inset:0;
z-index:7;
display:flex;
align-items:center;
justify-content:center;
pointer-events:none;
background:linear-gradient(180deg,rgba(249,244,237,.96),rgba(239,229,217,.95));
opacity:1;
visibility:visible;
transition:opacity .5s ease .95s,visibility 0s linear 1.45s;
}
.dxw-envelope-video-card{
position:relative;
width:min(82vw,340px);
height:245px;
perspective:1000px;
filter:drop-shadow(0 24px 28px rgba(86,64,46,.18));
transition:transform .75s cubic-bezier(.22,1,.36,1) .72s,opacity .55s ease .85s;
}
.dxw-envelope-video-back{
position:absolute;
inset:44px 0 0;
border:1px solid rgba(161,133,100,.25);
border-radius:8px;
background:linear-gradient(145deg,#eadfce,#d8c4a7);
}
.dxw-envelope-video-front{
position:absolute;
inset:44px 0 0;
z-index:5;
overflow:hidden;
border-radius:8px;
}
.dxw-envelope-video-front:before,
.dxw-envelope-video-front:after{
content:"";
position:absolute;
bottom:-92px;
width:260px;
height:260px;
border:1px solid rgba(161,133,100,.18);
background:linear-gradient(145deg,#efe4d3,#d3bfa1);
transform:rotate(45deg);
}
.dxw-envelope-video-front:before{left:-119px}
.dxw-envelope-video-front:after{right:-119px}
.dxw-envelope-video-flap{
position:absolute;
left:0;
right:0;
top:44px;
z-index:7;
height:178px;
clip-path:polygon(0 0,100% 0,50% 100%);
transform-origin:50% 0;
transform:rotateX(0deg);
background:linear-gradient(165deg,#f5ead9,#d8c3a6);
transition:transform .8s cubic-bezier(.65,0,.2,1) .08s;
}
.dxw-envelope-video-letter{
position:absolute;
left:9%;
right:9%;
top:55px;
z-index:4;
display:flex;
height:178px;
flex-direction:column;
align-items:center;
box-sizing:border-box;
padding-top:38px;
border:1px solid rgba(163,137,105,.26);
border-radius:6px;
background:linear-gradient(160deg,#fffaf3,#eee1ce);
color:#987d60;
font-family:'Great Vibes',cursive;
font-size:32px;
line-height:.95;
transition:transform .9s cubic-bezier(.22,1,.36,1) .32s;
}
.dxw-envelope-video-letter em{
margin-top:10px;
color:#af9167;
font-family:'Cormorant Garamond',serif;
font-size:20px;
}
.dxw-envelope-video-seal{
position:absolute;
left:50%;
top:114px;
z-index:10;
display:grid;
place-items:center;
width:58px;
height:58px;
margin-left:-29px;
border-radius:50%;
background:radial-gradient(circle at 36% 28%,#cfb180,#a8895f 68%,#806648);
box-shadow:inset 0 0 0 4px rgba(255,240,216,.22),0 5px 13px rgba(82,61,41,.24);
transition:transform .35s ease,opacity .35s ease;
}
.dxw-envelope-video-seal span{
color:#fff3dd;
font-family:'Great Vibes',cursive;
font-size:18px;
}
.dxw-invitation.dxw-intro-opening .dxw-envelope-video-flap{
transform:rotateX(-178deg);
}
.dxw-invitation.dxw-intro-opening .dxw-envelope-video-letter{
transform:translateY(-92px);
}
.dxw-invitation.dxw-intro-opening .dxw-envelope-video-seal{
opacity:0;
transform:scale(.55) rotate(-12deg);
}
.dxw-invitation.dxw-intro-opening .dxw-envelope-video-card{
opacity:0;
transform:translateY(-28px) scale(.96);
}
.dxw-invitation.dxw-intro-opening .dxw-envelope-video-overlay{
opacity:0;
visibility:hidden;
}
.dxw-invitation.dxw-theme-tansu-batu.dxw-intro-opened>.dxw-scroll{
overflow-y:auto!important;
touch-action:pan-y!important;
}
@media(max-width:480px){
.dxw-envelope-video-card{width:84vw}
}
/* v0.12.4 — Tansu & Batu yalnızca kendi davetiyesinde çalışır */
.dxw-invitation.dxw-theme-tansu-batu.dxw-intro-opened > .dxw-scroll,
.dxw-invitation.dxw-theme-tansu-batu.dxw-intro-revealed > .dxw-scroll{
overflow-y:auto!important;
touch-action:pan-y!important;
-webkit-overflow-scrolling:touch!important;
}
.dxw-invitation.dxw-theme-tansu-batu .dxw-opening-envelope-video.is-video-complete .dxw-envelope-video-overlay{
opacity:0!important;
visibility:hidden!important;
pointer-events:none!important;
}
/* v0.12.5 — Tansu & Batu açılışı donmaya karşı fail-open */
.dxw-invitation.dxw-theme-tansu-batu .dxw-scroll.is-locked,
.dxw-invitation.dxw-theme-tansu-batu.dxw-intro-soft-lock > .dxw-scroll{
overflow-y:auto!important;
touch-action:pan-y!important;
-webkit-overflow-scrolling:touch!important;
}
.dxw-invitation.dxw-theme-tansu-batu .dxw-envelope-video-overlay[data-dxw-intro-trigger]{
pointer-events:auto!important;
cursor:pointer;
-webkit-tap-highlight-color:transparent;
outline:none;
}
.dxw-invitation.dxw-theme-tansu-batu.dxw-intro-opening .dxw-envelope-video-overlay[data-dxw-intro-trigger],
.dxw-invitation.dxw-theme-tansu-batu.dxw-intro-revealed .dxw-envelope-video-overlay[data-dxw-intro-trigger]{
pointer-events:none!important;
}
/* v0.12.6 — Tansu & Batu bağımsız inline açılış denetleyicisi */
.dxw-invitation.dxw-theme-tansu-batu .dxw-envelope-video-overlay[data-dxw-intro-trigger]::after{
content:"Davetiyeyi açmak için dokunun veya kaydırın";
position:absolute;
left:50%;
bottom:max(46px,calc(env(safe-area-inset-bottom) + 28px));
width:min(82vw,360px);
transform:translateX(-50%);
color:#8d755d;
font-family:'Cormorant Garamond',Georgia,serif;
font-size:13px;
font-weight:600;
letter-spacing:.08em;
text-align:center;
text-transform:uppercase;
text-shadow:0 1px 0 rgba(255,255,255,.7);
transition:opacity .25s ease;
}
.dxw-invitation.dxw-theme-tansu-batu.dxw-intro-opening .dxw-envelope-video-overlay[data-dxw-intro-trigger]::after,
.dxw-invitation.dxw-theme-tansu-batu.dxw-intro-revealed .dxw-envelope-video-overlay[data-dxw-intro-trigger]::after{
opacity:0;
}
/* v0.12.8 — HTTPS ve bağımsız Tansu/Batu açılış denetleyicisi */
.dxw-invitation.dxw-theme-tansu-batu.dxw-intro-locked > .dxw-scroll,
.dxw-invitation.dxw-theme-tansu-batu > .dxw-scroll.is-locked{
overflow:hidden!important;
touch-action:none!important;
}
.dxw-invitation.dxw-theme-tansu-batu.dxw-intro-opened > .dxw-scroll,
.dxw-invitation.dxw-theme-tansu-batu.dxw-intro-revealed > .dxw-scroll{
overflow-y:auto!important;
touch-action:pan-y!important;
-webkit-overflow-scrolling:touch!important;
}
.dxw-invitation.dxw-theme-tansu-batu .dxw-envelope-video-overlay[data-dxw-intro-trigger]{pointer-events:auto!important}
.dxw-invitation.dxw-theme-tansu-batu.dxw-intro-opening .dxw-envelope-video-overlay[data-dxw-intro-trigger],
.dxw-invitation.dxw-theme-tansu-batu.dxw-intro-revealed .dxw-envelope-video-overlay[data-dxw-intro-trigger]{pointer-events:none!important}
/* v0.12.9 Tansu Batu layer fix */
.dxw-invitation.dxw-theme-tansu-batu>.dxw-persistent-background{position:absolute!important;inset:0!important;z-index:0!important;display:block!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;object-position:center!important;pointer-events:none!important;user-select:none!important;-webkit-user-drag:none!important;opacity:1!important;transform:none!important}
.dxw-invitation.dxw-theme-tansu-batu>.dxw-paper-texture{position:absolute!important;inset:0!important;z-index:1!important;pointer-events:none!important}
.dxw-invitation.dxw-theme-tansu-batu>.dxw-scroll{position:relative!important;z-index:2!important;width:100%!important;height:100%!important;margin:0!important;background:transparent!important}
.dxw-invitation.dxw-theme-tansu-batu .dxw-opening{position:relative!important;z-index:3!important}
/* v0.13.0 — Tansu & Batu: video, ardından son kareden zarf açılışı */
.dxw-invitation.dxw-theme-tansu-batu .dxw-opening-envelope-video{
background:#f5efe7!important;
}
.dxw-invitation.dxw-theme-tansu-batu .dxw-opening-envelope-video .dxw-video-scene{
position:absolute!important;
inset:0!important;
z-index:2!important;
overflow:hidden!important;
background:#f5efe7!important;
}
.dxw-invitation.dxw-theme-tansu-batu .dxw-opening-envelope-video .dxw-opening-video-media,
.dxw-invitation.dxw-theme-tansu-batu .dxw-opening-envelope-video .dxw-opening-final-frame{
position:absolute!important;
inset:0!important;
width:100%!important;
height:100%!important;
max-width:none!important;
object-fit:cover!important;
object-position:center!important;
pointer-events:none!important;
}
.dxw-invitation.dxw-theme-tansu-batu .dxw-opening-envelope-video .dxw-opening-video-media{
z-index:3!important;
opacity:1!important;
visibility:visible!important;
background:#f5efe7!important;
}
.dxw-invitation.dxw-theme-tansu-batu .dxw-opening-envelope-video .dxw-opening-final-frame{
z-index:2!important;
opacity:1!important;
visibility:visible!important;
}
.dxw-invitation.dxw-theme-tansu-batu .dxw-opening-envelope-video.is-video-complete .dxw-opening-video-media{
opacity:0!important;
visibility:hidden!important;
}
.dxw-tb-video-start{
position:absolute;
left:50%;
bottom:max(42px,calc(env(safe-area-inset-bottom) + 26px));
z-index:30;
display:flex;
flex-direction:column;
align-items:center;
gap:4px;
min-width:172px;
padding:12px 20px 11px;
border:1px solid rgba(167,139,105,.42);
border-radius:999px;
background:rgba(255,251,245,.78);
color:#8e7358;
box-shadow:0 14px 34px rgba(82,62,42,.16),inset 0 1px rgba(255,255,255,.9);
backdrop-filter:blur(12px);
-webkit-backdrop-filter:blur(12px);
transform:translateX(-50%) translateY(12px);
opacity:0;
visibility:hidden;
pointer-events:none;
cursor:pointer;
transition:opacity .35s ease,transform .35s ease,visibility 0s linear .35s;
-webkit-tap-highlight-color:transparent;
}
.dxw-tb-video-start strong{
font-family:'Cinzel',Georgia,serif;
font-size:10px;
font-weight:600;
letter-spacing:.24em;
text-transform:uppercase;
}
.dxw-tb-video-start small{
font-family:'Cormorant Garamond',Georgia,serif;
font-size:12px;
letter-spacing:.04em;
}
.dxw-tb-play-mark{
width:0;
height:0;
margin-bottom:2px;
border-top:5px solid transparent;
border-bottom:5px solid transparent;
border-left:8px solid #a48766;
}
.dxw-invitation.dxw-theme-tansu-batu.is-awaiting-start .dxw-tb-video-start{
opacity:1;
visibility:visible;
pointer-events:auto;
transform:translateX(-50%) translateY(0);
transition-delay:0s;
}
.dxw-invitation.dxw-theme-tansu-batu.is-video-running .dxw-tb-video-start,
.dxw-invitation.dxw-theme-tansu-batu.is-envelope-transitioning .dxw-tb-video-start,
.dxw-invitation.dxw-theme-tansu-batu.is-envelope-transition-done .dxw-tb-video-start{
opacity:0!important;
visibility:hidden!important;
pointer-events:none!important;
}
.dxw-tb-envelope-reveal{
position:absolute;
inset:0;
z-index:18;
overflow:hidden;
perspective:1600px;
opacity:0;
visibility:hidden;
pointer-events:none;
background:#f5efe7;
transition:opacity .08s linear,visibility 0s linear .08s;
}
.dxw-opening-envelope-video.is-envelope-preparing .dxw-tb-envelope-reveal{
opacity:1;
visibility:visible;
transition-delay:0s;
}
.dxw-tb-envelope-panel{
position:absolute;
inset:-1px;
overflow:hidden;
transform-style:preserve-3d;
backface-visibility:hidden;
-webkit-backface-visibility:hidden;
filter:drop-shadow(0 0 1px rgba(112,84,54,.52));
transition:transform 1.28s cubic-bezier(.68,0,.18,1),opacity .95s ease .18s,filter 1.1s ease;
}
.dxw-tb-envelope-panel img{
position:absolute;
inset:0;
display:block;
width:100%;
height:100%;
max-width:none;
object-fit:cover;
object-position:center;
user-select:none;
-webkit-user-drag:none;
}
.dxw-tb-envelope-top{
z-index:5;
clip-path:polygon(0 0,100% 0,50% 55%);
transform-origin:50% 0;
}
.dxw-tb-envelope-bottom{
z-index:4;
clip-path:polygon(0 100%,100% 100%,50% 45%);
transform-origin:50% 100%;
}
.dxw-tb-envelope-left{
z-index:3;
clip-path:polygon(0 0,50% 50%,0 100%);
transform-origin:0 50%;
}
.dxw-tb-envelope-right{
z-index:3;
clip-path:polygon(100% 0,50% 50%,100% 100%);
transform-origin:100% 50%;
}
.dxw-tb-envelope-seal{
position:absolute;
left:50%;
top:50%;
z-index:8;
display:grid;
place-items:center;
width:70px;
height:70px;
margin:-35px 0 0 -35px;
border-radius:50%;
background:radial-gradient(circle at 34% 27%,#f3e2bb 0%,#c6a56f 47%,#98764c 100%);
box-shadow:inset 0 0 0 5px rgba(255,245,220,.25),0 11px 25px rgba(76,54,34,.30);
transition:transform .52s cubic-bezier(.22,1,.36,1),opacity .42s ease;
}
.dxw-tb-envelope-seal:before{
content:"";
position:absolute;
inset:9px;
border:1px solid rgba(255,246,225,.68);
border-radius:50%;
}
.dxw-tb-envelope-seal span{
position:relative;
color:#fff7e7;
font-family:'Great Vibes',cursive;
font-size:21px;
text-shadow:0 1px 2px rgba(80,58,36,.34);
}
.dxw-opening-envelope-video.is-envelope-opening .dxw-tb-envelope-top{
transform:translateY(-4%) rotateX(174deg) scale(.985);
opacity:0;
filter:drop-shadow(0 18px 22px rgba(72,51,32,.22));
}
.dxw-opening-envelope-video.is-envelope-opening .dxw-tb-envelope-bottom{
transform:translateY(56%) scale(.98);
opacity:0;
}
.dxw-opening-envelope-video.is-envelope-opening .dxw-tb-envelope-left{
transform:translateX(-58%) rotateY(-15deg);
opacity:0;
}
.dxw-opening-envelope-video.is-envelope-opening .dxw-tb-envelope-right{
transform:translateX(58%) rotateY(15deg);
opacity:0;
}
.dxw-opening-envelope-video.is-envelope-opening .dxw-tb-envelope-seal{
transform:scale(.42) rotate(-16deg);
opacity:0;
}
.dxw-opening-envelope-video.is-envelope-opened .dxw-tb-envelope-reveal{
opacity:0;
visibility:hidden;
}
.dxw-invitation.dxw-theme-tansu-batu.is-envelope-transitioning .dxw-opening-envelope-video .dxw-next{
opacity:0!important;
pointer-events:none!important;
}
.dxw-invitation.dxw-theme-tansu-batu.is-envelope-transitioning .dxw-opening-envelope-video .dxw-opening-names{
transition-delay:.40s!important;
}
.dxw-invitation.dxw-theme-tansu-batu.is-envelope-transition-done .dxw-opening-envelope-video .dxw-next{
opacity:.66!important;
pointer-events:auto!important;
}
@media(max-width:480px){
.dxw-tb-envelope-seal{width:62px;height:62px;margin:-31px 0 0 -31px}
.dxw-tb-video-start{bottom:max(34px,calc(env(safe-area-inset-bottom) + 20px))}
}
@media(prefers-reduced-motion:reduce){
.dxw-tb-envelope-panel,.dxw-tb-envelope-seal{transition-duration:.2s!important}
}
/* v0.13.1 — Tansu & Batu: zarf açılışından sonra yalnızca sabit 4.png arka plan kalsın */
.dxw-invitation.dxw-theme-tansu-batu .dxw-opening-envelope-video .dxw-video-scene{
transition:opacity .55s ease, visibility 0s linear .55s!important;
}
.dxw-invitation.dxw-theme-tansu-batu.is-envelope-transition-done .dxw-opening-envelope-video{
background:transparent!important;
}
.dxw-invitation.dxw-theme-tansu-batu.is-envelope-transition-done .dxw-opening-envelope-video .dxw-video-scene{
opacity:0!important;
visibility:hidden!important;
pointer-events:none!important;
}
.dxw-invitation.dxw-theme-tansu-batu.is-envelope-transition-done .dxw-opening-envelope-video .dxw-opening-final-frame,
.dxw-invitation.dxw-theme-tansu-batu.is-envelope-transition-done .dxw-opening-envelope-video .dxw-opening-video-media,
.dxw-invitation.dxw-theme-tansu-batu.is-envelope-transition-done .dxw-opening-envelope-video .dxw-video-vignette,
.dxw-invitation.dxw-theme-tansu-batu.is-envelope-transition-done .dxw-opening-envelope-video .dxw-tb-envelope-reveal{
opacity:0!important;
visibility:hidden!important;
pointer-events:none!important;
}
.dxw-invitation.dxw-theme-tansu-batu.is-envelope-transition-done .dxw-opening-envelope-video .dxw-opening-names,
.dxw-invitation.dxw-theme-tansu-batu.is-envelope-transition-done .dxw-opening-envelope-video .dxw-next{
position:relative!important;
z-index:4!important;
}
/* v0.13.2 — Tansu & Batu açılış metin bloğunu ekranın tam merkezine sabitle */
.dxw-invitation.dxw-theme-tansu-batu .dxw-opening-envelope-video .dxw-opening-names{
position:absolute!important;
left:50%!important;
top:50%!important;
right:auto!important;
bottom:auto!important;
display:flex!important;
flex-direction:column!important;
align-items:center!important;
justify-content:center!important;
width:min(calc(100% - 48px),420px)!important;
max-width:420px!important;
margin:0!important;
padding:0!important;
box-sizing:border-box!important;
text-align:center!important;
transform:translate(-50%,calc(-50% + 14px)) scale(.985)!important;
transform-origin:center center!important;
z-index:9!important;
}
.dxw-invitation.dxw-theme-tansu-batu .dxw-opening-envelope-video.is-video-text-active .dxw-opening-names,
.dxw-invitation.dxw-theme-tansu-batu .dxw-opening-envelope-video.is-video-complete .dxw-opening-names,
.dxw-invitation.dxw-theme-tansu-batu.is-envelope-transition-done .dxw-opening-envelope-video .dxw-opening-names{
position:absolute!important;
left:50%!important;
top:50%!important;
margin:0!important;
transform:translate(-50%,-50%) scale(1)!important;
}
.dxw-invitation.dxw-theme-tansu-batu .dxw-opening-envelope-video .dxw-opening-names > *,
.dxw-invitation.dxw-theme-tansu-batu .dxw-opening-envelope-video .dxw-countdown-opening{
flex-shrink:0;
text-align:center!important;
}
.dxw-invitation.dxw-theme-tansu-batu .dxw-opening-envelope-video > .dxw-next,
.dxw-invitation.dxw-theme-tansu-batu.is-envelope-transition-done .dxw-opening-envelope-video > .dxw-next{
position:absolute!important;
left:50%!important;
right:auto!important;
top:auto!important;
bottom:max(18px,env(safe-area-inset-bottom))!important;
margin-left:-23px!important;
transform:none!important;
z-index:20!important;
}
@media(max-width:480px){
.dxw-invitation.dxw-theme-tansu-batu .dxw-opening-envelope-video .dxw-opening-names{
width:min(calc(100% - 34px),390px)!important;
}
}
/* v0.13.3 — Tansu & Batu: video son karesindeki isimlerle HTML isimlerinin çift görünmesini engelle */
.dxw-invitation.dxw-theme-tansu-batu:not(.is-envelope-transition-done) .dxw-opening-envelope-video .dxw-opening-names,
.dxw-invitation.dxw-theme-tansu-batu.is-envelope-transitioning .dxw-opening-envelope-video .dxw-opening-names,
.dxw-invitation.dxw-theme-tansu-batu .dxw-opening-envelope-video.is-envelope-preparing:not(.is-envelope-opened) .dxw-opening-names{
opacity:0!important;
visibility:hidden!important;
pointer-events:none!important;
animation:none!important;
}
.dxw-invitation.dxw-theme-tansu-batu.is-envelope-transition-done .dxw-opening-envelope-video .dxw-opening-names{
opacity:1!important;
visibility:visible!important;
pointer-events:auto!important;
filter:none!important;
animation:none!important;
transform:translate(-50%,-50%) scale(1)!important;
}
.dxw-invitation.dxw-theme-tansu-batu.is-envelope-transition-done .dxw-opening-envelope-video .dxw-opening-names > *{
opacity:1!important;
visibility:visible!important;
filter:none!important;
transform:none!important;
animation:none!important;
}
/* v0.13.4 — Tansu & Batu SLIDE DOWN butonunu gerçek yatay merkeze sabitle */
.dxw-invitation.dxw-theme-tansu-batu .dxw-opening-envelope-video > .dxw-next,
.dxw-invitation.dxw-theme-tansu-batu.is-envelope-transition-done .dxw-opening-envelope-video > .dxw-next{
position:absolute!important;
left:50%!important;
right:auto!important;
margin:0!important;
margin-left:0!important;
transform:translateX(-50%)!important;
align-items:center!important;
justify-content:center!important;
text-align:center!important;
}
.dxw-invitation.dxw-theme-tansu-batu .dxw-opening-envelope-video > .dxw-next:hover,
.dxw-invitation.dxw-theme-tansu-batu .dxw-opening-envelope-video > .dxw-next:focus-visible{
transform:translate(-50%,-2px)!important;
}
/* v0.13.5 — Tansu & Batu tek etkinlik kartını yatayda tam merkeze al */
.dxw-invitation.dxw-theme-tansu-batu .dxw-event-card-grid.is-count-1{
grid-template-columns:minmax(0,1fr)!important;
justify-items:center!important;
}
.dxw-invitation.dxw-theme-tansu-batu .dxw-event-card-grid.is-count-1::after{
display:none!important;
}
.dxw-invitation.dxw-theme-tansu-batu .dxw-event-card-grid.is-count-1 .dxw-event-card{
width:100%!important;
max-width:340px!important;
margin:0 auto!important;
padding-left:16px!important;
padding-right:16px!important;
box-sizing:border-box!important;
text-align:center!important;
justify-self:center!important;
}
.dxw-invitation.dxw-theme-tansu-batu .dxw-event-card-grid.is-count-1 .dxw-event-card h3,
.dxw-invitation.dxw-theme-tansu-batu .dxw-event-card-grid.is-count-1 .dxw-event-card p{
width:100%!important;
margin-left:auto!important;
margin-right:auto!important;
text-align:center!important;
}
/* v0.13.6 — Tansu & Batu takvim kalbini 4 px yukarı al ve mobil görünürlüğünü koru */
.dxw-invitation.dxw-theme-tansu-batu .dxw-invite-calendar > .is-marked,
.dxw-invitation.dxw-theme-tansu-batu .dxw-invite-calendar > .is-marked strong{
overflow:visible!important;
}
.dxw-invitation.dxw-theme-tansu-batu .dxw-invite-calendar .is-marked strong{
position:relative!important;
isolation:isolate!important;
color:#fffaf3!important;
}
.dxw-invitation.dxw-theme-tansu-batu .dxw-invite-calendar .is-marked strong::before{
content:""!important;
display:block!important;
opacity:1!important;
visibility:visible!important;
transform:translateY(6px)!important;
background:#b58a58!important;
pointer-events:none!important;
}
@media(max-width:560px){
.dxw-invitation.dxw-theme-tansu-batu .dxw-invite-calendar,
.dxw-invitation.dxw-theme-tansu-batu .dxw-invite-calendar > .is-marked,
.dxw-invitation.dxw-theme-tansu-batu .dxw-invite-calendar > .is-marked strong{
overflow:visible!important;
}
.dxw-invitation.dxw-theme-tansu-batu .dxw-invite-calendar .is-marked strong::before{
inset:1px!important;
transform:translateY(4px)!important;
opacity:1!important;
visibility:visible!important;
-webkit-mask-repeat:no-repeat!important;
-webkit-mask-position:center!important;
-webkit-mask-size:contain!important;
mask-repeat:no-repeat!important;
mask-position:center!important;
mask-size:contain!important;
}
}
/* v0.13.7 — Tansu & Batu RSVP: Beyzasu & Yaşar ile aynı 270 px kompakt düzen */
.dxw-invitation.dxw-theme-tansu-batu
.dxw-rsvp-screen
> .dxw-rsvp-content.dxw-content.dxw-reveal{
width:270px!important;
max-width:270px!important;
min-width:270px!important;
min-height:500px!important;
height:auto!important;
margin:0 auto!important;
padding:0!important;
box-sizing:border-box!important;
display:flex!important;
flex-direction:column!important;
justify-content:flex-start!important;
overflow:visible!important;
color:#625044!important;
transform-origin:center center!important;
}
.dxw-invitation.dxw-theme-tansu-batu
.dxw-rsvp-screen.is-visible
> .dxw-rsvp-content.dxw-content.dxw-reveal{
transform:translateY(0) scale(1)!important;
}
.dxw-invitation.dxw-theme-tansu-batu
.dxw-rsvp-screen:not(.is-visible)
> .dxw-rsvp-content.dxw-content.dxw-reveal{
transform:translateY(24px) scale(.985)!important;
}
.dxw-invitation.dxw-theme-tansu-batu .dxw-rsvp-content > .dxw-eyebrow{
flex:0 0 auto!important;
margin:0 0 6px!important;
color:#8f755b!important;
font-size:8px!important;
font-weight:600!important;
line-height:1!important;
letter-spacing:.18em!important;
text-indent:.18em!important;
text-align:center!important;
}
.dxw-invitation.dxw-theme-tansu-batu .dxw-rsvp-content > h2{
flex:0 0 auto!important;
width:100%!important;
max-width:270px!important;
margin:0!important;
color:#685441!important;
font-size:25px!important;
font-weight:500!important;
line-height:1.06!important;
letter-spacing:0!important;
text-align:center!important;
text-wrap:balance;
}
.dxw-invitation.dxw-theme-tansu-batu .dxw-rsvp-content > .dxw-rsvp-note{
flex:0 0 auto!important;
max-width:250px!important;
margin:7px auto 0!important;
color:#776454!important;
font-size:12px!important;
line-height:1.42!important;
text-align:center!important;
}
.dxw-invitation.dxw-theme-tansu-batu .dxw-rsvp-content .dxw-rsvp-form-single{
flex:1 1 auto!important;
min-height:0!important;
width:100%!important;
margin:10px 0 0!important;
padding:0!important;
display:flex!important;
flex-direction:column!important;
justify-content:flex-start!important;
gap:9px!important;
box-sizing:border-box!important;
}
.dxw-invitation.dxw-theme-tansu-batu .dxw-rsvp-content .dxw-rsvp-contact-grid{
display:grid!important;
grid-template-columns:1fr!important;
gap:6px!important;
width:100%!important;
margin:0!important;
}
.dxw-invitation.dxw-theme-tansu-batu .dxw-rsvp-content .dxw-rsvp-line-field{
width:100%!important;
margin:0!important;
}
.dxw-invitation.dxw-theme-tansu-batu .dxw-rsvp-content .dxw-rsvp-line-field label{
display:block!important;
margin:0 0 4px!important;
color:#886f56!important;
font-size:8px!important;
font-weight:600!important;
line-height:1!important;
letter-spacing:.12em!important;
text-indent:.12em!important;
}
.dxw-invitation.dxw-theme-tansu-batu .dxw-rsvp-content .dxw-rsvp-line-field input,
.dxw-invitation.dxw-theme-tansu-batu .dxw-rsvp-content .dxw-rsvp-line-field textarea{
width:100%!important;
min-height:31px!important;
margin:0!important;
padding:5px 7px!important;
box-sizing:border-box!important;
color:#625044!important;
background:rgba(255,251,245,.30)!important;
border-color:rgba(145,116,85,.42)!important;
font-size:13px!important;
font-weight:500!important;
line-height:1.2!important;
}
.dxw-invitation.dxw-theme-tansu-batu .dxw-rsvp-content .dxw-rsvp-line-field input::placeholder,
.dxw-invitation.dxw-theme-tansu-batu .dxw-rsvp-content .dxw-rsvp-line-field textarea::placeholder{
color:#8b796a!important;
opacity:.82!important;
}
.dxw-invitation.dxw-theme-tansu-batu .dxw-rsvp-content .dxw-rsvp-events-grid.is-single{
display:block!important;
width:100%!important;
margin:0!important;
}
.dxw-invitation.dxw-theme-tansu-batu .dxw-rsvp-content .dxw-rsvp-events-grid.is-single .dxw-rsvp-event{
width:100%!important;
max-width:100%!important;
margin:0 auto!important;
}
.dxw-invitation.dxw-theme-tansu-batu .dxw-rsvp-form-single .dxw-rsvp-event-title{
max-width:210px!important;
margin:0 auto 5px!important;
}
.dxw-invitation.dxw-theme-tansu-batu .dxw-rsvp-form-single .dxw-rsvp-event-title strong{
color:#82684f!important;
font-size:8.2px!important;
font-weight:600!important;
letter-spacing:.11em!important;
}
.dxw-invitation.dxw-theme-tansu-batu .dxw-rsvp-form-single .dxw-rsvp-choice-grid{
grid-template-columns:1fr!important;
gap:2px!important;
width:100%!important;
max-width:230px!important;
margin:0 auto!important;
}
.dxw-invitation.dxw-theme-tansu-batu .dxw-rsvp-content .dxw-rsvp-choice{
min-height:31px!important;
padding:5px 2px 6px!important;
gap:7px!important;
color:#6d5948!important;
border-bottom-color:rgba(145,116,85,.27)!important;
font-size:11.3px!important;
font-weight:500!important;
line-height:1.18!important;
text-align:left!important;
}
.dxw-invitation.dxw-theme-tansu-batu .dxw-rsvp-content .dxw-rsvp-choice:hover,
.dxw-invitation.dxw-theme-tansu-batu .dxw-rsvp-content .dxw-rsvp-choice:focus-visible,
.dxw-invitation.dxw-theme-tansu-batu .dxw-rsvp-content .dxw-rsvp-choice.is-selected{
color:#8b6e50!important;
border-bottom-color:#a28665!important;
}
.dxw-invitation.dxw-theme-tansu-batu .dxw-rsvp-content .dxw-rsvp-radio{
flex:0 0 12px!important;
width:12px!important;
height:12px!important;
border-color:#a28665!important;
}
.dxw-invitation.dxw-theme-tansu-batu .dxw-rsvp-form-single .dxw-rsvp-counter{
max-width:190px!important;
margin:4px auto 0!important;
gap:4px!important;
}
.dxw-invitation.dxw-theme-tansu-batu .dxw-rsvp-content .dxw-rsvp-counter-label{
color:#886f56!important;
font-size:7.5px!important;
font-weight:600!important;
letter-spacing:.12em!important;
text-indent:.12em!important;
}
.dxw-invitation.dxw-theme-tansu-batu .dxw-rsvp-content .dxw-rsvp-counter-controls button{
width:20px!important;
height:20px!important;
color:#8b6e50!important;
border-color:rgba(139,110,80,.42)!important;
font-size:14px!important;
}
.dxw-invitation.dxw-theme-tansu-batu .dxw-rsvp-content .dxw-rsvp-counter-controls strong{
color:#625044!important;
font-size:18px!important;
}
.dxw-invitation.dxw-theme-tansu-batu .dxw-rsvp-content .dxw-rsvp-note-field{
margin:0!important;
}
.dxw-invitation.dxw-theme-tansu-batu .dxw-rsvp-content .dxw-rsvp-note-field textarea{
min-height:45px!important;
height:45px!important;
font-size:12.5px!important;
}
.dxw-invitation.dxw-theme-tansu-batu .dxw-rsvp-content .dxw-rsvp-form .dxw-upload-submit{
width:100%!important;
min-height:38px!important;
margin:0!important;
padding:9px 12px!important;
border-radius:10px!important;
color:#fffaf2!important;
background:#a48766!important;
border-color:#a48766!important;
font-size:9.5px!important;
font-weight:600!important;
letter-spacing:.10em!important;
}
.dxw-invitation.dxw-theme-tansu-batu .dxw-rsvp-content .dxw-rsvp-help{
margin:3px 0 0!important;
color:#806d5d!important;
font-size:9px!important;
line-height:1.25!important;
opacity:.92!important;
text-align:center!important;
}
@media(max-width:330px){
.dxw-invitation.dxw-theme-tansu-batu
.dxw-rsvp-screen.is-visible
> .dxw-rsvp-content.dxw-content.dxw-reveal{
transform:scale(.94)!important;
}
}
@media(max-height:690px){
.dxw-invitation.dxw-theme-tansu-batu
.dxw-rsvp-screen.is-visible
> .dxw-rsvp-content.dxw-content.dxw-reveal{
transform:scale(.90)!important;
}
.dxw-invitation.dxw-theme-tansu-batu .dxw-rsvp-content .dxw-rsvp-help{
display:none!important;
}
}
@media(max-height:610px){
.dxw-invitation.dxw-theme-tansu-batu
.dxw-rsvp-screen.is-visible
> .dxw-rsvp-content.dxw-content.dxw-reveal{
transform:scale(.82)!important;
}
}
/* v0.13.8 — Tansu & Batu RSVP bloğunu ekranın gerçek dikey/yatay merkezine sabitle */
.dxw-invitation.dxw-theme-tansu-batu .dxw-rsvp-screen{
position:relative!important;
display:block!important;
overflow:hidden!important;
}
.dxw-invitation.dxw-theme-tansu-batu
.dxw-rsvp-screen
> .dxw-rsvp-content.dxw-content.dxw-reveal{
position:absolute!important;
left:50%!important;
top:50%!important;
right:auto!important;
bottom:auto!important;
margin:0!important;
transform-origin:center center!important;
}
.dxw-invitation.dxw-theme-tansu-batu
.dxw-rsvp-screen.is-visible
> .dxw-rsvp-content.dxw-content.dxw-reveal{
transform:translate(-50%,-50%) scale(1)!important;
}
.dxw-invitation.dxw-theme-tansu-batu
.dxw-rsvp-screen:not(.is-visible)
> .dxw-rsvp-content.dxw-content.dxw-reveal{
transform:translate(-50%,calc(-50% + 24px)) scale(.985)!important;
}
@media(max-width:330px){
.dxw-invitation.dxw-theme-tansu-batu
.dxw-rsvp-screen.is-visible
> .dxw-rsvp-content.dxw-content.dxw-reveal{
transform:translate(-50%,-50%) scale(.94)!important;
}
}
@media(max-height:690px){
.dxw-invitation.dxw-theme-tansu-batu
.dxw-rsvp-screen.is-visible
> .dxw-rsvp-content.dxw-content.dxw-reveal{
transform:translate(-50%,-50%) scale(.90)!important;
}
}
@media(max-height:610px){
.dxw-invitation.dxw-theme-tansu-batu
.dxw-rsvp-screen.is-visible
> .dxw-rsvp-content.dxw-content.dxw-reveal{
transform:translate(-50%,-50%) scale(.82)!important;
}
}
/* v0.13.9 — Tansu & Batu: yazılar zarf açılışıyla birlikte görünsün */
.dxw-invitation.dxw-theme-tansu-batu.is-envelope-transitioning .dxw-opening-envelope-video.is-envelope-opening .dxw-opening-names{
opacity:1!important;
visibility:visible!important;
pointer-events:none!important;
filter:none!important;
animation:none!important;
transform:translate(-50%,-50%) scale(1)!important;
}
.dxw-invitation.dxw-theme-tansu-batu.is-envelope-transitioning .dxw-opening-envelope-video.is-envelope-opening .dxw-opening-names > *{
opacity:1!important;
visibility:visible!important;
filter:none!important;
transform:none!important;
animation:none!important;
}
/* v0.13.10 — Tansu & Batu: Batu yazısını 3 px aşağı al */
.dxw-invitation.dxw-theme-tansu-batu .dxw-opening-envelope-video .dxw-opening-name-b{
position:relative!important;
top:3px!important;
}
/* v0.13.11 — Panelden seçilebilen ikinci, daha okunaklı yazı tipi seti */
.dxw-invitation.dxw-font-readable{
font-family:'Lora',Georgia,serif!important;
}
.dxw-invitation.dxw-font-readable p,
.dxw-invitation.dxw-font-readable li,
.dxw-invitation.dxw-font-readable time,
.dxw-invitation.dxw-font-readable input,
.dxw-invitation.dxw-font-readable textarea,
.dxw-invitation.dxw-font-readable select,
.dxw-invitation.dxw-font-readable .dxw-lead,
.dxw-invitation.dxw-font-readable .dxw-quote,
.dxw-invitation.dxw-font-readable .dxw-rsvp-note,
.dxw-invitation.dxw-font-readable .dxw-support-intro,
.dxw-invitation.dxw-font-readable .dxw-memory-intro,
.dxw-invitation.dxw-font-readable .dxw-memory-subtitle,
.dxw-invitation.dxw-font-readable .dxw-rsvp-help{
font-family:'Lora',Georgia,serif!important;
}
.dxw-invitation.dxw-font-readable h1,
.dxw-invitation.dxw-font-readable h2,
.dxw-invitation.dxw-font-readable h3,
.dxw-invitation.dxw-font-readable .dxw-script-title,
.dxw-invitation.dxw-font-readable .dxw-opening-name,
.dxw-invitation.dxw-font-readable .dxw-opening-names em,
.dxw-invitation.dxw-font-readable .dxw-detail-date,
.dxw-invitation.dxw-font-readable .dxw-detail-time,
.dxw-invitation.dxw-font-readable .dxw-final-date,
.dxw-invitation.dxw-font-readable .dxw-envelope-letter,
.dxw-invitation.dxw-font-readable .dxw-wax-seal span,
.dxw-invitation.dxw-font-readable .dxw-tb-envelope-seal span{
font-family:'Playfair Display',Georgia,serif!important;
}
.dxw-invitation.dxw-font-readable .dxw-script-title,
.dxw-invitation.dxw-font-readable .dxw-opening-name,
.dxw-invitation.dxw-font-readable .dxw-opening-names em{
font-style:italic;
font-weight:500;
letter-spacing:-.035em;
}
.dxw-invitation.dxw-font-readable .dxw-opening-name{
font-size:clamp(58px,17vw,88px)!important;
line-height:.94!important;
}
.dxw-invitation.dxw-font-readable .dxw-script-title{
font-size:clamp(42px,10vw,60px)!important;
line-height:1.05!important;
}
.dxw-invitation.dxw-font-readable .dxw-eyebrow,
.dxw-invitation.dxw-font-readable .dxw-opening-names small,
.dxw-invitation.dxw-font-readable .dxw-next-label,
.dxw-invitation.dxw-font-readable .dxw-event-card h3,
.dxw-invitation.dxw-font-readable .dxw-rsvp-line-field label,
.dxw-invitation.dxw-font-readable .dxw-rsvp-event-title,
.dxw-invitation.dxw-font-readable .dxw-rsvp-counter-label,
.dxw-invitation.dxw-font-readable .dxw-rsvp-choice,
.dxw-invitation.dxw-font-readable .dxw-outline-button,
.dxw-invitation.dxw-font-readable .dxw-map-link,
.dxw-invitation.dxw-font-readable .dxw-countdown span,
.dxw-invitation.dxw-font-readable .dxw-invite-calendar span,
.dxw-invitation.dxw-font-readable .dxw-invite-card-head,
.dxw-invitation.dxw-font-readable .dxw-tb-video-start strong{
font-family:'Montserrat',Arial,sans-serif!important;
}
.dxw-invitation.dxw-font-readable .dxw-eyebrow,
.dxw-invitation.dxw-font-readable .dxw-opening-names small,
.dxw-invitation.dxw-font-readable .dxw-next-label{
font-weight:500!important;
letter-spacing:.22em!important;
}
.dxw-invitation.dxw-font-readable button,
.dxw-invitation.dxw-font-readable input,
.dxw-invitation.dxw-font-readable textarea,
.dxw-invitation.dxw-font-readable select{
font-synthesis:none;
}
@media(max-width:480px){
.dxw-invitation.dxw-font-readable .dxw-opening-name{
font-size:clamp(52px,16vw,74px)!important;
}
.dxw-invitation.dxw-font-readable .dxw-opening-names small{
letter-spacing:.16em!important;
}
}
/* v0.13.12 — Tansu & Batu özel karma yazı seti: zarif isimler + modern metinler */
.dxw-invitation.dxw-theme-tansu-batu.dxw-font-hybrid{
font-family:'Lora',Georgia,serif!important;
}
.dxw-invitation.dxw-theme-tansu-batu.dxw-font-hybrid p,
.dxw-invitation.dxw-theme-tansu-batu.dxw-font-hybrid li,
.dxw-invitation.dxw-theme-tansu-batu.dxw-font-hybrid time,
.dxw-invitation.dxw-theme-tansu-batu.dxw-font-hybrid input,
.dxw-invitation.dxw-theme-tansu-batu.dxw-font-hybrid textarea,
.dxw-invitation.dxw-theme-tansu-batu.dxw-font-hybrid select,
.dxw-invitation.dxw-theme-tansu-batu.dxw-font-hybrid .dxw-lead,
.dxw-invitation.dxw-theme-tansu-batu.dxw-font-hybrid .dxw-quote,
.dxw-invitation.dxw-theme-tansu-batu.dxw-font-hybrid .dxw-rsvp-note,
.dxw-invitation.dxw-theme-tansu-batu.dxw-font-hybrid .dxw-support-intro,
.dxw-invitation.dxw-theme-tansu-batu.dxw-font-hybrid .dxw-memory-intro,
.dxw-invitation.dxw-theme-tansu-batu.dxw-font-hybrid .dxw-memory-subtitle,
.dxw-invitation.dxw-theme-tansu-batu.dxw-font-hybrid .dxw-rsvp-help{
font-family:'Lora',Georgia,serif!important;
}
.dxw-invitation.dxw-theme-tansu-batu.dxw-font-hybrid h1,
.dxw-invitation.dxw-theme-tansu-batu.dxw-font-hybrid h2,
.dxw-invitation.dxw-theme-tansu-batu.dxw-font-hybrid h3,
.dxw-invitation.dxw-theme-tansu-batu.dxw-font-hybrid .dxw-detail-date,
.dxw-invitation.dxw-theme-tansu-batu.dxw-font-hybrid .dxw-detail-time,
.dxw-invitation.dxw-theme-tansu-batu.dxw-font-hybrid .dxw-final-date,
.dxw-invitation.dxw-theme-tansu-batu.dxw-font-hybrid .dxw-event-card h3{
font-family:'Playfair Display',Georgia,serif!important;
font-weight:600!important;
}
.dxw-invitation.dxw-theme-tansu-batu.dxw-font-hybrid .dxw-opening-name,
.dxw-invitation.dxw-theme-tansu-batu.dxw-font-hybrid .dxw-opening-names em,
.dxw-invitation.dxw-theme-tansu-batu.dxw-font-hybrid .dxw-script-title,
.dxw-invitation.dxw-theme-tansu-batu.dxw-font-hybrid .dxw-envelope-letter,
.dxw-invitation.dxw-theme-tansu-batu.dxw-font-hybrid .dxw-wax-seal span,
.dxw-invitation.dxw-theme-tansu-batu.dxw-font-hybrid .dxw-tb-envelope-seal span{
font-family:'Great Vibes',cursive!important;
font-style:normal!important;
font-weight:400!important;
letter-spacing:0!important;
}
.dxw-invitation.dxw-theme-tansu-batu.dxw-font-hybrid .dxw-opening-name{
font-size:clamp(62px,18vw,94px)!important;
line-height:.88!important;
}
.dxw-invitation.dxw-theme-tansu-batu.dxw-font-hybrid .dxw-script-title{
font-size:clamp(46px,11vw,66px)!important;
line-height:1!important;
}
.dxw-invitation.dxw-theme-tansu-batu.dxw-font-hybrid .dxw-eyebrow,
.dxw-invitation.dxw-theme-tansu-batu.dxw-font-hybrid .dxw-opening-names small,
.dxw-invitation.dxw-theme-tansu-batu.dxw-font-hybrid .dxw-next-label,
.dxw-invitation.dxw-theme-tansu-batu.dxw-font-hybrid .dxw-rsvp-line-field label,
.dxw-invitation.dxw-theme-tansu-batu.dxw-font-hybrid .dxw-rsvp-event-title,
.dxw-invitation.dxw-theme-tansu-batu.dxw-font-hybrid .dxw-rsvp-counter-label,
.dxw-invitation.dxw-theme-tansu-batu.dxw-font-hybrid .dxw-rsvp-choice,
.dxw-invitation.dxw-theme-tansu-batu.dxw-font-hybrid .dxw-outline-button,
.dxw-invitation.dxw-theme-tansu-batu.dxw-font-hybrid .dxw-map-link,
.dxw-invitation.dxw-theme-tansu-batu.dxw-font-hybrid .dxw-countdown span,
.dxw-invitation.dxw-theme-tansu-batu.dxw-font-hybrid .dxw-invite-calendar span,
.dxw-invitation.dxw-theme-tansu-batu.dxw-font-hybrid .dxw-invite-card-head,
.dxw-invitation.dxw-theme-tansu-batu.dxw-font-hybrid .dxw-tb-video-start strong{
font-family:'Montserrat',Arial,sans-serif!important;
font-weight:500!important;
}
.dxw-invitation.dxw-theme-tansu-batu.dxw-font-hybrid .dxw-eyebrow,
.dxw-invitation.dxw-theme-tansu-batu.dxw-font-hybrid .dxw-opening-names small,
.dxw-invitation.dxw-theme-tansu-batu.dxw-font-hybrid .dxw-next-label{
letter-spacing:.20em!important;
}
.dxw-invitation.dxw-theme-tansu-batu.dxw-font-hybrid button,
.dxw-invitation.dxw-theme-tansu-batu.dxw-font-hybrid input,
.dxw-invitation.dxw-theme-tansu-batu.dxw-font-hybrid textarea,
.dxw-invitation.dxw-theme-tansu-batu.dxw-font-hybrid select{
font-synthesis:none;
}
@media(max-width:480px){
.dxw-invitation.dxw-theme-tansu-batu.dxw-font-hybrid .dxw-opening-name{
font-size:clamp(58px,17vw,80px)!important;
}
.dxw-invitation.dxw-theme-tansu-batu.dxw-font-hybrid .dxw-opening-names small{
letter-spacing:.15em!important;
}
}
/* v0.14.1 — front editor opening media controls */
.dxw-editor-shell .dxw-media-field{display:flex;flex-direction:column;gap:9px}
.dxw-editor-shell .dxw-media-preview{position:relative;display:grid;place-items:center;overflow:hidden;width:100%;min-height:150px;border:1px dashed rgba(132,101,67,.28);border-radius:14px;background:linear-gradient(145deg,#faf7f2,#f1e9df)}
.dxw-editor-shell .dxw-media-preview img,.dxw-editor-shell .dxw-media-preview video{display:block;width:100%;height:190px;object-fit:cover;background:#e9e1d7}
.dxw-editor-shell .dxw-media-placeholder{display:flex;min-height:140px;flex-direction:column;align-items:center;justify-content:center;gap:9px;padding:22px;color:#8b7a68;text-align:center}
.dxw-editor-shell .dxw-media-placeholder .dashicons{width:auto;height:auto;font-size:34px;color:#aa8a66}
.dxw-editor-shell .dxw-media-placeholder strong{max-width:260px;font-size:12px;font-weight:500;line-height:1.45}
.dxw-editor-shell .dxw-media-field input[data-dxw-media-input]{width:100%;font-size:12px}
.dxw-editor-shell .dxw-media-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
@media(max-width:640px){
.dxw-editor-shell .dxw-media-preview img,.dxw-editor-shell .dxw-media-preview video{height:160px}
.dxw-editor-shell .dxw-media-actions{align-items:stretch;flex-direction:column}
}
/* v0.14.2 — Tansu & Batu ilk sayfa AŞAĞI KAYDIR kontrolünü belirginleştir */
.dxw-invitation.dxw-theme-tansu-batu .dxw-opening > .dxw-next{
min-width:158px!important;
padding:10px 18px 8px!important;
border:1px solid rgba(132,101,71,.38)!important;
border-radius:999px!important;
background:rgba(255,250,244,.84)!important;
color:#725b45!important;
box-shadow:0 10px 28px rgba(84,61,43,.16),inset 0 1px 0 rgba(255,255,255,.72)!important;
-webkit-backdrop-filter:blur(9px)!important;
backdrop-filter:blur(9px)!important;
opacity:.98!important;
}
.dxw-invitation.dxw-theme-tansu-batu .dxw-opening > .dxw-next .dxw-next-label{
font-size:10px!important;
font-weight:600!important;
line-height:1.15!important;
letter-spacing:.22em!important;
text-indent:.22em!important;
text-shadow:none!important;
}
.dxw-invitation.dxw-theme-tansu-batu .dxw-opening > .dxw-next .dxw-next-arrow{
margin-top:5px!important;
font-size:23px!important;
line-height:.65!important;
opacity:.9!important;
}
.dxw-invitation.dxw-theme-tansu-batu .dxw-opening > .dxw-next:hover,
.dxw-invitation.dxw-theme-tansu-batu .dxw-opening > .dxw-next:focus-visible{
border-color:rgba(116,86,58,.58)!important;
background:rgba(255,252,247,.96)!important;
box-shadow:0 14px 34px rgba(84,61,43,.22),inset 0 1px 0 rgba(255,255,255,.9)!important;
opacity:1!important;
}
@media(max-width:480px){
.dxw-invitation.dxw-theme-tansu-batu .dxw-opening > .dxw-next{
min-width:150px!important;
padding:9px 16px 7px!important;
bottom:max(16px,calc(env(safe-area-inset-bottom) + 8px))!important;
}
}
/* v0.14.3 — AŞAĞI KAYDIR yalnızca zarf tamamen açıldıktan sonra görünür */
.dxw-invitation.dxw-theme-tansu-batu:not(.is-envelope-transition-done) .dxw-opening > .dxw-next{
opacity:0!important;
visibility:hidden!important;
pointer-events:none!important;
}
.dxw-invitation.dxw-theme-tansu-batu.is-envelope-transition-done .dxw-opening > .dxw-next{
opacity:.98!important;
visibility:visible!important;
pointer-events:auto!important;
transition:opacity .35s ease,visibility 0s linear 0s!important;
}
/* v0.14.4 — Tansu & Batu açılışındaki aşağı ok 5 px yukarı */
.dxw-invitation.dxw-theme-tansu-batu .dxw-opening > .dxw-next .dxw-next-arrow{
position:relative!important;
top:-5px!important;
}
/* v0.14.7 — Tansu & Batu otomatik oynatma başlatma kartı */
.dxw-invitation.dxw-theme-tansu-batu .dxw-tb-video-start{
bottom:max(42px,calc(env(safe-area-inset-bottom) + 26px));
min-width:194px;
padding:12px 22px 11px;
gap:3px;
overflow:hidden;
border:1px solid rgba(188,122,142,.38);
background:linear-gradient(145deg,rgba(255,250,251,.94),rgba(248,229,235,.9));
color:#875563;
box-shadow:0 14px 34px rgba(117,68,82,.15),inset 0 1px 0 rgba(255,255,255,.92),0 0 0 4px rgba(255,247,249,.24);
backdrop-filter:blur(14px) saturate(112%);
-webkit-backdrop-filter:blur(14px) saturate(112%);
}
.dxw-invitation.dxw-theme-tansu-batu .dxw-tb-video-start::before{
content:"";
position:absolute;
inset:0;
pointer-events:none;
background:linear-gradient(110deg,rgba(255,255,255,.48),transparent 44%,rgba(255,255,255,.16));
}
.dxw-invitation.dxw-theme-tansu-batu .dxw-tb-video-start > *{
position:relative;
z-index:1;
}
.dxw-invitation.dxw-theme-tansu-batu .dxw-tb-video-start strong{
color:#80505e;
font-size:10px;
font-weight:600;
letter-spacing:.2em;
}
.dxw-invitation.dxw-theme-tansu-batu .dxw-tb-video-start small{
color:#9b6b79;
font-size:11.5px;
font-weight:500;
letter-spacing:.035em;
}
.dxw-invitation.dxw-theme-tansu-batu .dxw-tb-play-mark{
position:relative;
width:28px;
height:28px;
margin:0 0 3px;
border:1px solid rgba(181,111,132,.52);
border-radius:50%;
background:rgba(255,255,255,.48);
box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 4px 12px rgba(132,78,94,.1);
}
.dxw-invitation.dxw-theme-tansu-batu .dxw-tb-play-mark::after{
content:"";
position:absolute;
left:50%;
top:50%;
width:0;
height:0;
border-top:4px solid transparent;
border-bottom:4px solid transparent;
border-left:6px solid #a46678;
transform:translate(-38%,-50%);
}
.dxw-invitation.dxw-theme-tansu-batu.is-awaiting-start .dxw-tb-video-start{
animation:dxwTbBlushPrompt 2.8s ease-in-out infinite;
}
.dxw-invitation.dxw-theme-tansu-batu .dxw-tb-video-start:hover,
.dxw-invitation.dxw-theme-tansu-batu .dxw-tb-video-start:focus-visible{
border-color:rgba(174,99,122,.58);
background:linear-gradient(145deg,rgba(255,252,252,.98),rgba(247,221,229,.94));
box-shadow:0 17px 38px rgba(117,68,82,.19),inset 0 1px 0 rgba(255,255,255,.96),0 0 0 4px rgba(255,241,245,.32);
outline:none;
}
@keyframes dxwTbBlushPrompt{
0%,100%{box-shadow:0 14px 34px rgba(117,68,82,.15),inset 0 1px 0 rgba(255,255,255,.92),0 0 0 4px rgba(255,247,249,.24)}
50%{box-shadow:0 17px 39px rgba(117,68,82,.2),inset 0 1px 0 rgba(255,255,255,.94),0 0 0 7px rgba(244,207,217,.18)}
}
@media (max-width:600px){
.dxw-invitation.dxw-theme-tansu-batu .dxw-tb-video-start{
min-width:184px;
padding:11px 19px 10px;
}
}
@media (prefers-reduced-motion:reduce){
.dxw-invitation.dxw-theme-tansu-batu.is-awaiting-start .dxw-tb-video-start{
animation:none!important;
}
}
/* v0.15.5 — Ayrı Dilek Bırakın sayfası */
.dxw-wishes-screen{
padding-top:max(38px,env(safe-area-inset-top));
padding-bottom:max(88px,calc(env(safe-area-inset-bottom) + 68px));
}
.dxw-wishes-content{
width:min(100%,360px);
}
.dxw-wishes-screen .dxw-wishes-panel{
margin:0 auto;
}
.dxw-wishes-panel{
position:relative;
width:min(100%,340px);
margin:18px auto 4px;
padding:17px 15px 15px;
border:1px solid color-mix(in srgb,var(--dxw-accent) 26%,transparent);
border-radius:18px;
background:
radial-gradient(circle at 12% 0%,color-mix(in srgb,var(--dxw-accent) 10%,transparent),transparent 36%),
linear-gradient(165deg,color-mix(in srgb,var(--dxw-paper-2) 88%,#fff 12%),color-mix(in srgb,var(--dxw-paper) 88%,var(--dxw-accent) 5%));
box-shadow:inset 0 0 0 2px color-mix(in srgb,#fff 72%,transparent),0 10px 26px rgba(87,57,62,.10);
box-sizing:border-box;
}
.dxw-wishes-panel::before{
content:"♡";
position:absolute;
left:50%;
top:-12px;
display:grid;
place-items:center;
width:27px;
height:27px;
border:1px solid color-mix(in srgb,var(--dxw-accent) 34%,transparent);
border-radius:50%;
background:var(--dxw-paper-2);
color:var(--dxw-accent);
font-family:Georgia,serif;
font-size:14px;
transform:translateX(-50%);
}
.dxw-wishes-eyebrow{
margin:3px 0 3px;
color:var(--dxw-accent);
font-family:'Cinzel',serif;
font-size:7px;
font-weight:600;
letter-spacing:.24em;
text-transform:uppercase;
}
.dxw-wishes-panel h3{
margin:0;
color:var(--dxw-ink);
font-family:'Cormorant Garamond',Georgia,serif;
font-size:22px;
font-weight:600;
line-height:1.1;
}
.dxw-wishes-intro{
max-width:305px;
margin:5px auto 11px;
color:color-mix(in srgb,var(--dxw-ink) 72%,transparent);
font-family:'Cormorant Garamond',Georgia,serif;
font-size:12px;
line-height:1.45;
}
.dxw-wishes-viewport{
position:relative;
height:270px;
max-height:270px;
overflow:hidden;
margin:0 auto 12px;
padding:0 2px;
border-top:1px solid color-mix(in srgb,var(--dxw-accent) 15%,transparent);
border-bottom:1px solid color-mix(in srgb,var(--dxw-accent) 15%,transparent);
mask-image:linear-gradient(to bottom,transparent,#000 8%,#000 92%,transparent);
}
.dxw-wishes-viewport.is-empty{
height:58px;
}
.dxw-wishes-track{
display:flex;
flex-direction:column;
gap:0;
margin:0;
padding:0;
list-style:none;
will-change:transform;
}
.dxw-wish-item{
display:flex;
flex-direction:column;
justify-content:center;
flex:0 0 54px;
height:54px;
min-height:54px;
padding:7px 7px 6px;
border-bottom:1px solid color-mix(in srgb,var(--dxw-accent) 12%,transparent);
box-sizing:border-box;
text-align:left;
}
.dxw-wish-item span{
display:-webkit-box;
overflow:hidden;
color:color-mix(in srgb,var(--dxw-ink) 86%,transparent);
font-family:'Cormorant Garamond',Georgia,serif;
font-size:13px;
font-style:italic;
line-height:1.28;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
}
.dxw-wish-item strong{
display:block;
overflow:hidden;
margin-top:2px;
color:var(--dxw-accent);
font-family:'Cinzel',serif;
font-size:7px;
font-weight:600;
letter-spacing:.12em;
text-overflow:ellipsis;
text-transform:uppercase;
white-space:nowrap;
}
.dxw-wish-item.is-new{
animation:dxwWishArrive .85s ease both;
}
@keyframes dxwWishArrive{
0%{opacity:0;transform:translateY(-9px)}
100%{opacity:1;transform:translateY(0)}
}
.dxw-wish-empty{
display:grid;
place-items:center;
min-height:58px;
color:color-mix(in srgb,var(--dxw-ink) 62%,transparent);
font-family:'Cormorant Garamond',Georgia,serif;
font-size:13px;
font-style:italic;
list-style:none;
}
.dxw-wish-form{
margin:0;
}
.dxw-wish-form-grid{
display:grid;
gap:7px;
}
.dxw-wish-form input,
.dxw-wish-form textarea{
width:100%;
margin:0;
padding:9px 11px;
border:0;
border-bottom:1px solid color-mix(in srgb,var(--dxw-accent) 25%,transparent);
border-radius:7px 7px 2px 2px;
outline:0;
background:color-mix(in srgb,#fff 55%,transparent);
color:var(--dxw-ink);
font-family:'Cormorant Garamond',Georgia,serif;
font-size:14px;
line-height:1.35;
box-sizing:border-box;
transition:border-color .2s ease,background .2s ease,box-shadow .2s ease;
}
.dxw-wish-form textarea{
min-height:58px;
max-height:110px;
resize:vertical;
}
.dxw-wish-form input:focus,
.dxw-wish-form textarea:focus{
border-color:color-mix(in srgb,var(--dxw-accent) 70%,transparent);
background:color-mix(in srgb,#fff 78%,transparent);
box-shadow:0 4px 12px rgba(102,63,72,.07);
}
.dxw-wish-form-footer{
display:flex;
align-items:center;
justify-content:space-between;
gap:8px;
margin-top:9px;
}
.dxw-wish-live{
flex:1 1 auto;
min-height:15px;
color:color-mix(in srgb,var(--dxw-ink) 65%,transparent);
font-family:'Cormorant Garamond',Georgia,serif;
font-size:11px;
line-height:1.3;
text-align:left;
}
.dxw-wish-live.is-success{color:#55755c}
.dxw-wish-live.is-error{color:#a04d58}
.dxw-wish-submit{
display:inline-flex;
flex:0 0 auto;
align-items:center;
justify-content:center;
gap:7px;
min-height:34px;
padding:8px 12px 7px;
border:1px solid color-mix(in srgb,var(--dxw-accent) 42%,transparent);
border-radius:999px;
background:color-mix(in srgb,var(--dxw-paper-2) 82%,var(--dxw-accent) 8%);
color:var(--dxw-accent);
font-family:'Cinzel',serif;
font-size:7px;
font-weight:600;
letter-spacing:.14em;
text-transform:uppercase;
cursor:pointer;
}
.dxw-wish-submit:hover,
.dxw-wish-submit:focus-visible{
background:color-mix(in srgb,var(--dxw-paper-2) 70%,var(--dxw-accent) 14%);
outline:0;
}
.dxw-wish-submit:disabled{cursor:wait;opacity:.58}
.dxw-wish-honeypot{
position:absolute!important;
left:-10000px!important;
width:1px!important;
height:1px!important;
overflow:hidden!important;
}
@media(max-width:480px){
.dxw-wishes-panel{
width:min(100%,326px);
margin-top:17px;
padding:16px 13px 14px;
}
.dxw-wishes-viewport{
height:250px;
max-height:250px;
}
.dxw-wish-item{
flex-basis:50px;
height:50px;
min-height:50px;
padding:6px 5px 5px;
}
.dxw-wish-item span{font-size:12.5px}
.dxw-wish-form-footer{align-items:flex-end}
.dxw-wish-submit{padding-inline:10px}
}
@media(prefers-reduced-motion:reduce){
.dxw-wish-item.is-new{animation:none}
.dxw-wishes-track{transition:none!important;transform:none!important}
}
/* v0.15.7 — Dilek butonu, WhatsApp gönderim butonuyla aynı tasarım sistemi */
.dxw-invitation .dxw-wish-form .dxw-wish-submit{
display:inline-flex;
flex:0 0 auto;
align-self:flex-end;
align-items:center;
justify-content:center;
gap:9px;
width:auto;
min-height:44px;
margin-top:18px;
padding:11px 24px;
border:1px solid color-mix(in srgb,var(--dxw-accent,#9b7b5f) 42%,transparent);
border-radius:14px;
background:linear-gradient(180deg,var(--dxw-action-fill-start),var(--dxw-action-fill-end));
box-shadow:inset 0 1px rgba(255,255,255,.24),0 8px 18px rgba(77,57,43,.13);
color:var(--dxw-action-on-fill);
font-family:'Cinzel',serif;
font-size:9px;
font-weight:600;
line-height:1.1;
letter-spacing:.18em;
text-transform:uppercase;
text-decoration:none;
cursor:pointer;
opacity:1;
transition:transform .28s ease,box-shadow .28s ease,filter .28s ease;
}
.dxw-invitation .dxw-wish-form .dxw-wish-submit span{
display:inline;
width:auto;
height:auto;
margin:0;
border:0;
border-radius:0;
background:transparent;
box-shadow:none;
color:inherit;
font-family:inherit;
font-size:13px;
line-height:1;
opacity:.86;
}
.dxw-invitation .dxw-wish-form .dxw-wish-submit:hover,
.dxw-invitation .dxw-wish-form .dxw-wish-submit:focus-visible{
border-color:color-mix(in srgb,var(--dxw-accent,#9b7b5f) 60%,transparent);
background:linear-gradient(180deg,var(--dxw-action-fill-start),var(--dxw-action-fill-end));
box-shadow:inset 0 1px rgba(255,255,255,.3),0 11px 22px rgba(77,57,43,.17);
color:var(--dxw-action-on-fill);
filter:brightness(1.025);
transform:translateY(-1px);
outline:0;
}
.dxw-invitation .dxw-wish-form .dxw-wish-submit:active{
box-shadow:inset 0 1px rgba(255,255,255,.2),0 5px 12px rgba(77,57,43,.12);
transform:translateY(0);
}
.dxw-invitation .dxw-wish-form .dxw-wish-submit:disabled{
cursor:wait;
opacity:.58;
filter:none;
transform:none;
}
@media(max-width:480px){
.dxw-wish-form-footer{
flex-direction:column;
align-items:stretch;
}
.dxw-wish-live{
width:100%;
}
.dxw-invitation .dxw-wish-form .dxw-wish-submit{
align-self:stretch;
width:100%;
min-height:46px;
padding:12px 18px;
}
}
@media(prefers-reduced-motion:reduce){
.dxw-invitation .dxw-wish-form .dxw-wish-submit{
transition:none;
}
}
/* v0.15.8 — Tansu & Batu video başlatma butonu, ana tema eylemleriyle aynı tasarım dili */
.dxw-invitation.dxw-theme-tansu-batu .dxw-tb-video-start{
display:grid;
grid-template-columns:28px minmax(0,1fr);
grid-template-rows:auto auto;
align-items:center;
column-gap:10px;
row-gap:1px;
min-width:218px;
padding:10px 18px;
border:1px solid #a48766;
border-radius:10px;
background:#a48766;
color:#fffaf2;
box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 10px 24px rgba(77,57,43,.2);
backdrop-filter:none;
-webkit-backdrop-filter:none;
}
.dxw-invitation.dxw-theme-tansu-batu .dxw-tb-video-start::before{
display:none;
}
.dxw-invitation.dxw-theme-tansu-batu .dxw-tb-video-start strong{
grid-column:2;
grid-row:1;
align-self:end;
color:#fffaf2;
font-family:'Cinzel',serif;
font-size:9.5px;
font-weight:600;
line-height:1.15;
letter-spacing:.12em;
text-align:left;
text-transform:uppercase;
}
.dxw-invitation.dxw-theme-tansu-batu .dxw-tb-video-start small{
grid-column:2;
grid-row:2;
align-self:start;
color:rgba(255,250,242,.82);
font-family:'Cormorant Garamond',Georgia,serif;
font-size:11.5px;
font-weight:500;
line-height:1.15;
letter-spacing:.025em;
text-align:left;
}
.dxw-invitation.dxw-theme-tansu-batu .dxw-tb-play-mark{
grid-column:1;
grid-row:1 / 3;
position:relative;
width:26px;
height:26px;
margin:0;
border:1px solid rgba(255,250,242,.58);
border-radius:50%;
background:rgba(255,255,255,.08);
box-shadow:none;
}
.dxw-invitation.dxw-theme-tansu-batu .dxw-tb-play-mark::after{
border-top-width:4px;
border-bottom-width:4px;
border-left:6px solid #fffaf2;
}
.dxw-invitation.dxw-theme-tansu-batu.is-awaiting-start .dxw-tb-video-start{
animation:dxwTbThemePrompt 2.8s ease-in-out infinite;
}
.dxw-invitation.dxw-theme-tansu-batu .dxw-tb-video-start:hover,
.dxw-invitation.dxw-theme-tansu-batu .dxw-tb-video-start:focus-visible{
border-color:#967654;
background:#967654;
color:#fffaf2;
box-shadow:inset 0 1px 0 rgba(255,255,255,.24),0 13px 28px rgba(77,57,43,.24);
transform:translateX(-50%) translateY(-1px);
outline:none;
}
.dxw-invitation.dxw-theme-tansu-batu .dxw-tb-video-start:active{
background:#8f704f;
box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 6px 14px rgba(77,57,43,.18);
transform:translateX(-50%) translateY(0);
}
@keyframes dxwTbThemePrompt{
0%,100%{box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 10px 24px rgba(77,57,43,.2)}
50%{box-shadow:inset 0 1px 0 rgba(255,255,255,.24),0 13px 29px rgba(77,57,43,.26)}
}
@media(max-width:480px){
.dxw-invitation.dxw-theme-tansu-batu .dxw-tb-video-start{
min-width:208px;
padding:10px 16px;
}
}
@media(prefers-reduced-motion:reduce){
.dxw-invitation.dxw-theme-tansu-batu.is-awaiting-start .dxw-tb-video-start{
animation:none!important;
}
}
/* v0.15.9 — temaya uyumlu tam ekran fotoğraf/video yükleme göstergesi */
.dxw-invitation.dxw-upload-busy > .dxw-scroll{
overflow:hidden!important;
touch-action:none!important;
}
.dxw-invitation .dxw-upload-overlay[hidden]{
display:none!important;
}
.dxw-invitation .dxw-upload-overlay{
position:absolute;
inset:0;
z-index:2147482000;
display:flex;
align-items:center;
justify-content:center;
box-sizing:border-box;
padding:max(20px,env(safe-area-inset-top)) 18px max(20px,env(safe-area-inset-bottom));
background:rgba(75,63,52,.34);
backdrop-filter:blur(8px) saturate(.82);
-webkit-backdrop-filter:blur(8px) saturate(.82);
opacity:0;
visibility:hidden;
transition:opacity .24s ease,visibility .24s ease;
}
.dxw-invitation .dxw-upload-overlay.is-visible{
opacity:1;
visibility:visible;
}
.dxw-invitation .dxw-upload-loader-card{
position:relative;
width:min(86vw,326px);
padding:25px 22px 20px;
overflow:hidden;
box-sizing:border-box;
border:1px solid rgba(255,255,255,.88);
border-radius:20px;
background:
radial-gradient(circle at 50% -18%,rgba(255,255,255,.94),transparent 42%),
linear-gradient(180deg,rgba(253,249,243,.98),rgba(244,236,226,.98));
box-shadow:0 24px 70px rgba(70,53,40,.22),inset 0 0 0 1px rgba(169,141,112,.16);
color:#6f6257;
text-align:center;
transform:translateY(10px) scale(.97);
transition:transform .3s cubic-bezier(.2,.7,.2,1);
}
.dxw-invitation .dxw-upload-overlay.is-visible .dxw-upload-loader-card{
transform:translateY(0) scale(1);
}
.dxw-invitation .dxw-upload-loader-card::before{
content:"";
position:absolute;
inset:8px;
pointer-events:none;
border:1px solid rgba(169,141,112,.13);
border-radius:15px;
}
.dxw-invitation .dxw-upload-loader-eyebrow{
position:relative;
z-index:1;
margin:0 0 5px;
color:#a1876d;
font-family:'Montserrat',Arial,sans-serif;
font-size:8px;
font-weight:600;
letter-spacing:.23em;
text-indent:.23em;
}
.dxw-invitation .dxw-upload-loader-card h3{
position:relative;
z-index:1;
margin:0 0 15px;
color:#725f4e;
font-family:'Cormorant Garamond',Georgia,serif;
font-size:25px;
font-weight:600;
line-height:1;
}
.dxw-invitation .dxw-upload-loader-ring{
position:relative;
z-index:1;
width:112px;
height:112px;
margin:0 auto 12px;
}
.dxw-invitation .dxw-upload-loader-ring svg{
display:block;
width:100%;
height:100%;
transform:rotate(-90deg);
filter:drop-shadow(0 5px 10px rgba(117,88,61,.10));
}
.dxw-invitation .dxw-upload-loader-ring circle{
fill:none;
stroke-width:5;
}
.dxw-invitation .dxw-upload-loader-ring-track{
stroke:rgba(164,135,102,.16);
}
.dxw-invitation .dxw-upload-loader-ring-value{
stroke:#a48766;
stroke-linecap:round;
transition:stroke-dashoffset .2s ease,stroke .2s ease;
}
.dxw-invitation .dxw-upload-loader-ring::before{
content:"";
position:absolute;
inset:3px;
border:2px solid transparent;
border-top-color:#c4a889;
border-right-color:rgba(164,135,102,.26);
border-radius:50%;
animation:dxwUploadSpinner 1.65s linear infinite;
}
.dxw-invitation .dxw-upload-loader-ring::after{
content:"♡";
position:absolute;
left:50%;
top:25px;
transform:translateX(-50%);
color:#a48766;
font-family:Georgia,serif;
font-size:17px;
line-height:1;
}
.dxw-invitation .dxw-upload-loader-ring strong{
position:absolute;
left:50%;
top:51%;
transform:translate(-50%,-50%);
color:#6f5c4b;
font-family:'Montserrat',Arial,sans-serif;
font-size:20px;
font-weight:600;
letter-spacing:-.04em;
}
.dxw-invitation .dxw-upload-loader-status{
position:relative;
z-index:1;
min-height:34px;
margin:0 auto 12px;
color:#756658;
font-family:'Cormorant Garamond',Georgia,serif;
font-size:14px;
font-weight:600;
line-height:1.22;
overflow-wrap:anywhere;
}
.dxw-invitation .dxw-upload-loader-stats{
position:relative;
z-index:1;
display:grid;
grid-template-columns:1fr 1fr;
gap:0;
margin:0 0 13px;
border-top:1px solid rgba(169,141,112,.2);
border-bottom:1px solid rgba(169,141,112,.2);
}
.dxw-invitation .dxw-upload-loader-stats > span{
display:flex;
min-height:48px;
flex-direction:column;
align-items:center;
justify-content:center;
gap:3px;
padding:6px;
box-sizing:border-box;
}
.dxw-invitation .dxw-upload-loader-stats > span + span{
border-left:1px solid rgba(169,141,112,.2);
}
.dxw-invitation .dxw-upload-loader-stats small{
color:#a18a73;
font-family:'Montserrat',Arial,sans-serif;
font-size:7px;
font-weight:600;
letter-spacing:.18em;
text-indent:.18em;
}
.dxw-invitation .dxw-upload-loader-stats strong{
color:#67584c;
font-family:'Cormorant Garamond',Georgia,serif;
font-size:12px;
font-weight:600;
line-height:1.15;
}
.dxw-invitation .dxw-upload-loader-bar{
position:relative;
z-index:1;
width:100%;
height:4px;
overflow:hidden;
border-radius:99px;
background:rgba(164,135,102,.14);
}
.dxw-invitation .dxw-upload-loader-bar span{
display:block;
width:0;
height:100%;
border-radius:inherit;
background:linear-gradient(90deg,#c3aa8e,#9a7b5d);
box-shadow:0 0 12px rgba(154,123,93,.28);
transition:width .2s ease;
}
.dxw-invitation .dxw-upload-loader-note{
position:relative;
z-index:1;
display:block;
margin-top:9px;
color:#948271;
font-family:'Cormorant Garamond',Georgia,serif;
font-size:10px;
line-height:1.25;
}
.dxw-invitation .dxw-upload-overlay.is-processing .dxw-upload-loader-ring-value{
animation:dxwUploadRingGlow 1.5s ease-in-out infinite;
}
.dxw-invitation .dxw-upload-overlay.is-success .dxw-upload-loader-ring::before,
.dxw-invitation .dxw-upload-overlay.is-error .dxw-upload-loader-ring::before{
opacity:0;
animation:none;
}
.dxw-invitation .dxw-upload-overlay.is-success .dxw-upload-loader-ring-value{
stroke:#7d956b;
}
.dxw-invitation .dxw-upload-overlay.is-success .dxw-upload-loader-ring::after{
content:"✓";
color:#718b60;
}
.dxw-invitation .dxw-upload-overlay.is-error .dxw-upload-loader-ring-value{
stroke:#a4665d;
}
.dxw-invitation .dxw-upload-overlay.is-error .dxw-upload-loader-ring::after{
content:"!";
color:#985d54;
font-family:'Montserrat',Arial,sans-serif;
font-weight:600;
}
@keyframes dxwUploadSpinner{
to{transform:rotate(360deg)}
}
@keyframes dxwUploadRingGlow{
0%,100%{filter:drop-shadow(0 0 0 rgba(164,135,102,0))}
50%{filter:drop-shadow(0 0 4px rgba(164,135,102,.38))}
}
@media(max-width:360px){
.dxw-invitation .dxw-upload-loader-card{
width:min(90vw,310px);
padding:22px 18px 18px;
}
.dxw-invitation .dxw-upload-loader-ring{
width:104px;
height:104px;
}
.dxw-invitation .dxw-upload-loader-card h3{
font-size:23px;
}
}
@media(max-height:610px){
.dxw-invitation .dxw-upload-loader-card{
padding-top:18px;
padding-bottom:15px;
}
.dxw-invitation .dxw-upload-loader-card h3{
margin-bottom:9px;
}
.dxw-invitation .dxw-upload-loader-ring{
width:88px;
height:88px;
margin-bottom:7px;
}
.dxw-invitation .dxw-upload-loader-ring::after{
top:19px;
}
.dxw-invitation .dxw-upload-loader-stats{
margin-bottom:9px;
}
.dxw-invitation .dxw-upload-loader-note{
margin-top:7px;
}
}
@media(prefers-reduced-motion:reduce){
.dxw-invitation .dxw-upload-overlay,
.dxw-invitation .dxw-upload-loader-card,
.dxw-invitation .dxw-upload-loader-ring-value,
.dxw-invitation .dxw-upload-loader-bar span{
animation:none!important;
transition:none!important;
}
}
/* v0.15.10 — doğrudan fotoğraf yükleme bağlantısı */
.dxw-photo-anchor{display:block;position:relative;width:1px;height:0;pointer-events:none;opacity:0}