{"id":891,"date":"2025-07-27T14:28:41","date_gmt":"2025-07-27T14:28:41","guid":{"rendered":"https:\/\/www.ventustrailer.com\/?page_id=891"},"modified":"2026-08-12T13:41:06","modified_gmt":"2026-08-12T13:41:06","slug":"balya-romorku-detaylari","status":"publish","type":"page","link":"https:\/\/www.ventustrailer.com\/en\/balya-romorku-detaylari\/","title":{"rendered":"BALYA R\u00d6MORKU DETAYLARI"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"891\" class=\"elementor elementor-891\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e58e8fe e-flex e-con-boxed e-con e-parent\" data-id=\"e58e8fe\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-198697e elementor-widget elementor-widget-html\" data-id=\"198697e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"vtb-page\">\r\n\r\n  <!-- =========================================================\r\n       HERO\r\n  ========================================================== -->\r\n  <section class=\"vtb-hero\">\r\n\r\n    <!-- =========================================================\r\n         SOL GALER\u0130\r\n    ========================================================== -->\r\n    <div class=\"vtb-gallery\">\r\n\r\n      <div class=\"vtb-stage\" id=\"vtb-stage\">\r\n\r\n        <img decoding=\"async\"\r\n          id=\"vtb-main-image\"\r\n          src=\"https:\/\/www.ventustrailer.com\/wp-content\/uploads\/2026\/08\/tandembale3.jpeg\"\r\n          alt=\"Ventus Trailer Tandem Balya R\u00f6morku\"\r\n          draggable=\"false\"\r\n        >\r\n\r\n        <div class=\"vtb-brand\">\r\n          VENTUS TRAILER\r\n        <\/div>\r\n\r\n        <div class=\"vtb-gallery-type\" id=\"vtb-gallery-type\">\r\n          TANDEM\r\n        <\/div>\r\n\r\n\r\n        <!-- SOL OK -->\r\n        <button\r\n          class=\"vtb-gallery-nav vtb-prev\"\r\n          type=\"button\"\r\n          aria-label=\"\u00d6nceki g\u00f6rsel\"\r\n        >\r\n          <span>\u2039<\/span>\r\n        <\/button>\r\n\r\n\r\n        <!-- SA\u011e OK -->\r\n        <button\r\n          class=\"vtb-gallery-nav vtb-next\"\r\n          type=\"button\"\r\n          aria-label=\"Sonraki g\u00f6rsel\"\r\n        >\r\n          <span>\u203a<\/span>\r\n        <\/button>\r\n\r\n\r\n        <!-- ALT DURUM -->\r\n        <div class=\"vtb-gallery-status\">\r\n\r\n          <div\r\n            class=\"vtb-dots\"\r\n            id=\"vtb-dots\"\r\n          ><\/div>\r\n\r\n          <div\r\n            class=\"vtb-counter\"\r\n            id=\"vtb-counter\"\r\n          >\r\n            01 \/ 03\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- THUMBNAILS -->\r\n      <div\r\n        class=\"vtb-thumbs\"\r\n        id=\"vtb-thumbs\"\r\n      ><\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- =========================================================\r\n         SA\u011e \u0130\u00c7ER\u0130K\r\n    ========================================================== -->\r\n    <div class=\"vtb-copy\">\r\n\r\n      <div class=\"vtb-kicker\">\r\n        VT BALE SER\u0130S\u0130\r\n      <\/div>\r\n\r\n      <h1>\r\n        Balya Ta\u015f\u0131ma\r\n        <strong>R\u00f6morklar\u0131<\/strong>\r\n      <\/h1>\r\n\r\n      <p>\r\n        Tar\u0131msal balya ta\u015f\u0131ma operasyonlar\u0131 i\u00e7in geli\u015ftirilen VT Bale Serisi;\r\n        dayan\u0131kl\u0131 ta\u015f\u0131y\u0131c\u0131 yap\u0131s\u0131, geni\u015f platformu ve farkl\u0131 dingil\r\n        se\u00e7enekleriyle profesyonel kullan\u0131m sunar.\r\n      <\/p>\r\n\r\n\r\n\r\n      <!-- =========================================================\r\n           SER\u0130 SE\u00c7\u0130M BA\u015eLI\u011eI\r\n      ========================================================== -->\r\n      <div class=\"vtb-series-head\">\r\n\r\n        <div>\r\n\r\n          <h3>\r\n            \u00dcr\u00fcn serisini se\u00e7in\r\n          <\/h3>\r\n\r\n          <p>\r\n            Kartlara t\u0131klayarak balya r\u00f6morku gruplar\u0131 aras\u0131nda ge\u00e7i\u015f yap\u0131n.\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n        <span>\r\n          2 \u00dcR\u00dcN GRUBU\r\n        <\/span>\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <!-- =========================================================\r\n           SER\u0130 KARTLARI\r\n      ========================================================== -->\r\n      <div class=\"vtb-type-selector\">\r\n\r\n        <!-- TANDEM -->\r\n        <button\r\n          type=\"button\"\r\n          class=\"vtb-type-btn active\"\r\n          data-type=\"tandem\"\r\n        >\r\n\r\n          <span class=\"vtb-card-bg\"><\/span>\r\n\r\n          <div class=\"vtb-card-top\">\r\n\r\n            <span class=\"vtb-card-number\">\r\n              01\r\n            <\/span>\r\n\r\n            <h4>\r\n              Tandem\r\n            <\/h4>\r\n\r\n            <span class=\"vtb-card-arrow\">\r\n              \u2197\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"vtb-card-tags\">\r\n\r\n            <span>\r\n              VT Bale\r\n            <\/span>\r\n\r\n            <span>\r\n              Tandem\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"vtb-card-bottom\">\r\n            SER\u0130Y\u0130 G\u00d6R\u00dcNT\u00dcLE\r\n          <\/div>\r\n\r\n        <\/button>\r\n\r\n\r\n\r\n        <!-- \u00dc\u00c7 D\u0130NG\u0130L -->\r\n        <button\r\n          type=\"button\"\r\n          class=\"vtb-type-btn\"\r\n          data-type=\"tridem\"\r\n        >\r\n\r\n          <span class=\"vtb-card-bg\"><\/span>\r\n\r\n          <div class=\"vtb-card-top\">\r\n\r\n            <span class=\"vtb-card-number\">\r\n              02\r\n            <\/span>\r\n\r\n            <h4>\r\n              \u00dc\u00e7 Dingil\r\n            <\/h4>\r\n\r\n            <span class=\"vtb-card-arrow\">\r\n              \u2197\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"vtb-card-tags\">\r\n\r\n            <span>\r\n              VT Bale\r\n            <\/span>\r\n\r\n            <span>\r\n              \u00dc\u00e7 Dingil\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"vtb-card-bottom\">\r\n            SER\u0130Y\u0130 G\u00d6R\u00dcNT\u00dcLE\r\n          <\/div>\r\n\r\n        <\/button>\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <!-- =========================================================\r\n           SE\u00c7\u0130L\u0130 SER\u0130\r\n      ========================================================== -->\r\n      <div class=\"vtb-current\">\r\n\r\n        <span id=\"vtb-current-label\">\r\n          TANDEM SER\u0130S\u0130\r\n        <\/span>\r\n\r\n        <h2 id=\"vtb-current-title\">\r\n          Tandem Balya R\u00f6morku\r\n        <\/h2>\r\n\r\n        <p id=\"vtb-current-text\">\r\n          Dengeli y\u00fck da\u011f\u0131l\u0131m\u0131, g\u00fc\u00e7l\u00fc ta\u015f\u0131y\u0131c\u0131 yap\u0131 ve profesyonel tar\u0131msal\r\n          ta\u015f\u0131ma operasyonlar\u0131 i\u00e7in geli\u015ftirilen tandem balya r\u00f6morku serisi.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <!-- SPECS -->\r\n      <div class=\"vtb-specs\">\r\n\r\n        <div>\r\n          <b>Balya Ta\u015f\u0131ma<\/b>\r\n          <span>Kullan\u0131m alan\u0131<\/span>\r\n        <\/div>\r\n\r\n        <div>\r\n          <b id=\"vtb-spec-2\">Tandem<\/b>\r\n          <span>Dingil yap\u0131s\u0131<\/span>\r\n        <\/div>\r\n\r\n        <div>\r\n          <b>VT Bale<\/b>\r\n          <span>\u00dcr\u00fcn serisi<\/span>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <!-- CTA -->\r\n      <div class=\"vtb-actions\">\r\n\r\n        <a id=\"vtb-whatsapp\" class=\"vtb-primary\" href=\"https:\/\/wa.me\/905526249272?text=Merhaba%2C%20Tandem%20VT%20Bale%20balya%20r%C3%B6morku%20hakk%C4%B1nda%20bilgi%20ve%20teklif%20almak%20istiyorum.\" target=\"_blank\" rel=\"noopener\">\r\n\r\n          <span>\r\n            WhatsApp\u2019tan Teklif Al\r\n          <\/span>\r\n\r\n          <b>\r\n            \u2192\r\n          <\/b>\r\n\r\n        <\/a>\r\n\r\n\r\n        <a\r\n          class=\"vtb-secondary\"\r\n          href=\"#vtb-teknik\"\r\n        >\r\n\r\n          <span>\r\n            Teknik Detaylar\r\n          <\/span>\r\n\r\n          <b>\r\n            \u2193\r\n          <\/b>\r\n\r\n        <\/a>\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <!-- TRUST -->\r\n      <div class=\"vtb-trust\">\r\n\r\n        <div>\r\n          <b>%100 Yerli \u00dcretim<\/b>\r\n          <span>Konya \u00fcretim tesislerinde<\/span>\r\n        <\/div>\r\n\r\n        <div>\r\n          <b>G\u00fc\u00e7l\u00fc Konstr\u00fcksiyon<\/b>\r\n          <span>Profesyonel kullan\u0131m i\u00e7in<\/span>\r\n        <\/div>\r\n\r\n        <div>\r\n          <b>Sat\u0131\u015f Sonras\u0131 Destek<\/b>\r\n          <span>Par\u00e7a ve teknik destek<\/span>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n\r\n\r\n  <!-- =========================================================\r\n       TANITIM\r\n  ========================================================== -->\r\n  <section class=\"vtb-intro\">\r\n\r\n    <div class=\"vtb-wrap\">\r\n\r\n      <div class=\"vtb-intro-grid\">\r\n\r\n        <div>\r\n\r\n          <div class=\"vtb-label\">\r\n            VT BALE SER\u0130S\u0130\r\n          <\/div>\r\n\r\n          <h2>\r\n            Balya ta\u015f\u0131mac\u0131l\u0131\u011f\u0131nda\r\n            <strong>g\u00fc\u00e7l\u00fc ve verimli \u00e7\u00f6z\u00fcm.<\/strong>\r\n          <\/h2>\r\n\r\n        <\/div>\r\n\r\n\r\n        <p>\r\n          VT Bale Serisi, tar\u0131msal i\u015fletmelerin farkl\u0131 ta\u015f\u0131ma ihtiya\u00e7lar\u0131na\r\n          cevap vermek \u00fczere geli\u015ftirilmi\u015ftir. Tandem ve \u00fc\u00e7 dingil se\u00e7enekleri\r\n          sayesinde \u00e7al\u0131\u015fma \u015fartlar\u0131na ve ta\u015f\u0131ma ihtiyac\u0131na uygun yap\u0131\r\n          tercih edilebilir.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <div class=\"vtb-features\">\r\n\r\n        <article>\r\n\r\n          <em>01<\/em>\r\n\r\n          <h3>\r\n            Balya Ta\u015f\u0131maya \u00d6zel\r\n          <\/h3>\r\n\r\n          <p>\r\n            Balya y\u00fckleme ve ta\u015f\u0131ma operasyonlar\u0131na uygun geni\u015f platform yap\u0131s\u0131.\r\n          <\/p>\r\n\r\n        <\/article>\r\n\r\n\r\n        <article>\r\n\r\n          <em>02<\/em>\r\n\r\n          <h3>\r\n            Tandem \/ \u00dc\u00e7 Dingil\r\n          <\/h3>\r\n\r\n          <p>\r\n            Farkl\u0131 ta\u015f\u0131ma ihtiya\u00e7lar\u0131na uygun profesyonel dingil alternatifleri.\r\n          <\/p>\r\n\r\n        <\/article>\r\n\r\n\r\n        <article>\r\n\r\n          <em>03<\/em>\r\n\r\n          <h3>\r\n            Dayan\u0131kl\u0131 \u015easi\r\n          <\/h3>\r\n\r\n          <p>\r\n            Tarla ve yol \u015fartlar\u0131nda a\u011f\u0131r kullan\u0131ma uygun g\u00fc\u00e7l\u00fc ta\u015f\u0131y\u0131c\u0131 yap\u0131.\r\n          <\/p>\r\n\r\n        <\/article>\r\n\r\n\r\n        <article>\r\n\r\n          <em>04<\/em>\r\n\r\n          <h3>\r\n            Profesyonel \u00dcretim\r\n          <\/h3>\r\n\r\n          <p>\r\n            Ventus Trailer \u00fcretim standartlar\u0131yla uzun \u00f6m\u00fcrl\u00fc kullan\u0131m.\r\n          <\/p>\r\n\r\n        <\/article>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n\r\n\r\n  <!-- =========================================================\r\n       TEKN\u0130K TABLO\r\n  ========================================================== -->\r\n  <section\r\n    class=\"vtb-tech\"\r\n    id=\"vtb-teknik\"\r\n  >\r\n\r\n    <div class=\"vtb-wrap\">\r\n\r\n      <div class=\"vtb-heading\">\r\n\r\n        <div>\r\n\r\n          <div class=\"vtb-label\">\r\n            TEKN\u0130K KAR\u015eILA\u015eTIRMA\r\n          <\/div>\r\n\r\n          <h2>\r\n            VT Bale Serisi\r\n            <strong>teknik detaylar\u0131<\/strong>\r\n          <\/h2>\r\n\r\n        <\/div>\r\n\r\n\r\n        <p>\r\n          Modellerin ta\u015f\u0131ma g\u00fcc\u00fc ve bo\u015f a\u011f\u0131rl\u0131k de\u011ferlerini kar\u015f\u0131la\u015ft\u0131rarak\r\n          ihtiyac\u0131n\u0131za uygun VT Bale modelini belirleyebilirsiniz.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <div class=\"vtb-tablebox\">\r\n\r\n        <div class=\"vtb-scroll\">\r\n\r\n          <table class=\"vtb-table\">\r\n\r\n            <thead>\r\n\r\n              <tr>\r\n                <th>Teknik Detaylar<\/th>\r\n                <th>VT4472B<\/th>\r\n                <th>VT2484B<\/th>\r\n                <th>VT3696B<\/th>\r\n              <\/tr>\r\n\r\n            <\/thead>\r\n\r\n\r\n            <tbody>\r\n\r\n              <tr>\r\n                <th>Ta\u015f\u0131ma G\u00fcc\u00fc (kg)<\/th>\r\n                <td>10.000<\/td>\r\n                <td>10.000<\/td>\r\n                <td>12.000<\/td>\r\n              <\/tr>\r\n\r\n              <tr>\r\n                <th>Bo\u015f A\u011f\u0131rl\u0131k (kg)<\/th>\r\n                <td>2.700<\/td>\r\n                <td>3.100<\/td>\r\n                <td>3.900<\/td>\r\n              <\/tr>\r\n\r\n            <\/tbody>\r\n\r\n          <\/table>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"vtb-note\">\r\n        Teknik de\u011ferler \u00fcretim ve opsiyon se\u00e7eneklerine g\u00f6re de\u011fi\u015fiklik g\u00f6sterebilir.\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n\r\n\r\n  <!-- =========================================================\r\n       ALT CTA\r\n  ========================================================== -->\r\n  <section class=\"vtb-support\">\r\n\r\n    <div class=\"vtb-wrap\">\r\n\r\n      <div class=\"vtb-cta\">\r\n\r\n        <div>\r\n\r\n          <div class=\"vtb-label\">\r\n            MODEL SE\u00c7\u0130M DESTE\u011e\u0130\r\n          <\/div>\r\n\r\n          <h2>\r\n            \u0130\u015finize uygun balya r\u00f6morkunu birlikte belirleyelim.\r\n          <\/h2>\r\n\r\n          <p>\r\n            Ta\u015f\u0131ma ihtiyac\u0131n\u0131z\u0131 ve kullan\u0131m ko\u015fullar\u0131n\u0131z\u0131 payla\u015f\u0131n.\r\n            Teknik ekibimiz size uygun VT Bale modelini \u00f6nersin.\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n        <a href=\"https:\/\/wa.me\/905526249272?text=Merhaba%2C%20ihtiyac%C4%B1ma%20uygun%20VT%20Bale%20modelini%20%C3%B6%C4%9Frenmek%20istiyorum.\" target=\"_blank\" rel=\"noopener\">\r\n\r\n          <span>\r\n            Uygun Modeli Sor\r\n          <\/span>\r\n\r\n          <b>\r\n            \u2192\r\n          <\/b>\r\n\r\n        <\/a>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   ANA\r\n========================================================= *\/\r\n\r\n.vtb-page{\r\n\r\n  --vtb-red:#d71920;\r\n  --vtb-red-dark:#ad0c12;\r\n\r\n  --vtb-ink:#171717;\r\n  --vtb-text:#62666c;\r\n  --vtb-muted:#94989f;\r\n\r\n  --vtb-line:#e2e4e7;\r\n  --vtb-soft:#f5f6f7;\r\n\r\n  width:100%;\r\n\r\n  background:#fff;\r\n\r\n  color:var(--vtb-ink);\r\n\r\n  font-family:\r\n    Manrope,\r\n    Inter,\r\n    Arial,\r\n    sans-serif;\r\n\r\n}\r\n\r\n\r\n.vtb-page,\r\n.vtb-page *{\r\n  box-sizing:border-box;\r\n}\r\n\r\n\r\n.vtb-page a{\r\n  text-decoration:none !important;\r\n}\r\n\r\n\r\n.vtb-page button{\r\n  font-family:inherit;\r\n}\r\n\r\n\r\n.vtb-wrap{\r\n\r\n  width:min(\r\n    1480px,\r\n    calc(100% - 72px)\r\n  );\r\n\r\n  margin:0 auto;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   AN\u0130MASYON\r\n========================================================= *\/\r\n\r\n@keyframes vtbFadeLeft{\r\n\r\n  from{\r\n    opacity:0;\r\n    transform:translateX(34px);\r\n  }\r\n\r\n  to{\r\n    opacity:1;\r\n    transform:translateX(0);\r\n  }\r\n\r\n}\r\n\r\n\r\n@keyframes vtbFadeRight{\r\n\r\n  from{\r\n    opacity:0;\r\n    transform:translateX(-34px);\r\n  }\r\n\r\n  to{\r\n    opacity:1;\r\n    transform:translateX(0);\r\n  }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   HERO\r\n========================================================= *\/\r\n\r\n.vtb-hero{\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    minmax(0,1.18fr)\r\n    minmax(410px,.82fr);\r\n\r\n  align-items:start;\r\n\r\n  background:#fff;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   GALER\u0130\r\n========================================================= *\/\r\n\r\n.vtb-gallery{\r\n\r\n  position:relative;\r\n\r\n  z-index:4;\r\n\r\n  min-width:0;\r\n\r\n  height:auto;\r\n\r\n  align-self:start;\r\n\r\n  overflow:hidden;\r\n\r\n  padding:0;\r\n\r\n  background:#eceeef;\r\n\r\n  animation:\r\n    vtbFadeRight\r\n    .8s\r\n    ease\r\n    both;\r\n\r\n}\r\n\r\n\r\n.vtb-stage{\r\n\r\n  position:relative;\r\n\r\n  width:100%;\r\n\r\n  height:640px;\r\n\r\n  overflow:hidden;\r\n\r\n  background:#ddd;\r\n\r\n  touch-action:pan-y;\r\n\r\n}\r\n\r\n\r\n.vtb-stage::after{\r\n\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  z-index:3;\r\n\r\n  top:0;\r\n  right:-150px;\r\n  bottom:0;\r\n\r\n  width:350px;\r\n\r\n  pointer-events:none;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      transparent,\r\n      rgba(255,255,255,.08) 40%,\r\n      rgba(255,255,255,.55) 82%,\r\n      #fff\r\n    );\r\n\r\n}\r\n\r\n\r\n#vtb-main-image{\r\n\r\n  width:100%;\r\n  height:100%;\r\n\r\n  display:block;\r\n\r\n  object-fit:cover;\r\n\r\n  user-select:none;\r\n\r\n  -webkit-user-drag:none;\r\n\r\n  transition:\r\n    opacity .22s ease,\r\n    transform .7s ease;\r\n\r\n}\r\n\r\n\r\n.vtb-stage:hover #vtb-main-image{\r\n  transform:scale(1.02);\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   BRAND\r\n========================================================= *\/\r\n\r\n.vtb-brand{\r\n\r\n  position:absolute;\r\n\r\n  z-index:20;\r\n\r\n  top:28px;\r\n  left:30px;\r\n\r\n  padding:11px 15px;\r\n\r\n  border-left:\r\n    3px solid\r\n    var(--vtb-red);\r\n\r\n  background:\r\n    rgba(18,18,18,.88);\r\n\r\n  color:#fff !important;\r\n\r\n  font-size:10px;\r\n\r\n  font-weight:800;\r\n\r\n  letter-spacing:1.6px;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   SER\u0130 BADGE\r\n========================================================= *\/\r\n\r\n.vtb-gallery-type{\r\n\r\n  position:absolute;\r\n\r\n  z-index:20;\r\n\r\n  top:28px;\r\n\r\n  right:105px;\r\n\r\n  padding:10px 14px;\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255,255,255,.22);\r\n\r\n  background:\r\n    rgba(18,18,18,.86);\r\n\r\n  color:#fff;\r\n\r\n  font-size:9px;\r\n\r\n  font-weight:900;\r\n\r\n  letter-spacing:1.4px;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   GALER\u0130 OKLARI\r\n========================================================= *\/\r\n\r\n.vtb-page button.vtb-gallery-nav{\r\n\r\n  position:absolute !important;\r\n\r\n  z-index:30 !important;\r\n\r\n  top:50% !important;\r\n\r\n  width:52px !important;\r\n  height:52px !important;\r\n\r\n  min-width:52px !important;\r\n  min-height:52px !important;\r\n\r\n  display:grid !important;\r\n\r\n  place-items:center !important;\r\n\r\n  padding:0 !important;\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255,255,255,.32) !important;\r\n\r\n  border-radius:50% !important;\r\n\r\n  background:\r\n    rgba(18,18,18,.82) !important;\r\n\r\n  background-color:\r\n    rgba(18,18,18,.82) !important;\r\n\r\n  background-image:none !important;\r\n\r\n  color:#fff !important;\r\n\r\n  cursor:pointer !important;\r\n\r\n  opacity:1 !important;\r\n\r\n  visibility:visible !important;\r\n\r\n  transform:\r\n    translateY(-50%) !important;\r\n\r\n  box-shadow:\r\n    0 9px 28px\r\n    rgba(0,0,0,.18) !important;\r\n\r\n  transition:\r\n    background .22s ease,\r\n    border-color .22s ease,\r\n    transform .22s ease,\r\n    box-shadow .22s ease !important;\r\n\r\n}\r\n\r\n\r\n.vtb-gallery-nav span{\r\n\r\n  display:block;\r\n\r\n  margin-top:-3px;\r\n\r\n  color:#fff !important;\r\n\r\n  font-family:Arial,sans-serif;\r\n\r\n  font-size:34px;\r\n\r\n  font-weight:300;\r\n\r\n  line-height:1;\r\n\r\n  pointer-events:none;\r\n\r\n}\r\n\r\n\r\n.vtb-page button.vtb-gallery-nav:hover{\r\n\r\n  border-color:\r\n    var(--vtb-red) !important;\r\n\r\n  background:\r\n    var(--vtb-red) !important;\r\n\r\n  background-color:\r\n    var(--vtb-red) !important;\r\n\r\n  transform:\r\n    translateY(-50%)\r\n    scale(1.08) !important;\r\n\r\n  box-shadow:\r\n    0 13px 32px\r\n    rgba(215,25,32,.30) !important;\r\n\r\n}\r\n\r\n\r\n.vtb-page button.vtb-gallery-nav:active{\r\n\r\n  transform:\r\n    translateY(-50%)\r\n    scale(.94) !important;\r\n\r\n}\r\n\r\n\r\n.vtb-page button.vtb-prev{\r\n\r\n  left:24px !important;\r\n  right:auto !important;\r\n\r\n}\r\n\r\n\r\n.vtb-page button.vtb-next{\r\n\r\n  left:auto !important;\r\n  right:105px !important;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   GALER\u0130 STATUS\r\n========================================================= *\/\r\n\r\n.vtb-gallery-status{\r\n\r\n  position:absolute;\r\n\r\n  z-index:25;\r\n\r\n  right:105px;\r\n  bottom:24px;\r\n\r\n  min-height:38px;\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  gap:14px;\r\n\r\n  padding:8px 13px;\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255,255,255,.23);\r\n\r\n  border-radius:99px;\r\n\r\n  background:\r\n    rgba(18,18,18,.80);\r\n\r\n  box-shadow:\r\n    0 8px 24px\r\n    rgba(0,0,0,.16);\r\n\r\n}\r\n\r\n\r\n.vtb-counter{\r\n\r\n  min-width:43px;\r\n\r\n  color:#fff;\r\n\r\n  font-size:9px;\r\n\r\n  font-weight:900;\r\n\r\n  letter-spacing:.7px;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   DOTS\r\n========================================================= *\/\r\n\r\n.vtb-dots{\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  gap:5px;\r\n\r\n}\r\n\r\n\r\n.vtb-page button.vtb-dot{\r\n\r\n  width:5px !important;\r\n  height:5px !important;\r\n\r\n  min-width:5px !important;\r\n  min-height:5px !important;\r\n\r\n  padding:0 !important;\r\n\r\n  border:0 !important;\r\n\r\n  border-radius:50% !important;\r\n\r\n  background:\r\n    rgba(255,255,255,.42) !important;\r\n\r\n  background-image:none !important;\r\n\r\n  cursor:pointer !important;\r\n\r\n  box-shadow:none !important;\r\n\r\n  transition:\r\n    width .22s ease,\r\n    background .22s ease !important;\r\n\r\n}\r\n\r\n\r\n.vtb-page button.vtb-dot.active{\r\n\r\n  width:20px !important;\r\n\r\n  border-radius:99px !important;\r\n\r\n  background:\r\n    var(--vtb-red) !important;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   THUMBNAILS\r\n========================================================= *\/\r\n\r\n.vtb-thumbs{\r\n\r\n  display:flex;\r\n\r\n  gap:9px;\r\n\r\n  min-height:0;\r\n\r\n  height:auto;\r\n\r\n  padding:\r\n    12px\r\n    18px\r\n    14px;\r\n\r\n  overflow-x:auto;\r\n\r\n  background:#eceeef;\r\n\r\n  scrollbar-width:thin;\r\n\r\n}\r\n\r\n\r\n.vtb-page button.vtb-thumb{\r\n\r\n  position:relative !important;\r\n\r\n  flex:\r\n    0 0\r\n    106px !important;\r\n\r\n  width:106px !important;\r\n  height:70px !important;\r\n\r\n  min-width:106px !important;\r\n  min-height:70px !important;\r\n\r\n  padding:0 !important;\r\n\r\n  overflow:hidden !important;\r\n\r\n  border:\r\n    1px solid\r\n    #d1d4d7 !important;\r\n\r\n  border-radius:0 !important;\r\n\r\n  background:#ddd !important;\r\n\r\n  background-image:none !important;\r\n\r\n  cursor:pointer !important;\r\n\r\n  box-shadow:none !important;\r\n\r\n  transition:\r\n    transform .2s ease,\r\n    border-color .2s ease,\r\n    box-shadow .2s ease !important;\r\n\r\n}\r\n\r\n\r\n.vtb-page button.vtb-thumb:hover{\r\n\r\n  border-color:#aeb2b6 !important;\r\n\r\n  transform:\r\n    translateY(-2px) !important;\r\n\r\n}\r\n\r\n\r\n.vtb-thumb img{\r\n\r\n  width:100%;\r\n  height:100%;\r\n\r\n  display:block;\r\n\r\n  object-fit:cover;\r\n\r\n  opacity:.58;\r\n\r\n  transition:\r\n    opacity .25s ease,\r\n    transform .3s ease;\r\n\r\n}\r\n\r\n\r\n.vtb-thumb:hover img{\r\n\r\n  opacity:.9;\r\n\r\n  transform:scale(1.04);\r\n\r\n}\r\n\r\n\r\n.vtb-page button.vtb-thumb.active{\r\n\r\n  border-color:\r\n    var(--vtb-red) !important;\r\n\r\n  box-shadow:\r\n    0 5px 15px\r\n    rgba(215,25,32,.13) !important;\r\n\r\n}\r\n\r\n\r\n.vtb-page button.vtb-thumb.active::after{\r\n\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  z-index:5;\r\n\r\n  right:0;\r\n  bottom:0;\r\n  left:0;\r\n\r\n  height:3px;\r\n\r\n  background:\r\n    var(--vtb-red);\r\n\r\n}\r\n\r\n\r\n.vtb-thumb.active img{\r\n  opacity:1;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   SA\u011e ALAN\r\n========================================================= *\/\r\n\r\n.vtb-copy{\r\n\r\n  position:relative;\r\n\r\n  z-index:5;\r\n\r\n  display:flex;\r\n\r\n  flex-direction:column;\r\n\r\n  justify-content:center;\r\n\r\n  margin-left:-68px;\r\n\r\n  padding:\r\n    58px\r\n    65px\r\n    58px\r\n    125px;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle at 100% 0,\r\n      rgba(215,25,32,.06),\r\n      transparent 34%\r\n    ),\r\n    #fff;\r\n\r\n  animation:\r\n    vtbFadeLeft\r\n    .9s\r\n    ease\r\n    both;\r\n\r\n}\r\n\r\n\r\n.vtb-kicker,\r\n.vtb-label{\r\n\r\n  color:\r\n    var(--vtb-red) !important;\r\n\r\n  font-size:10px;\r\n\r\n  font-weight:800;\r\n\r\n  letter-spacing:1.8px;\r\n\r\n}\r\n\r\n\r\n.vtb-kicker{\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  gap:11px;\r\n\r\n  margin-bottom:17px;\r\n\r\n}\r\n\r\n\r\n.vtb-kicker::before{\r\n\r\n  content:\"\";\r\n\r\n  width:36px;\r\n  height:2px;\r\n\r\n  background:\r\n    var(--vtb-red);\r\n\r\n}\r\n\r\n\r\n.vtb-copy h1{\r\n\r\n  margin:0;\r\n\r\n  color:\r\n    var(--vtb-ink) !important;\r\n\r\n  font-size:\r\n    clamp(\r\n      47px,\r\n      4.5vw,\r\n      72px\r\n    );\r\n\r\n  font-weight:900;\r\n\r\n  line-height:.96;\r\n\r\n  letter-spacing:-3px;\r\n\r\n}\r\n\r\n\r\n.vtb-copy h1 strong{\r\n\r\n  display:block;\r\n\r\n  color:\r\n    var(--vtb-red) !important;\r\n\r\n}\r\n\r\n\r\n.vtb-copy > p{\r\n\r\n  max-width:600px;\r\n\r\n  margin:\r\n    20px\r\n    0\r\n    22px;\r\n\r\n  color:\r\n    var(--vtb-text) !important;\r\n\r\n  font-size:14px;\r\n\r\n  line-height:1.7;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   SER\u0130 SE\u00c7\u0130M BA\u015eLIK\r\n========================================================= *\/\r\n\r\n.vtb-series-head{\r\n\r\n  display:flex;\r\n\r\n  align-items:flex-end;\r\n\r\n  justify-content:space-between;\r\n\r\n  gap:30px;\r\n\r\n  margin:\r\n    2px\r\n    0\r\n    12px;\r\n\r\n}\r\n\r\n\r\n.vtb-series-head h3{\r\n\r\n  margin:\r\n    0\r\n    0\r\n    5px;\r\n\r\n  color:\r\n    var(--vtb-ink) !important;\r\n\r\n  font-size:12px;\r\n\r\n  font-weight:900;\r\n\r\n}\r\n\r\n\r\n.vtb-series-head p{\r\n\r\n  margin:0;\r\n\r\n  color:\r\n    var(--vtb-muted) !important;\r\n\r\n  font-size:8px;\r\n\r\n  line-height:1.5;\r\n\r\n}\r\n\r\n\r\n.vtb-series-head > span{\r\n\r\n  color:#9da1a6 !important;\r\n\r\n  font-size:7px;\r\n\r\n  font-weight:900;\r\n\r\n  letter-spacing:1.4px;\r\n\r\n  white-space:nowrap;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   SER\u0130 KARTLARI\r\n========================================================= *\/\r\n\r\n.vtb-page .vtb-type-selector{\r\n\r\n  display:grid !important;\r\n\r\n  grid-template-columns:\r\n    repeat(2,minmax(0,1fr)) !important;\r\n\r\n  gap:10px !important;\r\n\r\n  margin-bottom:20px !important;\r\n\r\n}\r\n\r\n\r\n\r\n\/* PAS\u0130F *\/\r\n\r\n.vtb-page button.vtb-type-btn{\r\n\r\n  position:relative !important;\r\n\r\n  width:100% !important;\r\n\r\n  min-width:0 !important;\r\n  min-height:130px !important;\r\n\r\n  display:flex !important;\r\n\r\n  flex-direction:column !important;\r\n\r\n  align-items:stretch !important;\r\n\r\n  justify-content:space-between !important;\r\n\r\n  padding:\r\n    15px\r\n    14px\r\n    14px !important;\r\n\r\n  overflow:hidden !important;\r\n\r\n  border:\r\n    1px solid\r\n    #dfe2e5 !important;\r\n\r\n  border-radius:16px !important;\r\n\r\n  background:#fff !important;\r\n\r\n  background-color:#fff !important;\r\n\r\n  background-image:none !important;\r\n\r\n  color:\r\n    var(--vtb-ink) !important;\r\n\r\n  text-align:left !important;\r\n\r\n  cursor:pointer !important;\r\n\r\n  box-shadow:\r\n    0 4px 16px\r\n    rgba(17,22,28,.025) !important;\r\n\r\n  transform:\r\n    translateY(0) !important;\r\n\r\n  transition:\r\n    transform .22s ease,\r\n    border-color .22s ease,\r\n    box-shadow .22s ease,\r\n    background-color .22s ease !important;\r\n\r\n}\r\n\r\n\r\n.vtb-page button.vtb-type-btn:hover{\r\n\r\n  border-color:\r\n    rgba(215,25,32,.55) !important;\r\n\r\n  background:#fff !important;\r\n\r\n  transform:\r\n    translateY(-3px) !important;\r\n\r\n  box-shadow:\r\n    0 14px 34px\r\n    rgba(17,22,28,.08) !important;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   AKT\u0130F KART\r\n========================================================= *\/\r\n\r\n.vtb-page button.vtb-type-btn.active{\r\n\r\n  border-color:\r\n    #ff565d !important;\r\n\r\n  background:\r\n    #fffafa !important;\r\n\r\n  background-color:\r\n    #fffafa !important;\r\n\r\n  background-image:none !important;\r\n\r\n  color:\r\n    var(--vtb-ink) !important;\r\n\r\n  transform:\r\n    translateY(0) !important;\r\n\r\n  box-shadow:\r\n    0 15px 34px\r\n    rgba(215,25,32,.08) !important;\r\n\r\n}\r\n\r\n\r\n.vtb-page button.vtb-type-btn.active:hover{\r\n\r\n  background:\r\n    #fffafa !important;\r\n\r\n  transform:\r\n    translateY(-2px) !important;\r\n\r\n  box-shadow:\r\n    0 18px 40px\r\n    rgba(215,25,32,.11) !important;\r\n\r\n}\r\n\r\n\r\n\r\n\/* AKT\u0130F PEMBE DA\u0130RE *\/\r\n\r\n.vtb-card-bg{\r\n\r\n  position:absolute !important;\r\n\r\n  z-index:0 !important;\r\n\r\n  top:-78px !important;\r\n  right:-48px !important;\r\n\r\n  width:140px !important;\r\n  height:140px !important;\r\n\r\n  display:block !important;\r\n\r\n  border-radius:50% !important;\r\n\r\n  background:\r\n    rgba(215,25,32,.10) !important;\r\n\r\n  opacity:0 !important;\r\n\r\n  transform:\r\n    scale(.72) !important;\r\n\r\n  pointer-events:none !important;\r\n\r\n  transition:\r\n    opacity .3s ease,\r\n    transform .38s\r\n    cubic-bezier(.2,.8,.2,1) !important;\r\n\r\n}\r\n\r\n\r\n.vtb-page\r\nbutton.vtb-type-btn.active\r\n.vtb-card-bg{\r\n\r\n  opacity:1 !important;\r\n\r\n  transform:\r\n    scale(1) !important;\r\n\r\n}\r\n\r\n\r\n\r\n\/* KART \u00dcST *\/\r\n\r\n.vtb-card-top{\r\n\r\n  position:relative !important;\r\n\r\n  z-index:3 !important;\r\n\r\n  display:flex !important;\r\n\r\n  align-items:center !important;\r\n\r\n  gap:9px !important;\r\n\r\n  width:100% !important;\r\n\r\n}\r\n\r\n\r\n.vtb-card-number{\r\n\r\n  color:\r\n    #9ba0a6 !important;\r\n\r\n  font-size:8px !important;\r\n\r\n  font-weight:900 !important;\r\n\r\n  line-height:1 !important;\r\n\r\n  letter-spacing:.8px !important;\r\n\r\n}\r\n\r\n\r\n.vtb-card-top h4{\r\n\r\n  flex:1 !important;\r\n\r\n  margin:0 !important;\r\n\r\n  padding:0 !important;\r\n\r\n  background:\r\n    transparent !important;\r\n\r\n  color:\r\n    #08090a !important;\r\n\r\n  font-size:15px !important;\r\n\r\n  font-weight:900 !important;\r\n\r\n  line-height:1.1 !important;\r\n\r\n  letter-spacing:-.4px !important;\r\n\r\n}\r\n\r\n\r\n\r\n\/* KART OK *\/\r\n\r\n.vtb-card-arrow{\r\n\r\n  position:relative !important;\r\n\r\n  z-index:5 !important;\r\n\r\n  width:29px !important;\r\n  height:29px !important;\r\n\r\n  min-width:29px !important;\r\n\r\n  display:grid !important;\r\n\r\n  place-items:center !important;\r\n\r\n  padding:0 !important;\r\n\r\n  border:\r\n    1px solid\r\n    #e0e3e6 !important;\r\n\r\n  border-radius:50% !important;\r\n\r\n  background:\r\n    #fff !important;\r\n\r\n  color:\r\n    #53585e !important;\r\n\r\n  font-size:12px !important;\r\n\r\n  font-weight:700 !important;\r\n\r\n  line-height:1 !important;\r\n\r\n  box-shadow:none !important;\r\n\r\n  transition:\r\n    color .22s ease,\r\n    background .22s ease,\r\n    border-color .22s ease,\r\n    transform .22s ease,\r\n    box-shadow .22s ease !important;\r\n\r\n}\r\n\r\n\r\n.vtb-page\r\nbutton.vtb-type-btn:hover\r\n.vtb-card-arrow{\r\n\r\n  border-color:\r\n    var(--vtb-red) !important;\r\n\r\n  color:\r\n    var(--vtb-red) !important;\r\n\r\n}\r\n\r\n\r\n.vtb-page\r\nbutton.vtb-type-btn.active\r\n.vtb-card-arrow{\r\n\r\n  border-color:\r\n    var(--vtb-red) !important;\r\n\r\n  background:\r\n    var(--vtb-red) !important;\r\n\r\n  color:\r\n    #fff !important;\r\n\r\n  box-shadow:\r\n    0 7px 18px\r\n    rgba(215,25,32,.25) !important;\r\n\r\n}\r\n\r\n\r\n\r\n\/* TAGS *\/\r\n\r\n.vtb-card-tags{\r\n\r\n  position:relative !important;\r\n\r\n  z-index:3 !important;\r\n\r\n  display:flex !important;\r\n\r\n  flex-wrap:wrap !important;\r\n\r\n  gap:5px !important;\r\n\r\n  margin:\r\n    9px\r\n    0\r\n    auto\r\n    20px !important;\r\n\r\n}\r\n\r\n\r\n.vtb-card-tags span{\r\n\r\n  display:inline-flex !important;\r\n\r\n  align-items:center !important;\r\n\r\n  justify-content:center !important;\r\n\r\n  min-height:21px !important;\r\n\r\n  padding:\r\n    4px\r\n    8px !important;\r\n\r\n  border:\r\n    1px solid\r\n    #e2e4e6 !important;\r\n\r\n  border-radius:\r\n    999px !important;\r\n\r\n  background:\r\n    #f4f5f6 !important;\r\n\r\n  color:\r\n    #555a60 !important;\r\n\r\n  font-size:\r\n    7px !important;\r\n\r\n  font-weight:\r\n    800 !important;\r\n\r\n}\r\n\r\n\r\n.vtb-page\r\nbutton.vtb-type-btn.active\r\n.vtb-card-tags span{\r\n\r\n  border-color:\r\n    #ffc8cb !important;\r\n\r\n  background:\r\n    #fff1f2 !important;\r\n\r\n  color:\r\n    var(--vtb-red) !important;\r\n\r\n}\r\n\r\n\r\n\r\n\/* ALT YAZI *\/\r\n\r\n.vtb-card-bottom{\r\n\r\n  position:relative !important;\r\n\r\n  z-index:3 !important;\r\n\r\n  margin:\r\n    18px\r\n    0\r\n    0\r\n    20px !important;\r\n\r\n  padding:0 !important;\r\n\r\n  background:\r\n    transparent !important;\r\n\r\n  color:\r\n    #9ca0a5 !important;\r\n\r\n  font-size:\r\n    6.5px !important;\r\n\r\n  font-weight:\r\n    900 !important;\r\n\r\n  letter-spacing:\r\n    1.3px !important;\r\n\r\n}\r\n\r\n\r\n.vtb-page\r\nbutton.vtb-type-btn.active\r\n.vtb-card-bottom{\r\n\r\n  color:\r\n    var(--vtb-red) !important;\r\n\r\n}\r\n\r\n\r\n\r\n\/* TEK AKT\u0130F \u00c7\u0130ZG\u0130 *\/\r\n\r\n.vtb-page\r\nbutton.vtb-type-btn::after{\r\n\r\n  content:\"\" !important;\r\n\r\n  position:absolute !important;\r\n\r\n  z-index:8 !important;\r\n\r\n  left:0 !important;\r\n  right:0 !important;\r\n  bottom:0 !important;\r\n\r\n  width:100% !important;\r\n  height:3px !important;\r\n\r\n  background:\r\n    var(--vtb-red) !important;\r\n\r\n  transform:\r\n    scaleX(0) !important;\r\n\r\n  transform-origin:\r\n    left center !important;\r\n\r\n  transition:\r\n    transform .32s\r\n    cubic-bezier(.2,.8,.2,1) !important;\r\n\r\n}\r\n\r\n\r\n.vtb-page\r\nbutton.vtb-type-btn.active::after{\r\n\r\n  transform:\r\n    scaleX(1) !important;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   SE\u00c7\u0130L\u0130 SER\u0130\r\n========================================================= *\/\r\n\r\n.vtb-current{\r\n\r\n  margin-bottom:18px;\r\n\r\n  padding-left:15px;\r\n\r\n  border-left:\r\n    2px solid\r\n    var(--vtb-red);\r\n\r\n}\r\n\r\n\r\n.vtb-current > span{\r\n\r\n  display:block;\r\n\r\n  margin-bottom:4px;\r\n\r\n  color:\r\n    var(--vtb-red);\r\n\r\n  font-size:8px;\r\n\r\n  font-weight:800;\r\n\r\n  letter-spacing:1.4px;\r\n\r\n}\r\n\r\n\r\n.vtb-current h2{\r\n\r\n  margin:\r\n    0\r\n    0\r\n    6px;\r\n\r\n  color:\r\n    var(--vtb-ink) !important;\r\n\r\n  font-size:18px;\r\n\r\n  font-weight:800;\r\n\r\n}\r\n\r\n\r\n.vtb-current p{\r\n\r\n  max-width:600px;\r\n\r\n  margin:0;\r\n\r\n  color:\r\n    var(--vtb-text) !important;\r\n\r\n  font-size:10px;\r\n\r\n  line-height:1.6;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   SPECS\r\n========================================================= *\/\r\n\r\n.vtb-specs{\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    repeat(3,1fr);\r\n\r\n  margin-bottom:20px;\r\n\r\n  border-top:\r\n    1px solid\r\n    var(--vtb-line);\r\n\r\n  border-bottom:\r\n    1px solid\r\n    var(--vtb-line);\r\n\r\n}\r\n\r\n\r\n.vtb-specs div{\r\n\r\n  padding:\r\n    15px\r\n    12px\r\n    15px\r\n    0;\r\n\r\n  border-right:\r\n    1px solid\r\n    var(--vtb-line);\r\n\r\n}\r\n\r\n\r\n.vtb-specs div:last-child{\r\n  border-right:0;\r\n}\r\n\r\n\r\n.vtb-specs b{\r\n\r\n  display:block;\r\n\r\n  margin-bottom:4px;\r\n\r\n  color:\r\n    var(--vtb-ink) !important;\r\n\r\n  font-size:11px;\r\n\r\n}\r\n\r\n\r\n.vtb-specs span{\r\n\r\n  color:\r\n    var(--vtb-muted) !important;\r\n\r\n  font-size:8px;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   ACTIONS\r\n========================================================= *\/\r\n\r\n.vtb-actions{\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    1.3fr\r\n    .7fr;\r\n\r\n  gap:9px;\r\n\r\n  margin-bottom:20px;\r\n\r\n}\r\n\r\n\r\n.vtb-actions a{\r\n\r\n  min-height:54px;\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  justify-content:space-between;\r\n\r\n  padding:\r\n    14px\r\n    18px;\r\n\r\n  font-size:11px;\r\n\r\n  font-weight:800;\r\n\r\n  transition:\r\n    transform .22s ease,\r\n    box-shadow .22s ease,\r\n    background-color .22s ease,\r\n    color .22s ease;\r\n\r\n}\r\n\r\n\r\n.vtb-primary{\r\n\r\n  background:\r\n    var(--vtb-red);\r\n\r\n  color:#fff !important;\r\n\r\n}\r\n\r\n\r\n.vtb-primary:hover{\r\n\r\n  background:\r\n    var(--vtb-red-dark);\r\n\r\n  transform:\r\n    translateY(-2px);\r\n\r\n  box-shadow:\r\n    0 14px 32px\r\n    rgba(215,25,32,.22);\r\n\r\n}\r\n\r\n\r\n.vtb-secondary{\r\n\r\n  border:\r\n    1px solid\r\n    #cfd2d5;\r\n\r\n  color:\r\n    var(--vtb-ink) !important;\r\n\r\n}\r\n\r\n\r\n.vtb-secondary:hover{\r\n\r\n  border-color:\r\n    var(--vtb-ink);\r\n\r\n  background:\r\n    var(--vtb-ink);\r\n\r\n  color:\r\n    #fff !important;\r\n\r\n  transform:\r\n    translateY(-2px);\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   TRUST\r\n========================================================= *\/\r\n\r\n.vtb-trust{\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    repeat(3,1fr);\r\n\r\n  gap:15px;\r\n\r\n}\r\n\r\n\r\n.vtb-trust b{\r\n\r\n  display:block;\r\n\r\n  margin-bottom:4px;\r\n\r\n  color:\r\n    var(--vtb-ink) !important;\r\n\r\n  font-size:9px;\r\n\r\n}\r\n\r\n\r\n.vtb-trust span{\r\n\r\n  color:\r\n    var(--vtb-muted) !important;\r\n\r\n  font-size:8px;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   INTRO\r\n========================================================= *\/\r\n\r\n.vtb-intro{\r\n\r\n  padding:\r\n    100px\r\n    0\r\n    90px;\r\n\r\n  background:#fff;\r\n\r\n}\r\n\r\n\r\n.vtb-intro-grid,\r\n.vtb-heading{\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    1.05fr\r\n    .95fr;\r\n\r\n  gap:90px;\r\n\r\n  align-items:end;\r\n\r\n}\r\n\r\n\r\n.vtb-label{\r\n  margin-bottom:15px;\r\n}\r\n\r\n\r\n.vtb-intro h2,\r\n.vtb-heading h2,\r\n.vtb-cta h2{\r\n\r\n  margin:0;\r\n\r\n  color:\r\n    var(--vtb-ink) !important;\r\n\r\n  font-size:\r\n    clamp(\r\n      34px,\r\n      3.5vw,\r\n      52px\r\n    );\r\n\r\n  font-weight:800;\r\n\r\n  line-height:1.08;\r\n\r\n  letter-spacing:-1.8px;\r\n\r\n}\r\n\r\n\r\n.vtb-intro h2 strong,\r\n.vtb-heading h2 strong{\r\n\r\n  color:\r\n    var(--vtb-red) !important;\r\n\r\n}\r\n\r\n\r\n.vtb-intro-grid > p,\r\n.vtb-heading > p{\r\n\r\n  margin:0;\r\n\r\n  color:\r\n    var(--vtb-text) !important;\r\n\r\n  line-height:1.8;\r\n\r\n}\r\n\r\n\r\n.vtb-features{\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    repeat(4,1fr);\r\n\r\n  margin-top:70px;\r\n\r\n  border-top:\r\n    1px solid\r\n    var(--vtb-line);\r\n\r\n}\r\n\r\n\r\n.vtb-features article{\r\n\r\n  padding:\r\n    30px\r\n    32px\r\n    0\r\n    0;\r\n\r\n  transition:\r\n    transform .22s ease;\r\n\r\n}\r\n\r\n\r\n.vtb-features article:hover{\r\n  transform:translateY(-4px);\r\n}\r\n\r\n\r\n.vtb-features em{\r\n\r\n  color:\r\n    var(--vtb-red) !important;\r\n\r\n  font-size:11px;\r\n\r\n  font-style:normal;\r\n\r\n  font-weight:800;\r\n\r\n}\r\n\r\n\r\n.vtb-features h3{\r\n\r\n  color:\r\n    var(--vtb-ink) !important;\r\n\r\n  font-size:16px;\r\n\r\n  font-weight:800;\r\n\r\n}\r\n\r\n\r\n.vtb-features p{\r\n\r\n  color:\r\n    var(--vtb-text) !important;\r\n\r\n  font-size:12px;\r\n\r\n  line-height:1.65;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   TEKN\u0130K\r\n========================================================= *\/\r\n\r\n.vtb-tech{\r\n\r\n  padding:\r\n    95px\r\n    0;\r\n\r\n  background:\r\n    var(--vtb-soft);\r\n\r\n  scroll-margin-top:80px;\r\n\r\n}\r\n\r\n\r\n.vtb-heading{\r\n  margin-bottom:34px;\r\n}\r\n\r\n\r\n.vtb-tablebox{\r\n\r\n  overflow:hidden;\r\n\r\n  border:\r\n    1px solid\r\n    var(--vtb-line);\r\n\r\n  background:#fff;\r\n\r\n  box-shadow:\r\n    0 18px 50px\r\n    rgba(0,0,0,.06);\r\n\r\n}\r\n\r\n\r\n.vtb-scroll{\r\n\r\n  overflow-x:auto;\r\n\r\n  -webkit-overflow-scrolling:touch;\r\n\r\n}\r\n\r\n\r\n.vtb-table{\r\n\r\n  width:100%;\r\n\r\n  min-width:720px;\r\n\r\n  border-collapse:separate;\r\n\r\n  border-spacing:0;\r\n\r\n  color:\r\n    var(--vtb-ink);\r\n\r\n  font-size:11px;\r\n\r\n}\r\n\r\n\r\n.vtb-table th,\r\n.vtb-table td{\r\n\r\n  min-width:150px;\r\n\r\n  padding:\r\n    14px\r\n    12px;\r\n\r\n  border-right:\r\n    1px solid\r\n    var(--vtb-line);\r\n\r\n  border-bottom:\r\n    1px solid\r\n    var(--vtb-line);\r\n\r\n  text-align:center;\r\n\r\n  white-space:nowrap;\r\n\r\n}\r\n\r\n\r\n.vtb-table thead th{\r\n\r\n  background:\r\n    var(--vtb-red);\r\n\r\n  color:#fff !important;\r\n\r\n  font-weight:800;\r\n\r\n}\r\n\r\n\r\n.vtb-table tr > :first-child{\r\n\r\n  position:sticky;\r\n\r\n  left:0;\r\n\r\n  z-index:4;\r\n\r\n  min-width:215px;\r\n\r\n  text-align:left;\r\n\r\n}\r\n\r\n\r\n.vtb-table thead tr > :first-child{\r\n\r\n  z-index:7;\r\n\r\n  background:\r\n    var(--vtb-red-dark);\r\n\r\n}\r\n\r\n\r\n.vtb-table tbody th{\r\n\r\n  background:#f0f1f2;\r\n\r\n  color:\r\n    var(--vtb-ink) !important;\r\n\r\n  font-weight:800;\r\n\r\n}\r\n\r\n\r\n.vtb-table tbody td{\r\n\r\n  background:#fff;\r\n\r\n  color:\r\n    var(--vtb-ink) !important;\r\n\r\n}\r\n\r\n\r\n.vtb-table tbody tr:nth-child(even) td{\r\n  background:#fafafa;\r\n}\r\n\r\n\r\n.vtb-table tbody tr:hover td{\r\n  background:#fff1f2;\r\n}\r\n\r\n\r\n.vtb-note{\r\n\r\n  margin-top:14px;\r\n\r\n  color:\r\n    var(--vtb-muted) !important;\r\n\r\n  font-size:10px;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   ALT CTA\r\n========================================================= *\/\r\n\r\n.vtb-support{\r\n\r\n  padding:\r\n    18px\r\n    0\r\n    90px;\r\n\r\n  background:\r\n    var(--vtb-soft);\r\n\r\n}\r\n\r\n\r\n.vtb-cta{\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    1fr\r\n    .42fr;\r\n\r\n  gap:70px;\r\n\r\n  align-items:center;\r\n\r\n  padding:\r\n    60px\r\n    64px;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle at 100% 0,\r\n      rgba(215,25,32,.25),\r\n      transparent 38%\r\n    ),\r\n    var(--vtb-ink);\r\n\r\n  color:#fff;\r\n\r\n}\r\n\r\n\r\n.vtb-cta h2{\r\n  color:#fff !important;\r\n}\r\n\r\n\r\n.vtb-cta p{\r\n  color:\r\n    rgba(255,255,255,.72) !important;\r\n}\r\n\r\n\r\n.vtb-cta .vtb-label{\r\n  color:\r\n    #ff6066 !important;\r\n}\r\n\r\n\r\n.vtb-cta > a{\r\n\r\n  min-height:58px;\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  justify-content:space-between;\r\n\r\n  padding:\r\n    15px\r\n    20px;\r\n\r\n  background:\r\n    var(--vtb-red);\r\n\r\n  color:#fff !important;\r\n\r\n  font-size:12px;\r\n\r\n  font-weight:800;\r\n\r\n  transition:\r\n    transform .22s ease,\r\n    box-shadow .22s ease,\r\n    background .22s ease;\r\n\r\n}\r\n\r\n\r\n.vtb-cta > a:hover{\r\n\r\n  background:\r\n    var(--vtb-red-dark);\r\n\r\n  transform:\r\n    translateY(-2px);\r\n\r\n  box-shadow:\r\n    0 14px 32px\r\n    rgba(215,25,32,.22);\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media (max-width:1100px){\r\n\r\n  .vtb-wrap{\r\n    width:calc(100% - 40px);\r\n  }\r\n\r\n\r\n  .vtb-hero{\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n\r\n  .vtb-stage::after{\r\n    display:none;\r\n  }\r\n\r\n\r\n  .vtb-copy{\r\n\r\n    margin-left:0;\r\n\r\n    padding:\r\n      58px\r\n      42px;\r\n\r\n  }\r\n\r\n\r\n  .vtb-gallery-type{\r\n    right:28px;\r\n  }\r\n\r\n\r\n  .vtb-page button.vtb-next{\r\n    right:24px !important;\r\n  }\r\n\r\n\r\n  .vtb-gallery-status{\r\n    right:28px;\r\n  }\r\n\r\n\r\n  .vtb-intro-grid,\r\n  .vtb-heading,\r\n  .vtb-cta{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n    gap:30px;\r\n\r\n  }\r\n\r\n\r\n  .vtb-features{\r\n    grid-template-columns:repeat(2,1fr);\r\n  }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   MOB\u0130L\r\n========================================================= *\/\r\n\r\n@media (max-width:700px){\r\n\r\n  .vtb-wrap{\r\n    width:calc(100% - 28px);\r\n  }\r\n\r\n\r\n  .vtb-stage{\r\n    height:410px;\r\n  }\r\n\r\n\r\n  .vtb-brand{\r\n\r\n    top:16px;\r\n    left:16px;\r\n\r\n  }\r\n\r\n\r\n  .vtb-gallery-type{\r\n\r\n    top:16px;\r\n    right:16px;\r\n\r\n  }\r\n\r\n\r\n  .vtb-page button.vtb-gallery-nav{\r\n\r\n    width:44px !important;\r\n    height:44px !important;\r\n\r\n    min-width:44px !important;\r\n    min-height:44px !important;\r\n\r\n  }\r\n\r\n\r\n  .vtb-gallery-nav span{\r\n    font-size:30px;\r\n  }\r\n\r\n\r\n  .vtb-page button.vtb-prev{\r\n    left:12px !important;\r\n  }\r\n\r\n\r\n  .vtb-page button.vtb-next{\r\n    right:12px !important;\r\n  }\r\n\r\n\r\n  .vtb-gallery-status{\r\n\r\n    right:14px;\r\n    bottom:14px;\r\n\r\n  }\r\n\r\n\r\n  .vtb-thumbs{\r\n\r\n    padding:\r\n      9px\r\n      9px\r\n      12px;\r\n\r\n  }\r\n\r\n\r\n  .vtb-page button.vtb-thumb{\r\n\r\n    flex:\r\n      0 0\r\n      90px !important;\r\n\r\n    width:90px !important;\r\n    min-width:90px !important;\r\n\r\n    height:60px !important;\r\n    min-height:60px !important;\r\n\r\n  }\r\n\r\n\r\n  .vtb-copy{\r\n\r\n    padding:\r\n      40px\r\n      18px;\r\n\r\n  }\r\n\r\n\r\n  .vtb-copy h1{\r\n\r\n    font-size:42px;\r\n\r\n    letter-spacing:-1.8px;\r\n\r\n  }\r\n\r\n\r\n  .vtb-series-head{\r\n    align-items:flex-start;\r\n  }\r\n\r\n\r\n  .vtb-series-head > span{\r\n    display:none;\r\n  }\r\n\r\n\r\n  .vtb-page .vtb-type-selector{\r\n\r\n    grid-template-columns:1fr !important;\r\n\r\n    gap:9px !important;\r\n\r\n  }\r\n\r\n\r\n  .vtb-page button.vtb-type-btn{\r\n\r\n    min-height:124px !important;\r\n\r\n    border-radius:15px !important;\r\n\r\n  }\r\n\r\n\r\n  .vtb-card-top h4{\r\n    font-size:16px !important;\r\n  }\r\n\r\n\r\n  .vtb-specs,\r\n  .vtb-actions,\r\n  .vtb-trust,\r\n  .vtb-features{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  .vtb-specs div{\r\n\r\n    border-right:0;\r\n\r\n    border-bottom:\r\n      1px solid\r\n      var(--vtb-line);\r\n\r\n  }\r\n\r\n\r\n  .vtb-features article{\r\n\r\n    padding:\r\n      25px\r\n      0;\r\n\r\n    border-bottom:\r\n      1px solid\r\n      var(--vtb-line);\r\n\r\n  }\r\n\r\n\r\n  .vtb-table tr > :first-child{\r\n    min-width:178px;\r\n  }\r\n\r\n\r\n  .vtb-cta{\r\n\r\n    padding:\r\n      40px\r\n      25px;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   REDUCED MOTION\r\n========================================================= *\/\r\n\r\n@media (prefers-reduced-motion:reduce){\r\n\r\n  .vtb-page *,\r\n  .vtb-page *::before,\r\n  .vtb-page *::after{\r\n\r\n    animation-duration:\r\n      .01ms !important;\r\n\r\n    transition-duration:\r\n      .01ms !important;\r\n\r\n  }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n\r\n<script>\r\n\r\n(function(){\r\n\r\n  const root =\r\n    document.querySelector(\r\n      \".vtb-page\"\r\n    );\r\n\r\n  if(!root){\r\n    return;\r\n  }\r\n\r\n\r\n\r\n  \/* =========================================================\r\n     SER\u0130 VER\u0130LER\u0130\r\n  ========================================================== *\/\r\n\r\n  const data = {\r\n\r\n\r\n    \/* =======================================================\r\n       TANDEM\r\n    ======================================================== *\/\r\n\r\n    tandem:{\r\n\r\n      label:\r\n        \"TANDEM SER\u0130S\u0130\",\r\n\r\n      title:\r\n        \"Tandem Balya R\u00f6morku\",\r\n\r\n      text:\r\n        \"Dengeli y\u00fck da\u011f\u0131l\u0131m\u0131, g\u00fc\u00e7l\u00fc ta\u015f\u0131y\u0131c\u0131 yap\u0131 ve profesyonel tar\u0131msal ta\u015f\u0131ma operasyonlar\u0131 i\u00e7in geli\u015ftirilen tandem balya r\u00f6morku serisi.\",\r\n\r\n      badge:\r\n        \"TANDEM\",\r\n\r\n      spec:\r\n        \"Tandem\",\r\n\r\n      whatsapp:\r\n        \"https:\/\/wa.me\/905526249272?text=Merhaba%2C%20Tandem%20VT%20Bale%20balya%20r%C3%B6morku%20hakk%C4%B1nda%20bilgi%20ve%20teklif%20almak%20istiyorum.\",\r\n\r\n      images:[\r\n\r\n        \"https:\/\/www.ventustrailer.com\/wp-content\/uploads\/2026\/08\/tandembale3.jpeg\",\r\n\r\n        \"https:\/\/www.ventustrailer.com\/wp-content\/uploads\/2026\/08\/tandembale2.jpeg\",\r\n\r\n        \"https:\/\/www.ventustrailer.com\/wp-content\/uploads\/2026\/08\/tandembale1.jpeg\"\r\n\r\n      ]\r\n\r\n    },\r\n\r\n\r\n\r\n    \/* =======================================================\r\n       \u00dc\u00c7 D\u0130NG\u0130L\r\n    ======================================================== *\/\r\n\r\n    tridem:{\r\n\r\n      label:\r\n        \"\u00dc\u00c7 D\u0130NG\u0130L SER\u0130S\u0130\",\r\n\r\n      title:\r\n        \"\u00dc\u00e7 Dingil Balya R\u00f6morku\",\r\n\r\n      text:\r\n        \"Y\u00fcksek ta\u015f\u0131ma ihtiyac\u0131, dengeli y\u00fck da\u011f\u0131l\u0131m\u0131 ve a\u011f\u0131r \u00e7al\u0131\u015fma ko\u015fullar\u0131nda profesyonel kullan\u0131m i\u00e7in geli\u015ftirilen \u00fc\u00e7 dingil balya r\u00f6morku serisi.\",\r\n\r\n      badge:\r\n        \"\u00dc\u00c7 D\u0130NG\u0130L\",\r\n\r\n      spec:\r\n        \"\u00dc\u00e7 Dingil\",\r\n\r\n      whatsapp:\r\n        \"https:\/\/wa.me\/905526249272?text=Merhaba%2C%20%C3%9C%C3%A7%20Dingil%20VT%20Bale%20balya%20r%C3%B6morku%20hakk%C4%B1nda%20bilgi%20ve%20teklif%20almak%20istiyorum.\",\r\n\r\n      images:[\r\n\r\n        \"https:\/\/www.ventustrailer.com\/wp-content\/uploads\/2026\/08\/ucdingilserisibale-e1786540102986.jpeg\",\r\n\r\n        \"https:\/\/www.ventustrailer.com\/wp-content\/uploads\/2026\/08\/ucdingil-bale-serisi.jpeg\"\r\n\r\n      ]\r\n\r\n    }\r\n\r\n  };\r\n\r\n\r\n\r\n  let currentType =\r\n    \"tandem\";\r\n\r\n\r\n  let currentIndex =\r\n    0;\r\n\r\n\r\n  let touchStartX =\r\n    0;\r\n\r\n\r\n  let touchEndX =\r\n    0;\r\n\r\n\r\n\r\n  const stage =\r\n    root.querySelector(\r\n      \"#vtb-stage\"\r\n    );\r\n\r\n\r\n  const mainImage =\r\n    root.querySelector(\r\n      \"#vtb-main-image\"\r\n    );\r\n\r\n\r\n  const thumbs =\r\n    root.querySelector(\r\n      \"#vtb-thumbs\"\r\n    );\r\n\r\n\r\n  const dots =\r\n    root.querySelector(\r\n      \"#vtb-dots\"\r\n    );\r\n\r\n\r\n  const counter =\r\n    root.querySelector(\r\n      \"#vtb-counter\"\r\n    );\r\n\r\n\r\n  const galleryType =\r\n    root.querySelector(\r\n      \"#vtb-gallery-type\"\r\n    );\r\n\r\n\r\n  const currentLabel =\r\n    root.querySelector(\r\n      \"#vtb-current-label\"\r\n    );\r\n\r\n\r\n  const currentTitle =\r\n    root.querySelector(\r\n      \"#vtb-current-title\"\r\n    );\r\n\r\n\r\n  const currentText =\r\n    root.querySelector(\r\n      \"#vtb-current-text\"\r\n    );\r\n\r\n\r\n  const spec =\r\n    root.querySelector(\r\n      \"#vtb-spec-2\"\r\n    );\r\n\r\n\r\n  const whatsapp =\r\n    root.querySelector(\r\n      \"#vtb-whatsapp\"\r\n    );\r\n\r\n\r\n\r\n  \/* =========================================================\r\n     PRELOAD\r\n  ========================================================== *\/\r\n\r\n  Object.keys(data).forEach(\r\n    function(type){\r\n\r\n      data[type].images.forEach(\r\n        function(src){\r\n\r\n          const img =\r\n            new Image();\r\n\r\n          img.src =\r\n            src;\r\n\r\n        }\r\n      );\r\n\r\n    }\r\n  );\r\n\r\n\r\n\r\n  function formatNumber(number){\r\n\r\n    return String(number)\r\n      .padStart(2,\"0\");\r\n\r\n  }\r\n\r\n\r\n\r\n  \/* =========================================================\r\n     FOTO\u011eRAF G\u00d6STER\r\n  ========================================================== *\/\r\n\r\n  function showImage(index){\r\n\r\n    const images =\r\n      data[currentType].images;\r\n\r\n\r\n    if(!images.length){\r\n      return;\r\n    }\r\n\r\n\r\n    if(index < 0){\r\n\r\n      index =\r\n        images.length - 1;\r\n\r\n    }\r\n\r\n\r\n    if(index >= images.length){\r\n\r\n      index = 0;\r\n\r\n    }\r\n\r\n\r\n    currentIndex =\r\n      index;\r\n\r\n\r\n    mainImage.style.opacity =\r\n      \"0\";\r\n\r\n\r\n    setTimeout(\r\n      function(){\r\n\r\n        mainImage.src =\r\n          images[currentIndex];\r\n\r\n\r\n        mainImage.style.opacity =\r\n          \"1\";\r\n\r\n      },\r\n      120\r\n    );\r\n\r\n\r\n    counter.textContent =\r\n\r\n      formatNumber(\r\n        currentIndex + 1\r\n      )\r\n\r\n      +\r\n\r\n      \" \/ \"\r\n\r\n      +\r\n\r\n      formatNumber(\r\n        images.length\r\n      );\r\n\r\n\r\n\r\n    thumbs\r\n      .querySelectorAll(\r\n        \".vtb-thumb\"\r\n      )\r\n      .forEach(\r\n        function(button,index){\r\n\r\n          button.classList.toggle(\r\n            \"active\",\r\n            index === currentIndex\r\n          );\r\n\r\n        }\r\n      );\r\n\r\n\r\n    dots\r\n      .querySelectorAll(\r\n        \".vtb-dot\"\r\n      )\r\n      .forEach(\r\n        function(button,index){\r\n\r\n          button.classList.toggle(\r\n            \"active\",\r\n            index === currentIndex\r\n          );\r\n\r\n        }\r\n      );\r\n\r\n  }\r\n\r\n\r\n\r\n  \/* =========================================================\r\n     GALER\u0130 KONTROLLER\u0130\r\n  ========================================================== *\/\r\n\r\n  function buildGalleryControls(){\r\n\r\n    const images =\r\n      data[currentType].images;\r\n\r\n\r\n    thumbs.innerHTML =\r\n      \"\";\r\n\r\n\r\n    dots.innerHTML =\r\n      \"\";\r\n\r\n\r\n    images.forEach(\r\n      function(src,index){\r\n\r\n\r\n        \/* THUMB *\/\r\n\r\n        const thumb =\r\n          document.createElement(\r\n            \"button\"\r\n          );\r\n\r\n\r\n        thumb.type =\r\n          \"button\";\r\n\r\n\r\n        thumb.className =\r\n          \"vtb-thumb\";\r\n\r\n\r\n        if(index === 0){\r\n\r\n          thumb.classList.add(\r\n            \"active\"\r\n          );\r\n\r\n        }\r\n\r\n\r\n        thumb.setAttribute(\r\n          \"aria-label\",\r\n          \"G\u00f6rsel \"\r\n          +\r\n          (index + 1)\r\n        );\r\n\r\n\r\n        const image =\r\n          document.createElement(\r\n            \"img\"\r\n          );\r\n\r\n\r\n        image.src =\r\n          src;\r\n\r\n\r\n        image.alt =\r\n          data[currentType].spec\r\n          +\r\n          \" Balya R\u00f6morku G\u00f6rseli \"\r\n          +\r\n          (index + 1);\r\n\r\n\r\n        thumb.appendChild(\r\n          image\r\n        );\r\n\r\n\r\n        thumb.addEventListener(\r\n          \"click\",\r\n          function(){\r\n\r\n            showImage(\r\n              index\r\n            );\r\n\r\n          }\r\n        );\r\n\r\n\r\n        thumbs.appendChild(\r\n          thumb\r\n        );\r\n\r\n\r\n\r\n        \/* DOT *\/\r\n\r\n        const dot =\r\n          document.createElement(\r\n            \"button\"\r\n          );\r\n\r\n\r\n        dot.type =\r\n          \"button\";\r\n\r\n\r\n        dot.className =\r\n          \"vtb-dot\";\r\n\r\n\r\n        if(index === 0){\r\n\r\n          dot.classList.add(\r\n            \"active\"\r\n          );\r\n\r\n        }\r\n\r\n\r\n        dot.setAttribute(\r\n          \"aria-label\",\r\n          \"G\u00f6rsel \"\r\n          +\r\n          (index + 1)\r\n        );\r\n\r\n\r\n        dot.addEventListener(\r\n          \"click\",\r\n          function(){\r\n\r\n            showImage(\r\n              index\r\n            );\r\n\r\n          }\r\n        );\r\n\r\n\r\n        dots.appendChild(\r\n          dot\r\n        );\r\n\r\n      }\r\n    );\r\n\r\n  }\r\n\r\n\r\n\r\n  \/* =========================================================\r\n     SER\u0130 SE\u00c7\r\n  ========================================================== *\/\r\n\r\n  function selectType(type){\r\n\r\n    if(!data[type]){\r\n      return;\r\n    }\r\n\r\n\r\n    currentType =\r\n      type;\r\n\r\n\r\n    currentIndex =\r\n      0;\r\n\r\n\r\n    const item =\r\n      data[type];\r\n\r\n\r\n    root\r\n      .querySelectorAll(\r\n        \".vtb-type-btn\"\r\n      )\r\n      .forEach(\r\n        function(button){\r\n\r\n          button.classList.toggle(\r\n            \"active\",\r\n            button.dataset.type === type\r\n          );\r\n\r\n        }\r\n      );\r\n\r\n\r\n    currentLabel.textContent =\r\n      item.label;\r\n\r\n\r\n    currentTitle.textContent =\r\n      item.title;\r\n\r\n\r\n    currentText.textContent =\r\n      item.text;\r\n\r\n\r\n    galleryType.textContent =\r\n      item.badge;\r\n\r\n\r\n    spec.textContent =\r\n      item.spec;\r\n\r\n\r\n    whatsapp.href =\r\n      item.whatsapp;\r\n\r\n\r\n    mainImage.alt =\r\n      \"Ventus Trailer \"\r\n      +\r\n      item.spec\r\n      +\r\n      \" Balya R\u00f6morku\";\r\n\r\n\r\n    buildGalleryControls();\r\n\r\n\r\n    showImage(0);\r\n\r\n  }\r\n\r\n\r\n\r\n  \/* =========================================================\r\n     SER\u0130 KART CLICK\r\n  ========================================================== *\/\r\n\r\n  root\r\n    .querySelectorAll(\r\n      \".vtb-type-btn\"\r\n    )\r\n    .forEach(\r\n      function(button){\r\n\r\n        button.addEventListener(\r\n          \"click\",\r\n          function(){\r\n\r\n            selectType(\r\n              button.dataset.type\r\n            );\r\n\r\n          }\r\n        );\r\n\r\n      }\r\n    );\r\n\r\n\r\n\r\n  \/* =========================================================\r\n     PREV\r\n  ========================================================== *\/\r\n\r\n  root\r\n    .querySelector(\r\n      \".vtb-prev\"\r\n    )\r\n    .addEventListener(\r\n      \"click\",\r\n      function(){\r\n\r\n        showImage(\r\n          currentIndex - 1\r\n        );\r\n\r\n      }\r\n    );\r\n\r\n\r\n\r\n  \/* =========================================================\r\n     NEXT\r\n  ========================================================== *\/\r\n\r\n  root\r\n    .querySelector(\r\n      \".vtb-next\"\r\n    )\r\n    .addEventListener(\r\n      \"click\",\r\n      function(){\r\n\r\n        showImage(\r\n          currentIndex + 1\r\n        );\r\n\r\n      }\r\n    );\r\n\r\n\r\n\r\n  \/* =========================================================\r\n     MOB\u0130L SWIPE\r\n  ========================================================== *\/\r\n\r\n  stage.addEventListener(\r\n    \"touchstart\",\r\n    function(event){\r\n\r\n      touchStartX =\r\n        event.changedTouches[0]\r\n          .clientX;\r\n\r\n    },\r\n    {\r\n      passive:true\r\n    }\r\n  );\r\n\r\n\r\n  stage.addEventListener(\r\n    \"touchend\",\r\n    function(event){\r\n\r\n      touchEndX =\r\n        event.changedTouches[0]\r\n          .clientX;\r\n\r\n\r\n      const difference =\r\n        touchStartX\r\n        -\r\n        touchEndX;\r\n\r\n\r\n      if(\r\n        Math.abs(difference)\r\n        < 45\r\n      ){\r\n        return;\r\n      }\r\n\r\n\r\n      if(difference > 0){\r\n\r\n        showImage(\r\n          currentIndex + 1\r\n        );\r\n\r\n      }else{\r\n\r\n        showImage(\r\n          currentIndex - 1\r\n        );\r\n\r\n      }\r\n\r\n    },\r\n    {\r\n      passive:true\r\n    }\r\n  );\r\n\r\n\r\n\r\n  \/* =========================================================\r\n     KLAVYE OKLARI\r\n  ========================================================== *\/\r\n\r\n  document.addEventListener(\r\n    \"keydown\",\r\n    function(event){\r\n\r\n      const rect =\r\n        stage.getBoundingClientRect();\r\n\r\n\r\n      const visible =\r\n\r\n        rect.bottom > 0\r\n\r\n        &&\r\n\r\n        rect.top <\r\n        window.innerHeight;\r\n\r\n\r\n      if(!visible){\r\n        return;\r\n      }\r\n\r\n\r\n      if(\r\n        event.key ===\r\n        \"ArrowLeft\"\r\n      ){\r\n\r\n        showImage(\r\n          currentIndex - 1\r\n        );\r\n\r\n      }\r\n\r\n\r\n      if(\r\n        event.key ===\r\n        \"ArrowRight\"\r\n      ){\r\n\r\n        showImage(\r\n          currentIndex + 1\r\n        );\r\n\r\n      }\r\n\r\n    }\r\n  );\r\n\r\n\r\n\r\n  \/* =========================================================\r\n     BA\u015eLANGI\u00c7\r\n  ========================================================== *\/\r\n\r\n  selectType(\r\n    \"tandem\"\r\n  );\r\n\r\n})();\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>VENTUS TRAILER TANDEM \u2039 \u203a 01 \/ 03 VT BALE SER\u0130S\u0130 Balya Ta\u015f\u0131ma R\u00f6morklar\u0131 Tar\u0131msal balya ta\u015f\u0131ma operasyonlar\u0131 i\u00e7in geli\u015ftirilen VT Bale Serisi; dayan\u0131kl\u0131 ta\u015f\u0131y\u0131c\u0131 yap\u0131s\u0131, geni\u015f platformu ve farkl\u0131 dingil se\u00e7enekleriyle profesyonel kullan\u0131m sunar. \u00dcr\u00fcn serisini se\u00e7in Kartlara t\u0131klayarak balya r\u00f6morku gruplar\u0131 aras\u0131nda ge\u00e7i\u015f yap\u0131n. 2 \u00dcR\u00dcN GRUBU 01 Tandem &#x2197; VT Bale Tandem [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_monsterinsights_skip_tracking":false,"footnotes":""},"class_list":["post-891","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.ventustrailer.com\/en\/wp-json\/wp\/v2\/pages\/891","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ventustrailer.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.ventustrailer.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.ventustrailer.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ventustrailer.com\/en\/wp-json\/wp\/v2\/comments?post=891"}],"version-history":[{"count":16,"href":"https:\/\/www.ventustrailer.com\/en\/wp-json\/wp\/v2\/pages\/891\/revisions"}],"predecessor-version":[{"id":2197,"href":"https:\/\/www.ventustrailer.com\/en\/wp-json\/wp\/v2\/pages\/891\/revisions\/2197"}],"wp:attachment":[{"href":"https:\/\/www.ventustrailer.com\/en\/wp-json\/wp\/v2\/media?parent=891"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}