/**
 * Meyricks Main Theme CSS
 *
 * @package Meyricks
 * @version 1.0.0
 */

/* -------------------------------------------------------------------------
   0. ICON FONT DEFINITION (EG ICON FONT)
   ------------------------------------------------------------------------- */
@font-face {
  font-family: 'eg';
  src: url('../fonts/eg.eot?wsymqs');
  src: url('../fonts/eg.eot?wsymqs#iefix') format('embedded-opentype'),
       url('../fonts/eg.ttf?wsymqs') format('truetype'),
       url('../fonts/eg.woff?wsymqs') format('woff'),
       url('../fonts/eg.svg?wsymqs#eg') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

i[class^="eg-"], i[class*=" eg-"], i.eg-icon {
  font-family: 'eg' !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;
}

.eg-eg:before { content: "\e900"; }
.eg-r10:before { content: "\e901"; }
.eg-hours-fill:before { content: "\e904"; }
.eg-account-box-fill:before { content: "\e907"; }
.eg-account-box-line:before { content: "\e908"; }
.eg-account-circle-fill:before { content: "\e909"; }
.eg-account-circle-line:before { content: "\e90a"; }
.eg-add-circle-fill:before { content: "\e911"; }
.eg-add-circle-line:before { content: "\e912"; }
.eg-add-fill:before { content: "\e913"; }
.eg-aed-electrodes-fill:before { content: "\e91b"; }
.eg-aed-electrodes-line:before { content: "\e91c"; }
.eg-aed-fill:before { content: "\e91d"; }
.eg-aed-line:before { content: "\e91e"; }
.eg-alert-fill:before { content: "\e928"; }
.eg-alert-line:before { content: "\e929"; }
.eg-align-center:before { content: "\e92f"; }
.eg-align-item-bottom-line:before { content: "\e931"; }
.eg-android-line:before { content: "\e94c"; }
.eg-angularjs-line:before { content: "\e94e"; }
.eg-apple-fill:before { content: "\e953"; }
.eg-apple-line:before { content: "\e954"; }
.eg-apps-2-add-fill:before { content: "\e955"; }
.eg-apps-2-add-line:before { content: "\e956"; }
.eg-apps-2-fill:before { content: "\e957"; }
.eg-apps-2-line:before { content: "\e958"; }
.eg-apps-fill:before { content: "\e959"; }
.eg-apps-line:before { content: "\e95a"; }
.eg-app-store-fill:before { content: "\e95b"; }
.eg-app-store-line:before { content: "\e95c"; }
.eg-archive-2-fill:before { content: "\e95d"; }
.eg-archive-2-line:before { content: "\e95e"; }
.eg-archive-fill:before { content: "\e961"; }
.eg-archive-line:before { content: "\e962"; }
.eg-arrow-down-double-line:before { content: "\e96b"; }
.eg-arrow-down-line:before { content: "\e96d"; }
.eg-arrow-down-s-fill:before { content: "\e96e"; }
.eg-arrow-down-s-line:before { content: "\e96f"; }
.eg-arrow-left-circle-fill:before { content: "\e97e"; }
.eg-arrow-left-circle-line:before { content: "\e97f"; }
.eg-arrow-left-double-fill:before { content: "\e980"; }
.eg-arrow-left-line:before { content: "\e985"; }
.eg-arrow-left-right-fill:before { content: "\e986"; }
.eg-arrow-left-s-line:before { content: "\e989"; }
.eg-arrow-right-circle-fill:before { content: "\e98e"; }
.eg-arrow-right-circle-line:before { content: "\e98f"; }
.eg-arrow-right-double-line:before { content: "\e991"; }
.eg-arrow-right-line:before { content: "\e995"; }
.eg-arrow-right-s-line:before { content: "\e997"; }
.eg-arrow-up-circle-line:before { content: "\e9a1"; }
.eg-arrow-up-double-fill:before { content: "\e9a2"; }
.eg-arrow-up-down-line:before { content: "\e9a5"; }
.eg-arrow-up-line:before { content: "\e9a7"; }
.eg-arrow-up-s-line:before { content: "\e9a9"; }
.eg-artboard-2-line:before { content: "\e9ad"; }
.eg-article-fill:before { content: "\e9b0"; }
.eg-article-line:before { content: "\e9b1"; }
.eg-aspect-ratio-fill:before { content: "\e9b2"; }
.eg-aspect-ratio-line:before { content: "\e9b3"; }
.eg-at-fill:before { content: "\e9b5"; }
.eg-at-line:before { content: "\e9b6"; }
.eg-attachment-2:before { content: "\e9b7"; }
.eg-attachment-line:before { content: "\e9b9"; }
.eg-award-fill:before { content: "\e9bc"; }
.eg-award-line:before { content: "\e9bd"; }
.eg-ball-pen-fill:before { content: "\e9c0"; }
.eg-ball-pen-line:before { content: "\e9c1"; }
.eg-bank-card-2-fill:before { content: "\e9c2"; }
.eg-bank-card-2-line:before { content: "\e9c3"; }
.eg-bank-fill:before { content: "\e9c6"; }
.eg-bank-line:before { content: "\e9c7"; }
.eg-bar-chart-2-fill:before { content: "\e9c8"; }
.eg-bar-chart-2-line:before { content: "\e9c9"; }
.eg-bar-chart-box-fill:before { content: "\e9ca"; }
.eg-bar-chart-box-line:before { content: "\e9cb"; }
.eg-bar-chart-horizontal-fill:before { content: "\e9cf"; }
.eg-bar-chart-horizontal-line:before { content: "\e9d0"; }
.eg-bar-chart-line:before { content: "\e9d1"; }
.eg-basketball-fill:before { content: "\e9dc"; }
.eg-basketball-line:before { content: "\e9dd"; }
.eg-behance-fill:before { content: "\e9f1"; }
.eg-behance-line:before { content: "\e9f2"; }
.eg-bilibili-fill:before { content: "\e9f7"; }
.eg-blur-off-fill:before { content: "\ea0b"; }
.eg-blur-off-line:before { content: "\ea0c"; }
.eg-bookmark-2-fill:before { content: "\ea1a"; }
.eg-bookmark-2-line:before { content: "\ea1b"; }
.eg-bookmark-3-fill:before { content: "\ea1c"; }
.eg-bookmark-3-line:before { content: "\ea1d"; }
.eg-bookmark-fill:before { content: "\ea20"; }
.eg-bookmark-line:before { content: "\ea21"; }
.eg-book-open-fill:before { content: "\ea22"; }
.eg-book-open-line:before { content: "\ea23"; }
.eg-bootstrap-fill:before { content: "\ea26"; }
.eg-bootstrap-line:before { content: "\ea27"; }
.eg-briefcase-2-fill:before { content: "\ea3a"; }
.eg-briefcase-2-line:before { content: "\ea3b"; }
.eg-brush-2-fill:before { content: "\ea48"; }
.eg-brush-2-line:before { content: "\ea49"; }
.eg-brush-3-fill:before { content: "\ea4a"; }
.eg-brush-3-line:before { content: "\ea4b"; }
.eg-brush-4-fill:before { content: "\ea4c"; }
.eg-brush-4-line:before { content: "\ea4d"; }
.eg-brush-fill:before { content: "\ea4e"; }
.eg-brush-line:before { content: "\ea4f"; }
.eg-bug-2-fill:before { content: "\ea54"; }
.eg-bug-2-line:before { content: "\ea55"; }
.eg-cake-2-fill:before { content: "\ea68"; }
.eg-cake-2-line:before { content: "\ea69"; }
.eg-calendar-2-fill:before { content: "\ea70"; }
.eg-calendar-2-line:before { content: "\ea71"; }
.eg-calendar-check-fill:before { content: "\ea72"; }
.eg-calendar-check-line:before { content: "\ea73"; }
.eg-calendar-close-fill:before { content: "\ea74"; }
.eg-calendar-close-line:before { content: "\ea75"; }
.eg-calendar-event-fill:before { content: "\ea76"; }
.eg-calendar-event-line:before { content: "\ea77"; }
.eg-camera-fill:before { content: "\ea83"; }
.eg-camera-lens-line:before { content: "\ea85"; }
.eg-candle-fill:before { content: "\ea8b"; }
.eg-candle-line:before { content: "\ea8c"; }
.eg-chat-1-fill:before { content: "\eaa7"; }
.eg-chat-1-line:before { content: "\eaa8"; }
.eg-chat-2-fill:before { content: "\eaa9"; }
.eg-chat-2-line:before { content: "\eaaa"; }
.eg-chat-3-fill:before { content: "\eaab"; }
.eg-chat-3-line:before { content: "\eaac"; }
.eg-chat-history-fill:before { content: "\eabb"; }
.eg-chat-history-line:before { content: "\eabc"; }
.eg-chat-new-fill:before { content: "\eabd"; }
.eg-chat-new-line:before { content: "\eabe"; }
.eg-chat-quote-fill:before { content: "\eac5"; }
.eg-chat-quote-line:before { content: "\eac6"; }
.eg-chat-smile-2-fill:before { content: "\eac9"; }
.eg-chat-smile-2-line:before { content: "\eaca"; }
.eg-chat-smile-3-fill:before { content: "\eacb"; }
.eg-chat-smile-3-line:before { content: "\eacc"; }
.eg-chat-smile-fill:before { content: "\eacd"; }
.eg-chat-smile-line:before { content: "\eace"; }
.eg-chat-thread-fill:before { content: "\eacf"; }
.eg-chat-thread-line:before { content: "\ead0"; }
.eg-checkbox-circle-fill:before { content: "\ead9"; }
.eg-checkbox-circle-line:before { content: "\eada"; }
.eg-checkbox-multiple-blank-fill:before { content: "\eadf"; }
.eg-checkbox-multiple-blank-line:before { content: "\eae0"; }
.eg-checkbox-multiple-fill:before { content: "\eae1"; }
.eg-checkbox-multiple-line:before { content: "\eae2"; }
.eg-check-double-fill:before { content: "\eae3"; }
.eg-check-line:before { content: "\eae6"; }
.eg-chrome-fill:before { content: "\eae9"; }
.eg-chrome-line:before { content: "\eaea"; }
.eg-clipboard-fill:before { content: "\eaef"; }
.eg-clipboard-line:before { content: "\eaf0"; }
.eg-close-circle-fill:before { content: "\eaf5"; }
.eg-close-circle-line:before { content: "\eaf6"; }
.eg-closed-captioning-fill:before { content: "\eaf7"; }
.eg-closed-captioning-line:before { content: "\eaf8"; }
.eg-close-large-line:before { content: "\eafb"; }
.eg-close-line:before { content: "\eafc"; }
.eg-cloud-fill:before { content: "\eafd"; }
.eg-cloud-line:before { content: "\eafe"; }
.eg-code-block:before { content: "\eb07"; }
.eg-code-box-fill:before { content: "\eb08"; }
.eg-code-box-line:before { content: "\eb09"; }
.eg-code-fill:before { content: "\eb0a"; }
.eg-codepen-fill:before { content: "\eb0c"; }
.eg-code-s-line:before { content: "\eb0f"; }
.eg-code-s-slash-fill:before { content: "\eb10"; }
.eg-coin-fill:before { content: "\eb13"; }
.eg-coin-line:before { content: "\eb14"; }
.eg-collage-fill:before { content: "\eb17"; }
.eg-collage-line:before { content: "\eb18"; }
.eg-collapse-diagonal-2-fill:before { content: "\eb19"; }
.eg-collapse-diagonal-fill:before { content: "\eb1b"; }
.eg-compass-3-fill:before { content: "\eb25"; }
.eg-compass-3-line:before { content: "\eb26"; }
.eg-compass-discover-fill:before { content: "\eb29"; }
.eg-compass-discover-line:before { content: "\eb2a"; }
.eg-computer-fill:before { content: "\eb31"; }
.eg-computer-line:before { content: "\eb32"; }
.eg-contacts-fill:before { content: "\eb3b"; }
.eg-contacts-line:before { content: "\eb3c"; }
.eg-contract-left-right-fill:before { content: "\eb40"; }
.eg-contract-up-down-fill:before { content: "\eb45"; }
.eg-contrast-2-fill:before { content: "\eb47"; }
.eg-contrast-2-line:before { content: "\eb48"; }
.eg-contrast-drop-2-fill:before { content: "\eb49"; }
.eg-contrast-drop-2-line:before { content: "\eb4a"; }
.eg-contrast-drop-fill:before { content: "\eb4b"; }
.eg-contrast-drop-line:before { content: "\eb4c"; }
.eg-contrast-fill:before { content: "\eb4d"; }
.eg-contrast-line:before { content: "\eb4e"; }
.eg-copper-diamond-fill:before { content: "\eb53"; }
.eg-copper-diamond-line:before { content: "\eb54"; }
.eg-copyleft-fill:before { content: "\eb55"; }
.eg-copyleft-line:before { content: "\eb56"; }
.eg-copyright-fill:before { content: "\eb57"; }
.eg-copyright-line:before { content: "\eb58"; }
.eg-creative-commons-nd-fill:before { content: "\eb81"; }
.eg-creative-commons-nd-line:before { content: "\eb82"; }
.eg-crop-2-fill:before { content: "\eb89"; }
.eg-crop-2-line:before { content: "\eb8a"; }
.eg-crop-fill:before { content: "\eb8b"; }
.eg-crop-line:before { content: "\eb8c"; }
.eg-crosshair-2-fill:before { content: "\eb8e"; }
.eg-crosshair-fill:before { content: "\eb90"; }
.eg-css3-fill:before { content: "\eb93"; }
.eg-css3-line:before { content: "\eb94"; }
.eg-cup-fill:before { content: "\eb95"; }
.eg-cup-line:before { content: "\eb96"; }
.eg-cursor-fill:before { content: "\eb99"; }
.eg-customer-service-2-fill:before { content: "\eb9b"; }
.eg-customer-service-fill:before { content: "\eb9d"; }
.eg-dashboard-2-fill:before { content: "\eb9f"; }
.eg-dashboard-3-fill:before { content: "\eba1"; }
.eg-dashboard-fill:before { content: "\eba3"; }
.eg-dashboard-horizontal-fill:before { content: "\eba4"; }
.eg-database-2-fill:before { content: "\eba7"; }
.eg-database-2-line:before { content: "\eba8"; }
.eg-delete-bin-2-fill:before { content: "\ebaf"; }
.eg-delete-bin-2-line:before { content: "\ebb0"; }
.eg-delete-bin-3-fill:before { content: "\ebb1"; }
.eg-delete-bin-3-line:before { content: "\ebb2"; }
.eg-delete-bin-5-fill:before { content: "\ebb5"; }
.eg-delete-bin-5-line:before { content: "\ebb6"; }
.eg-device-fill:before { content: "\ebbf"; }
.eg-device-line:before { content: "\ebc0"; }
.eg-dice-1-fill:before { content: "\ebc3"; }
.eg-dice-1-line:before { content: "\ebc4"; }
.eg-dice-2-fill:before { content: "\ebc5"; }
.eg-dice-2-line:before { content: "\ebc6"; }
.eg-dice-3-fill:before { content: "\ebc7"; }
.eg-dice-3-line:before { content: "\ebc8"; }
.eg-dice-4-fill:before { content: "\ebc9"; }
.eg-dice-4-line:before { content: "\ebca"; }
.eg-dice-5-fill:before { content: "\ebcb"; }
.eg-dice-5-line:before { content: "\ebcc"; }
.eg-dice-6-fill:before { content: "\ebcd"; }
.eg-dice-6-line:before { content: "\ebce"; }
.eg-discord-fill:before { content: "\ebd7"; }
.eg-discord-line:before { content: "\ebd8"; }
.eg-discuss-fill:before { content: "\ebdb"; }
.eg-discuss-line:before { content: "\ebdc"; }
.eg-donut-chart-fill:before { content: "\ebe3"; }
.eg-download-2-fill:before { content: "\ebf5"; }
.eg-download-line:before { content: "\ebfc"; }
.eg-draft-fill:before { content: "\ebfd"; }
.eg-draft-line:before { content: "\ebfe"; }
.eg-drag-drop-fill:before { content: "\ebff"; }
.eg-drag-drop-line:before { content: "\ec00"; }
.eg-draggable:before { content: "\ec01"; }
.eg-drag-move-2-fill:before { content: "\ec02"; }
.eg-drag-move-line:before { content: "\ec05"; }
.eg-dribbble-fill:before { content: "\ec06"; }
.eg-dribbble-line:before { content: "\ec07"; }
.eg-drinks-2-fill:before { content: "\ec08"; }
.eg-drinks-2-line:before { content: "\ec09"; }
.eg-drinks-fill:before { content: "\ec0a"; }
.eg-drinks-line:before { content: "\ec0b"; }
.eg-drop-fill:before { content: "\ec13"; }
.eg-drop-line:before { content: "\ec14"; }
.eg-dvd-fill:before { content: "\ec19"; }
.eg-dvd-line:before { content: "\ec1a"; }
.eg-earth-fill:before { content: "\ec1d"; }
.eg-earth-line:before { content: "\ec1e"; }
.eg-edge-fill:before { content: "\ec25"; }
.eg-edge-new-fill:before { content: "\ec27"; }
.eg-edit-2-fill:before { content: "\ec29"; }
.eg-edit-box-fill:before { content: "\ec2b"; }
.eg-edit-box-line:before { content: "\ec2c"; }
.eg-edit-circle-fill:before { content: "\ec2d"; }
.eg-edit-circle-line:before { content: "\ec2e"; }
.eg-edit-fill:before { content: "\ec2f"; }
.eg-edit-line:before { content: "\ec30"; }
.eg-emoji-sticker-fill:before { content: "\ec33"; }
.eg-emoji-sticker-line:before { content: "\ec34"; }
.eg-emotion-2-fill:before { content: "\ec35"; }
.eg-emotion-2-line:before { content: "\ec36"; }
.eg-emotion-fill:before { content: "\ec37"; }
.eg-emotion-happy-fill:before { content: "\ec38"; }
.eg-emotion-happy-line:before { content: "\ec39"; }
.eg-emotion-laugh-fill:before { content: "\ec3a"; }
.eg-emotion-laugh-line:before { content: "\ec3b"; }
.eg-emotion-line:before { content: "\ec3c"; }
.eg-emotion-normal-fill:before { content: "\ec3d"; }
.eg-emotion-normal-line:before { content: "\ec3e"; }
.eg-emotion-sad-fill:before { content: "\ec3f"; }
.eg-emotion-sad-line:before { content: "\ec40"; }
.eg-emotion-unhappy-fill:before { content: "\ec41"; }
.eg-emotion-unhappy-line:before { content: "\ec42"; }
.eg-equalizer-2-fill:before { content: "\ec49"; }
.eg-equalizer-2-line:before { content: "\ec4a"; }
.eg-equalizer-fill:before { content: "\ec4d"; }
.eg-equalizer-line:before { content: "\ec4e"; }
.eg-error-warning-fill:before { content: "\ec52"; }
.eg-error-warning-line:before { content: "\ec53"; }
.eg-exchange-2-fill:before { content: "\ec58"; }
.eg-exchange-2-line:before { content: "\ec59"; }
.eg-exchange-fill:before { content: "\ec60"; }
.eg-exchange-funds-fill:before { content: "\ec61"; }
.eg-exchange-funds-line:before { content: "\ec62"; }
.eg-exchange-line:before { content: "\ec63"; }
.eg-external-link-fill:before { content: "\ec76"; }
.eg-eye-2-fill:before { content: "\ec78"; }
.eg-eye-2-line:before { content: "\ec79"; }
.eg-eye-fill:before { content: "\ec7c"; }
.eg-eye-line:before { content: "\ec7d"; }
.eg-eye-off-fill:before { content: "\ec7e"; }
.eg-eye-off-line:before { content: "\ec7f"; }
.eg-facebook-box-fill:before { content: "\ec80"; }
.eg-facebook-circle-fill:before { content: "\ec82"; }
.eg-feedback-fill:before { content: "\ec88"; }
.eg-feedback-line:before { content: "\ec89"; }
.eg-file-2-fill:before { content: "\ec8a"; }
.eg-file-2-line-2:before { content: "\ec8b"; }
.eg-file-4-fill:before { content: "\ec8f"; }
.eg-file-4-line:before { content: "\ec90"; }
.eg-file-copy-fill:before { content: "\eca1"; }
.eg-file-copy-line:before { content: "\eca2"; }
.eg-file-image-fill:before { content: "\ecb6"; }
.eg-file-image-line:before { content: "\ecb7"; }
.eg-file-text-fill:before { content: "\ecdf"; }
.eg-file-text-line:before { content: "\ece0"; }
.eg-file-video-fill:before { content: "\ece9"; }
.eg-file-video-line:before { content: "\ecea"; }
.eg-file-word-2-fill:before { content: "\eced"; }
.eg-fingerprint-fill:before { content: "\ed03"; }
.eg-fire-fill:before { content: "\ed07"; }
.eg-firefox-fill:before { content: "\ed08"; }
.eg-fire-line:before { content: "\ed0a"; }
.eg-flag-2-fill:before { content: "\ed0d"; }
.eg-flag-2-line:before { content: "\ed0e"; }
.eg-flag-fill:before { content: "\ed0f"; }
.eg-flag-line:before { content: "\ed10"; }
.eg-flashlight-fill:before { content: "\ed11"; }
.eg-flashlight-line:before { content: "\ed12"; }
.eg-flask-fill:before { content: "\ed13"; }
.eg-flask-line:before { content: "\ed14"; }
.eg-focus-3-fill:before { content: "\ed2c"; }
.eg-focus-3-line:before { content: "\ed2d"; }
.eg-focus-fill:before { content: "\ed2e"; }
.eg-focus-line:before { content: "\ed2f"; }
.eg-folder-3-fill:before { content: "\ed35"; }
.eg-folder-3-line:before { content: "\ed36"; }
.eg-folder-6-fill:before { content: "\ed3b"; }
.eg-folder-6-line:before { content: "\ed3c"; }
.eg-folder-image-fill:before { content: "\ed50"; }
.eg-folder-image-line:before { content: "\ed51"; }
.eg-folder-video-fill:before { content: "\ed73"; }
.eg-folder-video-line:before { content: "\ed74"; }
.eg-footprint-fill:before { content: "\ed82"; }
.eg-fullscreen-exit-fill:before { content: "\ed9a"; }
.eg-fullscreen-fill:before { content: "\ed9c"; }
.eg-function-add-fill:before { content: "\ed9e"; }
.eg-function-add-line:before { content: "\ed9f"; }
.eg-function-fill:before { content: "\eda0"; }
.eg-function-line:before { content: "\eda1"; }
.eg-funds-box-fill:before { content: "\eda3"; }
.eg-funds-box-line:before { content: "\eda4"; }
.eg-funds-fill:before { content: "\eda5"; }
.eg-funds-line:before { content: "\eda6"; }
.eg-gallery-view:before { content: "\edab"; }
.eg-gallery-view-2:before { content: "\edac"; }
.eg-game-fill:before { content: "\edad"; }
.eg-game-line:before { content: "\edae"; }
.eg-gamepad-fill:before { content: "\edaf"; }
.eg-gamepad-line:before { content: "\edb0"; }
.eg-genderless-fill:before { content: "\edb5"; }
.eg-genderless-line:before { content: "\edb6"; }
.eg-ghost-2-fill:before { content: "\edb7"; }
.eg-ghost-2-line:before { content: "\edb8"; }
.eg-ghost-fill:before { content: "\edb9"; }
.eg-ghost-line:before { content: "\edba"; }
.eg-ghost-smile-fill:before { content: "\edbb"; }
.eg-ghost-smile-line:before { content: "\edbc"; }
.eg-gift-2-fill:before { content: "\edbd"; }
.eg-gift-2-line:before { content: "\edbe"; }
.eg-gift-fill:before { content: "\edbf"; }
.eg-gift-line:before { content: "\edc0"; }
.eg-git-branch-fill:before { content: "\edc1"; }
.eg-git-fork-fill:before { content: "\edc7"; }
.eg-github-fill:before { content: "\edc9"; }
.eg-github-line:before { content: "\edca"; }
.eg-gitlab-fill:before { content: "\edcb"; }
.eg-gitlab-line:before { content: "\edcc"; }
.eg-git-merge-fill:before { content: "\edcd"; }
.eg-git-merge-line:before { content: "\edce"; }
.eg-global-fill:before { content: "\eddd"; }
.eg-global-line:before { content: "\edde"; }
.eg-google-fill:before { content: "\ede9"; }
.eg-google-play-fill:before { content: "\edeb"; }
.eg-hand:before { content: "\ee09"; }
.eg-handbag-fill:before { content: "\ee0a"; }
.eg-handbag-line:before { content: "\ee0b"; }
.eg-hd-fill:before { content: "\ee1e"; }
.eg-hd-line:before { content: "\ee1f"; }
.eg-headphone-fill:before { content: "\ee22"; }
.eg-headphone-line:before { content: "\ee23"; }
.eg-heart-2-fill:before { content: "\ee26"; }
.eg-heart-2-line:before { content: "\ee27"; }
.eg-heart-3-fill:before { content: "\ee28"; }
.eg-heart-3-line:before { content: "\ee29"; }
.eg-heart-add-2-fill:before { content: "\ee2a"; }
.eg-heart-add-2-line:before { content: "\ee2b"; }
.eg-heart-add-fill:before { content: "\ee2c"; }
.eg-heart-add-line:before { content: "\ee2d"; }
.eg-heart-fill:before { content: "\ee2e"; }
.eg-heart-line:before { content: "\ee2f"; }
.eg-hearts-fill:before { content: "\ee32"; }
.eg-hearts-line:before { content: "\ee33"; }
.eg-home-2-fill:before { content: "\ee3a"; }
.eg-home-2-line:before { content: "\ee3b"; }
.eg-home-3-fill:before { content: "\ee3c"; }
.eg-home-3-line:before { content: "\ee3d"; }
.eg-home-4-fill:before { content: "\ee3e"; }
.eg-home-4-line:before { content: "\ee3f"; }
.eg-home-7-fill:before { content: "\ee44"; }
.eg-home-7-line:before { content: "\ee45"; }
.eg-home-smile-fill:before { content: "\ee52"; }
.eg-home-smile-line:before { content: "\ee53"; }
.eg-honour-fill:before { content: "\ee58"; }
.eg-honour-line:before { content: "\ee59"; }
.eg-hourglass-2-fill:before { content: "\ee62"; }
.eg-hourglass-2-line:before { content: "\ee63"; }
.eg-hourglass-fill:before { content: "\ee64"; }
.eg-hourglass-line:before { content: "\ee65"; }
.eg-hq-fill:before { content: "\ee66"; }
.eg-hq-line:before { content: "\ee67"; }
.eg-html5-fill:before { content: "\ee68"; }
.eg-html5-line:before { content: "\ee69"; }
.eg-image-2-fill:before { content: "\ee6e"; }
.eg-image-2-line:before { content: "\ee6f"; }
.eg-image-circle-fill:before { content: "\ee72"; }
.eg-image-circle-line:before { content: "\ee73"; }
.eg-image-edit-fill:before { content: "\ee74"; }
.eg-image-edit-line:before { content: "\ee75"; }
.eg-image-fill:before { content: "\ee76"; }
.eg-image-line:before { content: "\ee77"; }
.eg-infinity-fill:before { content: "\ee88"; }
.eg-infinity-line:before { content: "\ee89"; }
.eg-information-2-fill:before { content: "\ee8b"; }
.eg-information-2-line:before { content: "\ee8c"; }
.eg-information-fill:before { content: "\ee8d"; }
.eg-information-line:before { content: "\ee8e"; }
.eg-instagram-fill:before { content: "\ee9d"; }
.eg-instagram-line:before { content: "\ee9e"; }
.eg-javascript-fill:before { content: "\eea8"; }
.eg-javascript-line:before { content: "\eea9"; }
.eg-layout-2-fill:before { content: "\eec0"; }
.eg-layout-2-line:before { content: "\eec1"; }
.eg-layout-3-fill:before { content: "\eec2"; }
.eg-layout-3-line:before { content: "\eec3"; }
.eg-layout-4-fill:before { content: "\eec4"; }
.eg-layout-4-line:before { content: "\eec5"; }
.eg-layout-5-fill:before { content: "\eec6"; }
.eg-layout-5-line:before { content: "\eec7"; }
.eg-layout-6-fill:before { content: "\eec8"; }
.eg-layout-6-line:before { content: "\eec9"; }
.eg-leaf-fill:before { content: "\eeea"; }
.eg-leaf-line:before { content: "\eeeb"; }
.eg-lifebuoy-fill:before { content: "\eeec"; }
.eg-lifebuoy-line:before { content: "\eeed"; }
.eg-lightbulb-fill:before { content: "\eeee"; }
.eg-lightbulb-flash-fill:before { content: "\eeef"; }
.eg-lightbulb-flash-line:before { content: "\eef0"; }
.eg-lightbulb-line:before { content: "\eef1"; }
.eg-line-chart-fill:before { content: "\eef2"; }
.eg-link:before { content: "\eef7"; }
.eg-linkedin-box-fill:before { content: "\eef8"; }
.eg-linkedin-fill:before { content: "\eefa"; }
.eg-link-m:before { content: "\eefc"; }
.eg-live-fill:before { content: "\ef0c"; }
.eg-live-line:before { content: "\ef0d"; }
.eg-loader-2-fill:before { content: "\ef0e"; }
.eg-loader-4-fill:before { content: "\ef12"; }
.eg-loader-fill:before { content: "\ef16"; }
.eg-lock-2-fill:before { content: "\ef18"; }
.eg-lock-2-line:before { content: "\ef19"; }
.eg-lock-fill:before { content: "\ef1a"; }
.eg-lock-line:before { content: "\ef1b"; }
.eg-lock-password-fill:before { content: "\ef1c"; }
.eg-lock-password-line:before { content: "\ef1d"; }
.eg-lock-star-fill:before { content: "\ef1e"; }
.eg-lock-star-line:before { content: "\ef1f"; }
.eg-lock-unlock-fill:before { content: "\ef20"; }
.eg-lock-unlock-line:before { content: "\ef21"; }
.eg-login-box-fill:before { content: "\ef22"; }
.eg-login-box-line:before { content: "\ef23"; }
.eg-login-circle-fill:before { content: "\ef24"; }
.eg-login-circle-line:before { content: "\ef25"; }
.eg-logout-box-fill:before { content: "\ef26"; }
.eg-logout-box-line:before { content: "\ef27"; }
.eg-logout-box-r-fill:before { content: "\ef28"; }
.eg-logout-box-r-line:before { content: "\ef29"; }
.eg-logout-circle-fill:before { content: "\ef2a"; }
.eg-logout-circle-line:before { content: "\ef2b"; }
.eg-logout-circle-r-fill:before { content: "\ef2c"; }
.eg-logout-circle-r-line:before { content: "\ef2d"; }
.eg-loop-left-line:before { content: "\ef2f"; }
.eg-macbook-fill:before { content: "\ef38"; }
.eg-macbook-line:before { content: "\ef39"; }
.eg-mac-fill:before { content: "\ef3a"; }
.eg-mac-line:before { content: "\ef3b"; }
.eg-magic-fill:before { content: "\ef3c"; }
.eg-magic-line:before { content: "\ef3d"; }
.eg-mail-add-fill:before { content: "\ef3e"; }
.eg-mail-add-line:before { content: "\ef3f"; }
.eg-mail-check-fill:before { content: "\ef40"; }
.eg-mail-check-line:before { content: "\ef41"; }
.eg-mail-close-fill:before { content: "\ef42"; }
.eg-mail-close-line:before { content: "\ef43"; }
.eg-mail-download-fill:before { content: "\ef44"; }
.eg-mail-download-line:before { content: "\ef45"; }
.eg-mail-fill:before { content: "\ef46"; }
.eg-mail-line:before { content: "\ef49"; }
.eg-mail-lock-fill:before { content: "\ef4a"; }
.eg-mail-lock-line:before { content: "\ef4b"; }
.eg-mail-open-fill:before { content: "\ef4c"; }
.eg-mail-open-line:before { content: "\ef4d"; }
.eg-mail-send-fill:before { content: "\ef4e"; }
.eg-mail-send-line:before { content: "\ef4f"; }
.eg-mail-settings-fill:before { content: "\ef50"; }
.eg-mail-settings-line:before { content: "\ef51"; }
.eg-mail-star-fill:before { content: "\ef52"; }
.eg-mail-star-line:before { content: "\ef53"; }
.eg-mail-unread-fill:before { content: "\ef54"; }
.eg-mail-unread-line:before { content: "\ef55"; }
.eg-mail-volume-fill:before { content: "\ef56"; }
.eg-mail-volume-line:before { content: "\ef57"; }
.eg-map-2-fill:before { content: "\ef58"; }
.eg-map-2-line:before { content: "\ef59"; }
.eg-map-fill:before { content: "\ef5a"; }
.eg-map-line:before { content: "\ef5b"; }
.eg-map-pin-2-fill:before { content: "\ef5c"; }
.eg-map-pin-2-line:before { content: "\ef5d"; }
.eg-map-pin-3-fill:before { content: "\ef5e"; }
.eg-map-pin-3-line:before { content: "\ef5f"; }
.eg-map-pin-4-fill:before { content: "\ef60"; }
.eg-map-pin-4-line:before { content: "\ef61"; }
.eg-mark-pen-fill:before { content: "\ef70"; }
.eg-mark-pen-line:before { content: "\ef71"; }
.eg-markup-fill:before { content: "\ef72"; }
.eg-markup-line:before { content: "\ef73"; }
.eg-mastercard-fill:before { content: "\ef74"; }
.eg-mastercard-line:before { content: "\ef75"; }
.eg-medal-fill:before { content: "\ef7a"; }
.eg-medal-line:before { content: "\ef7b"; }
.eg-megaphone-fill:before { content: "\ef80"; }
.eg-megaphone-line:before { content: "\ef81"; }
.eg-message-2-fill:before { content: "\efab"; }
.eg-message-2-line:before { content: "\efac"; }
.eg-message-3-fill:before { content: "\efad"; }
.eg-message-3-line:before { content: "\efae"; }
.eg-message-fill:before { content: "\efaf"; }
.eg-message-line:before { content: "\efb0"; }
.eg-messenger-fill:before { content: "\efb1"; }
.eg-messenger-line:before { content: "\efb2"; }
.eg-meta-fill:before { content: "\efb3"; }
.eg-meteor-fill:before { content: "\efb5"; }
.eg-mic-2-fill:before { content: "\efb7"; }
.eg-mic-fill:before { content: "\efb9"; }
.eg-money-dollar-circle-fill:before { content: "\efd2"; }
.eg-money-dollar-circle-line:before { content: "\efd3"; }
.eg-money-euro-circle-fill:before { content: "\efd6"; }
.eg-money-euro-circle-line:before { content: "\efd7"; }
.eg-money-pound-circle-fill:before { content: "\efda"; }
.eg-money-pound-circle-line:before { content: "\efdb"; }
.eg-moon-clear-fill:before { content: "\efde"; }
.eg-moon-clear-line:before { content: "\efdf"; }
.eg-moon-fill:before { content: "\efe2"; }
.eg-moon-foggy-fill:before { content: "\efe3"; }
.eg-moon-foggy-line:before { content: "\efe4"; }
.eg-moon-line:before { content: "\efe5"; }
.eg-more-2-fill:before { content: "\efe6"; }
.eg-more-fill:before { content: "\efe8"; }
.eg-mouse-fill:before { content: "\efec"; }
.eg-mouse-line:before { content: "\efed"; }
.eg-movie-fill:before { content: "\eff0"; }
.eg-movie-line:before { content: "\eff1"; }
.eg-music-2-fill:before { content: "\eff2"; }
.eg-music-fill:before { content: "\eff4"; }
.eg-mv-fill:before { content: "\eff6"; }
.eg-navigation-fill:before { content: "\eff8"; }
.eg-netflix-fill:before { content: "\effc"; }
.eg-news-fill:before { content: "\effe"; }
.eg-news-line:before { content: "\efff"; }
.eg-newspaper-fill:before { content: "\f000"; }
.eg-newspaper-line:before { content: "\f001"; }
.eg-nft-fill:before { content: "\f004"; }
.eg-nft-line:before { content: "\f005"; }
.eg-notification-2-fill:before { content: "\f009"; }
.eg-notification-2-line:before { content: "\f00a"; }
.eg-notification-3-fill:before { content: "\f00b"; }
.eg-notification-3-line:before { content: "\f00c"; }
.eg-notification-4-fill:before { content: "\f00d"; }
.eg-notification-4-line:before { content: "\f00e"; }
.eg-notification-badge-fill:before { content: "\f00f"; }
.eg-notification-badge-line:before { content: "\f010"; }
.eg-notification-fill:before { content: "\f011"; }
.eg-notification-line:before { content: "\f012"; }
.eg-notification-off-fill:before { content: "\f013"; }
.eg-notification-off-line:before { content: "\f014"; }
.eg-octagon-fill:before { content: "\f027"; }
.eg-octagon-line:before { content: "\f028"; }
.eg-opera-fill:before { content: "\f034"; }
.eg-p2p-fill:before { content: "\f03e"; }
.eg-pages-fill:before { content: "\f041"; }
.eg-pages-line:before { content: "\f042"; }
.eg-paint-brush-fill:before { content: "\f043"; }
.eg-paint-brush-line:before { content: "\f044"; }
.eg-paint-fill:before { content: "\f045"; }
.eg-paint-line:before { content: "\f046"; }
.eg-palette-fill:before { content: "\f047"; }
.eg-palette-line:before { content: "\f048"; }
.eg-pantone-fill:before { content: "\f049"; }
.eg-pantone-line:before { content: "\f04a"; }
.eg-pause-circle-fill:before { content: "\f05e"; }
.eg-pause-circle-line:before { content: "\f05f"; }
.eg-paypal-fill:before { content: "\f066"; }
.eg-paypal-line:before { content: "\f067"; }
.eg-pencil-fill:before { content: "\f068"; }
.eg-pencil-line:before { content: "\f069"; }
.eg-pencil-ruler-2-fill:before { content: "\f06a"; }
.eg-pencil-ruler-2-line:before { content: "\f06b"; }
.eg-pencil-ruler-fill:before { content: "\f06c"; }
.eg-pencil-ruler-line:before { content: "\f06d"; }
.eg-pen-nib-fill:before { content: "\f06e"; }
.eg-pen-nib-line:before { content: "\f06f"; }
.eg-pentagon-fill:before { content: "\f070"; }
.eg-pentagon-line:before { content: "\f071"; }
.eg-percent-line:before { content: "\f073"; }
.eg-phone-camera-fill:before { content: "\f074"; }
.eg-phone-camera-line:before { content: "\f075"; }
.eg-phone-fill:before { content: "\f076"; }
.eg-phone-find-fill:before { content: "\f077"; }
.eg-phone-find-line:before { content: "\f078"; }
.eg-phone-line:before { content: "\f079"; }
.eg-picture-in-picture-2-fill:before { content: "\f07c"; }
.eg-picture-in-picture-2-line:before { content: "\f07d"; }
.eg-picture-in-picture-exit-fill:before { content: "\f07e"; }
.eg-picture-in-picture-exit-line:before { content: "\f07f"; }
.eg-picture-in-picture-fill:before { content: "\f080"; }
.eg-picture-in-picture-line:before { content: "\f081"; }
.eg-pie-chart-2-fill:before { content: "\f082"; }
.eg-pie-chart-2-line:before { content: "\f083"; }
.eg-pie-chart-fill:before { content: "\f086"; }
.eg-pie-chart-line:before { content: "\f087"; }
.eg-pinterest-fill:before { content: "\f08c"; }
.eg-pinterest-line:before { content: "\f08d"; }
.eg-planet-fill:before { content: "\f093"; }
.eg-planet-line:before { content: "\f094"; }
.eg-play-circle-fill:before { content: "\f097"; }
.eg-play-circle-line:before { content: "\f098"; }
.eg-play-fill:before { content: "\f099"; }
.eg-play-large-fill:before { content: "\f09a"; }
.eg-play-large-line:before { content: "\f09b"; }
.eg-price-tag-2-fill:before { content: "\f0bb"; }
.eg-price-tag-2-line:before { content: "\f0bc"; }
.eg-price-tag-3-fill:before { content: "\f0bd"; }
.eg-price-tag-3-line:before { content: "\f0be"; }
.eg-pushpin-2-fill:before { content: "\f0e5"; }
.eg-pushpin-2-line:before { content: "\f0e6"; }
.eg-pushpin-fill:before { content: "\f0e7"; }
.eg-pushpin-line:before { content: "\f0e8"; }
.eg-puzzle-2-fill:before { content: "\f0e9"; }
.eg-puzzle-2-line:before { content: "\f0ea"; }
.eg-question-answer-fill:before { content: "\f0f5"; }
.eg-question-answer-line:before { content: "\f0f6"; }
.eg-question-fill:before { content: "\f0f7"; }
.eg-question-line:before { content: "\f0f8"; }
.eg-quill-pen-fill:before { content: "\f0fc"; }
.eg-reactjs-line:before { content: "\f110"; }
.eg-recycle-fill:before { content: "\f119"; }
.eg-reddit-fill:before { content: "\f11b"; }
.eg-reddit-line:before { content: "\f11c"; }
.eg-refresh-fill:before { content: "\f11f"; }
.eg-refresh-line:before { content: "\f120"; }
.eg-registered-fill:before { content: "\f125"; }
.eg-registered-line:before { content: "\f126"; }
.eg-repeat-2-fill:before { content: "\f12f"; }
.eg-repeat-fill:before { content: "\f131"; }
.eg-reply-all-fill:before { content: "\f13d"; }
.eg-reply-fill:before { content: "\f13f"; }
.eg-road-map-fill:before { content: "\f159"; }
.eg-road-map-line:before { content: "\f15a"; }
.eg-robot-2-fill:before { content: "\f15d"; }
.eg-robot-2-line:before { content: "\f15e"; }
.eg-rocket-2-fill:before { content: "\f163"; }
.eg-rocket-2-line:before { content: "\f164"; }
.eg-rocket-fill:before { content: "\f165"; }
.eg-rocket-line:before { content: "\f166"; }
.eg-rss-fill:before { content: "\f16e"; }
.eg-ruler-2-fill:before { content: "\f170"; }
.eg-ruler-2-line:before { content: "\f171"; }
.eg-ruler-fill:before { content: "\f172"; }
.eg-ruler-line:before { content: "\f173"; }
.eg-save-2-fill:before { content: "\f17e"; }
.eg-save-2-line:before { content: "\f17f"; }
.eg-save-3-fill:before { content: "\f180"; }
.eg-save-3-line:before { content: "\f181"; }
.eg-save-fill:before { content: "\f182"; }
.eg-save-line:before { content: "\f183"; }
.eg-scissors-fill:before { content: "\f194"; }
.eg-screenshot-fill:before { content: "\f198"; }
.eg-scroll-to-bottom-fill:before { content: "\f19a"; }
.eg-scroll-to-bottom-line:before { content: "\f19b"; }
.eg-search-2-fill:before { content: "\f1a0"; }
.eg-search-2-line:before { content: "\f1a1"; }
.eg-search-eye-fill:before { content: "\f1a2"; }
.eg-search-eye-line:before { content: "\f1a3"; }
.eg-search-fill:before { content: "\f1a4"; }
.eg-search-line:before { content: "\f1a5"; }
.eg-secure-payment-fill:before { content: "\f1a6"; }
.eg-secure-payment-line:before { content: "\f1a7"; }
.eg-send-plane-2-fill:before { content: "\f1ab"; }
.eg-send-plane-2-line:before { content: "\f1ac"; }
.eg-send-plane-fill:before { content: "\f1ad"; }
.eg-send-plane-line:before { content: "\f1ae"; }
.eg-seo-fill:before { content: "\f1b2"; }
.eg-seo-line:before { content: "\f1b3"; }
.eg-service-fill:before { content: "\f1b7"; }
.eg-service-line:before { content: "\f1b8"; }
.eg-settings-2-fill:before { content: "\f1b9"; }
.eg-settings-2-line:before { content: "\f1ba"; }
.eg-settings-3-fill:before { content: "\f1bb"; }
.eg-settings-3-line:before { content: "\f1bc"; }
.eg-settings-4-fill:before { content: "\f1bd"; }
.eg-settings-4-line:before { content: "\f1be"; }
.eg-settings-fill:before { content: "\f1c3"; }
.eg-settings-line:before { content: "\f1c4"; }
.eg-shadow-fill:before { content: "\f1c5"; }
.eg-shadow-line:before { content: "\f1c6"; }
.eg-shake-hands-fill:before { content: "\f1c7"; }
.eg-shake-hands-line:before { content: "\f1c8"; }
.eg-shape-2-fill:before { content: "\f1c9"; }
.eg-shape-2-line:before { content: "\f1ca"; }
.eg-shape-fill:before { content: "\f1cb"; }
.eg-shape-line:before { content: "\f1cc"; }
.eg-shapes-fill:before { content: "\f1cd"; }
.eg-shapes-line:before { content: "\f1ce"; }
.eg-share-2-fill:before { content: "\f1cf"; }
.eg-share-2-line:before { content: "\f1d0"; }
.eg-share-box-fill:before { content: "\f1d1"; }
.eg-share-box-line:before { content: "\f1d2"; }
.eg-share-circle-fill:before { content: "\f1d3"; }
.eg-share-circle-line:before { content: "\f1d4"; }
.eg-share-fill:before { content: "\f1d5"; }
.eg-share-forward-2-fill:before { content: "\f1d6"; }
.eg-share-forward-2-line:before { content: "\f1d7"; }
.eg-share-forward-fill:before { content: "\f1da"; }
.eg-share-forward-line:before { content: "\f1db"; }
.eg-share-line:before { content: "\f1dc"; }
.eg-shield-check-fill:before { content: "\f1dd"; }
.eg-shield-check-line:before { content: "\f1de"; }
.eg-shield-cross-fill:before { content: "\f1df"; }
.eg-shield-cross-line:before { content: "\f1e0"; }
.eg-shield-fill:before { content: "\f1e1"; }
.eg-shield-flash-fill:before { content: "\f1e2"; }
.eg-shield-flash-line:before { content: "\f1e3"; }
.eg-shield-keyhole-fill:before { content: "\f1e4"; }
.eg-shield-keyhole-line:before { content: "\f1e5"; }
.eg-shield-line:before { content: "\f1e6"; }
.eg-shield-star-fill:before { content: "\f1e7"; }
.eg-shield-star-line:before { content: "\f1e8"; }
.eg-shield-user-fill:before { content: "\f1e9"; }
.eg-shield-user-line:before { content: "\f1ea"; }
.eg-shopping-bag-4-fill:before { content: "\f1f9"; }
.eg-shopping-bag-4-line:before { content: "\f1fa"; }
.eg-shopping-basket-2-fill:before { content: "\f1fd"; }
.eg-shopping-basket-2-line:before { content: "\f1fe"; }
.eg-shopping-basket-fill:before { content: "\f1ff"; }
.eg-shopping-basket-line:before { content: "\f200"; }
.eg-shopping-cart-2-fill:before { content: "\f201"; }
.eg-shopping-cart-2-line:before { content: "\f202"; }
.eg-shopping-cart-fill:before { content: "\f203"; }
.eg-shopping-cart-line:before { content: "\f204"; }
.eg-slow-down-fill:before { content: "\f24f"; }
.eg-snapchat-fill:before { content: "\f253"; }
.eg-snapchat-line:before { content: "\f254"; }
.eg-soundcloud-fill:before { content: "\f261"; }
.eg-soundcloud-line:before { content: "\f262"; }
.eg-sound-module-fill:before { content: "\f263"; }
.eg-space-ship-fill:before { content: "\f266"; }
.eg-space-ship-line:before { content: "\f267"; }
.eg-spam-2-fill:before { content: "\f268"; }
.eg-spam-2-line:before { content: "\f269"; }
.eg-spam-3-fill:before { content: "\f26a"; }
.eg-spam-3-line:before { content: "\f26b"; }
.eg-spam-fill:before { content: "\f26c"; }
.eg-spam-line:before { content: "\f26d"; }
.eg-speed-up-fill:before { content: "\f280"; }
.eg-spotify-fill:before { content: "\f284"; }
.eg-spotify-line:before { content: "\f285"; }
.eg-spy-fill:before { content: "\f286"; }
.eg-spy-line:before { content: "\f287"; }
.eg-square-fill:before { content: "\f288"; }
.eg-square-line:before { content: "\f289"; }
.eg-stack-fill:before { content: "\f28c"; }
.eg-stack-line:before { content: "\f28d"; }
.eg-star-fill:before { content: "\f292"; }
.eg-star-half-fill:before { content: "\f293"; }
.eg-star-half-line:before { content: "\f294"; }
.eg-star-half-s-fill:before { content: "\f295"; }
.eg-star-half-s-line:before { content: "\f296"; }
.eg-star-line:before { content: "\f297"; }
.eg-star-s-fill:before { content: "\f298"; }
.eg-star-s-line:before { content: "\f299"; }
.eg-star-smile-fill:before { content: "\f29a"; }
.eg-star-smile-line:before { content: "\f29b"; }
.eg-steam-fill:before { content: "\f29c"; }
.eg-steam-line:before { content: "\f29d"; }
.eg-sticky-note-2-line:before { content: "\f2a6"; }
.eg-sticky-note-add-fill:before { content: "\f2a7"; }
.eg-sticky-note-add-line:before { content: "\f2a8"; }
.eg-sticky-note-fill:before { content: "\f2a9"; }
.eg-sticky-note-line:before { content: "\f2aa"; }
.eg-stop-circle-fill:before { content: "\f2ad"; }
.eg-stop-circle-line:before { content: "\f2ae"; }
.eg-store-2-fill:before { content: "\f2b5"; }
.eg-store-2-line:before { content: "\f2b6"; }
.eg-store-fill:before { content: "\f2b9"; }
.eg-store-line:before { content: "\f2ba"; }
.eg-suitcase-fill:before { content: "\f2c9"; }
.eg-suitcase-line:before { content: "\f2ca"; }
.eg-sun-fill:before { content: "\f2cd"; }
.eg-sun-foggy-fill:before { content: "\f2ce"; }
.eg-sun-foggy-line:before { content: "\f2cf"; }
.eg-sun-line:before { content: "\f2d0"; }
.eg-swap-box-fill:before { content: "\f2e1"; }
.eg-swap-box-line:before { content: "\f2e2"; }
.eg-swap-fill:before { content: "\f2e3"; }
.eg-swap-line:before { content: "\f2e4"; }
.eg-switch-fill:before { content: "\f2e5"; }
.eg-switch-line:before { content: "\f2e6"; }
.eg-tablet-line:before { content: "\f2f2"; }
.eg-team-fill:before { content: "\f304"; }
.eg-team-line:before { content: "\f305"; }
.eg-telegram-fill:before { content: "\f306"; }
.eg-telegram-line:before { content: "\f307"; }
.eg-threads-fill:before { content: "\f31f"; }
.eg-thumb-down-fill:before { content: "\f321"; }
.eg-thumb-down-line:before { content: "\f322"; }
.eg-thumb-up-fill:before { content: "\f323"; }
.eg-thumb-up-line:before { content: "\f324"; }
.eg-tiktok-fill:before { content: "\f32b"; }
.eg-tiktok-line:before { content: "\f32c"; }
.eg-time-fill:before { content: "\f32d"; }
.eg-time-line:before { content: "\f32e"; }
.eg-timeline-view:before { content: "\f32f"; }
.eg-timer-2-fill:before { content: "\f330"; }
.eg-timer-2-line:before { content: "\f331"; }
.eg-timer-fill:before { content: "\f332"; }
.eg-timer-flash-fill:before { content: "\f333"; }
.eg-timer-flash-line:before { content: "\f334"; }
.eg-timer-line:before { content: "\f335"; }
.eg-toggle-fill:before { content: "\f33a"; }
.eg-toggle-line:before { content: "\f33b"; }
.eg-tools-fill:before { content: "\f33e"; }
.eg-tv-2-fill:before { content: "\f364"; }
.eg-tv-2-line:before { content: "\f365"; }
.eg-tv-fill:before { content: "\f366"; }
.eg-tv-line:before { content: "\f367"; }
.eg-twitch-fill:before { content: "\f368"; }
.eg-twitch-line:before { content: "\f369"; }
.eg-twitter-fill:before { content: "\f36a"; }
.eg-twitter-line:before { content: "\f36b"; }
.eg-twitter-x-fill:before { content: "\f36c"; }
.eg-twitter-x-line:before { content: "\f36d"; }
.eg-upload-2-fill:before { content: "\f37d"; }
.eg-user-3-fill:before { content: "\f389"; }
.eg-user-3-line:before { content: "\f38a"; }
.eg-user-4-fill:before { content: "\f38b"; }
.eg-user-4-line:before { content: "\f38c"; }
.eg-user-5-fill:before { content: "\f38d"; }
.eg-user-5-line:before { content: "\f38e"; }
.eg-user-6-fill:before { content: "\f38f"; }
.eg-user-6-line:before { content: "\f390"; }
.eg-user-add-fill:before { content: "\f391"; }
.eg-user-add-line:before { content: "\f392"; }
.eg-user-fill:before { content: "\f393"; }
.eg-user-follow-fill:before { content: "\f394"; }
.eg-user-follow-line:before { content: "\f395"; }
.eg-user-forbid-fill:before { content: "\f396"; }
.eg-user-forbid-line:before { content: "\f397"; }
.eg-user-heart-fill:before { content: "\f398"; }
.eg-user-heart-line:before { content: "\f399"; }
.eg-user-line:before { content: "\f39a"; }
.eg-user-location-fill:before { content: "\f39b"; }
.eg-user-location-line:before { content: "\f39c"; }
.eg-user-received-2-fill:before { content: "\f39d"; }
.eg-user-received-2-line:before { content: "\f39e"; }
.eg-user-received-fill:before { content: "\f39f"; }
.eg-user-received-line:before { content: "\f3a0"; }
.eg-user-search-fill:before { content: "\f3a1"; }
.eg-user-search-line:before { content: "\f3a2"; }
.eg-user-settings-fill:before { content: "\f3a3"; }
.eg-user-settings-line:before { content: "\f3a4"; }
.eg-user-shared-2-fill:before { content: "\f3a5"; }
.eg-user-shared-2-line:before { content: "\f3a6"; }
.eg-user-shared-fill:before { content: "\f3a7"; }
.eg-user-shared-line:before { content: "\f3a8"; }
.eg-user-smile-fill:before { content: "\f3a9"; }
.eg-user-smile-line:before { content: "\f3aa"; }
.eg-user-star-fill:before { content: "\f3ab"; }
.eg-user-star-line:before { content: "\f3ac"; }
.eg-user-unfollow-fill:before { content: "\f3ad"; }
.eg-user-unfollow-line:before { content: "\f3ae"; }
.eg-verified-badge-fill:before { content: "\f3b1"; }
.eg-verified-badge-line:before { content: "\f3b2"; }
.eg-vimeo-fill:before { content: "\f3c5"; }
.eg-vimeo-line:before { content: "\f3c6"; }
.eg-vip-crown-2-fill:before { content: "\f3c7"; }
.eg-vip-crown-2-line:before { content: "\f3c8"; }
.eg-vip-crown-fill:before { content: "\f3c9"; }
.eg-vip-crown-line:before { content: "\f3ca"; }
.eg-vip-diamond-fill:before { content: "\f3cb"; }
.eg-vip-diamond-line:before { content: "\f3cc"; }
.eg-vip-fill:before { content: "\f3cd"; }
.eg-vip-line:before { content: "\f3ce"; }
.eg-visa-fill:before { content: "\f3d1"; }
.eg-visa-line:before { content: "\f3d2"; }
.eg-vk-fill:before { content: "\f3d3"; }
.eg-vk-line:before { content: "\f3d4"; }
.eg-voiceprint-fill:before { content: "\f3d5"; }
.eg-volume-down-fill:before { content: "\f3d9"; }
.eg-volume-mute-fill:before { content: "\f3db"; }
.eg-volume-up-fill:before { content: "\f3df"; }
.eg-vuejs-fill:before { content: "\f3e3"; }
.eg-vuejs-line:before { content: "\f3e4"; }
.eg-walk-fill:before { content: "\f3e5"; }
.eg-wallet-2-fill:before { content: "\f3e7"; }
.eg-wallet-2-line:before { content: "\f3e8"; }
.eg-wallet-3-fill:before { content: "\f3e9"; }
.eg-wallet-3-line:before { content: "\f3ea"; }
.eg-wallet-fill:before { content: "\f3eb"; }
.eg-wallet-line:before { content: "\f3ec"; }
.eg-water-flash-fill:before { content: "\f3ed"; }
.eg-water-flash-line:before { content: "\f3ee"; }
.eg-wechat-channels-line:before { content: "\f3f8"; }
.eg-wechat-fill:before { content: "\f3f9"; }
.eg-wechat-line:before { content: "\f3fa"; }
.eg-whatsapp-fill:before { content: "\f401"; }
.eg-whatsapp-line:before { content: "\f402"; }
.eg-windows-fill:before { content: "\f40d"; }
.eg-windows-line:before { content: "\f40e"; }
.eg-wordpress-fill:before { content: "\f415"; }
.eg-wordpress-line:before { content: "\f416"; }
.eg-xbox-fill:before { content: "\f418"; }
.eg-xbox-line:before { content: "\f419"; }
.eg-youtube-fill:before { content: "\f420"; }
.eg-youtube-line:before { content: "\f421"; }
.eg-zoom-in-fill:before { content: "\f428"; }
.eg-zoom-in-line:before { content: "\f429"; }
.eg-zoom-out-fill:before { content: "\f42a"; }
.eg-zoom-out-line:before { content: "\f42b"; }

/* -------------------------------------------------------------------------
   1. COLOR PALETTE & DESIGN TOKENS
   ------------------------------------------------------------------------- */
:root {
    /* Tipografi & Font */
    --my-font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;

    /* Primary & Accents (High Contrast WCAG AA Compliant - 6.4:1 Contrast Ratio) */
    --my-primary: #4f46e5;
    --my-soft-blue: #4f46e5;
    --my-pastel-icon-bg: #EEF2FF;

    /* Koyu Zemin & Sayaç Kartı (Dark Slate Navy) */
    --my-dark-bg: #1E293B;
    --my-dark-card: #334155;
    --my-dark-border: #475569;

    /* Tipografi & Metin Renkleri (Contrast Ratio > 7:1) */
    --my-title-color: #0F172A;
    --my-text-color: #334155;
    --my-passive-link: #334155;
    --my-dark-muted-text: #94A3B8;
    --my-white: #FFFFFF;

    /* Sayfa Zemin & Çerçeveler */
    --my-body-bg: #F7F8FC;
    --my-border-color: #E7ECF5;
    --my-card-bg: #FFFFFF;

    /* Accent & Functional */
    --my-teal: #00B090;
    --my-orange: #F26522;
    --my-shadow-sm: 0 2px 8px rgba(45, 50, 67, 0.04);
    --my-shadow-md: 0 10px 30px rgba(45, 50, 67, 0.08);
    --my-shadow-lg: 0 20px 40px rgba(99, 102, 241, 0.12);
    --my-radius-sm: 8px;
    --my-radius-md: 14px;
    --my-radius-lg: 20px;
    --my-radius-pill: 999px;
    --my-transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

/* -------------------------------------------------------------------------
   2. GENERAL RESETS & BASE STYLES
   ------------------------------------------------------------------------- */
*, *::before, *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

html {
    scroll-behavior: smooth;
    scroll-padding-top: 90px;
    overflow-x: hidden;
    width: 100%;
}

body {
    background-color: var(--my-body-bg);
    color: var(--my-text-color);
    font-family: var(--my-font-family);
    font-size: 15px;
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    overflow-x: hidden;
    width: 100%;
}

/* CLS & Image Aspect Ratio Protection */
img, svg, iframe, video {
    max-width: 100%;
    height: auto;
}

/* PageSpeed Touch Target Min Height */
button,
input:not([type="checkbox"]):not([type="radio"]),
select,
textarea {
    min-height: 44px;
    touch-action: manipulation;
}

.meyricks-container {
    width: 100%;
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 20px;
}

.text-center { text-align: center; }

h1, h2, h3, h4, h5, h6 {
    color: var(--my-title-color);
    font-weight: 700;
    line-height: 1.25;
}

.section-header {
    margin-bottom: 50px;
}

.section-badge {
    display: inline-block;
    color: var(--my-primary);
    font-weight: 700;
    font-size: 13px;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.section-decor-line {
    height: 3px;
    width: 60px;
    margin: 10px auto 14px auto;
    background: linear-gradient(90deg, #4f46e5 65%, #f59e0b 100%);
    border-radius: 2px;
}

.section-title {
    font-size: 32px;
    font-weight: 700;
    letter-spacing: -0.5px;
    margin-bottom: 6px;
}

.section-desc {
    max-width: 680px;
    margin: 0 auto;
    font-size: 15.5px;
    color: var(--my-text-color);
}

/* Buttons */
.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 12px 24px;
    font-weight: 700;
    font-size: 15px;
    border-radius: var(--my-radius-md);
    cursor: pointer;
    transition: var(--my-transition);
    border: 1px solid transparent;
    text-decoration: none;
    transform: none !important;
}

.btn:hover, button:hover, a.btn:hover, .btn-pkg-cta:hover, .btn-header-cta:hover {
    transform: none !important;
}

.btn-primary, a.btn-primary {
    background-color: var(--my-primary);
    color: #FFFFFF !important;
    box-shadow: 0 4px 14px rgba(99, 102, 241, 0.35);
}

.btn-primary span, a.btn-primary span {
    background: transparent !important;
    background-color: transparent !important;
    color: inherit !important;
}

.btn-primary:hover, a.btn-primary:hover {
    background-color: var(--my-soft-blue);
    box-shadow: 0 6px 20px rgba(99, 102, 241, 0.45);
    color: #FFFFFF !important;
}

.btn-secondary {
    background-color: var(--my-white);
    color: var(--my-title-color);
    border-color: var(--my-border-color);
}

.btn-secondary:hover {
    border-color: var(--my-primary);
    color: var(--my-primary);
}

.btn-lg {
    padding: 15px 32px;
    font-size: 16px;
    border-radius: var(--my-radius-md);
}

.btn-sm {
    padding: 8px 16px;
    font-size: 13px;
    border-radius: var(--my-radius-sm);
}

.btn-full-width {
    width: 100%;
}

/* -------------------------------------------------------------------------
   3. HEADER & TOPBAR STYLES
   ------------------------------------------------------------------------- */
.meyricks-topbar {
    background-color: var(--my-body-bg);
    border-bottom: 1px solid var(--my-border-color);
    padding: 8px 0;
    font-size: 13px;
    color: var(--my-passive-link);
}

.topbar-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.topbar-left, .topbar-right {
    display: flex;
    align-items: center;
    gap: 16px;
}

.topbar-item {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--my-passive-link);
    font-weight: 500;
    line-height: 1;
}

.topbar-item svg {
    display: inline-block;
    flex-shrink: 0;
}

.topbar-item:hover {
    color: var(--my-primary);
}

.topbar-divider {
    width: 1px;
    height: 14px;
    background-color: var(--my-border-color);
}

.topbar-action {
    color: var(--my-primary);
    font-weight: 700;
}

.topbar-action:hover {
    color: var(--my-soft-blue);
}

/* Main Header */
.meyricks-header {
    position: sticky;
    top: 0;
    z-index: 999;
    padding: 12px 0;
    min-height: 76px;
    contain: layout style;
    transition: var(--my-transition);
}

.header-card-inner {
    background-color: var(--my-white);
    border: 1px solid var(--my-border-color);
    border-radius: var(--my-radius-pill);
    padding: 10px 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-shadow: var(--my-shadow-md);
}

.custom-brand-logo,
.footer-logo {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    text-decoration: none !important;
    border: none !important;
}

.logo-symbol {
    display: flex;
    align-items: center;
    justify-content: center;
}

.meyil-logo-img {
    width: 32px;
    height: 32px;
    object-fit: contain;
}

.logo-text,
.footer-logo-text {
    font-size: 22px;
    font-weight: 700;
    color: var(--my-title-color);
    letter-spacing: -0.5px;
    text-transform: uppercase;
    text-decoration: none !important;
}

.footer-logo-text {
    color: var(--my-white);
}

.nav-menu-list {
    display: flex;
    align-items: center;
    gap: 24px;
    list-style: none;
}

.nav-menu-list a {
    color: var(--my-passive-link);
    font-weight: 600;
    font-size: 15px;
    padding: 6px 0;
    position: relative;
    text-decoration: none;
    letter-spacing: -0.2px;
}

.nav-menu-list a:hover,
.nav-menu-list .current-menu-item > a {
    color: var(--my-primary);
}

.nav-menu-list .current-menu-item > a::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: var(--my-primary);
    border-radius: 2px;
}

.header-actions {
    display: flex;
    align-items: center;
    gap: 12px;
}

.header-icon-btn {
    width: 40px;
    height: 40px;
    border-radius: var(--my-radius-sm);
    border: 1px solid var(--my-border-color);
    background-color: var(--my-pastel-icon-bg);
    color: var(--my-title-color);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    cursor: pointer;
    transition: var(--my-transition);
    text-decoration: none;
}

.header-icon-btn:hover {
    border-color: var(--my-primary);
    color: var(--my-primary);
    background-color: var(--my-white);
}

.r10-icon-img {
    width: 22px;
    height: 22px;
    object-fit: contain;
    border-radius: 4px;
}

.notification-dot {
    position: absolute;
    top: 6px;
    right: 6px;
    width: 8px;
    height: 8px;
    background-color: var(--my-primary);
    border-radius: 50%;
}

.btn-header-cta,
a.btn-header-cta {
    background-color: var(--my-dark-bg, #1E293B) !important;
    color: #FFFFFF !important;
    border-radius: 10px !important;
    padding: 10px 20px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    box-shadow: 0 4px 14px rgba(30, 41, 59, 0.25) !important;
    border: none !important;
    text-decoration: none !important;
}

.btn-header-cta span,
.btn-header-cta * {
    background: transparent !important;
    background-color: transparent !important;
    color: #FFFFFF !important;
}

.btn-header-cta:hover,
a.btn-header-cta:hover {
    background-color: #0F172A !important;
    color: #FFFFFF !important;
    box-shadow: 0 6px 18px rgba(15, 23, 42, 0.35) !important;
}

/* Mobile Toggle */
.mobile-menu-toggle {
    display: none;
    flex-direction: column;
    gap: 4px;
    background: none;
    border: none;
    cursor: pointer;
    padding: 6px;
}

.hamburger-line {
    width: 22px;
    height: 2px;
    background-color: var(--my-title-color);
    border-radius: 2px;
}

.mobile-nav-drawer {
    display: none;
}

/* -------------------------------------------------------------------------
   4. BLOCK 1: KURUMSAL HERO SLIDER
   ------------------------------------------------------------------------- */
.meyricks-block-hero-slider {
    background-color: var(--my-body-bg);
    padding: 15px 0 25px 0;
    color: var(--my-white);
}

.hero-slider-boxed-frame {
    position: relative;
    background: linear-gradient(135deg, #181B28 0%, #262C3F 100%);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 24px;
    padding: 38px 45px;
    box-shadow: 0 20px 50px rgba(24, 27, 40, 0.22);
    overflow: hidden;
}

/* Ambient Glow Blobs */
.boxed-glow-bg {
    position: absolute;
    border-radius: 50%;
    filter: blur(80px);
    pointer-events: none;
    z-index: 1;
    opacity: 0.45;
}

.boxed-glow-bg.glow-primary {
    top: -100px;
    left: -100px;
    width: 350px;
    height: 350px;
    background: radial-gradient(circle, rgba(99, 102, 241, 0.5) 0%, rgba(99, 102, 241, 0) 70%);
    animation: ambientPulse 8s infinite alternate ease-in-out;
}

.boxed-glow-bg.glow-soft {
    bottom: -120px;
    right: 200px;
    width: 400px;
    height: 400px;
    background: radial-gradient(circle, rgba(129, 140, 248, 0.35) 0%, rgba(129, 140, 248, 0) 70%);
    animation: ambientPulse 10s infinite alternate-reverse ease-in-out;
}

@keyframes ambientPulse {
    0% { transform: scale(1) translate(0, 0); opacity: 0.35; }
    100% { transform: scale(1.15) translate(20px, -20px); opacity: 0.6; }
}

.hero-slider-inner {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: 1.15fr 0.85fr;
    gap: 40px;
    align-items: center;
}

/* Carousel Track & Slides */
.hero-slider-carousel {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 350px;
}

.hero-slides-track {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    position: relative;
    min-height: 220px;
}

.hero-slide-item {
    grid-area: 1 / 1 / 2 / 2;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    transform: translateX(25px);
    transition: opacity 0.45s cubic-bezier(0.16, 1, 0.3, 1), transform 0.45s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.45s;
    pointer-events: none;
}

.hero-slide-item.is-active {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
    pointer-events: auto;
}

.hero-badge-pill {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 16px;
    background-color: rgba(255, 255, 255, 0.08);
    border: 1px solid var(--my-dark-border);
    border-radius: var(--my-radius-pill);
    color: var(--my-soft-blue);
    font-size: 12.5px;
    font-weight: 600;
    letter-spacing: 0.6px;
    margin-bottom: 24px;
}

.badge-dot {
    width: 8px;
    height: 8px;
    background-color: var(--my-primary);
    border-radius: 50%;
    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.25);
}

.hero-slider-title {
    color: var(--my-white);
    font-size: 42px;
    font-weight: 700;
    line-height: 1.18;
    letter-spacing: -0.5px;
    margin-bottom: 20px;
    min-height: 2.36em;
}

.hero-slider-desc {
    color: var(--my-dark-muted-text);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.65;
    margin-bottom: 30px;
    max-width: 580px;
    min-height: 4.95em;
}

.hero-slider-buttons {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 25px;
}

.btn-outline-white {
    background-color: transparent;
    color: var(--my-white);
    border: 1px solid var(--my-dark-border);
}

.btn-outline-white:hover {
    background-color: rgba(255, 255, 255, 0.1);
    color: var(--my-white);
    border-color: var(--my-primary);
}

/* Controls: Dots & Arrows */
.hero-slider-controls {
    position: relative;
    z-index: 20;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 15px;
    margin-bottom: 25px;
}

.hero-slider-dots {
    display: flex;
    align-items: center;
    gap: 4px;
    position: relative;
    z-index: 22;
}

.hero-dot-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 28px !important;
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
    min-width: 28px !important;
    max-width: none !important;
    flex-shrink: 0 !important;
    align-self: center !important;
    background: transparent !important;
    border: none !important;
    outline: none !important;
    cursor: pointer !important;
    padding: 0 !important;
    margin: 0 !important;
    position: relative !important;
    z-index: 25 !important;
    pointer-events: auto !important;
    line-height: 1 !important;
    box-sizing: border-box !important;
    transition: width 0.3s ease !important;
}

.hero-dot-btn::before {
    content: '';
    display: block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.25);
    transition: all 0.3s ease;
}

