/* Gia dụng điện máy: styles scoped to this catalogue only. */
.ap-hero{padding:120px 0 62px;background:#f2f5f4;color:#0b2c45}.ap-hero .breadcrumbs{margin-bottom:38px}.ap-hero-content{max-width:820px}.ap-hero h1{font-size:clamp(2.7rem,5.2vw,4.9rem);line-height:1.1;letter-spacing:-.045em;margin:16px 0 22px}.ap-hero h1 span{color:#b6840b}.ap-hero-content>p:not(.eyebrow){font-size:1.12rem;line-height:1.7;max-width:680px;color:#60788a}.ap-hero-facts{display:flex;gap:0;flex-wrap:wrap;margin-top:34px}.ap-hero-facts span{padding:0 24px;border-left:1px solid #cbd6da;color:#647d8d;font-size:.9rem}.ap-hero-facts span:first-child{border:0;padding-left:0}.ap-hero-facts strong{color:#0b2c45}.ap-notice{background:#faf7eb;border-block:1px solid #eee6d3;color:#686b5e;font-size:.9rem;padding:17px 0;line-height:1.6}.ap-section{background:#fff}.ap-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:34px}.ap-heading h2{font-size:clamp(2rem,3vw,2.9rem);letter-spacing:-.04em;margin:12px 0 0}.ap-heading>p{max-width:410px;color:#668092;line-height:1.6}.ap-controls{display:grid;grid-template-columns:minmax(240px,2fr) repeat(3,minmax(150px,1fr)) auto;gap:14px;align-items:end;padding:22px;background:#f3f6f5;border:1px solid #dce5e5}.ap-controls label,.ap-request-dialog form label{display:grid;gap:8px;color:#173a50;font-size:.86rem;font-weight:700;min-width:0}.ap-controls input,.ap-controls select,.ap-request-dialog input,.ap-request-dialog textarea,.ap-request-dialog #ap-request-output{width:100%;min-width:0;min-height:48px;border:1px solid #bacbd2;border-radius:3px;background:white;color:#18384b;font:inherit;padding:11px 12px}.ap-controls select{cursor:pointer}.ap-controls input:focus,.ap-controls select:focus,.ap-request-dialog input:focus,.ap-request-dialog textarea:focus{outline:2px solid #be8a0b;outline-offset:1px}.ap-reset{min-height:48px;padding:8px 10px;border:0;background:transparent;color:#916b11;font-weight:700;white-space:nowrap;cursor:pointer}.ap-result-bar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:30px 0 18px;color:#637b8b;font-size:.91rem}.ap-result-bar span{color:#987115}.ap-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.ap-card{display:flex;flex-direction:column;min-width:0;border:1px solid #d7e1e4;background:#fff;border-radius:3px;overflow:hidden}.ap-card:hover{border-color:#c99b37}.ap-picture{display:grid;place-items:center;width:100%;height:206px;padding:18px;border:0;background:#f5f7f5;cursor:pointer}.ap-picture img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.ap-no-photo{display:grid;place-items:center;align-content:center;gap:10px;color:#879a9f;text-align:center}.ap-no-photo>span{font-size:2rem;line-height:1;color:#aab9b4}.ap-no-photo small{font-size:.8rem}.ap-card-copy{display:flex;flex:1;flex-direction:column;padding:20px 22px 22px;min-width:0}.ap-card-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;text-transform:uppercase;font-size:.68rem;font-weight:800;letter-spacing:.05em;color:#9d760f}.ap-card-meta span:last-child{color:#728993;font-weight:600;letter-spacing:0;text-transform:none;text-align:right}.ap-card h3{font-size:1.08rem;line-height:1.4;margin:13px 0 5px;overflow-wrap:anywhere}.ap-card h3 button{border:0;background:none;padding:0;color:#102f45;font:inherit;font-weight:750;text-align:left;cursor:pointer}.ap-card h3 button:hover,.ap-related button:hover strong{color:#ac7b09}.ap-model{color:#687f8e;font-size:.84rem;overflow-wrap:anywhere}.ap-spec{color:#657f8f;font-size:.9rem;line-height:1.6;margin:13px 0 20px;overflow-wrap:anywhere}.ap-price{display:flex;gap:10px;align-items:baseline;margin-top:auto;padding-top:15px;border-top:1px solid #e0e8e9;color:#6c8291;font-size:.86rem}.ap-price strong,.ap-detail-price strong{color:#9d7208;font-size:1rem}.ap-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px}.ap-actions button{font-size:.86rem}.ap-consult{border:0;background:none;padding:0;text-align:right;color:#956c0a;font-weight:700;cursor:pointer}.ap-empty{text-align:center;padding:65px 15px}.ap-empty h3{margin-bottom:8px}.ap-empty p{margin:0 0 18px;color:#708894}.ap-pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:38px;flex-wrap:wrap}.ap-pagination button{min-width:40px;height:40px;border:1px solid #cbd8dd;background:#fff;color:#12334c;cursor:pointer}.ap-pagination button[aria-current=page]{background:#0b2c45;border-color:#0b2c45;color:#fff}.ap-pagination button:disabled{opacity:.4;cursor:not-allowed}.ap-dialog{width:min(860px,calc(100% - 32px));max-width:860px;max-height:88dvh;overflow:auto}.ap-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:30px;margin-bottom:28px}.ap-detail-picture{display:grid;place-items:center;min-height:230px;background:#f3f6f4}.ap-detail-picture img{max-width:100%;max-height:300px;object-fit:contain}.ap-detail-category{color:#a1780b;font-size:.85rem;font-weight:700}.ap-detail-layout h2{font-size:clamp(1.6rem,3vw,2.3rem);overflow-wrap:anywhere}.ap-detail-price{padding:14px 0;margin:14px 0}.ap-detail-specs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 20px;margin:14px 0 20px;padding-left:20px;color:#48677a;line-height:1.6}.ap-related{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px}.ap-related button{display:grid;gap:5px;text-align:left;padding:15px;border:1px solid #d9e3e5;background:#fff;color:#16364c;cursor:pointer;overflow-wrap:anywhere}.ap-related button span,.ap-related button small{color:#718691;font-size:.78rem}.ap-request-dialog{max-width:620px}.ap-request-dialog form{display:grid;gap:16px}.ap-request-dialog textarea{resize:vertical}.ap-request-dialog #ap-request-output{font-family:inherit;font-weight:400;line-height:1.5;resize:vertical}.ap-request-dialog .review-actions{margin-top:16px}
.ap-related-image{display:block;width:64px;height:64px;max-width:100%;object-fit:contain}
.ap-photo-frame{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:100%;height:100%;min-height:0}.ap-photo-frame img{display:block;width:auto;height:auto;max-width:100%;max-height:calc(100% - 32px);min-height:0;object-fit:contain}.ap-photo-label{display:block;max-width:100%;color:#637b83;font-size:.72rem;line-height:1.3;text-align:center}.ap-detail-picture .ap-photo-frame{padding:12px}.ap-detail-picture .ap-photo-frame img{max-height:250px}.ap-related-illustration{color:#637b83;font-size:.72rem;line-height:1.25}
@media(max-width:1050px){.ap-controls{grid-template-columns:repeat(3,minmax(0,1fr))}.ap-search{grid-column:span 2}.ap-reset{text-align:left}.ap-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.ap-hero{padding:100px 0 45px}.ap-hero .breadcrumbs{margin-bottom:28px}.ap-hero-facts{gap:10px}.ap-hero-facts span{padding:0 12px}.ap-heading{display:block}.ap-heading>p{margin-top:14px}.ap-controls{grid-template-columns:repeat(2,minmax(0,1fr));padding:16px}.ap-search{grid-column:1/-1}.ap-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ap-picture{height:150px;padding:10px}.ap-card-copy{padding:14px 13px 16px}.ap-card-meta{display:grid;gap:4px}.ap-card-meta span:last-child{text-align:left}.ap-card h3{font-size:.94rem}.ap-spec{font-size:.82rem}.ap-actions{align-items:flex-start;flex-direction:column}.ap-consult{text-align:left}.ap-detail-layout{grid-template-columns:1fr;gap:18px}.ap-detail-picture{min-height:160px}.ap-detail-specs{grid-template-columns:1fr}.ap-related{grid-template-columns:1fr}.ap-dialog{padding:20px}}
@media(max-width:360px){.ap-grid{grid-template-columns:1fr}.ap-controls{grid-template-columns:1fr}.ap-search{grid-column:auto}.ap-picture{height:170px}}
.ap-grid[hidden],.ap-pagination[hidden],.ap-empty[hidden],.ap-dialog [hidden]{display:none!important}

/* UI/UX 006: a tighter catalogue introduction; shared brand and copy stay intact. */
.ap-hero{padding:56px 0 40px}
.ap-hero .breadcrumbs{margin-bottom:22px}
.ap-hero h1{font-size:clamp(34px,3.9vw,54px);line-height:1.2;margin:12px 0 16px}
.ap-hero-facts{margin-top:20px}
.ap-section.section{padding-top:48px;padding-bottom:64px}
.ap-heading{margin-bottom:22px}
.ap-controls{padding:18px}
.ap-result-bar{margin:22px 0 16px}
.ap-picture{height:190px}
.ap-card-copy{padding:16px 18px 18px}
.ap-card h3{margin:10px 0 5px}
.ap-spec{color:#4f626a;margin:10px 0 14px}
.ap-price{padding-top:12px}
.ap-actions{margin-top:14px}
.ap-photo-label,.ap-related-illustration{font-size:12px;line-height:1.4;color:#50636b}
.ap-photo-frame img{max-height:calc(100% - 40px)}
@media(max-width:640px){
 .ap-hero{padding:32px 0 28px}
 .ap-hero .breadcrumbs{margin-bottom:20px}
 .ap-hero h1{font-size:clamp(30px,8vw,42px);line-height:1.25}
 .ap-section.section{padding-top:38px;padding-bottom:48px}
 .ap-controls{padding:16px}
 .ap-picture{height:150px}
 .ap-card-copy{padding:14px 13px 16px}
}
@media(max-width:360px){.ap-picture{height:170px}}