.hero-tiles{margin:0 -12px;display:flex;flex-direction:column;gap:12px}.hero-tiles a{display:flex;flex:1 1 100%;width:100%;height:100%;text-decoration:none}.hero-tiles a:hover{color:inherit}.hero-tiles .hero-big-wrapper .btn-primary{font-family:Lato,"Lucida Sans Unicode","Lucida Grande",sans-serif;font-weight:900;font-style:normal;text-rendering:optimizeLegibility;font-size:1.125rem;line-height:1.5;color:#fff;text-transform:inherit;display:inline-block;background-color:var(--hero-transasctional-tile-button-color);border-radius:2px;text-align:center;padding:9px 22px;border:2px solid var(--hero-transasctional-tile-button-color);height:auto;cursor:pointer;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:100%;text-decoration:none;transition:background-color 150ms}.hero-tiles .hero-big-wrapper .btn-primary:hover{color:#fff;background-color:var(--hero-transasctional-tile-button-color-hover);border-color:var(--hero-transasctional-tile-button-color-hover)}.hero-tiles .hover-shadow:focus-within.hero-big-wrapper .btn-primary,.hero-tiles .hover-shadow:hover.hero-big-wrapper .btn-primary{background:var(--hero-transasctional-tile-button-color-hover);border-color:var(--hero-transasctional-tile-button-color-hover)}.hero-tiles .hover-shadow:focus-within .hero-tile-small .btn-primary,.hero-tiles .hover-shadow:hover .hero-tile-small .btn-primary{background:var(--hero-transactional-small-tile-button-color-hover);border-color:var(--hero-transactional-small-tile-button-color-hover)}.hero-transactional{margin:0 12px 12px}.hero-small-wrapper{display:flex;flex-wrap:nowrap;transition:.25s;justify-content:flex-start;margin:0 -12px;scrollbar-width:none;scroll-behavior:smooth;overscroll-behavior:auto;overflow-y:hidden;overflow-x:scroll;padding-left:12px;gap:12px}.hero-small-wrapper>div{max-width:80%;min-width:calc(100% - 72px);min-height:125px}.hero-small-wrapper>div:last-child{margin-right:12px}.hero-small-wrapper::-webkit-scrollbar{display:none;width:0;height:0}.hero-small-wrapper::-webkit-scrollbar-track{background:0 0}.hero-small-wrapper::-webkit-scrollbar-thumb{background:0 0;border:none}.hero-small-wrapper *{-ms-overflow-style:none}.hero-tile{position:relative;overflow:hidden;width:100%;display:block}.hero-tile p.field-product-name{color:var(--copytext);overflow:hidden;display:-webkit-box;max-width:100%;-webkit-line-clamp:4;-webkit-box-orient:vertical;margin-top:12.38px;margin-bottom:20px;max-width:100%}.hero-tile.comp-box{margin-bottom:0}.hero-tile .btn-primary{max-width:inherit;display:block}.hero-tile picture{width:100%}.hero-tile-image{display:none}.hero-tile .product-image{font-size:0;line-height:0;margin-right:12px;min-width:152px}.hero-tile-content{padding:24px;display:block;width:100%;box-sizing:border-box}.hero-tile .badge{background:var(--hero-transasctional-badge-color);color:var(--white);margin:0 auto 10px 0;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:250px}.hero-tile .h1{overflow:hidden;display:-webkit-box;max-width:100%;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:clamp(26px,4vw,50px);margin-bottom:6px}.hero-tile .h1.field-headline-1st-tile{color:var(--hero-transasctional-tile-headline-color)}.hero-tile.hero-tile-small{position:relative;background:var(--white)}.hero-tile.hero-tile-small::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--hero-transasctional-small-tile-background-color,transparent);z-index:1}.hero-tile.hero-tile-small img{aspect-ratio:296/127;width:100%;height:100%;display:block;opacity:.9}.hero-tile.hero-tile-small .hero-tile-content{position:absolute;top:0;left:0;right:0;bottom:0;padding-right:24px;padding-bottom:0;z-index:2}.hero-tile.hero-tile-small .btn-text{display:none}.hero-tile.hero-tile-small .btn-primary{font-family:Lato,"Lucida Sans Unicode","Lucida Grande",sans-serif;font-weight:900;font-style:normal;text-rendering:optimizeLegibility;font-size:1.125rem;line-height:1.5;color:#fff;text-transform:inherit;display:inline-block;background-color:var(--hero-transactional-small-tile-button-color,var(--primary));border-radius:2px;text-align:center;padding:9px 22px;border:2px solid var(--hero-transactional-small-tile-button-color,var(--primary));height:auto;cursor:pointer;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:100%;text-decoration:none;transition:background-color 150ms}.hero-tile.hero-tile-small .btn-primary:hover{color:#fff;background-color:var(--hero-transactional-small-tile-button-color-hover);border-color:var(--hero-transactional-small-tile-button-color-hover)}.hero-tile .h2{overflow:hidden;display:-webkit-box;max-width:100%;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:clamp(20px,3vw,32px);color:var(--white);margin:-10px 0 0 -24px;text-shadow:0 0 8px rgba(var(--black),50%);padding:4px 24px 2px;width:80%}.hero-tile .btn-primary.btn-sm{display:none}.hero-tile .procuct-info{display:flex;align-items:flex-end;margin:12px 0 24px;color:var(--copytext)}.hero-tile .procuct-info .no-wrap{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:190px}.hero-tile .procuct-info img{aspect-ratio:1/1;-o-object-fit:contain;object-fit:contain;width:152px;height:152px}.hero-tile .procuct-info+.btn-primary{margin:0;max-width:inherit;display:block}.hero-tile .procuct-info .field-price{font-size:clamp(26px,4vw,40px);color:var(--copytext)}@media (min-width:320px){.hero-tile p.field-product-name{margin-top:calc(-.2232142857vw + 13.0942857143px);margin-bottom:calc(-.4464285714vw + 21.4285714286px)}}@media (min-width:768px){.hero-tiles{padding:0;flex-direction:row}.hero-tiles .hero-big-wrapper{flex:0 1 45%}.hero-small-wrapper{flex:0 1 55%;margin:0;padding:0;flex-direction:column;overflow:visible}.hero-small-wrapper>div{max-width:none;width:100%;margin:0;flex:1 1 auto;box-sizing:border-box;height:250px;max-height:250px}.hero-small-wrapper>div:last-child{margin-right:0}.hero-tile p.field-product-name{margin-top:calc(-1.6328125vw + 23.92px);margin-bottom:calc(-1.5625vw + 30px)}.hero-tile.comp-box{height:100%}.hero-tile .btn-primary{margin:20px 0 0}.hero-tile .product-image{min-width:100px}.hero-tile-content{display:flex;flex-direction:column;height:100%;position:relative}.hero-tile .badge{max-width:300px}.hero-tile.hero-tile-small{margin:0 0 12px;width:100%;max-width:none}.hero-tile.hero-tile-small.comp-box{margin-bottom:0}.hero-tile.hero-tile-small img{aspect-ratio:366/157}.hero-tile.hero-tile-small .btn-text{display:inline}.hero-tile .h2{padding-top:0}.hero-tile .btn-primary.btn-sm{bottom:12px;right:24px;left:auto;width:auto;padding:9px 22px;line-height:1.5;position:static;margin:auto auto 24px 0;display:block}.hero-tile .procuct-info img{width:100px;height:100px}.hero-tile .procuct-info+.btn-primary{margin-top:auto}}@media (min-width:1024px){.hero-small-wrapper,.hero-tiles .hero-big-wrapper{flex:0 1 50%}.hero-tile p.field-product-name{-webkit-line-clamp:2;margin-top:calc(1.5144230769vw - 8.3076923077px);margin-bottom:calc(3.3653846154vw - 20.4615384615px)}.hero-tile .product-image{min-width:152px}.hero-tile .badge{max-width:350px}.hero-tile .h2{-webkit-line-clamp:3}.hero-tile .procuct-info img{width:152px;height:152px}}@media (min-width:1280px){.hero-tiles .hero-big-wrapper{flex:0 1 57.9%;display:flex}.hero-small-wrapper{flex:auto}.hero-tile{display:flex}.hero-tile .hero-tile-content{height:auto;max-width:470px}.hero-tile-image{flex:0 1 50%;display:block;position:relative}.hero-tile-image::after{border-style:solid;border-width:530px 0 0 131px;border-color:transparent transparent transparent var(--white);content:"";left:0;height:100%;position:absolute;top:0}.hero-tile-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.hero-tile .product-image{margin-right:24px}.hero-tile-content{flex:0 1 64.65%;padding:24px 0 24px 24px}.hero-tile.hero-tile-small img{aspect-ratio:584/250}.hero-tile .h2{width:90%}.hero-tile .procuct-info{margin-top:auto;margin-bottom:0}.hero-tile .procuct-info+.btn-primary{position:absolute;bottom:24px;width:auto;max-width:230px;z-index:1;left:213px;margin-left:-12px}.hero-tile .product-price{padding-bottom:64px}}@media (min-width:1440px){.hero-transactional .hero-big-wrapper,.hero-transactional .hero-small-wrapper{max-height:512px}.hero-tile p.field-product-name{margin-top:13.5px;margin-bottom:28px}.hero-tile .product-image{min-width:251px}.hero-tile-content{padding:36px 0 36px 36px}.hero-tile .btn-primary.btn-sm{margin-bottom:20px}.hero-tile .procuct-info img{width:251px;height:251px}.hero-tile .procuct-info+.btn-primary{left:322px;bottom:36px}}