/* ========================================
   CTA Buttons and Special Styles
   CTA按钮和特殊样式
   ======================================== */

/* "今すぐお見積もり" Button - 立即询价按钮 */
section .btns .now {
    font-size: 3rem !important; /* 桌面版 30px */
}

@media screen and (max-width: 767px) {
    section .btns .now {
        font-size: 2rem !important; /* 移动版 20px */
    }
}

/* 移动端：确保首页 CTA 按钮水平居中 */
@media screen and (max-width: 767px) {
    section .btns ul {
        width: 100% !important;
        padding: 0 12px;
    }
    
    section .btns ul li {
        text-align: center;
    }
    
    section .btns ul li a {
        display: flex !important;
        align-items: center;
        justify-content: center;
        width: 100% !important;
        max-width: 340px;
        height: 74px;
        margin: 0 auto;
        line-height: 1.2 !important;
        padding: 0 12px;
    }
}

/* 移除"Get a quote now"文字的斜线装饰 */
section .btns .now::before,
section .btns .now::after {
    display: none !important;
}

/* Hamburger Menu Button - 汉堡菜单按钮 */
.hamburger-btn {
    position: relative;
    overflow: hidden;
}

.hamburger-btn:hover {
    background-color: #5a6268 !important;
    transform: scale(1.05);
}

.hamburger-icon {
    display: inline-block;
    position: relative;
}

.hamburger-btn.active .hamburger-icon {
    transform: rotate(180deg);
}

.hamburger-btn.active .hamburger-icon::after {
    content: '✕';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-180deg);
    font-size: 18px;
    font-weight: bold;
}

.hamburger-btn.active .hamburger-icon {
    color: transparent;
}

.hamburger-btn.active .hamburger-icon::after {
    color: white;
}