/* cache-bust 2026-05-25T13:50 flat-fullbleed live */
/*!
 * K13 Blog Enhancer CSS (v1.1.0)
 * 作用範圍：Category 列表頁（/category/*）
 *
 * 對齊 CIS（DESIGN.md）：
 *   --green: #2E7D32   --teal: #204147
 *   --warm:  #FBF7EF   --card: #F5F5F5
 *   --body-gray: #6A6B6C
 *   body 字級 ≥24px、按鈕 ≥22px
 *
 * 所有 class 加 `k-blog-` 前綴，與既有 `.k-cta-*` / `.k-fab-*` 隔離。
 */

/* ============================================================
 * 1. 2 欄 Layout（主內容 + sidebar）— Category 頁範圍
 *    grid-template-areas 把 Hero/filter/pagination 拉滿寬，
 *    loop-entries 和 sidebar 並排。
 * ============================================================ */
.category .site-main {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 340px;
    grid-template-areas:
        "hero    hero"
        "filter  filter"
        "entries sidebar"
        "pagination pagination";
    column-gap: 40px;
    row-gap: 24px;
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 20px;
}

.category .site-main .k-blog-hero {
    grid-area: hero;
    width: 100vw;
    margin-left: calc((100% - 100vw) / 2);
    margin-bottom: 8px;
}
body.category { overflow-x: clip; }
.category .site-main .k-blog-filter     { grid-area: filter; margin: 0; }
.category .site-main .kadence-posts-list,
.category .site-main .content-wrap,
.category .site-main > .entries,
.category .site-main > article        { grid-area: entries; }
.category .site-main .k-blog-sidebar    { grid-area: sidebar; }
.category .site-main .pagination,
.category .site-main .nav-links         { grid-area: pagination; }

@media (max-width: 900px) {
    .category .site-main {
        display: block;
        padding: 0;
    }
    .category .site-main .k-blog-hero { margin: 0 0 16px; }
}

/* ============================================================
 * 2. Category 頁 Hero Banner
 * ============================================================ */
