/**
 * T1 Pro Landing Page - Mobile Fixes
 * 专门修复移动端适配问题
 *
 * @package Laifen_Russia
 */

/* ============================================
   移动端容器修复
   ============================================ */

@media (max-width: 768px) {
    /* 确保所有容器都有正确的 padding */
    .t1-pro-landing section {
        padding-left: 20px;
        padding-right: 20px;
        box-sizing: border-box;
    }

    /* 全屏视频 section 排除通用 padding */
    .t1-pro-landing section.ins-video-banner__section--full-bleed {
        padding-left: 0;
        padding-right: 0;
    }

    /* Early Bird Product 特殊修复 */
    .early-bird-section {
        padding: 40px 0 !important;
    }

    .early-bird-container {
        padding: 0 20px !important;
        margin: 0 auto;
        max-width: 100% !important;
        box-sizing: border-box;
    }

    .early-bird-content {
        padding: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box;
    }

    .early-bird-media {
        padding: 0 !important;
        margin: 0 0 30px 0 !important;
    }

    /* 按钮容器修复 */
    .early-bird-buttons {
        display: flex !important;
        flex-direction: column !important;
        gap: 12px !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box;
    }

    /* 按钮样式修复 */
    .early-bird-btn {
        width: 100% !important;
        max-width: 100% !important;
        display: block !important;
        text-align: center !important;
        padding: 15px 20px !important;
        font-size: 15px !important;
        margin: 0 !important;
        box-sizing: border-box !important;
        white-space: normal !important;
        word-wrap: break-word !important;
    }

    /* 确保按钮不会溢出 */
    .early-bird-btn--primary,
    .early-bird-btn--secondary {
        width: 100% !important;
        max-width: 100% !important;
    }

    /* 图片容器修复 */
    .early-bird-media-inner {
        width: 100%;
        max-width: 100%;
        margin: 0 auto;
        box-sizing: border-box;
    }

    .early-bird-image {
        width: 100%;
        height: auto;
        display: block;
    }

    /* 文本内容修复 */
    .early-bird-heading {
        font-size: clamp(1.5rem, 1.2rem + 1.5vw, 2.5rem) !important;
        word-wrap: break-word;
    }

    .early-bird-subheading {
        font-size: clamp(1rem, 0.9rem + 0.5vw, 1.25rem) !important;
        word-wrap: break-word;
    }

    .early-bird-features-list li {
        font-size: 14px !important;
        word-wrap: break-word;
    }
}

@media (max-width: 480px) {
    .t1-pro-landing section {
        padding-left: 15px;
        padding-right: 15px;
    }

    /* 全屏视频 section 排除通用 padding */
    .t1-pro-landing section.ins-video-banner__section--full-bleed {
        padding-left: 0;
        padding-right: 0;
    }

    .early-bird-section {
        padding: 30px 0 !important;
    }

    .early-bird-container {
        padding: 0 15px !important;
    }

    .early-bird-media {
        margin: 0 0 20px 0 !important;
    }

    .early-bird-btn {
        padding: 14px 16px !important;
        font-size: 14px !important;
    }

    .early-bird-heading {
        font-size: 1.5rem !important;
    }

    .early-bird-subheading {
        font-size: 1rem !important;
    }
}

/* ============================================
   Product Head Selector 移动端修复
   ============================================ */

@media (max-width: 768px) {
    .t1-product-head-selector {
        padding: 60px 15px !important;
    }

    .t1-product-head-selector__tabs-container {
        padding: 0 !important;
        margin-bottom: 40px !important;
    }

    .t1-product-head-selector__tabs {
        display: flex;
        flex-wrap: wrap;
        gap: 24px !important;
        justify-content: center;
        padding: 0 !important;
    }

    .t1-product-head-selector__tab {
        padding: 8px 0 !important;
        font-size: 15px !important;
        white-space: nowrap;
        box-sizing: border-box;
        flex-shrink: 0;
        -webkit-tap-highlight-color: transparent;
    }

    .t1-product-head-selector__slide {
        padding: 0 !important;
        gap: 20px !important;
    }

    .t1-product-head-selector__text-content {
        padding: 0 15px !important;
        max-width: 100% !important;
        box-sizing: border-box;
    }

    .t1-product-head-selector__image-container {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
        box-sizing: border-box;
    }

    .t1-product-head-selector__image {
        width: 100% !important;
        height: auto !important;
    }
}

@media (max-width: 480px) {
    .t1-product-head-selector {
        padding: 40px 10px !important;
    }

    .t1-product-head-selector__tabs {
        gap: 20px !important;
    }

    .t1-product-head-selector__tab {
        padding: 6px 0 !important;
        font-size: 14px !important;
    }

    .t1-product-head-selector__text-content {
        padding: 0 10px !important;
    }
}

/* ============================================
   Choose Shaver 移动端修复
   ============================================ */