.hero-dot-btn:hover::before {
    background-color: rgba(255, 255, 255, 0.5);
}

.hero-dot-btn.is-active {
    width: 44px !important;
    min-width: 44px !important;
}

.hero-dot-btn.is-active::before {
    width: 32px;
    height: 12px;
    border-radius: 8px;
    background-color: var(--my-primary);
    box-shadow: 0 0 12px rgba(79, 70, 229, 0.6);
}

.hero-slider-arrows {
    display: flex;
    align-items: center;
    gap: 10px;
    position: relative;
    z-index: 22;
}

.hero-arrow-btn {
    width: 38px !important;
    height: 38px !important;
    min-height: 0 !important;
    max-height: 38px !important;
    min-width: 0 !important;
    max-width: 38px !important;
    flex-shrink: 0 !important;
    align-self: center !important;
    border-radius: 50% !important;
    background-color: rgba(255, 255, 255, 0.06);
    border: 1px solid var(--my-dark-border);
    color: var(--my-white);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer !important;
    transition: all 0.3s ease;
    padding: 0 !important;
    margin: 0 !important;
    position: relative;
    z-index: 25;
    pointer-events: auto !important;
    box-sizing: border-box !important;
}

.hero-arrow-btn:hover {
    background-color: var(--my-primary);
    border-color: var(--my-primary);
    color: var(--my-white);
}

