/* Yeni tasarım: tanıtım bölümlerinin animasyonları (v-*) */
@keyframes v-kb{from{transform:scale(1.1)}to{transform:scale(1)}}
@keyframes v-rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes v-line{from{transform:translateY(105%)}to{transform:none}}
@keyframes v-pg{from{width:0}to{width:100%}}
@keyframes v-marq{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes v-pop{0%{opacity:0;transform:scale(.6)}70%{opacity:1;transform:scale(1.06)}100%{opacity:1;transform:scale(1)}}
@keyframes v-ping{0%{transform:scale(.6);opacity:.9}100%{transform:scale(2.6);opacity:0}}
@keyframes v-type{from{max-width:0}to{max-width:200px}}
@keyframes v-caret{50%{border-color:transparent}}
@keyframes v-slideL{from{opacity:0;transform:translateX(36px)}to{opacity:1;transform:none}}
@keyframes v-star{from{color:rgba(245,239,230,.25);transform:scale(.6)}to{color:#D9B77E;transform:scale(1)}}
@keyframes v-sel{from{background:rgba(255,255,255,.12);color:#F5EFE6}to{background:#D9B77E;color:#15110D}}
@keyframes v-draw{from{stroke-dashoffset:40}to{stroke-dashoffset:0}}
@keyframes v-offer{0%,6%{opacity:0;transform:translateY(16px)}14%,86%{opacity:1;transform:none}94%,100%{opacity:0;transform:translateY(-8px)}}
@keyframes v-count{0%,30%{opacity:0}40%,90%{opacity:1}100%{opacity:0}}
@keyframes v-grow{from{transform:scaleY(.08)}to{transform:scaleY(1)}}
@keyframes v-reveal{from{opacity:0;transform:translateY(48px)}to{opacity:1;transform:none}}
@keyframes v-shimmer{0%{transform:translateX(-120%) skewX(-18deg)}60%,100%{transform:translateX(420%) skewX(-18deg)}}
.v-kb{animation:v-kb 6s ease-out both}
.v-rise{animation:v-rise .6s cubic-bezier(.2,.8,.2,1) both}
.v-d1{animation-delay:.15s}.v-d2{animation-delay:.3s}.v-d3{animation-delay:.45s}.v-d4{animation-delay:.6s}.v-d5{animation-delay:.75s}
.v-line{animation:v-line .8s cubic-bezier(.2,.8,.2,1) both}
.v-pg{animation:v-pg 6.5s linear both}
@keyframes v-tap{0%{opacity:0;transform:scale(1.7)}14%{opacity:1;transform:scale(1)}28%{transform:scale(.8)}46%{opacity:0;transform:scale(1.3)}100%{opacity:0}}
@keyframes v-scroll{0%,20%{transform:translateY(0)}60%,100%{transform:translateY(-118px)}}
@keyframes v-up{from{transform:translateY(110%)}to{transform:none}}
@keyframes v-drop{0%{opacity:0;transform:translateY(-120%)}100%{opacity:1;transform:none}}
@keyframes v-hide{to{opacity:0}}
.v-tap{position:absolute;width:34px;height:34px;margin:-17px 0 0 -17px;border-radius:50%;background:rgba(245,239,230,.45);border:2px solid #F5EFE6;box-sizing:border-box;pointer-events:none;opacity:0;animation:v-tap 1.3s ease-out both;z-index:5}
.v-scroll{animation:v-scroll 3.4s 1.2s cubic-bezier(.5,0,.3,1) both}
.v-up{animation:v-up .45s cubic-bezier(.2,.8,.2,1) both}
.v-drop{animation:v-drop .5s cubic-bezier(.2,.9,.3,1.2) both}
.v-hide{animation:v-hide .2s ease both}
@keyframes v-gal{from{transform:translateY(0)}to{transform:translateY(-50%)}}
@keyframes v-stamp{0%,18%{opacity:0;transform:scale(1.8) rotate(-18deg)}28%{opacity:1;transform:scale(.92) rotate(-8deg)}34%,88%{opacity:1;transform:scale(1) rotate(-8deg)}100%{opacity:0;transform:scale(1) rotate(-8deg)}}
@keyframes v-ring{0%{stroke-dashoffset:0}100%{stroke-dashoffset:220}}
@keyframes v-bub{0%,6%{opacity:0;transform:translateY(12px) scale(.96)}12%,84%{opacity:1;transform:none}92%,100%{opacity:0;transform:translateY(-6px)}}
@keyframes v-pulse{0%,100%{box-shadow:0 0 0 0 rgba(217,183,126,.7)}50%{box-shadow:0 0 0 12px rgba(217,183,126,0)}}
@keyframes v-heart{0%,40%,100%{transform:scale(1)}20%{transform:scale(1.3)}}
.v-gal{animation:v-gal 16s linear infinite}
.v-gal2{animation:v-gal 20s linear infinite reverse}
.v-stamp{animation:v-stamp 5s ease-out infinite}
.v-ring{stroke-dasharray:220;animation:v-ring 6s linear infinite}
.v-bub{animation:v-bub 6s ease-in-out infinite}
.v-pulse{animation:v-pulse 2s ease-in-out infinite}
.v-heart{animation:v-heart 2.4s ease-in-out infinite}
.v-feat{border-radius:26px;background:#FFFFFF;padding:22px;display:flex;flex-direction:column;gap:16px;box-shadow:0 1px 0 rgba(27,22,18,.04)}
.v-vis{position:relative;height:190px;border-radius:18px;overflow:hidden}
.v-hero{height:740px}
@media (max-width: 600px){.v-hero{height:820px}}
.v-paused .v-pg{animation-play-state:paused}
.v-marq{animation:v-marq 36s linear infinite}
.v-marq:hover{animation-play-state:paused}
.v-pop{animation:v-pop .55s cubic-bezier(.3,1.4,.5,1) both}
.v-ping{animation:v-ping 1.8s ease-out infinite}
.v-type{display:inline-block;overflow:hidden;white-space:nowrap;vertical-align:bottom;border-right:2px solid #15110D;animation:v-type 1.1s steps(14) .3s both,v-caret .7s step-end infinite}
.v-slideL{animation:v-slideL .5s cubic-bezier(.2,.8,.2,1) both}
.v-star{animation:v-star .3s ease-out both}
.v-sel{animation:v-sel .35s 1.3s ease both}
.v-draw{stroke-dasharray:40;animation:v-draw .6s .35s ease-out both}
.v-offer{animation:v-offer 7.5s ease-in-out infinite}
.v-count{animation:v-count 7.5s ease-in-out infinite}
.v-shim{animation:v-shimmer 3.6s 1s ease-in-out infinite}
.v-card{transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s}
.v-card:hover{transform:translateY(-6px);box-shadow:0 24px 50px rgba(21,17,13,.18)}
.v-card:hover .v-zoom{transform:scale(1.06)}
.v-zoom{transition:transform .7s cubic-bezier(.2,.8,.2,1)}
.v-btn{transition:transform .15s ease,filter .2s}
.v-btn:hover{filter:brightness(1.06)}
.v-btn:active{transform:scale(.97)}
@supports (animation-timeline: view()){
  .v-rv{animation:v-reveal linear both;animation-timeline:view();animation-range:entry 0% entry 75%}
  .v-bar{transform-origin:bottom;animation:v-grow linear both;animation-timeline:view();animation-range:entry 10% cover 45%}
}
@media (prefers-reduced-motion: reduce){
  .v-kb,.v-rise,.v-line,.v-pg,.v-marq,.v-pop,.v-ping,.v-type,.v-slideL,.v-star,.v-draw,.v-offer,.v-count,.v-shim,.v-rv,.v-bar,.v-scroll,.v-up,.v-drop{animation:none !important}
  .v-tap,.v-hide{display:none !important}
  .v-gal,.v-gal2,.v-ring,.v-pulse,.v-heart{animation:none !important}
  .v-stamp,.v-bub{animation:none !important;opacity:1 !important}
  .v-sel{animation:none;background:#D9B77E !important;color:#15110D !important}
  .v-type{max-width:none;border-right:0}
}
@keyframes v-dropIn{0%{opacity:0;transform:translateY(-30px) scale(.9)}70%{opacity:1;transform:translateY(3px)}100%{opacity:1;transform:none}}
@keyframes v-growT{from{transform:scaleY(.05)}to{transform:scaleY(1)}}
@keyframes v-growX{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes v-fillx{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.v-dropIn{animation:v-dropIn .55s cubic-bezier(.2,.9,.3,1.2) both}
.v-growT{transform-origin:bottom;animation:v-growT .8s cubic-bezier(.2,.8,.2,1) both}
.v-growX{transform-origin:left;animation:v-growX .8s cubic-bezier(.2,.8,.2,1) both}
.v-featd{border-radius:26px;background:#211A14;border:1px solid #2E251C;padding:22px;display:flex;flex-direction:column;gap:16px}
.v-featd .v-vis{height:180px}
@supports (animation-timeline: view()){.v-fill{transform-origin:left;animation:v-fillx linear both;animation-timeline:view();animation-range:entry 30% cover 55%}}
@media (prefers-reduced-motion: reduce){.v-dropIn,.v-growT,.v-growX,.v-fill{animation:none !important}}