/* ==========================================================================
   TigerClean - 호랑이청소부 테마
   입주청소/줄눈시공/탄성코트/나노코팅/새집증후군 특화
   ========================================================================== */

:root {
    --color-primary: #EA580C;
    --color-primary-dark: #C2410C;
    --color-primary-light: #FFF7ED;
    --color-secondary: #292524;
    --color-accent: #F97316;
    --color-tiger: #EA580C;
}

.hero {
    background: linear-gradient(135deg, #7C2D12 0%, #292524 100%);
}

.hero__badge {
    background-color: rgba(234, 88, 12, 0.2);
    color: #FDBA74;
    border: 1px solid rgba(234, 88, 12, 0.3);
}

/* 접수 배지 */
.dispatch-badges { display: flex; align-items: center; justify-content: center; gap: var(--spacing-xl); padding: var(--spacing-xl) 0; flex-wrap: wrap; }
.dispatch-badge { display: flex; align-items: center; gap: var(--spacing-sm); padding: var(--spacing-sm) var(--spacing-lg); background: var(--color-bg); border: 1px solid var(--color-border); border-radius: var(--radius-full); font-size: var(--font-size-sm); font-weight: var(--font-weight-medium); }
.dispatch-badge__icon { width: 24px; height: 24px; color: var(--color-primary); }

/* 평수별 가격 */
.size-price-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: var(--spacing-md); }
.size-card { background: var(--color-bg); border: 2px solid var(--color-border); border-radius: var(--radius-lg); padding: var(--spacing-lg); text-align: center; transition: all 0.2s; }
.size-card:hover { border-color: var(--color-primary); box-shadow: 0 4px 12px rgba(234, 88, 12, 0.15); }
.size-card__size { font-size: var(--font-size-2xl); font-weight: var(--font-weight-extrabold); color: var(--color-primary); }
.size-card__label { font-size: var(--font-size-sm); color: var(--color-text-light); margin-top: var(--spacing-xs); }

/* 서비스 특화 카드 (줄눈/탄성코트/나노코팅) */
.special-services { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: var(--spacing-lg); }
.special-card { background: var(--color-bg); border: 1px solid var(--color-border); border-radius: var(--radius-lg); padding: var(--spacing-xl); transition: all 0.2s; }
.special-card:hover { border-color: var(--color-primary); box-shadow: 0 4px 12px rgba(234, 88, 12, 0.1); transform: translateY(-2px); }
.special-card__badge { display: inline-block; padding: 2px 8px; background: var(--color-primary-light); color: var(--color-primary-dark); border-radius: var(--radius-full); font-size: var(--font-size-xs); font-weight: var(--font-weight-bold); margin-bottom: var(--spacing-sm); }
.special-card__title { font-size: var(--font-size-lg); font-weight: var(--font-weight-bold); margin-bottom: var(--spacing-sm); }
.special-card__desc { font-size: var(--font-size-sm); color: var(--color-text-light); line-height: 1.6; }

@media (max-width: 768px) {
    .dispatch-badges { gap: var(--spacing-sm); }
    .dispatch-badge { font-size: var(--font-size-xs); padding: var(--spacing-xs) var(--spacing-md); }
    .size-price-grid { grid-template-columns: repeat(2, 1fr); }
    .special-services { grid-template-columns: 1fr; }
}