/*
 * FLC Online Rental
 * Common UI: Header, Search, Footer, Drawer
 * HTMLから抽出した既存CSSをそのまま保持しています。
 * 変更時はTwig側のインライン<style>を削除してください。
 */

/* ====== SITE HEADER ====== */
/* ==========================================
   FLC オンラインレンタル
   PC・スマホ共通ヘッダー
========================================== */

#flcSiteHeader,
#flcSiteHeader * {
    box-sizing: border-box;
}

/* ヘッダー全体 */
#flcSiteHeader {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    height: 70px !important;

    background: rgba(255,255,255,.97) !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);

    border-bottom: 1px solid #eee8eb !important;
    box-shadow: 0 2px 12px rgba(80,50,65,.035);

    z-index: 1000 !important;
    opacity: 1;
    transform: translateY(0);

    transition:
        transform .25s ease,
        opacity .25s ease,
        background .25s ease,
        box-shadow .25s ease !important;
}

/* スクロール後 */
#flcSiteHeader.animated {
    background: rgba(255,255,255,.97) !important;
    box-shadow: 0 4px 18px rgba(80,50,65,.10) !important;
}

/* スクロール時の一時非表示 */
#flcSiteHeader.scroll-up {
    opacity: 0 !important;
    transform: translateY(-100%) !important;
    pointer-events: none !important;
}

/* 内側レイアウト */
#flcSiteHeader .flc-headerInner {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;

    width: 100% !important;
    max-width: 1340px !important;
    height: 70px !important;

    margin: 0 auto !important;
    padding: 0 24px !important;
}

/* ==========================================
   ロゴ
========================================== */

#flcSiteHeader .flc-headerLogo {
    display: flex !important;
    align-items: center !important;
    flex: 0 0 auto !important;

    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
}

#flcSiteHeader .flc-headerLogo a {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 0 !important;
}

#flcSiteHeader .flc-headerLogo img {
    display: block !important;

    width: 250px !important;
    max-width: 100% !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

/* ==========================================
   PCナビゲーション
========================================== */

#flcSiteHeader .flc-desktopNav {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;

    flex: 1 1 auto !important;
    min-width: 0 !important;
    height: 100% !important;

    margin: 0 0 0 25px !important;
    padding: 0 !important;
}

/* ナビ全体 */
#flcSiteHeader .flc-navList {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-end !important;

    gap: 12px !important;

    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;
}

/* 各項目 */
#flcSiteHeader .flc-navItem {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    flex: 0 0 auto !important;
    min-width: 0 !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;
}

/* ==========================================
   共通リンク
========================================== */

#flcSiteHeader .flc-navLink {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 9px !important;
    min-height: 40px !important;

    margin: 0 !important;
    padding: 8px 12px !important;

    background: transparent !important;
    border: 1px solid transparent !important;
    border-radius: 9px !important;

    color: #4e4549 !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 1.5 !important;

    white-space: nowrap !important;
    text-decoration: none !important;

    transition:
        background .2s ease,
        border-color .2s ease,
        color .2s ease !important;
}

/* ナビのアイコン */
#flcSiteHeader .flc-navIcon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    flex: 0 0 29px !important;
    width: 29px !important;
    height: 29px !important;

    margin: 0 !important;
    padding: 0 !important;

    background: #fff0f5 !important;
    border-radius: 50% !important;

    color: #b77890 !important;
}

#flcSiteHeader .flc-navIcon i {
    margin: 0 !important;
    padding: 0 !important;
    color: inherit !important;
    font-size: 12px !important;
}

/* ご利用方法はピンクで強調 */
#flcSiteHeader .flc-navLink.is-guide {
    background: #fff5f8 !important;
    border-color: #f0dfe5 !important;
    color: #a6637d !important;
}

/* ホバー */
@media (hover: hover) {

    #flcSiteHeader .flc-navLink:hover {
        background: #fff4f7 !important;
        border-color: #ecd3dd !important;
        color: #a6637d !important;
    }

    #flcSiteHeader .flc-navLink:hover .flc-navIcon {
        background: #f6dfe8 !important;
    }
}

/* ==========================================
   PC 商品検索
   カテゴリー枠線の欠けを修正
========================================== */

/* 検索領域の幅 */
#flcSiteHeader .flc-searchNavItem {
    flex: 0 1 340px !important;

    width: 340px !important;
    min-width: 260px !important;
    max-width: 340px !important;
}

/* 検索ブロック */
#flcSiteHeader .ec-headerSearch.flc-headerSearch {
    display: flex !important;
    align-items: center !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;

    height: 46px !important;
    min-height: 0 !important;
    max-height: none !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;

    overflow: visible !important;
}

/* PCでは検索見出しとラベルを非表示 */
#flcSiteHeader .flc-headerSearch .flc-searchHead,
#flcSiteHeader .flc-headerSearch .flc-searchLabel {
    display: none !important;
}

/* 検索フォーム */
#flcSiteHeader .flc-headerSearch .flc-searchForm {
    display: grid !important;

    grid-template-columns:
        minmax(0, .95fr)
        minmax(0, 1.25fr) !important;

    align-items: center !important;
    gap: 7px !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;

    height: 42px !important;

    margin: 0 !important;
    padding: 0 !important;
}

