.component-products-item.grid{position:relative;grid-template-columns:repeat(12,1fr);grid-template-rows:1fr;margin-bottom:20px}@media (max-width: 768px){.component-products-item.grid{grid-column:1/span 12!important;margin-bottom:12px}}.component-products-item.grid:nth-of-type(odd){grid-column:1/span 12}.component-products-item.grid:nth-of-type(odd) .box-area{grid-column:2/span 10}.component-products-item.grid:nth-of-type(2n){grid-column:13/span 12}.component-products-item.grid:nth-of-type(2n) .box-area{grid-column:1/span 10}.component-products-item.grid:nth-of-type(2n) .bg{position:relative;left:-16px;width:calc(100% + 16px);grid-column:1/span 14}.component-products-item.grid .box-area{grid-row:1}@media (max-width: 768px){.component-products-item.grid .box-area{grid-column:1/span 12!important;margin-bottom:0!important}}.component-products-item.grid .box-area .box-wrap{position:relative;height:100%}.component-products-item.grid .box-area .box-wrap .box-bg{background-color:var(--l-94);top:20px;left:20px}@media (max-width: 768px){.component-products-item.grid .box-area .box-wrap .box-bg{top:12px;left:12px;background-color:var(--l-97)}}.component-products-item.grid .box-area .box-wrap .box{grid-template-columns:repeat(10,1fr);padding:40px 0;height:100%;align-items:flex-start;background-color:var(--l-99)}@media (max-width: 768px){.component-products-item.grid .box-area .box-wrap .box{background-color:#fff}}@media (max-width: 768px){.component-products-item.grid .box-area .box-wrap .box{grid-template-columns:repeat(12,1fr);padding:25px 0}}.component-products-item.grid .box-area .box-wrap .box .text{grid-column:2/span 5}@media (max-width: 1024px){.component-products-item.grid .box-area .box-wrap .box .text{grid-column:2/span 8}}@media (max-width: 768px){.component-products-item.grid .box-area .box-wrap .box .text{grid-column:1/span 9}}@media (max-width: 375px){.component-products-item.grid .box-area .box-wrap .box .text{grid-column:1/span 11}}.component-products-item.grid .box-area .box-wrap .box .logo-area{margin-top:10px;grid-column:7/span 4;display:flex;align-items:center;justify-content:center;mix-blend-mode:multiply}@media (max-width: 1024px) and (min-width: 769px){.component-products-item.grid .box-area .box-wrap .box .logo-area{display:none}}@media (max-width: 375px){.component-products-item.grid .box-area .box-wrap .box .logo-area{display:none}}.component-products-item.grid .box-area .box-wrap .box .logo-area .logo{width:80%}@media (max-width: 768px){.component-products-item.grid .box-area .box-wrap .box .logo-area{grid-column:10/span 3}.component-products-item.grid .box-area .box-wrap .box .logo-area .logo{width:100%;padding-right:10px}}.component-products-item.grid .bg{grid-column:1/span 12;width:100%;height:100%;background-color:var(--l-97);grid-row:2;z-index:-1}@media (max-width: 768px){.component-products-item.grid .bg{display:none}}.component-products-item.grid.isSearch .bg{display:none}.component-products-item.grid.isSearch .box-area{margin-bottom:0!important}@media (max-width: 768px){.component-products-item.grid.isSearch .box-area .box-wrap .box .text{grid-column:2/span 8}}.component-products-grid .container{row-gap:80px}@media (max-width: 768px){.component-products-grid .container{row-gap:40px}}.component-products-grid .container .spacer{grid-column:1/span 1}@media (max-width: 768px){.component-products-grid .container .spacer{display:none}}