.elementor-23236 .elementor-element.elementor-element-0664ba7{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-23236 .elementor-element.elementor-element-ea3ea34 > .elementor-element-populated{border-style:none;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-23236 .elementor-element.elementor-element-ea3ea34 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-23236 .elementor-element.elementor-element-77cb505 > .elementor-widget-container{padding:0px 0px 0px 0px;}
/* Start custom CSS for html, class: .elementor-element-77cb505 *//* MOZA 브랜드사이트 랜딩페이지 CSS - 워드프레스 테마 충돌 해결 */
/* 워드프레스 테마의 기본 스타일을 덮어쓰도록 CSS 우선순위 강화 */

/* Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&family=Saira:wght@600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Pretendard:wght@300;400;600;700&display=swap');

/* 워드프레스 테마 스타일 덮어쓰기 - CSS 우선순위 최대화 */
.moza-container,
.moza-container *,
.moza-container h1,
.moza-container h2,
.moza-container h3,
.moza-container h4,
.moza-container h5,
.moza-container h6,
.moza-container p,
.moza-container a,
.moza-container div,
.moza-container span,
.moza-container section {
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 0 !important;
    font-family: 'Pretendard', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif !important;
    line-height: 1.6 !important;
    color: inherit !important;
    text-decoration: none !important;
    border: none !important;
    background: none !important;
}

/* MOZA Landing Page Styles - 4K Optimized */
.moza-container {
    max-width: 100% !important;
    margin: 0 auto !important;
    position: relative !important;
    font-family: 'Pretendard', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif !important;
}

/* Hero Video Section - Full Width Responsive */
.moza-container .hero-section {
    position: relative !important;
    height: 100vh !important;
    min-height: 600px !important;
    max-height: 1200px !important;
    overflow: hidden !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100vw !important;
    margin-left: calc(-50vw + 50%) !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
}

.moza-container .hero-video {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    z-index: 1 !important;
    border: none !important;
    outline: none !important;
}

.moza-container .hero-overlay {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: rgba(0, 0, 0, 0.3) !important;
    z-index: 2 !important;
}

.moza-container .hero-content {
    position: relative !important;
    z-index: 3 !important;
    text-align: center !important;
    color: white !important;
    opacity: 0.6 !important;
    font-family: 'Roboto', 'Helvetica Neue', Arial, sans-serif !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    text-transform: uppercase !important;
    opacity: 0.95 !important;
    padding: 0 20px !important;
    margin: 0 !important;
}

.moza-container .hero-content p {
    margin: 0 !important;
    padding: 0 !important;
    font-family: 'Roboto', 'Helvetica Neue', Arial, sans-serif !important;
    font-weight: 700 !important;
    font-size: inherit !important;
    line-height: inherit !important;
    color: inherit !important;
}

/* Brand Story Section - 1920px Fixed Width */
.moza-container .brand-story {
    position: relative !important;
    padding: 90px 0 !important;
    background: linear-gradient(135deg, #15151e 0%, #1a1a2e 100%) !important;
    overflow: hidden !important;
    width: 100vw !important;
    margin-left: calc(-50vw + 50%) !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.moza-container .brand-story::before {
    content: '' !important;
    position: absolute !important;
    top: -52.27% !important;
    left: 0 !important;
    width: 100% !important;
    height: 204.55% !important;
    background-image: url('https://tbnws.hgodo.com/wordpress/moza/home/02_brandstory/brandstory.webp') !important;
    background-size: cover !important;
    background-position: center !important;
    opacity: 0.8 !important;
    z-index: 1 !important;
}

.moza-container .brand-story::after {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: rgba(0, 0, 0, 0.49) !important;
    z-index: 2 !important;
}

.moza-container .brand-content {
    position: relative !important;
    z-index: 3 !important;
    max-width: 1920px !important;
    margin: 0 auto !important;
    text-align: center !important;
    padding: 0 20px !important;
    width: 100% !important;
}

.moza-container .brand-title {
    font-family: 'Pretendard', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif !important;
    font-weight: 700 !important;
    font-size: clamp(18px, 2vw, 28px) !important;
    line-height: 1.2 !important;
    color: white !important;
    margin: 0 0 18px 0 !important;
    padding: 0 !important;
    text-transform: uppercase !important;
}

.moza-container .brand-description {
    font-family: 'Pretendard', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif !important;
    font-weight: 400 !important;
    font-size: clamp(14px, 1.5vw, 18px) !important;
    line-height: 1.65 !important;
    color: #f6f6f6 !important;
    max-width: 800px !important;
    margin: 0 auto !important;
    padding: 0 !important;
}

/* Products Category Section - 1920px Fixed Width */
.moza-container .products-section {
    background: black !important;
    padding: 140px 0 80px 0 !important;
    min-height: auto !important;
    width: 100vw !important;
    margin-left: calc(-50vw + 50%) !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    overflow: hidden !important;
}

.moza-container .products-container {
    max-width: 1920px !important;
    margin: 0 auto !important;
    padding: 0 20px !important;
    width: 100% !important;
}

.moza-container .products-title {
    font-family: 'Saira', 'Arial Black', sans-serif !important;
    font-weight: 600 !important;
    font-size: clamp(24px, 3vw, 44px) !important;
    line-height: 1.2 !important;
    text-align: center !important;
    color: white !important;
    margin: 0 0 60px 0 !important;
    padding: 0 !important;
    text-transform: uppercase !important;
}

.moza-container .products-grid {
    display: flex !important;
    flex-direction: column !important;
    gap: 24px !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.moza-container .products-row {
    display: flex !important;
    gap: 24px !important;
    align-items: stretch !important;
}

.moza-container .product-card {
    position: relative !important;
    border-radius: 20px !important;
    overflow: hidden !important;
    cursor: pointer !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    display: flex !important;
    align-items: flex-end !important;
    padding: 40px !important;
    margin: 0 !important;
}

.moza-container .product-card:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3) !important;
}

.moza-container .product-card::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent) !important;
    z-index: 1 !important;
}

.moza-container .product-card-content {
    position: relative !important;
    z-index: 2 !important;
}

.moza-container .product-title {
    font-family: 'Pretendard', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif !important;
    font-weight: 700 !important;
    font-size: clamp(16px, 1.5vw, 28px) !important;
    line-height: 1.2 !important;
    color: white !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Card Sizes - 4K Responsive */
.moza-container .card-large {
    width: 708px !important;
    height: 872px !important;
    flex: 0 0 708px !important;
}

.moza-container .card-medium {
    width: 708px !important;
    height: 424px !important;
    flex: 0 0 708px !important;
}

.moza-container .card-small {
    width: 562px !important;
    height: 648px !important;
    flex: 0 0 562px !important;
}

.moza-container .card-wide {
    width: 854px !important;
    height: 648px !important;
    flex: 1 !important;
}

/* Background Images - 수정 가능한 이미지 URL들 */
.moza-container .wheels-bg {
    background-image: url('https://your-image-hosting.com/wheelbases-category.jpg') !important;
}

.moza-container .steering-bg {
    background-image: url('https://your-image-hosting.com/steering-wheels-category.jpg') !important;
}

.moza-container .pedals-bg {
    background-image: url('https://your-image-hosting.com/pedals-category.jpg') !important;
}

.moza-container .shifter-bg {
    background-image: url('https://your-image-hosting.com/shifter-addons-category.jpg') !important;
}

.moza-container .flight-bg {
    background-image: url('https://your-image-hosting.com/flight-category.jpg') !important;
}

/* CTA Section - 1920px Fixed Width */
.moza-container .cta-section {
    background: black !important;
    height: 463px !important;
    position: relative !important;
    overflow: hidden !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100vw !important;
    margin-left: calc(-50vw + 50%) !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
}

.moza-container .cta-background {
    position: absolute !important;
    top: -146px !important;
    left: 0 !important;
    width: 100% !important;
    height: 720px !important;
    opacity: 0.4 !important;
    background-image: url('https://tbnws.hgodo.com/wordpress/moza/home/04_gotoshop/gotoshop.webp') !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

.moza-container .cta-content {
    position: relative !important;
    z-index: 2 !important;
    text-align: center !important;
    color: white !important;
    max-width: 1920px !important;
    margin: 0 auto !important;
    padding: 0 20px !important;
    width: 100% !important;
}

.moza-container .cta-title {
    font-family: 'Pretendard', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif !important;
    font-weight: 600 !important;
    font-size: clamp(18px, 2vw, 32px) !important;
    line-height: 1.4 !important;
    margin: 0 0 30px 0 !important;
    padding: 0 !important;
    color: white !important;
}

.moza-container .cta-title p {
    margin: 0 !important;
    padding: 0 !important;
    font-family: inherit !important;
    font-weight: inherit !important;
    font-size: inherit !important;
    line-height: inherit !important;
    color: inherit !important;
}

.moza-container .cta-button {
    display: inline-block !important;
    background: #c9af89 !important;
    color: white !important;
    padding: clamp(8px, 1vw, 16px) clamp(30px, 4vw, 80px) !important;
    border-radius: 8px !important;
    text-decoration: none !important;
    font-family: 'Pretendard', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif !important;
    font-weight: 600 !important;
    font-size: clamp(14px, 1.5vw, 24px) !important;
    line-height: 1.2 !important;
    text-align: center !important;
    transition: all 0.3s ease !important;
    white-space: nowrap !important;
    border: none !important;
    outline: none !important;
    margin: 0 !important;
}

.moza-container .cta-button:hover {
    background: #b89a7a !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 10px 20px rgba(201, 175, 137, 0.3) !important;
    color: white !important;
    text-decoration: none !important;
}

/* 4K and Ultra-wide Display Support */
@media (min-width: 3840px) {
    .moza-container .hero-section {
        height: 100vh !important;
        max-height: 1400px !important;
    }
    
    .moza-container .hero-content {
        font-size: 96px !important;
    }
    
    .moza-container .brand-title {
        font-size: 48px !important;
    }
    
    .moza-container .brand-description {
        font-size: 32px !important;
        max-width: 1200px !important;
    }
    
    .moza-container .products-title {
        font-size: 72px !important;
    }
    
    .moza-container .product-title {
        font-size: 36px !important;
    }
    
    .moza-container .cta-title {
        font-size: 48px !important;
    }
    
    .moza-container .cta-button {
        font-size: 32px !important;
        padding: 20px 100px !important;
    }
    
    .moza-container .products-section {
        padding: 200px 0 !important;
    }
    
    .moza-container .brand-story {
        padding: 150px 0 !important;
    }
}

/* Ultra-wide Display Support (21:9, 32:9) */
@media (min-width: 2560px) and (max-width: 3839px) {
    .moza-container .hero-section {
        height: 100vh !important;
        max-height: 1200px !important;
    }
    
    .moza-container .hero-content {
        font-size: 60px !important;
        opacity: 0.6 !important;
    }
    
    .moza-container .brand-title {
        font-size: 40px !important;
    }
    
    .moza-container .brand-description {
        font-size: 28px !important;
        max-width: 1000px !important;
    }
    
    .moza-container .products-title {
        font-size: 64px !important;
    }
    
    .moza-container .product-title {
        font-size: 32px !important;
    }
    
    .moza-container .cta-title {
        font-size: 40px !important;
    }
    
    .moza-container .cta-button {
        font-size: 28px !important;
        padding: 16px 80px !important;
    }
}

/* QHD Display Support (2560x1440) */
@media (min-width: 1920px) and (max-width: 2559px) {
    .moza-container .hero-section {
        height: 100vh !important;
        max-height: 1000px !important;
    }
    
    .moza-container .hero-content {
        font-size: 32px !important;
        opacity: 0.6 !important;
    }
    
    .moza-container .brand-title {
        font-size: 28px !important;
    }
    
    .moza-container .brand-description {
        font-size: 18px !important;
        max-width: 900px !important;
    }
    
    .moza-container .products-title {
        font-size: 44px !important;
    }
    
    .moza-container .product-title {
        font-size: 20px !important;
    }
    
    .moza-container .cta-title {
        font-size: 28px !important;
    }
    
    .moza-container .cta-button {
        font-size: 16px !important;
        padding: 14px 70px !important;
    }
}

/* Standard Desktop (1920x1080) */
@media (min-width: 1200px) and (max-width: 1919px) {
    .moza-container .hero-section {
        height: 100vh !important;
        max-height: 900px !important;
    }
    
    .moza-container .products-container {
        max-width: 1440px !important;
    }
    
    .moza-container .card-large {
        width: 600px !important;
        height: 750px !important;
        flex: 0 0 600px !important;
    }
    
    .moza-container .card-medium {
        width: 600px !important;
        height: 360px !important;
        flex: 0 0 600px !important;
    }
    
    .moza-container .card-small {
        width: 480px !important;
        height: 550px !important;
        flex: 0 0 480px !important;
    }
    
    .moza-container .card-wide {
        width: 720px !important;
        height: 550px !important;
        flex: 1 !important;
    }
}

/* Tablet and Small Desktop */
@media (max-width: 1199px) {
    .moza-container .products-container {
        padding: 0 20px !important;
    }
    
    .moza-container .products-grid {
        gap: 16px !important;
    }
    
    .moza-container .products-row {
        flex-direction: column !important;
        gap: 16px !important;
        align-items: center !important;
    }
    
    .moza-container .products-row:first-child > div:last-child {
        width: 100% !important;
        flex: none !important;
        min-width: auto !important;
        max-width: none !important;
        height: auto !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 16px !important;
    }
    
    .moza-container .card-large,
    .moza-container .card-medium,
    .moza-container .card-small,
    .moza-container .card-wide {
        width: 100% !important;
        max-width: 600px !important;
        height: 350px !important;
        flex: none !important;
        min-width: auto !important;
        max-width: 600px !important;
        min-height: 350px !important;
        max-height: 350px !important;
    }
}

/* Mobile Landscape */
@media (max-width: 768px) {
    .moza-container .hero-section {
        height: 70vh !important;
        min-height: 450px !important;
        max-height: 600px !important;
    }
    
    .moza-container .hero-content {
        font-size: clamp(24px, 8vw, 40px) !important;
        padding: 0 16px !important;
        line-height: 1.1 !important;
    }
    
    .moza-container .hero-content p {
        margin: 8px 0 !important;
    }
    
    .moza-container .brand-story {
        padding: 60px 0 !important;
    }
    
    .moza-container .brand-content {
        max-width: 100% !important;
        padding: 0 16px !important;
    }
    
    .moza-container .brand-title {
        font-size: clamp(20px, 6vw, 32px) !important;
        margin: 0 0 16px 0 !important;
    }
    
    .moza-container .brand-description {
        font-size: clamp(14px, 4vw, 18px) !important;
        line-height: 1.6 !important;
    }
    
    .moza-container .products-section {
        padding: 60px 0 40px 0 !important;
    }
    
    .moza-container .products-container {
        padding: 0 16px !important;
    }
    
    .moza-container .products-title {
        font-size: clamp(24px, 8vw, 36px) !important;
        margin: 0 0 32px 0 !important;
    }
    
    .moza-container .products-grid {
        gap: 16px !important;
    }
    
    .moza-container .products-row {
        gap: 16px !important;
        flex-direction: column !important;
        align-items: center !important;
    }
    
    .moza-container .products-row:first-child > div:last-child {
        width: 100% !important;
        gap: 16px !important;
    }
    
    .moza-container .product-card {
        padding: 24px 20px !important;
        height: 280px !important;
        min-height: 280px !important;
        max-height: 280px !important;
        width: 100% !important;
        max-width: 100% !important;
    }
    
    .moza-container .product-title {
        font-size: clamp(16px, 5vw, 22px) !important;
        white-space: normal !important;
        text-align: left !important;
    }
    
    .moza-container .cta-section {
        height: 320px !important;
        padding: 0 !important;
    }
    
    .moza-container .cta-content {
        padding: 0 16px !important;
    }
    
    .moza-container .cta-title {
        font-size: clamp(18px, 6vw, 26px) !important;
        margin: 0 0 24px 0 !important;
        line-height: 1.3 !important;
    }
    
    .moza-container .cta-title p {
        margin: 4px 0 !important;
    }
    
    .moza-container .cta-button {
        font-size: clamp(14px, 5vw, 20px) !important;
        padding: 12px 32px !important;
        min-height: 48px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
}

/* Mobile Portrait */
@media (max-width: 480px) {
    .moza-container .hero-section {
        height: 60vh !important;
        min-height: 400px !important;
        max-height: 500px !important;
    }
    
    .moza-container .hero-content {
        font-size: clamp(20px, 10vw, 32px) !important;
        padding: 0 12px !important;
    }
    
    .moza-container .hero-content p {
        margin: 6px 0 !important;
    }
    
    .moza-container .brand-story {
        padding: 40px 0 !important;
    }
    
    .moza-container .brand-content {
        padding: 0 12px !important;
    }
    
    .moza-container .brand-title {
        font-size: clamp(18px, 8vw, 28px) !important;
        margin: 0 0 12px 0 !important;
    }
    
    .moza-container .brand-description {
        font-size: clamp(13px, 5vw, 16px) !important;
        line-height: 1.5 !important;
    }
    
    .moza-container .products-section {
        padding: 40px 0 30px 0 !important;
    }
    
    .moza-container .products-container {
        padding: 0 12px !important;
    }
    
    .moza-container .products-title {
        font-size: clamp(20px, 10vw, 28px) !important;
        margin: 0 0 24px 0 !important;
    }
    
    .moza-container .products-grid {
        gap: 12px !important;
    }
    
    .moza-container .products-row {
        gap: 12px !important;
    }
    
    .moza-container .products-row:first-child > div:last-child {
        gap: 12px !important;
    }
    
    .moza-container .product-card {
        height: 240px !important;
        min-height: 240px !important;
        max-height: 240px !important;
        padding: 20px 16px !important;
    }
    
    .moza-container .product-title {
        font-size: clamp(14px, 6vw, 18px) !important;
        line-height: 1.2 !important;
    }
    
    .moza-container .cta-section {
        height: 280px !important;
    }
    
    .moza-container .cta-content {
        padding: 0 12px !important;
    }
    
    .moza-container .cta-title {
        font-size: clamp(16px, 7vw, 22px) !important;
        margin: 0 0 20px 0 !important;
        line-height: 1.3 !important;
    }
    
    .moza-container .cta-title p {
        margin: 3px 0 !important;
    }
    
    .moza-container .cta-button {
        font-size: clamp(13px, 6vw, 18px) !important;
        padding: 10px 24px !important;
        min-height: 44px !important;
    }
}

/* Ultra-wide Landscape Mobile */
@media (max-width: 896px) and (orientation: landscape) {
    .moza-container .hero-section {
        height: 100vh !important;
        min-height: 400px !important;
        max-height: 600px !important;
    }
    
    .moza-container .hero-content {
        font-size: clamp(20px, 6vw, 36px) !important;
        padding: 0 20px !important;
    }
    
    .moza-container .hero-content p {
        margin: 4px 0 !important;
    }
    
    .moza-container .products-section {
        padding: 40px 0 30px 0 !important;
    }
    
    .moza-container .product-card {
        height: 200px !important;
        min-height: 200px !important;
        max-height: 200px !important;
    }
    
    .moza-container .product-title {
        font-size: clamp(12px, 4vw, 16px) !important;
    }
    
    .moza-container .cta-section {
        height: 250px !important;
    }
}

/* High DPI Display Support */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .moza-container .hero-video {
        image-rendering: -webkit-optimize-contrast !important;
        image-rendering: crisp-edges !important;
    }
}

/* Product Link 스타일 */
.moza-container .product-link {
    display: block !important;
    text-decoration: none !important;
    color: inherit !important;
    width: 100% !important;
    height: 100% !important;
}

.moza-container .product-link:hover {
    text-decoration: none !important;
    color: inherit !important;
}

/* Touch-friendly Mobile Optimizations */
@media (max-width: 768px) {
    /* 터치 친화적인 버튼 크기 */
    .moza-container .product-card {
        min-height: 44px !important;
        touch-action: manipulation !important;
    }
    
    /* 터치 영역 확대 */
    .moza-container .product-link {
        min-height: 44px !important;
        display: block !important;
        touch-action: manipulation !important;
    }
    
    /* 스크롤 최적화 */
    .moza-container {
        -webkit-overflow-scrolling: touch !important;
        scroll-behavior: smooth !important;
    }
    
    /* 모바일에서 텍스트 선택 방지 */
    .moza-container .hero-content,
    .moza-container .product-title {
        -webkit-user-select: none !important;
        -moz-user-select: none !important;
        -ms-user-select: none !important;
        user-select: none !important;
    }
}

/* Very Small Mobile Devices */
@media (max-width: 360px) {
    .moza-container .hero-content {
        font-size: clamp(16px, 12vw, 24px) !important;
    }
    
    .moza-container .brand-title {
        font-size: clamp(16px, 10vw, 24px) !important;
    }
    
    .moza-container .brand-description {
        font-size: clamp(12px, 6vw, 14px) !important;
    }
    
    .moza-container .products-title {
        font-size: clamp(18px, 12vw, 24px) !important;
    }
    
    .moza-container .product-title {
        font-size: clamp(12px, 8vw, 16px) !important;
    }
    
    .moza-container .cta-title {
        font-size: clamp(14px, 9vw, 20px) !important;
    }
    
    .moza-container .cta-button {
        font-size: clamp(12px, 7vw, 16px) !important;
        padding: 8px 20px !important;
    }
    
    .moza-container .product-card {
        height: 220px !important;
        min-height: 220px !important;
        max-height: 220px !important;
        padding: 16px 12px !important;
    }
}

/* iOS Safari 특별 최적화 */
@supports (-webkit-touch-callout: none) {
    .moza-container .hero-video {
        -webkit-transform: translateZ(0) !important;
        transform: translateZ(0) !important;
    }
    
    .moza-container .product-card:hover {
        transform: none !important;
        box-shadow: none !important;
    }
}


* Product Category Section - 레이아웃 강제 수정 */
.moza-container .products-section {
    background: black !important;
    padding: 140px 0 80px 0 !important;
    min-height: auto !important;
    width: 100vw !important;
    margin-left: calc(-50vw + 50%) !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    overflow: hidden !important;
}

.moza-container .products-container {
    max-width: 1920px !important;
    margin: 0 auto !important;
    padding: 0 20px !important;
    width: 100% !important;
    display: block !important;
}

.moza-container .products-title {
    font-family: 'Saira', 'Arial Black', sans-serif !important;
    font-weight: 600 !important;
    font-size: clamp(28px, 3vw, 44px) !important;
    line-height: 1.2 !important;
    text-align: center !important;
    color: white !important;
    margin: 0 0 60px 0 !important;
    padding: 0 !important;
    text-transform: uppercase !important;
    display: block !important;
    width: 100% !important;
}

.moza-container .products-grid {
    display: flex !important;
    flex-direction: column !important;
    gap: 24px !important;
    width: 100% !important;
    max-width: 1440px !important;
    margin: 0 auto 0 auto !important;
    padding-bottom: 0 !important;
}

.moza-container .products-row {
    display: flex !important;
    gap: 24px !important;
    align-items: stretch !important;
    width: 100% !important;
    justify-content: center !important;
}

/* 제품 카드 레이아웃 강제 수정 */
.moza-container .product-card {
    position: relative !important;
    border-radius: 20px !important;
    overflow: hidden !important;
    cursor: pointer !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    display: flex !important;
    align-items: flex-end !important;
    padding: 40px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}

.moza-container .product-card:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3) !important;
}

.moza-container .product-card::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent) !important;
    z-index: 1 !important;
}

