/* Soap Flower — Shop profile header v1.0.25 */
@media (min-width: 769px) {
  .shopcover .coverinner{
    display:grid!important;
    grid-template-columns:minmax(360px,430px) minmax(0,1fr)!important;
    min-height:220px!important;
    border-radius:18px!important;
    overflow:hidden!important;
    background:#fff!important;
    box-shadow:0 10px 30px rgba(55,35,48,.06)!important;
  }

  .shopcover .shopprofile{
    min-height:220px!important;
    padding:28px!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    box-sizing:border-box!important;
  }

  .shopcover .profiletop{
    align-items:center!important;
    gap:16px!important;
  }

  .shopcover .avatar{
    width:84px!important;
    height:84px!important;
    border-width:4px!important;
    box-shadow:0 7px 20px rgba(255,255,255,.18)!important;
  }

  .shopcover .pname{
    font-size:24px!important;
    line-height:1.15!important;
    margin-bottom:7px!important;
  }

  .shopcover .online{
    font-size:13px!important;
    line-height:1.4!important;
  }

  .shopcover .profilebuttons{
    margin-top:22px!important;
    gap:12px!important;
  }

  .shopcover .profilebuttons button,
  .shopcover .profilebuttons a{
    min-width:126px!important;
    min-height:42px!important;
    border-radius:10px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    font-weight:700!important;
  }

  .shopstats-expanded{
    padding:24px 30px!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px 28px!important;
    align-content:center!important;
    background:#fff!important;
    box-sizing:border-box!important;
  }

  .shopstats-expanded .stat{
    min-height:54px!important;
    padding:8px 10px!important;
    display:grid!important;
    grid-template-columns:34px minmax(0,1fr)!important;
    align-items:center!important;
    gap:10px!important;
    border-radius:12px!important;
    transition:background .18s ease,transform .18s ease!important;
  }

  .shopstats-expanded .stat:hover{
    background:#fff5f8!important;
    transform:translateY(-1px)!important;
  }

  .shopstats-expanded .stat-address{
    grid-column:1/-1!important;
  }

  .shop-stat-icon{
    width:34px!important;
    height:34px!important;
    border-radius:11px!important;
    display:grid!important;
    place-items:center!important;
    background:linear-gradient(180deg,#fff2f7,#ffe6ef)!important;
    color:#df4777!important;
    font-style:normal!important;
  }

  .shop-stat-icon svg{
    width:20px!important;
    height:20px!important;
    fill:none!important;
    stroke:currentColor!important;
    stroke-width:1.8!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
  }

  .shopstats-expanded .stat span{
    min-width:0!important;
    font-size:14px!important;
    line-height:1.35!important;
    color:#5b525a!important;
  }

  .shopstats-expanded .stat b{
    color:#df4777!important;
    font-weight:800!important;
  }

  .shopstats-expanded .stat small{
    display:inline!important;
    margin-left:5px!important;
    color:#df4777!important;
    font-size:12px!important;
  }
}

@media (min-width:769px) and (max-width:1100px){
  .shopcover .coverinner{grid-template-columns:360px minmax(0,1fr)!important}
  .shopstats-expanded{padding:20px 18px!important;gap:6px 10px!important}
  .shopstats-expanded .stat{grid-template-columns:30px minmax(0,1fr)!important;padding:7px 4px!important}
  .shop-stat-icon{width:30px!important;height:30px!important}
  .shop-stat-icon svg{width:18px!important;height:18px!important}
  .shopstats-expanded .stat span{font-size:12px!important}
}

/* v1.0.26 — Typography hồ sơ cửa hàng: gọn, đồng bộ, hiện đại kiểu sàn TMĐT */
@media (min-width:769px){
  .shopcover,
  .shopcover *{
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif!important;
    -webkit-font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
  }

  .shopcover .coverinner{
    grid-template-columns:350px minmax(0,1fr)!important;
    min-height:188px!important;
    border-radius:4px!important;
    box-shadow:none!important;
    border:1px solid #eee!important;
  }

  .shopcover .shopprofile{
    min-height:188px!important;
    padding:22px 24px!important;
  }

  .shopcover .profiletop{gap:14px!important}
  .shopcover .avatar{
    width:72px!important;
    height:72px!important;
    border-width:3px!important;
    box-shadow:none!important;
  }

  .shopcover .pname{
    margin:0 0 5px!important;
    font-size:18px!important;
    line-height:1.25!important;
    font-weight:600!important;
    letter-spacing:0!important;
  }

  .shopcover .online{
    font-size:12px!important;
    line-height:1.4!important;
    font-weight:400!important;
    opacity:.95!important;
  }

  .shopcover .profilebuttons{
    margin-top:17px!important;
    gap:10px!important;
  }

  .shopcover .profilebuttons button,
  .shopcover .profilebuttons a{
    min-width:106px!important;
    min-height:36px!important;
    padding:0 16px!important;
    border-radius:3px!important;
    font-size:13px!important;
    line-height:1!important;
    font-weight:500!important;
    letter-spacing:0!important;
  }

  .shopstats-expanded{
    padding:21px 34px!important;
    grid-template-columns:repeat(2,minmax(240px,1fr))!important;
    grid-auto-rows:minmax(32px,auto)!important;
    gap:5px 34px!important;
    align-content:center!important;
  }

  .shopstats-expanded .stat{
    min-height:32px!important;
    padding:2px 0!important;
    grid-template-columns:20px minmax(0,1fr)!important;
    gap:9px!important;
    border-radius:0!important;
    background:transparent!important;
    transform:none!important;
  }

  .shopstats-expanded .stat:hover{
    background:transparent!important;
    transform:none!important;
  }

  .shop-stat-icon{
    width:20px!important;
    height:20px!important;
    border-radius:0!important;
    background:transparent!important;
    color:#222!important;
  }

  .shop-stat-icon svg{
    width:16px!important;
    height:16px!important;
    stroke-width:1.55!important;
  }

  .shopstats-expanded .stat span{
    font-size:13px!important;
    line-height:1.45!important;
    font-weight:400!important;
    color:#222!important;
    letter-spacing:0!important;
  }

  .shopstats-expanded .stat b{
    color:#df4777!important;
    font-size:13px!important;
    font-weight:400!important;
  }

  .shopstats-expanded .stat small{
    margin-left:3px!important;
    color:#df4777!important;
    font-size:12px!important;
    font-weight:400!important;
  }

  .shopstats-expanded .stat-address{
    grid-column:1/-1!important;
    max-width:100%!important;
  }

  .shopstats-expanded .stat-address span{
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  .shopcover + .tabs,
  .tabs{
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif!important;
  }

  .tabs .tab{
    font-size:14px!important;
    line-height:1.25!important;
    font-weight:400!important;
    letter-spacing:0!important;
    text-transform:none!important;
  }

  .tabs .tab.active{
    font-weight:500!important;
  }
}

@media (min-width:769px) and (max-width:1100px){
  .shopcover .coverinner{grid-template-columns:320px minmax(0,1fr)!important}
  .shopstats-expanded{padding:18px 20px!important;gap:4px 18px!important;grid-template-columns:repeat(2,minmax(190px,1fr))!important}
  .shopstats-expanded .stat span,
  .shopstats-expanded .stat b{font-size:12.5px!important}
}


/* v1.0.31 — Làm đầy phần thông tin shop ở trang chi tiết sản phẩm theo nhịp điệu Shopee */
@media (min-width:769px){
  .detailpage .shopstrip,
  .detailpage .shopstrip *{
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;
    -webkit-font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
  }

  .detailpage .shopstrip.shopstrip-rich{
    display:grid!important;
    grid-template-columns:320px 1px minmax(0,1fr)!important;
    align-items:center!important;
    gap:0 28px!important;
    padding:24px!important;
    margin-top:22px!important;
    background:#fff!important;
    border:1px solid #ececec!important;
    border-radius:2px!important;
    box-shadow:none!important;
  }

  .detailpage .shopstrip-left{
    display:flex!important;
    align-items:center!important;
    gap:18px!important;
    min-width:0!important;
  }

  .detailpage .shopstrip-left img{
    width:72px!important;
    height:72px!important;
    flex:0 0 72px!important;
    border-radius:50%!important;
    border:1px solid #efefef!important;
    object-fit:cover!important;
    background:#fff!important;
  }

  .detailpage .shopstrip-name{min-width:0!important;}

  .detailpage .shopstrip-name b{
    display:block!important;
    margin:0 0 4px!important;
    color:#222!important;
    font-size:18px!important;
    line-height:1.3!important;
    font-weight:600!important;
    letter-spacing:0!important;
  }

  .detailpage .shopstrip-name small{
    display:block!important;
    margin:0!important;
    color:#767676!important;
    font-size:13px!important;
    line-height:1.45!important;
    font-weight:400!important;
  }

  .detailpage .shopstrip-actions{
    display:flex!important;
    gap:10px!important;
    margin-top:16px!important;
    flex-wrap:wrap!important;
  }

  .detailpage .shopstrip-actions button,
  .detailpage .shopstrip-actions a{
    min-width:104px!important;
    height:34px!important;
    padding:0 16px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:2px!important;
    border:1px solid #ee4d2d!important;
    font-size:14px!important;
    line-height:1!important;
    font-weight:500!important;
    text-decoration:none!important;
    box-sizing:border-box!important;
  }

  .detailpage .shopstrip-actions button{
    background:#fff6f5!important;
    color:#ee4d2d!important;
  }

  .detailpage .shopstrip-actions a{
    background:#fff!important;
    color:#555!important;
    border-color:#d9d9d9!important;
  }

  .detailpage .shopstrip-divider{
    width:1px!important;
    min-height:96px!important;
    align-self:stretch!important;
    background:#efefef!important;
  }

  .detailpage .shopstrip-stats{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(170px,1fr))!important;
    gap:10px 34px!important;
    align-items:start!important;
  }

  .detailpage .shopstrip-stat{
    min-width:0!important;
    display:flex!important;
    align-items:flex-start!important;
    gap:8px!important;
    padding:0!important;
  }

  .detailpage .shopstrip-stat span{
    flex:0 0 auto!important;
    margin:0!important;
    color:#767676!important;
    font-size:14px!important;
    line-height:1.45!important;
    font-weight:400!important;
    white-space:nowrap!important;
  }

  .detailpage .shopstrip-stat b{
    min-width:0!important;
    margin:0!important;
    color:#ee4d2d!important;
    font-size:14px!important;
    line-height:1.45!important;
    font-weight:400!important;
    letter-spacing:0!important;
  }

  .detailpage .shopstrip-stat b small{
    color:#ee4d2d!important;
    font-size:14px!important;
    font-weight:400!important;
  }

  .detailpage .shopstrip-stat-wide{
    grid-column:1 / -1!important;
  }

  .detailpage .shopstrip-stat-wide span{
    white-space:nowrap!important;
  }

  .detailpage .shopstrip-stat-wide b{
    color:#ee4d2d!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
}

@media (min-width:769px) and (max-width:1180px){
  .detailpage .shopstrip.shopstrip-rich{
    grid-template-columns:290px 1px minmax(0,1fr)!important;
    gap:0 20px!important;
    padding:20px!important;
  }

  .detailpage .shopstrip-stats{
    grid-template-columns:repeat(2,minmax(200px,1fr))!important;
    gap:9px 24px!important;
  }

  .detailpage .shopstrip-stat span,
  .detailpage .shopstrip-stat b,
  .detailpage .shopstrip-stat b small{
    font-size:13px!important;
  }
}


/* v1.0.32 — Cân lại khung shopstrip: bỏ địa chỉ, giữ 2 nút cùng hàng */
@media (min-width:769px){
  .detailpage .shopstrip.shopstrip-rich{
    grid-template-columns:300px 1px minmax(0,1fr)!important;
  }

  .detailpage .shopstrip-name{
    width:100%!important;
  }

  .detailpage .shopstrip-actions{
    gap:8px!important;
    flex-wrap:nowrap!important;
    white-space:nowrap!important;
  }

  .detailpage .shopstrip-actions button,
  .detailpage .shopstrip-actions a{
    min-width:0!important;
    width:102px!important;
    padding:0 10px!important;
    flex:0 0 102px!important;
    font-size:13px!important;
  }

  .detailpage .shopstrip-stats{
    grid-template-columns:repeat(4,minmax(120px,1fr))!important;
    gap:12px 26px!important;
  }

  .detailpage .shopstrip-stat,
  .detailpage .shopstrip-stat-wide{
    grid-column:auto!important;
  }
}

@media (min-width:769px) and (max-width:1180px){
  .detailpage .shopstrip.shopstrip-rich{
    grid-template-columns:280px 1px minmax(0,1fr)!important;
  }

  .detailpage .shopstrip-stats{
    grid-template-columns:repeat(3,minmax(135px,1fr))!important;
    gap:10px 20px!important;
  }

  .detailpage .shopstrip-actions button,
  .detailpage .shopstrip-actions a{
    width:96px!important;
    flex-basis:96px!important;
    font-size:12.5px!important;
  }
}


/* v1.0.33 — Cân lại thanh hồ sơ shop, bỏ thời gian phản hồi, ép 2 nút cùng hàng */
@media (min-width:769px){
  .detailpage .shopstrip.shopstrip-rich{
    grid-template-columns:290px 1px minmax(0,1fr)!important;
    column-gap:28px!important;
  }

  .detailpage .shopstrip-main{
    min-width:0!important;
  }

  .detailpage .shopstrip-actions{
    gap:8px!important;
    flex-wrap:nowrap!important;
    white-space:nowrap!important;
    align-items:center!important;
  }

  .detailpage .shopstrip-actions button,
  .detailpage .shopstrip-actions a{
    width:98px!important;
    min-width:98px!important;
    flex:0 0 98px!important;
    padding:0 8px!important;
    font-size:13px!important;
  }

  .detailpage .shopstrip-stats{
    grid-template-columns:repeat(3,minmax(145px,1fr))!important;
    gap:14px 28px!important;
    align-items:start!important;
  }

  .detailpage .shopstrip-stat{
    min-height:44px!important;
  }
}

@media (min-width:769px) and (max-width:1180px){
  .detailpage .shopstrip.shopstrip-rich{
    grid-template-columns:272px 1px minmax(0,1fr)!important;
    column-gap:22px!important;
  }

  .detailpage .shopstrip-actions button,
  .detailpage .shopstrip-actions a{
    width:92px!important;
    min-width:92px!important;
    flex-basis:92px!important;
    font-size:12.5px!important;
  }

  .detailpage .shopstrip-stats{
    grid-template-columns:repeat(3,minmax(125px,1fr))!important;
    gap:12px 18px!important;
  }
}