/*
Theme Name: KB Home
Theme URI: https://911515.xyz
Description: 厨卫品牌展示主题：下拉大菜单、品牌入口、故事区、工艺区、获奖产品、展厅查询、订阅区。图片和文字可在“外观 → 自定义”中修改。
Author: Custom
Version: 1.1.0
Requires at least: 6.0
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: kb-home
*/

:root{
--bg:#F4F2EE;--bg2:#ECE9E3;--ink:#16181A;--muted:#5B5750;--body:#3A3C3F;
--accent:#7D6236;--gold:#C9AD7C;--dark:#1B1D1F;--dark2:#2A2D30;
--ph:#D9D5CD;--ph2:#CFCAC0;--line:#DAD6CE;--curated:#C8C3B9;
--serif:"Noto Serif SC","Songti SC","STSong","SimSun","Source Han Serif SC",serif;
--sans:"Noto Sans SC","PingFang SC","Microsoft YaHei","Hiragino Sans GB",sans-serif;
--latin:"Jost","Helvetica Neue",Arial,sans-serif;
--wrap:1328px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-weight:300;line-height:1.7;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
a:hover{opacity:.7}
img{max-width:100%;height:auto;display:block}
h1,h2,h3{margin:0}
p{margin:0}
.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.kb-wrap{max-width:var(--wrap);margin:0 auto}

/* 小标签 / 标题 / 链接 */
.kb-eyebrow{font-family:var(--latin);font-size:12px;letter-spacing:.5em;color:var(--accent)}
.kb-eyebrow--gold{color:var(--gold)}
.kb-h2{font-family:var(--serif);font-weight:300;font-size:40px;line-height:1.4;letter-spacing:.06em}
.kb-h2--sm{font-size:36px}
.kb-link{align-self:flex-start;font-size:14px;letter-spacing:.25em;border-bottom:1px solid currentColor;padding-bottom:4px;display:inline-block}
.kb-btn{display:inline-block;padding:16px 44px;font-size:14px;letter-spacing:.25em;border:1px solid var(--bg);color:var(--bg)}
.kb-btn--solid{background:var(--ink);border-color:var(--ink);color:var(--bg)}
.kb-btn--light{background:var(--bg);border-color:var(--bg);color:var(--ink)}

/* 图片位：有图显示图，没图显示占位 */
.kb-media{position:relative;display:flex;align-items:center;justify-content:center;background:var(--ph);color:var(--muted);overflow:hidden;min-height:100%}
.kb-media img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.kb-ph{font-family:var(--latin);font-size:11px;letter-spacing:.25em;text-align:center;padding:16px}
.kb-media--fill{position:absolute;inset:0;min-height:0}
.kb-media--dark{background:var(--dark2);color:#A9A59D}
.kb-media--alt{background:var(--ph2)}
.kb-media--r34{aspect-ratio:3/4;min-height:0}
.kb-media--r45{aspect-ratio:4/5;min-height:0}

/* 头部 */
.kb-header{position:relative;z-index:50;background:var(--bg);border-bottom:1px solid var(--line)}
.kb-header__bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 32px;padding:20px 56px}
.kb-logo{display:flex;flex-direction:column;line-height:1.1}
.kb-logo__name{font-family:var(--serif);font-size:22px;font-weight:600;letter-spacing:.3em}
.kb-logo__sub{font-family:var(--latin);font-size:10px;letter-spacing:.5em;margin-top:6px;color:var(--muted)}
.kb-logo img{max-height:44px;width:auto}
.kb-nav{display:flex;flex-wrap:wrap;gap:4px 28px;align-items:center;font-size:14px;letter-spacing:.2em}
.kb-nav a,.kb-nav button{padding:10px 4px;min-height:44px;display:inline-flex;align-items:center;background:transparent;border:0;border-bottom:1px solid transparent;font:inherit;letter-spacing:inherit;color:var(--ink);cursor:pointer}
.kb-nav button[aria-expanded="true"]{border-bottom-color:var(--accent)}
.kb-tools{display:flex;align-items:center;gap:16px;font-size:13px;letter-spacing:.15em}
.kb-tools a{display:flex;align-items:center;gap:8px;padding:10px 4px}
.kb-iconbtn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:transparent;border:0;cursor:pointer;color:var(--ink)}

