:root{--wine:#991e20;--deep:#681013;--cream:#fbf3e7;--paper:#fffaf4;--ink:#31191a;--gold:#c58a3b}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{background:var(--cream);color:var(--ink);font-family:Oswald,Arial,sans-serif}.canvas-topbar{position:fixed;z-index:50;top:0;left:0;right:0;height:76px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 clamp(18px,4vw,64px);background:rgba(255,250,244,.88);border-bottom:1px solid rgba(153,30,32,.13);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.canvas-brand{justify-self:start;display:block}.canvas-brand img{display:block;width:auto;height:46px;max-width:190px;object-fit:contain}.canvas-topbar nav{display:flex;align-items:center;gap:clamp(17px,2.8vw,38px)}.canvas-topbar nav a{position:relative;color:var(--ink);font-size:13px;font-weight:600;letter-spacing:.12em;text-decoration:none;text-transform:uppercase}.canvas-topbar nav a::after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:2px;background:var(--wine);transition:right .25s}.canvas-topbar nav a:hover::after,.canvas-topbar nav a.active::after{right:0}.canvas-menu-btn{justify-self:end;padding:11px 18px;border-radius:999px;background:var(--wine);color:white;text-decoration:none;text-transform:uppercase;font-size:12px;font-weight:700;letter-spacing:.12em;box-shadow:0 8px 22px rgba(153,30,32,.2)}.infinite-viewport{position:fixed;inset:76px 0 0;overflow:hidden;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;background:radial-gradient(circle at 50% 45%,#fffdf9 0,#fbf3e7 65%,#f3e2cf 100%)}.infinite-viewport.is-dragging{cursor:grabbing}.canvas-grid{position:absolute;inset:-80px;background-image:linear-gradient(rgba(153,30,32,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(153,30,32,.055) 1px,transparent 1px);background-size:64px 64px;transform:translate(var(--grid-x,0),var(--grid-y,0));will-change:transform}.canvas-world{position:absolute;left:50%;top:50%;width:0;height:0;will-change:transform;transform:translate3d(0,0,0)}.world-tile{position:absolute;width:3000px;height:2400px;left:calc(var(--tile-x)*3000px - 1500px);top:calc(var(--tile-y)*2400px - 1200px)}.canvas-product{position:absolute;left:calc(1500px + var(--x));top:calc(1200px + var(--y));width:min(var(--w),78vw);transform:translate(-50%,-50%);display:block;color:var(--ink);text-decoration:none;cursor:pointer;filter:drop-shadow(0 16px 20px rgba(77,31,26,.12));transition:filter .28s;animation:product-in .65s cubic-bezier(.2,.75,.2,1) both;animation-delay:var(--delay)}.canvas-product-image{display:block;overflow:hidden;border-radius:5px;background:#ead8c6;border:7px solid var(--paper);box-shadow:0 0 0 1px rgba(91,35,31,.12);transform:rotate(var(--tilt,0deg));transition:transform .35s cubic-bezier(.2,.8,.2,1)}.canvas-product:nth-child(3n+1){--tilt:-1.1deg}.canvas-product:nth-child(3n+2){--tilt:.8deg}.canvas-product-image img{display:block;width:100%;height:auto;min-height:190px;max-height:420px;object-fit:cover;pointer-events:none}.canvas-product-meta{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:11px 5px 0}.canvas-product-meta strong{font-family:Fraunces,Georgia,serif;font-size:clamp(17px,2vw,25px);line-height:1.05}.canvas-product-meta i{font-style:normal;font-size:10px;letter-spacing:.14em;color:var(--wine);white-space:nowrap;text-transform:uppercase}.canvas-product:hover{z-index:4;filter:drop-shadow(0 24px 32px rgba(77,31,26,.22))}.canvas-product:hover .canvas-product-image{transform:rotate(0) scale(1.035)}.canvas-intro{position:fixed;z-index:20;left:50%;top:52%;transform:translate(-50%,-50%);text-align:center;pointer-events:none;transition:opacity .7s,transform .7s}.canvas-intro.is-hidden{opacity:0;transform:translate(-50%,-46%)}.canvas-intro span{font-size:10px;letter-spacing:.32em;color:var(--gold)}.canvas-intro h1{margin:9px 0 5px;font:800 clamp(42px,7vw,90px)/.9 Fraunces,Georgia,serif;color:var(--wine)}.canvas-intro p{margin:0;font-size:13px;letter-spacing:.12em;text-transform:uppercase}.canvas-hint{position:fixed;z-index:20;left:24px;bottom:20px;display:flex;align-items:center;gap:9px;font-size:9px;letter-spacing:.22em;color:rgba(49,25,26,.55);pointer-events:none}.canvas-hint span{width:24px;height:1px;background:var(--wine)}.canvas-home{position:fixed;z-index:25;right:22px;bottom:18px;width:42px;height:42px;border:1px solid rgba(153,30,32,.22);border-radius:50%;background:rgba(255,250,244,.86);color:var(--wine);font-size:24px;cursor:pointer;backdrop-filter:blur(8px)}.canvas-empty{position:fixed;z-index:10;left:50%;top:50%;transform:translate(-50%,-45%);text-align:center}.canvas-empty img{width:90px;opacity:.18}.canvas-empty h1{font-family:Fraunces,serif;color:var(--wine)}@keyframes product-in{from{opacity:0;transform:translate(-50%,-45%) scale(.94)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@media(max-width:720px){.canvas-topbar{height:64px;padding:0 14px;grid-template-columns:1fr auto}.canvas-brand img{height:38px;max-width:140px}.canvas-topbar nav{position:fixed;left:0;right:0;bottom:0;height:54px;justify-content:center;background:rgba(255,250,244,.94);border-top:1px solid rgba(153,30,32,.12);backdrop-filter:blur(12px)}.canvas-topbar nav a{font-size:10px}.canvas-menu-btn{padding:9px 13px;font-size:10px}.infinite-viewport{inset:64px 0 54px}.canvas-product{width:min(var(--w),68vw)}.canvas-product-image{border-width:5px}.canvas-product-image img{min-height:150px;max-height:320px}.canvas-hint{bottom:12px}.canvas-home{bottom:8px}}
@media(prefers-reduced-motion:reduce){.canvas-product{animation:none}.canvas-product,.canvas-product-image,.canvas-intro{transition:none}}

/* İsimsiz galeri kartı ve tam ekran büyütme */
.canvas-product{padding:0;border:0;background:transparent;text-align:inherit;font:inherit}
.canvas-product-meta{display:none}
.canvas-zoom-mark{position:absolute;right:13px;bottom:13px;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:rgba(255,250,244,.9);color:var(--wine);font-size:20px;box-shadow:0 5px 18px rgba(45,14,15,.2);opacity:0;transform:scale(.8);transition:opacity .25s,transform .25s;pointer-events:none}
.canvas-product:hover .canvas-zoom-mark,.canvas-product:focus-visible .canvas-zoom-mark{opacity:1;transform:scale(1)}
.canvas-lightbox{position:fixed;z-index:200;inset:0;display:grid;place-items:center;padding:clamp(18px,4vw,52px);background:rgba(24,7,8,.9);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);animation:lightbox-in .25s ease}
.canvas-lightbox[hidden]{display:none}
.canvas-lightbox img{display:block;max-width:min(94vw,1400px);max-height:90vh;width:auto;height:auto;object-fit:contain;border:8px solid #fffaf4;border-radius:6px;box-shadow:0 30px 80px rgba(0,0,0,.55)}
.canvas-lightbox-close{position:fixed;z-index:2;top:20px;right:22px;width:46px;height:46px;border:1px solid rgba(255,255,255,.45);border-radius:50%;background:rgba(255,255,255,.12);color:#fff;font-size:30px;line-height:1;cursor:pointer}
@keyframes lightbox-in{from{opacity:0}to{opacity:1}}

/* 100+ öğe için sanallaştırılmış tek-kopya kartlar */
.canvas-world{transform:none!important}
.canvas-product{left:0;top:0;animation:none;will-change:transform;contain:layout paint style}
.canvas-product-image{contain:paint;transform:none}
.canvas-product-image img{min-height:0;max-height:420px;aspect-ratio:1/1;object-fit:cover;background:#ead8c6}
.canvas-product.is-near .canvas-product-image{transition:transform .28s cubic-bezier(.2,.8,.2,1)}

/* Sanallaştırılmış tuval: tarayıcıda aynı anda yalnız görünür kart havuzu tutulur. */
html,body{overscroll-behavior:none;-webkit-overflow-scrolling:auto}
.infinite-viewport{overscroll-behavior:none;contain:strict}
.canvas-grid{pointer-events:none}
.canvas-product[hidden]{display:none!important}
.canvas-product{content-visibility:auto;contain-intrinsic-size:320px 320px}
.canvas-product-image img{image-rendering:auto}
.canvas-nav-toggle,.canvas-mobile-qr{display:none}

@media(max-width:720px){
  .canvas-topbar{height:64px;padding:0 14px;grid-template-columns:1fr auto;column-gap:12px}
  .canvas-brand img{height:38px;max-width:142px}
  .canvas-menu-btn{display:none}
  .canvas-nav-toggle{display:inline-flex;align-items:center;gap:8px;justify-self:end;border:1px solid rgba(153,30,32,.22);border-radius:999px;padding:9px 13px;background:#991e20;color:#fff;font:700 11px/1 Oswald,Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase}
  .canvas-nav-toggle span,.canvas-nav-toggle span::before,.canvas-nav-toggle span::after{display:block;width:14px;height:1.5px;border-radius:2px;background:currentColor;transition:transform .2s,opacity .2s}
  .canvas-nav-toggle span{position:relative}
  .canvas-nav-toggle span::before,.canvas-nav-toggle span::after{content:"";position:absolute;left:0}
  .canvas-nav-toggle span::before{top:-5px}.canvas-nav-toggle span::after{top:5px}
  .canvas-nav-open .canvas-nav-toggle span{background:transparent}
  .canvas-nav-open .canvas-nav-toggle span::before{top:0;transform:rotate(45deg)}
  .canvas-nav-open .canvas-nav-toggle span::after{top:0;transform:rotate(-45deg)}
  .canvas-topbar nav{display:none;position:absolute;left:auto;right:12px;top:56px;bottom:auto;width:min(230px,calc(100vw - 24px));height:auto;flex-direction:column;align-items:stretch;gap:0;padding:8px;border:1px solid rgba(153,30,32,.14);border-radius:14px;background:rgba(255,250,244,.98);box-shadow:0 18px 40px rgba(72,24,24,.2);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
  .canvas-nav-open .canvas-topbar nav{display:flex}
  .canvas-topbar nav a{padding:12px 14px;border-radius:9px;font-size:11px}
  .canvas-topbar nav a.active{background:rgba(153,30,32,.08);color:#991e20}
  .canvas-topbar nav a::after{display:none}
  .canvas-topbar nav .canvas-mobile-qr{display:block;background:#991e20;color:#fff;margin-top:4px;text-align:center}
  .infinite-viewport{inset:64px 0 0}
  .canvas-product{width:min(var(--w),72vw);filter:drop-shadow(0 9px 13px rgba(77,31,26,.11))}
  .canvas-product:hover{filter:drop-shadow(0 9px 13px rgba(77,31,26,.11))}
  .canvas-product-image{border-width:4px;box-shadow:0 0 0 1px rgba(91,35,31,.1)}
  .canvas-product-image img{min-height:0;max-height:300px}
  .canvas-hint{bottom:12px}.canvas-home{bottom:8px}
  .canvas-grid{background-image:linear-gradient(rgba(153,30,32,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(153,30,32,.04) 1px,transparent 1px)}
}

/* Pastalarımız, kurumsal sayfalarla aynı navigasyonu kullanır. */
.canvas-corp-nav{position:fixed;top:0;left:0;right:0;height:72px;z-index:100;padding-top:10px;padding-bottom:10px}
.canvas-corp-nav .corp-theme-toggle{margin-left:auto}
.canvas-page .infinite-viewport{inset:72px 0 0}
html.theme-dark .canvas-page .infinite-viewport{background:radial-gradient(circle at 50% 45%,#3b2022 0,#261517 70%,#190d0f 100%)}
html.theme-dark .canvas-page .canvas-grid{opacity:.3}
@media(max-width:900px){
  .canvas-corp-nav{height:66px;padding:9px 14px}
  .canvas-page .infinite-viewport{inset:66px 0 0}
}
@media(max-width:720px){
  .canvas-product{width:min(var(--w),62vw)}
  .canvas-product-image img{max-height:230px}
}