.jahvio-size-guide {
max-width: 980px;
margin: 0 auto;
padding: 8px 18px 24px;
color: #2b2b2b;
line-height: 1.7;
}
.jahvio-size-guide h1 {
margin: 4px 0 14px;
font-size: clamp(1.9rem, 2.8vw, 2.5rem);
line-height: 1.2;
letter-spacing: 0.01em;
}
.jahvio-size-guide h2 {
margin: 34px 0 12px;
padding-bottom: 8px;
border-bottom: 1px solid #ececec;
font-size: clamp(1.35rem, 2vw, 1.75rem);
line-height: 1.3;
}
.jahvio-size-guide h3 {
margin: 22px 0 8px;
font-size: 1.08rem;
line-height: 1.4;
}
.jahvio-size-guide ul,
.jahvio-size-guide ol {
margin: 0 0 14px 20px;
}
.jahvio-size-guide li {
margin-bottom: 6px;
}
.jahvio-size-guide a {
color: #0f5ea8;
text-decoration: underline;
text-underline-offset: 2px;
}
.jahvio-size-guide table {
width: 100%;
border-collapse: collapse;
margin: 16px 0 8px;
background: #fff;
border: 1px solid #e7e7e7;
}
.jahvio-size-guide th,
.jahvio-size-guide td {
padding: 11px 10px;
border: 1px solid #ececec;
text-align: center;
font-size: 0.96rem;
}
.jahvio-size-guide th {
background: #f7f8fa;
font-weight: 700;
white-space: nowrap;
}
.jahvio-size-guide tbody tr:nth-child(even) {
background: #fcfcfd;
}
.jahvio-size-guide .jahvio-faq {
margin-top: 30px;
padding: 14px 16px 4px;
border: 1px solid #ececec;
border-radius: 12px;
background: #fafbfc;
}
@media (max-width: 767px) {
.jahvio-size-guide {
padding: 4px 10px 18px;
}
.jahvio-size-guide h2 {
margin-top: 26px;
}
.jahvio-size-guide table,
.jahvio-size-guide thead,
.jahvio-size-guide tbody,
.jahvio-size-guide th,
.jahvio-size-guide td,
.jahvio-size-guide tr {
display: block;
}
.jahvio-size-guide thead {
display: none;
}
.jahvio-size-guide tr {
margin-bottom: 10px;
border: 1px solid #e7e7e7;
border-radius: 10px;
overflow: hidden;
background: #fff;
}
.jahvio-size-guide td {
text-align: left;
border: 0;
border-bottom: 1px solid #f1f1f1;
padding: 10px 12px;
}
.jahvio-size-guide tr td:last-child {
border-bottom: 0;
}
} .jahvio-seo-intro,
.jahvio-product-faq {
margin: 18px 0;
padding: 16px 18px;
border: 1px solid #ececec;
border-radius: 10px;
background: #fafbfc;
}
.jahvio-seo-intro h2,
.jahvio-product-faq h2 {
margin: 0 0 10px;
font-size: 1.2rem;
line-height: 1.3;
}
.jahvio-product-faq h3 {
margin: 14px 0 6px;
font-size: 1rem;
}
.jahvio-seo-intro ul {
margin: 8px 0 0 18px;
}
@media (max-width: 767px) {
.jahvio-seo-intro,
.jahvio-product-faq {
padding: 12px;
}
} .jahvio-seo-h1-wrap {
max-width: 1200px;
margin: 28px auto 0;
padding: 0 18px;
}
.jahvio-page-h1 {
margin: 0;
font-size: clamp(30px, 4vw, 44px);
line-height: 1.15;
font-weight: 700;
letter-spacing: 0.01em;
color: #111111;
}
@media (max-width: 767px) {
.jahvio-seo-h1-wrap {
margin-top: 20px;
padding: 0 14px;
}
.jahvio-page-h1 {
font-size: clamp(26px, 8.2vw, 34px);
}
}