.icon-bytes {
  --red-primary: #EA1722;
}

.icon-bytes { width: 100%; max-width: 1200px; min-width: 280px; margin: 32px auto 0; }
.icon-bytes_icon { display: block; width: 80px; margin: 0 auto; }

.icon-bytes_header { font-family: Roboto, Arial, sans-serif; font-size: 24px; font-weight: bold; letter-spacing: 2px; text-align: center; text-transform: uppercase; margin: 0 auto 15px; }
.icon-bytes_subheader { font-family: Roboto, Arial, sans-serif; font-size: 16px; text-align: center; margin: 0 auto 32px; }

.icon-bytes_divider { width: 100px; height: 4px; background: var(--red-primary); margin: 12px auto 32px; }
.icon-bytes_divider:has(+ .icon-bytes_subheader) { margin: 12px auto 16px; }
.icon-bytes_grid { display: flex; width: 100%; max-width: max-content; margin: 0 auto; }
.icon-bytes_grid_divider { display: block; width: 1px; height: 150px; background: #DFDFDF; margin: auto 24px; }

.icon-bytes_card { width: 100%; display: flex; flex-direction: column; }
.icon-bytes_card._no-img { margin-top: 30px; }
.icon-bytes_image-container { display: flex; height: 160px; }
.icon-bytes_image { display: block; width: 100%; margin: auto; }

.icon-bytes_title { font: bold 18px Roboto, Arial, sans-serif; letter-spacing: 2px; text-transform: uppercase; text-align: center; margin: 16px 0 0; }
a.icon-bytes_link-all:hover .icon-bytes_title { color: var(--red-primary); text-decoration: underline; text-decoration-color: var(--red-primary); }
._no-img .icon-bytes_title { margin: 0; }

.icon-bytes_copy { margin: 0 0 auto; }
.icon-bytes_copy * { font: 16px Roboto, Arial, sans-serif; text-align: center; margin: 8px 0 0; }
.icon-bytes_copy *:first-child { margin: 16px 0 0; }

.icon-bytes_link { font: 14px Roboto, Arial, sans-serif; color: inherit; text-align: center; margin: 16px 0 0; display: block; overflow: visible !important; text-decoration: underline !important; text-decoration-color: var(--red-primary) !important; text-underline-position: under; cursor: pointer; }
.icon-bytes_link:hover, a.icon-bytes_link-all:hover .icon-bytes_link { color: var(--red-primary); }
a.icon-bytes_link-all { color: inherit; text-decoration: none; }

.icon-bytes ._arrow { position: relative; }
.icon-bytes_copy._arrow > :last-child::after { content: ""; background-image: url("https://flooranddecor.a.bigcontent.io/v1/static/icon-arrow-right-big-black"); background-size: 100%; width: 20px; height: 20px; display: inline-block; vertical-align: middle; margin-left: 5px; }
a.icon-bytes_link-all:hover .icon-bytes_copy._arrow > :last-child::after { background-image: url("https://flooranddecor.a.bigcontent.io/v1/static/icon-arrow-right-big-red"); }

.icon-bytes_btn-grid { display: flex; flex-direction: row; width: max-content; margin: 0 auto; }
.icon-bytes_btn-grid > a:nth-child(2) { margin-left: 30px !important; }

/* Card Layout */
._layout2 .icon-bytes_grid { gap: 32px; }
._layout2 .icon-bytes_card { display: flex; flex-direction: column; background: #FFFFFF; margin: 0; padding: 24px; box-sizing: border-box; width: auto; max-width: 250px; }
._layout2 .icon-bytes_grid_divider { display: none; }
._layout2 .icon-bytes_title { line-height: 24px; }
._layout2 .icon-bytes_copy { margin: auto auto; }
._layout2 .icon-bytes_copy p { line-height: 24px; }
._layout2 .icon-bytes_link { font-size: 16px; line-height: 24px; margin: 16px auto 0; }

@media (min-width: 768px) and (max-width: 1199px) {
  .icon-bytes_grid_divider { height: 180px; margin: auto 24px; }
  .icon-bytes_title { font-size: 14px; letter-spacing: 1.5px; }
  .icon-bytes_copy * { font-size: 14px; }

  /* Card Layout */
  ._layout2 .icon-bytes_grid { gap: 16px; }
  ._layout2 .icon-bytes_title,
  ._layout2 .icon-bytes_copy *,
  ._layout2 .icon-bytes_link { font-size: 14px; line-height: 20px; }
}

@media (max-width: 767px) {
  .icon-bytes { margin: 0 auto; position: relative; }
  .icon-bytes._ext-mobile { max-width: 375px; }
  .icon-bytes._clp .icon-bytes_header,
  .icon-bytes._clp .icon-bytes_subheader { text-align: left; }
  .icon-bytes._clp .icon-bytes_divider { margin: 12px 0px 32px; }
  .icon-bytes_grid { flex-direction: column; max-width: 100%; position: relative; }
  .icon-bytes_grid:not(:has(.icon-bytes_grid_divider)) { gap: 32px; }
  .icon-bytes._ext-mobile .icon-bytes_grid_divider { height: 1px; width: 250px; margin: 24px auto; }
  .icon-bytes:not(._ext-mobile) .icon-bytes_grid_divider { display: none; }
  .icon-bytes._ext-mobile .icon-bytes_card { width: 100%; margin: 0 auto; }
  .icon-bytes:not(._ext-mobile) .icon-bytes_card { width: 100%; display: flex; flex-direction: row; }
  .icon-bytes_card:not(:first-child) { margin-top: 15px; }
  .icon-bytes_card > img { width: 50px; }
  .icon-bytes_card._no-img { margin-top: 0px; }
  .icon-bytes_image-container { height: auto; }
  .icon-bytes:not(._ext-mobile) .icon-bytes_title { text-align: left; margin: auto 0 auto 20px; }
  .icon-bytes._ext-mobile .icon-bytes_title { text-align: center; margin: 16px 0 0; }
  .icon-bytes:not(._ext-mobile) .icon-bytes_copy * { text-align: left; margin: auto 0 auto 20px; }
  .icon-bytes_copy *:nth-child(2) { margin-top: 10px; }
  .icon-bytes._ext-mobile .icon-bytes_copy * { text-align: center; margin: 10px 0 0; }
  .icon-bytes_btn-grid { flex-direction: column; }
  .icon-bytes_btn-grid > a:nth-child(2) { margin-left: auto !important; margin-top: 20px !important; }

  /* Card Layout */
  ._layout2 .icon-bytes_grid { max-width: 336px; }
  ._layout2 .icon-bytes_card { max-width: none; }
  ._layout2 .icon-bytes_icon { width: 80px; }
}