.hero-slider-stats {
    display: flex;
    align-items: center;
    gap: 15px;
    padding-top: 18px;
    border-top: 1px solid var(--my-dark-border);
}

.stat-item strong {
    display: block;
    font-size: 21px;
    font-weight: 700;
    color: var(--my-white);
    line-height: 1.1;
}

.stat-item span {
    font-size: 12.5px;
    color: var(--my-dark-muted-text);
}

.stat-divider {
    width: 1px;
    height: 30px;
    background-color: var(--my-dark-border);
}

.hero-banner-card {
    background: linear-gradient(135deg, rgba(30, 41, 59, 0.6) 0%, rgba(99, 102, 241, 0.15) 100%);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 20px;
    padding: 16px;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.25);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    transition: var(--my-transition);
}

.hero-banner-card:hover {
    border-color: rgba(99, 102, 241, 0.4);
    box-shadow: 0 25px 50px rgba(99, 102, 241, 0.2);
}

.hero-banner-img {
    width: 100%;
    height: auto;
    max-height: 420px;
    object-fit: cover;
    border-radius: 14px;
    display: block;
}

.form-label {
    display: block;
    font-size: 13px;
    font-weight: 700;
    color: var(--my-title-color);
    margin-bottom: 6px;
}

.form-input,
.form-select {
    width: 100%;
    padding: 12px 14px;
    border: 1px solid var(--my-border-color);
    border-radius: var(--my-radius-sm);
    font-size: 14px;
    color: var(--my-title-color);
    background-color: var(--my-body-bg);
    transition: var(--my-transition);
    outline: none;
}

