/* ========================================================================== 
   ISABEL & Co — MOBILE OVERRIDES REFACTORED
   --------------------------------------------------------------------------
   목적
   - PC 영향 없음
   - 기존 style.css / isabel-theme.css 위에서 모바일만 안정적으로 덮어쓰기
   - 메뉴/헤더/히어로 슬라이드 충돌 제거

   적용
   - 이 파일을 assets/css/isabel-mobile-overrides.css 로 교체
   - index.html CSS 로딩 순서: style.css → isabel-theme.css → isabel-mobile-overrides.css
   ========================================================================== */

/* --------------------------------------------------------------------------
   00. Mobile base safety
   -------------------------------------------------------------------------- */
html,
body{
    max-width:100%;
    overflow-x:hidden !important;
    -webkit-font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
}

*,
*::before,
*::after{
    box-sizing:border-box;
}

@media(max-width:1199px){
    .container,
    .container-fluid{
        max-width:100% !important;
    }
}

@media(max-width:767px){
    body{
        background:#fcf8f1 !important;
    }

    .container{
        padding-left:22px !important;
        padding-right:22px !important;
    }

    br.mobile-hide,
    .pc-only{
        display:none !important;
    }
}

/* --------------------------------------------------------------------------
   01. Mobile fixed header
   -------------------------------------------------------------------------- */
@media(max-width:991px){
    body{
        padding-top:88px !important;
    }

    .header-area,
    .header-transparent{
        position:fixed !important;
        top:0 !important;
        left:0 !important;
        right:0 !important;
        width:100% !important;
        height:88px !important;
        min-height:88px !important;
        z-index:10050 !important;
        background:#fcf8f1 !important;
        box-shadow:0 10px 28px rgba(35,31,32,.055) !important;
    }

    .header-area .main-header,
    .header-area .header-bottom,
    .header-transparent .header-bottom,
    .header-sticky{
        position:relative !important;
        height:88px !important;
        min-height:88px !important;
        padding:0 !important;
        margin:0 !important;
        background:#fcf8f1 !important;
        box-shadow:none !important;
        backdrop-filter:none !important;
        -webkit-backdrop-filter:none !important;
    }

    .header-area .container-fluid{
        height:88px !important;
        min-height:88px !important;
        padding-left:24px !important;
        padding-right:24px !important;
    }

    .header-area .row.align-items-center{
        height:88px !important;
        min-height:88px !important;
        align-items:center !important;
        margin-left:0 !important;
        margin-right:0 !important;
    }

    .header-area .row.align-items-center > [class*="col-"]{
        position:static !important;
        padding-left:0 !important;
        padding-right:0 !important;
    }

    .header-area .logo{
        height:88px !important;
        padding:0 !important;
        margin:0 !important;
        display:flex !important;
        align-items:center !important;
    }

    .header-area .logo a{
        display:flex !important;
        align-items:center !important;
        line-height:1 !important;
    }

    .header-area .logo img{
        width:178px !important;
        max-width:178px !important;
        height:auto !important;
        display:block !important;
        margin:0 !important;
        padding:0 !important;
        transform:none !important;
        filter:none !important;
        opacity:1 !important;
    }

    .main-menu{
        display:none !important;
    }

    .menu-wrapper{
        height:88px !important;
        min-height:88px !important;
        padding:0 !important;
        margin:0 !important;
        display:flex !important;
        align-items:center !important;
        justify-content:flex-end !important;
    }
}

/* --------------------------------------------------------------------------
   02. Mobile custom menu
   -------------------------------------------------------------------------- */
@media(max-width:991px){
    .slicknav_menu,
    .slicknav_btn,
    .slicknav_nav{
        display:none !important;
    }

    .mobile_menu{
        position:fixed !important;
        top:44px !important;
        right:24px !important;
        transform:translateY(-50%) !important;
        width:52px !important;
        height:52px !important;
        z-index:10080 !important;
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
    }

    .isabel-mobile-toggle{
        width:52px !important;
        height:52px !important;
        border:0 !important;
        border-radius:50% !important;
        background:#231f20 !important;
        box-shadow:0 16px 34px rgba(35,31,32,.18) !important;
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        flex-direction:column !important;
        gap:5px !important;
        padding:0 !important;
        margin:0 !important;
        cursor:pointer !important;
    }

    .isabel-mobile-toggle span{
        width:23px !important;
        height:2.5px !important;
        margin:0 !important;
        border-radius:999px !important;
        background:#fffaf3 !important;
        display:block !important;
        transition:transform .25s ease, opacity .25s ease;
    }

    body.isabel-menu-open .isabel-mobile-toggle span:nth-child(1){
        transform:translateY(7.5px) rotate(45deg) !important;
    }

    body.isabel-menu-open .isabel-mobile-toggle span:nth-child(2){
        opacity:0 !important;
    }

    body.isabel-menu-open .isabel-mobile-toggle span:nth-child(3){
        transform:translateY(-7.5px) rotate(-45deg) !important;
    }

    .isabel-mobile-overlay{
        position:fixed !important;
        top:88px !important;
        left:0 !important;
        right:0 !important;
        bottom:0 !important;
        z-index:10040 !important;
        background:rgba(35,31,32,.34) !important;
        opacity:0 !important;
        visibility:hidden !important;
        transition:opacity .25s ease, visibility .25s ease;
    }

    body.isabel-menu-open .isabel-mobile-overlay{
        opacity:1 !important;
        visibility:visible !important;
    }

    .isabel-mobile-panel{
        position:fixed !important;
        top:100px !important;
        left:14px !important;
        right:14px !important;
        max-height:calc(100svh - 116px) !important;
        z-index:10060 !important;
        border-radius:22px !important;
        overflow-y:auto !important;
        background:#231f20 !important;
        opacity:0 !important;
        visibility:hidden !important;
        transform:translateY(-8px) !important;
        transition:opacity .25s ease, visibility .25s ease, transform .25s ease;
        box-shadow:0 28px 80px rgba(35,31,32,.30) !important;
    }

    body.isabel-menu-open .isabel-mobile-panel{
        opacity:1 !important;
        visibility:visible !important;
        transform:translateY(0) !important;
    }

    .isabel-mobile-nav,
    .isabel-mobile-nav ul{
        list-style:none !important;
        margin:0 !important;
        padding:0 !important;
    }

    .isabel-mobile-nav > li{
        border-bottom:1px solid rgba(255,250,243,.08) !important;
    }

    .isabel-mobile-nav > li > a,
    .isabel-mobile-nav .button-header > a{
        display:block !important;
        padding:17px 24px !important;
        color:#fffaf3 !important;
        font-size:16px !important;
        line-height:1.35 !important;
        font-weight:500 !important;
        letter-spacing:-0.02em !important;
        background:transparent !important;
        border:0 !important;
        box-shadow:none !important;
        height:auto !important;
        min-width:0 !important;
        text-align:left !important;
    }

    .isabel-mobile-nav .submenu{
        position:static !important;
        display:block !important;
        opacity:1 !important;
        visibility:visible !important;
        transform:none !important;
        min-width:0 !important;
        width:100% !important;
        padding:4px 0 12px !important;
        margin:0 !important;
        background:rgba(255,250,243,.045) !important;
        border:0 !important;
        box-shadow:none !important;
    }

    .isabel-mobile-nav .submenu li a{
        display:block !important;
        padding:10px 34px !important;
        color:rgba(255,250,243,.72) !important;
        font-size:14px !important;
        line-height:1.35 !important;
        font-weight:400 !important;
        background:transparent !important;
    }
}

