/* WAN FENG product detail presentation */
body:has(.reference-detail){background:#f7f8f6;color:#26392f}
body:has(.reference-detail)>header{background:#fff;padding:18px max(28px,calc((100vw - 1280px)/2));border-color:#e7eae5}
.reference-detail{--detail-accent:#a17b40;--detail-ink:#213e32;background:#f7f8f6;color:#37423c;font:15px/1.75 Arial,"Microsoft YaHei",sans-serif;padding-bottom:64px}
.reference-detail .wrap{width:calc(100% - 64px);max-width:1280px;padding-left:0;padding-right:0}
.reference-detail .product-breadcrumb{padding-top:24px;padding-bottom:24px;color:#879087;font-size:12px;line-height:1.7}
.reference-detail .product-breadcrumb a{color:#536c5b}.reference-detail a:focus-visible,.reference-detail button:focus-visible{outline:2px solid #a17b40;outline-offset:4px}
.reference-detail .catalog-detail{background:#fff;border:1px solid #e8ece6;border-radius:12px;padding:30px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:46px;box-shadow:0 8px 32px #22362c04;align-items:start;margin-bottom:32px}
.reference-gallery{min-width:0}.reference-detail .catalog-main{border-radius:8px;overflow:hidden;background:#f5f5f1;border:1px solid #f0f0eb}.reference-detail .catalog-main img{width:100%;aspect-ratio:1;object-fit:contain;background:#fafaf8}
.reference-detail .catalog-thumbnails{gap:10px;padding:14px 0 0;scrollbar-width:thin;scrollbar-color:#c5cfbf #f5f5f1}
.reference-detail .catalog-thumb{border:1px solid #e5e9e2;border-radius:5px;flex:0 0 72px;padding:3px;background:#fff;transition:border-color .2s,box-shadow .2s}.reference-detail .catalog-thumb img{width:64px;height:64px;border-radius:3px}.reference-detail .catalog-thumb:hover,.reference-detail .catalog-thumb[aria-pressed=true]{border-color:#a17b40;box-shadow:0 0 0 1px #a17b40}
.reference-detail .catalog-copy{padding:6px 0 0;min-width:0}.reference-detail .catalog-copy:before{content:"CUSTOM PACKAGING COLLECTION";display:block;font-size:10px;font-weight:700;letter-spacing:2px;color:#a17b40;margin-bottom:16px}
.reference-detail .catalog-copy h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(26px,2.1vw,35px);line-height:1.25;letter-spacing:-.6px;font-weight:400;color:#213e32;margin:0 0 20px;padding:0 0 22px;border-bottom:1px solid #eceee8}
.reference-summary{color:#6a746d;font-size:14px;line-height:1.85;max-width:62ch}.reference-key-specs{margin:22px 0 26px}.reference-key-specs .catalog-specs{border:1px solid #e9ece6;border-radius:6px;overflow:hidden;border-collapse:separate;border-spacing:0}.reference-key-specs .catalog-specs th,.reference-key-specs .catalog-specs td{padding:10px 14px;border:0;border-bottom:1px solid #edf0e9;line-height:1.6;font-size:13px;overflow-wrap:anywhere}.reference-key-specs .catalog-specs th{width:30%;background:#f7f8f4;color:#506255;font-weight:600}.reference-key-specs .catalog-specs td{color:#70766f}.reference-key-specs .catalog-specs tr:last-child>*{border-bottom:0}
.reference-detail .reference-inquiry{border:1px solid #213e32!important;background:#213e32!important;color:#fff!important;border-radius:5px;padding:14px 32px!important;font-size:12px;font-weight:600;letter-spacing:1px;min-width:230px;transition:background .2s,transform .2s}.reference-detail .reference-inquiry:hover{background:#345b47!important;transform:translateY(-1px)}.reference-share{margin:24px 0 0;padding-top:16px;border-color:#eceee8;font-size:11px;color:#8a928a;letter-spacing:.2px}
.reference-detail .reference-description{background:#fff;border:1px solid #e5eae2;border-radius:10px;overflow:hidden;margin-top:0}.reference-tabs{background:#fff;border-bottom:1px solid #e7ebe3;gap:24px;padding:0 30px}.reference-tabs button{width:auto;min-width:160px;padding:20px 4px;font:600 14px Arial,sans-serif;border-top:0;border-bottom:3px solid transparent;color:#8a938a;letter-spacing:.1px}.reference-tabs button[aria-selected=true]{border-bottom-color:#a17b40;border-top:0;color:#213e32;background:white}
.reference-panel{padding:42px 48px;color:#626e64;line-height:1.85;overflow-wrap:anywhere}.reference-panel [style]{font-family:inherit!important;color:inherit!important}.reference-panel p{font-size:14px!important;line-height:1.85!important;color:#626e64!important;margin:12px 0 20px}.reference-panel h1,.reference-panel h2,.reference-panel h3,.reference-panel .head_title,.reference-panel .tit{font-family:Georgia,serif!important;letter-spacing:-.3px;color:#213e32!important;line-height:1.3}.reference-panel h2,.reference-panel .head_title{font-size:28px!important;margin:28px 0 24px}.reference-panel img{border-radius:6px;margin-left:auto;margin-right:auto}.reference-panel [data-detail]{margin:24px 0}.reference-panel .title-header{border:0;border-bottom:1px solid #e8ece4;margin:44px 0 28px;padding-bottom:14px;text-align:left}.reference-panel .title-header .title{background:none;padding:0;color:#213e32!important;font:400 27px/1.35 Georgia,serif}.reference-panel .thumbnail{background:#f8f9f5;border-radius:8px;padding:12px;height:100%}.reference-panel [class*=col-md-]{padding:10px}.reference-panel td,.reference-panel th{border-color:#e8ece4;font-size:14px;padding:14px}.reference-panel tr:nth-child(even){background:#f8f9f6}.reference-panel .black-line{display:none}
.reference-faq{margin:48px 0 0;padding-top:24px;border-top:1px solid #e9ece5}.reference-faq h2{text-align:left}.reference-faq details{padding:20px 0;border-bottom:1px solid #e9ece5}.reference-faq summary{list-style:none;display:flex;justify-content:space-between;gap:20px;font-weight:600;color:#3e5546;cursor:pointer;font-size:14px}.reference-faq summary:after{content:"+";color:#a17b40;font-size:20px;line-height:1}.reference-faq details[open] summary:after{content:"−"}.reference-faq details p{margin:14px 0 0;max-width:85ch}
.reference-detail .reference-related{padding-top:60px;padding-bottom:54px}.reference-related h2,.reference-contact h2{font:400 32px/1.3 Georgia,serif;color:#213e32;letter-spacing:-.5px;text-align:left;margin:0 0 28px}.reference-related .catalog-card{background:#fff;border:1px solid #e7ebe2;border-radius:8px;overflow:hidden;padding-bottom:16px;transition:box-shadow .2s,transform .2s}.reference-related .catalog-card:hover{box-shadow:0 8px 28px #213e3210;transform:translateY(-3px)}.reference-related .cardline{margin:16px 16px 8px}.reference-related .cardline h3{font:500 14px/1.55 Arial,sans-serif;color:#364f3f;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.reference-related .catalog-card>p{padding:0 16px;margin:0;color:#929b90;font-size:11px}
.reference-detail .reference-contact{background:#eef1e9;border:1px solid #e2e8db;padding:36px 40px 30px;border-radius:10px}.reference-contact h2{text-align:center;margin-bottom:8px}.reference-contact>p{font-size:14px;color:#75806f}.reference-inquiry-form{max-width:none;gap:16px;margin:24px 0 0}.reference-inquiry-form input,.reference-inquiry-form textarea{border:1px solid #dde4d6;background:#fff;border-radius:5px;padding:15px;font-size:13px;transition:border-color .2s}.reference-inquiry-form input:focus,.reference-inquiry-form textarea:focus{outline:0;border-color:#9caf91;box-shadow:0 0 0 3px #a6b89a20}.reference-inquiry-form button{background:#213e32;border:0;border-radius:5px;font-size:12px;letter-spacing:.7px;padding:14px 24px}.reference-inquiry-form .inquiry-local-status{margin:0;font-size:11px;color:#889080}
@media(min-width:1500px){.reference-detail .catalog-detail{padding:34px;gap:55px}}
@media(max-width:900px){.reference-detail .catalog-detail{padding:22px;gap:28px}.reference-panel{padding:30px}.reference-detail .catalog-copy h1{font-size:26px}.reference-detail .catalog-thumb{flex-basis:62px}.reference-detail .catalog-thumb img{width:54px;height:54px}}
@media(max-width:700px){.reference-detail .wrap{width:calc(100% - 28px)}.reference-detail .product-breadcrumb{padding-top:17px;padding-bottom:17px;font-size:11px}.reference-detail .catalog-detail{grid-template-columns:1fr;padding:16px;gap:26px;border-radius:8px}.reference-detail .catalog-copy{padding:0}.reference-detail .catalog-copy h1{font-size:28px}.reference-detail .reference-inquiry{width:100%}.reference-tabs{gap:20px;padding:0 20px}.reference-tabs button{min-width:0;width:auto;font-size:13px;padding:18px 0}.reference-panel{padding:22px 18px}.reference-panel .title-header .title{font-size:23px}.reference-panel [class*=col-md-]{padding:5px}.reference-detail .reference-related{padding-top:38px;padding-bottom:36px}.reference-related .catalog-grid{gap:12px}.reference-related .cardline{margin:12px}.reference-related h2,.reference-contact h2{font-size:27px}.reference-detail .reference-contact{padding:26px 18px}.reference-inquiry-form{padding:0}.reference-detail{padding-bottom:35px}}
@media(prefers-reduced-motion:reduce){.reference-detail *{transition:none!important;scroll-behavior:auto!important}}
