/* Route-scoped Wallblock promotion. Product/filter/cart styles are untouched. */
#tm-category .hero-wallblock-offer { border-radius:0; }
#tm-category .tm-wallblock-offer {
  position:relative; min-height:380px; background:#fff; overflow:hidden;
  isolation:isolate; color:#173923;
  clip-path:polygon(28px 0,100% 0,100% calc(100% - 28px),calc(100% - 28px) 100%,0 100%,0 28px);
}
#tm-category .tm-wallblock-offer * { box-sizing:border-box; }
#tm-category .tm-wallblock-offer img { display:block; max-width:none; object-fit:contain; }
#tm-category .tmwo-colleague { position:absolute; z-index:0; width:56%; height:auto; top:-2%; left:-1%; }
#tm-category .tmwo-message {
  position:absolute; z-index:2; top:24px; right:24px; width:46%;
  padding:22px 22px 24px; background:#2f7d39; color:#fff;
  clip-path:polygon(0 0,calc(100% - 23px) 0,100% 23px,100% 100%,23px 100%,0 calc(100% - 23px));
}
#tm-category .tmwo-message p { margin:0 0 8px; font:600 15px/1.3 TMCategoryInter,Arial,sans-serif; color:#fff; }
#tm-category .tmwo-message h2 { margin:0; color:#fff; font:800 41px/.99 Kanit,Arial,sans-serif; letter-spacing:-.8px; text-transform:none; }
#tm-category .tmwo-block { position:absolute; z-index:3; width:53%; aspect-ratio:1.8; bottom:26px; left:31%; }
#tm-category .tmwo-block img { position:absolute; width:100%; height:auto; top:-32%; left:0; }
#tm-category .tmwo-kit { position:absolute; z-index:4; width:17%; height:58%; bottom:30px; right:1%; overflow:hidden; }
#tm-category .tmwo-kit img { position:absolute; height:110%; width:auto; top:-5%; left:50%; transform:translateX(-52%); }
#tm-category .tmwo-condition { position:absolute; z-index:5; margin:0; bottom:13px; right:39px; font:400 11px/1.25 TMCategoryInter,Arial,sans-serif; color:#536950; }
#tm-category .tmwo-corner { position:absolute; z-index:5; right:0; bottom:0; width:36px; height:36px; background:#f58220; clip-path:polygon(100% 0,100% 100%,0 100%); }
@media (min-width:1500px) {
  #tm-category .tmwo-message { width:45%; }
  #tm-category .tmwo-message h2 { font-size:46px; }
}
@media (min-width:701px) and (max-width:1000px) {
  #tm-category .tmwo-message { top:26px; right:15px; padding:19px 15px; width:47%; }
  #tm-category .tmwo-message p { font-size:12px; }
  #tm-category .tmwo-message h2 { font-size:32px; }
  #tm-category .tmwo-colleague { width:66%; top:14%; left:-13%; }
  #tm-category .tmwo-kit { height:48%; right:0; }
  #tm-category .tmwo-block { width:68%; left:18%; bottom:35px; }
}
@media (max-width:700px) {
  #tm-category .hero.hero-wallblock-offer { grid-template-columns:1fr; }
  #tm-category .hero-wallblock-offer .hero-copy { padding:23px 22px 24px; }
  #tm-category .hero-wallblock-offer .hero-eyebrow { max-width:none; }
  #tm-category .hero-wallblock-offer .hero-promise { max-width:none; margin:13px 0; }
  #tm-category .hero-wallblock-offer .hero-benefits { margin-top:15px; }
  #tm-category .tm-wallblock-offer { min-height:330px; clip-path:polygon(20px 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%,0 20px); }
  #tm-category .tmwo-colleague { width:72%; top:13%; left:-10%; }
  #tm-category .tmwo-message { top:19px; right:16px; width:49%; padding:19px 14px 21px; }
  #tm-category .tmwo-message p { font-size:11px; margin-bottom:7px; }
  #tm-category .tmwo-message h2 { font-size:33px; letter-spacing:-.6px; }
  #tm-category .tmwo-block { width:66%; left:22%; bottom:26px; }
  #tm-category .tmwo-kit { height:50%; right:0; bottom:30px; }
  #tm-category .tmwo-condition { right:26px; bottom:10px; font-size:10px; }
}
@media (max-width:359px) {
  #tm-category .tm-wallblock-offer { min-height:300px; }
  #tm-category .tmwo-message { right:12px; padding:18px 12px; }
  #tm-category .tmwo-message p { font-size:10px; }
  #tm-category .tmwo-message h2 { font-size:29px; }
}