/* カテゴリー・キーワード共通 */
#flcSiteHeader .flc-headerSearch .ec-headerSearch__category,
#flcSiteHeader .flc-headerSearch .ec-headerSearch__keyword {
    display: block !important;
    position: relative !important;

    float: none !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;

    height: 42px !important;
    min-height: 42px !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    border: 0 !important;

    overflow: visible !important;
}

/* セレクトの外側 */
#flcSiteHeader .flc-headerSearch .ec-select.ec-select_search {
    display: block !important;
    position: relative !important;

    width: 100% !important;
    height: 42px !important;
    min-height: 42px !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    border: 0 !important;
    overflow: visible !important;
}

/* カテゴリー選択
   四辺の枠線を明示的に指定 */
#flcSiteHeader .flc-headerSearch .ec-select_search select {
    display: block !important;
    position: relative !important;
    float: none !important;

    appearance: none !important;
    -webkit-appearance: none !important;

    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;

    height: 42px !important;
    min-height: 42px !important;

    margin: 0 !important;
    padding: 0 27px 0 11px !important;

    background: #fff !important;

    border: 1px solid #e5dce0 !important;
    border-top: 1px solid #e5dce0 !important;
    border-right: 1px solid #e5dce0 !important;
    border-bottom: 1px solid #e5dce0 !important;
    border-left: 1px solid #e5dce0 !important;

    border-radius: 7px !important;

    color: #555 !important;
    font-size: 11px !important;
    font-weight: 400 !important;
    line-height: normal !important;

    outline: none !important;
    box-shadow: none !important;
    cursor: pointer !important;
}

/* EC-CUBE既定の装飾が重なるのを防ぐ */
#flcSiteHeader .flc-headerSearch .ec-select_search::before {
    content: none !important;
}

/* セレクト矢印 */
#flcSiteHeader .flc-headerSearch .ec-select_search::after {
    content: "" !important;
    display: block !important;

    position: absolute !important;
    top: 50% !important;
    right: 12px !important;
    left: auto !important;

    width: 7px !important;
    height: 7px !important;
    margin: -5px 0 0 !important;

    background: transparent !important;
    border: 0 !important;
    border-right: 1.5px solid #b77d91 !important;
    border-bottom: 1.5px solid #b77d91 !important;

    transform: rotate(45deg) !important;
    pointer-events: none !important;
}

/* キーワード入力の外側 */
#flcSiteHeader .flc-headerSearch .ec-headerSearch__keyword .ec-input {
    display: block !important;
    position: relative !important;

    width: 100% !important;
    height: 42px !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    border: 0 !important;
}

/* キーワード入力 */
#flcSiteHeader .flc-headerSearch .search-name {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;

    height: 42px !important;
    min-height: 42px !important;

    margin: 0 !important;
    padding: 0 43px 0 11px !important;

    background: #fff !important;
    border: 1px solid #e5dce0 !important;
    border-radius: 7px !important;

    color: #444 !important;
    font-size: 11px !important;

    outline: none !important;
    box-shadow: none !important;
}

/* プレースホルダー */
#flcSiteHeader .flc-headerSearch .search-name::placeholder {
    color: #aaa !important;
    font-size: 10px !important;
    opacity: 1 !important;
}

/* フォーカス時 */
#flcSiteHeader .flc-headerSearch select:focus,
#flcSiteHeader .flc-headerSearch .search-name:focus {
    border-color: #cb9aae !important;
    box-shadow: 0 0 0 3px rgba(203,154,174,.12) !important;
}

/* 検索ボタン */
#flcSiteHeader .flc-headerSearch .ec-headerSearch__keywordBtn {
    display: flex !important;
    position: absolute !important;

    top: 50% !important;
    right: 4px !important;
    bottom: auto !important;
    left: auto !important;

    align-items: center !important;
    justify-content: center !important;

    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;

    margin: 0 !important;
    padding: 0 !important;

    background: #b9778f !important;
    border: 0 !important;
    border-radius: 6px !important;

    transform: translateY(-50%) !important;
    cursor: pointer !important;
}

/* 検索アイコン */
#flcSiteHeader .flc-headerSearch .ec-headerSearch__keywordBtn .ec-icon,
#flcSiteHeader .flc-headerSearch .ec-headerSearch__keywordBtn img {
    display: block !important;
    width: 16px !important;
    height: 16px !important;
    margin: 0 !important;
    padding: 0 !important;
}

#flcSiteHeader .flc-headerSearch .ec-headerSearch__keywordBtn img {
    filter: brightness(0) invert(1) !important;
}

/* ==========================================
   カート
========================================== */

#flcSiteHeader .flc-cartNavItem {
    position: relative !important;
    margin-left: 4px !important;
}

/* カート外側 */
#flcSiteHeader .flc-cartNavItem .ec-cartNavi {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-height: 42px !important;

    margin: 0 !important;
    padding: 5px 11px !important;

    background: #faf5f7 !important;
    border: 1px solid #f0e3e8 !important;
    border-radius: 22px !important;
}

/* カートアイコン色 */
#flcSiteHeader .flc-cartNavItem .ec-cartNavi__icon {
    color: #a6637d !important;
}

/* カート件数バッジ */
#flcSiteHeader .flc-cartNavItem .ec-cartNavi__badge {
    background: #bd798f !important;
    color: #fff !important;
}

/* ==========================================
   PC幅調整
========================================== */

