/* dijital-link-ui · ana.css · araclar/derle.php üretti. Elle düzenleme: kaynak/css/ana/ */

/* --- 001-yazitipleri.css --- */
/* araclar/yazitipi.py üretti, elle düzenleme. Instrument Sans ve Geist Mono (SIL Open Font License 1.1),
   Google Fonts'tan yalnız latin ve latin-ext (Türkçe) alt kümeleri, değişken ağırlık. */
@font-face { font-family: "Geist Mono"; font-style: normal; font-weight: 400 500; font-display: swap; src: url("../fonts/geist-mono-latin-ext.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Geist Mono"; font-style: normal; font-weight: 400 500; font-display: swap; src: url("../fonts/geist-mono-latin.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Instrument Sans"; font-style: normal; font-weight: 400 700; font-display: swap; src: url("../fonts/instrument-sans-latin-ext.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Instrument Sans"; font-style: normal; font-weight: 400 700; font-display: swap; src: url("../fonts/instrument-sans-latin.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* --- 002-ikonlar.css --- */
/* araclar/yazitipi.py üretti, elle düzenleme. Phosphor Icons 2.1.1 (MIT, kaynak/ikon/LISANS-phosphor.txt).
   Yalnız eklentide kullanılan 241 ikon; yeni ikon için aracı yeniden çalıştır. */
@font-face { font-family: "Phosphor"; src: url("../fonts/phosphor-regular.woff2?v=2031c5cd") format("woff2"); font-weight: normal; font-style: normal; font-display: block; }
.ph { font-family: "Phosphor" !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.ph.ph-address-book:before { content: "\e6f8"; }
.ph.ph-amazon-logo:before { content: "\e96c"; }
.ph.ph-apple-logo:before { content: "\e516"; }
.ph.ph-arrow-circle-up:before { content: "\e030"; }
.ph.ph-arrow-counter-clockwise:before { content: "\e038"; }
.ph.ph-arrow-down:before { content: "\e03e"; }
.ph.ph-arrow-left:before { content: "\e058"; }
.ph.ph-arrow-right:before { content: "\e06c"; }
.ph.ph-arrow-square-in:before { content: "\e5dc"; }
.ph.ph-arrow-square-out:before { content: "\e5de"; }
.ph.ph-arrow-up:before { content: "\e08e"; }
.ph.ph-arrow-up-right:before { content: "\e092"; }
.ph.ph-arrows-clockwise:before { content: "\e094"; }
.ph.ph-arrows-left-right:before { content: "\e0a0"; }
.ph.ph-article:before { content: "\e0a8"; }
.ph.ph-at:before { content: "\e0ac"; }
.ph.ph-bed:before { content: "\e0cc"; }
.ph.ph-bell:before { content: "\e0ce"; }
.ph.ph-bell-ringing:before { content: "\e5e8"; }
.ph.ph-binoculars:before { content: "\ea64"; }
.ph.ph-book-open:before { content: "\e0e6"; }
.ph.ph-book-open-text:before { content: "\e8f2"; }
.ph.ph-books:before { content: "\e758"; }
.ph.ph-brackets-curly:before { content: "\e860"; }
.ph.ph-briefcase:before { content: "\e0ee"; }
.ph.ph-broadcast:before { content: "\e0f2"; }
.ph.ph-browser:before { content: "\e0f4"; }
.ph.ph-buildings:before { content: "\e102"; }
.ph.ph-cake:before { content: "\e780"; }
.ph.ph-calculator:before { content: "\e538"; }
.ph.ph-calendar-blank:before { content: "\e10a"; }
.ph.ph-calendar-check:before { content: "\e712"; }
.ph.ph-calendar-dots:before { content: "\e7b4"; }
.ph.ph-calendar-plus:before { content: "\e714"; }
.ph.ph-camera:before { content: "\e10e"; }
.ph.ph-caret-down:before { content: "\e136"; }
.ph.ph-caret-left:before { content: "\e138"; }
.ph.ph-caret-right:before { content: "\e13a"; }
.ph.ph-caret-up:before { content: "\e13c"; }
.ph.ph-caret-up-down:before { content: "\e140"; }
.ph.ph-chalkboard-teacher:before { content: "\e600"; }
.ph.ph-chart-bar:before { content: "\e150"; }
.ph.ph-chart-line:before { content: "\e154"; }
.ph.ph-chart-line-up:before { content: "\e156"; }
.ph.ph-chat-text:before { content: "\e17a"; }
.ph.ph-chats-circle:before { content: "\e17e"; }
.ph.ph-check:before { content: "\e182"; }
.ph.ph-check-circle:before { content: "\e184"; }
.ph.ph-check-square:before { content: "\e186"; }
.ph.ph-circle:before { content: "\e18a"; }
.ph.ph-clipboard-text:before { content: "\e198"; }
.ph.ph-clock:before { content: "\e19a"; }
.ph.ph-clock-counter-clockwise:before { content: "\e1a0"; }
.ph.ph-code:before { content: "\e1bc"; }
.ph.ph-coffee:before { content: "\e1c2"; }
.ph.ph-coins:before { content: "\e78e"; }
.ph.ph-columns:before { content: "\e546"; }
.ph.ph-compass:before { content: "\e1c8"; }
.ph.ph-confetti:before { content: "\e81a"; }
.ph.ph-cookie:before { content: "\e6ca"; }
.ph.ph-copy:before { content: "\e1ca"; }
.ph.ph-copy-simple:before { content: "\e1cc"; }
.ph.ph-credit-card:before { content: "\e1d2"; }
.ph.ph-crosshair:before { content: "\e1d6"; }
.ph.ph-currency-circle-dollar:before { content: "\e54c"; }
.ph.ph-cursor:before { content: "\e1dc"; }
.ph.ph-cursor-click:before { content: "\e7c8"; }
.ph.ph-database:before { content: "\e1de"; }
.ph.ph-device-mobile:before { content: "\e1e0"; }
.ph.ph-devices:before { content: "\eba4"; }
.ph.ph-diamond:before { content: "\e1ec"; }
.ph.ph-door-open:before { content: "\e7e6"; }
.ph.ph-dots-six-vertical:before { content: "\eae2"; }
.ph.ph-dots-three-circle:before { content: "\e200"; }
.ph.ph-dots-three-vertical:before { content: "\e208"; }
.ph.ph-download-simple:before { content: "\e20c"; }
.ph.ph-drop:before { content: "\e210"; }
.ph.ph-envelope-open:before { content: "\e216"; }
.ph.ph-envelope-simple:before { content: "\e218"; }
.ph.ph-eye:before { content: "\e220"; }
.ph.ph-facebook-logo:before { content: "\e226"; }
.ph.ph-file-arrow-up:before { content: "\e61e"; }
.ph.ph-file-code:before { content: "\e914"; }
.ph.ph-file-csv:before { content: "\eb1c"; }
.ph.ph-file-html:before { content: "\eb38"; }
.ph.ph-file-pdf:before { content: "\e702"; }
.ph.ph-file-text:before { content: "\e23a"; }
.ph.ph-file-zip:before { content: "\e958"; }
.ph.ph-fingerprint:before { content: "\e23e"; }
.ph.ph-fire:before { content: "\e242"; }
.ph.ph-folder-simple:before { content: "\e25a"; }
.ph.ph-folder-simple-plus:before { content: "\e25e"; }
.ph.ph-funnel:before { content: "\e266"; }
.ph.ph-gift:before { content: "\e276"; }
.ph.ph-globe:before { content: "\e288"; }
.ph.ph-globe-hemisphere-east:before { content: "\e28a"; }
.ph.ph-globe-hemisphere-west:before { content: "\e28c"; }
.ph.ph-globe-simple:before { content: "\e28e"; }
.ph.ph-google-chrome-logo:before { content: "\e976"; }
.ph.ph-google-logo:before { content: "\e292"; }
.ph.ph-google-play-logo:before { content: "\e294"; }
.ph.ph-gradient:before { content: "\eb42"; }
.ph.ph-graduation-cap:before { content: "\e62c"; }
.ph.ph-hand-coins:before { content: "\ea8c"; }
.ph.ph-hand-palm:before { content: "\e57e"; }
.ph.ph-handshake:before { content: "\e582"; }
.ph.ph-hard-drives:before { content: "\e2a0"; }
.ph.ph-headset:before { content: "\e584"; }
.ph.ph-heartbeat:before { content: "\e2ac"; }
.ph.ph-hourglass-medium:before { content: "\e2b8"; }
.ph.ph-house:before { content: "\e2c2"; }
.ph.ph-house-line:before { content: "\e2c4"; }
.ph.ph-identification-badge:before { content: "\e6f6"; }
.ph.ph-identification-card:before { content: "\e2c8"; }
.ph.ph-image:before { content: "\e2ca"; }
.ph.ph-image-square:before { content: "\e2cc"; }
.ph.ph-images:before { content: "\e836"; }
.ph.ph-infinity:before { content: "\e634"; }
.ph.ph-info:before { content: "\e2ce"; }
.ph.ph-instagram-logo:before { content: "\e2d0"; }
.ph.ph-key:before { content: "\e2d6"; }
.ph.ph-keyboard:before { content: "\e2d8"; }
.ph.ph-laptop:before { content: "\e586"; }
.ph.ph-layout:before { content: "\e6d6"; }
.ph.ph-leaf:before { content: "\e2da"; }
.ph.ph-lifebuoy:before { content: "\e63a"; }
.ph.ph-lightbulb:before { content: "\e2dc"; }
.ph.ph-lightning:before { content: "\e2de"; }
.ph.ph-link:before { content: "\e2e2"; }
.ph.ph-link-break:before { content: "\e2e4"; }
.ph.ph-link-simple:before { content: "\e2e6"; }
.ph.ph-linkedin-logo:before { content: "\e2ee"; }
.ph.ph-list:before { content: "\e2f0"; }
.ph.ph-list-bullets:before { content: "\e2f2"; }
.ph.ph-list-checks:before { content: "\eadc"; }
.ph.ph-list-dashes:before { content: "\e2f4"; }
.ph.ph-list-magnifying-glass:before { content: "\ebe0"; }
.ph.ph-list-numbers:before { content: "\e2f6"; }
.ph.ph-lock-open:before { content: "\e306"; }
.ph.ph-lock-simple:before { content: "\e308"; }
.ph.ph-magnifying-glass:before { content: "\e30c"; }
.ph.ph-map-pin:before { content: "\e316"; }
.ph.ph-map-pin-line:before { content: "\e318"; }
.ph.ph-megaphone:before { content: "\e324"; }
.ph.ph-microphone:before { content: "\e326"; }
.ph.ph-microsoft-teams-logo:before { content: "\eb66"; }
.ph.ph-minus:before { content: "\e32a"; }
.ph.ph-moon:before { content: "\e330"; }
.ph.ph-moon-stars:before { content: "\e58e"; }
.ph.ph-mouse-right-click:before { content: "\e336"; }
.ph.ph-music-notes:before { content: "\e340"; }
.ph.ph-newspaper:before { content: "\e344"; }
.ph.ph-package:before { content: "\e390"; }
.ph.ph-paint-brush:before { content: "\e6f0"; }
.ph.ph-palette:before { content: "\e6c8"; }
.ph.ph-paper-plane-tilt:before { content: "\e398"; }
.ph.ph-path:before { content: "\e39c"; }
.ph.ph-pause:before { content: "\e39e"; }
.ph.ph-pen-nib:before { content: "\e3ac"; }
.ph.ph-pencil-simple:before { content: "\e3b4"; }
.ph.ph-phone:before { content: "\e3b8"; }
.ph.ph-pinterest-logo:before { content: "\e64e"; }
.ph.ph-play:before { content: "\e3d0"; }
.ph.ph-play-circle:before { content: "\e3d2"; }
.ph.ph-plugs-connected:before { content: "\eb5a"; }
.ph.ph-plus:before { content: "\e3d4"; }
.ph.ph-presentation-chart:before { content: "\e656"; }
.ph.ph-printer:before { content: "\e3dc"; }
.ph.ph-prohibit:before { content: "\e3de"; }
.ph.ph-push-pin:before { content: "\e3e2"; }
.ph.ph-qr-code:before { content: "\e3e6"; }
.ph.ph-question:before { content: "\e3e8"; }
.ph.ph-receipt:before { content: "\e3ec"; }
.ph.ph-reddit-logo:before { content: "\e59c"; }
.ph.ph-repeat:before { content: "\e3f6"; }
.ph.ph-scales:before { content: "\e750"; }
.ph.ph-scissors:before { content: "\eae0"; }
.ph.ph-seal-check:before { content: "\e606"; }
.ph.ph-seal-percent:before { content: "\e60a"; }
.ph.ph-shapes:before { content: "\ec5e"; }
.ph.ph-share-fat:before { content: "\ed52"; }
.ph.ph-share-network:before { content: "\e408"; }
.ph.ph-shield-check:before { content: "\e40c"; }
.ph.ph-shield-warning:before { content: "\e412"; }
.ph.ph-shopping-bag:before { content: "\e416"; }
.ph.ph-shopping-cart:before { content: "\e41e"; }
.ph.ph-shuffle:before { content: "\e422"; }
.ph.ph-sign-in:before { content: "\e428"; }
.ph.ph-sign-out:before { content: "\e42a"; }
.ph.ph-signature:before { content: "\ebac"; }
.ph.ph-signpost:before { content: "\e89c"; }
.ph.ph-skip-back:before { content: "\e5a4"; }
.ph.ph-skip-forward:before { content: "\e5a6"; }
.ph.ph-sliders-horizontal:before { content: "\e434"; }
.ph.ph-snapchat-logo:before { content: "\e668"; }
.ph.ph-sparkle:before { content: "\e6a2"; }
.ph.ph-spinner-gap:before { content: "\e66c"; }
.ph.ph-split-horizontal:before { content: "\e872"; }
.ph.ph-spotify-logo:before { content: "\e66e"; }
.ph.ph-squares-four:before { content: "\e464"; }
.ph.ph-star:before { content: "\e46a"; }
.ph.ph-star-four:before { content: "\e6a4"; }
.ph.ph-storefront:before { content: "\e470"; }
.ph.ph-sun:before { content: "\e472"; }
.ph.ph-tag:before { content: "\e478"; }
.ph.ph-target:before { content: "\e47c"; }
.ph.ph-telegram-logo:before { content: "\e5bc"; }
.ph.ph-text-aa:before { content: "\e6ee"; }
.ph.ph-threads-logo:before { content: "\ed9e"; }
.ph.ph-ticket:before { content: "\e490"; }
.ph.ph-tiktok-logo:before { content: "\eaf2"; }
.ph.ph-timer:before { content: "\e492"; }
.ph.ph-toolbox:before { content: "\eca0"; }
.ph.ph-trash:before { content: "\e4a6"; }
.ph.ph-tray:before { content: "\e4aa"; }
.ph.ph-tree-structure:before { content: "\e67c"; }
.ph.ph-truck:before { content: "\e4b4"; }
.ph.ph-twitch-logo:before { content: "\e5ce"; }
.ph.ph-upload-simple:before { content: "\e4c0"; }
.ph.ph-user:before { content: "\e4c2"; }
.ph.ph-user-check:before { content: "\eafa"; }
.ph.ph-user-circle:before { content: "\e4c4"; }
.ph.ph-user-circle-plus:before { content: "\e4ca"; }
.ph.ph-user-gear:before { content: "\e4cc"; }
.ph.ph-user-plus:before { content: "\e4d0"; }
.ph.ph-user-square:before { content: "\e4d4"; }
.ph.ph-users:before { content: "\e4d6"; }
.ph.ph-users-four:before { content: "\e68c"; }
.ph.ph-users-three:before { content: "\e68e"; }
.ph.ph-video-camera:before { content: "\e4da"; }
.ph.ph-vinyl-record:before { content: "\ecac"; }
.ph.ph-wallet:before { content: "\e68a"; }
.ph.ph-warning:before { content: "\e4e0"; }
.ph.ph-warning-circle:before { content: "\e4e2"; }
.ph.ph-waveform:before { content: "\e802"; }
.ph.ph-whatsapp-logo:before { content: "\e5d0"; }
.ph.ph-wifi-high:before { content: "\e4ea"; }
.ph.ph-x:before { content: "\e4f6"; }
.ph.ph-x-circle:before { content: "\e4f8"; }
.ph.ph-x-logo:before { content: "\e4bc"; }
.ph.ph-youtube-logo:before { content: "\e4fc"; }
@font-face { font-family: "Phosphor-Fill"; src: url("../fonts/phosphor-fill.woff2?v=7351004b") format("woff2"); font-weight: normal; font-style: normal; font-display: block; }
.ph-fill { font-family: "Phosphor-Fill" !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.ph-fill.ph-address-book:before { content: "\e6f8"; }
.ph-fill.ph-amazon-logo:before { content: "\e96c"; }
.ph-fill.ph-apple-logo:before { content: "\e516"; }
.ph-fill.ph-arrow-circle-up:before { content: "\e030"; }
.ph-fill.ph-arrow-counter-clockwise:before { content: "\e038"; }
.ph-fill.ph-arrow-down:before { content: "\e03e"; }
.ph-fill.ph-arrow-left:before { content: "\e058"; }
.ph-fill.ph-arrow-right:before { content: "\e06c"; }
.ph-fill.ph-arrow-square-in:before { content: "\e5dc"; }
.ph-fill.ph-arrow-square-out:before { content: "\e5de"; }
.ph-fill.ph-arrow-up:before { content: "\e08e"; }
.ph-fill.ph-arrow-up-right:before { content: "\e092"; }
.ph-fill.ph-arrows-clockwise:before { content: "\e094"; }
.ph-fill.ph-arrows-left-right:before { content: "\e0a0"; }
.ph-fill.ph-article:before { content: "\e0a8"; }
.ph-fill.ph-at:before { content: "\e0ac"; }
.ph-fill.ph-bed:before { content: "\e0cc"; }
.ph-fill.ph-bell:before { content: "\e0ce"; }
.ph-fill.ph-bell-ringing:before { content: "\e5e8"; }
.ph-fill.ph-binoculars:before { content: "\ea64"; }
.ph-fill.ph-book-open:before { content: "\e0e6"; }
.ph-fill.ph-book-open-text:before { content: "\e8f2"; }
.ph-fill.ph-books:before { content: "\e758"; }
.ph-fill.ph-brackets-curly:before { content: "\e860"; }
.ph-fill.ph-briefcase:before { content: "\e0ee"; }
.ph-fill.ph-broadcast:before { content: "\e0f2"; }
.ph-fill.ph-browser:before { content: "\e0f4"; }
.ph-fill.ph-buildings:before { content: "\e102"; }
.ph-fill.ph-cake:before { content: "\e780"; }
.ph-fill.ph-calculator:before { content: "\e538"; }
.ph-fill.ph-calendar-blank:before { content: "\e10a"; }
.ph-fill.ph-calendar-check:before { content: "\e712"; }
.ph-fill.ph-calendar-dots:before { content: "\e7b4"; }
.ph-fill.ph-calendar-plus:before { content: "\e714"; }
.ph-fill.ph-camera:before { content: "\e10e"; }
.ph-fill.ph-caret-down:before { content: "\e136"; }
.ph-fill.ph-caret-left:before { content: "\e138"; }
.ph-fill.ph-caret-right:before { content: "\e13a"; }
.ph-fill.ph-caret-up:before { content: "\e13c"; }
.ph-fill.ph-caret-up-down:before { content: "\e140"; }
.ph-fill.ph-chalkboard-teacher:before { content: "\e600"; }
.ph-fill.ph-chart-bar:before { content: "\e150"; }
.ph-fill.ph-chart-line:before { content: "\e154"; }
.ph-fill.ph-chart-line-up:before { content: "\e156"; }
.ph-fill.ph-chat-text:before { content: "\e17a"; }
.ph-fill.ph-chats-circle:before { content: "\e17e"; }
.ph-fill.ph-check:before { content: "\e182"; }
.ph-fill.ph-check-circle:before { content: "\e184"; }
.ph-fill.ph-check-square:before { content: "\e186"; }
.ph-fill.ph-circle:before { content: "\e18a"; }
.ph-fill.ph-clipboard-text:before { content: "\e198"; }
.ph-fill.ph-clock:before { content: "\e19a"; }
.ph-fill.ph-clock-counter-clockwise:before { content: "\e1a0"; }
.ph-fill.ph-code:before { content: "\e1bc"; }
.ph-fill.ph-coffee:before { content: "\e1c2"; }
.ph-fill.ph-coins:before { content: "\e78e"; }
.ph-fill.ph-columns:before { content: "\e546"; }
.ph-fill.ph-compass:before { content: "\e1c8"; }
.ph-fill.ph-confetti:before { content: "\e81a"; }
.ph-fill.ph-cookie:before { content: "\e6ca"; }
.ph-fill.ph-copy:before { content: "\e1ca"; }
.ph-fill.ph-copy-simple:before { content: "\e1cc"; }
.ph-fill.ph-credit-card:before { content: "\e1d2"; }
.ph-fill.ph-crosshair:before { content: "\e1d6"; }
.ph-fill.ph-currency-circle-dollar:before { content: "\e54c"; }
.ph-fill.ph-cursor:before { content: "\e1dc"; }
.ph-fill.ph-cursor-click:before { content: "\e7c8"; }
.ph-fill.ph-database:before { content: "\e1de"; }
.ph-fill.ph-device-mobile:before { content: "\e1e0"; }
.ph-fill.ph-devices:before { content: "\eba4"; }
.ph-fill.ph-diamond:before { content: "\e1ec"; }
.ph-fill.ph-door-open:before { content: "\e7e6"; }
.ph-fill.ph-dots-six-vertical:before { content: "\eae2"; }
.ph-fill.ph-dots-three-circle:before { content: "\e200"; }
.ph-fill.ph-dots-three-vertical:before { content: "\e208"; }
.ph-fill.ph-download-simple:before { content: "\e20c"; }
.ph-fill.ph-drop:before { content: "\e210"; }
.ph-fill.ph-envelope-open:before { content: "\e216"; }
.ph-fill.ph-envelope-simple:before { content: "\e218"; }
.ph-fill.ph-eye:before { content: "\e220"; }
.ph-fill.ph-facebook-logo:before { content: "\e226"; }
.ph-fill.ph-file-arrow-up:before { content: "\e61e"; }
.ph-fill.ph-file-code:before { content: "\e914"; }
.ph-fill.ph-file-csv:before { content: "\eb1c"; }
.ph-fill.ph-file-html:before { content: "\eb38"; }
.ph-fill.ph-file-pdf:before { content: "\e702"; }
.ph-fill.ph-file-text:before { content: "\e23a"; }
.ph-fill.ph-file-zip:before { content: "\e958"; }
.ph-fill.ph-fingerprint:before { content: "\e23e"; }
.ph-fill.ph-fire:before { content: "\e242"; }
.ph-fill.ph-folder-simple:before { content: "\e25a"; }
.ph-fill.ph-folder-simple-plus:before { content: "\e25e"; }
.ph-fill.ph-funnel:before { content: "\e266"; }
.ph-fill.ph-gift:before { content: "\e276"; }
.ph-fill.ph-globe:before { content: "\e288"; }
.ph-fill.ph-globe-hemisphere-east:before { content: "\e28a"; }
.ph-fill.ph-globe-hemisphere-west:before { content: "\e28c"; }
.ph-fill.ph-globe-simple:before { content: "\e28e"; }
.ph-fill.ph-google-chrome-logo:before { content: "\e976"; }
.ph-fill.ph-google-logo:before { content: "\e292"; }
.ph-fill.ph-google-play-logo:before { content: "\e294"; }
.ph-fill.ph-gradient:before { content: "\eb42"; }
.ph-fill.ph-graduation-cap:before { content: "\e62c"; }
.ph-fill.ph-hand-coins:before { content: "\ea8c"; }
.ph-fill.ph-hand-palm:before { content: "\e57e"; }
.ph-fill.ph-handshake:before { content: "\e582"; }
.ph-fill.ph-hard-drives:before { content: "\e2a0"; }
.ph-fill.ph-headset:before { content: "\e584"; }
.ph-fill.ph-heartbeat:before { content: "\e2ac"; }
.ph-fill.ph-hourglass-medium:before { content: "\e2b8"; }
.ph-fill.ph-house:before { content: "\e2c2"; }
.ph-fill.ph-house-line:before { content: "\e2c4"; }
.ph-fill.ph-identification-badge:before { content: "\e6f6"; }
.ph-fill.ph-identification-card:before { content: "\e2c8"; }
.ph-fill.ph-image:before { content: "\e2ca"; }
.ph-fill.ph-image-square:before { content: "\e2cc"; }
.ph-fill.ph-images:before { content: "\e836"; }
.ph-fill.ph-infinity:before { content: "\e634"; }
.ph-fill.ph-info:before { content: "\e2ce"; }
.ph-fill.ph-instagram-logo:before { content: "\e2d0"; }
.ph-fill.ph-key:before { content: "\e2d6"; }
.ph-fill.ph-keyboard:before { content: "\e2d8"; }
.ph-fill.ph-laptop:before { content: "\e586"; }
.ph-fill.ph-layout:before { content: "\e6d6"; }
.ph-fill.ph-leaf:before { content: "\e2da"; }
.ph-fill.ph-lifebuoy:before { content: "\e63a"; }
.ph-fill.ph-lightbulb:before { content: "\e2dc"; }
.ph-fill.ph-lightning:before { content: "\e2de"; }
.ph-fill.ph-link:before { content: "\e2e2"; }
.ph-fill.ph-link-break:before { content: "\e2e4"; }
.ph-fill.ph-link-simple:before { content: "\e2e6"; }
.ph-fill.ph-linkedin-logo:before { content: "\e2ee"; }
.ph-fill.ph-list:before { content: "\e2f0"; }
.ph-fill.ph-list-bullets:before { content: "\e2f2"; }
.ph-fill.ph-list-checks:before { content: "\eadc"; }
.ph-fill.ph-list-dashes:before { content: "\e2f4"; }
.ph-fill.ph-list-magnifying-glass:before { content: "\ebe0"; }
.ph-fill.ph-list-numbers:before { content: "\e2f6"; }
.ph-fill.ph-lock-open:before { content: "\e306"; }
.ph-fill.ph-lock-simple:before { content: "\e308"; }
.ph-fill.ph-magnifying-glass:before { content: "\e30c"; }
.ph-fill.ph-map-pin:before { content: "\e316"; }
.ph-fill.ph-map-pin-line:before { content: "\e318"; }
.ph-fill.ph-megaphone:before { content: "\e324"; }
.ph-fill.ph-microphone:before { content: "\e326"; }
.ph-fill.ph-microsoft-teams-logo:before { content: "\eb66"; }
.ph-fill.ph-minus:before { content: "\e32a"; }
.ph-fill.ph-moon:before { content: "\e330"; }
.ph-fill.ph-moon-stars:before { content: "\e58e"; }
.ph-fill.ph-mouse-right-click:before { content: "\e336"; }
.ph-fill.ph-music-notes:before { content: "\e340"; }
.ph-fill.ph-newspaper:before { content: "\e344"; }
.ph-fill.ph-package:before { content: "\e390"; }
.ph-fill.ph-paint-brush:before { content: "\e6f0"; }
.ph-fill.ph-palette:before { content: "\e6c8"; }
.ph-fill.ph-paper-plane-tilt:before { content: "\e398"; }
.ph-fill.ph-path:before { content: "\e39c"; }
.ph-fill.ph-pause:before { content: "\e39e"; }
.ph-fill.ph-pen-nib:before { content: "\e3ac"; }
.ph-fill.ph-pencil-simple:before { content: "\e3b4"; }
.ph-fill.ph-phone:before { content: "\e3b8"; }
.ph-fill.ph-pinterest-logo:before { content: "\e64e"; }
.ph-fill.ph-play:before { content: "\e3d0"; }
.ph-fill.ph-play-circle:before { content: "\e3d2"; }
.ph-fill.ph-plugs-connected:before { content: "\eb5a"; }
.ph-fill.ph-plus:before { content: "\e3d4"; }
.ph-fill.ph-presentation-chart:before { content: "\e656"; }
.ph-fill.ph-printer:before { content: "\e3dc"; }
.ph-fill.ph-prohibit:before { content: "\e3de"; }
.ph-fill.ph-push-pin:before { content: "\e3e2"; }
.ph-fill.ph-qr-code:before { content: "\e3e6"; }
.ph-fill.ph-question:before { content: "\e3e8"; }
.ph-fill.ph-receipt:before { content: "\e3ec"; }
.ph-fill.ph-reddit-logo:before { content: "\e59c"; }
.ph-fill.ph-repeat:before { content: "\e3f6"; }
.ph-fill.ph-scales:before { content: "\e750"; }
.ph-fill.ph-scissors:before { content: "\eae0"; }
.ph-fill.ph-seal-check:before { content: "\e606"; }
.ph-fill.ph-seal-percent:before { content: "\e60a"; }
.ph-fill.ph-shapes:before { content: "\ec5e"; }
.ph-fill.ph-share-fat:before { content: "\ed52"; }
.ph-fill.ph-share-network:before { content: "\e408"; }
.ph-fill.ph-shield-check:before { content: "\e40c"; }
.ph-fill.ph-shield-warning:before { content: "\e412"; }
.ph-fill.ph-shopping-bag:before { content: "\e416"; }
.ph-fill.ph-shopping-cart:before { content: "\e41e"; }
.ph-fill.ph-shuffle:before { content: "\e422"; }
.ph-fill.ph-sign-in:before { content: "\e428"; }
.ph-fill.ph-sign-out:before { content: "\e42a"; }
.ph-fill.ph-signature:before { content: "\ebac"; }
.ph-fill.ph-signpost:before { content: "\e89c"; }
.ph-fill.ph-skip-back:before { content: "\e5a4"; }
.ph-fill.ph-skip-forward:before { content: "\e5a6"; }
.ph-fill.ph-sliders-horizontal:before { content: "\e434"; }
.ph-fill.ph-snapchat-logo:before { content: "\e668"; }
.ph-fill.ph-sparkle:before { content: "\e6a2"; }
.ph-fill.ph-spinner-gap:before { content: "\e66c"; }
.ph-fill.ph-split-horizontal:before { content: "\e872"; }
.ph-fill.ph-spotify-logo:before { content: "\e66e"; }
.ph-fill.ph-squares-four:before { content: "\e464"; }
.ph-fill.ph-star:before { content: "\e46a"; }
.ph-fill.ph-star-four:before { content: "\e6a4"; }
.ph-fill.ph-storefront:before { content: "\e470"; }
.ph-fill.ph-sun:before { content: "\e472"; }
.ph-fill.ph-tag:before { content: "\e478"; }
.ph-fill.ph-target:before { content: "\e47c"; }
.ph-fill.ph-telegram-logo:before { content: "\e5bc"; }
.ph-fill.ph-text-aa:before { content: "\e6ee"; }
.ph-fill.ph-threads-logo:before { content: "\ed9e"; }
.ph-fill.ph-ticket:before { content: "\e490"; }
.ph-fill.ph-tiktok-logo:before { content: "\eaf2"; }
.ph-fill.ph-timer:before { content: "\e492"; }
.ph-fill.ph-toolbox:before { content: "\eca0"; }
.ph-fill.ph-trash:before { content: "\e4a6"; }
.ph-fill.ph-tray:before { content: "\e4aa"; }
.ph-fill.ph-tree-structure:before { content: "\e67c"; }
.ph-fill.ph-truck:before { content: "\e4b4"; }
.ph-fill.ph-twitch-logo:before { content: "\e5ce"; }
.ph-fill.ph-upload-simple:before { content: "\e4c0"; }
.ph-fill.ph-user:before { content: "\e4c2"; }
.ph-fill.ph-user-check:before { content: "\eafa"; }
.ph-fill.ph-user-circle:before { content: "\e4c4"; }
.ph-fill.ph-user-circle-plus:before { content: "\e4ca"; }
.ph-fill.ph-user-gear:before { content: "\e4cc"; }
.ph-fill.ph-user-plus:before { content: "\e4d0"; }
.ph-fill.ph-user-square:before { content: "\e4d4"; }
.ph-fill.ph-users:before { content: "\e4d6"; }
.ph-fill.ph-users-four:before { content: "\e68c"; }
.ph-fill.ph-users-three:before { content: "\e68e"; }
.ph-fill.ph-video-camera:before { content: "\e4da"; }
.ph-fill.ph-vinyl-record:before { content: "\ecac"; }
.ph-fill.ph-wallet:before { content: "\e68a"; }
.ph-fill.ph-warning:before { content: "\e4e0"; }
.ph-fill.ph-warning-circle:before { content: "\e4e2"; }
.ph-fill.ph-waveform:before { content: "\e802"; }
.ph-fill.ph-whatsapp-logo:before { content: "\e5d0"; }
.ph-fill.ph-wifi-high:before { content: "\e4ea"; }
.ph-fill.ph-x:before { content: "\e4f6"; }
.ph-fill.ph-x-circle:before { content: "\e4f8"; }
.ph-fill.ph-x-logo:before { content: "\e4bc"; }
.ph-fill.ph-youtube-logo:before { content: "\e4fc"; }
@font-face { font-family: "Phosphor-Bold"; src: url("../fonts/phosphor-bold.woff2?v=fb2d2306") format("woff2"); font-weight: normal; font-style: normal; font-display: block; }
.ph-bold { font-family: "Phosphor-Bold" !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.ph-bold.ph-address-book:before { content: "\e6f8"; }
.ph-bold.ph-amazon-logo:before { content: "\e96c"; }
.ph-bold.ph-apple-logo:before { content: "\e516"; }
.ph-bold.ph-arrow-circle-up:before { content: "\e030"; }
.ph-bold.ph-arrow-counter-clockwise:before { content: "\e038"; }
.ph-bold.ph-arrow-down:before { content: "\e03e"; }
.ph-bold.ph-arrow-left:before { content: "\e058"; }
.ph-bold.ph-arrow-right:before { content: "\e06c"; }
.ph-bold.ph-arrow-square-in:before { content: "\e5dc"; }
.ph-bold.ph-arrow-square-out:before { content: "\e5de"; }
.ph-bold.ph-arrow-up:before { content: "\e08e"; }
.ph-bold.ph-arrow-up-right:before { content: "\e092"; }
.ph-bold.ph-arrows-clockwise:before { content: "\e094"; }
.ph-bold.ph-arrows-left-right:before { content: "\e0a0"; }
.ph-bold.ph-article:before { content: "\e0a8"; }
.ph-bold.ph-at:before { content: "\e0ac"; }
.ph-bold.ph-bed:before { content: "\e0cc"; }
.ph-bold.ph-bell:before { content: "\e0ce"; }
.ph-bold.ph-bell-ringing:before { content: "\e5e8"; }
.ph-bold.ph-binoculars:before { content: "\ea64"; }
.ph-bold.ph-book-open:before { content: "\e0e6"; }
.ph-bold.ph-book-open-text:before { content: "\e8f2"; }
.ph-bold.ph-books:before { content: "\e758"; }
.ph-bold.ph-brackets-curly:before { content: "\e860"; }
.ph-bold.ph-briefcase:before { content: "\e0ee"; }
.ph-bold.ph-broadcast:before { content: "\e0f2"; }
.ph-bold.ph-browser:before { content: "\e0f4"; }
.ph-bold.ph-buildings:before { content: "\e102"; }
.ph-bold.ph-cake:before { content: "\e780"; }
.ph-bold.ph-calculator:before { content: "\e538"; }
.ph-bold.ph-calendar-blank:before { content: "\e10a"; }
.ph-bold.ph-calendar-check:before { content: "\e712"; }
.ph-bold.ph-calendar-dots:before { content: "\e7b4"; }
.ph-bold.ph-calendar-plus:before { content: "\e714"; }
.ph-bold.ph-camera:before { content: "\e10e"; }
.ph-bold.ph-caret-down:before { content: "\e136"; }
.ph-bold.ph-caret-left:before { content: "\e138"; }
.ph-bold.ph-caret-right:before { content: "\e13a"; }
.ph-bold.ph-caret-up:before { content: "\e13c"; }
.ph-bold.ph-caret-up-down:before { content: "\e140"; }
.ph-bold.ph-chalkboard-teacher:before { content: "\e600"; }
.ph-bold.ph-chart-bar:before { content: "\e150"; }
.ph-bold.ph-chart-line:before { content: "\e154"; }
.ph-bold.ph-chart-line-up:before { content: "\e156"; }
.ph-bold.ph-chat-text:before { content: "\e17a"; }
.ph-bold.ph-chats-circle:before { content: "\e17e"; }
.ph-bold.ph-check:before { content: "\e182"; }
.ph-bold.ph-check-circle:before { content: "\e184"; }
.ph-bold.ph-check-square:before { content: "\e186"; }
.ph-bold.ph-circle:before { content: "\e18a"; }
.ph-bold.ph-clipboard-text:before { content: "\e198"; }
.ph-bold.ph-clock:before { content: "\e19a"; }
.ph-bold.ph-clock-counter-clockwise:before { content: "\e1a0"; }
.ph-bold.ph-code:before { content: "\e1bc"; }
.ph-bold.ph-coffee:before { content: "\e1c2"; }
.ph-bold.ph-coins:before { content: "\e78e"; }
.ph-bold.ph-columns:before { content: "\e546"; }
.ph-bold.ph-compass:before { content: "\e1c8"; }
.ph-bold.ph-confetti:before { content: "\e81a"; }
.ph-bold.ph-cookie:before { content: "\e6ca"; }
.ph-bold.ph-copy:before { content: "\e1ca"; }
.ph-bold.ph-copy-simple:before { content: "\e1cc"; }
.ph-bold.ph-credit-card:before { content: "\e1d2"; }
.ph-bold.ph-crosshair:before { content: "\e1d6"; }
.ph-bold.ph-currency-circle-dollar:before { content: "\e54c"; }
.ph-bold.ph-cursor:before { content: "\e1dc"; }
.ph-bold.ph-cursor-click:before { content: "\e7c8"; }
.ph-bold.ph-database:before { content: "\e1de"; }
.ph-bold.ph-device-mobile:before { content: "\e1e0"; }
.ph-bold.ph-devices:before { content: "\eba4"; }
.ph-bold.ph-diamond:before { content: "\e1ec"; }
.ph-bold.ph-door-open:before { content: "\e7e6"; }
.ph-bold.ph-dots-six-vertical:before { content: "\eae2"; }
.ph-bold.ph-dots-three-circle:before { content: "\e200"; }
.ph-bold.ph-dots-three-vertical:before { content: "\e208"; }
.ph-bold.ph-download-simple:before { content: "\e20c"; }
.ph-bold.ph-drop:before { content: "\e210"; }
.ph-bold.ph-envelope-open:before { content: "\e216"; }
.ph-bold.ph-envelope-simple:before { content: "\e218"; }
.ph-bold.ph-eye:before { content: "\e220"; }
.ph-bold.ph-facebook-logo:before { content: "\e226"; }
.ph-bold.ph-file-arrow-up:before { content: "\e61e"; }
.ph-bold.ph-file-code:before { content: "\e914"; }
.ph-bold.ph-file-csv:before { content: "\eb1c"; }
.ph-bold.ph-file-html:before { content: "\eb38"; }
.ph-bold.ph-file-pdf:before { content: "\e702"; }
.ph-bold.ph-file-text:before { content: "\e23a"; }
.ph-bold.ph-file-zip:before { content: "\e958"; }
.ph-bold.ph-fingerprint:before { content: "\e23e"; }
.ph-bold.ph-fire:before { content: "\e242"; }
.ph-bold.ph-folder-simple:before { content: "\e25a"; }
.ph-bold.ph-folder-simple-plus:before { content: "\e25e"; }
.ph-bold.ph-funnel:before { content: "\e266"; }
.ph-bold.ph-gift:before { content: "\e276"; }
.ph-bold.ph-globe:before { content: "\e288"; }
.ph-bold.ph-globe-hemisphere-east:before { content: "\e28a"; }
.ph-bold.ph-globe-hemisphere-west:before { content: "\e28c"; }
.ph-bold.ph-globe-simple:before { content: "\e28e"; }
.ph-bold.ph-google-chrome-logo:before { content: "\e976"; }
.ph-bold.ph-google-logo:before { content: "\e292"; }
.ph-bold.ph-google-play-logo:before { content: "\e294"; }
.ph-bold.ph-gradient:before { content: "\eb42"; }
.ph-bold.ph-graduation-cap:before { content: "\e62c"; }
.ph-bold.ph-hand-coins:before { content: "\ea8c"; }
.ph-bold.ph-hand-palm:before { content: "\e57e"; }
.ph-bold.ph-handshake:before { content: "\e582"; }
.ph-bold.ph-hard-drives:before { content: "\e2a0"; }
.ph-bold.ph-headset:before { content: "\e584"; }
.ph-bold.ph-heartbeat:before { content: "\e2ac"; }
.ph-bold.ph-hourglass-medium:before { content: "\e2b8"; }
.ph-bold.ph-house:before { content: "\e2c2"; }
.ph-bold.ph-house-line:before { content: "\e2c4"; }
.ph-bold.ph-identification-badge:before { content: "\e6f6"; }
.ph-bold.ph-identification-card:before { content: "\e2c8"; }
.ph-bold.ph-image:before { content: "\e2ca"; }
.ph-bold.ph-image-square:before { content: "\e2cc"; }
.ph-bold.ph-images:before { content: "\e836"; }
.ph-bold.ph-infinity:before { content: "\e634"; }
.ph-bold.ph-info:before { content: "\e2ce"; }
.ph-bold.ph-instagram-logo:before { content: "\e2d0"; }
.ph-bold.ph-key:before { content: "\e2d6"; }
.ph-bold.ph-keyboard:before { content: "\e2d8"; }
.ph-bold.ph-laptop:before { content: "\e586"; }
.ph-bold.ph-layout:before { content: "\e6d6"; }
.ph-bold.ph-leaf:before { content: "\e2da"; }
.ph-bold.ph-lifebuoy:before { content: "\e63a"; }
.ph-bold.ph-lightbulb:before { content: "\e2dc"; }
.ph-bold.ph-lightning:before { content: "\e2de"; }
.ph-bold.ph-link:before { content: "\e2e2"; }
.ph-bold.ph-link-break:before { content: "\e2e4"; }
.ph-bold.ph-link-simple:before { content: "\e2e6"; }
.ph-bold.ph-linkedin-logo:before { content: "\e2ee"; }
.ph-bold.ph-list:before { content: "\e2f0"; }
.ph-bold.ph-list-bullets:before { content: "\e2f2"; }
.ph-bold.ph-list-checks:before { content: "\eadc"; }
.ph-bold.ph-list-dashes:before { content: "\e2f4"; }
.ph-bold.ph-list-magnifying-glass:before { content: "\ebe0"; }
.ph-bold.ph-list-numbers:before { content: "\e2f6"; }
.ph-bold.ph-lock-open:before { content: "\e306"; }
.ph-bold.ph-lock-simple:before { content: "\e308"; }
.ph-bold.ph-magnifying-glass:before { content: "\e30c"; }
.ph-bold.ph-map-pin:before { content: "\e316"; }
.ph-bold.ph-map-pin-line:before { content: "\e318"; }
.ph-bold.ph-megaphone:before { content: "\e324"; }
.ph-bold.ph-microphone:before { content: "\e326"; }
.ph-bold.ph-microsoft-teams-logo:before { content: "\eb66"; }
.ph-bold.ph-minus:before { content: "\e32a"; }
.ph-bold.ph-moon:before { content: "\e330"; }
.ph-bold.ph-moon-stars:before { content: "\e58e"; }
.ph-bold.ph-mouse-right-click:before { content: "\e336"; }
.ph-bold.ph-music-notes:before { content: "\e340"; }
.ph-bold.ph-newspaper:before { content: "\e344"; }
.ph-bold.ph-package:before { content: "\e390"; }
.ph-bold.ph-paint-brush:before { content: "\e6f0"; }
.ph-bold.ph-palette:before { content: "\e6c8"; }
.ph-bold.ph-paper-plane-tilt:before { content: "\e398"; }
.ph-bold.ph-path:before { content: "\e39c"; }
.ph-bold.ph-pause:before { content: "\e39e"; }
.ph-bold.ph-pen-nib:before { content: "\e3ac"; }
.ph-bold.ph-pencil-simple:before { content: "\e3b4"; }
.ph-bold.ph-phone:before { content: "\e3b8"; }
.ph-bold.ph-pinterest-logo:before { content: "\e64e"; }
.ph-bold.ph-play:before { content: "\e3d0"; }
.ph-bold.ph-play-circle:before { content: "\e3d2"; }
.ph-bold.ph-plugs-connected:before { content: "\eb5a"; }
.ph-bold.ph-plus:before { content: "\e3d4"; }
.ph-bold.ph-presentation-chart:before { content: "\e656"; }
.ph-bold.ph-printer:before { content: "\e3dc"; }
.ph-bold.ph-prohibit:before { content: "\e3de"; }
.ph-bold.ph-push-pin:before { content: "\e3e2"; }
.ph-bold.ph-qr-code:before { content: "\e3e6"; }
.ph-bold.ph-question:before { content: "\e3e8"; }
.ph-bold.ph-receipt:before { content: "\e3ec"; }
.ph-bold.ph-reddit-logo:before { content: "\e59c"; }
.ph-bold.ph-repeat:before { content: "\e3f6"; }
.ph-bold.ph-scales:before { content: "\e750"; }
.ph-bold.ph-scissors:before { content: "\eae0"; }
.ph-bold.ph-seal-check:before { content: "\e606"; }
.ph-bold.ph-seal-percent:before { content: "\e60a"; }
.ph-bold.ph-shapes:before { content: "\ec5e"; }
.ph-bold.ph-share-fat:before { content: "\ed52"; }
.ph-bold.ph-share-network:before { content: "\e408"; }
.ph-bold.ph-shield-check:before { content: "\e40c"; }
.ph-bold.ph-shield-warning:before { content: "\e412"; }
.ph-bold.ph-shopping-bag:before { content: "\e416"; }
.ph-bold.ph-shopping-cart:before { content: "\e41e"; }
.ph-bold.ph-shuffle:before { content: "\e422"; }
.ph-bold.ph-sign-in:before { content: "\e428"; }
.ph-bold.ph-sign-out:before { content: "\e42a"; }
.ph-bold.ph-signature:before { content: "\ebac"; }
.ph-bold.ph-signpost:before { content: "\e89c"; }
.ph-bold.ph-skip-back:before { content: "\e5a4"; }
.ph-bold.ph-skip-forward:before { content: "\e5a6"; }
.ph-bold.ph-sliders-horizontal:before { content: "\e434"; }
.ph-bold.ph-snapchat-logo:before { content: "\e668"; }
.ph-bold.ph-sparkle:before { content: "\e6a2"; }
.ph-bold.ph-spinner-gap:before { content: "\e66c"; }
.ph-bold.ph-split-horizontal:before { content: "\e872"; }
.ph-bold.ph-spotify-logo:before { content: "\e66e"; }
.ph-bold.ph-squares-four:before { content: "\e464"; }
.ph-bold.ph-star:before { content: "\e46a"; }
.ph-bold.ph-star-four:before { content: "\e6a4"; }
.ph-bold.ph-storefront:before { content: "\e470"; }
.ph-bold.ph-sun:before { content: "\e472"; }
.ph-bold.ph-tag:before { content: "\e478"; }
.ph-bold.ph-target:before { content: "\e47c"; }
.ph-bold.ph-telegram-logo:before { content: "\e5bc"; }
.ph-bold.ph-text-aa:before { content: "\e6ee"; }
.ph-bold.ph-threads-logo:before { content: "\ed9e"; }
.ph-bold.ph-ticket:before { content: "\e490"; }
.ph-bold.ph-tiktok-logo:before { content: "\eaf2"; }
.ph-bold.ph-timer:before { content: "\e492"; }
.ph-bold.ph-toolbox:before { content: "\eca0"; }
.ph-bold.ph-trash:before { content: "\e4a6"; }
.ph-bold.ph-tray:before { content: "\e4aa"; }
.ph-bold.ph-tree-structure:before { content: "\e67c"; }
.ph-bold.ph-truck:before { content: "\e4b4"; }
.ph-bold.ph-twitch-logo:before { content: "\e5ce"; }
.ph-bold.ph-upload-simple:before { content: "\e4c0"; }
.ph-bold.ph-user:before { content: "\e4c2"; }
.ph-bold.ph-user-check:before { content: "\eafa"; }
.ph-bold.ph-user-circle:before { content: "\e4c4"; }
.ph-bold.ph-user-circle-plus:before { content: "\e4ca"; }
.ph-bold.ph-user-gear:before { content: "\e4cc"; }
.ph-bold.ph-user-plus:before { content: "\e4d0"; }
.ph-bold.ph-user-square:before { content: "\e4d4"; }
.ph-bold.ph-users:before { content: "\e4d6"; }
.ph-bold.ph-users-four:before { content: "\e68c"; }
.ph-bold.ph-users-three:before { content: "\e68e"; }
.ph-bold.ph-video-camera:before { content: "\e4da"; }
.ph-bold.ph-vinyl-record:before { content: "\ecac"; }
.ph-bold.ph-wallet:before { content: "\e68a"; }
.ph-bold.ph-warning:before { content: "\e4e0"; }
.ph-bold.ph-warning-circle:before { content: "\e4e2"; }
.ph-bold.ph-waveform:before { content: "\e802"; }
.ph-bold.ph-whatsapp-logo:before { content: "\e5d0"; }
.ph-bold.ph-wifi-high:before { content: "\e4ea"; }
.ph-bold.ph-x:before { content: "\e4f6"; }
.ph-bold.ph-x-circle:before { content: "\e4f8"; }
.ph-bold.ph-x-logo:before { content: "\e4bc"; }
.ph-bold.ph-youtube-logo:before { content: "\e4fc"; }

/* --- 100-ana.css --- */
/* dijital-link-ui · yeni ana sayfa. Kaynak taslak: docs/dijital-link-local/arastirma/yonler/ana-sayfa-v2.html,
   araclar/ana-donustur.py çevirdi. Satıcının bootstrap teması da yüklü olduğu için bütün kurallar body.dl-ana önekli;
   bootstrap'in başlık, paragraf ve form varsayılanları tarayıcı varsayılanına döndürülür (taslak onlara göre çizildi). */
body.dl-ana :where(h1, h2, h3, h4, h5, h6, p, ul, ol, dl, dd, figure, blockquote, label, small, hr, legend, fieldset, pre) { margin:revert; padding:revert; font-size:revert; font-weight:revert; line-height:revert; font-family:inherit; color:inherit; display:revert; }
body.dl-ana :where(a, a:hover) { color:inherit; text-decoration:none; }
body.dl-ana :where(button):focus:not(:focus-visible) { outline:none; }

/* dijital.link ana sayfa v2 (ANA-SAYFA-BRIF.md). ?tema=gece|gunduz. Görseller yerel siteden (uploads/main/biolinkimage, blog).
   Metinlerin hepsi uygulamada dil dosyasına (dl_ui.ana.* ya da satıcının index.*) gidecek. "Video alanı" etiketleri yalnız taslakta. */
body.dl-ana { --zemin:#fff; --zemin-2:#f7f7f5; --yuzey:#fff; --yuzey-2:#f2f2f0; --hover:#ececea; --kenar:#e9e9e6; --kenar-2:#d9d9d4;
  --metin:#111; --metin-2:#3a3a37; --soluk:#6c6c66; --cok-soluk:#9a9a94; --murekkep:#111; --murekkep-ustu:#fff;
  --vurgu:#d9fa31; --vurgu-zemin:#f1fbc4; --vurgu-metin:#3f4d00; --vurgu-ikon:#7f9900;
  --golge:0 1px 2px rgba(17,17,17,.04),0 24px 60px -32px rgba(17,17,17,.28);
  --f:"Instrument Sans",system-ui,sans-serif; --fm:"Geist Mono",ui-monospace,monospace; --e:cubic-bezier(.2,.8,.2,1);
  --parla:rgba(17,17,17,.16); --parla-alt:rgba(17,17,17,.04); }
body.dl-ana[data-theme-style="dark"] { --zemin:#0f0f10; --zemin-2:#131315; --yuzey:#17171a; --yuzey-2:#1e1e22; --parla:rgba(255,255,255,.2); --parla-alt:rgba(255,255,255,.06); --hover:#222226; --kenar:#232327; --kenar-2:#313137;
  --metin:#f3f3ef; --metin-2:#c9c9c3; --soluk:#8f8f89; --cok-soluk:#63635d; --murekkep:#f3f3ef; --murekkep-ustu:#111;
  --vurgu-zemin:rgba(217,250,49,.12); --vurgu-metin:#d9fa31; --vurgu-ikon:#d9fa31;
  --golge:0 1px 0 rgba(255,255,255,.04) inset,0 30px 70px -36px rgba(0,0,0,.95); color-scheme:dark; }
* { box-sizing:border-box; }
body.dl-ana { margin:0; background:var(--zemin); color:var(--metin); font:15px/1.55 var(--f); -webkit-font-smoothing:antialiased; overflow-x:hidden; }
body.dl-ana :where(a) { color:inherit; text-decoration:none; } :where(body.dl-ana) button, :where(body.dl-ana) input { font:inherit; color:inherit; } :where(body.dl-ana) button { background:none; border:0; padding:0; cursor:pointer; }
body.dl-ana :where(img) { display:block; max-width:100%; }
body.dl-ana .mono { font-family:var(--fm); }
body.dl-ana .num { font-family:var(--f); font-variant-numeric:tabular-nums; font-feature-settings:'tnum' 1; }
body.dl-ana .kap { width:min(1240px, 100% - 48px); margin:0 auto; }
body.dl-ana :where(h1), body.dl-ana :where(h2), body.dl-ana :where(h3) { margin:0; letter-spacing:-.035em; line-height:1.04; font-weight:650; text-wrap:balance; }
body.dl-ana .bolum { padding:120px 0; }
body.dl-ana .bas { max-width:680px; margin-bottom:52px; }
body.dl-ana .bas.orta { margin-inline:auto; text-align:center; }
body.dl-ana .bas h2 { font-size:clamp(32px, 4.4vw, 52px); }
body.dl-ana .bas p { color:var(--soluk); font-size:18px; margin:16px 0 0; }
body.dl-ana .bas.orta p { margin-inline:auto; max-width:52ch; }
body.dl-ana .ustbas { display:inline-flex; align-items:center; gap:8px; font-size:13px; font-weight:600; color:var(--vurgu-ikon); margin-bottom:14px; }
body.dl-ana .dugme { height:44px; padding:0 18px; border-radius:12px; display:inline-flex; align-items:center; justify-content:center; gap:8px; font-weight:600; font-size:14.5px; white-space:nowrap; border:1px solid var(--kenar-2); background:var(--yuzey); transition:transform .12s, background .2s, border-color .2s, opacity .2s; }
body.dl-ana .dugme:hover { border-color:var(--soluk); } body.dl-ana .dugme:active { transform:scale(.98); }
body.dl-ana .dugme.dolu { background:var(--murekkep); color:var(--murekkep-ustu); border-color:var(--murekkep); }
body.dl-ana .dugme.lime { background:var(--vurgu); color:#111; border-color:var(--vurgu); } body.dl-ana .dugme.lime:hover { opacity:.92; }
body.dl-ana .dugme i.ph-arrow-right { transition:transform .25s var(--e); } body.dl-ana .dugme:hover i.ph-arrow-right { transform:translateX(3px); }
body.dl-ana .cip { height:30px; padding:0 11px; border-radius:99px; border:1px solid var(--kenar); display:inline-flex; align-items:center; gap:6px; font-size:13px; color:var(--metin-2); background:var(--yuzey); white-space:nowrap; }
body.dl-ana .taslak-etiket { position:absolute; top:14px; right:14px; z-index:5; font:500 10.5px var(--fm); padding:3px 8px; border-radius:6px; background:color-mix(in srgb, var(--zemin) 70%, transparent); border:1px dashed var(--kenar-2); color:var(--soluk); backdrop-filter:blur(6px); }

/* görünür olunca */
::view-transition-old(root), ::view-transition-new(root) { animation:none; mix-blend-mode:normal; }
/* kayan seçici göstergesi (sekmeler, dönem): seçili zemin yeni seçeneğe kayar */
body.dl-ana [data-kayan] { position:relative; isolation:isolate; }
body.dl-ana [data-kayan] > .gosterge { position:absolute; z-index:-1; top:0; left:0; border-radius:10px; background:var(--yuzey); box-shadow:0 1px 2px rgba(0,0,0,.12), 0 0 0 1px var(--kenar); transition:transform .45s var(--e), width .45s var(--e), height .45s var(--e); pointer-events:none; }
body.dl-ana [data-kayan].hazir > button.aktif { background:transparent !important; box-shadow:none !important; }
body.dl-ana .al-sekme > .gosterge { background:var(--yuzey-2); box-shadow:none; border-radius:9px; }
/* uçan alan adı */
body.dl-ana .ucan { position:fixed; z-index:80; pointer-events:none; margin:0; box-shadow:0 20px 40px -14px rgba(0,0,0,.6); border-color:var(--vurgu-ikon) !important; background:var(--yuzey) !important; }
body.dl-ana .alan-sec > button.yerlesti { animation:yerles .7s var(--e); }
@keyframes yerles { 0% { box-shadow:0 0 0 0 color-mix(in srgb, var(--vurgu) 70%, transparent); } 100% { box-shadow:0 0 0 14px transparent; } }
/* sayfa ilerleme çizgisi */
body.dl-ana .ilerleme { position:fixed; left:0; top:0; z-index:50; height:2px; width:100%; transform-origin:left; transform:scaleX(var(--ilerleme, 0)); background:linear-gradient(90deg, var(--vurgu-ikon), var(--vurgu)); pointer-events:none; }
/* Kimler için: tıklayınca akıcı geçiş (View Transitions) */
::view-transition-old(kim-metin) { animation:.28s var(--e) both vt-cik; } ::view-transition-new(kim-metin) { animation:.5s .08s var(--e) both vt-gir; }
::view-transition-old(kim-tel) { animation:.35s var(--e) both vt-cik-tel; } ::view-transition-new(kim-tel) { animation:.6s var(--e) both vt-gir-tel; }
@keyframes vt-cik { to { opacity:0; transform:translateY(-12px); filter:blur(4px); } } @keyframes vt-gir { from { opacity:0; transform:translateY(14px); filter:blur(4px); } }
@keyframes vt-cik-tel { to { opacity:0; transform:translateX(-30px) rotate(-4deg) scale(.94); } } @keyframes vt-gir-tel { from { opacity:0; transform:translateX(40px) rotate(4deg) scale(.94); } }
/* birincil düğmede üzerine gelince parıltı */
body.dl-ana .dugme.lime, body.dl-ana .dugme.dolu { position:relative; overflow:hidden; }
body.dl-ana .dugme.lime::after, body.dl-ana .dugme.dolu::after { content:""; position:absolute; top:0; left:-75%; width:50%; height:100%; background:linear-gradient(100deg, transparent, rgba(255,255,255,.45), transparent); transform:skewX(-20deg); transition:left .7s var(--e); pointer-events:none; }
body.dl-ana[data-theme-style="dark"] .dugme.dolu::after { background:linear-gradient(100deg, transparent, rgba(0,0,0,.12), transparent); }
body.dl-ana .dugme.lime:hover::after, body.dl-ana .dugme.dolu:hover::after { left:130%; }
body.dl-ana [data-gir] { opacity:0; transform:translateY(18px); transition:opacity .8s var(--e), transform .8s var(--e); }
body.dl-ana [data-gir].gorundu { opacity:1; transform:none; }
/* hero: gözlemciye bağlı değil, yüklenince (başlık LCP öğesi, gecikmemeli) */
/* çift tıklamada seçilme: arayüz öğelerinde kapalı, okunacak metinde açık. Yalnız görünüm; arama motorları metni yine okur */
:where(body.dl-ana) button, body.dl-ana .dugme, body.dl-ana .cip, body.dl-ana .alan, body.dl-ana .ust, body.dl-ana .kim-sekme, body.dl-ana .sahne, body.dl-ana .ns-sahne, body.dl-ana .sahne-k, body.dl-ana .kim-gorsel, body.dl-ana .donem, body.dl-ana .al-sekme, body.dl-ana .sss summary, body.dl-ana .sss-kat, body.dl-ana .fk, body.dl-ana .sayilar, body.dl-ana .magaza, body.dl-ana .serit, body.dl-ana .mega, body.dl-ana .tr-adres, body.dl-ana .uygulama-tel, body.dl-ana .video { -webkit-user-select:none; user-select:none; }
/* bölüm başlıkları kelime kelime yükselir */
body.dl-ana [data-gir] h2 .kl { display:inline-block; overflow:hidden; vertical-align:top; padding-bottom:.08em; margin-bottom:-.08em; }
body.dl-ana [data-gir] h2 .kl > span { display:inline-block; transform:translateY(105%); transition:transform .9s var(--e); transition-delay:calc(var(--i) * 45ms + 120ms); }
body.dl-ana [data-gir].gorundu h2 .kl > span { transform:none; }
body.dl-ana [data-yuk] { animation:yuk .9s var(--e) both; animation-delay:var(--g, 0ms); }
@keyframes yuk { from { opacity:0; transform:translateY(14px); } }
body.dl-ana .sahne { animation:yuk 1.1s .25s var(--e) both; }

/* ---------- üst çubuk ---------- */
body.dl-ana .ust { position:sticky; top:0; z-index:40; transition:background .3s, border-color .3s; border-bottom:1px solid transparent; }
body.dl-ana .ust.kaydi { background:color-mix(in srgb, var(--zemin) 78%, transparent); backdrop-filter:blur(16px) saturate(1.4); border-bottom-color:var(--kenar); }
/* üç bölge: logo solda, menü ortada hap içinde, düğmeler sağda; kaydırınca kısalır */
body.dl-ana .ust .kap { height:72px; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:24px; transition:height .35s var(--e); }
body.dl-ana .ust.kaydi .kap { height:62px; }
body.dl-ana .ust .logo { justify-self:start; }
body.dl-ana .logo { font-weight:700; font-size:20px; letter-spacing:-.045em; display:flex; align-items:center; gap:2px; }
body.dl-ana .logo i { color:var(--vurgu-ikon); font-size:19px; transform:rotate(-30deg); }
body.dl-ana .ust nav { display:flex; gap:2px; padding:4px; border:1px solid var(--kenar); border-radius:14px; background:color-mix(in srgb, var(--yuzey) 72%, transparent); box-shadow:0 1px 2px rgba(0,0,0,.04); } body.dl-ana .ust nav a { padding:8px 12px; border-radius:9px; color:var(--metin-2); font-size:14px; font-weight:500; display:inline-flex; align-items:center; gap:4px; }
body.dl-ana .ust nav a:hover { background:var(--yuzey-2); color:var(--metin); }
body.dl-ana .ust nav a.aktif { background:var(--murekkep); color:var(--murekkep-ustu); }
body.dl-ana .ust .sag { justify-self:end; display:flex; align-items:center; gap:8px; }
body.dl-ana .ust .sag .tema-d { position:relative; margin-right:6px; }
body.dl-ana .ust .sag .tema-d::after { content:""; position:absolute; right:-7px; top:9px; bottom:9px; width:1px; background:var(--kenar); }
body.dl-ana .ust .dugme { height:38px; padding:0 15px; font-size:14px; border-radius:10px; }
body.dl-ana .tema-d { width:38px; height:38px; border-radius:10px; display:grid; place-items:center; color:var(--metin-2); }
body.dl-ana .tema-d:hover { background:var(--yuzey-2); }
/* mega menü: Ürünler ve Kimler için; her öğe kendi içerik sayfasına gider (SEO) */
body.dl-ana .ust nav .acilir { position:relative; }
body.dl-ana .ust nav .acilir > button { padding:8px 12px; border-radius:9px; color:var(--metin-2); font-size:14px; font-weight:500; display:inline-flex; align-items:center; gap:4px; }
body.dl-ana .ust nav .acilir > button i { transition:transform .25s var(--e); font-size:12px; }
body.dl-ana .ust nav .acilir:hover > button, body.dl-ana .ust nav .acilir.acik > button { background:var(--yuzey-2); color:var(--metin); }
body.dl-ana .ust nav .acilir.acik > button i { transform:rotate(180deg); }
body.dl-ana .mega { position:absolute; left:-12px; top:calc(100% + 10px); width:820px; padding:10px; border-radius:22px; border:1px solid var(--kenar-2); background:color-mix(in srgb, var(--yuzey) 96%, transparent); backdrop-filter:blur(20px); box-shadow:0 30px 70px -30px rgba(0,0,0,.6); display:grid; grid-template-columns:1fr 260px; gap:10px;
  opacity:0; visibility:hidden; transform:translateY(-6px) scale(.985); transform-origin:top left; transition:opacity .2s, transform .25s var(--e), visibility 0s .25s; }
body.dl-ana .mega::before { content:""; position:absolute; left:0; right:0; top:-12px; height:12px; }
body.dl-ana .acilir.acik .mega { opacity:1; visibility:visible; transform:none; transition:opacity .2s, transform .25s var(--e), visibility 0s; }
body.dl-ana .mega-liste { display:grid; grid-template-columns:1fr 1fr; gap:2px; padding:6px; }
body.dl-ana .mega-liste a { display:grid; grid-template-columns:38px 1fr; gap:12px; align-items:start; padding:10px; border-radius:13px; transition:background .2s; }
body.dl-ana .mega-liste a:hover, body.dl-ana .mega-liste a:focus-visible { background:var(--yuzey-2); outline:none; }
body.dl-ana .mega-liste a > i { width:38px; height:38px; border-radius:11px; display:grid; place-items:center; background:var(--yuzey-2); font-size:19px; color:var(--metin); transition:background .2s, color .2s; }
body.dl-ana .mega-liste a:hover > i { background:var(--vurgu); color:#111; }
body.dl-ana .mega-liste b { display:block; font-size:14px; font-weight:600; color:var(--metin); } body.dl-ana .mega-liste small { display:block; color:var(--soluk); font-size:12.5px; line-height:1.4; margin-top:2px; }
body.dl-ana .mega-one { border-radius:16px; background:var(--zemin-2); border:1px solid var(--kenar); padding:16px; display:flex; flex-direction:column; gap:8px; overflow:hidden; position:relative; }
body.dl-ana .mega-one .etk { font:500 11px var(--fm); color:var(--vurgu-ikon); } body.dl-ana .mega-one b { font-size:16px; letter-spacing:-.02em; } body.dl-ana .mega-one p { margin:0; color:var(--soluk); font-size:13px; }
body.dl-ana .mega-one img { width:130px; margin:6px auto -60px; filter:drop-shadow(0 16px 20px rgba(0,0,0,.35)); transition:transform .5s var(--e); }
body.dl-ana .mega-one:hover img { transform:translateY(-6px) rotate(-2deg); }
body.dl-ana .mega-alt { grid-column:1/-1; display:flex; justify-content:space-between; align-items:center; gap:10px; padding:10px 14px; border-top:1px solid var(--kenar); font-size:13px; color:var(--soluk); }
body.dl-ana .mega-alt a { color:var(--metin); font-weight:600; display:inline-flex; align-items:center; gap:5px; }
body.dl-ana .menu-d { display:none; width:40px; height:40px; border-radius:11px; border:1px solid var(--kenar); place-items:center; font-size:20px; }
body.dl-ana .cekmece { position:fixed; inset:0; z-index:60; display:flex; flex-direction:column; background:color-mix(in srgb, var(--zemin) 94%, transparent); backdrop-filter:blur(24px) saturate(1.3); padding:12px 16px 0; overflow:auto; overscroll-behavior:contain;
  clip-path:circle(0 at calc(100% - 36px) 34px); visibility:hidden; transition:clip-path .55s var(--e), visibility 0s .55s; }
body.dl-ana .cekmece.acik { clip-path:circle(150% at calc(100% - 36px) 34px); visibility:visible; transition:clip-path .6s var(--e), visibility 0s; }
body.dl-ana .cekmece > * { flex:none; }
body.dl-ana .cekmece .ust-s { display:flex; align-items:center; justify-content:space-between; height:48px; margin-bottom:14px; flex:none; }
body.dl-ana .cekmece .ust-s .menu-d { transform:rotate(-90deg); transition:transform .5s var(--e); } body.dl-ana .cekmece.acik .ust-s .menu-d { transform:none; }
body.dl-ana .ck-oge { opacity:0; transform:translateY(14px); transition:opacity .45s var(--e), transform .5s var(--e); }
body.dl-ana .cekmece.acik .ck-oge { opacity:1; transform:none; transition-delay:calc(var(--i, 0) * 45ms + 120ms); }
body.dl-ana .ck-cta { display:grid; grid-template-columns:1fr auto; align-items:center; gap:12px; padding:16px; border-radius:20px; background:var(--murekkep); color:var(--murekkep-ustu); margin-bottom:12px; position:relative; overflow:hidden; }
body.dl-ana .ck-cta::after { content:""; position:absolute; right:-30px; top:-40px; width:140px; height:140px; border-radius:50%; background:radial-gradient(closest-side, color-mix(in srgb, var(--vurgu) 45%, transparent), transparent); }
body.dl-ana .ck-cta b { display:block; font-size:16px; letter-spacing:-.02em; } body.dl-ana .ck-cta small { opacity:.65; font-size:12.5px; }
body.dl-ana .ck-cta .ok { position:relative; z-index:1; width:44px; height:44px; border-radius:13px; background:var(--vurgu); color:#111; display:grid; place-items:center; font-size:18px; }
body.dl-ana .ck-bolum { border:1px solid var(--kenar); border-radius:18px; background:var(--yuzey); margin-bottom:8px; overflow:hidden; }
body.dl-ana .ck-bolum > button { width:100%; display:flex; align-items:center; gap:12px; padding:15px 16px; font-size:16px; font-weight:600; letter-spacing:-.01em; text-align:left; }
body.dl-ana .ck-bolum > button .ik { width:36px; height:36px; border-radius:11px; display:grid; place-items:center; background:var(--yuzey-2); font-size:18px; }
body.dl-ana .ck-bolum > button small { display:block; font-size:12px; font-weight:400; color:var(--soluk); }
body.dl-ana .ck-bolum > button .ok2 { margin-left:auto; width:28px; height:28px; border-radius:9px; display:grid; place-items:center; color:var(--soluk); transition:transform .35s var(--e), background .3s, color .3s; }
body.dl-ana .ck-bolum.acik > button .ok2 { transform:rotate(180deg); background:var(--murekkep); color:var(--murekkep-ustu); }
body.dl-ana .ck-govde { display:grid; grid-template-rows:0fr; transition:grid-template-rows .45s var(--e); }
body.dl-ana .ck-bolum.acik .ck-govde { grid-template-rows:1fr; }
body.dl-ana .ck-govde > div { overflow:hidden; }
body.dl-ana .ck-izgara { display:grid; grid-template-columns:1fr 1fr; gap:6px; padding:0 10px 12px; }
body.dl-ana .ck-izgara a { display:flex; flex-direction:column; gap:8px; padding:12px; border-radius:14px; background:var(--zemin-2); border:1px solid var(--kenar); font-size:13px; font-weight:600; line-height:1.25; opacity:0; transform:translateY(8px) scale(.98); transition:opacity .35s, transform .4s var(--e), background .2s; }
body.dl-ana .ck-bolum.acik .ck-izgara a { opacity:1; transform:none; transition-delay:calc(var(--j) * 30ms + 80ms); }
body.dl-ana .ck-izgara a:active { background:var(--yuzey-2); }
body.dl-ana .ck-izgara a i { width:32px; height:32px; border-radius:10px; display:grid; place-items:center; background:var(--yuzey); border:1px solid var(--kenar); font-size:17px; }
body.dl-ana .ck-izgara a small { display:block; margin-top:2px; font-weight:400; color:var(--soluk); font-size:11.5px; }
body.dl-ana .ck-tek { display:flex; align-items:center; justify-content:space-between; padding:16px; border-radius:18px; border:1px solid var(--kenar); background:var(--yuzey); margin-bottom:8px; font-size:16px; font-weight:600; }
body.dl-ana .ck-tek i { color:var(--soluk); }
body.dl-ana .ck-tek .yeni { font:600 10.5px var(--f); padding:2px 7px; border-radius:6px; background:var(--vurgu); color:#111; margin-left:8px; }
body.dl-ana .ck-alt { margin-top:auto; padding:18px 0 22px; display:grid; gap:12px; }
body.dl-ana .ck-satir { display:flex; align-items:center; justify-content:space-between; gap:10px; }
body.dl-ana .ck-satir .dugme { flex:1; height:48px; }
body.dl-ana .ck-tema { display:flex; align-items:center; gap:10px; padding:6px 6px 6px 14px; border-radius:14px; border:1px solid var(--kenar); background:var(--yuzey); font-size:14px; font-weight:500; }
body.dl-ana .ck-tema button { margin-left:auto; height:36px; padding:0 12px; border-radius:10px; background:var(--yuzey-2); display:inline-flex; align-items:center; gap:6px; font-size:13px; }
body.dl-ana .ck-sos { display:flex; gap:6px; justify-content:center; } body.dl-ana .ck-sos a { width:40px; height:40px; border-radius:12px; border:1px solid var(--kenar); display:grid; place-items:center; font-size:18px; color:var(--metin-2); }
body.dl-ana .ck-not { text-align:center; color:var(--soluk); font-size:12px; display:flex; align-items:center; justify-content:center; gap:6px; }
body.dl-ana .cekmece .dugmeler .dugme { height:50px; }body.dl-ana .cekmece .dugmeler .dugme { height:50px; }

/* ---------- hero ---------- */
body.dl-ana .hero { position:relative; padding:56px 0 40px; overflow-x:clip; }
body.dl-ana .hero::before { content:""; position:absolute; right:-10%; top:-20%; width:900px; height:900px; background:radial-gradient(closest-side, color-mix(in srgb, var(--vurgu) 14%, transparent), transparent 70%); pointer-events:none; }
body.dl-ana .hero .kap { display:grid; grid-template-columns:minmax(0, 1.05fr) minmax(0, .95fr); gap:40px; align-items:center; position:relative; }
body.dl-ana .rozet { display:inline-flex; align-items:center; gap:8px; height:32px; padding:0 12px 0 4px; border-radius:99px; border:1px solid var(--kenar); background:var(--yuzey); font-size:13px; color:var(--metin-2); }
body.dl-ana .rozet .yuz { display:flex; } body.dl-ana .rozet .yuz span { width:24px; height:24px; border-radius:50%; border:2px solid var(--yuzey); margin-left:-7px; background-size:cover; background-position:center top; }
body.dl-ana .rozet .yuz span:first-child { margin-left:0; }
body.dl-ana .rozet b { color:var(--metin); }
/* H1 sabit ve görünür (SEO); büyük değişen başlık süs, ekran okuyucudan gizli */
body.dl-ana .hero .h1-ust { display:flex; align-items:center; gap:10px; margin:26px 0 10px; font-size:15px; font-weight:600; letter-spacing:0; line-height:1.3; color:var(--metin-2); }
body.dl-ana .hero .h1-ust::before { content:""; width:22px; height:2px; border-radius:2px; background:var(--vurgu-ikon); }
body.dl-ana .hero .h1-gorsel { font-size:clamp(48px, 6.6vw, 88px); margin:0 0 20px; letter-spacing:-.05em; line-height:1.04; font-weight:650; }
body.dl-ana .hero .degisen { display:inline-grid; justify-items:start; color:var(--vurgu-ikon); }
body.dl-ana .hero .degisen span { grid-area:1/1; transition:opacity .5s, transform .5s var(--e); }
body.dl-ana .hero .degisen span:not(.aktif) { opacity:0; transform:translateY(.25em); }
body.dl-ana .hero .giris { font-size:19px; color:var(--metin-2); max-width:44ch; margin:0 0 30px; }

/* adres sahiplen / AI kutusu */
body.dl-ana .al { position:relative; z-index:8; border:1px solid var(--kenar-2); border-radius:20px; background:var(--yuzey); box-shadow:var(--golge); padding:8px; max-width:560px; }
body.dl-ana .al-sekme { display:flex; gap:2px; padding:2px 2px 8px; }
body.dl-ana .al-sekme button { height:32px; padding:0 12px; border-radius:9px; font-size:13.5px; font-weight:500; color:var(--soluk); display:inline-flex; align-items:center; gap:6px; }
body.dl-ana .al-sekme button.aktif { background:var(--yuzey-2); color:var(--metin); }
body.dl-ana .al-panel { display:none; } body.dl-ana .al-panel.aktif { display:block; }
body.dl-ana .al-satir { display:flex; align-items:center; gap:8px; }
body.dl-ana .alan-sec { position:relative; }
body.dl-ana .alan-sec > button { height:54px; padding:0 12px 0 14px; border-radius:14px; background:var(--zemin-2); border:1px solid var(--kenar); display:inline-flex; align-items:center; gap:6px; font:500 15px var(--fm); white-space:nowrap; }
body.dl-ana .alan-sec > button b { color:var(--vurgu-ikon); font-weight:500; } body.dl-ana .alan-sec > button i { color:var(--soluk); font-size:14px; }
body.dl-ana .alan-liste { position:absolute; left:0; top:calc(100% + 8px); width:300px; max-height:320px; overflow:auto; overscroll-behavior:contain; z-index:30; scrollbar-width:thin; padding:6px; border-radius:14px; background:var(--yuzey); border:1px solid var(--kenar-2); box-shadow:var(--golge); display:none; }
body.dl-ana .alan-liste.acik { display:block; animation:ac .18s var(--e); }
@keyframes ac { from { opacity:0; transform:translateY(-4px); } }
body.dl-ana .alan-liste .ara { position:sticky; top:-6px; margin:-6px -6px 6px; padding:8px; background:var(--yuzey); border-bottom:1px solid var(--kenar); }
body.dl-ana .alan-liste .ara input { width:100%; height:36px; border-radius:9px; border:1px solid var(--kenar); background:var(--zemin-2); padding:0 10px; font-size:13.5px; outline:0; }
body.dl-ana .alan-liste .ara input:focus { border-color:var(--metin); }
body.dl-ana .alan-liste button { width:100%; height:36px; padding:0 10px; border-radius:9px; display:flex; align-items:center; justify-content:space-between; gap:10px; font:14px var(--fm); text-align:left; }
body.dl-ana .alan-liste button .ad b { color:var(--vurgu-ikon); font-weight:500; }
body.dl-ana .alan-liste .bos { padding:10px; color:var(--soluk); font-size:13px; }
body.dl-ana .alan-liste button:hover, body.dl-ana .alan-liste button.secili { background:var(--yuzey-2); }
body.dl-ana .alan-liste button small { font:12px var(--f); color:var(--cok-soluk); }
body.dl-ana .al-girdi { flex:1; min-width:0; height:54px; display:flex; align-items:center; padding:0 6px; font-size:17px; }
body.dl-ana .al-girdi .bolu { color:var(--cok-soluk); margin-right:2px; }
body.dl-ana .al-girdi input { flex:1; min-width:0; border:0; outline:0; background:transparent; font-size:17px; }
body.dl-ana .al-girdi input::placeholder { color:var(--cok-soluk); }
body.dl-ana .al .dugme.lime { height:54px; border-radius:14px; padding:0 20px; font-size:15px; }
body.dl-ana .al-ai { padding:4px 8px 4px; }
body.dl-ana .al-ai .yaz { display:block; width:100%; min-height:52px; font-size:16px; color:var(--metin); background:none; border:0; outline:none; resize:none; padding:6px 4px; line-height:1.45; }
body.dl-ana .al-ai .yaz::placeholder { color:var(--cok-soluk); }
body.dl-ana .al-ai .alt .cip { cursor:pointer; transition:border-color .2s, color .2s; } body.dl-ana .al-ai .alt .cip:hover { border-color:var(--soluk); color:var(--metin); }
@keyframes imlec { 50% { border-color:transparent; } }
body.dl-ana .al-ai .alt { display:flex; align-items:center; gap:6px; flex-wrap:wrap; margin-top:6px; }
body.dl-ana .al-ai .alt .dugme { margin-left:auto; }
body.dl-ana .al-not { display:flex; align-items:center; gap:14px; margin-top:16px; color:var(--soluk); font-size:13.5px; flex-wrap:wrap; }
body.dl-ana .al-not span { display:inline-flex; align-items:center; gap:6px; } body.dl-ana .al-not i { color:var(--vurgu-ikon); }

/* telefon sahnesi */
body.dl-ana .sahne { position:relative; height:660px; perspective:1400px; }
body.dl-ana .tel-yigin { position:absolute; inset:0; display:grid; place-items:center; }
body.dl-ana .tel-yigin img { position:absolute; width:290px; height:auto; transition:transform 1s var(--e), opacity 1s var(--e), filter 1s var(--e), z-index 1s steps(2, jump-none); will-change:transform, opacity; filter:drop-shadow(0 40px 50px rgba(0,0,0,.35)); }
body.dl-ana .tel-yigin img[data-k="0"] { transform:translateX(0) scale(1); opacity:1; z-index:3; }
body.dl-ana .tel-yigin img[data-k="-1"] { transform:translateX(-74%) scale(.72) rotateY(18deg); opacity:.55; z-index:2; filter:blur(1px) drop-shadow(0 30px 40px rgba(0,0,0,.3)); }
body.dl-ana .tel-yigin img[data-k="1"] { transform:translateX(74%) scale(.72) rotateY(-18deg); opacity:.55; z-index:2; filter:blur(1px) drop-shadow(0 30px 40px rgba(0,0,0,.3)); }
body.dl-ana .tel-yigin img[data-k="gizli-sol"] { transform:translateX(-110%) scale(.6) rotateY(30deg); opacity:0; z-index:1; }
body.dl-ana .tel-yigin img[data-k="gizli-sag"] { transform:translateX(110%) scale(.6) rotateY(-30deg); opacity:0; z-index:1; }
body.dl-ana .yorunge { position:absolute; z-index:5; border:1px solid var(--kenar); background:color-mix(in srgb, var(--yuzey) 88%, transparent); backdrop-filter:blur(12px); border-radius:16px; box-shadow:var(--golge); animation:suzul 6s ease-in-out infinite; }
@keyframes suzul { 50% { transform:translateY(-10px); } }
body.dl-ana .y-kisa { left:-30px; top:150px; padding:12px 14px 12px 12px; display:flex; align-items:center; gap:10px; }
body.dl-ana .y-kisa .ik { width:36px; height:36px; border-radius:11px; background:var(--vurgu); color:#111; display:grid; place-items:center; font-size:18px; }
body.dl-ana .y-kisa b { display:block; font:500 14px var(--fm); transition:opacity .35s; } body.dl-ana .y-kisa small { color:var(--soluk); font-size:12px; }
body.dl-ana .y-qr { right:-26px; top:46px; padding:12px; animation-delay:-2s; }
body.dl-ana .y-qr .qr { width:84px; height:84px; display:grid; grid-template-columns:repeat(11, 1fr); gap:1.5px; }
body.dl-ana .y-qr .qr i { background:var(--metin); border-radius:1.5px; transition:background .5s; } body.dl-ana .y-qr .qr i.b { background:transparent; }
body.dl-ana .y-tik { right:-20px; bottom:150px; padding:10px 14px 10px 10px; display:flex; align-items:center; gap:10px; animation-delay:-4s; font-size:13px; }
body.dl-ana .y-tik .nabiz { width:32px; height:32px; border-radius:50%; background:var(--vurgu-zemin); display:grid; place-items:center; color:var(--vurgu-ikon); position:relative; }
body.dl-ana .y-tik .nabiz::after { content:""; position:absolute; inset:0; border-radius:50%; border:2px solid var(--vurgu-ikon); animation:nabiz 1.8s ease-out infinite; }
@keyframes nabiz { from { transform:scale(.8); opacity:.9; } to { transform:scale(1.7); opacity:0; } }
body.dl-ana .y-tik b { display:block; } body.dl-ana .y-tik small { color:var(--soluk); }
body.dl-ana .y-ai { left:-10px; bottom:90px; padding:10px 14px; display:flex; align-items:center; gap:8px; font-size:13px; font-weight:500; animation-delay:-1s; }
body.dl-ana .y-ai i { color:var(--vurgu-ikon); font-size:17px; }
body.dl-ana .sahne-nokta { position:absolute; bottom:6px; left:50%; transform:translateX(-50%); display:flex; gap:6px; z-index:6; }
body.dl-ana .sahne-nokta button { width:6px; height:6px; border-radius:99px; background:var(--kenar-2); transition:width .4s var(--e), background .4s; }
body.dl-ana .sahne-nokta button.aktif { width:22px; background:var(--metin); }

/* alan adı şeridi */
body.dl-ana .serit-kap { padding:20px 0 0; }
body.dl-ana .serit-bas { display:flex; align-items:center; justify-content:center; gap:10px; color:var(--soluk); font-size:14px; margin-bottom:18px; }
body.dl-ana .serit-bas b { font:500 15px var(--fm); color:var(--metin); }
body.dl-ana .serit { overflow:hidden; mask-image:linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent); padding:4px 0; }
body.dl-ana .serit + .serit { margin-top:10px; }
body.dl-ana .serit-ic { display:flex; gap:10px; width:max-content; animation:kay 80s linear infinite; }
body.dl-ana .serit-ic.ters { animation-direction:reverse; animation-duration:95s; }
body.dl-ana .serit:hover .serit-ic { animation-play-state:paused; }
@keyframes kay { to { transform:translateX(-50%); } }
body.dl-ana .alan { height:42px; padding:0 16px; border-radius:12px; border:1px solid var(--kenar); background:var(--yuzey); display:inline-flex; align-items:center; font:14.5px var(--fm); color:var(--metin-2); white-space:nowrap; transition:border-color .2s, transform .2s var(--e), background .2s; }
body.dl-ana .alan b { color:var(--vurgu-ikon); font-weight:500; }
body.dl-ana .alan:hover { border-color:var(--metin); color:var(--metin); transform:translateY(-2px); }

/* kimler için */
body.dl-ana .kim { display:grid; grid-template-columns:minmax(0, 1fr) minmax(0, 1fr); gap:56px; align-items:start; }
body.dl-ana .kim > * { min-width:0; }
body.dl-ana .kim-sekme { display:flex; flex-wrap:wrap; gap:6px; margin-bottom:34px; }
body.dl-ana .kim-sekme button { position:relative; flex:none; white-space:nowrap; height:40px; padding:0 14px; border-radius:11px; border:1px solid var(--kenar); background:var(--yuzey); color:var(--metin-2); font-weight:500; font-size:14px; display:inline-flex; align-items:center; gap:7px; overflow:hidden; }
body.dl-ana .kim-sekme button i { font-size:17px; }
body.dl-ana .kim-sekme button.aktif { background:var(--murekkep); color:var(--murekkep-ustu); border-color:var(--murekkep); }
body.dl-ana .kim-sekme button .ilerle { position:absolute; left:0; bottom:0; height:2px; width:0; background:var(--vurgu); }
body.dl-ana .kim-sekme button.aktif .ilerle { animation:ilerle 7s linear forwards; }
body.dl-ana .kim-sekme:hover button.aktif .ilerle { animation-play-state:paused; }
@keyframes ilerle { to { width:100%; } }
body.dl-ana .kim-icerik { min-height:400px; }
body.dl-ana .kim-icerik h3 { font-size:clamp(28px, 3.2vw, 40px); margin-bottom:14px; }
body.dl-ana .kim-icerik > p { color:var(--soluk); font-size:17px; margin:0 0 24px; max-width:46ch; }
body.dl-ana .kim-icerik ul { list-style:none; padding:0; margin:0 0 28px; display:grid; gap:12px; }
body.dl-ana .kim-icerik li { display:flex; gap:12px; align-items:flex-start; font-size:15.5px; color:var(--metin-2); }
body.dl-ana .kim-icerik li i { width:30px; height:30px; flex:none; border-radius:9px; background:var(--yuzey-2); display:grid; place-items:center; font-size:16px; color:var(--metin); }
body.dl-ana .kim-adres { display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
body.dl-ana .kim-adres .alan { height:46px; font-size:15px; background:var(--zemin-2); }
body.dl-ana .kim-sayfa { display:inline-flex; align-items:center; gap:6px; margin-top:16px; font-size:14px; font-weight:600; color:var(--metin-2); text-decoration:underline; text-decoration-color:var(--kenar-2); text-underline-offset:4px; transition:color .2s, text-decoration-color .2s; }
body.dl-ana .kim-sayfa:hover { color:var(--metin); text-decoration-color:currentColor; }
body.dl-ana .kim-icerik.degis { animation:degis .6s var(--e); }
@keyframes degis { from { opacity:0; transform:translateY(10px); } }
body.dl-ana .kim-gorsel { position:relative; height:600px; border-radius:32px; background:radial-gradient(70% 60% at 50% 45%, color-mix(in srgb, var(--kim-renk, #8f1d2c) 34%, transparent), transparent 72%), var(--zemin-2); border:1px solid var(--kenar); overflow:hidden; display:grid; place-items:center; transition:background .8s var(--e); }
body.dl-ana .kim-gorsel::after { content:''; position:absolute; left:0; right:0; bottom:0; height:90px; background:linear-gradient(transparent, var(--zemin-2)); pointer-events:none; z-index:3; }
body.dl-ana .kim-gorsel::before { content:""; position:absolute; inset:0; background-image:radial-gradient(color-mix(in srgb, var(--metin) 9%, transparent) 1px, transparent 1px); background-size:22px 22px; mask-image:radial-gradient(closest-side, #000, transparent); }
body.dl-ana .kim-gorsel img { position:absolute; width:250px; top:40px; transition:opacity .7s var(--e), transform .7s var(--e); filter:drop-shadow(0 40px 50px rgba(0,0,0,.3)); }
body.dl-ana .kim-gorsel img:not(.aktif) { opacity:0; transform:translateY(30px) scale(.96); }
body.dl-ana .kim-bil { position:absolute; z-index:4; display:flex; align-items:center; gap:10px; padding:10px 14px 10px 10px; border-radius:15px; border:1px solid var(--kenar); background:color-mix(in srgb, var(--yuzey) 90%, transparent); backdrop-filter:blur(12px); box-shadow:var(--golge); font-size:12.5px; white-space:nowrap; transition:opacity .5s var(--e), transform .6s var(--e); animation:suzul 6s ease-in-out infinite; }
body.dl-ana .kim-bil i { width:32px; height:32px; border-radius:10px; display:grid; place-items:center; font-size:17px; background:var(--kim-renk, var(--vurgu)); color:#fff; }
body.dl-ana .kim-bil b { display:block; font-size:13px; } body.dl-ana .kim-bil small { color:var(--soluk); }
body.dl-ana .kim-bil.b1 { left:24px; top:120px; } body.dl-ana .kim-bil.b2 { right:24px; top:330px; animation-delay:-3s; }
body.dl-ana .kim-bil.gizli { opacity:0; transform:translateY(10px) scale(.96); }
body.dl-ana .kim-adres-y { position:absolute; z-index:4; left:50%; bottom:28px; transform:translateX(-50%); height:40px; padding:0 14px; border-radius:12px; background:var(--murekkep); color:var(--murekkep-ustu); display:flex; align-items:center; gap:8px; font:500 14px var(--fm); white-space:nowrap; }
body.dl-ana .kim-adres-y i { color:var(--vurgu); }

/* bento */
body.dl-ana .bento { display:grid; grid-template-columns:repeat(12, 1fr); gap:14px; }
body.dl-ana .bk { position:relative; border:1px solid var(--kenar); border-radius:26px; background:var(--yuzey); overflow:hidden; display:flex; flex-direction:column; min-height:300px; transition:border-color .3s; }
body.dl-ana .bk:hover { border-color:var(--kenar-2); }
body.dl-ana .bk .bk-yazi { padding:26px 28px 0; position:relative; z-index:2; }
body.dl-ana .bk h3 { font-size:23px; margin:12px 0 8px; letter-spacing:-.03em; } body.dl-ana .bk p { color:var(--soluk); margin:0; font-size:14.5px; max-width:46ch; }
body.dl-ana .bk .ik { width:38px; height:38px; border-radius:11px; display:grid; place-items:center; background:var(--yuzey-2); font-size:19px; }
body.dl-ana .bk .git { display:inline-flex; align-items:center; gap:6px; font-weight:600; font-size:14px; margin-top:14px; }
body.dl-ana .bk .git-satir { display:flex; gap:18px; flex-wrap:wrap; }
body.dl-ana .bk .git i { transition:transform .25s var(--e); } body.dl-ana .bk:hover .git i { transform:translateX(3px); }
body.dl-ana .bk .sahne-k { position:relative; flex:1; min-height:200px; margin-top:20px; }
body.dl-ana .bk-1 { grid-column:span 7; grid-row:span 2; } body.dl-ana .bk-2 { grid-column:span 5; } body.dl-ana .bk-3 { grid-column:span 5; }
body.dl-ana .bk-4 { grid-column:span 4; } body.dl-ana .bk-5 { grid-column:span 4; } body.dl-ana .bk-6 { grid-column:span 4; }
/* kart kenarı: üstten inen ince parlaklık, üzerine gelince belirginleşir (lime imleç ışığı kaldırıldı, kullanıcı isteği) */
body.dl-ana .parla { position:relative; }
body.dl-ana .parla::before { content:""; position:absolute; inset:0; z-index:4; border-radius:inherit; padding:1px; pointer-events:none;
  background:linear-gradient(180deg, var(--parla), transparent 34%, transparent 72%, var(--parla-alt));
  -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite:xor; mask-composite:exclude;
  opacity:.75; transition:opacity .35s; }
body.dl-ana .parla:hover::before { opacity:1; }
body.dl-ana .bk, body.dl-ana .tr-k, body.dl-ana .fk { transition:border-color .3s, transform .35s var(--e), box-shadow .35s; }
body.dl-ana .bk:hover, body.dl-ana .tr-k:hover { transform:translateY(-3px); box-shadow:0 24px 50px -30px rgba(0,0,0,.6); }

/* bento 1: AI ile bio link (iki sütun: istem + adımlar, tam telefon) */
body.dl-ana .ai-k { display:block; }
body.dl-ana .ai-izgara { display:grid; grid-template-columns:minmax(0, 1fr) 250px; gap:28px; height:100%; padding:28px; position:relative; z-index:2; }
body.dl-ana .ai-izgara::before { content:""; position:absolute; right:-80px; top:-60px; width:420px; height:420px; border-radius:50%; background:radial-gradient(closest-side, color-mix(in srgb, var(--vurgu) 16%, transparent), transparent); pointer-events:none; }
body.dl-ana .ai-sol { display:flex; flex-direction:column; min-width:0; }
body.dl-ana .ai-sol h3 { font-size:26px; }
body.dl-ana .ai-istem { margin-top:20px; border:1px solid var(--kenar-2); border-radius:18px; padding:14px 14px 12px; background:var(--zemin-2); font-size:14px; color:var(--metin-2); box-shadow:inset 0 1px 0 rgba(255,255,255,.03); }
body.dl-ana .ai-istem .ust-s { display:flex; align-items:center; gap:6px; font-size:11.5px; color:var(--soluk); margin-bottom:8px; }
body.dl-ana .ai-istem .ust-s i { color:var(--vurgu-ikon); }
body.dl-ana .ai-istem .yazan { min-height:42px; display:block; line-height:1.5; }
body.dl-ana .ai-istem .yazan::after { content:"|"; color:var(--vurgu-ikon); animation:imlec 1s steps(1) infinite; margin-left:1px; }
body.dl-ana .ai-istem .alt { display:flex; align-items:center; gap:6px; margin-top:10px; }
body.dl-ana .ai-istem .alt .cip { height:26px; font-size:12px; padding:0 9px; }
body.dl-ana .ai-istem .gonder { margin-left:auto; width:34px; height:34px; border-radius:10px; background:var(--vurgu); color:#111; display:grid; place-items:center; font-size:16px; transition:transform .3s var(--e); }
body.dl-ana .ai-istem.gonderildi .gonder { transform:scale(.88) rotate(-12deg); }
body.dl-ana .ai-adimlar { list-style:none; margin:16px 0 0; padding:0; display:grid; gap:8px; }
body.dl-ana .ai-adimlar li { display:grid; grid-template-columns:24px 1fr auto; gap:10px; align-items:center; font-size:13.5px; color:var(--cok-soluk); transition:color .4s; }
body.dl-ana .ai-adimlar li .d { width:24px; height:24px; border-radius:50%; border:1.5px solid var(--kenar-2); display:grid; place-items:center; font-size:12px; color:transparent; transition:all .4s var(--e); }
body.dl-ana .ai-adimlar li em { font:normal 11.5px var(--fm); color:var(--cok-soluk); opacity:0; transition:opacity .4s; }
body.dl-ana .ai-adimlar li.calisiyor { color:var(--metin-2); } body.dl-ana .ai-adimlar li.calisiyor .d { border-color:var(--vurgu-ikon); border-top-color:transparent; animation:don 1s linear infinite; }
body.dl-ana .ai-adimlar li.bitti { color:var(--metin); } body.dl-ana .ai-adimlar li.bitti .d { background:var(--vurgu); border-color:var(--vurgu); color:#111; animation:none; } body.dl-ana .ai-adimlar li.bitti em { opacity:1; }
body.dl-ana .ai-sol .git { margin-top:auto; padding-top:18px; }
body.dl-ana .ai-sag { position:relative; display:grid; place-items:center; }
body.dl-ana .ai-tel { position:relative; width:236px; height:480px; border-radius:40px; padding:8px; background:#0c0c0d; box-shadow:0 0 0 1px rgba(255,255,255,.08), 0 40px 70px -30px rgba(0,0,0,.8); }
body.dl-ana .ai-tel::before { content:""; position:absolute; top:16px; left:50%; width:70px; height:20px; margin-left:-35px; border-radius:99px; background:#000; z-index:3; }
body.dl-ana .mini-sayfa { height:100%; border-radius:32px; background:#f4ede3; padding:50px 16px 16px; display:flex; flex-direction:column; align-items:center; gap:8px; color:#2b2118; overflow:hidden; position:relative; }
body.dl-ana .mini-sayfa::after { content:""; position:absolute; inset:0; background:linear-gradient(110deg, transparent 30%, rgba(255,255,255,.65) 50%, transparent 70%); transform:translateX(-100%); pointer-events:none; }
body.dl-ana .mini-sayfa.parlat::after { animation:tara 1.1s var(--e); } @keyframes tara { to { transform:translateX(100%); } }
body.dl-ana .mini-sayfa > *:not(.iskelet) { opacity:0; transform:translateY(12px); transition:opacity .5s var(--e), transform .5s var(--e); }
body.dl-ana .mini-sayfa.kur > *:not(.iskelet) { opacity:1; transform:none; }
body.dl-ana .mini-sayfa .iskelet { position:absolute; inset:50px 16px 16px; display:flex; flex-direction:column; align-items:center; gap:8px; transition:opacity .4s; }
body.dl-ana .mini-sayfa .iskelet i { display:block; border-radius:12px; background:linear-gradient(90deg, #e9dfd1, #f4ede3, #e9dfd1); background-size:200% 100%; animation:iskelet 1.2s linear infinite; width:100%; height:38px; }
body.dl-ana .mini-sayfa .iskelet i:first-child { width:58px; height:58px; border-radius:50%; } body.dl-ana .mini-sayfa .iskelet i:nth-child(2) { width:60%; height:14px; }
@keyframes iskelet { to { background-position:-200% 0; } }
body.dl-ana .mini-sayfa.kur .iskelet, body.dl-ana .mini-sayfa.bos .iskelet { opacity:0; }
body.dl-ana .mini-sayfa .av { width:58px; height:58px; border-radius:50%; background:#2b2118; color:#f4ede3; display:grid; place-items:center; font-weight:700; font-size:19px; letter-spacing:-.04em; }
body.dl-ana .mini-sayfa h5 { margin:2px 0 0; font-size:15px; letter-spacing:-.02em; } body.dl-ana .mini-sayfa small { font-size:10.5px; opacity:.65; margin-bottom:4px; }
body.dl-ana .mini-sayfa .b { width:100%; height:38px; border-radius:12px; background:#fff; display:flex; align-items:center; gap:8px; padding:0 12px; font-size:12px; font-weight:600; }
body.dl-ana .mini-sayfa .b.k { background:#2b2118; color:#f4ede3; }
body.dl-ana .mini-sayfa .s { display:flex; gap:12px; font-size:16px; opacity:.75; margin-top:4px; }
body.dl-ana .ai-kivilcim { position:absolute; z-index:4; color:var(--vurgu-ikon); font-size:20px; opacity:0; }
body.dl-ana .ai-sag.patla .ai-kivilcim { animation:kivilcim 1.2s var(--e) forwards; }
body.dl-ana .ai-kivilcim:nth-child(2) { left:6px; top:60px; } body.dl-ana .ai-kivilcim:nth-child(3) { right:4px; top:140px; animation-delay:.1s !important; } body.dl-ana .ai-kivilcim:nth-child(4) { left:20px; bottom:80px; animation-delay:.2s !important; }
@keyframes kivilcim { 0% { opacity:0; transform:scale(.3) rotate(0); } 40% { opacity:1; transform:scale(1.2) rotate(40deg); } 100% { opacity:0; transform:scale(.8) rotate(90deg) translateY(-14px); } }
body.dl-ana .ai-rozet { position:absolute; z-index:4; right:-8px; bottom:40px; height:34px; padding:0 12px; border-radius:11px; background:var(--murekkep); color:var(--murekkep-ustu); display:flex; align-items:center; gap:6px; font-size:12px; font-weight:600; box-shadow:var(--golge); opacity:0; transform:translateY(8px); transition:opacity .4s, transform .5s var(--e); }
body.dl-ana .ai-rozet i { color:var(--vurgu); } body.dl-ana .ai-sag.patla .ai-rozet { opacity:1; transform:none; }

/* bento 2: link kısalıyor */
body.dl-ana .kisa-sahne { position:absolute; inset:0 28px 26px; display:flex; flex-direction:column; justify-content:flex-end; gap:12px; }
body.dl-ana .uzun { height:46px; border-radius:12px; border:1px solid var(--kenar); background:var(--zemin-2); display:flex; align-items:center; padding:0 14px; font:13px var(--fm); color:var(--soluk); overflow:hidden; white-space:nowrap; transition:max-width .9s var(--e), opacity .5s; max-width:100%; }
body.dl-ana .kisa-sahne.kisaldi .uzun { max-width:0; opacity:0; padding:0; border-width:0; }
body.dl-ana .kisa-sonuc { height:52px; border-radius:14px; background:var(--murekkep); color:var(--murekkep-ustu); display:flex; align-items:center; gap:10px; padding:0 8px 0 14px; font:500 15px var(--fm); transform:scale(.9); opacity:0; transition:transform .6s var(--e), opacity .4s; }
body.dl-ana .kisa-sahne.kisaldi .kisa-sonuc { transform:none; opacity:1; }
body.dl-ana .kisa-sonuc i { color:var(--vurgu); } body.dl-ana .kisa-sonuc .kopya { margin-left:auto; height:36px; padding:0 12px; border-radius:10px; background:var(--vurgu); color:#111; font:600 12.5px var(--f); display:inline-flex; align-items:center; gap:5px; }
body.dl-ana .cubuklar { display:flex; align-items:flex-end; gap:6px; height:84px; }
body.dl-ana .cubuklar span { flex:1; height:6%; border-radius:5px 5px 2px 2px; background:var(--kenar-2); transition:height .9s var(--e); }
body.dl-ana .cubuklar span.v { background:var(--vurgu); }
body.dl-ana .kisa-sahne.kisaldi .cubuklar span { height:var(--h); }
body.dl-ana .ornek { font:500 10.5px var(--fm); color:var(--cok-soluk); }

/* bento 3: QR */
body.dl-ana .qr-sahne { position:absolute; inset:0; display:grid; place-items:center; }
body.dl-ana .qr-kart { width:170px; height:170px; padding:14px; border-radius:22px; background:#fff; box-shadow:0 20px 40px -20px rgba(0,0,0,.4); position:relative; transition:border-radius .8s var(--e), background .8s; }
body.dl-ana .qr-kart .qr { width:100%; height:100%; display:grid; grid-template-columns:repeat(13, 1fr); gap:2px; }
body.dl-ana .qr-kart .qr i { border-radius:2px; background:#111; transition:background .8s, border-radius .8s; } body.dl-ana .qr-kart .qr i.b { background:transparent; }
body.dl-ana .qr-kart .logo-o { position:absolute; left:50%; top:50%; width:38px; height:38px; margin:-19px 0 0 -19px; border-radius:11px; background:#fff; display:grid; place-items:center; box-shadow:0 0 0 4px #fff; }
body.dl-ana .qr-kart .logo-o i { font-size:22px; transform:rotate(-30deg); color:#111; }
body.dl-ana .qr-renk { position:absolute; bottom:22px; left:50%; transform:translateX(-50%); display:flex; gap:7px; padding:6px; border-radius:99px; background:var(--yuzey); border:1px solid var(--kenar); }
body.dl-ana .qr-renk span { width:18px; height:18px; border-radius:50%; transition:box-shadow .3s; }
body.dl-ana .qr-renk span.aktif { box-shadow:0 0 0 2px var(--yuzey), 0 0 0 4px var(--metin); }

/* bento 4: AI website */
body.dl-ana .site-sahne { position:absolute; inset:0 28px -1px; display:flex; align-items:flex-end; }
body.dl-ana .tarayici { width:100%; height:190px; border-radius:14px 14px 0 0; border:1px solid var(--kenar-2); border-bottom:0; background:var(--zemin-2); overflow:hidden; }
body.dl-ana .tarayici .cubuk { height:30px; display:flex; align-items:center; gap:5px; padding:0 12px; border-bottom:1px solid var(--kenar); }
body.dl-ana .tarayici .cubuk span { width:8px; height:8px; border-radius:50%; background:var(--kenar-2); }
body.dl-ana .tarayici .cubuk em { margin-left:10px; font:normal 11px var(--fm); color:var(--soluk); }
body.dl-ana .tarayici .govde { padding:14px; display:grid; grid-template-columns:1.3fr 1fr; gap:10px; }
body.dl-ana .tarayici .govde > * { border-radius:8px; background:var(--kenar-2); transform:scaleY(0); transform-origin:top; transition:transform .5s var(--e); }
body.dl-ana .tarayici.kur .govde > * { transform:none; }
body.dl-ana .tarayici .t1 { height:16px; grid-column:1/-1; background:var(--metin); width:60%; } body.dl-ana .tarayici .t2 { height:56px; } body.dl-ana .tarayici .t3 { height:56px; background:var(--vurgu); }
body.dl-ana .tarayici .t4 { height:28px; } body.dl-ana .tarayici .t5 { height:28px; }

/* bento 5: kartvizit */
body.dl-ana .kv-sahne { position:absolute; inset:0; display:grid; place-items:center; padding-bottom:10px; }
body.dl-ana .kv { width:250px; border-radius:18px; padding:16px; background:linear-gradient(135deg, #1a1a1c, #2a2a2e); color:#f2f2ef; box-shadow:0 24px 40px -20px rgba(0,0,0,.5); }
body.dl-ana .kv .ust-s { display:flex; align-items:center; gap:10px; }
body.dl-ana .kv .av { width:40px; height:40px; border-radius:12px; background:var(--vurgu); color:#111; display:grid; place-items:center; font-weight:700; }
body.dl-ana .kv b { font-size:15px; } body.dl-ana .kv small { display:block; opacity:.6; font-size:11.5px; }
body.dl-ana .kv .bilgi { margin:12px 0; display:grid; gap:5px; font:11.5px var(--fm); opacity:.8; }
body.dl-ana .kv .kaydet { height:38px; border-radius:11px; background:#f2f2ef; color:#111; display:flex; align-items:center; justify-content:center; gap:7px; font-weight:600; font-size:13px; position:relative; overflow:hidden; }
body.dl-ana .kv .kaydet .tamam { position:absolute; inset:0; background:var(--vurgu); display:flex; align-items:center; justify-content:center; gap:6px; transform:translateY(100%); transition:transform .45s var(--e); }
body.dl-ana .kv.kaydedildi .kaydet .tamam { transform:none; }

/* bento 6: deep link */
/* deep link ızgarası akışta: kart genişleyince kareler büyüyüp yazının üstüne çıkmasın, kart uzasın */
body.dl-ana .bk-6 .sahne-k { display:flex; flex-direction:column; justify-content:flex-end; min-height:0 !important; }
body.dl-ana .dl-sahne { display:grid; grid-template-columns:repeat(6, 1fr); gap:8px; padding:0 22px 22px; }
body.dl-ana .dl-sahne span { aspect-ratio:1; border-radius:12px; display:grid; place-items:center; background:var(--yuzey-2); font-size:20px; color:var(--cok-soluk); transition:background .4s, color .4s, transform .4s var(--e); }
body.dl-ana .dl-sahne span.yan { background:var(--murekkep); color:var(--murekkep-ustu); transform:translateY(-4px); }

/* tasarım: arka plan renk, gradyan, görsel, video (gerçek tema arka planları) */
body.dl-ana .tarz { display:grid; grid-template-columns:minmax(0, .95fr) minmax(0, 1.05fr); gap:64px; align-items:center; }
body.dl-ana .tarz > *, body.dl-ana .derin > *, body.dl-ana .ns-pin > .kap > * { min-width:0; }
body.dl-ana .tz-panel .tz-sekme { max-width:100%; overflow-x:auto; scrollbar-width:none; } body.dl-ana .tz-panel .tz-sekme::-webkit-scrollbar { display:none; } body.dl-ana .tz-panel .tz-sekme button { flex:none; }
body.dl-ana .tz-sahne { position:relative; height:640px; border-radius:32px; border:1px solid var(--kenar); overflow:hidden; display:grid; place-items:center; background:var(--zemin-2); }
body.dl-ana .tz-sahne .yansima { position:absolute; inset:-20%; background:var(--tz-yansima, radial-gradient(closest-side, #254F1A, transparent)); filter:blur(60px); opacity:.55; transition:background .8s; }
body.dl-ana .tz-tel { position:relative; z-index:2; width:278px; height:572px; border-radius:46px; padding:9px; background:#0c0c0d; box-shadow:0 0 0 1px rgba(255,255,255,.08), 0 50px 90px -40px rgba(0,0,0,.85); }
body.dl-ana .tz-tel::before { content:""; position:absolute; top:19px; left:50%; width:84px; height:23px; margin-left:-42px; border-radius:99px; background:#000; z-index:9; }
body.dl-ana .tz-ekran { position:relative; height:100%; border-radius:37px; overflow:hidden; }
body.dl-ana .tz-zemin { position:absolute; inset:0; opacity:0; transition:opacity .7s var(--e), transform 1.2s var(--e); transform:scale(1.06); }
body.dl-ana .tz-zemin.acik { opacity:1; transform:none; }
body.dl-ana .tz-zemin img, body.dl-ana .tz-zemin video { width:100%; height:100%; object-fit:cover; display:block; }
body.dl-ana .tz-karart { position:absolute; inset:0; background:#000; opacity:var(--karart, 0); transition:opacity .5s; z-index:1; }
body.dl-ana .tz-icerik { position:relative; z-index:2; height:100%; padding:64px 18px 18px; display:flex; flex-direction:column; align-items:center; text-align:center; color:var(--tz-yazi, #fff); transition:color .5s; font-family:var(--tz-font, var(--f)); }
body.dl-ana .tz-icerik .av { width:76px; height:76px; border-radius:50%; background:linear-gradient(135deg, #f5d0a9, #c88b5a); box-shadow:0 0 0 3px rgba(255,255,255,.4); display:grid; place-items:center; font-weight:700; color:#3a2414; font-size:24px; }
body.dl-ana .tz-icerik h5 { margin:12px 0 2px; font-size:19px; letter-spacing:-.02em; } body.dl-ana .tz-icerik small { font-size:12px; opacity:.8; margin-bottom:16px; }
body.dl-ana .tz-icerik .b { width:100%; height:44px; border-radius:var(--tz-r, 14px); display:flex; align-items:center; justify-content:center; gap:8px; font-size:13px; font-weight:600; margin-bottom:9px; transition:all .5s var(--e);
  background:var(--tz-b-zemin, rgba(255,255,255,.18)); color:var(--tz-b-yazi, #fff); border:1px solid var(--tz-b-kenar, rgba(255,255,255,.28)); backdrop-filter:blur(var(--tz-blur, 10px)); }
body.dl-ana .tz-icerik .sos { display:flex; gap:14px; margin-top:auto; font-size:20px; opacity:.85; }
body.dl-ana .tz-sec { position:absolute; z-index:3; left:20px; top:20px; height:32px; padding:0 12px; border-radius:99px; background:color-mix(in srgb, var(--yuzey) 90%, transparent); border:1px solid var(--kenar); backdrop-filter:blur(10px); display:inline-flex; align-items:center; gap:8px; font:500 12.5px var(--fm); }
body.dl-ana .tz-sec i { width:10px; height:10px; border-radius:3px; background:var(--tz-renk, var(--vurgu)); transition:background .5s; }
body.dl-ana .tz-panel { margin-top:28px; border:1px solid var(--kenar); border-radius:24px; background:var(--yuzey); padding:16px; box-shadow:var(--golge); }
body.dl-ana .tz-panel .tz-sekme { display:inline-flex; padding:3px; border-radius:12px; background:var(--yuzey-2); gap:2px; }
body.dl-ana .tz-panel .tz-sekme button { height:34px; padding:0 13px; border-radius:9px; font-size:13.5px; font-weight:500; color:var(--soluk); display:inline-flex; align-items:center; gap:6px; }
body.dl-ana .tz-panel .tz-sekme button.aktif { color:var(--metin); }
body.dl-ana .tz-ornek { display:flex; gap:8px; margin:14px 0 4px; min-height:64px; flex-wrap:wrap; }
body.dl-ana .tz-ornek button { position:relative; width:64px; height:64px; border-radius:16px; overflow:hidden; border:1px solid var(--kenar); transition:transform .3s var(--e), box-shadow .3s; animation:cik .4s var(--e) both; animation-delay:calc(var(--j) * 40ms); }
body.dl-ana .tz-ornek button:hover { transform:translateY(-2px); }
body.dl-ana .tz-ornek button.secili { box-shadow:0 0 0 2px var(--yuzey), 0 0 0 4px var(--metin); }
body.dl-ana .tz-ornek button img { width:100%; height:100%; object-fit:cover; }
body.dl-ana .tz-ornek button span { position:absolute; left:0; right:0; bottom:0; padding:3px 4px; font-size:9.5px; font-weight:600; color:#fff; background:linear-gradient(transparent, rgba(0,0,0,.6)); text-align:left; }
body.dl-ana .tz-ornek button .oynat { position:absolute; inset:0; display:grid; place-items:center; color:#fff; font-size:20px; background:rgba(0,0,0,.25); }
body.dl-ana .tz-ayar { display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-top:14px; padding-top:14px; border-top:1px solid var(--kenar); }
body.dl-ana .tz-ayar h6 { margin:0 0 8px; font-size:12px; font-weight:500; color:var(--soluk); display:flex; justify-content:space-between; }
body.dl-ana .tz-ayar h6 em { font:normal 11.5px var(--fm); color:var(--metin-2); }
body.dl-ana .tz-kaydir { position:relative; height:6px; border-radius:6px; background:var(--yuzey-2); margin:12px 0 4px; cursor:pointer; }
body.dl-ana .tz-kaydir i { position:absolute; left:0; top:0; height:100%; width:var(--v, 30%); border-radius:6px; background:var(--murekkep); transition:width .6s var(--e); }
body.dl-ana .tz-kaydir b { position:absolute; top:50%; left:var(--v, 30%); width:18px; height:18px; margin:-9px 0 0 -9px; border-radius:50%; background:var(--yuzey); border:2px solid var(--murekkep); box-shadow:0 2px 6px rgba(0,0,0,.3); transition:left .6s var(--e); }
body.dl-ana .tz-cipler { display:flex; gap:5px; flex-wrap:wrap; }
body.dl-ana .tz-cipler button { height:30px; padding:0 10px; border-radius:9px; border:1px solid var(--kenar); background:var(--zemin-2); font-size:12.5px; color:var(--metin-2); transition:all .25s; }
body.dl-ana .tz-cipler button.aktif { background:var(--murekkep); color:var(--murekkep-ustu); border-color:var(--murekkep); }
body.dl-ana .tz-rozet { display:flex; gap:8px; flex-wrap:wrap; margin-top:18px; }
body.dl-ana .tz-rozet span { display:inline-flex; align-items:center; gap:6px; height:30px; padding:0 11px; border-radius:9px; background:var(--yuzey-2); font-size:12.5px; color:var(--metin-2); }
body.dl-ana .tz-rozet span b { font-family:var(--fm); color:var(--metin); }

/* deep link: Spotify ve YouTube linkleri uygulamada açılır */
body.dl-ana .derin { display:grid; grid-template-columns:minmax(0, 1fr) minmax(0, 1fr); gap:64px; align-items:center; }
body.dl-ana .derin-alanlar { display:grid; gap:12px; margin:28px 0 22px; }
body.dl-ana .derin-alan { display:grid; grid-template-columns:48px 1fr auto; gap:14px; align-items:center; padding:16px 18px; border-radius:20px; border:1px solid var(--kenar); background:var(--yuzey); cursor:pointer; transition:border-color .3s, transform .35s var(--e), box-shadow .35s; }
body.dl-ana .derin-alan:hover { transform:translateY(-2px); }
body.dl-ana .derin-alan.aktif { border-color:var(--d-renk); box-shadow:0 0 0 1px var(--d-renk), 0 24px 40px -28px var(--d-renk); }
body.dl-ana .derin-alan .ik { width:48px; height:48px; border-radius:14px; display:grid; place-items:center; font-size:26px; color:#fff; background:var(--d-renk); }
body.dl-ana .derin-alan b { display:block; font:500 19px var(--fm); letter-spacing:-.03em; } body.dl-ana .derin-alan b span { color:var(--soluk); }
body.dl-ana .derin-alan small { color:var(--soluk); font-size:13.5px; }
body.dl-ana .derin-alan .ok { width:34px; height:34px; border-radius:10px; display:grid; place-items:center; background:var(--yuzey-2); transition:background .3s, color .3s, transform .3s var(--e); }
body.dl-ana .derin-alan.aktif .ok { background:var(--d-renk); color:#fff; transform:rotate(-45deg); }
body.dl-ana .derin-kars { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
body.dl-ana .derin-kars > div { padding:16px; border-radius:16px; border:1px solid var(--kenar); background:var(--zemin-2); font-size:13.5px; }
body.dl-ana .derin-kars h5 { margin:0 0 10px; font-size:13px; display:flex; align-items:center; gap:7px; }
body.dl-ana .derin-kars ul { list-style:none; margin:0; padding:0; display:grid; gap:7px; color:var(--metin-2); }
body.dl-ana .derin-kars li { display:flex; gap:7px; } body.dl-ana .derin-kars .kotu i { color:#ef4444; } body.dl-ana .derin-kars .iyi { border-color:color-mix(in srgb, var(--vurgu-ikon) 40%, var(--kenar)); } body.dl-ana .derin-kars .iyi i { color:var(--vurgu-ikon); }
body.dl-ana .derin-not { margin-top:16px; color:var(--soluk); font-size:13.5px; display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
body.dl-ana .derin-not .uyg { display:inline-flex; gap:4px; } body.dl-ana .derin-not .uyg i { width:26px; height:26px; border-radius:8px; background:var(--yuzey-2); display:grid; place-items:center; font-size:14px; color:var(--metin-2); }
/* sahne: telefon, dokunuş, uygulama açılışı */
body.dl-ana .derin-sahne { position:relative; height:620px; border-radius:32px; border:1px solid var(--kenar); overflow:hidden; display:grid; place-items:center;
  background:radial-gradient(60% 55% at 50% 50%, color-mix(in srgb, var(--d-renk, #1db954) 30%, transparent), transparent 72%), var(--zemin-2); transition:background .8s; }
body.dl-ana .derin-sahne::before { content:""; position:absolute; inset:0; background-image:radial-gradient(color-mix(in srgb, var(--metin) 9%, transparent) 1px, transparent 1px); background-size:22px 22px; mask-image:radial-gradient(closest-side, #000, transparent); }
body.dl-ana .d-tel { position:relative; z-index:2; width:270px; height:556px; border-radius:44px; padding:9px; background:#0c0c0d; box-shadow:0 0 0 1px rgba(255,255,255,.08), 0 50px 90px -40px rgba(0,0,0,.85); }
body.dl-ana .d-tel::before { content:""; position:absolute; top:18px; left:50%; width:82px; height:22px; margin-left:-41px; border-radius:99px; background:#000; z-index:9; }
body.dl-ana .d-ekran { position:relative; height:100%; border-radius:35px; overflow:hidden; background:#fff; color:#111; }
body.dl-ana .d-katman { position:absolute; inset:0; transition:opacity .45s var(--e), transform .55s var(--e); }
body.dl-ana .d-katman:not(.acik) { opacity:0; pointer-events:none; }
/* 1: Instagram profili */
body.dl-ana .d-ig { padding:60px 18px 18px; background:#fff; }
body.dl-ana .d-ig .ust-s { display:flex; align-items:center; gap:14px; }
body.dl-ana .d-ig .av { width:62px; height:62px; border-radius:50%; padding:2px; background:conic-gradient(#f9ce34, #ee2a7b, #6228d7, #f9ce34); }
body.dl-ana .d-ig .av span { display:grid; place-items:center; width:100%; height:100%; border-radius:50%; border:2px solid #fff; background:#6d3bd1; color:#fff; font-weight:700; }
body.dl-ana .d-ig .say { display:flex; gap:14px; font-size:11px; color:#666; } body.dl-ana .d-ig .say b { display:block; color:#111; font-size:14px; }
body.dl-ana .d-ig .bio { margin-top:12px; font-size:12.5px; line-height:1.5; }
body.dl-ana .d-ig .lnk { display:inline-flex; align-items:center; gap:5px; margin-top:4px; padding:4px 9px; border-radius:8px; background:#eef2ff; color:#3651d6; font:600 12.5px var(--fm); position:relative; }
body.dl-ana .d-ig .izgara { margin-top:16px; display:grid; grid-template-columns:repeat(3, 1fr); gap:3px; }
body.dl-ana .d-ig .izgara span { aspect-ratio:1; background:linear-gradient(135deg, #e9e3f7, #d5ccef); } body.dl-ana .d-ig .izgara span:nth-child(2n) { background:linear-gradient(135deg, #fbe2ea, #f4c6d5); }
body.dl-ana .dokun { position:absolute; width:46px; height:46px; margin:-23px 0 0 -23px; border-radius:50%; background:rgba(17,17,17,.18); border:2px solid rgba(17,17,17,.35); z-index:8; opacity:0; transform:scale(.6); pointer-events:none; }
body.dl-ana .dokun.bas { animation:dokun .7s var(--e) forwards; }
@keyframes dokun { 0% { opacity:0; transform:scale(1.4); } 35% { opacity:1; transform:scale(.8); } 100% { opacity:0; transform:scale(1.6); } }
/* 2: uygulamada açılıyor */
body.dl-ana .d-acilis { display:grid; place-items:center; align-content:center; gap:16px; background:var(--d-renk, #1db954); color:#fff; text-align:center; }
body.dl-ana .d-acilis .logo-k { width:84px; height:84px; border-radius:24px; background:rgba(255,255,255,.18); display:grid; place-items:center; font-size:48px; animation:atis 1.2s var(--e) infinite; }
@keyframes atis { 50% { transform:scale(1.08); } }
body.dl-ana .d-acilis b { font-size:16px; } body.dl-ana .d-acilis small { font:12px var(--fm); opacity:.85; }
body.dl-ana .d-acilis .cubuk { width:140px; height:4px; border-radius:4px; background:rgba(255,255,255,.3); overflow:hidden; } body.dl-ana .d-acilis .cubuk i { display:block; height:100%; width:0; background:#fff; border-radius:4px; }
body.dl-ana .d-acilis.acik .cubuk i { animation:dolum 1.1s var(--e) forwards; } @keyframes dolum { to { width:100%; } }
/* 3a: Spotify benzeri çalar */
body.dl-ana .d-sp { background:linear-gradient(180deg, #3b2a6b, #121212 62%); color:#fff; padding:62px 20px 20px; display:flex; flex-direction:column; }
body.dl-ana .d-sp .kapak { aspect-ratio:1; border-radius:10px; background:conic-gradient(from 210deg, #d9fa31, #6d3bd1, #1db954, #d9fa31); box-shadow:0 20px 40px -14px rgba(0,0,0,.7); display:grid; place-items:center; font-size:56px; color:rgba(255,255,255,.85); }
body.dl-ana .d-sp h6 { margin:18px 0 2px; font-size:17px; } body.dl-ana .d-sp small { opacity:.65; font-size:12.5px; }
body.dl-ana .d-sp .ilerle { margin-top:16px; height:4px; border-radius:4px; background:rgba(255,255,255,.2); overflow:hidden; } body.dl-ana .d-sp .ilerle i { display:block; height:100%; width:0; background:#fff; }
body.dl-ana .d-sp.acik .ilerle i { animation:dolum 6s linear forwards; }
body.dl-ana .d-sp .tuslar { display:flex; justify-content:space-between; align-items:center; margin-top:16px; font-size:22px; }
body.dl-ana .d-sp .tuslar .oy { width:56px; height:56px; border-radius:50%; background:#1db954; color:#000; display:grid; place-items:center; font-size:24px; }
/* 3b: YouTube benzeri video */
body.dl-ana .d-yt { background:#0f0f0f; color:#fff; padding-top:50px; }
body.dl-ana .d-yt .video-k { aspect-ratio:16/9; background:linear-gradient(135deg, #2a2a2e, #111); position:relative; display:grid; place-items:center; }
body.dl-ana .d-yt .video-k i { font-size:40px; color:#fff; opacity:.9; } body.dl-ana .d-yt .video-k .ilerle { position:absolute; left:0; bottom:0; height:3px; width:0; background:#ff0033; }
body.dl-ana .d-yt.acik .video-k .ilerle { animation:dolum 6s linear forwards; }
body.dl-ana .d-yt .bilgi { padding:12px 14px; } body.dl-ana .d-yt h6 { margin:0 0 4px; font-size:14.5px; line-height:1.3; } body.dl-ana .d-yt small { color:#aaa; font-size:11.5px; }
body.dl-ana .d-yt .kanal { display:flex; align-items:center; gap:10px; padding:4px 14px 12px; font-size:12.5px; }
body.dl-ana .d-yt .kanal span { width:30px; height:30px; border-radius:50%; background:#c13aa8; display:grid; place-items:center; font-weight:700; font-size:11px; }
body.dl-ana .d-yt .kanal em { margin-left:auto; font-style:normal; padding:7px 13px; border-radius:99px; background:#fff; color:#111; font-weight:600; font-size:12px; }
body.dl-ana .d-yt .oneri { padding:0 14px; display:grid; gap:10px; } body.dl-ana .d-yt .oneri div { display:grid; grid-template-columns:110px 1fr; gap:10px; } body.dl-ana .d-yt .oneri span { aspect-ratio:16/9; border-radius:8px; background:#222; } body.dl-ana .d-yt .oneri b { font-size:11.5px; font-weight:500; color:#ddd; }
body.dl-ana .derin-etiket { position:absolute; z-index:3; left:22px; top:20px; height:32px; padding:0 12px; border-radius:99px; background:color-mix(in srgb, var(--yuzey) 92%, transparent); border:1px solid var(--kenar); display:inline-flex; align-items:center; gap:8px; font:500 12.5px var(--fm); backdrop-filter:blur(10px); }
body.dl-ana .derin-etiket i { color:var(--d-renk); font-size:16px; }
body.dl-ana .derin-adim { position:absolute; z-index:3; right:22px; bottom:22px; display:flex; gap:6px; }
body.dl-ana .derin-adim span { height:6px; width:6px; border-radius:6px; background:var(--kenar-2); transition:width .4s var(--e), background .4s; } body.dl-ana .derin-adim span.aktif { width:22px; background:var(--d-renk); }

/* nasıl çalışır: kaydırmaya bağlı sabit sahne (masaüstü), telefonda adım adım */
body.dl-ana .ns { position:relative; height:330vh; }
body.dl-ana .ns-pin { position:sticky; top:0; height:100vh; display:flex; align-items:center; }
body.dl-ana .ns-pin > .kap { display:grid; grid-template-columns:minmax(0, .82fr) minmax(0, 1.18fr); gap:56px; align-items:center; }
body.dl-ana .ns-sol h2 { font-size:clamp(34px, 4vw, 54px); }
body.dl-ana .ns-sol > p { color:var(--soluk); font-size:17px; margin:16px 0 34px; max-width:40ch; }
body.dl-ana .ns-adimlar { position:relative; display:grid; gap:4px; padding-left:28px; }
body.dl-ana .ns-ray { position:absolute; left:7px; top:10px; bottom:10px; width:2px; border-radius:2px; background:var(--kenar); }
body.dl-ana .ns-ray i { position:absolute; left:0; top:0; width:100%; height:calc(var(--ns, 0) * 100%); border-radius:2px; background:linear-gradient(180deg, var(--vurgu), color-mix(in srgb, var(--vurgu) 60%, var(--vurgu-ikon))); box-shadow:0 0 12px color-mix(in srgb, var(--vurgu) 60%, transparent); }
body.dl-ana .ns-adim { position:relative; padding:14px 18px 16px; border-radius:18px; cursor:pointer; transition:background .4s, opacity .4s; opacity:.42; }
body.dl-ana .ns-adim:hover { opacity:.7; }
body.dl-ana .ns-adim.aktif { opacity:1; background:var(--yuzey); box-shadow:inset 0 0 0 1px var(--kenar); }
body.dl-ana .ns-adim::before { content:""; position:absolute; left:-27px; top:20px; width:14px; height:14px; border-radius:50%; background:var(--zemin); border:2px solid var(--kenar-2); transition:border-color .4s, background .4s, box-shadow .4s; }
body.dl-ana .ns-adim.aktif::before, body.dl-ana .ns-adim.gecti::before { border-color:var(--vurgu); background:var(--vurgu); box-shadow:0 0 0 5px color-mix(in srgb, var(--vurgu) 18%, transparent); }
body.dl-ana .ns-adim .ust-s { display:flex; align-items:center; gap:10px; }
body.dl-ana .ns-adim .n { font:500 12.5px var(--fm); color:var(--soluk); }
body.dl-ana .ns-adim h4 { margin:0; font-size:22px; letter-spacing:-.03em; }
body.dl-ana .ns-adim p { margin:6px 0 0; color:var(--soluk); font-size:15px; max-width:42ch; }
body.dl-ana .ns-adim .ciplar { display:flex; flex-wrap:wrap; gap:6px; margin-top:12px; max-height:0; overflow:hidden; opacity:0; transition:max-height .5s var(--e), opacity .4s; }
body.dl-ana .ns-adim.aktif .ciplar { max-height:60px; opacity:1; }
body.dl-ana .ns-adim .ciplar span { height:26px; padding:0 10px; border-radius:8px; background:var(--yuzey-2); display:inline-flex; align-items:center; gap:5px; font-size:12.5px; color:var(--metin-2); }
body.dl-ana .ns-adim .ciplar i { color:var(--vurgu-ikon); }
body.dl-ana .ns-sol .dugme { margin-top:26px; }

/* sahne */
body.dl-ana .ns-sahne { position:relative; height:min(640px, 76vh); border-radius:32px; overflow:hidden; border:1px solid var(--kenar); background:
  radial-gradient(70% 60% at 70% 30%, color-mix(in srgb, var(--vurgu) 10%, transparent), transparent 70%), var(--zemin-2); }
body.dl-ana .ns-sahne::after { content:""; position:absolute; inset:0; background-image:radial-gradient(color-mix(in srgb, var(--metin) 9%, transparent) 1px, transparent 1px); background-size:22px 22px; mask-image:radial-gradient(80% 80% at 50% 50%, #000, transparent); pointer-events:none; }
body.dl-ana .ns-sahne > * { position:absolute; z-index:2; transition:transform .9s var(--e), opacity .6s var(--e); }
body.dl-ana .ns-etiket { left:22px; top:20px; display:inline-flex; align-items:center; gap:8px; height:30px; padding:0 12px; border-radius:99px; background:var(--yuzey); border:1px solid var(--kenar); font:500 12px var(--fm); color:var(--metin-2); }
body.dl-ana .ns-etiket i { width:8px; height:8px; border-radius:50%; background:var(--vurgu); box-shadow:0 0 0 4px color-mix(in srgb, var(--vurgu) 22%, transparent); animation:nabiz2 1.6s ease-in-out infinite; }
@keyframes nabiz2 { 50% { box-shadow:0 0 0 7px transparent; } }

/* telefon (HTML, adımlara göre dolar) */
body.dl-ana .ns-tel { left:50%; top:50%; width:262px; height:540px; margin:-270px 0 0 -131px; border-radius:42px; padding:9px; background:#0c0c0d; box-shadow:0 0 0 1px rgba(255,255,255,.08), 0 50px 90px -40px rgba(0,0,0,.8); }
body.dl-ana .ns-tel::before { content:""; position:absolute; top:18px; left:50%; width:80px; height:22px; margin-left:-40px; border-radius:99px; background:#000; z-index:3; }
body.dl-ana .ns-ekran { height:100%; border-radius:34px; overflow:hidden; background:linear-gradient(180deg, #8f1d2c, #741622); color:#fdf2e9; padding:58px 16px 16px; display:flex; flex-direction:column; align-items:center; text-align:center; }
body.dl-ana .ns-ekran .av { width:70px; height:70px; border-radius:50%; background:#fdf2e9; color:#8f1d2c; display:grid; place-items:center; font-weight:700; font-size:22px; letter-spacing:-.04em; box-shadow:0 0 0 4px rgba(253,242,233,.25); }
body.dl-ana .ns-ekran h5 { margin:12px 0 2px; font-size:18px; letter-spacing:-.02em; } body.dl-ana .ns-ekran small { font-size:11.5px; opacity:.75; margin-bottom:14px; }
body.dl-ana .ns-ekran .b { width:100%; height:42px; border-radius:13px; background:#fdf2e9; color:#5b1019; display:flex; align-items:center; justify-content:center; gap:8px; font-size:12.5px; font-weight:600; margin-bottom:8px; opacity:0; transform:translateY(14px) scale(.96); transition:opacity .45s var(--e), transform .55s var(--e); }
body.dl-ana .ns-ekran .b.var { opacity:1; transform:none; }
body.dl-ana .ns-ekran .sos { display:flex; gap:14px; margin-top:auto; font-size:19px; opacity:.85; }

/* adım 1: düzenleyici */
body.dl-ana .ns-ed { left:30px; top:50%; width:270px; margin-top:-170px; border-radius:20px; border:1px solid var(--kenar); background:color-mix(in srgb, var(--yuzey) 94%, transparent); backdrop-filter:blur(14px); box-shadow:var(--golge); padding:14px; }
body.dl-ana .ns-ed .bas-s { display:flex; align-items:center; justify-content:space-between; font-size:13px; font-weight:600; margin-bottom:10px; }
body.dl-ana .ns-ed .bas-s em { font:normal 500 11px var(--fm); color:var(--soluk); }
body.dl-ana .ns-ed .blok { display:flex; align-items:center; gap:9px; height:40px; padding:0 10px; border-radius:11px; border:1px solid var(--kenar); background:var(--zemin-2); font-size:12.5px; margin-bottom:6px; transition:border-color .3s, background .3s, transform .3s var(--e); }
body.dl-ana .ns-ed .blok > i:first-child { color:var(--cok-soluk); } body.dl-ana .ns-ed .blok > i:last-child { margin-left:auto; color:var(--vurgu-ikon); opacity:0; transition:opacity .3s; }
body.dl-ana .ns-ed .blok.var { border-color:var(--kenar-2); background:var(--yuzey); } body.dl-ana .ns-ed .blok.var > i:last-child { opacity:1; }
body.dl-ana .ns-ed .blok.simdi { border-color:var(--vurgu-ikon); transform:translateX(4px); }
body.dl-ana .ns-ed .renk { display:flex; gap:7px; margin-top:12px; padding-top:12px; border-top:1px solid var(--kenar); align-items:center; font-size:12px; color:var(--soluk); }
body.dl-ana .ns-ed .renk span { width:20px; height:20px; border-radius:7px; } body.dl-ana .ns-ed .renk span.sec { box-shadow:0 0 0 2px var(--yuzey), 0 0 0 4px var(--metin); }
body.dl-ana .ns-ai { z-index:4; right:18px; top:72px; width:220px; border-radius:16px; border:1px solid var(--kenar); background:color-mix(in srgb, var(--yuzey) 94%, transparent); backdrop-filter:blur(14px); box-shadow:var(--golge); padding:12px 14px; font-size:12.5px; color:var(--metin-2); }
body.dl-ana .ns-ai b { display:flex; align-items:center; gap:6px; font-size:12px; color:var(--vurgu-ikon); margin-bottom:6px; }
body.dl-ana .ns-imlec { left:0; top:0; width:22px; height:22px; z-index:6; pointer-events:none; color:var(--metin); filter:drop-shadow(0 2px 4px rgba(0,0,0,.4)); font-size:22px; transition:transform 1s var(--e), opacity .4s; }

/* adım 2: paylaş */
body.dl-ana .ns-ig { right:24px; top:70px; width:290px; border-radius:20px; border:1px solid var(--kenar); background:var(--yuzey); box-shadow:var(--golge); padding:16px; }
body.dl-ana .ns-ig .ust-s { display:flex; align-items:center; gap:12px; }
body.dl-ana .ns-ig .halka { width:52px; height:52px; border-radius:50%; padding:2px; background:conic-gradient(#f9ce34, #ee2a7b, #6228d7, #f9ce34); }
body.dl-ana .ns-ig .halka span { display:grid; place-items:center; width:100%; height:100%; border-radius:50%; background:#8f1d2c; color:#fdf2e9; font-weight:700; font-size:14px; border:2px solid var(--yuzey); }
body.dl-ana .ns-ig .say { display:flex; gap:16px; font-size:11.5px; color:var(--soluk); } body.dl-ana .ns-ig .say b { display:block; color:var(--metin); font-size:14px; }
body.dl-ana .ns-ig .bio { margin-top:12px; font-size:12.5px; line-height:1.5; }
body.dl-ana .ns-ig .bio a { color:#4c8dff; font-weight:600; } body.dl-ana .ns-ig .bio a::after { content:"|"; color:var(--vurgu-ikon); animation:imlec 1s steps(1) infinite; margin-left:1px; }
body.dl-ana .ns-ig .bio a.bitti::after { content:none; }
body.dl-ana .ns-ig .kucuk-b { margin-top:12px; height:30px; border-radius:9px; background:var(--yuzey-2); display:grid; place-items:center; font-size:12px; font-weight:600; }
body.dl-ana .ns-wa { right:40px; bottom:150px; width:250px; border-radius:16px; border:1px solid var(--kenar); background:var(--yuzey); box-shadow:var(--golge); padding:12px 14px; display:flex; gap:10px; align-items:center; font-size:12.5px; }
body.dl-ana .ns-wa i { width:34px; height:34px; border-radius:50%; background:#25d366; color:#fff; display:grid; place-items:center; font-size:18px; flex:none; }
body.dl-ana .ns-wa b { display:block; font-size:13px; } body.dl-ana .ns-wa small { font:12px var(--fm); color:var(--soluk); }
body.dl-ana .ns-qr { left:34px; bottom:56px; width:150px; padding:14px; border-radius:16px; background:#fdf2e9; color:#5b1019; text-align:center; box-shadow:0 30px 40px -24px rgba(0,0,0,.6); transform-origin:bottom left; }
body.dl-ana .ns-qr .qr { width:96px; height:96px; margin:4px auto 8px; display:grid; grid-template-columns:repeat(11, 1fr); gap:1.5px; }
body.dl-ana .ns-qr .qr i { background:#5b1019; border-radius:1px; } body.dl-ana .ns-qr .qr i.b { background:transparent; }
body.dl-ana .ns-qr b { display:block; font-size:12px; } body.dl-ana .ns-qr small { font:10.5px var(--fm); opacity:.75; }
body.dl-ana .ns-tost { left:50%; bottom:26px; transform:translateX(-50%); height:40px; padding:0 14px; border-radius:12px; background:var(--murekkep); color:var(--murekkep-ustu); display:flex; align-items:center; gap:8px; font-size:13px; font-weight:600; white-space:nowrap; }
body.dl-ana .ns-tost i { color:var(--vurgu); }

/* adım 3: ölç */
body.dl-ana .ns-pano { right:24px; top:64px; width:330px; border-radius:20px; border:1px solid var(--kenar); background:var(--yuzey); box-shadow:var(--golge); padding:16px; }
body.dl-ana .ns-pano .ust-s { display:flex; align-items:center; justify-content:space-between; font-size:12.5px; color:var(--soluk); }
body.dl-ana .ns-pano .ust-s b { color:var(--metin); font:500 13px var(--fm); }
body.dl-ana .ns-pano svg { width:100%; height:110px; margin:10px 0 6px; display:block; }
body.dl-ana .ns-pano .cz { fill:none; stroke:var(--vurgu-ikon); stroke-width:2.5; stroke-linecap:round; stroke-dasharray:700; stroke-dashoffset:700; transition:stroke-dashoffset 1.8s var(--e); }
body.dl-ana .ns-pano .dl { opacity:0; transition:opacity 1s .8s; }
body.dl-ana .ns-pano .k { display:grid; grid-template-columns:20px 1fr 36px; align-items:center; gap:8px; font-size:12px; margin-top:8px; }
body.dl-ana .ns-pano .k i { color:var(--metin-2); } body.dl-ana .ns-pano .k em { font:normal 11.5px var(--fm); color:var(--soluk); text-align:right; }
body.dl-ana .ns-pano .k .c { height:6px; border-radius:6px; background:var(--yuzey-2); overflow:hidden; } body.dl-ana .ns-pano .k .c span { display:block; height:100%; width:0; border-radius:6px; background:var(--murekkep); transition:width 1.3s var(--e); }
body.dl-ana .ns-pano .ornek { position:absolute; right:16px; bottom:12px; }
body.dl-ana .ns-harita { left:30px; top:96px; width:210px; border-radius:18px; border:1px solid var(--kenar); background:var(--yuzey); box-shadow:var(--golge); padding:14px; font-size:12.5px; }
body.dl-ana .ns-harita h6 { margin:0 0 8px; font-size:12px; font-weight:500; color:var(--soluk); }
body.dl-ana .ns-harita .sat { display:flex; justify-content:space-between; padding:6px 0; border-top:1px solid var(--kenar); }
body.dl-ana .ns-harita .sat:first-of-type { border-top:0; } body.dl-ana .ns-harita .sat em { font:normal 12px var(--fm); color:var(--soluk); }
body.dl-ana .ns-tik { left:40px; bottom:70px; height:52px; padding:0 16px 0 10px; border-radius:16px; border:1px solid var(--kenar); background:var(--yuzey); box-shadow:var(--golge); display:flex; align-items:center; gap:10px; font-size:12.5px; }
body.dl-ana .ns-tik .nb { width:34px; height:34px; border-radius:50%; background:var(--vurgu-zemin); color:var(--vurgu-ikon); display:grid; place-items:center; position:relative; }
body.dl-ana .ns-tik .nb::after { content:""; position:absolute; inset:0; border-radius:50%; border:2px solid var(--vurgu-ikon); animation:nabiz 1.8s ease-out infinite; }
body.dl-ana .ns-tik b { display:block; font-size:13px; } body.dl-ana .ns-tik small { color:var(--soluk); }

/* hâller: 0 oluştur, 1 paylaş, 2 ölç */
body.dl-ana .ns-sahne [data-h] { opacity:0; pointer-events:none; }
body.dl-ana .ns-sahne[data-adim="0"] [data-h~="0"], body.dl-ana .ns-sahne[data-adim="1"] [data-h~="1"], body.dl-ana .ns-sahne[data-adim="2"] [data-h~="2"] { opacity:1; pointer-events:auto; }
body.dl-ana .ns-sahne [data-h="0"] { transform:translateX(-24px); } body.dl-ana .ns-sahne[data-adim="0"] [data-h="0"] { transform:none; }
body.dl-ana .ns-sahne .ns-ai[data-h] { transform:translate(20px, -10px); } body.dl-ana .ns-sahne[data-adim="0"] .ns-ai { transform:none; }
body.dl-ana .ns-sahne .ns-ig, body.dl-ana .ns-sahne .ns-wa, body.dl-ana .ns-sahne .ns-pano { transform:translateX(30px) scale(.97); }
body.dl-ana .ns-sahne[data-adim="1"] .ns-ig, body.dl-ana .ns-sahne[data-adim="1"] .ns-wa, body.dl-ana .ns-sahne[data-adim="2"] .ns-pano { transform:none; }
body.dl-ana .ns-sahne .ns-qr { transform:rotate(-10deg) translateY(40px); } body.dl-ana .ns-sahne[data-adim="1"] .ns-qr { transform:rotate(-6deg); }
body.dl-ana .ns-sahne .ns-tost { transform:translate(-50%, 20px); } body.dl-ana .ns-sahne[data-adim="1"] .ns-tost { transform:translate(-50%, 0); transition-delay:.9s; }
body.dl-ana .ns-sahne .ns-harita, body.dl-ana .ns-sahne .ns-tik { transform:translateX(-30px); } body.dl-ana .ns-sahne[data-adim="2"] .ns-harita, body.dl-ana .ns-sahne[data-adim="2"] .ns-tik { transform:none; }
body.dl-ana .ns-sahne[data-adim="2"] .ns-tik { transition-delay:.6s; }
body.dl-ana .ns-sahne[data-adim="0"] .ns-tel { transform:translateX(40px); }
body.dl-ana .ns-sahne[data-adim="1"] .ns-tel { transform:translateX(-40px) scale(.9) rotate(-3deg); }
body.dl-ana .ns-sahne[data-adim="2"] .ns-tel { transform:translateX(-10px) scale(.78); opacity:.35; }
body.dl-ana .ns-sahne[data-adim="2"] .ns-pano .cz { stroke-dashoffset:0; } body.dl-ana .ns-sahne[data-adim="2"] .ns-pano .dl { opacity:1; }
body.dl-ana .ns-sahne[data-adim="2"] .ns-pano .k .c span { width:var(--w); }

/* istatistik vitrini: gerçek bir analiz paneli gibi (örnek veri) */
body.dl-ana .an { border:1px solid var(--kenar); border-radius:30px; background:var(--yuzey); box-shadow:var(--golge); padding:22px; position:relative; overflow:hidden; }
body.dl-ana .an::before { content:""; position:absolute; left:-10%; top:-30%; width:60%; height:70%; background:radial-gradient(closest-side, color-mix(in srgb, var(--vurgu) 9%, transparent), transparent); pointer-events:none; }
body.dl-ana .an > * { position:relative; }
body.dl-ana .an-ust { display:flex; align-items:center; gap:12px; flex-wrap:wrap; margin-bottom:18px; }
body.dl-ana .an-link { display:flex; align-items:center; gap:10px; height:40px; padding:0 12px 0 6px; border-radius:12px; border:1px solid var(--kenar); background:var(--zemin-2); font:500 13.5px var(--fm); }
body.dl-ana .an-link .fav { width:28px; height:28px; border-radius:8px; background:#8f1d2c; color:#fdf2e9; display:grid; place-items:center; font:700 11px var(--f); }
body.dl-ana .an-link i { color:var(--soluk); }
body.dl-ana .an-canli { display:inline-flex; align-items:center; gap:7px; font-size:12.5px; color:var(--metin-2); }
body.dl-ana .an-canli i { width:8px; height:8px; border-radius:50%; background:#22c55e; box-shadow:0 0 0 0 rgba(34,197,94,.6); animation:canli 1.8s infinite; }
@keyframes canli { 70% { box-shadow:0 0 0 8px rgba(34,197,94,0); } 100% { box-shadow:0 0 0 0 rgba(34,197,94,0); } }
body.dl-ana .an-ust .sag { margin-left:auto; display:flex; align-items:center; gap:10px; }
body.dl-ana .an-aralik { display:inline-flex; padding:3px; border-radius:11px; background:var(--yuzey-2); gap:2px; }
body.dl-ana .an-aralik button { height:32px; padding:0 13px; border-radius:8px; font-size:13px; font-weight:500; color:var(--soluk); }
body.dl-ana .an-aralik button.aktif { color:var(--metin); }
body.dl-ana .an-kpi { display:grid; grid-template-columns:repeat(4, 1fr); gap:10px; margin-bottom:12px; }
body.dl-ana .kpi { border:1px solid var(--kenar); border-radius:18px; padding:14px 16px; background:var(--zemin-2); display:grid; grid-template-columns:1fr auto; gap:4px 10px; align-items:end; }
body.dl-ana .kpi h6 { grid-column:1/-1; margin:0; font-size:12.5px; font-weight:500; color:var(--soluk); display:flex; align-items:center; gap:6px; }
body.dl-ana .kpi b { font:650 27px var(--f); font-variant-numeric:tabular-nums; letter-spacing:-.035em; line-height:1.1; }
body.dl-ana .kpi .fark { font:600 11.5px var(--f); padding:2px 7px; border-radius:6px; background:rgba(34,197,94,.14); color:#22c55e; align-self:center; }
body.dl-ana .kpi .fark.dus { background:rgba(239,68,68,.14); color:#ef4444; }
body.dl-ana .kpi svg { grid-column:1/-1; width:100%; height:30px; margin-top:4px; }
body.dl-ana .kpi svg path { fill:none; stroke:var(--metin-2); stroke-width:1.6; stroke-linecap:round; opacity:.7; }
body.dl-ana .kpi:first-child { background:var(--murekkep); color:var(--murekkep-ustu); border-color:var(--murekkep); } body.dl-ana .kpi:first-child h6 { color:color-mix(in srgb, var(--murekkep-ustu) 60%, transparent); } body.dl-ana .kpi:first-child svg path { stroke:var(--vurgu-ikon); opacity:1; }
body.dl-ana[data-theme-style="dark"] .kpi:first-child svg path { stroke:#7f9900; }
body.dl-ana .an-orta { display:grid; grid-template-columns:minmax(0, 1fr) 300px; gap:12px; margin-bottom:12px; }
body.dl-ana .an-grafik { border:1px solid var(--kenar); border-radius:20px; padding:16px 16px 10px; background:var(--zemin-2); position:relative; }
body.dl-ana .an-grafik .bas-s { display:flex; justify-content:space-between; align-items:center; font-size:12.5px; color:var(--soluk); }
body.dl-ana .an-grafik .bas-s b { color:var(--metin); font-weight:600; font-size:14px; }
body.dl-ana .an-grafik .lej { display:flex; gap:12px; } body.dl-ana .an-grafik .lej span { display:inline-flex; align-items:center; gap:6px; } body.dl-ana .an-grafik .lej i { width:10px; height:3px; border-radius:3px; background:var(--vurgu-ikon); } body.dl-ana .an-grafik .lej i.b { background:var(--kenar-2); }
body.dl-ana .an-svg { position:relative; height:230px; margin-top:8px; }
body.dl-ana .an-svg svg { width:100%; height:100%; display:block; overflow:visible; }
body.dl-ana .an-svg .izg { stroke:var(--kenar); stroke-dasharray:3 4; }
body.dl-ana .an-svg .ana { fill:none; stroke:var(--vurgu-ikon); stroke-width:2.5; stroke-linecap:round; stroke-linejoin:round; }
body.dl-ana .an-svg .once { fill:none; stroke:var(--kenar-2); stroke-width:1.6; stroke-dasharray:4 5; }
body.dl-ana .an-svg .alan-d { opacity:.9; }
body.dl-ana .an-svg .ciz { stroke-dasharray:var(--u); stroke-dashoffset:var(--u); animation:cizgi 1.6s var(--e) forwards; }
@keyframes cizgi { to { stroke-dashoffset:0; } }
body.dl-ana .an-imlec { position:absolute; top:0; bottom:22px; width:1px; background:var(--metin-2); opacity:0; pointer-events:none; transition:opacity .2s; }
body.dl-ana .an-nokta { position:absolute; width:12px; height:12px; margin:-6px 0 0 -6px; border-radius:50%; background:var(--vurgu); border:2px solid var(--yuzey); box-shadow:0 0 0 4px color-mix(in srgb, var(--vurgu) 30%, transparent); opacity:0; pointer-events:none; }
body.dl-ana .an-ipucu { position:absolute; top:6px; padding:8px 10px; border-radius:11px; background:var(--murekkep); color:var(--murekkep-ustu); font-size:12px; white-space:nowrap; opacity:0; pointer-events:none; transform:translateX(-50%); transition:opacity .2s; }
body.dl-ana .an-ipucu b { font:500 14px var(--fm); display:block; }
body.dl-ana .an-svg:hover .an-imlec, body.dl-ana .an-svg:hover .an-nokta, body.dl-ana .an-svg:hover .an-ipucu { opacity:1; }
body.dl-ana .an-eksen { display:flex; justify-content:space-between; font:11px var(--fm); color:var(--cok-soluk); margin-top:6px; }
body.dl-ana .an-akis { border:1px solid var(--kenar); border-radius:20px; padding:16px; background:var(--zemin-2); display:flex; flex-direction:column; overflow:hidden; }
body.dl-ana .an-akis .bas-s { display:flex; justify-content:space-between; align-items:center; font-size:13px; font-weight:600; margin-bottom:10px; }
body.dl-ana .an-akis ul { list-style:none; margin:0; padding:0; display:grid; gap:8px; position:relative; }
body.dl-ana .an-akis li { display:grid; grid-template-columns:30px 1fr auto; gap:10px; align-items:center; padding:9px 10px; border-radius:12px; background:var(--yuzey); border:1px solid var(--kenar); font-size:12.5px; animation:akis .6s var(--e); }
@keyframes akis { from { opacity:0; transform:translateY(-14px) scale(.97); } }
body.dl-ana .an-akis li > i { width:30px; height:30px; border-radius:9px; display:grid; place-items:center; background:var(--yuzey-2); font-size:15px; }
body.dl-ana .an-akis li b { display:block; font-size:12.5px; } body.dl-ana .an-akis li small { color:var(--soluk); font-size:11.5px; } body.dl-ana .an-akis li em { font:normal 11px var(--fm); color:var(--cok-soluk); }
body.dl-ana .an-alt { display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:12px; }
body.dl-ana .an-k { border:1px solid var(--kenar); border-radius:20px; padding:16px; background:var(--zemin-2); }
body.dl-ana .an-k h6 { margin:0 0 12px; font-size:12.5px; font-weight:500; color:var(--soluk); display:flex; justify-content:space-between; }
body.dl-ana .an-sat { display:grid; grid-template-columns:24px 1fr 38px; gap:8px; align-items:center; font-size:12.5px; margin-top:9px; }
body.dl-ana .an-sat .c { height:7px; border-radius:7px; background:var(--yuzey-2); overflow:hidden; } body.dl-ana .an-sat .c i { display:block; height:100%; width:0; border-radius:7px; background:var(--murekkep); transition:width 1.3s var(--e); }
body.dl-ana .an.cizildi .an-sat .c i { width:var(--w); }
body.dl-ana .an-sat em { font:normal 11.5px var(--fm); color:var(--soluk); text-align:right; }
body.dl-ana .an-sat .ulke { font:600 11px var(--fm); color:var(--metin-2); }
body.dl-ana .an-halka { position:relative; width:118px; height:118px; margin:2px auto 10px; }
body.dl-ana .an-halka svg { width:100%; height:100%; transform:rotate(-90deg); }
body.dl-ana .an-halka circle { fill:none; stroke-width:12; stroke-linecap:round; transition:stroke-dasharray 1.4s var(--e); }
body.dl-ana .an-halka .ort { position:absolute; inset:0; display:grid; place-items:center; text-align:center; font-size:11px; color:var(--soluk); }
body.dl-ana .an-halka .ort b { display:block; font:650 21px var(--f); color:var(--metin); }
body.dl-ana .an-lej { display:grid; gap:5px; font-size:12px; } body.dl-ana .an-lej span { display:flex; align-items:center; gap:7px; } body.dl-ana .an-lej i { width:9px; height:9px; border-radius:3px; } body.dl-ana .an-lej em { margin-left:auto; font:normal 11.5px var(--fm); color:var(--soluk); }
body.dl-ana .isi { display:grid; grid-template-columns:repeat(12, 1fr); gap:3px; }
body.dl-ana .isi i { aspect-ratio:1; border-radius:3px; background:var(--vurgu-ikon); opacity:var(--o); transform:scale(.4); transition:transform .5s var(--e), opacity .5s; }
body.dl-ana .an.cizildi .isi i { transform:none; }
body.dl-ana .isi-eksen { display:flex; justify-content:space-between; font:10.5px var(--fm); color:var(--cok-soluk); margin-top:6px; }
body.dl-ana .an-alt .an-k .ipucu-s { margin-top:10px; font-size:12px; color:var(--metin-2); display:flex; gap:6px; align-items:flex-start; } body.dl-ana .an-alt .an-k .ipucu-s i { color:var(--vurgu-ikon); margin-top:2px; }
@media (max-width: 1100px) { body.dl-ana .an-alt { grid-template-columns:1fr 1fr; } body.dl-ana .an-orta { grid-template-columns:1fr; } }
@media (max-width: 600px) { body.dl-ana .an { padding:14px; border-radius:22px; } body.dl-ana .an-kpi { grid-template-columns:1fr 1fr; } body.dl-ana .an-alt { grid-template-columns:1fr; } body.dl-ana .an-ust .sag { margin-left:0; } body.dl-ana .an-svg { height:180px; } }

/* video */
body.dl-ana .video { position:relative; max-width:920px; margin:0 auto; border-radius:28px; overflow:hidden; border:1px solid var(--kenar); aspect-ratio:16/9; background:#000; cursor:pointer; }
body.dl-ana .video img { width:100%; height:100%; object-fit:cover; transition:transform 1.2s var(--e), opacity .4s; opacity:.85; }
body.dl-ana .video:hover img { transform:scale(1.03); opacity:.7; }
body.dl-ana .video .oynat { position:absolute; left:50%; top:50%; width:92px; height:92px; margin:-46px 0 0 -46px; border-radius:50%; background:var(--vurgu); color:#111; display:grid; place-items:center; font-size:34px; box-shadow:0 0 0 12px rgba(217,250,49,.18); transition:transform .3s var(--e), box-shadow .3s; }
body.dl-ana .video:hover .oynat { transform:scale(1.06); box-shadow:0 0 0 18px rgba(217,250,49,.14); }
body.dl-ana .video .oynat::after { content:""; position:absolute; inset:-12px; border-radius:50%; border:1.5px solid rgba(217,250,49,.5); animation:nabiz 2.2s ease-out infinite; }
body.dl-ana .video::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg, transparent 55%, rgba(0,0,0,.55)); pointer-events:none; }
body.dl-ana .video .alt-y { position:absolute; left:28px; bottom:24px; color:#fff; font-weight:600; font-size:18px; text-shadow:0 2px 12px rgba(0,0,0,.6); display:flex; align-items:center; gap:10px; }
body.dl-ana .video .alt-y small { font:500 13px var(--fm); opacity:.8; }

/* sayılar */
body.dl-ana .sayilar { display:grid; grid-template-columns:repeat(4, 1fr); border-top:1px solid var(--kenar); border-bottom:1px solid var(--kenar); position:relative; }
body.dl-ana .sayilar::before { content:""; position:absolute; left:0; top:-1px; height:1px; width:100%; background:linear-gradient(90deg, var(--vurgu), transparent); transform:scaleX(0); transform-origin:left; transition:transform 1.6s var(--e); }
body.dl-ana .sayilar.gorundu::before { transform:scaleX(1); }
body.dl-ana .sayilar > div { padding:40px 28px; border-left:1px solid var(--kenar); } body.dl-ana .sayilar > div:first-child { border-left:0; padding-left:0; }
body.dl-ana .sayilar b { display:block; font:600 clamp(40px, 4.8vw, 64px) var(--f); font-variant-numeric:tabular-nums; letter-spacing:-.045em; line-height:1; }
body.dl-ana .sayilar span { color:var(--soluk); display:block; margin-top:10px; }

/* Türkçe adres, yerli altyapı */
body.dl-ana .tr-izgara { display:grid; grid-template-columns:minmax(0, 1.25fr) minmax(0, 1fr); gap:14px; }
body.dl-ana .tr-sag { display:grid; gap:14px; }
body.dl-ana .tr-k { border:1px solid var(--kenar); border-radius:24px; padding:24px 26px; background:var(--yuzey); position:relative; overflow:hidden; }
body.dl-ana .tr-k > i { font-size:24px; color:var(--vurgu-ikon); } body.dl-ana .tr-k h4 { margin:14px 0 6px; font-size:19px; letter-spacing:-.02em; } body.dl-ana .tr-k p { margin:0; color:var(--soluk); font-size:14.5px; max-width:44ch; }
body.dl-ana .tr-k.yatay { display:grid; grid-template-columns:1fr auto; gap:18px; align-items:center; }
body.dl-ana .tr-buyuk { display:flex; flex-direction:column; padding:30px; }
body.dl-ana .tr-buyuk h4 { font-size:24px; margin-top:0; }
body.dl-ana .tr-adres { margin:auto 0 0; padding-top:34px; }
body.dl-ana .tr-adres .satir { font:500 clamp(28px, 3.4vw, 46px) var(--fm); letter-spacing:-.04em; white-space:nowrap; overflow:hidden; }
body.dl-ana .tr-adres .satir b { color:var(--vurgu-ikon); font-weight:500; } body.dl-ana .tr-adres .satir span { color:var(--soluk); }
body.dl-ana .tr-adres .satir em { font-style:normal; display:inline-block; width:3px; height:.9em; margin-left:3px; vertical-align:-.08em; background:var(--vurgu-ikon); animation:imlec 1s steps(1) infinite; }
body.dl-ana .tr-adres .alt { margin-top:18px; display:flex; flex-wrap:wrap; gap:6px; }
body.dl-ana .tr-adres .alt span { height:30px; padding:0 11px; border-radius:9px; border:1px solid var(--kenar); background:var(--zemin-2); display:inline-flex; align-items:center; font:13px var(--fm); color:var(--metin-2); transition:border-color .3s, color .3s, background .3s; }
body.dl-ana .tr-adres .alt span b { color:var(--vurgu-ikon); font-weight:500; }
body.dl-ana .tr-adres .alt span.simdi { border-color:var(--metin); color:var(--metin); background:var(--yuzey); }
body.dl-ana .tr-rozet { display:flex; gap:8px; flex-wrap:wrap; margin-top:16px; }
body.dl-ana .tr-rozet span { display:inline-flex; align-items:center; gap:6px; height:28px; padding:0 10px; border-radius:8px; background:var(--vurgu-zemin); color:var(--vurgu-metin); font-size:12.5px; font-weight:600; }
/* küçük kart canlandırmaları */
body.dl-ana .sunucu { display:grid; gap:5px; width:74px; }
body.dl-ana .sunucu i { height:16px; border-radius:5px; background:var(--yuzey-2); border:1px solid var(--kenar); position:relative; }
body.dl-ana .sunucu i::after { content:""; position:absolute; right:6px; top:50%; width:5px; height:5px; margin-top:-2.5px; border-radius:50%; background:var(--vurgu-ikon); animation:led 1.6s infinite; }
body.dl-ana .sunucu i:nth-child(2)::after { animation-delay:.4s; } body.dl-ana .sunucu i:nth-child(3)::after { animation-delay:.8s; }
@keyframes led { 0%, 60% { opacity:1; } 70% { opacity:.2; } 80% { opacity:1; } 90% { opacity:.3; } }
body.dl-ana .sohbet { display:grid; gap:6px; justify-items:end; width:150px; }
body.dl-ana .sohbet span { padding:7px 10px; border-radius:12px 12px 4px 12px; background:var(--murekkep); color:var(--murekkep-ustu); font-size:11.5px; line-height:1.35; max-width:150px; }
body.dl-ana .sohbet span.gelen { justify-self:start; border-radius:12px 12px 12px 4px; background:var(--yuzey-2); color:var(--metin); display:flex; gap:3px; padding:9px 11px; }
body.dl-ana .sohbet span.gelen i { width:5px; height:5px; border-radius:50%; background:var(--soluk); animation:nokta 1.2s infinite; }
body.dl-ana .sohbet span.gelen i:nth-child(2) { animation-delay:.15s; } body.dl-ana .sohbet span.gelen i:nth-child(3) { animation-delay:.3s; }
@keyframes nokta { 30% { transform:translateY(-3px); opacity:1; } 0%, 60%, 100% { opacity:.4; } }
body.dl-ana .lira { width:64px; height:64px; border-radius:50%; display:grid; place-items:center; font:600 28px var(--f); color:#111; background:radial-gradient(circle at 35% 30%, #f3ff9a, var(--vurgu) 55%, #a8c41a); box-shadow:inset 0 -3px 0 rgba(0,0,0,.15), 0 10px 20px -10px rgba(0,0,0,.5); animation:don3 4s ease-in-out infinite; }
@keyframes don3 { 0%, 70% { transform:rotateY(0); } 85% { transform:rotateY(180deg); } 100% { transform:rotateY(360deg); } }

/* geliştiriciler */
body.dl-ana .gel { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:14px; }
body.dl-ana .gel .bk { min-height:380px; }
body.dl-ana .ent { display:flex; flex-wrap:wrap; gap:8px; padding:20px 28px 26px; margin-top:auto; }
body.dl-ana .ent span { position:relative; height:38px; padding:0 13px; border-radius:11px; border:1px solid var(--kenar); background:var(--zemin-2); display:inline-flex; align-items:center; gap:7px; font-size:13.5px; font-weight:500; transition:border-color .4s, background .4s; }
body.dl-ana .ent span::after { content:""; width:6px; height:6px; border-radius:50%; background:var(--kenar-2); margin-left:2px; transition:background .4s, box-shadow .4s; }
body.dl-ana .ent span.bagli { border-color:var(--kenar-2); background:var(--yuzey); } body.dl-ana .ent span.bagli::after { background:#22c55e; box-shadow:0 0 0 3px rgba(34,197,94,.18); }
body.dl-ana .chrome { margin:20px 28px 26px; margin-top:auto; border:1px solid var(--kenar); border-radius:14px; background:var(--zemin-2); overflow:hidden; }
body.dl-ana .chrome .cubuk { height:30px; border-bottom:1px solid var(--kenar); display:flex; align-items:center; padding:0 10px; gap:8px; font:11px var(--fm); color:var(--soluk); }
body.dl-ana .chrome .cubuk i { margin-left:auto; color:var(--vurgu-ikon); font-size:15px; }
body.dl-ana .chrome .pop { margin:10px 10px 10px auto; width:78%; border:1px solid var(--kenar-2); border-radius:12px; background:var(--yuzey); padding:12px; font-size:12.5px; }
body.dl-ana .chrome .pop b { display:block; font:500 13px var(--fm); margin:6px 0 10px; }
body.dl-ana .chrome .pop { transition:transform .5s var(--e), opacity .4s; transform-origin:top right; } body.dl-ana .chrome.kapali .pop { transform:scale(.92) translateY(-6px); opacity:0; }
body.dl-ana .chrome .pop span[data-ch-kopya] { transition:background .3s, color .3s; } body.dl-ana .chrome .pop span.kopyalandi { background:var(--vurgu) !important; color:#111 !important; }
body.dl-ana .chrome .pop span { display:inline-flex; height:28px; padding:0 10px; border-radius:8px; background:var(--murekkep); color:var(--murekkep-ustu); align-items:center; font-weight:600; font-size:12px; }
body.dl-ana .kod { margin:20px 28px 26px; margin-top:auto; border-radius:14px; background:#0e0e0f; color:#d6d6d0; font:12.5px/1.75 var(--fm); padding:16px 18px; overflow:auto; border:1px solid #232327; white-space:pre; }
body.dl-ana .kod .k { color:#d9fa31; } body.dl-ana .kod .s { color:#9cdcfe; }
body.dl-ana .kod .yanit { display:inline-block; opacity:0; transform:translateY(6px); transition:opacity .5s, transform .5s var(--e); } body.dl-ana .kod.yanitli .yanit { opacity:1; transform:none; }

/* planlar */
body.dl-ana .donem { display:inline-flex; padding:4px; border-radius:13px; background:var(--yuzey-2); gap:2px; margin-bottom:24px; }
body.dl-ana .donem button { height:36px; padding:0 16px; border-radius:9px; color:var(--soluk); font-weight:500; font-size:14px; display:inline-flex; align-items:center; gap:7px; }
body.dl-ana .donem button.aktif { background:var(--yuzey); color:var(--metin); box-shadow:0 1px 2px rgba(0,0,0,.1), 0 0 0 1px var(--kenar); }
body.dl-ana .donem em { font-style:normal; font-size:11px; font-weight:600; padding:1px 6px; border-radius:6px; background:var(--vurgu-zemin); color:var(--vurgu-metin); }
body.dl-ana .fiyatlar { display:grid; grid-template-columns:repeat(6, 1fr); gap:10px; }
body.dl-ana .fk { padding:20px 18px; border:1px solid var(--kenar); border-radius:18px; background:var(--yuzey); display:flex; flex-direction:column; gap:10px; }
body.dl-ana a.fk:hover { transform:translateY(-3px); border-color:var(--kenar-2); }
body.dl-ana .fk .incele { margin-top:auto; padding-top:6px; font-size:13px; font-weight:600; display:inline-flex; align-items:center; gap:5px; color:var(--metin-2); }
body.dl-ana a.fk:hover .incele { color:var(--metin); } body.dl-ana a.fk:hover .incele i { transform:translateX(3px); } body.dl-ana .fk .incele i { transition:transform .25s var(--e); }
body.dl-ana .fk.oner { border-color:var(--murekkep); box-shadow:0 0 0 1px var(--murekkep); }
body.dl-ana .fk h4 { margin:0; font-size:16px; } body.dl-ana .fk .fy { font-size:32px; font-weight:650; letter-spacing:-.045em; line-height:1.05; } body.dl-ana .fk .fy small { font-size:13px; color:var(--soluk); font-weight:500; letter-spacing:0; }
body.dl-ana .fk .fiyat-s { display:flex; align-items:center; gap:8px; min-height:20px; }
body.dl-ana .fk .fiyat-s s { font:500 13.5px var(--f); color:var(--cok-soluk); }
body.dl-ana .fk .indirim { font:600 11.5px var(--f); padding:2px 7px; border-radius:6px; background:var(--vurgu); color:#111; transform-origin:left; animation:cik .45s var(--e) both; }
@keyframes cik { from { opacity:0; transform:scale(.7); } }
body.dl-ana .fk .yillik-not { min-height:34px; display:flex; align-items:center; gap:8px; padding:7px 10px; border-radius:10px; background:var(--zemin-2); border:1px solid var(--kenar); font-size:12px; color:var(--soluk); line-height:1.25; }
body.dl-ana .fk .yillik-not b { color:var(--metin); font-size:13.5px; font-weight:650; font-variant-numeric:tabular-nums; }
body.dl-ana .fk .yillik-not i { color:var(--vurgu-ikon); font-size:15px; }
body.dl-ana .fk.oner .yillik-not { background:var(--vurgu-zemin); border-color:transparent; color:var(--vurgu-metin); } body.dl-ana .fk.oner .yillik-not b { color:var(--metin); }
body.dl-ana .fk em { align-self:flex-start; font-style:normal; font-size:11.5px; font-weight:600; padding:1px 8px; border-radius:6px; background:var(--yuzey-2); color:var(--metin-2); }
body.dl-ana .fk.oner em { background:var(--vurgu); color:#111; }
body.dl-ana .fk .ozet { color:var(--soluk); font-size:12.5px; }

/* SSS: solda yapışkan arama + kategoriler + destek kartı */
body.dl-ana .sss-iki { display:grid; grid-template-columns:minmax(0, .8fr) minmax(0, 1.2fr); gap:64px; align-items:start; }
body.dl-ana .sss-sol { position:sticky; top:100px; }
body.dl-ana .sss-ara { position:relative; margin-top:26px; }
body.dl-ana .sss-ara i { position:absolute; left:16px; top:50%; transform:translateY(-50%); color:var(--soluk); font-size:18px; }
body.dl-ana .sss-ara input { width:100%; height:52px; border-radius:15px; border:1px solid var(--kenar-2); background:var(--yuzey); padding:0 16px 0 46px; font-size:15px; outline:0; transition:border-color .2s, box-shadow .2s; }
body.dl-ana .sss-ara input:focus { border-color:var(--soluk); box-shadow:0 0 0 3px color-mix(in srgb, var(--metin) 10%, transparent); }
body.dl-ana .sss-kat { display:flex; flex-wrap:wrap; gap:6px; margin-top:14px; }
body.dl-ana .sss-kat button { height:34px; padding:0 13px; border-radius:10px; border:1px solid var(--kenar); background:var(--yuzey); font-size:13.5px; font-weight:500; color:var(--metin-2); transition:background .2s, color .2s, border-color .2s; }
body.dl-ana .sss-kat button.aktif { background:var(--murekkep); color:var(--murekkep-ustu); border-color:var(--murekkep); }
body.dl-ana .sss-kat button em { font:normal 11px var(--fm); opacity:.6; margin-left:4px; }
body.dl-ana .destek-k { margin-top:28px; border:1px solid var(--kenar); border-radius:22px; padding:20px; background:var(--yuzey); position:relative; overflow:hidden; }
body.dl-ana .destek-k::after { content:""; position:absolute; right:-40px; top:-40px; width:160px; height:160px; border-radius:50%; background:radial-gradient(closest-side, color-mix(in srgb, var(--vurgu) 22%, transparent), transparent); }
body.dl-ana .destek-k .ust-s { display:flex; align-items:center; gap:12px; }
body.dl-ana .destek-k .ik2 { width:44px; height:44px; border-radius:14px; background:var(--vurgu); color:#111; display:grid; place-items:center; font-size:22px; }
body.dl-ana .destek-k b { font-size:16px; } body.dl-ana .destek-k small { display:flex; align-items:center; gap:6px; color:var(--soluk); font-size:12.5px; }
body.dl-ana .destek-k small i { width:7px; height:7px; border-radius:50%; background:#22c55e; box-shadow:0 0 0 3px rgba(34,197,94,.2); }
body.dl-ana .destek-k .destek { margin-top:16px; }
body.dl-ana .sss .sss-bos { padding:30px 0; color:var(--soluk); display:none; }
body.dl-ana .sss details { transition:opacity .3s; } body.dl-ana .sss details[hidden] { display:none; }
body.dl-ana .sss details .kat-e { font:500 11px var(--fm); color:var(--cok-soluk); margin-left:auto; margin-right:16px; white-space:nowrap; }
body.dl-ana .sss mark { background:var(--vurgu-zemin); color:inherit; border-radius:3px; padding:0 2px; }
body.dl-ana .sss details > p { animation:acil .45s var(--e); } @keyframes acil { from { opacity:0; transform:translateY(-6px); } }
body.dl-ana .sss summary { padding-left:6px; padding-right:6px; } body.dl-ana .sss details p { padding-left:6px; }
body.dl-ana .sss details .devam { display:inline-flex; align-items:center; gap:5px; margin:-10px 0 22px 6px; font-weight:600; font-size:14px; }
body.dl-ana .sss details { border-bottom:1px solid var(--kenar); }
body.dl-ana .sss summary { list-style:none; cursor:pointer; padding:22px 0; display:flex; align-items:center; justify-content:space-between; gap:20px; font-size:17.5px; font-weight:600; letter-spacing:-.015em; }
body.dl-ana .sss summary::-webkit-details-marker { display:none; }
body.dl-ana .sss summary i { color:var(--soluk); transition:transform .3s var(--e); flex:none; }
body.dl-ana .sss details[open] summary i { transform:rotate(45deg); color:var(--metin); }
body.dl-ana .sss details p { margin:-8px 0 22px; color:var(--soluk); max-width:66ch; }
body.dl-ana .destek { margin-top:26px; display:flex; gap:10px; flex-wrap:wrap; }

/* blog: solda öne çıkan yazı, sağda üç yazı */
body.dl-ana .blog { display:grid; grid-template-columns:minmax(0, 1.15fr) minmax(0, 1fr); gap:28px; }
body.dl-ana .yazi-buyuk { display:flex; flex-direction:column; gap:18px; }
body.dl-ana .yazi-buyuk .kapak { aspect-ratio:16/10; border-radius:24px; overflow:hidden; border:1px solid var(--kenar); position:relative; }
body.dl-ana .kapak img { width:100%; height:100%; object-fit:cover; transition:transform 1s var(--e); }
body.dl-ana .yazi-buyuk:hover .kapak img, body.dl-ana .yazi-k:hover .kapak img { transform:scale(1.05); }
body.dl-ana .yazi-buyuk h4 { margin:0; font-size:clamp(24px, 2.4vw, 32px); letter-spacing:-.03em; line-height:1.15; text-wrap:balance; }
body.dl-ana .yazi-buyuk p { margin:0; color:var(--soluk); font-size:16px; max-width:56ch; }
body.dl-ana .meta { display:flex; align-items:center; gap:10px; flex-wrap:wrap; color:var(--soluk); font:12.5px var(--fm); }
body.dl-ana .meta .kat { font:600 12px var(--f); color:var(--metin); padding:3px 9px; border-radius:7px; background:var(--yuzey-2); }
body.dl-ana .meta .nokta { width:3px; height:3px; border-radius:50%; background:var(--cok-soluk); }
body.dl-ana .yazi-liste { display:flex; flex-direction:column; }
body.dl-ana .yazi-k { display:grid; grid-template-columns:150px 1fr; gap:18px; align-items:center; padding:18px 0; border-bottom:1px solid var(--kenar); }
body.dl-ana .yazi-k:first-child { padding-top:0; }
body.dl-ana .yazi-k .kapak { aspect-ratio:4/3; border-radius:14px; overflow:hidden; border:1px solid var(--kenar); }
body.dl-ana .yazi-k h4 { margin:8px 0 0; font-size:17px; letter-spacing:-.02em; line-height:1.3; transition:color .2s; }
body.dl-ana .yazi-buyuk h4 span, body.dl-ana .yazi-k h4 span { background:linear-gradient(currentColor, currentColor) left 100% / 0 1.5px no-repeat; transition:background-size .5s var(--e); }
body.dl-ana .yazi-buyuk:hover h4 span, body.dl-ana .yazi-k:hover h4 span { background-size:100% 1.5px; }
body.dl-ana .blog-kat { display:flex; gap:6px; flex-wrap:wrap; margin-top:20px; }

/* kapanış ve alt bilgi */
body.dl-ana .kapanis { border-radius:34px; padding:90px 60px; background:var(--murekkep); color:var(--murekkep-ustu); position:relative; overflow:hidden; text-align:center; }
body.dl-ana .kapanis h2 { font-size:clamp(36px, 5.2vw, 68px); max-width:15ch; margin:0 auto; }
body.dl-ana .kapanis > p { opacity:.65; font-size:18px; margin:18px 0 34px; }
body.dl-ana .kapanis .al { margin:0 auto; text-align:left; color:var(--metin); }
body.dl-ana .kapanis::before { content:""; position:absolute; width:520px; height:520px; left:50%; top:30%; margin-left:-260px; border-radius:50%; background:radial-gradient(closest-side, color-mix(in srgb, var(--vurgu) 30%, transparent), transparent); filter:blur(20px); animation:dolas 14s ease-in-out infinite; pointer-events:none; }
@keyframes dolas { 0%, 100% { transform:translate(-30%, 10%); } 50% { transform:translate(30%, -10%); } }
body.dl-ana .kapanis > * { position:relative; }
body.dl-ana .kapanis .izgara { position:absolute; inset:0; background-image:linear-gradient(color-mix(in srgb, var(--murekkep-ustu) 8%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--murekkep-ustu) 8%, transparent) 1px, transparent 1px); background-size:48px 48px; mask-image:radial-gradient(60% 70% at 50% 100%, #000, transparent); pointer-events:none; }
/* iş ortaklığı bandı (Partner Ajans, Lite Partner; bilgiler sayfaların kendisinden) */
body.dl-ana .ortak { display:grid; grid-template-columns:minmax(0, 1.25fr) minmax(0, 1fr); gap:14px; }
body.dl-ana .ortak-k { position:relative; overflow:hidden; border-radius:28px; padding:30px; border:1px solid var(--kenar); background:var(--yuzey); display:flex; flex-direction:column; }
body.dl-ana .ortak-k .ust-s { display:flex; align-items:center; justify-content:space-between; gap:10px; }
body.dl-ana .ortak-k .etk { display:inline-flex; align-items:center; gap:7px; font-size:12.5px; font-weight:600; padding:4px 10px; border-radius:8px; background:var(--yuzey-2); }
body.dl-ana .ortak-k h3 { font-size:clamp(24px, 2.4vw, 30px); margin:18px 0 8px; } body.dl-ana .ortak-k > p { margin:0; color:var(--soluk); font-size:15px; max-width:46ch; }
body.dl-ana .ortak-oran { display:flex; align-items:baseline; gap:10px; margin:26px 0 6px; }
body.dl-ana .ortak-oran b { font:650 clamp(64px, 7vw, 96px) var(--f); letter-spacing:-.06em; line-height:.9; font-variant-numeric:tabular-nums; }
body.dl-ana .ortak-oran span { font-size:15px; font-weight:600; line-height:1.25; color:var(--metin-2); }
body.dl-ana .ortak-liste { list-style:none; margin:18px 0 0; padding:0; display:grid; gap:10px; }
body.dl-ana .ortak-liste li { display:grid; grid-template-columns:30px 1fr; gap:10px; align-items:start; font-size:14.5px; }
body.dl-ana .ortak-liste li i { width:30px; height:30px; border-radius:9px; display:grid; place-items:center; background:var(--yuzey-2); font-size:16px; }
body.dl-ana .ortak-liste li small { display:block; color:var(--soluk); font-size:12.5px; }
body.dl-ana .ortak-liste s { color:var(--cok-soluk); }
body.dl-ana .ortak-dug { display:flex; gap:10px; flex-wrap:wrap; margin-top:auto; padding-top:26px; }
body.dl-ana .ortak-k.ajans { --murekkep:#121213; --murekkep-ustu:#f3f3ef; background:linear-gradient(165deg, #1a1c12, #121213 55%); color:var(--murekkep-ustu); border-color:rgba(217,250,49,.22); box-shadow:0 30px 60px -36px rgba(0,0,0,.8); }
body.dl-ana .ortak-k.ajans .dugme.lime { color:#111; }
body.dl-ana .ortak-k.ajans > p, body.dl-ana .ortak-k.ajans .ortak-liste small { color:color-mix(in srgb, var(--murekkep-ustu) 62%, transparent); }
body.dl-ana .ortak-k.ajans .etk, body.dl-ana .ortak-k.ajans .ortak-liste li i { background:color-mix(in srgb, var(--murekkep-ustu) 10%, transparent); }
body.dl-ana .ortak-k.ajans .ortak-liste s { color:color-mix(in srgb, var(--murekkep-ustu) 45%, transparent); }
body.dl-ana .ortak-k.ajans .ortak-oran b { color:var(--vurgu); } body.dl-ana[data-theme-style="light"] .ortak-k.ajans .ortak-oran b { color:var(--vurgu); }
body.dl-ana .ortak-k.ajans .ortak-oran span { color:var(--murekkep-ustu); }
body.dl-ana .ortak-k.ajans .dugme:not(.lime) { background:transparent; color:var(--murekkep-ustu); border-color:color-mix(in srgb, var(--murekkep-ustu) 25%, transparent); }
body.dl-ana .ortak-k.ajans::before { content:""; position:absolute; right:-120px; top:-120px; width:420px; height:420px; border-radius:50%; background:radial-gradient(closest-side, color-mix(in srgb, var(--vurgu) 26%, transparent), transparent); pointer-events:none; animation:dolas2 12s ease-in-out infinite; }
@keyframes dolas2 { 50% { transform:translate(-60px, 40px); } }
body.dl-ana .ortak-k > * { position:relative; }
/* kazanç akışı: müşteri plan alır, komisyon sana akar */
body.dl-ana .akis { display:grid; grid-template-columns:auto 1fr auto 1fr auto; align-items:center; gap:8px; margin-top:22px; padding:14px; border-radius:16px; background:color-mix(in srgb, var(--murekkep-ustu) 7%, transparent); font-size:12px; }
body.dl-ana .akis .d { display:flex; flex-direction:column; align-items:center; gap:5px; text-align:center; }
body.dl-ana .akis .d i { width:36px; height:36px; border-radius:11px; display:grid; place-items:center; font-size:18px; background:color-mix(in srgb, var(--murekkep-ustu) 12%, transparent); }
body.dl-ana .akis .d.sen i { background:var(--vurgu); color:#111; }
body.dl-ana .akis .yol { position:relative; height:2px; border-radius:2px; background:color-mix(in srgb, var(--murekkep-ustu) 18%, transparent); overflow:visible; }
body.dl-ana .akis .yol::after { content:"₺"; position:absolute; top:50%; left:0; width:20px; height:20px; margin-top:-10px; border-radius:50%; background:var(--vurgu); color:#111; display:grid; place-items:center; font:700 11px var(--f); animation:akis-p 2.4s var(--e) infinite; }
body.dl-ana .akis .yol:nth-of-type(4)::after { animation-delay:1.2s; }
@keyframes akis-p { 0% { left:0; opacity:0; transform:scale(.6); } 15% { opacity:1; transform:none; } 85% { opacity:1; } 100% { left:calc(100% - 20px); opacity:0; } }
body.dl-ana .global { display:flex; gap:8px; margin-top:14px; flex-wrap:wrap; }
body.dl-ana .global span { display:inline-flex; align-items:center; gap:7px; height:32px; padding:0 11px; border-radius:10px; border:1px solid color-mix(in srgb, var(--murekkep-ustu) 18%, transparent); font:500 13px var(--fm); }
body.dl-ana .global span em { font:normal 600 10px var(--f); padding:1px 6px; border-radius:5px; background:var(--vurgu); color:#111; }
body.dl-ana .kontenjan { display:inline-flex; align-items:center; gap:7px; font-size:12px; font-weight:600; color:#f59e0b; }
body.dl-ana .kontenjan i { width:8px; height:8px; border-radius:50%; background:#f59e0b; animation:canli2 1.6s infinite; }
@keyframes canli2 { 70% { box-shadow:0 0 0 8px rgba(245,158,11,0); } 0% { box-shadow:0 0 0 0 rgba(245,158,11,.5); } }
body.dl-ana .lite-satir { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-top:16px; }
body.dl-ana .lite-satir div { padding:12px; border-radius:14px; background:var(--zemin-2); border:1px solid var(--kenar); }
body.dl-ana .lite-satir b { display:block; font-size:16px; letter-spacing:-.02em; } body.dl-ana .lite-satir small { color:var(--soluk); font-size:12px; }
body.dl-ana .ortak-not { margin-top:14px; color:var(--soluk); font-size:13.5px; display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
body.dl-ana .ortak-not a { color:var(--metin); font-weight:600; text-decoration:underline; text-underline-offset:3px; }

/* telefonda alttan beliren adres çubuğu */
body.dl-ana .alt-cubuk, body.dl-ana .ac-sayfa { display:none; }
@media (max-width: 900px) {
  body.dl-ana .alt-cubuk { position:fixed; z-index:45; left:10px; right:10px; bottom:calc(10px + env(safe-area-inset-bottom)); display:flex; align-items:center; gap:6px; padding:6px; border-radius:18px;
    background:color-mix(in srgb, var(--yuzey) 88%, transparent); backdrop-filter:blur(18px) saturate(1.4); border:1px solid var(--kenar-2); box-shadow:0 20px 40px -12px rgba(0,0,0,.55);
    transform:translateY(calc(100% + 30px)); opacity:0; transition:transform .5s var(--e), opacity .35s; }
  body.dl-ana .alt-cubuk.gorunur { transform:none; opacity:1; }
  body.dl-ana .alt-cubuk .ac-alan { flex:none; height:44px; padding:0 9px 0 11px; border-radius:12px; background:var(--zemin-2); border:1px solid var(--kenar); display:inline-flex; align-items:center; gap:4px; font:500 13.5px var(--fm); }
  body.dl-ana .alt-cubuk .ac-alan b { color:var(--vurgu-ikon); font-weight:500; } body.dl-ana .alt-cubuk .ac-alan i { font-size:11px; color:var(--soluk); }
  body.dl-ana .alt-cubuk label { flex:1; min-width:0; display:flex; align-items:center; font-size:15px; }
  body.dl-ana .alt-cubuk label span { color:var(--cok-soluk); }
  body.dl-ana .alt-cubuk input { flex:1; min-width:0; border:0; outline:0; background:transparent; font-size:16px; padding:0 2px; }
  body.dl-ana .alt-cubuk .dugme { height:44px; padding:0 14px; border-radius:12px; font-size:14px; }
  body.dl-ana .ac-sayfa { position:fixed; inset:0; z-index:70; display:flex; align-items:flex-end; background:rgba(0,0,0,.45); opacity:0; visibility:hidden; transition:opacity .3s, visibility 0s .3s; }
  body.dl-ana .ac-sayfa.acik { opacity:1; visibility:visible; transition:opacity .3s, visibility 0s; }
  body.dl-ana .ac-sayfa .ic { width:100%; max-height:72vh; overflow:auto; border-radius:24px 24px 0 0; background:var(--yuzey); padding:10px 14px calc(18px + env(safe-area-inset-bottom)); transform:translateY(100%); transition:transform .45s var(--e); }
  body.dl-ana .ac-sayfa.acik .ic { transform:none; }
  body.dl-ana .ac-sayfa .tut { width:40px; height:4px; border-radius:4px; background:var(--kenar-2); margin:2px auto 12px; }
  body.dl-ana .ac-sayfa h6 { margin:0 0 10px; font-size:15px; }
  body.dl-ana .ac-sayfa .liste { display:grid; grid-template-columns:1fr 1fr; gap:6px; }
  body.dl-ana .ac-sayfa .liste button { height:46px; border-radius:12px; border:1px solid var(--kenar); background:var(--zemin-2); font:14px var(--fm); text-align:left; padding:0 12px; }
  body.dl-ana .ac-sayfa .liste button b { color:var(--vurgu-ikon); font-weight:500; } body.dl-ana .ac-sayfa .liste button.secili { border-color:var(--metin); background:var(--yuzey-2); }
  body.dl-ana :where(footer) { padding-bottom:110px; }
}
body.dl-ana .ortak > * { min-width:0; }
@media (max-width: 900px) { body.dl-ana .ortak { grid-template-columns:1fr; } body.dl-ana .ortak-k { padding:22px; border-radius:22px; } }

/* uygulama bandı */
body.dl-ana .uygulama-k { margin-top:110px; border:1px solid var(--kenar); border-radius:32px; background:var(--yuzey); overflow:hidden; }
body.dl-ana .uygulama { display:grid; grid-template-columns:minmax(0, 1fr) minmax(0, .8fr); gap:24px; align-items:center; padding:56px 60px 0; }
body.dl-ana .uygulama h2 { font-size:clamp(30px, 3.6vw, 46px); } body.dl-ana .uygulama > div > p { color:var(--soluk); font-size:17px; margin:14px 0 28px; max-width:44ch; }
body.dl-ana .magaza { display:flex; gap:12px; flex-wrap:wrap; padding-bottom:56px; }
body.dl-ana .magaza a, body.dl-ana .magaza span.yakinda { position:relative; overflow:hidden; height:60px; padding:0 20px 0 16px; border-radius:15px; background:var(--murekkep); color:var(--murekkep-ustu); display:inline-flex; align-items:center; gap:12px; transition:transform .3s var(--e), box-shadow .3s; }
body.dl-ana .magaza a:hover { transform:translateY(-3px); box-shadow:0 18px 30px -16px rgba(0,0,0,.6); }
body.dl-ana .magaza a::after { content:""; position:absolute; top:0; left:-60%; width:40%; height:100%; background:linear-gradient(100deg, transparent, rgba(255,255,255,.35), transparent); transform:skewX(-20deg); animation:parilti 3.6s 1.5s ease-in-out infinite; }
body.dl-ana[data-theme-style="dark"] .magaza a::after { background:linear-gradient(100deg, transparent, rgba(0,0,0,.18), transparent); }
@keyframes parilti { 0%, 60% { left:-60%; } 100% { left:140%; } }
body.dl-ana .magaza i { font-size:28px; } body.dl-ana .magaza small { display:block; font-size:11px; opacity:.7; line-height:1.1; } body.dl-ana .magaza b { display:block; font-size:17px; letter-spacing:-.02em; line-height:1.15; }
body.dl-ana .magaza span.yakinda { background:transparent; color:var(--metin); border:1px dashed var(--kenar-2); }
body.dl-ana .magaza span.yakinda em { position:absolute; top:6px; right:8px; font:normal 600 10px var(--f); padding:1px 6px; border-radius:5px; background:var(--vurgu); color:#111; }
body.dl-ana .uygulama-tel { position:relative; height:380px; }
body.dl-ana .uygulama-tel img { position:absolute; bottom:-120px; width:250px; filter:drop-shadow(0 30px 40px rgba(0,0,0,.4)); animation:suzul 7s ease-in-out infinite; }
body.dl-ana .uygulama-tel img:first-child { left:8%; transform:rotate(-8deg); z-index:1; animation-delay:-2s; } body.dl-ana .uygulama-tel img:last-child { right:8%; bottom:-80px; z-index:2; }
body.dl-ana .uygulama-tel .bildirim { position:absolute; z-index:3; top:40px; left:50%; transform:translateX(-50%); white-space:nowrap; padding:10px 14px; border-radius:14px; border:1px solid var(--kenar); background:color-mix(in srgb, var(--yuzey) 90%, transparent); backdrop-filter:blur(10px); box-shadow:var(--golge); display:flex; align-items:center; gap:10px; font-size:13px; animation:suzul 5s ease-in-out infinite; }
body.dl-ana .uygulama-tel .bildirim i { width:30px; height:30px; border-radius:9px; background:var(--vurgu); color:#111; display:grid; place-items:center; font-size:16px; }
body.dl-ana :where(footer) { padding:72px 0 40px; border-top:1px solid var(--kenar); margin-top:80px; font-size:14px; }
body.dl-ana footer .kolon { display:grid; grid-template-columns:1.5fr repeat(3, 1fr); gap:32px; }
body.dl-ana footer h5 { margin:0 0 14px; font-size:13px; color:var(--soluk); font-weight:500; }
body.dl-ana footer ul { list-style:none; margin:0; padding:0; display:grid; gap:10px; color:var(--metin-2); }
body.dl-ana footer ul a { background:linear-gradient(currentColor, currentColor) left 100% / 0 1px no-repeat; padding-bottom:2px; transition:background-size .4s var(--e), color .2s; }
body.dl-ana footer ul a:hover { color:var(--metin); background-size:100% 1px; }
body.dl-ana footer .tanim { color:var(--soluk); max-width:34ch; margin:14px 0 20px; }
body.dl-ana .sosyal { display:flex; gap:6px; } body.dl-ana .sosyal a { width:38px; height:38px; border-radius:11px; border:1px solid var(--kenar); display:grid; place-items:center; font-size:18px; color:var(--metin-2); transition:background .2s, color .2s; }
body.dl-ana .sosyal a:hover { background:var(--murekkep); color:var(--murekkep-ustu); border-color:var(--murekkep); }
body.dl-ana footer .alt { display:flex; justify-content:space-between; align-items:center; gap:16px; margin-top:52px; padding-top:22px; border-top:1px solid var(--kenar); color:var(--soluk); font-size:13px; flex-wrap:wrap; }
body.dl-ana footer .alt span { display:inline-flex; align-items:center; gap:6px; }

@media (max-width: 1100px) {
  body.dl-ana .bk-1, body.dl-ana .bk-2, body.dl-ana .bk-3 { grid-column:span 12; } body.dl-ana .bk-1 { grid-row:auto; } body.dl-ana .bk-4, body.dl-ana .bk-5, body.dl-ana .bk-6 { grid-column:span 6; } body.dl-ana .bk-6 { grid-column:span 12; } body.dl-ana .bk-6 .dl-sahne { grid-template-columns:repeat(12, 1fr); }
  body.dl-ana .fiyatlar { grid-template-columns:repeat(3, 1fr); } body.dl-ana .tr-izgara { grid-template-columns:repeat(2, 1fr); } body.dl-ana .gel { grid-template-columns:1fr; }
}
@media (max-width: 900px) {
  body.dl-ana .ust nav { display:none; } body.dl-ana .menu-d { display:grid; }
  body.dl-ana .ust .kap { display:flex; height:64px; } body.dl-ana .ust.kaydi .kap { height:60px; } body.dl-ana .ust .sag { margin-left:auto; } body.dl-ana .ust .sag .tema-d::after { display:none; } body.dl-ana .ust .sag .tema-d { margin-right:0; }
  body.dl-ana .hero .kap, body.dl-ana .kim, body.dl-ana .sss-iki, body.dl-ana .derin, body.dl-ana .tarz { grid-template-columns:1fr; } body.dl-ana .tz-sahne { height:600px; order:2; }
  body.dl-ana .sahne { height:560px; } body.dl-ana .kim-gorsel { height:520px; } body.dl-ana .kim-bil.b1 { left:10px; top:70px; } body.dl-ana .kim-bil.b2 { right:10px; top:260px; }
  /* nasıl çalışır (telefon/tablet): sahne başlığın altında yapışkan, masaüstü kompozisyonu ölçeklenir (--k);
     adımlar altından geçer, ekranın ortasına gelen adım sahneyi değiştirir */
  body.dl-ana .ns { height:auto; padding:80px 0 40px; } body.dl-ana .ns-pin { position:static; height:auto; display:block; }
  body.dl-ana .ns-pin > .kap { display:flex; flex-direction:column; align-items:stretch; gap:0; }
  body.dl-ana .ns-sol { display:contents; }
  body.dl-ana .ns-sol > .ustbas { order:1; } body.dl-ana .ns-sol > h2 { order:2; } body.dl-ana .ns-sol > p { order:3; margin-bottom:22px; }
  body.dl-ana .ns-sahne { order:4; align-self:flex-start; position:sticky; top:72px; z-index:5; width:640px; height:600px; flex:none; transform:scale(var(--k, .55)); transform-origin:top left; margin-bottom:calc(600px * (var(--k, .55) - 1)); border-radius:calc(32px / var(--k, .55)); box-shadow:0 20px 40px -20px rgba(0,0,0,.6); }
  body.dl-ana .ns-adimlar { order:5; margin-top:18px; } body.dl-ana .ns-sol > .dugme { order:6; align-self:flex-start; }
  body.dl-ana .ns-adim { margin-bottom:26vh; opacity:.35; } body.dl-ana .ns-adim:last-of-type { margin-bottom:8vh; }
  body.dl-ana .ns-adim.aktif { opacity:1; } body.dl-ana .ns-adim .ciplar { max-height:60px; opacity:1; }
  body.dl-ana .pano { grid-template-columns:1fr; } body.dl-ana .sss-sol { position:static; } body.dl-ana .tr-izgara { grid-template-columns:1fr; } body.dl-ana footer .kolon { grid-template-columns:1fr 1fr; } body.dl-ana .blog { grid-template-columns:1fr; }
  body.dl-ana .uygulama { grid-template-columns:1fr; text-align:center; } body.dl-ana .uygulama .magaza { justify-content:center; } body.dl-ana .uygulama-tel { height:300px; } /* telefonda görseller küçülür ve az taşar: App Store düğmesini örtmesin */ body.dl-ana .uygulama-tel img { width:200px; } body.dl-ana .uygulama-tel img:last-child { bottom:-56px; }
}
@media (max-width: 600px) {
  body.dl-ana .kap { width:calc(100% - 32px); } body.dl-ana .bolum { padding:80px 0; }
  body.dl-ana .ust .sag .dugme:not(.dolu) { display:none; }
  body.dl-ana .hero { padding:32px 0 20px; } body.dl-ana .hero .h1-gorsel { font-size:46px; } body.dl-ana .hero .h1-ust { margin-top:20px; } body.dl-ana .hero .giris { font-size:17px; }
  body.dl-ana .al-satir { flex-wrap:wrap; } body.dl-ana .al-girdi { flex:1 1 calc(100% - 140px); } body.dl-ana .al .dugme.lime { width:100%; }
  body.dl-ana .al-ai .alt .cip:nth-child(n+3) { display:none; } body.dl-ana .al-ai .alt .dugme { width:100%; margin-left:0; }
  body.dl-ana .sahne { height:480px; } body.dl-ana .tel-yigin img { width:230px; } body.dl-ana .y-qr { transform:scale(.8); right:-14px; } body.dl-ana .y-ai { display:none; } body.dl-ana .y-kisa { top:60px; left:-8px; } body.dl-ana .y-tik { bottom:70px; right:-6px; }
  body.dl-ana .bk-4, body.dl-ana .bk-5 { grid-column:span 12; } body.dl-ana .bk-6 .dl-sahne { grid-template-columns:repeat(6, 1fr); } body.dl-ana .ai-izgara { grid-template-columns:1fr; padding:22px; } body.dl-ana .ai-sag { order:2; }
  body.dl-ana .sayilar { grid-template-columns:1fr 1fr; } body.dl-ana .sayilar > div { padding:26px 0 26px 18px; } body.dl-ana .sayilar > div:nth-child(odd) { border-left:0; padding-left:0; } body.dl-ana .sayilar > div:nth-child(n+3) { border-top:1px solid var(--kenar); }
  body.dl-ana .tr-izgara { grid-template-columns:1fr; } body.dl-ana .fiyatlar { grid-template-columns:1fr 1fr; } body.dl-ana .tz-ayar { grid-template-columns:1fr; } body.dl-ana .tz-sahne { height:560px; } body.dl-ana .tz-tel { transform:scale(.9); } body.dl-ana .derin-kars { grid-template-columns:1fr; } body.dl-ana .derin-sahne { height:560px; } body.dl-ana .d-tel { transform:scale(.9); } body.dl-ana .tr-k.yatay { grid-template-columns:1fr; } body.dl-ana .tr-k.yatay > [aria-hidden] { display:none; }

  body.dl-ana .kapanis { padding:60px 20px; border-radius:24px; } body.dl-ana footer .kolon { grid-template-columns:1fr; }
  body.dl-ana .yazi-k { grid-template-columns:110px 1fr; gap:14px; } body.dl-ana .yazi-k h4 { font-size:15.5px; }
  body.dl-ana .kim-sekme { flex-wrap:nowrap; overflow-x:auto; margin:0 -16px 24px; padding:2px 16px; scrollbar-width:none; scroll-snap-type:x proximity; }
  body.dl-ana .kim-sekme::-webkit-scrollbar { display:none; }
  body.dl-ana .kim-sekme button { scroll-snap-align:start; }
  body.dl-ana .kim-icerik { min-height:0; } body.dl-ana .kim-icerik h3 { font-size:28px; }
}
@media (prefers-reduced-motion: reduce) {
  *, body.dl-ana *::before, body.dl-ana *::after { animation:none !important; transition:none !important; }
  body.dl-ana [data-gir] { opacity:1; transform:none; }
}
/* 3b. nerede kullanılır: platformların profil ekranından küçük benzerler, bio link bağlantı alanına yazılır */
body.dl-ana .nk-izgara { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:14px; }
body.dl-ana .nk { border:1px solid var(--kenar); border-radius:24px; background:var(--yuzey); padding:20px; display:flex; flex-direction:column; gap:16px; }
body.dl-ana .nk[data-gir] { transition-delay:calc(var(--s, 0) * 70ms); }
body.dl-ana .nk-ust { display:flex; align-items:center; gap:10px; font-weight:600; font-size:15.5px; }
body.dl-ana .nk-ik { width:34px; height:34px; border-radius:10px; display:grid; place-items:center; font-size:19px; color:#fff; background:var(--r, var(--murekkep)); flex:none; }
body.dl-ana .nk > p { margin:0; color:var(--soluk); font-size:14px; line-height:1.5; }
body.dl-ana .nk-ekran { position:relative; border-radius:16px; background:var(--zemin-2); border:1px solid var(--kenar); padding:16px; min-height:156px; display:flex; flex-direction:column; gap:9px; overflow:hidden; }
body.dl-ana .nk-cubuk { height:7px; border-radius:6px; background:var(--kenar-2); opacity:.7; }
body.dl-ana .nk-satir { display:flex; align-items:center; gap:10px; }
body.dl-ana .nk-av { width:44px; height:44px; border-radius:50%; flex:none; background:linear-gradient(135deg, #c8a27a, #7a4b2a); display:grid; place-items:center; color:#fff; font-weight:700; font-size:13px; }
body.dl-ana .nk-av.kucuk { width:34px; height:34px; font-size:11px; }
body.dl-ana .nk-ad { font-weight:600; font-size:13.5px; } body.dl-ana .nk-ad small { display:block; font-weight:400; color:var(--cok-soluk); font-size:11.5px; }
body.dl-ana .nk-sayi { display:flex; gap:14px; margin-left:auto; font-size:11px; color:var(--cok-soluk); text-align:center; } body.dl-ana .nk-sayi b { display:block; color:var(--metin); font-size:13px; }
body.dl-ana .nk-alan { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:8px 10px; border-radius:10px; background:var(--yuzey); border:1px solid var(--kenar); font-size:12px; color:var(--cok-soluk); }
body.dl-ana .nk-dugmeler { display:flex; gap:6px; } body.dl-ana .nk-dugmeler span { flex:1; height:28px; border-radius:8px; background:var(--yuzey-2); display:grid; place-items:center; font-size:11.5px; font-weight:600; color:var(--metin-2); }
body.dl-ana .nk-dugmeler span.on { background:var(--vurgu); color:#111; }
body.dl-ana .nk-tarayici { display:flex; align-items:center; gap:8px; height:30px; padding:0 10px; border-radius:9px; background:var(--yuzey); border:1px solid var(--kenar); }
body.dl-ana .nk-tarayici .noktalar { display:flex; gap:4px; } body.dl-ana .nk-tarayici .noktalar i { width:6px; height:6px; border-radius:50%; background:var(--kenar-2); }
body.dl-ana .nk-afis { height:34px; margin:-16px -16px 0; background:linear-gradient(120deg, #3a1d0f, #8a5a2b); }
body.dl-ana .nk-link { position:relative; display:inline-flex; align-items:center; gap:6px; align-self:flex-start; max-width:100%; font:500 12.5px var(--fm); color:var(--vurgu-ikon); white-space:nowrap; clip-path:inset(0 100% 0 0); transition:clip-path 1.1s steps(22, end) .5s; }
body.dl-ana .nk-link i { font-size:14px; }
body.dl-ana .nk-link::after { content:""; width:1.5px; height:14px; background:var(--vurgu-ikon); animation:imlec 1s steps(1) infinite; }
body.dl-ana .nk-alan .nk-link { font-size:12px; }
body.dl-ana .nk.gorundu .nk-link { clip-path:inset(0 0 0 0); }
body.dl-ana .nk-isik { position:absolute; right:-50px; bottom:-70px; width:160px; height:160px; border-radius:50%; background:radial-gradient(closest-side, color-mix(in srgb, var(--vurgu) 16%, transparent), transparent); opacity:0; transition:opacity 1s 1.4s; pointer-events:none; }
body.dl-ana .nk.gorundu .nk-isik { opacity:1; }
@keyframes imlec { 50% { opacity:0; } }
body.dl-ana .nk-ayrica { display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin-top:22px; color:var(--soluk); font-size:14px; }
@media (max-width: 1100px) { body.dl-ana .nk-izgara { grid-template-columns:repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) { body.dl-ana .nk-izgara { grid-template-columns:1fr; } body.dl-ana .nk-ekran { min-height:0; } }
@media (prefers-reduced-motion: reduce) { body.dl-ana .nk-link { clip-path:none; transition:none; } body.dl-ana .nk-link::after { animation:none; } }

/* --- 200-ek.css --- */
/* Taslakta olmayan, siteye geçerken eklenen kurallar (100-ana.css araçla üretilir, buraya elle yazılır). */

/* logo: yönetimdeki açık/koyu tema logoları (AnaSayfa::logo_html), görünen temaya göre */
body.dl-ana .logo img { display:block; height:30px; width:auto; }
body.dl-ana[data-theme-style="dark"] .logo .logo-gunduz, body.dl-ana[data-theme-style="light"] .logo .logo-gece { display:none; }
@media (max-width: 600px) { body.dl-ana .ust .logo img { height:26px; } }

/* tanıtım videosu: kapak tıklanınca YouTube yerinde açılır */
body.dl-ana .video { display:block; color:#fff; }
body.dl-ana .video iframe { position:absolute; inset:0; z-index:3; width:100%; height:100%; border:0; }
body.dl-ana .video.oynuyor .oynat, body.dl-ana .video.oynuyor .alt-y, body.dl-ana .video.oynuyor::after { display:none; }


/* satıcının custom.css'i bütün öğelere !important ile ince, açık renkli kaydırma çubuğu veriyor (body *): yeni kabukta çubuk tema
   renginde, gizli olması gereken yatay şeritlerde (blog kategorileri, tasarım sekmeleri) hiç yok */
body.dl-ana * { scrollbar-color:var(--kenar-2) transparent !important; }
body.dl-ana :is(.bl-katlar, .tz-sekme) { scrollbar-width:none !important; }

/* başlık dolumu (160-baslik-dolum.js): kelime soluk başlar, .dolu ile kendi rengine döner; giriş kaydırması (transform) aynen */
body.dl-ana h2.dolum .kl > span { color:color-mix(in srgb, currentColor 24%, transparent); transition:transform .9s var(--e) calc(var(--i) * 45ms + 120ms), color .45s ease 0s; }
body.dl-ana h2.dolum .kl > span.dolu { color:inherit; }

/* menüde açılır bölüm etkin (1.19.0, AnaSayfa::bolum_aktif): ürün ya da sektör sayfasındayken */
body.dl-ana .ust nav .acilir > button.aktif { background:var(--murekkep); color:var(--murekkep-ustu); }

/* sayfa içi bağlantı hedefleri (140-capa.js): yapışkan menünün altında kalmasın; betik odak verince çerçeve çizilmesin */
body.dl-ana main :is(section, article, div, h2, h3, h4)[id] { scroll-margin-top:96px; }
body.dl-ana main [tabindex="-1"]:focus { outline:0; }

/* --- 290-plan-tokenlar.css --- */
/* Plan seçici (panelin 740-plan.css'i, 300-plan.css ile dahil) panel tokenlarıyla (--p-*) yazıldı; ziyaretçi /plan sayfasında
   (yeni kabuk) bunlar ana sayfanın tokenlarına bağlanır. Gece/gündüz ana tokenlardan kendiliğinden gelir. */
body.dl-ana {
    --p-f: var(--f); --p-gecis: 180ms cubic-bezier(.2, .8, .2, 1); --p-golge: var(--golge);
    --p-yuzey: var(--yuzey); --p-yuzey-2: var(--yuzey-2); --p-hover: var(--hover); --p-aktif-z: var(--yuzey-2);
    --p-kenar: var(--kenar); --p-kenar-2: var(--kenar-2); --p-metin: var(--metin); --p-metin-2: var(--metin-2);
    --p-soluk: var(--soluk); --p-cok-soluk: var(--cok-soluk); --p-murekkep: var(--murekkep); --p-murekkep-ustu: var(--murekkep-ustu);
    --p-vurgu: var(--vurgu); --p-vurgu-zemin: var(--vurgu-zemin); --p-vurgu-metin: var(--vurgu-metin); --p-vurgu-ikon: var(--vurgu-ikon);
}

/* --- 300-plan.css --- */
/* Panel içindeki plan sayfası (/plan, girişli). Yapı "seçici ve ayrıntı" (01.11.2026 kullanıcı seçimi):
   views/partials/plans.php + js/panel/220-plan-secici.js. Ana sayfa ve girişsiz /plan satıcı görünümünde kalır. */

/* başlık (satıcının plan/index.php'si): kısa boşluk, ölçülü başlık */
html body.app[data-theme-style] .app-content main .text-center:has(> h1.h1) { margin: 4px 0 20px; }
html body.app[data-theme-style] .app-content main .text-center > h1.h1 { font-size: 32px !important; font-weight: 650 !important; letter-spacing: -.035em; margin: 0 0 6px; }
html body.app[data-theme-style] .app-content main .text-center:has(> h1.h1) > p { font-size: 14.5px !important; color: var(--p-soluk) !important; background: none !important; border: 0 !important; padding: 0 !important; box-shadow: none !important; display: block !important; }
html body.app[data-theme-style] .app-content main .text-center:has(> h1.h1) > p::before { display: none !important; }
html body.app[data-theme-style] .app-content main .text-center:has(> h1.h1) > .mb-4 { display: none; }
html body.app[data-theme-style] .app-content main .mt-4:has(> .dlp-plan) { margin-top: 0 !important; }

.dlp-plan { font-size: 14px; color: var(--p-metin); }

/* dönem ve para birimi */
.dlp-plan-arac { display: flex; justify-content: center; align-items: center; gap: 10px; flex-wrap: wrap; margin: 0 0 22px; }
.dlp-donem { display: inline-flex; gap: 2px; padding: 4px; border-radius: 13px; background: var(--p-yuzey-2); }
.dlp-donem button {
    height: 36px; padding: 0 16px; border: 0; border-radius: 9px; background: transparent; cursor: pointer;
    display: inline-flex; align-items: center; gap: 8px; color: var(--p-soluk); font: 500 13.5px var(--p-f);
    transition: background var(--p-gecis), color var(--p-gecis), box-shadow var(--p-gecis);
}
.dlp-donem button:hover { color: var(--p-metin); }
.dlp-donem button.aktif { background: var(--p-yuzey); color: var(--p-metin); box-shadow: 0 1px 2px rgba(0, 0, 0, .1), 0 0 0 1px var(--p-kenar); }
.dlp-donem em { font: normal 600 11px var(--p-f); padding: 1px 6px; border-radius: 6px; background: var(--p-vurgu-zemin); color: var(--p-vurgu-metin); }
/* para birimi (1.17.0): dönem şeridiyle aynı yükseklik ve yüzey; seçili satır vurgu rengiyle değil onay işaretiyle */
.dlp-para-dugme {
    height: 44px; padding: 0 12px 0 6px; border: 0; border-radius: 13px; background: var(--p-yuzey-2); color: var(--p-metin); cursor: pointer;
    display: inline-flex; align-items: center; gap: 8px; font: 600 13.5px var(--p-f); letter-spacing: .01em;
    transition: background var(--p-gecis), box-shadow var(--p-gecis);
}
.dlp-para-dugme:hover, .dlp-para.show .dlp-para-dugme { box-shadow: inset 0 0 0 1px var(--p-kenar-2); }
.dlp-para-dugme:focus-visible { outline: 2px solid var(--p-murekkep); outline-offset: 2px; }
.dlp-para-dugme > i { color: var(--p-soluk); font-size: 13px; transition: transform var(--p-gecis); }
.dlp-para.show .dlp-para-dugme > i { transform: rotate(180deg); }
.dlp-para-sembol {
    width: 32px; height: 32px; border-radius: 9px; display: inline-grid; place-items: center; flex: none;
    background: var(--p-yuzey); box-shadow: 0 0 0 1px var(--p-kenar); font: 600 14px var(--p-f); color: var(--p-metin);
}
.dlp-plan-arac .dlp-para-menu {
    min-width: 188px; margin-top: 8px !important; padding: 6px; border: 1px solid var(--p-kenar-2); border-radius: 16px;
    background: var(--p-yuzey); box-shadow: 0 24px 48px -20px rgba(0, 0, 0, .45), 0 2px 6px rgba(0, 0, 0, .06);
}
.dlp-plan-arac .dlp-para-menu.show { animation: dlp-para-ac 180ms cubic-bezier(.2, .8, .2, 1); }
@keyframes dlp-para-ac { from { opacity: 0; transform: translateY(-4px); } }
.dlp-plan-arac .dlp-para-menu .dropdown-item {
    display: flex; align-items: center; gap: 10px; padding: 5px 10px 5px 5px; border-radius: 11px;
    background: transparent !important; color: var(--p-metin-2) !important; font: 500 13.5px var(--p-f); transition: background var(--p-gecis);
}
.dlp-plan-arac .dlp-para-menu .dropdown-item .dlp-para-sembol { width: 30px; height: 30px; background: var(--p-yuzey-2); box-shadow: none; }
.dlp-plan-arac .dlp-para-menu .dropdown-item .dlp-para-kod { flex: 1; }
.dlp-plan-arac .dlp-para-menu .dropdown-item > i { opacity: 0; color: var(--p-metin); font-size: 14px; }
.dlp-plan-arac .dlp-para-menu .dropdown-item:hover, .dlp-plan-arac .dlp-para-menu .dropdown-item:focus-visible { background: var(--p-yuzey-2) !important; color: var(--p-metin) !important; }
.dlp-plan-arac .dlp-para-menu .dropdown-item:active { background: var(--p-yuzey-2) !important; }
.dlp-plan-arac .dlp-para-menu .dropdown-item.secili { color: var(--p-metin) !important; font-weight: 600; }
.dlp-plan-arac .dlp-para-menu .dropdown-item.secili .dlp-para-sembol { background: var(--p-murekkep); color: var(--p-murekkep-ustu); }
.dlp-plan-arac .dlp-para-menu .dropdown-item.secili > i { opacity: 1; }

/* plan döşemeleri */
.dlp-plan-doseme { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 10px; margin-bottom: 14px; }
.dlp-p-doseme {
    position: relative; text-align: left; cursor: pointer;
    display: flex; flex-direction: column; gap: 8px; padding: 16px 16px 14px;
    border: 1px solid var(--p-kenar); border-radius: 16px; background: var(--p-yuzey); color: var(--p-metin);
    font: inherit; box-shadow: 0 1px 2px rgba(0, 0, 0, .03);
    transition: border-color var(--p-gecis), box-shadow var(--p-gecis), transform 160ms cubic-bezier(.2, .8, .2, 1);
}
.dlp-p-doseme:hover { border-color: var(--p-kenar-2); transform: translateY(-1px); }
.dlp-p-doseme.secili { border-color: var(--p-murekkep); box-shadow: 0 0 0 1px var(--p-murekkep), var(--p-golge); }
.dlp-p-doseme.yok { opacity: .45; }
.dlp-p-doseme:focus-visible { outline: 2px solid var(--p-murekkep); outline-offset: 3px; }
.dlp-p-d-ust { display: flex; align-items: center; justify-content: space-between; gap: 6px; min-height: 22px; }
.dlp-p-d-ust b { font-size: 15px; font-weight: 650; letter-spacing: -.01em; }
.dlp-p-doseme .dlp-p-fiyat b { font-size: 24px; }
/* plan etiketi (yönetimdeki "Reklam yok!", "Bütçe dostu"…); önerilen planınki vurgulu */
.dlp-p-d-etiket { display: flex; min-height: 20px; margin-top: 2px; }
.dlp-p-d-etiket .dlp-p-rozet { max-width: 100%; overflow: hidden; text-overflow: ellipsis; font-size: 11.5px; line-height: 1.5; padding: 1px 8px; }
.dlp-p-rozet { font: normal 600 10.5px/1.6 var(--p-f); padding: 1px 7px; border-radius: 6px; background: var(--p-yuzey-2); color: var(--p-metin-2); white-space: nowrap; }
.dlp-p-rozet.oner { background: var(--p-vurgu); color: #111; }
.dlp-p-rozet.mevcut { background: transparent; color: var(--p-metin-2); box-shadow: inset 0 0 0 1px var(--p-kenar-2); }

.dlp-p-fiyat { display: flex; align-items: baseline; gap: 4px; }
.dlp-p-fiyat b { font-weight: 650; letter-spacing: -.035em; line-height: 1; color: var(--p-metin); }
.dlp-p-fiyat span { color: var(--p-soluk); font-size: 13px; }

/* ayrıntı paneli */
.dlp-p-panel {
    display: grid; grid-template-columns: 360px minmax(0, 1fr);
    border: 1px solid var(--p-kenar); border-radius: 22px; background: var(--p-yuzey); overflow: hidden;
    box-shadow: 0 1px 0 rgba(255, 255, 255, .03) inset, 0 40px 80px -48px rgba(0, 0, 0, .45);
}
.dlp-p-panel.gecis .dlp-p-sol > *, .dlp-p-panel.gecis .dlp-p-sag { animation: dlp-p-gir 280ms cubic-bezier(.2, .8, .2, 1) both; }
.dlp-p-panel.gecis .dlp-p-sag { animation-delay: 40ms; }
@keyframes dlp-p-gir { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }

.dlp-p-sol {
    position: relative; padding: 28px 28px 26px; border-right: 1px solid var(--p-kenar);
    background:
        radial-gradient(120% 60% at 0% 0%, color-mix(in srgb, var(--p-vurgu) 10%, transparent), transparent 60%),
        linear-gradient(180deg, var(--p-yuzey-2), var(--p-yuzey) 72%);
}
.dlp-p-etiketler { display: flex; gap: 6px; min-height: 20px; }
.dlp-p-sol h2 { margin: 12px 0 6px; font-size: 30px; font-weight: 650; letter-spacing: -.035em; line-height: 1.1; color: var(--p-metin); }
.dlp-p-sol > p { margin: 0 0 22px; color: var(--p-soluk); font-size: 13.5px; line-height: 1.55; }
.dlp-p-buyuk .dlp-p-fiyat b { font-size: 46px; }
.dlp-p-buyuk .dlp-p-fiyat span { font-size: 15px; }
.dlp-p-fatura { margin-top: 8px; min-height: 20px; color: var(--p-soluk); font-size: 12.5px; }
.dlp-p-tasarruf { font-style: normal; font-weight: 600; font-size: 11.5px; padding: 1px 7px; margin-left: 4px; border-radius: 6px; background: var(--p-vurgu-zemin); color: var(--p-vurgu-metin); }
.dlp-p-cta {
    margin: 22px 0 0; height: 48px; border-radius: 13px; display: flex; align-items: center; justify-content: center; gap: 10px;
    background: var(--p-murekkep); color: var(--p-murekkep-ustu) !important; font: 600 14.5px var(--p-f); text-decoration: none !important;
    box-shadow: 0 10px 24px -12px rgba(0, 0, 0, .6); transition: transform 120ms, opacity var(--p-gecis);
}
.dlp-p-cta i { transition: transform 200ms cubic-bezier(.2, .8, .2, 1); }
.dlp-p-cta:hover { opacity: .92; }
.dlp-p-cta:hover i { transform: translateX(3px); }
.dlp-p-cta:active { transform: scale(.985); }
.dlp-p-cta.pasif { opacity: .4; pointer-events: none; box-shadow: none; }
.dlp-p-deneme { display: flex; align-items: center; justify-content: center; gap: 6px; margin-top: 10px; color: var(--p-metin-2); font-size: 12.5px; }
.dlp-p-deneme i { color: var(--p-vurgu-ikon); font-size: 15px; }
.dlp-p-fark { margin-top: 26px; padding-top: 18px; border-top: 1px solid var(--p-kenar); }
.dlp-p-fark h5 { margin: 0 0 8px; font-size: 12.5px; font-weight: 600; color: var(--p-soluk); }
.dlp-p-fark ul { margin: 0; padding: 0; list-style: none; }
.dlp-p-fark li { display: flex; align-items: baseline; gap: 8px; padding: 7px 0; border-bottom: 1px solid var(--p-kenar); font-size: 13px; color: var(--p-metin-2); }
.dlp-p-fark li:last-child { border-bottom: 0; }
.dlp-p-fark li b { min-width: 58px; color: var(--p-metin); font-weight: 650; }
.dlp-p-fark li span { flex: 1; min-width: 0; }
.dlp-p-fark li s { color: var(--p-cok-soluk); font-size: 12px; }
.dlp-p-daha { margin-top: 8px; color: var(--p-soluk); font-size: 12px; }

.dlp-p-sag { padding: 22px 28px 26px; columns: 2 300px; column-gap: 36px; }
.dlp-p-grup { break-inside: avoid; margin-bottom: 18px; }
.dlp-p-grup h6 { display: flex; align-items: center; gap: 7px; margin: 4px 0 6px; font-size: 12.5px; font-weight: 600; color: var(--p-soluk); }
.dlp-p-grup h6 i { font-size: 15px; }
.dlp-p-satir { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 7px 0; border-bottom: 1px solid var(--p-kenar); font-size: 13px; color: var(--p-metin-2); }
.dlp-p-satir b { color: var(--p-metin); font-weight: 600; white-space: nowrap; }
.dlp-p-satir.kapali span { color: var(--p-cok-soluk); }
.dlp-p-satir.yeni span { position: relative; padding-left: 12px; color: var(--p-metin); }
.dlp-p-satir.yeni span::before { content: ""; position: absolute; left: 0; top: 50%; width: 6px; height: 6px; margin-top: -3px; border-radius: 50%; background: var(--p-vurgu); box-shadow: 0 0 0 2px color-mix(in srgb, var(--p-vurgu) 25%, transparent); }
.dlp-p-bilgi {
    display: inline-flex; align-items: center; justify-content: center; width: 18px; height: 18px; margin: -2px 0 0 2px; padding: 0;
    border: 0; border-radius: 50%; background: transparent; color: var(--p-cok-soluk); font-size: 14px; vertical-align: middle; cursor: help;
    transition: color var(--p-gecis), background var(--p-gecis);
}
.dlp-p-bilgi:hover, .dlp-p-bilgi:focus-visible { color: var(--p-metin); background: var(--p-yuzey-2); outline: none; }
.dlp-p-bilgi[aria-expanded="true"] { color: var(--p-metin); background: var(--p-yuzey-2); }

/* bilgi kutusu (220-plan-secici.js, body'de sabit konumlu kart; satıcının siyah ipucu yerine) */
html body .dlp-ipucu {
    position: fixed; z-index: 1080; width: max-content; max-width: min(300px, calc(100vw - 24px)); padding: 12px 14px 13px;
    border: 1px solid var(--p-kenar-2); border-radius: 14px; background: var(--p-yuzey); color: var(--p-metin);
    box-shadow: 0 24px 48px -18px rgba(0, 0, 0, .4), 0 2px 6px rgba(0, 0, 0, .06); font: 400 13px/1.5 var(--p-f);
    opacity: 0; transform: translateY(-4px); pointer-events: none; transition: opacity 150ms ease, transform 180ms cubic-bezier(.2, .8, .2, 1);
}
html body .dlp-ipucu.ustte { transform: translateY(4px); }
html body .dlp-ipucu.acik { opacity: 1; transform: none; pointer-events: auto; }
html body .dlp-ipucu.genis { width: min(360px, calc(100vw - 24px)); max-width: none; }
html body .dlp-ipucu::before {
    content: ""; position: absolute; left: var(--ok, 50%); top: -6px; width: 10px; height: 10px; margin-left: -5px;
    background: inherit; border: 1px solid var(--p-kenar-2); border-right: 0; border-bottom: 0; transform: rotate(45deg);
}
html body .dlp-ipucu.ustte::before { top: auto; bottom: -6px; transform: rotate(225deg); }
html body .dlp-ipucu-bas { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
html body .dlp-ipucu-bas b { font-weight: 600; font-size: 13.5px; letter-spacing: -.01em; }
html body .dlp-ipucu-bas span { min-width: 24px; height: 22px; padding: 0 7px; border-radius: 7px; display: inline-grid; place-items: center; background: var(--p-yuzey-2); color: var(--p-soluk); font-size: 11.5px; font-weight: 600; }
html body .dlp-ipucu p { margin: 6px 0 0; color: var(--p-metin-2); }
html body .dlp-ipucu-cipler { list-style: none; margin: 10px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 5px; max-height: min(260px, 45vh); overflow: auto; overscroll-behavior: contain; scrollbar-width: thin; }
html body .dlp-ipucu-cipler li { padding: 3px 8px; border-radius: 7px; background: var(--p-yuzey-2); color: var(--p-metin-2); font-size: 12px; line-height: 1.45; }
.dlp-p-evet { color: var(--p-vurgu-ikon); font-size: 15px; }
.dlp-p-hayir { color: var(--p-cok-soluk); }

@media (max-width: 1199.98px) {
    .dlp-p-panel { grid-template-columns: 320px minmax(0, 1fr); }
    .dlp-p-sag { columns: 1; }
}
@media (max-width: 991.98px) {
    html body.app[data-theme-style] .app-content main .text-center > h1.h1 { font-size: 24px !important; }
    /* dar ekranda bütün planlar görünür: üç sütunlu ızgara (6 plan 3+3, 5 plan 3+2) */
    .dlp-plan-doseme { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .dlp-p-panel { grid-template-columns: 1fr; border-radius: 18px; }
    .dlp-p-sol { border-right: 0; border-bottom: 1px solid var(--p-kenar); padding: 22px 18px; }
    .dlp-p-sol h2 { font-size: 26px; }
    .dlp-p-buyuk .dlp-p-fiyat b { font-size: 40px; }
    .dlp-p-sag { padding: 18px 18px 20px; columns: 1; }
    .dlp-donem button { padding: 0 12px; white-space: nowrap; }
}
@media (max-width: 575.98px) {
    .dlp-donem { display: flex; width: 100%; }
    .dlp-donem button { flex: 1 1 0; min-width: 0; flex-direction: column; justify-content: center; gap: 3px; height: auto; min-height: 44px; padding: 6px 4px; }
    .dlp-donem em { font-size: 10px; }
    /* telefonda sıkı döşeme: ad + fiyat, rozet çerçevenin üstünde */
    .dlp-plan-doseme { gap: 14px 8px; padding-top: 4px; }
    .dlp-p-doseme { padding: 14px 10px 11px; gap: 3px; border-radius: 14px; }
    .dlp-p-doseme:hover { transform: none; }
    .dlp-p-d-ust { min-height: 0; }
    .dlp-p-d-ust b { font-size: 13px; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    .dlp-p-doseme .dlp-p-fiyat { flex-wrap: wrap; column-gap: 3px; }
    .dlp-p-doseme .dlp-p-fiyat b { font-size: 19px; }
    .dlp-p-doseme .dlp-p-fiyat span { flex-basis: 100%; font-size: 11px; }
    .dlp-p-d-etiket { min-height: 17px; margin-top: 4px; }
    .dlp-p-d-etiket .dlp-p-rozet { font-size: 9.5px; line-height: 15px; padding: 0 6px; }
    .dlp-p-d-ust .dlp-p-rozet { position: absolute; top: -8px; left: 9px; max-width: calc(100% - 18px); overflow: hidden; text-overflow: ellipsis; padding: 0 6px; font-size: 9.5px; line-height: 15px; }
    .dlp-p-d-ust .dlp-p-rozet.mevcut { background: var(--p-yuzey); }
}
@media (prefers-reduced-motion: reduce) {
    .dlp-p-panel.gecis .dlp-p-sol > *, .dlp-p-panel.gecis .dlp-p-sag { animation: none; }
    .dlp-p-doseme { transition: none; }
}

/* --- 310-plan-sayfa.css --- */
/* Ziyaretçinin plan sayfası (views/plan/index.php). Plan seçicinin kendisi 300-plan.css (panelle ortak); burada sayfa düzeni
   ve seçicinin herkese açık sayfadaki ölçüsü. */
body.dl-ana .pl-bas { padding-top:72px; }
body.dl-ana .pl-bas .bas { margin-bottom:36px; }
body.dl-ana .pl-bas h1 { font-size:clamp(38px, 5.4vw, 64px); margin:0; letter-spacing:-.04em; line-height:1.02; font-weight:650; text-wrap:balance; }
body.dl-ana .pl-secici .dlp-plan { font-size:14.5px; }
body.dl-ana .pl-secici .alert { max-width:760px; margin:0 auto 20px; border-radius:14px; }

body.dl-ana .pl-neden { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:14px; }
body.dl-ana .pl-neden-k { border:1px solid var(--kenar); border-radius:24px; background:var(--yuzey); padding:26px; }
body.dl-ana .pl-neden-k .ik { width:42px; height:42px; border-radius:12px; display:grid; place-items:center; background:var(--vurgu-zemin); color:var(--vurgu-ikon); font-size:21px; }
body.dl-ana .pl-neden-k h3 { font-size:21px; margin:16px 0 8px; }
body.dl-ana .pl-neden-k p { margin:0; color:var(--soluk); font-size:14.5px; line-height:1.55; }

body.dl-ana .pl-ortak { display:flex; align-items:center; gap:22px; margin-top:14px; padding:22px 26px; border-radius:24px; background:#121213; color:#f3f3ef; border:1px solid var(--kenar); position:relative; overflow:hidden; }
/* bant iki temada da koyu: mürekkep rengi gece temasında açığa döndüğü için sabit (ana sayfadaki Partner Ajans kartı gibi) */
body.dl-ana .pl-ortak::after { content:""; position:absolute; right:-60px; top:-90px; width:260px; height:260px; border-radius:50%; background:radial-gradient(closest-side, color-mix(in srgb, var(--vurgu) 26%, transparent), transparent); pointer-events:none; }
body.dl-ana .pl-ortak .etk { display:inline-flex; align-items:center; gap:6px; flex:none; font:500 12px var(--fm); color:var(--vurgu); }
body.dl-ana .pl-ortak .yazi { flex:1; display:flex; flex-direction:column; gap:3px; min-width:0; }
body.dl-ana .pl-ortak .yazi b { font-size:18px; letter-spacing:-.02em; }
body.dl-ana .pl-ortak .yazi span { opacity:.7; font-size:14.5px; }
body.dl-ana .pl-ortak .dugme { flex:none; background:var(--vurgu); color:#111; border-color:var(--vurgu); position:relative; z-index:1; }
body.dl-ana .pl-ortak:hover .dugme i { transform:translateX(3px); }

body.dl-ana .pl-sayfa .sss details > p strong { color:var(--metin); }

@media (max-width: 900px) {
    body.dl-ana .pl-neden { grid-template-columns:1fr; }
    body.dl-ana .pl-ortak { flex-direction:column; align-items:flex-start; gap:12px; }
}
@media (max-width: 600px) {
    body.dl-ana .pl-bas { padding-top:40px; }
}

/* --- 320-blog.css --- */
/* Blog sayfaları (views/blog/*, views/ana/blog-*.php), ana sayfanın tokenlarıyla. Liste: başlık, arama, kategori çipleri,
   öne çıkan yazı, kart ızgarası, sayfalama. Yazı: okuma düzeni, yapışkan içindekiler, içerik tipografisi, puan, paylaşım, yazar. */

/* ---- liste ---- */
body.dl-ana .bl-bas { padding:72px 0 28px; }
body.dl-ana .bl-bas-ic { max-width:760px; }
body.dl-ana .bl-bas h1 { font-size:clamp(40px, 5.6vw, 68px); margin:0; letter-spacing:-.04em; line-height:1.02; font-weight:650; text-wrap:balance; }
body.dl-ana .bl-bas-ic > p { color:var(--soluk); font-size:18px; margin:16px 0 0; max-width:60ch; }
body.dl-ana .bl-bas .ustbas a { color:inherit; }
body.dl-ana .bl-ara { margin-top:30px; display:flex; align-items:center; gap:10px; max-width:560px; height:56px; padding:0 6px 0 18px; border:1px solid var(--kenar-2); border-radius:16px; background:var(--yuzey); transition:border-color .2s, box-shadow .2s; }
body.dl-ana .bl-ara:focus-within { border-color:var(--soluk); box-shadow:0 0 0 3px color-mix(in srgb, var(--metin) 10%, transparent); }
body.dl-ana .bl-ara > i { font-size:19px; color:var(--soluk); }
body.dl-ana .bl-ara input { flex:1; min-width:0; height:100%; border:0; background:none; outline:none; font-size:16px; color:var(--metin); }
body.dl-ana .bl-ara input::-webkit-search-cancel-button { display:none; }
body.dl-ana .bl-ara .dugme { height:44px; }
/* kategori şeridi: her boyutta tek satır kaydırıcı; çubuk gizli, kenarlar taşma yönünde solar, masaüstünde oklar (325-blog-kategori.js) */
body.dl-ana .bl-kat-kap { position:relative; margin-top:22px; }
body.dl-ana .bl-katlar { display:flex; gap:8px; overflow-x:auto; overscroll-behavior-x:contain; scroll-snap-type:x proximity; scroll-padding-inline:2px; scrollbar-width:none; padding:2px; margin:-2px;
    --sol:0px; --sag:0px; -webkit-mask-image:linear-gradient(90deg, transparent 0, #000 var(--sol), #000 calc(100% - var(--sag)), transparent 100%); mask-image:linear-gradient(90deg, transparent 0, #000 var(--sol), #000 calc(100% - var(--sag)), transparent 100%); }
body.dl-ana .bl-katlar::-webkit-scrollbar { display:none; width:0; height:0; }
body.dl-ana .bl-kat-kap.sol-var .bl-katlar { --sol:56px; }
body.dl-ana .bl-kat-kap.sag-var .bl-katlar { --sag:56px; }
body.dl-ana .bl-katlar .cip { flex:none; scroll-snap-align:start; }
body.dl-ana .bl-kat-ok { position:absolute; top:50%; z-index:2; width:34px; height:34px; margin-top:-17px; border-radius:50%; display:grid; place-items:center; border:1px solid var(--kenar-2); background:var(--yuzey); color:var(--metin); font-size:14px; box-shadow:var(--golge); opacity:0; pointer-events:none; transition:opacity .25s, transform .2s var(--e); }
body.dl-ana .bl-kat-ok.sol { left:-4px; transform:translateX(6px); } body.dl-ana .bl-kat-ok.sag { right:-4px; transform:translateX(-6px); }
body.dl-ana .bl-kat-kap.sol-var .bl-kat-ok.sol, body.dl-ana .bl-kat-kap.sag-var .bl-kat-ok.sag { opacity:1; pointer-events:auto; transform:none; }
body.dl-ana .bl-kat-ok:hover { border-color:var(--soluk); }
@media (hover: none) { body.dl-ana .bl-kat-ok { display:none; } }
body.dl-ana .bl-katlar .cip { height:36px; padding:0 14px; font-size:14px; transition:background .2s, border-color .2s, color .2s; }
body.dl-ana .bl-katlar .cip:hover { border-color:var(--soluk); color:var(--metin); }
body.dl-ana .bl-katlar .cip em { font:500 11px var(--fm); font-style:normal; color:var(--cok-soluk); margin-left:2px; }
body.dl-ana .bl-katlar .cip.aktif { background:var(--murekkep); color:var(--murekkep-ustu); border-color:var(--murekkep); }
body.dl-ana .bl-katlar .cip.aktif em { color:inherit; opacity:.6; }

body.dl-ana .bl-govde-b { padding:20px 0 40px; }
body.dl-ana .bl-sonuc { display:flex; align-items:baseline; justify-content:space-between; gap:16px; flex-wrap:wrap; margin-bottom:24px; }
body.dl-ana .bl-sonuc h2 { font-size:26px; margin:0; }
body.dl-ana .bl-sonuc a { display:inline-flex; align-items:center; gap:6px; color:var(--soluk); font-size:14px; }
body.dl-ana .bl-ara-baslik { font-size:24px; margin:56px 0 20px; }

body.dl-ana .bl-izgara { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:18px; }
body.dl-ana .bl-izgara.iki { grid-template-columns:repeat(2, minmax(0, 1fr)); }
body.dl-ana .bl-kart { display:flex; flex-direction:column; border:1px solid var(--kenar); border-radius:22px; background:var(--yuzey); overflow:hidden; transition:border-color .25s, transform .35s var(--e), box-shadow .35s var(--e); }
body.dl-ana .bl-kart:hover { border-color:var(--kenar-2); transform:translateY(-3px); box-shadow:var(--golge); }
body.dl-ana .bl-kapak { position:relative; aspect-ratio:16/9; overflow:hidden; background:var(--zemin-2); }
body.dl-ana .bl-kapak img { width:100%; height:100%; object-fit:cover; transition:transform .8s var(--e); }
body.dl-ana .bl-kart:hover .bl-kapak img { transform:scale(1.035); }
body.dl-ana .bl-bos-kapak { position:absolute; inset:0; display:grid; place-items:center; font-size:40px; color:var(--cok-soluk); }
body.dl-ana .bl-govde { display:flex; flex-direction:column; gap:10px; padding:18px 20px 20px; flex:1; }
body.dl-ana .bl-meta { display:flex; align-items:center; flex-wrap:wrap; gap:8px; font-size:12.5px; color:var(--cok-soluk); }
body.dl-ana .bl-meta .nokta { width:3px; height:3px; border-radius:50%; background:currentColor; }
body.dl-ana .bl-kat { color:var(--vurgu-ikon); font-weight:600; }
body.dl-ana .bl-etk { display:inline-flex; align-items:center; gap:5px; height:24px; padding:0 9px; border-radius:7px; background:var(--vurgu); color:#111; font-weight:600; }
body.dl-ana .bl-kart h3 { font-size:19px; line-height:1.28; letter-spacing:-.02em; margin:0; font-weight:620; }
body.dl-ana .bl-kart p { margin:0; color:var(--soluk); font-size:14.5px; line-height:1.55; }
body.dl-ana .bl-oku { margin-top:auto; padding-top:6px; display:inline-flex; align-items:center; gap:6px; font-size:14px; font-weight:600; }
body.dl-ana .bl-oku i { transition:transform .25s var(--e); }
body.dl-ana .bl-kart:hover .bl-oku i { transform:translateX(3px); }

body.dl-ana .bl-one { display:grid; grid-template-columns:minmax(0, 1.25fr) minmax(0, 1fr); border-radius:28px; }
body.dl-ana .bl-one .bl-kapak { aspect-ratio:auto; min-height:360px; }
body.dl-ana .bl-one .bl-govde { padding:36px 38px; gap:14px; justify-content:center; }
body.dl-ana .bl-one h2 { font-size:clamp(26px, 2.6vw, 36px); line-height:1.12; letter-spacing:-.03em; margin:0; font-weight:650; text-wrap:balance; }
body.dl-ana .bl-one p { font-size:16px; }
body.dl-ana .bl-one .bl-oku { margin-top:8px; }

body.dl-ana .bl-sayfalama { margin-top:36px; display:flex; justify-content:center; }
/* satıcının partials/pagination çıktısı (kart içinde sonuç sayısı + sayfa düğmeleri) */
body.dl-ana .bl-sayfalama .card { width:100%; background:none; border:0; box-shadow:none; }
body.dl-ana .bl-sayfalama .card-body { padding:0; }
body.dl-ana .bl-sayfalama .card-body > div { display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; }
body.dl-ana .bl-sayfalama p { margin:0; color:var(--cok-soluk); font-size:13.5px; } body.dl-ana .bl-sayfalama p strong { color:var(--metin-2); font-weight:600; }
body.dl-ana .bl-sayfalama .pagination { display:flex; flex-wrap:wrap; gap:6px; list-style:none; padding:0; margin:0; }
body.dl-ana .bl-sayfalama .page-link { min-width:42px; height:42px; padding:0 12px; display:inline-flex; align-items:center; justify-content:center; border-radius:12px; border:1px solid var(--kenar); background:var(--yuzey); color:var(--metin-2); font-weight:600; font-size:14px; transition:border-color .2s; }
body.dl-ana .bl-sayfalama .page-link:hover { border-color:var(--soluk); color:var(--metin); }
body.dl-ana .bl-sayfalama .page-item.active .page-link { background:var(--murekkep); color:var(--murekkep-ustu); border-color:var(--murekkep); }
body.dl-ana .bl-sayfalama .page-item.disabled .page-link { opacity:.4; pointer-events:none; }
body.dl-ana .bl-sayfalama svg, body.dl-ana .bl-sayfalama .fa, body.dl-ana .bl-sayfalama .fas { display:none; }

body.dl-ana .bl-bos { text-align:center; padding:70px 20px; border:1px dashed var(--kenar-2); border-radius:24px; }
body.dl-ana .bl-bos .ik { width:52px; height:52px; margin:0 auto 14px; border-radius:15px; display:grid; place-items:center; background:var(--yuzey-2); font-size:24px; }
body.dl-ana .bl-bos h2 { font-size:22px; margin:0 0 8px; } body.dl-ana .bl-bos p { color:var(--soluk); margin:0; }

body.dl-ana .bl-cta-b { padding:40px 0 100px; }
body.dl-ana .bl-cta { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:30px 34px; border-radius:26px; background:#121213; color:#f3f3ef; border:1px solid var(--kenar); position:relative; overflow:hidden; }
body.dl-ana .bl-cta::after { content:""; position:absolute; left:-80px; bottom:-140px; width:340px; height:340px; border-radius:50%; background:radial-gradient(closest-side, color-mix(in srgb, var(--vurgu) 22%, transparent), transparent); pointer-events:none; }
body.dl-ana .bl-cta .yazi { display:flex; flex-direction:column; gap:6px; position:relative; z-index:1; }
body.dl-ana .bl-cta b { font-size:24px; letter-spacing:-.03em; } body.dl-ana .bl-cta span { opacity:.7; max-width:58ch; }
body.dl-ana .bl-cta .dugme { flex:none; position:relative; z-index:1; }

/* ---- yazı ---- */
body.dl-ana .bl-yazi-bas { padding:56px 0 28px; }
body.dl-ana .bl-yazi-bas .kap { max-width:900px; }
body.dl-ana .bl-yazi-ust { display:flex; align-items:center; gap:10px; margin-bottom:22px; }
body.dl-ana .bl-geri { display:inline-flex; align-items:center; gap:6px; color:var(--soluk); font-size:14px; font-weight:500; transition:color .2s; }
body.dl-ana .bl-geri:hover { color:var(--metin); } body.dl-ana .bl-geri i { transition:transform .25s var(--e); } body.dl-ana .bl-geri:hover i { transform:translateX(-3px); }
body.dl-ana .bl-yazi-ust .cip { height:28px; font-size:12.5px; color:var(--vurgu-ikon); }
body.dl-ana .bl-yazi-bas h1 { font-size:clamp(34px, 4.6vw, 56px); line-height:1.06; letter-spacing:-.035em; margin:0; font-weight:650; text-wrap:balance; }
body.dl-ana .bl-on { font-size:19px; line-height:1.6; color:var(--metin-2); margin:20px 0 0; max-width:66ch; }
body.dl-ana .bl-yazi-meta { display:flex; flex-wrap:wrap; align-items:center; gap:8px 18px; margin-top:24px; font-size:13.5px; color:var(--soluk); }
body.dl-ana .bl-yazi-meta > span { display:inline-flex; align-items:center; gap:6px; } body.dl-ana .bl-yazi-meta i { font-size:15px; }
body.dl-ana .bl-yazar-k { color:var(--metin); font-weight:600; } body.dl-ana .bl-yazar-k img { width:28px; height:28px; border-radius:50%; object-fit:cover; }
body.dl-ana .bl-yazi-kapak { margin:8px auto 0; max-width:1100px; border-radius:28px; overflow:hidden; border:1px solid var(--kenar); aspect-ratio:16/9; background:var(--zemin-2); }
body.dl-ana .bl-yazi-kapak img { width:100%; height:100%; object-fit:cover; }

body.dl-ana .bl-yazi-izgara { display:grid; grid-template-columns:240px minmax(0, 1fr); gap:64px; max-width:1100px; padding-top:56px; padding-bottom:30px; align-items:start; }
body.dl-ana .bl-yazi-izgara.tek { grid-template-columns:minmax(0, 1fr); max-width:780px; }
body.dl-ana .bl-toc { position:sticky; top:96px; }
body.dl-ana .bl-toc-bas { display:flex; align-items:center; gap:8px; width:100%; font:600 13px var(--f); color:var(--soluk); text-transform:none; margin-bottom:12px; }
body.dl-ana .bl-toc-bas .ph-caret-down { display:none; margin-left:auto; transition:transform .3s var(--e); }
body.dl-ana .bl-toc-liste { list-style:none; margin:0; padding:0 0 0 2px; border-left:1px solid var(--kenar); max-height:calc(100vh - 160px); overflow:auto; scrollbar-width:thin; }
body.dl-ana .bl-toc-liste li a { display:block; padding:6px 0 6px 14px; margin-left:-2px; border-left:2px solid transparent; font-size:13.5px; line-height:1.4; color:var(--soluk); transition:color .2s, border-color .2s; }
body.dl-ana .bl-toc-liste li.d3 a { padding-left:26px; font-size:13px; } body.dl-ana .bl-toc-liste li.d4 a { padding-left:38px; font-size:12.5px; }
body.dl-ana .bl-toc-liste li a:hover { color:var(--metin); }
body.dl-ana .bl-toc-liste li a.aktif { color:var(--metin); border-left-color:var(--vurgu-ikon); font-weight:600; }

/* içerik tipografisi: satıcının ham HTML ve blok editörü çıktısı; yazılardaki tablolar ve SSS (details.dl-sss) dahil */
body.dl-ana .bl-yazi-govde { min-width:0; max-width:760px; }
body.dl-ana .bl-icerik { font-size:17.5px; line-height:1.78; color:var(--metin-2); overflow-wrap:break-word; }
body.dl-ana .bl-icerik > :first-child { margin-top:0; }
body.dl-ana .bl-icerik p { margin:0 0 1.15em; }
body.dl-ana .bl-icerik strong, body.dl-ana .bl-icerik b { color:var(--metin); font-weight:650; }
body.dl-ana .bl-icerik h2, body.dl-ana .bl-icerik h3, body.dl-ana .bl-icerik h4 { color:var(--metin); letter-spacing:-.025em; line-height:1.22; font-weight:650; scroll-margin-top:96px; text-wrap:balance; }
body.dl-ana .bl-icerik h2 { font-size:clamp(25px, 2.4vw, 31px); margin:2.2em 0 .6em; }
body.dl-ana .bl-icerik h3 { font-size:21px; margin:1.8em 0 .5em; }
body.dl-ana .bl-icerik h4 { font-size:18px; margin:1.5em 0 .4em; }
body.dl-ana .bl-icerik a { color:var(--metin); text-decoration:underline; text-decoration-color:color-mix(in srgb, var(--vurgu-ikon) 70%, transparent); text-decoration-thickness:2px; text-underline-offset:3px; transition:text-decoration-color .2s; }
body.dl-ana .bl-icerik a:hover { text-decoration-color:var(--vurgu-ikon); }
body.dl-ana .bl-icerik ul, body.dl-ana .bl-icerik ol { margin:0 0 1.3em; padding-left:1.3em; }
body.dl-ana .bl-icerik li { margin:.4em 0; padding-left:.25em; }
body.dl-ana .bl-icerik ul li::marker { color:var(--vurgu-ikon); }
body.dl-ana .bl-icerik ol li::marker { color:var(--cok-soluk); font-weight:600; font-variant-numeric:tabular-nums; }
body.dl-ana .bl-icerik blockquote { margin:1.6em 0; padding:18px 22px; border:1px solid var(--kenar); border-radius:16px; background:var(--yuzey); color:var(--metin); font-size:18px; }
body.dl-ana .bl-icerik blockquote p:last-child { margin:0; }
body.dl-ana .bl-icerik code { font:500 .88em var(--fm); padding:2px 6px; border-radius:6px; background:var(--yuzey-2); color:var(--metin); }
body.dl-ana .bl-icerik pre { margin:1.4em 0; padding:18px 20px; border-radius:16px; background:#121213; color:#e7e7e2; overflow:auto; font-size:14px; }
body.dl-ana .bl-icerik pre code { background:none; padding:0; color:inherit; }
body.dl-ana .bl-icerik img { max-width:100%; height:auto; border-radius:18px; margin:1.4em 0; }
body.dl-ana .bl-icerik hr { border:0; height:1px; background:var(--kenar); margin:2.4em 0; }
body.dl-ana .bl-icerik section, body.dl-ana .bl-icerik aside, body.dl-ana .bl-icerik article { margin:0; }
body.dl-ana .bl-icerik table { width:100%; border-collapse:separate; border-spacing:0; margin:1.6em 0; font-size:15px; line-height:1.5; border:1px solid var(--kenar); border-radius:16px; overflow:hidden; display:block; overflow-x:auto; }
body.dl-ana .bl-icerik table caption { caption-side:top; text-align:left; padding:0 0 10px; color:var(--soluk); font-size:13.5px; }
body.dl-ana .bl-icerik th, body.dl-ana .bl-icerik td { padding:12px 14px; text-align:left; vertical-align:top; border:0; border-bottom:1px solid var(--kenar); }
body.dl-ana .bl-icerik th { background:var(--yuzey-2); color:var(--metin); font-weight:600; font-size:14px; white-space:nowrap; }
body.dl-ana .bl-icerik tr:last-child td { border-bottom:0; }
body.dl-ana .bl-icerik td + td, body.dl-ana .bl-icerik th + th { border-left:1px solid var(--kenar); }
body.dl-ana .bl-icerik details { border-bottom:1px solid var(--kenar); }
body.dl-ana .bl-icerik details:first-of-type { border-top:1px solid var(--kenar); }
body.dl-ana .bl-icerik summary { list-style:none; cursor:pointer; display:flex; align-items:center; justify-content:space-between; gap:16px; padding:18px 0; color:var(--metin); font-weight:600; font-size:17px; line-height:1.4; }
body.dl-ana .bl-icerik summary::-webkit-details-marker { display:none; }
body.dl-ana .bl-icerik summary :is(h2, h3, h4, p) { margin:0; font-size:inherit; line-height:inherit; letter-spacing:-.01em; scroll-margin-top:96px; }
body.dl-ana .bl-icerik summary::after { content:"+"; flex:none; width:28px; height:28px; border-radius:9px; display:grid; place-items:center; background:var(--yuzey-2); color:var(--soluk); font:400 20px/1 var(--f); transition:transform .3s var(--e), background .2s; }
body.dl-ana .bl-icerik details[open] summary::after { transform:rotate(45deg); background:var(--vurgu); color:#111; }
body.dl-ana .bl-icerik details > :not(summary) { margin-top:0; animation:acil .4s var(--e); }
body.dl-ana .bl-icerik details > p:last-child { margin-bottom:18px; }

body.dl-ana .bl-yazi-alt { margin-top:44px; display:flex; flex-direction:column; gap:14px; }
body.dl-ana .bl-puan { display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; padding:20px 22px; border:1px solid var(--kenar); border-radius:20px; background:var(--yuzey); }
body.dl-ana .bl-puan b { display:block; font-size:16px; } body.dl-ana .bl-puan small { color:var(--soluk); font-size:13px; }
body.dl-ana .bl-yildiz { display:flex; flex-direction:row-reverse; gap:2px; }
body.dl-ana .bl-yildiz .rating-star { width:38px; height:38px; border-radius:11px; display:grid; place-items:center; font-size:22px; color:var(--kenar-2); transition:color .15s, transform .15s, background .15s; }
body.dl-ana .bl-yildiz .rating-star.dolu { color:color-mix(in srgb, #f5b301 70%, var(--kenar-2)); }
body.dl-ana .bl-yildiz .rating-star:hover, body.dl-ana .bl-yildiz .rating-star:hover ~ .rating-star, body.dl-ana .bl-yildiz .rating-star-chosen, body.dl-ana .bl-yildiz .rating-star-chosen ~ .rating-star { color:#f5b301; }
body.dl-ana .bl-yildiz .rating-star:hover { transform:scale(1.12); background:var(--yuzey-2); }
body.dl-ana .bl-paylas { display:flex; align-items:center; flex-wrap:wrap; gap:8px; padding:14px 0; }
body.dl-ana .bl-paylas > span { font-size:13.5px; color:var(--soluk); margin-right:6px; }
body.dl-ana .bl-paylas a, body.dl-ana .bl-paylas button { height:40px; min-width:40px; padding:0 12px; border-radius:12px; border:1px solid var(--kenar); background:var(--yuzey); display:inline-flex; align-items:center; justify-content:center; gap:7px; font-size:18px; color:var(--metin-2); transition:border-color .2s, color .2s; }
body.dl-ana .bl-paylas button span { font-size:13.5px; font-weight:600; }
body.dl-ana .bl-paylas a:hover, body.dl-ana .bl-paylas button:hover { border-color:var(--soluk); color:var(--metin); }
body.dl-ana .bl-paylas [hidden] { display:none; }
body.dl-ana .bl-paylas button.tamam { border-color:var(--vurgu-ikon); color:var(--vurgu-ikon); }
body.dl-ana .bl-yazar { display:flex; align-items:center; gap:16px; padding:20px 22px; border-radius:20px; background:var(--yuzey); border:1px solid var(--kenar); }
body.dl-ana .bl-yazar img, body.dl-ana .bl-yazar .av { width:56px; height:56px; border-radius:50%; flex:none; object-fit:cover; display:grid; place-items:center; background:var(--yuzey-2); font-size:22px; }
body.dl-ana .bl-yazar span { display:flex; flex-direction:column; gap:2px; min-width:0; }
body.dl-ana .bl-yazar small { font:500 11.5px var(--fm); color:var(--cok-soluk); } body.dl-ana .bl-yazar b { font-size:16.5px; } body.dl-ana .bl-yazar em { font-style:normal; color:var(--soluk); font-size:14px; }

body.dl-ana .bl-ilgili .bas, body.dl-ana .bl-populer-b .bas { margin-bottom:22px; }
body.dl-ana .bl-populer { list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:0 40px; counter-reset:pop; }
body.dl-ana .bl-populer li { counter-increment:pop; border-bottom:1px solid var(--kenar); }
body.dl-ana .bl-populer a { display:flex; align-items:center; gap:16px; padding:16px 0; }
body.dl-ana .bl-populer .sira::before { content:counter(pop, decimal-leading-zero); font:500 13px var(--fm); color:var(--cok-soluk); }
body.dl-ana .bl-populer .yazi { flex:1; min-width:0; display:flex; flex-direction:column; gap:3px; }
body.dl-ana .bl-populer b { font-size:16px; font-weight:600; line-height:1.35; transition:color .2s; } body.dl-ana .bl-populer small { color:var(--cok-soluk); font-size:12.5px; }
body.dl-ana .bl-populer i { color:var(--cok-soluk); transition:transform .25s var(--e), color .2s; }
body.dl-ana .bl-populer a:hover i { transform:translate(2px, -2px); color:var(--metin); }

@media (max-width: 1100px) {
    body.dl-ana .bl-izgara { grid-template-columns:repeat(2, minmax(0, 1fr)); }
    body.dl-ana .bl-yazi-izgara { grid-template-columns:minmax(0, 1fr); gap:24px; max-width:780px; padding-top:36px; }
    body.dl-ana .bl-toc { position:static; }
    body.dl-ana .bl-toc-ic { border:1px solid var(--kenar); border-radius:18px; background:var(--yuzey); padding:4px 16px; }
    body.dl-ana .bl-toc-bas { margin:0; height:48px; color:var(--metin); font-size:14.5px; }
    body.dl-ana .bl-toc-bas .ph-caret-down { display:block; }
    body.dl-ana .bl-toc-liste { display:none; border-left:0; padding:0 0 12px; max-height:none; }
    body.dl-ana .bl-toc.acik .bl-toc-liste { display:block; }
    body.dl-ana .bl-toc.acik .ph-caret-down { transform:rotate(180deg); }
    body.dl-ana .bl-toc-liste li a { border-left:0; padding-left:0; } body.dl-ana .bl-toc-liste li.d3 a { padding-left:14px; } body.dl-ana .bl-toc-liste li.d4 a { padding-left:28px; }
}
@media (max-width: 900px) {
    body.dl-ana .bl-one { grid-template-columns:1fr; } body.dl-ana .bl-one .bl-kapak { min-height:0; aspect-ratio:16/9; }
    body.dl-ana .bl-one .bl-govde { padding:24px 22px; }
    body.dl-ana .bl-populer { grid-template-columns:1fr; }
    body.dl-ana .bl-cta { flex-direction:column; align-items:flex-start; }
}
@media (max-width: 640px) {
    body.dl-ana .bl-bas { padding-top:40px; }
    body.dl-ana .bl-izgara, body.dl-ana .bl-izgara.iki { grid-template-columns:1fr; }
    body.dl-ana .bl-ara { height:52px; } body.dl-ana .bl-ara .dugme { display:none; }
    /* telefonda şerit kenardan kenara akar, ilk çip sayfa boşluğuyla hizalı */
    body.dl-ana .bl-kat-kap { margin-left:-16px; margin-right:-16px; }
    body.dl-ana .bl-katlar { padding:2px 16px; margin:-2px 0; scroll-padding-inline:16px; }
    body.dl-ana .bl-kat-kap.sol-var .bl-katlar { --sol:36px; } body.dl-ana .bl-kat-kap.sag-var .bl-katlar { --sag:48px; }
    body.dl-ana .bl-yazi-bas { padding-top:32px; }
    body.dl-ana .bl-icerik { font-size:17px; }
    body.dl-ana .bl-yazi-kapak { border-radius:20px; }
    body.dl-ana .bl-puan { flex-direction:column; align-items:flex-start; }
}

/* --- 330-giris.css --- */
/* Giriş, kayıt ve şifre sayfaları (views/ana/giris-wrapper.php). Solda satıcının formu (bootstrap işaretlemesi, değiştirilmedi;
   burada yeniden giydirilir), sağda tanıtım paneli. Dar ekranda yalnız form. */
body.dl-ana.dl-giris { min-height:100vh; }
body.dl-ana .gr { display:grid; grid-template-columns:minmax(0, 1fr) minmax(0, 1fr); min-height:100vh; }

/* sol: form */
body.dl-ana .gr-sol { display:flex; flex-direction:column; min-height:100vh; padding:28px clamp(20px, 5vw, 64px); }
body.dl-ana .gr-ust { display:flex; align-items:center; justify-content:space-between; gap:16px; }
body.dl-ana .gr-geri { display:inline-flex; align-items:center; gap:6px; color:var(--soluk); font-size:14px; font-weight:500; transition:color .2s; }
body.dl-ana .gr-geri:hover { color:var(--metin); } body.dl-ana .gr-geri i { transition:transform .25s var(--e); } body.dl-ana .gr-geri:hover i { transform:translateX(-3px); }
body.dl-ana .gr-form { width:100%; max-width:420px; margin:auto; padding:48px 0; animation:gr-gel .7s var(--e) both; }
@keyframes gr-gel { from { opacity:0; transform:translateY(14px); } }
body.dl-ana .gr-alt { display:flex; flex-wrap:wrap; gap:6px 18px; font-size:12.5px; color:var(--cok-soluk); }
body.dl-ana .gr-alt a { color:inherit; transition:color .2s; } body.dl-ana .gr-alt a:hover { color:var(--metin); }

body.dl-ana .gr-form h1 { font-size:clamp(32px, 3.4vw, 40px) !important; font-weight:650 !important; letter-spacing:-.04em; line-height:1.05; margin:0 0 6px !important; color:var(--metin); }
body.dl-ana .gr-form h1 + p, body.dl-ana .gr-form > p { color:var(--soluk); font-size:15px; }
body.dl-ana .gr-form form { margin-top:28px !important; }
body.dl-ana .gr-form .form-group { margin-bottom:16px; position:relative; }
body.dl-ana .gr-form label:not(.custom-control-label) { display:block; margin-bottom:7px; font-size:13.5px; font-weight:600; color:var(--metin-2); }
body.dl-ana .gr-form .form-control { height:50px; padding:0 15px; border-radius:13px !important; border:1px solid var(--kenar-2) !important; background:var(--yuzey) !important; color:var(--metin) !important; font:16px var(--f); box-shadow:none !important; transition:border-color .2s, box-shadow .2s; }
body.dl-ana .gr-form textarea.form-control { height:auto; padding:12px 15px; }
body.dl-ana .gr-form .form-control::placeholder { color:var(--cok-soluk); }
/* odak: nötr ince halka (lime parıltı istenmedi, 02.11) */
body.dl-ana .gr-form .form-control:focus { border-color:var(--soluk) !important; box-shadow:0 0 0 3px color-mix(in srgb, var(--metin) 10%, transparent) !important; outline:none; }
body.dl-ana .gr-form .form-control.is-invalid { border-color:#e5484d !important; }
body.dl-ana .gr-form .invalid-feedback { font-size:13px; color:#e5484d; margin-top:6px; }
/* satıcının şifre göster/gizle düğmesi (custom.js, [data-password-toggle-view]) */
body.dl-ana .gr-form [data-password-toggle-view] .btn, body.dl-ana .gr-form [data-password-toggle-view] button { border-radius:10px !important; background:none !important; border:0 !important; color:var(--soluk) !important; font-size:13px; font-weight:600; box-shadow:none !important; }
body.dl-ana .gr-form .input-group > .form-control { border-top-right-radius:13px !important; border-bottom-right-radius:13px !important; }

/* onay kutuları */
body.dl-ana .gr-form .custom-control { padding-left:30px; min-height:22px; }
body.dl-ana .gr-form .custom-control + .custom-control, body.dl-ana .gr-form .custom-control.mt-3 { margin-top:12px !important; }
body.dl-ana .gr-form .custom-control-label { font-size:13.5px; line-height:1.5; cursor:pointer; }
body.dl-ana .gr-form .custom-control-label small { font-size:13.5px; color:var(--soluk) !important; }
body.dl-ana .gr-form .custom-control-label::before { left:-30px; top:1px; width:20px; height:20px; border-radius:6px; border:1.5px solid var(--kenar-2); background:var(--yuzey); box-shadow:none !important; transition:background .15s, border-color .15s; }
body.dl-ana .gr-form .custom-control-label::after { left:-30px; top:1px; width:20px; height:20px; }
body.dl-ana .gr-form .custom-control-input:checked ~ .custom-control-label::before { background:var(--vurgu); border-color:var(--vurgu); }
body.dl-ana .gr-form .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23111' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); background-size:11px; }
body.dl-ana .gr-form .custom-control-input:focus-visible ~ .custom-control-label::before { box-shadow:0 0 0 3px color-mix(in srgb, var(--metin) 14%, transparent) !important; }
body.dl-ana .gr-form .custom-control-label a, body.dl-ana .gr-form small a, body.dl-ana .gr-form .mt-5 a { color:var(--metin) !important; font-weight:600; text-decoration:underline; text-decoration-color:color-mix(in srgb, var(--vurgu-ikon) 60%, transparent); text-decoration-thickness:2px; text-underline-offset:3px; }
body.dl-ana .gr-form small.text-muted, body.dl-ana .gr-form .text-muted { color:var(--soluk) !important; }
body.dl-ana .gr-form .d-flex.flex-column.flex-md-row { gap:10px; margin-top:4px; }

/* düğmeler */
body.dl-ana .gr-form .btn-primary { height:52px; border-radius:14px !important; background:var(--vurgu) !important; border:1px solid var(--vurgu) !important; color:#111 !important; font:650 16px var(--f) !important; box-shadow:0 14px 30px -16px color-mix(in srgb, var(--vurgu) 80%, transparent) !important; transition:filter .2s, transform .12s; }
body.dl-ana .gr-form .btn-primary:hover { filter:brightness(.96); } body.dl-ana .gr-form .btn-primary:active { transform:scale(.99); }
body.dl-ana .gr-form .btn-primary:disabled { opacity:.5; box-shadow:none !important; }
body.dl-ana .gr-form .btn-light, body.dl-ana .gr-form .btn-outline-secondary, body.dl-ana .gr-form .btn-gray-100 { height:48px; display:flex; align-items:center; justify-content:center; gap:10px; border-radius:13px !important; border:1px solid var(--kenar-2) !important; background:var(--yuzey) !important; color:var(--metin) !important; font:600 14.5px var(--f) !important; box-shadow:none !important; transition:border-color .2s; }
body.dl-ana .gr-form .btn-light:hover { border-color:var(--soluk) !important; }
body.dl-ana .gr-form .btn-light img { width:18px; height:18px; margin:0 !important; }
body.dl-ana .gr-form hr { border:0; height:1px; background:var(--kenar); margin:22px 0 !important; }
body.dl-ana .gr-form .mt-5.text-center { margin-top:28px !important; font-size:14.5px; text-align:left !important; color:var(--soluk) !important; }
body.dl-ana .gr-form .alert { border-radius:14px; border:1px solid var(--kenar); background:var(--yuzey); color:var(--metin); font-size:14px; padding:12px 16px; margin-bottom:18px; }
body.dl-ana .gr-form .alert-danger { border-color:color-mix(in srgb, #e5484d 50%, var(--kenar)); background:color-mix(in srgb, #e5484d 8%, var(--yuzey)); }
body.dl-ana .gr-form .alert-success { border-color:color-mix(in srgb, #22c55e 50%, var(--kenar)); background:color-mix(in srgb, #22c55e 8%, var(--yuzey)); }
body.dl-ana .gr-form .alert .close { color:inherit; opacity:.6; text-shadow:none; }

/* sağ: tanıtım paneli (iki temada koyu) */
body.dl-ana .gr-sag { position:relative; overflow:hidden; margin:12px 12px 12px 0; border-radius:30px; background:#121213; color:#f3f3ef; display:flex; align-items:center; justify-content:center; padding:48px; }
body.dl-ana .gr-sag::before { content:""; position:absolute; width:720px; height:720px; left:50%; top:38%; margin:-360px 0 0 -360px; border-radius:50%; background:radial-gradient(closest-side, rgba(217, 250, 49, .2), transparent); pointer-events:none; }
body.dl-ana .gr-izgara { position:absolute; inset:0; background-image:linear-gradient(rgba(255, 255, 255, .05) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .05) 1px, transparent 1px); background-size:44px 44px; mask-image:radial-gradient(closest-side, #000 30%, transparent); pointer-events:none; }
body.dl-ana .gr-sag-ic { position:relative; max-width:460px; width:100%; }
body.dl-ana .gr-sahne { position:relative; height:440px; margin-bottom:36px; }
body.dl-ana .gr-tel { position:absolute; width:200px; height:auto; top:0; filter:drop-shadow(0 40px 50px rgba(0, 0, 0, .55)); animation:gr-yuz 7s ease-in-out infinite; }
body.dl-ana .gr-tel.t1 { left:calc(50% - 190px); transform:rotate(-7deg); }
body.dl-ana .gr-tel.t2 { left:calc(50% - 10px); top:26px; transform:rotate(6deg); animation-delay:-3.5s; }
@keyframes gr-yuz { 50% { translate:0 -10px; } }
body.dl-ana .gr-cip { position:absolute; z-index:2; display:inline-flex; align-items:center; gap:10px; padding:10px 14px 10px 10px; border-radius:15px; background:rgba(28, 28, 31, .88); border:1px solid rgba(255, 255, 255, .1); backdrop-filter:blur(12px); box-shadow:0 20px 40px -18px rgba(0, 0, 0, .7); font-size:13px; animation:gr-yuz 6s ease-in-out infinite; }
body.dl-ana .gr-cip i { width:30px; height:30px; border-radius:9px; display:grid; place-items:center; background:#d9fa31; color:#111; font-size:16px; }
body.dl-ana .gr-cip b { font-weight:600; } body.dl-ana .gr-cip.c1 b { font-family:var(--fm); font-weight:500; }
body.dl-ana .gr-cip span { display:flex; flex-direction:column; line-height:1.25; } body.dl-ana .gr-cip small { opacity:.6; font-size:11.5px; }
body.dl-ana .gr-cip.c1 { left:-4px; top:220px; animation-delay:-2s; }
body.dl-ana .gr-cip.c2 { right:-8px; top:90px; animation-delay:-4s; }
body.dl-ana .gr-sag h2 { font-size:clamp(28px, 2.6vw, 36px); line-height:1.08; letter-spacing:-.035em; font-weight:650; margin:0; color:#f3f3ef; text-wrap:balance; }
body.dl-ana .gr-sag p { margin:14px 0 0; color:rgba(243, 243, 239, .65); font-size:15.5px; line-height:1.55; }
body.dl-ana .gr-artilar { list-style:none; margin:22px 0 0; padding:0; display:flex; flex-direction:column; gap:10px; }
body.dl-ana .gr-artilar li { display:flex; align-items:center; gap:10px; font-size:14.5px; }
body.dl-ana .gr-artilar i { width:22px; height:22px; border-radius:50%; display:grid; place-items:center; background:rgba(217, 250, 49, .14); color:#d9fa31; font-size:12px; }

@media (max-width: 1000px) {
    body.dl-ana .gr { grid-template-columns:1fr; }
    body.dl-ana .gr-sag { display:none; }
    body.dl-ana .gr-form { padding:40px 0; }
}
@media (max-width: 600px) {
    body.dl-ana .gr-sol { padding:18px 16px 22px; }
    body.dl-ana .gr-ust .logo img { height:26px; }
    body.dl-ana .gr-form { padding:28px 0 36px; }
}
@media (prefers-reduced-motion: reduce) {
    body.dl-ana .gr-form, body.dl-ana .gr-tel, body.dl-ana .gr-cip { animation:none; }
}

/* sosyal giriş (Google, Apple…): satıcı formun altına hr + div içinde .mt-2 > a.btn-light basar; yan yana ızgara.
   Yerelde kapalı (yerel-guvenlik.php anahtarları siler), canlıda açık. Apple'ın siyah logosu gece temasında beyaza döner
   (eski site paketindeki 690-apple-logo-koyu'nun karşılığı). */
body.dl-ana .gr-form hr + div { display:grid; grid-template-columns:repeat(auto-fit, minmax(160px, 1fr)); gap:10px; }
body.dl-ana .gr-form hr + div > .mt-2 { margin:0 !important; }
body.dl-ana .gr-form a[href*="-initiate"] { white-space:nowrap; }
body.dl-ana[data-theme-style="dark"] .gr-form a[href*="apple-initiate"] img, body.dl-ana[data-theme-style="dark"] .gr-form a[href*="twitter-initiate"] img { filter:brightness(0) invert(1); }

/* masaüstünde tam ekran (02.11 kullanıcı isteği): sayfa kaymaz; form sütunu sığmazsa yalnız kendi içinde kayar, sağ panel sabit */
@media (min-width: 1001px) {
    body.dl-ana.dl-giris { height:100vh; overflow:hidden; }
    body.dl-ana .gr { height:100vh; min-height:0; }
    body.dl-ana .gr-sol { height:100vh; min-height:0; overflow-y:auto; padding-top:24px; padding-bottom:20px; scrollbar-width:thin; }
    body.dl-ana .gr-sag { height:calc(100vh - 24px); }
    body.dl-ana .gr-form { padding:24px 0; }
    body.dl-ana .gr-form form { margin-top:22px !important; }
    body.dl-ana .gr-form .form-group { margin-bottom:14px; }
    body.dl-ana .gr-form .form-control { height:48px; }
    body.dl-ana .gr-form .mt-5.text-center { margin-top:20px !important; }
    body.dl-ana .gr-form hr { margin:18px 0 !important; }
}
@media (min-width: 1001px) and (max-height: 860px) {
    body.dl-ana .gr-sahne { height:330px; margin-bottom:26px; }
    body.dl-ana .gr-tel { width:155px; }
    body.dl-ana .gr-tel.t1 { left:calc(50% - 150px); } body.dl-ana .gr-tel.t2 { left:calc(50% - 8px); top:20px; }
    body.dl-ana .gr-cip.c1 { top:170px; } body.dl-ana .gr-cip.c2 { top:60px; }
    body.dl-ana .gr-sag h2 { font-size:28px; } body.dl-ana .gr-sag p { font-size:14.5px; margin-top:10px; }
    body.dl-ana .gr-artilar { margin-top:16px; gap:8px; }
}
@media (min-width: 1001px) and (max-height: 700px) {
    body.dl-ana .gr-sahne { display:none; }
}
@media (min-width: 1001px) and (max-height: 960px) {
    body.dl-ana .gr-sol { padding-top:18px; padding-bottom:14px; }
    body.dl-ana .gr-form { padding:10px 0; }
    body.dl-ana .gr-form h1 { font-size:32px !important; }
    body.dl-ana .gr-form form { margin-top:16px !important; }
    body.dl-ana .gr-form .form-group { margin-bottom:11px; }
    body.dl-ana .gr-form label:not(.custom-control-label) { margin-bottom:5px; }
    body.dl-ana .gr-form .form-control { height:45px; }
    body.dl-ana .gr-form .custom-control + .custom-control, body.dl-ana .gr-form .custom-control.mt-3 { margin-top:8px !important; }
    body.dl-ana .gr-form .form-group.mt-4 { margin-top:16px !important; }
    body.dl-ana .gr-form .btn-primary { height:50px; }
    body.dl-ana .gr-form .btn-light { height:46px; }
    body.dl-ana .gr-form hr { margin:14px 0 !important; }
    body.dl-ana .gr-form .mt-5.text-center { margin-top:14px !important; }
}

/* --- 340-sayfa.css --- */
/* İçerik sayfaları (views/page/index.php) ve yardım merkezi (views/ana/yardim.php), 1.13.0.
   Sayfaların içeriği yönetimde yazılmış bağımsız HTML'dir; her aile kendi değişkenleriyle stillenir (.dl-legal, .dl-page,
   .dl-biolink-page…). Eski site paketindeki 530-sayfa-dili.css bunları ortak --s-* renklerine bağlıyordu; yeni kabukta aynı
   bağlama ana sayfanın tokenlarıyla yapılır (gece/gündüz tokenlardan gelir) ve yazı tipi Instrument Sans olur. */

body.dl-ana :is(.dl-legal, .dl-about-page, .dl-page, .dl-lite-partner-page, .dl-domain-premium, .dl-contact-premium, .dl-icons-page,
    .dl-stats-page, .dl-shortlink-page, .dl-biolink-page, .dl-aihtml-page, .dl-qr-page) {
    --s-zemin: var(--zemin); --s-yuzey: var(--yuzey); --s-yuzey-cam: color-mix(in srgb, var(--yuzey) 92%, transparent);
    --s-yuzey-2: var(--yuzey-2); --s-yuzey-3: var(--hover); --s-kenar: var(--kenar); --s-kenar-guclu: var(--kenar-2);
    --s-metin: var(--metin); --s-metin-yumusak: var(--metin-2); --s-soluk: var(--soluk);
    --s-marka: var(--vurgu); --s-marka-ustu: #111; --s-vurgu: var(--vurgu-ikon); --s-vurgu-parlak: var(--vurgu-ikon);
    --s-vurgu-yumusak: var(--vurgu-zemin); --s-vurgu-guclu: color-mix(in srgb, var(--vurgu-ikon) 24%, transparent);
}
body.dl-ana[data-theme-style="light"] :is(.dl-legal, .dl-about-page, .dl-page, .dl-lite-partner-page, .dl-domain-premium, .dl-contact-premium,
    .dl-icons-page, .dl-stats-page, .dl-shortlink-page, .dl-biolink-page, .dl-aihtml-page, .dl-qr-page) { --s-vurgu-ustu: #fff; }
body.dl-ana[data-theme-style="dark"] :is(.dl-legal, .dl-about-page, .dl-page, .dl-lite-partner-page, .dl-domain-premium, .dl-contact-premium,
    .dl-icons-page, .dl-stats-page, .dl-shortlink-page, .dl-biolink-page, .dl-aihtml-page, .dl-qr-page) { --s-vurgu-ustu: #111; }

body.dl-ana[data-theme-style] .dl-legal {
    --dl-bg: var(--s-zemin); --dl-card: var(--s-yuzey); --dl-surface: var(--s-yuzey-2); --dl-surface-strong: var(--s-yuzey-3);
    --dl-text: var(--s-metin); --dl-muted: var(--s-soluk); --dl-border: var(--s-kenar); --dl-accent: var(--s-vurgu); --dl-accent-ink: var(--s-vurgu-ustu);
}
body.dl-ana[data-theme-style] :is(.dl-about-page, .dl-page, .dl-lite-partner-page, .dl-domain-premium, .dl-stats-page) {
    --dl-brand: var(--s-marka); --dl-brand-soft: var(--s-vurgu-yumusak); --dl-brand-border: var(--s-vurgu-guclu); --dl-dark: var(--s-marka-ustu);
    --dl-text: var(--s-metin); --dl-text-soft: var(--s-metin-yumusak); --dl-muted: var(--s-soluk); --dl-border: var(--s-kenar);
    --dl-border-strong: var(--s-kenar-guclu); --dl-surface: var(--s-yuzey-cam); --dl-surface-2: var(--s-yuzey-2); --dl-surface-3: var(--s-yuzey-3);
    --dl-accent: var(--s-vurgu); --dl-accent-text: var(--s-vurgu-ustu); --dl-accent-soft: var(--s-vurgu-yumusak); --dl-accent-strong: var(--s-vurgu-guclu);
    --dl-soft: var(--s-metin-yumusak);
}
body.dl-ana[data-theme-style] .dl-contact-premium { --dl-brand: var(--s-marka); --dl-dark: var(--s-marka-ustu); --dl-soft-border: var(--s-kenar); }
body.dl-ana[data-theme-style] .dl-icons-page {
    --dl-icon-accent: var(--s-vurgu); --dl-icon-accent-strong: var(--s-vurgu-parlak); --dl-icon-button-text: var(--s-vurgu-ustu);
    --dl-icon-surface: var(--s-yuzey); --dl-icon-surface-alt: var(--s-yuzey-2); --dl-icon-text: var(--s-metin); --dl-icon-muted: var(--s-soluk); --dl-icon-border: var(--s-kenar);
}
body.dl-ana[data-theme-style] .dl-shortlink-page {
    --dl-short-text: var(--s-metin); --dl-short-text-soft: var(--s-metin-yumusak); --dl-short-muted: var(--s-soluk); --dl-short-surface: var(--s-yuzey-cam);
    --dl-short-surface-2: var(--s-yuzey-2); --dl-short-surface-3: var(--s-yuzey-3); --dl-short-border: var(--s-kenar); --dl-short-border-strong: var(--s-kenar-guclu);
    --dl-short-radius-lg: 22px; --dl-short-radius-md: 16px; --dl-short-radius-sm: 12px;
}
body.dl-ana[data-theme-style] .dl-biolink-page {
    --dl-bio-text: var(--s-metin); --dl-bio-text-soft: var(--s-metin-yumusak); --dl-bio-muted: var(--s-soluk); --dl-bio-surface: var(--s-yuzey-cam);
    --dl-bio-surface-2: var(--s-yuzey-2); --dl-bio-surface-3: var(--s-yuzey-3); --dl-bio-border: var(--s-kenar); --dl-bio-border-strong: var(--s-kenar-guclu);
    --dl-bio-radius-lg: 22px; --dl-bio-radius-md: 16px; --dl-bio-radius-sm: 12px;
}
body.dl-ana[data-theme-style] .dl-aihtml-page {
    --dl-aihtml-text: var(--s-metin); --dl-aihtml-text-soft: var(--s-metin-yumusak); --dl-aihtml-muted: var(--s-soluk); --dl-aihtml-surface: var(--s-yuzey-cam);
    --dl-aihtml-surface-2: var(--s-yuzey-2); --dl-aihtml-surface-3: var(--s-yuzey-3); --dl-aihtml-border: var(--s-kenar); --dl-aihtml-border-strong: var(--s-kenar-guclu);
    --dl-aihtml-radius-lg: 22px; --dl-aihtml-radius-md: 16px; --dl-aihtml-radius-sm: 12px;
}
body.dl-ana[data-theme-style] .dl-qr-page {
    --dl-qr-text: var(--s-metin); --dl-qr-text-soft: var(--s-metin-yumusak); --dl-qr-muted: var(--s-soluk); --dl-qr-surface: var(--s-yuzey-cam);
    --dl-qr-surface-2: var(--s-yuzey-2); --dl-qr-surface-3: var(--s-yuzey-3); --dl-qr-border: var(--s-kenar); --dl-qr-border-strong: var(--s-kenar-guclu);
    --dl-qr-radius-lg: 22px; --dl-qr-radius-md: 16px; --dl-qr-radius-sm: 12px;
}

/* yazı tipi: içerikteki Inter/Open Sans/system kuralları yerine sitenin yazı tipi; ikon, kod ve SVG'ye dokunulmaz */
body.dl-ana .sy-icerik, body.dl-ana .sy-icerik *:not(i, code, pre, kbd, samp, svg, svg *, [class*="fa-"], [class*="ph-"], [class^="ph"]) { font-family:var(--f); }
body.dl-ana .sy-icerik :is(h1, h2, h3) { letter-spacing:-.03em; }

/* çerçeve */
body.dl-ana .sy-sayfa { padding:20px 0 80px; min-height:60vh; }
body.dl-ana .sy-gizli { position:absolute !important; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0, 0, 0, 0); white-space:nowrap; border:0; }
body.dl-ana .sy-icerik { max-width:1240px; margin:0 auto; padding:0 24px; }
body.dl-ana .sy-icerik img { max-width:100%; height:auto; }
body.dl-ana .sy-dar { max-width:780px; padding-top:40px; }
body.dl-ana .sy-bas { margin-bottom:28px; }
body.dl-ana .sy-bas h1 { font-size:clamp(34px, 4.6vw, 52px); line-height:1.06; letter-spacing:-.035em; margin:0; font-weight:650; }
body.dl-ana .sy-bas p { color:var(--soluk); font-size:18px; margin:14px 0 0; }

/* yardım merkezi */
body.dl-ana .yr-govde { padding:24px 0 100px; }
body.dl-ana .yr-grup { margin-top:56px; }
body.dl-ana .yr-grup:first-child { margin-top:12px; }
body.dl-ana .yr-grup-bas { margin-bottom:18px; }
body.dl-ana .yr-grup-bas h2 { font-size:26px; margin:0; letter-spacing:-.03em; font-weight:650; }
body.dl-ana .yr-grup-bas p { color:var(--soluk); margin:6px 0 0; }
body.dl-ana .yr-izgara { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:12px; }
body.dl-ana .yr-kart { display:flex; align-items:flex-start; gap:14px; padding:18px; border:1px solid var(--kenar); border-radius:20px; background:var(--yuzey); transition:border-color .2s, transform .3s var(--e), box-shadow .3s var(--e); }
body.dl-ana .yr-kart:hover { border-color:var(--kenar-2); transform:translateY(-2px); box-shadow:var(--golge); }
body.dl-ana .yr-kart .ik { flex:none; width:42px; height:42px; border-radius:12px; display:grid; place-items:center; background:var(--yuzey-2); font-size:20px; color:var(--metin); transition:background .2s, color .2s; }
body.dl-ana .yr-kart:hover .ik { background:var(--vurgu); color:#111; }
body.dl-ana .yr-kart .yazi { flex:1; min-width:0; display:flex; flex-direction:column; gap:4px; }
body.dl-ana .yr-kart b { font-size:15.5px; font-weight:620; line-height:1.3; }
body.dl-ana .yr-kart small { color:var(--soluk); font-size:13.5px; line-height:1.45; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
body.dl-ana .yr-kart .ok { color:var(--cok-soluk); transition:transform .25s var(--e), color .2s; }
body.dl-ana .yr-kart:hover .ok { transform:translate(2px, -2px); color:var(--metin); }
body.dl-ana .yr-izgara.sik .yr-kart { align-items:center; padding:14px 16px; }
body.dl-ana .yr-izgara.sik .yr-kart .ik { width:34px; height:34px; font-size:17px; border-radius:10px; }
body.dl-ana .yr-sss { margin-top:72px; }
body.dl-ana .yr-sss .destek-k { margin-top:8px; }
body.dl-ana .yr-cevap { color:var(--soluk); margin:-8px 0 22px; max-width:66ch; }
body.dl-ana .yr-cevap p { margin:0 0 .6em; } body.dl-ana .yr-cevap a { color:var(--metin); text-decoration:underline; }
body.dl-ana .yr-bos { text-align:center; color:var(--soluk); padding:40px 0; }

@media (max-width: 1100px) { body.dl-ana .yr-izgara { grid-template-columns:repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px) {
    body.dl-ana .yr-izgara { grid-template-columns:1fr; }
    body.dl-ana .sy-icerik { padding:0 16px; }
}

/* vurgu şeritleri yok (02.11 kullanıcı: "yapay zekâ olduğu çok belli"): içeriklerdeki kalın renkli sol kenarlıklar öbür kenarlarla
   aynı ince çizgiye iner, ::before ile çizilen sol ve üst şeritler kalkar */
body.dl-ana .sy-icerik :is(.dl-legal__notice, .dl-icons__request-note) { border-left-width:1px !important; border-left-color:var(--kenar) !important; }
body.dl-ana .sy-icerik .dl-callout { border-left-width:1px !important; border-left-color:color-mix(in srgb, var(--vurgu-ikon) 24%, transparent) !important; }
body.dl-ana .sy-icerik .dl-stats-answer { border-left:0 !important; }
body.dl-ana .sy-icerik :is(.dl-price-module, .dl-stats-bar, .dl-highlight-panel)::before { display:none !important; }

/* yasal metinler (.dl-legal, 1.19.0): site genişliğinde; geniş ekranda solda yapışkan içindekiler, sağda okuma sütunu.
   Etkin başlık 345-yasal.js ile işaretlenir. */
body.dl-ana[data-theme-style] .sy-icerik .dl-legal { max-width:none; }
body.dl-ana .sy-icerik .dl-legal__toc a.aktif { color:var(--metin); font-weight:600; }
@media (min-width: 1025px) {
    body.dl-ana[data-theme-style] .sy-icerik .dl-legal { display:grid; grid-template-columns:280px minmax(0, 1fr); column-gap:72px; align-items:start; }
    body.dl-ana .sy-icerik .dl-legal > * { grid-column:2; min-width:0; max-width:820px; }
    body.dl-ana .sy-icerik .dl-legal > .dl-legal__hero { grid-column:1 / -1; max-width:none; margin-bottom:28px; }
    body.dl-ana .sy-icerik .dl-legal > .dl-legal__toc { grid-column:1; grid-row:2 / span 60; position:sticky; top:96px; margin:0; max-height:calc(100vh - 120px); overflow-y:auto; overflow-x:hidden; overscroll-behavior:contain; scrollbar-width:thin; }
    body.dl-ana .sy-icerik .dl-legal__toc ol { columns:1 !important; }
    body.dl-ana .sy-icerik .dl-legal__toc li { margin:0; }
    body.dl-ana .sy-icerik .dl-legal__toc a { display:block; padding:5px 10px; margin:0 -10px; border-radius:8px; color:var(--soluk); text-decoration:none; font-size:14px; line-height:1.4; transition:background .2s, color .2s; }
    body.dl-ana .sy-icerik .dl-legal__toc a:hover { color:var(--metin); background:var(--yuzey-2); }
    body.dl-ana .sy-icerik .dl-legal__toc a.aktif { background:var(--yuzey-2); }
}

/* --- 350-satici.css --- */
/* Satıcının görünümüyle açılan ziyaretçi sayfaları (views/ana/wrapper.php sarar: chrome-extension, api-documentation, contact,
   affiliate, broadcast-subscribe, tools), 1.14.0. İşaretleme satıcınındır (bootstrap); burada yeni tasarıma giydirilir:
   başlıklar, kartlar, ikon kutuları, SSS akordiyonları, formlar, düğmeler, rozetler, tablolar, kod blokları. */
body.dl-ana .vs-sayfa { padding:48px 0 90px; min-height:60vh; color:var(--metin); }
body.dl-ana .vs-sayfa .container { max-width:1240px; padding-left:24px; padding-right:24px; }

/* başlıklar */
body.dl-ana .vs-sayfa :is(h1, .h1, .h2) { font-size:clamp(34px, 4.4vw, 54px) !important; font-weight:650 !important; letter-spacing:-.04em; line-height:1.04; color:var(--metin); text-wrap:balance; }
body.dl-ana .vs-sayfa :is(h2, .h3, .h4) { font-size:clamp(24px, 2.4vw, 30px) !important; font-weight:650 !important; letter-spacing:-.03em; line-height:1.15; color:var(--metin); }
body.dl-ana .vs-sayfa :is(h3, .h5) { font-size:19px !important; font-weight:620 !important; letter-spacing:-.02em; color:var(--metin); }
body.dl-ana .vs-sayfa :is(h1, .h1) + p, body.dl-ana .vs-sayfa .text-center > p.text-muted { font-size:17px; }
body.dl-ana .vs-sayfa .h6, body.dl-ana .vs-sayfa h6 { font-size:15.5px !important; font-weight:620 !important; color:var(--metin); }
body.dl-ana .vs-sayfa :is(.text-muted, .text-gray-500, .text-gray-600) { color:var(--soluk) !important; }
body.dl-ana .vs-sayfa :is(.text-gray-800, .text-gray-900, .text-dark) { color:var(--metin) !important; }
body.dl-ana .vs-sayfa :is(.text-primary, .text-primary-600) { color:var(--vurgu-ikon) !important; }
body.dl-ana .vs-sayfa a:not(.btn):not(.stretched-link):not(.nav-link):not(.page-link) { color:var(--metin); }

/* kartlar ve ikon kutuları */
body.dl-ana .vs-sayfa .card { border:1px solid var(--kenar) !important; border-radius:22px !important; background:var(--yuzey) !important; box-shadow:none !important; transition:border-color .2s, transform .3s var(--e), box-shadow .3s var(--e); }
body.dl-ana .vs-sayfa .card.up-animation:hover, body.dl-ana .vs-sayfa .card:has(.stretched-link):hover { border-color:var(--kenar-2) !important; transform:translateY(-2px); box-shadow:var(--golge) !important; }
body.dl-ana .vs-sayfa .card-body { padding:22px !important; }
body.dl-ana .vs-sayfa :is(.contact-icon-wrapper, .api-widget-icon, .tool-icon, .index-icon-container, .bg-primary-50, .bg-primary-100) { background:var(--vurgu-zemin) !important; color:var(--vurgu-ikon) !important; border-radius:13px !important; }
body.dl-ana .vs-sayfa :is(.contact-icon-wrapper, .api-widget-icon, .tool-icon, .index-icon-container) :is(svg, i) { color:var(--vurgu-ikon) !important; }
body.dl-ana .vs-sayfa .bg-gray-100, body.dl-ana .vs-sayfa .bg-gray-50 { background:var(--yuzey-2) !important; }
body.dl-ana .vs-sayfa .rounded-2x { border-radius:22px !important; }

/* SSS akordiyonları (satıcının collapse düğmeleri) */
body.dl-ana .vs-sayfa .btn.text-left.px-0 { font-size:16.5px !important; font-weight:600 !important; color:var(--metin) !important; padding-top:6px; padding-bottom:6px; }
body.dl-ana .vs-sayfa .btn.text-left.px-0 svg { color:var(--soluk) !important; transition:transform .3s var(--e); }
body.dl-ana .vs-sayfa .btn.text-left.px-0[aria-expanded="true"] svg { transform:rotate(180deg); color:var(--vurgu-ikon) !important; }

/* düğmeler */
body.dl-ana .vs-sayfa .btn { border-radius:13px !important; font-weight:600 !important; box-shadow:none !important; transition:filter .2s, border-color .2s, transform .12s; }
body.dl-ana .vs-sayfa .btn:active { transform:scale(.99); }
body.dl-ana .vs-sayfa .btn-primary { background:var(--vurgu) !important; border-color:var(--vurgu) !important; color:#111 !important; }
body.dl-ana .vs-sayfa .btn-primary:hover { filter:brightness(.96); }
body.dl-ana .vs-sayfa :is(.btn-outline-primary, .btn-outline-secondary, .btn-light, .btn-gray-100, .btn-gray-200, .btn-outline-gray-200, .btn-secondary) { background:var(--yuzey) !important; border:1px solid var(--kenar-2) !important; color:var(--metin) !important; }
body.dl-ana .vs-sayfa :is(.btn-outline-primary, .btn-outline-secondary, .btn-light, .btn-gray-100, .btn-gray-200, .btn-outline-gray-200, .btn-secondary):hover { border-color:var(--soluk) !important; }
body.dl-ana .vs-sayfa .btn-lg { height:52px; display:inline-flex; align-items:center; justify-content:center; gap:8px; font-size:16px !important; }
body.dl-ana .vs-sayfa .btn-block.btn-lg { display:flex; }

/* formlar */
body.dl-ana .vs-sayfa label:not(.custom-control-label) { font-size:13.5px; font-weight:600; color:var(--metin-2); margin-bottom:7px; }
body.dl-ana .vs-sayfa :is(.form-control, .custom-select) { min-height:48px; border-radius:13px !important; border:1px solid var(--kenar-2) !important; background:var(--yuzey) !important; color:var(--metin) !important; box-shadow:none !important; font-size:15px; }
body.dl-ana .vs-sayfa textarea.form-control { padding-top:12px; }
body.dl-ana .vs-sayfa :is(.form-control, .custom-select):focus { border-color:var(--soluk) !important; box-shadow:0 0 0 3px color-mix(in srgb, var(--metin) 10%, transparent) !important; }
body.dl-ana .vs-sayfa small.form-text { color:var(--soluk) !important; }
body.dl-ana .vs-sayfa .alert { border-radius:14px; border:1px solid var(--kenar); background:var(--yuzey); color:var(--metin); }

/* rozetler, tablolar, kod */
body.dl-ana .vs-sayfa .badge { border-radius:8px !important; font-weight:600; padding:5px 9px; }
body.dl-ana .vs-sayfa :is(.badge-gray-100, .badge-light, .badge-secondary) { background:var(--yuzey-2) !important; color:var(--metin-2) !important; }
body.dl-ana .vs-sayfa :is(.badge-primary, .badge-success) { background:var(--vurgu-zemin) !important; color:var(--vurgu-metin) !important; }
body.dl-ana .vs-sayfa .table { color:var(--metin); }
body.dl-ana .vs-sayfa .table :is(th, td) { border-color:var(--kenar) !important; }
body.dl-ana .vs-sayfa .table thead th { background:var(--yuzey-2); font-size:13px; font-weight:600; color:var(--metin-2); border-bottom:1px solid var(--kenar) !important; }
body.dl-ana .vs-sayfa .table-responsive { border:1px solid var(--kenar); border-radius:16px; }
body.dl-ana .vs-sayfa pre { background:#121213 !important; color:#e7e7e2 !important; border:1px solid var(--kenar); border-radius:16px; padding:16px 18px; font:500 13px/1.6 var(--fm); }
body.dl-ana .vs-sayfa code { font-family:var(--fm); }
body.dl-ana .vs-sayfa :not(pre) > code { background:var(--yuzey-2); color:var(--metin); padding:2px 6px; border-radius:6px; font-size:.88em; }

/* breadcrumb ve sekmeler */
body.dl-ana .vs-sayfa .custom-breadcrumbs { font-size:13px; color:var(--soluk); }
body.dl-ana .vs-sayfa .custom-breadcrumbs a { color:var(--soluk); } body.dl-ana .vs-sayfa .custom-breadcrumbs a:hover { color:var(--metin); }
body.dl-ana .vs-sayfa .nav-pills .nav-link { border-radius:11px; color:var(--metin-2); font-weight:500; }
body.dl-ana .vs-sayfa .nav-pills .nav-link.active { background:var(--murekkep); color:var(--murekkep-ustu); }
body.dl-ana .vs-sayfa .list-group-item { background:var(--yuzey); border-color:var(--kenar); color:var(--metin); }

@media (max-width: 640px) {
    body.dl-ana .vs-sayfa { padding-top:28px; }
    body.dl-ana .vs-sayfa .container { padding-left:16px; padding-right:16px; }
}

/* --- 360-urun.css --- */
/* Ürün rehberi sayfaları (views/urun/*, src/Urun.php), 1.15.0: hero + ürün görseli, özellikler, adımlar, rehber, öbür ürünler. */

/* hero */
body.dl-ana .ur-hero { padding:64px 0 40px; position:relative; overflow:hidden; }
body.dl-ana .ur-hero .kap { display:grid; grid-template-columns:minmax(0, 1.05fr) minmax(0, 1fr); gap:56px; align-items:center; }
body.dl-ana .ur-hero h1 { font-size:clamp(38px, 5vw, 62px); line-height:1.03; letter-spacing:-.045em; font-weight:650; margin:0; text-wrap:balance; }
body.dl-ana .ur-alt { color:var(--soluk); font-size:18.5px; line-height:1.55; margin:20px 0 0; max-width:52ch; }
body.dl-ana .ur-dugmeler { display:flex; gap:10px; flex-wrap:wrap; margin-top:30px; }
body.dl-ana .ur-dugmeler .dugme { height:50px; padding:0 20px; font-size:15px; border-radius:14px; }
body.dl-ana .ur-cipler { list-style:none; margin:24px 0 0; padding:0; display:flex; flex-wrap:wrap; gap:8px 18px; font-size:14px; color:var(--metin-2); }
body.dl-ana .ur-cipler li { display:inline-flex; align-items:center; gap:7px; } body.dl-ana .ur-cipler i { color:var(--vurgu-ikon); }
body.dl-ana .ur-hero-sag { position:relative; min-height:440px; display:grid; place-items:center; }

/* görseller ortak */
body.dl-ana .ug { position:relative; width:100%; max-width:460px; }
body.dl-ana .ug-kart { border:1px solid var(--kenar); border-radius:26px; background:var(--yuzey); box-shadow:var(--golge); padding:22px; }
body.dl-ana .ug-cip { position:absolute; z-index:3; display:inline-flex; align-items:center; gap:10px; padding:9px 13px 9px 9px; border-radius:14px; border:1px solid var(--kenar); background:color-mix(in srgb, var(--yuzey) 92%, transparent); backdrop-filter:blur(12px); box-shadow:var(--golge); font-size:13px; animation:ur-yuz 6s ease-in-out infinite; }
body.dl-ana .ug-cip > i { width:30px; height:30px; border-radius:9px; display:grid; place-items:center; background:var(--vurgu); color:#111; font-size:16px; }
body.dl-ana .ug-cip span { display:flex; flex-direction:column; line-height:1.25; } body.dl-ana .ug-cip small { color:var(--soluk); font-size:11.5px; }
@keyframes ur-yuz { 50% { translate:0 -8px; } }
body.dl-ana .ug .mono { font-family:var(--fm); } body.dl-ana .ug .soluk { color:var(--cok-soluk); }

/* telefon (bio link) */
body.dl-ana .ug-telefon { height:440px; }
body.dl-ana .ug-isik { position:absolute; inset:10% 5%; border-radius:50%; background:radial-gradient(closest-side, color-mix(in srgb, var(--vurgu) 22%, transparent), transparent); }
body.dl-ana .ug-telefon .tel { position:absolute; width:205px; height:auto; top:10px; filter:drop-shadow(0 34px 44px rgba(0, 0, 0, .35)); animation:ur-yuz 7s ease-in-out infinite; }
body.dl-ana .ug-telefon .t1 { left:calc(50% - 200px); transform:rotate(-7deg); animation-delay:-3s; }
body.dl-ana .ug-telefon .t2 { left:calc(50% - 15px); top:34px; transform:rotate(5deg); }
body.dl-ana .ug-telefon .c1 { left:-6px; top:250px; animation-delay:-2s; } body.dl-ana .ug-telefon .c2 { right:-6px; top:96px; animation-delay:-4s; }

/* link kısaltma */
body.dl-ana .ug-uzun { display:flex; align-items:center; gap:10px; padding:13px 14px; border-radius:14px; background:var(--zemin-2); border:1px solid var(--kenar); color:var(--soluk); font:500 12.5px var(--fm); }
body.dl-ana .ug-uzun span { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
body.dl-ana .ug-ok { display:grid; place-items:center; height:38px; color:var(--cok-soluk); animation:ur-asagi 2.4s ease-in-out infinite; }
@keyframes ur-asagi { 50% { translate:0 4px; } }
body.dl-ana .ug-kisa { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:14px 14px 14px 18px; border-radius:16px; border:1px solid color-mix(in srgb, var(--vurgu-ikon) 40%, var(--kenar)); background:var(--vurgu-zemin); font-size:17px; }
body.dl-ana .ug-kisa .yaz { display:inline-block; overflow:hidden; white-space:nowrap; vertical-align:bottom; color:var(--metin); animation:ur-yaz 4.5s steps(10, end) infinite; }
@keyframes ur-yaz { 0% { max-width:0; } 40%, 100% { max-width:10ch; } }
body.dl-ana .ug-kisa .kopya { display:inline-flex; align-items:center; gap:6px; height:34px; padding:0 12px; border-radius:10px; background:var(--murekkep); color:var(--murekkep-ustu); font-size:13px; font-weight:600; }
body.dl-ana .ug-tik { display:grid; grid-template-columns:auto 1fr; align-items:end; gap:16px; margin-top:20px; position:relative; }
body.dl-ana .ug-tik b { display:block; font-size:30px; letter-spacing:-.03em; } body.dl-ana .ug-tik small { color:var(--soluk); font-size:13px; }
body.dl-ana .ug-tik svg { width:100%; height:44px; overflow:visible; }
body.dl-ana .ug .ciz { fill:none; stroke:var(--vurgu-ikon); stroke-width:2.4; stroke-linecap:round; stroke-dasharray:420; stroke-dashoffset:420; animation:ur-ciz 2.2s .4s var(--e) forwards; }
@keyframes ur-ciz { to { stroke-dashoffset:0; } }
body.dl-ana .ug-tik em, body.dl-ana .ug-ornek { position:absolute; right:0; top:-4px; font:500 10.5px var(--fm); color:var(--cok-soluk); font-style:normal; }

/* QR */
body.dl-ana .ug-qr { height:420px; display:grid; place-items:center; }
body.dl-ana .ug-qr-kart { position:relative; width:270px; padding:22px; border-radius:28px; background:#fff; box-shadow:var(--golge); border:1px solid var(--kenar); --qr:#111; animation:ur-qr-renk 8s steps(1) infinite; }
body.dl-ana .ug-qr-svg { display:block; width:100%; height:auto; }
body.dl-ana .ug-qr-svg .hucre rect, body.dl-ana .ug-qr-svg .goz rect:last-child { fill:var(--qr); transition:fill .6s; }
body.dl-ana .ug-qr-svg .goz rect { fill:var(--qr); } body.dl-ana .ug-qr-svg .goz rect[fill="none"] { fill:none; stroke:var(--qr); }
body.dl-ana .ug-qr-logo { position:absolute; left:50%; top:50%; width:56px; height:56px; margin:-28px 0 0 -28px; border-radius:16px; background:#d9fa31; color:#111; display:grid; place-items:center; font-size:26px; border:4px solid #fff; }
@keyframes ur-qr-renk { 0% { --qr:#111; } 25% { --qr:#2d3a8c; } 50% { --qr:#0f6b4f; } 75% { --qr:#8f1d2c; } }
@property --qr { syntax:'<color>'; inherits:true; initial-value:#111; }
body.dl-ana .ug-qr .c1 { left:0; top:40px; } body.dl-ana .ug-qr .c2 { right:-4px; top:150px; animation-delay:-2s; } body.dl-ana .ug-qr .c3 { left:20px; bottom:40px; animation-delay:-4s; }
body.dl-ana .ug-renkler { position:absolute; right:30px; bottom:30px; display:flex; gap:6px; padding:8px; border-radius:14px; background:var(--yuzey); border:1px solid var(--kenar); box-shadow:var(--golge); }
body.dl-ana .ug-renkler i { width:20px; height:20px; border-radius:50%; background:var(--r); }

/* AI website (tarayıcı) */
body.dl-ana .ug-tarayici { padding:0; overflow:hidden; }
body.dl-ana .ug-cubuk { display:flex; align-items:center; gap:10px; padding:12px 14px; border-bottom:1px solid var(--kenar); background:var(--zemin-2); font-size:12.5px; }
body.dl-ana .ug-cubuk .nokta { display:flex; gap:5px; } body.dl-ana .ug-cubuk .nokta i { width:9px; height:9px; border-radius:50%; background:var(--kenar-2); }
body.dl-ana .ug-cubuk .adres { flex:1; display:inline-flex; align-items:center; gap:6px; height:28px; padding:0 10px; border-radius:8px; background:var(--yuzey); border:1px solid var(--kenar); font-family:var(--fm); color:var(--metin-2); }
body.dl-ana .ug-cubuk .adres i { color:var(--cok-soluk); }
body.dl-ana .ug-yayin { display:inline-flex; align-items:center; gap:6px; font-weight:600; color:var(--vurgu-ikon); }
body.dl-ana .ug-yayin i { width:7px; height:7px; border-radius:50%; background:#22c55e; box-shadow:0 0 0 3px rgba(34, 197, 94, .2); }
body.dl-ana .ug-istem { display:flex; gap:10px; align-items:flex-start; margin:16px; padding:12px 14px; border-radius:14px; background:var(--vurgu-zemin); font-size:13.5px; color:var(--metin); }
body.dl-ana .ug-istem > i { color:var(--vurgu-ikon); margin-top:2px; }
body.dl-ana .ug-site { padding:0 16px 18px; display:flex; flex-direction:column; gap:10px; }
body.dl-ana .ug-site > * { opacity:0; transform:translateY(8px); animation:ur-kur 5s var(--e) infinite; }
body.dl-ana .ug-site > :nth-child(2) { animation-delay:.25s; } body.dl-ana .ug-site > :nth-child(3) { animation-delay:.5s; } body.dl-ana .ug-site > :nth-child(4) { animation-delay:.7s; }
@keyframes ur-kur { 0% { opacity:0; transform:translateY(8px); } 15%, 85% { opacity:1; transform:none; } 100% { opacity:0; } }
body.dl-ana .s-hero { border-radius:14px; padding:18px; background:linear-gradient(135deg, #3a1d0f, #8a5a2b); display:flex; flex-direction:column; gap:8px; }
body.dl-ana .s-hero b { width:60%; height:14px; border-radius:6px; background:rgba(255, 255, 255, .9); } body.dl-ana .s-hero i { width:85%; height:7px; border-radius:4px; background:rgba(255, 255, 255, .5); } body.dl-ana .s-hero i.kisa { width:55%; }
body.dl-ana .s-hero span { width:90px; height:26px; border-radius:8px; background:#d9fa31; margin-top:4px; }
body.dl-ana .s-kart { display:grid; grid-template-columns:repeat(3, 1fr); gap:8px; } body.dl-ana .s-kart i { height:58px; border-radius:12px; background:var(--yuzey-2); border:1px solid var(--kenar); }
body.dl-ana .s-satir { height:8px; border-radius:4px; background:var(--kenar-2); opacity:.7; } body.dl-ana .s-satir.kisa { width:60%; }

/* istatistik */
body.dl-ana .ug-grafik { position:relative; color:var(--vurgu-ikon); }
body.dl-ana .ug-kpi { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
body.dl-ana .ug-kpi > div { padding:12px 14px; border-radius:14px; background:var(--zemin-2); border:1px solid var(--kenar); }
body.dl-ana .ug-kpi small { display:block; color:var(--soluk); font-size:12px; } body.dl-ana .ug-kpi b { font-size:24px; letter-spacing:-.03em; color:var(--metin); }
body.dl-ana .ug-kpi .art { font-style:normal; font-size:12px; font-weight:600; color:#16a34a; margin-left:6px; }
body.dl-ana .ug-cizgi { display:block; width:100%; height:130px; margin:16px 0 6px; overflow:visible; }
body.dl-ana .ug-cizgi .ciz { stroke-dasharray:520; stroke-dashoffset:520; }
body.dl-ana .ug-sehir { display:flex; flex-direction:column; gap:8px; }
body.dl-ana .ug-sehir span { display:grid; grid-template-columns:80px 1fr; align-items:center; gap:10px; font-size:12.5px; color:var(--metin-2); }
body.dl-ana .ug-sehir b { font-weight:500; } body.dl-ana .ug-sehir i { height:8px; border-radius:4px; background:linear-gradient(90deg, var(--vurgu-ikon) var(--o), var(--yuzey-2) var(--o)); }
body.dl-ana .ug-grafik .ug-ornek { top:10px; right:14px; }

/* kartvizit */
body.dl-ana .ug-vcard { height:400px; display:grid; place-items:center; }
body.dl-ana .ug-vkart { width:330px; padding:22px; border-radius:26px; background:#121213; color:#f3f3ef; border:1px solid rgba(255, 255, 255, .08); box-shadow:0 40px 70px -30px rgba(0, 0, 0, .6); transform:rotate(-3deg); animation:ur-yuz 7s ease-in-out infinite; }
body.dl-ana .ug-vkart .ust { display:flex; align-items:center; gap:12px; }
body.dl-ana .ug-vkart .av { width:52px; height:52px; border-radius:50%; display:grid; place-items:center; background:linear-gradient(135deg, #c8a27a, #7a4b2a); font-weight:700; }
body.dl-ana .ug-vkart .ust b { display:block; font-size:17px; } body.dl-ana .ug-vkart .ust small { color:rgba(243, 243, 239, .6); font-size:12.5px; }
body.dl-ana .ug-vkart .satirlar { display:flex; flex-direction:column; gap:9px; margin:18px 0; font-size:13px; color:rgba(243, 243, 239, .8); }
body.dl-ana .ug-vkart .satirlar span { display:flex; align-items:center; gap:9px; } body.dl-ana .ug-vkart .satirlar i { color:#d9fa31; }
body.dl-ana .ug-vkart .dugmeler { display:grid; grid-template-columns:auto 1fr; gap:8px; }
body.dl-ana .ug-vkart .dugmeler span { display:inline-flex; align-items:center; justify-content:center; gap:6px; height:40px; padding:0 14px; border-radius:12px; background:rgba(255, 255, 255, .08); font-size:13px; font-weight:600; }
body.dl-ana .ug-vkart .dugmeler .on { background:#d9fa31; color:#111; }
body.dl-ana .ug-vcard .c1 { right:4px; bottom:46px; }

/* özellikler ve adımlar */
body.dl-ana .ur-ozellik { padding-top:72px; }
body.dl-ana .ur-izgara { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:14px; }
body.dl-ana .ur-oz { padding:24px; border:1px solid var(--kenar); border-radius:22px; background:var(--yuzey); transition:border-color .2s, transform .3s var(--e); }
body.dl-ana .ur-oz:hover { border-color:var(--kenar-2); transform:translateY(-2px); }
body.dl-ana .ur-oz .ik { width:44px; height:44px; border-radius:13px; display:grid; place-items:center; background:var(--yuzey-2); font-size:21px; color:var(--metin); transition:background .2s, color .2s; }
body.dl-ana .ur-oz:hover .ik { background:var(--vurgu); color:#111; }
body.dl-ana .ur-oz h3 { font-size:19px; margin:18px 0 8px; letter-spacing:-.02em; } body.dl-ana .ur-oz p { margin:0; color:var(--soluk); font-size:14.5px; line-height:1.55; }
body.dl-ana .ur-adimlar { list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:14px; counter-reset:adim; }
body.dl-ana .ur-adimlar li { position:relative; padding:26px 24px; border-radius:22px; background:var(--zemin-2); border:1px solid var(--kenar); }
body.dl-ana .ur-adimlar .no { font:500 13px var(--fm); color:var(--vurgu-ikon); }
body.dl-ana .ur-adimlar h3 { font-size:20px; margin:12px 0 6px; letter-spacing:-.02em; } body.dl-ana .ur-adimlar p { margin:0; color:var(--soluk); font-size:14.5px; }
body.dl-ana .ur-adimlar li:not(:last-child)::after { content:""; position:absolute; right:-14px; top:50%; width:14px; height:1px; background:var(--kenar-2); }

/* rehber: içeriğin kendi sınıflarına göre genel kalıplar (stilleri atıldı) */
body.dl-ana .ur-rehber { padding:40px 0 20px; border-top:1px solid var(--kenar); margin-top:40px; }
body.dl-ana .ur-rehber .bas { margin-bottom:0; max-width:760px; }
body.dl-ana .ur-rehber .bas h2 { font-size:clamp(28px, 3vw, 38px); }
body.dl-ana .ur-icerik section { margin:0 0 1.6em; }
body.dl-ana .ur-icerik [class*="section-label"], body.dl-ana .ur-icerik [class*="eyebrow"], body.dl-ana .ur-icerik [class*="badge"] { display:inline-flex; align-items:center; gap:6px; font:600 12px var(--f); color:var(--vurgu-ikon); text-transform:none; letter-spacing:0; margin-bottom:8px; }
body.dl-ana .ur-icerik [class*="-grid"], body.dl-ana .ur-icerik [class*="-metrics"] { display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:12px; margin:1.2em 0 1.6em; }
body.dl-ana .ur-icerik :is(article, [class*="card"], [class*="-good"], [class*="-bad"], [class*="-metric"]):not([class*="-grid"]) { border:1px solid var(--kenar); border-radius:18px; background:var(--yuzey); padding:18px 20px; margin:0; }
body.dl-ana .ur-icerik :is(article, [class*="card"], [class*="-good"], [class*="-bad"], [class*="-metric"]) :is(h3, h4) { margin-top:0; font-size:17.5px; }
body.dl-ana .ur-icerik :is(article, [class*="card"], [class*="-good"], [class*="-bad"], [class*="-metric"]) p { font-size:15.5px; margin-bottom:.6em; }
body.dl-ana .ur-icerik :is(article, [class*="card"], [class*="-good"], [class*="-bad"], [class*="-metric"]) > :last-child { margin-bottom:0; }
body.dl-ana .ur-icerik [class*="-good"] :is(h3, h4)::before { content:"✓ "; color:#16a34a; }
body.dl-ana .ur-icerik [class*="-bad"] :is(h3, h4)::before { content:"✕ "; color:#e5484d; }
body.dl-ana .ur-icerik :is(.cta-box, [class*="-cta"]) { margin:1.8em 0; padding:24px 26px; border-radius:22px; background:#121213; color:#e7e7e2; border:1px solid var(--kenar); }
body.dl-ana .ur-icerik :is(.cta-box, [class*="-cta"]) :is(h2, h3, h4, strong, b) { color:#f3f3ef; margin-top:0; }
body.dl-ana .ur-icerik :is(.cta-box, [class*="-cta"]) p { color:rgba(231, 231, 226, .75); }
body.dl-ana .ur-icerik :is(.cta-box, [class*="-cta"]) a { display:inline-flex; align-items:center; gap:8px; height:44px; padding:0 18px; border-radius:12px; background:#d9fa31; color:#111; text-decoration:none; font-weight:650; font-size:15px; margin:4px 8px 0 0; }
body.dl-ana .ur-icerik a[class*="btn"]:not(.cta-box a) { display:inline-flex; align-items:center; gap:8px; height:44px; padding:0 18px; border-radius:12px; border:1px solid var(--kenar-2); background:var(--yuzey); color:var(--metin); text-decoration:none; font-weight:600; font-size:15px; }
body.dl-ana .ur-icerik :is([class*="trust-box"], [class*="note"], [class*="callout"], [class*="info-box"]) { padding:16px 18px; border-radius:16px; background:var(--yuzey-2); border:1px solid var(--kenar); margin:1.2em 0; font-size:15.5px; }
body.dl-ana .ur-icerik [class*="tablewrap"] { overflow-x:auto; }
body.dl-ana .ur-icerik :is([class*="-faq"]) { margin-top:1em; }
body.dl-ana .ur-icerik svg { max-width:100%; }

/* öbür ürünler */
body.dl-ana .ur-diger-izgara { display:grid; grid-template-columns:repeat(5, minmax(0, 1fr)); gap:12px; }
body.dl-ana .ur-diger-k { display:flex; flex-direction:column; gap:14px; padding:18px; border:1px solid var(--kenar); border-radius:20px; background:var(--yuzey); position:relative; transition:border-color .2s, transform .3s var(--e); }
body.dl-ana .ur-diger-k:hover { border-color:var(--kenar-2); transform:translateY(-2px); }
body.dl-ana .ur-diger-k .ik { width:40px; height:40px; border-radius:12px; display:grid; place-items:center; background:var(--yuzey-2); font-size:19px; }
body.dl-ana .ur-diger-k b { display:block; font-size:15.5px; } body.dl-ana .ur-diger-k small { display:block; color:var(--soluk); font-size:13px; line-height:1.4; margin-top:4px; }
body.dl-ana .ur-diger-k .ok { position:absolute; right:16px; top:18px; color:var(--cok-soluk); }

@media (max-width: 1100px) {
    body.dl-ana .ur-diger-izgara { grid-template-columns:repeat(3, minmax(0, 1fr)); }
    body.dl-ana .ur-izgara { grid-template-columns:repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 900px) {
    body.dl-ana .ur-hero .kap { grid-template-columns:1fr; gap:24px; }
    body.dl-ana .ur-hero-sag { min-height:0; }
    body.dl-ana .ur-adimlar { grid-template-columns:1fr; } body.dl-ana .ur-adimlar li::after { display:none; }
}
@media (max-width: 640px) {
    body.dl-ana .ur-hero { padding-top:36px; }
    body.dl-ana .ur-izgara, body.dl-ana .ur-diger-izgara { grid-template-columns:1fr; }
    body.dl-ana .ur-icerik [class*="-grid"], body.dl-ana .ur-icerik [class*="-metrics"] { grid-template-columns:1fr; }
    body.dl-ana .ug-telefon { height:380px; } body.dl-ana .ug-telefon .tel { width:170px; } body.dl-ana .ug-telefon .t1 { left:calc(50% - 165px); }
    body.dl-ana .ug-qr { height:340px; } body.dl-ana .ug-qr-kart { width:220px; }
    body.dl-ana .ug-vcard { height:340px; } body.dl-ana .ug-vkart { width:290px; }
}
@media (prefers-reduced-motion: reduce) {
    body.dl-ana .ug *, body.dl-ana .ug { animation:none !important; }
    body.dl-ana .ug .ciz { stroke-dashoffset:0; } body.dl-ana .ug-site > * { opacity:1; transform:none; }
}

/* --- 370-destek.css --- */
/* Destek düğmesi (views/ana/destek.php), eski widget'ın yeni kabuktaki karşılığı. Sağ altta; telefonda "Adresini al" alt çubuğu
   açıkken üstüne çıkar. */
body.dl-ana .ds { position:fixed; right:20px; bottom:20px; z-index:65; display:flex; flex-direction:column; align-items:flex-end; gap:12px; }
body.dl-ana .ds-dugme { position:relative; width:56px; height:56px; border-radius:18px; display:grid; place-items:center; background:var(--murekkep); color:var(--murekkep-ustu); font-size:26px; box-shadow:0 18px 40px -14px rgba(0, 0, 0, .55), 0 0 0 1px color-mix(in srgb, var(--metin) 10%, transparent); transition:transform .25s var(--e), border-radius .3s var(--e); }
body.dl-ana .ds-dugme:hover { transform:translateY(-2px); }
body.dl-ana .ds-dugme::after { content:""; position:absolute; top:-3px; right:-3px; width:12px; height:12px; border-radius:50%; background:#22c55e; border:2px solid var(--zemin); }
body.dl-ana .ds-dugme i { position:absolute; transition:transform .3s var(--e), opacity .2s; }
body.dl-ana .ds-dugme .kapa { opacity:0; transform:rotate(-90deg) scale(.6); font-size:22px; }
body.dl-ana .ds.acik .ds-dugme { border-radius:50%; } body.dl-ana .ds.acik .ds-dugme::after { display:none; }
body.dl-ana .ds.acik .ds-dugme .ac { opacity:0; transform:rotate(90deg) scale(.6); }
body.dl-ana .ds.acik .ds-dugme .kapa { opacity:1; transform:none; }

body.dl-ana .ds-panel { width:340px; max-height:min(620px, calc(100vh - 110px)); overflow:auto; overscroll-behavior:contain; padding:16px; border-radius:24px; border:1px solid var(--kenar); background:color-mix(in srgb, var(--yuzey) 96%, transparent); backdrop-filter:blur(20px); box-shadow:0 30px 70px -24px rgba(0, 0, 0, .55); transform-origin:bottom right; animation:ds-ac .3s var(--e); }
body.dl-ana .ds-panel[hidden] { display:none; }
@keyframes ds-ac { from { opacity:0; transform:translateY(10px) scale(.97); } }
body.dl-ana .ds-ust { display:flex; align-items:flex-start; justify-content:space-between; gap:10px; padding:4px 4px 14px; }
body.dl-ana .ds-ust b { display:block; font-size:17px; letter-spacing:-.02em; }
body.dl-ana .ds-ust small { display:inline-flex; align-items:center; gap:6px; margin-top:3px; color:var(--soluk); font-size:12.5px; }
body.dl-ana .ds-ust small i { width:7px; height:7px; border-radius:50%; background:#22c55e; box-shadow:0 0 0 3px rgba(34, 197, 94, .18); }
body.dl-ana .ds-kapat { width:32px; height:32px; border-radius:10px; display:grid; place-items:center; color:var(--soluk); transition:background .2s, color .2s; }
body.dl-ana .ds-kapat:hover { background:var(--yuzey-2); color:var(--metin); }

body.dl-ana .ds-wa { display:flex; align-items:center; gap:12px; padding:14px; border-radius:18px; background:var(--vurgu); color:#111; transition:filter .2s; }
body.dl-ana .ds-wa:hover { filter:brightness(.96); }
body.dl-ana .ds-wa .ik { width:42px; height:42px; border-radius:13px; display:grid; place-items:center; background:#111; color:var(--vurgu); font-size:22px; flex:none; }
body.dl-ana .ds-wa .yz { flex:1; display:flex; flex-direction:column; } body.dl-ana .ds-wa b { font-size:15.5px; } body.dl-ana .ds-wa small { font-size:12.5px; opacity:.7; }
body.dl-ana .ds-ikili { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-top:8px; }
body.dl-ana .ds-ikili a { display:flex; align-items:center; justify-content:center; gap:7px; height:42px; border-radius:13px; border:1px solid var(--kenar); background:var(--zemin-2); font-size:13.5px; font-weight:600; transition:border-color .2s; }
body.dl-ana .ds-ikili a:hover { border-color:var(--kenar-2); }
body.dl-ana .ds-grup { margin-top:16px; }
body.dl-ana .ds-grup h6 { margin:0 0 6px 6px; font:600 11.5px var(--f); color:var(--cok-soluk); text-transform:none; }
body.dl-ana .ds-grup a { display:flex; align-items:center; gap:12px; padding:9px 8px; border-radius:13px; transition:background .2s; }
body.dl-ana .ds-grup a:hover { background:var(--yuzey-2); }
body.dl-ana .ds-grup .ik { width:36px; height:36px; border-radius:11px; display:grid; place-items:center; background:var(--yuzey-2); border:1px solid var(--kenar); font-size:18px; color:var(--metin); flex:none; transition:background .2s, color .2s; }
body.dl-ana .ds-grup a:hover .ik { background:var(--murekkep); color:var(--murekkep-ustu); }
body.dl-ana .ds-grup .yz { flex:1; min-width:0; display:flex; flex-direction:column; } body.dl-ana .ds-grup b { font-size:14px; font-weight:600; } body.dl-ana .ds-grup small { color:var(--soluk); font-size:12px; }
body.dl-ana .ds .ok { color:var(--cok-soluk); transition:transform .25s var(--e); } body.dl-ana .ds a:hover .ok { transform:translate(2px, -2px); }
body.dl-ana .ds-wa .ok { color:#111; }

@media (max-width: 900px) {
    body.dl-ana .ds { right:14px; bottom:14px; transition:transform .35s var(--e); }
    body.dl-ana:has(.alt-cubuk.gorunur) .ds { transform:translateY(-66px); }
    body.dl-ana .ds-dugme { width:50px; height:50px; border-radius:16px; font-size:23px; }
    body.dl-ana .ds-panel { width:calc(100vw - 28px); max-width:360px; }
}

/* --- 380-program.css --- */
/* İş ortaklığı sayfaları (views/program/sablon.php), 1.17.0: Partner Ajans, Lite Partner, satış ortaklığı. */

/* hero */
body.dl-ana .pr-hero { padding:64px 0 48px; }
body.dl-ana .pr-hero .kap { display:grid; grid-template-columns:minmax(0, 1.1fr) minmax(0, .9fr); gap:56px; align-items:center; }
body.dl-ana .pr-hero .kap > * { min-width:0; }
body.dl-ana .pr-hero h1 { font-size:clamp(36px, 4.8vw, 60px); line-height:1.04; letter-spacing:-.045em; font-weight:650; margin:0; text-wrap:balance; }
body.dl-ana .pr-alt { color:var(--soluk); font-size:18px; line-height:1.55; margin:20px 0 0; max-width:54ch; }
body.dl-ana .pr-dugmeler { display:flex; gap:10px; flex-wrap:wrap; margin-top:30px; }
body.dl-ana .pr-dugmeler .dugme, body.dl-ana .pr-hesap .dugme, body.dl-ana .pr-son .dugme { height:50px; padding:0 20px; font-size:15px; border-radius:14px; }

/* teklif kartı */
body.dl-ana .pr-teklif { position:relative; overflow:hidden; border-radius:28px; padding:28px; border:1px solid var(--kenar); background:var(--yuzey); box-shadow:var(--golge); }
body.dl-ana .pr-teklif > * { position:relative; }
body.dl-ana .pr-teklif.koyu { --t-metin:#f3f3ef; color:var(--t-metin); background:linear-gradient(165deg, #1a1c12, #121213 60%); border-color:rgba(217, 250, 49, .2); box-shadow:0 34px 70px -38px rgba(0, 0, 0, .85); }
body.dl-ana .pr-teklif.koyu::before { content:""; position:absolute; right:-140px; top:-140px; width:420px; height:420px; border-radius:50%; background:radial-gradient(closest-side, color-mix(in srgb, var(--vurgu) 22%, transparent), transparent); pointer-events:none; }
body.dl-ana .pr-teklif-ust { display:flex; align-items:center; justify-content:space-between; gap:10px; }
body.dl-ana .pr-teklif .etk { display:inline-flex; align-items:center; gap:7px; font-size:12.5px; font-weight:600; padding:5px 10px; border-radius:9px; background:var(--yuzey-2); }
body.dl-ana .pr-teklif.koyu .etk { background:rgba(217, 250, 49, .12); color:var(--vurgu); }
body.dl-ana .pr-yil { font:500 12px var(--fm); opacity:.6; }
body.dl-ana .pr-fiyat { display:flex; align-items:flex-end; gap:16px; margin:24px 0 4px; }
body.dl-ana .pr-fiyat > div { display:flex; flex-direction:column; gap:4px; }
body.dl-ana .pr-fiyat small { font-size:12px; opacity:.6; }
body.dl-ana .pr-fiyat s { font:600 22px var(--f); opacity:.5; letter-spacing:-.02em; }
body.dl-ana .pr-fiyat b { font:650 40px var(--f); letter-spacing:-.04em; line-height:1; font-variant-numeric:tabular-nums; }
body.dl-ana .pr-fiyat > i { margin-bottom:8px; opacity:.4; }
body.dl-ana .pr-oran { display:flex; align-items:baseline; gap:12px; margin:22px 0 4px; padding-top:20px; border-top:1px solid var(--kenar); }
body.dl-ana .pr-teklif.koyu .pr-oran { border-top-color:rgba(255, 255, 255, .1); }
body.dl-ana .pr-teklif-ust + .pr-oran { border-top:0; padding-top:0; }
body.dl-ana .pr-oran b { font:650 clamp(64px, 7vw, 92px) var(--f); letter-spacing:-.06em; line-height:.9; font-variant-numeric:tabular-nums; }
body.dl-ana .pr-teklif.koyu .pr-oran b { color:var(--vurgu); }
body.dl-ana .pr-oran span { font-size:15px; font-weight:600; line-height:1.3; max-width:16ch; }
body.dl-ana .pr-teklif-alt { margin:6px 0 0; color:var(--soluk); font-size:14px; }
body.dl-ana .pr-teklif-liste { list-style:none; margin:20px 0 0; padding:0; display:grid; grid-template-columns:1fr 1fr; gap:8px; }
body.dl-ana .pr-teklif-liste li { display:flex; align-items:center; gap:9px; padding:10px 12px; border-radius:12px; background:var(--zemin-2); font-size:13.5px; font-weight:500; }
body.dl-ana .pr-teklif.koyu .pr-teklif-liste li { background:rgba(255, 255, 255, .06); }
body.dl-ana .pr-teklif-liste li:last-child:nth-child(odd) { grid-column:1 / -1; }
body.dl-ana .pr-teklif-liste i { font-size:17px; color:var(--vurgu-ikon); flex:none; }
body.dl-ana .pr-teklif.koyu .pr-teklif-liste i { color:var(--vurgu); }
body.dl-ana .pr-teklif-not { margin:16px 0 0; font-size:12.5px; line-height:1.5; opacity:.6; }
body.dl-ana .pr-olcu { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin:18px 0 0; }
body.dl-ana .pr-olcu > div { padding:12px 14px; border-radius:14px; border:1px solid var(--kenar); }
body.dl-ana .pr-olcu dt { font-size:12px; font-weight:500; color:var(--soluk); } body.dl-ana .pr-olcu dd { margin:2px 0 0; font:650 20px var(--f); letter-spacing:-.02em; }

/* kontenjan uyarısı (Lite) */
body.dl-ana .pr-kisa { padding-top:0; }
body.dl-ana .pr-uyari { display:flex; gap:18px; align-items:flex-start; padding:24px 26px; border-radius:22px; border:1px solid var(--kenar); background:var(--zemin-2); }
body.dl-ana .pr-uyari .ik { width:46px; height:46px; border-radius:14px; display:grid; place-items:center; background:var(--yuzey); border:1px solid var(--kenar); font-size:22px; flex:none; }
body.dl-ana .pr-uyari h2 { font-size:19px; letter-spacing:-.02em; margin:2px 0 6px; } body.dl-ana .pr-uyari p { margin:0; color:var(--soluk); max-width:80ch; }

/* avantajlar: ilk kart geniş, bento */
body.dl-ana .pr-avantaj { display:grid; grid-template-columns:repeat(6, minmax(0, 1fr)); gap:14px; }
body.dl-ana .pr-av { grid-column:span 2; padding:26px; border:1px solid var(--kenar); border-radius:22px; background:var(--yuzey); transition:border-color .2s, transform .3s var(--e); }
body.dl-ana .pr-av:nth-child(1), body.dl-ana .pr-av:nth-child(2) { grid-column:span 3; }
body.dl-ana .pr-av:nth-child(4) { grid-column:span 4; }
body.dl-ana .pr-av:hover { border-color:var(--kenar-2); transform:translateY(-2px); }
body.dl-ana .pr-av .ik { width:46px; height:46px; border-radius:14px; display:grid; place-items:center; background:var(--yuzey-2); font-size:22px; transition:background .2s, color .2s; }
body.dl-ana .pr-av:hover .ik { background:var(--vurgu); color:#111; }
body.dl-ana .pr-av h3 { font-size:20px; margin:20px 0 8px; letter-spacing:-.02em; } body.dl-ana .pr-av p { margin:0; color:var(--soluk); font-size:15px; line-height:1.55; max-width:52ch; }

/* global erişim */
body.dl-ana .pr-global { display:grid; grid-template-columns:minmax(0, .9fr) minmax(0, 1.1fr); gap:40px; align-items:center; padding:38px; border-radius:28px; border:1px solid var(--kenar); background:var(--zemin-2); }
body.dl-ana .pr-global h2 { font-size:clamp(26px, 3vw, 36px); letter-spacing:-.035em; line-height:1.1; margin:14px 0 10px; }
body.dl-ana .pr-global p { margin:0; color:var(--soluk); }
body.dl-ana .pr-markalar { list-style:none; margin:0; padding:0; display:grid; gap:10px; }
body.dl-ana .pr-markalar li { display:grid; grid-template-columns:1fr auto; gap:2px 12px; padding:16px 18px; border-radius:16px; background:var(--yuzey); border:1px solid var(--kenar); transition:transform .3s var(--e); }
body.dl-ana .pr-markalar li:hover { transform:translateX(4px); }
body.dl-ana .pr-markalar .ad { font:600 17px var(--fm); letter-spacing:-.02em; }
body.dl-ana .pr-markalar .dil { font:600 11px var(--fm); padding:3px 7px; border-radius:6px; background:var(--yuzey-2); color:var(--soluk); align-self:center; }
body.dl-ana .pr-markalar small { grid-column:1 / -1; color:var(--soluk); font-size:13.5px; }

/* adımlar */
body.dl-ana .pr-adimlar { list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:14px; }
body.dl-ana .pr-adimlar.a4 { grid-template-columns:repeat(4, minmax(0, 1fr)); }
body.dl-ana .pr-adimlar li { position:relative; padding:26px 24px; border-radius:22px; background:var(--yuzey); border:1px solid var(--kenar); }
body.dl-ana .pr-adimlar .no { display:inline-grid; place-items:center; width:34px; height:34px; border-radius:10px; background:var(--murekkep); color:var(--murekkep-ustu); font:600 13px var(--fm); }
body.dl-ana .pr-adimlar h3 { font-size:19px; margin:18px 0 6px; letter-spacing:-.02em; } body.dl-ana .pr-adimlar p { margin:0; color:var(--soluk); font-size:14.5px; line-height:1.55; }
body.dl-ana .pr-adimlar li:not(:last-child)::after { content:""; position:absolute; right:-14px; top:42px; width:14px; height:1px; background:var(--kenar-2); }

/* kazanç hesaplayıcı */
body.dl-ana .pr-hesap { display:grid; grid-template-columns:minmax(0, 1.2fr) minmax(0, .8fr); border-radius:28px; border:1px solid var(--kenar); background:var(--yuzey); overflow:hidden; }
body.dl-ana .pr-hesap-sol { padding:36px; }
body.dl-ana .pr-hesap-sol h2 { font-size:clamp(26px, 3vw, 36px); letter-spacing:-.035em; line-height:1.1; margin:14px 0 8px; } body.dl-ana .pr-hesap-sol > p { margin:0 0 26px; color:var(--soluk); }
body.dl-ana .pr-hesap-etk { display:flex; align-items:baseline; justify-content:space-between; font-size:14px; font-weight:600; margin:0 0 10px; }
body.dl-ana .pr-hesap-etk output { font:650 22px var(--f); letter-spacing:-.02em; font-variant-numeric:tabular-nums; }
body.dl-ana .pr-hesap input[type=range] { -webkit-appearance:none; appearance:none; width:100%; height:6px; margin:6px 0 26px; border-radius:6px; background:linear-gradient(90deg, var(--metin) var(--d, 18%), var(--yuzey-2) var(--d, 18%)); cursor:pointer; }
body.dl-ana .pr-hesap input[type=range]::-webkit-slider-thumb { -webkit-appearance:none; width:24px; height:24px; border-radius:50%; background:var(--yuzey); border:2px solid var(--metin); box-shadow:0 4px 12px rgba(0, 0, 0, .25); transition:transform .15s; }
body.dl-ana .pr-hesap input[type=range]::-moz-range-thumb { width:20px; height:20px; border-radius:50%; background:var(--yuzey); border:2px solid var(--metin); }
body.dl-ana .pr-hesap input[type=range]:active::-webkit-slider-thumb { transform:scale(1.12); }
body.dl-ana .pr-hesap input[type=range]:focus-visible { outline:2px solid var(--metin); outline-offset:6px; }
body.dl-ana .pr-hesap-planlar { display:grid; grid-template-columns:repeat(auto-fit, minmax(130px, 1fr)); gap:8px; }
body.dl-ana .pr-hesap-planlar button { display:flex; flex-direction:column; align-items:flex-start; gap:2px; padding:12px 14px; border-radius:14px; border:1px solid var(--kenar); background:var(--zemin-2); color:var(--metin); text-align:left; cursor:pointer; transition:border-color .2s, background .2s; }
body.dl-ana .pr-hesap-planlar button:hover { border-color:var(--kenar-2); }
body.dl-ana .pr-hesap-planlar button[aria-checked="true"] { border-color:var(--metin); background:var(--yuzey); box-shadow:0 0 0 1px var(--metin); }
body.dl-ana .pr-hesap-planlar b { font-size:14px; } body.dl-ana .pr-hesap-planlar small { color:var(--soluk); font-size:12px; font-variant-numeric:tabular-nums; }
body.dl-ana .pr-hesap-sag { display:flex; flex-direction:column; justify-content:center; gap:6px; padding:36px; background:linear-gradient(165deg, #1a1c12, #121213 60%); color:#f3f3ef; }
body.dl-ana .pr-hesap-sag small { font-size:13px; opacity:.65; }
body.dl-ana .pr-hesap-sonuc { font:650 clamp(42px, 5vw, 64px) var(--f); letter-spacing:-.05em; line-height:1; color:var(--vurgu); font-variant-numeric:tabular-nums; }
body.dl-ana .pr-hesap-formul { font:500 12.5px var(--fm); opacity:.6; }
body.dl-ana .pr-hesap-sag p { margin:18px 0 22px; font-size:12.5px; line-height:1.5; opacity:.55; }
body.dl-ana .pr-hesap-sag .dugme { align-self:flex-start; }

/* pazarlama + kimler için */
body.dl-ana .pr-iki { display:grid; grid-template-columns:minmax(0, 1fr) minmax(0, 1fr); gap:14px; align-items:start; }
body.dl-ana .pr-pazarlama { padding:32px; border-radius:24px; background:var(--vurgu); color:#111; }
body.dl-ana .pr-pazarlama .ik { width:48px; height:48px; border-radius:14px; display:grid; place-items:center; background:#111; color:var(--vurgu); font-size:23px; }
body.dl-ana .pr-pazarlama h2 { font-size:clamp(24px, 2.6vw, 32px); letter-spacing:-.035em; line-height:1.1; margin:22px 0 10px; } body.dl-ana .pr-pazarlama p { margin:0; font-size:15.5px; line-height:1.6; opacity:.78; }
body.dl-ana .pr-kime { padding:32px; border-radius:24px; border:1px solid var(--kenar); background:var(--yuzey); }
body.dl-ana .pr-kime h2 { font-size:clamp(24px, 2.6vw, 32px); letter-spacing:-.035em; line-height:1.1; margin:14px 0 20px; }
body.dl-ana .pr-kime ul { list-style:none; margin:0; padding:0; display:grid; grid-template-columns:1fr 1fr; gap:8px; }
body.dl-ana .pr-kime li { display:flex; align-items:center; gap:10px; padding:11px 12px; border-radius:12px; background:var(--zemin-2); font-size:14px; font-weight:500; }
body.dl-ana .pr-kime li i { font-size:18px; color:var(--vurgu-ikon); flex:none; }

/* plana göre oranlar (satış ortaklığı) */
body.dl-ana .pr-oranlar { list-style:none; margin:0; padding:10px 0; display:grid; gap:4px; }
body.dl-ana .pr-oranlar li { display:grid; grid-template-columns:minmax(110px, 160px) 1fr 52px; gap:14px; align-items:center; padding:12px 4px; border-bottom:1px solid var(--kenar); }
body.dl-ana .pr-oranlar .ad { font-weight:600; font-size:14.5px; }
body.dl-ana .pr-oranlar .cubuk { height:8px; border-radius:8px; background:var(--yuzey-2); overflow:hidden; }
body.dl-ana .pr-oranlar .cubuk i { display:block; height:100%; width:var(--y); border-radius:8px; background:var(--metin); transform-origin:left; animation:pr-cubuk 1.1s var(--e) both; }
body.dl-ana .pr-oranlar li:last-child .cubuk i { background:var(--vurgu-ikon); }
@keyframes pr-cubuk { from { transform:scaleX(0); } }
body.dl-ana .pr-oranlar b { text-align:right; font:650 17px var(--f); font-variant-numeric:tabular-nums; }

/* karşılaştırma tablosu */
body.dl-ana .pr-tablo-kap { border:1px solid var(--kenar); border-radius:22px; overflow:auto; background:var(--yuzey); }
body.dl-ana .pr-tablo { width:100%; border-collapse:collapse; font-size:14.5px; min-width:520px; }
body.dl-ana .pr-tablo th, body.dl-ana .pr-tablo td { padding:16px 22px; text-align:left; border-bottom:1px solid var(--kenar); }
body.dl-ana .pr-tablo tbody tr:last-child > * { border-bottom:0; }
body.dl-ana .pr-tablo thead th { font-size:15px; font-weight:650; background:var(--zemin-2); }
body.dl-ana .pr-tablo thead a { color:inherit; }
body.dl-ana .pr-tablo tbody th { font-weight:500; color:var(--soluk); width:34%; }
body.dl-ana .pr-tablo td { font-weight:600; }
body.dl-ana .pr-tablo .bu { background:color-mix(in srgb, var(--metin) 4%, transparent); }
body.dl-ana .pr-tablo thead .bu { box-shadow:inset 0 2px 0 var(--metin); }
body.dl-ana .pr-evet { color:var(--vurgu-ikon); font-size:17px; } body.dl-ana .pr-hayir { color:var(--cok-soluk); }

/* Lite'tan Ajans'a geçiş, öbür programlar */
body.dl-ana .pr-gecis, body.dl-ana .pr-program { display:flex; align-items:center; gap:18px; padding:24px 26px; border-radius:22px; border:1px solid var(--kenar); background:var(--yuzey); transition:border-color .2s, transform .3s var(--e); }
body.dl-ana .pr-gecis:hover, body.dl-ana .pr-program:hover { border-color:var(--kenar-2); transform:translateY(-2px); }
body.dl-ana .pr-gecis .ik { width:48px; height:48px; border-radius:14px; display:grid; place-items:center; background:var(--vurgu); color:#111; font-size:23px; flex:none; }
body.dl-ana .pr-gecis > span:nth-child(2), body.dl-ana .pr-program > span:nth-child(2) { flex:1; display:flex; flex-direction:column; gap:4px; }
body.dl-ana .pr-gecis b, body.dl-ana .pr-program b { font-size:18px; letter-spacing:-.02em; }
body.dl-ana .pr-gecis small, body.dl-ana .pr-program small { color:var(--soluk); font-size:14.5px; line-height:1.5; }
body.dl-ana .pr-gecis .ok, body.dl-ana .pr-program .ok { color:var(--cok-soluk); font-size:20px; transition:transform .25s var(--e); }
body.dl-ana .pr-gecis:hover .ok, body.dl-ana .pr-program:hover .ok { transform:translate(3px, -3px); color:var(--metin); }
body.dl-ana .pr-programlar { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
body.dl-ana .pr-program .oran { font:650 40px var(--f); letter-spacing:-.05em; min-width:84px; }
body.dl-ana .pr-program.koyu { background:linear-gradient(165deg, #1a1c12, #121213 60%); color:#f3f3ef; border-color:rgba(217, 250, 49, .2); }
body.dl-ana .pr-program.koyu .oran { color:var(--vurgu); } body.dl-ana .pr-program.koyu small, body.dl-ana .pr-program.koyu .ok { color:rgba(243, 243, 239, .6); }

/* SSS ve son çağrı */
body.dl-ana .pr-sss details p { margin:-8px 0 22px; color:var(--soluk); max-width:66ch; padding-left:6px; }
body.dl-ana .pr-son { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:40px; border-radius:28px; background:linear-gradient(165deg, #1a1c12, #121213 60%); color:#f3f3ef; }
body.dl-ana .pr-son h2 { font-size:clamp(26px, 3vw, 38px); letter-spacing:-.04em; line-height:1.1; margin:0 0 8px; } body.dl-ana .pr-son p { margin:0; opacity:.65; }
body.dl-ana .pr-son .dugme { flex:none; }

@media (max-width: 1024px) {
    body.dl-ana .pr-adimlar.a4 { grid-template-columns:repeat(2, minmax(0, 1fr)); } body.dl-ana .pr-adimlar.a4 li:nth-child(2)::after { display:none; }
}
@media (max-width: 900px) {
    body.dl-ana .pr-hero { padding:36px 0 32px; }
    body.dl-ana .pr-hero .kap, body.dl-ana .pr-global, body.dl-ana .pr-hesap, body.dl-ana .pr-iki, body.dl-ana .pr-programlar { grid-template-columns:1fr; }
    body.dl-ana .pr-hero .kap { gap:32px; }
    body.dl-ana .pr-avantaj { grid-template-columns:1fr; } body.dl-ana .pr-av, body.dl-ana .pr-av:nth-child(n) { grid-column:auto; }
    body.dl-ana .pr-adimlar, body.dl-ana .pr-adimlar.a4 { grid-template-columns:1fr; } body.dl-ana .pr-adimlar li::after { display:none; }
    body.dl-ana .pr-global, body.dl-ana .pr-hesap-sol, body.dl-ana .pr-hesap-sag, body.dl-ana .pr-pazarlama, body.dl-ana .pr-kime, body.dl-ana .pr-son { padding:24px; }
    body.dl-ana .pr-son { flex-direction:column; align-items:flex-start; }
    body.dl-ana .pr-teklif { padding:22px; border-radius:22px; }
}
@media (max-width: 520px) {
    body.dl-ana .pr-teklif-liste, body.dl-ana .pr-kime ul { grid-template-columns:1fr; }
    body.dl-ana .pr-fiyat b { font-size:34px; }
    body.dl-ana .pr-oranlar li { grid-template-columns:96px 1fr 44px; gap:10px; }
    body.dl-ana .pr-uyari { flex-direction:column; }
    body.dl-ana .pr-gecis, body.dl-ana .pr-program { align-items:flex-start; padding:20px; }
}
@media (prefers-reduced-motion: reduce) { body.dl-ana .pr-oranlar .cubuk i { animation:none; } }

/* --- 390-kurumsal.css --- */
/* Kurumsal sayfalar (views/sayfa/*), 1.17.0: Hakkımızda ve tüm alan adları. Hero, adımlar ve son çağrı 380-program.css'ten (pr-*). */

/* Hakkımızda: hero bento */
body.dl-ana .kr-bento { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
body.dl-ana .kr-b { position:relative; display:flex; flex-direction:column; justify-content:flex-end; gap:4px; min-height:150px; padding:22px; border-radius:24px; border:1px solid var(--kenar); background:var(--yuzey); }
body.dl-ana .kr-b b { font:650 clamp(44px, 5vw, 64px) var(--f); letter-spacing:-.06em; line-height:.9; font-variant-numeric:tabular-nums; }
body.dl-ana .kr-b span { color:var(--soluk); font-size:14px; font-weight:500; }
body.dl-ana .kr-b-buyuk { grid-column:1 / -1; min-height:190px; background:var(--vurgu); color:#111; border-color:var(--vurgu); transition:transform .3s var(--e); }
body.dl-ana .kr-b-buyuk:hover { transform:translateY(-2px); }
body.dl-ana .kr-b-buyuk b { font-size:clamp(72px, 9vw, 112px); }
body.dl-ana .kr-b-buyuk span { color:#111; opacity:.7; font-size:15px; }
body.dl-ana .kr-b-buyuk .ok { position:absolute; right:22px; top:22px; font-size:22px; }
body.dl-ana .kr-b-koyu { background:linear-gradient(165deg, #1a1c12, #121213 60%); color:#f3f3ef; border-color:rgba(217, 250, 49, .2); }
body.dl-ana .kr-b-koyu span { color:rgba(243, 243, 239, .6); } body.dl-ana .kr-b-koyu b { color:var(--vurgu); }

/* hikâye */
body.dl-ana .kr-hikaye { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
body.dl-ana .kr-hikaye article { padding:30px; border-radius:24px; border:1px solid var(--kenar); background:var(--zemin-2); }
body.dl-ana .kr-hikaye .no, body.dl-ana .kr-fark-liste .no { font:500 13px var(--fm); color:var(--vurgu-ikon); }
body.dl-ana .kr-hikaye h3 { font-size:22px; letter-spacing:-.025em; margin:14px 0 10px; } body.dl-ana .kr-hikaye p { margin:0; color:var(--soluk); font-size:16px; line-height:1.65; max-width:58ch; }

/* araçlar */
body.dl-ana .kr-araclar { display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:14px; }
body.dl-ana .kr-arac-k { position:relative; display:flex; flex-direction:column; padding:24px; border-radius:22px; border:1px solid var(--kenar); background:var(--yuzey); transition:border-color .2s, transform .3s var(--e); }
body.dl-ana .kr-arac-k:first-child { grid-column:span 2; grid-row:span 2; justify-content:flex-end; background:var(--zemin-2); }
body.dl-ana .kr-arac-k:first-child h3 { font-size:clamp(26px, 3vw, 34px); } body.dl-ana .kr-arac-k:first-child p { font-size:16px; max-width:40ch; }
body.dl-ana .kr-arac-k:first-child .ik { width:60px; height:60px; border-radius:18px; font-size:30px; margin-bottom:auto; }
body.dl-ana a.kr-arac-k:hover { border-color:var(--kenar-2); transform:translateY(-2px); }
body.dl-ana .kr-arac-k .ik { width:44px; height:44px; border-radius:13px; display:grid; place-items:center; background:var(--yuzey-2); font-size:21px; transition:background .2s, color .2s; }
body.dl-ana a.kr-arac-k:hover .ik { background:var(--vurgu); color:#111; }
body.dl-ana .kr-arac-k h3 { display:flex; align-items:center; gap:8px; font-size:18px; letter-spacing:-.02em; margin:18px 0 6px; }
body.dl-ana .kr-arac-k h3 em { font:normal 600 11px var(--f); padding:2px 7px; border-radius:6px; background:var(--vurgu-zemin); color:var(--vurgu-metin); }
body.dl-ana .kr-arac-k p { margin:0; color:var(--soluk); font-size:14px; line-height:1.55; }
body.dl-ana .kr-arac-k .ok { position:absolute; right:20px; top:20px; color:var(--cok-soluk); transition:transform .25s var(--e), color .2s; }
body.dl-ana a.kr-arac-k:hover .ok { transform:translate(2px, -2px); color:var(--metin); }

/* yaklaşım */
body.dl-ana .kr-yaklasim { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); border:1px solid var(--kenar); border-radius:24px; overflow:hidden; background:var(--yuzey); }
body.dl-ana .kr-yaklasim article { padding:30px 28px; }
body.dl-ana .kr-yaklasim article + article { border-left:1px solid var(--kenar); }
body.dl-ana .kr-yaklasim .ik { font-size:26px; color:var(--vurgu-ikon); }
body.dl-ana .kr-yaklasim h3 { font-size:19px; letter-spacing:-.02em; margin:16px 0 8px; } body.dl-ana .kr-yaklasim p { margin:0; color:var(--soluk); font-size:15px; line-height:1.6; }

/* farkımız */
body.dl-ana .kr-fark { display:grid; grid-template-columns:minmax(0, .85fr) minmax(0, 1.15fr); gap:56px; align-items:start; }
body.dl-ana .kr-fark-sol { position:sticky; top:110px; display:flex; flex-direction:column; align-items:flex-start; gap:24px; }
body.dl-ana .kr-fark-liste { list-style:none; margin:0; padding:0; }
body.dl-ana .kr-fark-liste li { display:grid; grid-template-columns:48px 1fr; gap:14px; padding:24px 0; border-bottom:1px solid var(--kenar); }
body.dl-ana .kr-fark-liste li:first-child { padding-top:6px; }
body.dl-ana .kr-fark-liste h3 { font-size:20px; letter-spacing:-.02em; margin:0 0 6px; } body.dl-ana .kr-fark-liste p { margin:0; color:var(--soluk); font-size:15px; line-height:1.6; }

/* kurucu */
body.dl-ana .kr-kurucu { display:grid; grid-template-columns:minmax(0, .8fr) minmax(0, 1.2fr); gap:40px; align-items:center; padding:34px; border-radius:28px; border:1px solid var(--kenar); background:var(--yuzey); }
body.dl-ana .kr-kurucu-kimlik { display:flex; align-items:center; gap:18px; }
body.dl-ana .kr-kurucu .mono { width:84px; height:84px; border-radius:26px; display:grid; place-items:center; flex:none; background:var(--murekkep); color:var(--murekkep-ustu); font:650 30px var(--f); letter-spacing:-.04em; }
body.dl-ana .kr-kurucu small { display:block; color:var(--soluk); font-size:13px; } body.dl-ana .kr-kurucu b { display:block; font-size:24px; letter-spacing:-.03em; margin:2px 0 6px; }
body.dl-ana .kr-kurucu a { display:inline-flex; align-items:center; gap:6px; font:500 13.5px var(--fm); color:var(--metin-2); text-decoration:underline; text-underline-offset:3px; }
body.dl-ana .kr-kurucu p { margin:0; color:var(--soluk); font-size:16px; line-height:1.7; }

/* alan adları: hero kartı */
body.dl-ana .kr-adres-kart { padding:26px; border-radius:28px; border:1px solid var(--kenar); background:var(--yuzey); box-shadow:var(--golge); }
body.dl-ana .kr-adres { display:flex; align-items:center; height:58px; padding:0 18px; border-radius:16px; background:var(--zemin-2); border:1px solid var(--kenar); font:600 19px var(--fm); letter-spacing:-.02em; overflow:hidden; white-space:nowrap; }
body.dl-ana .kr-adres-alan { color:var(--metin); transition:opacity .25s, transform .25s var(--e); }
body.dl-ana .kr-adres-alan.degis { opacity:0; transform:translateY(-8px); }
body.dl-ana .kr-adres-yol { color:var(--cok-soluk); }
body.dl-ana .kr-sayi { display:flex; align-items:baseline; gap:12px; margin:24px 0 16px; }
body.dl-ana .kr-sayi b { font:650 clamp(64px, 7vw, 92px) var(--f); letter-spacing:-.06em; line-height:.9; }
body.dl-ana .kr-sayi span { font-size:15px; font-weight:600; color:var(--metin-2); }
body.dl-ana .kr-kat-ozet { list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; gap:6px; }
body.dl-ana .kr-kat-ozet li { display:inline-flex; align-items:center; gap:7px; padding:6px 10px; border-radius:10px; background:var(--yuzey-2); font:500 12.5px var(--fm); }
body.dl-ana .kr-kat-ozet small { color:var(--soluk); font:500 11px var(--f); }
body.dl-ana .kr-ana { display:flex; align-items:center; gap:12px; margin-top:16px; padding:14px; border-radius:16px; border:1px dashed var(--kenar-2); }
body.dl-ana .kr-ana .ik { width:38px; height:38px; border-radius:11px; display:grid; place-items:center; background:var(--vurgu); color:#111; font-size:18px; }
body.dl-ana .kr-ana small { display:block; color:var(--soluk); font-size:12px; } body.dl-ana .kr-ana b { font:600 15px var(--fm); }

/* alan adları: liste */
body.dl-ana .kr-arac { display:flex; align-items:flex-end; justify-content:space-between; gap:20px; flex-wrap:wrap; margin-bottom:20px; }
body.dl-ana .kr-ara { display:flex; align-items:center; gap:10px; width:min(380px, 100%); height:50px; padding:0 14px; border-radius:14px; border:1px solid var(--kenar); background:var(--yuzey); transition:border-color .2s, box-shadow .2s; }
body.dl-ana .kr-ara:focus-within { border-color:var(--kenar-2); box-shadow:0 0 0 3px color-mix(in srgb, var(--metin) 8%, transparent); }
body.dl-ana .kr-ara > i { color:var(--soluk); font-size:18px; }
body.dl-ana .kr-ara input { flex:1; min-width:0; height:100%; border:0; background:transparent; color:var(--metin); font:500 15px var(--f); outline:0; }
body.dl-ana .kr-ara kbd { font:500 11.5px var(--fm); padding:2px 7px; border-radius:6px; border:1px solid var(--kenar); color:var(--soluk); background:var(--zemin-2); }
body.dl-ana .kr-suzgec { display:flex; gap:6px; overflow-x:auto; scrollbar-width:none !important; margin:0 0 20px; padding-bottom:2px; -webkit-mask-image:linear-gradient(90deg, #000 92%, transparent); mask-image:linear-gradient(90deg, #000 92%, transparent); }
body.dl-ana .kr-suzgec::-webkit-scrollbar { display:none; }
body.dl-ana .kr-suzgec button { flex:none; display:inline-flex; align-items:center; gap:7px; height:38px; padding:0 13px; border-radius:11px; border:1px solid var(--kenar); background:var(--yuzey); color:var(--metin-2); font:500 13.5px var(--f); cursor:pointer; transition:background .2s, color .2s, border-color .2s; }
body.dl-ana .kr-suzgec button:hover { border-color:var(--kenar-2); color:var(--metin); }
body.dl-ana .kr-suzgec button.aktif { background:var(--murekkep); color:var(--murekkep-ustu); border-color:var(--murekkep); }
body.dl-ana .kr-suzgec small { font:500 11px var(--fm); opacity:.6; }
body.dl-ana .kr-izgara { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:12px; }
body.dl-ana .kr-alan { display:flex; flex-direction:column; padding:20px; border-radius:20px; border:1px solid var(--kenar); background:var(--yuzey); transition:border-color .2s, transform .3s var(--e); animation:kr-gir .35s var(--e); }
body.dl-ana .kr-alan[hidden] { display:none; }
@keyframes kr-gir { from { opacity:0; transform:translateY(6px); } }
body.dl-ana .kr-alan:hover { border-color:var(--kenar-2); transform:translateY(-2px); }
body.dl-ana .kr-alan-ust { display:flex; align-items:center; justify-content:space-between; gap:8px; }
body.dl-ana .kr-cip { font-size:12px; font-weight:600; padding:4px 9px; border-radius:8px; background:var(--yuzey-2); color:var(--metin-2); }
body.dl-ana .kr-kopya { width:32px; height:32px; border-radius:9px; display:grid; place-items:center; border:0; background:transparent; color:var(--soluk); cursor:pointer; transition:background .2s, color .2s; }
body.dl-ana .kr-kopya:hover, body.dl-ana .kr-kopya.tamam { background:var(--yuzey-2); color:var(--metin); }
body.dl-ana .kr-alan h3 { margin:16px 0 6px; font:600 20px var(--fm); letter-spacing:-.03em; word-break:break-all; }
body.dl-ana .kr-alan h3 .yol { color:var(--cok-soluk); font-weight:500; }
body.dl-ana .kr-alan p { margin:0 0 14px; color:var(--soluk); font-size:14px; line-height:1.55; }
body.dl-ana .kr-sec { margin-top:auto; display:inline-flex; align-items:center; gap:6px; align-self:flex-start; font-size:13.5px; font-weight:600; color:var(--metin-2); }
body.dl-ana .kr-sec i { transition:transform .25s var(--e); }
body.dl-ana .kr-alan:hover .kr-sec { color:var(--metin); } body.dl-ana .kr-alan:hover .kr-sec i { transform:translateX(3px); }
body.dl-ana .kr-bos { display:flex; align-items:center; justify-content:center; gap:10px; padding:48px 0; color:var(--soluk); }
body.dl-ana .kr-bos[hidden] { display:none; }

@media (min-width: 1025px) { body.dl-ana .kr-arac-k:nth-child(6), body.dl-ana .kr-arac-k:nth-child(7) { grid-column:span 2; } }
@media (max-width: 1024px) {
    body.dl-ana .kr-araclar { grid-template-columns:repeat(2, minmax(0, 1fr)); }
    body.dl-ana .kr-izgara { grid-template-columns:repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 900px) {
    body.dl-ana .kr-hikaye, body.dl-ana .kr-fark, body.dl-ana .kr-kurucu { grid-template-columns:1fr; }
    body.dl-ana .kr-fark { gap:24px; } body.dl-ana .kr-fark-sol { position:static; }
    body.dl-ana .kr-yaklasim { grid-template-columns:1fr; } body.dl-ana .kr-yaklasim article + article { border-left:0; border-top:1px solid var(--kenar); }
    body.dl-ana .kr-hikaye article, body.dl-ana .kr-kurucu, body.dl-ana .kr-adres-kart { padding:24px; }
    body.dl-ana .kr-kurucu { gap:20px; }
}
@media (max-width: 600px) {
    body.dl-ana .kr-araclar, body.dl-ana .kr-izgara { grid-template-columns:1fr; }
    body.dl-ana .kr-arac-k:first-child { grid-column:auto; grid-row:auto; }
    body.dl-ana .kr-b { min-height:120px; padding:18px; } body.dl-ana .kr-b-buyuk { min-height:150px; }
    body.dl-ana .kr-ara kbd { display:none; }
    body.dl-ana .kr-adres { font-size:16px; }
}
@media (prefers-reduced-motion: reduce) { body.dl-ana .kr-alan { animation:none; } }

/* bulunamadı (views/notfound/index.php, 1.19.0) */
body.dl-ana .nf-bolum { padding:72px 0 96px; }
body.dl-ana .nf-bolum .kap { display:grid; grid-template-columns:minmax(0, 1fr) minmax(0, 1fr); gap:32px 64px; align-items:center; }
body.dl-ana .nf-gorsel { grid-row:span 2; display:grid; place-items:center; }
body.dl-ana .nf-sayi { display:inline-flex; align-items:center; gap:.06em; font:650 clamp(120px, 17vw, 230px) var(--f); letter-spacing:-.06em; line-height:.85; color:var(--metin); }
body.dl-ana .nf-halka { position:relative; display:grid; place-items:center; width:.82em; height:.82em; border-radius:50%; background:var(--vurgu); color:#111; font-size:1em; }
body.dl-ana .nf-halka i { font-size:.38em; animation:nf-salla 3.2s var(--e) infinite; }
body.dl-ana .nf-halka::after { content:""; position:absolute; inset:-14px; border-radius:50%; border:1px dashed var(--kenar-2); animation:nf-don 18s linear infinite; }
@keyframes nf-salla { 0%, 70%, 100% { rotate:0deg; } 78% { rotate:-14deg; } 86% { rotate:10deg; } 93% { rotate:-5deg; } }
@keyframes nf-don { to { rotate:360deg; } }
body.dl-ana .nf-yazi h1 { font-size:clamp(34px, 4.2vw, 52px); line-height:1.05; letter-spacing:-.04em; font-weight:650; margin:14px 0 12px; text-wrap:balance; }
body.dl-ana .nf-yazi > p { margin:0; color:var(--soluk); font-size:17px; line-height:1.6; max-width:46ch; }
body.dl-ana .nf-git { padding:20px; border-radius:22px; border:1px solid var(--kenar); background:var(--yuzey); }
body.dl-ana .nf-git small { display:block; color:var(--soluk); font-size:13px; margin:0 0 12px 2px; }
body.dl-ana .nf-git div { display:flex; flex-wrap:wrap; gap:8px; }
body.dl-ana .nf-git a { display:inline-flex; align-items:center; gap:7px; height:38px; padding:0 13px 0 11px; border-radius:11px; background:var(--yuzey-2); font-size:13.5px; font-weight:500; transition:background .2s, color .2s; }
body.dl-ana .nf-git a:hover { background:var(--murekkep); color:var(--murekkep-ustu); }
@media (max-width: 900px) {
    body.dl-ana .nf-bolum { padding:40px 0 64px; }
    body.dl-ana .nf-bolum .kap { grid-template-columns:1fr; }
    body.dl-ana .nf-gorsel { grid-row:auto; }
}
@media (prefers-reduced-motion: reduce) { body.dl-ana .nf-halka i, body.dl-ana .nf-halka::after { animation:none; } }

/* bio link şablonları (views/sayfa/sablonlar.php) */
body.dl-ana .sb-bas { padding-bottom:20px; }
body.dl-ana .sb-bas .bas h1 { font-size:clamp(36px, 4.8vw, 58px); line-height:1.04; letter-spacing:-.045em; font-weight:650; margin:14px 0 12px; }
body.dl-ana .sb-arac { display:flex; align-items:center; justify-content:center; gap:10px; flex-wrap:wrap; }
body.dl-ana .sb-sira { display:inline-flex; gap:2px; padding:4px; border-radius:14px; background:var(--yuzey-2); }
body.dl-ana .sb-sira button { height:40px; padding:0 14px; border:0; border-radius:10px; background:transparent; color:var(--soluk); font:500 13.5px var(--f); cursor:pointer; transition:background .2s, color .2s; }
body.dl-ana .sb-sira button.aktif { background:var(--yuzey); color:var(--metin); box-shadow:0 0 0 1px var(--kenar); }
body.dl-ana .sb-izgara { display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:16px; }
body.dl-ana .sb-kart { display:flex; flex-direction:column; gap:12px; padding:12px; border-radius:24px; border:1px solid var(--kenar); background:var(--yuzey); transition:border-color .2s, transform .3s var(--e); }
body.dl-ana .sb-kart[hidden] { display:none; }
body.dl-ana .sb-kart:hover { border-color:var(--kenar-2); transform:translateY(-3px); }
body.dl-ana .sb-tel { position:relative; aspect-ratio:9 / 16; border-radius:16px; overflow:hidden; background:var(--zemin-2); }
body.dl-ana .sb-tel iframe { position:absolute; left:0; top:0; width:390px; height:693px; border:0; transform-origin:0 0; transform:scale(var(--o, .66)); pointer-events:none; opacity:0; transition:opacity .4s; }
body.dl-ana .sb-tel.hazir iframe { opacity:1; }
body.dl-ana .sb-yukle { position:absolute; inset:0; display:grid; place-items:center; color:var(--cok-soluk); font-size:22px; }
body.dl-ana .sb-yukle i { animation:sb-don 1.1s linear infinite; } body.dl-ana .sb-tel.hazir .sb-yukle { display:none; }
@keyframes sb-don { to { rotate:360deg; } }
body.dl-ana .sb-alt { display:flex; align-items:center; justify-content:space-between; gap:8px; padding:0 4px; min-width:0; }
body.dl-ana .sb-alt > span { display:flex; flex-direction:column; min-width:0; }
body.dl-ana .sb-alt b { font-size:15px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } body.dl-ana .sb-alt small { color:var(--soluk); font-size:12px; }
body.dl-ana .sb-onizle { width:36px; height:36px; border-radius:11px; display:grid; place-items:center; flex:none; border:1px solid var(--kenar); color:var(--metin-2); transition:border-color .2s, color .2s; }
body.dl-ana .sb-onizle:hover { border-color:var(--kenar-2); color:var(--metin); }
body.dl-ana .sb-basla { height:42px; border-radius:13px; font-size:14px; }
body.dl-ana .sb-daha { display:flex; justify-content:center; margin-top:28px; } body.dl-ana .sb-daha[hidden] { display:none; }
@media (max-width: 1024px) { body.dl-ana .sb-izgara { grid-template-columns:repeat(3, minmax(0, 1fr)); } }
@media (max-width: 760px) { body.dl-ana .sb-izgara { grid-template-columns:repeat(2, minmax(0, 1fr)); gap:10px; } body.dl-ana .sb-kart { padding:8px; border-radius:18px; } }
@media (prefers-reduced-motion: reduce) { body.dl-ana .sb-yukle i { animation:none; } }

/* --- 400-sektor.css --- */
/* Sektör sayfaları (views/sektor/*), 1.18.0. Her sayfanın rengi --sk (src/Sektor.php); hero, adımlar, SSS ve son çağrı
   380-program.css'ten. Telefondaki örnek sayfa uydurmadır ve "örnek veri" etiketlidir. */

/* hero sahnesi */
body.dl-ana .sk-sahne { position:relative; width:100%; max-width:470px; height:560px; margin-inline:auto; display:grid; place-items:center; }
body.dl-ana .sk-isik { position:absolute; inset:6% 4%; border-radius:50%; background:radial-gradient(closest-side, color-mix(in srgb, var(--sk) 34%, transparent), transparent); filter:blur(8px); }
body.dl-ana .sk-tel { position:relative; width:272px; height:548px; padding:10px; border-radius:46px; background:#0d0d0e; box-shadow:0 0 0 1.5px #2b2b2e, 0 40px 80px -30px rgba(0, 0, 0, .6); transform:rotate(-3deg); animation:ur-yuz 8s ease-in-out infinite; }
body.dl-ana .sk-tel::before { content:""; position:absolute; top:18px; left:50%; width:84px; height:22px; margin-left:-42px; border-radius:20px; background:#0d0d0e; z-index:3; }
body.dl-ana .sk-tel-ekran { position:relative; height:100%; overflow:hidden; border-radius:37px; background:#fbfaf8; color:#17171a; display:flex; flex-direction:column; align-items:center; padding:0 16px 16px; font-family:var(--f); }
body.dl-ana .sk-kapak { position:relative; align-self:stretch; height:118px; margin:0 -16px; background:linear-gradient(140deg, color-mix(in srgb, var(--sk) 88%, #fff), var(--sk) 55%, color-mix(in srgb, var(--sk) 70%, #000)); }
body.dl-ana .sk-ornek { position:absolute; right:12px; bottom:10px; font:600 9.5px var(--fm); letter-spacing:.04em; padding:3px 7px; border-radius:6px; background:rgba(0, 0, 0, .28); color:#fff; }
body.dl-ana .sk-avatar { width:72px; height:72px; margin-top:-36px; border-radius:22px; display:grid; place-items:center; background:#fff; color:var(--sk); font-size:34px; box-shadow:0 0 0 4px #fbfaf8, 0 8px 18px -8px rgba(0, 0, 0, .35); position:relative; }
body.dl-ana .sk-ad { margin-top:10px; font-size:16.5px; letter-spacing:-.02em; text-align:center; }
body.dl-ana .sk-bio { margin-top:3px; font-size:11.5px; line-height:1.4; color:#6b6b70; text-align:center; max-width:28ch; }
body.dl-ana .sk-dugmeler { align-self:stretch; display:grid; gap:7px; margin-top:14px; }
body.dl-ana .sk-dugme { display:flex; align-items:center; justify-content:center; height:38px; border-radius:12px; background:#fff; border:1px solid #ebe9e4; font-size:12.5px; font-weight:600; }
body.dl-ana .sk-dugme.ana { background:var(--sk); color:#fff; border-color:var(--sk); }
body.dl-ana .sk-vurgu { align-self:stretch; margin-top:10px; padding:11px 12px; border-radius:14px; background:#fff; border:1px solid #ebe9e4; }
body.dl-ana .sk-vurgu > small { display:block; font-size:10px; font-weight:600; letter-spacing:.04em; text-transform:uppercase; color:#8a8a90; margin-bottom:7px; }
body.dl-ana .sk-vurgu ul { list-style:none; margin:0; padding:0; display:grid; gap:5px; }
body.dl-ana .sk-vurgu li { display:flex; justify-content:space-between; gap:8px; font-size:11.5px; }
body.dl-ana .sk-vurgu li span { color:#6b6b70; } body.dl-ana .sk-vurgu li b { font-weight:600; }
body.dl-ana .sk-v-saat li:last-child b { color:#15803d; display:inline-flex; align-items:center; gap:5px; }
body.dl-ana .sk-v-saat li:last-child b::before { content:""; width:6px; height:6px; border-radius:50%; background:#22c55e; box-shadow:0 0 0 3px rgba(34, 197, 94, .2); }
body.dl-ana .sk-v-vcard { position:relative; } body.dl-ana .sk-v-vcard li { justify-content:flex-start; flex-direction:column; gap:0; } body.dl-ana .sk-v-vcard li span { font-size:10px; }
body.dl-ana .sk-rehber { position:absolute; right:10px; top:10px; width:30px; height:30px; border-radius:9px; display:grid; place-items:center; background:var(--sk); color:#fff; font-size:14px; }
body.dl-ana .sk-izgara { display:grid; grid-template-columns:1fr 1fr; gap:6px; }
body.dl-ana .sk-izgara span { display:flex; flex-direction:column; gap:1px; padding:6px; border-radius:10px; background:#f6f5f2; }
body.dl-ana .sk-izgara span i { height:34px; border-radius:7px; margin-bottom:4px; background:linear-gradient(135deg, color-mix(in srgb, var(--sk) calc(30% + var(--i) * 15%), #fff), color-mix(in srgb, var(--sk) 20%, #f3f1ec)); }
body.dl-ana .sk-izgara b { font-size:10.5px; font-weight:600; line-height:1.25; } body.dl-ana .sk-izgara em { font-style:normal; font-size:10px; color:#6b6b70; }
body.dl-ana .sk-slotlar { display:grid; grid-template-columns:1fr 1fr; gap:6px; }
body.dl-ana .sk-slotlar span { display:flex; flex-direction:column; align-items:center; padding:6px; border-radius:10px; border:1px solid #ebe9e4; }
body.dl-ana .sk-slotlar small { font-size:9.5px; color:#8a8a90; } body.dl-ana .sk-slotlar b { font-size:13px; font-variant-numeric:tabular-nums; }
body.dl-ana .sk-slotlar .secili { background:var(--sk); border-color:var(--sk); color:#fff; } body.dl-ana .sk-slotlar .secili small { color:rgba(255, 255, 255, .75); }
body.dl-ana .sk-sayac { display:grid; grid-template-columns:repeat(3, 1fr); gap:6px; }
body.dl-ana .sk-sayac span { display:flex; flex-direction:column; align-items:center; padding:7px 4px; border-radius:10px; background:color-mix(in srgb, var(--sk) 10%, #fff); }
body.dl-ana .sk-sayac b { font-size:20px; letter-spacing:-.03em; line-height:1; font-variant-numeric:tabular-nums; color:var(--sk); } body.dl-ana .sk-sayac small { font-size:9.5px; color:#6b6b70; margin-top:3px; }
body.dl-ana .sk-video { position:relative; height:86px; border-radius:10px; background:linear-gradient(135deg, color-mix(in srgb, var(--sk) 80%, #000), color-mix(in srgb, var(--sk) 40%, #fff)); display:grid; place-items:center; }
body.dl-ana .sk-video .oynat { width:38px; height:38px; border-radius:50%; display:grid; place-items:center; background:#fff; color:var(--sk); font-size:16px; box-shadow:0 6px 16px -6px rgba(0, 0, 0, .4); }
body.dl-ana .sk-video em { position:absolute; right:7px; bottom:6px; font:600 9.5px var(--fm); font-style:normal; padding:2px 5px; border-radius:5px; background:rgba(0, 0, 0, .55); color:#fff; }
body.dl-ana .sk-video-ad { margin:7px 0 0; font-size:11.5px; font-weight:600; line-height:1.35; }
body.dl-ana .sk-calar { display:flex; align-items:center; gap:9px; }
body.dl-ana .sk-calar .kapak { width:42px; height:42px; border-radius:10px; display:grid; place-items:center; flex:none; background:linear-gradient(135deg, var(--sk), color-mix(in srgb, var(--sk) 50%, #000)); color:#fff; font-size:22px; animation:sk-don 6s linear infinite; }
@keyframes sk-don { to { rotate:360deg; } }
body.dl-ana .sk-calar .yz { flex:1; min-width:0; display:flex; flex-direction:column; }
body.dl-ana .sk-calar b { font-size:12px; } body.dl-ana .sk-calar small { font-size:10px; color:#6b6b70; }
body.dl-ana .sk-calar .ilerleme { display:block; height:3px; margin-top:6px; border-radius:3px; background:#ebe9e4; overflow:hidden; }
body.dl-ana .sk-calar .ilerleme i { display:block; height:100%; width:38%; background:var(--sk); animation:sk-ilerle 9s linear infinite; }
@keyframes sk-ilerle { from { width:8%; } to { width:96%; } }
body.dl-ana .sk-calar .oynat { width:30px; height:30px; border-radius:50%; display:grid; place-items:center; background:var(--sk); color:#fff; font-size:13px; flex:none; }
body.dl-ana .sk-sosyal { display:flex; gap:12px; margin-top:auto; padding-top:12px; color:#3a3a3f; font-size:17px; }
body.dl-ana .sk-sahne .sk-cip { position:absolute; z-index:4; display:inline-flex; align-items:center; gap:10px; padding:9px 13px 9px 9px; border-radius:14px; border:1px solid var(--kenar); background:color-mix(in srgb, var(--yuzey) 92%, transparent); backdrop-filter:blur(12px); box-shadow:var(--golge); font-size:13px; animation:ur-yuz 6s ease-in-out infinite; }
body.dl-ana .sk-cip > i { width:30px; height:30px; border-radius:9px; display:grid; place-items:center; background:var(--sk); color:#fff; font-size:15px; }
body.dl-ana .sk-cip span { display:flex; flex-direction:column; line-height:1.25; } body.dl-ana .sk-cip small { color:var(--soluk); font-size:11.5px; }
body.dl-ana .sk-cip .mono { font-family:var(--fm); font-weight:600; font-size:12.5px; }
body.dl-ana .sk-cip.c1 { left:-6px; top:96px; animation-delay:-2s; }
body.dl-ana .sk-cip.c2 { right:-14px; bottom:22px; animation-delay:-4s; }
body.dl-ana .sk-cip.c2 > i { background:var(--murekkep); color:var(--murekkep-ustu); }

/* paylaşım yerleri */
body.dl-ana .sk-yerler { list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:12px; counter-reset:yer; }
body.dl-ana .sk-yerler li { position:relative; display:flex; flex-direction:column; gap:16px; padding:22px; border-radius:22px; border:1px solid var(--kenar); background:var(--yuzey); overflow:hidden; }
body.dl-ana .sk-yerler li::after { counter-increment:yer; content:"0" counter(yer); position:absolute; right:18px; top:18px; font:500 12px var(--fm); color:var(--cok-soluk); }
body.dl-ana .sk-yerler .ik { width:48px; height:48px; border-radius:15px; display:grid; place-items:center; background:color-mix(in srgb, var(--sk) 14%, var(--yuzey)); color:var(--sk); font-size:24px; }
body.dl-ana[data-theme-style="dark"] .sk-yerler .ik { color:color-mix(in srgb, var(--sk) 55%, #fff); background:color-mix(in srgb, var(--sk) 22%, var(--yuzey)); }
body.dl-ana .sk-yerler b { display:block; font-size:16.5px; letter-spacing:-.02em; } body.dl-ana .sk-yerler small { color:var(--soluk); font-size:13.5px; }

/* önerilen bloklar */
body.dl-ana .sk-bloklar { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:1px; border:1px solid var(--kenar); border-radius:24px; overflow:hidden; background:var(--kenar); }
body.dl-ana .sk-blok { display:flex; gap:16px; align-items:flex-start; padding:26px; background:var(--yuzey); transition:background .2s; }
body.dl-ana .sk-blok:hover { background:var(--zemin-2); }
body.dl-ana .sk-blok .ik { width:42px; height:42px; border-radius:12px; display:grid; place-items:center; flex:none; border:1px solid var(--kenar); font-size:20px; transition:background .2s, color .2s, border-color .2s; }
body.dl-ana .sk-blok:hover .ik { background:var(--sk); border-color:var(--sk); color:#fff; }
body.dl-ana .sk-blok h3 { font-size:16.5px; letter-spacing:-.02em; margin:2px 0 6px; } body.dl-ana .sk-blok p { margin:0; color:var(--soluk); font-size:14px; line-height:1.55; }
body.dl-ana .sk-not { display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin:16px 0 0; color:var(--soluk); font-size:13.5px; }
body.dl-ana .sk-not a { color:var(--metin); font-weight:600; text-decoration:underline; text-underline-offset:3px; }

/* alan adları */
body.dl-ana .sk-alan-b { display:grid; grid-template-columns:minmax(0, .85fr) minmax(0, 1.15fr); gap:40px; align-items:center; padding:36px; border-radius:28px; background:linear-gradient(165deg, #1a1c12, #121213 60%); color:#f3f3ef; border:1px solid rgba(217, 250, 49, .16); }
body.dl-ana .sk-alan-b .ustbas { color:var(--vurgu); }
body.dl-ana .sk-alan-b h2 { font-size:clamp(26px, 3vw, 36px); letter-spacing:-.035em; line-height:1.1; margin:14px 0 10px; }
body.dl-ana .sk-alan-b p { margin:0 0 22px; color:rgba(243, 243, 239, .62); }
body.dl-ana .sk-alan-b .dugme { background:transparent; color:#f3f3ef; border-color:rgba(243, 243, 239, .22); }
body.dl-ana .sk-alanlar { list-style:none; margin:0; padding:0; display:grid; gap:8px; }
body.dl-ana .sk-alanlar li { padding:14px 16px; border-radius:14px; background:rgba(255, 255, 255, .05); border:1px solid rgba(255, 255, 255, .08); transition:background .2s, transform .3s var(--e); }
body.dl-ana .sk-alanlar li:hover { background:rgba(255, 255, 255, .08); transform:translateX(4px); }
body.dl-ana .sk-alanlar .ad { display:block; font:600 17px var(--fm); letter-spacing:-.02em; color:#fff; }
body.dl-ana .sk-alanlar .ad em { font-style:normal; color:rgba(243, 243, 239, .38); font-weight:500; }
body.dl-ana .sk-alanlar small { display:block; margin-top:3px; color:rgba(243, 243, 239, .55); font-size:13px; line-height:1.45; }

/* yazılar, öbür sektörler */
body.dl-ana .sk-yazilar { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:16px; }
body.dl-ana .sk-diger { display:flex; flex-wrap:wrap; gap:8px; }
body.dl-ana .sk-diger a { display:inline-flex; align-items:center; gap:8px; height:44px; padding:0 16px 0 12px; border-radius:13px; border:1px solid var(--kenar); background:var(--yuzey); font-size:14px; font-weight:500; transition:border-color .2s, background .2s; }
body.dl-ana .sk-diger a i { font-size:18px; color:var(--sk); }
body.dl-ana[data-theme-style="dark"] .sk-diger a i { color:color-mix(in srgb, var(--sk) 55%, #fff); }
body.dl-ana .sk-diger a:hover { border-color:var(--kenar-2); background:var(--zemin-2); }
body.dl-ana .sk-diger a.hepsi { background:var(--murekkep); color:var(--murekkep-ustu); border-color:var(--murekkep); padding:0 16px; }

/* liste sayfası */
body.dl-ana .sk-hub-bas { padding-bottom:30px; }
body.dl-ana .sk-hub-bas h1 { font-size:clamp(36px, 4.8vw, 58px); line-height:1.04; letter-spacing:-.045em; font-weight:650; margin:14px 0 14px; text-wrap:balance; max-width:18ch; }
body.dl-ana .sk-hub-bas p { max-width:62ch; }
body.dl-ana .sk-hub-izgara { display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:12px; }
body.dl-ana .sk-hub-k { position:relative; display:flex; flex-direction:column; min-height:220px; padding:22px; border-radius:22px; border:1px solid var(--kenar); background:var(--yuzey); overflow:hidden; transition:border-color .25s, transform .3s var(--e); }
body.dl-ana .sk-hub-k::before { content:""; position:absolute; right:-60px; top:-60px; width:180px; height:180px; border-radius:50%; background:radial-gradient(closest-side, color-mix(in srgb, var(--sk) 30%, transparent), transparent); opacity:.0; transition:opacity .35s; }
body.dl-ana .sk-hub-k:hover { border-color:var(--kenar-2); transform:translateY(-3px); } body.dl-ana .sk-hub-k:hover::before { opacity:1; }
body.dl-ana .sk-hub-k > * { position:relative; }
body.dl-ana .sk-hub-k .ik { width:48px; height:48px; border-radius:15px; display:grid; place-items:center; background:var(--sk); color:#fff; font-size:23px; }
body.dl-ana .sk-hub-k h2 { font-size:19px; letter-spacing:-.02em; margin:20px 0 4px; } body.dl-ana .sk-hub-k p { margin:0; color:var(--soluk); font-size:14px; }
body.dl-ana .sk-hub-k .alt { margin-top:auto; padding-top:18px; display:flex; align-items:center; justify-content:space-between; gap:8px; }
body.dl-ana .sk-hub-k .alan { font:500 12px var(--fm); padding:4px 8px; border-radius:8px; background:var(--yuzey-2); color:var(--metin-2); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
body.dl-ana .sk-hub-k .git { display:inline-flex; align-items:center; gap:5px; font-size:13px; font-weight:600; white-space:nowrap; color:var(--soluk); transition:color .2s; }
body.dl-ana .sk-hub-k:hover .git { color:var(--metin); } body.dl-ana .sk-hub-k .git i { transition:transform .25s var(--e); } body.dl-ana .sk-hub-k:hover .git i { transform:translateX(3px); }

@media (max-width: 1024px) {
    body.dl-ana .sk-yerler, body.dl-ana .sk-hub-izgara { grid-template-columns:repeat(2, minmax(0, 1fr)); }
    body.dl-ana .sk-bloklar { grid-template-columns:repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 760px) { body.dl-ana .sk-yazilar { grid-template-columns:1fr; } }
@media (max-width: 900px) {
    body.dl-ana .sk-alan-b { grid-template-columns:1fr; gap:24px; padding:24px; }
    body.dl-ana .sk-sahne { height:540px; }
}
@media (max-width: 600px) {
    body.dl-ana .sk-yerler, body.dl-ana .sk-bloklar, body.dl-ana .sk-yazilar, body.dl-ana .sk-hub-izgara { grid-template-columns:1fr; }
    body.dl-ana .sk-yerler li { flex-direction:row; align-items:center; padding:16px; }
    body.dl-ana .sk-blok { padding:20px; }
    body.dl-ana .sk-sahne .sk-cip.c1 { left:0; top:60px; } body.dl-ana .sk-sahne .sk-cip.c2 { right:0; bottom:40px; }
    body.dl-ana .sk-tel { transform:none; }
    body.dl-ana .sk-hub-k { min-height:0; }
}
@media (prefers-reduced-motion: reduce) {
    body.dl-ana .sk-tel, body.dl-ana .sk-sahne .sk-cip, body.dl-ana .sk-calar .kapak, body.dl-ana .sk-calar .ilerleme i { animation:none; }
}

/* --- 410-satici-ozel.css --- */
/* Satıcı sayfalarının özel görünümü (1.19.0): iletişim, bülten (.st-*), Chrome eklentisi (.ce-*), API belgeleri (.api-*),
   araçlar (.ar-*). Hero, adımlar, SSS ve son çağrı 380-program.css'ten. */

/* iki sütunlu form sayfaları */
body.dl-ana .st-iki { display:grid; grid-template-columns:minmax(0, .95fr) minmax(0, 1.05fr); gap:56px; align-items:start; }
body.dl-ana .st-sol h1 { font-size:clamp(36px, 4.6vw, 56px); line-height:1.04; letter-spacing:-.045em; font-weight:650; margin:14px 0 0; text-wrap:balance; }
body.dl-ana .st-alt { color:var(--soluk); font-size:17.5px; line-height:1.55; margin:16px 0 28px; max-width:48ch; }
body.dl-ana .st-wa { display:flex; align-items:center; gap:14px; padding:16px; border-radius:20px; background:var(--vurgu); color:#111; transition:filter .2s, transform .3s var(--e); }
body.dl-ana .st-wa:hover { filter:brightness(.97); transform:translateY(-2px); }
body.dl-ana .st-wa .ik { width:48px; height:48px; border-radius:14px; display:grid; place-items:center; background:#111; color:var(--vurgu); font-size:24px; flex:none; }
body.dl-ana .st-wa > span:nth-child(2) { flex:1; display:flex; flex-direction:column; } body.dl-ana .st-wa b { font-size:17px; } body.dl-ana .st-wa small { opacity:.7; font-size:13.5px; }
body.dl-ana .st-wa .ok { font-size:20px; }
body.dl-ana .st-kanallar { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-top:10px; }
body.dl-ana .st-kanallar a { display:flex; align-items:center; gap:12px; padding:14px; border-radius:16px; border:1px solid var(--kenar); background:var(--yuzey); transition:border-color .2s; min-width:0; }
body.dl-ana .st-kanallar a:hover { border-color:var(--kenar-2); }
body.dl-ana .st-kanallar i { width:38px; height:38px; border-radius:11px; display:grid; place-items:center; background:var(--yuzey-2); font-size:19px; flex:none; }
body.dl-ana .st-kanallar span { display:flex; flex-direction:column; min-width:0; } body.dl-ana .st-kanallar b { font-size:14.5px; }
body.dl-ana .st-kanallar small { color:var(--soluk); font-size:12.5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
body.dl-ana .st-not { display:flex; gap:12px; margin-top:18px; padding:16px; border-radius:16px; background:var(--zemin-2); border:1px solid var(--kenar); }
body.dl-ana .st-not > i { font-size:22px; color:var(--vurgu-ikon); flex:none; }
body.dl-ana .st-not b { font-size:14.5px; } body.dl-ana .st-not p { margin:3px 0 0; color:var(--soluk); font-size:13.5px; line-height:1.55; }

body.dl-ana .st-form-kap { padding:30px; border-radius:28px; border:1px solid var(--kenar); background:var(--yuzey); box-shadow:var(--golge); }
body.dl-ana .st-form-kap .alert { border-radius:14px; border:1px solid var(--kenar); background:var(--zemin-2); color:var(--metin); padding:12px 14px; margin-bottom:16px; font-size:14px; }
body.dl-ana .st-form-kap .alert .close { display:none; }
body.dl-ana .st-form { display:grid; gap:16px; }
body.dl-ana .st-ikili { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
body.dl-ana .st-alan { display:grid; gap:7px; margin:0; }
body.dl-ana .st-alan > span { display:flex; align-items:center; gap:7px; font-size:13.5px; font-weight:600; color:var(--metin-2); }
body.dl-ana .st-alan > span i { color:var(--soluk); font-size:16px; }
body.dl-ana .st-alan :is(input, textarea) { width:100%; min-height:50px; padding:12px 14px; border-radius:14px; border:1px solid var(--kenar-2); background:var(--zemin-2); color:var(--metin); font:500 15px var(--f); outline:0; transition:border-color .2s, box-shadow .2s, background .2s; }
body.dl-ana .st-alan textarea { min-height:150px; resize:vertical; line-height:1.55; }
body.dl-ana .st-alan :is(input, textarea):focus { border-color:var(--soluk); background:var(--yuzey); box-shadow:0 0 0 3px color-mix(in srgb, var(--metin) 9%, transparent); }
body.dl-ana .st-alan.hatali :is(input, textarea) { border-color:#e5484d; }
body.dl-ana .st-alan .invalid-feedback { color:#e5484d; font-size:13px; }
body.dl-ana .st-sayac { justify-self:end; margin-top:-4px; font:500 12px var(--fm); color:var(--cok-soluk); }
body.dl-ana .st-captcha { min-height:0; }
body.dl-ana .st-gonder { height:54px; border-radius:15px; font-size:15.5px; }
body.dl-ana .st-kvkk { margin:0; color:var(--cok-soluk); font-size:12.5px; line-height:1.5; }
body.dl-ana .st-kvkk a, body.dl-ana .st-bag { color:var(--metin-2); text-decoration:underline; text-underline-offset:3px; }
body.dl-ana .st-bag { display:inline-flex; align-items:center; gap:5px; font-weight:600; }

/* bülten */
body.dl-ana .st-guvence { list-style:none; margin:0; padding:0; display:grid; gap:10px; }
body.dl-ana .st-guvence li { display:flex; gap:14px; padding:16px; border-radius:18px; border:1px solid var(--kenar); background:var(--yuzey); }
body.dl-ana .st-guvence .ik { width:42px; height:42px; border-radius:13px; display:grid; place-items:center; background:var(--yuzey-2); font-size:20px; flex:none; }
body.dl-ana .st-guvence span:last-child { display:flex; flex-direction:column; gap:2px; } body.dl-ana .st-guvence b { font-size:15.5px; } body.dl-ana .st-guvence small { color:var(--soluk); font-size:13.5px; line-height:1.5; }
body.dl-ana .st-zarf { display:block; padding:16px; margin-bottom:22px; border-radius:18px; background:var(--zemin-2); border:1px dashed var(--kenar-2); }
body.dl-ana .st-zarf-ust { display:flex; align-items:center; gap:12px; }
body.dl-ana .st-zarf-ust > i { width:40px; height:40px; border-radius:12px; display:grid; place-items:center; background:var(--vurgu); color:#111; font-size:20px; }
body.dl-ana .st-zarf-ust span { display:flex; flex-direction:column; } body.dl-ana .st-zarf-ust b { font-size:14.5px; } body.dl-ana .st-zarf-ust small { color:var(--soluk); font-size:12.5px; }
body.dl-ana .st-zarf-satir { display:block; height:8px; margin-top:12px; border-radius:6px; background:var(--kenar); } body.dl-ana .st-zarf-satir.kisa { width:62%; margin-top:8px; }

/* Chrome eklentisi */
body.dl-ana .ce-tarayici { width:100%; max-width:520px; margin-inline:auto; border-radius:22px; overflow:hidden; border:1px solid var(--kenar); background:var(--yuzey); box-shadow:var(--golge); }
body.dl-ana .ce-cubuk { display:flex; align-items:center; gap:10px; padding:12px 14px; border-bottom:1px solid var(--kenar); background:var(--zemin-2); font-size:12.5px; }
body.dl-ana .ce-cubuk .nokta { display:flex; gap:5px; } body.dl-ana .ce-cubuk .nokta i { width:9px; height:9px; border-radius:50%; background:var(--kenar-2); }
body.dl-ana .ce-cubuk .adres { flex:1; min-width:0; display:flex; align-items:center; gap:6px; height:30px; padding:0 10px; border-radius:9px; background:var(--yuzey); border:1px solid var(--kenar); font-family:var(--fm); color:var(--metin-2); white-space:nowrap; overflow:hidden; }
body.dl-ana .ce-eklenti { width:30px; height:30px; border-radius:9px; display:grid; place-items:center; background:var(--vurgu); color:#111; font-size:15px; box-shadow:0 0 0 4px color-mix(in srgb, var(--vurgu) 25%, transparent); animation:ce-nabiz 2.6s ease-in-out infinite; }
@keyframes ce-nabiz { 50% { box-shadow:0 0 0 8px color-mix(in srgb, var(--vurgu) 0%, transparent); } }
body.dl-ana .ce-govde img { display:block; width:100%; height:auto; aspect-ratio:1 / .86; object-fit:cover; }
body.dl-ana .ce-kisa { display:flex; align-items:center; justify-content:center; gap:6px; margin-top:18px; color:var(--soluk); font-size:13px; }
body.dl-ana .ce-kisa.sol { justify-content:flex-start; }
body.dl-ana .ce-kisa kbd { min-width:34px; height:32px; padding:0 9px; display:inline-grid; place-items:center; border-radius:9px; border:1px solid var(--kenar-2); border-bottom-width:3px; background:var(--yuzey); color:var(--metin); font:600 12.5px var(--fm); }
body.dl-ana .ce-ozellikler { display:grid; gap:20px; }
body.dl-ana .ce-oz { display:grid; grid-template-columns:minmax(0, .85fr) minmax(0, 1.15fr); gap:48px; align-items:center; padding:28px; border-radius:28px; border:1px solid var(--kenar); background:var(--yuzey); }
body.dl-ana .ce-oz.ters { grid-template-columns:minmax(0, 1.15fr) minmax(0, .85fr); } body.dl-ana .ce-oz.ters .ce-oz-yazi { order:2; }
body.dl-ana .ce-oz-yazi { position:relative; padding:8px; }
body.dl-ana .ce-oz-yazi .no { position:absolute; right:8px; top:8px; font:500 12px var(--fm); color:var(--cok-soluk); }
body.dl-ana .ce-oz-yazi .ik { width:48px; height:48px; border-radius:15px; display:grid; place-items:center; background:var(--vurgu); color:#111; font-size:24px; }
body.dl-ana .ce-oz-yazi h3 { font-size:clamp(22px, 2.4vw, 28px); letter-spacing:-.03em; margin:20px 0 8px; } body.dl-ana .ce-oz-yazi p { margin:0; color:var(--soluk); font-size:16px; line-height:1.6; max-width:44ch; }
body.dl-ana .ce-oz-gorsel { border-radius:18px; overflow:hidden; background:var(--zemin-2); border:1px solid var(--kenar); }
body.dl-ana .ce-oz-gorsel img { display:block; width:100%; height:auto; aspect-ratio:16 / 10; object-fit:cover; }

/* API belgeleri */
body.dl-ana .api-terminal { width:100%; max-width:540px; margin-inline:auto; border-radius:20px; overflow:hidden; background:#0e0f10; border:1px solid #26272a; box-shadow:0 34px 70px -34px rgba(0, 0, 0, .8); color:#e9e9e4; }
body.dl-ana .api-terminal-ust { display:flex; align-items:center; gap:12px; padding:11px 14px; border-bottom:1px solid #222327; font:500 12px var(--fm); color:#8b8c90; }
body.dl-ana .api-terminal-ust.alt { border-top:1px solid #222327; }
body.dl-ana .api-terminal-ust .nokta { display:flex; gap:5px; } body.dl-ana .api-terminal-ust .nokta i { width:9px; height:9px; border-radius:50%; background:#333438; }
body.dl-ana .api-terminal-ust .api-kopya { margin-left:auto; color:#8b8c90; }
body.dl-ana :is(.api-terminal, .api-kart) pre { margin:0; padding:16px 18px; overflow:auto; font:500 13px/1.65 var(--fm); white-space:pre; scrollbar-width:thin; }
body.dl-ana .api-terminal pre { color:#e9e9e4; }
body.dl-ana :is(.api-terminal, .api-kart) .k { color:var(--vurgu); } body.dl-ana :is(.api-terminal, .api-kart) .s { color:#9fd3a8; }
body.dl-ana :is(.api-terminal, .api-kart) .a { color:#8fb4ff; } body.dl-ana :is(.api-terminal, .api-kart) .n { color:#f0a868; }
body.dl-ana[data-theme-style="light"] .api-kart .s { color:#1f7a35; } body.dl-ana[data-theme-style="light"] .api-kart .a { color:#2148b8; }
body.dl-ana[data-theme-style="light"] .api-kart .n { color:#b45309; } body.dl-ana[data-theme-style="light"] .api-kart .k { color:#4d6b00; }
body.dl-ana .durum { display:inline-grid; place-items:center; min-width:44px; height:24px; padding:0 8px; border-radius:7px; font:600 12px var(--fm); background:#16361f; color:#7ee08f; }
body.dl-ana .durum.uyari { background:color-mix(in srgb, #f59e0b 16%, transparent); color:#d48a06; }
body.dl-ana .durum.kotu { background:color-mix(in srgb, #e5484d 15%, transparent); color:#e5484d; }
body.dl-ana .durum.iyi { background:color-mix(in srgb, #22c55e 15%, transparent); color:#16a34a; }
body.dl-ana .api-kopya { width:30px; height:30px; border-radius:8px; display:grid; place-items:center; border:0; background:transparent; color:var(--soluk); cursor:pointer; flex:none; transition:background .2s, color .2s; }
body.dl-ana .api-kopya:hover, body.dl-ana .api-kopya.tamam { background:color-mix(in srgb, var(--metin) 8%, transparent); color:var(--metin); }
body.dl-ana .api-temel { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
body.dl-ana .api-kart { padding:26px; border-radius:24px; border:1px solid var(--kenar); background:var(--yuzey); min-width:0; }
body.dl-ana .api-kart h2 { display:flex; align-items:center; gap:10px; font-size:19px; letter-spacing:-.02em; margin:0 0 10px; }
body.dl-ana .api-kart h2 i { width:36px; height:36px; border-radius:11px; display:grid; place-items:center; background:var(--yuzey-2); font-size:18px; }
body.dl-ana .api-kart > p { margin:0 0 14px; color:var(--soluk); font-size:14.5px; line-height:1.6; }
body.dl-ana .api-kart pre { border-radius:14px; background:var(--zemin-2); border:1px solid var(--kenar); color:var(--metin); }
body.dl-ana .api-satir { display:flex; align-items:center; gap:8px; padding:6px 6px 6px 14px; border-radius:14px; background:var(--zemin-2); border:1px solid var(--kenar); min-width:0; }
body.dl-ana .api-satir code { flex:1; min-width:0; font:500 13.5px var(--fm); color:var(--metin); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding:6px 0; }
body.dl-ana .api-satir code em { font-style:normal; color:var(--vurgu-ikon); }
body.dl-ana .api-not { display:flex; gap:8px; align-items:flex-start; margin:14px 0 0; color:var(--soluk); font-size:13px; line-height:1.5; }
body.dl-ana .api-kodlar { list-style:none; margin:0; padding:0; display:grid; gap:6px; }
body.dl-ana .api-kodlar li { display:flex; align-items:center; gap:12px; font-size:14px; color:var(--metin-2); }
body.dl-ana .api-uclar { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:10px; }
body.dl-ana .api-uc { display:flex; align-items:center; gap:14px; padding:16px; border-radius:18px; border:1px solid var(--kenar); background:var(--yuzey); transition:border-color .2s, transform .3s var(--e); min-width:0; }
body.dl-ana .api-uc:hover { border-color:var(--kenar-2); transform:translateY(-2px); }
body.dl-ana .api-uc .ik { width:42px; height:42px; border-radius:12px; display:grid; place-items:center; background:var(--yuzey-2); font-size:20px; flex:none; transition:background .2s, color .2s; }
body.dl-ana .api-uc:hover .ik { background:var(--vurgu); color:#111; }
body.dl-ana .api-uc > span:nth-child(2) { flex:1; min-width:0; display:flex; flex-direction:column; }
body.dl-ana .api-uc b { font-size:15px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } body.dl-ana .api-uc small { color:var(--soluk); font:500 12px var(--fm); }
body.dl-ana .api-uc .ok { color:var(--cok-soluk); transition:transform .25s var(--e), color .2s; } body.dl-ana .api-uc:hover .ok { transform:translateX(3px); color:var(--metin); }

@media (max-width: 1024px) {
    body.dl-ana .api-uclar { grid-template-columns:repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 900px) {
    body.dl-ana .st-iki, body.dl-ana .api-temel { grid-template-columns:1fr; gap:28px; }
    body.dl-ana .ce-oz, body.dl-ana .ce-oz.ters { grid-template-columns:1fr; gap:20px; padding:20px; } body.dl-ana .ce-oz.ters .ce-oz-yazi { order:0; }
    body.dl-ana .st-form-kap { padding:20px; border-radius:22px; }
}
@media (max-width: 600px) {
    body.dl-ana .st-ikili, body.dl-ana .st-kanallar, body.dl-ana .api-uclar { grid-template-columns:1fr; }
    body.dl-ana .ce-kisa kbd { min-width:30px; height:30px; padding:0 7px; }
}
@media (prefers-reduced-motion: reduce) { body.dl-ana .ce-eklenti { animation:none; } }

/* araçlar (views/tools/index.php) */
body.dl-ana .ar-bas { padding-bottom:28px; }
body.dl-ana .ar-bas .bas h1 { font-size:clamp(36px, 4.8vw, 58px); line-height:1.04; letter-spacing:-.045em; font-weight:650; margin:14px 0 12px; text-wrap:balance; }
body.dl-ana .ar-cipler { justify-content:center; margin:0 0 26px; }
body.dl-ana .ar-ara { display:flex; align-items:center; gap:12px; width:min(680px, 100%); height:62px; margin:0 auto; padding:0 10px 0 20px; border-radius:20px; border:1px solid var(--kenar-2); background:var(--yuzey); box-shadow:var(--golge); transition:border-color .2s, box-shadow .2s; }
body.dl-ana .ar-ara:focus-within { border-color:var(--soluk); box-shadow:0 0 0 4px color-mix(in srgb, var(--metin) 8%, transparent), var(--golge); }
body.dl-ana .ar-ara > i { font-size:22px; color:var(--soluk); }
body.dl-ana .ar-ara input { flex:1; min-width:0; height:100%; border:0; background:transparent; color:var(--metin); font:500 17px var(--f); outline:0; }
body.dl-ana .ar-say { flex:none; padding:7px 11px; border-radius:11px; background:var(--yuzey-2); color:var(--soluk); font:500 12.5px var(--fm); }
body.dl-ana .ar-suzgec-kap { position:sticky; top:68px; z-index:20; padding:10px 0; background:color-mix(in srgb, var(--zemin) 88%, transparent); backdrop-filter:blur(14px); border-bottom:1px solid var(--kenar); }
body.dl-ana .ar-suzgec { display:flex; gap:6px; overflow-x:auto; scrollbar-width:none !important; }
body.dl-ana .ar-suzgec::-webkit-scrollbar { display:none; }
body.dl-ana .ar-suzgec button { flex:none; display:inline-flex; align-items:center; gap:8px; height:38px; padding:0 13px; border-radius:11px; border:1px solid var(--kenar); background:var(--yuzey); color:var(--metin-2); font:500 13.5px var(--f); cursor:pointer; transition:background .2s, color .2s, border-color .2s; }
body.dl-ana .ar-suzgec button i { width:8px; height:8px; border-radius:50%; background:var(--ar); }
body.dl-ana .ar-suzgec button small { font:500 11px var(--fm); opacity:.6; }
body.dl-ana .ar-suzgec button:hover { border-color:var(--kenar-2); color:var(--metin); }
body.dl-ana .ar-suzgec button.aktif { background:var(--murekkep); color:var(--murekkep-ustu); border-color:var(--murekkep); }
body.dl-ana .ar-grup { scroll-margin-top:140px; margin-bottom:44px; }
body.dl-ana .ar-grup[hidden] { display:none; }
body.dl-ana .ar-grup h2 { display:flex; align-items:center; gap:14px; font-size:22px; letter-spacing:-.025em; margin:0 0 16px; }
body.dl-ana .ar-grup h2 > span:nth-child(2) { display:flex; flex-direction:column; } body.dl-ana .ar-grup h2 small { font-size:13.5px; font-weight:400; color:var(--soluk); letter-spacing:0; }
body.dl-ana .ar-grup h2 em { margin-left:auto; font:500 12px var(--fm); font-style:normal; color:var(--cok-soluk); }
body.dl-ana .ar-populer h2 i { color:#f97316; }
body.dl-ana .ar-kat-ik { width:42px; height:42px; border-radius:13px; display:grid; place-items:center; flex:none; background:color-mix(in srgb, var(--ar) 16%, var(--yuzey)); color:var(--ar); font-size:17px; }
body.dl-ana .ar-izgara { display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:10px; }
body.dl-ana .ar-kart { position:relative; display:flex; flex-direction:column; gap:12px; padding:16px; border-radius:18px; border:1px solid var(--kenar); background:var(--yuzey); transition:border-color .2s, transform .3s var(--e), background .2s; min-width:0; }
body.dl-ana .ar-kart[hidden] { display:none; }
body.dl-ana .ar-kart:hover { border-color:color-mix(in srgb, var(--ar) 45%, var(--kenar)); transform:translateY(-2px); }
body.dl-ana .ar-kart .ik { width:40px; height:40px; border-radius:12px; display:grid; place-items:center; background:color-mix(in srgb, var(--ar) 14%, var(--yuzey)); color:var(--ar); font-size:16px; transition:background .2s, color .2s; }
body.dl-ana .ar-kart:hover .ik { background:var(--ar); color:#fff; }
body.dl-ana .ar-kart .yz { display:flex; flex-direction:column; gap:4px; min-width:0; }
body.dl-ana .ar-kart b { font-size:15px; letter-spacing:-.01em; line-height:1.3; }
body.dl-ana .ar-kart small { color:var(--soluk); font-size:13px; line-height:1.45; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
body.dl-ana .ar-kart em { position:absolute; right:14px; top:14px; display:inline-flex; align-items:center; gap:4px; font:500 11px var(--fm); font-style:normal; color:var(--cok-soluk); }
body.dl-ana[data-theme-style="dark"] .ar-kart .ik, body.dl-ana[data-theme-style="dark"] .ar-kat-ik { color:color-mix(in srgb, var(--ar) 70%, #fff); }
@media (max-width: 1024px) { body.dl-ana .ar-izgara { grid-template-columns:repeat(3, minmax(0, 1fr)); } }
@media (max-width: 760px) { body.dl-ana .ar-izgara { grid-template-columns:repeat(2, minmax(0, 1fr)); } body.dl-ana .ar-suzgec-kap { top:60px; } }
@media (max-width: 480px) { body.dl-ana .ar-izgara { grid-template-columns:1fr; } body.dl-ana .ar-say { display:none; } body.dl-ana .ar-ara { height:56px; } }