.jq-nav{display:none}
@media (max-width:768px){
  /* optimized */
  .jq-nav{
    display:block;
    position:relative;z-index:5;
    box-sizing:border-box;
    width:calc(100vw - 30px);max-width:calc(100vw - 30px);
    margin:16px 12px 8px;
    padding:18px 10px 16px;
    overflow:hidden;
    background:linear-gradient(180deg,rgb(255,255,255,.88) 0%,rgb(253,253,253,.94) 100%);
    backdrop-filter:blur(20px) saturate(1.4);
    -webkit-backdrop-filter:blur(20px) saturate(1.4);
    border:1px solid rgb(255,105,180,.20);
    border-radius:26px;
    box-shadow:0 28px 64px -30px rgb(255,105,180,.5), inset 0 1px 0 rgb(255,255,255,.95);
    -webkit-tap-highlight-color:transparent;
  }
  .jq-nav::before{
    content:"";position:absolute;top:0;left:18px;right:18px;height:2px;border-radius:999px;
    background:linear-gradient(90deg,transparent,rgb(255,105,180,.9) 30%,rgb(255,105,180,.9) 70%,transparent);
    opacity:.9;
  }

  /* optimized */
  .jq-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 6px;width:100%;min-width:0;}

  .jq-item{
    position:relative;min-width:0;max-width:100%;
    display:flex;flex-direction:column;align-items:center;justify-content:flex-start;
    gap:7px;padding:6px 1px;border-radius:18px;text-decoration:none;
    -webkit-tap-highlight-color:transparent;user-select:none;
    animation:jq-in .5s cubic-bezier(.22,.68,.32,1) backwards;
  }
  @keyframes jq-in{from{opacity:0;transform:translateY(10px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}
  .jq-item:nth-child(1){animation-delay:.04s}
  .jq-item:nth-child(2){animation-delay:.08s}
  .jq-item:nth-child(3){animation-delay:.12s}
  .jq-item:nth-child(4){animation-delay:.16s}
  .jq-item:nth-child(5){animation-delay:.20s}
  .jq-item:nth-child(6){animation-delay:.24s}
  .jq-item:nth-child(7){animation-delay:.28s}
  .jq-item:nth-child(8){animation-delay:.32s}
  .jq-item:focus-visible{outline:2px solid #FF69B4;outline-offset:2px;border-radius:18px}

  /* optimized */
  .jq-ico{
    position:relative;width:46px;height:46px;border-radius:15px;
    display:flex;align-items:center;justify-content:center;
    background:linear-gradient(160deg,#FFF0F7 0%,#FFF0F7 100%);
    border:1px solid rgb(255,105,180,.22);
    box-shadow:inset 0 1.5px 0 rgb(255,255,255,.95), 0 10px 22px -14px rgb(255,105,180,.55);
    transition:transform .24s ease, box-shadow .24s ease, background .24s ease, border-color .24s ease;
  }
  .jq-ico svg{width:24px;height:24px;color:#D63384;display:block;transition:color .24s ease, transform .24s ease}
  .jq-item:hover .jq-ico{transform:translateY(-3px);border-color:rgb(255,105,180,.4);box-shadow:inset 0 1.5px 0 rgb(255,255,255,1), 0 16px 30px -16px rgb(255,105,180,.65)}
  .jq-item:hover .jq-ico svg{transform:scale(1.07)}
  .jq-item:active .jq-ico{transform:scale(.93)}

  /* optimized */
  .jq-item.is-active .jq-ico{
    background:linear-gradient(150deg,#FF69B4 0%,#FF69B4 46%,#FF69B4 82%,#D63384 100%);
    border-color:transparent;
    box-shadow:0 14px 30px -9px rgb(255,105,180,.75), inset 0 1.5px 0 rgb(255,255,255,.45);
  }
  .jq-item.is-active .jq-ico::after{
    content:"";position:absolute;inset:-4px;border-radius:21px;
    border:1.5px solid rgb(255,105,180,.85);
    opacity:.85;
  }
  .jq-item.is-active .jq-ico svg{color:#FFFFFF;filter:drop-shadow(0 1px 2px rgb(77,77,77,.35))}
  .jq-item.is-active .jq-txt{color:#FF69B4;font-weight:700}

  /* optimized */
  .jq-txt{
    font-size:10.5px;font-weight:600;letter-spacing:.8px;color:#5A5A5A;
    text-transform:uppercase;text-align:center;line-height:1.2;
    width:100%;min-width:0;max-width:100%;
    white-space:normal;overflow-wrap:anywhere;word-break:break-word;
    transition:color .24s ease;
  }

  /* small phones */
  @media (max-width:400px){
    .jq-nav{padding:16px 8px 15px;margin:16px 10px 8px;width:calc(100vw - 28px);max-width:calc(100vw - 28px)}
    .jq-ico{width:42px;height:42px;border-radius:13px}
    .jq-ico svg{width:19px;height:19px}
    .jq-txt{font-size:10.5px;letter-spacing:.8px}
    .jq-grid{gap:14px 5px}
  }

  
  @media (prefers-reduced-motion:reduce){
    .jq-item{animation:none}
  }

  /* optimized */
  .page-breadcrumbs{display:none}
  /* optimized */
  .inner-content{display:none}
  /* optimized */
  .common-main .l-wrap{padding-top:12px}
  .inquiry-wrap{padding-top:0}
  /* keep the inquiry CTA compact on mobile */
  .inquiry-card .inquiry-head{padding-top:8px;padding-bottom:8px}
  .inquiry-card .inquiry-head-icon{width:38px;height:38px}
  .inquiry-card .inquiry-title{font-size:20px;margin-bottom:2px}
  .inquiry-card .inquiry-tip{font-size:12px;line-height:19px}
  .inquiry-card .form-row{margin-bottom:10px}
  .inquiry-card .form-row .form-label{margin-bottom:4px;font-size:12px}
  .inquiry-card .form-row input{height:40px;font-size:14px}
  .inquiry-card .form-row textarea{height:84px;padding-top:10px;padding-bottom:10px;font-size:14px}
  .inquiry-card .send-btn{margin-top:8px}
  .inquiry-card .send-btn .span{height:46px;line-height:46px;font-size:15px}
  .inquiry-card .inquiry-benefits{margin-top:8px;padding-top:6px;font-size:13px}
  .inquiry-card .inquiry-note{margin-top:6px;font-size:12px}
}