@media screen and (min-width: 1101px) and (max-width: 1250px) {

    #flcSiteHeader .flc-headerInner {
        padding: 0 16px !important;
    }

    #flcSiteHeader .flc-headerLogo img {
        width: 250px !important;
    }

    #flcSiteHeader .flc-navList {
        gap: 5px !important;
    }

    #flcSiteHeader .flc-navLink {
        gap: 5px !important;
        padding: 7px 6px !important;
        font-size: 11px !important;
    }

    #flcSiteHeader .flc-searchNavItem {
        flex-basis: 285px !important;
        width: 285px !important;
        min-width: 245px !important;
    }
}

/* ==========================================
   スマートフォン・タブレット
========================================== */

@media screen and (min-width: 1101px) {

    #flcSiteHeader .flc-mobileNav {
        display: none !important;
    }

}

@media screen and (max-width: 1100px) {

    #flcSiteHeader {
        height: 64px !important;
    }

    #flcSiteHeader .flc-headerInner {
        height: 64px !important;
        padding: 0 15px !important;
    }

    #flcSiteHeader .flc-headerLogo img {
        width: 250px !important;
    }

    /* PCナビを非表示 */
    #flcSiteHeader .flc-desktopNav {
        display: none !important;
    }

    /* EC-CUBEのスマホメニュー */
    #flcSiteHeader .flc-mobileNav {
        display: flex !important;
        position: relative !important;
        align-items: center !important;
        justify-content: flex-end !important;

        flex: 0 0 auto !important;
        margin-left: auto !important;
        padding: 0 !important;
    }
}

@media screen and (max-width: 480px) {

    #flcSiteHeader .flc-headerInner {
        padding: 0 10px !important;
    }

    #flcSiteHeader .flc-headerLogo img {
        width: 250px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    #flcSiteHeader,
    #flcSiteHeader * {
        transition: none !important;
    }
}

/* ====== SEARCH (PC and MOBILE; duplicated style removed) ====== */
/* ==========================================
   FLC 商品検索
   ホワイト × ソフトピンク
========================================== */

.flc-headerSearch,
.flc-headerSearch * {
    box-sizing: border-box !important;
}
.flc-headerSearch .ec-headerSearch__category, .flc-headerSearch .ec-headerSearch__keyword {
    border:none!important;
}

/* 検索エリア全体 */
.ec-headerSearch.flc-headerSearch {
    container: flc-search / inline-size;
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 15px !important;
    background: #fff !important;
    border: 1px solid #eee5e9 !important;
    box-shadow: 0 2px 12px rgba(120, 75, 95, .035) !important;
}

/* ==========================================
   見出し
========================================== */

.flc-headerSearch .flc-searchHead {
    display: flex !important;
    align-items: center !important;
    gap: 11px !important;
    margin: 0 0 15px !important;
    padding: 0 0 12px !important;
    border-bottom: 1px solid #eee5e9 !important;
}

.flc-headerSearch .flc-searchHeadEn {
    color: #383838 !important;
    font-size: 19px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    letter-spacing: .07em !important;
}

.flc-headerSearch .flc-searchHeadLine {
    display: block !important;
    flex: 0 0 1px !important;
    width: 1px !important;
    height: 18px !important;
    background: #ded5d8 !important;
}

.flc-headerSearch .flc-searchHeadJa {
    color: #777 !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 1.5 !important;
}

/* ==========================================
   検索フォーム
========================================== */