/* --------------------------------------------------------------------------
   03. Mobile hero slider — cleaned
   IMPORTANT:
   - slick 내부 width는 강제하지 않음
   - .slider-active, .slick-list, .slick-track에 width:100% 금지
   - background-size: contain 금지
   -------------------------------------------------------------------------- */
@media(max-width:991px){
    .slider-area,
    .isabel-hero-slider{
        position:relative !important;
        margin-top:0 !important;
        background:#fcf8f1 !important;
        overflow:hidden !important;
    }

    .slider-active .slick-list,
    .slider-active .slick-track{
        height:560px !important;
        min-height:560px !important;
    }

    .single-slider.isabel-bg-slide,
    .isabel-hero-slider .slider-height,
    .slider-area .slider-height{
        position:relative !important;
        height:560px !important;
        min-height:560px !important;
        padding:0 !important;
        overflow:hidden !important;
        display:flex !important;
        align-items:center !important;
        background-repeat:no-repeat !important;
        background-size:cover !important;
        background-position:center center !important;
        background-color:#fcf8f1 !important;
    }

    /* absolute URL 강제 적용: HTML에 isabel-slide-01 클래스가 없어도 작동 */
    .single-slider.isabel-bg-slide[style*="slide1.png"],
    .isabel-slide-01{
        background-image:url('http://first1206.mycafe24.com/slide1-m.png') !important;
    }

    .single-slider.isabel-bg-slide[style*="slide2.png"],
    .isabel-slide-02{
        background-image:url('http://first1206.mycafe24.com/slide2-m.png') !important;
    }

    .single-slider.isabel-bg-slide[style*="slide3.png"],
    .isabel-slide-03{
        background-image:url('http://first1206.mycafe24.com/slide3-m.png') !important;
    }

    .single-slider.isabel-bg-slide[style*="slide4.png"],
    .isabel-slide-04{
        background-image:url('http://first1206.mycafe24.com/slide4-m.png') !important;
    }

    .isabel-hero-bg-img{
        display:none !important;
    }

    .isabel-slide-overlay{
        display:block !important;
        position:absolute !important;
        inset:0 !important;
        z-index:1 !important;
        pointer-events:none !important;
        background:linear-gradient(
            90deg,
            rgba(252,248,241,.78) 0%,
            rgba(252,248,241,.48) 48%,
            rgba(252,248,241,.10) 100%
        ) !important;
    }

    .isabel-bg-slide .container,
    .slider-area .container{
        position:relative !important;
        z-index:2 !important;
        max-width:100% !important;
        padding-left:30px !important;
        padding-right:30px !important;
    }

    .slider-area .row{
        margin-left:0 !important;
        margin-right:0 !important;
    }

    .slider-area .hero-copy-col{
        flex:0 0 100% !important;
        max-width:100% !important;
        padding-left:0 !important;
        padding-right:0 !important;
    }

    .slider-area .hero__caption{
        width:100% !important;
        max-width:100% !important;
        padding:0 !important;
        overflow:visible !important;
    }

    .slider-area .hero__caption span{
        display:block !important;
        color:#6f553d !important;
        font-size:11px !important;
        line-height:1.3 !important;
        letter-spacing:.14em !important;
        margin-bottom:18px !important;
    }

    .slider-area .hero__caption h1{
        max-width:96% !important;
        color:#231f20 !important;
        font-size:34px !important;
        line-height:1.1 !important;
        letter-spacing:-0.05em !important;
        margin-bottom:16px !important;
        word-break:keep-all !important;
    }

    .slider-area .hero__caption p{
        max-width:86% !important;
        width:86% !important;
        color:rgba(35,31,32,.72) !important;
        font-size:14px !important;
        line-height:1.65 !important;
        margin-bottom:26px !important;
        word-break:keep-all !important;
        white-space:normal !important;
        display:-webkit-box !important;
        -webkit-line-clamp:2 !important;
        -webkit-box-orient:vertical !important;
        overflow:hidden !important;
    }

    .slider-btns .btn,
    .slider-btns .radius-btn{
        width:auto !important;
        min-width:220px !important;
        height:52px !important;
        padding:0 26px !important;
        border-radius:999px !important;
        font-size:14px !important;
        line-height:1 !important;
        display:inline-flex !important;
        align-items:center !important;
        justify-content:center !important;
        white-space:nowrap !important;
    }
}

@media(max-width:575px){
    .slider-active .slick-list,
    .slider-active .slick-track,
    .single-slider.isabel-bg-slide,
    .isabel-hero-slider .slider-height,
    .slider-area .slider-height{
        height:520px !important;
        min-height:520px !important;
    }

    .single-slider.isabel-bg-slide,
    .isabel-hero-slider .slider-height,
    .slider-area .slider-height{
        background-size:cover !important;
        background-position:center center !important;
    }
}

/* --------------------------------------------------------------------------
   04. Mobile content cleanup
   -------------------------------------------------------------------------- */
@media(max-width:991px){
    .isabel-intro-area .isabel-intro-points{
        display:none !important;
    }

    .isabel-intro-area .isabel-intro-copy{
        margin-top:0 !important;
        padding-top:0 !important;
    }

    .isabel-intro-area,
    .isabel-strength-area,
    .isabel-showroom-area,
    .isabel-product-gallery,
    .company-section{
        padding-top:72px !important;
        padding-bottom:72px !important;
    }

    .isabel-intro-copy,
    .isabel-showroom-copy{
        padding-left:0 !important;
        margin-top:38px !important;
    }

    .isabel-strength-grid,
    .isabel-gallery-grid,
    .company-timeline,
    .company-flow{
        grid-template-columns:repeat(2, 1fr) !important;
        gap:18px !important;
    }

    .isabel-gallery-feature,
    .company-split-grid{
        grid-template-columns:1fr !important;
        gap:18px !important;
    }
}

