.dmp-size-guide-product{
    margin:22px 0 6px;
    padding:20px;
    border:1px solid #e6eaf0;
    border-radius:18px;
    background:#f8fafc;
}
.dmp-size-guide-heading{
    margin-bottom:14px;
}
.dmp-size-guide-heading span{
    display:block;
    margin-bottom:3px;
    color:#ff6a00;
    font-size:11px;
    font-weight:800;
    letter-spacing:.1em;
}
.dmp-size-guide-heading h3{
    margin:0;
    color:#061b3a;
    font-size:18px;
    line-height:1.3;
}
.dmp-size-guide-layout{
    display:flex;
    align-items:flex-start;
    justify-content:flex-start;
    gap:var(--dmp-guide-gap,24px);
}
.dmp-size-guide-product.dmp-image-left .dmp-size-guide-layout{
    flex-direction:row;
}
.dmp-size-guide-product.dmp-image-right .dmp-size-guide-layout{
    flex-direction:row;
}
.dmp-size-guide-product.dmp-image-top .dmp-size-guide-layout,
.dmp-size-guide-product.dmp-image-bottom .dmp-size-guide-layout{
    flex-direction:column;
}
.dmp-size-guide-table-area{
    max-width:100%;
}
.dmp-size-guide-table-scroll{
    max-width:100%;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
}
.dmp-size-guide-table{
    border-collapse:separate;
    border-spacing:0;
    table-layout:fixed;
    overflow:hidden;
    background:#fff;
    margin:0;
}
.dmp-size-guide-table th,
.dmp-size-guide-table td{
    box-sizing:border-box;
    line-height:1.25;
}
.dmp-size-guide-image{
    width:var(--dmp-guide-image-size,240px);
    min-width:var(--dmp-guide-image-size,240px);
    height:var(--dmp-guide-image-size,240px);
    margin:0;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:10px;
    box-sizing:border-box;
    border:1px solid #e6eaf0;
    border-radius:16px;
    background:#fff;
}
.dmp-size-guide-image img{
    display:block;
    max-width:100%;
    max-height:100%;
    width:auto;
    height:auto;
    object-fit:contain;
}

@media(max-width:767px){
  .dmp-size-guide-product{padding:12px;border-radius:14px}
  .dmp-size-guide-heading{margin-bottom:10px}
  .dmp-size-guide-layout{flex-direction:column!important;gap:16px}
  .dmp-size-guide-table-area,
  .dmp-size-guide-table-scroll{width:100%;max-width:100%;overflow:visible}
  .dmp-size-guide-table{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    table-layout:fixed
  }
  .dmp-size-guide-table th,
  .dmp-size-guide-table td{
    width:auto!important;
    min-width:0!important;
    padding:7px 6px!important;
    font-size:14px!important;
    line-height:1.2;
    word-break:break-word;
    overflow-wrap:anywhere
  }
  .dmp-size-guide-table th:first-child,
  .dmp-size-guide-table td:first-child{width:30%!important}
  .dmp-size-guide-table th:not(:first-child),
  .dmp-size-guide-table td:not(:first-child){width:70%!important}
  .dmp-size-guide-image{
    order:2;
    width:min(100%,var(--dmp-guide-image-size,240px));
    min-width:0;
    height:var(--dmp-guide-image-size,240px);
    margin:0 auto
  }
}