.flc-headerSearch .flc-searchForm {
    display: grid !important;
    grid-template-columns:
        minmax(0, .9fr)
        minmax(0, 1.5fr) !important;
    gap: 12px !important;
    align-items: end !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* カテゴリー・キーワード共通 */
.flc-headerSearch .ec-headerSearch__category,
.flc-headerSearch .ec-headerSearch__keyword {
    display: block !important;
    position: relative !important;
    float: none !important;
    flex: none !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
}

/* 項目ラベル */
.flc-headerSearch .flc-searchLabel {
    display: block !important;
    margin: 0 0 7px !important;
    padding: 0 !important;
    color: #936d7c !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    line-height: 1.5 !important;
    letter-spacing: .025em !important;
}

/* ==========================================
   カテゴリーセレクト
========================================== */

.flc-headerSearch .ec-select.ec-select_search {
    display: block !important;
    position: relative !important;
    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
}

/* セレクト本体 */
.flc-headerSearch .ec-select_search select {
    display: block !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    height: 44px !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 0 35px 0 13px !important;

    background: #fff !important;
    border: 1px solid #e9e2e5 !important;
    border-radius: 8px !important;

    color: #555 !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: normal !important;

    outline: none !important;
    cursor: pointer !important;
    box-shadow: none !important;
    transition: border-color .2s ease,
                box-shadow .2s ease !important;
}

/* セレクト右側の矢印 */
.flc-headerSearch .ec-select_search::after {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    right: 15px !important;
    display: block !important;
    width: 7px !important;
    height: 7px !important;
    margin-top: -5px !important;
    border-right: 1.5px solid #b77d91 !important;
    border-bottom: 1.5px solid #b77d91 !important;
    transform: rotate(45deg) !important;
    pointer-events: none !important;
}

/* フォーカス */
.flc-headerSearch .ec-select_search select:focus {
    border-color: #d7a3b6 !important;
    box-shadow: 0 0 0 3px rgba(215,163,182,.12) !important;
}

/* ==========================================
   キーワード検索
========================================== */

.flc-headerSearch .ec-headerSearch__keyword .ec-input {
    display: block !important;
    position: relative !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
}

/* テキスト入力 */
.flc-headerSearch .search-name {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    height: 44px !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 0 53px 0 13px !important;

    background: #fff !important;
    border: 1px solid #e9e2e5 !important;
    border-radius: 8px !important;

    color: #444 !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: normal !important;

    outline: none !important;
    box-shadow: none !important;
    transition: border-color .2s ease,
                box-shadow .2s ease !important;
}

/* プレースホルダー */
.flc-headerSearch .search-name::placeholder {
    color: #aaa !important;
    opacity: 1 !important;
    font-size: 12px !important;
}

/* 入力中 */
.flc-headerSearch .search-name:focus {
    border-color: #d7a3b6 !important;
    box-shadow: 0 0 0 3px rgba(215,163,182,.12) !important;
}

/* ==========================================
   検索ボタン
========================================== */

.flc-headerSearch .ec-headerSearch__keywordBtn {
    display: flex !important;
    position: absolute !important;
    top: 50% !important;
    right: 4px !important;
    left: auto !important;
    bottom: auto !important;
    align-items: center !important;
    justify-content: center !important;

    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;

    margin: 0 !important;
    padding: 0 !important;

    background: #ba7c93 !important;
    border: 0 !important;
    border-radius: 7px !important;

    cursor: pointer !important;
    transform: translateY(-50%) !important;
    transition: background .2s ease !important;
}

/* アイコンコンテナ */
.flc-headerSearch .ec-headerSearch__keywordBtn .ec-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 18px !important;
    height: 18px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 白い虫眼鏡アイコン */
.flc-headerSearch .ec-headerSearch__keywordBtn .ec-icon img {
    display: block !important;
    width: 18px !important;
    height: 18px !important;
    max-width: 100% !important;
    margin: 0 !important;
    filter: brightness(0) invert(1) !important;
}

/* ホバー */
@media (hover: hover) {
    .flc-headerSearch .ec-headerSearch__keywordBtn:hover {
        background: #a3657b !important;
    }

    .flc-headerSearch .ec-select_search select:hover,
    .flc-headerSearch .search-name:hover {
        border-color: #d8bbc6 !important;
    }
}

/* キーボード操作 */
.flc-headerSearch .ec-headerSearch__keywordBtn:focus-visible {
    outline: 2px solid #a3657b !important;
    outline-offset: 2px !important;
}

/* ==========================================
   狭いメニュー・スマホ対応
========================================== */

/* ブロック自体の幅で切り替える */
@container flc-search (max-width: 430px) {
    .flc-headerSearch .flc-searchForm {
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 13px !important;
    }
}

/* スマートフォン */
@media screen and (max-width: 767px) {
    .ec-headerSearch.flc-headerSearch {
        padding: 13px !important;
    }

    .flc-headerSearch .flc-searchHead {
        margin-bottom: 13px !important;
        padding-bottom: 10px !important;
    }

    .flc-headerSearch .flc-searchHeadEn {
        font-size: 17px !important;
    }

    .flc-headerSearch .flc-searchHeadJa {
        font-size: 11px !important;
    }

    .flc-headerSearch .flc-searchForm {
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 13px !important;
    }

    .flc-headerSearch .search-name,
    .flc-headerSearch .ec-select_search select {
        height: 42px !important;
        min-height: 42px !important;
        font-size: 12px !important;
    }

    .flc-headerSearch .ec-headerSearch__keywordBtn {
        width: 34px !important;
        height: 34px !important;
        min-width: 34px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .flc-headerSearch .search-name,
    .flc-headerSearch select,
    .flc-headerSearch button {
        transition: none !important;
    }
}

/* ==========================================
   FLC 商品検索 PC表示修正
   ヘッダーからはみ出さないコンパクト版
========================================== */

@media screen and (min-width: 768px) {

    /* 検索エリア全体 */
    .ec-headerSearch.flc-headerSearch {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;

        height: 56px !important;
        min-height: 0 !important;
        max-height: 56px !important;

        margin: 0 !important;
        padding: 5px 8px !important;

        background: transparent !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
    }

    /* PCでは見出しを非表示 */
    .flc-headerSearch .flc-searchHead {
        display: none !important;
    }

    /* PCではラベルも非表示 */
    .flc-headerSearch .flc-searchLabel {
        display: none !important;
    }

    /* 2項目を横一列に配置 */
    .flc-headerSearch .flc-searchForm {
        display: grid !important;

        grid-template-columns:
            minmax(0, 0.85fr)
            minmax(0, 1.15fr) !important;

        align-items: center !important;
        gap: 6px !important;

        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;

        height: 38px !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* 各検索ボックス */
    .flc-headerSearch .ec-headerSearch__category,
    .flc-headerSearch .ec-headerSearch__keyword {
        width: 100% !important;
        min-width: 0 !important;
        height: 38px !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* カテゴリーセレクト */
    .flc-headerSearch .ec-select_search select {
        width: 100% !important;
        height: 38px !important;
        min-height: 38px !important;

        padding: 0 23px 0 9px !important;

        font-size: 11px !important;
        border-radius: 6px !important;
    }

    .flc-headerSearch .ec-select_search::after {
        right: 10px !important;
    }

    /* キーワード検索 */
    .flc-headerSearch .search-name {
        width: 100% !important;
        height: 38px !important;
        min-height: 38px !important;

        padding: 0 37px 0 9px !important;

        font-size: 11px !important;
        border-radius: 6px !important;
    }

    .flc-headerSearch .search-name::placeholder {
        font-size: 10px !important;
    }

    /* 検索ボタン */
    .flc-headerSearch .ec-headerSearch__keywordBtn {
        position: absolute !important;
        top: 50% !important;
        right: 3px !important;

        width: 30px !important;
        height: 30px !important;
        min-width: 30px !important;

        margin: 0 !important;
        transform: translateY(-50%) !important;

        border-radius: 5px !important;
    }

    .flc-headerSearch .ec-headerSearch__keywordBtn .ec-icon,
    .flc-headerSearch .ec-headerSearch__keywordBtn .ec-icon img {
        width: 15px !important;
        height: 15px !important;
    }
}

/* ====== FOOTER ====== */
/* ==========================================
   FLC ONLINE RENTAL
   FOOTER DESIGN
========================================== */

#flcFooter,
#flcFooter * {
    box-sizing: border-box !important;
}

/* ==========================================
   フッター全体
========================================== */

#flcFooter.ec-footerRole {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;

    background: #faf8f9 !important;
    border: 0 !important;
    border-top: 1px solid #eee4e8 !important;
    border-radius: 0 !important;

    color: #51464b !important;
}

/* コンテンツ幅 */
#flcFooter .ec-footerRole__inner {
    display: block !important;

    width: 100% !important;
    max-width: 1180px !important;

    margin: 0 auto !important;
    padding: 55px 25px 25px !important;

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* ==========================================
   ブランドエリア
========================================== */

#flcFooter .flc-footerBrand {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;

    width: 100% !important;
    margin: 0 0 35px !important;
    padding: 0 !important;

    text-align: center !important;
}

/* ブランド名 */
#flcFooter .flc-footerLogo {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;

    color: #363236 !important;
    font-size: 29px !important;
    font-weight: 500 !important;
    line-height: 1.3 !important;
    letter-spacing: .035em !important;
}

