/* DavetStore vitrin katmanı: ana sayfa özellik kartları, açılır kategori rayı, tema rayı, sihirbaz alt çubuğu. Özgün DavetStore dili (zümrüt/fildişi/altın). */
.section-lead{max-width:640px;color:var(--muted);font-size:1.08rem;margin:-6px 0 36px}
h2 em{font-style:italic;color:var(--gold)}
.button.small{min-height:44px;padding:8px 18px;font-size:.9rem}
.hero-visual{position:relative}
.hero-chips{list-style:none;margin:0;padding:0}
.hero-chips .chip{position:absolute;background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);padding:10px 14px;border-radius:14px;display:flex;flex-direction:column;font-size:.8rem;line-height:1.25;animation:chipFloat 6s ease-in-out infinite}
.hero-chips .chip b{color:var(--green);font-size:.82rem}.hero-chips .chip span{color:var(--muted)}
.chip.c1{left:-4%;top:14%}.chip.c2{right:-4%;top:26%;animation-delay:-1.5s}.chip.c3{left:-2%;bottom:20%;animation-delay:-3s}.chip.c4{right:-2%;bottom:10%;animation-delay:-4.5s}
@keyframes chipFloat{50%{transform:translateY(-8px)}}
@media(max-width:900px){.hero-chips{display:none}}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.feature-card{background:var(--card);border:1px solid var(--line);padding:26px;border-radius:6px;display:flex;flex-direction:column;gap:12px;min-width:0}
.feature-card h3{font-size:1.7rem;margin:0}.feature-card p{margin:0;color:var(--muted);font-size:.95rem}
.feature-note{font-size:.84rem!important}
.rsvp-demo{display:flex;flex-wrap:wrap;gap:8px}
.rsvp-demo button{min-height:44px;border:1px solid var(--line);background:var(--ground);color:var(--text);border-radius:100px;padding:8px 14px;display:inline-flex;gap:8px;align-items:center}
.rsvp-demo button[aria-pressed=true]{background:var(--green);color:var(--ground);border-color:var(--green)}
.mini-map{height:110px;border-radius:6px;background:linear-gradient(135deg,#dfe8dc,#eef1e4);position:relative;overflow:hidden;border:1px solid var(--line)}
.mini-map i{position:absolute;background:#fff8;height:10px;width:140%;left:-20%;transform:rotate(-18deg)}.mini-map i:nth-child(1){top:25%}.mini-map i:nth-child(2){top:55%;transform:rotate(12deg)}.mini-map i:nth-child(3){top:80%;transform:rotate(-6deg)}
.mini-map .pin{position:absolute;left:52%;top:38%;color:#b3402a;font-size:1.6rem;filter:drop-shadow(0 4px 4px #0004)}
.count-demo{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;text-align:center}
.count-demo div{background:var(--green);color:var(--ivory);border-radius:8px;padding:10px 2px}.count-demo b{display:block;font:500 1.9rem/1 'Cormorant Garamond',serif;font-variant-numeric:tabular-nums}.count-demo small{font-size:.7rem;opacity:.8}
html[data-mode=dark] .count-demo div{color:var(--text);background:#0d1c15}
.prog-demo{list-style:none;margin:0;padding:0;display:grid;gap:8px}.prog-demo li{border-left:2px solid var(--gold);padding-left:12px}.prog-demo b{color:var(--green);margin-right:6px}
.cal-demo{width:84px;height:92px;border:1px solid var(--line);border-radius:8px;overflow:hidden;text-align:center;background:var(--ground)}.cal-demo span{display:block;background:var(--green);color:var(--ivory);font-size:.72rem;letter-spacing:.14em;padding:4px}.cal-demo b{font:500 3rem/1.2 'Cormorant Garamond',serif}
.note-demo{display:flex;flex-wrap:wrap;gap:8px}.note-chip{min-height:44px;border:1px dashed var(--gold);background:none;color:var(--text);border-radius:12px;padding:8px 12px;text-align:left}
.soon-line{color:var(--muted);font-size:.92rem;margin-top:24px}
/* açılır kategori rayı */
.cat-rail{display:flex;gap:10px;height:520px}
.cat-strip{flex:0 0 72px;min-width:72px;display:flex;border-radius:10px;overflow:hidden;background:var(--card);border:1px solid var(--line);transition:flex-grow .5s cubic-bezier(.2,.8,.2,1)}
.cat-strip[data-open=true]{flex:1 1 72px;border-color:var(--gold);box-shadow:var(--shadow)}
.cat-strip-btn{flex:none;width:64px;border:0;background:var(--green);color:var(--ivory);display:grid;place-items:center;padding:0}
.cat-strip[data-open=true] .cat-strip-btn{background:var(--gold);color:#0b221b}
.cat-vert{writing-mode:vertical-rl;transform:rotate(180deg);font:500 1.5rem 'Cormorant Garamond',serif;letter-spacing:.04em;white-space:nowrap}
.cat-panel{flex:1;min-width:0;padding:22px;display:flex;flex-direction:column;gap:14px;opacity:0;pointer-events:none;transition:opacity .3s .15s;visibility:hidden;display:none}
.cat-strip[data-open=true] .cat-panel{opacity:1;pointer-events:auto;visibility:visible;display:flex}
.cat-panel h3{font-size:2.3rem;margin:0}.cat-panel p{margin:0;color:var(--muted)}
.cat-phones{display:flex;gap:12px;flex:1;min-height:0;overflow-x:auto;scrollbar-width:thin;padding-bottom:6px}
.cat-phone{flex:none;aspect-ratio:9/16;height:100%;max-height:300px;border:5px solid #111;border-radius:22px;overflow:hidden;padding:0;background:#222;transition:transform .3s}.cat-phone:hover{transform:translateY(-4px)}
.cat-phone img{width:100%;height:100%;object-fit:cover}
.cat-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
@media(max-width:700px){.cat-rail{flex-direction:column;height:auto}.cat-strip,.cat-strip[data-open=true]{flex:none;min-width:0;flex-direction:column;min-height:56px;transition:none}.cat-strip-btn{width:100%;height:56px;justify-content:start;padding:0 18px}.cat-vert{writing-mode:horizontal-tb;transform:none;font-size:1.35rem}.cat-panel{display:none;opacity:1;visibility:visible;pointer-events:auto}.cat-strip[data-open=true] .cat-panel{display:flex}.cat-phone{height:220px}}
@media(prefers-reduced-motion:reduce){.cat-strip,.cat-panel,.hero-chips .chip{transition:none;animation:none}}
/* tema rayı */
.rail-wrap{position:relative}.rail-arrow{position:absolute;top:42%;z-index:3;width:48px;height:48px;border-radius:50%;border:1px solid var(--line);background:var(--card);color:var(--text);font-size:1.6rem;box-shadow:var(--shadow)}.rail-arrow.prev{left:-12px}.rail-arrow.next{right:-12px}
.rail-arrow:disabled{opacity:.35;cursor:default}
.pick-bar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:22px;padding:18px 20px;background:var(--card);border:1px solid var(--line);border-radius:8px}
.pick-bar strong{display:block;font:500 1.6rem 'Cormorant Garamond',serif}.pick-bar span{color:var(--muted);font-size:.9rem}.pick-actions{display:flex;flex-wrap:wrap;gap:10px}
/* Dijital Anı teaser */
.ani-teaser{background:#0b221b;color:#f6f1e4}.ani-teaser .section-lead{color:#c9d6cc}.ani-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:56px;align-items:center}
.ani-wall{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.ani-wall i{aspect-ratio:1;border-radius:8px;display:block}
@media(max-width:800px){.ani-grid{grid-template-columns:1fr;gap:28px}}
/* 4 adım */
.four{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.four li{border-top:1px solid var(--gold);padding-top:22px}.four b{color:var(--gold)}.four h3{margin:16px 0 8px;font-size:1.7rem}
@media(max-width:900px){.four,.feature-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.four,.feature-grid{grid-template-columns:1fr}}
.panel-section{padding-bottom:70px}
/* sihirbaz */
.field-error{display:block;color:#a3341f;font-size:.86rem;margin-top:4px}html[data-mode=dark] .field-error{color:#ffb4a2}
.field [aria-invalid=true]{border-color:#a3341f!important}
.toggle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:8px 0 24px}
.toggle-card{display:flex;align-items:flex-start;gap:12px;padding:14px;border:1px solid var(--line);background:var(--card);border-radius:8px;min-height:64px}
.toggle-card input{width:22px;height:22px;margin-top:2px;accent-color:var(--green)}.toggle-card b{display:block}.toggle-card small{color:var(--muted)}
.toggle-card[data-soon=true]{opacity:.6}
@media(max-width:600px){.toggle-grid{grid-template-columns:1fr}}
.prog-rows{display:grid;gap:8px;grid-column:1/-1}.prog-row{display:grid;grid-template-columns:110px minmax(0,1fr) 44px;gap:8px}.prog-row input{min-height:44px}.prog-row button{min-height:44px;border:1px solid var(--line);background:var(--card);color:var(--text);border-radius:6px}
.prog-add{justify-self:start}
.cta-summary{display:flex;flex-direction:column;line-height:1.2;margin-right:auto;min-width:0}.cta-summary b{font:500 1.35rem 'Cormorant Garamond',serif}.cta-summary small{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body[data-page=create] .step-actions{position:fixed;left:0;right:0;bottom:0;z-index:30;display:flex;gap:12px;align-items:center;padding:12px max(16px,calc((100vw - 1320px)/2)) calc(12px + env(safe-area-inset-bottom));background:var(--card);border-top:1px solid var(--line);box-shadow:0 -10px 30px #0b221b14}
body[data-page=create] .step-actions .button{min-height:48px}
body[data-page=create]{padding-bottom:calc(96px + env(safe-area-inset-bottom))}
@media(max-width:600px){.cta-summary small{display:none}}
.summary-card{display:grid;gap:6px;margin:12px 0 28px}
/* Dijital Anı sayfası */
.ani-hero{padding-block:70px 40px}.ani-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.ani-hero h1{font-size:clamp(2.8rem,5.5vw,5rem)}
.notice{background:var(--ivory);border-left:3px solid var(--gold);padding:12px 16px;margin-top:20px;color:var(--text)}
.ani-mock{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px;box-shadow:var(--shadow)}
.ani-tabs{display:flex;gap:6px;margin-bottom:12px}.ani-tabs button{min-height:44px;border:1px solid var(--line);background:none;color:var(--text);border-radius:100px;padding:6px 16px}.ani-tabs [aria-selected=true]{background:var(--green);color:var(--ground);border-color:var(--green)}
.ani-filters{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.ani-filters button{min-height:44px;border:1px solid var(--line);background:var(--ground);color:var(--text);border-radius:100px;padding:4px 14px}.ani-filters [aria-pressed=true]{border-color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold)}
.ani-grid-photos{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;min-height:120px}.ani-grid-photos i{aspect-ratio:1;border-radius:6px;display:block}.ani-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.three-up{grid-template-columns:repeat(3,1fr)}
.use-cases{list-style:none;padding:0;margin:0 0 24px;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.use-cases li{border:1px solid #ffffff30;border-radius:10px;padding:18px;display:grid;gap:6px}.use-cases b{font:500 1.5rem 'Cormorant Garamond',serif}.use-cases span{color:#c9d6cc;font-size:.92rem}
.qr-modal{position:fixed;inset:0;background:#0b221bcc;display:grid;place-items:center;z-index:90;padding:20px}.qr-card{background:var(--card);padding:26px;border-radius:12px;text-align:center;max-width:320px;display:grid;gap:12px;justify-items:center}.qr-card h2{font-size:2rem;margin:0}.qr-card p{margin:0;color:var(--muted);font-size:.9rem}
@media(max-width:800px){.ani-hero-grid{grid-template-columns:1fr}.use-cases,.three-up{grid-template-columns:1fr 1fr}}@media(max-width:520px){.use-cases,.three-up{grid-template-columns:1fr}.ani-grid-photos{grid-template-columns:repeat(3,1fr)}}
.sub-h{font-size:1.8rem;margin:28px 0 12px}
/* Dijital Anı örnek görselleri: çizim kareler + açık "Örnek görsel" etiketi */
.ornek-kare{position:relative;margin:0;aspect-ratio:1;border-radius:8px;overflow:hidden;background:#efe6d4;box-shadow:inset 0 0 0 1px rgba(21,62,51,.08)}
.ornek-kare svg{display:block;width:100%;height:100%}
.ornek-kare figcaption{position:absolute;left:5px;bottom:5px;padding:2px 6px;border-radius:4px;background:rgba(11,34,27,.72);color:#fff;font:600 11px/1.3 Jost,system-ui,sans-serif;letter-spacing:.02em;pointer-events:none}
.ani-grid-photos .ornek-kare{border-radius:6px}
.ornek-not{margin:0 0 8px;font-size:14px;color:var(--muted)}
.ani-wall{position:relative}
.ani-wall[data-etiket]::after{content:attr(data-etiket);position:absolute;left:8px;bottom:8px;padding:4px 9px;border-radius:6px;background:rgba(0,0,0,.55);color:#fff;font:600 12px/1.3 Jost,system-ui,sans-serif}
.ani-wall .ornek-kare{border-radius:8px}

/* Vitrin görselleri */
.vt{text-align:center}.vt .section-lead{margin-inline:auto}
.vt-fig{margin:28px auto 0;max-width:980px;border-radius:18px;overflow:hidden;box-shadow:0 24px 60px -24px rgba(11,34,27,.45);background:#10231c;position:relative}
.vt-fig img{display:block;width:100%;height:auto}
.vt-fig figcaption{position:absolute;left:14px;bottom:12px;padding:4px 10px;border-radius:999px;background:rgba(11,34,27,.62);color:#f6f1e4;font:500 12px/1.3 Jost,system-ui,sans-serif;letter-spacing:.04em}
.vt-cta{margin:22px 0 0}
@media(max-width:700px){.vt-fig{border-radius:14px;margin-top:20px}}