.category__nav{//}.category__nav .tab__nav{display:grid;grid-template-columns:repeat(3,1fr);column-gap:1.2rem;row-gap:1.2rem;justify-content:center;list-style:none;margin:0;padding:0}.category__nav .tab__nav .tab__nav--item{position:relative}.category__nav .tab__nav .tab__nav--item:hover{cursor:pointer}.category__nav .tab__nav div{position:relative;border:1px solid;text-decoration:none;color:rgba(var(--color-foreground),.75);font-size:1.4rem;padding:1rem}.category__nav .tab__nav .is-active,.category__nav .tab__content .category__nav--sub .cat__active{background:rgb(var(--color-base-accent-1),.15)}.category__nav .icon-caret{position:absolute;top:calc(50% - .2rem);right:1.5rem;height:.6rem}.category__nav .tab__body{margin-top:1.4rem}.category__nav .tab__content{display:none;box-sizing:content-box}.category__nav .tab__content.is-show{display:block}.category__nav .category__nav--sub{display:flex;list-style-type:none;padding:0;margin:0 -.6rem;flex-wrap:wrap;justify-content:center}.category__nav .category__nav--sub li{flex:0 1 auto;margin:.6rem}.category__nav .category__nav--sub a{text-decoration:none;color:rgba(var(--color-foreground),.75);font-size:1.2rem;padding:0 1rem;display:block;border:1px solid;background:#fff}@media screen and (max-width: 989px){.category__nav .tab__nav{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width: 749px){.category__nav .tab__nav{grid-template-columns:repeat(1,1fr)}.category__nav .tab__nav a{font-size:1.2rem}}.category__nav{margin-bottom:4rem}.category__main,.category__sub{list-style:none;margin:0;padding:0}.category__sub{display:none}.category__main--item:not(:first-child){margin-top:2rem}.category__title{position:relative;border:1px solid;text-decoration:none;color:#fff;font-size:1.4rem;padding:1rem;background:#c72522}.category__sub__title{position:relative;background:#f3f3f3;display:block;text-decoration:none;color:rgba(var(--color-foreground),.75);font-size:1.2rem;padding:1rem}.category__sub__title.cat__active{background:rgb(var(--color-base-accent-1),.4)}.category__sub li:not(:first-child){border-top:1px solid #fff}@media screen and (max-width: 749px){.category__main--item:not(:first-child){margin-top:.6rem}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/section-cat-product.css.map */