@media(max-width:767px){
    .section-tittle,
    .company-title{
        margin-bottom:38px !important;
    }

    .section-tittle h2,
    .company-title h2,
    .isabel-intro-copy h2,
    .isabel-showroom-copy h2{
        font-size:30px !important;
        line-height:1.18 !important;
        letter-spacing:-.045em !important;
        word-break:keep-all !important;
    }

    .section-tittle p,
    .company-title p,
    .isabel-intro-copy p,
    .isabel-showroom-copy p{
        font-size:14px !important;
        line-height:1.68 !important;
        word-break:keep-all !important;
    }

    .isabel-intro-area,
    .isabel-strength-area,
    .isabel-showroom-area,
    .isabel-product-gallery,
    .company-section{
        padding-top:58px !important;
        padding-bottom:58px !important;
    }

    .isabel-intro-points,
    .isabel-strength-grid,
    .isabel-gallery-grid,
    .company-timeline,
    .company-flow,
    .contact-type-grid,
    .contact-input-grid,
    .news-grid{
        grid-template-columns:1fr !important;
        gap:16px !important;
    }

    .strength-img,
    .gallery-card,
    .gallery-side-item,
    .split-card img{
        height:300px !important;
        min-height:0 !important;
    }

    .gallery-main,
    .gallery-main img{
        min-height:430px !important;
    }

    .gallery-caption{
        left:16px !important;
        right:16px !important;
        bottom:16px !important;
        padding:20px !important;
        border-radius:18px !important;
    }
}

/* --------------------------------------------------------------------------
   05. Footer mobile
   -------------------------------------------------------------------------- */
@media(max-width:991px){
    .footer-area{
        padding-top:60px !important;
        padding-bottom:38px !important;
    }

    .footer-logo img{
        max-width:180px !important;
    }

    .footer-business-info{
        max-width:100% !important;
    }

    .footer-business-info li{
        grid-template-columns:128px 1fr !important;
        column-gap:18px !important;
    }
}

@media(max-width:767px){
    .footer-area{
        padding-top:52px !important;
        padding-bottom:30px !important;
    }

    .footer-area .row{
        display:grid !important;
        grid-template-columns:1fr 1fr !important;
        column-gap:22px !important;
        row-gap:34px !important;
        margin-left:0 !important;
        margin-right:0 !important;
    }

    .footer-area [class*="col-"]{
        max-width:100% !important;
        flex:0 0 auto !important;
        padding-left:0 !important;
        padding-right:0 !important;
    }

    .footer-area .row > [class*="col-"]:first-child{
        grid-column:1 / -1 !important;
    }

    .footer-logo img{
        max-width:170px !important;
    }

    .footer-business-info li{
        grid-template-columns:112px 1fr !important;
        column-gap:14px !important;
        padding:3px 0 !important;
        font-size:12px !important;
    }

    #back-top{
        right:18px !important;
        bottom:18px !important;
        transform:scale(.86);
    }
}


/* MOBILE HERO OVERLAY CLEAR FIX */
@media (max-width: 991px){
    .isabel-slide-overlay{
        display:none !important;
        opacity:0 !important;
        visibility:hidden !important;
        background:none !important;
    }

    .isabel-bg-slide::before,
    .single-slider.isabel-bg-slide::before{
        display:none !important;
        content:none !important;
        background:none !important;
        opacity:0 !important;
    }
}


/* MOBILE HEADER SIZE TUNE */
@media (max-width: 991px){
    .header-area .logo img{
        width:142px !important;
        max-width:142px !important;
    }

    .mobile_menu{
        width:42px !important;
        height:42px !important;
        top:44px !important;
        right:24px !important;
    }

    .isabel-mobile-toggle{
        width:42px !important;
        height:42px !important;
        box-shadow:0 12px 26px rgba(35,31,32,.16) !important;
    }

    .isabel-mobile-toggle span{
        width:19px !important;
        height:2px !important;
        gap:4px !important;
    }
}


/* MOBILE HEADER BOX 20% REDUCE */
@media (max-width: 991px){
    body{
        padding-top:70px !important;
    }

    .header-area,
    .header-transparent,
    .header-area .main-header,
    .header-area .header-bottom,
    .header-transparent .header-bottom,
    .header-sticky,
    .header-area .container-fluid,
    .header-area .row.align-items-center,
    .header-area .logo,
    .menu-wrapper{
        height:70px !important;
        min-height:70px !important;
    }

    .mobile_menu{
        top:35px !important;
    }

    .isabel-mobile-overlay{
        top:70px !important;
    }

    .isabel-mobile-panel{
        top:82px !important;
        max-height:calc(100svh - 98px) !important;
    }
}

/* MOBILE PRODUCT GALLERY SIDE ITEMS - SAME RATIO AS MAIN */
@media (max-width: 767px){

    .isabel-gallery-feature{
        display:block !important;
    }

    .gallery-main,
    .gallery-side-item{
        width:100% !important;
        height:560px !important;
        min-height:560px !important;
        border-radius:28px !important;
        overflow:hidden !important;
        margin-bottom:24px !important;
    }

    .gallery-main img,
    .gallery-side-item img{
        width:100% !important;
        height:100% !important;
        min-height:0 !important;
        object-fit:cover !important;
        object-position:center center !important;
        display:block !important;
    }

    .gallery-side{
        display:block !important;
    }

    .gallery-side-item div{
        left:24px !important;
        right:24px !important;
        bottom:24px !important;
        padding:24px 26px !important;
        border-radius:22px !important;
        background:rgba(252,248,241,.92) !important;
    }

    .gallery-side-item div span{
        font-size:13px !important;
        margin-bottom:10px !important;
    }

    .gallery-side-item div p{
        font-size:15px !important;
        line-height:1.55 !important;
    }
}


