@charset "UTF-8";
.new-prod {
  padding-bottom: 80px; }
  @media (min-width: 45em) {
    .new-prod {
      margin-left: 20px;
      margin-right: 20px; } }
  @media (min-width: 60em) {
    .new-prod {
      margin-left: 50px;
      margin-right: 50px;
      padding-bottom: 120px; } }
  @media (min-width: 80em) {
    .new-prod {
      margin-left: auto;
      margin-right: auto;
      max-width: 1180px; } }
  .new-prod__box {
    max-width: 480px;
    margin: 0 auto; }
    .new-prod__box + .new-prod__box {
      padding-top: 1.25rem; }
  .new-prod .prod-wide {
    display: block;
    position: relative;
    overflow: hidden;
    padding-bottom: 146%;
    margin-bottom: 20px; }
    .new-prod .prod-wide:focus {
      outline: 2px dotted;
      outline: 2px solid -webkit-focus-ring-color; }
    .new-prod .prod-wide__img-wrap {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0; }
    .new-prod .prod-wide__img {
      position: absolute;
      bottom: -5%;
      width: 100%; }
    .new-prod .prod-wide__cont {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 2;
      padding: 10% 9%; }
    .new-prod .prod-wide__brow {
      display: block;
      margin-bottom: 0.1875rem;
      color: #000;
      font-family: "brandon-grotesque", "Arita", sans-serif;
      font-size: 0.875rem;
      font-weight: 600;
      letter-spacing: 0.08em; }
    .new-prod .prod-wide__title {
      color: #2b2b2b; }
    .new-prod .prod-wide__desc {
      margin-top: 0.0625rem;
      color: #000;
      margin-bottom: 1em; }

    .new-prod .prod-wide .btn--line {
      color: #000; }
  .new-prod .prod-box {
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin: 0 1.25rem; }
  .new-prod .product-item {
    width: calc(50% - 5px); }
    .new-prod .product-item::before {
      content: '';
      position: absolute;
      bottom: 0;
      left: -10px;
      right: -10px;
      border-bottom: 1px solid #eaeaea; }
    .new-prod .product-item:nth-child(n+3) {
      margin-top: 20px; }
  @media (min-width: 45em) {
    .new-prod__box {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      max-width: none; }
      .new-prod__box--alt {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
            -ms-flex-direction: row-reverse;
                flex-direction: row-reverse; }
    .new-prod .prod-wide,
    .new-prod .prod-box {
      width: calc(50% - 5px);
      padding: 0; }
    .new-prod .prod-box {
      margin: 0; }
    .new-prod .prod-wide {
      max-width: none;
      margin-bottom: 0; }
      .new-prod .prod-wide__img {
        bottom: 0;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover; } }
  @media (min-width: 60em) {
    .new-prod .prod-wide,
    .new-prod .prod-box {
      width: calc(50% - 10px); }
    .new-prod .prod-wide__cont {
      max-width: 350px;
      padding: 9% 10% 0; }
    .new-prod .prod-wide__brow {
      font-size: 0.9375rem; }
    .new-prod .prod-wide__desc {
      margin-top: 1.25rem;
      font-size: 1.0625rem; }
    .new-prod .product-item {
      width: calc(50% - 10px); } }