@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300;1,400;1,600&family=Jost:wght@200;300;400;500;600&display=swap');

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:#f2f0eb;color:#2c2c28;font-family:'Jost',sans-serif;font-weight:300;line-height:1.7;overflow-x:hidden;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{cursor:pointer;font-family:inherit}

:root{
    --gold:#b8986a;--gold-light:#cdb080;--gold-dark:#9a7e54;
    --bg:#f2f0eb;--bg-2:#ffffff;--bg-3:#e8e5e0;--bg-4:#e0ddd8;
    --dark:#1e1e1a;--dark-2:#2c2c28;--dark-3:#3a3a36;
    --text:#2c2c28;--text-muted:#5a5854;--text-dim:#8a8680;
    --border:rgba(44,44,40,0.1);--border-gold:rgba(184,152,106,0.3);
    --serif:'Cormorant Garamond',Georgia,serif;
    --sans:'Jost',sans-serif;
    --nav-h:72px;
    --ease:cubic-bezier(0.25,0.46,0.45,0.94);
}

/* LOADER */
#vt-loader{position:fixed;inset:0;z-index:9999;background:#f2f0eb;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:28px;transition:opacity 0.8s ease,visibility 0.8s ease}
#vt-loader.hidden{opacity:0;visibility:hidden;pointer-events:none}
.loader-logo{font-family:var(--serif);font-size:32px;font-weight:300;letter-spacing:0.18em;color:var(--text);opacity:0;transform:translateY(10px);animation:fadeUp 0.7s ease 0.3s forwards}
.loader-logo span{color:var(--gold);font-style:italic}
.loader-sub{font-size:8.5px;letter-spacing:0.46em;text-transform:uppercase;color:var(--text-dim);opacity:0;transform:translateY(10px);animation:fadeUp 0.7s ease 0.55s forwards}
.loader-bar{width:160px;height:1px;background:var(--border);overflow:hidden;opacity:0;animation:fadeUp 0.5s ease 0.7s forwards}
.loader-bar-fill{height:100%;background:var(--gold);transform:scaleX(0);transform-origin:left;animation:barFill 1.1s var(--ease) 0.9s forwards}
@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}
@keyframes barFill{to{transform:scaleX(1)}}

