body {
  font-family: Roboto; }

.container {
  max-width: 950px;
  margin-left: auto;
  margin-right: auto; }

.product-categories {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); }
  .product-categories ul {
    margin-top: 0;
    margin-bottom: 0;
    padding: 0; }
  .product-categories li {
    display: inline-block; }
  .product-categories a {
    text-decoration: none;
    color: #333; }
    .product-categories a:hover, .product-categories a:focus {
      text-decoration: underline; }
  .product-categories .current-cat-parent > a,
  .product-categories .current-cat > a {
    text-decoration: underline;
    font-weight: 600; }
  .product-categories .level-1 {
    display: flex;
    flex-wrap: wrap; }
    .product-categories .level-1 .cat-item {
      flex-grow: 1;
      width: 100%; }
      @media (min-width: 13em) {
        .product-categories .level-1 .cat-item {
          width: calc(100% / 2); } }
      @media (min-width: 28em) {
        .product-categories .level-1 .cat-item {
          width: calc(100% / 3);
          font-size: 18px; } }
      @media (min-width: 50em) {
        .product-categories .level-1 .cat-item {
          width: calc(100% / 6);
          font-size: 22px; } }
      .product-categories .level-1 .cat-item a {
        background-color: #fff;
        position: relative;
        display: block;
        text-align: center;
        height: 80px;
        text-transform: uppercase;
        letter-spacing: 0.05em; }
        .product-categories .level-1 .cat-item a:before {
          content: "";
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          width: 100%;
          background: transparent no-repeat center center;
          background-size: cover;
          opacity: .5; }
        .product-categories .level-1 .cat-item a span {
          position: absolute;
          display: block;
          width: 100%;
          top: 50%;
          transform: translateY(-50%); }
      .product-categories .level-1 .cat-item .count {
        display: none; }
      .product-categories .level-1 .cat-item.cat-item-147 a:before {
        background-image: url(/images/room-kitchn.png); }
      .product-categories .level-1 .cat-item.cat-item-148 a:before {
        background-image: url(/images/room-bath.png); }
      .product-categories .level-1 .cat-item.cat-item-146 a:before {
        background-image: url(/images/room-living.png); }
      .product-categories .level-1 .cat-item.cat-item-149 a:before {
        background-image: url(/images/room-sleeping.png); }
      .product-categories .level-1 .cat-item.cat-item-150 a:before {
        background-image: url(/images/room-outdoor.png); }
      .product-categories .level-1 .cat-item.cat-item-151 a:before {
        background-image: url(/images/room-basement.png); }
      .product-categories .level-1 .cat-item a:hover,
      .product-categories .level-1 .cat-item a:focus,
      .product-categories .level-1 .cat-item.current-cat-parent a {
        background-color: #000;
        color: #fff; }
  @media (max-width: 50em) {
    .product-categories .level-2 {
      padding: 10px 0; } }
  .product-categories .level-2 a {
    display: inline-block;
    padding: 10px;
    padding-right: 0; }
    @media (min-width: 50em) {
      .product-categories .level-2 a {
        padding: 20px;
        padding-right: 0; } }
  .product-categories .level-3 {
    border-top: 1px solid #ddd;
    font-size: .9em; }
    @media (max-width: 50em) {
      .product-categories .level-3 {
        padding: 10px 0; } }
    .product-categories .level-3 a {
      display: inline-block;
      padding: 7px 10px;
      padding-right: 0; }
      @media (min-width: 50em) {
        .product-categories .level-3 a {
          padding: 13px 20px;
          padding-right: 0; } }