/* Aurecort 3D — galeri ve görsel bloklari */
.f3shot{margin:0;position:relative;border:1px solid var(--line);background:#071710;overflow:hidden}
.f3shot img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.f3shot figcaption,.f3g figcaption{position:absolute;left:10px;bottom:8px;font-family:var(--sans);font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:rgba(239,235,226,.72);background:rgba(8,26,16,.55);padding:3px 7px;pointer-events:none}
.f3g{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(10px,1.4vw,18px);margin-top:clamp(28px,4vw,46px)}
.f3g figure{margin:0;position:relative;border:1px solid var(--line);overflow:hidden;background:#071710;cursor:zoom-in}
.f3g figure::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,26,16,0) 45%,rgba(8,26,16,.55) 100%);opacity:.9;transition:opacity .5s ease;pointer-events:none}
.f3g figure:hover::after{opacity:.35}
.f3g img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;transition:transform 1.2s cubic-bezier(.16,.84,.28,1)}
.f3g figure:hover img{transform:scale(1.06)}
.f3g figure:focus-visible{outline:1px solid var(--gold)}
.f3note{margin-top:18px;font-size:13px;color:var(--mute);max-width:70ch}
@media (max-width:860px){.f3g{grid-template-columns:repeat(2,1fr)}}
/* buyutme */
#f3lb{position:fixed;inset:0;z-index:999;background:rgba(6,18,11,.94);backdrop-filter:blur(3px);display:grid;grid-template-rows:1fr auto;place-items:center;padding:clamp(48px,6vw,72px) clamp(16px,5vw,90px) 28px;opacity:0;transition:opacity .42s ease}
#f3lb.on{opacity:1}
#f3lb[hidden]{display:none}
#f3lb .f3wrapimg{position:relative;display:grid;place-items:center;width:100%;height:100%}
#f3lb img{max-width:100%;max-height:78vh;border:1px solid var(--line);opacity:0;transform:scale(.985);transition:opacity .5s ease,transform .6s cubic-bezier(.16,.84,.28,1)}
#f3lb img.vis{opacity:1;transform:none}
#f3lb .f3cap{font-family:var(--sans);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:rgba(239,235,226,.62);margin-top:16px;text-align:center}
#f3lb button{position:absolute;background:rgba(8,26,16,.5);border:1px solid var(--line);color:var(--bone);cursor:pointer;font-family:var(--sans);transition:border-color .3s ease,background .3s ease}
#f3lb button:hover{border-color:var(--gold-lo);background:rgba(8,26,16,.8)}
#f3lb .f3x{top:18px;right:20px;width:42px;height:42px;font-size:22px;line-height:1}
#f3lb .f3p,#f3lb .f3n{top:50%;transform:translateY(-50%);width:46px;height:60px;font-size:20px}
#f3lb .f3p{left:clamp(8px,2vw,26px)}
#f3lb .f3n{right:clamp(8px,2vw,26px)}
@media (max-width:640px){#f3lb .f3p,#f3lb .f3n{width:38px;height:48px}}
@media (prefers-reduced-motion:reduce){#f3lb,#f3lb img{transition:none}}

/* kart gorselleri */
.ph.hasimg::after{content:none!important}
.ph.hasimg{position:relative;overflow:hidden}
.ph.hasimg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.16,.84,.28,1)}
.card:hover .ph.hasimg img{transform:scale(1.06)}
.ph.hasimg .f3ph{position:absolute;left:10px;bottom:8px;z-index:2;font-family:var(--sans);font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:rgba(239,235,226,.72);background:rgba(8,26,16,.55);padding:3px 7px}