.specs-box{padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);background:var(--bg)}.specs-box .specs-box-main{padding-top:clamp(30px,3.2vw,60px);padding-bottom:clamp(30px,3.2vw,60px)}.specs-box .specs-box-header p.subtext,.specs-box .specs-box-header h2{font-size:var(--font);color:var(--color);line-height:1.3;margin:0;margin-bottom:clamp(7px,.7vw,12px)}.specs-box .specs-container{display:flex;gap:0;align-items:flex-start}.specs-box .specs-left{flex:0 0 42%;max-width:42%;transform:translateY(20%);transition:all .5s ease}.specs-box .specs-box-header{margin-bottom:clamp(22px,2.3vw,44px);transform:translateY(100%);transition:all .5s ease}.specs-box .specs-right{flex:0 0 58%;max-width:58%;padding-left:5vw}.specs-box .specs-right img{width:100%;display:block;object-fit:contain;height:auto}.specs-box .tabs{display:flex;gap:0;margin-bottom:clamp(15px,1.5vw,28px);background:#fff;border-radius:clamp(2px,.3vw,4px);width:fit-content;padding:clamp(2px,.3vw,4px) clamp(3px,.3vw,6px);position:relative}.specs-box .tab-btn{padding:clamp(10px,.8vw,15px) clamp(13px,1.1vw,20px);border:none;cursor:pointer;font-weight:500;font-size:clamp(11px,.9vw,16px);color:#a4a4a4;line-height:1;border-radius:clamp(2px,.3vw,4px);background:transparent;width:220px;position:relative;z-index:1;min-height:clamp(22px,2.4vw,45px)}.specs-box .tab-btn.active{color:#fff}.specs-box .tab-content{display:none}.specs-box .tab-content.active{display:block}.specs-box .product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(7px,.7vw,12px)}.specs-box .item_image_wrap{background:#fff;padding:clamp(14px,1.2vw,22px)}.specs-box .product-grid img{width:100%;height:100%;max-height:100px;display:block;object-fit:contain;margin:0 auto}.specs-box a.item{text-decoration:none}.specs-box p.product_tlt{font-weight:400;font-size:clamp(9px,.8vw,14px);color:#000;line-height:1.3;text-align:center;text-decoration:none;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.specs-box .tabs:after{content:"";position:absolute;left:clamp(3px,.3vw,6px);top:clamp(2px,.3vw,4px);width:220px;height:clamp(23px,2.4vw,46px);background:#0077cd;border-radius:clamp(2px,.3vw,4px);transition:all .3s ease;transform:translate(0)}.tabs:has(.tab-btn:nth-child(3).active):after{transform:translate(220px)}.specs-box.active-section .specs-left,.specs-box.active-section .specs-box-header{transform:translateY(0)}@media(max-width:1200px){.specs-box .specs-right{flex:0 0 50%;max-width:50%;padding-left:3vw}.specs-box .specs-left{flex:0 0 50%;max-width:50%}.specs-box .specs-container{align-items:center}.specs-box .specs-box-main{padding-top:20px;padding-bottom:20px}.specs-box .specs-box-header{margin-bottom:34px}.specs-box .tab-btn{font-size:14px;width:200px}.specs-box .tabs:after{width:200px}.tabs:has(.tab-btn:nth-child(3).active):after{transform:translate(200px)}}@media(max-width:989px){.specs-box .specs-right,.specs-box .specs-left{flex:0 0 100%;max-width:100%;padding-left:0;width:100%}.specs-box .specs-container{flex-wrap:wrap;flex-direction:column-reverse;gap:38px}.specs-box{padding-top:var(--padding-top-mobile);padding-bottom:var(--padding-bottom-mobile)}}@media(max-width:749px){.specs-box .specs-box-header h2,.specs-box .specs-box-header p.subtext{font-size:var(--font-mobile)}.specs-box .specs-box-header{text-align:center}.specs-box .specs-box-header h2{margin:0 0 10px}.specs-box .tab-btn{padding:10px;font-size:12px;width:160px;min-height:34px}.specs-box .tabs:after{width:160px;height:34px}.tabs:has(.tab-btn:nth-child(3).active):after{transform:translate(160px)}.specs-box .item_image_wrap{padding:12px}.specs-box .product-grid{gap:8px}.specs-box .product-grid img{max-height:58px}.specs-box p.product_tlt{font-size:10px}.specs-box .specs-left,.specs-box .specs-box-header{transform:translateY(0)}}@media(max-width:370px){.specs-box .tabs{flex-wrap:wrap}.specs-box .tabs:after{width:calc(100% - 12px)}.specs-box .tab-btn{width:100%}.tabs:has(.tab-btn:nth-child(3).active):after{transform:translateY(34px)}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/specs-in-the-box.css.map */