/* Trendyol yönlendirmesi (2026-10-11, kullanıcı onayladı): şerit, kart düğmesi, telefonda alt çubuk. Turuncu yalnız satın alma noktalarında.
   28.10.2026: beyaz yazılı düğme zemini #c45500 (4.5:1; #F27A1A 2.8:1 kalıyordu), "trendyol" sözcüğü #b54a00; çerçeve/çizgi turuncu kaldı. */
.vty{background:#fdeedd;border-bottom:1px solid #f3d6b8}
.vty-in{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:28px;align-items:center;padding:22px 56px;max-width:1440px;margin:0 auto;box-sizing:border-box}
.vty-packs{display:flex;align-items:flex-end;height:96px}
.vty-packs img{height:92px;width:auto;filter:drop-shadow(0 6px 8px rgba(26,37,48,.18))}
.vty-packs img+img{margin-left:-18px}
.vty-packs img:nth-child(2){height:84px}.vty-packs img:nth-child(3){height:78px}
.vty-eyebrow{display:inline-flex;align-items:center;gap:8px;font:600 11.5px 'Archivo',sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#b54a00}
.vty-word{font:800 15px 'Archivo',sans-serif;letter-spacing:-.02em;text-transform:none;color:#b54a00;background:#fff;padding:2px 9px 3px;border-radius:999px;border:1px solid #f5c9a3}
.vty h2{margin:6px 0 4px;font:500 26px/1.15 'Fraunces',serif;color:#1a2530;text-wrap:balance}
.vty p{margin:0;font-size:15px;line-height:1.5;color:#6b5f48;max-width:56ch}
.vty-cta{display:grid;gap:8px;justify-items:center}
.vty-cta small{font:500 12px 'Archivo',sans-serif;color:#6b5f48}
a.vty-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#c45500;color:#fff;font:700 15px 'Archivo',sans-serif;padding:14px 22px;border-radius:8px;white-space:nowrap;transition:background .15s}
a.vty-btn:hover,a.vty-btn:focus-visible{background:#a84800;color:#fff}
.vty-btn svg,.vty-line svg{width:16px;height:16px;flex:none}
a.vty-line{display:inline-flex;align-items:center;gap:7px;border:1.5px solid #F27A1A;color:#b54a00;font:700 12.5px 'Archivo',sans-serif;padding:8px 14px;border-radius:999px;white-space:nowrap;transition:background .15s,color .15s}
a.vty-line:hover,a.vty-line:focus-visible{background:#c45500;color:#fff}
a.vty-all{color:#b54a00}
a.vty-all:hover{color:#c45500}
.vty-dock{display:none}
@media (max-width:760px){
  .vty-nav{display:none!important}
  .vty-in{grid-template-columns:auto minmax(0,1fr);gap:14px;padding:16px 16px 18px}
  .vty-packs{height:74px}.vty-packs img{height:72px}.vty-packs img:nth-child(2){height:64px}.vty-packs img:nth-child(3){display:none}
  .vty h2{font-size:20px}
  .vty p,.vty-cta small{display:none}
  .vty-in{padding:14px 16px}
  .vty-cta{grid-column:1/-1;justify-items:stretch}
  .vty-cta small{text-align:center}
  .vty-dock{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:60;align-items:center;gap:10px;background:#1a2530;color:#f4ecd9;
    padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px));border-top:2px solid #F27A1A;transform:translateY(110%)}
  .vty-dock.on{transform:none;transition:transform .25s}
  .vty-dock img{height:38px;width:auto}
  .vty-dock div{flex:1;min-width:0;font:600 13px/1.25 'Archivo',sans-serif}
  .vty-dock small{display:block;font:500 11.5px 'Karla',sans-serif;color:#c9bfa9}
  .vty-dock a.vty-btn{padding:0 18px;min-height:44px;font-size:14.5px}
  body.vty-has-dock{padding-bottom:calc(68px + env(safe-area-inset-bottom,0px))}
  a.vty-line{min-height:44px;box-sizing:border-box}
}
@media (prefers-reduced-motion:reduce){.vty-dock,a.vty-btn,a.vty-line{transition:none}}
a.vty-line{align-self:center}