/*
Theme Name: YoruCare Prototype (母版定制主题)
Theme URI: https://yorucare.com/
Description: 跨境垂直母版的定制主题，照"新版样机"实现：干净头部+汉堡抽屉+搜索、Hero、分类瓦片、商品卡(星级/已售)、商品页、页脚、底部导航。配色深绿+赤陶，字体 Inter+Fraunces。购物车/结算沿用 WooCommerce 官方模板以保证支付稳定。配合 yc-master-enhance 插件提供社会证明/促销/修复。
Author: Cowork x YoruCare Master
Version: 1.7.11
Requires PHP: 7.4
Text Domain: yorucare-prototype
*/

:root{
  --yt-primary:#1F3D32;--yt-primary-2:#2C5343;--yt-accent:#B56E3B;--yt-accent-2:#C8824D;
  --yt-price:#B9472C;--yt-bg:#F6F4EF;--yt-card:#fff;--yt-ink:#243029;--yt-muted:#7b7468;
  --yt-star:#F2A93B;--yt-line:#E7E2D8;--yt-ok:#1a7f37;--yt-shadow:0 14px 40px rgba(20,30,25,.12);
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--yt-bg);color:var(--yt-ink);line-height:1.6;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,.yt-display{font-family:'Fraunces','Inter',Georgia,serif;font-weight:600}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
button{font-family:inherit;cursor:pointer}
.yt-wrap{max-width:1200px;margin:0 auto;padding:0 16px}
.yt-btn{display:inline-flex;align-items:center;gap:8px;background:var(--yt-accent);color:#fff;font-weight:800;font-size:15px;padding:13px 24px;border:0;border-radius:11px;box-shadow:0 8px 20px rgba(181,110,59,.32)}
.yt-btn--ghost{background:rgba(255,255,255,.14);box-shadow:none;border:1px solid rgba(255,255,255,.45)}
.yt-btn--dark{background:var(--yt-primary)}
.yt-btn--block{display:flex;width:100%;justify-content:center}

/* ===== Top bar ===== */
.yt-topbar{background:var(--yt-primary);color:#fff;font-size:12.5px;font-weight:600;text-align:center;padding:8px 12px;display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}
.yt-topbar .yt-switch{margin-left:auto;display:flex;gap:6px}
.yt-topbar .yt-switch b{background:rgba(255,255,255,.16);border-radius:5px;padding:2px 7px;font-weight:800;font-size:11px}

/* ===== Header ===== */
.yt-header{background:#fff;position:sticky;top:0;z-index:40;border-bottom:1px solid var(--yt-line)}
/* 头部三栏网格:汉堡(左) | logo(正中) | 右组(导航+币种)——logo 真正居中 */
.yt-header__bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;padding:11px 14px;max-width:1200px;margin:0 auto}
/* 显式列归位:汉堡即使隐藏,logo 仍固定在中列居中(手机端必居中,桌面端也居中) */
.yt-burger{grid-column:1;justify-self:start;font-size:28px;line-height:1;background:none;border:0;color:var(--yt-ink);padding:2px 6px}
.yt-logo{grid-column:2;justify-self:center;font-family:'Fraunces';font-weight:700;font-size:24px;display:flex;align-items:center;gap:9px}
.yt-logo img{max-height:34px;width:auto}
.yt-header__right{grid-column:3;justify-self:end;display:flex;align-items:center;gap:14px;min-width:0}
/* 头部右侧:币种/语言切换器(从横幅移到 logo 右侧,可点击→打开抽屉地区语言) */
.yt-region{display:inline-flex;align-items:center;gap:5px;background:var(--yt-bg);border:1px solid var(--yt-line);border-radius:999px;padding:7px 11px;font-size:11.5px;font-weight:800;color:var(--yt-ink);white-space:nowrap;cursor:pointer;line-height:1}
.yt-region span[aria-hidden]{font-size:13px;opacity:.8}
.yt-region__t{letter-spacing:.2px}
@media(hover:hover){.yt-region:hover{border-color:var(--yt-primary);color:var(--yt-primary)}}
/* 顶栏促销条(现由 yc-master-enhance 渲染)+ 销售徽章 —— 自包含样式,不依赖原 MU 插件 CSS */
.yc-offer-bar{background:var(--yt-primary);color:#fff;font-size:13px;position:relative;z-index:1001}
.yc-offer-bar .yc-market-tools{display:none!important}
.yc-offer-bar__inner{display:flex;align-items:center;justify-content:center;gap:16px;max-width:1180px;margin:0 auto;min-height:36px;padding:7px 18px}
.yc-offer-bar__messages{display:flex;align-items:center;justify-content:center;gap:18px;flex:1 1 auto;min-width:0;text-align:center}
.yc-offer-bar__messages span{line-height:1.35;white-space:nowrap}
@media(max-width:849px){
  .yc-offer-bar__inner{gap:8px;padding:7px 14px}
  .yc-offer-bar__messages span:nth-child(n+2){display:none}
  .yc-offer-bar__messages span:first-child{font-size:12px;white-space:normal}
}
/* 销售 -X% 徽章 */
.woocommerce span.onsale,.woocommerce span.onsale.yc-sale-percent,ul.products li.product .onsale{background:var(--yt-price)!important;color:#fff!important;border-radius:7px!important;font-size:12.5px!important;font-weight:800!important;line-height:1!important;min-height:0!important;min-width:0!important;padding:5px 8px!important;display:inline-flex!important;align-items:center;justify-content:center;letter-spacing:0}
.single-product .onsale.yc-sale-percent,ul.products li.product .onsale{position:absolute;top:10px;left:10px;z-index:3;margin:0}
/* 购物车/结算面板:白卡片质感(迁自原 template-core,合并后由主题提供) */
.woocommerce-cart .cart-collaterals .cart_totals,
.woocommerce-checkout .woocommerce-checkout-review-order,
.woocommerce-checkout .woocommerce-billing-fields,
.woocommerce-checkout .woocommerce-shipping-fields{background:#fff;border:1px solid var(--yt-line);border-radius:12px;box-shadow:0 8px 22px rgba(23,33,27,.05);padding:18px}
.woocommerce-cart table.shop_table,.woocommerce-checkout table.shop_table{border:1px solid var(--yt-line);border-radius:12px;overflow:hidden}
.woocommerce-checkout .woocommerce-checkout-review-order-table .shipping td,.woocommerce-cart .cart_totals .shop_table .shipping td{color:var(--yt-muted);font-size:13px}
/* 结算:默认收起"收货地址"字段,勾选"Ship to a different address"才展开(更干净;WC 勾选切换的 JS 仍生效,不支持:has 的旧浏览器会被 JS 兜底显示) */
.woocommerce-checkout .shipping_address{display:none}
.woocommerce-checkout #ship-to-different-address:has(input:checked) ~ .shipping_address{display:block}
/* 商品页只保留一行缩略图:隐藏 kit 冗余的副轨道(原生 vargal 轨道已带缩略图) */
/* 商品页只保留一行缩略图:隐藏 kit 冗余的副轨道(原生 vargal 轨道已带缩略图) */
.single-product .yc-parent-gallery-rail{display:none!important}
.yt-logo .yt-mk{width:30px;height:30px;border-radius:9px;background:linear-gradient(135deg,var(--yt-primary),var(--yt-primary-2));color:#fff;display:grid;place-items:center;font-size:15px;font-family:Inter;font-weight:800}
.yt-nav{display:none;gap:20px;font-weight:600;font-size:14px;color:#3f4a43}
.yt-icons{display:flex;align-items:center;gap:15px}
.yt-ic{position:relative;font-size:20px;background:none;border:0;color:var(--yt-ink);display:inline-flex}
.yt-ic .yt-count{position:absolute;top:-7px;right:-9px;background:var(--yt-accent);color:#fff;font-size:10px;font-weight:800;min-width:16px;height:16px;border-radius:9px;display:grid;place-items:center;padding:0 3px}
.yt-search{display:flex;align-items:center;gap:9px;margin:0 16px 11px;max-width:1168px;background:var(--yt-bg);border:1px solid var(--yt-line);border-radius:12px;padding:10px 14px;color:var(--yt-muted);font-size:13.5px}
.yt-search input{border:0;background:none;outline:0;font-size:13.5px;color:var(--yt-ink);width:100%;font-family:inherit}

/* ===== Drawer ===== */
.yt-overlay{position:fixed;inset:0;background:rgba(15,25,20,.45);opacity:0;pointer-events:none;transition:.25s;z-index:99990}
.yt-overlay.is-open{opacity:1;pointer-events:auto}
.yt-drawer{position:fixed;top:0;left:0;bottom:0;width:300px;max-width:86%;background:#fff;z-index:99991;transform:translateX(-103%);transition:transform .3s cubic-bezier(.2,.8,.2,1);overflow-y:auto;box-shadow:8px 0 30px rgba(0,0,0,.2)}
.yt-drawer.is-open{transform:none}
.yt-drawer__h{background:var(--yt-primary);color:#fff;padding:18px 16px;font-family:Fraunces;font-size:19px;font-weight:600;display:flex;align-items:center;gap:9px;position:relative}
.yt-drawer__x{position:absolute;top:15px;right:14px;background:none;border:0;color:#fff;font-size:23px}
.yt-drawer__t{font-size:11px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--yt-muted);padding:14px 18px 4px}
.yt-drawer a{display:flex;align-items:center;gap:11px;padding:11px 18px;font-size:14.5px;font-weight:600;color:#2c3631}
.yt-drawer a.lite{font-weight:500;font-size:13.5px;color:#5c655e}
.yt-drawer hr{border:0;border-top:1px solid var(--yt-line);margin:8px 0}

/* ===== Hero / home ===== */
.yt-hero{position:relative;color:#fff;min-height:430px;display:flex;align-items:flex-end;background:var(--yt-primary);background-size:cover;background-position:center;overflow:hidden}
.yt-hero.no-img{background:radial-gradient(130% 130% at 82% 2%, var(--yt-primary-2) 0%, var(--yt-primary) 55%, color-mix(in srgb, var(--yt-primary) 60%, #000) 100%)}
.yt-hero.no-img::before{content:"";position:absolute;right:-50px;top:-46px;width:260px;height:260px;border-radius:50%;background:rgba(181,110,59,.16)}
.yt-hero.no-img::after{content:"";position:absolute;left:-34px;bottom:24%;width:170px;height:170px;border-radius:50%;background:rgba(255,255,255,.05)}
.yt-hero__scrim{position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,20,16,.18) 0%,rgba(12,20,16,.46) 52%,rgba(12,20,16,.9) 100%)}
/* 有海报图时给文字加阴影兜底——任何明暗的图上白字都清晰可读(换站换图无需调) */
.yt-hero.has-img .yt-hero__title{text-shadow:0 2px 18px rgba(0,0,0,.55),0 1px 3px rgba(0,0,0,.4)}
.yt-hero.has-img .yt-hero__eyebrow,.yt-hero.has-img .yt-hero__sub{text-shadow:0 1px 10px rgba(0,0,0,.5)}
.yt-hero__inner{position:relative;padding:26px 16px 32px;max-width:1200px;margin:0 auto;width:100%}
.yt-hero__eyebrow{display:block;font-size:12px;font-weight:800;letter-spacing:2px;text-transform:uppercase;opacity:.9;margin-bottom:9px}
.yt-hero__title{color:#fff;font-size:clamp(30px,7vw,54px);line-height:1.07;margin:0 0 13px;max-width:620px}
.yt-hero__sub{font-size:15px;opacity:.95;margin:0 0 18px;max-width:480px}
.yt-ribbon{background:linear-gradient(90deg,#fbeede,#f7e2c8);color:#7a4a1d;font-weight:700;font-size:14px;text-align:center;padding:11px 14px;display:flex;gap:8px;align-items:center;justify-content:center;flex-wrap:wrap}
.yt-ribbon .yt-code{background:#fff;border:1px dashed #d8a96f;border-radius:6px;padding:1px 9px;font-weight:900;letter-spacing:.5px}
.yt-sec{padding:26px 16px;max-width:1200px;margin:0 auto}
.yt-shead{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
.yt-shead h2{font-size:24px;margin:0;color:var(--yt-primary)}
.yt-shead a{font-size:14px;font-weight:700;color:var(--yt-accent)}
.yt-cats{display:grid;grid-template-columns:1fr 1fr;gap:12px}
/* 分类瓦片：默认图片+底部渐变蒙版(高级)；未设图回退品牌渐变+真实分类图标(干净空态) */
.yt-cat{position:relative;border-radius:16px;overflow:hidden;aspect-ratio:1/1;display:flex;flex-direction:column;justify-content:flex-end;padding:14px;text-decoration:none;box-shadow:0 1px 2px rgba(0,0,0,.04),0 8px 22px rgba(20,30,25,.07);transition:transform .18s ease,box-shadow .18s ease}
.yt-cat:active{transform:scale(.98)}
@media(hover:hover){.yt-cat:hover{box-shadow:0 2px 4px rgba(0,0,0,.05),0 16px 34px rgba(20,30,25,.13)}.yt-cat:hover .yt-cat__svg{transform:scale(1.06)}}
.yt-cat--feature{grid-column:1/-1;aspect-ratio:16/9}
.yt-cat--wide{grid-column:1/-1;aspect-ratio:auto;min-height:118px}
.yt-cat--1{background:linear-gradient(150deg,#2C5343,#16291f)}
.yt-cat--2{background:linear-gradient(150deg,#C8824D,#9a5b2c)}
.yt-cat--3{background:linear-gradient(150deg,#3f6253,#24433a)}
.yt-cat--4{background:linear-gradient(150deg,#b9472c,#84301d)}
.yt-cat--5{background:linear-gradient(150deg,#4a6b5c,#26443a)}
.yt-cat--6{background:linear-gradient(150deg,#a85a36,#7a3d21)}
/* 空态：真实分类图标(右上角，半透明白) */
.yt-cat__svg{position:absolute;right:12px;top:12px;width:30px;height:30px;color:rgba(255,255,255,.62);z-index:2;transition:transform .25s ease}
.yt-cat__svg svg{width:100%;height:100%}
.yt-cat--feature .yt-cat__svg{width:38px;height:38px;right:16px;top:16px}
.yt-cat__lab{position:relative;z-index:2;color:#fff;font-weight:700;font-size:15.5px;line-height:1.25;text-shadow:0 1px 6px rgba(0,0,0,.28)}
.yt-cat--feature .yt-cat__lab{font-size:20px}
/* 闪购倒计时条 */
.yt-flash{background:color-mix(in srgb, var(--yt-primary) 78%, #000);color:#ffd9b0;text-align:center;font-size:12.5px;font-weight:700;padding:8px 12px;display:flex;align-items:center;justify-content:center;gap:8px}
.yt-flash__cd{font-variant-numeric:tabular-nums;background:rgba(255,255,255,.12);border-radius:5px;padding:1px 8px;color:#fff}
/* Hero 双按钮 */
.yt-hero__cta{display:flex;gap:10px;flex-wrap:wrap}
/* 人气信任条 */
.yt-social{background:#fff;border:1px solid var(--yt-line);border-radius:14px;margin:14px auto 0;max-width:1168px;padding:14px 16px;text-align:center;font-size:13px;color:#5c655e}
.yt-social strong{color:var(--yt-primary);font-weight:800}
.yt-bestsec .button.add_to_cart_button,.yt-bestsec .added_to_cart{display:none}
.yt-trust{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;list-style:none;margin:10px auto;padding:12px 8px;background:#fff;border:1px solid var(--yt-line);border-radius:14px;max-width:1168px}
.yt-trust li{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:11px;font-weight:600;color:#4a4a4a;justify-content:flex-start;text-align:center;line-height:1.2;min-width:0}
.yt-trust li span{font-size:19px}

/* ===== WooCommerce product grid (cards) ===== */
.woocommerce ul.products,.woocommerce-page ul.products{display:grid !important;grid-template-columns:1fr 1fr;gap:14px;margin:0;padding:0;list-style:none}
/* 关键:WooCommerce 给 ul.products 加了 ::before/::after 清浮动伪元素,在 grid 容器里会变成"幽灵格子",
   导致每页第一个和最后一个商品位出现空白。这里彻底移除,商品格子才正确排列。 */
.woocommerce ul.products::before,.woocommerce ul.products::after,.woocommerce-page ul.products::before,.woocommerce-page ul.products::after{content:none !important;display:none !important}
.woocommerce ul.products li.product,.woocommerce-page ul.products li.product{width:auto !important;margin:0 !important;float:none !important;background:#fff;border:1px solid #efeadf;border-radius:15px;overflow:hidden;text-align:left;position:relative}
.woocommerce ul.products li.product>a:first-of-type{display:block;position:relative}
.woocommerce ul.products li.product img{width:100% !important;aspect-ratio:1/1;object-fit:cover;margin:0 !important;border-radius:0;background:#f0ede6}
.woocommerce span.onsale{position:absolute;top:8px;left:8px;background:var(--yt-price);color:#fff;font-size:11px;font-weight:800;padding:3px 8px;border-radius:7px;margin:0;min-height:0;min-width:0;line-height:1.4;z-index:2}
.woocommerce ul.products li.product .woocommerce-loop-product__title,.woocommerce ul.products li.product h2{padding:11px 12px 0 !important;font-size:13.5px !important;font-weight:600;line-height:1.4;margin:0 0 6px !important;min-height:2.9em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-family:Inter;color:var(--yt-ink)}
.woocommerce ul.products li.product .yc-card-sp{padding:0 12px}
.woocommerce ul.products li.product .price{color:var(--yt-price);font-weight:900;font-size:16px;margin:0;padding:0 12px}
.woocommerce ul.products li.product .price del{color:#9b9b9b;font-weight:500;font-size:12.5px;opacity:.85;margin-right:5px}
.woocommerce ul.products li.product .price ins{text-decoration:none}
.woocommerce ul.products li.product .button,.woocommerce ul.products li.product .added_to_cart{margin:9px 12px 12px;display:block;text-align:center;background:var(--yt-primary);color:#fff;border-radius:9px;padding:9px;font-weight:800;font-size:12.5px}
.woocommerce ul.products li.product .star-rating{display:none}

/* archive header */
.yt-archead{background:#fff;border-bottom:1px solid var(--yt-line);padding:14px 16px}
.yt-archead .yt-wrap{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0}
.woocommerce .woocommerce-result-count{color:var(--yt-muted);font-size:12.5px;margin:0}
.woocommerce .woocommerce-ordering select{border:1px solid var(--yt-line);border-radius:9px;background:var(--yt-bg);font-size:12.5px;font-weight:700;color:#3f4a43;padding:8px 11px;max-width:200px}
.page-title{font-family:Fraunces;font-size:24px;color:var(--yt-primary)}
/* 隐藏 WooCommerce 默认归档标题(.yt-woo 的直接子 h1.page-title)：母版层 .yc-archive-hero 已提供标题+排序，避免重复 */
.post-type-archive .yt-woo > h1.page-title,
.tax-product_cat .yt-woo > h1.page-title,
.woocommerce-products-header__title{display:none !important}
.yc-archive-hero{background:#fff;border:1px solid var(--yt-line);border-radius:14px;padding:14px 16px;margin:0 0 16px}
.yc-archive-hero h1{font-family:Fraunces;font-size:24px;color:var(--yt-primary);margin:0}
.yc-archive-hero select.orderby,.yc-archive-hero .woocommerce-ordering select{border:1px solid var(--yt-line);border-radius:9px;background:var(--yt-bg);font-weight:700;font-size:12.5px;color:#3f4a43;padding:8px 11px}

/* ===== Single product ===== */
.single-product div.product{max-width:1200px;margin:0 auto;padding:18px 16px}
.single-product div.product .product_title{font-size:24px;line-height:1.18;margin:6px 0 10px;color:var(--yt-ink)}
.single-product div.product p.price,.single-product div.product span.price{color:var(--yt-price);font-weight:900;font-size:26px}
.single-product div.product p.price del{color:#9b9b9b;font-size:15px;font-weight:500}
.single-product .single_add_to_cart_button.button.alt{background:var(--yt-accent) !important;color:#fff !important;border-radius:12px !important;font-weight:900 !important;padding:14px 22px !important}
.single-product .summary .yc-pp-trustline{margin-top:6px}
/* 单品页布局：桌面两列(图/信息)，详情/评论/相关全宽并清除浮动；手机单列堆叠 */
.single-product div.product::after{content:"";display:table;clear:both}
.single-product div.product .woocommerce-product-gallery{width:48%;float:left;margin-bottom:18px}
.single-product div.product .summary.entry-summary{width:48%;float:right;margin-bottom:18px}
.single-product div.product .woocommerce-tabs,
.single-product div.product .yc-reviews,
.single-product div.product .related,
.single-product div.product .up-sells,
.single-product div.product .woocommerce-product-gallery + .yc-reviews{clear:both;float:none;width:100%}
.yc-reviews__list{grid-template-columns:1fr 1fr}
.single-product div.product .related.products ul.products{margin-top:10px}
@media (max-width:767px){
  .single-product div.product .woocommerce-product-gallery,
  .single-product div.product .summary.entry-summary{width:100%;float:none}
  .yc-reviews__list{grid-template-columns:1fr}
}

/* ===== Footer ===== */
.yt-footer{background:var(--yt-primary);color:#cfd8d2;padding:30px 16px 26px;margin-top:24px}
.yt-footer__cols{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:1200px;margin:0 auto 18px}
.yt-footer h4{color:#fff;font-size:13px;margin:0 0 9px;font-family:Inter;font-weight:800}
.yt-footer a{display:block;font-size:12.5px;padding:3px 0;color:#bcc8c1}
.yt-footer__pays{display:flex;gap:7px;margin:10px 0}
.yt-footer__pays span{background:#fff;color:#15211c;border-radius:5px;font-size:10px;font-weight:900;padding:4px 7px}
.yt-footer__cr{border-top:1px solid rgba(255,255,255,.15);padding-top:14px;font-size:11.5px;text-align:center;max-width:1200px;margin:0 auto}

/* ===== Desktop ===== */
@media (min-width:768px){
  .yt-cats{grid-template-columns:repeat(4,1fr)}
  .yt-hero{min-height:520px}
  .woocommerce ul.products,.woocommerce-page ul.products{grid-template-columns:repeat(4,1fr);gap:18px}
  .yt-footer__cols{grid-template-columns:2fr 1fr 1fr 1fr}
}
@media (min-width:980px){
  .yt-burger{display:none}
  .yt-nav{display:flex}
  .yt-logo{flex:none;justify-content:flex-start}
  .yt-search{display:none}
}
/* leave space for plugin's mobile bottom nav */
@media (max-width:767px){ body{padding-bottom:60px} }

/* ================= v7 refinements ================= */
/* 头部:已无小图标;移动端 Logo 居中(汉堡绝对定位左侧),平衡干净 */
.yt-header__bar{gap:14px}
@media (max-width:979px){
  .yt-header__bar{position:relative;justify-content:center}
  .yt-burger{position:absolute;left:16px;top:50%;transform:translateY(-50%);margin:0}
  .yt-logo{flex:none;justify-content:center;margin:0}
}

/* 抽屉:货币/语言区 */
.yt-drawer__region{padding:6px 18px 16px;display:flex;flex-direction:column;gap:9px}
.yt-drawer__region span{font-size:14px;color:#2c3631;font-weight:600}
.yt-drawer__region strong{color:var(--yt-primary)}
.yt-drawer__region small{color:var(--yt-muted);font-size:11px;font-weight:500}

/* 顶栏:把货币切换做成可点 pill(若多币种插件输出在顶栏) */
.yt-topbar .wcml-dropdown,.yt-topbar .wmc-currency-wrapper,.yt-topbar select{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3);border-radius:8px;color:#fff;padding:2px 8px;font-weight:700}

/* 商品卡:压缩高度、更协调;手机端不显每卡按钮(整卡可点进详情) */
.woocommerce ul.products li.product .woocommerce-loop-product__title,.woocommerce ul.products li.product h2{min-height:2.9em;line-height:1.4;font-size:13px !important;margin:0 0 5px !important;padding:10px 11px 2px !important}
.woocommerce ul.products li.product .price{font-size:15px;padding:0 11px}
.woocommerce ul.products li.product .yc-card-sp{padding:4px 11px 0;margin:3px 0 2px}
@media (max-width:767px){
  .woocommerce ul.products li.product .button,.woocommerce ul.products li.product .added_to_cart{display:none !important}
  .woocommerce ul.products li.product{padding-bottom:12px}
  .yt-cats{gap:10px}
}

/* 首页板块:配色与分隔更协调 */
.yt-sec{padding:22px 16px}
.yt-bestsec{background:var(--yt-bg);border-radius:18px;margin:14px 12px;padding:18px 14px;max-width:none}
.yt-social{background:linear-gradient(120deg,var(--yt-primary-2),var(--yt-primary));color:#e7efe9;border:0;margin:16px 12px 0;max-width:none}
.yt-social strong{color:#fff}
.yt-trust{margin:14px 12px 0;max-width:none}
.yt-flash{letter-spacing:.2px}

/* 商品页:精简、协调 */
.single-product div.product{padding:16px 14px 26px}
.single-product .product_title{font-size:23px;margin:8px 0 8px}
.single-product .yc-pp-urgency{margin:10px 0;padding:9px 12px}
.single-product .yc-pp-trust{gap:7px;margin:12px 0}
.single-product .yc-pp-trust li{flex:1 1 44%;justify-content:center}
.single-product .product_meta{font-size:11.5px;color:var(--yt-muted);margin-top:10px}
.single-product .product_meta a{color:var(--yt-muted)}
/* 图库缩略图轨道:清晰可点 */
.single-product .flex-control-thumbs{display:flex !important;gap:8px;margin-top:10px;padding:0;list-style:none;flex-wrap:wrap}
.single-product .flex-control-thumbs li{width:60px !important;margin:0 !important}
.single-product .flex-control-thumbs img{border:2px solid var(--yt-line);border-radius:10px;opacity:.85;cursor:pointer}
.single-product .flex-control-thumbs img.flex-active{border-color:var(--yt-primary);opacity:1}
.single-product .woocommerce-product-gallery__image img{border-radius:14px}
/* 变体:色板/下拉更美观 */
.single-product .variations{margin:6px 0 12px}
.single-product .variations th.label{font-weight:800;font-size:12.5px;color:#3f4a43;padding:6px 10px 6px 0;width:auto}
.single-product .variations td.value select{border:1.5px solid var(--yt-line);border-radius:10px;padding:10px 12px;font-size:13.5px;min-width:160px;background:#fff}
.single-product .reset_variations{font-size:11.5px;color:var(--yt-muted)}
.single-product ul.variable-items-wrapper{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:6px 0;padding:0}
.single-product .variable-items-wrapper li{border:1.5px solid var(--yt-line);border-radius:10px;min-width:42px;min-height:42px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;cursor:pointer;overflow:hidden}
.single-product .variable-items-wrapper li.selected,.single-product .variable-items-wrapper li:hover{border-color:var(--yt-primary)}

/* ================= v8 ================= */
/* 分类有图:仅底部加渐变蒙版(顶部透出真实照片),标签清晰——2026高级做法,非整块暗化 */
.yt-cat.has-photo{background-size:cover;background-position:center}
.yt-cat.has-photo::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(to top,rgba(12,20,15,.66) 0%,rgba(12,20,15,.16) 46%,rgba(12,20,15,0) 76%)}
.yt-cat.has-photo .yt-cat__svg{display:none}
.yt-cat__lab em{display:block;font-style:normal;font-weight:600;font-size:11.5px;opacity:.92;margin-top:3px}
/* 商品详情区:标题 + 可读图文(导入的速卖通详情图会自适应) */
.single-product .woocommerce-tabs{margin-top:18px;clear:both}
.single-product .woocommerce-tabs ul.tabs{list-style:none;margin:0 0 12px;padding:0;display:flex;gap:8px;border-bottom:1px solid var(--yt-line)}
.single-product .woocommerce-tabs ul.tabs li{margin:0}
.single-product .woocommerce-tabs ul.tabs li a{display:inline-block;padding:8px 14px;font-weight:800;font-size:13.5px;color:var(--yt-muted);text-decoration:none}
.single-product .woocommerce-tabs ul.tabs li.active a{color:var(--yt-primary);border-bottom:2px solid var(--yt-primary)}
.single-product .woocommerce-Tabs-panel h2{font-family:Fraunces;font-size:18px;color:var(--yt-primary);margin:0 0 10px}
.single-product .woocommerce-Tabs-panel p{font-size:14.5px;line-height:1.75;color:#444;margin:0 0 14px}
.single-product .woocommerce-Tabs-panel img{max-width:100%!important;height:auto!important;border-radius:10px;margin:0 auto 12px;display:block}
/* Logo 容器(div,内含自带 a 的 custom-logo 或文字 a)——居中真正生效 */
.yt-logo__txt{display:flex;align-items:center;gap:9px;color:var(--yt-ink);text-decoration:none;font-family:'Fraunces';font-weight:700;font-size:21px}
.yt-logo .custom-logo,.yt-logo img{max-height:50px;width:auto;display:block}
.yt-logo .custom-logo-link{display:block;line-height:0}

/* ================= v9 — 分类归档页(PLP) + 分类瓦片桌面端回退 ================= */
/* 隐藏 WooCommerce 默认标题/描述 与 旧插件 archive-hero(去重复标题)，改用主题品牌头部 */
.yt-woo .woocommerce-products-header,.yt-woo>h1.page-title,.yt-woo>.term-description,.yt-woo .yc-archive-hero{display:none!important}
.yt-plp-head{margin:2px 0 16px;text-align:center}
.yt-crumb{font-size:12.5px;color:var(--yt-muted);margin-bottom:12px;line-height:1.5}
.yt-crumb a{color:var(--yt-muted)}
.yt-crumb a:hover{color:var(--yt-primary)}
.yt-crumb span{opacity:.45;margin:0 3px}
.yt-plp-head__main{max-width:640px;margin:0 auto}
.yt-plp-head__ic{display:inline-grid;place-items:center;width:46px;height:46px;border-radius:14px;background:linear-gradient(150deg,var(--yt-primary-2),var(--yt-primary));color:#fff;margin:0 auto 10px;box-shadow:0 8px 18px rgba(31,61,50,.18)}
.yt-plp-head__ic svg{width:23px;height:23px}
.yt-plp-title{font-family:Fraunces;font-size:27px;line-height:1.1;color:var(--yt-primary);margin:0 0 7px}
.yt-plp-desc{font-size:13.5px;color:#5c655e;max-width:520px;line-height:1.5;margin:0 auto}
.yt-plp-desc p{margin:0}
/* 跨境信任条:3列紧凑一行,不换行 */
.yt-plp-trust{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:11px 0;border-top:1px solid var(--yt-line);border-bottom:1px solid var(--yt-line);margin:14px 0;font-size:11px;font-weight:600;color:#46514a}
.yt-plp-trust span{display:flex;flex-direction:column;align-items:center;gap:3px;text-align:center;line-height:1.2}
.yt-plp-trust i{font-style:normal;font-size:17px}
.yt-chips{justify-content:flex-start}
/* 同级分类横滑 chips(分类间快速跳转，不离开页面) */
.yt-chips{display:flex;gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;padding:1px 0 12px;margin:0;scrollbar-width:none}
.yt-chips::-webkit-scrollbar{display:none}
.yt-chip{flex:0 0 auto;scroll-snap-align:start;padding:8px 15px;border-radius:999px;border:1px solid var(--yt-line);background:#fff;font-size:13.5px;font-weight:600;color:#3f4a43;white-space:nowrap;transition:.15s;text-decoration:none}
.yt-chip:hover{border-color:var(--yt-primary);color:var(--yt-primary)}
.yt-chip.is-active{background:var(--yt-primary);border-color:var(--yt-primary);color:#fff}
/* 结果数 + 排序 栏 */
.yt-sortbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:2px 0 14px;flex-wrap:wrap}
.yt-sortbar .woocommerce-result-count{margin:0;font-size:13px;color:var(--yt-muted)}
.yt-sortbar form.woocommerce-ordering{margin:0}
.yt-sortbar select,.yt-woo .woocommerce-ordering select{font-family:inherit;font-size:13.5px;padding:9px 14px;border:1px solid var(--yt-line);border-radius:10px;background:#fff;color:var(--yt-ink);max-width:230px}
.yt-woo ul.products{margin-top:2px;clear:both}
/* 桌面端(≥980)分类瓦片回退为均匀网格，特色/横幅块不跨列、不放大 */
@media(min-width:980px){
  .yt-cat--feature,.yt-cat--wide{grid-column:auto;aspect-ratio:1/1;min-height:0}
  .yt-cat--feature .yt-cat__lab{font-size:15.5px}
  .yt-cat--feature .yt-cat__svg{width:30px;height:30px;right:12px;top:12px}
}
/* 抽屉分类(支持二级展开 + View all)——分类扩展时优雅承载 */
.yt-drawer__cat{font-weight:700!important;color:var(--yt-ink)!important}
.yt-drawer__sub{display:flex;flex-direction:column;padding:2px 0 6px;margin:0 0 4px 16px;border-left:2px solid var(--yt-line)}
.yt-drawer__sub a{padding:7px 14px!important;font-size:13.5px!important}
.yt-drawer__all{color:var(--yt-accent)!important;font-weight:700!important}
.yt-drawer__shopall{color:var(--yt-primary)!important;font-weight:700!important}

/* ================= v10 · 设计升级(去平庸:层次/排版/卡片/动效) ================= */
/* 1) 彻底修复商品卡标题第二行裁切:强制 webkit-box(line-clamp 生效)+固定两行高度 */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2.woocommerce-loop-product__title{
  display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;line-clamp:2!important;
  /* 固定恰好两行高度(2 行文字 2.8em + 顶部内边距 10px,border-box)。
     某些 Chromium 下 -webkit-box 不生效=line-clamp 失效,故用硬高度上限兜底:超出第二行一律裁掉,卡片高度统一。
     原值 3.9em≈2.78 行→第三行露头、卡片过高,这里改成精确两行。 */
  line-height:1.4!important;box-sizing:border-box!important;
  min-height:calc(2.8em + 10px)!important;max-height:calc(2.8em + 10px)!important;height:calc(2.8em + 10px)!important;overflow:hidden!important;
  padding:10px 12px 0!important;white-space:normal!important;font-size:13.5px!important;color:var(--yt-ink)}
/* 2) eyebrow(小号大写宽字距,赤陶)——每个板块标题上方,瞬间高级 */
.yt-eyebrow{display:block;font-family:'Inter';font-weight:600;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--yt-accent);margin:0 0 6px}
/* 3) 标题负字距+层级 */
.yt-hero__title{letter-spacing:-.03em}
.yt-shead h2{letter-spacing:-.02em;font-size:25px}
.yt-plp-title{letter-spacing:-.02em}
/* 4) 板块底色节奏(手机端全宽生效)+间距加大 */
.yt-sec{padding-top:44px;padding-bottom:44px}
.yt-sec--tint{background:#EFEBE2}
.yt-sec--light{background:#FBFAF7}
/* 5) 深绿"品牌故事"特色区——整站层次锚点(暖白字+赤陶 eyebrow) */
.yt-story{background:linear-gradient(165deg,var(--yt-primary-2),color-mix(in srgb, var(--yt-primary) 60%, #000));color:#F1ECE2;padding:60px 22px;text-align:center}
.yt-story__inner{max-width:620px;margin:0 auto}
.yt-story .yt-eyebrow{color:var(--yt-accent-2)}
.yt-story h2{font-family:Fraunces;font-size:28px;line-height:1.15;letter-spacing:-.02em;color:#fff;margin:0 0 12px}
.yt-story p{font-size:15px;line-height:1.7;color:#cfdbd3;margin:0 auto 22px;max-width:520px}
.yt-story__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;border-top:1px solid rgba(255,255,255,.14);padding-top:20px}
.yt-story__stats b{display:block;font-family:Fraunces;font-size:23px;color:#fff;line-height:1}
.yt-story__stats span{display:block;font-size:11.5px;color:#aebfb5;margin-top:5px;letter-spacing:.02em}
/* 6) 商品卡:hairline 边(替阴影)+轻提升+图片 hover 放大(2026 高级做法) */
.woocommerce ul.products li.product{border:1px solid rgba(31,61,50,.09)!important;box-shadow:none!important;transition:border-color .2s ease,transform .2s ease}
.woocommerce ul.products li.product .woocommerce-LoopProduct-link{display:block;overflow:hidden}
.woocommerce ul.products li.product img{transition:transform .55s cubic-bezier(.2,.6,.2,1)}
@media(hover:hover){.woocommerce ul.products li.product:hover{border-color:rgba(31,61,50,.2)!important;transform:translateY(-2px)}.woocommerce ul.products li.product:hover img{transform:scale(1.05)}}
/* 7) 按钮微交互(更有质感) */
.yt-btn{transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}
.yt-btn:active{transform:translateY(1px) scale(.99)}
@media(hover:hover){.yt-btn:hover{filter:brightness(.96);box-shadow:0 10px 22px rgba(181,110,59,.4)}}
/* 8) 内容始终即时可见(已去除滚动渐入:在快速滚动时会闪现空白,对母版稳健性不利)。
 * 质感来自静态层次(板块底色节奏/深绿故事区/排版)+ hover/按压微交互,稳健零风险。 */

/* ================= v11 · 可扩展:分类横滑rail + 图库缩略图横滑 + 数量加减 ================= */
/* 1) 首页分类:手机端改横滑 rail(scroll-snap+peek),3个或30个分类都优雅,可滑动 */
@media(max-width:767px){
  .yt-cats{display:flex!important;gap:12px;overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:6px;margin-right:-16px;padding-right:16px}
  .yt-cats::-webkit-scrollbar{display:none}
  .yt-cats>.yt-cat{flex:0 0 47%;scroll-snap-align:start;aspect-ratio:4/5}
  .yt-cat--feature,.yt-cat--wide{flex:0 0 47%!important;aspect-ratio:4/5!important;grid-column:auto!important;min-height:0!important}
  .yt-cat--feature .yt-cat__lab{font-size:15.5px!important}
  .yt-cat--feature .yt-cat__svg{width:30px!important;height:30px!important;right:12px!important;top:12px!important}
}
/* 2) 商品图库缩略图:单行横滑(nowrap+overflow-x),10+张可滑动点击,不再换行堆叠多行 */
.single-product .vargal-control-nav,.single-product .flex-control-thumbs{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;gap:8px;scrollbar-width:none;margin-top:10px}
.single-product .vargal-control-nav::-webkit-scrollbar,.single-product .flex-control-thumbs::-webkit-scrollbar{display:none}
.single-product .vargal-control-nav>*,.single-product .flex-control-thumbs>li{flex:0 0 72px!important;scroll-snap-align:start;margin:0!important}
.single-product .vargal-control-nav-wrap{overflow:hidden}
/* 3) 数量 −/+ 加减器(手机端易点) */
.quantity{display:inline-flex!important;align-items:center;border:1px solid var(--yt-line);border-radius:10px;overflow:hidden;background:#fff}
.quantity input.qty{width:46px!important;min-width:46px;text-align:center;border:0!important;background:none;box-shadow:none!important;height:44px;font-size:15px;font-weight:700;color:var(--yt-ink);-moz-appearance:textfield;padding:0!important}
.quantity input.qty::-webkit-outer-spin-button,.quantity input.qty::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.yt-qtybtn{width:42px;height:44px;border:0;background:var(--yt-bg);color:var(--yt-ink);font-size:20px;font-weight:700;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.yt-qtybtn:active{background:var(--yt-line)}

/* ================= v11 · 迁移站精修(分类图/标题/描述去重与配色统一) ================= */
/* 商品描述:统一文字配色,中和 ALD 导入内容里的内联杂色/底色,跟随品牌墨色;标题用品牌主色。 */
.woocommerce-Tabs-panel--description,#tab-description,.woocommerce-Tabs-panel--description :where(p,li,span,strong,em,b,td,div,font,a:not(.button)),#tab-description :where(p,li,span,strong,em,b,td,div,font,a:not(.button)){color:var(--yt-ink)!important;background-color:transparent!important}
.woocommerce-Tabs-panel--description :where(h1,h2,h3,h4),#tab-description :where(h1,h2,h3,h4){color:var(--yt-primary)!important}