/* MOBILE PRODUCT GALLERY GRID - 2 COLUMNS */
@media (max-width: 767px){

    .isabel-gallery-grid{
        display:grid !important;
        grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
        gap:14px !important;
    }

    .isabel-gallery-grid .gallery-card{
        width:100% !important;
        height:260px !important;
        min-height:260px !important;
        border-radius:22px !important;
        overflow:hidden !important;
        margin:0 !important;
    }

    .isabel-gallery-grid .gallery-card img{
        width:100% !important;
        height:100% !important;
        object-fit:cover !important;
        object-position:center center !important;
        display:block !important;
    }

    .isabel-gallery-grid .gallery-card span{
        left:12px !important;
        bottom:12px !important;
        padding:8px 11px !important;
        font-size:11px !important;
        line-height:1.2 !important;
        border-radius:999px !important;
    }
}


/* MOBILE CHAEUM SECTION ORDER FIX */
@media (max-width: 767px){

    .about-area1.pb-bottom .row.align-items-center{
        display:flex !important;
        flex-direction:column !important;
    }

    .about-area1.pb-bottom .row.align-items-center > .col-xl-5{
        order:1 !important;
    }

    .about-area1.pb-bottom .row.align-items-center > .col-xl-7{
        order:2 !important;
    }

    .about-area1.pb-bottom .about-img{
        margin-bottom:32px !important;
    }

    .about-area1.pb-bottom .about-caption{
        padding-top:0 !important;
        margin-top:0 !important;
    }
}


/* MOBILE FOOTER MENU HIDE */
@media (max-width: 767px){

    .footer-area .row > .col-xl-2{
        display:none !important;
    }

}

/* MOBILE MENU LEAK FIX */
.isabel-mobile-overlay,
.isabel-mobile-panel{
    display:none !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
}

.isabel-mobile-toggle,
.isabel-mobile-nav{
    display:none !important;
}

@media (max-width: 991px){
    .isabel-mobile-toggle{
        display:flex !important;
        opacity:1 !important;
        visibility:visible !important;
        pointer-events:auto !important;
    }

    .isabel-mobile-overlay,
    .isabel-mobile-panel{
        display:block !important;
    }

    .isabel-mobile-nav{
        display:block !important;
    }

    body.isabel-menu-open .isabel-mobile-overlay,
    body.isabel-menu-open .isabel-mobile-panel{
        opacity:1 !important;
        visibility:visible !important;
        pointer-events:auto !important;
    }
}


/* MOBILE MENU CLICK LEAK FINAL FIX */
.isabel-mobile-overlay,
.isabel-mobile-panel{
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
}

.isabel-mobile-panel{
    transform:translateY(-8px) !important;
}

body.isabel-menu-open .isabel-mobile-overlay,
body.isabel-menu-open .isabel-mobile-panel{
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
}

body.isabel-menu-open .isabel-mobile-panel{
    transform:translateY(0) !important;
}

/* 메뉴가 닫힌 상태에서는 내부 링크도 클릭 불가 */
body:not(.isabel-menu-open) .isabel-mobile-panel,
body:not(.isabel-menu-open) .isabel-mobile-panel *,
body:not(.isabel-menu-open) .isabel-mobile-nav,
body:not(.isabel-menu-open) .isabel-mobile-nav *{
    pointer-events:none !important;
}

/* 메뉴가 열린 상태에서만 링크 클릭 가능 */
body.isabel-menu-open .isabel-mobile-panel,
body.isabel-menu-open .isabel-mobile-panel *,
body.isabel-menu-open .isabel-mobile-nav,
body.isabel-menu-open .isabel-mobile-nav *{
    pointer-events:auto !important;
}


/* MOBILE FOOTER VERTICAL SPACE 10% REDUCE */
@media (max-width: 767px){

    .footer-area{
        padding-top:40px !important;
        padding-bottom:25px !important;
    }

    .footer-padding{
        padding-top:40px !important;
        padding-bottom:0 !important;
    }

    .footer-area .row{
        row-gap:30px !important;
    }

    .single-footer-caption{
        margin-bottom:45px !important;
    }

    .footer-logo{
        margin-bottom:20px !important;
    }

    .footer-social{
        margin-top:25px !important;
    }
}



/* MOBILE SUB HERO TOP SPACE 50% REDUCE */
@media (max-width: 767px){

    .company-sub-hero{
        padding-top:30px !important;
        min-height:300px !important;
        align-items:center !important;
    }

    .company-sub-hero .container{
        padding-top:0 !important;
    }

    .company-sub-hero .company-eyebrow{
        margin-bottom:12px !important;
    }

    .company-sub-hero .company-hero-copy h1{
        margin-bottom:16px !important;
    }
}


/* MOBILE SHOWROOM TAB GRID */
@media (max-width: 767px){

    .showroom-tab-area{
        padding:18px 0 28px !important;
        background:#fcf8f1 !important;
    }

    .showroom-tab-box{
        padding:0 !important;
        border:0 !important;
        background:transparent !important;
        box-shadow:none !important;
        border-radius:0 !important;
    }

    .showroom-tabs{
        display:grid !important;
        grid-template-columns:repeat(3, 1fr) !important;
        gap:10px !important;
        overflow:visible !important;
        flex-wrap:unset !important;
        border-bottom:0 !important;
        padding:0 !important;
    }

    .showroom-tabs span{
        display:none !important;
    }

    .showroom-tab{
        width:100% !important;
        height:58px !important;
        border:1px solid rgba(111,85,61,.28) !important;
        border-radius:14px !important;
        background:rgba(255,250,243,.78) !important;
        color:#6f553d !important;
        font-size:11px !important;
        line-height:1.2 !important;
        font-weight:600 !important;
        letter-spacing:.06em !important;
        text-align:center !important;
        white-space:normal !important;
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        padding:0 8px !important;
        box-shadow:none !important;
    }

    .showroom-tab.active{
        background:#231f20 !important;
        border-color:#231f20 !important;
        color:#fffaf3 !important;
    }

    .showroom-tab:hover{
        color:#fffaf3 !important;
        background:#231f20 !important;
        border-color:#231f20 !important;
    }

		.showroom-tabs::after{
			content:"COMING\A SOON";
			white-space:pre;
			width:100% !important;
			height:58px !important;
			border:1px solid rgba(111,85,61,.28) !important;
			border-radius:0 !important;
			background:rgba(255,250,243,.78) !important;
			color:rgba(35,31,32,.50) !important;
			font-size:11px !important;
			line-height:1.25 !important;
			font-weight:600 !important;
			letter-spacing:.08em !important;
			display:flex !important;
			align-items:center !important;
			justify-content:center !important;
			text-align:center !important;
			box-shadow:none !important;
		}
}