/* Online Shop */
#flcFooter .flc-footerSubLogo {
    display: block !important;
    margin: 1px 0 0 !important;
    padding: 0 !important;

    color: #bc784d !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.5 !important;
    letter-spacing: .025em !important;
}

/* サービス説明 */
#flcFooter .flc-footerBrandText {
    display: block !important;

    margin: 12px 0 0 !important;
    padding: 0 !important;

    color: #877a80 !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1.8 !important;
    letter-spacing: .02em !important;
}

/* ==========================================
   ナビゲーションエリア
========================================== */

#flcFooter .flc-footerNavArea {
    display: block !important;
    width: 100% !important;

    margin: 0 !important;
    padding: 25px 0 35px !important;

    border-top: 1px solid #eee2e7 !important;
    border-bottom: 1px solid #eee2e7 !important;
}

/* ナビ見出し */
#flcFooter .flc-footerHeading {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 12px !important;

    margin: 0 0 25px !important;
    padding: 0 !important;

    text-align: center !important;
}

/* INFORMATION */
#flcFooter .flc-footerHeadingEn {
    margin: 0 !important;
    padding: 0 !important;

    color: #4b4347 !important;
    font-size: 17px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    letter-spacing: .09em !important;
}

/* 見出し区切り線 */
#flcFooter .flc-footerHeadingLine {
    display: block !important;

    width: 1px !important;
    height: 17px !important;

    margin: 0 !important;
    padding: 0 !important;

    background: #d9cbd0 !important;
}

/* ご案内 */
#flcFooter .flc-footerHeadingJa {
    margin: 0 !important;
    padding: 0 !important;

    color: #877580 !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 1.5 !important;
}

/* ==========================================
   フッターナビ
========================================== */

#flcFooter .ec-footerNavi {
    display: grid !important;

    grid-template-columns:
        repeat(3, minmax(0, 1fr)) !important;

    gap: 12px !important;

    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    border: 0 !important;
    list-style: none !important;
}

/* ナビ項目 */
#flcFooter .ec-footerNavi__link {
    display: block !important;

    width: 100% !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    border: 0 !important;
    list-style: none !important;
}

/* ==========================================
   リンクカード
========================================== */

#flcFooter .ec-footerNavi__link a {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;

    gap: 12px !important;

    width: 100% !important;
    min-width: 0 !important;
    min-height: 66px !important;

    margin: 0 !important;
    padding: 15px 17px !important;

    background: #fff !important;
    border: 1px solid #eee2e7 !important;
    border-radius: 9px !important;

    color: #64545b !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 1.6 !important;
    letter-spacing: .015em !important;

    text-align: left !important;
    text-decoration: none !important;

    box-shadow:
        0 2px 10px rgba(100,60,80,.025) !important;

    transition:
        background .2s ease,
        color .2s ease,
        border-color .2s ease,
        box-shadow .2s ease,
        transform .2s ease !important;
}

