.ht-battery{background-color:var(--bg-color);color:var(--text-color);padding:5rem 0}.ht-battery .page-width{display:flex;align-items:center;justify-content:center}.ht-battery .video-box{position:relative;flex:0 1 50%;max-width:50%;margin:0;overflow:hidden}.ht-battery .video-box video{display:block;width:100%;height:auto}.ht-battery .content-box{flex:0 1 50%;max-width:50%;padding:0 clamp(3.2rem,11.67vw,224px) 0 0}.ht-battery .section-heading{text-align:var(--text-align-pc)}.ht-battery .section-heading span{color:var(--highlight-text-color)}.ht-battery .section-title{font-size:clamp(24px,2.92vw,56px);line-height:1}.ht-battery .section-desc{font-size:clamp(16px,.94vw,18px);line-height:1.5}.ht-battery .section-title+.section-desc{margin-top:clamp(16px,1.25vw,24px)}.ht-battery-list{display:grid;grid-template-columns:1fr 1fr;justify-content:var(--text-align-pc);text-align:var(--text-align-pc);gap:var(--item-gap);width:500px;max-width:100%;margin:clamp(32px,2.92vw,56px) auto 0 auto}.ht-battery-list .controls-item{display:flex;flex-direction:column;align-items:var(--text-align-pc)}.ht-battery .item-title{color:var(--block-title-color);font-size:clamp(15px,1.04vw,20px);font-weight:700;line-height:1;font-style:italic}.ht-battery .item-title span{font-size:clamp(42px,2.92vw,56px);font-family:var(--fonts-header)}.ht-battery .item-desc{color:var(--block-text-color);font-size:clamp(14px,.94vw,18px);font-weight:700;line-height:1.5;margin-top:clamp(12px,.83vw,16px)}.ht-battery .section-tips{font-size:clamp(12px,.73vw,14px);margin-top:clamp(32px,2.92vw,56px);color:var(--text-color);text-align:var(--text-align-pc);line-height:1.4}@media only screen and (min-width: 750px){.ht-battery-list.pc-left{margin-left:0;margin-right:auto}.ht-battery-list.pc-right{margin-left:auto;margin-right:0}}@media only screen and (max-width: 1200px){.ht-battery .content-box{padding:0 3.2rem 0 0}}@media only screen and (max-width: 1000px){.ht-battery{padding:3.2rem 0}}@media only screen and (max-width: 749px){.ht-battery{padding:4rem 0}.ht-battery .page-width{flex-wrap:wrap}.ht-battery .video-box{flex:0 1 100%;max-width:100%}.ht-battery .content-box{flex:0 1 100%;max-width:100%;padding:0;margin-top:24px}.ht-battery .section-heading{text-align:var(--text-align-mb)}.ht-battery-list{justify-content:var(--text-align-mb);text-align:var(--text-align-mb)}.ht-battery .section-tips{text-align:var(--text-align-mb);margin-top:56px}}
/*# sourceMappingURL=/cdn/shop/t/87/assets/ht-battery.css.map */
