/* V327 — Mobile product detail tabs
   Desktop keeps the current layout. Mobile gets clean icon tabs without native scrollbar. */

@media(min-width:761px){
  .v120-product-page .v327-swipe-hint{display:none!important}
}

@media(max-width:760px){
  .v120-product-page .v120-content-card{
    overflow:hidden!important;
    border-radius:14px!important;
    background:#fff!important;
  }

  .v120-product-page .v327-mobile-tabs-wrap{
    position:relative;
    padding:0!important;
    border-bottom:1px solid #e4ece8;
    background:linear-gradient(180deg,#f8fbf9,#f4f9f6);
  }

  .v120-product-page .v327-detail-tabs{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(112px,1fr))!important;
    gap:0!important;
    width:100%!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    overscroll-behavior-x:contain;
    scroll-snap-type:x mandatory!important;
    scrollbar-width:none!important;
    -ms-overflow-style:none!important;
    white-space:normal!important;
    background:transparent!important;
  }
  .v120-product-page .v327-detail-tabs::-webkit-scrollbar{
    display:none!important;
    width:0!important;
    height:0!important;
  }

  .v120-product-page .v327-detail-tabs a{
    position:relative!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
    flex:0 0 auto!important;
    min-width:112px!important;
    min-height:100px!important;
    padding:13px 8px 12px!important;
    border-right:1px solid #dfe9e4!important;
    background:transparent!important;
    color:#173f33!important;
    text-decoration:none!important;
    text-align:center!important;
    scroll-snap-align:start!important;
    font-size:13px!important;
    font-weight:800!important;
    line-height:1.28!important;
    transition:background .18s ease,color .18s ease,transform .18s ease!important;
  }

  .v120-product-page .v327-detail-tabs a:last-child{
    border-right:0!important;
  }

  .v120-product-page .v327-detail-tabs a i{
    display:grid!important;
    place-items:center!important;
    width:31px!important;
    height:31px!important;
    border-radius:9px!important;
    border:2px solid currentColor!important;
    color:#174a31!important;
    font-style:normal!important;
    font-size:17px!important;
    font-weight:900!important;
    line-height:1!important;
  }

  .v120-product-page .v327-detail-tabs a span{
    display:block!important;
    font-size:13px!important;
    line-height:1.28!important;
    font-weight:800!important;
  }

  .v120-product-page .v327-detail-tabs a.active{
    background:linear-gradient(145deg,#14934f,#087742)!important;
    color:#fff!important;
    box-shadow:none!important;
  }

  .v120-product-page .v327-detail-tabs a.active i{
    color:#fff!important;
    border-color:#fff!important;
  }

  .v120-product-page .v327-detail-tabs a.active:after{
    content:""!important;
    position:absolute!important;
    left:50%!important;
    bottom:-10px!important;
    transform:translateX(-50%) rotate(45deg)!important;
    width:20px!important;
    height:20px!important;
    background:#0b8247!important;
    border-radius:2px!important;
    z-index:2!important;
  }

  .v120-product-page .v327-swipe-hint{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:10px!important;
    min-height:42px!important;
    padding:10px 12px 9px!important;
    color:#46675a!important;
    background:#f4f9f6!important;
  }
  .v120-product-page .v327-swipe-hint span{
    color:#0b8649!important;
    font-size:22px!important;
    line-height:1!important;
  }
  .v120-product-page .v327-swipe-hint b{
    font-size:13px!important;
    font-weight:600!important;
    line-height:1.3!important;
  }

  .v120-product-page .v120-content-grid{
    padding:18px 14px 16px!important;
  }

  .v120-product-page .v120-content-main>section{
    scroll-margin-top:78px!important;
    margin-bottom:26px!important;
  }

  .v120-product-page .v120-content-main h2{
    position:relative!important;
    margin:0 0 15px!important;
    padding:0 0 12px 15px!important;
    font-size:20px!important;
    line-height:1.35!important;
    color:#173f33!important;
    border-bottom:1px solid #dde8e2!important;
  }
  .v120-product-page .v120-content-main h2:before{
    content:""!important;
    position:absolute!important;
    left:0!important;
    top:2px!important;
    width:5px!important;
    height:28px!important;
    border-radius:4px!important;
    background:#0b8c4b!important;
  }

  .v120-product-page .v120-content-main p,
  .v120-product-page .v120-content-main li,
  .v120-product-page .product-content-render{
    font-size:14px!important;
    line-height:1.75!important;
  }
}

@media(max-width:430px){
  .v120-product-page .v327-detail-tabs{
    grid-template-columns:repeat(4,minmax(104px,1fr))!important;
  }
  .v120-product-page .v327-detail-tabs a{
    min-width:104px!important;
    min-height:96px!important;
    padding:11px 7px!important;
  }
  .v120-product-page .v327-detail-tabs a i{
    width:29px!important;height:29px!important;font-size:16px!important;
  }
}