:root { color-scheme: light; scroll-behavior: smooth; }
html, body { min-height: 100%; }
* { box-sizing: border-box; }
body { margin: 0; background: var(--rt-bg); color: var(--rt-text); font-family: var(--rt-font); line-height: 1.5; }
button, input, select, textarea { font: inherit; }
.runtime-page { width: min(720px, 100%); margin: 0 auto; padding: 0 0 64px; }
.runtime-top-bar { width: 100%; min-height: 44px; display: flex; align-items: center; justify-content: center; padding: 10px 16px; margin: 0; border-radius: var(--rt-top-bar-radius); background: var(--rt-top-bar-bg); color: var(--rt-top-bar-text); font-family: var(--rt-top-bar-font); font-size: var(--rt-top-bar-font-size); font-weight: 800; line-height: 1.35; text-align: center; }
.runtime-top-bar.is-countdown { justify-content: space-between; gap: 12px; }.runtime-top-bar__countdown { flex: 0 0 auto; padding: 5px 8px; border: 1px solid var(--rt-top-bar-cd-border, currentColor); border-radius: max(4px, calc(var(--rt-top-bar-radius) - 3px)); background: var(--rt-top-bar-cd-bg, transparent); color: var(--rt-top-bar-cd-text, inherit); font-family: var(--rt-top-bar-cd-font, inherit); font-size: .82em; font-variant-numeric: tabular-nums; white-space: nowrap; }.runtime-top-bar.is-countdown .runtime-top-bar__marquee { flex: 1 1 auto; min-width: 0; text-align: left; white-space: nowrap; }.runtime-top-bar.is-countdown .runtime-top-bar__marquee-track { padding: 0; }
.runtime-top-bar.is-ticker { display: block; overflow: hidden; padding-right: 0; padding-left: 0; white-space: nowrap; }.runtime-top-bar__marquee { display: block; overflow: hidden; }.runtime-top-bar__marquee-track { display: inline-flex; min-width: max-content; gap: 56px; padding: 0 16px; animation: runtime-top-bar-marquee 18s linear infinite; }.runtime-top-bar.is-pause-on-hover:hover .runtime-top-bar__marquee-track { animation-play-state: paused; }@keyframes runtime-top-bar-marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } }
.runtime-hero { margin: 0 auto 28px; text-align: center; }
.runtime-hero span, .runtime-thanks__eyebrow { color: var(--rt-accent); font-size: .78rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.runtime-hero h1, .runtime-order-panel h2, .runtime-thanks h1 { margin: 7px 0; color: var(--rt-text); line-height: 1.12; }
.runtime-hero p { margin: 0; color: var(--rt-muted); }
.runtime-form-layout { display: grid; gap: var(--rt-section-gap); padding: var(--rt-form-padding, var(--rt-section-gap)); border-right: 1px solid var(--rt-border); border-left: 1px solid var(--rt-border); background: var(--rt-surface); }
.runtime-site-blocks { display: grid; gap: 0; margin-bottom: var(--rt-site-block-gap); overflow: hidden; background: var(--rt-surface); }.runtime-site-blocks--alt { margin-top: var(--rt-site-block-gap); margin-bottom: 0; }.runtime-site-block { display: block; width: 100%; overflow: hidden; color: var(--rt-text); text-decoration: none; }.runtime-site-block--image img, .runtime-site-block--video video { display: block; width: 100%; height: auto; }.runtime-site-block--youtube { position: relative; aspect-ratio: 16 / 9; background: #111827; }.runtime-site-block--youtube iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }.runtime-site-block--html { padding: 18px; background: var(--rt-surface); color: var(--rt-text); }.runtime-ticker { width: 100%; overflow: hidden; white-space: nowrap; }.runtime-ticker__track { display: inline-flex; min-width: max-content; gap: 52px; padding: 11px 0; animation: runtime-ticker 18s linear infinite; font-size: .86rem; font-weight: 800; }.runtime-ticker.is-pause-on-hover:hover .runtime-ticker__track { animation-play-state: paused; }@keyframes runtime-ticker { from { transform: translateX(0); } to { transform: translateX(-50%); } }
.runtime-packages { display: grid; gap: var(--rt-package-gap); }
.runtime-package { position: relative; display: grid; grid-template-columns: var(--rt-package-media-width) minmax(0, 1fr); gap: 12px; width: 100%; padding: 12px; overflow: hidden; border: 1px solid var(--rt-package-border); border-radius: var(--rt-package-radius); background: var(--rt-package-bg); color: var(--rt-package-text); text-align: left; cursor: pointer; transition: border-color .18s ease, background-color .18s ease, transform .18s ease, box-shadow .18s ease; }
.runtime-package:hover { background: var(--rt-package-hover-bg) !important; border-color: var(--rt-package-hover-border); transform: translateY(-1px); }
.runtime-package.is-selected { background: var(--rt-package-selected-bg); border-color: var(--rt-package-selected-border); box-shadow: 0 0 0 1px color-mix(in srgb, var(--rt-package-selected-border) 14%, transparent); }
.runtime-package.is-selected .runtime-package__details > strong, .runtime-package.is-selected .runtime-package__content, .runtime-package.is-selected .runtime-package__optionals { color: var(--rt-package-selected-text); }
.runtime-package--no-media { grid-template-columns: minmax(0, 1fr); }
.runtime-package__media { display: flex; min-height: var(--rt-package-height); height: var(--rt-package-height); overflow: hidden; border-radius: max(0px, calc(var(--rt-package-radius) - 6px)); background: var(--rt-surface-alt); }
.runtime-package__media img { width: 100%; height: 100%; object-fit: cover; object-position: center var(--rt-package-image-position-y); }
.runtime-package__copy { display: flex; flex-direction: column; align-items: flex-start; text-align: left; min-width: 0; }
.runtime-package[data-align="center"] .runtime-package__copy, .runtime-package[data-align="center"] .runtime-package__overlay { align-items: center; text-align: center; }.runtime-package[data-align="right"] .runtime-package__copy, .runtime-package[data-align="right"] .runtime-package__overlay { align-items: flex-end; text-align: right; }
.runtime-package__details > strong { display: inline-flex; width: fit-content; max-width: 100%; margin: var(--rt-package-title-margin, 0px); padding: var(--rt-package-title-padding, 0px); background: var(--rt-package-title-bg, transparent); color: var(--rt-package-title, var(--rt-package-text)) !important; font-family: var(--rt-package-title-font); font-size: var(--rt-package-title-size); font-weight: var(--rt-package-title-weight); line-height: 1.35; }
.runtime-package__content { display: inline-flex; width: fit-content; max-width: 100%; margin: var(--rt-package-content-margin, 0px); padding: var(--rt-package-content-padding, 0px); background: var(--rt-package-content-bg, transparent); color: var(--rt-package-content, var(--rt-muted)) !important; font-family: var(--rt-package-content-font); font-size: var(--rt-package-content-size); font-weight: var(--rt-package-content-weight); }
.runtime-package__optionals { display: grid; gap: 4px; width: 100%; margin-top: 6px; color: var(--rt-package-optional, var(--rt-muted)); font-family: var(--rt-package-optional-font); font-size: var(--rt-package-optional-size); font-weight: var(--rt-package-optional-weight); line-height: 1.45; }.runtime-package[data-align="center"] .runtime-package__optionals { justify-items: center; text-align: center; }.runtime-package[data-align="right"] .runtime-package__optionals { justify-items: end; text-align: right; }
.runtime-package__optional--1, .runtime-package__optional--2 { display: inline-flex; align-items: center; width: fit-content; }.runtime-package__optional--1 { margin: var(--rt-package-optional-1-margin, 0px); padding: var(--rt-package-optional-1-padding, 3px); background: var(--rt-package-optional-1-bg); color: var(--rt-package-optional-1-color); font-family: var(--rt-package-optional-1-font); font-size: var(--rt-package-optional-1-size); font-weight: var(--rt-package-optional-1-weight); }.runtime-package__optional--2 { margin: var(--rt-package-optional-2-margin, 0px); padding: var(--rt-package-optional-2-padding, 3px); background: var(--rt-package-optional-2-bg); color: var(--rt-package-optional-2-color); font-family: var(--rt-package-optional-2-font); font-size: var(--rt-package-optional-2-size); font-weight: var(--rt-package-optional-2-weight); }
.runtime-package__shipping-fee, .runtime-package__free-shipping { display: inline-flex; align-items: center; width: fit-content; padding: 3px 6px; }.runtime-package__shipping-fee { background: var(--rt-shipping-fee-bg); color: var(--rt-shipping-fee-color); font-family: var(--rt-shipping-fee-font); font-size: var(--rt-shipping-fee-size); font-weight: var(--rt-shipping-fee-weight); }.runtime-package__free-shipping { margin: var(--rt-free-shipping-margin, 0px); padding: var(--rt-free-shipping-padding, 3px); background: var(--rt-free-shipping-bg); color: var(--rt-free-shipping-color); font-family: var(--rt-free-shipping-font); font-size: var(--rt-free-shipping-size); font-weight: var(--rt-free-shipping-weight); }
.runtime-package__price-group { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; width: 100%; margin-top: 8px; }.runtime-package__price-group[data-price-layout="column"] { align-items: flex-start; flex-direction: column; gap: 3px; }.runtime-package[data-price-block-position="right"] .runtime-package__copy, .runtime-package[data-price-block-position="right"] .runtime-package__overlay { display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: 14px; row-gap: 0; align-items: center; align-content: start; grid-auto-rows: max-content; }.runtime-package[data-price-block-position="right"] strong, .runtime-package[data-price-block-position="right"] .runtime-package__content, .runtime-package[data-price-block-position="right"] .runtime-package__optionals { grid-column: 1; }.runtime-package[data-price-block-position="right"] .runtime-package__price-group { grid-column: 2; grid-row: 1 / -1; width: max-content; max-width: 100%; margin-top: 0; align-self: center; }.runtime-package__price-group[data-price-order] > .runtime-package__old-price { order: var(--rt-price-order-old, 1); }.runtime-package__price-group[data-price-order] > b { order: var(--rt-price-order-current, 2); }.runtime-package__price-group[data-price-order] > .runtime-package__discount { order: var(--rt-price-order-discount, 3); }.runtime-package__price-group[data-price-order="old-price-discount"] { --rt-price-order-old: 1; --rt-price-order-current: 2; --rt-price-order-discount: 3; }.runtime-package__price-group[data-price-order="old-discount-price"] { --rt-price-order-old: 1; --rt-price-order-discount: 2; --rt-price-order-current: 3; }.runtime-package__price-group[data-price-order="price-old-discount"] { --rt-price-order-current: 1; --rt-price-order-old: 2; --rt-price-order-discount: 3; }.runtime-package__price-group[data-price-order="price-discount-old"] { --rt-price-order-current: 1; --rt-price-order-discount: 2; --rt-price-order-old: 3; }.runtime-package__price-group[data-price-order="discount-old-price"] { --rt-price-order-discount: 1; --rt-price-order-old: 2; --rt-price-order-current: 3; }.runtime-package__price-group[data-price-order="price-discount-old"] { --rt-price-order-current: 1; --rt-price-order-discount: 2; --rt-price-order-old: 3; }.runtime-package__price-group[data-price-order="discount-old-price"] { --rt-price-order-discount: 1; --rt-price-order-old: 2; --rt-price-order-current: 3; }.runtime-package__price-group[data-price-order="discount-price-old"] { --rt-price-order-discount: 1; --rt-price-order-current: 2; --rt-price-order-old: 3; }
.runtime-package__old-price { display: inline-flex; align-items: center; width: fit-content; padding: 3px 6px; background: var(--rt-old-price-bg); color: var(--rt-old-price); font-family: var(--rt-old-price-font); font-size: var(--rt-old-price-size); font-weight: var(--rt-old-price-weight); text-decoration: line-through; }
.runtime-package b { display: inline-flex; align-items: center; width: fit-content; margin: 0; padding: 3px 6px; background: var(--rt-price-bg); color: var(--rt-package-price); font-family: var(--rt-package-price-font); font-size: var(--rt-package-price-size); font-weight: var(--rt-package-price-weight); }
.runtime-package__discount { display: inline-flex; align-items: center; width: fit-content; padding: 3px 6px; background: var(--rt-discount-bg); color: var(--rt-discount); font-family: var(--rt-discount-font); font-size: var(--rt-discount-size); font-weight: var(--rt-discount-weight); }
.runtime-package__badge { display: inline-flex; align-items: center; width: fit-content; margin: var(--rt-badge-margin, 0px); padding: var(--rt-badge-padding, 5px 10px); border-radius: var(--rt-badge-radius, 12px); background: var(--rt-badge-bg); color: var(--rt-badge-text) !important; font-size: var(--rt-badge-size, 10px); font-weight: 900; letter-spacing: .04em; text-transform: uppercase; }
.runtime-package__price-group > .runtime-package__badge[data-badge-position="top_right"] { flex: 0 0 100%; align-self: flex-end; }.runtime-package__badge[data-badge-position="bottom_right"] { position: absolute; right: 12px; bottom: 12px; z-index: 2; }.runtime-package__badge[data-badge-position="bottom"] { }
.runtime-order-panel { padding: 0; border: 0; background: transparent; }.runtime-order-panel h2 { margin: 0 0 12px; font-size: 1.32rem; text-align: center; }
.runtime-form { display: grid; gap: var(--rt-section-gap); }.runtime-form__selected { min-height: 24px; color: var(--rt-muted); font-size: .88rem; text-align: center; }.runtime-form__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--rt-field-gap); }
.runtime-field { display: flex; grid-column: span var(--rt-field-desktop-span, 1); flex-direction: column; align-items: flex-start; justify-content: center; min-width: 0; min-height: 42px; gap: 3px; padding: var(--rt-field-padding); border: var(--rt-field-border-width) solid var(--rt-field-border); border-radius: var(--rt-field-radius); background: var(--rt-field-bg); color: var(--rt-field-text); }.runtime-field--full { min-height: 66px; }.runtime-field--requires-package { display: none; }.runtime-field--labeless { min-height: auto; padding: 0; border: 0; border-radius: 0; background: transparent; gap: 0; }.runtime-field span { color: inherit; font-size: .82rem; font-weight: 800; line-height: 1.3; }.runtime-field input, .runtime-field select, .runtime-field textarea { width: 100%; min-height: 40px; border: var(--rt-input-border-width) solid var(--rt-input-border); border-radius: var(--rt-input-radius); background: var(--rt-input-bg); color: var(--rt-input-text); font-family: var(--rt-input-font, var(--rt-font)); font-size: var(--rt-input-size, 16px); padding: var(--rt-input-padding); outline: none; }.runtime-field input::placeholder, .runtime-field textarea::placeholder { color: var(--rt-input-text); opacity: 1; }.runtime-field--labeless input, .runtime-field--labeless select, .runtime-field--labeless textarea { border-radius: var(--rt-input-radius); }.runtime-field textarea { min-height: 84px; resize: vertical; }.runtime-field input:-webkit-autofill, .runtime-field textarea:-webkit-autofill { animation: runtime-autofill 1ms; }@keyframes runtime-autofill { from { opacity: 1; } to { opacity: 1; } }.runtime-field input:focus, .runtime-field select:focus, .runtime-field textarea:focus { border-color: var(--rt-input-focus, #0757f7); box-shadow: 0 0 0 3px color-mix(in srgb, var(--rt-input-focus, #0757f7) 18%, transparent); }
.runtime-submit { width: 100%; min-height: 50px; border: 0; border-radius: 14px; background: var(--rt-button); color: var(--rt-button-text); font-size: 1rem; font-weight: 800; cursor: pointer; }.runtime-submit:hover:not(:disabled), .runtime-submit:focus-visible:not(:disabled) { background: var(--rt-button-hover) !important; color: var(--rt-button-hover-text) !important; }.runtime-submit:disabled { cursor: not-allowed; opacity: .5; }.runtime-submit.is-loading { opacity: .7; }.runtime-form__status { min-height: 21px; margin: 0; color: #b91c1c; font-size: .88rem; text-align: center; }.runtime-form__status.is-success { color: #15803d; }.runtime-honeypot { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.runtime-packages--visual { gap: var(--rt-package-gap); }.runtime-package--visual { display: block; min-height: var(--rt-package-height); height: var(--rt-package-height); padding: 0; border: 0; border-radius: var(--rt-package-radius); background: var(--rt-surface-alt); }.runtime-package--visual > img, .runtime-package--visual > picture > img, .runtime-package__visual-placeholder { width: 100%; height: 100%; display: block; object-fit: cover; object-position: center var(--rt-package-image-position-y); }.runtime-package__visual-placeholder { display: grid; place-items: center; color: var(--rt-muted); font-size: .82rem; font-weight: 800; }.runtime-package__overlay { position: absolute; right: 0; bottom: 0; left: 0; display: flex; flex-direction: column; align-items: flex-start; gap: 0; padding: 18px; background: linear-gradient(180deg, rgba(10, 15, 26, .02) 0%, rgba(10, 15, 26, var(--rt-package-overlay-opacity)) 100%); color: #fff; text-align: left; }.runtime-package__overlay strong { background: var(--rt-package-title-bg, transparent); color: var(--rt-package-title, #fff); font-size: 1rem; }.runtime-package__overlay .runtime-package__content { background: var(--rt-package-content-bg, transparent); color: var(--rt-package-content, #fff); }.runtime-package__overlay .runtime-package__optionals { color: var(--rt-package-optional, #fff); }.runtime-package__overlay b { color: var(--rt-package-price, #fff); }
.runtime-package__overlay strong { font-family: var(--rt-package-title-font); font-size: var(--rt-package-title-size); font-weight: var(--rt-package-title-weight); }.runtime-package__overlay .runtime-package__content { font-family: var(--rt-package-content-font); font-size: var(--rt-package-content-size); font-weight: var(--rt-package-content-weight); }.runtime-package__overlay .runtime-package__optionals { font-family: var(--rt-package-optional-font); font-size: var(--rt-package-optional-size); font-weight: var(--rt-package-optional-weight); }.runtime-package__overlay b { font-family: var(--rt-package-price-font); font-size: var(--rt-package-price-size); font-weight: var(--rt-package-price-weight); }
.runtime-thanks { min-height: 100vh; display: grid; place-items: center; padding: 28px; }.runtime-thanks__card { width: min(780px, 100%); padding: clamp(24px, 5vw, 56px); background: var(--rt-surface); border: 1px solid var(--rt-border); text-align: center; }.runtime-thanks__card > p { color: var(--rt-muted); }.runtime-thanks__total { margin: 24px 0; padding: 16px; background: var(--rt-bg); }.runtime-thanks__columns { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; color: var(--rt-muted); text-align: left; font-size: .92rem; }
@media (max-width: 640px) { .runtime-page { width: 100%; padding: 0 0 40px; }.runtime-hero { margin-bottom: 20px; }.runtime-package { grid-template-columns: minmax(78px, var(--rt-package-media-width)) minmax(0, 1fr); }.runtime-package__media { min-height: 100%; height: 100%; }.runtime-thanks__columns { grid-template-columns: 1fr; }.runtime-field { grid-column: span var(--rt-field-mobile-span, 1); }.runtime-package--visual { min-height: var(--rt-package-height); height: var(--rt-package-height); }.runtime-thanks { padding: 0; }.runtime-thanks__card { min-height: 100vh; border: 0; } }
@media (max-width: 640px) { .runtime-package[data-price-block-position="right"] .runtime-package__copy, .runtime-package[data-price-block-position="right"] .runtime-package__overlay { display: flex; }.runtime-package[data-price-block-position="right"] .runtime-package__price-group { width: 100%; margin-top: 8px; } }
.runtime-package[data-price-block-position="right"] .runtime-package__copy, .runtime-package[data-price-block-position="right"] .runtime-package__overlay { align-items: start; }.runtime-package[data-price-block-position="right"] .runtime-package__price-group { align-self: start; }
.runtime-package[data-price-block-position="right"] .runtime-package__price-group { grid-row: 1; }
.runtime-package[data-price-block-position="right"] strong, .runtime-package[data-price-block-position="right"] .runtime-package__content, .runtime-package[data-price-block-position="right"] .runtime-package__optionals { align-self: start; }
.runtime-package__details { display: contents; }.runtime-package[data-price-block-position="right"] .runtime-package__details { display: flex; grid-column: 1; grid-row: 1; flex-direction: column; align-items: flex-start; min-width: 0; }
.runtime-package__optionals { margin-top: 0; }
.runtime-package__optionals { gap: 0; }
.runtime-package__price-group { align-self: var(--rt-price-horizontal, flex-start); justify-content: var(--rt-price-horizontal, flex-start); margin: var(--rt-price-group-margin, 0px); padding: var(--rt-price-group-padding, 0px); }.runtime-package__price-group[data-price-layout="column"] { align-items: var(--rt-price-horizontal, flex-start); }.runtime-package[data-price-block-position="right"] .runtime-package__price-group { margin: var(--rt-price-group-margin, 0px); align-self: var(--rt-price-vertical, flex-start); justify-self: var(--rt-price-horizontal, flex-start); }
.runtime-package__price-group, .runtime-package__price-group[data-price-layout="column"] { gap: var(--rt-price-group-gap, 0px); }
.runtime-package__old-price { margin: var(--rt-old-price-margin, 0px); padding: var(--rt-old-price-padding, 3px); }.runtime-package b { margin: var(--rt-package-price-margin, 0px); padding: var(--rt-package-price-padding, 3px); }.runtime-package__discount { margin: var(--rt-discount-margin, 0px); padding: var(--rt-discount-padding, 3px); }
.runtime-package__overlay strong { display: inline-flex; width: fit-content; max-width: 100%; margin: var(--rt-package-title-margin, 0px); padding: var(--rt-package-title-padding, 0px); }.runtime-package__overlay .runtime-package__content { display: inline-flex; width: fit-content; max-width: 100%; margin: var(--rt-package-content-margin, 0px); padding: var(--rt-package-content-padding, 0px); }
/* Cihaza göre site blokları (mobil: ≤640 px). */
@media (min-width: 641px) { .runtime-site-block--only-mobile { display: none !important; } }
@media (max-width: 640px) { .runtime-site-block--only-desktop { display: none !important; } }
/* Sayaç form alanının dışında (site bloklarıyla form arasında); konumu yalnız kendi dış boşluğuyla ayarlanır. */
.runtime-counter { display: flex; align-items: center; gap: 10px; margin: var(--rt-counter-mt, 0px) var(--rt-counter-mr, 0px) var(--rt-counter-mb, 0px) var(--rt-counter-ml, 0px); padding: 10px 14px; border-style: solid; border-color: var(--rt-counter-border, transparent); border-width: var(--rt-counter-bw-top, 0px) var(--rt-counter-bw-right, 0px) var(--rt-counter-bw-bottom, 0px) var(--rt-counter-bw-left, 0px); border-radius: var(--rt-counter-radius); background: var(--rt-counter-bg); color: var(--rt-counter-text); font-size: var(--rt-counter-font-size); font-weight: 600; line-height: 1.35; }.runtime-counter b { font-weight: 800; font-variant-numeric: tabular-nums; }.runtime-counter__dot { position: relative; flex: 0 0 auto; width: 10px; height: 10px; border-radius: 50%; background: var(--rt-counter-accent); }.runtime-counter__dot::after { content: ""; position: absolute; inset: 0; border-radius: inherit; background: inherit; animation: runtime-counter-pulse 1.8s ease-out infinite; }@keyframes runtime-counter-pulse { from { transform: scale(1); opacity: .6; } to { transform: scale(2.6); opacity: 0; } }
/* Sayaç görünümleri (renkler: --rt-counter-bg / -text / -accent; köşe: --rt-counter-radius) */
.runtime-counter__svg { flex: 0 0 auto; width: 1.25em; height: 1.25em; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.runtime-counter--v-stock-bar { flex-direction: column; align-items: stretch; gap: 8px; }.runtime-counter__row { display: flex; align-items: center; gap: 8px; }.runtime-counter--v-stock-bar .runtime-counter__svg { color: var(--rt-counter-accent); }.runtime-counter__track { position: relative; display: block; height: 8px; overflow: hidden; border-radius: 99px; background: color-mix(in srgb, var(--rt-counter-accent) 16%, transparent); }.runtime-counter__fill { position: absolute; inset: 0 auto 0 0; border-radius: inherit; background: linear-gradient(90deg, var(--rt-counter-accent), color-mix(in srgb, var(--rt-counter-accent) 70%, #ffffff)); transition: width .6s ease; }.runtime-counter__fill::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, transparent, rgba(255,255,255,.45), transparent); animation: runtime-counter-shine 2.4s ease-in-out infinite; }@keyframes runtime-counter-shine { from { transform: translateX(-100%); } to { transform: translateX(100%); } }
.runtime-counter--v-flash-card { gap: 12px; padding: 10px; box-shadow: 0 6px 18px -10px color-mix(in srgb, var(--rt-counter-accent) 70%, transparent); }.runtime-counter__tile { display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center; width: 42px; height: 42px; border-radius: max(6px, calc(var(--rt-counter-radius) - 2px)); background: var(--rt-counter-accent); color: #ffffff; }.runtime-counter__tile .runtime-counter__svg { width: 22px; height: 22px; }.runtime-counter__body { display: grid; gap: 1px; min-width: 0; }.runtime-counter__body small { color: var(--rt-counter-accent); font-size: .72em; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.runtime-counter--v-urgent-banner { justify-content: center; background: var(--rt-counter-accent); background-image: repeating-linear-gradient(-45deg, rgba(255,255,255,.12) 0 10px, transparent 10px 20px); background-size: 28px 28px; color: #ffffff; font-weight: 800; text-align: center; animation: runtime-counter-stripes 1.2s linear infinite; }.runtime-counter--v-urgent-banner .runtime-counter__svg { animation: runtime-counter-blink 1.2s ease-in-out infinite; }@keyframes runtime-counter-stripes { from { background-position: 0 0; } to { background-position: 28px 0; } }@keyframes runtime-counter-blink { 50% { opacity: .35; } }
.runtime-counter--v-live-pulse { gap: 12px; }.runtime-counter__live { position: relative; display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 50%; background: color-mix(in srgb, var(--rt-counter-accent) 16%, transparent); color: var(--rt-counter-accent); }.runtime-counter__live::before { content: ""; position: absolute; inset: -2px; border: 2px solid var(--rt-counter-accent); border-radius: 50%; animation: runtime-counter-ring 1.8s ease-out infinite; }@keyframes runtime-counter-ring { from { transform: scale(.9); opacity: .7; } to { transform: scale(1.45); opacity: 0; } }.runtime-counter__live .runtime-counter__svg { width: 16px; height: 16px; }
.runtime-counter--v-minimal-line { justify-content: center; padding: 8px 4px; border-width: var(--rt-counter-bw-top, 1px) 0 var(--rt-counter-bw-bottom, 1px) 0; border-style: dashed; border-radius: 0; background: transparent; font-weight: 500; text-align: center; }.runtime-counter--v-minimal-line .runtime-counter__svg { color: var(--rt-counter-accent); }
@media (prefers-reduced-motion: reduce) { .runtime-counter__fill::after, .runtime-counter--v-urgent-banner, .runtime-counter--v-urgent-banner .runtime-counter__svg, .runtime-counter__live::before { animation: none; } }
.runtime-page:has(.runtime-footer) { padding-bottom: 0; }.runtime-footer { width: 100%; background: var(--rt-footer-bg); color: var(--rt-footer-text); font-size: var(--rt-footer-font-size); line-height: 1.6; }.runtime-footer__inner { display: grid; gap: 10px; padding: 28px 20px; text-align: center; }.runtime-footer__company { color: var(--rt-footer-link); font-size: 1.15em; }.runtime-footer__note { margin: 0; }.runtime-footer__contact { display: flex; flex-wrap: wrap; justify-content: center; gap: 4px 18px; margin: 0; padding: 0; list-style: none; }.runtime-footer a { color: var(--rt-footer-link); text-decoration: none; }.runtime-footer a:hover { text-decoration: underline; }.runtime-footer__links { display: flex; flex-wrap: wrap; justify-content: center; gap: 4px 18px; }.runtime-footer__copy { opacity: .75; }.runtime-thanks .runtime-footer { width: min(780px, 100%); }
.runtime-whatsapp { position: fixed; bottom: var(--rt-wa-offset); z-index: 40; display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-width: var(--rt-wa-size); height: var(--rt-wa-size); padding: 0; border-radius: 999px; background: var(--rt-wa-bg); color: var(--rt-wa-text); font-family: var(--rt-font); font-size: var(--rt-wa-font-size); font-weight: 700; text-decoration: none; box-shadow: 0 8px 24px rgba(15, 23, 42, .22); transition: bottom .25s ease, transform .18s ease; }.runtime-whatsapp:hover { transform: translateY(-2px); }.runtime-whatsapp svg { width: calc(var(--rt-wa-size) * .5); height: calc(var(--rt-wa-size) * .5); flex: 0 0 auto; }.runtime-whatsapp.has-label { padding: 0 calc(var(--rt-wa-size) * .32) 0 calc(var(--rt-wa-size) * .26); }.runtime-whatsapp--right { right: var(--rt-wa-offset); }.runtime-whatsapp--left { left: var(--rt-wa-offset); }
.runtime-cta { display: none; }
@media (max-width: 640px) {
  .runtime-cta { position: fixed; right: 0; bottom: 0; left: 0; z-index: 30; display: grid; gap: 4px; padding: var(--rt-cta-pad-top, 10px) var(--rt-cta-pad-right, 12px) calc(var(--rt-cta-pad-bottom, 10px) + env(safe-area-inset-bottom)) var(--rt-cta-pad-left, 12px); background: var(--rt-cta-bar-bg); box-shadow: 0 -6px 20px rgba(15, 23, 42, .12); text-align: center; transform: translateY(110%); transition: transform .25s ease; }
  .runtime-cta.is-visible { transform: none; }
  .runtime-cta__button { display: block; padding: 13px 16px; border-radius: var(--rt-cta-radius); background: var(--rt-cta-bg); color: var(--rt-cta-text); font-family: var(--rt-cta-font); font-size: var(--rt-cta-font-size); font-weight: 800; text-decoration: none; }
  .runtime-cta__note { color: var(--rt-cta-note); font-size: 12px; }
  .runtime-cta.is-visible ~ .runtime-whatsapp { bottom: calc(var(--rt-wa-offset) + var(--rt-cta-height, 76px)); }
  .runtime-whatsapp--only-desktop { display: none !important; }
}
@media (min-width: 641px) { .runtime-whatsapp--only-mobile { display: none !important; } }

/* Standard visual packages: full-width artwork, natural ratio, no text overlay. */
.runtime-form-layout--visual { padding: 0; }
.runtime-form-layout--visual > .runtime-order-panel { padding: var(--rt-form-padding, var(--rt-section-gap)); }
.runtime-form-layout--visual .runtime-package--visual { height: auto; min-height: 0; border-radius: 0; }
.runtime-form-layout--visual .runtime-package--visual > img, .runtime-form-layout--visual .runtime-package--visual > picture > img { height: auto; object-fit: contain; }
.runtime-form-layout--visual .runtime-package__visual-placeholder { min-height: 120px; }
.runtime-form-layout--visual .runtime-package--visual.is-selected { outline: 2px solid var(--rt-package-selected-border); outline-offset: -2px; }

/* Submission feedback is above the action, safely rendered as plain text. */
.runtime-form__status[hidden] { display: none; }
.runtime-form__status { padding: 12px 14px; border: 1px solid #fecaca; border-radius: 6px; background: #fff1f2; color: #9f1239; text-align: left; white-space: pre-line; line-height: 1.5; }
.runtime-form__status.is-pending { background: #eff6ff; border-color: #bfdbfe; color: #1e40af; }
.runtime-form__status.is-success { background: #f0fdf4; border-color: #bbf7d0; color: #15803d; }
.runtime-field [aria-invalid="true"] { border-color: #e7a0a0; }

/* Compact ticket: discount stub, perforation and a short information row. */
.runtime-coupon { position:relative; display:flex; align-items:stretch; min-width:0; border:1px solid var(--rt-coupon-border); border-radius:var(--rt-coupon-radius); background:var(--rt-coupon-bg); color:var(--rt-coupon-text); font-family:var(--rt-coupon-font,inherit); font-size:var(--rt-coupon-size); }
/* Kupon formun ilk öğesidir; üst/alt boşluk bölüm aralığından bağımsızdır (aralık, kenar boşluğuyla telafi edilir). */
.runtime-form > .runtime-coupon { margin-top:calc(var(--rt-coupon-margin-top,var(--rt-section-gap)) - var(--rt-section-gap)); margin-bottom:calc(var(--rt-coupon-margin-bottom,var(--rt-section-gap)) - var(--rt-section-gap)); }
.runtime-coupon::before,.runtime-coupon::after { content:""; position:absolute; top:50%; width:12px; height:12px; border:1px solid var(--rt-coupon-border); border-radius:50%; background:var(--rt-surface,#fff); transform:translateY(-50%); }
.runtime-coupon::before { left:-7px; }
.runtime-coupon::after { right:-7px; }
.runtime-coupon__stamp { flex:0 0 82px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:4px; padding:12px 8px; border-right:1px dashed var(--rt-coupon-border); }
.runtime-coupon__stamp strong { font-size:1.45em; font-weight:800; line-height:1.1; max-width:100%; overflow-wrap:anywhere; text-align:center; }
.runtime-coupon__stamp span { font-size:9px; font-weight:700; letter-spacing:1.2px; }
.runtime-coupon__body { flex:1; min-width:0; padding:10px 14px; }
.runtime-coupon__heading { display:flex; flex-wrap:wrap; align-items:center; gap:6px 10px; }
.runtime-coupon__code { font-size:.95em; font-weight:750; overflow-wrap:anywhere; }
.runtime-coupon__badge { padding:3px 7px; border:1px solid var(--rt-coupon-border); border-radius:20px; font-size:10px; line-height:1.2; white-space:nowrap; }
.runtime-coupon .runtime-coupon__result { margin:5px 0 0; font-size:.82em; line-height:1.4; opacity:.85; }
.runtime-coupon__result:empty { display:none; }
.runtime-coupon__controls { display:flex; flex-wrap:wrap; align-items:center; gap:6px; margin-top:7px; }
.runtime-coupon__controls input { width:0; min-width:70px; flex:1 1 100px; height:calc(var(--rt-coupon-input-size,12px) + 20px); padding:6px 9px; border:1px solid var(--rt-coupon-input-border,var(--rt-coupon-border)); border-radius:var(--rt-coupon-input-radius,4px); background:var(--rt-coupon-input-bg,rgba(255,255,255,.75)); color:var(--rt-coupon-input-text,inherit); font:inherit; font-size:var(--rt-coupon-input-size,12px); }
.runtime-coupon__controls input::placeholder { color:inherit; opacity:.6; }
.runtime-coupon__controls button { height:calc(var(--rt-coupon-input-size,12px) + 20px); padding:5px 10px; border:1px solid var(--rt-coupon-button-bg,var(--rt-coupon-border)); border-radius:var(--rt-coupon-input-radius,4px); background:var(--rt-coupon-button-bg,var(--rt-coupon-text)); color:var(--rt-coupon-button-text,var(--rt-coupon-bg)); font:inherit; font-size:var(--rt-coupon-input-size,12px); font-weight:700; cursor:pointer; }
.runtime-coupon__controls .runtime-coupon__clear { padding:5px 2px; border:0; background:transparent; color:inherit; font-weight:400; }
.runtime-coupon__controls button:focus-visible { outline:2px solid currentColor; outline-offset:2px; }
@media(max-width:480px) { .runtime-coupon__stamp { flex-basis:65px; } .runtime-coupon__body { padding:9px 11px; } .runtime-coupon__stamp strong { font-size:1.2em; } }

.runtime-coupon .runtime-coupon__subtitle { margin:4px 0 0; font-size:.87em; line-height:1.4; white-space:pre-line; overflow-wrap:anywhere; }
.runtime-coupon__subtitle:empty { display:none; }

.runtime-coupon__controls button[hidden] { display:none; }

/* Lead forms share the selected form theme, without commerce fields. */
.runtime-lead-panel{max-width:680px;margin:24px auto;padding:0;overflow:hidden;border:1px solid var(--rt-border,#dbe1e8);border-radius:var(--rt-radius,8px);background:var(--rt-surface,#fff)}
.runtime-lead-panel h1{font-size:clamp(22px,4vw,30px);line-height:1.25;margin:0 0 12px}.runtime-lead-panel [data-lead-intro]>p{line-height:1.6;margin:0 0 24px;opacity:.8}
.runtime-lead-question{border:0;padding:0;margin:0 0 24px;min-width:0}.runtime-lead-question legend{font-size:18px;font-weight:650;margin-bottom:12px}.runtime-lead-help{font-size:14px;line-height:1.5;opacity:.8;margin:0 0 12px}
.runtime-lead-options{display:grid;gap:10px}.runtime-lead-option{display:flex;gap:12px;align-items:center;min-height:48px;border:1px solid var(--rt-border,#dbe1e8);padding:12px 14px;border-radius:6px;cursor:pointer}.runtime-lead-option:has(input:checked){border-color:var(--rt-accent,#2563eb);background:color-mix(in srgb,var(--rt-accent,#2563eb) 7%,transparent)}.runtime-lead-option input{width:18px;height:18px;margin:0;accent-color:var(--rt-accent,#2563eb);flex-shrink:0}
.runtime-lead-input{display:block;width:100%;box-sizing:border-box;min-height:48px;padding:12px;border:1px solid var(--rt-border,#dbe1e8);border-radius:5px;background:var(--rt-surface,#fff);color:inherit;font:inherit;font-size:16px}.runtime-lead-input:focus{outline:2px solid color-mix(in srgb,var(--rt-accent,#2563eb) 25%,transparent);outline-offset:2px}.runtime-lead-label{display:block;margin-bottom:18px;font-weight:600}.runtime-lead-label input{margin-top:8px;font-weight:400}.runtime-lead-error{display:block;color:#b94040;font-size:13px;line-height:1.5;margin-top:6px}.runtime-lead-question.is-invalid .runtime-lead-option,.runtime-lead-input.is-invalid{border-color:#e2a0a0}.runtime-lead-consent{display:flex;gap:10px;font-size:13px;line-height:1.5;align-items:flex-start;margin-bottom:16px}.runtime-lead-consent input{margin-top:3px;flex-shrink:0}
.runtime-lead-alert{border:1px solid #e8b6b6;background:#fff2f2;color:#a53333;border-radius:5px;padding:12px;margin:12px 0;white-space:pre-line;font-size:14px}.runtime-lead-actions{display:flex;gap:12px;margin-top:24px}.runtime-lead-actions .runtime-submit{flex:1;width:auto;min-height:48px}.runtime-lead-back{font:inherit;padding:12px 20px;border:1px solid var(--rt-border,#dbe1e8);border-radius:5px;background:transparent;color:inherit;cursor:pointer}.runtime-lead-progress{margin-bottom:22px;display:grid;gap:8px;font-size:13px;opacity:.85}.runtime-lead-progress progress{width:100%;height:6px;accent-color:var(--rt-accent,#2563eb)}
.runtime-lead-success{text-align:center;padding:20px 0}.runtime-lead-success>span{display:inline-grid;place-items:center;width:64px;height:64px;border-radius:50%;background:#e8f8ef;color:#22905a;font-size:32px;margin-bottom:16px}.runtime-lead-success h2{margin:0 0 12px;font-size:26px}.runtime-lead-success p{line-height:1.7;opacity:.85}.runtime-lead-panel [hidden]{display:none!important}
@media(max-width:640px){.runtime-lead-panel{margin:16px 0}.runtime-lead-question legend{font-size:17px}}

.runtime-lead-header-image{display:block;width:100%;height:auto}.runtime-lead-body{padding:clamp(18px,4vw,32px)}
.runtime-lead-input{padding:var(--rt-input-padding);border:var(--rt-input-border-width) solid var(--rt-input-border);border-radius:var(--rt-input-radius);background:var(--rt-input-bg);color:var(--rt-input-text);font-family:var(--rt-input-font);font-size:var(--rt-input-size)}
.runtime-lead-label{margin-bottom:var(--rt-field-gap)}.runtime-lead-question{margin-bottom:var(--rt-section-gap)}

.runtime-lead-question legend, .runtime-lead-contact h2 { scroll-margin-top: 24px; }

.runtime-lead-description{line-height:1.65;margin-bottom:24px;overflow-wrap:anywhere}.runtime-lead-description p{margin:0 0 14px}.runtime-lead-description ul,.runtime-lead-description ol{padding-left:24px;margin:0 0 16px}.runtime-lead-description li{margin:6px 0}.runtime-lead-description h2,.runtime-lead-description h3{margin:20px 0 12px;line-height:1.3}.runtime-lead-description a{color:var(--rt-accent,#2563eb);text-decoration:underline}.runtime-lead-description blockquote{margin:16px 0;padding:8px 16px;border-left:3px solid var(--rt-border,#dbe1e8)}.runtime-lead-start{width:100%;min-height:50px}.runtime-lead-start:focus-visible{outline:2px solid var(--rt-accent,#2563eb);outline-offset:3px}
/* WebP <picture> sarmalayıcısı düzene kutu eklemez; img eskisi gibi doğrudan yerleşir. */
picture { display: contents; }
/* Teşekkür sayfası · Sipariş özeti (templates/thanks-summary.php) */
.runtime-thanks__check { display: inline-flex; align-items: center; justify-content: center; width: 60px; height: 60px; margin-bottom: 6px; border-radius: 50%; background: color-mix(in srgb, #16a34a 14%, var(--rt-surface)); color: #15803d; }
.runtime-thanks--summary .runtime-thanks__card { width: min(620px, 100%); }
.runtime-thanks__summary { margin: 24px 0; padding: 0; border: 1px solid var(--rt-border); border-radius: 12px; overflow: hidden; text-align: left; }
.runtime-thanks__summary > div { display: flex; justify-content: space-between; gap: 16px; padding: 12px 16px; border-top: 1px solid var(--rt-border); }
.runtime-thanks__summary > div:first-child { border-top: 0; }
.runtime-thanks__summary dt { color: var(--rt-muted); }
.runtime-thanks__summary dd { margin: 0; color: var(--rt-text); text-align: right; overflow-wrap: anywhere; }
.runtime-thanks__summary-total { background: var(--rt-bg); font-weight: 800; }
.runtime-thanks__summary-total dt { color: var(--rt-text); }
.runtime-thanks__steps { display: grid; gap: 0; margin: 0; padding: 0; list-style: none; text-align: left; }
.runtime-thanks__steps li { position: relative; padding: 0 0 18px 34px; color: var(--rt-muted); font-size: .92rem; }
.runtime-thanks__steps li::before { content: ""; position: absolute; left: 4px; top: 3px; width: 14px; height: 14px; border: 2px solid var(--rt-border); border-radius: 50%; background: var(--rt-surface); }
.runtime-thanks__steps li::after { content: ""; position: absolute; left: 12px; top: 22px; bottom: 2px; width: 2px; background: var(--rt-border); }
.runtime-thanks__steps li:last-child { padding-bottom: 0; }
.runtime-thanks__steps li:last-child::after { display: none; }
.runtime-thanks__steps li.is-done::before { border-color: #16a34a; background: #16a34a; }
.runtime-thanks__steps b { display: block; margin-bottom: 2px; color: var(--rt-text); }
/* Teşekkür sayfası · Vurgulu (templates/thanks-highlight.php): bant butonun rengini kullanır */
.runtime-thanks--highlight .runtime-thanks__card { width: min(620px, 100%); padding: 0; overflow: hidden; border-radius: 16px; }
.runtime-thanks__band { padding: clamp(28px, 6vw, 44px) 24px 30px; background: var(--rt-button); color: var(--rt-button-text); }
.runtime-thanks__band .runtime-thanks__check { background: color-mix(in srgb, var(--rt-button-text) 18%, transparent); color: var(--rt-button-text); }
.runtime-thanks__band .runtime-thanks__eyebrow { display: block; color: var(--rt-button-text); opacity: .85; }
.runtime-thanks--highlight .runtime-thanks__band h1 { color: var(--rt-button-text); }
.runtime-thanks__body { padding: clamp(20px, 5vw, 36px); }
.runtime-thanks__body > p { color: var(--rt-muted); }
.runtime-thanks__figures { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: calc(-1 * clamp(36px, 7vw, 52px)); }
.runtime-thanks__figures > div { display: grid; gap: 4px; padding: 16px; border: 1px solid var(--rt-border); border-radius: 12px; background: var(--rt-surface); box-shadow: 0 10px 24px -14px rgba(15, 23, 42, .35); }
.runtime-thanks__figures span { color: var(--rt-muted); font-size: .8rem; }
.runtime-thanks__figures strong { color: var(--rt-text); font-size: 1.35rem; overflow-wrap: anywhere; }
.runtime-thanks__notes { display: grid; gap: 10px; margin-top: 20px; text-align: left; }
.runtime-thanks__notes p { margin: 0; padding: 12px 14px; border-radius: 10px; background: var(--rt-bg); color: var(--rt-muted); font-size: .92rem; }
@media (max-width: 640px) { .runtime-thanks--summary, .runtime-thanks--highlight { padding: 0; } .runtime-thanks--highlight .runtime-thanks__card { border-radius: 0; border: 0; } .runtime-thanks__figures { grid-template-columns: 1fr; } }
/* Seçim Kartlı Form (forms/radio-cards): seçim işareti, sağda fiyat, altta bilgi şeridi, köşe kurdelesi */
.runtime-packages--radio { gap: max(var(--rt-package-gap), 16px); padding-top: 12px; }
.runtime-package--radio { display: flex; flex-direction: column; gap: 0; padding: 0; overflow: visible; border-width: 2px; }
.runtime-package--radio:hover { transform: none; }
.runtime-package--radio.is-selected { box-shadow: 0 6px 18px -12px var(--rt-package-selected-border); }
.runtime-package__main { display: flex; align-items: center; gap: 14px; padding: 18px 16px; }
.runtime-package__radio { position: relative; flex: 0 0 auto; width: 26px; height: 26px; border: 3px solid var(--rt-package-border); border-radius: 50%; background: #ffffff; transition: border-color .18s ease; }
.runtime-package--radio.is-selected .runtime-package__radio { border-color: var(--rt-package-selected-border); }
.runtime-package--radio.is-selected .runtime-package__radio::after { content: ""; position: absolute; inset: 4px; border-radius: 50%; background: var(--rt-package-selected-border); }
.runtime-package__thumb { flex: 0 0 auto; width: 56px; height: 56px; overflow: hidden; border-radius: 8px; }.runtime-package__thumb img { display: block; width: 100%; height: 100%; object-fit: cover; }
.runtime-package--radio .runtime-package__details { display: grid; flex: 1 1 auto; gap: 4px; min-width: 0; }
.runtime-package--radio .runtime-package__details > strong, .runtime-package--radio .runtime-package__content, .runtime-package__price-stack b { padding: 0; margin: 0; background: none; }
.runtime-package--radio .runtime-package__details > strong { color: var(--rt-package-title); font-family: var(--rt-package-title-font, inherit); font-size: max(var(--rt-package-title-size, 14px), 1.15rem); font-weight: var(--rt-package-title-weight, 800); line-height: 1.2; }
.runtime-package--radio .runtime-package__content { color: var(--rt-package-content); font-family: var(--rt-package-content-font, inherit); font-size: max(var(--rt-package-content-size, 11px), .92rem); line-height: 1.35; }
.runtime-package__price-stack { display: grid; flex: 0 0 auto; justify-items: end; gap: 2px; text-align: right; }
.runtime-package__price-stack b { color: var(--rt-package-price); font-family: var(--rt-package-price-font, inherit); font-size: max(var(--rt-package-price-size, 18px), 1.2rem); font-weight: var(--rt-package-price-weight, 900); font-variant-numeric: tabular-nums; white-space: nowrap; }
.runtime-package__price-stack .runtime-package__old-price { padding: 0; background: none; color: var(--rt-old-price); font-size: max(var(--rt-old-price-size, 11px), .9rem); text-decoration: line-through; white-space: nowrap; }
.runtime-package__band { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; padding: 10px 16px; border-radius: 0 0 calc(var(--rt-package-radius) - 2px) calc(var(--rt-package-radius) - 2px); background: var(--rt-band-bg); color: var(--rt-band-text); font-size: .9rem; font-weight: 800; line-height: 1.3; transition: background-color .18s ease, color .18s ease; }
.runtime-package__band > span { padding: 0; background: none !important; color: inherit !important; font: inherit; }
.runtime-package--radio.is-selected .runtime-package__band { background: var(--rt-band-selected-bg); color: var(--rt-band-selected-text); }
.runtime-package__ribbon { position: absolute; z-index: 1; top: -14px; right: 22px; margin: 0; padding: 6px 14px; border-radius: 2px; font-size: max(var(--rt-badge-size, 10px), .78rem); }
.runtime-package__ribbon::before, .runtime-package__ribbon::after { content: ""; position: absolute; top: 0; width: 0; height: 0; border-bottom: 8px solid color-mix(in srgb, var(--rt-badge-bg) 55%, #000000); }
.runtime-package__ribbon::before { left: -8px; border-left: 8px solid transparent; }
.runtime-package__ribbon::after { right: -8px; border-right: 8px solid transparent; }
/* Mobil: fiyat başlığın altına iner, başlık tam genişliği kullanır; görsel ve seçim işareti küçülür, kurdele başlığa binmez. */
@media (max-width: 520px) {
  .runtime-package--radio .runtime-package__main { display: grid; grid-template-columns: auto minmax(0, 1fr); column-gap: 10px; row-gap: 6px; align-items: center; padding: 14px 12px 12px; }
  .runtime-package--radio .runtime-package__main:has(.runtime-package__thumb) { grid-template-columns: auto auto minmax(0, 1fr); }
  .runtime-package--radio .runtime-package__radio, .runtime-package--radio .runtime-package__thumb { grid-row: 1 / span 2; }
  .runtime-package--radio .runtime-package__details, .runtime-package--radio .runtime-package__price-stack { grid-column: -2 / -1; }
  .runtime-package--radio.has-ribbon .runtime-package__main { padding-top: 30px; }
  .runtime-package__radio { width: 22px; height: 22px; border-width: 2px; }
  .runtime-package--radio.is-selected .runtime-package__radio::after { inset: 4px; }
  .runtime-package__thumb { width: 52px; height: 52px; }
  .runtime-package--radio .runtime-package__details > strong { font-size: min(max(var(--rt-package-title-size, 14px), 1rem), 1.15rem); line-height: 1.25; }
  .runtime-package--radio .runtime-package__content { font-size: min(max(var(--rt-package-content-size, 11px), .85rem), .92rem); line-height: 1.35; }
  .runtime-package__price-stack { display: flex; flex-wrap: wrap; align-items: baseline; justify-items: start; gap: 2px 8px; text-align: left; }
  .runtime-package__price-stack b { font-size: min(max(var(--rt-package-price-size, 18px), 1.1rem), 1.3rem); }
  .runtime-package__price-stack .runtime-package__old-price { font-size: .85rem; }
  .runtime-package__band { padding: 8px 12px; font-size: .85rem; }
  .runtime-package__ribbon { max-width: calc(100% - 44px); }
  .runtime-package__variations { padding: 0 12px 14px; }
}
/* Varyasyon bloğu (_variations.php): satır başına bir ürün, varyasyonlar yan yana; tek varyasyonda iki sütun akış */
.runtime-variation-grid { display: grid; gap: 8px; width: 100%; font-size: inherit !important; font-weight: 400 !important; line-height: normal !important; }
.runtime-variation-row { display: grid; grid-template-columns: repeat(var(--rt-var-cols, 1), minmax(0, 1fr)); gap: 8px; }
.runtime-variation-row[hidden] { display: none !important; }
.runtime-variation-grid.is-single.is-multi { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.runtime-variation-grid.is-single.is-multi .runtime-variation-row { display: contents; }
.runtime-variation-grid select { font-weight: 400; }
.runtime-field--variations { align-items: stretch; margin: var(--rt-var-block-mt, 0px) var(--rt-var-block-mr, 0px) var(--rt-var-block-mb, 0px) var(--rt-var-block-ml, 0px); padding: var(--rt-var-block-pad, var(--rt-field-padding)); border-style: solid; border-width: var(--rt-var-block-bw, var(--rt-field-border-width)); border-color: var(--rt-var-block-border, var(--rt-field-border)); border-radius: var(--rt-var-block-radius, var(--rt-field-radius)); background: var(--rt-var-block-bg, var(--rt-field-bg)); }
.runtime-field span.runtime-variation-subtitle { display: block; align-self: stretch; margin-top: -1px; color: var(--rt-var-sub-color, var(--rt-muted)); font-family: var(--rt-var-sub-font, inherit); font-size: var(--rt-var-sub-size, 13px); font-weight: var(--rt-var-sub-weight, 400); line-height: 1.4; text-align: var(--rt-var-title-align, left); }
.runtime-field span.runtime-variation-title { display: block; align-self: stretch; padding: var(--rt-var-title-pad, 0); border-radius: max(4px, calc(var(--rt-input-radius) - 2px)); background: var(--rt-var-title-bg, transparent); color: var(--rt-var-title-color, inherit); font-family: var(--rt-var-title-font, inherit); font-size: var(--rt-var-title-size, .82rem); font-weight: var(--rt-var-title-weight, 800); text-align: var(--rt-var-title-align, left); }
/* Yan yana ödeme seçenekleri */
.runtime-pay-options { display: flex; flex-wrap: wrap; gap: 8px; width: 100%; font-size: inherit !important; font-weight: 400 !important; }
.runtime-pay-option { position: relative; flex: 1 1 140px; min-width: 0; cursor: pointer; }
.runtime-pay-option input { position: absolute; opacity: 0; pointer-events: none; }
.runtime-pay-option span { display: flex; align-items: center; justify-content: center; min-height: 44px; padding: 8px 12px; border: var(--rt-input-border-width) solid var(--rt-input-border); border-radius: var(--rt-input-radius); background: var(--rt-input-bg); color: var(--rt-input-text) !important; font-family: var(--rt-input-font, var(--rt-font)); font-size: .95rem !important; font-weight: 700 !important; line-height: 1.25; text-align: center; transition: border-color .15s ease, box-shadow .15s ease; }
.runtime-pay-option input:checked + span { background: color-mix(in srgb, var(--rt-input-focus, #0757f7) 10%, var(--rt-input-bg)); border-color: var(--rt-input-focus, #0757f7); box-shadow: 0 0 0 3px color-mix(in srgb, var(--rt-input-focus, #0757f7) 18%, transparent); }
.runtime-pay-option input:focus-visible + span { outline: 2px solid var(--rt-input-focus, #0757f7); outline-offset: 2px; }
.runtime-pay-option input[aria-invalid="true"] + span { border-color: #dc2626; }
/* Paket İçi Seçimli Form (forms/package-variants): adet etiketi ve seçili pakette varyasyon seçimleri */
.runtime-package--pv { cursor: pointer; }.runtime-package--pv .runtime-package__optionals { display: flex; flex-wrap: wrap; gap: 4px 6px; margin-top: 2px; }.runtime-package--pv:focus-visible { outline: 3px solid color-mix(in srgb, var(--rt-package-selected-border) 45%, transparent); outline-offset: 2px; }
.runtime-package__qty { display: inline-flex; align-items: center; margin-left: 6px; padding: 2px 8px; border: 2px solid currentColor; border-radius: 7px; font-size: .62em; font-weight: 800; letter-spacing: .03em; line-height: 1.3; vertical-align: .18em; white-space: nowrap; }
.runtime-package__variations { display: none; gap: 8px; justify-content: start; padding: 0 16px 16px calc(16px + 26px + 14px); cursor: default; }
.runtime-package--pv.is-selected .runtime-package__variations { display: grid; }
.runtime-package__variation-row { display: grid; grid-template-columns: 2em repeat(var(--rt-pv-cols, 1), minmax(0, 132px)); align-items: center; gap: 8px; }
.runtime-package__variation-row b { padding: 0; background: none; color: var(--rt-package-title); font-size: 1rem; font-weight: 900; }
.runtime-package__variation-row b[hidden] { display: block; visibility: hidden; }
.runtime-package__variation-row select { width: 100%; min-height: 36px; padding: 4px 8px; border: var(--rt-input-border-width) solid var(--rt-input-border); border-radius: var(--rt-input-radius); background: var(--rt-input-bg); color: var(--rt-input-text); font-family: var(--rt-input-font, var(--rt-font)); font-size: max(.9rem, min(var(--rt-input-size, 16px), 16px)); }
.runtime-package__variation-row select:focus { outline: none; border-color: var(--rt-input-focus, #0757f7); box-shadow: 0 0 0 3px color-mix(in srgb, var(--rt-input-focus, #0757f7) 18%, transparent); }
.runtime-package__variation-row select[aria-invalid="true"] { border-color: #dc2626; }
@media (max-width: 420px) { .runtime-package__variations { padding-left: 14px; } }
/* Ek ürünler (RuntimeRenderer::renderAddons): seçim kartı görünümü, kare onay kutusu. Tasarımda değiştirilmeyen
   renk/kenarlık paket kartının değişkenlerini izler. */
.runtime-addons { display: grid; gap: max(var(--rt-package-gap), 16px); margin: var(--rt-addon-mt, 0px) var(--rt-addon-mr, 0px) var(--rt-addon-mb, 0px) var(--rt-addon-ml, 0px); padding: var(--rt-addon-area-pad, 12px 0 0); border-radius: var(--rt-addon-area-radius, 0); background: var(--rt-addon-area-bg, transparent); }
.runtime-addons__head { display: grid; gap: 2px; text-align: var(--rt-addon-heading-align, left); }
.runtime-addons__heading { margin: 0; color: var(--rt-addon-heading-color, var(--rt-text)); font-family: var(--rt-addon-heading-font, inherit); font-size: var(--rt-addon-heading-size, 16px); font-weight: var(--rt-addon-heading-weight, 800); line-height: 1.3; }
.runtime-addons__subheading { margin: 0; color: var(--rt-addon-sub-color, var(--rt-muted)); font-family: var(--rt-addon-sub-font, inherit); font-size: var(--rt-addon-sub-size, 14px); font-weight: var(--rt-addon-sub-weight, 400); line-height: 1.4; }
.runtime-addon { position: relative; border-width: var(--rt-addon-border-width, 2px); border-color: var(--rt-addon-border, var(--rt-package-border)); border-radius: var(--rt-addon-radius, var(--rt-package-radius)); background: var(--rt-addon-bg, var(--rt-package-bg)); }
/* Paket başlığı kuralı !important taşıdığı için ürün adı rengi de !important. */
.runtime-addon .runtime-package__details > strong { color: var(--rt-addon-title, var(--rt-package-title, var(--rt-package-text))) !important; font-family: var(--rt-addon-title-font, var(--rt-package-title-font, inherit)); font-size: var(--rt-addon-title-size, max(var(--rt-package-title-size, 14px), 1.15rem)); font-weight: var(--rt-addon-title-weight, var(--rt-package-title-weight, 800)); }
.runtime-addon .runtime-package__content { color: var(--rt-addon-desc, var(--rt-package-content)) !important; }
.runtime-addon .runtime-package__price-stack b { color: var(--rt-addon-price, var(--rt-package-price)); font-size: var(--rt-addon-price-size, max(var(--rt-package-price-size, 18px), 1.2rem)); }
@media (max-width: 520px) { .runtime-addon .runtime-package__details > strong { font-size: var(--rt-addon-title-size, min(max(var(--rt-package-title-size, 14px), 1rem), 1.15rem)); } .runtime-addon .runtime-package__price-stack b { font-size: var(--rt-addon-price-size, min(max(var(--rt-package-price-size, 18px), 1.1rem), 1.3rem)); } }
.runtime-addon .runtime-package__band { border-radius: 0 0 calc(var(--rt-addon-radius, var(--rt-package-radius)) - 2px) calc(var(--rt-addon-radius, var(--rt-package-radius)) - 2px); }
/* Üzerine gelince: paket kartının :hover kuralı !important olduğu için burada da; seçili kart seçili renginde kalır. */
.runtime-addon:hover { background: var(--rt-addon-hover-bg, var(--rt-package-hover-bg)) !important; border-color: var(--rt-addon-hover-border, var(--rt-package-hover-border)); }
.runtime-addon.is-selected:hover, .runtime-addon:has(.runtime-addon__input:checked):hover { background: var(--rt-addon-selected-bg, var(--rt-package-selected-bg)) !important; border-color: var(--rt-addon-selected-border, var(--rt-package-selected-border)); }
.runtime-addon .runtime-addon__input { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.runtime-addon .runtime-addon__check { border-radius: 6px; border-color: var(--rt-addon-check-border, var(--rt-package-border)); background: var(--rt-addon-check-bg, #ffffff); }
.runtime-addon.is-selected, .runtime-addon:has(.runtime-addon__input:checked) { background: var(--rt-addon-selected-bg, var(--rt-package-selected-bg)); border-color: var(--rt-addon-selected-border, var(--rt-package-selected-border)); }
.runtime-addon.is-selected .runtime-addon__check, .runtime-addon__input:checked + .runtime-package__main .runtime-addon__check { border-color: var(--rt-addon-check-on, var(--rt-package-selected-border)); background: var(--rt-addon-check-on, var(--rt-package-selected-border)); }
.runtime-addon__input:checked + .runtime-package__main .runtime-addon__check::after { content: ""; position: absolute; inset: auto; left: 50%; top: 45%; width: 6px; height: 11px; border: solid var(--rt-addon-check-mark, #ffffff); border-width: 0 2.5px 2.5px 0; border-radius: 0; background: none; transform: translate(-50%, -50%) rotate(45deg); }
.runtime-addon__input:focus-visible + .runtime-package__main .runtime-addon__check { outline: 3px solid color-mix(in srgb, var(--rt-addon-selected-border, var(--rt-package-selected-border)) 40%, transparent); outline-offset: 2px; }
/* Sipariş özeti (gönder butonunun üstünde; Stil › Sipariş özeti) */
.runtime-summary { display: grid; gap: 8px; padding: var(--rt-sum-pad, 12px 14px); border: var(--rt-sum-border-width, 1px) solid var(--rt-sum-border, #d6deea); border-radius: var(--rt-sum-radius, 14px); background: var(--rt-sum-bg, #ffffff); color: var(--rt-sum-text, inherit); font-size: var(--rt-sum-size, 15px); }
.runtime-summary[hidden] { display: none; }
.runtime-summary__rows { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 4px 12px; margin: 0; }
.runtime-summary__rows dt { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; opacity: .85; }
.runtime-summary__rows dd { margin: 0; font-variant-numeric: tabular-nums; text-align: right; white-space: nowrap; }
.runtime-summary__rows dd.is-discount, .runtime-summary__rows dt.is-discount { color: var(--rt-sum-discount, #16824b); opacity: 1; }
.runtime-summary__total { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; padding-top: 8px; border-top: 1px dashed var(--rt-sum-divider, #cbd5e1); color: var(--rt-sum-total, inherit); font-weight: 800; }
.runtime-summary__total b { font-size: var(--rt-sum-total-size, 18px); font-variant-numeric: tabular-nums; }
/* iPhone: 16 px'ten küçük yazılı kutuya dokununca sayfa kendiliğinden büyür; mobilde kutu yazıları en az 16 px
   (iki parmakla yakınlaştırma açık kalır). */
@media (max-width: 760px) {
  .runtime-field input, .runtime-field select, .runtime-field textarea, .runtime-package__variation-row select, .runtime-coupon__controls input { font-size: max(16px, var(--rt-input-size, 16px)) !important; }
}
/* Sipariş formu başlığı ve açıklaması (_form.php; Stil › Form başlığı ve açıklaması) */
/* Başlık ile açıklama arası yalnız kendi dış boşluklarıyla; alanın altı "Altındaki boşluk" ayarıyla (formun bölüm aralığı düşülür). */
.runtime-form__header { display: grid; gap: 0; margin-bottom: calc(var(--rt-fheader-gap, 12px) - var(--rt-section-gap, 12px)); }
/* .runtime-order-panel h2 (ortak başlık kuralı) boyut, renk, hiza ve boşluğu ezmesin diye daha belirgin seçici. */
.runtime-form h2.runtime-form__title, .runtime-order-panel h2.runtime-form__title { margin: var(--rt-ftitle-mt, 0px) var(--rt-ftitle-mr, 0px) var(--rt-ftitle-mb, 0px) var(--rt-ftitle-ml, 0px); padding: var(--rt-ftitle-pad, 0); color: var(--rt-ftitle-color, var(--rt-text)); font-family: var(--rt-ftitle-font, inherit); font-size: var(--rt-ftitle-size, 22px); font-weight: var(--rt-ftitle-weight, 800); line-height: 1.25; text-align: var(--rt-ftitle-align, left); }
.runtime-form p.runtime-form__desc { margin: var(--rt-fdesc-mt, 0px) var(--rt-fdesc-mr, 0px) var(--rt-fdesc-mb, 0px) var(--rt-fdesc-ml, 0px); padding: var(--rt-fdesc-pad, 0); color: var(--rt-fdesc-color, var(--rt-muted)); font-family: var(--rt-fdesc-font, inherit); font-size: var(--rt-fdesc-size, 15px); font-weight: var(--rt-fdesc-weight, 400); line-height: 1.5; text-align: var(--rt-fdesc-align, left); }