/* 左側アイコン */
#flcFooter .flc-footerLinkIcon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    flex: 0 0 33px !important;

    width: 33px !important;
    height: 33px !important;

    margin: 0 !important;
    padding: 0 !important;

    background: #fff0f5 !important;
    border-radius: 50% !important;

    color: #b47b8e !important;
}

#flcFooter .flc-footerLinkIcon i {
    margin: 0 !important;
    padding: 0 !important;

    color: inherit !important;
    font-size: 13px !important;
    line-height: 1 !important;
}

/* リンク文字 */
#flcFooter .flc-footerLinkText {
    display: block !important;
    flex: 1 1 auto !important;

    width: auto !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    color: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;

    overflow-wrap: anywhere !important;
}

/* 右矢印 */
#flcFooter .flc-footerLinkArrow {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    flex: 0 0 12px !important;

    width: 12px !important;
    margin: 0 0 0 auto !important;
    padding: 0 !important;

    color: #c9a6b3 !important;
    font-size: 10px !important;

    transition: transform .2s ease !important;
}

/* ==========================================
   ホバー
========================================== */

@media (hover: hover) {

    #flcFooter .ec-footerNavi__link a:hover {
        background: #fff5f8 !important;
        border-color: #e6c2cf !important;
        color: #a3657c !important;

        box-shadow:
            0 5px 15px rgba(140,80,105,.07) !important;

        transform: translateY(-2px) !important;
    }

    #flcFooter .ec-footerNavi__link a:hover
    .flc-footerLinkIcon {
        background: #f8e0e9 !important;
        color: #a3657c !important;
    }

    #flcFooter .ec-footerNavi__link a:hover
    .flc-footerLinkArrow {
        transform: translateX(3px) !important;
    }
}

/* キーボード操作 */
#flcFooter .ec-footerNavi__link a:focus-visible {
    outline: 2px solid #b9788f !important;
    outline-offset: 3px !important;
}

/* ==========================================
   コピーライト
========================================== */

#flcFooter .ec-footerTitle {
    display: block !important;

    width: 100% !important;
    margin: 0 !important;
    padding: 25px 0 0 !important;

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;

    text-align: center !important;
}

/* Copyright */
#flcFooter .ec-footerTitle__copyright {
    display: block !important;

    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    border: 0 !important;

    color: #95858b !important;
    font-size: 11px !important;
    font-weight: 400 !important;
    line-height: 1.8 !important;
    letter-spacing: .02em !important;

    text-align: center !important;
}

/* ==========================================
   タブレット
========================================== */

@media screen and (min-width: 768px)
       and (max-width: 1050px) {

    #flcFooter .ec-footerNavi {
        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;
    }

    #flcFooter .ec-footerRole__inner {
        padding-left: 25px !important;
        padding-right: 25px !important;
    }
}

/* ==========================================
   スマートフォン
========================================== */

@media screen and (max-width: 767px) {

    #flcFooter .ec-footerRole__inner {
        padding: 40px 15px 22px !important;
    }

    /* ブランド */
    #flcFooter .flc-footerBrand {
        margin-bottom: 27px !important;
    }

    #flcFooter .flc-footerLogo {
        font-size: 25px !important;
    }

    #flcFooter .flc-footerSubLogo {
        font-size: 12px !important;
    }

    #flcFooter .flc-footerBrandText {
        margin-top: 9px !important;
        font-size: 11px !important;
    }

    /* ナビ */
    #flcFooter .flc-footerNavArea {
        padding: 23px 0 28px !important;
    }

    #flcFooter .flc-footerHeading {
        gap: 10px !important;
        margin-bottom: 18px !important;
    }

    #flcFooter .flc-footerHeadingEn {
        font-size: 15px !important;
    }

    #flcFooter .flc-footerHeadingJa {
        font-size: 11px !important;
    }

    /* スマホは1列 */
    #flcFooter .ec-footerNavi {
        grid-template-columns:
            minmax(0, 1fr) !important;

        gap: 8px !important;
    }

    /* リンク */
    #flcFooter .ec-footerNavi__link a {
        min-height: 56px !important;
        padding: 11px 13px !important;
        gap: 11px !important;

        font-size: 12px !important;
        border-radius: 8px !important;
    }

    /* アイコン */
    #flcFooter .flc-footerLinkIcon {
        flex-basis: 30px !important;
        width: 30px !important;
        height: 30px !important;
    }

    #flcFooter .flc-footerLinkIcon i {
        font-size: 12px !important;
    }

    /* コピーライト */
    #flcFooter .ec-footerTitle {
        padding-top: 20px !important;
    }

    #flcFooter .ec-footerTitle__copyright {
        font-size: 10px !important;
    }
}

/* ==========================================
   動きを抑える設定
========================================== */

@media (prefers-reduced-motion: reduce) {

    #flcFooter *,
    #flcFooter *::before,
    #flcFooter *::after {
        transition: none !important;
    }
}

/* ====== DRAWER CATEGORIES ====== */
/* ==========================================
   FLC カテゴリーアコーディオン
   2列カード型・スマホメニュー対応
========================================== */

#flcCategoryMenu,
#flcCategoryMenu * {
    box-sizing: border-box !important;
}

/* 全体 */
#flcCategoryMenu {
    width: 100% !important;
    margin: 0 !important;
    padding: 10px 8px !important;
    background: #fff !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* 見出し */
