/* HP BETA 03.12 — new homepage showcase, isolated and light-weight (no JS). */
.hpc-app .hpt0312-showcase{width:100%;max-width:100%;min-width:0;box-sizing:border-box;margin:15px 0 24px;color:#12274c}
.hpc-app .hpt0312-showcase *{box-sizing:border-box}
.hpc-app .hpt0312-hero{position:relative;isolation:isolate;overflow:hidden;min-height:360px;display:flex;align-items:center;background:radial-gradient(ellipse at 76% 45%,#e4efff 0%,#f6faff 56%,#fff 100%);border:1px solid #e4ecf9;border-radius:21px;box-shadow:0 8px 24px rgba(16,56,118,.045)}
.hpc-app .hpt0312-hero::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(95deg,rgba(255,255,255,.98) 1%,rgba(255,255,255,.94) 31%,rgba(246,250,255,.44) 68%,rgba(238,246,255,.14) 100%)}
.hpc-app .hpt0312-banner-image{position:absolute;inset:0;z-index:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none}
.hpc-app .hpt0312-hero-copy{position:relative;z-index:3;width:53%;max-width:675px;padding:29px 32px 28px 36px;min-width:0}
.hpc-app .hpt0312-eyebrow{display:inline-flex;align-items:center;gap:7px;padding:6px 11px;border:1px solid #dfebff;border-radius:99px;background:#eaf3ff;color:#1460c9;font-size:10px;font-weight:690;line-height:1.2;letter-spacing:.01em}
.hpc-app .hpt0312-eyebrow i{font-size:12px}
.hpc-app .hpt0312-hero h1{font-family:inherit!important;font-weight:740!important;letter-spacing:-.7px!important;line-height:1.18!important;color:#101f43!important;font-size:clamp(25px,2.24vw,36px)!important;margin:14px 0 10px!important;max-width:540px!important;text-wrap:balance}
.hpc-app .hpt0312-hero-copy>p{font-size:clamp(11.5px,.92vw,13px)!important;font-weight:430!important;line-height:1.7!important;color:#516483!important;max-width:485px!important;margin:0 0 13px!important}
.hpc-app .hpt0312-hero-search{display:flex!important;position:relative;align-items:center;gap:8px;width:100%;max-width:510px;height:49px;min-height:49px;padding:5px 6px 5px 14px;margin:0;border:1px solid #d5e4f8;border-radius:13px;background:#fff;box-shadow:0 4px 13px #0d397913;min-width:0}
.hpc-app .hpt0312-hero-search>i{flex:0 0 auto;color:#3772c6;font-size:15px}
.hpc-app .hpt0312-hero-search input[type=search]{flex:1 1 0;display:block;width:0;min-width:0;max-width:none;box-shadow:none!important;outline:none!important;border:0!important;background:transparent!important;height:36px!important;font-family:inherit!important;font-weight:500!important;font-size:12px!important;line-height:1.3!important;color:#183359!important;padding:7px 1px!important}
.hpc-app .hpt0312-hero-search input::placeholder{color:#8797ae!important;opacity:1}
.hpc-app .hpt0312-hero-search button{flex:0 0 77px;display:inline-flex;justify-content:center;align-items:center;gap:7px;height:37px;margin:0;padding:0 12px;border:0;border-radius:9px;background:#086af0;color:#fff;font-family:inherit;font-weight:700;font-size:12px;line-height:1.1;box-shadow:0 3px 9px #006dff22;cursor:pointer}
.hpc-app .hpt0312-hero-search button:hover{background:#035bd3}
.hpc-app .hpt0312-hero-search :is(input,button):focus-visible{outline:2px solid #307dec!important;outline-offset:2px}
.hpc-app .hpt0312-popular{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding-top:10px;font-size:10px;line-height:1.3}
.hpc-app .hpt0312-popular>span{color:#667b9e;font-weight:650}
.hpc-app .hpt0312-popular>a{display:inline-flex;align-items:center;text-decoration:none;color:#365582!important;background:#edf4ff;border:1px solid #e0eafb;border-radius:99px;padding:5px 9px;font-size:10px;font-weight:560;white-space:nowrap}
.hpc-app .hpt0312-popular>a:hover{background:#dcecff;color:#095bc7!important}
.hpc-app .hpt0312-art{position:absolute;z-index:2;right:13%;bottom:13px;width:min(44%,510px);height:87%;display:flex;align-items:center;justify-content:center;pointer-events:none}
.hpc-app .hpt0312-art img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 7px 16px rgba(39,103,203,.16))}
.hpc-app .hpt0312-hero-highlights{position:absolute;right:2.2%;top:50%;transform:translateY(-50%);z-index:3;display:grid;gap:11px;width:155px;pointer-events:none}
.hpc-app .hpt0312-hero-highlights span{display:flex;gap:8px;align-items:center;padding:10px 12px;background:rgba(255,255,255,.94);border:1px solid #e3ecfa;border-radius:12px;box-shadow:0 4px 12px rgba(17,74,159,.1);font-size:10.5px;font-weight:700;line-height:1.25;color:#1e3860;white-space:nowrap}
.hpc-app .hpt0312-hero-highlights i{color:#1272ed;font-size:14px;flex:none}
.hpc-app .hpt0312-categories{width:100%;display:grid!important;grid-template-columns:repeat(9,minmax(0,1fr));gap:11px!important;margin:16px 0!important;padding:0!important;min-width:0}
.hpc-app .hpt0312-category{display:flex!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;gap:8px!important;min-height:88px!important;max-width:100%!important;min-width:0!important;text-decoration:none!important;text-align:center!important;padding:12px 5px!important;background:linear-gradient(180deg,#fff,#fcfdff)!important;border:1px solid #e0eaf9!important;border-radius:13px!important;box-shadow:0 4px 12px rgba(13,67,155,.055)!important;color:#17365f!important;transition:transform .15s,border-color .15s,box-shadow .15s}
.hpc-app .hpt0312-category i{font-size:21px!important;line-height:1!important;color:#1374ef!important;flex:none!important}
.hpc-app .hpt0312-category>span{display:block!important;font-size:clamp(9px,.68vw,11.5px)!important;font-weight:670!important;line-height:1.35!important;color:#18345b!important;overflow-wrap:normal;text-wrap:balance}
.hpc-app a.hpt0312-category:hover{transform:translateY(-2px);border-color:#a1cbfc!important;box-shadow:0 7px 16px #0b63d81a!important}
.hpc-app a.hpt0312-category:focus-visible{outline:2px solid #1173e6;outline-offset:2px}
.hpc-app .hpt0312-category-empty{opacity:.58;cursor:default!important}
.hpc-app .hpt0312-summary{width:100%;min-width:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding:14px 12px;background:#f5f9ff;border:1px solid #edf3fd;border-radius:15px}
.hpc-app .hpt0312-summary>div{display:flex;min-width:0;align-items:center;justify-content:center;gap:12px;padding:3px 10px}
.hpc-app .hpt0312-summary>div:not(:last-child){border-right:1px solid #d9e5f7}
.hpc-app .hpt0312-summary i{font-size:22px;color:#146ff0;flex:none}
.hpc-app .hpt0312-summary>div>span{display:flex;flex-direction:column;gap:2px;min-width:0}
.hpc-app .hpt0312-summary strong{font-size:clamp(10px,.96vw,14px);line-height:1.25;font-weight:710;white-space:normal;color:#172b4f}
.hpc-app .hpt0312-summary small{font-size:10px;line-height:1.4;color:#7385a1}
@media(max-width:1150px){
 .hpc-app .hpt0312-hero-copy{width:57%;padding:26px 21px}
 .hpc-app .hpt0312-art{right:12%;width:40%}
 .hpc-app .hpt0312-hero-highlights{width:133px;right:1.6%}
 .hpc-app .hpt0312-hero-highlights span{padding:9px 7px;font-size:9px}
 .hpc-app .hpt0312-categories{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:10px!important}
 .hpc-app .hpt0312-category{min-height:79px!important}
 .hpc-app .hpt0312-category>span{font-size:11px!important}
}
@media(max-width:760px){
 .hpc-app .hpt0312-showcase{margin:10px 0 17px}
 .hpc-app .hpt0312-hero{min-height:0;display:block;border-radius:17px}
 .hpc-app .hpt0312-hero::before{background:linear-gradient(105deg,rgba(255,255,255,.97),rgba(250,253,255,.87))}
 .hpc-app .hpt0312-hero-copy{width:100%;max-width:100%;padding:21px 17px 11px}
 .hpc-app .hpt0312-eyebrow{font-size:9px;padding:5px 9px}
 .hpc-app .hpt0312-hero h1{font-size:clamp(23px,5.3vw,30px)!important;max-width:100%!important;margin:12px 0 9px!important}
 .hpc-app .hpt0312-hero-copy>p{font-size:11px!important;line-height:1.6!important}
 .hpc-app .hpt0312-art{display:none!important}
 .hpc-app .hpt0312-hero-highlights{position:relative;top:auto;right:auto;transform:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:auto;gap:7px;margin:0 17px 16px}
 .hpc-app .hpt0312-hero-highlights span{white-space:normal;padding:8px 9px;font-size:9px;min-width:0}
 .hpc-app .hpt0312-hero-highlights i{font-size:12px}
 .hpc-app .hpt0312-categories{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important;margin:12px 0!important}
 .hpc-app .hpt0312-category{min-height:77px!important;padding:10px 5px!important;gap:6px!important;border-radius:12px!important}
 .hpc-app .hpt0312-category i{font-size:19px!important}
 .hpc-app .hpt0312-category>span{font-size:10px!important}
 .hpc-app .hpt0312-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;padding:9px}
 .hpc-app .hpt0312-summary>div{justify-content:flex-start;padding:11px 8px;gap:8px}
 .hpc-app .hpt0312-summary>div:nth-child(2){border-right:0}
 .hpc-app .hpt0312-summary>div:nth-child(-n+2){border-bottom:1px solid #d9e5f7}
 .hpc-app .hpt0312-summary i{font-size:18px}
 .hpc-app .hpt0312-summary strong{font-size:11px}
 .hpc-app .hpt0312-summary small{font-size:9px}
}
@media(max-width:380px){
 .hpc-app .hpt0312-hero-copy{padding:17px 12px 10px}
 .hpc-app .hpt0312-hero h1{font-size:22px!important}
 .hpc-app .hpt0312-hero-search{height:44px;min-height:44px;padding:4px 5px 4px 10px}
 .hpc-app .hpt0312-hero-search button{height:34px;flex-basis:60px;padding:0 7px;font-size:11px}
 .hpc-app .hpt0312-hero-search input[type=search]{font-size:11px!important}
 .hpc-app .hpt0312-popular{gap:5px}
 .hpc-app .hpt0312-popular>a{font-size:9px;padding:4px 6px}
 .hpc-app .hpt0312-hero-highlights{margin:0 12px 12px;gap:5px}
 .hpc-app .hpt0312-hero-highlights span{padding:7px 6px;font-size:8px}
 .hpc-app .hpt0312-categories{gap:7px!important}
 .hpc-app .hpt0312-category{min-height:76px!important;padding:9px 3px!important}
 .hpc-app .hpt0312-category>span{font-size:9px!important}
}
html[data-hpt-theme="dark"] .hpc-app .hpt0312-hero{background:#142b49;border-color:#33547b}
html[data-hpt-theme="dark"] .hpc-app .hpt0312-hero::before{background:linear-gradient(90deg,rgba(13,32,59,.98),rgba(19,44,77,.90) 44%,rgba(19,41,70,.45))}
html[data-hpt-theme="dark"] .hpc-app .hpt0312-hero h1{color:#f4f8ff!important}
html[data-hpt-theme="dark"] .hpc-app .hpt0312-hero-copy>p{color:#b9d0eb!important}
html[data-hpt-theme="dark"] .hpc-app .hpt0312-eyebrow,html[data-hpt-theme="dark"] .hpc-app .hpt0312-popular>a{background:#1a4274;color:#eaf4ff!important;border-color:#345b89}
html[data-hpt-theme="dark"] .hpc-app .hpt0312-popular>span{color:#b8d0e9}
html[data-hpt-theme="dark"] .hpc-app .hpt0312-hero-highlights span{background:#192f4d;border-color:#34567a;color:#f0f7ff}
html[data-hpt-theme="dark"] .hpc-app .hpt0312-category{background:#183251!important;border-color:#345775!important}
html[data-hpt-theme="dark"] .hpc-app .hpt0312-category>span{color:#f1f6ff!important}
html[data-hpt-theme="dark"] .hpc-app .hpt0312-summary{background:#172d48;border-color:#34516f}
html[data-hpt-theme="dark"] .hpc-app .hpt0312-summary>div:not(:last-child){border-color:#34516f}
html[data-hpt-theme="dark"] .hpc-app .hpt0312-summary strong{color:#f0f6ff}
html[data-hpt-theme="dark"] .hpc-app .hpt0312-summary small{color:#b7cce6}
@media(prefers-reduced-motion:reduce){.hpc-app .hpt0312-category{transition:none}}
/* Keep the accessible search label visually hidden even if older theme layers reset it. */
.hpc-app .hpt0312-hero-search>label.screen-reader-text{
 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;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important;
}

/* HP BETA 03.13 — hero search, compact mobile stats and horizontal categories. */
.hpc-app .hpt0312-hero.hpt0313-search-active{z-index:6}
.hpc-app .hpt0312-hero.hpt0313-search-active .hpt0312-hero-copy{z-index:12}
.hpc-app .hpt0312-hero{overflow:visible}
.hpc-app .hpt0312-hero::before,.hpc-app .hpt0312-banner-image{border-radius:inherit}
.hpc-app .hpt0312-hero-search{z-index:9}
.hpc-app .hpt0313-live-results[hidden]{display:none!important}
.hpc-app .hpt0313-live-results{position:absolute!important;top:calc(100% + 7px)!important;left:0!important;right:0!important;z-index:200!important;width:100%!important;max-width:100%!important;min-width:0!important;max-height:min(390px,55vh);overflow-y:auto;overscroll-behavior:contain;background:#fff;border:1px solid #d9e5f7;border-radius:13px;box-shadow:0 14px 32px #12356426;padding:6px;text-align:left}
.hpc-app .hpt0313-live-results .hpt-search-option,.hpc-app .hpt0313-live-results .hpt-search-all{display:flex!important;align-items:center;gap:10px;text-decoration:none!important;padding:10px 11px;border-radius:8px;color:#19375f!important;font-size:12px;line-height:1.4;min-width:0}
.hpc-app .hpt0313-live-results .hpt-search-option:hover,.hpc-app .hpt0313-live-results .hpt-search-option.is-selected,.hpc-app .hpt0313-live-results .hpt-search-all:hover,.hpc-app .hpt0313-live-results .hpt-search-all.is-selected{background:#eaf3ff!important}
.hpc-app .hpt0313-live-results .hpt-search-option-icon{flex:none;color:#076ced}
.hpc-app .hpt0313-live-results .hpt-search-option-text{flex:1;min-width:0}
.hpc-app .hpt0313-live-results .hpt-search-option-text strong{font-size:12px;display:block;color:#1b3458;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hpc-app .hpt0313-live-results .hpt-search-option-text small{font-size:10px;display:block;color:#637995;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hpc-app .hpt0313-live-results .hpt282-search-price{flex:none;font-size:10px;max-width:36%;overflow-wrap:anywhere;color:#0867d7}
.hpc-app .hpt0313-live-results .hpt-search-all{justify-content:center;color:#0a6ae9!important;font-weight:700}
.hpc-app .hpt0313-search-status,.hpc-app .hpt0313-live-results .hpt-search-none{margin:0;padding:12px 9px;font-size:12px;color:#526782}
.hpc-app .hpt0313-summary-mobile{display:none}
@media(max-width:760px){
 .hpc-app .hpt0312-popular>a:nth-of-type(n+3){display:none!important}
 .hpc-app .hpt0312-categories{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:stretch!important;gap:9px!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory;scroll-padding-inline:2px;scrollbar-width:none;-webkit-overflow-scrolling:touch;max-width:100%;padding:3px 2px 11px!important;margin:10px 0 6px!important}
 .hpc-app .hpt0312-categories::-webkit-scrollbar{display:none}
 .hpc-app .hpt0312-categories>.hpt0312-category{flex:0 0 auto!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;flex-direction:row!important;gap:9px!important;width:clamp(142px,43vw,185px)!important;max-width:none!important;min-height:55px!important;padding:10px 12px!important;text-align:left!important;scroll-snap-align:start;border-radius:12px!important}
 .hpc-app .hpt0312-categories>.hpt0312-category i{font-size:19px!important;flex:0 0 20px!important;text-align:center!important}
 .hpc-app .hpt0312-categories>.hpt0312-category>span{font-size:11px!important;text-align:left!important;line-height:1.35!important;white-space:normal!important;overflow-wrap:normal!important}
 .hpc-app .hpt0312-summary{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:5px!important;padding:6px!important;max-width:100%!important}
 .hpc-app .hpt0312-summary>div{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;min-width:0!important;min-height:70px;padding:7px 2px!important;border:1px solid #dce9fa!important;border-radius:10px!important;background:rgba(255,255,255,.58);text-align:center}
 .hpc-app .hpt0312-summary>div:nth-child(-n+2){border-bottom:1px solid #dce9fa!important}
 .hpc-app .hpt0312-summary i{font-size:17px!important}
 .hpc-app .hpt0312-summary>div>span{align-items:center!important;justify-content:center!important;min-width:0!important;width:100%;gap:2px!important}
 .hpc-app .hpt0312-summary strong{font-size:clamp(8.5px,2.65vw,11px)!important;line-height:1.25!important;overflow-wrap:anywhere!important;text-align:center!important;min-width:0!important}
 .hpc-app .hpt0312-summary small{font-size:clamp(7px,2.25vw,9px)!important;line-height:1.25!important;text-align:center!important;overflow-wrap:anywhere!important}
 .hpc-app .hpt0313-summary-mobile{display:inline}
 .hpc-app .hpt0313-summary-desktop{display:none}
 .hpc-app .hpt0312-summary>div:nth-child(n+3) small{display:none!important}
 .hpc-app .hpt0313-live-results{max-height:min(330px,49vh);border-radius:10px}
}
@media(max-width:380px){
 .hpc-app .hpt0312-categories{gap:8px!important}
 .hpc-app .hpt0312-categories>.hpt0312-category{min-height:54px!important;width:146px!important;padding:9px 10px!important}
 .hpc-app .hpt0312-categories>.hpt0312-category>span{font-size:10.5px!important}
 .hpc-app .hpt0312-summary{gap:4px!important;padding:5px!important}
 .hpc-app .hpt0312-summary>div{min-height:67px;padding:6px 1px!important}
 .hpc-app .hpt0312-summary i{font-size:15px!important}
}
html[data-hpt-theme="dark"] .hpc-app .hpt0313-live-results{background:#172b46;border-color:#345775;box-shadow:0 10px 30px #0004}
html[data-hpt-theme="dark"] .hpc-app .hpt0313-live-results .hpt-search-option,html[data-hpt-theme="dark"] .hpc-app .hpt0313-live-results .hpt-search-option-text strong{color:#f0f6ff!important}
html[data-hpt-theme="dark"] .hpc-app .hpt0313-live-results .hpt-search-option-text small,html[data-hpt-theme="dark"] .hpc-app .hpt0313-search-status{color:#b1c9e4}
html[data-hpt-theme="dark"] .hpc-app .hpt0313-live-results .hpt-search-option:hover,html[data-hpt-theme="dark"] .hpc-app .hpt0313-live-results .hpt-search-option.is-selected{background:#25476e!important}
html[data-hpt-theme="dark"] .hpc-app .hpt0312-summary>div{background:#213b5b;border-color:#345775!important}

/* HP BETA 03.14 — continuous header / domain / homepage presentation.
 * Visual-only updates; no WordPress records, archive routes or domain-offer logic touched. */
.home .hpc-app .hpc-header{box-shadow:none!important;border-bottom:1px solid #e3edf9!important}
.home .hpc-app .hpt24-home{padding-top:0!important}
.home .hpc-app .hpt0312-showcase.hpt0314-unified{
 width:100%;min-width:0;max-width:100%;margin:0 0 18px!important;padding:0 16px 15px;
 border:1px solid #e3edf9;border-top:0;border-radius:0 0 18px 18px;
 background:linear-gradient(160deg,#fff 0%,#f9fbff 72%,#f5f9ff 100%);
 box-shadow:0 8px 20px rgba(16,65,125,.035);overflow:visible;
}
.home .hpc-app .hpt0314-domain-strip{position:relative;min-width:0;padding:7px 0 12px;margin:0;border-bottom:1px solid #e7eef9}
.home .hpc-app .hpt0314-domain-strip:empty{display:none}
.home .hpc-app .hpt0314-domain-strip>.hpt260-domain{
 width:100%!important;max-width:100%!important;margin:0!important;padding:10px 9px!important;
 border:0!important;border-radius:0!important;box-shadow:none!important;
 background:transparent!important;overflow:hidden!important;
}
.home .hpc-app .hpt0312-showcase.hpt0314-unified>.hpt0312-hero{
 border:0!important;border-radius:0!important;box-shadow:none!important;
 background:transparent!important;min-height:322px;margin:0!important;
}
.home .hpc-app .hpt0312-showcase.hpt0314-unified .hpt0312-hero::before{border-radius:0!important}
/* The nine existing category links are compact, understated horizontal items. */
.home .hpc-app .hpt0312-showcase.hpt0314-unified>.hpt0312-categories{
 display:grid!important;grid-template-columns:repeat(9,minmax(0,1fr))!important;
 gap:8px!important;margin:3px 0 0!important;padding:12px 0 2px!important;
 border-top:1px solid #e7eef9;min-width:0!important;
}
.home .hpc-app .hpt0312-showcase.hpt0314-unified .hpt0312-category{
 display:flex!important;flex-direction:row!important;align-items:center!important;
 justify-content:center!important;text-align:left!important;gap:7px!important;
 min-height:44px!important;height:auto!important;max-width:100%!important;
 padding:9px 7px!important;border:1px solid #e0e9f8!important;
 border-radius:9px!important;background:#fff!important;box-shadow:none!important;
 transform:none;white-space:normal;
}
.home .hpc-app .hpt0312-showcase.hpt0314-unified .hpt0312-category i{
 width:16px!important;flex:0 0 16px!important;font-size:15px!important;
 line-height:1!important;text-align:center!important;color:#0b72eb!important;
}
.home .hpc-app .hpt0312-showcase.hpt0314-unified .hpt0312-category>span{
 display:block!important;text-align:left!important;min-width:0!important;
 font-size:clamp(9px,.68vw,10.5px)!important;font-weight:610!important;
 line-height:1.25!important;overflow-wrap:normal!important;
}
.home .hpc-app .hpt0312-showcase.hpt0314-unified a.hpt0312-category:hover{
 background:#f6faff!important;border-color:#b8d4fb!important;box-shadow:0 2px 8px #0c67da0c!important;
}
/* The duplicated four-item summary is intentionally not rendered in PHP. */
@media(max-width:1200px){
 .home .hpc-app .hpt0312-showcase.hpt0314-unified>.hpt0312-categories{
  display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;
  scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch;
  gap:8px!important;padding:12px 2px 4px!important;
 }
 .home .hpc-app .hpt0312-showcase.hpt0314-unified>.hpt0312-categories::-webkit-scrollbar{display:none}
 .home .hpc-app .hpt0312-showcase.hpt0314-unified>.hpt0312-categories>.hpt0312-category{
  flex:0 0 auto!important;width:auto!important;min-width:124px!important;max-width:180px!important;
  scroll-snap-align:start;min-height:44px!important;white-space:nowrap!important;
 }
 .home .hpc-app .hpt0312-showcase.hpt0314-unified .hpt0312-category>span{font-size:10px!important;white-space:nowrap!important}
}
@media(max-width:760px){
 .home .hpc-app .hpt0312-showcase.hpt0314-unified{
  border-radius:0 0 14px 14px!important;margin:0 0 13px!important;
  padding:0 10px 11px!important;
 }
 .home .hpc-app .hpt0314-domain-strip{padding:4px 0 9px}
 .home .hpc-app .hpt0314-domain-strip>.hpt260-domain{padding:7px 0!important}
 .home .hpc-app .hpt0312-showcase.hpt0314-unified>.hpt0312-hero{min-height:0!important}
 .home .hpc-app .hpt0312-showcase.hpt0314-unified .hpt0312-hero-copy{padding:17px 8px 10px!important}
 .home .hpc-app .hpt0312-showcase.hpt0314-unified>.hpt0312-categories{
  padding:10px 2px 3px!important;margin:2px 0 0!important;gap:7px!important;
 }
 .home .hpc-app .hpt0312-showcase.hpt0314-unified>.hpt0312-categories>.hpt0312-category{
  min-width:119px!important;width:auto!important;min-height:41px!important;
  padding:8px 10px!important;border-radius:8px!important;gap:7px!important;
 }
 .home .hpc-app .hpt0312-showcase.hpt0314-unified .hpt0312-category i{font-size:15px!important}
 .home .hpc-app .hpt0312-showcase.hpt0314-unified .hpt0312-category>span{font-size:10px!important}
 .home .hpc-app .hpt0312-showcase.hpt0314-unified .hpt0312-hero-highlights{margin:0 8px 12px!important}
}
html[data-hpt-theme="dark"] .home .hpc-app .hpt0312-showcase.hpt0314-unified{
 background:linear-gradient(160deg,#13243b,#142b48)!important;border-color:#2b4567!important;
}
html[data-hpt-theme="dark"] .home .hpc-app .hpt0314-domain-strip,
html[data-hpt-theme="dark"] .home .hpc-app .hpt0312-showcase.hpt0314-unified>.hpt0312-categories{border-color:#2b4567!important}
html[data-hpt-theme="dark"] .home .hpc-app .hpt0312-showcase.hpt0314-unified .hpt0312-category{
 background:#1c3656!important;border-color:#345775!important;
}
html[data-hpt-theme="dark"] .home .hpc-app .hpt0312-showcase.hpt0314-unified .hpt0312-category>span{color:#f1f6ff!important}
html[data-hpt-theme="dark"] .home .hpc-app .hpt0312-showcase.hpt0314-unified a.hpt0312-category:hover{background:#28496c!important}
@media(prefers-reduced-motion:reduce){
 .home .hpc-app .hpt0312-showcase.hpt0314-unified .hpt0312-category{transition:none!important}
}
