/* Heyaansh UX Patch 04 — scoped customer-experience layer, 23 Oct 2026.
 * Existing application styles and backend code are untouched. */
:root{--hux-ink:#142436;--hux-soft:#667587;--hux-line:#e3e9ee;--hux-orange:#c65b2e;--hux-blue:#173b57;--hux-mist:#f4f7fa}
.hux-sr{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.hux-wrap{width:min(1180px,calc(100% - 40px));margin-inline:auto}
.hux-home,.hux-catalogue{font-family:inherit;color:var(--hux-ink);background:#fff}
.hux-home *, .hux-catalogue *{box-sizing:border-box}
.hux-home img,.hux-catalogue img{display:block;max-width:100%;height:auto}
.hux-home a,.hux-catalogue a{text-decoration:none}
.hux-home :focus-visible,.hux-catalogue :focus-visible,.hux-header-nav :focus-visible,.site-header .hux-header-search:focus-visible,.site-header .hux-header-quote:focus-visible{outline:3px solid #ef9c65;outline-offset:3px}
.hux-section-label{font-size:.72rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:var(--hux-orange);display:block;margin-bottom:12px}
.hux-home h1,.hux-home h2,.hux-home h3,.hux-catalogue h1,.hux-catalogue h2,.hux-catalogue h3{font-family:inherit;letter-spacing:-.035em}
.hux-button{display:inline-flex;justify-content:center;align-items:center;gap:15px;border-radius:12px;font-size:.94rem;font-weight:760;line-height:1.2;padding:16px 22px;transition:transform .2s ease,background-color .2s ease,box-shadow .2s ease}
.hux-button:hover{transform:translateY(-2px)}
.hux-primary{background:var(--hux-orange);color:#fff!important;box-shadow:0 10px 25px rgba(117,55,28,.20)}
.hux-primary:hover{background:#af4b22}
.hux-outline{color:#fff!important;border:1px solid rgba(255,255,255,.48);background:rgba(255,255,255,.08)}
.hux-outline:hover{background:rgba(255,255,255,.17)}
/* Shared navigation enhancement (app launcher and legacy drop-down event handlers remain). */
.site-header .hux-header-nav{gap:1.1rem}
.site-header .hux-nav-link{font-weight:650;color:#26384b;font-size:.89rem;text-decoration:none;white-space:nowrap;display:inline-flex;align-items:center;min-height:44px}
.site-header .hux-nav-link:hover,.site-header .hux-nav-link[aria-current="page"]{color:var(--hux-orange)}
.site-header .hux-header-search{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;color:#274258!important;border:1px solid #e5e9ed;border-radius:11px;background:#fff;flex:none}
.site-header .hux-header-search svg,.hux-search-form svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.site-header .hux-header-search:hover{background:#f3f6f9}
.site-header .hux-header-quote{align-items:center;gap:10px;padding:12px 16px;background:var(--hux-blue);color:white!important;font-weight:750;font-size:.87rem;border-radius:10px;text-decoration:none;white-space:nowrap}
.site-header .hux-header-quote:hover{background:#0f2b41}
.site-header .hux-mobile-explore{background:#f0f5fa;color:#173b57}
.site-header .hux-mobile-quote{background:#fff1e9;color:#99411d}
/* Homepage hero */
.hux-hero{background:radial-gradient(circle at 83% 23%,#255573 0,#142c42 45%,#0d2134 100%);color:#fff;padding:72px 0 86px;position:relative;overflow:hidden}
.hux-hero::before{content:"";position:absolute;inset:0;opacity:.25;background-image:radial-gradient(rgba(255,255,255,.2) 1px,transparent 1px);background-size:27px 27px;pointer-events:none;mask-image:linear-gradient(90deg,transparent,#000)}
.hux-hero-layout{display:grid;grid-template-columns:1fr 1.02fr;gap:7%;align-items:center;position:relative}
.hux-eyebrow{display:inline-flex;align-items:center;gap:9px;padding:10px 14px;border:1px solid rgba(255,255,255,.2);border-radius:100px;color:#d7e9f5;background:rgba(255,255,255,.06);font-size:.73rem;font-weight:700;letter-spacing:.045em}
.hux-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#ffab6f;flex:none;box-shadow:0 0 0 4px rgba(255,171,111,.15)}
.hux-hero h1{font-size:clamp(2.75rem,4.4vw,4.65rem);line-height:1.09;font-weight:860;letter-spacing:-.065em;margin:24px 0}
.hux-hero h1 em{font-style:normal;color:#ffb27d;display:block}
.hux-hero-copy>p{font-size:1.08rem;line-height:1.76;color:#d1dee8;max-width:570px;margin:0 0 28px}
.hux-hero-actions{display:flex;flex-wrap:wrap;gap:12px}
.hux-hero-note{font-size:.79rem;color:#b2c6d6;margin-top:22px}
.hux-hero-visual{min-width:0;position:relative;border-radius:22px 22px 30px 22px;border:1px solid rgba(255,255,255,.23);padding:9px;background:rgba(255,255,255,.08);box-shadow:0 30px 70px rgba(1,10,22,.30)}
.hux-hero-visual>img{width:100%;aspect-ratio:1.22;object-fit:cover;border-radius:15px}
.hux-visual-caption{position:absolute;bottom:22px;left:22px;right:22px;background:rgba(255,255,255,.96);box-shadow:0 15px 50px rgba(0,0,0,.12);display:flex;align-items:center;gap:13px;padding:13px 16px;border-radius:13px;color:var(--hux-ink)}
.hux-visual-caption>div{flex:1;min-width:0}.hux-visual-caption strong{display:block;font-size:.9rem}.hux-visual-caption small{font-size:.71rem;color:#64748b;display:block;margin-top:2px}
.hux-visual-caption a{border-radius:9px;background:#173b57;color:#fff!important;font-size:1.35rem;font-weight:800;width:38px;height:38px;display:flex;align-items:center;justify-content:center}
.hux-quick{margin-top:-39px;position:relative;z-index:2}
.hux-quick-layout{background:#fff;display:grid;grid-template-columns:280px 1fr;align-items:center;gap:28px;border:1px solid #e4eaf0;border-radius:17px;padding:18px 23px;box-shadow:0 15px 45px rgba(20,36,54,.12)}
.hux-quick-layout>div strong{display:block;font-size:1.06rem;letter-spacing:-.02em}.hux-quick-layout>div span{display:block;font-size:.76rem;color:#667587;margin-top:4px}
.hux-search-form{position:relative;display:flex;align-items:center;gap:10px;border:1px solid #d7e2e9;border-radius:11px;padding:5px 5px 5px 16px;min-width:0;background:#f9fbfc}
.hux-search-form svg{width:20px;height:20px;flex:none;color:#567087}
.hux-search-form input{border:0;background:transparent;outline:0;min-width:0;width:100%;flex:1;padding:10px 1px;color:#162e42;font:inherit;font-size:.9rem}
.hux-search-form:focus-within{outline:3px solid rgba(198,91,46,.20);border-color:#c65b2e}
.hux-search-form button{border:0;border-radius:8px;background:var(--hux-blue);color:#fff;padding:11px 18px;font-weight:750;cursor:pointer;font-size:.85rem;flex:none}
.hux-search-form button:hover{background:#0e2b40}
/* Content */
.hux-section{padding:92px 0}
.hux-section-heading{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:34px}
.hux-section-heading h2{font-weight:830;font-size:clamp(1.85rem,3.2vw,2.65rem);line-height:1.19;margin:0}
.hux-section-heading p{font-size:.96rem;color:#63758a;margin:11px 0 0;line-height:1.6}
.hux-text-link{font-weight:760;color:#b95226!important;font-size:.9rem;white-space:nowrap;padding-bottom:4px}
.hux-text-link:hover{text-decoration:underline!important}
.hux-category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.hux-category-card{border:1px solid var(--hux-line);border-radius:18px;background:#fff;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;color:var(--hux-ink)!important;box-shadow:0 4px 14px rgba(19,40,59,.035)}
.hux-category-card:hover{transform:translateY(-4px);border-color:#c4d4df;box-shadow:0 18px 35px rgba(16,41,64,.11)}
.hux-card-photo{aspect-ratio:1.9;overflow:hidden;background:#e6edf2}
.hux-card-photo img{height:100%;width:100%;object-fit:cover;transition:transform .25s ease}
.hux-category-card:hover img{transform:scale(1.04)}
.hux-card-body{padding:22px 23px 25px}.hux-card-body>span{font-size:.67rem;color:#ad522e;font-weight:830;letter-spacing:.12em;text-transform:uppercase}
.hux-card-body h3{font-size:1.35rem;letter-spacing:-.04em;font-weight:830;margin:9px 0}.hux-card-body p{font-size:.88rem;line-height:1.6;color:#667587;min-height:2.9em;margin:0 0 20px}
.hux-card-body b{font-size:.86rem;color:#17425e}
.hux-card-quote{background:linear-gradient(145deg,#163955,#10283c);padding:35px 30px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;color:#fff!important;border:0;position:relative;overflow:hidden}
.hux-card-quote::after{content:"";width:220px;height:220px;position:absolute;right:-80px;top:-85px;background:rgba(255,255,255,.035);border-radius:50%}
.hux-quote-icon{display:grid;place-items:center;background:#254c6a;border-radius:14px;width:54px;height:54px;font-size:1.7rem;color:#fbbb85}
.hux-card-quote h3{font-size:1.65rem;line-height:1.2;font-weight:840;margin:24px 0 13px;max-width:260px}.hux-card-quote p{color:#cedce6;font-size:.91rem;line-height:1.7;margin-bottom:25px}
.hux-white{background:#fff;color:#14394f!important;padding:12px 16px}
.hux-featured{background:#f3f7fa}
.hux-featured-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.hux-featured-grid a{background:#fff;border:1px solid var(--hux-line);border-radius:15px;padding:21px;min-height:182px;display:flex;flex-direction:column;color:var(--hux-ink)!important;transition:border .2s,box-shadow .2s}
.hux-featured-grid a:hover{border-color:#a3bfcb;box-shadow:0 14px 30px rgba(20,40,60,.07)}
.hux-featured-grid span{font-size:.75rem;color:#bb6039;font-weight:800;margin-bottom:20px}
.hux-featured-grid strong{font-size:1.13rem}.hux-featured-grid small{color:#647587;margin-top:5px;font-size:.78rem}
.hux-featured-grid b{align-self:flex-end;margin-top:auto;font-size:1.2rem;color:var(--hux-orange)}
.hux-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.hux-steps>div{border-top:2px solid #dce8ef;padding-top:23px}.hux-steps span{display:grid;place-items:center;width:45px;height:45px;border-radius:50%;background:#e9f2f8;color:#1b587b;font-weight:830}
.hux-steps h3{font-size:1.22rem;font-weight:810;margin:16px 0 9px}.hux-steps p{color:#68798b;font-size:.9rem;line-height:1.65;max-width:300px}
.hux-insights-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.hux-insight{background:#fff;border:1px solid var(--hux-line);border-radius:16px;overflow:hidden;color:var(--hux-ink)!important;transition:box-shadow .2s}
.hux-insight:hover{box-shadow:0 12px 30px rgba(20,40,60,.09)}
.hux-insight img{height:182px;width:100%;object-fit:cover;background:#e7ecf0}
.hux-insight>div{padding:21px}.hux-insight span{font-size:.7rem;color:#b85a32;font-weight:750}.hux-insight h3{font-size:1.04rem;line-height:1.4;font-weight:780;margin:10px 0 15px}.hux-insight small{font-size:.81rem;color:#295679;font-weight:750}
.hux-final{background:#10283c;color:#fff;padding:67px 0}.hux-final-content{display:flex;justify-content:space-between;align-items:center;gap:40px}
.hux-final h2{font-size:clamp(2rem,3vw,2.8rem);font-weight:820;margin:0 0 9px}.hux-final p{color:#bfcede;font-size:.94rem;line-height:1.6}.hux-final-actions{display:flex;gap:13px;flex-wrap:wrap}
/* Catalogue page */
.hux-catalogue-hero{background:linear-gradient(135deg,#112d43,#1d4b69);color:#fff;padding:67px 0 74px}
.hux-catalogue-hero h1{font-size:clamp(2.25rem,5vw,3.7rem);font-weight:850;margin:0 0 13px}.hux-catalogue-hero p{max-width:650px;color:#d1dce5;font-size:1rem;line-height:1.7}
.hux-catalogue-form{max-width:800px;margin-top:26px;background:#fff;color:#172a39;border-color:transparent}
.hux-catalogue-main{padding-top:36px;padding-bottom:85px}
.hux-filter-toolbar{display:flex;flex-wrap:wrap;gap:9px;padding-bottom:25px;border-bottom:1px solid #e4e9ee}
.hux-filter{font:inherit;font-size:.83rem;font-weight:730;color:#40596b;border:1px solid #d7e2e9;background:#fff;border-radius:30px;padding:10px 17px;cursor:pointer}
.hux-filter:hover{background:#f4f7fa}.hux-filter.is-active{color:#fff;background:#173b57;border-color:#173b57}
.hux-filter:focus-visible{outline:3px solid #f49d69;outline-offset:2px}
.hux-results-heading{display:flex;align-items:baseline;justify-content:space-between;gap:15px;margin:28px 0 25px}
.hux-results-heading h2{font-size:1.5rem;font-weight:840;margin:0}.hux-results-heading p{font-size:.84rem;color:#718192}
.hux-catalogue-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.hux-product{overflow:hidden;border:1px solid var(--hux-line);border-radius:15px;background:#fff;display:flex;flex-direction:column}
.hux-product[hidden]{display:none!important}.hux-product-photo{display:block;background:#eaf0f4;aspect-ratio:1.8;overflow:hidden}
.hux-product-photo img{width:100%;height:100%;object-fit:cover;transition:transform .2s}.hux-product:hover .hux-product-photo img{transform:scale(1.04)}
.hux-product-info{padding:21px;display:flex;flex-direction:column;flex:1;align-items:flex-start}
.hux-product-info>span{font-size:.67rem;color:#af562f;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.hux-product-info h3{font-size:1.18rem;line-height:1.24;font-weight:810;margin:10px 0}.hux-product-info h3 a{color:#15344b!important}.hux-product-info h3 a:hover{text-decoration:underline!important}
.hux-product-info p{font-size:.85rem;color:#697a8a;line-height:1.6;margin:0 0 22px}
.hux-product-actions{margin-top:auto;width:100%;display:flex;gap:8px;justify-content:space-between;align-items:center;flex-wrap:wrap}
.hux-product-actions a:first-child{font-size:.85rem;font-weight:750;color:#194c68!important}
.hux-product-actions a:last-child{font-size:.8rem;font-weight:760;color:#fff!important;background:#bb592f;border-radius:8px;padding:9px 13px}
.hux-empty{border:1px dashed #a9bccb;background:#f7fafc;padding:35px;text-align:center;border-radius:17px}
.hux-empty strong{font-size:1.18rem}.hux-empty p{color:#667587;margin:7px 0 20px}.hux-empty a,.hux-empty button{display:inline-flex;margin:4px 6px;padding:10px 16px;border:1px solid #a9becb;border-radius:9px;background:#fff;color:#244d67;cursor:pointer;font-weight:760}
.hux-empty[hidden]{display:none!important}.hux-catalogue-footnote{font-size:.76rem;color:#647587;line-height:1.6;margin-top:30px}
@media(max-width:1100px){.hux-hero-layout{gap:30px}.hux-hero h1{font-size:clamp(2.55rem,4vw,3.7rem)}.site-header .hux-header-nav{gap:.6rem}.hux-category-grid{gap:15px}}
@media(max-width:900px){.hux-hero-layout{grid-template-columns:1fr;gap:35px}.hux-hero{padding:60px 0 80px}.hux-hero-copy{max-width:660px}.hux-hero-visual{max-width:700px}.hux-hero-visual>img{aspect-ratio:1.7}.hux-quick-layout{grid-template-columns:1fr;gap:16px}.hux-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hux-featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hux-insights-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hux-catalogue-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hux-final-content{align-items:flex-start;flex-direction:column}}
@media(max-width:640px){.hux-wrap{width:calc(100% - 32px)}.hux-hero{padding:44px 0 70px}.hux-hero h1{font-size:clamp(2.38rem,9vw,3.4rem);line-height:1.1;margin:23px 0 18px}.hux-hero-copy>p{font-size:.94rem;line-height:1.7}.hux-hero-actions{gap:9px}.hux-button{padding:13px 16px;font-size:.83rem}.hux-hero-visual>img{aspect-ratio:1.36}.hux-visual-caption{left:15px;right:15px;bottom:15px}.hux-quick{margin-top:-30px}.hux-quick-layout{padding:18px;gap:14px}.hux-search-form{padding:4px 4px 4px 11px}.hux-search-form input{font-size:.8rem}.hux-search-form button{font-size:.79rem;padding:11px}.hux-section{padding:60px 0}.hux-section-heading{flex-direction:column;align-items:flex-start;gap:13px;margin-bottom:24px}.hux-section-heading h2{font-size:1.95rem}.hux-section-heading p{font-size:.87rem}.hux-category-grid{gap:12px}.hux-card-photo{aspect-ratio:1.37}.hux-card-body{padding:15px}.hux-card-body h3{font-size:1.05rem}.hux-card-body p{font-size:.77rem;min-height:5em;margin-bottom:13px}.hux-card-body b{font-size:.76rem}.hux-card-quote{padding:18px}.hux-card-quote h3{font-size:1.25rem;margin:15px 0 10px}.hux-card-quote p{font-size:.78rem}.hux-quote-icon{width:40px;height:40px}.hux-featured-grid{gap:10px}.hux-featured-grid a{padding:17px;min-height:155px}.hux-featured-grid strong{font-size:1rem}.hux-steps{grid-template-columns:1fr;gap:20px}.hux-steps>div{padding-top:15px}.hux-insights-grid{grid-template-columns:1fr}.hux-insight img{height:205px}.hux-final{padding:50px 0}.hux-catalogue-hero{padding:45px 0 54px}.hux-catalogue-main{padding-top:25px}.hux-results-heading{flex-direction:column;align-items:flex-start;gap:5px}.hux-catalogue-grid{gap:12px}.hux-product-info{padding:14px}.hux-product-info h3{font-size:1rem}.hux-product-info p{font-size:.77rem}.hux-product-actions a:last-child{padding:8px 10px}.hux-filter{font-size:.78rem;padding:9px 12px}}
@media(max-width:380px){.hux-category-grid,.hux-catalogue-grid{grid-template-columns:1fr}.hux-card-photo{aspect-ratio:1.9}.hux-card-body p{min-height:0}.hux-search-form button{padding:10px 8px}.hux-hero-actions{flex-direction:column;align-items:stretch}}
@media(prefers-reduced-motion:reduce){.hux-home *, .hux-catalogue *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}