.elementor-7917 .elementor-element.elementor-element-558ab7d{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:30px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-7917 .elementor-element.elementor-element-84f77ad{--display:flex;--padding-top:020px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7917 .elementor-element.elementor-element-b75a471{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7917 .elementor-element.elementor-element-2895c55{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products{--products-title-color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.products-heading-show .related-products > h2, .elementor-widget-woocommerce-products.products-heading-show .upsells > h2, .elementor-widget-woocommerce-products.products-heading-show .cross-sells > h2{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del {font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products .added_to_cart{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-7917 .elementor-element.elementor-element-8d8e108.elementor-wc-products  ul.products{grid-column-gap:20px;}.elementor-7917 .elementor-element.elementor-element-8d8e108.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:#333333;}.elementor-7917 .elementor-element.elementor-element-8d8e108.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:#333333;}.elementor-7917 .elementor-element.elementor-element-8d8e108.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-7917 .elementor-element.elementor-element-8d8e108.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:"Pretendard Black", Sans-serif;font-size:14px;}.elementor-7917 .elementor-element.elementor-element-612801e{--display:flex;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-7917 .elementor-element.elementor-element-b101511{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:groove;--border-style:groove;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#E2E8F0;--border-color:#E2E8F0;--border-radius:28px 28px 28px 28px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-7917 .elementor-element.elementor-element-b101511:not(.elementor-motion-effects-element-type-background), .elementor-7917 .elementor-element.elementor-element-b101511 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8FAFC;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-7917 .elementor-element.elementor-element-8d8e108.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(min-width:768px){.elementor-7917 .elementor-element.elementor-element-558ab7d{--width:1200px;}}@media(max-width:1024px) and (min-width:768px){.elementor-7917 .elementor-element.elementor-element-558ab7d{--width:95%;}}@media(max-width:767px){.elementor-7917 .elementor-element.elementor-element-558ab7d{--padding-top:0px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-7917 .elementor-element.elementor-element-84f77ad{--width:100%;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-7917 .elementor-element.elementor-element-84f77ad.e-con{--align-self:center;}.elementor-7917 .elementor-element.elementor-element-b9baf8d{width:var( --container-widget-width, 90% );max-width:90%;--container-widget-width:90%;--container-widget-flex-grow:0;}.elementor-7917 .elementor-element.elementor-element-b9baf8d.elementor-element{--align-self:center;}.elementor-7917 .elementor-element.elementor-element-2895c55{width:var( --container-widget-width, 90% );max-width:90%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:90%;--container-widget-flex-grow:0;}.elementor-7917 .elementor-element.elementor-element-2895c55.elementor-element{--align-self:center;}.elementor-7917 .elementor-element.elementor-element-8d8e108{width:var( --container-widget-width, 90% );max-width:90%;--container-widget-width:90%;--container-widget-flex-grow:0;}.elementor-7917 .elementor-element.elementor-element-8d8e108.elementor-element{--align-self:center;}.elementor-7917 .elementor-element.elementor-element-8d8e108.elementor-wc-products  ul.products{grid-column-gap:15px;grid-row-gap:15px;}}/* Start custom CSS for woocommerce-products, class: .elementor-element-8d8e108 *//* ============================================================
   MAX2MAX ELITE PRODUCTS STYLE (Elementor Custom CSS)
   - 2열 레이아웃 적용 및 썸네일 크기 극대화 버젼
============================================================ */

.elementor-7917 .elementor-element.elementor-element-8d8e108 {
  --gl-primary: #FF7A1A;
  --gl-bg: #ffffff;
  --gl-card-bg: #F9FAFB;
  --gl-text: #000000;
  --gl-gray: #888888;
  --gl-border: #eeeeee;
  --gl-ease: all .35s cubic-bezier(0.165, 0.84, 0.44, 1);
  --gl-icon-url: url("https://a.storyblok.com/f/212839/30x30/4a8e9d2232/customize-icon.svg");
}

/* 전체 상품 그리드: 3열 -> 2열로 변경하여 카드 크기 확대 */
.elementor-7917 .elementor-element.elementor-element-8d8e108 ul.products {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
  margin: 0;
  padding: 0;
  list-style: none;
}

/* 카드: 패딩을 약간 줄여 내부 썸네일 영역 추가 확보 */
.elementor-7917 .elementor-element.elementor-element-8d8e108 ul.products li.product {
  width: 100%;
  margin: 0 !important;
  padding: 20px 16px !important;
  background: var(--gl-card-bg);
  border: 1px solid transparent;
  border-radius: 24px;
  overflow: hidden;
  transition: var(--gl-ease);
  display: flex;
  flex-direction: column;
  position: relative;
}

/* 카드 hover */
.elementor-7917 .elementor-element.elementor-element-8d8e108 ul.products li.product:hover {
  background: #fff;
  border-color: var(--gl-border);
  transform: translateY(-8px);
  box-shadow: 0 20px 40px rgba(0, 0, 0, .06);
}

/* 상품 링크 전체 */
.elementor-7917 .elementor-element.elementor-element-8d8e108 ul.products li.product a.woocommerce-LoopProduct-link {
  display: flex;
  flex-direction: column;
  height: 100%;
  text-decoration: none;
}

/* ? 이미지: 패딩 제거(15px -> 0)하여 썸네일 크기 극대화 */
.elementor-7917 .elementor-element.elementor-element-8d8e108 ul.products li.product .woocommerce-loop-product__link img,
.elementor-7917 .elementor-element.elementor-element-8d8e108 ul.products li.product a img {
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: contain;
  background: #fff;
  border-radius: 16px;
  padding: 0 !important; /* 여백 제거로 이미지 꽉 차게 */
  margin: 0 0 20px 0 !important;
  transition: transform .45s cubic-bezier(0.165, 0.84, 0.44, 1);
  box-sizing: border-box;
}

/* 이미지 hover: 확대 비율 살짝 조절 (카드가 커졌으므로 덜 부담스럽게) */
.elementor-7917 .elementor-element.elementor-element-8d8e108 ul.products li.product:hover img {
  transform: scale(1.05);
}

/* 카테고리 */
.elementor-7917 .elementor-element.elementor-element-8d8e108 ul.products li.product .product-category,
.elementor-7917 .elementor-element.elementor-element-8d8e108 ul.products li.product .posted_in,
.elementor-7917 .elementor-element.elementor-element-8d8e108 ul.products li.product .wc-product-category {
  order: 2;
  display: block;
  font-size: 12px;
  font-weight: 800;
  color: #999;
  text-transform: uppercase;
  letter-spacing: .05em;
  margin: 0 0 6px 0;
  line-height: 1.4;
}

/* 제목: 2열로 커진 카드에 맞춰 폰트 사이즈 살짝 키움 */
.elementor-7917 .elementor-element.elementor-element-8d8e108 ul.products li.product .woocommerce-loop-product__title {
  order: 3;
  font-size: 20px;
  font-weight: 950;
  color: var(--gl-text);
  text-transform: uppercase;
  letter-spacing: -0.02em;
  line-height: 1.2;
  margin: 0 0 24px 0 !important;
  padding: 0 !important;
}

/* 가격 영역 -> 실제 가격 숨기고 action bar처럼 사용 */
.elementor-7917 .elementor-element.elementor-element-8d8e108 ul.products li.product .price {
  order: 4;
  margin-top: auto !important;
  margin-bottom: 0 !important;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 28px;
  padding-top: 6px;
  padding-right: 2px;
  font-size: 0 !important;
  line-height: 0 !important;
  color: transparent !important;
  overflow: visible;
  position: relative;
}

/* 실제 가격 텍스트 숨김 */
.elementor-7917 .elementor-element.elementor-element-8d8e108 ul.products li.product .price *,
.elementor-7917 .elementor-element.elementor-element-8d8e108 ul.products li.product .price .amount,
.elementor-7917 .elementor-element.elementor-element-8d8e108 ul.products li.product .price .woocommerce-Price-amount,
.elementor-7917 .elementor-element.elementor-element-8d8e108 ul.products li.product .price bdi,
.elementor-7917 .elementor-element.elementor-element-8d8e108 ul.products li.product .price ins,
.elementor-7917 .elementor-element.elementor-element-8d8e108 ul.products li.product .price del {
  display: none !important;
}

/* CUSTOMIZE 텍스트 */
.elementor-7917 .elementor-element.elementor-element-8d8e108 ul.products li.product .price::after {
  content: "CUSTOMIZE";
  display: inline-block;
  font-size: 14px;
  line-height: 1;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .05em;
  color: var(--gl-primary);
  order: 1;
}

/* 오른쪽 아이콘 원형 래퍼 (크기 약간 증가) */
.elementor-7917 .elementor-element.elementor-element-8d8e108 ul.products li.product .price::before {
  content: "";
  width: 32px; 
  height: 32px;
  flex: 0 0 32px;
  display: block;
  margin-left: auto;
  order: 2;
  border-radius: 50%;
  background-color: var(--gl-card-bg);
  border: 1px solid var(--gl-card-bg);
  background-image: var(--gl-icon-url);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px 24px;
  transition: transform .3s cubic-bezier(0.4, 0, 0.2, 1), background-color .3s cubic-bezier(0.4, 0, 0.2, 1), border-color .3s cubic-bezier(0.4, 0, 0.2, 1);
  transform: scale(.92);
}

/* hover 시 아이콘 커짐 */
.elementor-7917 .elementor-element.elementor-element-8d8e108 ul.products li.product:hover .price::before {
  background-color: #fff;
  border-color: #fff;
  transform: scale(1.15) rotate(8deg);
}

/* 세일 뱃지 */
.elementor-7917 .elementor-element.elementor-element-8d8e108 ul.products li.product .onsale {
  top: 14px;
  left: 14px;
  right: auto;
  margin: 0;
  min-height: auto;
  line-height: 1;
  padding: 8px 12px;
  border-radius: 999px;
  background: var(--gl-primary);
  color: #fff;
  font-size: 12px;
  font-weight: 800;
  box-shadow: none;
}

/* 기본 버튼 숨김 */
.elementor-7917 .elementor-element.elementor-element-8d8e108 ul.products li.product .button,
.elementor-7917 .elementor-element.elementor-element-8d8e108 ul.products li.product .added_to_cart {
  display: none !important;
}

/* 별점 */
.elementor-7917 .elementor-element.elementor-element-8d8e108 ul.products li.product .star-rating {
  order: 5;
  margin: 10px 0 0 0 !important;
  font-size: 12px;
}

/* 링크 기본 효과 제거 */
.elementor-7917 .elementor-element.elementor-element-8d8e108 ul.products li.product a,
.elementor-7917 .elementor-element.elementor-element-8d8e108 ul.products li.product a:hover {
  text-decoration: none !important;
  box-shadow: none !important;
}

/* 태블릿 */
@media (max-width: 1024px) {
  .elementor-7917 .elementor-element.elementor-element-8d8e108 ul.products {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
  }
}

/* ? 모바일 최적화 */
@media (max-width: 767px) {
  .elementor-7917 .elementor-element.elementor-element-8d8e108 ul.products {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }

  .elementor-7917 .elementor-element.elementor-element-8d8e108 ul.products li.product {
    padding: 12px 10px !important; /* 모바일 카드 여백 최소화하여 이미지 공간 확보 */
    border-radius: 16px;
  }

  /* ? 모바일 썸네일 패딩 0으로 완전히 밀착 */
  .elementor-7917 .elementor-element.elementor-element-8d8e108 ul.products li.product a img,
  .elementor-7917 .elementor-element.elementor-element-8d8e108 ul.products li.product .woocommerce-loop-product__link img {
    border-radius: 12px;
    padding: 0 !important; 
    margin-bottom: 12px !important;
  }

  .elementor-7917 .elementor-element.elementor-element-8d8e108 ul.products li.product .woocommerce-loop-product__title {
    font-size: 14px;
    margin-bottom: 12px !important;
  }

  .elementor-7917 .elementor-element.elementor-element-8d8e108 ul.products li.product .price {
    gap: 8px;
    padding-top: 4px;
    padding-right: 0;
    min-height: 24px;
  }

  .elementor-7917 .elementor-element.elementor-element-8d8e108 ul.products li.product .price::after {
    font-size: 11px;
  }

  .elementor-7917 .elementor-element.elementor-element-8d8e108 ul.products li.product .price::before {
    width: 24px;
    height: 24px;
    flex: 0 0 24px;
    background-size: 20px 20px;
    border: 1px solid var(--gl-card-bg);
    transform: scale(.94);
  }

  .elementor-7917 .elementor-element.elementor-element-8d8e108 ul.products li.product:hover .price::before {
    background-color: #fff;
    border-color: #fff;
    transform: scale(1.12) rotate(8deg);
  }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-f77d324 *//* ==========================================================
   MAX2MAX DESIGN LAB - CUSTOM REQUEST CTA BUTTON
   - 엘리멘터 버튼 위젯 > 고급 > 커스텀 CSS에 붙여넣으세요.
   ========================================================== */

/* 버튼 컴포넌트가 컨테이너 가로폭을 꽉 채우도록 설정 */
.elementor-7917 .elementor-element.elementor-element-f77d324 {
    width: 100% !important;
    display: block !important;
}

/* 딥 차콜 베이스의 프리미엄 버튼 스타일 강제 주입 */
.elementor-7917 .elementor-element.elementor-element-f77d324 .elementor-button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    padding: 15px 24px !important;    /* 콤팩트 카드에 맞춘 정밀 패딩 */
    border-radius: 12px !important;   /* 카드 둥글기와 레이어 싱크 매칭 */
    background-color: #0f172a !important; /* 고급스러운 딥 차콜 */
    color: #ffffff !important;
    font-size: 13px !important;       /* 텍스트 밸런스 크기 */
    font-weight: 900 !important;
    letter-spacing: 0.04em !important;
    text-transform: uppercase !important;
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.06) !important;
    transition: transform 0.35s cubic-bezier(0.165, 0.84, 0.44, 1), 
                background-color 0.35s cubic-bezier(0.165, 0.84, 0.44, 1), 
                box-shadow 0.35s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
}

/* 마우스 호버 효과 (M2M 오렌지 스위칭 + 부드러운 리프트 업) */
.elementor-7917 .elementor-element.elementor-element-f77d324 .elementor-button:hover,
.elementor-7917 .elementor-element.elementor-element-f77d324 .elementor-button:focus {
    background-color: #FF7A1A !important; /* 호버 시 브랜드 오렌지로 아이덴티티 연결 */
    color: #ffffff !important;
    transform: translateY(-4px) !important;
    box-shadow: 0 10px 22px rgba(255, 122, 26, 0.25) !important;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Pretendard Black';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://m2msocks.jp/wp-content/uploads/2026/02/Pretendard-Black.woff2') format('woff2'),
		url('https://m2msocks.jp/wp-content/uploads/2026/02/Pretendard-Black.woff') format('woff'),
		url('https://m2msocks.jp/wp-content/uploads/2026/02/Pretendard-Black.ttf') format('truetype');
}
/* End Custom Fonts CSS */