.product-container {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  justify-content: flex-start;
  margin: 0 auto;
  padding: 10px;
  box-sizing: border-box;
}

.product-card {
  flex: 1 1 240px;
  max-width: 260px;
  display: flex;
  flex-direction: column;
  border: 1px solid #e6e6e6;
  border-radius: 8px;
  overflow: hidden;
  background: #fff;
  box-sizing: border-box;
}

.product-image {
  width: 100%;
  height: 200px; /* 이미지 높이 고정 */
  object-fit: contain; /* 이미지 비율 유지, 카드 영역 안에 맞춤 */
  background: #f7f7f7;
  flex-shrink: 0;
}

.product-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 12px;
  box-sizing: border-box;
  flex-grow: 1; /* 글 영역 자연 확장 */
}

.product-mall {
  font-size: 13px;
  color: #555;
  margin-bottom: 6px;
}

.product-title {
  font-size: 14px;
  color: #222;
  margin-bottom: 6px;
  line-height: 1.4;
  word-break: break-word; /* 긴 글자 줄바꿈 처리 */
}

.product-title a {
  color: inherit;
  text-decoration: none;
}

.product-price {
  font-size: 15px;
  font-weight: 700;
  color: #d32f2f;
}

.product-delivery {
  font-size: 13px;
  color: #555;
  margin-top: 4px;
}

/* shop-top-section 전체를 기준점으로 */
.shop-top-section {
    position: relative;
}


/* 부모 박스 안 우측 상단 고정 */
.kakao {
    position: absolute;
    top: 20px;
    right: 24px;
    z-index: 30;
}

/* 모바일에서는 줄바꿈됨 */
@media (max-width: 768px) {
    .shop-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }
    .shop-header-kakao {
        margin-left: 0;
    }
	
	@media(max-width:625px){
	
	.subsscreen{
	margin-top: 25px;
grid-template-columns: 99%; grid-gap: 1%; display: grid;
}	

	
	
	
	
	
	
	
	
	
}
}