#flcCategoryMenu .ec-headerCategoryArea__heading {
    display: block !important;
    margin: 0 0 10px !important;
    padding: 5px 4px 10px !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid #f0e5e9 !important;
}

#flcCategoryMenu .ec-headerCategoryArea__heading p {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #594550 !important;
    line-height: 1.5 !important;
}

#flcCategoryMenu .flc-catHeadingIcon {
    font-size: 14px !important;
    color: #bd718c !important;
}

/* EC-CUBE標準スタイルをリセット */
#flcCategoryMenu .ec-itemNav {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
}

/* 2列表示 */
#flcCategoryMenu .ec-itemNav__nav {
    display: grid !important;
    grid-template-columns:
        repeat(2, minmax(0, 1fr)) !important;
    gap: 6px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    background: transparent !important;
}

/* 親カード */
#flcCategoryMenu .ec-itemNav__nav > li {
    display: block !important;
    position: relative !important;
    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #fff !important;
    border: 1px solid #eee5e9 !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    box-shadow: none !important;
    list-style: none !important;
}

/* 開いているカード */
#flcCategoryMenu .ec-itemNav__nav > li:has(> details[open]) {
    border-color: #e8b6c8 !important;
}

/* ==========================================
   カード共通
========================================== */

#flcCategoryMenu .flc-catLink,
#flcCategoryMenu .flc-catSummary {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 6px !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 54px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 8px 6px !important;
    background: #fff !important;
    border: 0 !important;
    border-radius: 0 !important;
    color: #594550 !important;
    text-align: left !important;
    text-decoration: none !important;
    cursor: pointer !important;
    transition: background .2s ease !important;
}

/* summaryの標準矢印を消す */
#flcCategoryMenu .flc-catSummary {
    list-style: none !important;
}

#flcCategoryMenu .flc-catSummary::-webkit-details-marker {
    display: none !important;
}

#flcCategoryMenu .flc-catSummary::marker {
    content: "" !important;
}

/* アイコン */
#flcCategoryMenu .flc-catIcon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 25px !important;
    width: 25px !important;
    height: 25px !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 50% !important;
    background: #fff0f5 !important;
    color: #bf7290 !important;
    line-height: 1 !important;
}

#flcCategoryMenu .flc-catIcon i {
    margin: 0 !important;
    font-size: 12px !important;
    color: inherit !important;
}

/* カテゴリー名 */
#flcCategoryMenu .flc-catName {
    display: block !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    color: inherit !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    line-height: 1.45 !important;
    letter-spacing: 0 !important;
    text-align: left !important;
    overflow-wrap: anywhere !important;
}

/* 開閉矢印 */
#flcCategoryMenu .flc-catArrow {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 12px !important;
    width: 12px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #bd7893 !important;
    font-size: 10px !important;
    transition: transform .2s ease !important;
}

/* 開いたら矢印を上向きに */
#flcCategoryMenu details[open] > summary .flc-catArrow {
    transform: rotate(180deg) !important;
}

/* 開いている親カテゴリー */
#flcCategoryMenu details[open] > .flc-catSummary {
    background: #fff1f6 !important;
    color: #a95573 !important;
}

/* ==========================================
   子カテゴリー
========================================== */

#flcCategoryMenu .flc-catPanel {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 5px !important;
    background: #fff9fb !important;
    border-top: 1px solid #f2e1e7 !important;
}

/* 親カテゴリーの商品を見る */
#flcCategoryMenu .flc-catViewAll {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 3px !important;
    width: 100% !important;
    margin: 0 0 5px !important;
    padding: 7px 5px !important;
    background: #f8e5ec !important;
    border: 0 !important;
    border-radius: 5px !important;
    color: #a35470 !important;
    font-size: 9px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    text-decoration: none !important;
    overflow-wrap: anywhere !important;
}

#flcCategoryMenu .flc-catViewAll i {
    flex-shrink: 0 !important;
}

/* 子カテゴリー一覧 */
#flcCategoryMenu .flc-catChildren {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    list-style: none !important;
}

#flcCategoryMenu .flc-catChildren > li {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    list-style: none !important;
}

/* 子カテゴリーのリンク */
#flcCategoryMenu .flc-catChildren .flc-catLink,
#flcCategoryMenu .flc-catChildren .flc-catSummary {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
    width: 100% !important;
    min-height: 31px !important;
    margin: 0 !important;
    padding: 6px 3px !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid #f2e8ec !important;
    border-radius: 0 !important;
    color: #775765 !important;
    text-decoration: none !important;
}

/* 子カテゴリーに小さな点 */
#flcCategoryMenu .flc-catChildren .flc-catLink::before,
#flcCategoryMenu .flc-catChildren .flc-catSummary::before {
    content: "" !important;
    display: block !important;
    flex: 0 0 4px !important;
    width: 4px !important;
    height: 4px !important;
    margin-right: 3px !important;
    background: #d9a1b5 !important;
    border-radius: 50% !important;
}

/* 子階層がさらにある場合 */
#flcCategoryMenu .flc-catChildren .flc-catPanel {
    padding: 4px 3px 5px 7px !important;
    background: #fff !important;
}

/* ==========================================
   ホバー・操作性
========================================== */

@media (hover: hover) {
    #flcCategoryMenu .flc-catLink:hover,
    #flcCategoryMenu .flc-catSummary:hover {
        background: #fff1f6 !important;
        color: #a95573 !important;
    }

    #flcCategoryMenu .flc-catViewAll:hover {
        background: #f5d6e1 !important;
    }
}