/* NEWS MOBILE SUB HERO TOP SPACE FIX */
@media (max-width: 767px){

    .news-page .company-sub-hero,
    main.news-page .company-sub-hero{
        padding-top:30px !important;
        padding-bottom:28px !important;
        min-height:300px !important;
        height:auto !important;
        align-items:center !important;
    }

    .news-page .company-sub-hero .container,
    main.news-page .company-sub-hero .container{
        padding-top:0 !important;
        padding-bottom:0 !important;
    }

    .news-page .company-sub-hero .company-hero-copy,
    main.news-page .company-sub-hero .company-hero-copy{
        padding-top:0 !important;
        margin-top:0 !important;
    }

    .news-page .company-sub-hero .company-eyebrow,
    main.news-page .company-sub-hero .company-eyebrow{
        margin-bottom:12px !important;
    }

    .news-page .company-sub-hero .company-hero-copy h1,
    main.news-page .company-sub-hero .company-hero-copy h1{
        margin-bottom:16px !important;
    }
}







/* NEWS MOBILE SUB HERO TOP SPACE FIX */
@media (max-width: 767px){

    .faq-page .company-sub-hero,
    main.faq-page .company-sub-hero{
        padding-top:30px !important;
        padding-bottom:28px !important;
        min-height:300px !important;
        height:auto !important;
        align-items:center !important;
    }

    .faq-page .company-sub-hero .container,
    main.faq-page .company-sub-hero .container{
        padding-top:0 !important;
        padding-bottom:0 !important;
    }

    .faq-page .company-sub-hero .company-hero-copy,
    main.faq-page .company-sub-hero .company-hero-copy{
        padding-top:0 !important;
        margin-top:0 !important;
    }

    .faq-page .company-sub-hero .company-eyebrow,
    main.faq-page .company-sub-hero .company-eyebrow{
        margin-bottom:12px !important;
    }

    .faq-page .company-sub-hero .company-hero-copy h1,
    main.faq-page .company-sub-hero .company-hero-copy h1{
        margin-bottom:16px !important;
    }
}







/* NEWS MOBILE SUB HERO TOP SPACE FIX */
@media (max-width: 767px){

    .location-page .company-sub-hero,
    main.location-page .company-sub-hero{
        padding-top:30px !important;
        padding-bottom:28px !important;
        min-height:300px !important;
        height:auto !important;
        align-items:center !important;
    }

    .location-page .company-sub-hero .container,
    main.location-page .company-sub-hero .container{
        padding-top:0 !important;
        padding-bottom:0 !important;
    }

    .location-page .company-sub-hero .company-hero-copy,
    main.location-page .company-sub-hero .company-hero-copy{
        padding-top:0 !important;
        margin-top:0 !important;
    }

    .location-page .company-sub-hero .company-eyebrow,
    main.location-page .company-sub-hero .company-eyebrow{
        margin-bottom:12px !important;
    }

    .location-page .company-sub-hero .company-hero-copy h1,
    main.location-page .company-sub-hero .company-hero-copy h1{
        margin-bottom:16px !important;
    }
}




/* NEWS MOBILE SUB HERO TOP SPACE FIX */
@media (max-width: 767px){

    .contact-page .company-sub-hero,
    main.contact-page .company-sub-hero{
        padding-top:30px !important;
        padding-bottom:28px !important;
        min-height:300px !important;
        height:auto !important;
        align-items:center !important;
    }

    .contact-page .company-sub-hero .container,
    main.contact-page .company-sub-hero .container{
        padding-top:0 !important;
        padding-bottom:0 !important;
    }

    .contact-page .company-sub-hero .company-hero-copy,
    main.contact-page .company-sub-hero .company-hero-copy{
        padding-top:0 !important;
        margin-top:0 !important;
    }

    .contact-page .company-sub-hero .company-eyebrow,
    main.contact-page .company-sub-hero .company-eyebrow{
        margin-bottom:12px !important;
    }

    .contact-page .company-sub-hero .company-hero-copy h1,
    main.contact-page .company-sub-hero .company-hero-copy h1{
        margin-bottom:16px !important;
    }
}

/* CONTACT MOBILE TYPE BUTTONS COMPACT */
@media (max-width: 767px){

    .contact-type-grid{
        display:grid !important;
        grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
        gap:10px !important;
        margin-bottom:28px !important;
    }

    .contact-type-card{
        min-height:86px !important;
        padding:16px 12px !important;
        border-radius:16px !important;
        display:flex !important;
        flex-direction:column !important;
        align-items:center !important;
        justify-content:center !important;
        text-align:center !important;
    }

    .contact-type-card span{
        font-size:10px !important;
        line-height:1.2 !important;
        letter-spacing:.08em !important;
        margin-bottom:7px !important;
    }

    .contact-type-card strong{
        font-size:15px !important;
        line-height:1.35 !important;
        margin-bottom:0 !important;
        letter-spacing:-0.03em !important;
    }

    .contact-type-card p{
        display:none !important;
    }
}

/* CONTACT MOBILE TITLE HIDE */
@media (max-width: 767px){
    .contact-page .contact-title,
    .contact-page-section .contact-title{
        display:none !important;
    }
}

/* MOBILE MENU 2DEPTH ACCORDION */
@media (max-width: 991px){

    .isabel-mobile-nav .has-submenu > .mobile-parent-row{
        display:flex !important;
        align-items:center !important;
        justify-content:space-between !important;
        padding:17px 24px !important;
        color:#fffaf3 !important;
        font-size:16px !important;
        line-height:1.35 !important;
        font-weight:600 !important;
        letter-spacing:-0.02em !important;
        border-bottom:1px solid rgba(255,250,243,.08) !important;
        background:transparent !important;
        cursor:pointer !important;
    }

    .isabel-mobile-nav .has-submenu > .mobile-parent-row a{
        color:#fffaf3 !important;
        padding:0 !important;
        margin:0 !important;
        background:transparent !important;
        border:0 !important;
        flex:1 !important;
    }

    .isabel-mobile-nav .mobile-sub-toggle{
        width:34px !important;
        height:34px !important;
        border:0 !important;
        background:transparent !important;
        color:#fffaf3 !important;
        font-size:21px !important;
        line-height:1 !important;
        font-weight:400 !important;
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        padding:0 !important;
        margin:0 0 0 12px !important;
        cursor:pointer !important;
    }

    .isabel-mobile-nav .has-submenu > .submenu{
        display:none !important;
        padding:8px 0 14px !important;
        background:rgba(255,250,243,.045) !important;
        border-bottom:1px solid rgba(255,250,243,.08) !important;
    }

    .isabel-mobile-nav .has-submenu.is-open > .submenu{
        display:block !important;
    }

    .isabel-mobile-nav .has-submenu.is-open .mobile-sub-toggle{
        transform:rotate(45deg) !important;
    }

    .isabel-mobile-nav .submenu li a{
        padding:11px 34px !important;
        color:rgba(255,250,243,.72) !important;
        font-size:14px !important;
        font-weight:400 !important;
        line-height:1.35 !important;
    }
}

