/* CKM shared ckm-shared-g28.css — tek-cati 21.08 snapshot: #ckm-mobile-bottom-nav-style */

      @media (max-width: 768px) {
        body.ckm-mobile-bottom-nav-active {
          padding-bottom: calc(80px + env(safe-area-inset-bottom, 0px)) !important;
        }

        body.ckm-mobile-bottom-nav-active.admin-bar {
          padding-bottom: calc(80px + env(safe-area-inset-bottom, 0px) + 46px) !important;
        }

        .site-header-wrap .mobile-header .drawer-toggle,
        .site-header-wrap .mobile-header .menu-toggle-open,
        .site-header-wrap .mobile-header .menu-toggle-wrap,
        .site-header-wrap .mobile-header .mobile-toggle-open-container,
        .site-header-wrap .mobile-header .menu-toggle-close,
        .site-header-wrap .tablet-header .drawer-toggle,
        .site-header-wrap .tablet-header .menu-toggle-open,
        .site-header-wrap .tablet-header .menu-toggle-wrap,
        .site-header-wrap .tablet-header .mobile-toggle-open-container,
        .site-header-wrap .tablet-header .menu-toggle-close {
          display: none !important;
        }

        .mobile-bottom-bar,
        .ckm-mobile-bottom-nav {
          display: none;
          position: fixed;
          left: 0;
          right: 0;
          bottom: 0;
          z-index: 9999;
          display: flex;
          justify-content: space-around;
          align-items: center;
          width: 100%;
          height: 65px;
          min-height: calc(65px + env(safe-area-inset-bottom, 0px));
          padding: 0 8px;
          padding-bottom: env(safe-area-inset-bottom, 0px);
          background: #ffffff;
          border-top: 1px solid rgba(15,27,53,.08);
          box-shadow: 0 -4px 20px rgba(15,27,53,.08);
        }

        .mobile-bottom-bar,
        .ckm-mobile-bottom-nav {
          display: flex;
        }

        .admin-bar .mobile-bottom-bar,
        .admin-bar .ckm-mobile-bottom-nav {
          bottom: 46px;
        }

        .ckm-mobile-bottom-nav__item {
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: center;
          gap: 4px;
          min-width: 0;
          flex: 1 1 20%;
          max-width: 20%;
          color: #667085;
          text-decoration: none;
          background: transparent;
          border: 0;
          border-radius: 14px;
          padding: 8px 4px 6px;
          font: inherit;
          cursor: pointer;
          -webkit-tap-highlight-color: transparent;
          transition: transform .2s ease, color .2s ease, background-color .2s ease;
        }

        .ckm-mobile-bottom-nav__item:focus {
          outline: none;
        }

        .ckm-mobile-bottom-nav__item:hover,
        .ckm-mobile-bottom-nav__item:focus-visible {
          color: #0f172a;
          background: rgba(15, 23, 42, 0.05);
        }

        .ckm-mobile-bottom-nav__item:active {
          transform: translateY(1px) scale(.98);
        }

        .ckm-mobile-bottom-nav__item svg {
          width: 22px;
          height: 22px;
          display: block;
          fill: none;
          stroke: currentColor;
          stroke-width: 1.9;
          stroke-linecap: round;
          stroke-linejoin: round;
        }

        .ckm-mobile-bottom-nav__item span {
          display: block;
          max-width: 100%;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          font-size: 11px;
          font-weight: 700;
          line-height: 1.1;
        }

        .ckm-mobile-bottom-nav__item.is-active {
          color: #0f1b35;
          background: rgba(255,208,0,.14);
        }

        .ckm-mobile-search-overlay {
          position: fixed;
          inset: 0;
          z-index: 9999;
          display: flex;
          align-items: flex-start;
          justify-content: center;
          padding: 18px 14px 80px;
          background: rgba(0, 0, 0, 0.4);
          opacity: 0;
          pointer-events: none;
          transition: opacity .2s ease;
        }

        .ckm-mobile-search-overlay.is-open {
          opacity: 1;
          pointer-events: auto;
        }

        .ckm-mobile-search-modal {
          position: fixed;
          width: 100%;
          max-width: 640px;
          min-height: 220px;
          max-height: calc(100vh - 98px);
          overflow: auto;
          z-index: 9999;
          background: #fff;
          border-radius: 20px;
          box-shadow: 0 14px 34px rgba(15, 23, 42, 0.14);
          transform: translateY(-18px);
          opacity: 0;
          transition: transform .22s ease, opacity .18s ease;
        }

        .ckm-mobile-search-overlay.is-open .ckm-mobile-search-modal {
          transform: translateY(0);
          opacity: 1;
        }

        .ckm-mobile-search-modal__header {
          display: flex;
          align-items: center;
          justify-content: flex-end;
          padding: 8px 8px 0;
        }

        .ckm-mobile-search-close {
          display: inline-flex;
          align-items: center;
          justify-content: center;
          width: 34px;
          height: 34px;
          border: 0;
          border-radius: 999px;
          background: #f3f4f6;
          color: #374151;
          font-size: 22px;
          line-height: 1;
          cursor: pointer;
        }

        .ckm-mobile-search-modal__body {
          padding: 10px 12px 80px;
        }

        .ckm-mobile-search-modal__body .ckm-mobile-search-form {
          margin: 0;
        }

        .ckm-mobile-search-form {
          display: flex;
          flex-direction: column;
          gap: 8px;
        }

        .ckm-mobile-search-form__intro {
          padding: 0 0 2px;
        }

        .ckm-mobile-search-form__title {
          margin: 0 0 2px;
          color: #111827;
          font-size: 17px;
          line-height: 1.25;
          font-weight: 600;
          letter-spacing: -0.01em;
        }

        .ckm-mobile-search-form__subtitle {
          margin: 0;
          color: #6b7280;
          font-size: 12px;
          line-height: 1.35;
        }

        .ckm-mobile-search-form__group--top {
          position: sticky;
          top: 0;
          z-index: 2;
          padding-bottom: 1px;
          background: #fff;
        }

        .ckm-mobile-search-form__input,
        .ckm-mobile-search-form__select {
          width: 100%;
          display: block;
          height: 42px;
          line-height: 42px;
          border-radius: 8px;
          border: 1px solid #d9dee7;
          background: #fff;
          color: #111827;
          font-size: 14px;
          box-shadow: none;
        }

        .ckm-mobile-search-form__input {
          border-color: #cfd6e1;
          padding: 0 10px;
          font-size: 14px;
        }

        .ckm-mobile-search-form__select {
          margin: 0;
          padding-top: 0;
          padding-bottom: 0;
          padding-left: 10px;
          padding-right: 30px;
          font-weight: 500;
          flex: 0 0 auto;
          background-position: calc(100% - 16px) 18px, calc(100% - 11px) 18px;
          background-size: 4px 4px, 4px 4px;
        }

        .ckm-mobile-search-form__grid {
          display: flex;
          flex-direction: column;
          gap: 8px;
          margin: 0;
          padding: 0;
        }

        .ckm-mobile-search-form__actions {
          position: sticky;
          bottom: 0;
          padding-top: 2px;
          background: linear-gradient(180deg, rgba(255,255,255,0), #fff 24px);
        }

        .ckm-mobile-search-form__submit {
          width: 100%;
          height: 48px;
          min-height: 0;
          border-radius: 12px;
          font-size: 15px;
          font-weight: 800;
          background: #ffd000;
          border-color: #e6b800;
          color: #0f1b35;
        }

        .ckm-mobile-search-modal__spacer {
          min-height: 52px;
        }

        .ckm-mobile-sell-overlay {
          position: fixed;
          inset: 0;
          z-index: 9999;
          display: flex;
          align-items: center;
          justify-content: center;
          padding: 18px 14px 80px;
          background: rgba(0, 0, 0, 0.4);
          opacity: 0;
          pointer-events: none;
          transition: opacity .18s ease;
          visibility: hidden;
        }

        .ckm-mobile-sell-overlay.is-open {
          opacity: 1;
          pointer-events: auto;
          visibility: visible;
        }

        .ckm-mobile-sell-modal {
          position: fixed;
          width: 100%;
          max-width: 420px;
          max-height: calc(100vh - 98px);
          overflow: auto;
          z-index: 9999;
          background: #fff;
          border-radius: 20px;
          box-shadow: 0 18px 42px rgba(15, 23, 42, 0.18);
          transform: translateY(10px);
          opacity: 0;
          transition: transform .18s ease, opacity .18s ease;
        }

        .ckm-mobile-sell-overlay.is-open .ckm-mobile-sell-modal {
          transform: translateY(0);
          opacity: 1;
        }

        .ckm-mobile-sell-modal__header {
          display: flex;
          justify-content: flex-end;
          padding: 10px 10px 0;
        }

        .ckm-mobile-sell-modal__body {
          padding: 4px 18px 80px;
          text-align: center;
        }

        .ckm-mobile-sell-modal__title {
          margin: 0;
          color: #111827;
          font-size: 20px;
          line-height: 1.25;
          font-weight: 700;
        }

        .ckm-mobile-sell-modal__copy {
          margin: 12px 0 0;
          color: #374151;
          font-size: 14px;
          line-height: 1.7;
          font-weight: 500;
          white-space: pre-line;
        }

        .ckm-mobile-sell-modal__actions {
          display: flex;
          flex-direction: column;
          gap: 10px;
          margin-top: 18px;
        }

        .ckm-mobile-sell-modal__button {
          display: inline-flex;
          align-items: center;
          justify-content: center;
          width: 100%;
          min-height: 48px;
          padding: 0 16px;
          border-radius: 12px;
          border: 1px solid #e5e7eb;
          text-decoration: none;
          font-size: 15px;
          font-weight: 700;
        }

        .ckm-mobile-sell-modal__button--primary {
          background: #ffd000;
          border-color: #e6b800;
          color: #0f1b35;
        }

        .ckm-mobile-sell-modal__button--secondary {
          background: #f1f5f9;
          border-color: rgba(15,27,53,.12);
          color: #0f1b35;
        }
      }

      @media (min-width: 769px) {
        .mobile-bottom-bar,
        .ckm-mobile-bottom-nav {
          display: none !important;
        }
      }