/*
File generated by XWK on Thu, 12 Nov 2026 15:21:16 +0100 - NEVER EDIT THIS FILE 
File src: files/cache/dscss/item-grid.dynamic.5A4FD432.scss 
Compile Time: 3ms 
*/
.item-wrapper > .item > .item-grid-top-wrapper, .item-wrapper > .item > .item-grid-bottom-wrapper, .item-wrapper > .item > .item-grid-left-wrapper, .item-wrapper > .item > .item-grid-right-wrapper {
  animation-name: fade-in;
  -webkit-animation-name: fade-in;
  animation-duration: 3s;
  -webkit-animation-duration: 3s;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards; }
  .item-wrapper > .item > .item-grid-top-wrapper {
    height: 0; }
    .item-wrapper > .item > .item-grid-top-wrapper > div {
      top: 0;
      width: 100%;
      border-top: 1px solid #337ab7;
      margin-top: -18.5px;
      margin-left: -18px;
      margin-right: -18px;
      position: absolute; }
  .item-wrapper > .item > .item-grid-bottom-wrapper {
    height: 0; }
    .item-wrapper > .item > .item-grid-bottom-wrapper > div {
      top: auto;
      bottom: 0;
      width: 100%;
      border-top: 1px solid #337ab7;
      margin-bottom: -18.5px;
      margin-left: -18px;
      margin-right: -18px;
      position: absolute; }
  .item-wrapper > .item > .item-grid-left-wrapper {
    height: calc(100% + 36px);
    width: 0;
    top: 0;
    margin-top: -18px;
    margin-left: -18.5px;
    position: absolute; }
    .item-wrapper > .item > .item-grid-left-wrapper > div {
      border-left: 1px solid #337ab7;
      height: 100%;
      margin-top: 0px; }
  .item-wrapper > .item > .item-grid-right-wrapper {
    height: calc(100% + 36px);
    width: 0;
    top: 0;
    left: auto;
    right: 0;
    margin-top: -18px;
    position: absolute; }
    .item-wrapper > .item > .item-grid-right-wrapper > div {
      border-left: 1px solid #337ab7;
      height: 100%;
      margin-top: 0px; }
  .item-wrapper.with-border > .item > .item-grid-top-wrapper > div {
    margin-top: -18.5px;
    margin-left: -19px;
    margin-right: -19px; }
    .item-wrapper.with-border > .item > .item-grid-left-wrapper {
      height: calc(100% + 36px);
      margin-top: -18px;
      margin-left: -19.5px; }
  .item-wrapper.item-group > .item > .item-grid-bottom-wrapper {
    height: 0; }
    .item-wrapper.item-group > .item > .item-grid-bottom-wrapper > div {
      margin-left: -18.5px;
      width: calc(100% + 1px); }
    .item-wrapper.item-group > .item > .item-grid-left-wrapper {
      height: calc(100% + 7px);
      margin-top: -18.5px; }
    .item-wrapper.item-group > .item > .item-grid-right-wrapper {
      height: calc(100% + 7px);
      margin-top: -18px; }

html.can-use-flexbox #cart-addon-products.new-rowalizer.rowalize .item-wrapper > .item > .item-grid-top-wrapper, html.can-use-flexbox #wrapper > #align-wrapper .content-root.new-rowalizer.rowalize .item-wrapper > .item > .item-grid-top-wrapper, html.can-use-flexbox #header-items.new-rowalizer.rowalize .item-wrapper > .item > .item-grid-top-wrapper, html.can-use-flexbox #footer-items.new-rowalizer.rowalize .item-wrapper > .item > .item-grid-top-wrapper, html.can-use-flexbox #footer-docked-items-wrapper .footer-docked-items.new-rowalizer.rowalize .item-wrapper > .item > .item-grid-top-wrapper, html.can-use-flexbox #cart-addon-products.new-rowalizer.rowalize .item-wrapper > .item > .item-grid-bottom-wrapper, html.can-use-flexbox #wrapper > #align-wrapper .content-root.new-rowalizer.rowalize .item-wrapper > .item > .item-grid-bottom-wrapper, html.can-use-flexbox #header-items.new-rowalizer.rowalize .item-wrapper > .item > .item-grid-bottom-wrapper, html.can-use-flexbox #footer-items.new-rowalizer.rowalize .item-wrapper > .item > .item-grid-bottom-wrapper, html.can-use-flexbox #footer-docked-items-wrapper .footer-docked-items.new-rowalizer.rowalize .item-wrapper > .item > .item-grid-bottom-wrapper, html.can-use-flexbox #cart-addon-products.new-rowalizer.rowalize .item-wrapper > .item > .item-grid-left-wrapper, html.can-use-flexbox #wrapper > #align-wrapper .content-root.new-rowalizer.rowalize .item-wrapper > .item > .item-grid-left-wrapper, html.can-use-flexbox #header-items.new-rowalizer.rowalize .item-wrapper > .item > .item-grid-left-wrapper, html.can-use-flexbox #footer-items.new-rowalizer.rowalize .item-wrapper > .item > .item-grid-left-wrapper, html.can-use-flexbox #footer-docked-items-wrapper .footer-docked-items.new-rowalizer.rowalize .item-wrapper > .item > .item-grid-left-wrapper, html.can-use-flexbox #cart-addon-products.new-rowalizer.rowalize .item-wrapper > .item > .item-grid-right-wrapper, html.can-use-flexbox #wrapper > #align-wrapper .content-root.new-rowalizer.rowalize .item-wrapper > .item > .item-grid-right-wrapper, html.can-use-flexbox #header-items.new-rowalizer.rowalize .item-wrapper > .item > .item-grid-right-wrapper, html.can-use-flexbox #footer-items.new-rowalizer.rowalize .item-wrapper > .item > .item-grid-right-wrapper, html.can-use-flexbox #footer-docked-items-wrapper .footer-docked-items.new-rowalizer.rowalize .item-wrapper > .item > .item-grid-right-wrapper {
  animation-duration: 0s;
  -webkit-animation-duration: 0s; }

@keyframes fade-in {
  0% {
    opacity: 0; }

  98% {
    opacity: 0; }

  100% {
    opacity: 1; } }