/* MOBILE MENU BOTTOM CTA */
@media (max-width: 991px){

    .isabel-mobile-menu-cta{
        display:grid !important;
        grid-template-columns:1fr 1fr !important;
        gap:10px !important;
        padding:16px 18px 20px !important;
        background:#231f20 !important;
        border-top:1px solid rgba(255,250,243,.10) !important;
    }

    .isabel-mobile-menu-cta a{
        height:48px !important;
        border-radius:14px !important;
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        font-size:14px !important;
        font-weight:700 !important;
        letter-spacing:-0.02em !important;
        color:#fffaf3 !important;
        background:rgba(255,250,243,.08) !important;
        border:1px solid rgba(255,250,243,.14) !important;
    }

    .isabel-mobile-menu-cta a:first-child{
        background:#fffaf3 !important;
        color:#231f20 !important;
        border-color:#fffaf3 !important;
    }

    .isabel-mobile-menu-cta a:hover{
        opacity:.88 !important;
    }
}

/* MOBILE MENU ISABEL BROWN TONE */
@media (max-width: 991px){

    /* 우측 동그라미 메뉴 버튼 */
    .isabel-mobile-toggle{
        background:#6f553d !important; /* Isabel Brown */
        box-shadow:0 16px 34px rgba(111,85,61,.22) !important;
    }

    .isabel-mobile-toggle span{
        background:#fffaf3 !important;
    }

    /* 메뉴 패널 배경 */
    .isabel-mobile-panel{
        background:#5b5047 !important; /* Etoupe Brown */
        border:1px solid rgba(255,250,243,.16) !important;
        box-shadow:0 28px 80px rgba(55,44,34,.30) !important;
    }

    /* 메뉴 상위 항목 */
    .isabel-mobile-nav > li,
    .isabel-mobile-nav .has-submenu > .mobile-parent-row{
        background:#5b5047 !important;
        border-bottom:1px solid rgba(255,250,243,.10) !important;
    }

    .isabel-mobile-nav > li > a,
    .isabel-mobile-nav .has-submenu > .mobile-parent-row a{
        color:#fffaf3 !important;
    }

    /* 2차 메뉴 배경 */
    .isabel-mobile-nav .has-submenu > .submenu{
        background:#4f463f !important;
        border-bottom:1px solid rgba(255,250,243,.10) !important;
    }

    .isabel-mobile-nav .submenu li a{
        color:rgba(255,250,243,.78) !important;
    }

    .isabel-mobile-nav .submenu li a:hover{
        color:#fffaf3 !important;
        background:rgba(255,250,243,.06) !important;
    }

    /* + 버튼 */
    .isabel-mobile-nav .mobile-sub-toggle{
        color:#fffaf3 !important;
    }

    /* 메뉴 하단 CTA */
    .isabel-mobile-menu-cta{
        background:#5b5047 !important;
        border-top:1px solid rgba(255,250,243,.12) !important;
    }

    .isabel-mobile-menu-cta a{
        background:rgba(255,250,243,.10) !important;
        border:1px solid rgba(255,250,243,.18) !important;
        color:#fffaf3 !important;
    }

    .isabel-mobile-menu-cta a:first-child{
        background:#fffaf3 !important;
        color:#5b5047 !important;
        border-color:#fffaf3 !important;
    }

    /* X 상태도 동일 브라운 유지 */
    body.isabel-menu-open .isabel-mobile-toggle{
        background:#6f553d !important;
    }
}

/* INDEX MOBILE HERO TEXT CLEANUP */
@media (max-width: 767px){

    .isabel-hero-slider .slider-btns,
    .isabel-hero-slider .slider-btns .btn,
    .isabel-hero-slider .slider-btns .radius-btn{
        display:none !important;
    }

    .isabel-hero-slider .hero__caption p{
        max-width:88% !important;
        width:88% !important;
        display:block !important;
        -webkit-line-clamp:unset !important;
        -webkit-box-orient:unset !important;
        overflow:visible !important;
        white-space:normal !important;
        font-size:14px !important;
        line-height:1.65 !important;
        margin-bottom:0 !important;
    }
}


/* MOBILE MENU PARENT BUTTON LABEL */
@media (max-width: 991px){
    .isabel-mobile-nav .mobile-parent-label{
        flex:1 !important;
        border:0 !important;
        background:transparent !important;
        color:#fffaf3 !important;
        font-size:16px !important;
        line-height:1.35 !important;
        font-weight:600 !important;
        letter-spacing:-0.02em !important;
        text-align:left !important;
        padding:0 !important;
        margin:0 !important;
        cursor:pointer !important;
    }

    .isabel-mobile-nav .has-submenu > .mobile-parent-row{
        display:flex !important;
        align-items:center !important;
        justify-content:space-between !important;
        padding:17px 24px !important;
        cursor:pointer !important;
    }
}

/* Location info list - compact typography */
.location-info-list strong{
    font-size:12px !important;
    line-height:1.45 !important;
}

.location-info-list span{
    font-size:14px !important;
    line-height:1.55 !important;
}

.location-info-list div{
    padding:15px 0 !important;
}








/* Showroom tab buttons - rectangular premium style */
.showroom-tabs.isabel-tab-buttons{
    display:grid !important;
    grid-template-columns:repeat(5, 1fr);
    gap:10px;
    width:100%;
    max-width:1040px;
    margin:0 auto;
}

.showroom-tabs.isabel-tab-buttons .showroom-tab{
    width:100%;
    height:52px;
    border:1px solid rgba(35,31,32,.14);
    border-radius:0;
    background:rgba(255,250,243,.72);
    color:rgba(35,31,32,.56);
    font-size:12px;
    line-height:1;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
    transition:background .25s ease, color .25s ease, border-color .25s ease, box-shadow .25s ease;
}

.showroom-tabs.isabel-tab-buttons .showroom-tab:hover{
    color:#231f20;
    border-color:rgba(35,31,32,.28);
    background:#fffaf3;
}

