/* Consistent benefit cards, readable contrast, and balanced small screens. */
.hero-main{display:flex;flex-direction:column;align-items:stretch;min-width:0}
.hero-main>.hero-notes{order:7}
.hero .trust{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%;margin:20px 0 0}
.hero .trust>span{display:flex;align-items:center;justify-content:center;min-height:62px;padding:12px 6px;border:1px solid #d5dfe6;border-radius:10px;background:#fff;color:#173b62;font-size:20px;font-weight:650;text-align:center;line-height:1.45;min-width:0}
.hero .trust>span.g{grid-column:1/-1;gap:6px;flex-wrap:wrap;border-color:#ead5a6;background:#fff7e6;color:#173b62;min-height:62px}
.hero .trust .g b{color:inherit;font-size:22px;font-weight:800}
.hero-notes{display:grid;gap:8px;margin-top:16px}
.hero .hero-notes .hero-condition{font-size:20px;line-height:1.65;color:#566674;margin:0}
.hero .chips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:440px}
.hero .chips span{display:flex;align-items:center;justify-content:center;min-height:50px;padding:9px 8px;border:1px solid #d5dfe6;background:#fff;color:#173b62;border-radius:10px;text-align:center;font-size:20px;font-weight:700;line-height:1.4}
.hero .offer strong{color:#173b62;font-weight:800}
.hero .natural-product figcaption{color:#566674}
.hero .btn{max-width:100%}
@media(max-width:767px){
 html{scroll-padding-top:105px}
 .hero{padding:28px 20px 40px;gap:22px}
 .hero-main{display:contents}
 .hero-kicker{line-height:1.45;letter-spacing:0}
 .hero .chips{width:100%;max-width:none;gap:10px}
 .hero h1{font-size:clamp(32px,8.5vw,44px);line-height:1.32;margin:0}
 .hero .hero-side{width:100%;max-width:440px;margin:0 auto}
 .natural-product img{width:100%;max-height:340px;object-fit:contain}
 .natural-product figcaption{margin-top:10px;font-size:20px;line-height:1.6;text-wrap:balance}
 .hero .offer{font-size:22px;line-height:1.65;text-wrap:pretty}
 .hero-main>.btn{margin:0 0 4px;min-height:72px;padding:18px 12px;gap:12px}
 .hero-main>.trust{margin:0;gap:10px}
 .hero .trust>span{min-height:64px;padding:12px 6px;font-size:20px;line-height:1.45}
 .hero .trust>span.g{min-height:62px;padding:12px 10px}
 .hero-main>.hero-notes{order:7;width:100%;margin:0;gap:10px}
 .hero .hero-notes .hero-condition{font-size:20px;line-height:1.65}
 section{padding-left:20px;padding-right:20px}
 .reviews{padding:48px 20px}
 .gift{padding:20px;gap:24px;margin-top:30px}
 .gift-photo{width:100%;max-width:400px;height:auto;object-fit:contain}
 .gift .row1{flex-wrap:wrap;gap:14px}
 .gift .give{line-height:1.4}
 .gift .item{line-height:1.65}
 .photo-case-grid{gap:30px}
 .case-heading h3{font-size:28px;text-wrap:balance}
 .case-copy h4{font-size:25px;line-height:1.5;text-wrap:pretty}
 .case-copy{padding:20px 0 24px}
 .formsec{padding:48px 20px}
 .formfields,.fphone,.formfields input,.formfields select{min-width:0;max-width:100%}
 .formsec h2{font-size:28px;line-height:1.5}
 footer{padding-left:20px;padding-right:20px}
 .header-row{padding-left:16px;padding-right:16px}
 .qa summary{align-items:center}
}
@media(max-width:380px){
 .hero,section,.reviews,.formsec,footer{padding-left:16px;padding-right:16px}
 .hero .chips{gap:8px}
 .hero .chips span{padding:10px 4px;letter-spacing:-.045em}
 .hero .trust{gap:8px}
 .hero .trust>span{padding:10px 3px;letter-spacing:-.04em}
 .hero .trust>span.g{letter-spacing:-.02em}
 .hero .natural-product img{max-height:290px}
 .hero .offer{font-size:20px}
 .header-row{padding-left:12px;padding-right:12px}
 .brand-name>span{letter-spacing:-.06em}
 .life{grid-template-columns:repeat(2,minmax(0,1fr))}
}