.form-input:focus,
.form-select:focus {
    border-color: var(--my-primary);
    background-color: var(--my-white);
    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.15);
}

/* -------------------------------------------------------------------------
   5. BLOCK 2: TEKNİK SERVİS & HİZMETLER (3x2 Grid)
   ------------------------------------------------------------------------- */
.meyricks-block-services-grid {
    padding: 55px 0 85px 0;
}

.services-grid-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

.service-card-item {
    background-color: var(--my-white);
    border: 1px solid var(--my-border-color);
    border-radius: 16px;
    padding: 28px 24px;
    display: flex;
    align-items: flex-start;
    gap: 18px;
    transition: all 0.3s ease;
}

.service-card-item:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.06);
    border-color: rgba(99, 102, 241, 0.35);
}

.service-icon-box {
    width: 52px;
    height: 52px;
    border-radius: 12px;
    background-color: var(--my-pastel-icon-bg);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.service-card-title {
    font-size: 18px;
    font-weight: 700;
    color: var(--my-title-color);
    margin-bottom: 8px;
}

.service-card-desc {
    font-size: 13.5px;
    color: var(--my-text-color);
    line-height: 1.55;
}

/* -------------------------------------------------------------------------
   6. BLOCK 3: NASIL ÇALIŞIYORUZ? (4 Adımlı Süreç)
   ------------------------------------------------------------------------- */
.meyricks-block-workflow {
    padding: 85px 0;
    background-color: var(--my-white);
    border-top: 1px solid var(--my-border-color);
    border-bottom: 1px solid var(--my-border-color);
}

.workflow-steps-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
    position: relative;
}

.workflow-step-card {
    background-color: var(--my-body-bg);
    border: 1px solid var(--my-border-color);
    border-radius: 16px;
    padding: 30px 22px;
    position: relative;
    transition: all 0.3s ease;
}

.workflow-step-card:hover {
    background-color: var(--my-white);
    border-color: var(--my-primary);
    transform: translateY(-4px);
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.06);
}

.workflow-watermark-num {
    position: absolute;
    top: 18px;
    right: 22px;
    font-size: 38px;
    font-weight: 700;
    color: #CBD5E1;
    opacity: 0.6;
    line-height: 1;
    user-select: none;
}

.workflow-icon-box {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background-color: var(--my-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 22px;
}

.workflow-step-title {
    font-size: 17px;
    font-weight: 700;
    color: var(--my-title-color);
    margin-bottom: 10px;
}

.workflow-step-desc {
    font-size: 13.5px;
    color: var(--my-text-color);
    line-height: 1.55;
}

.workflow-arrow-connector {
    position: absolute;
    top: 50%;
    right: -14px;
    transform: translateY(-50%);
    z-index: 5;
    background-color: var(--my-white);
    border: 1px solid var(--my-border-color);
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* -------------------------------------------------------------------------
   7. KOYU ZEMİN SAYAÇ & ÖZET STYLES
   ------------------------------------------------------------------------- */
.meyricks-block-summary-counter {
    padding: 85px 0;
}

.dark-counter-box-wrapper {
    background-color: var(--my-dark-bg);
    border: 1px solid var(--my-dark-border);
    border-radius: var(--my-radius-lg);
    padding: 50px 40px;
    color: var(--my-white);
    box-shadow: var(--my-shadow-lg);
}

.dark-badge {
    display: inline-block;
    padding: 6px 14px;
    background-color: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: var(--my-radius-pill);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
    color: #EEF2FF;
    margin-bottom: 16px;
}

.dark-title {
    color: var(--my-white);
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 12px;
}

.dark-desc {
    color: #E2E8F0;
    max-width: 600px;
    margin: 0 auto 40px auto;
    font-size: 15px;
}

.dark-counter-cards-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

.dark-inner-card {
    background-color: var(--my-dark-card);
    border: 1px solid var(--my-dark-border);
    border-radius: var(--my-radius-md);
    padding: 24px 20px;
    text-align: center;
    transition: var(--my-transition);
}

.dark-inner-card:hover {
    border-color: var(--my-primary);
    transform: translateY(-3px);
}

.counter-number-val {
    font-size: 36px;
    font-weight: 700;
    color: var(--my-white);
    line-height: 1;
    margin-bottom: 8px;
    letter-spacing: -0.5px;
}

.counter-label-text {
    font-size: 13.5px;
    color: #E2E8F0;
    font-weight: 600;
}

/* -------------------------------------------------------------------------
   8. BLOCK 4: KURUMSAL FİYATLANDIRMA PAKETLERİ
   ------------------------------------------------------------------------- */
.meyricks-block-pricing {
    padding: 85px 0;
}

.pricing-tag-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 6px;
}

.pricing-cards-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
    align-items: stretch;
}

.pricing-card-item {
    background-color: var(--my-white);
    border: 1px solid var(--my-border-color);
    border-radius: 16px;
    padding: 32px 24px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    transition: all 0.3s ease;
}

.pricing-card-item:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.06);
}

.is-popular-card {
    border: 2px solid var(--my-primary);
    box-shadow: 0 16px 36px rgba(99, 102, 241, 0.18);
}