.showroom-tabs.isabel-tab-buttons .showroom-tab.active{
    color:#231f20;
    border-color:rgba(139,107,74,.45);
    background:#f3eadf;
    box-shadow:inset 0 -2px 0 rgba(139,107,74,.55);
}

@media(max-width:991px){
    .showroom-tabs.isabel-tab-buttons{
        grid-template-columns:repeat(3, 1fr);
        gap:8px;
    }

    .showroom-tabs.isabel-tab-buttons .showroom-tab{
        height:48px;
        font-size:11px;
        letter-spacing:.06em;
    }
}

@media(max-width:575px){
    .showroom-tabs.isabel-tab-buttons{
        grid-template-columns:repeat(2, 1fr);
    }
}

/* =========================================================
   ISABEL MOBILE STATIC HERO - CLEAN FINAL
   - 모바일에서 slide1-m.png 원본 비율 유지
   - 왼쪽 하단 다크 레이어 박스 + 흰색 텍스트
   - 버튼 숨김 / PC 영향 없음
   ========================================================= */
@media (max-width:991px){
    html body .isabel-static-hero{
        position:relative !important;
        display:block !important;
        width:100% !important;
        height:auto !important;
        min-height:0 !important;
        max-height:none !important;
        padding:0 !important;
        margin:0 !important;
        overflow:hidden !important;
        background:#fcf8f1 !important;
    }

    html body .isabel-static-hero-picture{
        position:relative !important;
        inset:auto !important;
        display:block !important;
        width:100% !important;
        height:auto !important;
        min-height:0 !important;
        max-height:none !important;
        padding:0 !important;
        margin:0 !important;
        z-index:1 !important;
        overflow:hidden !important;
    }

    html body .isabel-static-hero-picture img,
    html body .isabel-static-hero-img{
        position:relative !important;
        display:block !important;
        width:100% !important;
        height:auto !important;
        min-height:0 !important;
        max-height:none !important;
        object-fit:contain !important;
        object-position:center top !important;
        opacity:1 !important;
        visibility:visible !important;
        filter:none !important;
        transform:none !important;
        z-index:1 !important;
    }

    html body .isabel-static-hero-content{
        position:absolute !important;
        left:0 !important;
        right:0 !important;
        top:auto !important;
        bottom:96px !important;
        width:100% !important;
        height:auto !important;
        padding:0 !important;
        margin:0 !important;
        z-index:5 !important;
        background:transparent !important;
        transform:none !important;
        pointer-events:auto !important;
    }

    html body .isabel-static-hero-content .container{
        width:100% !important;
        max-width:100% !important;
        padding-left:0 !important;
        padding-right:0 !important;
        margin-left:0 !important;
        margin-right:0 !important;
    }

    html body .isabel-static-hero-copy{
        position:relative !important;
        display:block !important;
        width:66% !important;
        max-width:480px !important;
        min-height:0 !important;
        padding:34px 30px 34px !important;
        margin:0 !important;
        background:rgba(35,35,35,.72) !important;
        border:0 !important;
        border-radius:0 !important;
        box-shadow:none !important;
        backdrop-filter:none !important;
        -webkit-backdrop-filter:none !important;
        overflow:hidden !important;
        opacity:1 !important;
        visibility:visible !important;
        z-index:6 !important;
    }

    html body .isabel-static-hero-copy span{
        display:block !important;
        color:#f2e6d5 !important;
        font-size:11px !important;
        line-height:1.35 !important;
        font-weight:700 !important;
        letter-spacing:.13em !important;
        text-transform:uppercase !important;
        margin:0 0 14px !important;
        padding:0 !important;
        opacity:1 !important;
        visibility:visible !important;
    }

    html body .isabel-static-hero-copy h1{
        display:block !important;
        color:#fffaf3 !important;
        font-size:34px !important;
        line-height:1.06 !important;
        letter-spacing:-0.055em !important;
        font-weight:700 !important;
        margin:0 0 20px !important;
        padding:0 !important;
        opacity:1 !important;
        visibility:visible !important;
        text-shadow:none !important;
    }

    html body .isabel-static-hero-copy p{
        display:-webkit-box !important;
        color:#f2e6d5 !important;
        font-size:14px !important;
        line-height:1.66 !important;
        font-weight:500 !important;
        letter-spacing:-0.025em !important;
        word-break:keep-all !important;
        margin:0 !important;
        padding:0 !important;
        width:100% !important;
        max-width:100% !important;
        opacity:1 !important;
        visibility:visible !important;
        -webkit-line-clamp:3 !important;
        -webkit-box-orient:vertical !important;
        overflow:hidden !important;
    }

    html body .isabel-static-hero-copy .slider-btns,
    html body .isabel-static-hero-copy .btn,
    html body .isabel-static-hero-copy .radius-btn{
        display:none !important;
    }
}

@media (max-width:430px){
    html body .isabel-static-hero-content{
        bottom:88px !important;
    }

    html body .isabel-static-hero-copy{
        width:66% !important;
        padding:30px 24px 30px !important;
    }

    html body .isabel-static-hero-copy h1{
        font-size:30px !important;
        line-height:1.08 !important;
        margin-bottom:18px !important;
    }

    html body .isabel-static-hero-copy p{
        font-size:13px !important;
        line-height:1.62 !important;
    }
}


/* =========================================================
   HERO PC/MOBILE COPY SWITCH - FINAL OVERRIDE
   ========================================================= */

/* 기본: PC 문구 보임 / 모바일 문구 숨김 */
html body .isabel-static-hero-copy .hero-copy-pc{
	display:block !important;
}

html body .isabel-static-hero-copy .hero-copy-mobile{
	display:none !important;
}

/* 모바일: PC 문구 숨김 / 모바일 문구 보임 */
@media (max-width:991px){

	html body .isabel-static-hero-copy .hero-copy-pc{
		display:none !important;
		visibility:hidden !important;
		opacity:0 !important;
		height:0 !important;
		max-height:0 !important;
		margin:0 !important;
		padding:0 !important;
		overflow:hidden !important;
	}

	html body .isabel-static-hero-copy .hero-copy-mobile{
		display:block !important;
		visibility:visible !important;
		opacity:1 !important;
		height:auto !important;
		max-height:none !important;
		overflow:visible !important;
	}
}

/* PC에서는 모바일 문구 절대 안 보이게 */
@media (min-width:992px){

	html body .isabel-static-hero-copy .hero-copy-mobile{
		display:none !important;
		visibility:hidden !important;
		opacity:0 !important;
		height:0 !important;
		max-height:0 !important;
		margin:0 !important;
		padding:0 !important;
		overflow:hidden !important;
	}
}