.k-blog-hero {
    background: var(--teal, #204147);
    padding: 28px 20px;
    min-height: 249px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #fff;
}

.k-blog-hero__inner {
    max-width: 900px;
    margin: 0 auto;
}

.k-blog-hero__eyebrow {
    display: inline-block;
    font-size: 22px;
    font-weight: 400;
    letter-spacing: 0.2em;
    color: rgba(255, 255, 255, 0.6);
    margin-bottom: 12px;
    text-transform: uppercase;
}

.k-blog-hero__title {
    font-size: 39px;
    font-weight: 700;
    color: #fff;
    line-height: 1.3;
    margin: 0 0 12px;
}

.k-blog-hero__subtitle {
    font-size: 24px;
    color: rgba(255, 255, 255, 0.75);
    line-height: 1.6;
    margin: 0;
}

@media (max-width: 768px) {
    .k-blog-hero { padding: 36px 16px; }
    .k-blog-hero__title { font-size: 33px; }
    .k-blog-hero__subtitle { font-size: 22px; }
    .k-blog-hero__eyebrow { font-size: 22px; }
}

/* 4 個分類 Hero 漸層（category archive + single post 都生效，色碼符合 DESIGN.md） */
body.category-shower-door .k-blog-hero {
    background: linear-gradient(rgba(32,65,71,0.60), rgba(32,65,71,0.60)),
                url('/wp-content/uploads/2026/05/k13-hero-shower-door.webp');
    background-size: cover;
    background-position: center;
}
body.category-silicone-mold .k-blog-hero {
    background: linear-gradient(rgba(32,65,71,0.50), rgba(32,65,71,0.50)),
                url('/wp-content/uploads/2026/05/k13-hero-silicone-mold.webp');
    background-size: cover;
    background-position: center;
}
body.category-bathroom-renovation .k-blog-hero {
    background: linear-gradient(rgba(32,65,71,0.55), rgba(32,65,71,0.55)),
                url('/wp-content/uploads/2026/05/k13-hero-bathroom-renovation.webp');
    background-size: cover;
    background-position: center;
}
body.category-seal-replacement .k-blog-hero {
    background: linear-gradient(rgba(32,65,71,0.55), rgba(32,65,71,0.55)),
                url('/wp-content/uploads/2026/05/k13-hero-seal-replacement-real-v3.webp');
    background-size: cover;
    background-position: center;
}

/* ============================================================
 * 3. 膠囊 Filter Tags
 * ============================================================ */
.k-blog-filter {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 4px;
    margin: 0 0 16px;
}

/* 方案 B：純文字 + 點分隔（2026-05-25 Nico 選定，無 emoji 無外框）*/
.k-blog-filter__tag {
    display: inline;
    font-size: 22px;
    font-weight: 400;
    letter-spacing: 0.02em;
    line-height: 1.4;
    color: var(--body-gray, #6A6B6C);
    background: none;
    border: none;
    padding: 0;
    text-decoration: none !important;
    white-space: nowrap;
}

.k-blog-filter__tag:hover,
.k-blog-filter__tag.is-current {
    color: var(--green, #2E7D32) !important;
    font-weight: 700;
}

.k-blog-filter__sep {
    color: rgba(106, 107, 108, 0.45);
    font-size: 16px;
    line-height: 1;
    user-select: none;
}

@media (max-width: 768px) {
    .category .site-main .k-blog-filter {
        margin-bottom: 13px;
        padding-left: 16px;
        padding-right: 60px; /* 避開右側 .k13-fab（x≥338，寬52）強制換行不被蓋字 */
    }
    .k-blog-filter__tag { font-size: 16px; }
    .k-blog-filter__sep { font-size: 14px; }
}

/* ============================================================
 * 4. 文章卡片網格（主欄內 auto-fit，視寬度 1–2 欄）
 * ============================================================ */
.category .site-main .kadence-posts-list {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 24px;
    align-items: start;
    margin: 0 !important;
    padding: 0 !important;
}

.category .site-main .kadence-posts-list .entry {
    margin: 0 !important;
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    position: relative;
    display: flex;
    flex-direction: column;
}

.category .site-main .kadence-posts-list .entry:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}

.category .site-main .kadence-posts-list .entry-content-wrap {
    padding: 24px 24px 16px;
    display: flex;
    flex-direction: column;
}

.category .site-main .kadence-posts-list .more-link-wrap {
    margin-top: 2px;
}

.category .site-main .kadence-posts-list .entry-title {
    font-size: 24px;
    font-weight: 700;
    color: var(--teal, #204147);
    line-height: 1.4;
    margin: 0 0 12px;
}

.category .site-main .kadence-posts-list .entry-summary {
    font-size: 22px;
    color: var(--body-gray, #6A6B6C);
    line-height: 1.75;
}

/* 作者 + 日期顯示（S71 GEO 優化：解除 display:none，改為乾淨版式）*/
/* By 前綴隱藏（保留作者名「綠林工程」）*/
.category .site-main .kadence-posts-list .entry-meta .author-label,
.category .site-main .kadence-posts-list .entry-meta .byline > *:not(.author) {
    display: none;
}
/* entry-meta 版式：作者 + 日期同一行，中間 · 分隔 */
.category .site-main .kadence-posts-list .entry-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0 6px;
    font-size: 20px;
    color: #888;
    font-weight: 400;
    margin-top: 8px;
    margin-bottom: 2px;
}
/* meta 各段落之間加 · 分隔（::before 只加在第二個以後的子元素）*/
.category .site-main .kadence-posts-list .entry-meta > *:not(:first-child)::before {
    content: "·";
    margin-right: 6px;
    color: #bbb;
}

/* single post entry-meta：隱藏「By」前綴文字，保留作者名 */
.single-post .entry-meta .author-label,
.single-post .entry-meta .byline > *:not(.author) {
    display: none;
}
/* single post entry-meta 版式 */
.single-post .entry-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0 6px;
    font-size: 20px;
    color: #888;
    font-weight: 400;
    margin-bottom: 12px;
}
.single-post .entry-meta > *:not(:first-child)::before {
    content: "·";
    margin-right: 6px;
    color: #bbb;
}
/* 單篇文章：只顯示發布日，隱藏可見的更新日（itemprop=dateModified 保留在 DOM 給 schema）*/
.single-post .entry-meta time.updated {
    display: none;
}
/* 防止更新日被隱藏後，發布日前面殘留懸空分隔點「·」*/
.single-post .entry-meta .posted-on:not(:first-child)::before {
    display: none;
}
.category .site-main .kadence-posts-list .post-more-link .kadence-svg-iconset { display: none; }
.category .site-main .kadence-posts-list .category-links { display: inline-block; margin-bottom: 8px; }
.category .site-main .kadence-posts-list .category-links a { font-weight: 500; }
.category .site-main .kadence-posts-list .post-more-link { font-weight: 500; font-size: 20px; }
.category .site-main .kadence-posts-list .entry-header { margin-bottom: 0; }
.category .site-main .kadence-posts-list .entry-summary { margin-top: 0; }

@media (max-width: 768px) {
    .category .site-main .kadence-posts-list {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    .category .site-main .kadence-posts-list .entry-title { font-size: 27px; }
    /* 手機平面滿版：拿掉圓角＋陰影＋hover 浮起（2026-05-25 Nico 指定，桌機保留卡片）*/
    .category .site-main .kadence-posts-list .entry {
        border-radius: 0;
        box-shadow: none;
        transition: none;
    }
    .category .site-main .kadence-posts-list .entry:hover {
        transform: none;
        box-shadow: none;
    }
}

/* ============================================================
 * 5. Sidebar（5 塊 widget）
 * ============================================================ */
.k-blog-sidebar {
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-self: start;
    position: sticky;
    top: 24px;
}

@media (max-width: 900px) {
    .k-blog-sidebar {
        position: static;
        margin-top: 32px;
    }
}

/* 共用 widget 卡片（加 .k-blog-sidebar 父層限制，避免未來其他頁面誤用同名 class） */
.k-blog-sidebar .k-blog-widget {
    background: #fff;
    border-radius: 12px;
    padding: 24px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
}

.k-blog-widget__title {
    font-size: 24px;
    font-weight: 700;
    color: var(--teal, #204147);
    margin: 0 0 16px;
    padding-bottom: 12px;
    border-bottom: 2px solid var(--green, #2E7D32);
    line-height: 1.4;
}

.k-blog-widget__list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.k-blog-widget__item {
    font-size: 24px;
    line-height: 1.5;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.k-blog-widget__item:last-child { border-bottom: none; }

.k-blog-widget__item a {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 0;
    color: var(--teal, #204147);
    text-decoration: none !important;
    transition: color 0.2s ease;
}

.k-blog-widget__item a:hover,
.k-blog-widget__item.is-current a {
    color: var(--green, #2E7D32);
}

/* 5.1 搜尋框 */
.k-blog-widget--search { padding: 16px; }

.k-blog-search__input {
    width: 100%;
    padding: 14px 16px;
    font-size: 24px;
    border: 2px solid var(--warm, #FBF7EF);
    border-radius: 8px;
    background: var(--warm, #FBF7EF);
    color: var(--teal, #204147);
    line-height: 1.4;
    box-sizing: border-box;
}

.k-blog-search__input:focus {
    outline: none;
    border-color: var(--green, #2E7D32);
    background: #fff;
}

.k-blog-search__input::placeholder {
    color: var(--body-gray, #6A6B6C);
}

/* 5.2 熱門文章 — 帶縮圖 */
.k-blog-widget--popular .k-blog-widget__item a {
    padding: 12px 0;
    align-items: flex-start;
}

.k-blog-widget--popular .k-blog-widget__item img {
    flex: 0 0 72px;
    width: 72px;
    height: 72px;
    object-fit: cover;
    border-radius: 8px;
}

.k-blog-widget--popular .k-blog-widget__item-title {
    flex: 1;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* 5.3 LINE CTA */
.k-blog-widget--cta { text-align: center; }

.k-blog-widget__cta-desc {
    font-size: 24px;
    color: var(--body-gray, #6A6B6C);
    line-height: 1.6;
    margin: 0 0 16px;
}

.k-blog-widget__cta-btn {
    display: block;
    width: 100%;
    padding: 16px 24px;
    font-size: 24px;
    font-weight: 700;
    color: #fff !important;
    background: var(--line, #27AA00) !important;
    border-radius: 60px;
    text-decoration: none !important;
    transition: opacity 0.2s ease;
    text-align: center;
    box-sizing: border-box;
}

.k-blog-widget__cta-btn:hover {
    opacity: 0.9;
    color: #fff !important;
}

/* 5.4 服務卡片 */
.k-blog-widget__services-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.k-blog-widget__service-card {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 14px 18px;
    background: var(--warm, #FBF7EF);
    color: var(--teal, #204147) !important;
    border: 1px solid transparent;
    border-radius: 8px;
    font-size: 24px;
    font-weight: 700;
    text-decoration: none !important;
    transition: all 0.2s ease;
}

.k-blog-widget__service-card:hover {
    background: #fff;
    border-color: var(--green, #2E7D32);
    color: var(--green, #2E7D32) !important;
}

.k-blog-widget__service-arrow {
    font-size: 24px;
    color: var(--green, #2E7D32);
    font-weight: 700;
}

/* ============================================================
 * 6. TOC 米色框（階段 3 預備，TOC 外掛啟用後自動套用）
 * ============================================================ */
.ez-toc-container,
.k-blog-toc {
    background: var(--warm, #FBF7EF) !important;
    border: none !important;
    border-left: 4px solid var(--green, #2E7D32) !important;
    border-radius: 12px !important;
    padding: 20px 24px !important;
    margin: 24px 0 !important;
    box-shadow: none !important;
}

.ez-toc-title-container .ez-toc-title,
.k-blog-toc__title {
    font-size: 24px !important;
    font-weight: 700 !important;
    color: var(--teal, #204147) !important;
    margin-bottom: 12px !important;
}

.ez-toc-list a,
.k-blog-toc a {
    font-size: 24px !important;
    color: var(--teal, #204147) !important;
    line-height: 1.75 !important;
    text-decoration: none !important;
}

.ez-toc-list a:hover,
.k-blog-toc a:hover {
    color: var(--green, #2E7D32) !important;
}

/* ============================================================
 * 7. 隱藏 Kadence 原生 archive title（category 頁）
 *    保留我們注入的 .k-blog-hero 當唯一 Hero
 * ============================================================ */
.category .post-archive-hero-section {
    display: none !important;
}

/* ============================================================
 * 8. 文章 grid 強制 2 欄（sidebar 進來後 3 欄太擠）
 *    覆寫 Kadence 的 .grid-lg-col-3 與 Section 4 的 auto-fit
 * ============================================================ */
.category .site-main .kadence-posts-list,
.category .site-main .kadence-posts-list.grid-cols,
.category .site-main .content-wrap.grid-cols {
    grid-template-columns: repeat(2, 1fr) !important;
}

@media (max-width: 768px) {
    .category .site-main .kadence-posts-list,
    .category .site-main .kadence-posts-list.grid-cols,
    .category .site-main .content-wrap.grid-cols {
        grid-template-columns: 1fr !important;
    }
}


/* ============================================================
 * 9. 移除 Hero 上方留白（Kadence content-vertical-padding-show 覆寫）
 *    真兇是 <main id="inner-wrap" class="wrap kt-clear">
 * ============================================================ */
.category #inner-wrap,
.category main.wrap.kt-clear,
.category #primary.content-area,
.category .content-container.site-container,
.category .site-main {
    padding-top: 0 !important;
    margin-top: 0 !important;
}
/* ============================================================
 * 9b. Category 父容器放寬（解除 Kadence content-container cap）
 * ============================================================ */
.category #primary.content-area,
.category #primary > .content-container.site-container {
    max-width: none !important;
    width: auto !important;
    padding-inline: 0 !important;
}

/* ============================================================
 * 10. 單篇 post 版面：文章主內容 + sidebar 2 欄
 * ============================================================ */
.single-post .site-main {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 340px !important;
    grid-template-areas: "content sidebar" !important;
    column-gap: 40px !important;
    align-items: start !important;
    max-width: 1640px !important;
    margin: 0 auto !important;
    padding: 0 20px !important;
}

.single-post .site-main > *:not(.k-blog-sidebar) {
    grid-area: content !important;
    min-width: 0;
}

.single-post .site-main .k-blog-sidebar {
    grid-area: sidebar !important;
}

/* 側邊欄取消 sticky 黏頂，跟內文一起捲動（對齊分類頁體感）— Nico 2026-05-30 */
.single-post .k-blog-sidebar {
    position: static;
    top: auto;
}

/* 讓主 article / thumbnail / entry-content-wrap 撐滿 grid 左欄（:not(.loop-entry) 排除 related posts 卡片）*/
.single-post .site-main > .content-wrap > article.entry:not(.loop-entry),
.single-post .site-main > .content-wrap > article.entry:not(.loop-entry) > .entry-content-wrap,
.single-post .site-main > .content-wrap > .post-thumbnail {
    max-width: none !important;
    width: 100% !important;
    margin-inline: 0 !important;
}

/* 內文閱讀寬限制 1020px 居中（左右平均留白，視覺平衡）*/
.single-post .site-main .entry-content.single-content {
    max-width: 1020px !important;
    margin: 0 auto !important;
}

/* Hero 圖片防爆版 — 不動 Kadence padding-top hack，只裁切 */
.single-post .post-thumbnail,
.single-post .post-thumbnail-inner {
    max-height: 480px !important;
    overflow: hidden !important;
}

.single-post .post-thumbnail img {
    object-fit: cover !important;
}

/* 放寬 Kadence 父容器寬度限制（content-width-narrow + content-style-boxed 會鎖 842px）*/
/* 用 > direct child 限定，避免誤傷 .entry-related-inner.content-container.site-container */
.single-post #primary.content-area,
.single-post #primary > .content-container.site-container {
    max-width: none !important;
    width: auto !important;
    padding-inline: 0 !important;
}

.single-post .site-main {
    width: auto !important;
}

@media (max-width: 900px) {
    .single-post .site-main {
        display: block !important;
        padding: 0 !important;
    }
}

/* ============================================================
 * 11. 取消 Kadence post-thumbnail-position-behind overlay
 *     讓圖片獨立顯示，title/meta/category 在圖下方正常 flow
 * ============================================================ */
.single-post .post-thumbnail.kadence-thumbnail-position-behind {
    min-height: auto !important;
    margin-bottom: 0 !important;
}

.single-post .post-thumbnail.kadence-thumbnail-position-behind + article {
    margin-top: 8px !important;
    padding-top: 0 !important;
}

/* 文字顏色回歸（只改 title + meta，category badge 保留彩色）*/
.single-post .entry-header .entry-title,
.single-post .entry-header .entry-title a,
.single-post .entry-meta,
.single-post .entry-meta a {
    color: inherit !important;
}

/* 移除 Kadence overlay 半透明遮罩 */
.single-post .post-thumbnail.kadence-thumbnail-position-behind::before,
.single-post .post-thumbnail.kadence-thumbnail-position-behind::after,
.single-post .kadence-thumbnail-overlay {
    display: none !important;
}

/* 取消 article absolute positioning */
.single-post article.entry {
    position: relative !important;
    z-index: auto !important;
}

/* ============================================================
 * 12. 隱藏 Kadence 原 post-thumbnail（overlay hero），改用 the_content filter
 *     注入的 .k13-inline-thumb（位置在 entry-meta 下方、內文前）
 * ============================================================ */
.single-post .content-wrap > .post-thumbnail {
    display: none !important;
}

.single-post .k13-inline-thumb {
    margin: 16px 0 24px;
    max-width: 100%;
}

.single-post .k13-inline-thumb__img {
    display: block;
    width: 100%;
    max-height: 700px;
    object-fit: cover;
}

/* ============================================================
 * 13. 單篇 post 上方間距（nav 到 article 之間）統一 30px
 *     只在最外層 #inner-wrap 設，其餘 wrapper 歸 0 防累加
 * ============================================================ */
.single-post #inner-wrap {
    padding-top: 30px !important;
}
.single-post main.wrap.kt-clear,
.single-post #primary.content-area,
.single-post #primary > .content-container.site-container,
.single-post .site-main {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* ============================================================
 * 14. Category 卡片整張可點擊（::after stretched link）
 *     - .entry position:relative（Section 4）
 *     - ::after 覆蓋整卡，z-index:10 — 攔截所有空白區域點擊
 *     - 其他可點 a（more-link / category-links）z-index:20 — 保留獨立點擊
 *     - 不要動 .entry-content-wrap > *（之前錯誤把所有子 div 變 stacking context 蓋掉 ::after）
 * ============================================================ */
.category .site-main .kadence-posts-list .entry .entry-title a::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 10;
}
.category .site-main .kadence-posts-list .entry .entry-title a {
    position: static;
}
.category .site-main .kadence-posts-list .entry a:not(.entry-title a) {
    position: relative;
    z-index: 20;
}
.category .site-main .kadence-posts-list .entry {
    cursor: pointer;
}

/* ============================================================
 * 11. 分類頁右欄 sidebar 字級縮小（category only，不影響 .single-post）
 *     Nico S70：category 頁右欄太擠 → body 24→22，padding 微縮
 *     title 24px 保留階層
 * ============================================================ */
.category .k-blog-sidebar .k-blog-widget { padding: 20px; }
.category .k-blog-sidebar .k-blog-widget__item { font-size: 22px; }
.category .k-blog-sidebar .k-blog-search__input { font-size: 22px; padding: 12px 14px; }
.category .k-blog-sidebar .k-blog-widget--popular .k-blog-widget__item-title { font-size: 22px; }
.category .k-blog-sidebar .k-blog-widget__cta-desc { font-size: 22px; }
.category .k-blog-sidebar .k-blog-widget__cta-btn { font-size: 22px; padding: 14px 22px; }
.category .k-blog-sidebar .k-blog-widget__service-card { font-size: 22px; padding: 12px 16px; }
.category .k-blog-sidebar .k-blog-widget__service-arrow { font-size: 22px; }

/* ============================================================
 * 12. 款式頁手機版 — CTA 上下堆疊 + Gallery 一欄 full-bleed
 *     Nico 2026-06-07：8 款式頁手機版，按鈕改上下、圖一張一張貼螢幕邊
 *     範圍：.k-style-cta / .k-style-gal（content inline 加 class 觸發）
 *     只手機（≤768px），桌機完全不影響
 * ============================================================ */
@media (max-width:768px){
  .k-style-cta{ flex-direction:column !important; gap:12px !important; }
  .k-style-cta br{ display:none !important; }
  .k-style-cta a{ padding-top:10px !important; padding-bottom:10px !important; }
  .k-style-gal{ flex-direction:column !important; gap:0 !important;
    margin-left:calc(50% - 50vw) !important; margin-right:calc(50% - 50vw) !important;
    width:100vw !important; max-width:100vw !important; }
  .k-style-gal figure{ flex:1 1 100% !important; background:transparent !important;
    padding:0 !important; border-radius:0 !important; margin:0 0 8px !important; }
  .k-style-gal figure img{ border-radius:0 !important; }
  .k-style-gal figcaption{ padding:8px 24px 16px !important; }
}