/* BASIC css start */
    /* =========================================================
       비밀상점 MOBILE HEADER CSS - 전체 교체본
    ========================================================= */
    :root {
        --fff:#fff;
        --000:#111;
        --border:#ededed;
        --main-color:#7b1f35;
        --main-hover:#641729;
        --point-light:#faf5f7;
        --gray:#f4f4f4;
        --777:#777;
        --333:#333;
    }
    .fl_l{float:left}.fl_r{float:right}.txt-r{text-align:right}.txt-l{text-align:left}.txt-c{text-align:center}
    .clearfix::after{content:"";display:block;clear:both}.dn{display:none}.block{display:block}
    .btn{display:inline-block;border:1px solid #ededed;text-align:center;height:46px;line-height:46px}
    .m_color{background:var(--main-color)!important;border:none!important;color:#fff!important}

    /* 상단 */
    header{width:100%}
    .secret-m-header{box-sizing:border-box;background:#fff;padding:0 5% 14px}
    .secret-m-header .Header{
        position:relative;z-index:109;display:flex;align-items:center;justify-content:space-between;
        width:100%;min-height:76px;background:#fff;
    }
    .secret-m-header .h_logoWrap{width:auto!important;padding:0!important}
    .secret-m-logo{display:flex;flex-direction:column;color:#111;line-height:1}
    .secret-m-logo strong{font-size:1.55rem;font-weight:900;letter-spacing:-1.5px}
    .secret-m-logo span{margin-top:6px;color:#8c6670;font-size:.45rem;font-weight:700;letter-spacing:1.55px}
    .secret-header-actions{margin:0!important}
    .secret-header-actions .secret-cart{display:flex;align-items:center;justify-content:center;width:38px;height:38px}
    .secret-header-actions svg{width:25px;height:25px;fill:none;stroke:#191919;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}

    /* 검색 */
    .secret-mobile-search{position:relative;width:100%}
    .secret-mobile-search .search{position:relative}
    .secret-mobile-search .searchBox{position:relative}
    .secret-mobile-search .MS_search_word{
        box-sizing:border-box;width:100%;height:46px;padding:0 50px 0 18px;
        border:1px solid #ece7e9!important;border-radius:12px!important;
        outline:none;background:#f8f7f7!important;color:#222;font-size:.84rem;
    }
    .secret-mobile-search .MS_search_word:focus{border-color:#c9a6af!important;background:#fff!important}
    .secret-mobile-search .btn_search{
        position:absolute;right:14px;top:50%;display:flex;align-items:center;justify-content:center;
        width:28px;height:28px;transform:translateY(-50%);
    }
    .secret-mobile-search .btn_search svg{width:21px;height:21px;fill:none;stroke:#7b1f35;stroke-width:1.8;stroke-linecap:round}

    /* 검색 자동완성 */
    .search-auto-complete-list{
        display:none;position:absolute;z-index:120;top:49px;left:0;width:100%;
        line-height:14px;background:#fff;border:1px solid #eee;border-radius:10px;
        box-shadow:0 8px 24px rgba(0,0,0,.08);overflow:hidden;
    }
    .search-auto-complete-list ul{display:flex;flex-wrap:wrap;width:100%;box-sizing:border-box;padding:8px}
    .search-auto-complete-list ul li{margin:3px;text-align:center}
    .search-auto-complete-list ul li a{display:block;padding:8px 12px;border:1px solid #eee;border-radius:10px;color:#222;font-size:11px}
    .search-auto-complete-list ul li a strong{color:var(--main-color)}
    .search-auto-complete-list .search-list-close{display:block;padding:10px;text-align:right;color:#777;font-size:11px}

    /* 상단 스크롤 메뉴 */
    #fixed_gnb{
        position:sticky;top:-1px;z-index:100;background:#fff;
        border-bottom:1px solid #eee;box-shadow:0 3px 12px rgba(0,0,0,.025);
    }
    #fixed_gnb .gnb{padding:0 3%;border:0}
    #fixed_gnb .gnb .swiper-wrapper{align-items:center}
    #fixed_gnb .gnb .swiper-slide{position:relative;width:auto!important;margin:0 15px 0 0;padding:0}
    #fixed_gnb .gnb .swiper-slide a{
        display:block;height:47px;line-height:47px;color:#333;font-size:.82rem;font-weight:650;white-space:nowrap;
    }
    #fixed_gnb .gnb .swiper-slide:first-child{border:0}
    #fixed_gnb .gnb .swiper-slide:first-child a{color:var(--main-color);font-weight:800}
    #fixed_gnb .gnb .cate_new i{
        position:absolute;top:4px;right:-7px;width:13px;height:13px;border-radius:50%;
        background:#7b1f35;color:#fff;font-size:7px;font-style:normal;line-height:13px;text-align:center;
    }

    /* 기존 스마트 파인더 떠있는 버튼은 비밀상점 헤더에서는 숨김 */
    #allfinder-ctr{display:none!important}

    /* 사이드 카테고리 */
    aside{
        position:fixed;inset:0;z-index:150;display:none;overflow-y:auto;
        width:100%;min-width:320px;height:100%;background:#fff;opacity:0;
        -webkit-overflow-scrolling:touch;transition:opacity .25s;
    }
    aside.show{display:block;opacity:1}
    #header.asi_hearder{position:fixed;top:0;left:0;right:0;z-index:160;background:#fff;border-bottom:1px solid #eee}
    .secret-aside-header .Header{
        display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;
        width:100%;height:72px;padding:0 5%;background:#fff;
    }
    .secret-aside-header .h_logoWrap{width:38px!important;padding:0!important}
    .secret-back{position:relative;display:block;width:38px;height:38px}
    .secret-back:before,.secret-back:after{
        content:"";position:absolute;left:9px;width:17px;height:1.5px;background:#222;transform-origin:left center;
    }
    .secret-back:before{top:13px;transform:rotate(-45deg)}
    .secret-back:after{top:25px;transform:rotate(45deg)}
    .secret-aside-logo{display:flex;flex-direction:column;align-items:center;color:#111;line-height:1}
    .secret-aside-logo strong{font-size:1.18rem;font-weight:900;letter-spacing:-1px}
    .secret-aside-logo span{margin-top:5px;color:#98747d;font-size:.38rem;font-weight:700;letter-spacing:1.25px}
    .secret-aside-header .m_hd-icon{width:38px;margin:0!important}
    .secret-home{display:flex;align-items:center;justify-content:center;width:38px;height:38px}
    .secret-home svg{width:22px;height:22px;fill:none;stroke:#222;stroke-width:1.6;stroke-linejoin:round}

    /* 왼쪽 카테고리 탭 */
    #nav.nav{
        position:fixed;left:0;top:72px;z-index:151;width:34%;height:calc(100% - 72px);
        overflow-y:auto;background:#f7f5f6;
    }
    #nav.nav .gnb__list li{padding:21px 16px}
    #nav.nav .gnb__list li.active{background:#fff}
    #nav.nav .gnb__list li a{color:#777;font-size:.86rem;font-weight:600}
    #nav.nav .gnb__list li.active a{color:#7b1f35;font-weight:800}

    /* 오른쪽 카테고리 내용 */
    #section{
        position:absolute;left:34%;top:72px;z-index:152;box-sizing:border-box;
        width:66%;min-height:calc(100% - 72px);padding:0 0 90px 5%;background:#fff;
    }
    #section section{width:100%;min-height:210px;margin-bottom:30px;padding-bottom:28px;border-bottom:1px solid #f3f3f3}
    #section section:last-of-type{margin-bottom:150px}
    #section0{height:auto!important;min-height:250px!important;padding:0 5% 25px 0!important}
    #section0 h2{position:relative;padding:25px 0 17px;color:#7b1f35;font-size:1.05rem;font-weight:800}
    #section h2 span.ic-right{position:absolute;top:0;right:5%;padding:27px 0;color:#aaa;font-size:.55rem;letter-spacing:1px}
    .secret-aside-intro{padding:22px 18px;border-radius:13px;background:linear-gradient(145deg,#faf5f7,#f4e9ec)}
    .secret-aside-intro strong{color:#29171c;font-size:1.05rem;line-height:1.4;font-weight:800;letter-spacing:-.5px}
    .secret-aside-intro p{margin-top:9px;color:#8d737a;font-size:.68rem;line-height:1.45}
    .secret-aside-quick{display:flex;gap:5px;margin-top:16px}
    .secret-aside-quick a{flex:1;padding:8px 2px;border:1px solid #e4cfd5;border-radius:7px;color:#7b1f35!important;background:#fff;font-size:.57rem!important;text-align:center;font-weight:800!important}

    #section .aside-cate{padding:0 5% 0 0}
    #section .aside-cate .cate1{color:#333;font-size:1.02rem;font-weight:800}
    #section .aside-cate li{position:relative}
    #section .aside-cate li.cate1 span{line-height:1.2}
    #section .aside-cate li.cate1 span img{width:24px;margin-right:5px;vertical-align:middle}
    .pw-aside-icon-sprite{position:absolute;width:0;height:0;overflow:hidden}
    #section .aside-cate .pw-aside-icon{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;margin-right:9px;border-radius:50%;background:#faf5f7;vertical-align:middle}
    #section .aside-cate .pw-aside-icon svg{display:block;width:27px;height:27px;margin:0}
    #section span.ic-right{position:absolute;right:5%;bottom:1px;color:#aaa;font-size:1rem}
    #section .aside-cate li.cate2{margin:21px 0}
    #section .aside-cate li.cate2 a{color:#666;font-size:.88rem;font-weight:500}

    /* 스마트 검색 레이어 - 기능 유지 */
    .all-finder-layer{z-index:200;position:fixed;inset:0;width:100%;height:100%;background:#fff;overflow-y:auto}
    .all-finder-layer .finder-hd{z-index:1;position:fixed;top:0;left:0;width:100%;height:60px;border-bottom:1px solid #eee;background:#fff}
    .all-finder-layer .finder-hd .fa-close{position:absolute;top:17px;right:12px;font-size:26px;color:#111}
    .all-finder-layer .finder-hd .finder-tit{height:60px;line-height:60px;padding:0 15px;color:#111;font-size:16px;font-weight:800}
    .all-finder-layer .finder-opt{padding:60px 0 60px;color:#111}
    .all-finder-layer .finder-opt dl dt{position:relative;min-height:53px;line-height:53px;padding:0 15px;border-top:1px solid #eee;color:#222;font-size:14px;font-weight:700}
    .all-finder-layer .finder-opt dl dd{display:none;padding:10px 5px 0;border-top:1px solid #eee;background:#f7f7f7;font-size:0}
    .all-finder-layer .finder-opt dl dd label{display:inline-block;width:33.333%;text-align:center;line-height:18px}
    .all-finder-layer .finder-opt .finder-options{display:inline-block;overflow:hidden;width:80%;height:22px;padding:5px 5%;border:1px solid #ddd;border-radius:20px;background:#fff;color:#333;text-align:center;font-size:12px;white-space:nowrap;text-overflow:ellipsis}
    .all-finder-layer .finder-btn-c{z-index:1;position:fixed;bottom:0;left:0;width:100%;height:55px;font-size:0;text-align:center}
    .all-finder-layer .finder-btn-c a.reset{display:inline-block;width:30%;height:55px;line-height:55px;background:#999;color:#fff;font-size:15px;font-weight:700}
    .all-finder-layer .finder-btn-c button{display:inline-block;width:70%;height:55px;border:0;background:#7b1f35;color:#fff;font-size:15px;font-weight:800}

    /* 하단 고정바 */
    #fix_bt_Bar{
        position:fixed;right:0;bottom:0!important;left:0;z-index:111;
        box-sizing:border-box;padding:8px 0 7px;border-top:1px solid #ececec;
        background:rgba(255,255,255,.97);box-shadow:0 -5px 20px rgba(0,0,0,.04);
    }
    #fix_bt_Bar ul{display:flex;align-items:center;justify-content:space-between;width:100%}
    #fix_bt_Bar ul li{display:flex;align-items:center;justify-content:center;width:20%}
    #fix_bt_Bar ul li a{display:block;width:100%;color:#777}
    #fix_bt_Bar ul li p{margin-top:5px;font-size:.62rem;font-weight:600}
    #fix_bt_Bar ul li span{
        position:relative;display:block;width:23px;height:23px;margin:0 auto;
        background:none!important;
    }
    #fix_bt_Bar .ic-home span:before{
        content:"";position:absolute;left:4px;top:8px;width:14px;height:12px;border:1.5px solid #555;border-top:0;border-radius:1px;
    }
    #fix_bt_Bar .ic-home span:after{
        content:"";position:absolute;left:4px;top:5px;width:14px;height:14px;border-top:1.5px solid #555;border-left:1.5px solid #555;transform:rotate(45deg);
    }
    #fix_bt_Bar .ic-cate span:before{
        content:"";position:absolute;inset:3px;border:1.5px solid #555;border-radius:3px;
        box-shadow:inset 7px 0 0 transparent;
    }
    #fix_bt_Bar .ic-cate span:after{
        content:"";position:absolute;left:11px;top:4px;width:1.5px;height:15px;background:#555;
    }
    #fix_bt_Bar .ic-recent span:before{
        content:"";position:absolute;inset:3px;border:1.5px solid #555;border-radius:50%;
    }
    #fix_bt_Bar .ic-recent span:after{
        content:"";position:absolute;left:11px;top:7px;width:5px;height:6px;border-left:1.5px solid #555;border-bottom:1.5px solid #555;
    }
    #fix_bt_Bar .ic-like span:before{
        content:"♡";position:absolute;inset:-3px 0 0;color:#555;font-size:27px;line-height:25px;font-family:Arial,sans-serif;
    }
    #fix_bt_Bar .ic-mypage span:before{
        content:"";position:absolute;left:8px;top:2px;width:7px;height:7px;border:1.5px solid #555;border-radius:50%;
    }
    #fix_bt_Bar .ic-mypage span:after{
        content:"";position:absolute;left:4px;bottom:2px;width:15px;height:8px;border:1.5px solid #555;border-radius:10px 10px 3px 3px;
    }
    #fix_bt_Bar .active p,#fix_bt_Bar .active a{color:#7b1f35}
    body.scroll #container{display:none}

    /* 아주 작은 화면 */
    @media screen and (max-width:360px){
        .secret-m-logo strong{font-size:1.38rem}
        .secret-m-header{padding-left:4%;padding-right:4%}
        #fixed_gnb .gnb .swiper-slide{margin-right:13px}
        #fixed_gnb .gnb .swiper-slide a{font-size:.78rem}
    }


/* PRIVATE WELLNESS — mobile header, dark burgundy edition */
.secret-m-header,
#fixed_gnb.secret-fixed-gnb,
.secret-aside-header,
.secret-aside-intro,
#fix_bt_Bar.secret-bottom-bar {
    font-family:"SUIT",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
.secret-m-header {
    padding:0 20px 20px;
    background:linear-gradient(115deg,#641729 0%,#7b1f35 100%);
    color:#fff;
}
.secret-m-header .Header {min-height:88px;background:transparent;}
.secret-m-header .secret-m-logo {color:#fff;gap:0;}
.secret-m-header .secret-m-logo strong {font-size:26px;font-weight:800;letter-spacing:-1px;}
.secret-m-header .secret-m-logo span {margin-top:8px;color:#edcdd6;font-size:9px;letter-spacing:2px;font-weight:500;}
.secret-m-header .secret-header-actions .secret-cart {
    width:44px;height:44px;border:1px solid rgba(255,255,255,.24);border-radius:50%;
    background:rgba(255,255,255,.05);box-sizing:border-box;
}
.secret-m-header .secret-header-actions svg {width:23px;height:23px;stroke:#fff;stroke-width:1.5;}
.secret-m-header .secret-header-note {margin:0 0 12px;color:#edcdd6;font-size:12px;line-height:1.5;letter-spacing:.2px;}
.secret-m-header .secret-mobile-search .MS_search_word {
    height:48px;padding:0 52px 0 16px;border:1px solid rgba(255,255,255,.3)!important;
    border-radius:6px!important;background:rgba(255,255,255,.09)!important;
    color:#fff;font-family:inherit;font-size:16px;box-shadow:none;
}
.secret-m-header .secret-mobile-search .MS_search_word::placeholder {color:#edcdd6;opacity:1;font-size:13px;}
.secret-m-header .secret-mobile-search .MS_search_word:focus {background:#faf5f7!important;border-color:#fff!important;color:#111;}
.secret-m-header .secret-mobile-search .MS_search_word:focus::placeholder {color:#77525d;}
.secret-m-header .secret-mobile-search .btn_search {right:2px;width:44px;height:44px;}
.secret-m-header .secret-mobile-search .btn_search svg {stroke:#fff;}
.secret-m-header .secret-mobile-search .search:focus-within .btn_search svg {stroke:#641729;}
.secret-m-header .search-auto-complete-list {top:52px;box-sizing:border-box;border-color:#eadce1;border-radius:6px;}
#fixed_gnb.secret-fixed-gnb {top:0;background:#641729;border-color:rgba(255,255,255,.14);box-shadow:0 4px 16px rgba(100,23,41,.12);}
#fixed_gnb.secret-fixed-gnb .gnb {padding:0 20px;}
#fixed_gnb.secret-fixed-gnb .gnb .swiper-slide {margin-right:22px;}
#fixed_gnb.secret-fixed-gnb .gnb .swiper-slide a {height:48px;line-height:48px;color:#edcdd6;font-size:13px;font-weight:600;}
#fixed_gnb.secret-fixed-gnb .gnb .swiper-slide:first-child a {color:#fff;font-weight:800;}
#fixed_gnb.secret-fixed-gnb .gnb .swiper-slide:first-child a::after {content:"";position:absolute;right:0;bottom:0;left:0;height:2px;background:#edcdd6;}
#fixed_gnb.secret-fixed-gnb .gnb .cate_new i {background:#faf5f7;color:#641729;top:3px;font-weight:800;}
#header.secret-aside-header {background:#641729;border-bottom-color:rgba(255,255,255,.15);}
.secret-aside-header .Header {background:#641729;}
.secret-aside-header .secret-aside-logo {color:#fff;}
.secret-aside-header .secret-aside-logo span {color:#edcdd6;font-size:8px;letter-spacing:1.5px;}
.secret-aside-header .secret-back::before,.secret-aside-header .secret-back::after {background:#fff;}
.secret-aside-header .secret-home svg {stroke:#fff;}
.secret-aside-intro {background:#641729;border-radius:8px;padding:22px 16px;}
.secret-aside-intro strong {color:#fff;font-size:17px;font-weight:700;line-height:1.6;}
.secret-aside-intro p {color:#edcdd6;font-size:12px;line-height:1.7;}
.secret-aside-intro .secret-aside-quick {flex-wrap:wrap;}
.secret-aside-intro .secret-aside-quick a {min-height:40px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;border-radius:4px;background:transparent;border-color:rgba(255,255,255,.3);color:#fff!important;font-size:10px!important;}
aside #nav.nav {background:#faf5f7;}
aside #nav.nav .gnb__list li.active {box-shadow:inset 3px 0 #641729;}
aside #section .aside-cate a {display:block;line-height:1.5;min-height:44px;}
aside #section .aside-cate img {filter:grayscale(1);}
#fix_bt_Bar.secret-bottom-bar {
    padding:10px 0 calc(9px + env(safe-area-inset-bottom,0px));
    background:#641729;border-top:1px solid rgba(255,255,255,.18);box-shadow:0 -4px 18px rgba(100,23,41,.13);
}
#fix_bt_Bar.secret-bottom-bar ul li a {min-height:44px;color:#edcdd6;}
#fix_bt_Bar.secret-bottom-bar ul li p {font-size:10px;font-weight:500;margin-top:6px;}
#fix_bt_Bar.secret-bottom-bar ul li span::before,
#fix_bt_Bar.secret-bottom-bar ul li span::after {border-color:#edcdd6;color:#edcdd6;}
#fix_bt_Bar.secret-bottom-bar .ic-cate span::after {background:#edcdd6;}
#fix_bt_Bar.secret-bottom-bar .active a,
#fix_bt_Bar.secret-bottom-bar .active p {color:#fff;font-weight:800;}
.secret-m-header a:focus-visible,
#fixed_gnb.secret-fixed-gnb a:focus-visible,
.secret-aside-header a:focus-visible,
#fix_bt_Bar.secret-bottom-bar a:focus-visible {outline:2px solid #edcdd6;outline-offset:2px;}
@media screen and (max-width:360px) {
    .secret-m-header {padding-right:16px;padding-left:16px;}
    .secret-m-header .secret-m-logo strong {font-size:24px;}
    #fixed_gnb.secret-fixed-gnb .gnb {padding:0 16px;}
    #fixed_gnb.secret-fixed-gnb .gnb .swiper-slide {margin-right:18px;}
    .secret-aside-intro {padding:18px 12px;}
}


/* Category drawer icon sizing and back-button alignment */
.secret-aside-header .secret-back::before,
.secret-aside-header .secret-back::after {left:14px;top:19px;width:15px;}
aside #section .aside-cate li .ic-right {top:12px;right:0;bottom:auto;line-height:1;}
aside #section .aside-cate li .ic-right img {display:block;width:8px;height:14px;margin:0;object-fit:contain;}

aside #section section {box-sizing:border-box;}
.secret-aside-intro {box-sizing:border-box;}


/* 2026-09-10 mobile image logo */
.secret-m-header .secret-m-logo img {display:block;width:100px;height:auto;max-height:48px;object-fit:contain;object-position:left center;}


/* 2026-09-10 larger mobile image logo */
.secret-m-header .secret-m-logo img {width:140px;max-height:58px;}

/* BASIC css end */