@media (min-width: 1700px){

}

@media (min-width: 2000px){



}

@media (hover: hover) and (pointer: fine) {




}

@media all and (max-width: 812px) and (orientation:portrait){

  :root {
    --page-padding: 40px;
    --grid-gap: 10px;

    --font-main: 16px;
    --font-small: 12px;
  }

  .shop-hero {
    display: none;
  }

    .product-grid {
        grid-template-columns: 1fr;
        row-gap: 48px;
        padding-top: 80px;
    }

  /* ---------------------------------------
     Header
  --------------------------------------- */

    .site-header {
        position: fixed;
        padding: 0;
        transition: transform 0.3s ease;
        will-change: transform;
        padding-bottom: 10px;
        height: 80px;
    }

  .site-header.is-hidden {
    transform: translateY(-100%);
  }


  /* first row */

    .site-header__main {
        display: flex;
        padding: 10px var(--page-padding);
        flex-direction: column;
        gap: 5px;
        padding-bottom: 0;
    }

  .site-header__logo {
    grid-column: 1 / 2;
  }

  .site-header__nav {
    grid-column: 2 / 4;

    display: flex;
    gap: 12px;

    min-width: 0;
  }

    .site-header__season {
        justify-self: end;
        position: absolute;
        right: 40px;
        width: auto;
    }

  /* categories */

  .site-header__categories {
    display: block;

    width: 100%;

    overflow: hidden;
  }

  .site-header__categories-inner {
    display: flex;
    gap: 14px;

    width: 100%;

    padding: 0;

    overflow-x: auto;
    overflow-y: hidden;

    scrollbar-width: none;
    -ms-overflow-style: none;

    -webkit-overflow-scrolling: touch;
  }

  .site-header__categories-spacer {
    display: block;
    flex: 0 0 calc(var(--page-padding) - 14px);
  }

  .site-header__categories-inner::-webkit-scrollbar {
    display: none;
  }

  .site-header__category {
    flex: 0 0 auto;
  }

/* ---------------------------------------
   Footer
--------------------------------------- */

  .site-footer {
    min-height: 380px;
  }

  .site-footer__inner {
    display: block;
  }

    .site-footer__content {
        display: flex;
        min-height: 380px;
        padding: 100px 0 var(--page-padding);
        justify-content: flex-end;
    }


  .site-footer__copyright {
      margin-top: 64px;
  }
/* ---------------------------------------
   Product Detail
--------------------------------------- */

  .product-detail {
    display: flex;
    flex-direction: column;

    min-height: 0;

    padding: 0 var(--page-padding);
    padding-top: 80px;
  }


/* 1. Main image */

.product-detail__main {
  order: 1;

  width: 100%;
}

.product-main-image {
  width: 100%;
}

.product-main-image img {
  width: 100%;
  height: auto;
}

.product-detail__meta {
  margin-top: 4px;
}


/* 2. Information */

    .product-detail__info {
      order: 2;

      width: 100%;

      margin-top: 16px;
      padding: 0;
    }

    .product-language {
        top: 0;
        right: 0;
        font-size: 14px;
    }

    .product-description {
      padding-right: 40px;
    }

    .product-details-list {
      margin-top: 20px;
    }


/* 3. Gallery */

.product-detail__gallery {
  order: 3;

  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: var(--grid-gap);
  row-gap: 10px;

  width: 100%;
  height: auto;

  margin-top: 20px;

  overflow: visible;
}

.product-thumb {
  width: 100%;
}

.product-thumb img {
  width: 100%;
  height: auto;

  filter: grayscale(1);
}

/*
  모바일에서는 선택 이미지라는 개념이 없으므로
  PC의 is-active 컬러 처리 제거
*/
.product-thumb.is-active img {
  filter: grayscale(1);
}

/* ---------------------------------------
   Product Lightbox
--------------------------------------- */

  .product-lightbox {
    height: 100dvh;
  }

    .product-lightbox__header {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        padding: 10px var(--page-padding);
    }

  .product-lightbox__logo {
    grid-column: 1 / 2;
  }

  .product-lightbox__close {
    grid-column: 4 / 5;
  }

  .product-lightbox__slide {
    align-items: center;

    padding:
      40px
      var(--page-padding)
      80px;
  }

  .product-lightbox__slide img {
    max-width: 100%;
    max-height: calc(100dvh - 120px);
  }


  /* 모바일은 좌우 click zone 제거 */

  .product-lightbox__nav {
    display: none;
  }

  .product-lightbox__cursor {
    display: none !important;
  }


  .product-lightbox__footer {
    grid-template-columns: repeat(4, minmax(0, 1fr));

    padding: 0 var(--page-padding);
  }

    .product-lightbox__meta {
        grid-column: 1 / 4;
        padding-bottom: 20px;
    }

  .product-lightbox__counter {
    display: block;

    grid-column: 4 / 5;

    justify-self: end;
    align-self: end;

    padding-bottom: var(--page-padding);
  }

/*information*/

  .information {
    min-height: 100dvh;

    padding:
      90px
      var(--page-padding)
      var(--page-padding);
  }

  .information__intro {
    max-width: 100%;

    margin-bottom: 32px;
  }

  .information__contacts {
    width: 100%;
  }

  .information__contact {
    display: block;

    margin-bottom: 16px;
  }

  .information__contact dt {
    margin-bottom: 2px;
  }

  
}