.plp-hero { width: 100%; max-width: 1128px; min-width: 280px; position: relative; margin: 0; }

.plp-hero_img { display: block; width: 100%; max-width: 1128px; }

.plp-hero_grid { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 0; width: 100%; }

._third .plp-hero_grid { grid-template-columns: 1fr 2fr; }

._switch .plp-hero_grid > div:first-child { order: 2; }

._third._switch .plp-hero_grid { grid-template-columns: 2fr 1fr; }

.plp-hero_overlay { width: calc(100% - 40px); position: absolute; bottom: 20px; left: 20px; }

.plp-hero_overlay._solid { background: #FFFFFF; position: static; width: 100%; padding: 16px; box-sizing: border-box; }

._short .plp-hero_overlay._solid { background: none; padding: 16px 0 0; }

.plp-hero_header { font-family: Roboto, Arial, sans-serif; font-size: 32px !important; font-weight: bold; line-height: 40px; letter-spacing: 2px; color: #FFFFFF; text-transform: none; margin: 0px !important; }

._solid .plp-hero_header { color: #000000; }

.plp-hero_divider { width: 100px; height: 4px; background: #ED1C24; margin: 6px 0 16px 0; }

.plp-hero_copy { font-family: Roboto, Arial, sans-serif; font-size: 16px !important; line-height: 24px; margin: 16px 0 !important; }

.plp-hero_copy._no-margin { margin: 16px 0 0 !important; }

._clear .plp-hero_copy { color: #FFFFFF; }

.plp-hero_link { font-family: Roboto, Arial, sans-serif; font-size: 16px; line-height: 24px; color: inherit; text-decoration: underline !important; text-decoration-color: #ED1C24 !important; text-underline-position: under; margin: 8px 0 0; position: relative; }

.plp-hero_link:hover { color: #ED1C24; }

.plp-hero_link:after { content: ""; background-image: url("https://flooranddecor.a.bigcontent.io/v1/static/icon-arrow-right-big-red"); background-size: 100%; width: 22px; height: 22px; display: block; position: absolute; top: 0px; right: -27px; }

.plp-hero_link-teaser { font-family: Roboto, Arial, sans-serif; font-size: 16px !important; color: #333333; margin: 8px 0 0 !important; }

.plp-hero_icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

@media (min-width: 768px) and (max-width: 1199px) {
  .plp-hero_header { font-size: 24px !important; line-height: 32px !important; }
  
  .plp-hero_divider { width: 80px; }

  .plp-hero_copy { font-size: 14px !important; line-height: 20px !important; }

  .plp-hero_link, .plp-hero_link-teaser { font-size: 14px !important; line-height: 20px !important; }
}

@media (max-width: 767px) {
  ._sm .plp-hero_img { max-width: 100%; }
  
  .plp-hero_grid, ._third .plp-hero_grid { grid-template-columns: 1fr; }
  
  ._third._switch .plp-hero_grid { grid-template-columns: 1fr; }
  
  ._switch .plp-hero_grid > div:first-child { order: 0; }
  
  ._short .plp-hero_overlay._solid { padding: 16px; }
  
  .plp-hero_header { font-size: 20px !important; line-height: 24px; }
  
  .plp-hero_divider { width: 50px; }
  
  .plp-hero_copy._no-margin { margin: 0 !important; }
  
  ._clear .plp-hero_copy { color: #000000; }
}

@media (min-width: 768px) {
  .plp-hero ._hide-desktop { display: none; }
}

@media (max-width: 767px) {
  .plp-hero ._hide-mobile { display: none; }
}