.search-guide { max-width:1120px; margin:28px auto; padding:24px; border:1px solid #28463e; border-radius:18px; background:#101b19; color:#dbe8e3; line-height:1.85; box-sizing:border-box; }
.search-guide h2 { font-size:1.4rem; color:#adf0dc; margin:0 0 14px; }
.search-guide p { margin:10px 0 18px; }
.search-guide nav,.search-guide ul { display:flex; flex-wrap:wrap; gap:10px; padding:0; list-style:none; }
.search-guide a { display:inline-block; padding:8px 12px; color:#a5e9ee; border:1px solid #37554d; border-radius:9px; text-decoration:underline; text-underline-offset:4px; overflow-wrap:anywhere; }
.search-guide details { border-top:1px solid #31463e; padding:14px 0; }
.search-guide summary { cursor:pointer; color:#edfff7; font-weight:600; }
.search-guide a:focus-visible,.search-guide summary:focus-visible { outline:2px solid #83f5d0; outline-offset:4px; }
@media(max-width:600px) { .search-guide { margin:20px 12px; padding:18px; } .search-guide h2 { font-size:1.18rem; } }

/* Homepage shopping guide */
.search-guide.quick-guide{padding:28px;border-color:#2a3e39;background:linear-gradient(135deg,#142420 0%,#111719 65%,#171b27 100%);border-radius:20px;font-family:"Noto Sans TC",system-ui,sans-serif;line-height:1.65}
.quick-guide .quick-guide-kicker{font-size:10px;letter-spacing:.2em;font-weight:700;color:#81cbb5}
.quick-guide .quick-guide-heading h2{margin:5px 0;color:#eff8f5;font-size:24px;font-weight:700;letter-spacing:.02em}
.quick-guide .quick-guide-heading p{margin:0 0 22px;color:#94aaa2;font-size:13px}
.quick-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.quick-guide-grid article{display:flex;align-items:flex-start;gap:12px;padding:16px;border:1px solid #ffffff0e;border-radius:13px;background:#ffffff04}
.quick-guide-number{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#7ecab812;color:#91d7c4;font-size:11px;font-weight:700;letter-spacing:.05em}
.quick-guide-grid h3{margin:2px 0 7px;font-size:14px;color:#dfebe6;font-weight:650}
.quick-guide-grid p{margin:0;font-size:12px;line-height:1.8;color:#9fafaa}
.quick-guide nav.quick-guide-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0 0}
.quick-guide-links a{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px;box-sizing:border-box;padding:10px 13px;border-color:#ffffff13;background:#0a100f40;border-radius:10px;text-decoration:none;font-size:12px;color:#b6cde4;transition:background .15s,border-color .15s}
.quick-guide-links a:hover{background:#26403980;border-color:#76bba8}
.quick-guide-links a span:last-child{color:#83c8b4;font-size:17px}
.quick-guide p.quick-guide-brand{margin:18px 0 0;padding-top:14px;border-top:1px solid #ffffff0c;font-size:10px;line-height:1.8;color:#788d85}
@media(max-width:600px){.search-guide.quick-guide{margin:20px 12px;padding:20px 16px;border-radius:18px}.quick-guide .quick-guide-heading h2{font-size:21px}.quick-guide .quick-guide-heading p{margin-bottom:16px;font-size:12px}.quick-guide-grid{grid-template-columns:1fr;gap:9px}.quick-guide-grid article{padding:12px;gap:11px}.quick-guide-grid h3{font-size:13px;margin:2px 0 4px}.quick-guide-grid p{font-size:12px;line-height:1.7}.quick-guide nav.quick-guide-links{grid-template-columns:1fr;gap:7px;margin-top:14px}.quick-guide-links a{padding:10px 12px}.quick-guide p.quick-guide-brand{margin-top:14px}}

#purchase-faq{background:linear-gradient(135deg,#111e1b,#131920);font-family:system-ui,sans-serif}#purchase-faq h2{color:#ade4ce}#purchase-faq summary{color:#f0d39c;font-weight:650;line-height:1.6}#purchase-faq p{color:#bacadb;font-size:14px;line-height:1.85}#purchase-faq details{border-color:#ffffff12;padding:16px 0}#purchase-faq nav{justify-content:center;gap:10px;margin-top:22px}#purchase-faq nav a{display:inline-flex;justify-content:center;align-items:center;min-height:44px;padding:10px 16px;border:1px solid #55766d;border-radius:11px;background:linear-gradient(135deg,#213e34,#182a2c);color:#d5eee5;text-decoration:none;font-size:13px;font-weight:600;box-shadow:0 4px 12px #0002}#purchase-faq nav a:hover{background:#2c4d41;border-color:#8dceb8}@media(max-width:600px){#purchase-faq nav{display:grid;grid-template-columns:1fr 1fr}#purchase-faq nav a{padding:10px 8px;font-size:12px}}
/* Product catalogue controls */
.catalog-page .search-guide{display:flex;align-items:center;justify-content:space-between;gap:18px;font:13px/1.8 system-ui,sans-serif;color:#aabeb6;background:linear-gradient(120deg,#14231e,#111b21)}
.catalog-page .search-guide a{display:inline-flex;align-items:center;justify-content:center;gap:12px;flex-shrink:0;min-height:44px;padding:10px 17px;border-radius:12px;border-color:#456c5e;background:linear-gradient(135deg,#264638,#1b3032);color:#d5f0e4;text-decoration:none;font-size:13px;font-weight:600;box-shadow:0 4px 14px #0003;transition:background .18s,border-color .18s}
.catalog-page .search-guide a::after{content:'→';font-size:18px;color:#94d8bf}
.catalog-page .search-guide a:hover{background:#2b4c3e;border-color:#8ac9b0}
.catalog-page .filter-section{max-width:1120px;margin:0 auto 26px;padding:0 12px;box-sizing:border-box}
.catalog-page .filter-btn{min-height:44px;padding:10px 17px;border:1px solid #30433c;border-radius:12px;background:linear-gradient(145deg,#1b2522,#151c1d);color:#b9cbc4;font:600 13px/1.4 system-ui,sans-serif;box-shadow:0 2px 6px #0002;transition:background .18s,border-color .18s,color .18s}
.catalog-page .filter-btn:hover{border-color:#719f8e;color:#effaf5;background:#233b31}
.catalog-page .filter-btn.active{background:linear-gradient(120deg,#9de5c8,#77c7cb);border-color:#9de5c8;color:#102b22;box-shadow:0 3px 12px #77c7ac20}
.catalog-page .filter-btn:focus-visible{outline:2px solid #c0eadc;outline-offset:3px}
.catalog-page .filter-more-btn{border-style:solid!important;border-color:#547b6d!important;color:#b8e5d3!important;background:#20362d}
@media(max-width:600px){.catalog-page .search-guide{flex-direction:column;gap:14px;align-items:stretch;font-size:12px}.catalog-page .search-guide a{align-self:center;min-width:210px;font-size:12px}.catalog-page .filter-section{margin-bottom:18px}.catalog-page .filter-btn{padding:10px 13px;font-size:12px}.catalog-page .filter-row,.catalog-page .filter-hidden-wrap{gap:7px}}