/* NAV — orta ton warm gri */
#vt-nav{position:fixed;top:0;left:0;right:0;z-index:1000;height:var(--nav-h);display:flex;align-items:center;justify-content:space-between;padding:0 48px;background:#f2f0eb;border-bottom:1px solid rgba(44,44,40,0.12);transition:box-shadow 0.4s ease,background 0.4s ease}
#vt-nav.scrolled{background:#f2f0eb;box-shadow:0 2px 20px rgba(44,44,40,0.08)}
.nav-logo{display:flex;flex-direction:column;gap:3px}
.nav-logo-main{font-family:var(--serif);font-size:21px;font-weight:400;letter-spacing:0.22em;color:var(--text);line-height:1}
.nav-logo-sub{font-size:7.5px;letter-spacing:0.5em;text-transform:uppercase;color:var(--text-dim);font-weight:300}
.nav-links{display:flex;gap:32px;list-style:none}
.nav-links a{font-size:10px;letter-spacing:0.22em;text-transform:uppercase;color:var(--text-muted);font-weight:300;position:relative;transition:color 0.3s ease}
.nav-links a::after{content:'';position:absolute;bottom:-4px;left:0;right:0;height:1px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform 0.35s ease}
.nav-links a:hover,.nav-links a.active{color:var(--text)}
.nav-links a:hover::after,.nav-links a.active::after{transform:scaleX(1)}
.nav-cta{font-size:8.5px;letter-spacing:0.3em;text-transform:uppercase;background:var(--dark-2);color:#f2f0eb;border:none;padding:10px 24px;font-family:var(--sans);font-weight:300;transition:all 0.3s ease}
.nav-cta:hover{background:var(--dark)}
.nav-burger{display:none;flex-direction:column;gap:5px;background:none;border:none;padding:4px}
.nav-burger span{display:block;width:22px;height:1px;background:var(--text-muted);transition:all 0.3s ease}
.nav-burger.open span:nth-child(1){transform:rotate(45deg) translate(4px,4px)}
.nav-burger.open span:nth-child(2){opacity:0}
.nav-burger.open span:nth-child(3){transform:rotate(-45deg) translate(4px,-4px)}
.nav-mobile{display:none;position:fixed;inset:0;top:var(--nav-h);z-index:999;background:rgba(242,240,235,0.98);flex-direction:column;align-items:center;justify-content:center;gap:32px}
.nav-mobile.open{display:flex}
.nav-mobile a{font-family:var(--serif);font-size:30px;font-weight:300;letter-spacing:0.06em;color:var(--text);transition:color 0.3s ease}
.nav-mobile a:hover{color:var(--gold)}

/* HERO — koyu, dramatik */
#hero{position:relative;height:100vh;min-height:680px;display:flex;align-items:center;overflow:hidden;margin-top:0}
.hero-bg{position:absolute;inset:0;background-color:#1e2830;background-size:cover;background-position:center;background-repeat:no-repeat}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(105deg,rgba(8,12,18,0.82) 0%,rgba(8,12,18,0.58) 50%,rgba(8,12,18,0.18) 100%)}.hero-overlay::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(8,12,18,0.55) 0%,transparent 55%)}
.hero-particles{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.particle{position:absolute;width:1.5px;height:1.5px;background:var(--gold);border-radius:50%;animation:particleRise linear infinite;opacity:0}
@keyframes particleRise{0%{transform:translateY(100vh);opacity:0}8%{opacity:0.5}92%{opacity:0.2}100%{transform:translateY(-10vh) translateX(var(--drift,15px));opacity:0}}
.hero-water{position:absolute;bottom:0;left:0;right:0;height:200px;background:linear-gradient(to top,rgba(26,32,38,0.7) 0%,transparent 100%);pointer-events:none}
.water-line{position:absolute;width:200%;height:1px;animation:waterSlide linear infinite}
.water-line:nth-child(1){bottom:90px;background:linear-gradient(90deg,transparent,rgba(184,152,106,0.2),transparent);animation-duration:12s}
.water-line:nth-child(2){bottom:62px;background:linear-gradient(90deg,transparent,rgba(184,152,106,0.12),transparent);animation-duration:16s;animation-delay:-5s}
.water-line:nth-child(3){bottom:38px;background:linear-gradient(90deg,transparent,rgba(184,152,106,0.07),transparent);animation-duration:20s;animation-delay:-9s}
@keyframes waterSlide{from{transform:translateX(-50%)}to{transform:translateX(0)}}
.hero-content{position:relative;z-index:5;padding:0 88px;max-width:680px}
.hero-eyebrow{font-size:12px;letter-spacing:0.3em;text-transform:uppercase;color:var(--gold);margin-bottom:28px;font-weight:300;display:flex;align-items:center;gap:16px;opacity:0;transform:translateY(16px);animation:heroIn 0.9s ease 1.8s forwards}
.hero-eyebrow::before{content:'';display:block;width:36px;height:1px;background:var(--gold);opacity:0.9;flex-shrink:0}
.hero-title{font-family:var(--serif);font-size:clamp(52px,6vw,96px);font-weight:300;line-height:1.04;letter-spacing:0.01em;color:#ffffff;margin-bottom:16px;opacity:0;transform:translateY(26px);animation:heroIn 1s ease 2s forwards;text-shadow:0 2px 32px rgba(0,0,0,0.25)}
.hero-title em{font-style:italic;color:var(--gold)}
.hero-sub{font-size:11px;letter-spacing:0.28em;text-transform:uppercase;color:rgba(255,255,255,0.65);margin-bottom:48px;font-weight:300;opacity:0;transform:translateY(16px);animation:heroIn 0.9s ease 2.25s forwards}
.hero-btns{display:flex;gap:22px;align-items:center;opacity:0;transform:translateY(16px);animation:heroIn 0.9s ease 2.45s forwards}
@keyframes heroIn{to{opacity:1;transform:translateY(0)}}
.hero-scroll{position:absolute;bottom:40px;left:50%;transform:translateX(-50%);z-index:5;display:flex;flex-direction:column;align-items:center;gap:10px;opacity:0;animation:heroIn 1s ease 3s forwards}
.hero-scroll span{font-size:7px;letter-spacing:0.5em;text-transform:uppercase;color:rgba(245,242,236,0.3)}
.scroll-line{width:1px;height:48px;background:linear-gradient(to bottom,rgba(184,152,106,0.5),transparent);animation:scrollPulse 2.2s ease infinite}
@keyframes scrollPulse{0%,100%{opacity:0.4}50%{opacity:1}}

/* BUTONLAR */
.btn-primary{font-size:9px;letter-spacing:0.32em;text-transform:uppercase;background:var(--gold);color:#1a1a16;border:none;padding:14px 32px;font-family:var(--sans);font-weight:400;transition:all 0.35s ease;display:inline-block;cursor:pointer}
.btn-primary:hover{background:var(--gold-light);transform:translateY(-1px)}
.btn-ghost{font-size:9px;letter-spacing:0.28em;text-transform:uppercase;background:transparent;border:none;color:rgba(245,242,236,0.5);font-family:var(--sans);font-weight:300;display:inline-flex;align-items:center;gap:10px;transition:color 0.3s ease;cursor:pointer}
.btn-ghost:hover{color:rgba(245,242,236,0.9)}
.btn-ghost .arrow{font-size:17px;color:var(--gold);transition:transform 0.3s ease;display:inline-block}
.btn-ghost:hover .arrow{transform:translateX(4px)}
.btn-ghost-light{font-size:9px;letter-spacing:0.28em;text-transform:uppercase;background:transparent;border:none;color:var(--text-muted);font-family:var(--sans);font-weight:300;display:inline-flex;align-items:center;gap:10px;transition:color 0.3s ease;cursor:pointer;padding:0}
.btn-ghost-light:hover{color:var(--text)}
.btn-ghost-light .arrow{font-size:17px;color:var(--gold);transition:transform 0.3s ease;display:inline-block}
.btn-ghost-light:hover .arrow{transform:translateX(4px)}

/* btn-dark — açık sectionlarda kullan */
.btn-dark{font-size:9px;letter-spacing:0.32em;text-transform:uppercase;background:var(--dark-2);color:#f2f0eb;border:none;padding:14px 32px;font-family:var(--sans);font-weight:300;transition:all 0.35s ease;display:inline-block;cursor:pointer}
.btn-dark:hover{background:var(--dark);transform:translateY(-1px)}
.btn-text{font-size:9px;letter-spacing:0.28em;text-transform:uppercase;background:transparent;border:none;color:var(--text-muted);font-family:var(--sans);font-weight:300;display:inline-flex;align-items:center;gap:10px;transition:color 0.3s ease;cursor:pointer;padding:0}
.btn-text:hover{color:var(--gold)}
.btn-text .arrow{font-size:17px;color:var(--gold);transition:transform 0.3s ease}
.btn-text:hover .arrow{transform:translateX(4px)}

/* STATS — koyu, hero ile bağlantılı */
.vt-stats{display:grid;grid-template-columns:repeat(4,1fr);background:var(--dark-2);border-bottom:1px solid rgba(255,255,255,0.06)}
.stat-item{padding:36px 20px;text-align:center;border-right:1px solid rgba(255,255,255,0.07);transition:background 0.4s ease}
.stat-item:last-child{border-right:none}
.stat-item:hover{background:rgba(255,255,255,0.03)}
.stat-num{font-family:var(--serif);font-size:48px;font-weight:300;color:var(--gold);letter-spacing:0.04em;line-height:1}
.stat-label{font-size:8px;letter-spacing:0.4em;text-transform:uppercase;color:rgba(255,255,255,0.3);margin-top:8px;font-weight:300}

/* SECTIONS */
.vt-section{padding:96px 80px;background:var(--bg)}
.vt-section-alt{padding:96px 80px;background:#fff}
.section-eyebrow{font-size:8.5px;letter-spacing:0.5em;text-transform:uppercase;color:var(--gold);margin-bottom:14px;display:flex;align-items:center;gap:14px}
.section-eyebrow::before{content:'';display:block;width:22px;height:1px;background:var(--gold);opacity:0.7;flex-shrink:0}
.section-title{font-family:var(--serif);font-size:clamp(28px,3.2vw,48px);font-weight:300;color:var(--text);letter-spacing:0.02em;line-height:1.2;margin-bottom:8px}
.section-title em{font-style:italic;color:var(--gold)}
.section-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:52px}
.see-all{font-size:8.5px;letter-spacing:0.3em;text-transform:uppercase;color:var(--text-dim);background:none;border:none;font-family:var(--sans);display:inline-flex;align-items:center;gap:7px;transition:color 0.3s ease;cursor:pointer;padding:0}
.see-all:hover{color:var(--gold)}
.see-all::after{content:'→';font-size:13px;color:var(--gold)}
.gold-divider{height:1px;background:linear-gradient(to right,transparent,var(--border-gold),transparent);margin:0 80px}

/* MODEL KARTLARI */
.models-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border)}
.model-card{position:relative;background:#fff;overflow:hidden;cursor:pointer;transition:transform 0.4s var(--ease),box-shadow 0.4s ease}
.model-card:hover{transform:translateY(-5px);box-shadow:0 16px 48px rgba(44,44,40,0.12)}
.model-card-img{position:relative;height:260px;overflow:hidden;background:var(--bg-4);display:flex;align-items:center;justify-content:center}
.model-card-img img{width:100%;height:100%;object-fit:cover;transition:transform 0.7s ease,filter 0.5s ease;filter:brightness(0.92)}
.model-card:hover .model-card-img img{transform:scale(1.05);filter:brightness(1)}
.model-card-img-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(44,44,40,0.45) 0%,transparent 55%)}
.model-badge{position:absolute;top:14px;left:14px;font-size:7px;letter-spacing:0.3em;text-transform:uppercase;background:rgba(184,152,106,0.15);border:1px solid rgba(184,152,106,0.45);color:var(--gold);padding:4px 11px;font-weight:300}
.model-card-body{padding:20px 22px 26px;border-top:1px solid var(--border)}
.model-card-tag{font-size:7.5px;letter-spacing:0.42em;text-transform:uppercase;color:var(--gold);margin-bottom:8px;font-weight:300}
.model-card-name{font-family:var(--serif);font-size:25px;font-weight:300;color:var(--text);letter-spacing:0.03em;margin-bottom:8px}
.model-card-specs{font-size:10.5px;color:var(--text-dim);letter-spacing:0.1em;font-weight:300;display:flex;flex-wrap:wrap;gap:0}
.model-card-specs span{padding-right:10px;margin-right:10px;border-right:1px solid var(--border)}
.model-card-specs span:last-child{border-right:none}
.model-card-arrow{position:absolute;bottom:22px;right:22px;color:var(--gold);font-size:16px;transition:transform 0.35s ease}
.model-card:hover .model-card-arrow{transform:translateX(4px)}

/* STORY */
.story-section{padding:96px 80px;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;background:#fff}
.story-text p{font-size:14px;line-height:2;color:var(--text-muted);margin-bottom:18px}
.story-text strong{color:var(--text);font-weight:400}
.story-image{position:relative}
.story-image::before{content:'';position:absolute;inset:-12px -12px 12px 12px;border:1px solid var(--border-gold);z-index:0}
.story-image img{position:relative;z-index:1;width:100%;aspect-ratio:4/3;object-fit:cover}
.story-img-placeholder{position:relative;z-index:1;width:100%;aspect-ratio:4/3;background:var(--bg-4);display:flex;align-items:center;justify-content:center}

/* GALERİ */
.gallery-masonry{columns:3;column-gap:2px;padding:0 80px}
.gallery-item{break-inside:avoid;margin-bottom:2px;overflow:hidden;position:relative;cursor:pointer}
.gallery-item img{width:100%;display:block;transition:transform 0.65s ease,filter 0.45s ease;filter:brightness(0.88)}
.gallery-item:hover img{transform:scale(1.04);filter:brightness(1)}
.gallery-overlay{position:absolute;inset:0;background:rgba(44,44,40,0.3);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity 0.4s ease}
.gallery-item:hover .gallery-overlay{opacity:1}
.gallery-zoom{font-size:24px;color:#fff}
#lightbox{display:none;position:fixed;inset:0;z-index:9998;background:rgba(26,26,22,0.96);align-items:center;justify-content:center}
#lightbox.open{display:flex}
#lightbox img{max-height:88vh;max-width:88vw;object-fit:contain}
.lightbox-close{position:absolute;top:24px;right:32px;font-size:28px;color:rgba(255,255,255,0.4);background:none;border:none;cursor:pointer;transition:color 0.3s ease;line-height:1}
.lightbox-close:hover{color:#fff}

/* BLOG */
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border)}
.blog-card{background:#fff;overflow:hidden;transition:transform 0.4s var(--ease)}
.blog-card:hover{transform:translateY(-4px)}
.blog-card-img{height:200px;overflow:hidden;background:var(--bg-4)}
.blog-card-img img{width:100%;height:100%;object-fit:cover;transition:transform 0.65s ease,filter 0.45s ease;filter:brightness(0.88)}
.blog-card:hover .blog-card-img img{transform:scale(1.04);filter:brightness(1)}
.blog-card-body{padding:22px}
.blog-card-cat{font-size:7.5px;letter-spacing:0.42em;text-transform:uppercase;color:var(--gold);margin-bottom:8px}
.blog-card-title{font-family:var(--serif);font-size:20px;font-weight:300;color:var(--text);line-height:1.4;margin-bottom:10px}
.blog-card-date{font-size:10px;color:var(--text-dim);letter-spacing:0.12em}

/* İLETİŞİM */
.contact-section{padding:96px 80px;display:grid;grid-template-columns:1fr 1.5fr;gap:80px;align-items:start}
.contact-info-item{display:flex;gap:14px;align-items:flex-start;margin-bottom:22px;padding-bottom:22px;border-bottom:1px solid var(--border)}
.contact-info-item:last-child{border-bottom:none}
.contact-icon{color:var(--gold);font-size:14px;margin-top:3px;flex-shrink:0;width:16px}
.contact-text-label{font-size:7.5px;letter-spacing:0.34em;text-transform:uppercase;color:var(--text-dim);margin-bottom:4px}
.contact-text-val{font-size:13px;color:var(--text-muted);line-height:1.6}
.vt-form{display:flex;flex-direction:column;gap:18px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.form-group{display:flex;flex-direction:column;gap:7px}
.form-group label{font-size:8px;letter-spacing:0.34em;text-transform:uppercase;color:var(--text-dim);font-weight:300}
.form-group input,.form-group select,.form-group textarea{background:#fff;border:1px solid rgba(44,44,40,0.15);color:var(--text);font-family:var(--sans);font-size:13px;font-weight:300;padding:12px 14px;transition:border-color 0.3s ease;outline:none;-webkit-appearance:none;width:100%}
.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--gold)}
.form-group textarea{resize:vertical;min-height:120px}
.form-group select option{background:#fff;color:var(--text)}
.form-msg{display:none;padding:12px 16px;font-size:11.5px;letter-spacing:0.06em;border-left:2px solid;margin-top:2px}
.form-msg.success{color:#5a9e6a;border-color:#5a9e6a;background:rgba(90,158,106,0.05)}
.form-msg.error{color:#c05050;border-color:#c05050;background:rgba(192,80,80,0.05)}

/* FOOTER — koyu, okunabilir */
#vt-footer{background:var(--dark);border-top:1px solid rgba(255,255,255,0.05);padding:60px 80px 28px}
.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:52px;margin-bottom:48px}
.footer-logo-text{font-family:var(--serif);font-size:24px;font-weight:300;letter-spacing:0.18em;color:#f0ede8;margin-bottom:5px}
.footer-tagline{font-size:7.5px;letter-spacing:0.44em;text-transform:uppercase;color:var(--gold);margin-bottom:18px}
.footer-desc{font-size:12px;color:#a8a4a0;line-height:1.85}
.footer-col h4{font-size:7.5px;letter-spacing:0.44em;text-transform:uppercase;color:var(--gold);margin-bottom:18px;font-weight:300}
.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:11px}
.footer-col a{font-size:12px;color:#a8a4a0;transition:color 0.3s ease}
.footer-col a:hover{color:#d8d4d0}
.footer-bottom{border-top:1px solid rgba(255,255,255,0.05);padding-top:22px;display:flex;justify-content:space-between;align-items:center}
.footer-copy{font-size:10.5px;color:#7a7672}
.footer-socials{display:flex;gap:20px}
.footer-socials a{font-size:9.5px;letter-spacing:0.24em;text-transform:uppercase;color:#a8a4a0;transition:color 0.3s ease}
.footer-socials a:hover{color:var(--gold)}

/* SCROLL REVEAL */
.reveal{opacity:0;transform:translateY(32px);transition:opacity 0.85s var(--ease),transform 0.85s var(--ease)}
.reveal.visible{opacity:1;transform:translateY(0)}
.reveal-d1{transition-delay:0.1s}.reveal-d2{transition-delay:0.2s}.reveal-d3{transition-delay:0.3s}.reveal-d4{transition-delay:0.4s}.reveal-d5{transition-delay:0.5s}

/* ADMIN */
.admin-wrap{display:flex;min-height:100vh;background:#1a1c1e}
.admin-sidebar{width:240px;background:#111315;border-right:1px solid rgba(255,255,255,0.06);display:flex;flex-direction:column;padding:0;position:fixed;top:0;bottom:0;overflow-y:auto}
.admin-logo{padding:22px 24px 18px;border-bottom:1px solid rgba(255,255,255,0.06);font-family:var(--serif);font-size:18px;letter-spacing:0.12em;color:#f0ede8}
.admin-logo small{display:block;font-family:var(--sans);font-size:7.5px;letter-spacing:0.32em;text-transform:uppercase;color:var(--gold);margin-top:3px}
.admin-nav{display:flex;flex-direction:column;padding:12px 0;flex:1}
.admin-nav a{display:flex;align-items:center;gap:10px;padding:11px 22px;font-size:11.5px;letter-spacing:0.06em;color:rgba(255,255,255,0.4);transition:all 0.3s ease;border-left:2px solid transparent}
.admin-nav a:hover,.admin-nav a.active{color:#f0ede8;background:rgba(255,255,255,0.05);border-left-color:var(--gold)}
.admin-main{margin-left:240px;padding:36px 40px;flex:1;min-height:100vh;background:#1a1c1e}
.admin-topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,0.07)}
.admin-page-title{font-family:var(--serif);font-size:26px;font-weight:300;color:#f0ede8}
.admin-user{font-size:11px;color:rgba(255,255,255,0.3);letter-spacing:0.1em}
.admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:32px}
.admin-stat-card{background:#22252a;border:1px solid rgba(255,255,255,0.07);padding:20px 22px;transition:border-color 0.3s ease}
.admin-stat-card:hover{border-color:var(--gold)}
.admin-stat-card .num{font-family:var(--serif);font-size:34px;font-weight:300;color:var(--gold)}
.admin-stat-card .lbl{font-size:8.5px;letter-spacing:0.28em;text-transform:uppercase;color:rgba(255,255,255,0.3);margin-top:4px}
.admin-card{background:#22252a;border:1px solid rgba(255,255,255,0.07);padding:22px;margin-bottom:22px}
.admin-card-title{font-size:11px;letter-spacing:0.2em;text-transform:uppercase;color:rgba(255,255,255,0.3);margin-bottom:18px}
.admin-table{width:100%;border-collapse:collapse}
.admin-table th{font-size:8px;letter-spacing:0.3em;text-transform:uppercase;color:rgba(255,255,255,0.25);padding:9px 14px;text-align:left;border-bottom:1px solid rgba(255,255,255,0.06);font-weight:300}
.admin-table td{padding:13px 14px;font-size:12.5px;color:rgba(255,255,255,0.5);border-bottom:1px solid rgba(255,255,255,0.04)}
.admin-table tr:hover td{background:rgba(255,255,255,0.03)}
.badge{display:inline-block;font-size:7.5px;letter-spacing:0.2em;text-transform:uppercase;padding:4px 9px}
.badge-bekliyor,.badge-yeni{background:rgba(184,152,106,0.15);color:var(--gold)}
.badge-tamamlandi,.badge-inceleniyor{background:rgba(90,158,106,0.15);color:#7dca8a}
.badge-iptal,.badge-kapatildi{background:rgba(192,80,80,0.15);color:#e06464}
.admin-btn{font-size:8.5px;letter-spacing:0.18em;text-transform:uppercase;padding:7px 16px;border:1px solid rgba(255,255,255,0.12);background:transparent;color:rgba(255,255,255,0.4);cursor:pointer;font-family:var(--sans);transition:all 0.3s ease}
.admin-btn:hover{border-color:var(--gold);color:var(--gold)}
.admin-btn-primary{background:var(--gold);color:#1a1c1e;border-color:var(--gold)}
.admin-btn-primary:hover{background:var(--gold-light);border-color:var(--gold-light)}

/* RESPONSIVE */
@media(max-width:1024px){
    .nav-links,.nav-cta{display:none}
    .nav-burger{display:flex}
    .vt-section,.vt-section-alt,.story-section,.contact-section{padding:64px 32px}
    .gallery-masonry{padding:0 32px;columns:2}
    .blog-grid,.models-grid{grid-template-columns:1fr 1fr}
    .footer-grid{grid-template-columns:1fr 1fr;gap:32px}
    #vt-footer{padding:48px 32px 24px}
    .gold-divider{margin:0 32px}
}
@media(max-width:640px){
    #vt-nav{padding:0 20px}
    .hero-content{padding:0 24px}
    .hero-title{font-size:36px}
    .vt-stats{grid-template-columns:1fr 1fr}
    .vt-section,.vt-section-alt{padding:52px 24px}
    .models-grid,.blog-grid{grid-template-columns:1fr}
    .story-section,.contact-section{grid-template-columns:1fr;gap:40px;padding:52px 24px}
    .gallery-masonry{columns:1;padding:0 24px}
    .footer-grid{grid-template-columns:1fr}
    .form-row{grid-template-columns:1fr}
    .gold-divider{margin:0 24px}
    .section-header{flex-direction:column;align-items:flex-start;gap:14px}
    .admin-sidebar{display:none}
    .admin-main{margin-left:0;padding:22px 16px}
    .admin-stats{grid-template-columns:1fr 1fr}
}

.story-slider{position:relative;z-index:1;width:100%;aspect-ratio:4/3;overflow:hidden;background:var(--bg-4)}
.story-slide{position:absolute;inset:0;opacity:0;transition:opacity 0.8s ease}
.story-slide.active{opacity:1}
.story-slide img{width:100%;height:100%;object-fit:cover}
.story-prev,.story-next{position:absolute;top:50%;transform:translateY(-50%);z-index:10;background:rgba(242,240,235,0.88);border:none;width:40px;height:40px;font-size:18px;color:#2c2c28;cursor:pointer;transition:all 0.3s ease;display:flex;align-items:center;justify-content:center}
.story-prev{left:14px}
.story-next{right:14px}
.story-prev:hover,.story-next:hover{background:#f2f0eb;color:var(--gold)}
.story-dots{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);display:flex;gap:8px;z-index:10}
.story-dot{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,0.5);cursor:pointer;transition:all 0.35s ease;border:none;padding:0}
.story-dot.active{background:var(--gold);width:22px;border-radius:3px}

/* HERO YENİ TASARIM */
.hero-vline{position:absolute;left:80px;top:0;bottom:0;width:1px;background:linear-gradient(to bottom,transparent 0%,rgba(184,152,106,0.35) 20%,rgba(184,152,106,0.55) 50%,rgba(184,152,106,0.35) 80%,transparent 100%);z-index:4}
.hero-title-line{display:block;font-size:clamp(52px,6vw,88px);font-weight:300;color:#ffffff;line-height:1.04;letter-spacing:0.01em}
.hero-title-gold{display:block;font-size:clamp(58px,6.5vw,96px);font-weight:300;font-style:italic;color:#b8986a;line-height:1.04;letter-spacing:0.01em;margin-top:4px}
.hero-sep{width:48px;height:1px;background:rgba(184,152,106,0.5);margin:22px 0}
.hero-model-tag{position:absolute;bottom:40px;right:48px;z-index:5;display:flex;align-items:center;gap:12px;opacity:0;animation:heroIn 1s ease 3.2s forwards}
.hero-model-line{width:32px;height:1px;background:rgba(184,152,106,0.4)}
.hero-model-tag span{font-size:9px;letter-spacing:0.32em;text-transform:uppercase;color:rgba(255,255,255,0.25);font-family:var(--sans)}
@media(max-width:640px){
    .hero-vline{left:24px}
    .hero-title-line{font-size:42px}
    .hero-title-gold{font-size:48px}
    .hero-model-tag{display:none}
}

/* FAQ / SSS */
.faq-list{display:flex;flex-direction:column;gap:1px;background:rgba(44,44,40,0.08)}
.faq-item{background:#fff;overflow:hidden}
.faq-q{display:flex;align-items:center;justify-content:space-between;padding:20px 28px;cursor:pointer;user-select:none;transition:background 0.25s ease}
.faq-q:hover{background:#faf9f7}
.faq-q-text{font-size:14px;font-weight:400;color:var(--text);letter-spacing:0.02em;line-height:1.5;padding-right:16px}
.faq-icon{width:28px;height:28px;border:1px solid var(--border-gold);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all 0.35s ease;color:var(--gold);font-size:20px;line-height:1;font-weight:300}
.faq-item.open .faq-icon{background:var(--gold);color:#fff;transform:rotate(45deg);border-color:var(--gold)}
.faq-a{max-height:0;overflow:hidden;transition:max-height 0.45s ease}
.faq-item.open .faq-a{max-height:500px}
.faq-a-inner{padding:4px 28px 24px;font-size:13px;color:var(--text-muted);line-height:1.9;border-top:1px solid rgba(44,44,40,0.06)}
.faq-table{width:100%;margin-top:14px;border-collapse:collapse}
.faq-table td{padding:7px 0;font-size:13px;color:var(--text-muted);border-bottom:1px solid rgba(44,44,40,0.06)}
.faq-table td:first-child{color:var(--gold);font-weight:400;width:110px}
.faq-table tr:last-child td{border-bottom:none}
.faq-calc{background:var(--bg-3);padding:14px 18px;margin-top:14px;border-left:2px solid var(--gold)}
.faq-calc-formula{font-size:13px;color:var(--text);font-weight:400;margin-bottom:6px;letter-spacing:0.05em}
.faq-calc-example{font-size:12px;color:var(--text-dim)}

/* SSS anasayfa mini */
.faq-mini .faq-q{padding:18px 24px}
.faq-mini .faq-a-inner{padding:4px 24px 20px}

/* FAQ / SSS YENİ */
.faq-list{display:flex;flex-direction:column;gap:0}
.faq-item{border-bottom:1px solid rgba(44,44,40,0.08);overflow:hidden;transition:background 0.3s ease}
.faq-item:first-child{border-top:1px solid rgba(44,44,40,0.08)}
.faq-item.open{background:#fdfcf9}
.faq-q{display:flex;align-items:center;justify-content:space-between;padding:24px 32px;cursor:pointer;user-select:none;transition:all 0.25s ease;gap:20px}
.faq-q:hover{background:#faf8f4}
.faq-q-text{font-family:var(--serif);font-size:19px;font-weight:300;color:var(--text);letter-spacing:0.02em;line-height:1.4}
.faq-item.open .faq-q-text{color:var(--gold)}
.faq-icon{width:32px;height:32px;border:1px solid rgba(184,152,106,0.35);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all 0.35s ease;color:var(--gold);font-size:20px;line-height:1;font-weight:300}
.faq-item.open .faq-icon{background:var(--gold);color:#fff;transform:rotate(45deg);border-color:var(--gold);border-radius:50%}
.faq-a{max-height:0;overflow:hidden;transition:max-height 0.45s ease}
.faq-item.open .faq-a{max-height:500px}
.faq-a-inner{padding:0 32px 28px 32px;font-size:14px;color:var(--text-muted);line-height:1.9}
.faq-table{width:100%;margin-top:16px;border-collapse:collapse}
.faq-table tr{border-bottom:1px solid rgba(44,44,40,0.06)}
.faq-table tr:last-child{border-bottom:none}
.faq-table td{padding:10px 0;font-size:13.5px;color:var(--text-muted)}
.faq-table td:first-child{color:var(--gold);font-weight:400;width:130px;letter-spacing:0.04em}
.faq-calc{background:var(--bg);padding:16px 20px;margin-top:16px;border-left:3px solid var(--gold)}
.faq-calc-formula{font-family:var(--serif);font-size:16px;color:var(--text);margin-bottom:6px;letter-spacing:0.04em}
.faq-calc-example{font-size:12px;color:var(--text-dim);letter-spacing:0.06em}
.faq-mini .faq-q{padding:20px 24px}
.faq-mini .faq-q-text{font-size:16px}
.faq-mini .faq-a-inner{padding:0 24px 22px}

/* NAV HERO MODU */
#vt-nav.hero-mode{background:transparent;border-bottom-color:transparent}
#vt-nav.hero-mode .nav-logo-main{color:#fff}
#vt-nav.hero-mode .nav-logo-sub{color:rgba(255,255,255,0.5)}
#vt-nav.hero-mode .nav-links a{color:rgba(255,255,255,0.7)}
#vt-nav.hero-mode .nav-links a:hover{color:#fff}
#vt-nav.hero-mode .nav-cta{border-color:rgba(255,255,255,0.4);color:#fff}
#vt-nav.hero-mode .nav-cta:hover{background:rgba(255,255,255,0.1);border-color:#fff}
#vt-nav.hero-mode .nav-burger span{background:rgba(255,255,255,0.8)}
