.page-hero{background:#f2f4ef;border-bottom:1px solid var(--line);padding:28px 0 60px}.breadcrumbs{display:flex;gap:13px;align-items:center;font-size:13px;color:var(--muted);margin-bottom:45px;flex-wrap:wrap}.breadcrumbs a:hover{color:#96731a}.breadcrumbs>span:last-child{color:var(--ink)}.page-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:70px;align-items:center}.page-hero h1{font-size:clamp(34px,4vw,54px);line-height:1.3;margin-bottom:22px;max-width:850px}.page-lead{font-size:17px;color:var(--muted);max-width:740px;margin:0;line-height:1.8}.page-index{border-left:1px solid #ccd4cf;padding:15px 0 15px 36px;display:flex;flex-direction:column;gap:8px}.page-index>span{font-size:10px;letter-spacing:.11em;line-height:1.8;color:#697d7c}.page-index strong{font-family:var(--font-heading);font-size:82px;line-height:1.15;font-weight:500;color:#b99b44}.page-cta{background:#f2f4ef;border-top:1px solid var(--line);padding:50px 0}.page-cta-inner{display:flex;gap:40px;justify-content:space-between;align-items:center}.page-cta h2{font-size:30px;margin:0 0 14px}.page-cta p:not(.eyebrow){color:var(--muted);margin:0;max-width:700px}.page-cta .eyebrow{margin-bottom:12px}.page-cta .button{flex-shrink:0}.catalog-section{padding-top:65px}.catalog-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:30px}.catalog-heading h2{font-size:32px;margin-bottom:0;max-width:720px}.catalog-heading>p{max-width:350px;color:var(--muted);font-size:14px;margin:0}.catalog-toolbar{padding:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:25px;align-items:end}.catalog-filters{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.catalog-filters button{border:1px solid var(--line);padding:10px 15px;min-height:44px;font-size:14px;line-height:1.5;border-radius:3px}.catalog-filters button:hover{background:#f5f4ea}.catalog-filters button[aria-pressed=true]{background:var(--navy);color:#fff;border-color:var(--navy)}.catalog-search{display:block;font-size:12px;line-height:1.5;min-width:260px;color:var(--muted)}.catalog-search input{margin:5px 0 0;padding:11px 13px;font-size:15px}.catalog-results{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:20px 0}.catalog-results p{font-size:13px;color:var(--muted);margin:0}.catalog-results button{font-size:13px}.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.device-card{border:1px solid var(--line);display:flex;flex-direction:column;min-width:0;background:white;border-radius:4px;overflow:hidden;transition:box-shadow .2s,border-color .2s}.device-card:hover{border-color:#c6ad63;box-shadow:0 10px 30px #153b4c0c}.device-art{height:230px;background:#f1f3ef;display:flex;align-items:center;justify-content:center;position:relative;padding:30px}.device-art:before{content:"";position:absolute;width:145px;height:145px;border-radius:50%;border:1px solid #dbe2d7;background:#e9ede3}.device-art svg{width:220px;height:165px;z-index:1;fill:none;stroke:#173f57;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.device-art .accent{stroke:#b38a1b;stroke-width:2}.device-art .fill{fill:#fff}.device-card-copy{padding:24px;flex:1;display:flex;flex-direction:column}.device-kind{font-size:11px;color:#96731d;letter-spacing:.08em;font-weight:600;margin-bottom:10px}.device-card h3{font-size:22px;line-height:1.45;margin:0 0 12px}.device-card p{font-size:15px;color:var(--muted);line-height:1.75;margin-bottom:24px}.device-card-actions{margin-top:auto;display:flex;justify-content:space-between;gap:12px;align-items:center;padding-top:17px;border-top:1px solid var(--line)}.device-card-actions .text-link{font-size:14px;gap:9px;text-align:left}.device-card-actions>a{font-size:13px;font-weight:600;color:#96731d;line-height:1.5}.catalog-empty{border:1px dashed #b9c6c6;text-align:center;padding:50px 25px;background:#fafbf8}.catalog-empty h3{font-size:23px}.catalog-empty p{color:var(--muted)}.buying-guide{background:#fafbf8;border-top:1px solid var(--line)}.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;margin-top:36px}.guide-grid article{border-top:1px solid #d4dcd8;padding-top:22px}.guide-grid article>span{display:block;color:#9b7d25;font-size:13px;margin-bottom:15px}.guide-grid h3{font-size:22px}.guide-grid p{font-size:16px;color:var(--muted);margin:0}.service-page-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:35px}.service-page-grid article{border:1px solid var(--line);padding:30px;display:flex;align-items:flex-start;flex-direction:column}.service-page-grid article>.icon{width:34px;height:34px;color:#a8862a;margin-bottom:25px}.service-page-grid h3{font-size:23px}.service-page-grid p{font-size:16px;color:var(--muted);margin-bottom:18px}.service-page-grid .text-link{margin-top:auto;font-size:14px}.scope-note{background:var(--navy);color:#fff;padding:32px 0}.scope-note .container{display:flex;align-items:center;gap:60px}.scope-note strong{font-size:20px;font-family:var(--font-heading);font-weight:600;min-width:260px}.scope-note p{font-size:15px;color:#d0dce4;line-height:1.8;margin:0}.handover-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}.handover-grid h2{font-size:34px}.handover-grid>div>p:not(.eyebrow){color:var(--muted)}.handover-list{list-style:none;padding:0;margin:0;border-top:1px solid var(--line)}.handover-list li{display:flex;gap:16px;padding:21px 0;border-bottom:1px solid var(--line);font-size:16px}.handover-list .icon{color:#9d7c24;margin-top:3px}.device-dialog-art{height:190px;background:#f1f3ef;display:flex;align-items:center;justify-content:center;margin-bottom:24px}.device-dialog-art svg{width:230px;height:160px;fill:none;stroke:#173f57;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.device-dialog-art .accent{stroke:#b38a1b;stroke-width:2}.device-dialog-art .fill{fill:#fff}.device-criteria-title{font-size:18px;line-height:1.5;margin:25px 0 10px}#device-dialog .check-list{grid-template-columns:1fr;margin:10px 0 22px}#device-dialog .button{margin-top:10px}body:not([data-page=home]) .solution-tabs{margin-top:0}body[data-page=giai-phap] .solutions{padding-top:55px}body[data-page=tu-van] .config-section{background:#fff}body[data-page=tu-van] .config-workspace{background:#fafbf8}
@media(max-width:1100px){.page-hero-grid{gap:40px;grid-template-columns:minmax(0,1fr) 180px}.page-index{padding-left:24px}.page-index strong{font-size:70px}.catalog-toolbar{align-items:stretch;flex-direction:column}.catalog-search{max-width:430px;min-width:0}.catalog-grid,.service-page-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-heading{align-items:start;flex-direction:column;gap:20px}.catalog-heading>p{max-width:550px}.service-page-grid article{padding:26px}.scope-note .container{gap:35px}.handover-grid{gap:40px}.page-cta-inner{align-items:start;flex-direction:column;gap:25px}}
@media(max-width:780px){.page-hero{padding:24px 0 40px}.breadcrumbs{margin-bottom:30px;font-size:12px;gap:10px}.page-hero-grid{grid-template-columns:1fr}.page-index{display:none}.page-hero h1{font-size:clamp(30px,7vw,42px);line-height:1.35}.page-lead{font-size:16px}.catalog-section{padding-top:45px}.catalog-heading h2{font-size:28px}.catalog-heading>p{font-size:14px}.device-art{height:200px}.device-card-copy{padding:22px}.device-card h3{font-size:21px}.guide-grid{grid-template-columns:1fr;gap:25px}.guide-grid h3{margin-bottom:15px}.service-page-grid h3{font-size:21px}.scope-note .container{flex-direction:column;align-items:start;gap:15px}.scope-note strong{min-width:0}.handover-grid{grid-template-columns:1fr;gap:25px}.handover-grid h2{font-size:30px}.page-cta{padding:40px 0}.page-cta h2{font-size:27px}.catalog-filters button{font-size:13px;padding:10px 12px}.catalog-results{align-items:start}.catalog-results p{font-size:12px}.catalog-results button{font-size:12px}body[data-page=giai-phap] .solutions{padding-top:40px}}
@media(max-width:560px){.catalog-grid,.service-page-grid{grid-template-columns:1fr}.device-art{height:220px}.device-card h3{font-size:23px}.device-card p{font-size:16px}.catalog-search{max-width:none}.catalog-filters{gap:8px}.device-card-actions .text-link{font-size:14px}.catalog-results{gap:12px}.catalog-heading h2{font-size:27px}.page-hero h1{font-size:32px}.service-page-grid article{padding:27px}.device-card-actions>a{font-size:13px}.page-cta .button{width:100%;justify-content:space-between}}
@media(prefers-reduced-motion:reduce){.device-card{transition:none}}
body[data-page=thiet-bi] .page-hero{padding-bottom:40px}body[data-page=thiet-bi] .breadcrumbs{margin-bottom:28px}body[data-page=thiet-bi] .page-hero h1{font-size:clamp(32px,3.5vw,46px)}body[data-page=thiet-bi] .catalog-section{padding-top:45px}body[data-page=thiet-bi] .catalog-heading h2{font-size:28px}body[data-page=thiet-bi] .catalog-heading{align-items:center}
@media(max-width:1100px){body[data-page=thiet-bi] .catalog-heading{align-items:start}}
.partner-strip{padding:48px 0 44px;background:#fff;border-top:1px solid var(--line);scroll-margin-top:12px}.partners-heading{display:flex;align-items:center;gap:22px;margin-bottom:24px}.partners-heading:after{content:"";height:1px;background:linear-gradient(90deg,#c9a22799,#dce3e5);flex:1;order:1}.partners-heading h2{font-size:24px;font-weight:600;line-height:1.5;letter-spacing:-.025em;margin:0;order:0}.partner-motion{order:2;border:1px solid #d8dfdb;border-radius:4px;padding:10px 16px;min-height:44px;font-size:13px;font-weight:600;line-height:1.5;background:#fafbf8;white-space:nowrap}.partner-motion:hover{border-color:#c9a227;background:#faf6e9}.partner-motion[aria-pressed=true]{background:var(--navy);border-color:var(--navy);color:#fff}.partner-carousel{overflow:hidden;position:relative;-webkit-mask-image:linear-gradient(90deg,transparent,#000 20px,#000 calc(100% - 20px),transparent);mask-image:linear-gradient(90deg,transparent,#000 20px,#000 calc(100% - 20px),transparent)}.partner-track{display:flex;width:max-content;animation:partner-marquee 48s linear infinite;will-change:transform}.partner-list{list-style:none;display:flex;gap:18px;padding:8px 18px 8px 0;margin:0;flex-shrink:0}.partner-card{width:190px;flex:0 0 190px;min-height:120px;padding:20px 18px 16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;background:#fff;border:1px solid #e0e5df;border-radius:6px;box-shadow:0 4px 16px #163c4e05}.partner-logo{width:144px;height:56px;object-fit:contain;display:block;max-width:100%}.partner-logo--xiaomi{width:52px;height:56px}.partner-logo--lg{width:116px}.partner-card>span{font-size:13px;line-height:1.5;font-weight:500;letter-spacing:.015em;color:var(--muted)}.partner-strip.is-paused .partner-track,.partner-carousel:focus-within .partner-track{animation-play-state:paused}
@keyframes partner-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(hover:hover){.partner-carousel:hover .partner-track{animation-play-state:paused}.partner-card:hover{border-color:#c9a227;box-shadow:0 6px 20px #163c4e0d}}
@media(max-width:780px){.partner-strip{padding:36px 0}.partners-heading{gap:14px;flex-wrap:wrap;margin-bottom:20px}.partners-heading h2{font-size:21px;flex:1 1 300px}.partners-heading:after{display:none}.partner-motion{font-size:13px;min-height:42px;padding:9px 14px}.partner-card{width:168px;flex-basis:168px;padding:18px 12px 14px;min-height:114px}.partner-logo{width:136px;height:52px}.partner-logo--xiaomi{width:50px;height:52px}.partner-logo--lg{width:108px}}
@media(prefers-reduced-motion:reduce){.partner-track{animation:none;transform:none!important;width:100%;display:block;will-change:auto}.partner-carousel{-webkit-mask-image:none;mask-image:none}.partner-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:0;width:100%;gap:14px}.partner-list--clone,.partner-motion{display:none}.partner-card{width:auto;min-width:0;min-height:116px}.partner-logo{width:100%;max-width:144px}.partner-logo--xiaomi{max-width:52px}.partner-logo--lg{max-width:116px}}
@media(prefers-reduced-motion:reduce) and (max-width:780px){.partner-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}

/* Shared contact details live in the footer. */
.footer-main{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) minmax(0,1fr);align-items:start;gap:48px;padding:48px 0 40px}
.footer-main>div{min-width:0}
.footer-brand{display:flex;flex-direction:column;align-items:flex-start;gap:20px}
.footer-brand .back-top{margin:0;color:#d8e2e8}
.footer-main h2{font-family:var(--font-heading);font-size:17px;line-height:1.5;font-weight:600;color:#fff;margin:0 0 20px}
.footer-contact>a,.footer-location address{display:flex;align-items:flex-start;gap:12px;font-size:16px;line-height:1.7;font-style:normal;color:#eef3f6}
.footer-contact>a{margin-bottom:16px}
.footer-contact>a>span,.footer-location address>span{min-width:0;overflow-wrap:anywhere}
.footer-main .icon{width:20px;height:20px;color:var(--gold-light);margin-top:4px}
.footer-contact small,.footer-location address small{display:block;font-size:14px;line-height:1.6;color:#aec1cd;font-weight:400}
.footer-contact small{margin-bottom:3px}
.footer-location address small{margin-top:6px}
.footer-main .footer-note{font-size:13px;line-height:1.65;color:#a5bac9;margin:18px 0 0}
.footer-main .footer-area{font-size:16px;line-height:1.7;color:#eef3f6;margin:22px 0 0;padding-left:32px}
.footer-area>span{display:block;font-size:14px;color:#aec1cd;margin-bottom:3px}
.footer-contact a:hover,.footer-brand .back-top:hover{color:var(--gold-light)}
@media(max-width:1100px){.footer-main{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.footer-brand{grid-column:1/-1}}
@media(max-width:780px){.footer-main{grid-template-columns:minmax(0,1fr);gap:30px;padding:36px 0 30px}.footer-brand{grid-column:auto}.footer-main h2{margin-bottom:16px}.footer-main .footer-area{margin-top:18px}}

/* Six service categories: readable navigation and distinct page content. */
@media(min-width:1241px){
 .nav-shell{gap:22px}.header .brand .brand-lockup{width:280px}.header nav{flex:1;justify-content:flex-end;gap:16px;min-width:0}
 .header nav>a:not(.button){max-width:none;text-align:center;white-space:nowrap}.header .nav-cta{padding:14px 16px;margin-left:0}
}
@media(min-width:1241px) and (max-width:1440px){.header .brand .brand-lockup{width:250px}.header nav{gap:13px}}
.service-hero .page-hero-grid{grid-template-columns:minmax(0,1fr) 280px;gap:64px}
.service-hero h1{font-size:clamp(34px,3.5vw,50px);letter-spacing:-.035em;line-height:1.3}
.sector-visual{background:var(--navy);color:#fff;padding:24px 28px;min-height:240px;position:relative;overflow:hidden;border-radius:3px}
.sector-visual:before,.sector-visual:after{content:"";position:absolute;width:220px;height:220px;border:1px solid #ffffff15;border-radius:50%;right:-100px;top:-80px;pointer-events:none}
.sector-visual:after{width:260px;height:260px;right:-120px;top:-100px}
.sector-drawing{height:132px;display:flex;align-items:center}.sector-drawing .icon{width:95px;height:95px;stroke-width:1.1;color:var(--gold-light)}
.sector-visual>span{display:block;color:#bbccd6;font-size:11px;letter-spacing:.09em;margin-bottom:7px;line-height:1.6}
.sector-visual>strong{font-family:var(--font-heading);font-size:20px;line-height:1.5;font-weight:600}
.sector-section,.solar-explore{padding-top:65px}
.service-filters{display:flex;flex-wrap:wrap;gap:10px;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.service-filters button,.faq-filters button{font-size:15px;line-height:1.6;padding:11px 17px;min-height:46px;border:1px solid var(--line);border-radius:3px;text-align:left}
.service-filters button[aria-pressed=true],.faq-filters button[aria-pressed=true]{background:var(--navy);color:#fff;border-color:var(--navy)}
.service-filters button:hover,.faq-filters button:hover{border-color:#b99b44}
.filter-status{font-size:14px;color:var(--muted);margin:20px 0}
.work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.work-grid article{padding:28px;position:relative;min-width:0;display:flex;flex-direction:column;border:1px solid var(--line);background:#fff;border-radius:4px}
.work-number{font-family:var(--font-heading);font-size:42px;font-weight:500;line-height:1.2;color:#b4933b;margin-bottom:32px}
.work-grid article>.icon{position:absolute;right:28px;top:31px;color:#748c93;width:34px;height:34px}
.work-grid h3,.technical-grid h3{font-size:23px;line-height:1.45;margin-bottom:14px}
.work-grid p,.technical-grid p{font-size:16px;color:var(--muted);line-height:1.8;margin-bottom:22px}
.work-grid .text-link,.technical-grid .text-link{margin-top:auto;font-size:15px}
.technical-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:36px}
.technical-grid article{display:flex;flex-direction:column;align-items:flex-start;border-top:2px solid #b99b44;padding:30px;background:#f5f6f1;min-width:0}
.technical-grid article>.icon{width:36px;height:36px;color:#9b7a20;margin-bottom:28px}
.solar-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:32px;margin-top:36px;align-items:stretch}
.solar-choices{display:flex;flex-direction:column;gap:14px}
.solar-choices button{padding:24px 24px 24px 68px;border:1px solid var(--line);background:#fff;border-radius:4px;text-align:left;position:relative;flex:1}
.solar-choices button>span{position:absolute;left:22px;top:24px;font-size:14px;color:#9a7c25}
.solar-choices strong{font-family:var(--font-heading);font-size:19px;font-weight:600;line-height:1.6;display:block;margin-bottom:5px}
.solar-choices small{font-size:15px;line-height:1.7;color:var(--muted);display:block}
.solar-choices button[aria-pressed=true]{background:#f7f4e7;border-color:#baa04e;box-shadow:inset 3px 0 #baa04e}
.solar-result{background:var(--navy);color:#fff;padding:36px;display:flex;flex-direction:column;border-radius:4px;min-width:0}
.solar-result .eyebrow{color:var(--gold-light);font-size:12px;line-height:1.6;letter-spacing:.07em;margin-bottom:18px}
.solar-result h3{font-size:27px;line-height:1.5;margin-bottom:16px}
.solar-result>p:not(.eyebrow){font-size:16px;line-height:1.8;color:#d2dee5;margin-bottom:24px}
.solar-result .handover-list{border-color:#ffffff25;margin-bottom:28px}
.solar-result .handover-list li{padding:14px 0;border-color:#ffffff25;color:#d2dee5;font-size:15px;line-height:1.7}
.solar-result .button{align-self:flex-start;margin-top:auto;font-size:15px;white-space:normal;text-align:left}
.faq-page-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:70px;align-items:start}
.faq-filters{display:flex;flex-direction:column;gap:10px}
.faq-page-layout .eyebrow{margin-bottom:18px;font-size:12px}
.faq-page-layout .filter-status{margin-top:0}
.faq-page-list summary{align-items:center;gap:24px}
.faq-page-list summary>.faq-question{display:block;width:auto;height:auto;flex:1;min-width:0;transform:none!important;margin:0;line-height:1.65;font-size:18px}
.faq-question small{display:block;color:#9b7a20;font-weight:500;font-size:12px;line-height:1.6;margin-bottom:8px}
.faq-page-list details p{line-height:1.8;font-size:16px}
body[data-page=thiet-bi-dien] .catalog-section{padding-top:50px}
@media(max-width:1100px){.service-hero .page-hero-grid{grid-template-columns:minmax(0,1fr) 220px;gap:40px}.sector-visual{padding:22px;min-height:230px}.sector-visual>strong{font-size:18px}.work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.solar-layout{gap:22px}.solar-result{padding:28px}.solar-choices button{padding:20px 20px 20px 55px}.solar-choices button>span{left:18px;top:22px}.faq-page-layout{grid-template-columns:230px minmax(0,1fr);gap:35px}}
@media(max-width:780px){.service-hero .page-hero-grid{grid-template-columns:minmax(0,1fr)}.sector-visual{display:none}.sector-section,.solar-explore{padding-top:45px}.solar-layout{grid-template-columns:minmax(0,1fr);gap:22px}.solar-choices strong{font-size:18px}.solar-result h3{font-size:25px}.faq-page-layout{grid-template-columns:minmax(0,1fr);gap:28px}.faq-filters{flex-direction:row;flex-wrap:wrap;gap:8px}.faq-filters button{font-size:14px;padding:9px 13px;min-height:44px}.technical-grid article{padding:25px}.work-grid h3,.technical-grid h3{font-size:21px}.service-hero h1{font-size:clamp(30px,6vw,42px)}}
@media(max-width:560px){.work-grid,.technical-grid{grid-template-columns:minmax(0,1fr)}.work-grid article{padding:26px}.work-number{font-size:36px;margin-bottom:25px}.solar-result{padding:26px}.solar-result .button{width:100%;justify-content:space-between}.service-filters{gap:8px}.service-filters button{font-size:14px;padding:10px 13px}.faq-page-list summary>.faq-question{font-size:17px}.service-hero h1{font-size:32px}}

/* Product-level wire and cable catalogue. */
.cable-hero{background:#f2f4ef;border-bottom:1px solid var(--line);padding:26px 0 38px}
.cable-hero .breadcrumbs{margin-bottom:25px}.cable-hero-inner{display:grid;grid-template-columns:minmax(0,1fr) 220px;align-items:center;gap:60px}
.cable-hero .eyebrow{margin-bottom:16px}.cable-hero h1{font-size:clamp(34px,3.5vw,48px);line-height:1.3;letter-spacing:-.035em;margin-bottom:16px}
.cable-hero p:not(.eyebrow){font-size:17px;color:var(--muted);line-height:1.8;max-width:720px;margin:0 0 23px}
.cable-facts{display:flex;gap:10px 22px;flex-wrap:wrap;color:#5b747d;font-size:13px;line-height:1.7}
.cable-facts span+span{border-left:1px solid #ced8d2;padding-left:22px}
.cable-hero-photo{padding:12px;background:#fff;border:1px solid #dce3df;border-radius:4px;text-align:center;transform:rotate(2deg)}
.cable-hero-photo img{height:150px;width:100%;object-fit:contain}.cable-hero-photo>span{display:block;font-size:9px;letter-spacing:.1em;font-weight:600;margin:9px 0 2px;color:#8a782d}
.cable-source{background:#f9f7ee;border-bottom:1px solid #e7e1ce;padding:17px 0;color:#6c6c56}
.cable-source span{font-size:13px;line-height:1.8;display:block}.cable-source a{font-weight:600;color:#846b20;text-decoration:underline;text-underline-offset:3px}
.cable-source p{font-size:14px;line-height:1.8;margin:3px 0 0}
.cable-catalog{padding:40px 0 70px}.cable-search-row{display:flex;gap:14px;align-items:end;margin-bottom:28px}
.cable-search{display:block;flex:1;font-size:14px;line-height:1.6;color:var(--muted)}.cable-search input{font-size:16px;margin:8px 0 0;padding:14px 17px;background:#fafbf8;border-color:#cbd7d9}
.cable-filter-toggle{display:none}.cable-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:30px;align-items:start}
.cable-filter-panel{border:1px solid var(--line);border-radius:4px;padding:22px;background:#fafbf8;position:sticky;top:115px}
.cable-filter-title{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:24px}
.cable-filter-title h2{font-size:18px;font-weight:600;line-height:1.5;margin:0}.cable-filter-title button{font-size:13px;color:#856a19;padding:6px 0;white-space:nowrap}
.cable-filter-panel>label{font-size:14px;line-height:1.6;display:block;margin:0 0 20px;color:var(--ink);font-weight:500}
.cable-filter-panel select{display:block;width:100%;max-width:100%;font-size:14px;line-height:1.6;padding:11px 28px 11px 10px;margin:7px 0 0;color:var(--ink);background-color:#fff;text-overflow:ellipsis}
.cable-price-range>span{font-size:13px;line-height:1.7;display:block;margin-bottom:7px}.cable-price-range>div{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.cable-price-range label{min-width:0}.cable-price-range input{width:100%;min-width:0;padding:10px 8px;font-size:14px;margin:0}
.cable-filter-panel .cable-check{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:400;margin:20px 0 14px}
.cable-check input{width:17px;height:17px;flex:0 0 17px;margin:0;accent-color:var(--navy)}
.cable-filter-note{font-size:12px;line-height:1.8;color:var(--muted);margin:0}
.cable-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px;padding-bottom:19px;border-bottom:1px solid var(--line)}
.cable-toolbar>p{font-size:14px;color:var(--muted);margin:0;scroll-margin-top:120px}
.cable-toolbar>label{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--muted);white-space:nowrap;margin:0}
.cable-toolbar select{margin:0;padding:9px 30px 9px 12px;font-size:14px;min-height:42px;background-color:#fff;width:auto}
.cable-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.cable-card{min-width:0;border:1px solid #dce4e5;border-radius:4px;background:#fff;overflow:hidden;display:flex;flex-direction:column;transition:border-color .2s,box-shadow .2s}
.cable-card:hover{border-color:#c7af62;box-shadow:0 7px 25px #0e354508}
.cable-picture{background:#fff;min-width:0;width:100%;height:185px;padding:19px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid #edf0eb}
.cable-picture img{height:100%;width:100%;object-fit:contain}.cable-no-image{font-size:14px;line-height:1.7;color:var(--muted);text-align:center}
.cable-card-copy{padding:19px;display:flex;flex-direction:column;flex:1;min-width:0}
.cable-brand{font-size:11px;letter-spacing:.08em;color:#93731c;font-weight:600;line-height:1.7;margin-bottom:7px}
.cable-card h3{font-family:var(--font-heading);font-size:19px;font-weight:600;line-height:1.5;margin:0 0 9px;overflow-wrap:anywhere}
.cable-card h3 button{font:inherit;line-height:inherit;text-align:left;padding:0}.cable-card h3 button:hover{color:#8e711b}
.cable-name{font-size:14px;line-height:1.7;color:#546e78;margin:0 0 12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:47px}
.cable-spec{font-size:12px;line-height:1.8;color:#6b7c7e;background:#f5f6f1;padding:8px 10px;margin:0 0 20px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:58px;border-radius:2px}
.cable-price{margin-top:auto;margin-bottom:19px}.cable-price>span{display:block;font-size:11px;color:var(--muted);line-height:1.7;margin-bottom:3px}
.cable-price strong{font-size:21px;line-height:1.5;font-weight:650;display:block}.cable-price small{font-size:13px;font-weight:400;color:#637c85;white-space:normal}
.cable-actions{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid var(--line);padding-top:14px}
.cable-actions .text-link{font-size:13px;padding:7px 0}.cable-add{border:1px solid #d8c481;background:#faf7eb;color:#695210;border-radius:3px;padding:9px 11px;min-height:40px;font-size:13px;line-height:1.5;white-space:nowrap}
.cable-add:hover{background:#f7df91;border-color:#c5a63e}
.cable-pagination{display:flex;justify-content:center;gap:8px;align-items:center;flex-wrap:wrap;margin:35px 0 0}
.cable-pagination button{min-width:42px;min-height:42px;border:1px solid var(--line);border-radius:3px;font-size:14px;background:#fff}
.cable-pagination button[aria-current=page]{background:var(--navy);color:#fff;border-color:var(--navy)}.cable-pagination button:disabled{opacity:.35}
#cable-item-dialog,#cable-quote-dialog{max-width:900px;width:calc(100% - 40px)}
.cable-detail-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:32px;align-items:center}
.cable-detail-image{background:#fff;border:1px solid var(--line);padding:15px;min-height:230px;display:flex;align-items:center;justify-content:center}
.cable-detail-image img{width:100%;height:220px;object-fit:contain}.cable-detail-layout h2{font-size:30px;line-height:1.4;overflow-wrap:anywhere;margin-bottom:12px}
.cable-detail-price{font-size:28px;line-height:1.5;font-weight:600;margin-bottom:12px}.cable-detail-price small{font-size:16px;color:var(--muted);font-weight:400}
.cable-detail-layout .button{font-size:15px;white-space:normal;text-align:left}
.cable-properties{border-top:1px solid var(--line);margin:15px 0 25px}
.cable-properties>div{display:grid;grid-template-columns:220px minmax(0,1fr);gap:25px;padding:14px 0;border-bottom:1px solid var(--line);font-size:15px;line-height:1.8}
.cable-properties dt{color:var(--muted);font-weight:400}.cable-properties dd{margin:0;overflow-wrap:anywhere}
.cable-detail-source a{font-size:14px;color:#8c6e1b;text-decoration:underline;text-underline-offset:4px}
.cable-quote-bar{position:fixed;z-index:26;left:50%;bottom:22px;transform:translateX(-50%);max-width:650px;width:calc(100% - 40px);background:var(--navy);color:#fff;border:1px solid #526e81;box-shadow:0 8px 35px #072b4940;border-radius:5px;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:15px 20px}
.cable-quote-bar strong{font-size:17px;line-height:1.6;display:block}.cable-quote-bar span{font-size:13px;color:#c6d6e0;line-height:1.5;display:block}
.cable-quote-bar .button{font-size:15px;min-height:46px;padding:11px 17px}
.cable-quote-line{display:grid;grid-template-columns:minmax(0,1fr) 170px 45px;gap:22px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line)}
.cable-quote-line>div{min-width:0}.cable-quote-line strong{font-size:16px;line-height:1.6;overflow-wrap:anywhere}.cable-quote-line small{font-size:13px;line-height:1.8;color:var(--muted);display:block;margin-top:3px}
.cable-quote-line label{font-size:12px;line-height:1.6;margin:0}.cable-quote-line input{font-size:16px;padding:10px 12px;margin:6px 0 0}
.cable-quote-line>button{font-size:13px;color:#946530;padding:12px 0}
.cable-quote-total{font-size:20px;line-height:1.6;font-weight:600;margin:24px 0 10px}
#cable-quote-form>.field-row{margin-top:27px}#cable-quote-form>.button{margin-top:22px}
#cable-request-preview{white-space:pre-wrap;overflow-wrap:anywhere;font-family:var(--font-body);font-size:14px;line-height:1.8;background:#f5f6f1;padding:20px;max-height:50dvh;overflow:auto;margin:20px 0}
@media(max-width:1100px){.cable-layout{grid-template-columns:215px minmax(0,1fr);gap:22px}.cable-filter-panel{padding:18px}.cable-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cable-hero-inner{gap:35px}.cable-toolbar{align-items:flex-start;flex-direction:column;gap:15px}.cable-quote-bar{bottom:78px}}
@media(max-width:780px){.cable-hero{padding:23px 0 30px}.cable-hero-inner{grid-template-columns:minmax(0,1fr)}.cable-hero-photo{display:none}.cable-hero h1{font-size:34px}.cable-hero p:not(.eyebrow){font-size:16px}.cable-facts{gap:8px 14px}.cable-facts span+span{padding-left:14px}.cable-layout{display:block}.cable-filter-panel{display:none;position:static;margin-bottom:25px}.cable-filter-panel.is-open{display:block}.cable-filter-toggle{display:flex;flex-shrink:0;font-size:14px;min-height:50px;padding:12px 15px}.cable-search-row{align-items:end}.cable-source{padding:15px 0}.cable-source p{font-size:13px}.cable-catalog{padding:25px 0 45px}.cable-search{font-size:13px}.cable-search input{padding:12px;font-size:15px}.cable-toolbar{flex-direction:row;align-items:center;gap:12px}.cable-toolbar>label{font-size:0;gap:0}.cable-toolbar select{font-size:13px;padding:9px 25px 9px 9px;max-width:160px}.cable-toolbar>p{font-size:13px}.cable-grid{gap:14px}.cable-card-copy{padding:16px}.cable-picture{height:170px;padding:15px}.cable-detail-layout{grid-template-columns:minmax(0,1fr);gap:25px}.cable-detail-image{min-height:0}.cable-detail-image img{height:180px}.cable-detail-layout h2{font-size:26px}.cable-properties>div{grid-template-columns:minmax(0,1fr);gap:5px;font-size:15px}.cable-properties dt{font-size:13px}.cable-quote-bar{bottom:74px;gap:14px;width:calc(100% - 24px);padding:13px 15px}.cable-quote-bar strong{font-size:15px}.cable-quote-bar span{font-size:11px}.cable-quote-bar .button{font-size:13px;padding:10px 13px;min-height:42px}.cable-quote-line{grid-template-columns:minmax(0,1fr) 45px;gap:14px}.cable-quote-line>div{grid-column:1/-1}.cable-quote-line label{max-width:200px}.cable-quote-total{font-size:18px}.cable-facts{font-size:12px}}
@media(max-width:560px){.cable-grid{grid-template-columns:minmax(0,1fr)}.cable-card{display:grid;grid-template-columns:110px minmax(0,1fr)}.cable-picture{height:150px;padding:13px;border:0;align-self:start;margin-top:16px}.cable-card-copy{padding:18px 15px 18px 0}.cable-card h3{font-size:18px}.cable-name{font-size:13px;min-height:0;margin-bottom:10px}.cable-spec{font-size:11px;min-height:0;margin-bottom:14px;padding:6px 8px}.cable-price{margin-bottom:13px}.cable-price strong{font-size:20px}.cable-price>span{font-size:10px}.cable-actions{gap:8px;padding-top:10px}.cable-actions .text-link{font-size:12px}.cable-add{font-size:12px;padding:8px 9px;min-height:38px}.cable-search-row{flex-wrap:wrap}.cable-search{flex-basis:100%}.cable-filter-toggle{min-height:42px;padding:9px 15px}.cable-toolbar{align-items:center}.cable-toolbar select{max-width:145px}.cable-pagination{gap:6px}.cable-pagination button{min-width:36px;min-height:40px}#cable-item-dialog,#cable-quote-dialog{width:calc(100% - 24px);padding:22px}.cable-detail-image img{height:170px}.cable-quote-bar span{display:none}.cable-quote-line input{min-height:44px}}
@media(prefers-reduced-motion:reduce){.cable-card{transition:none}}

/* BAA product imagery on the electrical-equipment category tile. */
.device-art:has(>img){background:#fff}.device-art:has(>img):before{display:none}.device-art>img{width:220px;height:165px;max-width:100%;object-fit:contain;position:relative;z-index:1}
.cable-brand{font-size:12px}.cable-spec{font-size:13px}.cable-price>span{font-size:12px}.cable-actions .text-link,.cable-add{font-size:14px}
@media(max-width:560px){.cable-name{font-size:14px}.cable-spec{font-size:13px}.cable-price>span{font-size:12px}.cable-actions .text-link,.cable-add{font-size:13px}}

/* Category illustrations; they do not represent individual product photos. */
.protection-illustration{height:100%;width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px}
.protection-illustration img{height:calc(100% - 22px);max-height:145px;width:100%;object-fit:contain}
.protection-illustration small{font-size:11px;line-height:1.5;color:#6b7c7e;text-align:center}
.cable-detail-image .protection-illustration{min-height:210px}.cable-detail-image .protection-illustration img{height:180px;max-height:180px}
.product-photo{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;min-width:0;gap:5px}.product-photo img{display:block;min-height:0;max-height:calc(100% - 23px);width:100%;object-fit:contain}.product-photo small{display:block;font-size:10px;line-height:1.25;text-align:center;color:#697b82}.cable-detail-image .product-photo{min-height:240px}.cable-detail-image .product-photo img{max-height:220px}@media(max-width:560px){.product-photo small{font-size:9px}.cable-detail-image .product-photo{min-height:185px}.cable-detail-image .product-photo img{max-height:160px}}

/* Tên thương hiệu dạng chữ khi logo chưa có căn cứ sử dụng. */
.partner-card>.partner-name{font-size:18px;font-weight:700;letter-spacing:.015em;color:#304759;line-height:1.3;text-align:center}