/* =========================================================================
 * template-level2-flat.css — Flat Pack Kitchens 整页
 * category-layout 样式来自 template-level2.css（一起入队）；此文件只管 flat 专属 section。
 * 标题字号/字重加 !important 对抗 Elementor kit (.elementor-kit-6 h1..h6)。
 * ========================================================================= */

.flat-page{background:#FAF8F5;overflow:hidden;}
.flat-page .cat-hero__breadcrumb{background:#F9F4ED;margin-bottom:0;overflow:hidden;}
.flat-page .cat-hero__breadcrumb .woocommerce-breadcrumb{margin-bottom:0;}
.flat-page *{box-sizing:border-box;}
/* 复位主题全局 section{margin-bottom:60px}（style.css:38）——否则每个 section 之间凭空多 60px，
   整页比设计间延；section 间距一律由各自 padding 显式控制，不吃继承值 */
.flat-page section{margin-bottom:0;}

/* ---- 通用标题 / 正文 ---- */
.flat-sec-title{
    font-family:"Sofia Pro","sofia pro M",Arial,sans-serif !important;
    font-weight:700 !important;
    font-size:36px !important;
    line-height:1.3 !important;
    letter-spacing:0 !important;
    color:#333 !important;
    margin:0 0 18px !important;
    text-transform:capitalize;/* 设计 section 标题均为 Title Case（metadata textCase=TITLE），别当 Figma 标记跳过 */
}
.flat-sec-title--center{text-align:center;}
.flat-sec-title--sentence{text-transform:none !important;}/* 少数标题设计是句子式(textCase=None)，撤掉全局 capitalize：如 ordering / finishes */
.flat-sec-lead{
    font-family:"Open Sans",Arial,sans-serif;
    font-size:18px;
    line-height:1.8;
    letter-spacing:.02em;
    color:#333;
    margin:0;
}
.flat-sec-lead--center{text-align:center;max-width:900px;margin:0 auto;}

.flat-twocol{
    position:relative;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:40px 68px;
    margin-top:44px;
    border:1px solid #C7C7C7;      /* 设计 Rectangle 2957：1px #C7C7C7，圆角 2 */
    border-radius:2px;
    padding:40px 66px;
}
/* 两栏中间竖分割线（设计 Vector 3464：2px，rgba(0,0,0,.1)，比内容略短居中） */
.flat-twocol::before{
    content:"";position:absolute;left:50%;top:50px;bottom:50px;
    width:2px;transform:translateX(-50%);background:rgba(0,0,0,.1);
}
.flat-twocol p{
    font-family:"Open Sans",Arial,sans-serif;
    font-size:18px;line-height:1.8;letter-spacing:.02em;color:#333;margin:0;text-align:justify;
}
.flat-twocol strong{font-weight:700;}
.flat-twocol a,
.flat-includes__note a,
.flat-finishes__note a,
.flat-delivery__col a{color:#333;font-weight:700;text-decoration:underline !important;}/* !important 压过子主题全局 a{text-decoration:none!important} */

/* ---- 通用按钮 ---- */
.flat-btn{
    display:inline-flex;align-items:center;justify-content:center;
    font-family:"Sofia Pro","sofia pro M",Arial,sans-serif;
    font-weight:500;font-size:16px;line-height:1;
    padding:0 26px;height:52px;border-radius:6px;
    text-decoration:none;transition:.2s;cursor:pointer;white-space:nowrap;
}
.flat-btn--dark{background:#333;color:#fff;border:1px solid #333;}
.flat-btn--dark:hover{background:#000;color:#fff;}
.flat-btn--outline{background:transparent;color:#333;border:1px solid #333;}
.flat-btn--outline:hover{background:#333;color:#fff;}

/* =========================================================================
 * Hero
 * ========================================================================= */
.flat-hero{background:#F9F4ED;padding:56px 0 60px;}
/* 左列文字弹性填满、右列图片封顶到设计宽(~720px)：超宽屏下 hero 仍铺满容器(与其它 section 对齐、不留白)，
   同时右侧图片不被容器比例撑大、保持设计尺寸，左右高度也接近齐平 */
.flat-hero__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,720px);gap:40px;align-items:start;}
.flat-hero__left{min-width:0;}
.flat-hero__right{display:grid;grid-template-columns:1fr 1fr;gap:19px;align-content:start;}

.flat-hero__badges{
    display:inline-flex;align-items:stretch;gap:12px;margin-bottom:22px;
    background:#FFF4E6;border-radius:8px;padding:0 16px 0 0;
}
.flat-hero__badge{
    display:inline-flex;align-items:center;gap:8px;
    background:linear-gradient(120deg,#FDEBC6,#FED9B1);color:#5A3410;
    font-family:"Sofia Pro","sofia pro M",Arial,sans-serif;font-weight:900;font-size:15px;
    letter-spacing:.02em;padding:9px 14px;border-radius:8px;
}
.flat-hero__badge img{display:block;border-radius:2px;}
.flat-hero__badge-text{display:inline-flex;align-items:center;color:#885220;font-family:"Sofia Pro","sofia pro M",Arial,sans-serif;font-size:18px;text-transform:uppercase;letter-spacing:.01em;}
/* KITCHENS4U 文字：设计是青铜渐变(#8C5726→#B67B35)，非实心 #5A3410 */
.flat-hero__badge-label{background:linear-gradient(300deg,#8C5726 0%,#B67B35 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}

.flat-hero__title{
    font-family:"Sofia Pro","sofia pro M",Arial,sans-serif !important;
    font-weight:700 !important;font-size:68px !important;line-height:1.2 !important;
    color:#333 !important;margin:0 0 22px !important;
}
.flat-hero__desc{
    font-family:"Open Sans",Arial,sans-serif;font-size:16px;line-height:1.7;color:#333;margin:0 0 20px !important;/* 设计 desc→features=20；!important 压过 .elementor-kit-6 p{margin-block-end:1px} */
}
.flat-hero__features{list-style:none;display:flex;gap:26px;padding:0;margin:0 0 24px;flex-wrap:wrap;}
.flat-hero__features li{
    display:flex;align-items:center;gap:8px;line-height:1.6;text-transform:capitalize;/* 设计 textCase=TITLE */
    font-family:"Sofia Pro","sofia pro M",Arial,sans-serif;font-weight:500;font-size:16px;color:#333;
}
.flat-hero__features img{display:block;}

.flat-hero__price{
    background:rgba(255,255,255,.5);border:1px solid #F2E9DD;border-radius:8px;
    padding:22px 26px;display:flex;gap:24px;align-items:flex-start;margin-bottom:24px;
}
.flat-hero__price-main{display:flex;flex-direction:column;flex:0 0 auto;}
/* price box 中间的竖分割线（设计 Vector 3458：1px，rgba(0,0,0,.1)，随内容高度拉伸） */
.flat-hero__price-divider{align-self:stretch;width:1px;flex:0 0 auto;background:rgba(0,0,0,.1);}
.flat-hero__price-from{font-family:"Open Sans",Arial,sans-serif;font-size:16px;color:#333;}
.flat-hero__price-num{font-family:"Sofia Pro","sofia pro M",Arial,sans-serif;font-weight:600;font-size:38px;line-height:1.1;color:#333;}
.flat-hero__price-note{font-family:"Open Sans",Arial,sans-serif;font-size:16px;line-height:1.5;color:#333;margin:0;}

.flat-hero__actions{display:flex;gap:16px;margin-bottom:26px;flex-wrap:wrap;}
.flat-hero__rating{min-height:46px;}/* 预留 Elfsight 评分 widget 高度，避免加载期塌陷/CLS */
.flat-hero__rating img{display:block;height:auto;}

.flat-hero__img{border-radius:6px;overflow:hidden;}
.flat-hero__img img{display:block;width:100%;height:100%;object-fit:cover;}
.flat-hero__img--main{grid-column:1/3;aspect-ratio:710/418;}
.flat-hero__img--sm{aspect-ratio:345/179;}

/* =========================================================================
 * Info bar
 * ========================================================================= */
.flat-infobar{background:#fff;padding:26px 0;}
.flat-infobar__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:24px;}
.flat-infobar__item{display:flex;align-items:center;gap:14px;}
.flat-infobar__item img{display:block;flex:0 0 auto;}
.flat-infobar__item>div{display:flex;flex-direction:column;}
.flat-infobar__title{font-family:"Sofia Pro","sofia pro M",Arial,sans-serif;font-weight:600;font-size:18px;line-height:1.7;color:#333;}
.flat-infobar__sub{font-family:"sofia pro M",Arial,sans-serif;font-size:16px;line-height:1.7;color:#333;text-transform:capitalize;}/* 设计 textCase=TITLE；字族用真实加载的 sofia pro M */

/* =========================================================================
 * Shop ranges heading
 * ========================================================================= */
/* pb 显式给值：复位了全局 section{margin-bottom} 后，本段与 category-layout 之间不再有继承间距，
   category-layout 顶部 padding 为 0，需在此补出设计里的 50px 间距（否则标题贴着筛选栏） */
.flat-ranges-head{padding:48px 0 50px;}
.flat-ranges-head__title{
    font-family:"Satoshi","Sofia Pro","sofia pro M",Arial,sans-serif !important;
    font-weight:700 !important;font-size:36px !important;line-height:1.2 !important;color:#333 !important;margin:0 0 16px !important;
}
.flat-ranges-head__desc{font-family:"Open Sans",Arial,sans-serif;font-size:16px;line-height:1.5;color:#333;margin:0;max-width:1100px;}

/* =========================================================================
 * What the example kitchen includes
 * ========================================================================= */
.flat-includes{padding:100px 0 60px;}/* 顶部对 grid(pb0) 边界保~100(设计104)，其余段间距收到 60/60=120 */
.flat-includes .flat-sec-lead{max-width:1200px;margin:0 auto 34px;text-align:center;}/* 设计里本段标题+引言均居中 */
/* 左右底部对齐：设计里左"Included"箱与右列(Not included+缩略图+Please note)同高、底部齐平。
   align-items:stretch 让较矮的左箱拉伸到与右列等高（下部留白，同设计） */
.flat-includes__grid{display:grid;grid-template-columns:740px 1fr;gap:34px;align-items:stretch;}
.flat-includes__head{
    background:#333;color:#fff;border-radius:8px 8px 0 0;
    display:flex;align-items:center;gap:10px;
    font-family:"Open Sans",Arial,sans-serif;font-weight:700;font-size:20px;line-height:1.8;letter-spacing:.02em;
    padding:14px 22px;
}
.flat-includes__head img{flex:0 0 auto;display:block;width:24px;height:24px;}
.flat-includes__head--light{background:#EDEDED;color:#333;border:1px solid #EDE6DA;border-bottom:0;font-weight:400;}
.flat-includes__included{background:#fff;border:1px solid #F0E9DD;border-radius:8px;overflow:hidden;}
.flat-inc-group{padding:12px 22px 6px;}
/* 组之间的横分割线 + 间距（设计 Vector 3460/3461：1px，rgba(51,51,51,.1)，含上下留白） */
.flat-inc-group + .flat-inc-group{margin-top:16px;padding-top:24px;border-top:1px solid rgba(51,51,51,.1);}
.flat-inc-group__head{display:flex;align-items:center;gap:10px;margin:8px 0 6px;}
.flat-inc-group__head img{display:block;width:32px;height:32px;}
.flat-inc-group__head span{font-family:"Sofia Pro","sofia pro M",Arial,sans-serif;font-size:18px;line-height:1.8;color:#333;letter-spacing:.02em;text-transform:uppercase;}
.flat-inc-list{list-style:none;margin:0;padding:0;}
.flat-inc-list li{
    display:flex;align-items:flex-start;gap:12px;padding:6px 0;text-transform:capitalize;
    font-family:"Open Sans",Arial,sans-serif;font-weight:400;font-size:16px;line-height:1.8;letter-spacing:.02em;color:#333;
}
.flat-inc-list li strong{font-weight:700;}/* 单位名加粗，"— 说明"部分常规（设计 segments=[Bold,Regular]） */
.flat-inc-list li img{margin-top:5px;flex:0 0 auto;}

.flat-includes__excluded{background:#fff;border:1px solid #F0E9DD;border-radius:8px;overflow:hidden;}
.flat-exc-cols{display:grid;grid-template-columns:1fr 1fr;gap:6px 30px;padding:16px 22px 20px;}
.flat-exc-list{list-style:none;margin:0;padding:0;}
.flat-exc-list li{
    display:flex;align-items:center;gap:12px;padding:6px 0;line-height:1.8;text-transform:capitalize;
    font-family:"Open Sans",Arial,sans-serif;font-weight:700;font-size:16px;letter-spacing:.02em;color:#777;
}
.flat-includes__thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px;}
.flat-includes__thumbs figure{margin:0;position:relative;}
.flat-includes__thumbs img{display:block;width:100%;aspect-ratio:175/285;object-fit:cover;border-radius:6px;}
/* 说明文案是叠在图片左下角的白色小标签（设计 Frame fill #FFFFFF + #333 文字），不是图片下方 */
.flat-includes__thumbs figcaption{
    position:absolute;left:8px;bottom:8px;margin:0;
    background:#fff;color:#333;border-radius:2px;padding:5px 8px;
    font-family:"Open Sans",Arial,sans-serif;font-size:14px !important;line-height:1;letter-spacing:.02em;text-align:left;
}
.flat-includes__note{
    font-family:"Open Sans",Arial,sans-serif;font-size:18px;line-height:1.8;letter-spacing:.02em;color:#333;margin:22px 0 0;
}
.flat-includes__note strong{font-weight:700;font-size:20px;}

/* =========================================================================
 * Routes (flat / pre-assembled / replacement)
 * ========================================================================= */
.flat-routes{padding:60px 0;}
.flat-routes .flat-sec-lead--center{margin-bottom:40px;}
.flat-routes__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.flat-route-card{background:#fff;border:1px solid rgba(0,0,0,.14);border-radius:10px;padding:16px 16px 22px;}
.flat-route-card__img{border-radius:6px;overflow:hidden;aspect-ratio:396/293;margin-bottom:16px;}
.flat-route-card__img img{display:block;width:100%;height:100%;object-fit:cover;}
.flat-route-card__title{font-family:"Sofia Pro","sofia pro M",Arial,sans-serif !important;font-weight:500 !important;font-size:28px !important;line-height:1.3 !important;color:#333 !important;margin:0 0 10px !important;}
.flat-route-card__sub{font-family:"Open Sans",Arial,sans-serif;font-size:16px;line-height:1.3;letter-spacing:.02em;color:#777;margin:0 0 16px;min-height:42px;}
.flat-route-card__btn{
    display:block;text-align:center;background:#333;color:#fff;border-radius:4px;
    font-family:"Sofia Pro","sofia pro M",Arial,sans-serif;font-weight:500;font-size:16px;
    padding:12px 16px;text-decoration:none;margin-bottom:18px;
}
a.flat-route-card__btn:hover{background:#000;color:#fff;}/* 显式保白：否则被主题全局 a:hover{color:#333} 盖成暗字看不清 */
.flat-route-card__btn--here{background:#333;opacity:.9;cursor:default;}
.flat-route-card__points{list-style:none;margin:0;padding:0;}
.flat-route-card__points li{
    position:relative;padding-left:18px;margin-bottom:8px;
    font-family:"Sofia Pro","sofia pro M",Arial,sans-serif;font-style:italic;font-size:18px;line-height:1.3;letter-spacing:.02em;color:#333;
}
.flat-route-card__points li::before{content:"•";position:absolute;left:0;top:0;color:#333;}

/* =========================================================================
 * Cabinet types & sizes
 * ========================================================================= */
.flat-cabinets{padding:60px 0;}
.flat-cabinets__intro{display:grid;grid-template-columns:1fr 761px;gap:40px;align-items:center;margin-bottom:36px;}
.flat-cabinets__illus{background:#FAF6EF;border-radius:8px;overflow:hidden;}
.flat-cabinets__illus img{display:block;width:100%;height:auto;}

.flat-table-wrap{overflow-x:auto;}
.flat-table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border-radius:3px 3px 8px 8px;overflow:hidden;
    border-left:1px solid #C7C7C7;border-right:1px solid #C7C7C7;border-bottom:1px solid #C7C7C7;}
.flat-table thead th{
    background:#333;color:#fff;text-align:left;text-transform:uppercase;
    font-family:"Open Sans",Arial,sans-serif;font-weight:400;font-size:20px;line-height:1.8;letter-spacing:.02em;
    padding:14px 24px;border:0;
}
/* 覆盖主题/全局默认表格样式（网格线 + 斑马纹）漏进来 */
.flat-table tbody tr:nth-child(odd) td,
.flat-table tbody tr:nth-child(even) td{background:transparent;}
.flat-table thead th:nth-child(1){width:24%;}
.flat-table thead th:nth-child(2){width:24%;}
.flat-table thead th:nth-child(3){width:18%;}
.flat-table thead th:nth-child(4){width:34%;}
.flat-table tbody td{
    padding:22px 24px;vertical-align:top;border:0;
    font-family:"Open Sans",Arial,sans-serif;font-weight:500;font-size:16px;line-height:1.8;letter-spacing:.02em;color:#333;
    text-transform:capitalize;
}
/* type 单元格：class 直接在 <td> 上，不能设 flex（会让 td 脱离 table-cell、行内不等高）。
   用 inline + vertical-align:top，图标与 label 顶对齐（对齐设计同 y），td 仍参与行等高。 */
.flat-table__type img{display:inline-block;width:29px;height:29px;vertical-align:top;margin-right:26px;}
.flat-table__type span{display:inline-block;vertical-align:top;font-weight:700;max-width:calc(100% - 60px);}

/* =========================================================================
 * Finishes explained
 * ========================================================================= */
.flat-finishes{padding:60px 0;}
.flat-finishes__head{display:flex;justify-content:space-between;align-items:flex-start;gap:30px;margin-bottom:34px;}
.flat-finishes__head .flat-sec-lead{max-width:1050px;line-height:1.6;}
.flat-finishes__nav{display:flex;gap:12px;flex:0 0 auto;padding-top:6px;}
/* 箭头交互对齐首页 k4u-arrow：默认白底 + CSS ::before 深箭头，hover/active 变黑底白箭头（不做位置态，避免卡住） */
.flat-finishes__arrow{
    position:relative;width:36px;height:37px;flex:0 0 36px;
    border:1px solid #CDCDCD;border-radius:2px;background:#fff;padding:0;cursor:pointer;
    transition:background .2s;
}
.flat-finishes__arrow::before{
    content:'';position:absolute;top:50%;left:50%;width:10px;height:10px;
    border-top:2px solid #333;border-right:2px solid #333;
    transform:translate(-50%,-50%) rotate(45deg);transition:border-color .2s;
}
.flat-finishes__arrow--prev::before{transform:translate(-40%,-50%) rotate(-135deg);}
/* 用 .flat-finishes__nav 前缀抬高特异度(0,3,0) + 显式 background-color!important，
   压过子主题 style.css 的全局 [type=button]:hover{background-color:inherit!important}（同 0,2,0 会打平）。同首页 k4u-arrow 处理。 */
.flat-finishes__nav .flat-finishes__arrow:hover,
.flat-finishes__nav .flat-finishes__arrow:focus-visible,
.flat-finishes__nav .flat-finishes__arrow:active{background:#333 !important;background-color:#333 !important;}
.flat-finishes__nav .flat-finishes__arrow:hover::before,
.flat-finishes__nav .flat-finishes__arrow:focus-visible::before,
.flat-finishes__nav .flat-finishes__arrow:active::before{border-top-color:#fff;border-right-color:#fff;}
/* Swiper 控制布局（.flat-finishes__grid 同时是 .swiper），槽宽走 spaceBetween，不再用 grid */
.flat-finishes__grid{width:100%;}
.flat-finishes__grid .swiper-slide{height:auto;}
.flat-finish-card__img{border-radius:8px;overflow:hidden;aspect-ratio:428/255;margin-bottom:16px;}
.flat-finish-card__img img{display:block;width:100%;height:100%;object-fit:cover;}
.flat-finish-card__title{font-family:"Sofia Pro","sofia pro M",Arial,sans-serif !important;font-weight:600 !important;font-size:22px !important;line-height:1.3 !important;color:#333 !important;margin:0 0 8px !important;}
.flat-finish-card__desc{
    font-family:"Open Sans",Arial,sans-serif;font-size:16px;line-height:1.5;letter-spacing:.06em;color:#333;margin:0;
    display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;
}
.flat-finish-card.is-expanded .flat-finish-card__desc{-webkit-line-clamp:unset;overflow:visible;}
.flat-finish-card__more{
    display:inline-block;margin-top:8px;background:none;border:0;padding:0;cursor:pointer;
    font-family:"Sofia Pro","sofia pro M",Arial,sans-serif;font-weight:600;font-size:16px;color:#333;text-decoration:underline;
}
.flat-finishes__note{
    margin-top:40px;background:#fff;border:1px solid #EFE9DE;border-radius:8px;padding:22px 26px;
    font-family:"Open Sans",Arial,sans-serif;font-size:18px;line-height:1.8;letter-spacing:.02em;color:#333;
}

/* =========================================================================
 * How our flat pack cabinets are built
 * ========================================================================= */
.flat-built{padding:60px 0;}
.flat-built__grid{display:grid;grid-template-columns:1fr 756px;gap:44px;align-items:start;}
.flat-built__title{font-size:60px !important;line-height:1.3 !important;}
/* 固定高度滚动容器：表头 sticky，可见到 Edging 行，其余滚动。外框/圆角放这里。 */
.flat-built__spec{
    max-height:566px;overflow-y:auto;background:#fff;
    border:1px solid #C7C7C7;border-radius:3px 3px 8px 8px;
}
.flat-spec-table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;}
.flat-spec-table thead th{
    position:sticky;top:0;z-index:1;
    background:#333;color:#fff;text-align:left;text-transform:uppercase;border:0;
    font-family:"Open Sans",Arial,sans-serif;font-weight:400;font-size:20px;line-height:1.8;letter-spacing:.02em;padding:14px 20px;
}
.flat-spec-table thead th:first-child{width:200px;}
.flat-spec-table tbody td{
    padding:18px 20px;border:0;vertical-align:top;
    font-family:"Open Sans",Arial,sans-serif;font-size:16px;line-height:1.6;letter-spacing:.02em;color:#333;
    text-transform:capitalize;
}
.flat-spec-table tbody td:first-child{font-weight:700;white-space:nowrap;}
.flat-spec-table tbody td:last-child{font-weight:500;}
/* 覆盖主题全局表格默认（网格线 + 斑马纹） */
.flat-spec-table tbody tr:nth-child(odd) td,
.flat-spec-table tbody tr:nth-child(even) td{background:transparent;}

/* =========================================================================
 * How ordering works
 * ========================================================================= */
.flat-ordering{padding:60px 0;}
.flat-ordering__grid{display:grid;grid-template-columns:360px 1fr;gap:40px;align-items:start;}
.flat-ordering__title{font-size:46px !important;}
.flat-ordering__intro .flat-sec-lead{font-size:18px;line-height:1.6;}
.flat-ordering__steps{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;}
.flat-step{position:relative;background:#fff;padding:32px 28px 36px;clip-path:polygon(0 0,calc(100% - 36px) 0,100% 36px,100% 100%,0 100%);filter:drop-shadow(0 2px 12px rgba(0,0,0,.06));}
.flat-step__num{
    display:block;font-family:"Sofia Pro","sofia pro M",Arial,sans-serif;font-weight:700;font-size:58px;line-height:1;
    color:transparent;-webkit-text-stroke:0.8px #333;margin-bottom:6px;
}
.flat-step__title{font-family:"Sofia Pro","sofia pro M",Arial,sans-serif !important;font-weight:600 !important;font-size:16px !important;line-height:1.3 !important;color:#333 !important;margin:0 0 8px !important;text-transform:capitalize !important;}/* 设计 textCase=TITLE */
.flat-step__desc{font-family:"Open Sans",Arial,sans-serif;font-size:15px;line-height:1.6;color:#777;margin:0;}
.flat-step__desc a{color:#333;font-weight:700;text-decoration:underline !important;}/* 设计：正文内链接粗体+下划线；!important 压子主题全局 a{none!important} */

/* =========================================================================
 * Delivery
 * ========================================================================= */
.flat-delivery{padding:60px 0 0;}
.flat-delivery .flat-sec-title--center{margin-bottom:38px;}
.flat-delivery__panel{background:#fff;padding:50px 0 60px;}
.flat-delivery__cols{display:grid;grid-template-columns:repeat(3,1fr);gap:0;}
.flat-delivery__col{padding:0 30px;}
.flat-delivery__col:first-child{padding-left:0;}
.flat-delivery__col:last-child{padding-right:0;}
.flat-delivery__col:not(:last-child){border-right:1px solid rgba(0,0,0,.1);}
.flat-delivery__col-title{font-family:"Open Sans",Arial,sans-serif !important;font-weight:800 !important;font-size:24px !important;line-height:1.8 !important;letter-spacing:.02em;color:#333 !important;margin:0 0 14px !important;}
.flat-delivery__col p{font-family:"Open Sans",Arial,sans-serif;font-size:18px;line-height:1.6;letter-spacing:.02em;color:#333;margin:0;}
.flat-delivery__note{
    margin:44px 0 0;background:#F3F3F3;border-radius:10px;padding:22px 26px;
    font-family:"Open Sans",Arial,sans-serif;font-weight:600;font-size:18px;line-height:1.6;letter-spacing:.02em;color:#333;
}

/* =========================================================================
 * FAQs (复用 cl-accordion，仅补容器间距)
 * ========================================================================= */
.flat-faqs{padding:60px 0;background:#FAF8F5;}
.flat-faqs .section-header{margin-bottom:30px;}
.flat-faqs .cl-accordion__question{font-family:"Sofia Pro","sofia pro M",Arial,sans-serif !important;font-weight:500 !important;font-size:18px !important;line-height:1.3 !important;}
/* FAQ 列表居中缩窄到设计稿 900px */
.flat-faqs .cl-accordion{max-width:900px;margin-left:auto;margin-right:auto;}
/* 按钮：用伪元素画十字/减号，覆盖全局旋转行为 */
.flat-faqs .cl-accordion__icon{font-size:0;position:relative;width:18px;height:18px;flex-shrink:0;}
.flat-faqs .cl-accordion__icon::before,
.flat-faqs .cl-accordion__icon::after{content:'';position:absolute;background:#333;border-radius:1px;}
.flat-faqs .cl-accordion__icon::before{width:18px;height:2px;top:8px;left:0;}/* 横线（始终可见） */
.flat-faqs .cl-accordion__icon::after{width:2px;height:18px;top:0;left:8px;transition:opacity .15s;}/* 竖线（折叠可见，展开消失） */
.flat-faqs .cl-accordion__item.is-open .cl-accordion__icon{transform:none;}/* 取消全局旋转 */
.flat-faqs .cl-accordion__item.is-open .cl-accordion__icon::after{opacity:0;}/* 展开时隐藏竖线 → 变减号 */

/* =========================================================================
 * Guides
 * ========================================================================= */
.flat-guides{padding:60px 0;}
.flat-guides .flat-sec-lead--center{margin-bottom:40px;color:#777;}
.flat-guides__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;}
.flat-guide-card{text-decoration:none;display:block;}
.flat-guide-card__img{border-radius:8px;overflow:hidden;aspect-ratio:315/212;margin-bottom:14px;}
.flat-guide-card__img img{display:block;width:100%;height:100% !important;object-fit:cover;transition:.3s;}
.flat-guide-card:hover .flat-guide-card__img img{transform:scale(1.04);}
.flat-guide-card__title{font-family:"Sofia Pro","sofia pro M",Arial,sans-serif !important;font-weight:700 !important;font-size:20px !important;line-height:1.3 !important;letter-spacing:.02em;color:#333 !important;margin:0 0 6px !important;}
.flat-guide-card__sub{font-family:"Open Sans",Arial,sans-serif;font-size:16px;line-height:1.3;letter-spacing:.02em;color:#777;margin:0;}

/* =========================================================================
 * Send us your measurements
 * ========================================================================= */
.flat-measure{padding:56px 0 72px;}
.flat-measure__grid{display:grid;grid-template-columns:1fr 636px;gap:60px;align-items:center;}
.flat-measure__text .flat-sec-title{margin-bottom:20px !important;}
.flat-measure__text .flat-sec-lead{color:#777;margin-bottom:26px;}
.flat-measure__actions{display:flex;gap:16px;flex-wrap:wrap;}
.flat-measure__img{border-radius:10px;overflow:hidden;}
.flat-measure__img img{display:block;width:100%;height:auto;}

/* =========================================================================
 * 响应式 —— 移动端（≤900px 单列堆叠）
 * ========================================================================= */
@media (max-width:900px){
    .flat-sec-title{font-size:28px !important;}
    .flat-sec-lead{font-size:16px;}
    .flat-twocol{grid-template-columns:1fr;gap:20px;margin-top:28px;padding:24px 20px;}
    .flat-twocol::before{display:none;}/* 单列堆叠时不要竖分割线 */
    .flat-twocol p{font-size:16px;text-align:left;}

    /* hero */
    .flat-hero{padding:36px 0 40px;}
    .flat-hero__grid{grid-template-columns:1fr;gap:28px;}
    .flat-hero__left{width:100%;}
    .flat-hero__right{width:100%;}
    .flat-hero__title{font-size:38px !important;}
    .flat-hero__price{flex-direction:row;gap:14px;padding:18px;}/* 设计 mobile：From/€ 在左、note 在右并排（非竖排） */
    .flat-hero__actions{flex-direction:column;}
    .flat-btn{width:100%;}
    .flat-hero__features{flex-direction:column;gap:8px;}/* 设计 mobile：特性一行一个 */

    /* info bar */
    .flat-infobar__list{grid-template-columns:1fr 1fr;gap:20px 16px;}

    /* ranges head */
    .flat-ranges-head__title{font-size:28px !important;}

    /* includes */
    .flat-includes__grid{grid-template-columns:1fr;gap:24px;}
    .flat-includes__note{font-size:16px;}

    /* routes：横向滑动（对齐 mobile 设计稿，卡片≈80%视口 + 右侧露边） */
    .flat-routes__grid{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;}
    .flat-routes__grid::-webkit-scrollbar{display:none;}
    .flat-route-card{flex:0 0 80%;scroll-snap-align:start;}
    .flat-route-card__title{font-size:24px !important;}
    .flat-route-card__sub{min-height:0;}

    /* cabinets */
    .flat-cabinets__intro{grid-template-columns:1fr;gap:24px;}
    /* 移动端保持真表格，整行平铺，超出屏幕横向滚动（对齐 mobile 设计稿，非堆叠卡片） */
    .flat-table-wrap{-webkit-overflow-scrolling:touch;}
    .flat-table{min-width:680px;}

    /* finishes */
    .flat-finishes__head{flex-direction:column;gap:16px;}
    .flat-finishes__nav{display:none;}
    .flat-finishes__grid{grid-template-columns:1fr;gap:28px;}
    .flat-finishes__note{font-size:16px;}

    /* built */
    .flat-built__grid{grid-template-columns:1fr;gap:26px;}
    .flat-built__title{font-size:28px !important;}
    .flat-spec-table thead th:first-child{width:auto;}
    .flat-spec-table tbody td:first-child{white-space:normal;}

    /* ordering */
    .flat-ordering__grid{grid-template-columns:1fr;gap:26px;}
    .flat-ordering__title{font-size:28px !important;}
    /* steps：横向滑动（对齐 mobile 设计稿，卡片≈64%视口，01 全 + 02 露边） */
    .flat-ordering__steps{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;}
    .flat-ordering__steps::-webkit-scrollbar{display:none;}
    .flat-step{flex:0 0 64%;scroll-snap-align:start;}

    /* delivery */
    .flat-delivery__cols{grid-template-columns:1fr;gap:0;}
    .flat-delivery__col:not(:last-child){border-right:none;border-bottom:1px solid rgba(0,0,0,.1);padding-bottom:30px;margin-bottom:30px;}
    .flat-delivery__col-title{font-size:20px !important;}
    .flat-delivery__col p{font-size:16px;}
    .flat-delivery__note{font-size:16px;}

    /* guides：两张一排（对齐 mobile 设计稿） */
    .flat-guides__grid{grid-template-columns:1fr 1fr;gap:12px;}

    /* measure：图片排到 标题+正文 之后、按钮之前（对齐 mobile 设计稿）。
       actions 嵌在 __text 内，用 display:contents 把 __text 子元素摊进 grid 再排序。 */
    .flat-measure__grid{grid-template-columns:1fr;gap:20px;}
    .flat-measure__text{display:contents;}
    .flat-measure__img{order:2;}
    .flat-measure__actions{order:3;flex-direction:column;}
}

@media (max-width:520px){
    .flat-infobar__list{grid-template-columns:1fr 1fr;}/* 设计 mobile：infobar 两个一排 */
    /* 设计 mobile：每格竖排居中（图标在上、标题/副标题居中，icon 中心=文字中心） */
    .flat-infobar__item{flex-direction:column;align-items:center;text-align:center;gap:6px;}
    /* thumbs 保持三张一排（对齐 mobile 设计稿），guides 保持两张一排，steps 用横滑不再单列 */
    .flat-includes__thumbs{grid-template-columns:repeat(3,1fr);}
    .flat-hero__title{font-size:38px !important;}/* 设计 mobile(375) hero 标题=38 */
}

/* =========================================================================
 * 移动端字号阶梯（对齐 mobile/ 设计稿：整体比 PC 更小更紧凑）
 * 放在最后，覆盖上面 @media(max-width:900px) 里较大的默认值。
 * ========================================================================= */
@media (max-width:900px){
    /* 通用 */
    .flat-sec-title{font-size:24px !important;line-height:1.3 !important;}
    .flat-sec-lead{font-size:14px;line-height:1.8;}
    .flat-twocol p{font-size:14px;}

    /* 移动端 section 间距：PC 的 80px 在手机上 gap 太大（设计移动端 gap ~90）→ 收到 44px（gap≈88） */
    .flat-includes,.flat-routes,.flat-cabinets,.flat-finishes,.flat-built,
    .flat-ordering,.flat-faqs,.flat-guides{padding:44px 0;}
    .flat-delivery{padding:44px 0 0;}
    .flat-delivery__panel{padding:34px 0 38px;}
    .flat-delivery .flat-sec-title--center{margin-bottom:18px;}
    .flat-delivery__col{padding:0;border-right:none;}
    .flat-delivery__col:not(:last-child){border-right:none;}

    /* hero */
    .flat-hero__title{font-size:38px !important;}/* 设计 mobile(375) hero 标题=38 */
    .flat-hero__badge-text{font-size:14px;}
    .flat-hero__desc{font-size:14px;margin-bottom:18px !important;}/* 设计 mobile desc→features=18；!important 压 kit */
    .flat-hero__features li{font-size:14px;}
    .flat-hero__price-from{font-size:14px;}
    .flat-hero__price-num{font-size:20px;}
    .flat-hero__price-note{font-size:14px;}

    /* info bar */
    .flat-infobar__title{font-size:14px;line-height:1.7;}
    .flat-infobar__sub{font-size:12px;line-height:1.7;}

    /* shop ranges head */
    .flat-ranges-head__title{font-size:24px !important;}
    .flat-ranges-head__desc{font-size:14px;}

    /* includes */
    .flat-includes__head{font-size:18px;}
    .flat-inc-list li{font-size:14px;line-height:1.5;}
    .flat-exc-list li{font-size:14px;}
    .flat-includes__thumbs figcaption{font-size:10px !important;line-height:1.8;}
    .flat-includes__note{font-size:14px;}
    .flat-includes__note strong{font-size:14px;}

    /* routes */
    .flat-route-card__title{font-size:20px !important;}
    .flat-route-card__sub{font-size:14px;}
    .flat-route-card__points li{font-size:14px;}

    /* cabinet table（移动端卡片式） */
    .flat-table__type{font-size:16px;}
    .flat-table tbody td{font-size:16px;}

    /* finishes */
    .flat-finish-card__title{font-size:18px !important;}

    /* built（设计 mobile spec 表头=20 / 正文=16，同 PC） */
    .flat-spec-table thead th{font-size:20px;}
    .flat-spec-table tbody td{font-size:16px;}

    /* delivery */
    .flat-delivery__col-title{font-size:18px !important;line-height:1.4 !important;}
    .flat-delivery__col p{font-size:14px;}
    .flat-delivery__note{font-size:14px;padding:12px;}

    /* faqs：撤掉 template-level2.css @768 对问题的单行截断(line-clamp+ellipsis)，让问题正常换行自适应 */
    .flat-faqs .cl-accordion__question{
        font-size:14px !important;
        display:block;-webkit-line-clamp:unset;line-clamp:unset;
        overflow:visible;text-overflow:clip;white-space:normal;max-width:none;
    }
    .flat-faqs .cl-accordion__content{overflow-wrap:break-word;word-break:break-word;}

    /* guides */
    .flat-guide-card__title{font-size:16px !important;font-weight:500 !important;}
    .flat-guide-card__sub{font-size:14px;}

    /* measure */
    .flat-measure__text .flat-sec-lead{font-size:14px;color:#333;}/* 设计 mobile lead 色=#333(PC 是#777) */

    /* lead 修正：ordering lead 设计 mobile=14(被 __intro 特异度盖成18)；guides lead 设计 mobile 色=#333 */
    .flat-ordering__intro .flat-sec-lead{font-size:14px;}
    .flat-guides .flat-sec-lead--center{color:#333;}
}

/* ---------- 首屏信任条（Flat Pack 列表页，2026-11-05）：桌面一行，手机 2×2 紧凑 ---------- */
.flat-trust{background:#fff;border-bottom:1px solid #eee5d8;}
.flat-trust__list{list-style:none;margin:0;padding:10px 0;display:flex;justify-content:space-between;align-items:center;gap:12px 24px;flex-wrap:nowrap;}
.flat-trust__item{display:flex;align-items:center;gap:8px;font-family:"Open Sans",Arial,sans-serif;font-size:14px;line-height:1.4;color:#333;white-space:nowrap;}
.flat-trust__item svg{flex:0 0 auto;color:#2f5130;}
.flat-trust__item strong{font-weight:700;}
.flat-trust__item a{color:inherit;text-decoration:none;font:inherit;}
.flat-trust__item a:hover strong{text-decoration:underline;}
.flat-trust__muted{color:#777;}
@media (max-width:900px){
    .flat-trust__list{display:grid;grid-template-columns:1fr 1fr;gap:6px 10px;padding:8px 0;}
    .flat-trust__item{font-size:12px;gap:6px;white-space:normal;line-height:1.3;}
    .flat-trust__item svg{width:14px;height:14px;}
    .flat-trust__hide-sm{display:none;}
}

/* ---------- 手机首屏（≤767，2026-11-05）：390×844 一屏内看到筛选条 + 第一张卡片 ----------
   不删内容，只压缩/挪位：Hero 只留 H1 + 两行简介（Read more 展开）+ 起价；
   Hero 配图、特性、按钮、Google 组件（信任条已有评分）在手机上隐藏；
   infobar 挪到列表后面（内容和信任条重复）；列表标题下的说明在卡片上已写明，手机隐藏。 */
.flat-hero__more{display:none;}
@media (max-width:767px){
    .flat-page:not(.k4u-samples-page){display:flex;flex-direction:column;}
    .flat-page:not(.k4u-samples-page)>*{order:2;}
    .flat-page:not(.k4u-samples-page)>:is(.cat-hero__breadcrumb,.flat-trust,.flat-hero,.flat-ranges-head,.fc){order:0;}
    .flat-page:not(.k4u-samples-page)>.flat-infobar{order:1;}
    .flat-hero{padding:14px 0 12px;}
    .flat-hero__badges,.flat-hero__features,.flat-hero__actions,.flat-hero__rating,.flat-hero__right,.flat-hero__price-note,.flat-hero__price-divider{display:none !important;}
    .flat-hero__grid{gap:0;}
    .flat-hero__title{font-size:28px !important;line-height:1.15 !important;margin:0 0 8px !important;}
    .flat-hero__desc{font-size:14px;line-height:1.5;margin:0 !important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
    .flat-hero__desc.is-open{display:block;-webkit-line-clamp:unset;}
    .flat-hero__more{display:inline-block;padding:2px 0;margin:0 0 8px;border:0;background:none;color:#885220;font-size:13px;font-weight:600;text-decoration:underline;cursor:pointer;}
    .flat-hero__price{padding:8px 12px !important;margin:0 !important;}
    .flat-hero__price-main{flex-direction:row;align-items:baseline;gap:8px;}
    .flat-hero__price-num{font-size:22px;}
    .flat-page:not(.k4u-samples-page) .flat-ranges-head{padding:12px 0 8px;}
    .flat-page:not(.k4u-samples-page) .flat-ranges-head__title{font-size:20px !important;margin:0 !important;}
    .flat-page:not(.k4u-samples-page) .flat-ranges-head__desc{display:none;}
    .flat-page:not(.k4u-samples-page) .fc-bar{margin-bottom:12px;}
}

/* Flat pack or pre-assembled? 对比框（2026-11-05，两页都有） */
.fp-pa-compare{padding:60px 0 20px;}
.fp-pa-compare__grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:900px;margin:28px auto 0;}
.fp-pa-compare__card{position:relative;padding:24px 24px 22px;border:1px solid #e3ded7;border-radius:14px;background:#fff;display:flex;flex-direction:column;}
.fp-pa-compare__card.is-here{border-color:#333;box-shadow:0 0 0 1px #333 inset;}
.fp-pa-compare__card h3{margin:0 0 4px;font-family:"Sofia Pro","sofia pro M",Arial,sans-serif;font-size:22px;font-weight:600;color:#333;}
.fp-pa-compare__sub{margin:0 0 14px;color:#777;font-size:14px;}
.fp-pa-compare__card ul{list-style:none;margin:0 0 18px;padding:0;display:grid;row-gap:8px;font-size:15px;line-height:1.45;color:#333;}
.fp-pa-compare__card li strong{font-weight:600;}
.fp-pa-compare__card .flat-btn{margin-top:auto;align-self:flex-start;}
.fp-pa-compare__here{margin-top:auto;align-self:flex-start;padding:8px 16px;border-radius:999px;background:#F4F4F4;font-size:14px;font-weight:600;color:#333;}
.pa-example__link{color:#885220;font-weight:600;}
@media (max-width:767px){.fp-pa-compare{padding:40px 0 10px;}.fp-pa-compare__grid{grid-template-columns:1fr;}}