/* 下拉大菜单 */
.kb-mega{position:absolute;left:0;right:0;top:100%;background:var(--bg);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:40px 56px 48px}
.kb-mega[hidden]{display:none}
.kb-mega__in{max-width:var(--wrap);margin:0 auto;display:flex;flex-wrap:wrap;gap:40px 56px}
.kb-mega__col{flex:1 1 160px;display:flex;flex-direction:column;gap:10px;font-size:14px}
.kb-mega__col h3{font-family:var(--latin);font-size:11px;letter-spacing:.35em;color:var(--accent);margin-bottom:6px;font-weight:400}
.kb-mega__col a{padding:4px 0}
.kb-mega__img{flex:1.4 1 280px;min-height:200px}

/* 首屏 */
.kb-hero{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:720px;background:var(--dark2);color:var(--bg);padding:96px 56px;text-align:center;overflow:hidden}
.kb-hero__shade{position:absolute;inset:0;background:rgba(22,24,26,.35)}
.kb-hero__in{position:relative;max-width:720px;display:flex;flex-direction:column;align-items:center;gap:28px}
.kb-hero__brand{font-family:var(--serif);font-size:26px;font-weight:600;letter-spacing:.4em}
.kb-hero h1{font-family:var(--serif);font-weight:300;font-size:56px;line-height:1.3;letter-spacing:.08em}
.kb-hero p{font-size:16px;color:#E6E2DA}

/* 品牌条 */
.kb-brands{background:var(--bg);border-bottom:1px solid var(--line)}
.kb-brands__in{max-width:var(--wrap);margin:0 auto;padding:56px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px 40px}
.kb-brands a{flex:1 1 140px;text-align:center;padding:16px 8px;font-family:var(--latin);font-size:13px;letter-spacing:.35em;color:var(--body)}

/* 分栏区块 */
.kb-split{display:flex;flex-wrap:wrap}
.kb-split__media{flex:1 1 520px;min-height:560px;position:relative}
.kb-split__text{flex:1 1 520px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:24px;padding:96px 72px}
.kb-split__text p{font-size:16px;color:var(--body);max-width:480px}
.kb-split--story{background:var(--bg2)}
.kb-split--dark{background:var(--dark);color:var(--bg)}
.kb-split--dark .kb-split__text p{color:#BDB9B1;font-size:15px}
.kb-split--dark .kb-split__media{flex:1.2 1 520px;background:var(--dark2)}
.kb-play{position:absolute;z-index:2;top:50%;left:50%;transform:translate(-50%,-50%);width:72px;height:72px;border-radius:36px;display:flex;align-items:center;justify-content:center;background:rgba(27,29,31,.35);border:1px solid var(--bg);color:var(--bg);cursor:pointer}

/* 搭配推荐通栏 */
.kb-curated{position:relative;display:flex;flex-direction:column;justify-content:center;min-height:560px;background:var(--curated);padding:96px 72px;overflow:hidden}
.kb-curated__in{position:relative;max-width:520px;display:flex;flex-direction:column;align-items:flex-start;gap:24px}
.kb-curated p{font-size:15px;color:#2B2D30}

/* 获奖产品 */
.kb-awards{padding:120px 56px;background:var(--bg)}
.kb-awards__head{text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px;margin-bottom:56px}
.kb-awards__list{display:flex;flex-wrap:wrap;gap:32px}
.kb-card{flex:1 1 300px;display:flex;flex-direction:column;gap:20px}
.kb-card__name{font-family:var(--serif);font-size:20px;letter-spacing:.12em}
.kb-card__note{font-size:13px;color:var(--accent);letter-spacing:.1em}
.kb-card__more{font-size:13px;letter-spacing:.2em;border-bottom:1px solid var(--ink);align-self:flex-start;padding-bottom:3px}

/* 灵感 */
.kb-insp{padding:112px 56px;background:var(--bg2)}
.kb-insp__head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:48px}
.kb-insp__head>div{display:flex;flex-direction:column;gap:16px}
.kb-insp__links{display:flex;flex-wrap:wrap;gap:24px;font-size:14px;letter-spacing:.2em}
.kb-insp__grid{display:flex;flex-wrap:wrap;gap:16px}
.kb-insp__big{flex:2 1 520px;min-height:480px}
.kb-insp__side{flex:1 1 260px;display:flex;flex-direction:column;gap:16px}
.kb-insp__side .kb-media{flex:1;min-height:232px}

/* 展厅 */
.kb-showroom{padding:104px 56px;background:var(--bg)}
.kb-showroom__in{max-width:var(--wrap);margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:40px}
.kb-showroom__txt{flex:1 1 360px;display:flex;flex-direction:column;gap:16px}
.kb-showroom__txt p{font-size:15px;color:var(--body)}
.kb-form{flex:1 1 420px;display:flex;flex-wrap:wrap;gap:12px;max-width:560px}
.kb-form input,.kb-form select{flex:1 1 220px;height:56px;padding:0 20px;border:1px solid var(--ink);background:transparent;font-size:15px;font-family:inherit;color:var(--ink)}
.kb-form button{height:56px;padding:0 40px;background:var(--ink);color:var(--bg);border:0;font-size:14px;letter-spacing:.25em;font-family:inherit;cursor:pointer}

/* 订阅 */
.kb-join{display:flex;flex-wrap:wrap;background:var(--bg2)}
.kb-join__text{flex:1 1 480px;display:flex;flex-direction:column;justify-content:center;gap:20px;padding:96px 72px}
.kb-join__text p{font-size:15px;color:var(--body)}
.kb-join .kb-form{flex-direction:column;max-width:480px;margin-top:8px}
.kb-join .kb-form input,.kb-join .kb-form select{flex:none}
.kb-join__media{flex:1 1 480px;min-height:480px;position:relative}

/* 页脚 */
.kb-footer{background:var(--ink);color:#BDB9B1;padding:80px 56px 40px}
.kb-footer__top{display:flex;flex-wrap:wrap;gap:48px 56px;justify-content:space-between}
.kb-footer__col{flex:1 1 140px;display:flex;flex-direction:column;gap:12px;font-size:14px}
.kb-footer__col--wide{flex:1 1 280px}
.kb-footer__col h3{font-family:var(--latin);font-size:12px;letter-spacing:.3em;color:var(--gold);font-weight:400}
.kb-footer__col a{padding:4px 0}
.kb-footer__name{font-family:var(--serif);font-size:22px;font-weight:600;letter-spacing:.3em;color:var(--bg)}
.kb-footer__bottom{border-top:1px solid #3A3D40;margin-top:56px;padding-top:28px;display:flex;flex-wrap:wrap;gap:12px 32px;justify-content:space-between;font-size:12px;color:#8E8A83;letter-spacing:.1em}

/* 普通页面 / 文章 */
.kb-page{max-width:820px;margin:0 auto;padding:96px 24px}
.kb-page h1{font-family:var(--serif);font-weight:300;font-size:40px;letter-spacing:.08em;margin-bottom:32px}
.kb-page .entry{font-size:16px;color:var(--body)}
.kb-page article{margin-bottom:64px}

/* 下拉菜单补充 */
.kb-mega__col a.kb-mega__all{margin-top:8px;align-self:flex-start;border-bottom:1px solid currentColor;padding-bottom:2px;color:var(--accent)}
.kb-mega--drop{padding-top:24px;padding-bottom:28px}
.kb-mega--drop .kb-mega__col{flex:0 1 240px}

/* 语言切换 */
.kb-lang{display:flex;gap:4px;align-items:center;font-family:var(--latin);font-size:12px;letter-spacing:.15em}
.kb-lang a{padding:10px 6px;color:var(--muted)}
.kb-lang a.is-current{color:var(--ink);border-bottom:1px solid var(--ink)}

/* 从右到左的语言（如阿拉伯语） */
[dir="rtl"] body{font-family:var(--sans)}
[dir="rtl"] .kb-split__text,[dir="rtl"] .kb-curated__in,[dir="rtl"] .kb-showroom__txt{text-align:right}

/* ===== 产品目录（WooCommerce） ===== */
.kb-shop{padding:56px 56px 112px;background:var(--bg)}
.kb-shop__in{display:flex;flex-wrap:wrap;gap:48px}
.kb-shop__aside{flex:0 0 240px;display:flex;flex-direction:column;gap:32px;font-size:14px}
.kb-shop__main{flex:1 1 560px;min-width:0}
.kb-filter h3{font-family:var(--latin);font-size:12px;letter-spacing:.3em;color:var(--accent);font-weight:400;margin-bottom:12px}
.kb-filter ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.kb-filter a{padding:2px 0}

.kb-shop__aside-head{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid var(--line);padding-bottom:12px;font-family:var(--latin);font-size:12px;letter-spacing:.3em;color:var(--ink)}
.kb-shop__aside-head a{font-size:12px;letter-spacing:.1em;color:var(--muted);border-bottom:1px solid currentColor}

/* 简介（可展开） */
.kb-intro{max-width:760px;margin:0 0 40px;font-size:15px;color:var(--body)}
.kb-intro__body{max-height:4.8em;overflow:hidden;line-height:1.6}
.kb-intro.is-open .kb-intro__body{max-height:none}
.kb-intro__body p{margin:0 0 .8em}
.kb-intro__toggle{margin-top:8px;padding:0 0 3px;border:0;border-bottom:1px solid var(--ink);background:transparent;font-family:inherit;font-size:13px;letter-spacing:.2em;color:var(--ink);cursor:pointer}

/* 系列横幅 */
.kb-banner{position:relative;margin:0 0 56px;background:var(--ph);overflow:hidden}
.kb-banner img{display:block;width:100%;aspect-ratio:3/1;object-fit:cover}
.kb-banner__txt{position:absolute;left:48px;bottom:40px;display:flex;flex-direction:column;gap:14px;color:#fff}
.kb-banner__name{font-family:var(--serif);font-size:32px;font-weight:300;letter-spacing:.1em}
.kb-banner .kb-card__more{border-color:#fff;color:#fff}

/* 图块（按品类 / 按风格浏览） */
.kb-tiles{margin:0 0 56px}
.kb-tiles__h{font-family:var(--latin);font-size:12px;letter-spacing:.3em;font-weight:400;color:var(--accent);margin:0 0 20px}
.kb-tiles__row{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px}
.kb-tile{display:flex;flex-direction:column;gap:12px}
.kb-tile img,.kb-tile__ph{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;background:var(--ph)}
.kb-tile__name{font-family:var(--serif);font-size:16px;letter-spacing:.1em}
.kb-tile:hover .kb-tile__name{color:var(--accent)}

/* 结果栏 */
.kb-toolbar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 0;margin:0 0 32px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.kb-toolbar__count{font-size:14px;letter-spacing:.1em;color:var(--ink)}
.kb-toolbar__tools{display:flex;align-items:center;gap:20px}
.kb-toolbar .woocommerce-ordering{margin:0}
.kb-toolbar .woocommerce-ordering select{height:40px}
.kb-view{display:flex;gap:4px}
.kb-view__btn{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;background:transparent;color:var(--muted);cursor:pointer}
.kb-view__btn.is-on{color:var(--ink);border-color:var(--ink)}

/* 产品卡片：名称 + 表面处理 + 型号 */
.kb-loop-meta{display:flex;flex-direction:column;gap:2px;font-size:13px;color:var(--muted);letter-spacing:.05em}
.kb-loop-meta__sku{font-family:var(--latin);letter-spacing:.1em}
.kb-empty{padding:48px 0;color:var(--muted)}

/* 列表视图 */
.woocommerce ul.products.kb-list-view{grid-template-columns:1fr;gap:0}
.woocommerce ul.products.kb-list-view li.product{border-top:1px solid var(--line);padding:20px 0}
.woocommerce ul.products.kb-list-view li.product a.woocommerce-LoopProduct-link{flex-direction:row;align-items:center;gap:32px}
.woocommerce ul.products.kb-list-view li.product img{width:140px;flex:0 0 140px;aspect-ratio:1/1}

.woocommerce-breadcrumb{font-size:13px;letter-spacing:.1em;color:var(--muted);margin:0 0 24px}
.woocommerce-products-header__title,.product_title{font-family:var(--serif);font-weight:300;letter-spacing:.08em;line-height:1.4;margin:0 0 24px}
.woocommerce-products-header__title{font-size:40px}
.woocommerce-result-count{font-size:13px;color:var(--muted);margin:0 0 24px}
.woocommerce-ordering{margin:0 0 24px}
.woocommerce-ordering select{height:44px;padding:0 16px;border:1px solid var(--ink);background:transparent;font-family:inherit;font-size:14px;color:var(--ink)}

.woocommerce ul.products{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:40px 28px;margin:0;padding:0;list-style:none}
.woocommerce ul.products::before,.woocommerce ul.products::after{display:none}
.woocommerce ul.products li.product{width:auto;float:none;margin:0;display:flex;flex-direction:column;gap:12px;position:relative}
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link{display:flex;flex-direction:column;gap:14px}
.woocommerce ul.products li.product img{width:100%;aspect-ratio:4/5;object-fit:cover;background:var(--ph);margin:0}
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product .woocommerce-loop-category__title{font-family:var(--serif);font-size:18px;font-weight:400;letter-spacing:.1em;padding:0;margin:0}
.woocommerce ul.products li.product .kb-loop-more{margin-top:4px}
.woocommerce nav.woocommerce-pagination{margin-top:56px;text-align:center}
.woocommerce nav.woocommerce-pagination ul{border:0;display:inline-flex;gap:8px;margin:0;padding:0}
.woocommerce nav.woocommerce-pagination ul li{border:0;float:none}
.woocommerce nav.woocommerce-pagination ul li a,.woocommerce nav.woocommerce-pagination ul li span{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 12px;border:1px solid var(--line);background:transparent;color:var(--ink);font-size:14px}
.woocommerce nav.woocommerce-pagination ul li span.current{background:var(--ink);color:var(--bg);border-color:var(--ink)}

/* 产品详情 */
.woocommerce div.product{display:flex;flex-wrap:wrap;gap:56px;align-items:flex-start}
.woocommerce div.product div.images,.woocommerce div.product div.summary{float:none;width:auto;margin:0}
.woocommerce div.product div.images{flex:1 1 460px;min-width:0}
.woocommerce div.product div.summary{flex:1 1 380px;display:flex;flex-direction:column;gap:20px}
.woocommerce div.product .product_title{font-size:36px}
.woocommerce div.product .woocommerce-product-details__short-description{font-size:15px;color:var(--body)}
.woocommerce div.product .product_meta{font-size:13px;color:var(--muted);display:flex;flex-direction:column;gap:4px}
.woocommerce div.product .product_meta a{border-bottom:1px solid currentColor}
.woocommerce div.product .kb-inquiry{margin:8px 0 0}
.woocommerce div.product .woocommerce-tabs,.woocommerce div.product .related,.woocommerce div.product .upsells{flex:0 0 100%;width:100%}
.woocommerce div.product .woocommerce-tabs ul.tabs{padding:0;margin:0 0 24px;border-bottom:1px solid var(--line);display:flex;flex-wrap:wrap;gap:8px 32px}
.woocommerce div.product .woocommerce-tabs ul.tabs::before,.woocommerce div.product .woocommerce-tabs ul.tabs::after{display:none}
.woocommerce div.product .woocommerce-tabs ul.tabs li{border:0;background:transparent;margin:0;padding:0;border-radius:0}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before,.woocommerce div.product .woocommerce-tabs ul.tabs li::after{display:none}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{padding:12px 0;font-size:14px;letter-spacing:.2em;color:var(--muted);font-weight:300}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{color:var(--ink);border-bottom:1px solid var(--ink)}
.woocommerce div.product .woocommerce-tabs .panel{font-size:15px;color:var(--body);margin:0}
.woocommerce div.product .related>h2,.woocommerce div.product .upsells>h2{font-family:var(--serif);font-weight:300;font-size:30px;letter-spacing:.08em;margin:32px 0 28px}
.woocommerce table.shop_attributes{border:0;width:100%;border-collapse:collapse;font-size:14px}
.woocommerce table.shop_attributes th,.woocommerce table.shop_attributes td{border:0;border-bottom:1px solid var(--line);padding:12px 0;background:transparent;font-style:normal;text-align:left}
.woocommerce table.shop_attributes th{width:30%;font-weight:400;color:var(--muted)}
.woocommerce span.onsale{display:none}

/* 手机 */
@media (max-width:782px){
.kb-header__bar,.kb-mega,.kb-awards,.kb-insp,.kb-showroom,.kb-footer{padding-left:24px;padding-right:24px}
.kb-hero{padding:72px 24px;min-height:600px}
.kb-hero h1{font-size:38px}
.kb-h2{font-size:30px}
.kb-split__text,.kb-join__text,.kb-curated{padding:64px 24px}
.kb-brands__in{padding:32px 24px}
.kb-shop{padding:32px 24px 72px}
.kb-shop__aside{flex:1 1 100%}
.woocommerce-products-header__title{font-size:30px}
.kb-banner__txt{left:24px;bottom:24px}
.kb-banner__name{font-size:22px}
.kb-banner img{aspect-ratio:3/2}
.woocommerce div.product .product_title{font-size:28px}
}
