/* tpl-thumbs.css — V2: 7 yeni tema mini-önizlemeleri */

.tpl-thumb { position:relative; overflow:hidden; border-radius:14px; isolation:isolate; }

/* Grid + kart wrapper */
.tpl-pick3 { display:grid; grid-template-columns:repeat(auto-fill,minmax(260px,1fr)); gap:22px; }
.tpl-pick3 label { cursor:pointer; display:block; }
.tpl-pick3 input[type=radio] { position:absolute; opacity:0; pointer-events:none; }
.pick-card { position:relative; background:#fff; border:1px solid var(--p-line,#ece1da); border-radius:18px; overflow:hidden; transition:.25s; box-shadow:0 4px 18px -8px rgba(0,0,0,.08); }
.pick-card:hover { transform:translateY(-4px); box-shadow:0 18px 40px -12px rgba(0,0,0,.18); }
.tpl-pick3 input[type=radio]:checked + .pick-card { box-shadow:0 0 0 3px var(--c-primary,#f5a3b7),0 14px 30px -10px rgba(0,0,0,.18); transform:translateY(-2px); }
.pick-info { padding:14px 16px; display:flex; align-items:center; justify-content:space-between; gap:10px; border-top:1px solid var(--p-line,#ece1da); }
.pick-info strong { font-size:.95rem; }
.pick-info small { font-size:.7rem; color:var(--c-muted,#7a6e6e); margin-top:3px; }
.badge-premium { position:absolute; top:10px; right:10px; z-index:5; background:linear-gradient(135deg,#d4af37,#f5d76e); color:#3a2a05; padding:4px 9px; border-radius:30px; font-size:.62rem; font-weight:800; letter-spacing:.5px; box-shadow:0 4px 10px -2px rgba(212,175,55,.5); }

/* ============ 🌿 BOTANIK ============ */
.tt-bot { position:relative; height:100%; padding:18px; display:flex; align-items:center; justify-content:center; }
.tt-bot-leaf { position:absolute; font-size:1.4rem; opacity:.55; }
.tt-bot-leaf.l1 { top:6px;  left:8px;  transform:rotate(-30deg); }
.tt-bot-leaf.l2 { top:14px; right:14px; transform:rotate(40deg); font-size:1.1rem; }
.tt-bot-leaf.l3 { bottom:10px; left:18px; transform:rotate(-150deg); }
.tt-bot-leaf.l4 { bottom:18px; right:8px; transform:rotate(160deg); font-size:1.2rem; }
.tt-bot-leaf.l5 { top:50%; right:-6px; transform:rotate(70deg); opacity:.3; font-size:1.6rem; }
.tt-bot-card { background:rgba(255,255,255,.55); backdrop-filter:blur(2px); border:1px dashed currentColor; border-radius:8px; padding:18px 20px; text-align:center; max-width:90%; }

/* ============ 🌊 SAHIL ============ */
.tt-sea { position:relative; height:100%; overflow:hidden; }
.tt-sea-sun { position:absolute; top:14px; right:18px; width:50px; height:50px; border-radius:50%; background:radial-gradient(circle,#ffd166,transparent 70%); }
.tt-sea-palm { position:absolute; top:8px; left:10px; font-size:2.2rem; transform:rotate(-12deg); }
.tt-sea-content { position:absolute; inset:0; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; padding:0 16px; z-index:2; }
.tt-sea-wave { position:absolute; bottom:0; left:0; right:0; width:100%; height:30px; opacity:.85; }
.tt-sea-wave + svg { animation:waveScroll 6s linear infinite; }

/* ============ 📰 GAZETE ============ */
.tt-news { position:relative; height:100%; padding:14px 16px; border:6px double currentColor; }
.tt-news-mast { display:flex; justify-content:space-between; align-items:baseline; font-family:'Playfair Display',serif; font-size:.55rem; letter-spacing:1px; text-transform:uppercase; border-bottom:2px solid; padding-bottom:4px; margin-bottom:8px; }
.tt-news-mast strong { font-size:1rem; letter-spacing:3px; }
.tt-news-extra { text-align:center; font-family:'Playfair Display',serif; font-style:italic; font-size:.65rem; margin-bottom:8px; }
.tt-news-cols { display:grid; grid-template-columns:repeat(3,1fr); gap:6px; margin-top:10px; }
.tt-news-cols div { height:30px; background:repeating-linear-gradient(0deg, currentColor 0 1px, transparent 1px 4px); opacity:.45; }

/* ============ 🌾 BOHO ŞENLİK ============ */
.tt-boho { position:relative; height:100%; overflow:hidden; display:flex; align-items:center; justify-content:center; padding:16px; }
.tt-boho-pampas { position:absolute; font-size:3.4rem; line-height:1; opacity:.55; filter:sepia(.5) hue-rotate(-12deg) saturate(.6); z-index:1; }
.tt-boho-pampas.pp1 { bottom:-6px; left:-4px; transform:rotate(-22deg); }
.tt-boho-pampas.pp2 { bottom:-6px; right:-4px; transform:rotate(22deg); }
.tt-boho-leaf { position:absolute; top:14px; right:18px; font-size:1.2rem; opacity:.55; transform:rotate(20deg); z-index:1; }
.tt-boho-arch { position:relative; z-index:2; width:78%; max-width:200px; padding:30px 16px 20px; border:1px solid; border-radius:90px 90px 8px 8px / 110px 110px 8px 8px; text-align:center; box-shadow:0 14px 32px -10px rgba(120,80,60,.25); }
.tt-boho-frame { border:1px solid; border-radius:80px 80px 4px 4px / 100px 100px 4px 4px; padding:18px 12px 14px; }

/* ============ 🎭 NOIR LUXE ============ */
.tt-noir { position:relative; height:100%; overflow:hidden; }
.tt-noir-rays { position:absolute; inset:-50%; background:repeating-conic-gradient(from 0deg, rgba(212,175,55,.05) 0deg 8deg, transparent 8deg 16deg); animation:noirSpin 30s linear infinite; }
.tt-noir-frame { position:relative; z-index:2; margin:14px; height:calc(100% - 28px); border:2px solid; padding:14px 16px; text-align:center; display:flex; flex-direction:column; justify-content:space-around; }
.tt-noir-frame::before, .tt-noir-frame::after { content:''; position:absolute; width:14px; height:14px; border:2px solid currentColor; }
.tt-noir-frame::before { top:-7px; left:-7px; }
.tt-noir-frame::after { bottom:-7px; right:-7px; }
.tt-noir-deco { font-size:.7rem; letter-spacing:3px; opacity:.85; }
@keyframes noirSpin { to { transform:rotate(360deg); } }

/* ============ 🌃 NEON NIGHT ============ */
.tt-neon { position:relative; height:100%; overflow:hidden; }
.tt-neon-grid { position:absolute; inset:0; background:
  linear-gradient(transparent 95%, rgba(255,43,214,.4) 95%) 0 0/40px 40px,
  linear-gradient(90deg, transparent 95%, rgba(0,255,255,.3) 95%) 0 0/40px 40px;
  transform:perspective(200px) rotateX(45deg); transform-origin:bottom; opacity:.6; }
.tt-neon-content { position:relative; z-index:2; display:flex; flex-direction:column; justify-content:center; align-items:center; height:100%; text-align:center; padding:0 14px; }
.tt-neon-tag { font-family:'Orbitron',monospace; color:#0ff; font-size:.6rem; letter-spacing:3px; text-shadow:0 0 6px #0ff; margin-bottom:8px; }
.tt-neon-name { font-size:1.4rem; font-weight:800; letter-spacing:2px; text-transform:uppercase; line-height:1; animation:neonPulse 2.5s ease-in-out infinite; }
.tt-neon-line { width:60%; height:2px; margin:8px 0; }
@keyframes neonPulse { 50% { filter:brightness(1.3); } }

/* ============ ✝️ VITRAY ============ */
.tt-vit { position:relative; height:100%; overflow:hidden; padding:10px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px; }
.tt-vit-window { position:relative; width:80px; height:120px; }
.tt-vit-arch { position:absolute; inset:0; border-radius:40px 40px 0 0; box-shadow:inset 0 0 0 2px #d4af37; }
.tt-vit-pane { position:absolute; width:30px; height:30px; background:rgba(255,255,255,.15); border:1px solid #d4af37; }
.tt-vit-pane.p1 { top:18px; left:10px; background:rgba(214,90,143,.5); }
.tt-vit-pane.p2 { top:18px; right:10px; background:rgba(60,140,200,.5); }
.tt-vit-pane.p3 { top:55px; left:10px; background:rgba(120,200,140,.5); border-radius:0; }
.tt-vit-pane.p4 { top:55px; right:10px; background:rgba(245,200,80,.5); }
.tt-vit-cross { position:absolute; bottom:8px; left:50%; transform:translateX(-50%); color:#fff5cc; font-size:1.2rem; text-shadow:0 0 8px #d4af37; }
.tt-vit-text { text-align:center; }

@keyframes waveScroll { to { transform:translateX(-25%); } }

/* ===== V3 — Yeni 10 şablon mini-önizlemeleri ===== */

/* CLOUD */
.tt-cloud{position:relative;height:100%;display:grid;place-items:center;padding:14px;overflow:hidden}
.tt-cl{position:absolute;width:80px;height:24px;background:rgba(255,255,255,.85);border-radius:30px;box-shadow:18px 0 0 -4px rgba(255,255,255,.85),-15px 0 0 -6px rgba(255,255,255,.85);animation:ttCloudDrift 14s linear infinite}
.tt-cl.c1{top:15%;left:-20%}
.tt-cl.c2{top:42%;left:-30%;transform:scale(.7);animation-delay:-5s;opacity:.7}
.tt-cl.c3{top:75%;left:-15%;transform:scale(1.1);animation-delay:-9s;opacity:.6}
@keyframes ttCloudDrift{to{left:130%}}
.tt-cloud-card{position:relative;z-index:2;background:rgba(255,255,255,.75);backdrop-filter:blur(6px);padding:14px 18px;border-radius:10px;text-align:center}

/* GOLDEN */
.tt-gold{position:relative;height:100%;display:grid;place-items:center;padding:14px;overflow:hidden}
.tt-gold-sun{position:absolute;bottom:5%;left:50%;width:90px;height:90px;border-radius:50%;background:radial-gradient(circle,#fff7c2,#ffd166 35%,#ff8c42 65%,transparent 80%);transform:translateX(-50%);filter:blur(2px);animation:ttSunPulse 4s ease-in-out infinite}
@keyframes ttSunPulse{50%{transform:translate(-50%,-6px) scale(1.08)}}
.tt-gold-palm{position:absolute;bottom:0;font-size:2rem;filter:drop-shadow(0 2px 6px rgba(0,0,0,.4))}
.tt-gold-palm-l{left:2%}
.tt-gold-palm-r{right:2%;transform:scaleX(-1)}
.tt-gold-text{position:relative;z-index:3;text-align:center}

/* SNOW */
.tt-snow{position:relative;height:100%;display:grid;place-items:center;padding:14px;overflow:hidden}
.tt-snow-flake{position:absolute;color:#fff;font-size:.9rem;text-shadow:0 0 6px rgba(255,255,255,.6);animation:ttSnowFall linear infinite}
.tt-snow-flake.f1{left:10%;animation-duration:5s}
.tt-snow-flake.f2{left:30%;animation-duration:7s;animation-delay:-1s;font-size:.65rem}
.tt-snow-flake.f3{left:50%;animation-duration:6s;animation-delay:-2s}
.tt-snow-flake.f4{left:70%;animation-duration:8s;animation-delay:-3s;font-size:1.1rem}
.tt-snow-flake.f5{left:88%;animation-duration:5s;animation-delay:-4s;font-size:.75rem}
@keyframes ttSnowFall{0%{top:-10%;transform:rotate(0)}100%{top:110%;transform:rotate(360deg)}}
.tt-snow-card{position:relative;z-index:2;background:rgba(20,35,65,.6);border:1px solid rgba(200,224,255,.25);padding:12px 16px;border-radius:10px;text-align:center;backdrop-filter:blur(6px)}

/* ROSE */
.tt-rose{position:relative;height:100%;display:grid;place-items:center;padding:14px;overflow:hidden}
.tt-rose-p{position:absolute;font-size:1.2rem;animation:ttPetalFall linear infinite}
.tt-rose-p.p1{left:8%;animation-duration:9s}
.tt-rose-p.p2{left:32%;animation-duration:11s;animation-delay:-2s;font-size:.95rem}
.tt-rose-p.p3{left:62%;animation-duration:8s;animation-delay:-4s}
.tt-rose-p.p4{left:85%;animation-duration:10s;animation-delay:-1s;font-size:1.1rem}
@keyframes ttPetalFall{0%{top:-10%;transform:rotate(0)}100%{top:110%;transform:rotate(540deg) translateX(20px)}}
.tt-rose-card{position:relative;z-index:2;background:rgba(255,245,248,.85);padding:12px 16px;border-radius:10px;text-align:center}

/* GALAXY */
.tt-galaxy{position:relative;height:100%;display:grid;place-items:center;padding:14px;overflow:hidden}
.tt-gx-star{position:absolute;width:2px;height:2px;background:#fff;border-radius:50%;box-shadow:0 0 6px #fff;animation:ttTwinkle 2s ease-in-out infinite}
.tt-gx-star.s1{top:10%;left:15%}.tt-gx-star.s2{top:20%;left:35%;animation-delay:-.3s;background:#ffd6f0;box-shadow:0 0 6px #ffd6f0}
.tt-gx-star.s3{top:8%;left:60%;animation-delay:-.6s;width:3px;height:3px}
.tt-gx-star.s4{top:25%;left:80%;animation-delay:-.9s}.tt-gx-star.s5{top:45%;left:18%;animation-delay:-.4s;background:#a4c8ff;box-shadow:0 0 6px #a4c8ff}
.tt-gx-star.s6{top:55%;left:50%;animation-delay:-.7s}.tt-gx-star.s7{top:65%;left:75%;animation-delay:-1s}
.tt-gx-star.s8{top:80%;left:25%;animation-delay:-1.3s;width:3px;height:3px;background:#ffd6f0}
.tt-gx-star.s9{top:85%;left:55%;animation-delay:-1.6s}.tt-gx-star.s10{top:90%;left:85%;animation-delay:-.5s}
@keyframes ttTwinkle{0%,100%{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.5)}}
.tt-gx-comet{position:absolute;top:30%;left:-20%;width:60px;height:1px;background:linear-gradient(90deg,transparent,#fff);transform:rotate(-15deg);animation:ttComet 6s linear infinite}
.tt-gx-comet::after{content:'';position:absolute;right:0;top:-2px;width:4px;height:4px;border-radius:50%;background:#fff;box-shadow:0 0 10px #fff}
@keyframes ttComet{0%{left:-20%;opacity:0}10%{opacity:1}90%{opacity:1}100%{left:120%;opacity:0}}
.tt-galaxy-card{position:relative;z-index:2;background:rgba(20,10,45,.7);border:1px solid rgba(200,160,255,.3);padding:12px 16px;border-radius:10px;text-align:center;box-shadow:0 0 30px rgba(120,80,200,.4) inset}

/* MARBLE */
.tt-marble{position:relative;height:100%;display:grid;place-items:center;padding:14px;overflow:hidden}
.tt-marble-vein{position:absolute;background:linear-gradient(90deg,transparent,rgba(184,137,58,.4),transparent);height:1px;animation:ttGoldShimmer 4s ease-in-out infinite}
.tt-marble-vein.v1{top:25%;left:0;right:0;transform:rotate(-3deg)}
.tt-marble-vein.v2{bottom:30%;left:0;right:0;transform:rotate(2deg);animation-delay:-2s}
@keyframes ttGoldShimmer{50%{opacity:.4}}
.tt-marble-card{position:relative;z-index:2;background:rgba(255,252,245,.95);border:1px solid rgba(184,137,58,.3);padding:14px 18px;border-radius:6px;text-align:center;box-shadow:0 4px 16px rgba(120,90,40,.25)}

/* CITY */
.tt-city{position:relative;height:100%;display:grid;place-items:center;padding:14px;overflow:hidden}
.tt-city-bokeh{position:absolute;border-radius:50%;filter:blur(6px);animation:ttBokeh 4s ease-in-out infinite}
.tt-city-bokeh.b1{top:15%;left:10%;width:30px;height:30px;background:rgba(255,180,100,.5)}
.tt-city-bokeh.b2{top:30%;left:75%;width:24px;height:24px;background:rgba(255,120,180,.5);animation-delay:-1s}
.tt-city-bokeh.b3{top:70%;left:15%;width:28px;height:28px;background:rgba(120,180,255,.5);animation-delay:-2s}
.tt-city-bokeh.b4{top:80%;left:80%;width:22px;height:22px;background:rgba(255,180,100,.5);animation-delay:-1.5s}
@keyframes ttBokeh{0%,100%{transform:scale(1);opacity:.6}50%{transform:scale(1.4);opacity:1}}
.tt-city-card{position:relative;z-index:2;background:rgba(25,18,52,.7);backdrop-filter:blur(6px);padding:12px 16px;border-radius:10px;text-align:center;border:1px solid rgba(255,180,150,.2)}

/* FOREST */
.tt-forest{position:relative;height:100%;display:grid;place-items:center;padding:14px;overflow:hidden}
.tt-fr-fly{position:absolute;width:3px;height:3px;background:#fff5b3;border-radius:50%;box-shadow:0 0 6px #ffe066;animation:ttFlyFlit 4s ease-in-out infinite}
.tt-fr-fly.fl1{top:20%;left:15%}
.tt-fr-fly.fl2{top:40%;left:35%;animation-delay:-.8s}
.tt-fr-fly.fl3{top:30%;left:60%;animation-delay:-1.5s}
.tt-fr-fly.fl4{top:65%;left:25%;animation-delay:-2s}
.tt-fr-fly.fl5{top:75%;left:55%;animation-delay:-1s}
.tt-fr-fly.fl6{top:55%;left:80%;animation-delay:-.5s}
@keyframes ttFlyFlit{0%,100%{opacity:.3;transform:translate(0,0)}25%{opacity:1;transform:translate(15px,-10px)}50%{opacity:.5;transform:translate(25px,5px)}75%{opacity:1;transform:translate(8px,-15px)}}
.tt-forest-card{position:relative;z-index:2;background:rgba(20,38,28,.7);backdrop-filter:blur(6px);padding:12px 16px;border-radius:10px;text-align:center;border:1px solid rgba(155,209,122,.25)}

/* CHAMPAGNE */
.tt-cp{position:relative;height:100%;display:grid;place-items:center;padding:14px;overflow:hidden}
.tt-cp-b{position:absolute;bottom:-6px;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.9),rgba(255,255,255,.3) 60%,transparent);animation:ttBubble linear infinite}
.tt-cp-b.b1{left:10%;width:8px;height:8px;animation-duration:4s}
.tt-cp-b.b2{left:22%;width:5px;height:5px;animation-duration:5s;animation-delay:-1s}
.tt-cp-b.b3{left:35%;width:7px;height:7px;animation-duration:4.5s;animation-delay:-2s}
.tt-cp-b.b4{left:48%;width:4px;height:4px;animation-duration:5.5s;animation-delay:-1.5s}
.tt-cp-b.b5{left:60%;width:6px;height:6px;animation-duration:4s;animation-delay:-2.5s}
.tt-cp-b.b6{left:72%;width:9px;height:9px;animation-duration:5s;animation-delay:-1s}
.tt-cp-b.b7{left:85%;width:5px;height:5px;animation-duration:4.5s;animation-delay:-3s}
.tt-cp-b.b8{left:92%;width:7px;height:7px;animation-duration:5.5s;animation-delay:-2s}
@keyframes ttBubble{0%{bottom:-8px;opacity:0}10%{opacity:.8}90%{opacity:.6}100%{bottom:110%;opacity:0}}
.tt-cp-card{position:relative;z-index:2;background:rgba(255,250,235,.85);border:1.5px solid #c89940;padding:12px 16px;border-radius:6px;text-align:center}

/* WATERCOLOR */
.tt-wc{position:relative;height:100%;display:grid;place-items:center;padding:14px;overflow:hidden}
.tt-wc-blob{position:absolute;border-radius:50%;filter:blur(14px);animation:ttBlob 6s ease-in-out infinite}
.tt-wc-blob.bl1{top:5%;left:5%;width:80px;height:60px;background:rgba(255,150,180,.5)}
.tt-wc-blob.bl2{top:8%;right:5%;width:70px;height:55px;background:rgba(120,180,240,.45);animation-delay:-2s}
.tt-wc-blob.bl3{bottom:10%;left:8%;width:90px;height:70px;background:rgba(255,200,140,.4);animation-delay:-3s}
.tt-wc-blob.bl4{bottom:5%;right:8%;width:75px;height:60px;background:rgba(170,230,180,.4);animation-delay:-1s}
@keyframes ttBlob{0%,100%{transform:scale(1)}50%{transform:scale(1.15) translate(8px,-6px)}}
.tt-wc-card{position:relative;z-index:2;background:rgba(255,255,253,.9);padding:14px 18px;border-radius:14px;text-align:center;box-shadow:0 6px 18px rgba(125,95,163,.2)}