/* DAFENGXIN/Sunex site styling, grounded in the supplied home and product templates.
   Only presentation is changed; catalog/picker interactions keep their existing hooks. */
.dfxc-catalog,.dfxc-selector{
 --dfxc-navy:var(--e-global-color-Sunex,var(--e-global-color-primary,#001A29));
 --dfxc-accent:var(--e-global-color-accent,#4AAB3D);
 --dfxc-muted:var(--e-global-color-text,#74787C);
 --dfxc-border:var(--e-global-color-divider,#001A291A);
 --dfxc-soft:var(--e-global-color-secondary,#F5F7F9);
 --dfxc-heading-family:var(--e-global-typography-secondary-font-family,"ClashGrotesk-Variable"),sans-serif;
 --dfxc-body-family:var(--e-global-typography-text-font-family,"Inter"),sans-serif;
 box-sizing:border-box;color:var(--dfxc-navy);font-family:var(--dfxc-body-family);font-size:16px;line-height:1.6;
}
.dfxc-catalog a:focus-visible,.dfxc-catalog button:focus-visible,.dfxc-catalog input:focus-visible,.dfxc-catalog select:focus-visible,.dfxc-catalog summary:focus-visible{outline:3px solid var(--dfxc-accent);outline-offset:3px}
.dfxc-catalog h1,.dfxc-catalog h2,.dfxc-catalog h3,.dfxc-catalog h4,.dfxc-model-body>strong{font-family:var(--dfxc-heading-family);font-weight:var(--e-global-typography-secondary-font-weight,500);color:var(--dfxc-navy);letter-spacing:0}
.dfxc-catalog button,.dfxc-catalog input,.dfxc-catalog select,.dfxc-catalog textarea{font-family:var(--dfxc-body-family)}
.dfxc-selector .dfxc-breadcrumb{color:var(--dfxc-muted);font-size:14px;line-height:1.6;margin-bottom:30px}
.dfxc-selector .dfxc-finder{padding:30px;border:1px solid var(--dfxc-border);background:var(--e-global-color-white,#fff);border-radius:14px;margin-bottom:50px}
.dfxc-selector .dfxc-eyebrow{display:table;padding:9px 16px;border-radius:100px;background:var(--dfxc-soft);color:var(--dfxc-navy);font-family:var(--dfxc-heading-family);font-size:14px;font-weight:500;letter-spacing:0;text-transform:none;line-height:1.2;margin-bottom:14px}
.dfxc-selector .dfxc-finder h2{font-size:38px;line-height:1.2;font-weight:500;letter-spacing:0}
.dfxc-selector .dfxc-finder-copy{color:var(--dfxc-muted);font-size:16px;line-height:1.6;margin-top:12px}
.dfxc-selector .dfxc-browse-products,.dfxc-selector .dfxc-button{padding:15px 20px;background:var(--dfxc-accent);border-color:var(--dfxc-accent);color:var(--e-global-color-white,#fff);border-radius:5px;font-size:16px;font-weight:var(--e-global-typography-accent-font-weight,500);line-height:1.3;font-family:var(--e-global-typography-accent-font-family,var(--dfxc-body-family));box-shadow:none}
.dfxc-selector .dfxc-browse-products:hover,.dfxc-selector .dfxc-button:hover{background:var(--dfxc-navy);border-color:var(--dfxc-navy);color:var(--e-global-color-white,#fff)}
.dfxc-selector .dfxc-button-secondary{background:transparent;border-color:var(--dfxc-border);color:var(--dfxc-navy)}
.dfxc-selector .dfxc-button-secondary:hover{background:var(--dfxc-navy);border-color:var(--dfxc-navy);color:var(--e-global-color-white,#fff)}
.dfxc-selector .dfxc-type-filter{gap:10px;margin-top:24px}
.dfxc-selector .dfxc-filter-chip{border-radius:5px;border-color:var(--dfxc-border);color:var(--dfxc-navy);background:var(--e-global-color-white,#fff);padding:11px 16px;font-size:14px;font-weight:500;line-height:1.4}
.dfxc-selector .dfxc-filter-chip.is-active,.dfxc-selector .dfxc-filter-chip:hover{background:var(--dfxc-accent);border-color:var(--dfxc-accent);color:var(--e-global-color-white,#fff)}
.dfxc-selector .dfxc-finder-controls{border-top-color:var(--dfxc-border);margin-top:24px;padding-top:24px}
.dfxc-selector .dfxc-product-select-wrap{color:var(--dfxc-muted);font-size:14px;font-weight:500}
.dfxc-selector .dfxc-product-select,.dfxc-selector .dfxc-browser-search{border-radius:5px;border-color:var(--dfxc-border);color:var(--dfxc-navy);background:var(--e-global-color-white,#fff);font-size:16px;line-height:1.6}
.dfxc-selector .dfxc-product-select:focus,.dfxc-selector .dfxc-browser-search:focus{border-color:var(--dfxc-accent);box-shadow:none}
.dfxc-selector .dfxc-finder-meta{color:var(--dfxc-muted);font-size:14px;line-height:1.6}
.dfxc-selector .dfxc-finder-meta strong{color:var(--dfxc-accent);font-size:16px;font-weight:500}
.dfxc-selector .dfxc-selector-main{gap:50px}
.dfxc-selector .dfxc-main-image-wrap{border-radius:14px;background:var(--dfxc-soft)}
.dfxc-selector .dfxc-gallery-thumb{border-radius:8px;background:var(--dfxc-soft)}
.dfxc-selector .dfxc-gallery-thumb.is-active{border-color:var(--dfxc-accent)}
.dfxc-selector .dfxc-selector-info h1{font-size:48px;font-weight:500;line-height:1.1;letter-spacing:0}
.dfxc-selector .dfxc-product-origin{color:var(--dfxc-muted);font-size:16px;line-height:1.6;font-weight:400;margin:0 0 20px}
.dfxc-selector .dfxc-product-description{color:var(--dfxc-muted);font-size:16px;line-height:1.6;margin-bottom:26px}
.dfxc-selector .dfxc-quick-specs{border-color:var(--dfxc-border);border-radius:14px}
.dfxc-selector .dfxc-quick-specs>div{border-color:var(--dfxc-border);padding:16px}
.dfxc-selector .dfxc-quick-specs span{color:var(--dfxc-muted);font-size:14px;font-weight:400}
.dfxc-selector .dfxc-quick-specs strong{color:var(--dfxc-navy);font-size:16px;font-weight:500;line-height:1.6}
.dfxc-selector .dfxc-full-spec-link{color:var(--dfxc-navy);font-size:14px;font-weight:500}
.dfxc-selector .dfxc-full-spec-link:hover{color:var(--dfxc-accent)}
.dfxc-selector .dfxc-detail-section{margin-top:60px}
.dfxc-selector .dfxc-spec-section{border-color:var(--dfxc-border);padding-top:60px;margin-top:80px}
.dfxc-selector .dfxc-section-heading h2,.dfxc-selector .dfxc-detail-section>h2{font-size:40px;line-height:1.2;letter-spacing:0;font-weight:500}
.dfxc-selector .dfxc-section-heading>p{color:var(--dfxc-muted);font-size:16px;line-height:1.6}
.dfxc-selector .dfxc-specifications{font-size:16px;color:var(--dfxc-navy)}
.dfxc-selector .dfxc-specifications th,.dfxc-selector .dfxc-specifications td{border-color:var(--dfxc-border);padding:16px;line-height:1.6}
.dfxc-selector .dfxc-specifications th{color:var(--dfxc-navy);font-weight:500}
.dfxc-selector .dfxc-specifications tr:nth-child(odd){background:var(--dfxc-soft)}
.dfxc-selector .dfxc-notes{background:var(--dfxc-soft);border-color:var(--dfxc-border);border-radius:14px;padding:28px}
.dfxc-selector .dfxc-notes>h2{font-size:28px}
.dfxc-selector .dfxc-rich,.dfxc-selector .dfxc-notes p{color:var(--dfxc-muted);font-size:16px;line-height:1.6}
.dfxc-selector .dfxc-faq{border-color:var(--dfxc-border);padding:20px 0}
.dfxc-selector .dfxc-faq summary{font-family:var(--dfxc-heading-family);color:var(--dfxc-navy);font-weight:500;font-size:20px;line-height:1.3}
.dfxc-selector .dfxc-product-browser{border-radius:14px;color:var(--dfxc-navy);background:var(--e-global-color-white,#fff);box-shadow:0 30px 80px #001A2933}
.dfxc-selector .dfxc-product-browser::backdrop{background:#001A297D;backdrop-filter:blur(2px)}
.dfxc-selector .dfxc-browser-head{background:var(--e-global-color-white,#fff);border-color:var(--dfxc-border);padding:26px}
.dfxc-selector .dfxc-browser-head h2{font-size:34px;line-height:1.2;letter-spacing:0;font-weight:500}
.dfxc-selector .dfxc-browser-head p:not(.dfxc-eyebrow){color:var(--dfxc-muted);font-size:16px;line-height:1.6}
.dfxc-selector .dfxc-browser-close{border-color:var(--dfxc-border);color:var(--dfxc-navy);background:var(--e-global-color-white,#fff)}
.dfxc-selector .dfxc-browser-tools{padding:20px 26px}
.dfxc-selector .dfxc-browser-count{color:var(--dfxc-muted);font-size:14px}
.dfxc-selector .dfxc-model-grid{gap:24px;padding:0 26px 28px}
.dfxc-selector .dfxc-model-card{border-color:var(--dfxc-border);border-radius:14px;background:var(--e-global-color-white,#fff);color:var(--dfxc-navy)}
.dfxc-selector .dfxc-model-card:hover{border-color:var(--dfxc-accent);box-shadow:0 10px 24px #001A2910;transform:translateY(-2px)}
.dfxc-selector .dfxc-model-media{background:var(--dfxc-soft);color:var(--dfxc-muted)}
.dfxc-selector .dfxc-model-body{padding:20px}
.dfxc-selector .dfxc-model-body>strong{font-size:22px;line-height:1.2;font-weight:500;color:var(--dfxc-navy)}
.dfxc-selector .dfxc-model-body>small{color:var(--dfxc-accent);font-size:13px;font-weight:500;line-height:1.6;margin-top:9px}
.dfxc-selector .dfxc-model-body>p{color:var(--dfxc-muted);font-size:15px;line-height:1.6;margin-top:12px}
.dfxc-selector .dfxc-model-view{color:var(--dfxc-navy);font-size:16px;font-weight:500;padding-top:20px}
.dfxc-selector .dfxc-model-card:hover .dfxc-model-view{color:var(--dfxc-accent)}
.dfxc-selector .dfxc-browser-empty,.dfxc-selector .dfxc-empty{color:var(--dfxc-muted);font-size:16px}
.dfxc-selector .dfxc-empty{background:var(--dfxc-soft);border-radius:14px}
@media(max-width:1024px){.dfxc-selector .dfxc-selector-main{gap:32px}.dfxc-selector .dfxc-selector-info h1{font-size:38px;line-height:1.2}.dfxc-selector .dfxc-section-heading h2,.dfxc-selector .dfxc-detail-section>h2{font-size:34px}.dfxc-selector .dfxc-finder h2{font-size:34px}}
@media(max-width:650px){.dfxc-selector .dfxc-finder{padding:20px 16px;margin-bottom:32px}.dfxc-selector .dfxc-finder h2{font-size:28px}.dfxc-selector .dfxc-selector-info h1{font-size:28px;line-height:1.2}.dfxc-selector .dfxc-filter-chip{padding:9px 12px;font-size:13px}.dfxc-selector .dfxc-browse-products,.dfxc-selector .dfxc-button{padding:14px 15px;font-size:15px}.dfxc-selector .dfxc-section-heading h2,.dfxc-selector .dfxc-detail-section>h2{font-size:28px}.dfxc-selector .dfxc-spec-section{margin-top:48px;padding-top:36px}.dfxc-selector .dfxc-detail-section{margin-top:38px}.dfxc-selector .dfxc-specifications th,.dfxc-selector .dfxc-specifications td{padding:12px 8px;font-size:15px}.dfxc-selector .dfxc-notes{padding:20px}.dfxc-selector .dfxc-notes>h2{font-size:23px}.dfxc-selector .dfxc-faq summary{font-size:18px}.dfxc-selector .dfxc-browser-head{padding:20px 16px}.dfxc-selector .dfxc-browser-head h2{font-size:28px}.dfxc-selector .dfxc-browser-tools{padding:16px}.dfxc-selector .dfxc-model-grid{padding:0 16px 20px;gap:16px}.dfxc-selector .dfxc-model-body{padding:16px}.dfxc-selector .dfxc-model-body>strong{font-size:18px;line-height:1.3}.dfxc-selector .dfxc-model-body>p{font-size:14px}.dfxc-selector .dfxc-model-view{font-size:14px}.dfxc-selector .dfxc-eyebrow{font-size:13px;padding:8px 13px}}
@container dfxc (max-width:580px){.dfxc-selector .dfxc-selector-info h1{font-size:28px;line-height:1.2}.dfxc-selector .dfxc-section-heading h2{font-size:28px}}
@media(prefers-reduced-motion:reduce){.dfxc-selector .dfxc-model-card:hover{transform:none}}