/* MODEL LIST PC / MOBILE SWITCH */
.model-list-mobile{
	display:none !important;
}

.model-list-pc{
	display:block !important;
}

@media (max-width:767px){
	.model-list-pc{
		display:none !important;
	}

	.model-list-mobile{
		display:block !important;
	}
}

/* COMPANY HERO PC / MOBILE COPY SWITCH */
html body .company-copy-mobile{
	display:none !important;
}

html body .company-copy-pc{
	display:block !important;
}

@media (max-width:767px){
	html body .company-copy-pc{
		display:none !important;
		visibility:hidden !important;
		opacity:0 !important;
		height:0 !important;
		max-height:0 !important;
		margin:0 !important;
		padding:0 !important;
		overflow:hidden !important;
	}

	html body .company-copy-mobile{
		display:block !important;
		visibility:visible !important;
		opacity:1 !important;
		height:auto !important;
		max-height:none !important;
		overflow:visible !important;
	}
}


/* COMPANY INTRO EYEBROW MOBILE BR REPLACE */
.intro-eyebrow-mobile-br{
	display:none !important;
}

@media (max-width:767px){
	.intro-eyebrow-pc{
		display:none !important;
	}

	.intro-eyebrow-mobile-br{
		display:block !important;
		line-height:1 !important;
	}
}


/* SHOWROOM COMING SOON REAL BUTTON FIX */
@media (max-width:767px){
	.showroom-tabs::after{
		display:none !important;
		content:none !important;
	}

	.showroom-tab-soon{
		width:100% !important;
		height:58px !important;
		border:1px solid rgba(111,85,61,.28) !important;
		border-radius:0 !important;
		background:rgba(255,250,243,.78) !important;
		color:rgba(35,31,32,.50) !important;
		font-size:11px !important;
		line-height:1.25 !important;
		font-weight:600 !important;
		letter-spacing:.08em !important;
		text-align:center !important;
		display:flex !important;
		align-items:center !important;
		justify-content:center !important;
		box-shadow:none !important;
		opacity:1 !important;
		cursor:default !important;
		pointer-events:none !important;
	}

	.showroom-tab-soon:hover{
		background:rgba(255,250,243,.78) !important;
		color:rgba(35,31,32,.50) !important;
		border-color:rgba(111,85,61,.28) !important;
	}
}


/* SHOWROOM COMING SOON - MOBILE ONLY */
.showroom-tab-soon{
	display:none !important;
}

@media (max-width:767px){
	.showroom-tab-soon{
		display:flex !important;
		width:100% !important;
		height:58px !important;
		border:1px solid rgba(111,85,61,.28) !important;
		border-radius:0 !important;
		background:rgba(255,250,243,.78) !important;
		color:rgba(35,31,32,.50) !important;
		font-size:11px !important;
		line-height:1.25 !important;
		font-weight:600 !important;
		letter-spacing:.08em !important;
		align-items:center !important;
		justify-content:center !important;
		text-align:center !important;
		padding:0 8px !important;
		box-shadow:none !important;
		opacity:1 !important;
		cursor:default !important;
		pointer-events:none !important;
	}

	.showroom-tabs::after{
		display:none !important;
		content:none !important;
	}
}


/* =========================================================
   SHOWROOM MOBILE GALLERY ORDER FIX
   모바일: 메인 이미지 → 8개 썸네일 한 줄 → 설명글
   PC 영향 없음
   ========================================================= */

@media (max-width: 767px){

    .showroom-content-area{
        padding-top:34px !important;
    }

    .showroom-detail-layout{
        display:flex !important;
        flex-direction:column !important;
        gap:0 !important;
    }

    /*
      main-card 안의 이미지/설명 요소를
      모바일에서 부모 레이아웃으로 꺼내 정렬하기
    */
    .showroom-main-card{
        display:contents !important;
        background:transparent !important;
        box-shadow:none !important;
        border:0 !important;
    }

    /* 1. 큰 메인 이미지 */
    .showroom-main-card .blog_item_img{
        order:1 !important;
        width:100% !important;
        height:340px !important;
        margin:0 !important;
        overflow:hidden !important;
        background:#f3eadf !important;
    }

    .showroom-main-card .blog_item_img img,
    .showroom-main-img{
        width:100% !important;
        height:340px !important;
        object-fit:cover !important;
        object-position:center center !important;
        display:block !important;
    }

    /* 2. 썸네일 8개 한 줄 */
    .showroom-sub-grid{
        order:2 !important;
        display:grid !important;
        grid-template-columns:repeat(8, minmax(0, 1fr)) !important;
        gap:5px !important;
        width:100% !important;
        height:auto !important;
        margin:8px 0 16px !important;
        padding:0 !important;
    }

    .showroom-sub-thumb{
        width:100% !important;
        height:46px !important;
        min-height:46px !important;
        padding:0 !important;
        margin:0 !important;
        border:1px solid rgba(35,31,32,.12) !important;
        border-radius:0 !important;
        overflow:hidden !important;
        background:#f3eadf !important;
        opacity:.72 !important;
    }

    .showroom-sub-thumb img{
        width:100% !important;
        height:100% !important;
        object-fit:cover !important;
        object-position:center center !important;
        display:block !important;
    }

    .showroom-sub-thumb.active,
    .showroom-sub-thumb:hover{
        opacity:1 !important;
        border-color:rgba(111,85,61,.72) !important;
        transform:none !important;
    }

    /* 3. 설명글 */
    .showroom-main-card .blog_details{
        order:3 !important;
        width:100% !important;
        padding:26px 24px 32px !important;
        background:#fffaf3 !important;
        min-height:0 !important;
        margin:0 !important;
    }

    .showroom-main-card .blog_details h2{
        font-size:24px !important;
        line-height:1.3 !important;
        margin-bottom:14px !important;
    }

    .showroom-main-card .blog_details p{
        font-size:14px !important;
        line-height:1.65 !important;
        margin:0 !important;
    }
}




/* Cashmere point text switch */
.cashmere-point-mobile {
	display: none !important;
}

.cashmere-point-pc {
	display: block !important;
}

@media only screen and (max-width: 767px) {
	.cashmere-point-pc {
		display: none !important;
	}

	.cashmere-point-mobile {
		display: block !important;
		font-size: 14px;
		line-height: 1.75;
		letter-spacing: -0.03em;
	}
}

