/* 모바일 반응형 */
@media screen and (max-width: 768px) {

    /* 상단 레이아웃 - 세로 배치 */
    .seed-detail__top {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    /* 갤러리 */
    .seed-detail__gallery {
        width: 100%;
        max-width: 100%;
    }

    .seed-detail__main-image {
        height: 300px;
        margin-bottom: 12px;
    }

    .seed-detail__main-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .seed-detail__thumbs {
        display: flex;
        gap: 8px;
        overflow-x: auto;
        padding-bottom: 8px;
    }

    .seed-detail__thumb {
        min-width: 60px;
        width: 60px;
        height: 60px;
        flex-shrink: 0;
    }

    .seed-detail__thumb img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    /* 상품 정보 */
    .seed-detail__info {
        width: 100%;
        max-width: 100%;
        padding: 0 4px;
    }

    .seed-detail__category {
        font-size: 12px;
        padding: 4px 10px;
    }

    .seed-detail__name {
        font-size: 20px;
        margin: 8px 0 12px;
        line-height: 1.4;
    }

    /* 가격 */
    .seed-detail__price-box {
        padding: 12px;
        margin-bottom: 16px;
    }

    .seed-detail__price-row {
        margin-bottom: 8px;
    }

    .seed-detail__price-label {
        font-size: 13px;
    }

    .seed-detail__price-value {
        font-size: 16px;
    }

    .seed-detail__price-value.is-sale {
        font-size: 20px;
    }

    /* 메타 정보 */
    .seed-detail__meta {
        display: block;
        gap: 0;
    }

    .seed-detail__meta-item {
        display: block;
        padding: 12px 0;
        border-bottom: 1px solid #f0f0f0;
    }

    .seed-detail__meta-item:last-child {
        border-bottom: none;
    }

    .seed-detail__meta-item strong {
        display: block;
        font-size: 13px;
        margin-bottom: 8px;
        color: #666;
    }

    .seed-detail__meta-item span {
        font-size: 14px;
    }

    .seed-detail__meta-value-tag {
        display: flex;
        flex-wrap: wrap;
        gap: 6px;
    }

    .seed-pill {
        font-size: 12px;
        padding: 4px 10px;
    }

    /* 수량 선택 */
    .seed-quantity {
        width: 100%;
        max-width: 140px;
    }

    .seed-quantity-btn {
        width: 36px;
        height: 36px;
        font-size: 18px;
    }

    .seed-quantity-input {
        width: 50px;
        height: 36px;
        font-size: 14px;
    }

    /* 총 가격 */
    .final-total-price {
        font-size: 18px;
        padding: 12px;
        margin: 12px 0;
    }

    /* CTA 버튼 */
    .seed-detail__cta {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        background: #fff;
        padding: 12px 16px;
        box-shadow: 0 -4px 10px rgba(0, 0, 0, 0.1);
        z-index: 1000;
        display: flex;
        flex-direction: row;
        gap: 10px;
        margin-bottom: 0;
        box-sizing: border-box;
    }

    .seed-detail__cta button {
        flex: 1;
        padding: 14px 0;
        font-size: 16px;
        border-radius: 8px;
    }

    /* 하단 여백 추가 (CTA 버튼에 가려지지 않도록) */
    .seed-detail-section {
        padding-bottom: 80px;
    }

    /* 탑 버튼 위치 조정 (CTA 버튼 위로) */
    .scroll-to-top {
        bottom: 90px !important;
    }

    /* 파트너 카드 */
    .trade-card {
        margin-top: 16px;
        display: flex;
        flex-direction: column;
        gap: 12px;
    }

    .trade-card-front {
        padding: 14px;
        display: flex;
        gap: 12px;
        align-items: center;
        background-color: #f9f9f9;
        border-radius: 8px;
    }

    .seed-detail-card-image {
        width: 60px;
        height: 60px;
        border-radius: 8px;
        object-fit: cover;
        flex-shrink: 0;
    }

    .trade-card-info {
        font-size: 14px;
        font-weight: 500;
        flex: 1;
        display: flex;
        flex-direction: column;
        gap: 4px;
    }

    .trade-card-info span {
        font-size: 13px;
        color: #666;
        font-weight: normal;
    }

    .partner-move-button {
        padding: 12px 16px;
        font-size: 14px;
        width: 100%;
    }

    /* 하단 탭 */
    .seed-detail__tabs {
        display: flex;
        overflow-x: auto;
        gap: 4px;
        padding-bottom: 8px;
        margin-bottom: 16px;
        -webkit-overflow-scrolling: touch;
    }

    .seed-detail__tab {
        white-space: nowrap;
        font-size: 13px;
        padding: 10px 14px;
        flex-shrink: 0;
    }

    /* 패널 */
    .seed-detail__panel {
        padding: 16px 8px;
    }

    .panel-title {
        font-size: 16px;
        margin-bottom: 12px;
    }

    .seed-detail__panel-simple-content {
        font-size: 14px;
        line-height: 1.7;
    }

    /* 그리드 컨텐츠 */
    .seed-detail__panel-grid-content {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .seed-detail__panel-grid-box {
        padding: 14px;
    }

    .seed-detail__panel-grid-title {
        font-size: 13px;
        margin-bottom: 6px;
    }

    .seed-detail__panel-grid-desc {
        font-size: 14px;
    }

    /* 하이라이트 패널 */
    .seed-detail__panel-highlight-desc {
        flex-direction: column;
        gap: 12px;
    }

    .panel-highlight-desc__left,
    .panel-highlight-desc__right {
        width: 100%;
    }

    .panel-highlight-desc__left p,
    .panel-highlight-desc__right p {
        font-size: 14px;
        margin-bottom: 10px;
        line-height: 1.6;
    }

    .panel-highlight-desc__left p span,
    .panel-highlight-desc__right p span {
        font-size: 13px;
        margin-right: 6px;
    }

    /* 거래 내역 */
    .trade-history {
        display: flex;
        flex-direction: column;
        gap: 12px;
    }

    .trade-history__row--head {
        display: none;
    }

    .trade-history__row {
        display: block;
        background-color: #f9f9f9;
        border-radius: 8px;
        padding: 14px;
        border: 1px solid #f0f0f0;
    }

    .trade-history__row span {
        display: block;
        margin-bottom: 8px;
        font-size: 14px;
        line-height: 1.6;
    }

    .trade-history__row span::before {
        content: attr(data-label);
        display: inline-block;
        font-weight: 600;
        color: #666;
        min-width: 70px;
        margin-right: 8px;
    }

    .trade-history__row span:last-child {
        margin-bottom: 0;
    }

    /* 리뷰 */
    .new-review-grid {
        gap: 16px;
    }

    .new-review-card {
        padding: 16px;
    }

    .review-profile img {
        width: 40px;
        height: 40px;
    }

    .review-profile-name {
        font-size: 14px;
    }

    .review-profile-date {
        font-size: 11px;
    }

    .review-content {
        font-size: 14px;
        line-height: 1.6;
        margin: 12px 0;
    }

    .review-meta {
        flex-direction: column;
        gap: 8px;
        align-items: flex-start;
    }

    .partner-info,
    .product-info {
        font-size: 12px;
    }

    .partner-name-badge,
    .product-name-badge {
        font-size: 11px;
        padding: 3px 8px;
    }

    .partner-name,
    .product-name {
        font-size: 12px;
    }

    /* Q&A, 배송 정보 */
    .seed-detail__panel ul {
        padding-left: 16px;
    }

    .seed-detail__panel ul li {
        font-size: 14px;
        line-height: 1.7;
        margin-bottom: 8px;
    }

    .seed-detail__panel p {
        font-size: 14px;
        line-height: 1.7;
    }

    /* 배너 */
    .home-banner__content {
        padding: 40px 20px;
    }

    .banner-content {
        font-size: 16px;
        line-height: 1.6;
        margin-bottom: 20px;
    }

    .btn-banner {
        font-size: 14px;
        padding: 10px 20px;
    }

    /* 토스트 */
    .seed-toast {
        max-width: 90%;
        font-size: 14px;
        padding: 12px 16px;
        bottom: 80px;
    }

    .seed-toast-icon {
        font-size: 16px;
    }

    /* 에러 메시지 */
    .seed-detail__error {
        padding: 12px;
        margin-bottom: 16px;
        font-size: 14px;
    }
}

/* 태블릿 반응형 */
@media screen and (min-width: 769px) and (max-width: 1024px) {
    .seed-detail__top {
        gap: 24px;
    }

    .seed-detail__gallery {
        flex: 1;
        max-width: 480px;
    }

    .seed-detail__info {
        flex: 1;
    }

    .seed-detail__panel-grid-content {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* 작은 모바일 (360px 이하) */
@media screen and (max-width: 360px) {
    .seed-detail__main-image {
        height: 250px;
    }

    .seed-detail__name {
        font-size: 18px;
    }

    .seed-detail__thumb {
        min-width: 50px;
        width: 50px;
        height: 50px;
    }

    .seed-detail__price-value.is-sale {
        font-size: 18px;
    }

    .seed-detail__tab {
        font-size: 12px;
        padding: 8px 12px;
    }

    .trade-history__row {
        font-size: 11px;
        padding: 10px 6px;
    }

    .trade-history__row--head {
        font-size: 11px;
    }

    .seed-detail-card-image {
        width: 50px;
        height: 50px;
    }

    .trade-card-info {
        font-size: 13px;
    }

    .trade-card-info span {
        font-size: 12px;
    }

    .seed-detail__meta-item {
        padding: 10px 0;
    }
}