.popular-top-badge {
    position: absolute;
    top: -14px;
    left: 50%;
    transform: translateX(-50%);
    background-color: var(--my-primary);
    color: var(--my-white);
    font-size: 11px;
    font-weight: 700;
    padding: 4px 14px;
    border-radius: var(--my-radius-pill);
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

.pkg-icon-badge {
    width: 56px;
    height: 56px;
    border-radius: 14px;
    margin: 0 auto 16px auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.theme-dark .pkg-icon-badge { background-color: #F0F2F6; color: var(--my-title-color); }
.theme-blue .pkg-icon-badge { background-color: #EBF1FF; color: var(--my-primary); }
.theme-teal .pkg-icon-badge { background-color: #E6F7F4; color: var(--my-teal); }
.theme-orange .pkg-icon-badge { background-color: #FFF0EB; color: var(--my-orange); }

.pkg-title {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 12px;
}

.pkg-price {
    margin-bottom: 24px;
}

.price-amount {
    font-size: 32px;
    font-weight: 700;
    color: var(--my-title-color);
    letter-spacing: -0.5px;
}

.pkg-features {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 30px;
}

.pkg-features li {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    font-size: 13.5px;
    color: var(--my-text-color);
    line-height: 1.45;
}

.check-icon {
    flex-shrink: 0;
    margin-top: 2px;
}

.theme-dark .check-icon { color: var(--my-title-color); }
.theme-blue .check-icon { color: var(--my-primary); }
.theme-teal .check-icon { color: var(--my-teal); }
.theme-orange .check-icon { color: var(--my-orange); }

.btn-pkg-cta {
    width: 100%;
    padding: 12px;
    font-size: 14px;
    font-weight: 700;
    border-radius: var(--my-radius-md);
}

.theme-btn-dark { background-color: #2D3243; color: var(--my-white); }
.theme-btn-dark:hover { background-color: #1E222F; color: var(--my-white); }

.theme-btn-blue { background-color: var(--my-primary); color: var(--my-white); }
.theme-btn-blue:hover { background-color: var(--my-soft-blue); color: var(--my-white); }

.theme-btn-teal { background-color: var(--my-teal); color: var(--my-white); }
.theme-btn-teal:hover { background-color: #00967B; color: var(--my-white); }

.theme-btn-orange { background-color: var(--my-orange); color: var(--my-white); }
.theme-btn-orange:hover { background-color: #D95415; color: var(--my-white); }

/* -------------------------------------------------------------------------
   9. BLOCK 5: MÜŞTERİ DENEYİMLERİ (TESTIMONIALS)
   ------------------------------------------------------------------------- */
.meyricks-block-testimonials {
    padding: 85px 0;
}

.testimonial-badge-wrapper {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 6px;
}

.testimonials-cards-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    align-items: stretch;
}

.testimonial-card-item {
    background-color: var(--my-white);
    border: 1px solid var(--my-border-color);
    border-radius: 16px;
    padding: 32px 26px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    transition: all 0.3s ease;
}

.testimonial-card-item:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.06);
}

.is-featured-testimonial {
    border: 2px solid var(--my-dark-bg, #1E293B);
    box-shadow: 0 16px 36px rgba(0, 0, 0, 0.1);
}

.testimonial-featured-badge {
    position: absolute;
    top: -14px;
    left: 50%;
    transform: translateX(-50%);
    background-color: var(--my-dark-bg, #1E293B);
    color: var(--my-white);
    font-size: 11px;
    font-weight: 700;
    padding: 4px 14px;
    border-radius: var(--my-radius-pill);
    letter-spacing: 0.5px;
}

.testimonial-card-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

.star-rating {
    display: flex;
    align-items: center;
    gap: 3px;
    color: #F59E0B;
    font-size: 18px;
}

.quote-mark-watermark {
    font-size: 32px;
    font-weight: 700;
    color: #CBD5E1;
    line-height: 1;
    font-family: serif;
    opacity: 0.8;
}

.testimonial-quote-body {
    font-size: 14.5px;
    color: var(--my-text-color);
    font-style: italic;
    line-height: 1.65;
    margin-bottom: 26px;
}

.testimonial-author-row {
    display: flex;
    align-items: center;
    gap: 14px;
}

.author-avatar-box {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    overflow: hidden;
    background-color: var(--my-primary);
    color: var(--my-white);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.author-avatar-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.avatar-initial {
    font-size: 18px;
    font-weight: 700;
}

.author-name {
    font-size: 15px;
    font-weight:  600;
    color: var(--my-title-color);
    margin-bottom: 2px;
}

.author-role {
    font-size: 13px;
    color: var(--my-passive-link);
}

/* -------------------------------------------------------------------------
   10. CONTACT CTA STYLES
   ------------------------------------------------------------------------- */
.meyricks-block-contact-cta {
    padding: 60px 0;
}

.contact-cta-card {
    background: linear-gradient(135deg, var(--my-primary), #1B45C4);
    border-radius: var(--my-radius-lg);
    padding: 40px;
    color: var(--my-white);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    box-shadow: var(--my-shadow-lg);
}

.cta-title {
    color: var(--my-white);
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 8px;
}

.cta-desc {
    color: rgba(255, 255, 255, 0.85);
    font-size: 15px;
    max-width: 550px;
}

.cta-buttons {
    display: flex;
    align-items: center;
    gap: 14px;
    flex-shrink: 0;
}

.btn-whatsapp {
    background-color: #047857;
    color: #FFFFFF;
}

.btn-whatsapp:hover {
    background-color: #065F46;
    color: #FFFFFF;
}

.btn-light {
    background-color: var(--my-white);
    color: var(--my-title-color);
}

.btn-light:hover {
    background-color: #F0F4FC;
}

/* -------------------------------------------------------------------------
   11. FOOTER STYLES (Dark Slate Navy Corporate Footer)
   ------------------------------------------------------------------------- */
.meyricks-footer {
    background-color: var(--my-dark-bg);
    color: var(--my-dark-muted-text);
    padding: 60px 0 30px 0;
    font-size: 14px;
}

.support-bar {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    margin-bottom: 50px;
    margin-top: 10px;
}

.support-card {
    background-color: var(--my-dark-card);
    border: 1px solid var(--my-dark-border);
    border-radius: var(--my-radius-md);
    padding: 18px 20px;
    display: flex;
    align-items: center;
    gap: 14px;
    transition: all 0.3s ease;
    cursor: pointer;
}

.support-card:hover {
    background: #343A4E;
    border-color: var(--my-primary);
    transform: translateY(-2px);
}

.support-icon {
    width: 44px;
    height: 44px;
    border-radius: var(--my-radius-sm);
    background-color: rgba(255, 255, 255, 0.05);
    border: 1px solid var(--my-dark-border);
    color: var(--my-soft-blue);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.support-label {
    display: block;
    font-size: 12px;
    color: #CBD5E1;
}

.support-val {
    font-size: 15px;
    font-weight: 700;
    color: var(--my-white);
}

.footer-main-content {
    display: grid;
    grid-template-columns: 0.9fr 2.1fr;
    gap: 50px;
    padding-bottom: 50px;
    border-bottom: 1px solid var(--my-dark-border);
}

.footer-bio {
    font-size: 13.5px;
    line-height: 1.6;
    margin-bottom: 20px;
    color: var(--my-dark-muted-text);
}

.footer-social-links {
    display: flex;
    align-items: center;
    gap: 10px;
}

.social-icon-link {
    width: 36px;
    height: 36px;
    border-radius: var(--my-radius-sm);
    background-color: var(--my-dark-card);
    border: 1px solid var(--my-dark-border);
    color: var(--my-dark-muted-text);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: var(--my-transition);
    text-decoration: none;
}

.social-icon-link:hover {
    color: var(--my-white);
    border-color: var(--my-primary);
    background-color: var(--my-primary);
}

.footer-nav-cols {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
}

.footer-col-title,
.footer-widget .widget-title,
.footer-widget h3 {
    color: var(--my-white);
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.5px;
    margin-bottom: 18px;
}

.footer-link-list,
.footer-widget ul,
.footer-widget .menu {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 0;
    margin: 0;
}

.footer-link-list a,
.footer-widget ul a,
.footer-widget .menu a {
    color: var(--my-dark-muted-text);
    font-size: 13.5px;
    text-decoration: none;
    transition: var(--my-transition);
}

.footer-link-list a:hover,
.footer-widget ul a:hover,
.footer-widget .menu a:hover {
    color: var(--my-white);
}

.footer-bottom-bar {
    padding-top: 30px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: center;
}

.footer-pills-row,
.footer-pills-menu ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 12px;
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-pill-link,
.footer-pills-menu ul li a {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 18px;
    background-color: var(--my-dark-card);
    border: 1px solid var(--my-dark-border);
    border-radius: var(--my-radius-pill);
    color: var(--my-white);
    font-size: 13px;
    font-weight: 600;
    transition: var(--my-transition);
    text-decoration: none;
}

.footer-pill-link:hover,
.footer-pills-menu ul li a:hover {
    border-color: var(--my-primary);
    background-color: rgba(99, 102, 241, 0.12);
    color: var(--my-white);
}

.footer-copyright-text {
    font-size: 13px;
    color: var(--my-dark-muted-text);
}

.footer-copyright-text a {
    color: #818CF8;
    text-decoration: none;
    font-weight: 600;
    transition: var(--my-transition);
}

.footer-copyright-text a:hover {
    color: #A5B4FC;
    text-decoration: underline;
}

/* -------------------------------------------------------------------------
   11. BLOCK: MARKA HİKAYESİ & BİLGİ KARTI (KAYDIRILABİLİR KART - İMAGE 1 & 2)
   ------------------------------------------------------------------------- */
.meyricks-block-brand-info {
    padding: 70px 0;
    background-color: #F8FAFC;
}

.brand-info-scroll-card {
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 20px;
    padding: 40px;
    max-height: 480px;
    overflow-y: auto;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04);
}

/* Custom Scrollbar for Image 2 style card */
.brand-info-scroll-card::-webkit-scrollbar {
    width: 7px;
}

.brand-info-scroll-card::-webkit-scrollbar-track {
    background: #F1F5F9;
    border-radius: 8px;
}

.brand-info-scroll-card::-webkit-scrollbar-thumb {
    background: #CBD5E1;
    border-radius: 8px;
}

.brand-info-scroll-card::-webkit-scrollbar-thumb:hover {
    background: #94A3B8;
}

.info-text-section {
    margin-bottom: 28px;
}

.info-section-title {
    font-size: 22px;
    font-weight: 700;
    color: #1E293B;
    margin-bottom: 16px;
    line-height: 1.35;
}

.info-section-title.main-accent-border {
    border-left: 4px solid var(--my-primary);
    padding-left: 14px;
}

.info-paragraph {
    font-size: 15px;
    color: #475569;
    line-height: 1.7;
    margin-bottom: 16px;
}

.info-paragraph strong {
    color: #0F172A;
}

.info-highlight-box {
    background: #F1F5F9;
    border: 1px solid #E2E8F0;
    border-radius: 16px;
    padding: 28px 32px;
    margin: 28px 0;
}

.info-highlight-title {
    font-size: 20px;
    font-weight: 700;
    color: #0F172A;
    margin-bottom: 12px;
}

.info-badges-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin: 24px 0;
}

.info-pill-badge {
    background: #E2E8F0;
    color: #334155;
    padding: 8px 18px;
    border-radius: 50px;
    font-size: 13.5px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
}

.info-cards-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin-top: 28px;
}

.info-dark-card {
    background: var(--my-dark-bg, #1E293B);
    color: #FFFFFF;
    border-radius: 16px;
    padding: 28px;
}

.info-dark-card .info-card-heading {
    color: #FFFFFF;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 12px;
}

.info-dark-card .info-card-text {
    color: #CBD5E1;
    font-size: 14px;
    line-height: 1.6;
}

.info-light-card {
    background: #E2E8F0;
    color: #1E293B;
    border-radius: 16px;
    padding: 28px;
}

.info-light-card .info-card-heading {
    color: #0F172A;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 12px;
}

.info-light-card .info-card-text {
    color: #475569;
    font-size: 14px;
    line-height: 1.6;
}

.info-closing-quote {
    font-size: 15px;
    font-weight: 600;
    color: #64748B;
    margin-top: 32px;
    text-align: center;
}

/* -------------------------------------------------------------------------
   12. RESPONSIVE BREAKPOINTS (ALL SECTIONS)
   ------------------------------------------------------------------------- */
@media (max-width: 1024px) {
    .hero-slider-boxed-frame {
        padding: 36px 24px;
        border-radius: 20px;
    }

    .hero-slider-inner {
        grid-template-columns: 1fr;
    }

    .hero-slider-carousel {
        min-height: auto;
    }

    .hero-slides-track {
        min-height: auto;
    }

    .services-grid-container,
    .workflow-steps-grid,
    .pricing-cards-grid,
    .testimonials-cards-grid,
    .dark-counter-cards-grid,
    .support-bar,
    .footer-nav-cols {
        grid-template-columns: repeat(2, 1fr);
    }

    .workflow-arrow-connector {
        display: none;
    }

    .footer-main-content {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .main-navigation { display: none; }
    .mobile-menu-toggle { display: flex; }

    .hero-slider-title {
        font-size: 32px;
        min-height: auto;
    }

    .hero-slider-desc {
        min-height: auto;
    }

    .hero-slider-buttons {
        flex-direction: column;
    }

    .meyricks-block-services-grid {
        padding: 40px 0 60px 0;
    }

    .services-grid-container,
    .workflow-steps-grid,
    .pricing-cards-grid,
    .testimonials-cards-grid,
    .dark-counter-cards-grid,
    .support-bar,
    .footer-nav-cols {
        grid-template-columns: 1fr;
    }

    .contact-cta-card {
        flex-direction: column;
        text-align: center;
    }

    .cta-buttons {
        width: 100%;
        flex-direction: column;
    }
}

/* -------------------------------------------------------------------------
   13. BLOG, SINGLE POST, ARCHIVES & SIDEBAR STYLES (STRICT 2-COLOR PALETTE)
   ------------------------------------------------------------------------- */

/* Blog Single & Archive Dark Hero Header (Footer ile Birebir Aynı Zemin Rengi) */
.blog-single-hero,
.blog-archive-hero {
    background-color: var(--my-dark-bg);
    padding: 60px 0 50px;
    color: #FFFFFF;
    border-bottom: 1px solid var(--my-dark-border);
}

.blog-hero-inner,
.archive-hero-inner {
    max-width: 900px;
    margin: 0 auto;
}

.archive-hero-inner {
    text-align: center;
}

/* Breadcrumbs */
.meyricks-breadcrumbs {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    font-weight: 500;
    color: #94A3B8;
    margin-bottom: 20px;
    flex-wrap: wrap;
}

.meyricks-breadcrumbs a {
    color: #A5B4FC;
    text-decoration: none;
    transition: color 0.2s ease;
}

.meyricks-breadcrumbs a:hover {
    color: #FFFFFF;
    text-decoration: underline;
}

.meyricks-breadcrumbs .sep {
    color: #64748B;
}

.meyricks-breadcrumbs .current {
    color: #E2E8F0;
}

/* Hero Badge */
.blog-hero-badge-wrap {
    margin-bottom: 16px;
}

.hero-cat-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: rgba(99, 102, 241, 0.25);
    border: 1px solid rgba(129, 140, 248, 0.4);
    color: #C7D2FE;
    font-size: 13px;
    font-weight: 700;
    padding: 6px 14px;
    border-radius: 20px;
    text-decoration: none;
    transition: all 0.2s ease;
}

.hero-cat-badge:hover {
    background: #6366f1;
    color: #FFFFFF;
}

/* Titles & Description */
.blog-hero-title {
    font-size: 38px;
    font-weight: 700;
    color: #FFFFFF;
    line-height: 1.25;
    margin-bottom: 28px;
    letter-spacing: -0.02em;
}

.archive-hero-title {
    font-size: 36px;
    font-weight: 700;
    color: #FFFFFF;
    margin-bottom: 14px;
}

.archive-hero-desc {
    font-size: 16px;
    color: #94A3B8;
    max-width: 680px;
    margin: 0 auto 10px;
    line-height: 1.6;
}

.highlight-search {
    color: var(--my-primary);
}

/* Meta Bar */
.blog-hero-meta-bar {
    display: flex;
    align-items: center;
    gap: 32px;
    padding-top: 20px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    flex-wrap: wrap;
}

.meta-item {
    display: flex;
    align-items: center;
    gap: 12px;
}

.meta-avatar .author-img {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid var(--my-primary);
}

.meta-icon {
    width: 36px;
    height: 36px;
    background: rgba(99, 102, 241, 0.2);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #A5B4FC;
}

.meta-text {
    display: flex;
    flex-direction: column;
}

.meta-label {
    font-size: 10px;
    font-weight: 700;
    color: #64748B;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.meta-value {
    font-size: 14px;
    font-weight: 700;
    color: #F8FAFC;
}

/* Blog Layout Grid */
.blog-main-wrapper {
    background: #F8FAFC;
    padding: 50px 0 80px;
}

.blog-grid-layout {
    display: grid;
    grid-template-columns: 1fr 340px;
    gap: 40px;
    align-items: start;
}

/* Single Content Container */
.single-post-card-container {
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 16px;
    padding: 40px;
    box-shadow: 0 4px 20px -4px rgba(0, 0, 0, 0.03);
}

.single-featured-image {
    margin: 0 0 32px 0;
    border-radius: 16px;
    overflow: hidden;
}

.single-featured-image img {
    width: 100%;
    height: auto;
    max-height: 480px;
    object-fit: cover;
    display: block;
}

/* Entry Content Typography */
.entry-content {
    color: #1E293B;
    font-size: 16px;
    line-height: 1.8;
}

.entry-content p {
    margin-bottom: 24px;
}

.entry-content h2,
.entry-content h3,
.entry-content h4 {
    color: #0F172A;
    font-weight: 700;
    margin-top: 36px;
    margin-bottom: 16px;
    line-height: 1.3;
}

.entry-content h2 { font-size: 26px; border-bottom: 2px solid #EEF2FF; padding-bottom: 10px; }
.entry-content h3 { font-size: 22px; }
.entry-content h4 { font-size: 18px; }

.entry-content blockquote {
    background: #F1F5F9;
    border-left: 4px solid #6366f1;
    padding: 20px 24px;
    margin: 28px 0;
    border-radius: 0 12px 12px 0;
    font-style: italic;
    color: #334155;
    font-weight: 500;
}

.entry-content ul,
.entry-content ol {
    margin-bottom: 24px;
    padding-left: 24px;
}

.entry-content li {
    margin-bottom: 8px;
}

.entry-content img {
    max-width: 100%;
    height: auto;
    border-radius: 12px;
    margin: 24px 0;
}

/* Post Tags Bar */
.post-tags-bar {
    display: flex;
    align-items: center;
    gap: 12px;
    padding-top: 24px;
    margin-top: 36px;
    border-top: 1px solid #E2E8F0;
}

.tags-label {
    font-size: 12px;
    font-weight: 700;
    color: #64748B;
    letter-spacing: 0.05em;
}

.post-tags-bar a {
    display: inline-block;
    background: #F1F5F9;
    color: #475569;
    font-size: 13px;
    font-weight: 600;
    padding: 4px 12px;
    border-radius: 6px;
    text-decoration: none;
    transition: all 0.2s ease;
}

.post-tags-bar a:hover {
    background: #6366f1;
    color: #FFFFFF;
}

/* Author Box */
.post-author-box {
    display: flex;
    align-items: center;
    gap: 24px;
    background: #F8FAFC;
    border: 1px solid #E2E8F0;
    border-radius: 16px;
    padding: 28px;
    margin-top: 40px;
}

.author-avatar-lg {
    flex-shrink: 0;
}

.author-avatar-lg img,
.post-author-box img.author-avatar-img {
    width: 80px !important;
    height: 80px !important;
    min-width: 80px !important;
    min-height: 80px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    aspect-ratio: 1 / 1 !important;
    border: 3px solid #6366f1;
    display: block !important;
}

.author-details {
    flex: 1;
}

.author-badge-lbl {
    display: inline-block;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #4338CA;
    background: #EEF2FF;
    border: 1px solid #C7D2FE;
    padding: 3px 10px;
    border-radius: 12px;
    margin-bottom: 8px;
}

.author-name {
    font-size: 20px;
    font-weight:  600;
    color: #0F172A;
    margin-bottom: 2px;
}

.author-title {
    font-size: 13px;
    font-weight: 700;
    color: #4338CA;
    margin-bottom: 8px;
}

.author-bio {
    font-size: 14px;
    color: #475569;
    margin: 0;
    line-height: 1.6;
}

/* Previous / Next Post Nav Cards */
.post-nav-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin-top: 32px;
}

.post-nav-card {
    background: #F8FAFC;
    border: 1px solid #E2E8F0;
    border-radius: 12px;
    padding: 20px;
    transition: all 0.2s ease;
}

.post-nav-card:hover {
    background: #FFFFFF;
    border-color: #6366f1;
    box-shadow: 0 8px 24px -6px rgba(99, 102, 241, 0.12);
}

.post-nav-card a {
    text-decoration: none;
    display: block;
}

.nav-sub {
    font-size: 11px;
    font-weight: 700;
    color: #4338CA;
    letter-spacing: 0.05em;
    display: block;
    margin-bottom: 6px;
}

.nav-title {
    font-size: 14px;
    font-weight: 700;
    color: #0F172A;
    line-height: 1.4;
    display: block;
}

.post-nav-card:hover .nav-title {
    color: var(--my-primary);
}

.nav-empty {
    opacity: 1;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.nav-empty .nav-sub {
    color: #475569;
}

.nav-empty .nav-title {
    color: #334155;
    font-weight: 600;
}

/* =========================================================================
   PREMIUM CUSTOM COMMENTS AREA (OVERHAULED & THEME MATCHED)
   ========================================================================= */
.meyricks-comments-area {
    margin-top: 50px;
    padding-top: 40px;
    border-top: 2px dashed #E2E8F0;
}

.comments-title,
.reply-heading {
    font-size: 22px;
    font-weight: 700;
    color: #0F172A;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 28px;
}

.comments-title svg,
.reply-heading svg {
    color: var(--my-primary);
}

/* Comment List */
.comment-list {
    list-style: none;
    padding: 0;
    margin: 0 0 40px 0;
}

.comment-item-wrap {
    margin-bottom: 20px;
    list-style: none;
}

.comment-item-card {
    display: flex;
    gap: 20px;
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 16px;
    padding: 24px;
    box-shadow: 0 4px 16px -4px rgba(0, 0, 0, 0.03);
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.comment-item-card:hover {
    border-color: #C7D2FE;
    box-shadow: 0 8px 24px -6px rgba(99, 102, 241, 0.08);
}

.comment-item-avatar {
    flex-shrink: 0;
}

.comment-avatar-img {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid #EEF2FF;
}

.comment-item-content {
    flex: 1;
}

.comment-item-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 10px;
    margin-bottom: 12px;
    border-bottom: 1px solid #F1F5F9;
    flex-wrap: wrap;
    gap: 10px;
}

.comment-author-info {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.comment-author-name,
.comment-author-name a {
    font-size: 16px;
    font-weight: 700;
    color: #0F172A;
    text-decoration: none;
}

.comment-author-name a:hover {
    color: var(--my-primary);
}

.comment-date-badge {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 12px;
    font-weight: 600;
    color: #64748B;
    background: #F8FAFC;
    padding: 3px 10px;
    border-radius: 12px;
    border: 1px solid #F1F5F9;
}

.comment-date-badge svg {
    color: #6366f1;
}

.comment-actions {
    display: flex;
    align-items: center;
    gap: 8px;
}

.comment-reply-link,
.comment-edit-link {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    background: #EEF2FF;
    color: #4338CA;
    font-size: 12px;
    font-weight: 700;
    padding: 5px 14px;
    border-radius: 20px;
    text-decoration: none;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    line-height: 1.4;
}

.comment-reply-link:hover,
.comment-edit-link:hover {
    background: #4F46E5;
    color: #FFFFFF !important;
}

.comment-edit-btn {
    background: transparent !important;
    color: inherit !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 0 !important;
    display: inline !important;
    font-size: inherit !important;
    font-weight: inherit !important;
}

.comment-awaiting-moderation {
    font-size: 13px;
    color: #D97706;
    background: #FEF3C7;
    padding: 8px 14px;
    border-radius: 8px;
    margin-bottom: 12px;
}

.comment-text-body {
    font-size: 15px;
    color: #334155;
    line-height: 1.7;
}

.comment-text-body p {
    margin-bottom: 10px;
}

.comment-text-body p:last-child {
    margin-bottom: 0;
}

/* Nested Comments */
.comment-list .children {
    list-style: none;
    padding-left: 40px;
    margin-top: 16px;
    border-left: 2px solid #EEF2FF;
}

/* Comment Form Card */
.comment-respond {
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 16px;
    padding: 32px;
    box-shadow: 0 4px 20px -4px rgba(0, 0, 0, 0.03);
}

/* Logged-In User Information Card */
.logged-in-as-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
    background: #F8FAFC;
    border: 1px solid #E2E8F0;
    border-radius: 14px;
    padding: 12px 18px;
    margin-bottom: 24px;
}

.logged-in-user-info {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 14px;
    color: #475569;
}

.logged-in-avatar {
    display: flex;
    align-items: center;
}

.logged-in-avatar img {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    display: block;
    border: 2px solid #FFFFFF;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
}

.logged-in-text strong {
    color: #0F172A;
    font-weight: 700;
}

.logged-in-actions {
    display: flex;
    align-items: center;
    gap: 10px;
}

.logged-in-actions a {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 12.5px;
    font-weight: 600;
    padding: 6px 14px;
    border-radius: 8px;
    text-decoration: none;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.logged-in-actions a svg {
    flex-shrink: 0;
}

.btn-profile-link {
    background: #FFFFFF;
    color: #334155;
    border: 1px solid #CBD5E1;
}

.btn-profile-link:hover {
    color: #4F46E5;
    border-color: #6366f1;
    background: #EEF2FF;
    transform: translateY(-1px);
}

.btn-logout-link {
    background: #FEF2F2;
    color: #DC2626;
    border: 1px solid #FECACA;
}

.btn-logout-link:hover {
    background: #DC2626;
    color: #FFFFFF;
    border-color: #DC2626;
    transform: translateY(-1px);
}

/* Comment Notes (Before fields for guests) */
.comment-notes {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    font-size: 13px;
    color: #64748B;
    background: #F8FAFC;
    border: 1px solid #E2E8F0;
    border-radius: 10px;
    padding: 10px 14px;
    margin-bottom: 22px;
}

.comment-notes .required-field-message {
    color: #64748B;
    font-size: 12px;
}

.comment-notes .required {
    color: #EF4444;
    font-weight: 700;
}

/* Default logged-in-as fallback */
.logged-in-as {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    font-size: 13.5px;
    color: #475569;
    background: #F8FAFC;
    border: 1px solid #E2E8F0;
    border-radius: 12px;
    padding: 12px 16px;
    margin-bottom: 24px;
}

.logged-in-as a {
    color: #4F46E5;
    font-weight: 600;
    text-decoration: none;
}

.logged-in-as a:hover {
    text-decoration: underline;
}

.logged-in-as .required-field-message {
    display: block;
    width: 100%;
    font-size: 12px;
    color: #64748B;
    margin-top: 4px;
    border-top: 1px dashed #E2E8F0;
    padding-top: 6px;
}

.comment-form-group {
    margin-bottom: 20px;
}

.comment-form-group label {
    display: block;
    font-size: 13px;
    font-weight: 700;
    color: #1E293B;
    margin-bottom: 8px;
}

.comment-form-group input,
.comment-form-group textarea {
    width: 100%;
    padding: 14px 18px;
    border: 1px solid #CBD5E1;
    border-radius: 12px;
    font-size: 14px;
    color: #0F172A;
    background: #F8FAFC;
    transition: all 0.2s ease;
}

.comment-form-group input:focus,
.comment-form-group textarea:focus {
    outline: none;
    border-color: #6366f1;
    background: #FFFFFF;
    box-shadow: 0 0 0 4px rgba(99, 102, 241, 0.12);
}

.comment-fields-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

/* Comment Cookies Consent Checkbox & Label Alignment */
.comment-form-cookies-consent {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin: 18px 0 22px 0;
    cursor: pointer;
}

.comment-form-cookies-consent input[type="checkbox"] {
    appearance: none !important;
    -webkit-appearance: none !important;
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    max-width: 18px !important;
    min-height: 18px !important;
    max-height: 18px !important;
    box-sizing: border-box !important;
    padding: 0 !important;
    margin: 2px 0 0 0 !important;
    border: 1.5px solid #CBD5E1 !important;
    border-radius: 5px !important;
    background: #F8FAFC !important;
    flex-shrink: 0 !important;
    cursor: pointer !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.2s ease !important;
    outline: none !important;
    line-height: 1 !important;
}

.comment-form-cookies-consent input[type="checkbox"]:checked {
    background-color: #6366f1 !important;
    border-color: #6366f1 !important;
}

.comment-form-cookies-consent input[type="checkbox"]:checked::before {
    content: "" !important;
    width: 4px !important;
    height: 8px !important;
    border: solid #FFFFFF !important;
    border-width: 0 2px 2px 0 !important;
    transform: rotate(45deg) translate(-0.5px, -1px) !important;
    display: block !important;
}

.comment-form-cookies-consent input[type="checkbox"]:focus {
    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.2) !important;
}

.comment-form-cookies-consent label {
    font-size: 13.5px;
    line-height: 1.5;
    color: #475569;
    font-weight: 500;
    cursor: pointer;
    margin: 0;
}

.submit-comment-btn {
    background: #4F46E5;
    color: #FFFFFF !important;
    border: none;
    padding: 14px 32px;
    border-radius: 10px;
    font-weight: 700;
    font-size: 15px;
    cursor: pointer;
    box-shadow: 0 4px 14px rgba(79, 70, 229, 0.25);
    transition: all 0.2s ease;
}

.submit-comment-btn:hover {
    background: #4338CA;
    transform: translateY(-1px);
    box-shadow: 0 6px 20px rgba(67, 56, 202, 0.35);
}

/* Sidebar Widgets (Meyricks Brand Match) */
.meyricks-blog-sidebar {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.sidebar-widget-card {
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 16px;
    padding: 24px;
    box-shadow: 0 4px 16px -4px rgba(0, 0, 0, 0.03);
}

.sidebar-widget-card .widget-title {
    font-size: 13px;
    font-weight: 700;
    color: #0F172A;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    gap: 8px;
    padding-bottom: 14px;
    margin-bottom: 18px;
    border-bottom: 2px solid #EEF2FF;
}

.sidebar-widget-card .widget-title svg {
    color: #6366f1;
}

/* Search Widget */
.search-input-group {
    display: flex;
    gap: 8px;
}

.search-input-group .search-field {
    flex: 1;
    background: #F8FAFC;
    border: 1px solid #CBD5E1;
    border-radius: 10px;
    padding: 11px 16px;
    font-size: 13px;
    color: #0F172A;
}

.search-input-group .search-field:focus {
    outline: none;
    border-color: #6366f1;
    background: #FFFFFF;
}

.search-submit-btn {
    background: #6366f1;
    color: #FFFFFF;
    border: none;
    border-radius: 10px;
    padding: 0 18px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s ease;
}

.search-submit-btn:hover {
    background: #6366f1;
}

/* Categories List Widget */
.widget-cat-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.widget-cat-list li {
    margin-bottom: 10px;
}

.widget-cat-list li:last-child {
    margin-bottom: 0;
}

.widget-cat-list a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 14px;
    background: #F8FAFC;
    border: 1px solid #F1F5F9;
    border-radius: 10px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    color: #334155;
    transition: all 0.2s ease;
}

.widget-cat-list a:hover {
    background: #EEF2FF;
    border-color: #C7D2FE;
    color: #6366f1;
}

.widget-cat-list .cat-name {
    display: flex;
    align-items: center;
    gap: 6px;
}

.widget-cat-list .cat-name svg {
    color: #64748B;
    transition: transform 0.2s ease;
}

.widget-cat-list a:hover .cat-name svg {
    transform: translateX(3px);
    color: #6366f1;
}

.widget-cat-list .cat-count {
    background: #E2E8F0;
    color: #475569;
    font-size: 11px;
    font-weight: 700;
    padding: 2px 8px;
    border-radius: 12px;
}

.widget-cat-list a:hover .cat-count {
    background: #6366f1;
    color: #FFFFFF;
}

/* Recent Posts Widget */
.widget-recent-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.widget-recent-list li {
    padding-bottom: 12px;
    margin-bottom: 12px;
    border-bottom: 1px solid #F1F5F9;
}

.widget-recent-list li:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
}

.recent-post-link {
    text-decoration: none;
    display: block;
}

.recent-post-title {
    display: block;
    font-size: 14px;
    font-weight: 700;
    color: #1E293B;
    line-height: 1.4;
    margin-bottom: 4px;
    transition: color 0.2s ease;
}

.recent-post-link:hover .recent-post-title {
    color: #6366f1;
}

.recent-post-date {
    font-size: 12px;
    color: #64748B;
    display: flex;
    align-items: center;
    gap: 4px;
}

/* Tags Cloud Widget */
.widget-tags-cloud {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.tag-pill-item {
    background: #F1F5F9;
    color: #475569;
    font-size: 12px;
    font-weight: 600;
    padding: 5px 12px;
    border-radius: 20px;
    text-decoration: none;
    transition: all 0.2s ease;
}

.tag-pill-item:hover {
    background: #6366f1;
    color: #FFFFFF;
}

/* =========================================================================
   CUSTOM SIDEBAR WIDGETS (AUTHOR, SERVICES, RECENT POSTS)
   ========================================================================= */

/* 1. Yazar / Hakkımda Sidebar Widget */
.sidebar-author-widget-card {
    text-align: center;
}

.sidebar-author-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.sidebar-author-avatar-wrap {
    position: relative;
    display: inline-block;
    margin: 4px auto 14px auto;
}

.sidebar-author-avatar-img,
.sidebar-author-avatar-wrap img {
    width: 92px !important;
    height: 92px !important;
    min-width: 92px !important;
    min-height: 92px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    aspect-ratio: 1 / 1 !important;
    border: 3.5px solid #EEF2FF;
    box-shadow: 0 4px 14px rgba(99, 102, 241, 0.15);
    display: block !important;
}

.sidebar-author-status-dot {
    position: absolute;
    bottom: 4px;
    right: 6px;
    width: 14px;
    height: 14px;
    background: #10B981;
    border: 2.5px solid #FFFFFF;
    border-radius: 50%;
    box-shadow: 0 0 0 2px rgba(16, 185, 129, 0.25);
}

.sidebar-author-name {
    font-size: 19px;
    font-weight: 700;
    color: #0F172A;
    margin: 0 0 4px 0;
}

.sidebar-author-role-badge {
    display: inline-block;
    font-size: 11.5px;
    font-weight: 600;
    color: #4F46E5;
    background: #EEF2FF;
    border: 1px solid #C7D2FE;
    padding: 3px 12px;
    border-radius: 20px;
    margin-bottom: 12px;
}

.sidebar-author-bio {
    font-size: 13.5px;
    color: #475569;
    line-height: 1.6;
    margin: 0 0 18px 0;
}

.sidebar-author-cta-wrap {
    width: 100%;
}

.sidebar-author-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    padding: 11px 18px;
    background: #F8FAFC;
    border: 1px solid #CBD5E1;
    border-radius: 10px;
    color: #1E293B;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none !important;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.sidebar-author-btn:hover {
    background: #6366f1;
    border-color: #6366f1;
    color: #FFFFFF;
    transform: translateY(-1px);
    box-shadow: 0 4px 14px rgba(99, 102, 241, 0.25);
}

.sidebar-author-btn svg {
    transition: transform 0.2s ease;
}

.sidebar-author-btn:hover svg {
    transform: translateX(3px);
}

/* 2. Hizmetlerimiz Sidebar Widget (Sade, Modern & Dengeli) */
.sidebar-services-tagline {
    font-size: 13px;
    color: #64748B;
    line-height: 1.5;
    margin: 0 0 14px 0;
}

.sidebar-services-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 0 20px 0 !important;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.sidebar-service-item {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 11px 13px;
    background: #F8FAFC;
    border: 1px solid #E2E8F0;
    border-radius: 10px;
    transition: background-color 0.2s ease, border-color 0.2s ease;
}

.sidebar-service-item:hover {
    background: #F1F5F9;
    border-color: #CBD5E1;
}

.service-item-icon {
    width: 32px;
    height: 32px;
    min-width: 32px;
    background: #EEF2FF;
    border: 1px solid #E0E7FF;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #4F46E5;
    flex-shrink: 0;
}

.service-item-content {
    display: flex;
    flex-direction: column;
    line-height: 1.35;
}

.service-item-title {
    font-size: 13px;
    font-weight: 700;
    color: #0F172A;
}

.service-item-desc {
    font-size: 11.5px;
    color: #64748B;
    margin-top: 2px;
}

.sidebar-services-cta {
    width: 100%;
    margin-top: 22px !important;
    display: block;
}

.sidebar-cta-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    padding: 13px 20px;
    background: #4F46E5;
    border: 1px solid #4338CA;
    border-radius: 10px;
    color: #FFFFFF !important;
    font-size: 13.5px;
    font-weight: 700;
    text-decoration: none !important;
    transition: background-color 0.2s ease;
}

.sidebar-cta-btn:hover {
    background: #4338CA;
    color: #FFFFFF !important;
}

/* 3. Son 4 Blog Yazısı Sidebar Widget (Özel & Modern Tasarım) */
.sidebar-recent-card-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.sidebar-recent-card-item {
    position: relative;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px;
    background: #F8FAFC;
    border: 1px solid #F1F5F9;
    border-radius: 12px;
}

.sidebar-recent-card-thumb-link {
    position: relative;
    flex-shrink: 0;
    width: 68px;
    height: 68px;
    border-radius: 9px;
    overflow: hidden;
    display: block;
    background: #EEF2FF;
}

.sidebar-recent-thumb {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.sidebar-recent-idx {
    position: absolute;
    bottom: 3px;
    left: 3px;
    background: rgba(15, 23, 42, 0.72);
    backdrop-filter: blur(4px);
    color: #FFFFFF;
    font-size: 8.5px;
    font-weight: 800;
    padding: 1px 4.5px;
    border-radius: 4px;
    line-height: 1.2;
    letter-spacing: 0.04em;
    pointer-events: none;
}

.sidebar-recent-thumb-placeholder {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #94A3B8;
    background: #F1F5F9;
}

.sidebar-recent-card-body {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.sidebar-recent-cat-badge {
    display: inline-flex;
    align-items: center;
    align-self: flex-start;
    font-size: 10px;
    font-weight: 700;
    color: #4338CA;
    background: #EEF2FF;
    border: 1px solid #E0E7FF;
    padding: 2px 7px;
    border-radius: 5px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    line-height: 1.2;
}

.sidebar-recent-card-title {
    font-size: 13px;
    font-weight: 700;
    line-height: 1.36;
    margin: 0;
}

.sidebar-recent-card-title a {
    color: #0F172A;
    text-decoration: none !important;
    transition: color 0.15s ease;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.sidebar-recent-card-title a:hover {
    color: #4F46E5;
}

.sidebar-recent-card-meta {
    display: flex;
    align-items: center;
    margin-top: 1px;
}

.sidebar-recent-card-date {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 11px;
    color: #64748B;
    font-weight: 500;
}

.sidebar-recent-card-date svg {
    color: #64748B;
    flex-shrink: 0;
}

/* 4. Geliştirici Manifestosu / Notu Sidebar Widget (Modern Dev Card) */
.sidebar-dev-quote-widget-card {
    /* Uses .sidebar-widget-card base */
}

.sidebar-dev-quote-box {
    background: linear-gradient(145deg, #0F172A 0%, #1E293B 100%);
    border: 1px solid #334155;
    border-radius: 14px;
    padding: 18px 18px;
    color: #F8FAFC;
    position: relative;
    overflow: hidden;
    box-shadow: 0 4px 14px rgba(15, 23, 42, 0.08);
}

.sidebar-dev-quote-box::before {
    content: "";
    position: absolute;
    top: -30px;
    right: -30px;
    width: 90px;
    height: 90px;
    background: radial-gradient(circle, rgba(99, 102, 241, 0.25) 0%, transparent 70%);
    pointer-events: none;
    border-radius: 50%;
}

.dev-quote-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
}

.dev-quote-tag {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 11px;
    font-weight: 600;
    color: #94A3B8;
    letter-spacing: 0.02em;
}

.dev-quote-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #10B981;
    box-shadow: 0 0 6px rgba(16, 185, 129, 0.6);
}

.dev-quote-badge {
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    background: rgba(99, 102, 241, 0.2);
    color: #A5B4FC;
    padding: 2px 7px;
    border-radius: 4px;
    border: 1px solid rgba(165, 180, 252, 0.25);
}

.dev-quote-text {
    font-size: 13.5px;
    font-weight: 500;
    line-height: 1.6;
    color: #E2E8F0;
    margin: 0 0 14px 0;
    padding: 0;
    border: none;
    font-style: normal;
    position: relative;
    z-index: 1;
}

.dev-code-highlight {
    font-family: 'JetBrains Mono', 'Fira Code', 'Cascadia Code', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    font-size: 12.5px;
    font-weight: 700;
    color: #818CF8;
    background: rgba(99, 102, 241, 0.22);
    border: 1px solid rgba(129, 140, 248, 0.35);
    padding: 2px 6px;
    border-radius: 5px;
    letter-spacing: 0;
    white-space: nowrap;
}

.dev-quote-author {
    display: flex;
    align-items: center;
    gap: 10px;
    padding-top: 12px;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    position: relative;
    z-index: 1;
}

.dev-quote-author-icon {
    width: 28px;
    height: 28px;
    border-radius: 8px;
    background: rgba(99, 102, 241, 0.15);
    color: #818CF8;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border: 1px solid rgba(129, 140, 248, 0.25);
}

.dev-quote-author-icon svg {
    width: 14px;
    height: 14px;
}

.dev-quote-meta {
    display: flex;
    flex-direction: column;
    line-height: 1.25;
}

.dev-quote-name {
    font-size: 12px;
    font-weight: 700;
    color: #FFFFFF;
    letter-spacing: 0.03em;
}

.dev-quote-sub {
    font-size: 10.5px;
    color: #94A3B8;
    font-weight: 500;
}

/* Blog Index / Category Cards Grid */
.blog-posts-cards-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 28px;
}

.blog-post-card {
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 16px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.blog-post-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px -8px rgba(0, 0, 0, 0.08);
}

.post-card-thumb {
    position: relative;
    overflow: hidden;
    aspect-ratio: 16 / 9;
}

.post-card-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
}

.blog-post-card:hover .post-card-thumb img {
    transform: scale(1.06);
}

.card-cat-badge {
    position: absolute;
    top: 12px;
    left: 12px;
    background: rgba(15, 23, 42, 0.85);
    backdrop-filter: blur(4px);
    color: #C7D2FE;
    font-size: 11px;
    font-weight: 700;
    padding: 4px 10px;
    border-radius: 14px;
    text-decoration: none;
}

.post-card-body {
    padding: 24px;
    display: flex;
    flex-direction: column;
    flex: 1;
}

.post-card-meta {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    color: #64748B;
    margin-bottom: 10px;
}

.post-card-meta svg {
    color: var(--my-primary);
}

.post-card-title {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.35;
    margin-bottom: 12px;
}

.post-card-title a {
    color: #0F172A;
    text-decoration: none;
    transition: color 0.2s ease;
}

.post-card-title a:hover {
    color: var(--my-primary);
}

.post-card-excerpt {
    font-size: 14px;
    color: #475569;
    line-height: 1.6;
    margin-bottom: 20px;
    flex: 1;
}

.post-card-footer {
    padding-top: 16px;
    border-top: 1px solid #F1F5F9;
}

.btn-read-more {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 700;
    color: var(--my-primary);
    text-decoration: none;
    transition: gap 0.2s ease;
}

.btn-read-more:hover {
    gap: 10px;
    color: #4338ca;
}

/* Pagination */
.blog-pagination-wrapper {
    margin-top: 40px;
    text-align: center;
}

.blog-pagination-wrapper .nav-links {
    display: inline-flex;
    gap: 8px;
    align-items: center;
}

.blog-pagination-wrapper .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    height: 40px;
    padding: 0 14px;
    background: #FFFFFF;
    border: 1px solid #CBD5E1;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 700;
    color: #1E293B;
    text-decoration: none;
    transition: all 0.2s ease;
}

.blog-pagination-wrapper .page-numbers.current,
.blog-pagination-wrapper .page-numbers:hover {
    background: var(--my-primary);
    border-color: var(--my-primary);
    color: #FFFFFF;
}

@media (max-width: 992px) {
    .blog-grid-layout {
        grid-template-columns: 1fr;
    }

    .blog-hero-title {
        font-size: 28px;
    }

    .blog-hero-meta-bar {
        gap: 16px;
    }
}

@media (max-width: 640px) {
    .blog-posts-cards-grid,
    .post-nav-wrapper,
    .comment-fields-grid {
        grid-template-columns: 1fr;
    }

    .single-post-card-container {
        padding: 24px 16px;
    }

    .post-author-box {
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
        gap: 16px !important;
        padding: 24px 18px !important;
    }

    .author-avatar-lg {
        margin: 0 auto !important;
        display: flex !important;
        justify-content: center !important;
    }

    .author-avatar-lg img,
    .post-author-box img {
        margin: 0 auto !important;
    }

    .author-details {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
        width: 100% !important;
    }

    .comment-item-card {
        flex-direction: column;
    }

    .comment-list .children {
        padding-left: 16px;
    }
}

/* -------------------------------------------------------------------------
   14. CONTACT PAGE TEMPLATE STYLES
   ------------------------------------------------------------------------- */
.contact-page-hero {
    background-color: var(--my-dark-bg);
    padding: 60px 0 50px;
    color: #FFFFFF;
    border-bottom: 1px solid var(--my-dark-border);
}

.contact-hero-inner {
    max-width: 860px;
    margin: 0 auto;
}

.contact-hero-title {
    font-size: 38px;
    font-weight: 700;
    color: #FFFFFF;
    margin-bottom: 16px;
}

.contact-hero-desc {
    font-size: 16px;
    color: #CBD5E1;
    line-height: 1.7;
}

.contact-page-main {
    background: #F8FAFC;
    padding: 60px 0 90px;
}

.contact-grid-layout {
    display: grid;
    grid-template-columns: 1fr 420px;
    gap: 40px;
    align-items: start;
}

.contact-form-card {
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 16px;
    padding: 36px;
    box-shadow: 0 4px 20px -4px rgba(0, 0, 0, 0.03);
}

.form-card-title {
    font-size: 22px;
    font-weight: 700;
    color: #0F172A;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 8px;
}

.form-card-title svg {
    color: #6366f1;
}

.form-card-subtitle {
    font-size: 14px;
    color: #64748B;
    margin-bottom: 28px;
}

.form-row-2col {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin-bottom: 20px;
}

.meyricks-native-contact-form .form-group {
    margin-bottom: 20px;
}

.meyricks-native-contact-form label {
    display: block;
    font-size: 13px;
    font-weight: 700;
    color: #1E293B;
    margin-bottom: 8px;
}

.meyricks-native-contact-form .form-input {
    width: 100%;
    padding: 13px 16px;
    border: 1px solid #CBD5E1;
    border-radius: 10px;
    font-size: 14px;
    color: #0F172A;
    background: #F8FAFC;
    transition: all 0.2s ease;
}

.meyricks-native-contact-form .form-input:focus {
    outline: none;
    border-color: var(--my-primary);
    background: #FFFFFF;
    box-shadow: 0 0 0 4px rgba(79, 70, 229, 0.12);
}

.submit-contact-btn {
    background: var(--my-primary);
    color: #FFFFFF;
    border: none;
    padding: 14px 36px;
    border-radius: 10px;
    font-weight: 700;
    font-size: 15px;
    cursor: pointer;
    box-shadow: 0 4px 14px rgba(79, 70, 229, 0.25);
    transition: all 0.2s ease;
}

.submit-contact-btn:hover {
    background: #4338CA;
    transform: translateY(-1px);
    box-shadow: 0 6px 20px rgba(79, 70, 229, 0.35);
}

/* Contact Info Column */
.contact-info-column {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.info-widget-card {
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 16px;
    padding: 28px;
    box-shadow: 0 4px 16px -4px rgba(0, 0, 0, 0.03);
}

.info-card-heading {
    font-size: 16px;
    font-weight: 700;
    color: #0F172A;
    padding-bottom: 12px;
    margin-bottom: 20px;
    border-bottom: 2px solid #EEF2FF;
}

.contact-detail-item {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 20px;
}

.contact-detail-item:last-child {
    margin-bottom: 0;
}

.detail-icon {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    background: #EEF2FF;
    color: #4338CA;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.detail-icon.detail-wa {
    background: #EEF2FF;
    color: #4338CA;
}

.detail-text {
    display: flex;
    flex-direction: column;
}

.detail-label {
    font-size: 11px;
    font-weight: 700;
    color: #64748B;
    letter-spacing: 0.05em;
}

.detail-val {
    font-size: 14px;
    font-weight: 700;
    color: #0F172A;
    text-decoration: none;
    transition: color 0.2s ease;
}

a.detail-val:hover {
    color: var(--my-primary);
}

/* Social Media Grid Cards */
.social-cards-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
}

.social-card-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 16px;
    background: #F8FAFC;
    border: 1px solid #E2E8F0;
    border-radius: 12px;
    text-decoration: none;
    color: #334155;
    font-size: 13px;
    font-weight: 700;
    transition: all 0.2s ease;
}

.social-card-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 16px -4px rgba(0, 0, 0, 0.08);
}

.fb-card:hover { background: #1877F2; border-color: #1877F2; color: #FFF; }
.tw-card:hover { background: #0F172A; border-color: #0F172A; color: #FFF; }
.tg-card:hover { background: #229ED9; border-color: #229ED9; color: #FFF; }
.wa-card:hover { background: #047857; border-color: #047857; color: #FFF; }
.be-card:hover { background: #0535FF; border-color: #0535FF; color: #FFF; }
.r10-card:hover { background: #6366f1; border-color: #6366f1; color: #FFF; }

/* -------------------------------------------------------------------------
   15. ABOUT US PAGE TEMPLATE STYLES
   ------------------------------------------------------------------------- */
.about-page-hero {
    background-color: var(--my-dark-bg);
    padding: 70px 0 60px;
    color: #FFFFFF;
    border-bottom: 1px solid var(--my-dark-border);
}

.about-hero-inner {
    max-width: 920px;
    margin: 0 auto;
}

.about-hero-title {
    font-size: 38px;
    font-weight: 700;
    color: #FFFFFF;
    line-height: 1.25;
    margin-bottom: 18px;
}

.about-hero-desc {
    font-size: 17px;
    color: #CBD5E1;
    line-height: 1.7;
}

.about-intro-section {
    padding: 70px 0;
    background: #FFFFFF;
}

.about-intro-card {
    max-width: 900px;
    margin: 0 auto;
}

.intro-lead-text {
    font-size: 20px;
    font-weight: 500;
    color: #1E293B;
    line-height: 1.7;
    margin-bottom: 36px;
}

.intro-quote-box {
    background: #EEF2FF;
    border-left: 4px solid #6366f1;
    border-radius: 0 16px 16px 0;
    padding: 32px 40px;
}

.intro-quote-box p {
    font-size: 18px;
    font-weight: 700;
    color: #1E1B4B;
    margin: 0;
    line-height: 1.6;
}

.quote-icon {
    font-size: 28px;
    display: block;
    margin-bottom: 12px;
}

/* Timeline & Story Section */
.about-story-section {
    padding: 80px 0;
    background: #F8FAFC;
    border-top: 1px solid #E2E8F0;
    border-bottom: 1px solid #E2E8F0;
}

.about-story-card {
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 20px;
    padding: 48px;
    box-shadow: 0 8px 30px -6px rgba(0, 0, 0, 0.04);
}

.story-badge {
    display: inline-block;
    background: #EEF2FF;
    color: #4338CA;
    font-size: 12px;
    font-weight: 700;
    padding: 6px 14px;
    border-radius: 20px;
    margin-bottom: 16px;
}

.about-story-card .section-title {
    font-size: 28px;
    font-weight: 700;
    color: #0F172A;
    margin-bottom: 28px;
}

.story-content-grid {
    display: grid;
    grid-template-columns: 1.2fr 0.8fr;
    gap: 40px;
}

.story-text-col p {
    font-size: 16px;
    color: #334155;
    line-height: 1.8;
    margin-bottom: 20px;
}

.story-text-col a {
    color: var(--my-primary);
    text-decoration: underline;
    font-weight: 700;
    transition: var(--my-transition);
}

.story-text-col a:hover {
    color: var(--my-soft-blue);
}

.story-meaning-box {
    background: #0F172A;
    color: #FFFFFF;
    border-radius: 16px;
    padding: 32px;
}

.meaning-title {
    font-size: 20px;
    font-weight: 700;
    color: #A5B4FC;
    margin-bottom: 16px;
}

.story-meaning-box p {
    font-size: 15px;
    color: #CBD5E1;
    line-height: 1.7;
    margin: 0;
}

/* Services List Grid */
.about-services-section {
    padding: 90px 0;
    background: #FFFFFF;
}

.services-list-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 28px;
    margin-top: 50px;
}

.about-service-card {
    background: #F8FAFC;
    border: 1px solid #E2E8F0;
    border-radius: 16px;
    padding: 32px 28px;
    transition: all 0.3s ease;
}

.about-service-card:hover {
    background: #FFFFFF;
    border-color: #6366f1;
    transform: translateY(-4px);
    box-shadow: 0 12px 30px -8px rgba(99, 102, 241, 0.12);
}

.service-icon-wrap {
    font-size: 32px;
    margin-bottom: 18px;
}

.service-card-title {
    font-size: 18px;
    font-weight: 700;
    color: #0F172A;
    margin-bottom: 10px;
}

.service-card-desc {
    font-size: 14px;
    color: #475569;
    line-height: 1.6;
    margin: 0;
}

/* Why Us Section */
.about-why-section {
    padding: 90px 0;
    background: #0B0F17;
    color: #FFFFFF;
}

.about-why-section .section-title {
    color: #FFFFFF;
}

.about-why-section .section-desc {
    color: #94A3B8;
}

.why-cards-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 28px;
    margin-top: 50px;
}

.why-card-item {
    background: var(--my-dark-bg, #1E293B);
    border: 1px solid #334155;
    border-radius: 16px;
    padding: 32px;
}

.why-badge {
    display: inline-block;
    background: var(--my-primary, #6366f1);
    color: #FFFFFF;
    font-size: 11px;
    font-weight: 700;
    padding: 4px 10px;
    border-radius: 12px;
    margin-bottom: 16px;
}

.why-title {
    font-size: 20px;
    font-weight: 700;
    color: #FFFFFF;
    margin-bottom: 12px;
}

.why-desc {
    font-size: 14px;
    color: #CBD5E1;
    line-height: 1.7;
    margin: 0;
}

/* Process Steps Grid */
.about-process-section {
    padding: 90px 0;
    background: #F8FAFC;
}

.process-steps-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
    margin-top: 50px;
}

.process-step-card {
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 16px;
    padding: 28px;
    position: relative;
}

.step-num {
    font-size: 32px;
    font-weight: 800;
    color: var(--my-primary);
    line-height: 1;
    margin-bottom: 12px;
    letter-spacing: -0.5px;
}

.step-title {
    font-size: 17px;
    font-weight: 700;
    color: #0F172A;
    margin-bottom: 10px;
}

.step-desc {
    font-size: 14px;
    color: #475569;
    line-height: 1.6;
    margin: 0;
}

/* About CTA Section */
.about-cta-section {
    padding: 80px 0;
    background: #FFFFFF;
}

.about-cta-card {
    background: linear-gradient(135deg, #1E1B4B 0%, #0F172A 100%);
    border-radius: 24px;
    padding: 60px 40px;
    color: #FFFFFF;
    max-width: 900px;
    margin: 0 auto;
    box-shadow: 0 20px 40px -10px rgba(15, 23, 42, 0.3);
}

.cta-title {
    font-size: 32px;
    font-weight: 700;
    color: #FFFFFF;
    margin-bottom: 16px;
}

.cta-desc {
    font-size: 16px;
    color: #CBD5E1;
    max-width: 640px;
    margin: 0 auto 32px;
    line-height: 1.6;
}

@media (max-width: 992px) {
    .contact-grid-layout,
    .story-content-grid {
        grid-template-columns: 1fr;
    }

    .services-list-grid,
    .why-cards-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .process-steps-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 640px) {
    .form-row-2col,
    .services-list-grid,
    .why-cards-grid,
    .process-steps-grid,
    .comment-fields-grid,
    .social-cards-grid {
        grid-template-columns: 1fr;
    }

    .contact-form-card,
    .about-story-card,
    .about-cta-card {
        padding: 28px 20px;
    }
}

/* -------------------------------------------------------------------------
   PAGE & BLOG SINGLE & GUTENBERG DARK THEME STYLES
   ------------------------------------------------------------------------- */

/* Breadcrumbs Component */
/* Breadcrumbs Component */
.meyricks-breadcrumbs {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 6px;
    font-size: 13px;
    color: #94A3B8;
    margin-bottom: 12px;
    text-align: center;
}
.meyricks-breadcrumbs a {
    color: #818CF8;
    font-weight: 500;
    text-decoration: none;
    padding: 2px 4px;
    min-height: 26px;
    display: inline-flex;
    align-items: center;
    transition: color 0.2s ease;
}
.meyricks-breadcrumbs a:hover {
    color: #FFFFFF;
    text-decoration: underline;
}
.meyricks-breadcrumbs .sep {
    margin: 0 4px;
    color: #64748B;
    font-size: 12px;
}
.meyricks-breadcrumbs .current {
    color: #F1F5F9;
    font-weight: 600;
}

/* Page & Blog Hero Headers (Background matches Footer: var(--my-dark-bg)) */
.blog-single-hero,
.blog-archive-hero,
.about-page-hero,
.contact-page-hero,
.error-404-hero {
    background: var(--my-dark-bg) !important;
    border-bottom: 1px solid var(--my-dark-border) !important;
    padding: 50px 0 42px 0;
    position: relative;
    overflow: hidden;
}

/* Page Hero: Compact, Elegant & PageSpeed / LCP Optimized */
.page-single-hero {
    background: var(--my-dark-bg) !important;
    border-bottom: 1px solid var(--my-dark-border) !important;
    padding: 34px 0 28px 0 !important;
    position: relative;
    overflow: hidden;
}

@media (max-width: 768px) {
    .page-single-hero {
        padding: 24px 0 20px 0 !important;
    }
}

.page-hero-breadcrumbs {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 8px;
}

.page-hero-breadcrumbs .meyricks-breadcrumbs {
    margin-bottom: 0 !important;
}

.page-hero-inner,
.blog-hero-inner,
.archive-hero-inner {
    max-width: 860px;
    margin: 0 auto;
}

.hero-page-badge,
.hero-cat-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: rgba(99, 102, 241, 0.18);
    border: 1px solid rgba(99, 102, 241, 0.35);
    color: #C7D2FE;
    font-size: 12px;
    font-weight: 700;
    padding: 6px 16px;
    border-radius: 20px;
    letter-spacing: 0.05em;
    margin-bottom: 18px;
    text-decoration: none;
}

.page-hero-title {
    font-size: 32px;
    font-weight: 700;
    color: #FFFFFF;
    letter-spacing: -0.02em;
    line-height: 1.25;
    margin: 0;
}

.page-hero-title:not(:last-child) {
    margin-bottom: 8px;
}

@media (max-width: 768px) {
    .page-hero-title {
        font-size: 24px;
        line-height: 1.3;
    }
}

.blog-hero-title,
.archive-hero-title {
    font-size: 38px;
    font-weight: 700;
    color: #FFFFFF;
    letter-spacing: -0.02em;
    line-height: 1.25;
    margin-bottom: 16px;
}

.page-hero-subtitle,
.archive-hero-desc {
    font-size: 16.5px;
    color: #94A3B8;
    line-height: 1.6;
    max-width: 680px;
    margin: 0 auto;
}

/* Meta Bar for Blog Posts */
.blog-hero-meta-bar {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 28px;
    margin-top: 24px;
    padding-top: 20px;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    flex-wrap: wrap;
}

.blog-hero-meta-bar .meta-item {
    display: flex;
    align-items: center;
    gap: 10px;
}

.blog-hero-meta-bar .meta-avatar .author-img {
    border-radius: 50%;
    border: 2px solid #6366f1;
}

.blog-hero-meta-bar .meta-text {
    display: flex;
    flex-direction: column;
    text-align: left;
}

.blog-hero-meta-bar .meta-label {
    font-size: 10px;
    font-weight: 700;
    color: #64748B;
    letter-spacing: 0.05em;
}

.blog-hero-meta-bar .meta-value {
    font-size: 13.5px;
    color: #F8FAFC;
    font-weight: 600;
}

.blog-hero-meta-bar .meta-icon {
    color: #A5B4FC;
}

/* Main Body Wrappers */
.page-main-wrapper {
    background-color: var(--my-body-bg);
    padding: 34px 0 70px 0;
    min-height: 400px;
}

@media (max-width: 768px) {
    .page-main-wrapper {
        padding: 22px 0 45px 0;
    }
}

.blog-main-wrapper {
    background-color: var(--my-body-bg);
    padding: 32px 0 80px 0;
    min-height: 500px;
}

@media (max-width: 768px) {
    .blog-main-wrapper {
        padding: 24px 0 60px 0;
    }
}

.page-single-card,
.blog-post-card,
.single-post-card-container,
.no-posts-found-card {
    background: #FFFFFF;
    border: 1px solid #E7ECF5;
    border-radius: 20px;
    padding: 48px 44px;
    box-shadow: 0 10px 30px rgba(45, 50, 67, 0.05);
    color: #334155;
}

.blog-post-card {
    padding: 0;
    overflow: hidden;
}

.blog-post-card:hover {
    border-color: #C7D2FE;
    transform: translateY(-3px);
    box-shadow: 0 16px 36px -10px rgba(99, 102, 241, 0.12);
}

.page-featured-image,
.single-featured-image {
    margin-bottom: 36px;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.06);
}

.page-featured-image img,
.single-featured-image img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
}

/* Blog Layout Grid (8 cols + 4 cols) */
.blog-grid-layout {
    display: grid;
    grid-template-columns: 1fr 340px;
    gap: 36px;
    align-items: start;
}

.blog-posts-cards-grid {
    display: flex;
    flex-direction: column;
    gap: 28px;
}

.post-card-thumb {
    position: relative;
    height: 240px;
    overflow: hidden;
}

.post-card-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
}

.blog-post-card:hover .post-card-thumb img {
    transform: scale(1.04);
}

.card-cat-badge {
    position: absolute;
    top: 16px;
    left: 16px;
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(8px);
    border: 1px solid #E0E7FF;
    color: #4338CA;
    font-size: 11px;
    font-weight: 700;
    padding: 5px 14px;
    border-radius: 20px;
    text-decoration: none;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.post-card-body {
    padding: 28px;
}

.post-card-meta {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    color: #64748B;
    margin-bottom: 12px;
}

.post-card-meta svg {
    color: var(--my-primary);
    vertical-align: middle;
}

.post-card-title {
    font-size: 22px;
    font-weight: 700;
    line-height: 1.35;
    margin-bottom: 12px;
}

.post-card-title a {
    color: #0F172A;
    text-decoration: none;
    transition: color 0.2s ease;
}

.post-card-title a:hover {
    color: var(--my-primary);
}

.post-card-excerpt {
    font-size: 14.5px;
    color: #475569;
    line-height: 1.6;
    margin-bottom: 20px;
}

.btn-read-more {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--my-primary);
    font-weight: 700;
    font-size: 14px;
    text-decoration: none;
    transition: color 0.2s ease;
}

.btn-read-more:hover {
    color: #4338ca;
}

/* Sidebar Styling */
.sidebar-widget-card {
    background: #FFFFFF;
    border: 1px solid #E7ECF5;
    border-radius: 20px;
    padding: 28px;
    margin-bottom: 28px;
    color: #334155;
    box-shadow: 0 10px 30px rgba(45, 50, 67, 0.05);
}

.sidebar-widget-card .widget-title {
    font-size: 18px;
    font-weight: 700;
    color: #0F172A;
    padding-bottom: 14px;
    margin-bottom: 20px;
    border-bottom: 2px solid #6366f1;
}

.sidebar-widget-card ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.sidebar-widget-card ul li {
    padding: 10px 0;
    border-bottom: 1px solid #F1F5F9;
    font-size: 14px;
}

.sidebar-widget-card ul li:last-child {
    border-bottom: none;
}

.sidebar-widget-card ul li a {
    color: #334155;
    text-decoration: none;
    transition: color 0.2s ease;
}

.sidebar-widget-card ul li a:hover {
    color: #6366f1;
}

/* -------------------------------------------------------------------------
   FULL GUTENBERG CONTENT STYLING (entry-content)
   ------------------------------------------------------------------------- */
.entry-content,
.meyricks-gutenberg-content {
    font-size: 16px;
    line-height: 1.75;
    color: #334155;
}

.entry-content p {
    margin-bottom: 22px;
    color: #334155;
}

.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
    color: #0F172A;
    font-weight: 700;
    line-height: 1.3;
    margin: 36px 0 16px 0;
    letter-spacing: -0.01em;
}

.entry-content h2 {
    font-size: 26px;
    border-left: 4px solid #6366f1;
    padding-left: 14px;
}

.entry-content h3 {
    font-size: 21px;
}

.entry-content h4 {
    font-size: 18px;
}

.entry-content a {
    color: #4F46E5;
    text-decoration: underline;
    text-underline-offset: 3px;
    transition: color 0.2s ease;
}

.entry-content a:hover {
    color: #3730A3;
}

/* GUTENBERG BLOCKQUOTE - LIGHT INTEGRATED CALLOUT */
.entry-content blockquote,
.entry-content .wp-block-quote {
    background: #EEF2FF !important;
    border: 1px solid #E0E7FF !important;
    border-left: 4px solid #6366f1 !important;
    border-radius: 14px !important;
    padding: 24px 30px !important;
    margin: 28px 0 !important;
    position: relative;
    box-shadow: none !important;
}

.entry-content blockquote p,
.entry-content .wp-block-quote p {
    color: #1E1B4B !important;
    font-size: 16px !important;
    font-style: italic !important;
    font-weight: 500 !important;
    line-height: 1.7 !important;
    margin: 0 0 8px 0 !important;
}

.entry-content blockquote p:last-child {
    margin-bottom: 0 !important;
}

.entry-content blockquote cite,
.entry-content .wp-block-quote cite,
.entry-content .wp-block-quote__citation {
    display: block;
    font-size: 13px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    color: #4338CA !important;
}

/* Code & Pre Blocks (Block Level) */
.entry-content pre,
.entry-content .wp-block-code,
pre {
    background-color: #0F172A !important;
    color: #F1F5F9 !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 12px !important;
    padding: 20px !important;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace !important;
    font-size: 14px !important;
    line-height: 1.6;
    overflow-x: auto;
    margin: 24px 0 !important;
}

.entry-content pre code,
.entry-content .wp-block-code code,
pre code {
    background: transparent !important;
    color: inherit !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    font-size: inherit !important;
    font-family: inherit !important;
    display: inline !important;
    white-space: pre;
}

/* Inline Code Elements (Everywhere in content) */
.entry-content code:not(pre code),
code:not(pre code) {
    background-color: #F1F5F9 !important;
    color: #4338CA !important;
    border: 1px solid #E2E8F0 !important;
    padding: 3px 7px !important;
    margin: 0 2px !important;
    font-size: 13.5px !important;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace !important;
    border-radius: 6px !important;
    font-weight: 600;
    display: inline-block;
    vertical-align: baseline;
    line-height: 1.4;
}

/* Inline Code inside Headings */
.entry-content h1 code,
.entry-content h2 code,
.entry-content h3 code,
.entry-content h4 code,
.entry-content h5 code,
.entry-content h6 code {
    font-size: 0.85em !important;
    background-color: #EEF2FF !important;
    color: #3730A3 !important;
    border: 1px solid #C7D2FE !important;
    padding: 2px 8px !important;
    vertical-align: middle;
    border-radius: 8px !important;
    font-weight: 700 !important;
}

/* Inline Code inside Tables */
.entry-content td code,
.entry-content th code {
    font-size: 12.5px !important;
    color: #4338CA !important;
    background-color: #F1F5F9 !important;
    border: 1px solid #E2E8F0 !important;
    padding: 2px 6px !important;
    margin: 2px 3px 2px 0 !important;
    display: inline-block;
    vertical-align: middle;
    white-space: normal;
    word-break: break-word;
    font-weight: 600;
}

/* Lists */
.entry-content ul,
.entry-content ol {
    margin: 0 0 24px 0;
    padding-left: 28px;
    color: #334155;
}

.entry-content li {
    margin-bottom: 8px;
    line-height: 1.7;
}

.entry-content ul li::marker {
    color: #4F46E5;
}

.entry-content ol li::marker {
    color: #4F46E5;
    font-weight: 700;
}

/* Tables */
.entry-content table,
.entry-content .wp-block-table table {
    width: 100%;
    border-collapse: collapse;
    margin: 28px 0;
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid #E2E8F0;
}

.entry-content th,
.entry-content .wp-block-table th {
    background-color: #F1F5F9;
    color: #0F172A;
    font-weight: 700;
    padding: 14px 18px;
    text-align: left;
    border: 1px solid #E2E8F0;
}

.entry-content td,
.entry-content .wp-block-table td {
    padding: 12px 18px;
    color: #334155;
    border: 1px solid #E2E8F0;
    background-color: #FFFFFF;
    vertical-align: top;
    line-height: 1.6;
}

/* Buttons */
.entry-content .wp-block-button__link {
    background: #6366f1 !important;
    color: #FFFFFF !important;
    border-radius: 12px !important;
    padding: 14px 28px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    box-shadow: 0 4px 14px rgba(99, 102, 241, 0.35) !important;
    transition: all 0.25s ease !important;
}

.entry-content .wp-block-button__link:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 24px rgba(99, 102, 241, 0.5) !important;
}

/* Separator HR */
.entry-content hr,
.entry-content .wp-block-separator {
    border: 0 !important;
    height: 1px !important;
    background: #E2E8F0 !important;
    margin: 36px 0 !important;
}

/* Images & Media */
.entry-content img,
.entry-content .wp-block-image img {
    border-radius: 16px;
    max-width: 100%;
    height: auto;
    box-shadow: 0 8px 24px -4px rgba(0, 0, 0, 0.08);
    margin: 16px 0;
}

.entry-content figcaption,
.entry-content .wp-block-image figcaption {
    font-size: 13px;
    color: #64748B;
    text-align: center;
    margin-top: 8px;
}

/* Responsive Overrides */
@media (max-width: 992px) {
    .blog-grid-layout {
        grid-template-columns: 1fr;
    }
    .page-single-card {
        padding: 32px 24px;
    }
    .page-hero-title,
    .blog-hero-title,
    .archive-hero-title {
        font-size: 28px;
    }
}

/* -------------------------------------------------------------------------
   404 ERROR PAGE & SIDEBAR WIDGET ENHANCEMENTS
   ------------------------------------------------------------------------- */

.error-404-code-wrap {
    position: relative;
    display: inline-block;
    margin-bottom: 16px;
}

.error-404-code {
    font-size: 110px;
    font-weight: 700;
    letter-spacing: -0.04em;
    background: linear-gradient(135deg, #6366f1 0%, #C7D2FE 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: 1;
    display: block;
}

.error-404-glow {
    position: absolute;
    inset: -10px;
    filter: blur(45px);
    background: rgba(99, 102, 241, 0.4);
    pointer-events: none;
    border-radius: 50%;
    z-index: -1;
}

.error-404-title {
    font-size: 32px;
    font-weight: 700;
    color: #FFFFFF;
    letter-spacing: -0.02em;
    margin-bottom: 16px;
    line-height: 1.3;
}

.error-404-desc {
    font-size: 16px;
    color: #94A3B8;
    max-width: 640px;
    margin: 0 auto;
    line-height: 1.6;
}

.error-404-wrapper {
    background-color: var(--my-body-bg);
    padding: 60px 0 90px 0;
}

.error-404-card {
    background: #FFFFFF;
    border: 1px solid #E7ECF5;
    border-radius: 24px;
    padding: 50px 40px;
    max-width: 760px;
    margin: 0 auto;
    box-shadow: 0 10px 30px rgba(45, 50, 67, 0.05);
}

.error-search-container {
    margin-bottom: 36px;
}

.error-search-title {
    font-size: 18px;
    font-weight: 700;
    color: #0F172A;
    margin-bottom: 18px;
}

.error-search-form {
    max-width: 520px;
    margin: 0 auto;
}

.error-search-input-wrap {
    display: flex;
    gap: 10px;
}

.error-search-input {
    flex: 1;
    padding: 14px 20px;
    border-radius: 12px;
    border: 1px solid #CBD5E1;
    background: #F8FAFC;
    color: #0F172A;
    font-size: 15px;
    outline: none;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.error-search-input:focus {
    border-color: #6366f1;
    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.15);
}

.error-search-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 14px 24px;
    border-radius: 12px;
    background: #6366f1;
    color: #FFFFFF;
    font-weight: 700;
    font-size: 15px;
    border: none;
    cursor: pointer;
    transition: all 0.25s ease;
}

.error-search-btn:hover {
    background: #6366f1;
    box-shadow: 0 6px 18px rgba(99, 102, 241, 0.35);
}

.error-actions-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    flex-wrap: wrap;
    padding-top: 24px;
    border-top: 1px solid #E2E8F0;
}

/* SIDEBAR WIDGET LIGHT THEME ENHANCEMENTS */
.sidebar-widget-card .search-input-group {
    display: flex;
    gap: 8px;
}

.sidebar-widget-card .search-field {
    width: 100%;
    background: #F8FAFC !important;
    border: 1px solid #CBD5E1 !important;
    color: #0F172A !important;
    padding: 12px 16px;
    border-radius: 10px;
    font-size: 14px;
    outline: none;
    transition: border-color 0.2s ease;
}

.sidebar-widget-card .search-field::placeholder {
    color: #94A3B8;
}

.sidebar-widget-card .search-field:focus {
    border-color: #6366f1 !important;
}

.sidebar-widget-card .search-submit-btn {
    background: #6366f1;
    color: #FFFFFF;
    border: none;
    padding: 12px 18px;
    border-radius: 10px;
    cursor: pointer;
    transition: background 0.2s ease;
}

.sidebar-widget-card .search-submit-btn:hover {
    background: #6366f1;
}

.widget_categories ul,
.widget-cat-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.widget_categories ul li,
.widget-cat-list li {
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
}

.widget_categories ul li a,
.widget-cat-list li a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #F8FAFC !important;
    border: 1px solid #E2E8F0 !important;
    padding: 7px 12px !important;
    border-radius: 8px !important;
    color: #334155 !important;
    font-size: 13.5px !important;
    font-weight: 500;
    text-decoration: none !important;
    transition: all 0.2s ease;
}

.widget_categories ul li a:hover,
.widget-cat-list li a:hover {
    background: #EEF2FF !important;
    border-color: #C7D2FE !important;
    color: #6366f1 !important;
    transform: translateX(3px);
}

.widget-cat-list .cat-name {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.widget_categories ul li .cat-count,
.widget_categories ul li span.count,
.widget-cat-list .cat-count {
    background: #E0E7FF;
    color: #4338CA;
    font-size: 11.5px;
    font-weight: 700;
    padding: 2px 7px;
    border-radius: 10px;
}

.widget-recent-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.recent-post-link {
    display: flex;
    flex-direction: column;
    gap: 4px;
    text-decoration: none;
    padding-bottom: 10px;
    border-bottom: 1px solid #F1F5F9;
}

.recent-post-link:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.recent-post-title {
    color: #0F172A;
    font-size: 14px;
    line-height: 1.45;
    font-weight: 600;
    transition: color 0.2s ease;
}

.recent-post-link:hover .recent-post-title {
    color: #6366f1;
}

.recent-post-date {
    font-size: 12px;
    color: #64748B;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.widget-tags-cloud {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.tag-pill-item {
    display: inline-block;
    background: #F1F5F9;
    border: 1px solid #E2E8F0;
    color: #475569;
    font-size: 12.5px;
    font-weight: 600;
    padding: 5px 12px;
    border-radius: 14px;
    text-decoration: none;
    transition: all 0.2s ease;
}

.tag-pill-item:hover {
    background: #6366f1;
    color: #FFFFFF;
    border-color: #6366f1;
}

@media (max-width: 640px) {
    .error-404-code {
        font-size: 80px;
    }
    .error-404-title {
        font-size: 24px;
    }
    .error-search-input-wrap {
        flex-direction: column;
    }
    .error-search-btn {
        justify-content: center;
        width: 100%;
    }
}
/* AUTHOR BIO AVATAR PERFECT ROUND FIX */
.post-author-box {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    background: #F8FAFC;
    border: 1px solid #E2E8F0;
    border-radius: 16px;
    padding: 24px;
    margin: 36px 0;
}

.author-avatar-lg {
    width: 72px;
    height: 72px;
    flex-shrink: 0;
}

.author-avatar-lg img,
.post-author-box img {
    width: 72px !important;
    height: 72px !important;
    min-width: 72px !important;
    min-height: 72px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    aspect-ratio: 1 / 1 !important;
    flex-shrink: 0 !important;
    display: block !important;
}

/* -------------------------------------------------------------------------
   MEYRICKS THEME REVISED STYLES (SINGLE POST HEADER, META, NAV & CONTACT)
   ------------------------------------------------------------------------- */

/* Compact Hero Breadcrumbs Bar (Mükemmel Üst/Alt Eşit Hizalama) */
.blog-single-hero--compact {
    padding: 14px 0 !important;
    background-color: var(--my-dark-bg, #1e293b) !important;
    border-bottom: 1px solid var(--my-dark-border, #334155) !important;
    margin: 0 !important;
    min-height: auto !important;
}

.blog-single-hero--compact .meyricks-container {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.blog-single-hero--compact .blog-hero-inner {
    margin: 0 auto !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    line-height: 1 !important;
}

.blog-single-hero--compact .blog-hero-breadcrumbs {
    margin: 0 !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
}

.blog-single-hero--compact .meyricks-breadcrumbs {
    margin: 0 !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    font-size: 13.5px !important;
    line-height: 1.4 !important;
    color: #94A3B8 !important;
    text-align: center !important;
}

.blog-single-hero--compact .meyricks-breadcrumbs * {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.4 !important;
}

/* 1. Makale Başlığı (H1) */
/* 1. Makale Başlığı (H1) */
.single-post-title {
    font-size: 32px;
    font-weight: 800;
    color: #0F172A;
    line-height: 1.3;
    margin: 0 auto 16px auto;
    letter-spacing: -0.02em;
    text-align: center;
}

/* 2. Ufak Bir Seperate / Ayraç */
.single-post-divider {
    height: 1px;
    background: #E2E8F0;
    margin: 0 auto 18px auto;
    max-width: 100%;
}

/* 3. Blog Detay Side-by-Side Meta Bar (Daha Küçük & Kompakt Boyutlar) */
.single-post-meta-strip,
.single-post-meta-strip--compact {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px;
    padding: 10px 18px;
    background: #F8FAFC;
    border: 1px solid #E2E8F0;
    border-radius: 12px;
    margin-bottom: 24px;
}

/* Ortalı, Sade & Kutucuksuz Meta Strip (Mobilde Asla Kırılmaz, Tek Satır) */
.single-post-meta-strip--simple {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 28px !important;
    margin: 0 auto 28px auto !important;
    max-width: 100% !important;
}

@media (max-width: 768px) {
    .single-post-meta-strip--simple {
        gap: 16px !important;
        flex-wrap: nowrap !important;
    }
}

@media (max-width: 640px) {
    .single-post-meta-strip--simple {
        display: flex !important;
        flex-wrap: nowrap !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 10px !important;
        padding: 0 4px !important;
        margin-bottom: 22px !important;
    }

    .single-post-meta-strip--simple .meta-strip-cat {
        padding: 4px 9px !important;
        font-size: 11px !important;
        gap: 4px !important;
        white-space: nowrap !important;
        flex-shrink: 0 !important;
    }

    .single-post-meta-strip--simple .meta-strip-cat svg {
        width: 12px !important;
        height: 12px !important;
    }

    .single-post-meta-strip--simple .meta-strip-item {
        gap: 6px !important;
        flex-shrink: 0 !important;
    }

    .single-post-meta-strip--simple .meta-icon-box {
        width: 22px !important;
        height: 22px !important;
        min-width: 22px !important;
        min-height: 22px !important;
    }

    .single-post-meta-strip--simple .meta-icon-box svg {
        width: 11px !important;
        height: 11px !important;
    }

    .single-post-meta-strip--simple .meta-lbl {
        font-size: 8px !important;
        letter-spacing: 0.02em !important;
    }

    .single-post-meta-strip--simple .meta-val {
        font-size: 11.5px !important;
        white-space: nowrap !important;
    }
}

@media (max-width: 420px) {
    .single-post-meta-strip--simple {
        gap: 6px !important;
        padding: 0 !important;
    }

    .single-post-meta-strip--simple .meta-strip-cat {
        padding: 3px 7px !important;
        font-size: 10px !important;
    }

    .single-post-meta-strip--simple .meta-strip-item {
        gap: 4px !important;
    }

    .single-post-meta-strip--simple .meta-icon-box {
        width: 19px !important;
        height: 19px !important;
        min-width: 19px !important;
        min-height: 19px !important;
    }

    .single-post-meta-strip--simple .meta-icon-box svg {
        width: 10px !important;
        height: 10px !important;
    }

    .single-post-meta-strip--simple .meta-lbl {
        display: none !important;
    }

    .single-post-meta-strip--simple .meta-val {
        font-size: 10.5px !important;
    }
}

.meta-strip-cat {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 12px;
    background: #EEF2FF;
    border: 1px solid #C7D2FE;
    border-radius: 20px;
    color: #4338CA;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none !important;
    transition: all 0.2s ease;
}

.meta-strip-cat:hover {
    background: #4F46E5;
    color: #FFFFFF;
    border-color: #4F46E5;
    transform: translateY(-1px);
}

.meta-strip-cat svg {
    color: #4338CA;
    transition: color 0.2s ease;
}

.meta-strip-cat:hover svg {
    color: #FFFFFF;
}

.meta-strip-item {
    display: flex;
    align-items: center;
    gap: 8px;
}

.meta-avatar img,
.meta-strip-item .author-img-round {
    width: 26px !important;
    height: 26px !important;
    min-width: 26px !important;
    min-height: 26px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    aspect-ratio: 1 / 1 !important;
    border: 1.5px solid #E2E8F0;
    display: block !important;
}

.meta-icon-box {
    width: 26px;
    height: 26px;
    min-width: 26px;
    min-height: 26px;
    border-radius: 50%;
    background: #EEF2FF;
    color: #4F46E5;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.meta-icon-box svg {
    width: 13px;
    height: 13px;
}

.meta-text-col {
    display: flex;
    flex-direction: column;
    line-height: 1.2;
}

.meta-lbl {
    font-size: 9px;
    font-weight: 700;
    color: #64748B;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.meta-val {
    font-size: 12.5px;
    font-weight: 700;
    color: #0F172A;
}

/* 2. Blog Detay Önceki / Sonraki Yazı Navigasyonu (Minimalist Text-Only) */
.post-nav-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin-top: 36px;
    padding-top: 28px;
    border-top: 1px solid #E2E8F0;
}

.post-nav-card {
    background: #F8FAFC;
    border: 1px solid #E2E8F0;
    border-radius: 14px;
    padding: 18px 22px;
    transition: all 0.25s ease;
}

.post-nav-card:hover {
    background: #FFFFFF;
    border-color: #C7D2FE;
    box-shadow: 0 8px 20px rgba(99, 102, 241, 0.08);
    transform: translateY(-2px);
}

.post-nav-card.nav-card-empty,
.post-nav-card:has(.nav-empty) {
    background: #F8FAFC !important;
    border-color: #E2E8F0 !important;
    cursor: default !important;
    box-shadow: none !important;
    transform: none !important;
}

.post-nav-card.nav-card-empty:hover,
.post-nav-card:has(.nav-empty):hover {
    background: #F8FAFC !important;
    border-color: #E2E8F0 !important;
    box-shadow: none !important;
    transform: none !important;
}

.post-nav-card.nav-card-empty .nav-title,
.post-nav-card:hover .nav-empty .nav-title {
    color: #334155 !important;
}

.nav-card-link {
    display: block;
    text-decoration: none !important;
    color: inherit;
}

.nav-post-info {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.nav-sub {
    font-size: 11.5px;
    font-weight: 700;
    color: #4338CA;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.nav-title {
    font-size: 14.5px;
    font-weight: 700;
    color: #0F172A;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* 3. Blog Liste ve Arşiv Sayfaları 2 Sütun Düzeni (Her Satırda 2 Yazı, 10 Yazı) */
.blog-posts-cards-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
    margin-bottom: 40px;
}

.blog-post-card {
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 16px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
    box-shadow: 0 4px 16px rgba(15, 23, 42, 0.03);
}

.blog-post-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 14px 30px rgba(15, 23, 42, 0.08);
    border-color: #CBD5E1;
}

.post-card-thumb {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 200px;
}

.post-card-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.35s ease;
}

.blog-post-card:hover .post-card-thumb img {
    transform: scale(1.05);
}

.card-cat-badge {
    position: absolute;
    top: 12px;
    left: 12px;
    background: rgba(15, 23, 42, 0.82);
    backdrop-filter: blur(4px);
    color: #FFFFFF;
    font-size: 11.5px;
    font-weight: 700;
    padding: 4px 12px;
    border-radius: 20px;
    text-decoration: none !important;
    transition: background 0.2s ease;
}

.card-cat-badge:hover {
    background: #6366f1;
    color: #FFFFFF;
}

.post-card-body {
    padding: 20px 22px 22px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.post-card-meta {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12.5px;
    color: #64748B;
    margin-bottom: 10px;
}

.post-card-meta span {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.post-card-meta svg {
    color: #6366f1;
}

.post-card-title {
    font-size: 17px;
    font-weight: 700;
    line-height: 1.4;
    margin: 0 0 10px 0;
}

.post-card-title a {
    color: #0F172A;
    text-decoration: none !important;
    transition: color 0.2s ease;
}

.post-card-title a:hover {
    color: #6366f1;
}

.post-card-excerpt {
    font-size: 14px;
    color: #475569;
    line-height: 1.6;
    margin-bottom: 16px;
    flex-grow: 1;
}

.post-card-excerpt p {
    margin: 0;
}

.post-card-footer {
    margin-top: auto;
    padding-top: 14px;
    border-top: 1px solid #F1F5F9;
}

.btn-read-more {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--my-primary);
    font-size: 13.5px;
    font-weight: 700;
    text-decoration: none !important;
    transition: gap 0.2s ease;
}

.btn-read-more:hover {
    gap: 10px;
    color: #4338ca;
}

.blog-pagination-wrapper {
    display: flex;
    justify-content: center;
    margin-top: 40px;
}

.blog-pagination-wrapper .pagination,
.blog-pagination-wrapper .nav-links {
    display: flex;
    align-items: center;
    gap: 8px;
}

.blog-pagination-wrapper .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    height: 40px;
    padding: 0 12px;
    border-radius: 10px;
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    color: #334155;
    font-weight: 700;
    font-size: 14px;
    text-decoration: none !important;
    transition: all 0.2s ease;
}

.blog-pagination-wrapper .page-numbers.current,
.blog-pagination-wrapper .page-numbers:hover {
    background: #6366f1;
    border-color: #6366f1;
    color: #FFFFFF;
}

/* 4. İletişim Formu ve Alert Kutusu Stilleri */
.contact-alert {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 18px;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 24px;
    line-height: 1.5;
}

.contact-alert-success {
    background: #ECFDF5;
    border: 1px solid #A7F3D0;
    color: #065F46;
}

.contact-alert-danger {
    background: #FEF2F2;
    border: 1px solid #FECACA;
    color: #991B1B;
}

.contact-alert svg {
    flex-shrink: 0;
}

/* Responsive Breakpoints */
@media (max-width: 768px) {
    .single-post-title {
        font-size: 24px;
        line-height: 1.35;
    }
    .blog-posts-cards-grid {
        grid-template-columns: 1fr;
    }
    .single-post-meta-strip {
        gap: 12px;
        padding: 10px 14px;
    }
}

@media (max-width: 640px) {
    .post-nav-wrapper {
        grid-template-columns: 1fr;
    }
}

/* 5. Table of Contents (İçindekiler) Eklentisi & Tema Uyum Stilleri */
#ez-toc-container,
#toc_container,
.rank-math-toc-block,
.lwptoc,
.wp-block-table-of-contents {
    background: #F8FAFC !important;
    border: 1px solid #E2E8F0 !important;
    border-radius: 16px !important;
    padding: 24px 28px !important;
    margin: 32px 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
    box-shadow: 0 4px 20px rgba(15, 23, 42, 0.03) !important;
}

#ez-toc-container .ez-toc-title-container,
#toc_container .toc_title,
.rank-math-toc-title,
.lwptoc_header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin-bottom: 16px !important;
    border-bottom: 1px solid #E2E8F0 !important;
    padding-bottom: 12px !important;
}

#ez-toc-container p.ez-toc-title,
#toc_container p.toc_title,
.rank-math-toc-title,
.lwptoc_header_label {
    font-size: 18px !important;
    font-weight: 800 !important;
    color: #0F172A !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

#ez-toc-container nav,
#ez-toc-container ul,
#ez-toc-container ol,
#toc_container ul,
#toc_container ol,
.rank-math-toc-block ul,
.rank-math-toc-block ol,
.lwptoc_items ul,
.lwptoc_items ol {
    list-style: none !important;
    padding-left: 0 !important;
    margin: 0 !important;
}

#ez-toc-container ul li,
#toc_container ul li,
.rank-math-toc-block ul li,
.lwptoc_items ul li {
    font-size: 14.5px !important;
    line-height: 1.6 !important;
    margin-bottom: 8px !important;
    padding-left: 0 !important;
    color: #334155 !important;
}

#ez-toc-container ul ul,
#ez-toc-container ol ol,
#toc_container ul ul,
.rank-math-toc-block ul ul,
.lwptoc_items ul ul {
    padding-left: 18px !important;
    margin-top: 6px !important;
    margin-bottom: 6px !important;
    border-left: 2px solid #E2E8F0 !important;
}

#ez-toc-container a,
#toc_container a,
.rank-math-toc-block a,
.lwptoc_items a {
    color: #334155 !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: color 0.2s ease, padding-left 0.2s ease !important;
    display: inline-block !important;
    border-bottom: none !important;
}

#ez-toc-container a:hover,
#toc_container a:hover,
.rank-math-toc-block a:hover,
.lwptoc_items a:hover {
    color: #6366f1 !important;
    text-decoration: none !important;
    padding-left: 4px !important;
}

/* TOC Toggle Button Focus & Active Border Reset (Prevents Persistent Focus Square Box) */
#ez-toc-container .ez-toc-title-container *,
#ez-toc-container .ez-toc-toggle,
.ez-toc-btn,
.ez-toc-btn-icon,
a.ez-toc-toggle,
label.ez-toc-btn-icon,
#ez-toc-container a:focus,
#ez-toc-container button:focus,
#ez-toc-container label:focus,
#ez-toc-container input:focus,
#ez-toc-container *:focus,
#ez-toc-container *:focus-visible {
    outline: none !important;
    outline-width: 0 !important;
    box-shadow: none !important;
    border-color: #E2E8F0 !important;
    -webkit-tap-highlight-color: transparent !important;
}

/* 6. GLOBAL UNIFIED BREADCRUMB HERO BACKGROUND (#1e293b) FOR ALL PAGES */
.blog-single-hero,
.blog-archive-hero,
.contact-page-hero,
.whois-page-hero,
.about-page-hero,
.search-archive-hero,
.page-hero,
.error404-hero {
    background-color: var(--my-dark-bg, #1e293b) !important;
    color: #FFFFFF !important;
    padding: 55px 0;
    text-align: center;
}

.blog-hero-title,
.archive-hero-title,
.contact-hero-title,
.whois-hero-title,
.page-hero-title {
    color: #FFFFFF !important;
    font-size: 36px;
    font-weight: 800;
    margin-top: 12px;
    margin-bottom: 12px;
    letter-spacing: -0.02em;
}

.blog-hero-desc,
.archive-hero-desc,
.contact-hero-desc,
.whois-hero-desc {
    color: #94A3B8 !important;
    font-size: 15.5px;
    max-width: 740px;
    margin: 0 auto;
    line-height: 1.65;
}

.blog-single-hero:not(.blog-single-hero--compact) .blog-hero-breadcrumbs,
.archive-breadcrumbs {
    margin-bottom: 14px;
}

.blog-hero-breadcrumbs a,
.archive-breadcrumbs a {
    color: #94A3B8 !important;
    text-decoration: none !important;
    font-size: 13.5px;
    transition: color 0.2s ease;
}

.blog-hero-breadcrumbs a:hover,
.archive-breadcrumbs a:hover {
    color: #FFFFFF !important;
}

/* 7. CONTACT PAGE FULL DESIGN & GRID STYLES */
.contact-page-main {
    padding: 60px 0 90px;
    background-color: #F8FAFC;
}

.contact-grid-layout {
    display: grid;
    grid-template-columns: 1fr 380px;
    gap: 40px;
    align-items: start;
}

.contact-form-card {
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 20px;
    padding: 40px;
    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.04);
}

.form-card-title {
    font-size: 24px;
    font-weight: 800;
    color: #0F172A;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.form-card-title svg {
    color: #6366f1;
}

.form-card-subtitle {
    font-size: 14.5px;
    color: #64748B;
    margin-bottom: 28px;
    line-height: 1.5;
}

.meyricks-native-contact-form {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.form-row-2col {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.form-group {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.form-group label {
    font-size: 13.5px;
    font-weight: 700;
    color: #334155;
}

.form-input,
.meyricks-native-contact-form input[type="text"],
.meyricks-native-contact-form input[type="email"],
.meyricks-native-contact-form input[type="tel"],
.meyricks-native-contact-form select,
.meyricks-native-contact-form textarea {
    width: 100% !important;
    padding: 12px 16px !important;
    background-color: #FFFFFF !important;
    border: 1px solid #CBD5E1 !important;
    border-radius: 12px !important;
    font-size: 14.5px !important;
    color: #0F172A !important;
    outline: none !important;
    transition: all 0.2s ease !important;
    box-sizing: border-box !important;
}

.form-input:focus,
.meyricks-native-contact-form input:focus,
.meyricks-native-contact-form select:focus,
.meyricks-native-contact-form textarea:focus {
    border-color: #6366f1 !important;
    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.15) !important;
}

.submit-contact-btn,
.btn-header-cta {
    background: var(--my-dark-bg, #1e293b) !important;
    color: #FFFFFF !important;
    border: none !important;
    border-radius: 12px !important;
    padding: 14px 28px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    transition: all 0.25s ease !important;
    box-shadow: 0 4px 14px rgba(30, 41, 59, 0.25) !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.btn-header-cta {
    padding: 10px 20px !important;
    font-size: 14px !important;
    border-radius: 10px !important;
}

.submit-contact-btn:hover,
.btn-header-cta:hover {
    background: #0f172a !important;
    color: #FFFFFF !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.35) !important;
}

/* Right Column Widgets */
.contact-info-column {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.info-widget-card {
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 20px;
    padding: 28px;
    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.04);
}

.info-card-heading {
    font-size: 18px;
    font-weight: 800;
    color: #0F172A;
    margin-bottom: 20px;
    padding-bottom: 12px;
    border-bottom: 1px solid #F1F5F9;
}

.contact-detail-item {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    margin-bottom: 18px;
}

.contact-detail-item:last-child {
    margin-bottom: 0;
}

.detail-icon {
    width: 40px;
    height: 40px;
    min-width: 40px;
    border-radius: 12px;
    background: #EEF2FF;
    color: #6366f1;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.detail-icon.detail-wa {
    background: #EEF2FF;
    color: var(--my-primary, #6366f1);
}

.detail-text {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.detail-label {
    font-size: 10.5px;
    font-weight: 700;
    color: #94A3B8;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.detail-val {
    font-size: 14px;
    font-weight: 700;
    color: #0F172A;
    text-decoration: none !important;
    transition: color 0.2s ease;
}

.detail-val:hover {
    color: #6366f1;
}

/* Social Media Grid Cards */
.social-cards-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
}

.social-card-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 14px;
    background: #F8FAFC;
    border: 1px solid #E2E8F0;
    border-radius: 12px;
    text-decoration: none !important;
    color: #334155 !important;
    font-size: 13.5px;
    font-weight: 700;
    transition: all 0.2s ease;
}

.social-card-item .social-name {
    color: inherit !important;
    font-size: 13.5px;
    font-weight: 700;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.social-card-item:hover {
    background: #FFFFFF !important;
    border-color: #C7D2FE !important;
    color: #6366f1 !important;
    text-decoration: none !important;
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(99, 102, 241, 0.12);
}

.social-card-item:hover .social-name {
    color: #6366f1 !important;
}

.social-icon {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    background: #EEF2FF;
    color: #6366f1;
}

.fb-card .social-icon { background: #E0F2FE; color: #0284C7; }
.tw-card .social-icon { background: #F1F5F9; color: #0F172A; }
.tg-card .social-icon { background: #E0F2FE; color: #0284C7; }
.wa-card .social-icon { background: #DCFCE7; color: #16A34A; }
.be-card .social-icon { background: #EEF2FF; color: #6366f1; }
.r10-card .social-icon { background: #FEF3C7; color: #D97706; }

@media (max-width: 992px) {
    .contact-grid-layout {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 600px) {
    .form-row-2col {
        grid-template-columns: 1fr;
    }
    .contact-form-card {
        padding: 24px 18px;
    }
}

/* -------------------------------------------------------------------------
   8. MOBİL ÖZEL STİLLER (HEADER, MENÜ DRAWER, HİZMETLER, SÜREÇ & FOOTER)
   ------------------------------------------------------------------------- */
@media (max-width: 768px) {
    /* 1. Header: Mobil Menü Butonu Solda, Logo Ortada, Teklif Al Butonu Gizli */
    .meyricks-header {
        padding: 6px 0 !important;
        min-height: 56px !important;
    }

    .header-card-inner {
        position: relative !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        padding: 0 12px !important;
        height: 48px !important;
        min-height: 48px !important;
    }

    .main-navigation {
        display: none !important;
    }

    .btn-header-cta {
        display: none !important;
    }

    /* Sol Buton: Mobil Hamburger Menü (Flex Order 1 - Sabit Hizalama) */
    .mobile-menu-toggle {
        display: flex !important;
        order: 1 !important;
        position: static !important;
        transform: none !important;
        margin: 0 !important;
        z-index: 10 !important;
        padding: 8px !important;
        background: transparent !important;
        border: none !important;
        align-items: center !important;
        justify-content: center !important;
    }

    /* Orta Logo: Tam Ortada Hizalı */
    .site-branding {
        order: 2 !important;
        position: absolute !important;
        left: 50% !important;
        top: 50% !important;
        transform: translate(-50%, -50%) !important;
        margin: 0 !important;
        z-index: 5 !important;
    }

    .site-branding .logo-symbol img {
        width: 28px !important;
        height: 28px !important;
    }

    .site-branding .logo-text {
        font-size: 19px !important;
    }

    /* Sağ İkonlar: R10 & WhatsApp (Flex Order 3) */
    .header-actions {
        order: 3 !important;
        display: flex !important;
        align-items: center !important;
        margin-left: auto !important;
        gap: 6px !important;
        z-index: 10 !important;
    }

    .header-icon-btn {
        width: 36px !important;
        height: 36px !important;
    }

    /* Hero Slider: Mobilde Tüm Yazılar ve Elemanlar Ortalı */
    .hero-slide-item {
        text-align: center !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
    }

    .hero-badge-pill {
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .hero-slider-title {
        text-align: center !important;
        font-size: 28px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .hero-slider-desc {
        text-align: center !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .hero-slider-buttons {
        width: 100% !important;
        justify-content: center !important;
        align-items: center !important;
        flex-direction: column !important;
        gap: 10px !important;
    }

    .hero-slider-buttons .btn {
        width: 100% !important;
        justify-content: center !important;
    }

    .hero-slider-controls {
        justify-content: center !important;
        margin-top: 20px !important;
    }

    /* Hero Slider Stats: Mobilde 2 Sütun 2 Satır (Taşma / Kesilme Olmaması İçin) */
    .hero-slider-stats {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 16px 12px !important;
        width: 100% !important;
        padding-top: 20px !important;
        margin-top: 20px !important;
        border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
    }

    .hero-slider-stats .stat-divider {
        display: none !important;
    }

    .hero-slider-stats .stat-item {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
    }

    .hero-slider-stats .stat-item strong {
        font-size: 19px !important;
        margin-bottom: 2px !important;
    }

    .hero-slider-stats .stat-item span {
        font-size: 12px !important;
        line-height: 1.3 !important;
    }

    /* Mobil Menü Arkaplan Karartma (Overlay - Tam Ekran & Tıklama Katmanı) */
    .mobile-drawer-overlay {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        width: 100vw !important;
        height: 100vh !important;
        background: rgba(15, 23, 42, 0.6) !important;
        backdrop-filter: blur(4px) !important;
        -webkit-backdrop-filter: blur(4px) !important;
        z-index: 999998 !important;
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
        transition: opacity 0.3s ease, visibility 0.3s ease !important;
    }

    .mobile-drawer-overlay.is-open {
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }

    /* Mobil Çekmece Menü: Soldan Açılacak (Drawer from LEFT) */
    .mobile-nav-drawer {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: auto !important;
        width: 85% !important;
        max-width: 320px !important;
        height: 100vh !important;
        background: #FFFFFF !important;
        z-index: 999999 !important;
        box-shadow: 10px 0 30px rgba(15, 23, 42, 0.25) !important;
        transform: translateX(-100%) !important;
        transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.35s ease !important;
        display: block !important;
        visibility: hidden !important;
        overflow-y: auto !important;
        padding: 20px !important;
    }

    .mobile-nav-drawer.is-open {
        transform: translateX(0) !important;
        visibility: visible !important;
    }

    .mobile-drawer-inner {
        display: flex !important;
        flex-direction: column !important;
        height: 100% !important;
        justify-content: flex-start !important;
    }

    /* Çekmece Üst Başlık & Kapatma Butonu */
    .mobile-drawer-header {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        padding-bottom: 14px !important;
        border-bottom: 1px solid #E2E8F0 !important;
        margin-bottom: 16px !important;
        flex-shrink: 0 !important;
    }

    .mobile-drawer-header .drawer-title {
        font-size: 18px !important;
        font-weight: 800 !important;
        color: #0F172A !important;
        letter-spacing: -0.5px !important;
    }

    .mobile-drawer-close {
        background: #F1F5F9 !important;
        border: none !important;
        font-size: 24px !important;
        line-height: 1 !important;
        color: #475569 !important;
        width: 34px !important;
        height: 34px !important;
        border-radius: 8px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        cursor: pointer !important;
        transition: all 0.2s ease !important;
    }

    .mobile-drawer-close:hover {
        background: #EEF2FF !important;
        color: #6366f1 !important;
    }

    .mobile-navigation {
        flex: 1 !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: flex-start !important;
    }

    .mobile-menu-list {
        list-style: none !important;
        padding: 0 !important;
        margin: 0 0 20px 0 !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 10px !important;
    }

    .mobile-menu-list a {
        display: block !important;
        padding: 12px 16px !important;
        font-size: 15px !important;
        font-weight: 700 !important;
        color: #0F172A !important;
        background: #F8FAFC !important;
        border: 1px solid #E2E8F0 !important;
        border-radius: 10px !important;
        text-decoration: none !important;
        transition: all 0.2s ease !important;
    }

    .mobile-menu-list a:hover {
        background: #EEF2FF !important;
        color: #6366f1 !important;
        border-color: #C7D2FE !important;
    }

    .mobile-drawer-footer {
        margin-top: auto !important;
        padding-top: 14px !important;
        border-top: 1px solid #F1F5F9 !important;
        flex-shrink: 0 !important;
    }

    /* 1. Dijital Büyüme Hizmetlerim Bloğu: Her Satırda 1 Tane (İstek Üzerine Tekli Sütun) */
    .services-grid-container {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }

    .service-card-item {
        padding: 20px 16px !important;
        border-radius: 16px !important;
    }

    .service-icon-box {
        width: 42px !important;
        height: 42px !important;
        margin-bottom: 12px !important;
    }

    .service-icon-box svg {
        width: 22px !important;
        height: 22px !important;
    }

    .service-card-title {
        font-size: 15px !important;
        margin-bottom: 8px !important;
    }

    .service-card-desc {
        font-size: 13px !important;
    }

    /* 3. Sadece 4 Adımda Dijital Dönüşüm Bloğu: Her Satırda 2 Tane */
    .workflow-steps-grid {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 12px !important;
    }

    .workflow-step-card {
        padding: 16px 12px !important;
        border-radius: 14px !important;
    }

    .workflow-icon-box {
        width: 36px !important;
        height: 36px !important;
        margin-bottom: 10px !important;
    }

    .workflow-icon-box svg {
        width: 18px !important;
        height: 18px !important;
    }

    .workflow-step-title {
        font-size: 13.5px !important;
        margin-bottom: 6px !important;
        line-height: 1.35 !important;
    }

    .workflow-step-desc {
        font-size: 12px !important;
        line-height: 1.45 !important;
    }

    .workflow-arrow-connector {
        display: none !important;
    }

    /* 4. Footer: Her Şey Ortasından Hizalı (Centered Footer) */
    .meyricks-footer,
    .meyricks-footer *,
    .support-bar,
    .support-card,
    .support-info,
    .footer-main-content,
    .footer-brand-col,
    .footer-nav-cols,
    .footer-nav-col,
    .footer-col-title,
    .footer-link-list,
    .footer-social-links,
    .footer-bottom-bar,
    .footer-pills-row,
    .footer-copyright-text {
        text-align: center !important;
        justify-content: center !important;
        align-items: center !important;
    }

    .support-bar {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 12px !important;
    }

    .support-card {
        flex-direction: column !important;
        text-align: center !important;
        padding: 14px 10px !important;
    }

    .footer-brand-col .footer-logo {
        display: inline-flex !important;
        justify-content: center !important;
        margin: 0 auto 14px auto !important;
    }

    .footer-nav-cols {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 20px !important;
        text-align: center !important;
    }

    .footer-social-links,
    .footer-pills-row {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        gap: 8px !important;
    }
}

/* ==========================================================================
   AUTHOR PAGE (YAZAR ARŞİVİ) & E-E-A-T PROFİL KARTI STİLLERİ
   ========================================================================== */
.author-hero-section {
    padding-bottom: 50px !important;
}

.author-profile-hero-card {
    max-width: 820px;
    margin: 20px auto 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 16px;
}

.author-avatar-wrap {
    position: relative;
    display: inline-block;
}

.author-avatar-frame {
    width: 112px;
    height: 112px;
    border-radius: 50%;
    padding: 4px;
    background: linear-gradient(135deg, var(--my-primary, #6366f1) 0%, #0F172A 100%);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.25);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.author-avatar-img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
    display: block;
}

.author-verified-badge {
    position: absolute;
    bottom: 2px;
    right: 2px;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: #10B981;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2.5px solid var(--my-dark-bg, #1e293b);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
}

.author-role-pill {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(99, 102, 241, 0.12);
    border: 1px solid rgba(99, 102, 241, 0.3);
    padding: 5px 14px;
    border-radius: 50px;
    font-size: 13px;
    font-weight: 600;
    color: #818CF8;
    margin-bottom: 4px;
}

.author-role-pill .role-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #10B981;
    box-shadow: 0 0 8px rgba(16, 185, 129, 0.6);
}

.author-hero-title {
    font-size: 32px;
    font-weight: 800;
    color: #FFFFFF;
    margin: 0;
    line-height: 1.25;
}

.author-hero-bio {
    font-size: 15.5px;
    line-height: 1.65;
    color: #94A3B8;
    max-width: 680px;
    margin: 4px auto 0 auto;
}

.author-meta-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin-top: 14px;
}

.author-stat-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.12);
    padding: 7px 16px;
    border-radius: 10px;
    font-size: 13.5px;
    font-weight: 600;
    color: #E2E8F0;
}

.author-social-list {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

.author-social-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.12);
    padding: 7px 14px;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 600;
    color: #E2E8F0;
    text-decoration: none;
    transition: all 0.2s ease;
}

.author-social-btn:hover {
    background: var(--my-primary, #6366f1);
    color: #FFFFFF;
    border-color: var(--my-primary, #6366f1);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(99, 102, 241, 0.35);
}

.author-section-heading-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 24px;
    padding-bottom: 14px;
    border-bottom: 1px solid #E2E8F0;
}

.author-section-heading {
    font-size: 20px;
    font-weight: 700;
    color: #0F172A;
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0;
}

.author-articles-counter {
    font-size: 13px;
    font-weight: 700;
    background: #EEF2FF;
    color: var(--my-primary, #6366f1);
    padding: 4px 12px;
    border-radius: 50px;
}

@media (max-width: 640px) {
    .author-hero-title {
        font-size: 26px;
    }

    .author-avatar-frame {
        width: 96px;
        height: 96px;
    }

    .author-meta-row {
        flex-direction: column;
        gap: 10px;
    }

    .author-section-heading-wrap {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }
}

/* ==========================================================================
   ARCHIVE & CATEGORY SEO DESCRIPTION & HERO STYLES (LIGHT THEME MATCHED)
   ========================================================================== */
.archive-hero-badge-wrap {
    display: flex;
    justify-content: center;
    margin-top: 14px;
}

.archive-count-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.16);
    padding: 6px 16px;
    border-radius: 50px;
    font-size: 13px;
    font-weight: 600;
    color: #F1F5F9;
    letter-spacing: 0.3px;
}

.badge-pulse-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #10B981;
    box-shadow: 0 0 8px rgba(16, 185, 129, 0.7);
    flex-shrink: 0;
}

/* Category SEO Description Box - Light Theme (Matches .blog-post-card & .page-single-card) */
.archive-seo-description-section {
    margin-top: 48px;
    margin-bottom: 24px;
}

.archive-seo-description-card {
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 18px;
    padding: 34px 32px;
    box-shadow: 0 10px 30px rgba(45, 50, 67, 0.05);
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.archive-seo-description-card:hover {
    border-color: #CBD5E1;
    box-shadow: 0 14px 36px rgba(45, 50, 67, 0.08);
}

.archive-seo-desc-header {
    margin-bottom: 18px;
    display: flex;
    align-items: center;
}

.archive-seo-desc-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(99, 102, 241, 0.07);
    border: 1px solid rgba(99, 102, 241, 0.18);
    color: #4F46E5;
    font-size: 12.5px;
    font-weight: 700;
    padding: 5px 14px;
    border-radius: 50px;
    letter-spacing: 0.4px;
}

.archive-seo-desc-badge svg {
    color: #6366f1;
    flex-shrink: 0;
}

.archive-seo-desc-content {
    font-size: 15px;
    line-height: 1.75;
    color: #334155;
}

.archive-seo-desc-content p {
    margin-bottom: 16px;
    color: #334155;
    line-height: 1.75;
}

.archive-seo-desc-content p:last-child {
    margin-bottom: 0;
}

.archive-seo-desc-content strong,
.archive-seo-desc-content b {
    color: #0F172A;
    font-weight: 700;
}

.archive-seo-desc-content h2,
.archive-seo-desc-content h3,
.archive-seo-desc-content h4 {
    color: #0F172A;
    font-weight: 700;
    margin-top: 24px;
    margin-bottom: 12px;
    line-height: 1.35;
}

.archive-seo-desc-content h2 {
    font-size: 20px;
}

.archive-seo-desc-content h3 {
    font-size: 17px;
}

.archive-seo-desc-content a {
    color: #4F46E5;
    text-decoration: underline;
    text-underline-offset: 3px;
    font-weight: 600;
    transition: color 0.2s ease;
}

.archive-seo-desc-content a:hover {
    color: #312E81;
}

.archive-seo-desc-content ul,
.archive-seo-desc-content ol {
    margin-bottom: 16px;
    padding-left: 20px;
    color: #334155;
}

.archive-seo-desc-content li {
    margin-bottom: 6px;
    line-height: 1.6;
}

@media (max-width: 640px) {
    .archive-seo-description-section {
        margin-top: 32px;
    }

    .archive-seo-description-card {
        padding: 24px 20px;
        border-radius: 14px;
    }

    .archive-seo-desc-content {
        font-size: 14.5px;
        line-height: 1.65;
    }
}