/* CHUGET procurement experience. Original black/gold identity preserved. */
:root{--header-height:112px;--muted:#b5b5b5;--ux-surface:#141414;--ux-border:#343434}
[hidden]{display:none!important}
html{scroll-padding-top:calc(var(--header-height) + 20px)}
body{overflow-x:clip;font-size:16px}
:focus-visible{outline:2px solid #f7e7a6!important;outline-offset:4px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.skip-link{position:fixed;left:16px;top:-100px;z-index:20000;padding:12px 18px;background:#f7e7a6;color:#111}
.skip-link:focus{top:12px}
.head{height:auto;min-height:104px;position:sticky!important;top:0;background:rgba(0,0,0,.97)}
.head .home-box{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:16px 24px}
.head .logo{float:none;margin:0;width:210px;height:auto;flex-shrink:0}
.head .logo img{width:210px;height:auto;margin:0;max-height:none}
.head .navs{float:none;height:auto;min-width:0}
.h_nav{margin:0 0 8px;display:flex;justify-content:flex-end;align-items:center;gap:16px;height:auto}
.header-search{display:flex;gap:0;align-items:stretch}
.header-search input{width:210px;min-width:0;padding:7px 10px;border:1px solid #515151;background:#171717;color:#fff;border-radius:3px 0 0 3px;font:inherit;font-size:13px}
.header-search button{padding:7px 14px;border:1px solid #d4af37;background:#d4af37;color:#111;font:inherit;font-size:13px;cursor:pointer}
.shop-link{font-size:13px;color:#f7e7a6}
.nav{margin:0}
.nav .nav-in ul{display:flex;float:none;align-items:center;gap:18px;list-style:none}
.nav .nav-in ul li{float:none;margin:0;position:relative}
.nav .nav-in ul li a{font-size:14px;line-height:32px;padding:0}
.nav-group>summary{list-style:none;cursor:pointer;font-size:14px;line-height:32px;white-space:nowrap}
.nav-group>summary::-webkit-details-marker{display:none}
.nav-group>summary::after{content:'⌄';margin-left:6px;color:#d4af37}
.nav-dropdown{position:absolute;top:100%;right:0;min-width:172px;padding:10px 14px;border:1px solid #45402c;background:#121212;box-shadow:0 12px 30px #0009}
.nav-dropdown a{display:block;white-space:nowrap;padding:5px 0!important;color:#d5d5d5}
.nav-dropdown a:hover,.nav-dropdown a[aria-current]{color:#f7e7a6}
.banner-text{padding-right:80px}
.banner-text h1{filter:none!important;opacity:1!important;transform:none!important}
.hero-secondary{display:inline-block;margin-left:20px;padding:12px 4px;color:#f7e7a6;font-size:15px;border-bottom:1px solid #746432}
.float-consult{writing-mode:horizontal-tb;top:auto;bottom:28px;right:28px;width:auto;padding:10px 16px;font-size:14px;letter-spacing:0;border-radius:4px}
.float-consult::before{display:none}
.btn-gold,.scroll-progress,.gold-text{animation:none!important}
.reveal,.js-reveal .reveal,.js-reveal .reveal-text{opacity:1!important;transform:none!important;filter:none!important;transition:none!important}
.filters{display:flex;align-items:flex-end;flex-wrap:wrap;gap:12px;padding:20px;background:var(--ux-surface);border:1px solid var(--ux-border);margin:24px 0 12px;border-radius:6px}
.filters label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:#ccc;min-width:140px}
.filters label:first-child{flex:1;min-width:200px}
.filters input,.filters select{border:1px solid #575757;background:#080808;color:#fff;padding:10px 12px;font:inherit;font-size:15px;min-height:44px;border-radius:3px;width:100%}
.filters button,.button-secondary{display:inline-flex;justify-content:center;align-items:center;min-height:44px;padding:9px 18px;border:1px solid #d4af37;background:#d4af37;color:#111;border-radius:4px;cursor:pointer;font:inherit;font-size:14px}
.button-secondary,.filters .button-secondary{background:transparent;color:#f7e7a6;border-color:#746432}
#catalogStatus,#listStatus{color:#ccc;font-size:14px;margin:12px 0 20px}
.empty-state{padding:28px;border:1px dashed #5c543b;border-radius:4px;color:#ccc}
.plist{gap:20px;align-items:stretch}
.plist li{min-width:0;overflow:hidden;background:#111;border:1px solid #333;border-radius:6px}
.plist li>a{display:flex;flex-direction:column;height:100%;padding:0}
.plist li>a>img{width:100%;height:220px;object-fit:contain;background:#f3f3f3;padding:14px}
.product-card-body{padding:18px;display:flex;flex-direction:column;gap:8px}
.product-card-body h3{font-size:18px;line-height:1.5}
.product-card-body p{font-size:13px;color:#bbb;overflow-wrap:anywhere}
.product-category{font-size:12px;color:#d4af37}
.card-next{font-size:13px;color:#f7e7a6;margin-top:8px}
.product-actions{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0 12px}
.product-actions .btn-gold{border-radius:4px;min-height:44px;padding:10px 20px}
.product-spec-note{font-size:13px;color:#bbb;margin-bottom:20px}
.product-jump{display:flex;gap:16px;margin:16px 0;font-size:14px;color:#f7e7a6}
.pd-media{top:calc(var(--header-height) + 20px)}
.pd-info h1{font-size:clamp(24px,3vw,36px);line-height:1.4}
.table-scroll{overflow-x:auto;max-width:100%;margin:12px 0;overscroll-behavior-inline:contain}
.table-scroll .tbl{margin:0;width:100%;min-width:480px;table-layout:auto}
.art-toc{top:calc(var(--header-height) + 20px);max-height:calc(100vh - var(--header-height) - 48px)}
.art-article h2.art-h2,.news-detail h2.art-h2,.art-article h3.art-h3,.pgallery{scroll-margin-top:calc(var(--header-height) + 20px)}
.pagination{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:32px 0}
.pagination a{display:flex;align-items:center;justify-content:center;min-width:44px;height:44px;border:1px solid #65582f;color:#eee;border-radius:4px}
.pagination a[aria-current]{background:#d4af37;color:#111}
.art-card,.news-item{min-width:0}
.art-card{border-radius:5px}
.news-item{padding:24px 0}
.review-grid{column-count:3;column-gap:20px}
.review-card{break-inside:avoid;margin-bottom:20px}
.review-card .rc-text{font-size:14px;color:#dedede}
.case-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;max-width:1200px;margin:0 auto;padding:24px 16px}
.case-grid .case-card{width:auto;max-width:100%;flex:none;transform:none!important}
.case-video,.fv-card video{aspect-ratio:16/9;object-fit:contain;background:#151515}
.rc-video{width:100%;min-height:140px;object-fit:contain}
.rc-play{display:none}
.vcard{cursor:pointer}
.vcard video{pointer-events:none;aspect-ratio:16/9;object-fit:contain}
.media-status{display:block;font-size:13px;color:#ddd;line-height:1.6;margin-top:4px}
.media-status:empty{display:none}
.media-status+button{font:inherit;font-size:13px;padding:6px 12px;color:#f7e7a6;border:1px solid #746432;background:#141414;margin-top:6px;cursor:pointer}
.hero-video+.media-status{position:absolute;bottom:12px;left:16px;z-index:3}
.hero-video~button{position:absolute;bottom:12px;left:16px;z-index:4}
.media-dialog{margin:auto;background:#101010;color:#fff;border:1px solid #615431;border-radius:8px;padding:28px;max-width:94vw;max-height:94vh;width:min(960px,94vw);overflow:auto}
.media-dialog::backdrop{background:#000d}
.dialog-content{display:flex;flex-direction:column;align-items:center;gap:14px}
.dialog-content img,.dialog-content video{max-width:100%;max-height:72vh;object-fit:contain;height:auto}
.dialog-content a{color:#f7e7a6;font-size:14px}
.dialog-close{position:absolute;right:8px;top:6px;min-width:44px;min-height:44px;background:#222;color:#fff;border:1px solid #777;border-radius:4px;font-size:25px;cursor:pointer;z-index:1}
.dialog-open{overflow:hidden}
.rc-img[role=button],.gitem img[role=button]{cursor:zoom-in}
@media(max-width:1100px){.head .home-box{gap:16px}.head .logo,.head .logo img{width:160px}.nav .nav-in ul{gap:12px}}
@media(max-width:900px){
 .head .home-box{padding:12px 16px;display:block}.head .logo{padding:0;text-align:left;justify-content:flex-start}.head .logo img{max-height:36px;width:auto}
 .head .navs{padding:0}.h_nav{justify-content:flex-start;margin:12px 0 0;gap:12px;flex-wrap:nowrap}.header-search{flex:1;min-width:0}.header-search input{width:100%}.shop-link{white-space:nowrap}
 .nav-toggle{display:flex;top:10px;right:16px;min-width:44px;min-height:44px}
 .nav .nav-in ul{display:none;position:absolute;top:100%;left:0;right:0;background:#111;max-height:calc(100dvh - var(--header-height));overflow-y:auto;flex-direction:column;align-items:stretch;gap:0;padding:8px 20px 20px;border-bottom:1px solid #5c543b}
 .nav .nav-in ul.open{display:flex}.nav .nav-in ul li a,.nav-group>summary{display:block;line-height:44px;border-bottom:1px solid #303030;font-size:15px;padding:0}
 .nav-dropdown{position:static;border:0;box-shadow:none;padding:0 12px;background:#191919}.nav-dropdown a{white-space:normal;line-height:42px!important}
 .banner-text{padding-right:0;width:calc(100% - 32px);left:16px}.banner-text .hero-secondary{margin-left:14px;font-size:14px}
 .review-grid{column-count:2}.case-grid{grid-template-columns:1fr}
}
@media(max-width:600px){
 .filters{padding:14px;gap:10px}.filters label{flex:1;min-width:120px}.filters label:first-child{flex-basis:100%}.filters button{flex:1}
 .plist{grid-template-columns:1fr!important}.plist li>a>img{height:220px}
 .review-grid{column-count:1}.art-grid{grid-template-columns:1fr}.art-card h3{font-size:19px}
 .pd-grid{display:block}.pd-media{position:static}.pd-info{margin-top:20px}.product-actions>a{flex:1;min-width:140px}
 .banner{height:440px}.banner-text{top:60%;transform:translateY(-50%)}.banner-text h1{font-size:30px}.hero-cta{padding:10px 16px}
 .float-consult{display:none}.hero-secondary{margin-left:12px;font-size:13px!important}
 .foot_bet{gap:12px}.foot_betItem{flex-basis:calc(50% - 12px)}
 .media-dialog{padding:24px 12px 18px}.dialog-content{padding-top:20px}.mainTop-tit span{font-size:20px}
 .ggrid{grid-template-columns:repeat(2,minmax(0,1fr))}.vgrid{grid-template-columns:1fr}
 .banner-text .hero-cta,.hero-secondary{min-height:44px}.mt-card{min-width:0;width:calc(50% - 10px)}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.banner-text p{display:block;background:none;padding:0;font-size:16px;color:#ddd;margin:0 0 24px;letter-spacing:1px}
.home-categories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:32px auto}.home-categories a{display:block;background:#151515;border:1px solid #393939;padding:20px;border-radius:6px}.home-categories img{width:100%;height:190px;object-fit:contain;background:#eee;margin-bottom:16px}.home-categories h3{font-size:20px;margin-bottom:10px}.home-categories p{color:#bbb;font-size:14px;line-height:1.7}.home-procurement{padding:48px 20px}.home-procurement h2{font-size:32px;color:#d4af37}.home-procurement .scenario-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:30px}.home-procurement .scenario-card img{width:100%;height:180px;object-fit:contain}.home-procurement .scenario-card{background:#161616;border:1px solid #333;border-radius:6px;overflow:hidden}.home-procurement .body{padding:20px}.home-procurement .body p{color:#bbb;font-size:14px}
@media(max-width:768px){.home-categories,.home-procurement .scenario-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:450px){.home-categories,.home-procurement .scenario-grid{grid-template-columns:1fr}.banner-text p{font-size:14px}}