@media (max-width: 1000px) {
    .choose-shaver {
        padding: 40px 0 20px !important;
    }
    
    .choose-shaver__inner {
        padding: 0 15px !important;
        max-width: 100% !important;
    }
    
    .choose-shaver__grid {
        padding: 10px !important;
        gap: 10px !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
    
    .choose-shaver__product {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
    
    .choose-shaver__product-top {
        padding: 10px !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }
    
    .choose-shaver__product-info {
        width: 100% !important;
        max-width: 100% !important;
        padding: 10px !important;
        box-sizing: border-box !important;
    }
    
    .choose-shaver__image {
        width: 100% !important;
        max-width: 100% !important;
    }
    
    .choose-shaver__image img {
        width: 100% !important;
        height: auto !important;
        max-width: 100% !important;
    }
    
    .choose-shaver__button-wrapper {
        width: 100% !important;
        box-sizing: border-box !important;
    }
    
    .choose-shaver__features {
        width: 100% !important;
        padding: 50px 5px 15px !important;
        box-sizing: border-box !important;
    }
}

@media (max-width: 480px) {
    .choose-shaver__inner {
        padding: 0 10px !important;
    }
    
    .choose-shaver__grid {
        padding: 8px !important;
        gap: 8px !important;
    }
    
    .choose-shaver__product-top {
        padding: 8px !important;
    }
}

/* ============================================
   Hero Section 移动端修复
   ============================================ */

@media (max-width: 767px) {
    .t1-pro-hero {
        padding: 0 !important;
    }

    .t1-pro-hero__container {
        padding: 40px 20px !important;
        width: 100% !important;
        box-sizing: border-box;
    }

    .t1-pro-hero__content {
        padding: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box;
    }

    .t1-pro-hero__button {
        padding: 12px 24px !important;
        font-size: 14px !important;
        white-space: normal !important;
        word-wrap: break-word !important;
        max-width: 100% !important;
        box-sizing: border-box;
    }

    .t1-pro-hero__subtitle,
    .t1-pro-hero__title,
    .t1-pro-hero__tagline {
        word-wrap: break-word;
        max-width: 100%;
    }
}

@media (max-width: 480px) {
    .t1-pro-hero__container {
        padding: 30px 15px !important;
    }

    .t1-pro-hero__button {
        padding: 10px 20px !important;
        font-size: 13px !important;
    }
}

/* ============================================
   Video Banner 移动端修复
   ============================================ */

@media (max-width: 768px) {
    .p3-pro-video-banner__container,
    .ins-video-banner__container {
        padding: 40px 20px !important;
        width: 100% !important;
        box-sizing: border-box;
    }

    .p3-pro-video-banner__header,
    .ins-video-banner__header {
        padding: 0 !important;
        max-width: 100% !important;
        margin-bottom: 30px !important;
    }

    .p3-pro-video-banner__video-wrapper,
    .ins-video-banner__video-wrapper {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
    }

    /* 全屏铺满模式 - 移动端视频全宽展示 */
    .ins-video-banner__section--full-bleed {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .ins-video-banner__section--full-bleed .p3-pro-video-banner__container {
        padding-left: 0 !important;
        padding-right: 0 !important;
        max-width: 100% !important;
    }

    .ins-video-banner__section--full-bleed .p3-pro-video-banner__header {
        padding: 0 20px !important;
    }

    .ins-video-banner__section--full-bleed .p3-pro-video-banner__video-wrapper--full-bleed {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        border-radius: 0 !important;
    }

    .ins-video-banner__section--full-bleed .p3-pro-video-banner__video--mobile {
        width: 100% !important;
        height: auto !important;
        object-fit: cover !important;
        border-radius: 0 !important;
    }

    .p3-pro-video-banner__heading,
    .ins-video-banner__heading {
        word-wrap: break-word;
    }

    .p3-pro-video-banner__paragraph,
    .ins-video-banner__paragraph {
        word-wrap: break-word;
    }
}

@media (max-width: 480px) {
    .p3-pro-video-banner__container,
    .ins-video-banner__container {
        padding: 30px 15px !important;
    }

    .p3-pro-video-banner__header,
    .ins-video-banner__header {
        margin-bottom: 20px !important;
    }

    /* 全屏铺满模式 - 480px 下也保持全宽 */
    .ins-video-banner__section--full-bleed .p3-pro-video-banner__container {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .ins-video-banner__section--full-bleed .p3-pro-video-banner__header {
        padding: 0 15px !important;
    }
}

/* ============================================
   防止内容溢出的全局规则
   ============================================ */

@media (max-width: 768px) {
    .t1-pro-landing * {
        box-sizing: border-box;
    }

    .t1-pro-landing img {
        max-width: 100%;
        height: auto;
    }

    .t1-pro-landing button,
    .t1-pro-landing a.button,
    .t1-pro-landing .button,
    .t1-pro-landing a {
        max-width: 100%;
        box-sizing: border-box;
        -webkit-tap-highlight-color: transparent;
    }

    /* 防止文本溢出 */
    .t1-pro-landing h1,
    .t1-pro-landing h2,
    .t1-pro-landing h3,
    .t1-pro-landing h4,
    .t1-pro-landing h5,
    .t1-pro-landing h6,
    .t1-pro-landing p {
        word-wrap: break-word;
        overflow-wrap: break-word;
        hyphens: auto;
    }
}

/* ============================================
   容器最大宽度限制
   ============================================ */

@media (max-width: 768px) {
    .t1-pro-landing .container,
    .t1-pro-landing .container-fluid,
    .t1-pro-landing .row {
        max-width: 100% !important;
        padding-left: 20px !important;
        padding-right: 20px !important;
        box-sizing: border-box !important;
    }

    .t1-pro-landing .columns {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

@media (max-width: 480px) {
    .t1-pro-landing .container,
    .t1-pro-landing .container-fluid,
    .t1-pro-landing .row {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}