/* =====================================================================
   zhidao.tax.org.cn - Mobile adaptation stylesheet (production)
   File: /skin/tianya/mobile.css
   Scope: screens <= 768px only. PC layout is 100% untouched.
   Pure ASCII source - safe under GB2312 / ANSI / UTF-8.
   Palette: warm brown-red #b86b45, goose-yellow #fdf2e4, rice #faf7f4
   ===================================================================== */

@media screen and (max-width: 768px) {

  /* ---------- base ---------- */
  html { overflow-y: auto !important; }
  body {
    font-size: 14px !important;
    background: #faf7f4 !important;
    padding-bottom: 64px !important;   /* room for fixed bottom tab bar */
    -webkit-text-size-adjust: 100%;
  }
  * { box-sizing: border-box; -webkit-tap-highlight-color: transparent; }
  img { max-width: 100% !important; height: auto !important; }
  input, select, textarea { font-size: 16px !important; }  /* prevent iOS auto-zoom */

  /* unlock fixed PC widths */
  #main, .mainDIV, #header, #footer, #pos {
    min-width: 0 !important;
    width: 100% !important;
  }

  /* ---------- top bar (the FIRST #topbar only) ---------- */
  #topbar {
    height: auto !important;
    line-height: normal !important;
    background-color: #b86b45 !important;
    border-bottom: none !important;
    padding: 0 !important;
    position: sticky;
    top: 0;
    z-index: 999;
    box-shadow: 0 1px 4px rgba(0,0,0,0.12);
  }
  #topbar .left {
    float: none !important;
    display: flex;
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    padding: 0 6px;
  }
  #topbar .left a {
    color: #fff !important;
    font-size: 13px !important;
    margin: 0 !important;
    padding: 11px 9px !important;
    display: inline-block;
    flex: none;
    background: none !important;
  }
  #topbar .left a:hover { color: #ffe3cf !important; position: static !important; }
  #topbar .right {
    float: none !important;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 0 12px 6px !important;
    color: #ffe9db !important;
    font-size: 12px !important;
  }
  #topbar .right a { color: #fff !important; font-size: 12px !important; padding: 4px 6px !important; background: none !important; }
  #topbar #UserBar a { font-size: 12px !important; }
  #topbar .clear { display: none !important; }

  /* "more" dropdown -> tap to open (JS), restyle as white card */
  #topbar #morebar { flex: none; }
  #topbar #menuLinks {
    background: #fff !important;
    border: none !important;
    border-radius: 8px !important;
    box-shadow: 0 6px 18px rgba(0,0,0,0.18) !important;
    padding: 6px !important;
    top: 38px !important;
    z-index: 1001 !important;
  }
  #topbar #menuLinks a {
    color: #8a4b2a !important;
    font-size: 14px !important;
    padding: 9px 14px !important;
    display: block !important;
    white-space: nowrap;
  }
  #topbar #menuLinks a:hover { background: #fdf2e4 !important; color: #b86b45 !important; }

  /* ---------- the SECOND #topbar (footer nav, same id) ---------- */
  body > #topbar ~ #topbar {
    position: static !important;
    box-shadow: none !important;
    margin-top: 14px !important;
  }
  body > #topbar ~ #topbar .left {
    flex-wrap: wrap;
    justify-content: center;
    overflow-x: visible;
    padding: 6px !important;
  }
  body > #topbar ~ #topbar .left a { padding: 8px 8px !important; }
  body > #topbar ~ #topbar #morebar { display: none !important; }  /* duplicate menu, kept once on top */
  body > #topbar ~ #topbar .right { display: none !important; }

  /* ---------- header (logo + search) ---------- */
  #header {
    display: block !important;
    background: #fff !important;
    padding: 10px 12px 12px !important;
    margin-bottom: 2px !important;
  }
  #header, #header tbody, #header tr, #header td { display: block !important; width: 100% !important; }
  #header #logo { width: 100% !important; text-align: center !important; padding: 0 0 10px !important; }
  #header #logo img { width: 132px !important; height: auto !important; }
  #header #TopMain { width: 100% !important; padding: 0 !important; }
  #header #TopMain form { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 !important; }
  #header .input {
    flex: 1 1 100% !important;
    width: 100% !important;
    height: 40px !important;
    margin: 0 !important;
    padding: 0 16px !important;
    font-size: 16px !important;
    color: #333 !important;
    background: #faf7f4 !important;
    border: 1px solid #e8e0d8 !important;
    border-radius: 20px !important;
  }
  #header .btn {
    flex: 1 1 40% !important;
    min-width: 0 !important;
    width: auto !important;
    height: 38px !important;
    margin: 0 !important;
    padding: 0 8px !important;
    border: none !important;
    border-radius: 19px !important;
    background: #b86b45 !important;
    color: #fff !important;
    font-size: 14px !important;
    line-height: 38px !important;
  }
  #topAd, #topArea { margin: 8px 0 0 0 !important; width: 100% !important; text-align: center !important; }
  #topAd img, #topArea img { border-radius: 10px; }

  /* ---------- breadcrumb ---------- */
  #pos {
    margin: 0 !important;
    padding: 10px 14px 2px !important;
    font-size: 12px !important;
    color: #b3a394 !important;
    background: transparent !important;
  }
  #pos a { color: #b86b45 !important; }

  /* ---------- 3-column table -> single column ---------- */
  #main, #main tbody { display: block !important; width: 100% !important; }
  #main tr { display: flex !important; flex-direction: column !important; width: 100% !important; }
  #main td { display: block !important; width: 100% !important; }
  #left, #center, #right { padding: 0 12px !important; width: auto !important; min-width: 0 !important; overflow: visible !important; }

  /* ---------- cards ---------- */
  #center .body, #left .body, #right .body {
    border-radius: 12px !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.04) !important;
    margin: 8px 0 10px !important;
    padding: 10px 12px !important;
    font-size: 14px !important;
    line-height: 1.7 !important;
  }
  .line { border-top: 1px dashed #ead9cb !important; }

  /* ---------- section title bars ---------- */
  .titlebar, .brTitle, .rTitle, .plTitle {
    height: auto !important;
    background-color: #fdf2e4 !important;
    border-top: 1px solid #f0dcc8 !important;
    border-radius: 12px 12px 0 0 !important;
    margin: 10px 0 0 !important;
    padding: 11px 14px !important;
    font-size: 15px !important;
    line-height: 1.4 !important;
    color: #333 !important;
  }
  .titlebar a {
    background: none !important;
    color: #b86b45 !important;
    font-size: 15px !important;
    width: auto !important;
    display: inline !important;
  }
  .titlebar span.RightText { float: none !important; display: inline !important; padding-left: 8px; }
  .titlebar span.RightText a { color: #c9a284 !important; font-size: 12px !important; }

  /* ---------- tab bars (.title-hdm) ---------- */
  .title-hdm {
    height: auto !important;
    background: #fff !important;
    border-bottom: 1px solid #f5f0eb !important;
    border-radius: 12px 12px 0 0 !important;
    margin: 10px 0 0 !important;
    padding: 0 8px !important;
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
  }
  .title-hdm .title {
    float: none !important;
    display: inline-block !important;
    height: auto !important;
    line-height: normal !important;
    padding: 12px 8px 10px !important;
    font-size: 15px !important;
    color: #333 !important;
  }
  .title-hdm a.hdm-sel, .title-hdm a.hdm-unsel {
    float: none !important;
    display: inline-block !important;
    height: auto !important;
    line-height: normal !important;
    padding: 12px 12px 10px !important;
    margin: 0 !important;
    font-size: 14px !important;
    color: #666 !important;
    background: none !important;
    border: none !important;
    border-bottom: 2px solid transparent !important;
  }
  .title-hdm a.hdm-sel {
    color: #b86b45 !important;
    font-weight: bold !important;
    border-bottom: 2px solid #b86b45 !important;
  }
  #care, #care * { float: none !important; }
  #care {
    display: block !important;
    clear: both !important;
    width: 100% !important;
    padding: 6px 10px !important;
    height: auto !important;
    line-height: 1.6 !important;
    background: #faf7f4 !important;
    font-size: 13px !important;
  }

  /* ---------- question list tables ---------- */
  .ListTable {
    display: block !important;
    width: 100% !important;
    float: none !important;
    margin: 0 0 10px !important;
    border: none !important;
    background: #fff !important;
    border-radius: 0 0 12px 12px !important;
    overflow: hidden !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.04);
  }
  .ListTable, .ListTable tbody { display: block !important; width: 100% !important; }
  .ListTable tr {
    display: block !important;
    padding: 11px 12px !important;
    border-bottom: 1px solid #f5f0eb !important;
  }
  .ListTable tr:last-child { border-bottom: none !important; }
  .ListTable td, .ListTable th {
    display: block !important;
    border: none !important;
    padding: 0 !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
  }
  /* --- question rows only (home lists + category #qlist): two-line layout --- */
  #qlist .ListTable tr, #jieList .ListTable tr, #weijieList .ListTable tr,
  #wudaList .ListTable tr, #AllList .ListTable tr, #gaofenList .ListTable tr,
  #reQList .ListTable tr, #ZjqList .ListTable tr { overflow: hidden !important; }
  #qlist .ListTable td:first-child, #jieList .ListTable td:first-child,
  #weijieList .ListTable td:first-child, #wudaList .ListTable td:first-child,
  #AllList .ListTable td:first-child, #gaofenList .ListTable td:first-child,
  #reQList .ListTable td:first-child, #ZjqList .ListTable td:first-child {
    float: left !important;
    width: 20px !important;
    margin: 3px 8px 0 0 !important;
  }
  #qlist .ListTable td:first-child img, #jieList .ListTable td:first-child img,
  #weijieList .ListTable td:first-child img, #wudaList .ListTable td:first-child img,
  #AllList .ListTable td:first-child img, #gaofenList .ListTable td:first-child img,
  #reQList .ListTable td:first-child img, #ZjqList .ListTable td:first-child img {
    width: 16px !important; height: 16px !important; vertical-align: top !important;
  }
  #qlist .ListTable td.main, #jieList .ListTable td.main,
  #weijieList .ListTable td.main, #wudaList .ListTable td.main,
  #AllList .ListTable td.main, #gaofenList .ListTable td.main,
  #reQList .ListTable td.main, #ZjqList .ListTable td.main {
    display: block !important;
    overflow: hidden !important;
    min-width: 0 !important;
    font-size: 15px !important;
    padding: 0 !important;
  }
  #qlist .ListTable td.main a, #jieList .ListTable td.main a,
  #weijieList .ListTable td.main a, #wudaList .ListTable td.main a,
  #AllList .ListTable td.main a, #gaofenList .ListTable td.main a,
  #reQList .ListTable td.main a, #ZjqList .ListTable td.main a {
    font-size: 15px !important; color: #333 !important; line-height: 1.5 !important;
  }
  #qlist .ListTable td.main a:hover, #jieList .ListTable td.main a:hover,
  #weijieList .ListTable td.main a:hover, #wudaList .ListTable td.main a:hover,
  #AllList .ListTable td.main a:hover, #gaofenList .ListTable td.main a:hover,
  #reQList .ListTable td.main a:hover, #ZjqList .ListTable td.main a:hover { color: #b86b45 !important; }
  #qlist .ListTable td:nth-of-type(n+3), #jieList .ListTable td:nth-of-type(n+3),
  #weijieList .ListTable td:nth-of-type(n+3), #wudaList .ListTable td:nth-of-type(n+3),
  #AllList .ListTable td:nth-of-type(n+3), #gaofenList .ListTable td:nth-of-type(n+3),
  #reQList .ListTable td:nth-of-type(n+3), #ZjqList .ListTable td:nth-of-type(n+3) {
    display: inline-block !important;
    font-size: 12px !important;
    color: #999 !important;
    margin: 4px 12px 0 0 !important;
    padding: 0 !important;
    min-width: 0 !important;
    text-align: left !important;
  }
  #qlist .ListTable td:nth-of-type(3), #jieList .ListTable td:nth-of-type(3),
  #weijieList .ListTable td:nth-of-type(3), #wudaList .ListTable td:nth-of-type(3),
  #AllList .ListTable td:nth-of-type(3), #gaofenList .ListTable td:nth-of-type(3),
  #reQList .ListTable td:nth-of-type(3), #ZjqList .ListTable td:nth-of-type(3) {
    margin-left: 28px !important;
  }
  .ListTable td.main a { font-size: 15px !important; color: #333 !important; }
  .ListTable .qc, .ListTable .green { font-size: 12px !important; white-space: normal !important; }
  .ListTable .qc a, .ListTable .green a { color: #2d8a2d !important; font-size: 12px !important; }
  /* info row: keep the count text, drop the two icon-only cells */
  .ListTable .InfoTR { padding: 8px 12px !important; font-size: 12px !important; color: #999 !important; }
  .ListTable .InfoTR td:nth-of-type(n+2) { display: none !important; }
  .ListTable .TitleTR { background: #fdf2e4 !important; font-size: 13px !important; }
  .ListTable .BottomTR td { height: auto !important; line-height: 1.6 !important; padding: 10px !important; background: #faf7f4 !important; border-top: 1px solid #f0dcc8 !important; }
  .ListTable .SubItem { float: none !important; display: inline !important; margin-right: 10px !important; white-space: normal !important; }
  .ListTable .DataTR { line-height: 1.7 !important; }
  .NoBorder td { font-size: 14px !important; }

  /* recommendation table on home (#list-tui) */
  #list-tui, #list-tui tbody, #list-tui tr, #list-tui td { display: block !important; width: 100% !important; }
  #list-tui { border-radius: 0 0 12px 12px !important; overflow: hidden; }
  #list-tui td { padding: 6px 4px !important; }
  #list-tui ul { margin-left: 0 !important; }

  /* ---------- generic list items (announcement / wiki / rank etc.) ---------- */
  #left li, #right li, #center .body li, .body li {
    height: auto !important;
    line-height: 1.7 !important;
    padding: 9px 0 9px 15px !important;
    background-position: -8px -160px !important;
    border-bottom: 1px solid #f5f0eb !important;
    font-size: 14px !important;
  }
  #left li:last-child, #right li:last-child, #center .body li:last-child, .body li:last-child { border-bottom: none !important; }
  #left li a, #right li a, #center .body li a, .body li a { color: #333 !important; font-size: 14px !important; }
  #index-area-ul li, #index-brand-ul li { width: 33% !important; padding: 6px 0 !important; background: none !important; border-bottom: none !important; }

  /* ---------- left column: class tree / area / brand ---------- */
  #lst-count {
    background: #fff !important;
    border-radius: 12px !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.04) !important;
    padding: 10px 14px !important;
    margin: 8px 0 !important;
    font-size: 13px !important;
    color: #999 !important;
    line-height: 1.8 !important;
  }
  #c-index { padding: 2px !important; }
  #c-index a.c1 {
    display: block !important;
    font-size: 15px !important;
    color: #b86b45 !important;
    margin: 10px 0 6px !important;
  }
  #c-index .c2Block br { display: none !important; }
  #c-index a.c2 {
    display: inline-block !important;
    width: auto !important;
    margin: 0 6px 6px 0 !important;
    padding: 6px 12px !important;
    background: #fdf2e4 !important;
    border-radius: 15px !important;
    font-size: 13px !important;
    color: #8a4b2a !important;
    overflow: visible !important;
  }
  #lst-area a, #lst-brand a {
    display: inline-block !important;
    padding: 6px 10px !important;
    margin: 2px 4px 2px 0 !important;
    background: #fdf2e4 !important;
    border-radius: 14px !important;
    font-size: 13px !important;
    color: #8a4b2a !important;
  }
  #lst-area, #lst-brand { color: #c9a284 !important; font-size: 11px !important; line-height: 2.2 !important; }

  /* ---------- user rank list ---------- */
  .UserList { height: auto !important; line-height: 1.7 !important; display: flex !important; align-items: center !important; padding: 7px 0 !important; }
  .UserList .num { float: none !important; margin: 0 8px 0 0 !important; }
  .UserList a { float: none !important; width: auto !important; flex: 1 1 auto !important; color: #333 !important; }
  .UserList .jifen { padding-left: 6px !important; background-position: -10px -220px !important; color: #b86b45 !important; }
  #lst-userpai li { float: left !important; width: 33% !important; padding: 8px 4px !important; border-bottom: none !important; }

  /* ---------- wiki word items ---------- */
  .worditem { overflow: hidden; margin-bottom: 10px !important; }
  .worditem img { width: 72px !important; height: auto !important; margin-right: 10px !important; border-radius: 6px; }
  .worditem h2 { font-size: 15px !important; margin: 2px !important; }
  .worditem h2 a { color: #333 !important; }

  /* ---------- more links ---------- */
  .more, .more2 { text-align: center !important; padding: 12px 0 !important; margin-left: 0 !important; }
  .more a, .more2 a { color: #b86b45 !important; font-size: 14px !important; padding: 8px 16px; }

  /* ---------- pagination ---------- */
  .pg {
    clear: both !important;
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 6px !important;
    height: auto !important;
    line-height: normal !important;
    margin: 4px 0 10px !important;
    padding: 12px 8px !important;
  }
  .pg a {
    float: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 36px !important;
    height: 36px !important;
    padding: 0 10px !important;
    margin: 0 !important;
    border: 1px solid #e0d5c9 !important;
    border-radius: 8px !important;
    background: #fff !important;
    color: #8a4b2a !important;
    font-size: 14px !important;
  }
  .pg a:hover { background: #fdf2e4 !important; }
  .pg a.cur { background: #b86b45 !important; color: #fff !important; border-color: #b86b45 !important; font-weight: bold !important; }
  .pg a.disablednav { opacity: 0.45 !important; }
  .pg a.nav, .pg a.info { background: #fdf2e4 !important; border-color: #e0d5c9 !important; }

  /* ---------- category page (c.asp) ---------- */
  #classArea { margin-bottom: 4px !important; padding: 0 14px !important; }
  #classArea h1 {
    float: none !important;
    font-size: 20px !important;
    color: #b86b45 !important;
    margin: 12px 0 4px !important;
  }
  #classArea #subtitle { float: none !important; margin: 0 0 10px !important; color: #999 !important; font-size: 13px !important; }
  #classArea #subclass { float: none !important; margin: 0 0 10px !important; }
  #classArea #subclass a {
    float: none !important;
    display: inline-block !important;
    margin: 0 8px 8px 0 !important;
    padding: 6px 12px !important;
    background: #fdf2e4 !important;
    border-radius: 15px !important;
    color: #b86b45 !important;
    font-size: 13px !important;
  }
  #qlist { padding: 0 !important; }
  .classlevel dt { font-weight: bold; color: #b86b45; padding: 6px 0 2px; }
  .classlevel dd { margin: 0 !important; }
  .classlevel dd a {
    display: inline-block !important;
    padding: 6px 12px !important;
    margin: 0 6px 6px 0 !important;
    background: #fdf2e4 !important;
    border-radius: 15px !important;
    color: #8a4b2a !important;
    font-size: 13px !important;
  }
  .classlevel dd a.active { background: #b86b45 !important; color: #fff !important; }

  /* ---------- question detail page (q.asp) ---------- */
  #qArea, #rArea, #brArea, #plArea { padding: 0 12px !important; margin: 4px 0 10px !important; }
  #zhai { float: none !important; padding: 0 0 6px !important; }
  #qTitle {
    border-top: none !important;
    background: #fff !important;
    border-radius: 12px !important;
    padding: 14px !important;
    margin: 8px 0 !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.04);
  }
  #qTitle h1 { font-size: 18px !important; line-height: 1.5 !important; padding: 0 !important; }
  #qInfo {
    white-space: normal !important;
    overflow: visible !important;
    background: #faf7f4 !important;
    border: 1px solid #f5f0eb !important;
    border-radius: 8px !important;
    padding: 8px 12px !important;
    font-size: 12px !important;
    line-height: 1.8 !important;
  }
  #qbu { padding: 10px 0 !important; font-size: 14px !important; line-height: 1.7 !important; }
  .qItem { background: #fff !important; border-radius: 12px !important; padding: 14px !important; margin-bottom: 10px !important; box-shadow: 0 2px 8px rgba(0,0,0,0.04); }
  .LeftUser {
    width: 100% !important;
    float: none !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding-bottom: 10px !important;
    border-bottom: 1px solid #f5f0eb !important;
    margin-bottom: 10px !important;
  }
  .LeftUser img { width: 40px !important; height: 40px !important; border-radius: 50% !important; }
  .UserName {
    width: auto !important;
    text-align: left !important;
    white-space: normal !important;
    font-weight: bold !important;
    color: #b86b45 !important;
    font-size: 14px !important;
  }
  .RightBody { margin: 0 !important; }
  .userinfo { white-space: normal !important; font-size: 12px !important; }
  .content { font-size: 15px !important; line-height: 1.8 !important; padding: 6px 0 !important; overflow: visible !important; }
  .rborder, .pjBorder { border-top: 1px solid #f0dcc8 !important; margin-top: 12px !important; padding-top: 12px !important; }
  .qShang { margin-left: 10px !important; }
  .floor { float: none !important; width: auto !important; padding: 4px 0 0 !important; text-align: left !important; }
  .righttext { float: none !important; display: block !important; padding-top: 4px !important; }
  #bottomAnswerButton { padding-left: 0 !important; }
  #ireply {
    position: fixed !important;
    left: 12px !important; right: 12px !important; bottom: 66px !important;
    z-index: 900 !important;
    background: #fff !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 18px rgba(0,0,0,0.18) !important;
    padding: 12px !important;
    max-height: 60vh !important;
    overflow-y: auto !important;
  }
  #ipinglun { width: 100% !important; }
  #ireply textarea, #ipinglun textarea, textarea { max-width: 100% !important; }

  /* ---------- ask / form pages ---------- */
  #AskArea h2 { float: none !important; width: 100% !important; margin: 8px 0 2px !important; }
  #AskArea .rt { float: none !important; width: 100% !important; margin: 4px 0 8px !important; }
  #AskArea .rt input[type="text"], #AskArea textarea { width: 100% !important; }
  #AskArea .submitdiv { margin: 12px 0 0 0 !important; text-align: center !important; }
  #ResultField, #ReplyField { width: 100% !important; margin: 10px 0 !important; }
  #ButtonTable { margin: 10px 0 !important; }
  #ResultField #msg { width: 100% !important; }

  /* ---------- blue buttons -> brown rounded ---------- */
  .bluebtn {
    width: auto !important;
    height: auto !important;
    display: inline-block !important;
    background: #b86b45 !important;
    border-radius: 20px !important;
    padding: 0 !important;
    margin: 6px 4px 6px 0 !important;
  }
  .bluebtn span {
    background: #b86b45 !important;
    border-radius: 20px !important;
    padding: 9px 22px !important;
    height: auto !important;
    color: #fff !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
  }
  .bluebtn:hover { background: #a35d3c !important; position: static !important; }
  .bluebtn:hover span { background: #a35d3c !important; color: #fff !important; }

  /* ---------- footer ---------- */
  #footer {
    background: #fff !important;
    border-top: 1px solid #f5f0eb !important;
    margin: 14px 0 0 !important;
    padding: 16px 12px 18px !important;
    font-size: 12px !important;
    color: #999 !important;
    line-height: 1.9 !important;
  }
  #footer a { color: #b86b45 !important; }

  /* ---------- hide PC-only / intrusive elements on mobile ---------- */
  .piaoc, #ad-right, #ad-qright, #ad-underq,
  .shangIMG, .replyIMG, .timeIMG,
  #loadingpc, #zhai div.fixed { display: none !important; }

  /* ---------- fixed bottom tab bar (injected by mobile.js) ---------- */
  #mobileTab {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    z-index: 1002 !important;
    display: flex !important;
    height: 56px !important;
    background: #fff !important;
    border-top: 1px solid #f0e8e0 !important;
    box-shadow: 0 -2px 8px rgba(0,0,0,0.05) !important;
  }
  #mobileTab a {
    flex: 1 1 25% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 11px !important;
    color: #a08a76 !important;
    text-decoration: none !important;
    background: none !important;
    padding: 4px 0 6px !important;
    margin: 0 !important;
  }
  #mobileTab a .mtb-ic { display: block !important; font-size: 20px !important; line-height: 24px !important; }
  #mobileTab a.active { color: #b86b45 !important; font-weight: bold !important; }
}