.moza-container .product-card-content {
    position: relative !important;
    z-index: 2 !important;
    width: 100% !important;
}

.moza-container .product-title {
    font-family: 'Pretendard', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif !important;
    font-weight: 700 !important;
    font-size: clamp(16px, 1.5vw, 20px) !important;
    line-height: 1.2 !important;
    color: white !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 카드 크기 강제 설정 */
.moza-container .card-large {
    width: 708px !important;
    height: 872px !important;
    flex: 0 0 708px !important;
    min-width: 708px !important;
    max-width: 708px !important;
}

.moza-container .card-medium {
    width: 708px !important;
    height: 424px !important;
    flex: 0 0 708px !important;
    min-width: 708px !important;
    max-width: 708px !important;
}

.moza-container .card-small {
    width: 562px !important;
    height: 648px !important;
    flex: 0 0 562px !important;
    min-width: 562px !important;
    max-width: 562px !important;
}

.moza-container .card-wide {
    width: 854px !important;
    height: 648px !important;
    flex: 1 1 854px !important;
    min-width: 854px !important;
    max-width: none !important;
}

/* 오른쪽 컬럼 컨테이너 수정 */
.moza-container .products-row > div:last-child {
    display: flex !important;
    flex-direction: column !important;
    gap: 24px !important;
    width: 708px !important;
    flex: 0 0 708px !important;
    min-width: 708px !important;
    max-width: 708px !important;
}

/* 배경 이미지 강제 적용 */
.moza-container .wheels-bg {
    background-image: url('https://tbnws.hgodo.com/wordpress/moza/home/03_products/01.webp') !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

.moza-container .steering-bg {
    background-image: url('https://tbnws.hgodo.com/wordpress/moza/home/03_products/02.webp') !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

.moza-container .pedals-bg {
    background-image: url('https://tbnws.hgodo.com/wordpress/moza/home/03_products/03.webp') !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

.moza-container .shifter-bg {
    background-image: url('https://tbnws.hgodo.com/wordpress/moza/home/03_products/04.webp') !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

.moza-container .flight-bg {
    background-image: url('https://tbnws.hgodo.com/wordpress/moza/home/03_products/05.webp') !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

/* 반응형 레이아웃 수정 */
@media (min-width: 1440px) {
    .moza-container .products-grid {
        max-width: 1440px !important;
    }
    
    .moza-container .products-row {
        justify-content: center !important;
    }
}

@media (min-width: 1200px) and (max-width: 1439px) {
    .moza-container .products-container {
        max-width: 1200px !important;
    }
    
    .moza-container .card-large {
        width: 580px !important;
        height: 750px !important;
        flex: 0 0 580px !important;
        min-width: 580px !important;
        max-width: 580px !important;
    }
    
    .moza-container .card-medium {
        width: 580px !important;
        height: 360px !important;
        flex: 0 0 580px !important;
        min-width: 580px !important;
        max-width: 580px !important;
    }
    
    .moza-container .card-small {
        width: 480px !important;
        height: 550px !important;
        flex: 0 0 480px !important;
        min-width: 480px !important;
        max-width: 480px !important;
    }
    
    .moza-container .card-wide {
        width: 700px !important;
        height: 550px !important;
        flex: 1 1 700px !important;
        min-width: 700px !important;
        max-width: none !important;
    }
    
    .moza-container .products-row > div:last-child {
        width: 580px !important;
        flex: 0 0 580px !important;
        min-width: 580px !important;
        max-width: 580px !important;
    }
}

@media (max-width: 1199px) {
    .moza-container .products-container {
        padding: 0 40px !important;
    }
    
    .moza-container .products-row {
        flex-direction: column !important;
        gap: 20px !important;
        align-items: center !important;
    }
    
    .moza-container .card-large,
    .moza-container .card-medium,
    .moza-container .card-small,
    .moza-container .card-wide {
        width: 100% !important;
        height: 400px !important;
        flex: none !important;
        min-width: auto !important;
        max-width: none !important;
    }
    
    .moza-container .products-row > div:last-child {
        width: 100% !important;
        flex: none !important;
        min-width: auto !important;
        max-width: none !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 20px !important;
    }
}

@media (max-width: 768px) {
    .moza-container .products-section {
        padding: 80px 0 !important;
    }
    
    .moza-container .products-container {
        padding: 0 20px !important;
    }
    
    .moza-container .products-title {
        font-size: clamp(24px, 8vw, 36px) !important;
        margin: 0 0 40px 0 !important;
    }
    
    .moza-container .products-row {
        gap: 15px !important;
    }
    
    .moza-container .product-card {
        padding: 30px 20px !important;
        height: 300px !important;
    }
    
    .moza-container .product-title {
        font-size: clamp(14px, 4vw, 20px) !important;
    }
}

@media (max-width: 480px) {
    .moza-container .products-title {
        font-size: clamp(20px, 10vw, 32px) !important;
    }
    
    .moza-container .product-card {
        height: 250px !important;
        padding: 20px 15px !important;
    }
    
    .moza-container .product-title {
        font-size: clamp(12px, 5vw, 16px) !important;
    }
}


/* Products Row 레이아웃 수정 */
.moza-container .products-row {
    display: flex !important;
    gap: 24px !important;
    align-items: stretch !important;
    width: 100% !important;
    justify-content: center !important;
    max-width: 1440px !important;
    margin: 0 auto 0 auto !important;
}

/* 첫 번째 행 - Wheelbase + (Steering + Pedals) */
.moza-container .products-row:first-child {
    height: 872px !important; /* Wheelbase 높이에 맞춤 */
}

/* Wheelbase 카드 (왼쪽 큰 카드) */
.moza-container .card-large {
    width: 708px !important;
    height: 872px !important;
    flex: 0 0 708px !important;
    min-width: 708px !important;
    max-width: 708px !important;
}

/* 오른쪽 컬럼 컨테이너 (Steering + Pedals) */
.moza-container .products-row:first-child > div:last-child {
    display: flex !important;
    flex-direction: column !important;
    gap: 24px !important;
    width: 708px !important;
    flex: 0 0 708px !important;
    min-width: 708px !important;
    max-width: 708px !important;
    height: 872px !important;
    justify-content: space-between !important;
}

/* Steering Wheels & Pedals 카드 (가로 직사각형) */
.moza-container .card-medium {
    width: 708px !important;
    height: 424px !important; /* (872 - 24) / 2 = 424px */
    flex: 0 0 424px !important;
    min-width: 708px !important;
    max-width: 708px !important;
    min-height: 424px !important;
    max-height: 424px !important;
}

/* 두 번째 행 레이아웃 */
.moza-container .products-row:last-child {
    height: 648px !important;
    align-items: stretch !important;
}

/* Shifter 카드 */
.moza-container .card-small {
    width: 562px !important;
    height: 648px !important;
    flex: 0 0 562px !important;
    min-width: 562px !important;
    max-width: 562px !important;
}

/* Flight 카드 */
.moza-container .card-wide {
    width: 854px !important;
    height: 648px !important;
    flex: 1 1 854px !important;
    min-width: 854px !important;
    max-width: none !important;
}

/* 반응형 레이아웃 수정 */
@media (min-width: 1440px) {
    .moza-container .products-row {
        max-width: 1440px !important;
    }
}

@media (min-width: 1200px) and (max-width: 1439px) {
    .moza-container .products-container {
        max-width: 1200px !important;
    }
    
    .moza-container .products-row:first-child {
        height: 750px !important;
    }
    
    .moza-container .card-large {
        width: 580px !important;
        height: 750px !important;
        flex: 0 0 580px !important;
        min-width: 580px !important;
        max-width: 580px !important;
    }
    
    .moza-container .products-row:first-child > div:last-child {
        width: 580px !important;
        height: 750px !important;
        flex: 0 0 580px !important;
        min-width: 580px !important;
        max-width: 580px !important;
    }
    
    .moza-container .card-medium {
        width: 580px !important;
        height: 363px !important; /* (750 - 24) / 2 = 363px */
        flex: 0 0 363px !important;
        min-width: 580px !important;
        max-width: 580px !important;
        min-height: 363px !important;
        max-height: 363px !important;
    }
    
    .moza-container .card-small {
        width: 480px !important;
        height: 550px !important;
        flex: 0 0 480px !important;
        min-width: 480px !important;
        max-width: 480px !important;
    }
    
    .moza-container .card-wide {
        width: 700px !important;
        height: 550px !important;
        flex: 1 1 700px !important;
        min-width: 700px !important;
        max-width: none !important;
    }
}

@media (max-width: 1199px) {
    .moza-container .products-container {
        padding: 0 40px !important;
    }
    
    .moza-container .products-row {
        flex-direction: column !important;
        gap: 20px !important;
        align-items: center !important;
        height: auto !important;
    }
    
    .moza-container .products-row:first-child {
        height: auto !important;
    }
    
    .moza-container .card-large,
    .moza-container .card-medium,
    .moza-container .card-small,
    .moza-container .card-wide {
        width: 100% !important;
        height: 400px !important;
        flex: none !important;
        min-width: auto !important;
        max-width: none !important;
        min-height: 400px !important;
        max-height: 400px !important;
    }
    
    .moza-container .products-row:first-child > div:last-child {
        width: 100% !important;
        flex: none !important;
        min-width: auto !important;
        max-width: none !important;
        height: auto !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 20px !important;
    }
}

@media (max-width: 768px) {
    .moza-container .products-section {
        padding: 80px 0 !important;
    }
    
    .moza-container .products-container {
        padding: 0 20px !important;
    }
    
    .moza-container .products-title {
        font-size: clamp(24px, 8vw, 36px) !important;
        margin: 0 0 40px 0 !important;
    }
    
    .moza-container .products-row {
        gap: 15px !important;
    }
    
    .moza-container .product-card {
        padding: 30px 20px !important;
        height: 300px !important;
        min-height: 300px !important;
        max-height: 300px !important;
    }
    
    .moza-container .product-title {
        font-size: clamp(14px, 4vw, 20px) !important;
    }
}

@media (max-width: 480px) {
    .moza-container .products-title {
        font-size: clamp(20px, 10vw, 32px) !important;
    }
    
    .moza-container .product-card {
        height: 250px !important;
        min-height: 250px !important;
        max-height: 250px !important;
        padding: 20px 15px !important;
    }
    
    .moza-container .product-title {
        font-size: clamp(12px, 5vw, 16px) !important;
    }
}





/* 두 번째 행 레이아웃 수정 */
.moza-container .products-row:last-child {
    height: 648px !important;
    align-items: stretch !important;
    width: 100% !important;
    max-width: 1440px !important;
    margin: 0 auto !important;
    justify-content: center !important;
}

/* Shifter & Add-ons 카드 */
.moza-container .card-small {
    width: 708px !important; /* 위쪽과 동일한 폭으로 확장 */
    height: 648px !important;
    flex: 0 0 708px !important;
    min-width: 708px !important;
    max-width: 708px !important;
}

/* Flight 카드 */
.moza-container .card-wide {
    width: 708px !important; /* 위쪽과 동일한 폭으로 수정 */
    height: 648px !important;
    flex: 0 0 708px !important;
    min-width: 708px !important;
    max-width: 708px !important;
}

/* Flight 카드 텍스트를 아래로 이동 */
.moza-container .card-wide .product-card-content {
    position: relative !important;
    z-index: 2 !important;
    width: 100% !important;
    align-self: flex-end !important;
    margin-top: auto !important;
}

.moza-container .card-wide .product-title {
    font-family: 'Pretendard', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif !important;
    font-weight: 700 !important;
    font-size: clamp(16px, 1.5vw, 20px) !important;
    line-height: 1.2 !important;
    color: white !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 반응형 레이아웃 수정 */
@media (min-width: 1440px) {
    .moza-container .products-row:last-child {
        max-width: 1440px !important;
    }
    
    .moza-container .card-small {
        width: 708px !important;
    }
    
    .moza-container .card-wide {
        width: 708px !important;
    }
}

@media (min-width: 1200px) and (max-width: 1439px) {
    .moza-container .products-container {
        max-width: 1200px !important;
    }
    
    .moza-container .products-row:last-child {
        height: 550px !important;
    }
    
    .moza-container .card-small {
        width: 580px !important;
        height: 550px !important;
        flex: 0 0 580px !important;
        min-width: 580px !important;
        max-width: 580px !important;
    }
    
    .moza-container .card-wide {
        width: 580px !important;
        height: 550px !important;
        flex: 0 0 580px !important;
        min-width: 580px !important;
        max-width: 580px !important;
    }
}

@media (max-width: 1199px) {
    .moza-container .products-container {
        padding: 0 40px !important;
    }
    
    .moza-container .products-row:last-child {
        flex-direction: column !important;
        gap: 20px !important;
        align-items: center !important;
        height: auto !important;
    }
    
    .moza-container .card-small,
    .moza-container .card-wide {
        width: 100% !important;
        height: 400px !important;
        flex: none !important;
        min-width: auto !important;
        max-width: none !important;
    }
}

@media (max-width: 768px) {
    .moza-container .products-section {
        padding: 80px 0 !important;
    }
    
    .moza-container .products-container {
        padding: 0 20px !important;
    }
    
    .moza-container .products-title {
        font-size: clamp(24px, 8vw, 36px) !important;
        margin: 0 0 40px 0 !important;
    }
    
    .moza-container .products-row:last-child {
        gap: 15px !important;
    }
    
    .moza-container .card-small,
    .moza-container .card-wide {
        padding: 30px 20px !important;
        height: 300px !important;
        min-height: 300px !important;
        max-height: 300px !important;
    }
    
    .moza-container .card-wide .product-title {
        font-size: clamp(14px, 4vw, 20px) !important;
    }
}

@media (max-width: 480px) {
    .moza-container .products-title {
        font-size: clamp(20px, 10vw, 32px) !important;
    }
    
    .moza-container .card-small,
    .moza-container .card-wide {
        height: 250px !important;
        min-height: 250px !important;
        max-height: 250px !important;
        padding: 20px 15px !important;
    }
    
    .moza-container .card-wide .product-title {
        font-size: clamp(12px, 5vw, 16px) !important;
    }
}

/* 디버깅용 테두리 (확인 후 제거) */
.moza-container .products-row:last-child {
    /* border: 2px solid orange !important; */
}

.moza-container .card-small {
    /* border: 2px solid purple !important; */
}

.moza-container .card-wide {
    /* border: 2px solid cyan !important; */
}/* End custom CSS */

/* Start custom CSS for column, class: .elementor-element-ea3ea34 *//* MOZA 브랜드사이트 랜딩페이지 CSS */
/* 워드프레스 테마의 style.css 또는 커스텀 CSS에 추가 */

/* Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&family=Saira:wght@600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Pretendard:wght@300;400;600;700&display=swap');

/* MOZA Landing Page Styles */
.moza-container {
    max-width: 1920px;
    margin: 0 auto;
    position: relative;
}

/* Hero Video Section */
.hero-section {
    position: relative;
    height: 964px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hero-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
}

.hero-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    z-index: 2;
}

.hero-content {
    position: relative;
    z-index: 3;
    text-align: center;
    color: white;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 52px;
    line-height: 1.2;
    text-transform: uppercase;
    opacity: 0.95;
}

.hero-content p {
    margin: 0;
}

/* Brand Story Section */
.brand-story {
    position: relative;
    padding: 90px 0;
    background: linear-gradient(135deg, #15151e 0%, #1a1a2e 100%);
    overflow: hidden;
}

.brand-story::before {
    content: '';
    position: absolute;
    top: -52.27%;
    left: 0;
    width: 100%;
    height: 204.55%;
    background-image: url('https://your-image-hosting.com/brand-background-pattern.jpg');
    background-size: cover;
    background-position: center;
    opacity: 0.8;
    z-index: 1;
}

.brand-story::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.49);
    z-index: 2;
}

.brand-content {
    position: relative;
    z-index: 3;
    max-width: 446px;
    margin: 0 auto;
    text-align: center;
    padding: 0 20px;
}

.brand-title {
    font-family: 'Pretendard', sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 1.2;
    color: white;
    margin-bottom: 18px;
    text-transform: uppercase;
}

.brand-description {
    font-family: 'Pretendard', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.65;
    color: #f6f6f6;
}

/* Products Category Section */
.products-section {
    background: black;
    padding: 140px 0;
    min-height: 1934px;
}

.products-container {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 20px;
}

.products-title {
    font-family: 'Saira', sans-serif;
    font-weight: 600;
    font-size: 42px;
    line-height: 1.2;
    text-align: center;
    color: white;
    margin-bottom: 60px;
    text-transform: uppercase;
}

.products-grid {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.products-row {
    display: flex;
    gap: 24px;
    align-items: stretch;
}

.product-card {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    cursor: pointer;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    align-items: flex-end;
    padding: 40px;
}

.product-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
}

.product-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent);
    z-index: 1;
}

.product-card-content {
    position: relative;
    z-index: 2;
}

.product-title {
    font-family: 'Pretendard', sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 1.2;
    color: white;
    text-transform: uppercase;
    white-space: nowrap;
}

/* Card Sizes */
.card-large {
    width: 708px;
    height: 872px;
}

.card-medium {
    width: 708px;
    height: 424px;
}

.card-small {
    width: 562px;
    height: 648px;
}

.card-wide {
    width: 854px;
    height: 648px;
}

/* Background Images - 수정 가능한 이미지 URL들 */
.wheels-bg {
    background-image: url('https://tbnws.hgodo.com/wordpress/moza/home/03_products/01.webp');
}

.steering-bg {
    background-image: url('https://tbnws.hgodo.com/wordpress/moza/home/03_products/02.webp');
}

.pedals-bg {
    background-image: url('https://tbnws.hgodo.com/wordpress/moza/home/03_products/03.webp');
}

.shifter-bg {
    background-image: url('https://tbnws.hgodo.com/wordpress/moza/home/03_products/04.webp');
}

.flight-bg {
    background-image: url('https://tbnws.hgodo.com/wordpress/moza/home/03_products/05.webp');
}

/* CTA Section */
.cta-section {
    background: black;
    height: 463px;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cta-background {
    position: absolute;
    top: -146px;
    left: 0;
    width: 100%;
    height: 720px;
    opacity: 0.4;
    background-image: url('https://tbnws.hgodo.com/wordpress/moza/home/04_gotoshop/gotoshop.webp');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.cta-content {
    position: relative;
    z-index: 2;
    text-align: center;
    color: white;
}

.cta-title {
    font-family: 'Pretendard', sans-serif;
    font-weight: 600;
    font-size: 20px;
    line-height: 1.4;
    margin-bottom: 30px;
}

.cta-button {
    display: inline-block;
    background: #c9af89;
    color: white;
    padding: 12px 65px;
    border-radius: 8px;
    text-decoration: none;
    font-family: 'Pretendard', sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 1.2;
    text-align: center;
    transition: all 0.3s ease;
    white-space: nowrap;
}

.cta-button:hover {
    background: #b89a7a;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(201, 175, 137, 0.3);
}

/* Responsive Design */
@media (max-width: 1200px) {
    .products-container {
        padding: 0 40px;
    }
    
    .products-row {
        flex-direction: column;
        gap: 20px;
    }
    
    .card-large,
    .card-medium,
    .card-small,
    .card-wide {
        width: 100%;
        height: 400px;
    }
    
    .products-title {
        font-size: 36px;
    }
}

@media (max-width: 768px) {
    .hero-section {
        height: 600px;
    }
    
    .hero-content {
        font-size: 32px;
        padding: 0 20px;
    }
    
    .brand-story {
        padding: 60px 0;
    }
    
    .brand-content {
        max-width: 100%;
        padding: 0 20px;
    }
    
    .brand-title {
        font-size: 18px;
    }
    
    .brand-description {
        font-size: 14px;
    }
    
    .products-section {
        padding: 80px 0;
    }
    
    .products-container {
        padding: 0 20px;
    }
    
    .products-title {
        font-size: 28px;
        margin-bottom: 40px;
    }
    
    .products-row {
        gap: 15px;
    }
    
    .product-card {
        padding: 30px 20px;
        height: 300px;
    }
    
    .product-title {
        font-size: 16px;
    }
    
    .cta-section {
        height: 350px;
        padding: 0 20px;
    }
    
    .cta-title {
        font-size: 18px;
        margin-bottom: 25px;
    }
    
    .cta-button {
        padding: 10px 40px;
        font-size: 14px;
    }
}

@media (max-width: 480px) {
    .hero-section {
        height: 500px;
    }
    
    .hero-content {
        font-size: 24px;
    }
    
    .products-title {
        font-size: 24px;
    }
    
    .product-card {
        height: 250px;
        padding: 20px 15px;
    }
    
    .product-title {
        font-size: 14px;
    }
    
    .cta-section {
        height: 300px;
    }
    
    .cta-title {
        font-size: 16px;
    }
    
    .cta-button {
        padding: 8px 30px;
        font-size: 13px;
    }
}/* End custom CSS */

/* Start custom CSS for section, class: .elementor-element-0664ba7 *//* MOZA 브랜드사이트 랜딩페이지 CSS */
/* 워드프레스 테마의 style.css 또는 커스텀 CSS에 추가 */

/* Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&family=Saira:wght@600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Pretendard:wght@300;400;600;700&display=swap');

/* MOZA Landing Page Styles */
.moza-container {
    max-width: 1920px;
    margin: 0 auto;
    position: relative;
}

/* Hero Video Section */
.hero-section {
    position: relative;
    height: 964px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hero-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
}

.hero-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    z-index: 2;
}

.hero-content {
    position: relative;
    z-index: 3;
    text-align: center;
    color: white;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 52px;
    line-height: 1.2;
    text-transform: uppercase;
    opacity: 0.95;
}

.hero-content p {
    margin: 0;
}

/* Brand Story Section */
.brand-story {
    position: relative;
    padding: 90px 0;
    background: linear-gradient(135deg, #15151e 0%, #1a1a2e 100%);
    overflow: hidden;
}

.brand-story::before {
    content: '';
    position: absolute;
    top: -52.27%;
    left: 0;
    width: 100%;
    height: 204.55%;
    background-image: url('https://your-image-hosting.com/brand-background-pattern.jpg');
    background-size: cover;
    background-position: center;
    opacity: 0.8;
    z-index: 1;
}

.brand-story::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.49);
    z-index: 2;
}

.brand-content {
    position: relative;
    z-index: 3;
    max-width: 446px;
    margin: 0 auto;
    text-align: center;
    padding: 0 20px;
}

.brand-title {
    font-family: 'Pretendard', sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 1.2;
    color: white;
    margin-bottom: 18px;
    text-transform: uppercase;
}

.brand-description {
    font-family: 'Pretendard', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.65;
    color: #f6f6f6;
}

/* Products Category Section */
.products-section {
    background: black;
    padding: 140px 0;
    min-height: 1934px;
}

.products-container {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 20px;
}

.products-title {
    font-family: 'Saira', sans-serif;
    font-weight: 600;
    font-size: 42px;
    line-height: 1.2;
    text-align: center;
    color: white;
    margin-bottom: 60px;
    text-transform: uppercase;
}

.products-grid {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.products-row {
    display: flex;
    gap: 24px;
    align-items: stretch;
}

.product-card {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    cursor: pointer;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    align-items: flex-end;
    padding: 40px;
}

.product-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
}

.product-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent);
    z-index: 1;
}

.product-card-content {
    position: relative;
    z-index: 2;
}

.product-title {
    font-family: 'Pretendard', sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 1.2;
    color: white;
    text-transform: uppercase;
    white-space: nowrap;
}

/* Card Sizes */
.card-large {
    width: 708px;
    height: 872px;
}

.card-medium {
    width: 708px;
    height: 424px;
}

.card-small {
    width: 562px;
    height: 648px;
}

.card-wide {
    width: 854px;
    height: 648px;
}

/* Background Images - 수정 가능한 이미지 URL들 */
.wheels-bg {
    background-image: url('https://tbnws.hgodo.com/wordpress/moza/home/03_products/01.webp');
}

.steering-bg {
    background-image: url('https://tbnws.hgodo.com/wordpress/moza/home/03_products/02.webp');
}

.pedals-bg {
    background-image: url('https://tbnws.hgodo.com/wordpress/moza/home/03_products/03.webp');
}

.shifter-bg {
    background-image: url('https://tbnws.hgodo.com/wordpress/moza/home/03_products/04.webp');
}

.flight-bg {
    background-image: url('https://tbnws.hgodo.com/wordpress/moza/home/03_products/05.webp');
}

/* CTA Section */
.cta-section {
    background: black;
    height: 463px;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cta-background {
    position: absolute;
    top: -146px;
    left: 0;
    width: 100%;
    height: 720px;
    opacity: 0.4;
    background-image: url('https://tbnws.hgodo.com/wordpress/moza/home/04_gotoshop/gotoshop.webp');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.cta-content {
    position: relative;
    z-index: 2;
    text-align: center;
    color: white;
}

.cta-title {
    font-family: 'Pretendard', sans-serif;
    font-weight: 600;
    font-size: 20px;
    line-height: 1.4;
    margin-bottom: 30px;
}

.cta-button {
    display: inline-block;
    background: #c9af89;
    color: white;
    padding: 12px 65px;
    border-radius: 8px;
    text-decoration: none;
    font-family: 'Pretendard', sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 1.2;
    text-align: center;
    transition: all 0.3s ease;
    white-space: nowrap;
}

.cta-button:hover {
    background: #b89a7a;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(201, 175, 137, 0.3);
}

/* Responsive Design */
@media (max-width: 1200px) {
    .products-container {
        padding: 0 40px;
    }
    
    .products-row {
        flex-direction: column;
        gap: 20px;
    }
    
    .card-large,
    .card-medium,
    .card-small,
    .card-wide {
        width: 100%;
        height: 400px;
    }
    
    .products-title {
        font-size: 36px;
    }
}

@media (max-width: 768px) {
    .hero-section {
        height: 600px;
    }
    
    .hero-content {
        font-size: 32px;
        padding: 0 20px;
    }
    
    .brand-story {
        padding: 60px 0;
    }
    
    .brand-content {
        max-width: 100%;
        padding: 0 20px;
    }
    
    .brand-title {
        font-size: 18px;
    }
    
    .brand-description {
        font-size: 14px;
    }
    
    .products-section {
        padding: 80px 0;
    }
    
    .products-container {
        padding: 0 20px;
    }
    
    .products-title {
        font-size: 28px;
        margin-bottom: 40px;
    }
    
    .products-row {
        gap: 15px;
    }
    
    .product-card {
        padding: 30px 20px;
        height: 300px;
    }
    
    .product-title {
        font-size: 16px;
    }
    
    .cta-section {
        height: 350px;
        padding: 0 20px;
    }
    
    .cta-title {
        font-size: 18px;
        margin-bottom: 25px;
    }
    
    .cta-button {
        padding: 10px 40px;
        font-size: 14px;
    }
}

@media (max-width: 480px) {
    .hero-section {
        height: 500px;
    }
    
    .hero-content {
        font-size: 24px;
    }
    
    .products-title {
        font-size: 24px;
    }
    
    .product-card {
        height: 250px;
        padding: 20px 15px;
    }
    
    .product-title {
        font-size: 14px;
    }
    
    .cta-section {
        height: 300px;
    }
    
    .cta-title {
        font-size: 16px;
    }
    
    .cta-button {
        padding: 8px 30px;
        font-size: 13px;
    }
}/* End custom CSS */

/* Start custom CSS *//* MOZA 브랜드사이트 랜딩페이지 CSS */
/* 워드프레스 테마의 style.css 또는 커스텀 CSS에 추가 */

/* Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&family=Saira:wght@600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Pretendard:wght@300;400;600;700&display=swap');

/* MOZA Landing Page Styles */
.moza-container {
    max-width: 1920px;
    margin: 0 auto;
    position: relative;
}

/* Hero Video Section */
.hero-section {
    position: relative;
    height: 964px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hero-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
}

.hero-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    z-index: 2;
}

.hero-content {
    position: relative;
    z-index: 3;
    text-align: center;
    color: white;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 52px;
    line-height: 1.2;
    text-transform: uppercase;
    opacity: 0.95;
}

.hero-content p {
    margin: 0;
}

/* Brand Story Section */
.brand-story {
    position: relative;
    padding: 90px 0;
    background: linear-gradient(135deg, #15151e 0%, #1a1a2e 100%);
    overflow: hidden;
}

.brand-story::before {
    content: '';
    position: absolute;
    top: -52.27%;
    left: 0;
    width: 100%;
    height: 204.55%;
    background-image: url('https://tbnws.hgodo.com/wordpress/moza/home/02_brandstory/brandstory.webp');
    background-size: cover;
    background-position: center;
    opacity: 0.8;
    z-index: 1;
}

.brand-story::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.49);
    z-index: 2;
}

.brand-content {
    position: relative;
    z-index: 3;
    max-width: 446px;
    margin: 0 auto;
    text-align: center;
    padding: 0 20px;
}

.brand-title {
    font-family: 'Pretendard', sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 1.2;
    color: white;
    margin-bottom: 18px;
    text-transform: uppercase;
}

.brand-description {
    font-family: 'Pretendard', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.65;
    color: #f6f6f6;
}

/* Products Category Section */
.products-section {
    background: black;
    padding: 140px 0;
    min-height: 1934px;
}

.products-container {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 20px;
}

.products-title {
    font-family: 'Saira', sans-serif;
    font-weight: 600;
    font-size: 42px;
    line-height: 1.2;
    text-align: center;
    color: white;
    margin-bottom: 60px;
    text-transform: uppercase;
}

.products-grid {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.products-row {
    display: flex;
    gap: 24px;
    align-items: stretch;
}

.product-card {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    cursor: pointer;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    align-items: flex-end;
    padding: 40px;
}

.product-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
}

.product-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent);
    z-index: 1;
}

