/*!
 * JINCHI GLOBAL B2B v2.6.0 — product detail page (Yorkers layout, blue).
 * Light theme. Primary #1A64B3, light #EAF4FF, #7EBDFD accent only.
 * Every product image: object-fit contain (never cropped).
 */
:root{--jc60-blue:#1A64B3;--jc60-blue-d:#14508f;--jc60-light:#EAF4FF;--jc60-accent:#7EBDFD;--jc60-ink:#0f2742;--jc60-text:#33475b;--jc60-muted:#5b6b7b;--jc60-line:#dde7f2;--jc60-grey:#f4f6f9}

/* ---------- Astra container: full width rows, our own grid inside ---------- */
.jc60-pdp #content>.ast-container{display:block;max-width:1320px;padding-left:20px;padding-right:20px}
.jc60-pdp #primary.jc60-main-area{width:100%;max-width:none;margin:0;padding:0;border:0;float:none}
.jc60-pdp #primary.jc60-main-area .site-main{margin:0}
.jc60-pdp .site-content{background:#fff}
.jc60-pdp .jc60-product,.woocommerce.jc60-pdp div.product.jc60-product{display:block;grid-template-columns:none;padding:32px 0 8px;width:auto;float:none}
.jc60-pdp .woocommerce-notices-wrapper:empty{display:none}

/* ---------- Low hero ---------- */
.jc60-band{background:#fff}
.jc60-hero{position:relative;overflow:hidden;min-height:250px;display:flex;align-items:center;justify-content:center;text-align:center;background:linear-gradient(180deg,#f4f9ff 0%,var(--jc60-light) 100%)}
.jc60-hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,var(--jc60-blue) 0 22%,var(--jc60-accent) 22% 30%,transparent 30%);z-index:2}
.jc60-hero__bg{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}
.jc60-hero__bg img{width:100%;height:100%;max-width:none;object-fit:contain;object-position:center;transform:scale(1.35);opacity:.16;filter:saturate(.6)}
.jc60-hero.has-photo::before{content:"";position:absolute;inset:0;z-index:1;background:radial-gradient(ellipse at center,rgba(255,255,255,.82) 0%,rgba(234,244,255,.55) 70%,rgba(234,244,255,.35) 100%)}
.jc60-hero__text{position:relative;z-index:3;padding-top:44px;padding-bottom:44px;max-width:900px}
.jc60 .jc60-hero__title{margin:0 0 12px;font-size:clamp(26px,3vw,38px);line-height:1.15;font-weight:600;color:var(--jc60-ink);letter-spacing:-.01em}
.jc60 .jc60-hero__lead{margin:0 auto;max-width:680px;font-size:clamp(15px,1.3vw,17px);line-height:1.55;color:var(--jc60-text)}
.jc60-crumbs{background:var(--jc60-light);border-bottom:1px solid var(--jc60-line);box-shadow:inset 3px 0 0 var(--jc60-blue)}
.jc60 .jc60-crumbs .jc50-crumbs__nav{color:var(--jc60-muted)}
.jc60 .jc60-crumbs .jc50-crumbs__nav [aria-current]{color:var(--jc60-ink);font-weight:600}

/* ---------- Three columns ---------- */
.jc60-layout{grid-template-columns:220px minmax(0,1fr);gap:36px}
.jc60-layout--noside{grid-template-columns:minmax(0,1fr)}
.jc60-side .jc50-side__item.is-current>a{background:var(--jc60-light)}
.jc60-top{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:40px;align-items:start;margin:0 0 36px}

/* Gallery */
.jc60-gallery{min-width:0}
.jc60-gallery__main{position:relative;aspect-ratio:1/1;background:#fff;border:1px solid var(--jc60-line);border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center}
.jc60-gallery__zoom{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:22px;box-sizing:border-box;cursor:zoom-in}
.jc60-gallery__main img,.jc60-gallery__img{width:100%!important;height:100%!important;max-width:100%;object-fit:contain!important;margin:0!important;transition:opacity .2s ease}
.jc60-gallery__img.is-loading{opacity:.35}
.jc60-badge{position:absolute;top:14px;left:14px;z-index:2;padding:4px 12px;border-radius:4px;background:var(--jc60-blue);color:#fff;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.jc60-thumbs{list-style:none;margin:12px 0 0;padding:2px 2px 6px;display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:thin}
.jc60-thumbs li{margin:0;flex:0 0 auto;scroll-snap-align:start}
.jc60 .jc60-thumb{display:flex;align-items:center;justify-content:center;width:78px;height:78px;padding:6px;box-sizing:border-box;border:1px solid var(--jc60-line);border-radius:8px;background:#fff;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}
.jc60 .jc60-thumb:hover{border-color:var(--jc60-accent);background:#fff}
.jc60 .jc60-thumb.is-active{border-color:var(--jc60-blue);box-shadow:0 0 0 1px var(--jc60-blue)}
.jc60 .jc60-thumb:focus-visible{outline:2px solid var(--jc60-accent);outline-offset:2px}
.jc60-thumb img{width:100%;height:100%;object-fit:contain;margin:0}

/* Info column */
.jc60-info{min-width:0}
.jc60 .jc60-info__cat{margin:0 0 8px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:700}
.jc60 .jc60-info__cat a{color:var(--jc60-blue);text-decoration:none}
.jc60 .jc60-info__title{margin:0 0 14px;font-size:clamp(24px,2.3vw,32px);line-height:1.18;font-weight:600;color:var(--jc60-ink)}
.jc60-info__short{margin:0 0 20px;color:var(--jc60-text);font-size:15.5px;line-height:1.6}
.jc60-info__short p{margin:0 0 .6em}
.jc60-info__short p:last-child{margin:0}
.jc60-spec{margin:0 0 20px;padding:18px 20px;border-radius:10px;background:var(--jc60-grey);border:1px solid #e8edf3}
.jc60 .jc60-spec__title{margin:0 0 10px;font-size:13px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:var(--jc60-ink)}
.jc60-spec__list{margin:0;padding:0}
.jc60-spec__row{display:grid;grid-template-columns:118px minmax(0,1fr);gap:12px;padding:8px 0;border-bottom:1px solid #e3e9f0;font-size:14.5px;line-height:1.45}
.jc60-spec__row:last-child{border-bottom:0}
.jc60-spec__row dt{margin:0;color:var(--jc60-muted);font-weight:500}
.jc60-spec__row dd{margin:0;color:var(--jc60-ink);font-weight:600;overflow-wrap:anywhere}
.jc60-spec__tiers{margin-top:12px}
.jc60-spec__tiers table{width:100%;margin:0;background:#fff;border-radius:8px;overflow:hidden}
.jc60-spec__tiers .jc-tiers caption{display:table-caption;caption-side:top;padding:0 0 6px;text-align:left}
.jc60-spec__tiers .jc-tiers caption span{display:inline-block;margin-right:10px}
.jc60-spec__tiers .jc-tiers caption .jc-tiers__hint{text-transform:none;letter-spacing:0;font-weight:400}
.jc60-spec__tiers .jc-tiers th{white-space:nowrap}
.jc60-spec__tiers .jc-tiers{background:transparent}
.jc60-spec__tiers .jc-tiers thead,.jc60-spec__tiers .jc-tiers tbody{background:#fff}
.jc60-actions{display:flex;flex-direction:column;gap:10px}
.jc60 .jc60-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:50px;padding:0 22px;box-sizing:border-box;border-radius:8px;border:1px solid var(--jc60-blue);font-size:16px;font-weight:600;text-decoration:none;transition:background .2s ease,color .2s ease,transform .2s ease}
.jc60 .jc60-btn--main{background:var(--jc60-blue);color:#fff}
.jc60 .jc60-btn--main:hover,.jc60 .jc60-btn--main:focus-visible{background:var(--jc60-blue-d);color:#fff;transform:translateY(-1px)}
.jc60 .jc60-btn--back,.jc60 .jc60-btn--outline{background:#fff;color:var(--jc60-blue)}
.jc60 .jc60-btn--back:hover,.jc60 .jc60-btn--outline:hover{background:var(--jc60-light);color:var(--jc60-blue)}
.jc60 .jc60-btn--outline{display:inline-flex;width:auto}

/* ---------- Description card ---------- */
.jc60-card{margin:0 0 28px;padding:32px 36px;background:#fff;border:1px solid var(--jc60-line);border-radius:12px;box-shadow:0 6px 22px rgba(15,39,66,.04)}
.jc60 .jc60-h2{margin:0 0 18px;font-size:clamp(22px,2vw,28px);line-height:1.2;font-weight:600;color:var(--jc60-ink)}
.jc60 .jc60-h3{margin:0 0 8px;font-size:19px;line-height:1.3;font-weight:600;color:var(--jc60-ink)}
.jc60-desc__intro{color:var(--jc60-text);font-size:16px;line-height:1.7}
.jc60-desc__intro img{max-width:100%;height:auto;object-fit:contain}
.jc60-desc__intro>:last-child{margin-bottom:0}
.jc60-scene{margin:26px 0;background:#f6f9fc;border-radius:10px;overflow:hidden;display:flex;justify-content:center}
.jc60-scene img{width:100%;height:auto;max-height:620px;object-fit:contain;margin:0;display:block}
.jc60-models{margin:26px 0}
.jc60-tablewrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--jc60-line);border-radius:10px}
.jc60-tablewrap:focus-visible{outline:2px solid var(--jc60-accent);outline-offset:2px}
.jc60 .jc60-table{width:100%;margin:0;border:0;border-collapse:collapse;font-size:14.5px}
.jc60 .jc60-table th{background:var(--jc60-blue);color:#fff;font-weight:600;text-align:left;padding:11px 14px;border:0;white-space:nowrap}
.jc60 .jc60-table td{padding:10px 14px;border:0;border-top:1px solid var(--jc60-line);color:var(--jc60-ink);white-space:nowrap}
.jc60 .jc60-table tbody tr:nth-child(even) td{background:#f7faff}
.jc60-secs{display:grid;gap:22px;margin-top:26px}
.jc60-sec{padding-left:16px;border-left:3px solid var(--jc60-blue)}
.jc60-sec p{margin:0 0 .6em;color:var(--jc60-text);line-height:1.65}
.jc60-sec p:last-child{margin:0}
.jc60-pdf{margin:24px 0 0}

/* FAQ (flat) */
.jc60-faq__item{padding:16px 0;border-top:1px solid var(--jc60-line)}
.jc60-faq__item:first-of-type{border-top:0;padding-top:0}
.jc60 .jc60-faq__q{margin:0 0 6px;font-size:17px;line-height:1.35;font-weight:600;color:var(--jc60-ink)}
.jc60-faq__a p{margin:0 0 .5em;color:var(--jc60-text);line-height:1.6}
.jc60-faq__a p:last-child{margin:0}

/* Trust cards */
.jc60-trust{list-style:none;margin:0 0 18px;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.jc60-trust__item{margin:0;padding:20px;background:var(--jc60-light);border-radius:12px;border:1px solid #d6e8fb}
.jc60-trust__icon{display:block;color:var(--jc60-blue);margin:0 0 10px}
.jc60 .jc60-trust__t{margin:0 0 4px;font-size:16px;font-weight:600;color:var(--jc60-ink);line-height:1.3}
.jc60 .jc60-trust__d{margin:0;font-size:14px;line-height:1.5;color:var(--jc60-text)}
.jc60 .jc60-disclaimer{margin:0 0 32px;font-size:13px;line-height:1.5;color:var(--jc60-muted)}

/* Related (v2.5.0 cards) */
.jc60-related{margin:0 0 40px}
.jc60-related ul.products{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:22px;margin:0!important;padding:0}

/* ---------- Quote pop-up ---------- */
.jc60-pop{width:min(620px,calc(100vw - 32px));max-height:calc(100vh - 40px);padding:0;border:0;border-radius:14px;box-shadow:0 30px 80px rgba(15,39,66,.28);color:var(--jc60-text)}
.jc60-pop::backdrop{background:rgba(15,39,66,.45)}
.jc60-pop__box{position:relative;padding:28px 28px 24px}
.jc60 .jc60-pop__x{position:absolute;top:10px;right:10px;width:40px;height:40px;padding:0;border:0;border-radius:50%;background:#f1f5fa;color:var(--jc60-ink);font-size:24px;line-height:1;cursor:pointer}
.jc60 .jc60-pop__x:hover{background:var(--jc60-light);color:var(--jc60-blue)}
.jc60 .jc60-pop__title{margin:0 44px 6px 0;font-size:22px;font-weight:600;color:var(--jc60-ink)}
.jc60 .jc60-pop__product{display:inline-block;margin:0 0 10px;padding:4px 12px;border-radius:999px;background:var(--jc60-light);color:var(--jc60-blue);font-size:14px;font-weight:600}
.jc60 .jc60-pop__text{margin:0 0 14px;font-size:14.5px;line-height:1.5}
.jc60-pop__add{margin-top:14px;padding-top:14px;border-top:1px solid var(--jc60-line)}
.jc60-pop__add .jc-btn{width:100%;justify-content:center}
html.jc60-lock{overflow:hidden}

/* ---------- Tablet ---------- */
@media (max-width:1100px){
	.jc60-layout{grid-template-columns:200px minmax(0,1fr);gap:24px}
	.jc60-top{gap:26px}
	.jc60-spec__row{grid-template-columns:100px minmax(0,1fr)}
}
@media (max-width:1023px){
	.jc60-top{grid-template-columns:1fr}
	.jc60-gallery__main{max-width:560px;margin:0 auto}
	.jc60-thumbs{justify-content:center}
	.jc60-trust{grid-template-columns:repeat(2,minmax(0,1fr))}
	.jc60-related ul.products{grid-template-columns:repeat(2,minmax(0,1fr))!important}
	.jc60-related ul.products li.product:nth-child(3){display:none!important}
}

/* ---------- Phones: drawer, then gallery → info → description ---------- */
@media (max-width:767px){
	.jc60-pdp #content>.ast-container{padding-left:16px;padding-right:16px}
	.jc60-hero{min-height:190px}
	.jc60-hero__text{padding-top:28px;padding-bottom:28px}
	.jc60 .jc60-hero__title{font-size:23px}
	.jc60 .jc60-hero__lead{font-size:14.5px}
	.jc60-product{padding-top:16px}
	.jc60-layout{grid-template-columns:1fr;gap:16px}
	.jc60-top{gap:18px;margin-bottom:24px}
	.jc60-gallery__zoom{padding:12px}
	.jc60 .jc60-thumb{width:64px;height:64px}
	.jc60-thumbs{justify-content:flex-start}
	.jc60 .jc60-info__title{font-size:24px}
	.jc60-spec{padding:14px 14px}
	.jc60-spec__row{grid-template-columns:96px minmax(0,1fr);font-size:14px}
	.jc60-card{padding:22px 16px;border-radius:10px}
	.jc60-trust{grid-template-columns:1fr;gap:10px}
	.jc60-trust__item{display:grid;grid-template-columns:32px 1fr;gap:2px 12px;padding:14px 16px}
	.jc60-trust__icon{grid-row:span 2;margin:0}
	.jc60-related ul.products{grid-template-columns:1fr!important;gap:12px}
	.jc60-related ul.products li.product:nth-child(3){display:grid!important}
	.jc60-pop{width:100vw;max-width:100vw;max-height:100%;height:100%;margin:0;border-radius:0}
	.jc60-pop__box{padding:22px 16px 28px}
}

@media (prefers-reduced-motion:reduce){
	.jc60 *,.jc60 *::before,.jc60 *::after{transition:none!important;animation:none!important}
	.jc60 .jc60-btn:hover{transform:none!important}
	.jc60-thumbs{scroll-behavior:auto}
}
