.cbo-productsintro{background:#1d2335;overflow:hidden;position:relative}.cbo-productsintro:before{background:url(../../images/pattern-checkerboard-blue.svg) repeat-x;background-size:auto 100%;content:"";display:block;height:1.875rem;left:0;position:absolute;top:0;width:100%}.cbo-productsintro .productsintro-title{color:#fff;margin-top:0;text-align:center}.cbo-productsintro .productsintro-list{display:flex;overflow:visible!important;padding:0 10%}.cbo-productsintro .productsintro-list .list-el{margin:0 1.25rem 0 0}.cbo-productsintro .productsintro-list .list-el .el-inner{color:#fff;display:block;text-decoration:none}.cbo-productsintro .productsintro-list .list-el .el-picture{aspect-ratio:240/300;background:#fbfbfb;border-radius:.9375rem;display:block;position:relative}.cbo-productsintro .productsintro-list .list-el .el-picture .cbo-button{bottom:0;left:50%;position:absolute;transform:translateX(-50%) translateY(50%)}.cbo-productsintro .productsintro-list .list-el .el-picture img{border-radius:.9375rem;transform:scale(1.00001);transition:transform .5s cubic-bezier(.3,.71,0,1)}.cbo-productsintro .productsintro-list .list-el .el-title{color:#fff;margin:2.5rem 0 0;text-align:center}.cbo-productsintro .productsintro-list:not(.flicking-viewport) .list-el{min-width:100%;width:100%}.cbo-productsintro .productsintro-list.flicking-viewport{flex-wrap:wrap}.cbo-productsintro .productsintro-list.flicking-viewport .flicking-camera,.cbo-productsintro .productsintro-list.flicking-viewport .flicking-pagination{width:100%}.cbo-productsintro .productsintro-list.flicking-viewport .flicking-pagination{justify-content:center}@media(hover:hover){.cbo-productsintro .productsintro-list .list-el .el-inner:hover .el-picture img{transform:scale(1.025)}.cbo-productsintro .productsintro-list .list-el .el-inner:hover .el-picture .cbo-button{background:#a91d2d;color:#fff}}@media(min-width:768px){.cbo-productsintro .productsintro-list:not(.flicking-viewport) .list-el{min-width:50%;width:50%}}@media(min-width:1024px){.cbo-productsintro .productsintro-list .list-el{margin-right:3rem}.cbo-productsintro .productsintro-list .list-el:nth-child(2n){margin-top:3.125rem}.cbo-productsintro .productsintro-list:not(.flicking-viewport) .list-el{min-width:33.333%;width:33.333%}.cbo-productsintro .productsintro-list:not(.flicking-viewport).list--4{min-width:25%;width:25%}.cbo-productsintro .productsintro-list.flicking-viewport .flicking-pagination{display:none}}