.product-card-content {
    position: relative;
    z-index: 2;
}

.product-title {
    font-family: 'Pretendard', sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 1.2;
    color: white;
    text-transform: uppercase;
    white-space: nowrap;
}

/* Card Sizes */
.card-large {
    width: 708px;
    height: 872px;
}

.card-medium {
    width: 708px;
    height: 424px;
}

.card-small {
    width: 562px;
    height: 648px;
}

.card-wide {
    width: 854px;
    height: 648px;
}

/* Background Images - 수정 가능한 이미지 URL들 */
.wheels-bg {
    background-image: url('https://tbnws.hgodo.com/wordpress/moza/home/03_products/01.webp');
}

.steering-bg {
    background-image: url('https://tbnws.hgodo.com/wordpress/moza/home/03_products/02.webp');
}

.pedals-bg {
    background-image: url('https://tbnws.hgodo.com/wordpress/moza/home/03_products/03.webp');
}

.shifter-bg {
    background-image: url('https://tbnws.hgodo.com/wordpress/moza/home/03_products/04.webp');
}

.flight-bg {
    background-image: url('https://tbnws.hgodo.com/wordpress/moza/home/03_products/05.webp');
}

/* CTA Section */
.cta-section {
    background: black;
    height: 463px;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cta-background {
    position: absolute;
    top: -146px;
    left: 0;
    width: 100%;
    height: 720px;
    opacity: 0.4;
    background-image: url('https://tbnws.hgodo.com/wordpress/moza/home/04_gotoshop/gotoshop.webp');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.cta-content {
    position: relative;
    z-index: 2;
    text-align: center;
    color: white;
}

.cta-title {
    font-family: 'Pretendard', sans-serif;
    font-weight: 600;
    font-size: 20px;
    line-height: 1.4;
    margin-bottom: 30px;
}

.cta-button {
    display: inline-block;
    background: #c9af89;
    color: white;
    padding: 12px 65px;
    border-radius: 8px;
    text-decoration: none;
    font-family: 'Pretendard', sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 1.2;
    text-align: center;
    transition: all 0.3s ease;
    white-space: nowrap;
}

.cta-button:hover {
    background: #b89a7a;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(201, 175, 137, 0.3);
}

/* Responsive Design */
@media (max-width: 1200px) {
    .products-container {
        padding: 0 40px;
    }
    
    .products-row {
        flex-direction: column;
        gap: 20px;
    }
    
    .card-large,
    .card-medium,
    .card-small,
    .card-wide {
        width: 100%;
        height: 400px;
    }
    
    .products-title {
        font-size: 36px;
    }
}

@media (max-width: 768px) {
    .hero-section {
        height: 600px;
    }
    
    .hero-content {
        font-size: 32px;
        padding: 0 20px;
    }
    
    .brand-story {
        padding: 60px 0;
    }
    
    .brand-content {
        max-width: 100%;
        padding: 0 20px;
    }
    
    .brand-title {
        font-size: 18px;
    }
    
    .brand-description {
        font-size: 14px;
    }
    
    .products-section {
        padding: 80px 0;
    }
    
    .products-container {
        padding: 0 20px;
    }
    
    .products-title {
        font-size: 28px;
        margin-bottom: 40px;
    }
    
    .products-row {
        gap: 15px;
    }
    
    .product-card {
        padding: 30px 20px;
        height: 300px;
    }
    
    .product-title {
        font-size: 16px;
    }
    
    .cta-section {
        height: 350px;
        padding: 0 20px;
    }
    
    .cta-title {
        font-size: 18px;
        margin-bottom: 25px;
    }
    
    .cta-button {
        padding: 10px 40px;
        font-size: 14px;
    }
}

@media (max-width: 480px) {
    .hero-section {
        height: 500px;
    }
    
    .hero-content {
        font-size: 24px;
    }
    
    .products-title {
        font-size: 24px;
    }
    
    .product-card {
        height: 250px;
        padding: 20px 15px;
    }
    
    .product-title {
        font-size: 14px;
    }
    
    .cta-section {
        height: 300px;
    }
    
    .cta-title {
        font-size: 16px;
    }
    
    .cta-button {
        padding: 8px 30px;
        font-size: 13px;
    }
}/* End custom CSS */