/* ============================================================
   VeliLig sponsorluk: PDF dosyası (yatay A4) ve site sayfası
   ============================================================ */

@font-face { font-family: 'Bangers'; font-display: block; src: url('../fonts/bangers-latin-ext.woff2') format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+1E00-1E9F, U+20A0-20AB, U+20AD-20C0; }
@font-face { font-family: 'Bangers'; font-display: block; src: url('../fonts/bangers-latin.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2212, U+FEFF, U+FFFD; }

/* ---------------------------------------------------------- Dosya (deck) */
.deck-preview { background: repeating-conic-gradient(#e9ecef 0 25%, #f8f9fa 0 50%) 0 0 / 24px 24px; border-radius: 1rem; padding: 1rem; display: flex; flex-direction: column; align-items: center; gap: 1.25rem; }
.deck-holder { box-shadow: 0 10px 30px rgba(0, 0, 0, .3); }
.deck-page {
    --ink: #161616; --yellow: #ffb700; --red: #e63946; --comic: 'Bangers', Impact, 'Arial Black', sans-serif;
    position: relative; overflow: hidden; box-sizing: border-box;
    width: 297mm; height: 210mm; padding: 14mm 16mm 16mm;
    background-color: #fff8e1; color: var(--ink); font-family: 'Segoe UI', Arial, sans-serif; font-size: 4mm; line-height: 1.35;
    background-image: radial-gradient(rgba(22, 22, 22, .09) .3mm, transparent .4mm); background-size: 2.6mm 2.6mm;
    -webkit-print-color-adjust: exact; print-color-adjust: exact;
}
.deck-page * { box-sizing: border-box; }
.dk-comic { position: relative; display: inline-block; isolation: isolate; margin: 0; font-family: var(--comic); font-weight: 400; color: var(--yellow); letter-spacing: .5mm; line-height: 1; }
.dk-comic::before, .dk-comic::after { content: attr(data-shadow); position: absolute; left: 0; top: 0; color: var(--ink); -webkit-text-stroke: 1.8mm var(--ink); z-index: -1; white-space: nowrap; }
.dk-comic::after { transform: translate(1.2mm, 1.2mm); z-index: -2; }
.dk-title { font-size: 13mm; margin-bottom: 6mm; }
.dk-title.light { color: #fff; }
.dk-sub { position: absolute; top: 17mm; right: 16mm; font-family: var(--comic); font-size: 6mm; color: #999; }
.dk-foot { position: absolute; left: 16mm; right: 16mm; bottom: 6mm; display: flex; justify-content: space-between; font-size: 3mm; color: #777; border-top: .3mm solid rgba(0, 0, 0, .15); padding-top: 1.5mm; }
.dk-dark .dk-foot { color: #bbb; border-color: rgba(255, 255, 255, .2); }
.dk-intro { font-size: 4.4mm; max-width: 230mm; margin: 0 0 7mm; }
.dk-intro.short { margin-bottom: 5mm; }

/* Kapak ve kapanış */
.dk-cover, .dk-close { background-color: var(--yellow); background-image: none; }
.dk-rays { position: absolute; inset: 0; background: url('../img/brochure-rays.svg') center / 100% 100% no-repeat; opacity: .9; }
.dk-cover-text { position: relative; width: 136mm; margin-top: 10mm; }
.dk-badge { display: inline-flex; flex-direction: column; background: var(--ink); color: var(--yellow); font-family: var(--comic); font-size: 10mm; line-height: 1; padding: 2.5mm 5mm; transform: rotate(-3deg); box-shadow: 1.5mm 1.5mm 0 #fff; }
.dk-badge small { font-size: 4.5mm; color: #fff; margin-top: 1mm; }
.dk-cover-title { display: block; font-size: 25mm; color: #fff; margin: 10mm 0 6mm; line-height: .95; white-space: normal; }
.dk-cover-title::before, .dk-cover-title::after { white-space: normal; right: 0; }
.dk-headline { font-size: 6.2mm; font-weight: 800; line-height: 1.3; background: #fff; border: .8mm solid var(--ink); border-radius: 3mm; padding: 3mm 5mm; box-shadow: 1.5mm 1.5mm 0 var(--ink); margin: 0; }
.dk-offer { margin-top: 6mm; display: flex; flex-direction: column; gap: 1.5mm; font-size: 3.8mm; }
.dk-offer-for { font-family: var(--comic); font-size: 6.5mm; letter-spacing: .3mm; color: var(--red); }
.dk-offer-for[hidden] { display: none; }
.dk-cover-logo { position: absolute; right: 16mm; top: 22mm; height: 150mm; transform: rotate(5deg); filter: drop-shadow(2mm 2mm 0 rgba(22, 22, 22, .85)); }
.dk-bubble { position: absolute; right: 118mm; top: 36mm; background: #fff; border: .8mm solid var(--ink); border-radius: 5mm; padding: 2.5mm 4mm; font-weight: 800; font-size: 4.2mm; box-shadow: 1.2mm 1.2mm 0 var(--ink); transform: rotate(-4deg); }
.dk-bubble::after { content: ""; position: absolute; right: 8mm; bottom: -3mm; width: 5mm; height: 5mm; background: #fff; border-right: .8mm solid var(--ink); border-bottom: .8mm solid var(--ink); transform: rotate(45deg); }

/* Kancalar */
.dk-hooks { display: grid; grid-template-columns: repeat(3, 1fr); gap: 5mm; }
.dk-hook { position: relative; background: #fff; border: .8mm solid var(--ink); border-radius: 3mm; box-shadow: 1.5mm 1.5mm 0 var(--ink); padding: 6mm 6mm 6mm 17mm; min-height: 50mm; }
.dk-num { position: absolute; left: 4mm; top: 4.5mm; width: 9mm; height: 9mm; border-radius: 50%; background: var(--yellow); border: .6mm solid var(--ink); font-family: var(--comic); font-size: 5.5mm; display: flex; align-items: center; justify-content: center; }
.dk-hook h3 { font-family: var(--comic); font-weight: 400; font-size: 7mm; letter-spacing: .3mm; margin: 0 0 2mm; }
.dk-hook p { margin: 0; font-size: 4.3mm; line-height: 1.4; }

/* Rakamlar */
.dk-dark { background-color: var(--ink); color: #fff; background-image: radial-gradient(rgba(255, 183, 0, .12) .3mm, transparent .4mm); }
.dk-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(48mm, 1fr)); gap: 5mm; margin-bottom: 9mm; }
.dk-stat { background: var(--yellow); color: var(--ink); border-radius: 3mm; padding: 5mm; text-align: center; box-shadow: 1.5mm 1.5mm 0 #fff; }
.dk-stat strong { display: block; font-family: var(--comic); font-weight: 400; font-size: 19mm; line-height: 1; }
.dk-stat { padding: 7mm 4mm; }
.dk-stat span { font-weight: 800; font-size: 4mm; }
.dk-audience { display: grid; grid-template-columns: repeat(3, 1fr); gap: 5mm; }
.dk-audience div { border: .5mm solid rgba(255, 255, 255, .35); border-radius: 3mm; padding: 4mm 5mm; }
.dk-audience i { color: var(--yellow); font-size: 7mm; display: block; margin-bottom: 2mm; }
.dk-audience strong { display: block; font-family: var(--comic); font-weight: 400; font-size: 6mm; letter-spacing: .3mm; color: var(--yellow); }
.dk-audience span { font-size: 4.2mm; }
.dk-quote { margin-top: 9mm; display: flex; align-items: center; gap: 6mm; border-top: .5mm dashed rgba(255, 183, 0, .5); padding-top: 7mm; }
.dk-quote-bubble { background: #fff; color: var(--ink); border: .8mm solid var(--yellow); border-radius: 5mm; padding: 3mm 6mm; font-weight: 800; font-size: 5.2mm; transform: rotate(-2deg); }
.dk-quote span { font-family: var(--comic); font-size: 7mm; color: var(--yellow); letter-spacing: .3mm; }

/* Görünürlük alanları */
.dk-rights { display: grid; grid-template-columns: repeat(3, 1fr); gap: 4mm; }
.dk-right { position: relative; background: #fff; border: .7mm solid var(--ink); border-radius: 3mm; box-shadow: 1.2mm 1.2mm 0 var(--ink); padding: 3.5mm 4mm 3.5mm 15mm; min-height: 39mm; }
.dk-ic { position: absolute; left: 3.5mm; top: 3.5mm; width: 9mm; height: 9mm; border-radius: 2mm; background: var(--ink); color: var(--yellow); display: flex; align-items: center; justify-content: center; font-size: 4.5mm; }
.dk-right h3 { font-family: var(--comic); font-weight: 400; font-size: 5.4mm; letter-spacing: .3mm; margin: 0 0 1mm; line-height: 1.05; }
.dk-spec { display: inline-block; background: var(--yellow); font-weight: 800; font-size: 3mm; border-radius: 5mm; padding: .5mm 2.5mm; margin-bottom: 1.5mm; }
.dk-right p { margin: 0; font-size: 3.3mm; line-height: 1.3; }

/* Paket karşılaştırma */
.dk-matrix { width: 100%; border-collapse: separate; border-spacing: 0; font-size: 3.2mm; background: #fff; border: .7mm solid var(--ink); border-radius: 3mm; overflow: hidden; }
.dk-matrix th, .dk-matrix td { padding: 1.2mm 2.5mm; border-bottom: .25mm solid #e5e5e5; text-align: center; }
.dk-matrix tbody th, .dk-matrix tfoot th { text-align: left; font-weight: 700; }
.dk-matrix thead th { background: var(--ink); color: #fff; vertical-align: bottom; padding: 3mm 2.5mm; }
.dk-matrix thead th.featured { background: var(--yellow); color: var(--ink); }
.dk-pk { display: block; font-family: var(--comic); font-weight: 400; font-size: 5.5mm; letter-spacing: .3mm; }
.dk-matrix thead small { display: block; font-size: 2.8mm; font-weight: 600; opacity: .85; }
.dk-matrix thead em { display: inline-block; margin-top: 1mm; font-style: normal; font-size: 2.6mm; border: .3mm solid currentColor; border-radius: 3mm; padding: 0 2mm; }
.dk-matrix td.featured { background: #fff4d1; font-weight: 700; }
.dk-matrix .fa-check { color: #1f8a3b; }
.dk-dash { color: #bbb; }
.dk-matrix tfoot th, .dk-matrix tfoot td { background: var(--ink); color: var(--yellow); font-weight: 800; font-size: 3.6mm; border: 0; padding: 2.5mm; }
.dk-matrix tfoot td.featured { background: var(--yellow); color: var(--ink); }

/* Tek tek fiyatlar */
.dk-prices { width: 100%; border-collapse: collapse; font-size: 3.4mm; background: #fff; }
.dk-prices th { background: var(--ink); color: var(--yellow); text-align: left; padding: 2mm 3mm; font-size: 3.2mm; }
.dk-prices td { padding: 1.35mm 3mm; border-bottom: .25mm solid #e5e5e5; }
.dk-prices td:first-child { font-weight: 700; }
.dk-prices td i { width: 5mm; color: #b07d00; }
.dk-prices .text-end { text-align: right; white-space: nowrap; font-weight: 800; }

/* Kapanış */
.dk-close-text { position: relative; width: 175mm; margin-top: 16mm; }
.dk-close-title { display: block; font-size: 17mm; color: #fff; margin-bottom: 8mm; }
.dk-contact { margin-top: 8mm; display: grid; grid-template-columns: 1fr 1fr; gap: 2.5mm 6mm; font-size: 4.6mm; font-weight: 700; }
.dk-contact i { width: 6mm; }
.dk-qr { position: absolute; right: 22mm; top: 50mm; width: 62mm; background: #fff; border: .8mm solid var(--ink); border-radius: 3mm; box-shadow: 1.5mm 1.5mm 0 var(--ink); padding: 4mm; text-align: center; transform: rotate(2deg); }
.dk-qr svg { width: 52mm; height: 52mm; display: block; margin: 0 auto 2mm; }
.dk-qr strong { font-family: var(--comic); font-weight: 400; font-size: 5mm; color: var(--red); letter-spacing: .3mm; }
.dk-legal { position: absolute; left: 16mm; bottom: 12mm; font-size: 2.8mm; margin: 0; }
.dk-steps { position: absolute; left: 16mm; right: 16mm; bottom: 22mm; display: grid; grid-template-columns: repeat(3, 1fr); gap: 5mm; }
.dk-step { background: var(--ink); color: #fff; border-radius: 3mm; padding: 4mm 5mm; display: flex; gap: 4mm; align-items: center; box-shadow: 1.2mm 1.2mm 0 #fff; }
.dk-step b { font-family: var(--comic); font-weight: 400; font-size: 11mm; color: var(--yellow); line-height: 1; }
.dk-step strong { display: block; font-family: var(--comic); font-weight: 400; font-size: 6mm; letter-spacing: .3mm; color: var(--yellow); }
.dk-step span { font-size: 3.6mm; }

/* ---------------------------------------------------------- Site sayfası */
.sp-hero { position: relative; overflow: hidden; background: #ffb700 url('../img/brochure-rays.svg') center / cover no-repeat; border-bottom: 5px solid #161616; }
.sp-hero .container { position: relative; }
.sp-hero-title { font-family: 'Bangers', Impact, sans-serif; font-size: clamp(2.6rem, 7vw, 5rem); line-height: .95; color: #fff; -webkit-text-stroke: 2px #161616; text-shadow: 4px 4px 0 #161616; letter-spacing: 1px; }
.sp-headline { font-size: 1.25rem; font-weight: 800; background: #fff; border: 3px solid #161616; border-radius: .75rem; padding: .75rem 1rem; box-shadow: 5px 5px 0 #161616; display: inline-block; }
.sp-logo { max-height: 320px; transform: rotate(5deg); filter: drop-shadow(8px 8px 0 rgba(22, 22, 22, .85)); }
.sp-card { background: #fff; border: 3px solid #161616; border-radius: .75rem; box-shadow: 5px 5px 0 #161616; height: 100%; }
.sp-card h3 { font-family: 'Bangers', Impact, sans-serif; letter-spacing: .5px; font-size: 1.45rem; margin-bottom: .35rem; }
.sp-ic { width: 44px; height: 44px; border-radius: .5rem; background: #161616; color: #ffb700; display: inline-flex; align-items: center; justify-content: center; font-size: 1.2rem; }
.sp-spec { display: inline-block; background: #ffb700; font-weight: 800; font-size: .75rem; border-radius: 1rem; padding: .1rem .6rem; }
.sp-stats { background: #161616; color: #fff; }
.sp-stat strong { display: block; font-family: 'Bangers', Impact, sans-serif; font-size: 3rem; color: #ffb700; line-height: 1; }
.sp-pack { background: #fff; border: 3px solid #161616; border-radius: .75rem; box-shadow: 5px 5px 0 #161616; height: 100%; display: flex; flex-direction: column; }
.sp-pack.featured { background: #fff4d1; border-color: #ffb700; box-shadow: 5px 5px 0 #ffb700, 8px 8px 0 #161616; }
.sp-pack h3 { font-family: 'Bangers', Impact, sans-serif; font-size: 1.9rem; letter-spacing: .5px; margin: 0; }
.sp-pack ul { list-style: none; padding: 0; margin: 0 0 1rem; flex: 1; }
.sp-pack li { padding: .25rem 0; border-bottom: 1px dashed #ddd; font-size: .92rem; }
.sp-pack li i { color: #1f8a3b; width: 1.2rem; }
.sp-price { font-weight: 800; font-size: 1.15rem; }
#talep { scroll-margin-top: 90px; }
/* İsteğe bağlı alanlarda "geçerli" yeşil işareti gösterme; yalnızca hatalar vurgulanır */
.sp-form.was-validated .form-control:valid, .sp-form.was-validated .form-select:valid { border-color: var(--bs-border-color); background-image: none; }
.sp-form.was-validated .form-check-input:valid, .sp-form.was-validated .form-check-input:valid ~ .form-check-label { border-color: var(--bs-border-color); color: inherit; }