/* 清清纺织 brand styles — gold #C9A24B, dark blue #1B2A41, light gray #F5F6F8 */
:root{--qq-gold:#C9A24B;--qq-gold-dark:#A8842F;--qq-navy:#1B2A41;--qq-text:#2D3748;--qq-muted:#5A6577;--qq-bg:#F5F6F8;--qq-line:#E2E6EC}
body{color:var(--qq-text);background:var(--qq-bg)}
.site-header .site-main-header-wrap{border-bottom:1px solid var(--qq-line);background:#fff}
.site-branding .custom-logo{max-height:52px;width:auto}
@media (max-width:1024px){.site-branding .custom-logo{max-height:40px}}
.main-navigation .primary-menu-container>ul>li.menu-item>a{color:var(--qq-navy);font-weight:500}
.main-navigation .primary-menu-container>ul>li.menu-item>a:hover,
.main-navigation .primary-menu-container>ul>li.current-menu-item>a{color:var(--qq-gold-dark)}
.qq-lang{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:600;margin-left:12px}
.qq-lang a{color:var(--qq-muted);text-decoration:none;padding:4px 8px;border:1px solid transparent;border-radius:3px}
.qq-lang a.is-active{color:var(--qq-navy);border-color:var(--qq-gold)}
.qq-lang a:hover{color:var(--qq-gold-dark)}
.qq-lang-sep{color:var(--qq-line)}
/* Buttons */
.wp-block-button__link,.qq-btn,.wpcf7-submit,button,input[type=submit]{background:var(--qq-gold)!important;color:var(--qq-navy)!important;border:2px solid var(--qq-gold)!important;border-radius:3px!important;font-weight:600;padding:.7em 1.6em;text-decoration:none;display:inline-block;transition:all .15s}
.wp-block-button__link:hover,.qq-btn:hover,.wpcf7-submit:hover,input[type=submit]:hover{background:var(--qq-gold-dark)!important;border-color:var(--qq-gold-dark)!important;color:#fff!important}
.is-style-outline .wp-block-button__link,.qq-btn-outline{background:transparent!important;color:var(--qq-gold-dark)!important}
.qq-hero .is-style-outline .wp-block-button__link{color:#fff!important;border-color:#fff!important}
.qq-hero .is-style-outline .wp-block-button__link:hover{background:#fff!important;color:var(--qq-navy)!important}
/* Headings */
.entry-content h2,.entry-content h3{color:var(--qq-navy)}
.qq-section-title{position:relative;padding-bottom:.5em}
.qq-section-title:after{content:"";position:absolute;left:0;bottom:0;width:48px;height:3px;background:var(--qq-gold)}
.has-text-align-center.qq-section-title:after{left:50%;margin-left:-24px}
/* Hero */
.qq-hero{background:linear-gradient(135deg,#1B2A41 0%,#24385a 100%);color:#fff;padding:96px 24px!important;text-align:center;margin-top:0!important}
.qq-hero h1{color:#fff;font-size:clamp(30px,5vw,52px);letter-spacing:.04em;margin-bottom:.3em}
.qq-hero h1 .qq-gold,.qq-gold{color:var(--qq-gold)}
.qq-hero .qq-subtitle{color:var(--qq-gold);font-size:clamp(17px,2.2vw,22px);letter-spacing:.12em;margin-bottom:1.8em}
.qq-hero .wp-block-buttons{justify-content:center}
.qq-section{padding:64px 24px!important;margin:0!important}
.qq-section.is-white{background:#fff}
.qq-intro{font-size:18px;line-height:1.9;color:var(--qq-muted);max-width:820px;margin-left:auto!important;margin-right:auto!important}
/* Service cards */
.qq-cards{gap:24px!important}
.qq-card{background:#fff;border:1px solid var(--qq-line);border-top:3px solid var(--qq-gold);padding:32px 28px!important;border-radius:4px;box-shadow:0 2px 10px rgba(27,42,65,.04)}
.qq-card h3{margin-top:0;font-size:22px}
.qq-card p{color:var(--qq-muted);margin-bottom:0}
.qq-cta{background:var(--qq-navy);color:#fff;text-align:center}
.qq-cta h2{color:#fff}
.qq-cta .wp-block-buttons{justify-content:center}
/* Product grid */
.qq-cat-nav{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 32px}
.qq-cat-nav a{padding:8px 18px;border:1px solid var(--qq-line);background:#fff;color:var(--qq-navy);border-radius:999px;text-decoration:none;font-size:15px}
.qq-cat-nav a:hover{border-color:var(--qq-gold);color:var(--qq-gold-dark)}
.qq-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:24px 0 48px}
.qq-product-grid.qq-cols-4{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.qq-product-grid.qq-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:1024px){.qq-product-grid.qq-cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:767px){.qq-product-grid,.qq-product-grid.qq-cols-4{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}}
.qq-product-card{background:#fff;border:1px solid var(--qq-line);border-radius:4px;overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .15s}
.qq-product-card:hover{box-shadow:0 6px 20px rgba(27,42,65,.08)}
.qq-product-thumb{position:relative;display:block;aspect-ratio:1/1;background:#EEF0F3}
.qq-product-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.qq-badge{position:absolute;top:10px;left:10px;background:rgba(27,42,65,.85);color:var(--qq-gold);font-size:12px;padding:3px 8px;border-radius:2px}
.qq-product-body{padding:14px 16px 18px;display:flex;flex-direction:column;flex:1}
.qq-product-cat{font-size:12px;color:var(--qq-gold-dark);letter-spacing:.06em;text-transform:uppercase}
.qq-product-title{font-size:17px!important;margin:4px 0 6px!important;line-height:1.4}
.qq-product-title a{color:var(--qq-navy);text-decoration:none}
.qq-product-excerpt{font-size:14px;color:var(--qq-muted);margin:0 0 12px;flex:1}
.qq-product-body .qq-btn{font-size:14px;padding:.45em 1em;align-self:flex-start}
.qq-inquiry-box{margin-top:32px;padding:24px;background:var(--qq-bg);border-left:4px solid var(--qq-gold)}
.qq-inquiry-box .qq-btn{margin:6px 8px 0 0}
.single-qq_product .entry-meta,.single-qq_product .post-navigation{display:none}
/* Contact */
.qq-contact-list{list-style:none;padding:0!important;margin:0 0 24px}
.qq-contact-list li{padding:12px 0;border-bottom:1px solid var(--qq-line)}
.qq-contact-label{display:inline-block;min-width:4.5em;font-weight:600;color:var(--qq-navy)}
.qq-form-wrap{background:#fff;border:1px solid var(--qq-line);border-top:3px solid var(--qq-gold);padding:28px!important;border-radius:4px}
.wpcf7 label{display:block;font-weight:600;color:var(--qq-navy);margin-bottom:14px}
.wpcf7 input[type=text],.wpcf7 input[type=tel],.wpcf7 textarea{width:100%;margin-top:6px;border:1px solid #cfd5dd;border-radius:3px;background:#fff}
.wpcf7 textarea{height:140px}
.qq-placeholder-note{color:#b06f00;font-size:13px}
.qq-qr img{max-width:180px;border-radius:4px}
/* Footer */
.site-footer .site-bottom-footer-wrap{background:var(--qq-navy);color:#c5cad3}
.site-footer .site-bottom-footer-wrap a{color:var(--qq-gold)}
.qq-footer{line-height:2;font-size:14px}
.qq-footer strong{color:#fff}
.qq-footer .qq-footer-label{color:var(--qq-gold)}
/* layout refinements */
.qq-section>.wp-block-group__inner-container,.qq-section>*,.qq-hero>*{max-width:1200px;margin-left:auto!important;margin-right:auto!important}
.qq-section .wp-block-buttons{justify-content:center}
.home .site-main,.home .content-area{margin-bottom:0!important}
.home .entry-content>.wp-block-group:last-child{margin-bottom:0!important}
.qq-footer .qq-footer-label{margin-right:4px}
.qq-footer a{margin-right:14px}
.qq-placeholder-note{margin-top:0}
.home #primary.content-area{margin-bottom:0}
.qq-single{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:40px;align-items:start}
@media (max-width:767px){.qq-single{grid-template-columns:1fr;gap:20px}}
.qq-single-img{position:relative;background:#EEF0F3;border:1px solid var(--qq-line);border-radius:4px;overflow:hidden}
.qq-single-img img{display:block;width:100%;height:auto}
.qq-single-info .qq-product-cat{display:inline-block;margin-bottom:8px;text-decoration:none}
.qq-single-info .qq-inquiry-box{margin-top:24px}

/* v2 fixes */
.qq-lead{font-size:17px;line-height:1.85;color:var(--qq-muted);margin-bottom:.6em}
.qq-cta:not(.alignfull){border-radius:6px;padding:48px 24px!important;margin:56px 0 0!important}
.qq-cta:not(.alignfull)>*{max-width:none}
/* full-width bands on full-width pages: no 100vw (avoids horizontal scroll from scrollbar width) */
.content-width-fullwidth .entry-content>.alignfull{width:auto!important;max-width:none!important;margin-left:0!important;margin-right:0!important}
.qq-hero{margin-left:0!important;margin-right:0!important}
.qq-qr figcaption{text-align:left}
/* mobile: 3-item rows become a single column of compact horizontal cards (no orphan cards) */
@media (max-width:600px){
.qq-product-grid.qq-cols-3,.qq-product-grid.qq-cols-2{grid-template-columns:1fr;gap:12px}
.qq-cols-3 .qq-product-card,.qq-cols-2 .qq-product-card{flex-direction:row}
.qq-cols-3 .qq-product-thumb,.qq-cols-2 .qq-product-thumb{flex:0 0 120px;width:120px;aspect-ratio:1/1}
.qq-cols-3 .qq-badge,.qq-cols-2 .qq-badge{top:6px;left:6px;font-size:11px;padding:2px 6px}
.qq-cols-3 .qq-product-body,.qq-cols-2 .qq-product-body{padding:10px 12px}
}
@media (max-width:600px){.qq-cols-3 .qq-product-thumb,.qq-cols-2 .qq-product-thumb{height:120px;align-self:flex-start;margin:10px 0 10px 10px;border-radius:3px;overflow:hidden}}
