*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  color-scheme:dark;
  --dark-bg:#1c1814; --dark-fg:#ede8df; --dark-muted:#8a7b6e;
  --light-bg:#f0ece3; --light-fg:#0d0d14; --light-muted:#8e8a82;
  --accent-dark:#d4a84b; --accent-light:#3a6e00;
  --bg:var(--dark-bg); --fg:var(--dark-fg); --muted:var(--dark-muted); --accent:var(--accent-dark);
  --font-display:"Bebas Neue",sans-serif; --font-mono:"DM Mono",monospace;
  --hairline:1px; --ui-inset:2rem; --card-bg:rgba(28,24,20,.82); --card-border:rgba(212,168,75,.22);
  --z-ui:10; --reveal-offset:10px; --reveal-duration:.55s;
}
html[data-theme="light"]{
  color-scheme:light; --bg:var(--light-bg); --fg:var(--light-fg); --muted:var(--light-muted); --accent:var(--accent-light);
  --card-bg:rgba(240,236,227,.74); --card-border:rgba(58,110,0,.18);
}
html{scroll-behavior:auto}
body{background:var(--bg);color:var(--fg);font-family:var(--font-mono);overflow-x:hidden;transition:background .3s ease,color .3s ease;}
#scene{position:fixed;inset:0;z-index:0;display:flex;align-items:center;justify-content:center;perspective:1100px;pointer-events:none}
#cube{--s:min(74vw,74vh,560px);width:var(--s);height:var(--s);position:relative;transform-style:preserve-3d;transform:rotateX(90deg) rotateY(0deg);will-change:transform}
.face{position:absolute;inset:0;overflow:hidden;backface-visibility:hidden;background:repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0,rgba(255,255,255,.025) 1px,transparent 1px,transparent 48px),repeating-linear-gradient(90deg,rgba(255,255,255,.025) 0,rgba(255,255,255,.025) 1px,transparent 1px,transparent 48px),#14100d}
html[data-theme="light"] .face{background:repeating-linear-gradient(0deg,rgba(0,0,0,.05) 0,rgba(0,0,0,.05) 1px,transparent 1px,transparent 48px),repeating-linear-gradient(90deg,rgba(0,0,0,.05) 0,rgba(0,0,0,.05) 1px,transparent 1px,transparent 48px),#ddd8cf}
.face img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.face-ph{position:absolute;left:1.75rem;bottom:1.5rem;font-family:var(--font-display);font-size:clamp(2rem,8vw,5rem);letter-spacing:.04em;color:rgba(255,255,255,.06);pointer-events:none;user-select:none}
html[data-theme="light"] .face-ph{color:rgba(0,0,0,.07)}
.face:has(img) .face-ph{display:none}
.face[data-face="top"]{transform:rotateX(-90deg) translateZ(calc(var(--s) / 2))}
.face[data-face="front"]{transform:translateZ(calc(var(--s) / 2))}
.face[data-face="right"]{transform:rotateY(90deg) translateZ(calc(var(--s) / 2))}
.face[data-face="back"]{transform:rotateY(180deg) translateZ(calc(var(--s) / 2))}
.face[data-face="left"]{transform:rotateY(-90deg) translateZ(calc(var(--s) / 2))}
.face[data-face="bottom"]{transform:rotateX(90deg) translateZ(calc(var(--s) / 2))}
#scroll_container{position:relative;z-index:1}
section{min-height:100vh;display:flex;align-items:center;padding:6rem calc(5rem + var(--ui-inset)) 6rem 5rem}
.text-card{max-width:25.5rem;padding:2.25rem 2rem;background:var(--card-bg);border-left:var(--hairline) solid var(--card-border);backdrop-filter:blur(6px) saturate(120%);-webkit-backdrop-filter:blur(6px) saturate(120%);overflow:hidden;transition:background .3s ease,border-color .3s ease}
.text-card.right{margin-inline-start:auto;border-left:none;border-right:var(--hairline) solid var(--card-border);text-align:right}
.text-card.right .h-line{transform-origin:right;margin-inline-start:auto}
.text-card.right .cta-row,.text-card.right .variant-row{justify-content:flex-end}
.tag{font-size:.6rem;letter-spacing:.25em;text-transform:uppercase;color:var(--accent);margin-block-end:1.1rem}
h1,h2{font-family:var(--font-display);font-weight:400;letter-spacing:.03em;line-height:.92}
h1{font-size:clamp(3rem,8vw,6.5rem)}
h2{font-size:clamp(2.2rem,5vw,4rem)}
.body-text{font-size:.78rem;line-height:1.8;color:color-mix(in srgb,var(--fg) 55%,transparent);margin-block-start:1.25rem}
.h-line{width:3.125rem;height:var(--hairline);background:var(--accent);margin-block-end:1.2rem;transform-origin:left}
.cta-row{display:flex;align-items:center;gap:.75rem;margin-block-start:1.3rem;flex-wrap:wrap}
.product-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;margin-block-start:1.25rem}
.meta-box{border:var(--hairline) solid color-mix(in srgb,var(--accent) 22%,transparent);background:color-mix(in srgb,var(--accent) 7%,transparent);padding:.8rem .85rem;min-height:4rem}
.meta-label{display:block;font-size:.52rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-block-end:.25rem}
.meta-value{display:block;font-family:var(--font-display);font-size:1.45rem;line-height:1;letter-spacing:.03em;color:var(--fg)}
.price-line{margin-block-start:1.15rem;display:flex;align-items:baseline;gap:.55rem;flex-wrap:wrap}
.price-line strong{font-family:var(--font-display);font-size:2.25rem;line-height:1;letter-spacing:.03em;color:var(--accent);font-weight:400}
.price-line span{font-size:.58rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}
.variant-row{display:flex;gap:.55rem;flex-wrap:wrap;margin-block-start:1rem}
.variant-choice{position:relative}
.variant-choice input{position:absolute;opacity:0;pointer-events:none}
.variant-choice span{display:inline-flex;align-items:center;justify-content:center;min-width:4.25rem;padding:.55rem .7rem;border:1px solid color-mix(in srgb,var(--fg) 25%,transparent);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;color:var(--fg);background:color-mix(in srgb,var(--bg) 70%,transparent)}
.variant-choice input:checked + span{background:var(--accent);border-color:var(--accent);color:var(--bg)}
.qty-input{width:4.25rem;padding:.61rem .7rem;border:1px solid color-mix(in srgb,var(--fg) 25%,transparent);background:transparent;color:var(--fg);font-family:var(--font-mono)}
.cta,.cta-back,.cta-cart,.cta-product,.button-link{display:inline-flex;align-items:center;gap:.6rem;padding:.6rem 1.25rem;font-family:var(--font-mono);font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.cta{border:var(--hairline) solid var(--accent);color:var(--accent);background:transparent}
.cta:hover{background:var(--accent);color:var(--bg)}
.cta-back{border:var(--hairline) solid color-mix(in srgb,var(--muted) 45%,transparent);color:var(--muted);background:transparent}
.cta-back:hover{background:color-mix(in srgb,var(--muted) 12%,transparent);border-color:var(--muted);color:var(--fg)}
.cta-cart{border:var(--hairline) solid var(--accent);background:var(--accent);color:var(--bg)}
.cta-cart:hover{background:transparent;color:var(--accent)}
.cta-product,.button-link{border:var(--hairline) solid color-mix(in srgb,var(--fg) 35%,transparent);color:var(--fg);background:transparent}
.cta-product:hover,.button-link:hover{background:var(--fg);color:var(--bg)}
.cta svg,.cta-back svg,.cta-cart svg,.cta-product svg{width:.6875rem;height:.6875rem}
.stat-row{display:flex;gap:2.5rem;margin-block-start:2rem;flex-wrap:wrap}
.stat{display:flex;flex-direction:column;gap:.15rem}.stat-num{font-family:var(--font-display);font-size:2.2rem;color:var(--accent);line-height:1}.stat-label{font-size:.58rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}
#hud{position:fixed;top:var(--ui-inset);right:var(--ui-inset);z-index:var(--z-ui);text-align:right;font-size:.65rem;letter-spacing:.15em;color:var(--muted);text-transform:uppercase}
.progress-bar{width:7.5rem;height:var(--hairline);background:var(--muted);margin-block-start:.5rem;margin-inline-start:auto;position:relative;overflow:hidden}
.progress-fill{position:absolute;inset-block:0;inset-inline-start:0;width:0;background:var(--accent);transition:width .1s linear}.scene-label{font-size:.6rem;color:var(--accent);margin-block-start:.4rem}
#scene_strip{position:fixed;left:calc(var(--ui-inset) + .125rem);top:50%;translate:-50% -50%;z-index:var(--z-ui);display:flex;flex-direction:column;gap:.75rem}
.scene-dot{position:relative;display:block;width:.25rem;height:.25rem;border-radius:50%;background:var(--muted);transition:background .3s,scale .3s;cursor:pointer}.scene-dot::before{content:"";position:absolute;inset:-.35rem}.scene-dot.active{background:var(--accent);scale:1.8}
#theme_toggle{position:fixed;bottom:var(--ui-inset);left:calc(var(--ui-inset) + .125rem);translate:-50% 0;z-index:var(--z-ui);width:2rem;height:2rem;border:0;background:color-mix(in srgb,var(--muted) 35%,transparent);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--fg)}
#theme_toggle svg{position:absolute;width:1rem;height:1rem;transition:opacity .25s,rotate .25s;color:var(--fg)}#theme_toggle .icon-moon{opacity:0;rotate:90deg}html[data-theme="light"] #theme_toggle .icon-sun{opacity:0;rotate:-90deg}html[data-theme="light"] #theme_toggle .icon-moon{opacity:1;rotate:0deg}
#face_caption{position:fixed;left:50%;bottom:var(--ui-inset);translate:-50% 0;z-index:var(--z-ui);display:flex;align-items:baseline;gap:.7rem;pointer-events:none;text-transform:uppercase}
#face_caption_num{font-size:.65rem;letter-spacing:.18em;color:var(--accent)}#face_caption_name{font-family:var(--font-display);font-size:clamp(1.8rem,5vw,4.5rem);letter-spacing:.04em;color:var(--fg);opacity:.2;line-height:.8}html[data-theme="light"] #face_caption_name{opacity:.35}
.brand-yumu{position:fixed;top:var(--ui-inset);left:var(--ui-inset);z-index:var(--z-ui);color:var(--fg);text-decoration:none;font-size:.65rem;letter-spacing:.18em;text-transform:uppercase;opacity:.8}.brand-yumu strong{font-family:var(--font-display);font-size:1.75rem;letter-spacing:.04em;font-weight:400;display:block;line-height:.8;color:var(--accent)}
.cart-badge{position:fixed;right:var(--ui-inset);bottom:var(--ui-inset);z-index:var(--z-ui);text-decoration:none;color:var(--fg);border:1px solid color-mix(in srgb,var(--accent) 38%,transparent);background:var(--card-bg);padding:.65rem .85rem;text-transform:uppercase;font-size:.62rem;letter-spacing:.16em}.cart-badge strong{color:var(--accent);font-family:var(--font-display);font-size:1.25rem;margin-left:.35rem}
.notice{position:fixed;top:5.25rem;right:var(--ui-inset);z-index:20;background:var(--accent);color:var(--bg);padding:.8rem 1rem;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase}
:is(.tag,h1,h2,.body-text,.stat-row,.cta,.cta-back){opacity:0;translate:0 var(--reveal-offset)}
:is(h1,h2){translate:0 1.125rem;transition:opacity var(--reveal-duration) ease .08s,translate var(--reveal-duration) ease .08s}.tag{transition:opacity var(--reveal-duration) ease,translate var(--reveal-duration) ease}.body-text{transition:opacity var(--reveal-duration) ease .2s,translate var(--reveal-duration) ease .2s}.stat-row{transition:opacity var(--reveal-duration) ease .3s,translate var(--reveal-duration) ease .3s}:is(.cta,.cta-back){transition:opacity var(--reveal-duration) ease .35s,translate var(--reveal-duration) ease .35s,background .2s,color .2s,border-color .2s}.h-line{opacity:0;scale:0 1;transition:opacity .4s ease,scale .4s ease}:is(.tag,h1,h2,.body-text,.stat-row,.cta,.cta-back).visible{opacity:1;translate:0 0}.h-line.visible{opacity:1;scale:1 1}
.page-wrap{position:relative;z-index:2;min-height:100vh;padding:7rem 2rem 4rem;max-width:1100px;margin:0 auto}.page-panel{background:var(--card-bg);border:1px solid var(--card-border);backdrop-filter:blur(8px);padding:2rem}.page-title{font-family:var(--font-display);font-size:clamp(3rem,7vw,5rem);font-weight:400;color:var(--accent);line-height:.9}.cart-table{width:100%;border-collapse:collapse;margin-top:1.5rem}.cart-table th,.cart-table td{padding:1rem;border-bottom:1px solid color-mix(in srgb,var(--fg) 14%,transparent);text-align:left;font-size:.78rem}.cart-table th{text-transform:uppercase;letter-spacing:.14em;color:var(--muted);font-size:.62rem}.cart-table input{width:4.5rem;padding:.45rem;background:transparent;color:var(--fg);border:1px solid color-mix(in srgb,var(--fg) 25%,transparent)}.cart-total{margin-top:1.5rem;text-align:right;font-family:var(--font-display);font-size:2.5rem;color:var(--accent)}.product-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:2rem;align-items:center}.product-detail-grid img{width:100%;aspect-ratio:1/1;object-fit:cover;border:1px solid var(--card-border)}
@media (width <= 56.25em){
  #hud{top:1rem;right:1rem}.cart-badge{right:1rem;bottom:1rem}#scene_strip{display:none}#theme_toggle{bottom:1rem;left:1.25rem;translate:0 0}#face_caption{bottom:4rem}.brand-yumu{top:1rem;left:1rem}
  section{min-height:150vh;align-items:flex-end;padding:0 1.5rem 3.5rem}#s0{min-height:100vh;align-items:center;padding:4rem 1.5rem}.text-card,.text-card.right{max-width:100%;padding:1.5rem 1.25rem}.body-text{line-height:1.55}.stat-row{gap:1.5rem;margin-block-start:1.25rem}.cta-row{margin-block-start:1.25rem}
  .product-detail-grid{grid-template-columns:1fr}.page-wrap{padding:6rem 1rem 5rem}.page-panel{padding:1.2rem}.cart-table{display:block;overflow-x:auto}
}

