/* GAOQIAO public UI system: scoped, responsive, with original business content retained. */
body.gq-ui-details{--gq-ui-ink:#1c1d1f;--gq-ui-muted:#5c6066;--gq-ui-line:#dedede;--gq-ui-yellow:#ebea17;background:#fff;color:var(--gq-ui-ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.65}
body.gq-ui-details :is(main,article,.gq-reading-20261015,.gq-article-20261015,.gq-kw-page) :is(h1,h2,h3,h4,p,li,a,td,th,label,input,textarea,select,button){font-family:Arial,Helvetica,sans-serif!important}
body.gq-ui-details :is(main,article) h1{font-size:clamp(30px,3.3vw,44px)!important;font-weight:700!important;line-height:1.16!important;letter-spacing:-.025em!important;text-transform:none!important;color:#1c1d1f}
body.gq-ui-details :is(main,article) h2{font-size:clamp(24px,2.2vw,30px)!important;font-weight:700!important;line-height:1.25!important;letter-spacing:-.015em!important;text-transform:none!important}
body.gq-ui-details :is(main,article) h3{font-size:21px!important;line-height:1.35!important;text-transform:none!important}
body.gq-ui-details :is(main,article) p{font-size:17px!important;line-height:1.75!important}
body.gq-ui-details :is(main,article) p span{font-size:inherit!important;line-height:inherit!important;font-family:inherit!important}
body.gq-ui-details :is(.button,.jf-button,.cta-button,.blog-button,.gq-kw-button,.product--buy-at>a,button[type=submit],input[type=submit],.sr-sendMsg-btn){background:#ebea17!important;color:#111!important;border:1px solid #ebea17!important;border-radius:0!important;box-shadow:none!important;font:600 15px/1.4 Arial,Helvetica,sans-serif!important;min-height:48px;padding:13px 22px!important;text-decoration:none!important}
body.gq-ui-details :is(.button,.jf-button,.cta-button,.blog-button,.product--buy-at>a,button[type=submit],input[type=submit]):hover{background:#d6d610!important;color:#111!important}
body.gq-ui-details :is(a,button,summary,input,textarea,select):focus-visible{outline:3px solid #877400!important;outline-offset:3px}
body.gq-ui-details #gq-global-nav :is(a,summary):focus-visible{outline-color:#ebea17!important}
body.gq-ui-details main>.paragraph--media-text-carousel:not(:has(h1)),body.gq-ui-details #owl-banner{display:none!important}
body.gq-ui-details :is(.gq-kw-block,.gq-reading-20261015,.gq-size-rfq,.gq-buyer-figure){border-radius:0!important;background:#f5f5f5!important;border-color:#dedede!important;box-shadow:none!important}
body.gq-ui-details .gq-kw-block{margin:24px auto!important;padding:24px!important;font:16px/1.7 Arial,Helvetica,sans-serif!important}
body.gq-ui-details .gq-kw-block h2{font-size:25px!important;margin:0 0 16px!important}
body.gq-ui-details .gq-kw-block a{color:#222!important;font-size:16px!important}
body.gq-ui-details .gq-kw-block p{font-size:16px!important;margin:12px 0!important}
body.gq-ui-details .gq-kw-block :is(article,a[style]){border-radius:0!important;box-shadow:none!important}
body.gq-ui-details :is(.gq-reading-20261015,.gq-content-20261015,.gq-editor-clean-20261015) a{color:#222!important}
body.gq-ui-details .body-main>.paragraph:first-child:not(:has(#owl-banner)){padding-top:40px}
/* Catalogue cards and pagination. */
body.gq-ui-details .products-container .views-row-container{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px!important}
body.gq-ui-details .products-container .views-row{width:auto!important;max-width:none!important;margin:0!important;padding:0!important;border:1px solid #dedede!important;background:#fff;float:none!important;box-sizing:border-box}
body.gq-ui-details .products-container .views-row>a{display:flex!important;flex-direction:column;height:100%;padding:18px!important;color:#222!important}
body.gq-ui-details .products-container .views-field-field-product-images img{display:block;width:100%!important;height:220px!important;object-fit:contain;background:#fff;margin:0 auto 16px}
body.gq-ui-details .products-container .views-field-title{font-size:17px!important;line-height:1.45!important;font-weight:600;text-transform:none!important;min-height:0!important;padding:0!important}
body.gq-ui-details .products-container .views-field-field-product-brands{font-size:13px!important;line-height:1.5;color:#656565;margin-top:10px}
body.gq-ui-details .products-container .views-row:hover{border-color:#777!important}
body.gq-ui-details .term-name{font-size:16px!important;letter-spacing:0!important;margin:20px 0!important}
body.gq-ui-details .pager__items{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px;padding:28px 0!important;font:14px/1.4 Arial,Helvetica,sans-serif!important}
body.gq-ui-details .pager__items :is(a,span){display:inline-flex;align-items:center;justify-content:center;min-width:40px;min-height:40px;padding:8px 12px!important;border:1px solid #ddd;background:#fff;color:#222!important;border-radius:0;text-decoration:none}
body.gq-ui-details .pager__items span{background:#ebea17;border-color:#ebea17}
body.gq-ui-details .pager__items>a:not([href]){display:none}
/* Details, forms, tables and breadcrumbs. */
body.gq-ui-details .column-right h1{font-size:clamp(26px,2.4vw,34px)!important;line-height:1.2!important}
body.gq-ui-details .column-right{min-width:0}
body.gq-ui-details .column-right .field--name-body{line-height:1.7;color:#555;margin:20px 0}
body.gq-ui-details .product--buy-at>a{display:flex;align-items:center;justify-content:center}
body.gq-ui-details :is(.breadcrumb,.breadcrumbs,.gq-guide-breadcrumb){font:13px/1.6 Arial,Helvetica,sans-serif!important;color:#666!important;overflow-wrap:anywhere}
body.gq-ui-details :is(.breadcrumb,.breadcrumbs) a{color:#444!important;font-size:13px!important;text-transform:none!important}
body.gq-ui-details :is(main,article) table{border-collapse:collapse;font-size:15px!important;line-height:1.55!important}
body.gq-ui-details :is(main,article) :is(th,td){padding:12px!important;border-color:#dedede!important;vertical-align:top;overflow-wrap:anywhere}
body.gq-ui-details :is(main,article) th{background:#f4f4f4!important;color:#222!important}
body.gq-ui-details .gq-table-scroll{max-width:100%;overflow-x:auto;margin:20px 0}
body.gq-ui-details .gq-table-scroll>table{width:100%!important;margin:0!important}
body.gq-ui-details form :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=submit]),select,textarea){font:16px/1.5 Arial,Helvetica,sans-serif!important;border:1px solid #bfc1c3!important;background:#fff!important;color:#222!important;border-radius:0!important;min-height:46px;max-width:100%;padding:10px 12px!important;box-sizing:border-box}
body.gq-ui-details form textarea{min-height:140px}
body.gq-ui-details form label{font:600 14px/1.5 Arial,Helvetica,sans-serif!important;color:#333}
body.gq-ui-details .gq-design-card{border-radius:0!important;box-shadow:none!important;border-color:#dedede!important}
/* Blog uses the same white hero and readable text scale as the homepage. */
body.gq-ui-details .blog-hero{background:#fff!important;background-image:none!important;color:#222!important;padding:54px 0!important;min-height:0!important;border-bottom:1px solid #e5e5e5}
body.gq-ui-details .blog-hero::before,body.gq-ui-details .blog-hero::after{display:none!important}
body.gq-ui-details .blog-hero :is(h1,h2,p){color:#222!important;text-transform:none!important}
body.gq-ui-details .blog-hero h1{max-width:900px!important;margin-bottom:28px!important}
body.gq-ui-details :is(.blog-entry,.blog-feature,.blog-contact,.blog-topics){border-radius:0!important;box-shadow:none!important}
body.gq-ui-details .blog-entry a{color:#222!important}
/* One footer, including a no-script fallback. */
body.gq-ui-details :is(.body-footer,.blog-footer,.gq-guide-footer){display:none!important}
body.gq-ui-details>footer:not(#gq-site-footer){display:none!important}
#gq-site-footer{display:block!important;background:#080808;color:#ccc;padding:52px 0 20px;margin:60px 0 0;font:14px/1.7 Arial,Helvetica,sans-serif!important;clear:both}
#gq-site-footer *{box-sizing:border-box;font-family:Arial,Helvetica,sans-serif!important}
#gq-site-footer .gq-footer-inner{max-width:1200px;width:calc(100% - 48px);margin:auto}
#gq-site-footer .gq-footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1.3fr;gap:40px}
#gq-site-footer img{width:140px;height:59px;object-fit:contain;display:block;margin:0 0 18px}
#gq-site-footer h2{font-size:14px!important;font-weight:700;color:#fff;margin:4px 0 18px!important;letter-spacing:.03em;text-transform:uppercase}
#gq-site-footer p{font-size:14px;line-height:1.7;color:#bbb;margin:0 0 12px;max-width:300px}
#gq-site-footer a{color:#ddd;display:block;font-size:14px;line-height:1.7;margin:0 0 9px;text-decoration:none;overflow-wrap:anywhere}
#gq-site-footer a:hover{color:#ebea17;text-decoration:underline}
#gq-site-footer .gq-footer-bottom{border-top:1px solid #333;margin-top:32px;padding-top:18px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:12px;color:#aaa}
#gq-site-footer .gq-footer-bottom a{display:inline;margin-left:16px;font-size:12px}
/* Contact tools stay identifiable without covering mobile reading space. */
body.gq-ui-details .gq-contact-floats{left:auto!important;right:16px!important;bottom:16px!important;gap:8px!important}
body.gq-ui-details .gq-contact-float{border-radius:3px!important;box-shadow:0 3px 12px #0002!important;background:#111!important;color:#fff!important}
body.gq-ui-details .gq-contact-float svg{color:#ebea17}
body.gq-ui-details .gq-wechat-panel{left:auto!important;right:0!important;border-radius:0!important;border-color:#ddd!important;bottom:120px!important}
body.gq-ui-details .gq-wechat-copy{background:#ebea17!important;color:#111!important;border-radius:0!important}
body.gq-ui-details .gq-wechat-number{background:#f3f3f3!important;color:#222!important;border-radius:0!important}
body.gq-ui-details .gq-ui-skip{position:absolute;left:16px;top:-100px;z-index:2147483640;padding:12px 18px;background:#ebea17;color:#111}
body.gq-ui-details .gq-ui-skip:focus{top:10px}
@media(max-width:900px){body.gq-ui-details .products-container .views-row-container{grid-template-columns:repeat(2,minmax(0,1fr))}#gq-site-footer .gq-footer-grid{grid-template-columns:1fr 1fr;gap:28px}}
@media(max-width:600px){body.gq-ui-details :is(main,article) h1{font-size:30px!important}body.gq-ui-details :is(main,article) h2{font-size:24px!important}body.gq-ui-details :is(main,article) p{font-size:16px!important}body.gq-ui-details .gq-kw-block{padding:18px!important;width:calc(100% - 32px)!important}body.gq-ui-details .products-container .views-row-container{grid-template-columns:1fr;gap:16px!important}body.gq-ui-details .products-container .views-field-field-product-images img{height:260px!important}body.gq-ui-details .blog-hero{padding:32px 0!important}#gq-site-footer .gq-footer-inner{width:calc(100% - 32px)}#gq-site-footer .gq-footer-grid{grid-template-columns:1fr;gap:24px}#gq-site-footer{padding-top:32px;margin-top:40px;padding-bottom:100px}#gq-site-footer .gq-footer-bottom{display:block}#gq-site-footer .gq-footer-bottom a{margin:0 16px 0 0}body.gq-ui-details .gq-contact-float{width:44px;min-height:44px!important;padding:10px!important;justify-content:center}body.gq-ui-details .gq-contact-float__label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}body.gq-ui-details .gq-wechat-panel{position:fixed!important;left:16px!important;right:16px!important;bottom:120px!important;width:auto!important}body.gq-ui-details .gq-guide-hero__inner{padding:32px 0 40px!important}}
@media(prefers-reduced-motion:reduce){body.gq-ui-details *,body.gq-ui-details *::before,body.gq-ui-details *::after{scroll-behavior:auto!important;transition:none!important}}
body.gq-ui-details .blog-hero__content{padding-top:0!important;padding-bottom:0!important}
body.gq-ui-details .gq-kw-block *{font-family:Arial,Helvetica,sans-serif!important}
body.gq-ui-details .gq-kw-block a{border-radius:0!important}
body.gq-ui-details .gq-kw-block a :is(span,small){font-size:14px!important;line-height:1.65!important}
body.gq-ui-details .taxonomy-navigation-2 :is(a,li){color:#555!important;font-size:13px!important;line-height:1.6!important;text-transform:none!important}
body.gq-ui-details .taxonomy-navigation-2{padding-top:18px;padding-bottom:18px}
body.gq-ui-details .paragraph--wysiwyg-box-mosaic.bg-color-grey-light{background:#f5f5f5!important}
body.gq-ui-details .product--buy-at>a::after{filter:brightness(0)}
#gq-site-footer .gq-footer-bottom{padding-right:150px}
@media(max-width:600px){#gq-site-footer .gq-footer-bottom{padding-right:55px}body.gq-ui-details .taxonomy-navigation-2{padding:16px 0}}
body.gq-ui-details{max-width:none!important;width:auto!important;margin:0!important;padding:0!important}
body.gq-ui-details>.gq-simple-content,body.gq-ui-details>article{width:calc(100% - 32px);max-width:960px;margin:40px auto;padding:24px;box-sizing:border-box}
body.gq-ui-details .gq-simple-content h1{font-size:clamp(30px,3.3vw,44px)!important;color:#222}
body.gq-ui-details .gq-simple-content img{max-width:100%;height:auto}
body.gq-ui-details #gq-global-nav,body.gq-ui-details #gq-site-footer{direction:ltr}
@media(max-width:600px){body.gq-ui-details>.gq-simple-content,body.gq-ui-details>article{padding:12px;margin:24px auto}}

/* Contact placement and brand colors - 20261022 */
body.gq-ui-details .gq-contact-floats{left:48px!important;right:auto!important;bottom:max(20px,env(safe-area-inset-bottom))!important}
body.gq-ui-details .gq-contact-float{border-radius:10px!important;border:2px solid #fff!important;box-shadow:0 4px 16px #0004!important;color:#fff!important}
body.gq-ui-details .gq-wechat-float{background:#07c160!important}
body.gq-ui-details .gq-whatsapp-float{background:#25d366!important;color:#073b20!important}
body.gq-ui-details .gq-contact-float svg{color:#fff!important}
body.gq-ui-details .gq-contact-float:hover{filter:brightness(.92)}
body.gq-ui-details .gq-contact-float:focus-visible{outline:3px solid #075f35!important;outline-offset:3px}
body.gq-ui-details .gq-wechat-panel{left:0!important;right:auto!important;border-radius:12px!important;max-height:calc(100dvh - 160px);overflow-y:auto}
body.gq-ui-details .gq-wechat-copy{background:#07c160!important;color:#073b20!important;border-radius:8px!important}
@media(max-width:600px){body.gq-ui-details .gq-contact-floats{left:20px!important}body.gq-ui-details .gq-contact-float{width:48px;min-height:48px!important;padding:9px!important}body.gq-ui-details .gq-wechat-panel{left:12px!important;right:12px!important;width:auto!important;bottom:140px!important}}

/* Move inward by one contact label width */
body.gq-ui-details .gq-contact-floats{left:192px!important}
@media(max-width:600px){body.gq-ui-details .gq-contact-floats{left:68px!important}}