#flcCategoryMenu a:focus-visible,
#flcCategoryMenu summary:focus-visible {
    outline: 2px solid #b95e7f !important;
    outline-offset: -2px !important;
}

/* 狭いメニュー用 */
@media screen and (max-width: 360px) {
    #flcCategoryMenu .ec-itemNav__nav {
        gap: 5px !important;
    }

    #flcCategoryMenu .flc-catLink,
    #flcCategoryMenu .flc-catSummary {
        gap: 4px !important;
        padding: 7px 5px !important;
    }

    #flcCategoryMenu .flc-catName {
        font-size: 9px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    #flcCategoryMenu .flc-catLink,
    #flcCategoryMenu .flc-catSummary,
    #flcCategoryMenu .flc-catArrow {
        transition: none !important;
    }
}

/* ====== DRAWER HEADER LINKS ====== */
/* ==========================================
   FLC ヘッダーリンクメニュー
   他のEC-CUBEのパーツに影響しない専用CSS
========================================== */
.ec-drawerRole .ec-headerLinkArea .ec-headerLink__list{
border-top:none!important;
}

.ec-headerLinkArea.flc-headerLinks {
    box-sizing: border-box !important;
    width: 100% !important;
    padding: 14px !important;
    background: #fff9fb !important;
    border: 1px solid #f3e1e8 !important;
}

.flc-headerLinks,
.flc-headerLinks * {
    box-sizing: border-box !important;
}

/* メニュー全体 */
.flc-headerLinks .ec-headerLink__list {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(112px, 1fr)) !important;
    gap: 10px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

/* メニューボタン */
.flc-headerLinks .ec-headerLink__item {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 9px !important;

    width: 100% !important;
    min-width: 0 !important;
    min-height: 96px !important;
    margin: 0 !important;
    padding: 13px 7px !important;

    background: #ffffff !important;
    border: 1px solid #f1e5e9 !important;
    border-radius: 12px !important;

    color: #634a55 !important;
    text-decoration: none !important;
    text-align: center !important;

    box-shadow: 0 2px 8px rgba(125, 72, 92, 0.035) !important;

    transition:
        background .2s ease,
        border-color .2s ease,
        box-shadow .2s ease,
        transform .2s ease !important;
}

/* アイコンの丸い背景 */
.flc-headerLinks .ec-headerLink__icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;

    margin: 0 !important;
    padding: 0 !important;

    background: #fff0f5 !important;
    border-radius: 50% !important;

    color: #be718a !important;
    font-size: 17px !important;
    line-height: 1 !important;

    transition: background .2s ease, color .2s ease !important;
}

/* アイコン */
.flc-headerLinks .ec-headerLink__icon i {
    display: inline-block !important;
    margin: 0 !important;
    font-size: 17px !important;
    color: inherit !important;
}

/* リンクの文字 */
.flc-headerLinks .ec-headerLink__item > span {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;

    color: inherit !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 1.5 !important;
    letter-spacing: .02em !important;
    text-align: center !important;
    overflow-wrap: anywhere !important;
}

/* ご利用方法だけ特別カラー */
.flc-headerLinks .ec-headerLink__item.flc-guideLink {
    background: #fce8ee !important;
    border-color: #f0c8d6 !important;
    color: #a35470 !important;
}

.flc-headerLinks .flc-guideLink .ec-headerLink__icon {
    background: #ffffff !important;
    color: #b75f7e !important;
}

/* マウスを乗せた時 */
@media (hover: hover) {
    .flc-headerLinks .ec-headerLink__item:hover {
        background: #fff2f6 !important;
        border-color: #e9b7c8 !important;
        color: #a95573 !important;

        box-shadow: 0 6px 16px rgba(178, 100, 130, .12) !important;
        transform: translateY(-3px) !important;
    }

    .flc-headerLinks .ec-headerLink__item:hover .ec-headerLink__icon {
        background: #edcfda !important;
        color: #9f4768 !important;
    }

    .flc-headerLinks .ec-headerLink__item.flc-guideLink:hover {
        background: #f8dce5 !important;
    }
}

/* キーボード操作 */
.flc-headerLinks .ec-headerLink__item:focus-visible {
    outline: 3px solid #bd7893 !important;
    outline-offset: 2px !important;
}

/* スマートフォン */
@media screen and (max-width: 767px) {

    .ec-headerLinkArea.flc-headerLinks {
        padding: 10px !important;
    }

    .flc-headerLinks .ec-headerLink__list {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
    }

    .flc-headerLinks .ec-headerLink__item {
        min-height: 86px !important;
        padding: 11px 5px !important;
        gap: 7px !important;
        border-radius: 10px !important;
    }

    .flc-headerLinks .ec-headerLink__icon {
        width: 34px !important;
        height: 34px !important;
        min-width: 34px !important;
        font-size: 16px !important;
    }

    .flc-headerLinks .ec-headerLink__icon i {
        font-size: 16px !important;
    }

    .flc-headerLinks .ec-headerLink__item > span {
        font-size: 11px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .flc-headerLinks .ec-headerLink__item,
    .flc-headerLinks .ec-headerLink__icon {
        transition: none !important;
    }
}