/* v2: Daha hızlı scroll, yaratıcı ürün sayfası, PayTR/admin ekranları */
.product-showcase{position:relative;z-index:2;min-height:100vh;padding:7rem 2rem 4rem;max-width:1180px;margin:0 auto}
.product-hero-panel{display:grid;grid-template-columns:minmax(280px,.95fr) minmax(320px,1.05fr);gap:3rem;align-items:center;min-height:calc(100vh - 10rem)}
.product-visual-wrap{position:relative;display:grid;place-items:center;min-height:520px}.product-orbit-card{position:relative;width:min(80vw,480px);aspect-ratio:1/1;border:1px solid var(--card-border);background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 16%,transparent),transparent 55%);box-shadow:0 35px 120px rgba(0,0,0,.28);transform:rotate(-3deg);overflow:hidden}.product-orbit-card::before{content:"";position:absolute;inset:1rem;border:1px solid color-mix(in srgb,var(--accent) 28%,transparent);z-index:2;pointer-events:none}.product-orbit-card img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(1.04) contrast(1.02)}.floating-badge{position:absolute;z-index:3;background:var(--accent);color:var(--bg);font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;padding:.75rem 1rem;box-shadow:0 20px 60px rgba(0,0,0,.22)}.floating-badge.top{top:4rem;right:1rem}.floating-badge.bottom{bottom:4rem;left:0;background:var(--card-bg);color:var(--accent);border:1px solid var(--card-border);backdrop-filter:blur(8px)}
.product-big-title{font-family:var(--font-display);font-size:clamp(4rem,10vw,8rem);font-weight:400;line-height:.82;color:var(--fg);letter-spacing:.035em}.product-lead{font-size:.95rem;line-height:1.9;color:color-mix(in srgb,var(--fg) 68%,transparent);margin-top:1.25rem;max-width:42rem}.product-highlights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin:1.5rem 0}.product-highlights div{border:1px solid var(--card-border);background:var(--card-bg);padding:1rem}.product-highlights span{display:block;font-size:.56rem;color:var(--muted);letter-spacing:.16em;text-transform:uppercase;margin-bottom:.45rem}.product-highlights strong{display:block;font-family:var(--font-display);font-size:1.45rem;color:var(--accent);font-weight:400;line-height:1}.detail-buy-box{border:1px solid var(--card-border);background:color-mix(in srgb,var(--card-bg) 82%,transparent);padding:1rem;margin-top:1.25rem}.option-title,.mini-label{display:block;font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin-bottom:.8rem}.premium-variants .variant-choice span{flex-direction:column;align-items:flex-start;gap:.35rem;min-width:7.25rem}.premium-variants small{font-size:.58rem;color:inherit;opacity:.75}.buy-actions{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap;margin-top:1rem}
.creative-detail-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:1rem;margin-top:2rem}.story-card{background:var(--card-bg);border:1px solid var(--card-border);padding:1.5rem}.story-card h2,.usage-section h2,.related-strip h2{font-family:var(--font-display);font-size:clamp(2.4rem,5vw,4.2rem);line-height:.9;font-weight:400;margin-bottom:1rem}.story-card p{font-size:.86rem;line-height:1.9;color:color-mix(in srgb,var(--fg) 64%,transparent)}.feature-list{list-style:none;display:grid;gap:.75rem}.feature-list li{padding-left:1.5rem;position:relative;font-size:.78rem;line-height:1.6;color:color-mix(in srgb,var(--fg) 72%,transparent)}.feature-list li::before{content:"✦";position:absolute;left:0;color:var(--accent)}.usage-section,.related-strip{margin-top:1rem;background:var(--card-bg);border:1px solid var(--card-border);padding:1.5rem}.usage-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.usage-cards article{border:1px solid color-mix(in srgb,var(--fg) 12%,transparent);padding:1rem;background:color-mix(in srgb,var(--accent) 5%,transparent)}.usage-cards strong{font-family:var(--font-display);font-size:1.6rem;font-weight:400;color:var(--accent)}.usage-cards p{font-size:.75rem;line-height:1.7;color:color-mix(in srgb,var(--fg) 62%,transparent);margin-top:.55rem}.related-strip{display:flex;align-items:center;justify-content:space-between;gap:1rem}.related-products{display:flex;gap:.75rem;overflow:auto;max-width:58%}.related-products a{min-width:8rem;text-decoration:none;color:var(--fg);border:1px solid var(--card-border);background:color-mix(in srgb,var(--bg) 60%,transparent);padding:.5rem}.related-products img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block}.related-products span{display:block;font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;margin-top:.45rem;color:var(--fg)}
.checkout-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:1rem;align-items:start}.checkout-form{display:grid;gap:1rem;margin-top:1.5rem}.checkout-form label{display:grid;gap:.45rem;font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.checkout-form input,.checkout-form textarea{width:100%;padding:.8rem .9rem;border:1px solid color-mix(in srgb,var(--fg) 22%,transparent);background:color-mix(in srgb,var(--bg) 65%,transparent);color:var(--fg);font-family:var(--font-mono);letter-spacing:0;text-transform:none}.checkout-form textarea{min-height:96px;resize:vertical}.summary-line{display:flex;justify-content:space-between;gap:1rem;padding:1rem 0;border-bottom:1px solid color-mix(in srgb,var(--fg) 12%,transparent);font-size:.75rem}.summary-line small{display:block;color:var(--muted);margin-top:.25rem}.summary-line strong{color:var(--accent)}.success-box,.error-box,.paytr-status{border:1px solid var(--card-border);padding:1rem;margin:1rem 0;font-size:.78rem;line-height:1.6;background:color-mix(in srgb,var(--accent) 8%,transparent)}.error-box{border-color:rgba(255,90,90,.35);background:rgba(255,90,90,.12)}.paytr-status{color:var(--muted)}.paytr-status.ready{color:var(--accent)}
.admin-nav{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:1rem}.admin-card{max-width:520px;margin:0 auto}.status-pill{display:inline-flex;padding:.35rem .6rem;border:1px solid var(--card-border);color:var(--accent);font-size:.62rem;text-transform:uppercase}.settings-form h2{font-family:var(--font-display);font-size:2rem;font-weight:400;color:var(--accent);margin-top:1rem}.checkline{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center;gap:.75rem}.checkline input{width:auto}.checkout-form small{color:var(--muted);font-size:.58rem;line-height:1.5}
@media (width <= 900px){.product-hero-panel,.creative-detail-grid,.checkout-grid{grid-template-columns:1fr}.product-showcase{padding:6rem 1rem 5rem}.product-visual-wrap{min-height:auto}.product-highlights,.usage-cards{grid-template-columns:1fr}.related-strip{display:block}.related-products{max-width:100%;margin-top:1rem}.product-big-title{font-size:clamp(3.2rem,16vw,5.4rem)}}