.HP-newOddit-Block-06{padding:64px 0}.HP-newOddit-Block-06 .tamain{display:grid;flex-direction:column;align-items:flex-start;gap:40px;align-self:stretch}.HP-newOddit-Block-06 .tamain .block-btn{display:none}.HP-newOddit-Block-06 .tamain .block-heading{display:flex;justify-content:space-between;align-items:center;align-self:stretch}.HP-newOddit-Block-06 .tamain .block-heading .nb-heading{width:calc(100% - 300px)}.HP-newOddit-Block-06 .tamain .block-heading .block-btn{display:flex;height:48px;width:260px;align-items:center}.HP-newOddit-Block-06 .tamain .block-content{width:100%;display:flex;align-items:flex-start;align-content:flex-start;gap:20px;align-self:stretch;flex-wrap:wrap;justify-content:center}.HP-newOddit-Block-06 .tamain .block-content .item{width:295px;display:block;position:relative;cursor:pointer}.HP-newOddit-Block-06 .tamain .block-content .item:hover .img:before{display:none}.HP-newOddit-Block-06 .tamain .block-content .item .img{width:100%;border-radius:16px;overflow:hidden}.HP-newOddit-Block-06 .tamain .block-content .item .img:before{content:"";background:#0000004d;position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;border-radius:16px;overflow:hidden}.HP-newOddit-Block-06 .tamain .block-content .item .title{position:absolute;bottom:0;left:0;right:0;z-index:2;text-align:left;padding:24px;overflow:hidden;color:var(--White, #fff);text-overflow:ellipsis;font-size:28px;font-style:normal;font-weight:700;line-height:36.4px}@media screen and (max-width: 1060px){.HP-newOddit-Block-06 .tamain{display:grid}.HP-newOddit-Block-06 .tamain .block-btn{display:flex;width:100%;justify-content:center}.HP-newOddit-Block-06 .tamain .block-heading .nb-heading{width:100%}.HP-newOddit-Block-06 .tamain .block-heading .block-btn{display:none}}@media screen and (max-width: 767px){.HP-newOddit-Block-06{padding:40px 0}.HP-newOddit-Block-06 .tamain{gap:32px}.HP-newOddit-Block-06 .tamain .block-btn .nb-button{max-width:450px;width:100%}.HP-newOddit-Block-06 .tamain .block-content{gap:16px}.HP-newOddit-Block-06 .tamain .block-content .item{width:calc(50% - 8px);max-width:295px}.HP-newOddit-Block-06 .tamain .block-content .item .title{padding:16px;font-size:15px;font-weight:700;line-height:19.5px}}@supports (-webkit-touch-callout: none) and (not (translate: none)){.HP-newOddit-Block-06 .tamain .block-content{margin:-8px;width:auto}.HP-newOddit-Block-06 .tamain .block-content .item{margin:8px;width:calc(50% - 16px)}}
/*# sourceMappingURL=/cdn/shop/t/83/assets/HP-newOddit-Block-06.css.map */