/* DTCB v0.11.6 — thanh điều hướng cố định mobile, nền hồng nổi bật */
.dtcb-mobile-bottom-nav,
.dtcb-mobile-sheet{display:none}

@media (max-width: 767px){
  :root{--dtcb-mobile-bottom-h:66px}
  body{padding-bottom:calc(var(--dtcb-mobile-bottom-h) + env(safe-area-inset-bottom, 0px)) !important}
  .dtcb-mobile-bottom-nav{
    display:block;
    position:fixed;
    z-index:999990;
    left:0;
    right:0;
    bottom:0;
    height:calc(var(--dtcb-mobile-bottom-h) + env(safe-area-inset-bottom, 0px));
    padding:0 8px env(safe-area-inset-bottom, 0px);
    background:linear-gradient(135deg, rgba(242,91,141,.98), rgba(232,71,126,.98));
    border-top:1px solid rgba(255,255,255,.28);
    box-shadow:0 -8px 26px rgba(169,40,88,.22);
    -webkit-backdrop-filter:blur(14px);
    backdrop-filter:blur(14px);
  }
  .dtcb-mobile-bottom-inner{
    max-width:560px;
    height:66px;
    margin:0 auto;
    display:flex;
    align-items:stretch;
    justify-content:space-around;
  }
  .dtcb-mobile-bottom-item{
    position:relative;
    flex:1 1 0;
    min-width:0;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:3px;
    padding:6px 2px 5px;
    color:rgba(255,255,255,.84);
    text-decoration:none !important;
    -webkit-tap-highlight-color:transparent;
    touch-action:manipulation;
  }
  .dtcb-mobile-bottom-icon{
    width:25px;
    height:25px;
    display:grid;
    place-items:center;
    line-height:1;
    transition:transform .16s ease,color .16s ease;
    filter:drop-shadow(0 1px 1px rgba(118,24,57,.14));
  }
  .dtcb-mobile-bottom-icon svg{width:23px;height:23px;display:block}
  .dtcb-mobile-bottom-emoji{font-size:21px;line-height:1}
  .dtcb-mobile-bottom-label{
    display:block;
    max-width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:10.5px;
    line-height:1.15;
    font-weight:650;
    letter-spacing:-.1px;
    text-shadow:0 1px 1px rgba(118,24,57,.12);
  }
  .dtcb-mobile-bottom-item.is-active{color:#fff;font-weight:750}
  .dtcb-mobile-bottom-item.is-active:before{
    content:"";
    position:absolute;
    top:4px;
    width:28px;
    height:28px;
    border-radius:999px;
    background:rgba(255,255,255,.18);
    box-shadow:0 0 0 1px rgba(255,255,255,.14) inset;
    z-index:-1;
  }
  .dtcb-mobile-bottom-item:active .dtcb-mobile-bottom-icon{transform:scale(.91)}

  .dtcb-mobile-sheet[hidden]{display:none !important}
  .dtcb-mobile-sheet{
    display:block;
    position:fixed;
    inset:0;
    z-index:999999;
  }
  .dtcb-mobile-sheet-backdrop{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    padding:0;
    margin:0;
    border:0;
    background:rgba(39,24,31,.36);
  }
  .dtcb-mobile-sheet-panel{
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    max-height:min(76dvh,680px);
    overflow:auto;
    overscroll-behavior:auto;
    -webkit-overflow-scrolling:touch;
    padding:8px 16px calc(22px + env(safe-area-inset-bottom, 0px));
    background:#fff;
    border-radius:22px 22px 0 0;
    box-shadow:0 -16px 40px rgba(38,20,29,.18);
    animation:dtcbSheetIn .2s ease-out both;
  }
  .dtcb-mobile-sheet-handle{width:42px;height:4px;border-radius:999px;background:#ddd5d9;margin:0 auto 10px}
  .dtcb-mobile-sheet-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
  .dtcb-mobile-sheet-kicker{display:block;font-size:10px;line-height:1.2;font-weight:800;letter-spacing:.12em;color:#ed5c8d;margin-bottom:2px}
  .dtcb-mobile-sheet-head h2{margin:0;font-size:20px;line-height:1.25;color:#171417}
  .dtcb-mobile-sheet-close{width:38px;height:38px;border:0;border-radius:50%;background:#f7f3f5;color:#4d454a;font-size:27px;line-height:36px;padding:0;margin:0;box-shadow:none}
  .dtcb-mobile-sheet-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}
  .dtcb-mobile-sheet-link{min-width:0;display:grid;grid-template-columns:30px minmax(0,1fr) 14px;align-items:center;gap:7px;min-height:54px;padding:9px 10px;border:1px solid #f0e5ea;border-radius:14px;background:#fff9fb;color:#292329;text-decoration:none !important;font-size:12.5px;line-height:1.25;font-weight:650}
  .dtcb-mobile-sheet-link-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:#fff;color:#e85687;font-size:17px;box-shadow:0 2px 8px rgba(91,49,65,.06)}
  .dtcb-mobile-sheet-arrow{color:#bfadb5;font-size:20px;line-height:1}
  body.dtcb-mobile-sheet-open{overflow:hidden !important;touch-action:none}
  body.dtcb-mobile-sheet-open .dtcb-mobile-sheet-panel{touch-action:pan-y}
  @keyframes dtcbSheetIn{from{transform:translateY(18px);opacity:.7}to{transform:translateY(0);opacity:1}}
}

@media (max-width: 359px){
  .dtcb-mobile-bottom-nav{padding-left:3px;padding-right:3px}
  .dtcb-mobile-bottom-label{font-size:9.5px}
  .dtcb-mobile-bottom-icon svg{width:22px;height:22px}
  .dtcb-mobile-sheet-grid{grid-template-columns:1fr}
}