/* iHUB STORES — V7: seven requested design updates */
:root{--v7-b:#0c63ee;--v7-n:#0b285f;--v7-c:#dbeeff}
/* Hero bilingual headline: the only typography change to approved hero */
.hero-copy #hero-title{font-size:clamp(35px,3.55vw,60px)!important;line-height:1.28!important;letter-spacing:-.028em!important;max-width:755px;text-wrap:balance;overflow-wrap:normal}
[dir=rtl] .hero-copy #hero-title{font-size:clamp(34px,3.35vw,54px)!important;line-height:1.48!important;letter-spacing:0!important;font-weight:900}
.hero-copy #hero-title em{color:#0964ed;font-style:normal}
/* Original brochure network visual: scaled uniformly without clipping, no masked/cropped image */
.network-original-stage{width:min(100%,1270px);margin:0 auto!important;min-height:unset;overflow:visible!important;padding:8px 0 5px!important;background:transparent!important}
.network-original-stage .network-ambient{opacity:.38}
.network-original-stage .network-vector{display:block;width:100%!important;height:auto!important;aspect-ratio:2323/1077!important;object-fit:contain!important;object-position:50% 50%;border:0;background:transparent;max-height:none;filter:drop-shadow(0 17px 25px #1457ab10)}
.network-original-stage .network-liveness{margin:0 auto 4px;position:relative!important;inset:auto!important;pointer-events:none}
/* Six separate connected showcases in exactly three columns and two visible rows */
.v7-showcase-heading{margin-top:42px;align-items:center}
.v7-grid-actions{display:flex;gap:9px;align-items:center;direction:ltr}
.v7-grid-actions button{width:42px;height:42px;border-radius:12px;border:1px solid #cfe5fb;background:#fff;color:#1263df;font-size:27px;font-weight:800;box-shadow:0 5px 20px #1566aa11;transition:background .2s ease,transform .2s ease;cursor:pointer}
.v7-grid-actions button:hover{background:#ecf7ff;transform:translateY(-2px)}
.v7-grid-actions button:focus-visible{outline:3px solid #5acaff;outline-offset:2px}
.v7-grid-actions button:last-child{font-size:17px}
.v7-auto-label{color:#4c8cc3;font-size:10px;font-weight:850;letter-spacing:.09em;white-space:nowrap}
.v7-showcase-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;direction:ltr}
.v7-showcase-card{position:relative;display:flex;flex-direction:column;min-width:0;min-height:378px;border:1px solid #d7e8fa;border-radius:24px;overflow:hidden;background:linear-gradient(170deg,#fff,#fafdff);box-shadow:0 12px 31px rgba(16,80,159,.05);transition:box-shadow .45s ease,border-color .45s ease,transform .45s ease}
.v7-showcase-card:hover,.v7-showcase-card.is-active{border-color:#66b7ff;box-shadow:0 20px 42px rgba(19,100,216,.14);transform:translateY(-3px)}
.v7-showcase-card.is-active:after{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,#3fc6ff,#0757e4);animation:v7Accent 5.6s linear both}
.v7-showcase-image{height:230px;flex:0 0 230px;padding:17px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 50%,#fff,#eaf6ff);border-bottom:1px solid #e7f2fd}
.v7-showcase-image img{display:block;max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain!important;object-position:center;filter:drop-shadow(0 9px 13px rgba(12,74,166,.08));transition:transform .7s cubic-bezier(.22,.8,.2,1)}
.v7-showcase-card.is-active .v7-showcase-image img{transform:scale(1.032) translateY(-2px)}
.v7-showcase-card[data-showcase-kind="location"] .v7-showcase-image{padding:12px 7px}
.v7-showcase-card[data-showcase-kind="network"] .v7-showcase-image{padding:9px}
.v7-showcase-body{flex:1;display:flex;flex-direction:column;padding:16px 20px 22px;direction:ltr}
[dir=rtl] .v7-showcase-body{direction:rtl;text-align:right}
.v7-showcase-num{color:#0e72ee;font-size:12px;font-weight:900;letter-spacing:.1em;display:flex;align-items:center;justify-content:space-between}
.v7-showcase-num span{font-size:23px;font-weight:600;color:#2789f0;line-height:1}
.v7-showcase-body h4{font-size:clamp(17px,1.3vw,21px);line-height:1.4;color:#092e6e;margin:9px 0 8px;font-weight:850}
.v7-showcase-body p{font-size:clamp(12px,.91vw,14px);line-height:1.78;color:#66809e;margin:0}
.v7-showcase-progress{height:4px;margin:18px auto 0;width:min(300px,75%);border-radius:9px;background:#e2effd;overflow:hidden}
.v7-showcase-progress span{height:100%;width:16.666%;background:linear-gradient(90deg,#36b6ff,#0759ec);display:block;border-radius:6px;transition:transform .45s ease}
@keyframes v7Accent{from{background-position:0 0}to{background-position:200px 0}}
/* Station: spatial proportions and scene emphasis from supplied isometric reference */
.station-v6 .station-stage>svg.station-illustration-v7{aspect-ratio:1400/715!important;display:block;width:100%;height:auto!important;max-height:none!important;background:#eef6ff}
.station-v6 .station-shell{max-width:1340px;margin-inline:auto;border-radius:24px}
.station-v6 .station-insight{min-width:0;max-width:210px;padding:9px 12px;box-shadow:0 12px 27px rgba(22,101,173,.10)}
.station-v6 .station-insight b{font-size:11px}.station-v6 .station-insight small{font-size:9px}
.station-v6 .station-insight-a{left:2%;top:3%}.station-v6 .station-insight-b{right:2%;top:6%}.station-v6 .station-insight-c{right:2%;bottom:3%}
.station-illustration-v7 .station-moving-truck-a{animation:v7TruckDrive 11s ease-in-out infinite alternate;transform-box:fill-box;transform-origin:center}
.station-illustration-v7 .station-moving-truck-b{animation:v7TruckReturn 13s ease-in-out infinite alternate;transform-box:fill-box;transform-origin:center}
.station-illustration-v7 .station-moving-forklift-a{animation:v7ForkliftA 7s ease-in-out infinite alternate;transform-box:fill-box;transform-origin:center}
.station-illustration-v7 .station-moving-forklift-b{animation:v7ForkliftB 8s ease-in-out infinite alternate;transform-box:fill-box;transform-origin:center}
.station-illustration-v7 .station-dash-route{animation:v7Route 2s linear infinite}
.station-illustration-v7 .station-moving-pallet{animation:v7Pallet 6s ease-in-out infinite alternate}
.station-illustration-v7 .station-node-a,.station-illustration-v7 .station-node-b,.station-illustration-v7 .station-node-c{animation:v7Pin 2.5s ease-in-out infinite}
.station-illustration-v7 .station-node-b{animation-delay:-.7s}.station-illustration-v7 .station-node-c{animation-delay:-1.4s}
@keyframes v7TruckDrive{0%,8%{transform:translateX(-120px)}56%,100%{transform:translateX(100px)}}
@keyframes v7TruckReturn{0%,14%{transform:translateX(45px)}67%,100%{transform:translateX(-90px)}}
@keyframes v7ForkliftA{0%,7%{transform:translateX(0)}55%,100%{transform:translateX(67px)}}
@keyframes v7ForkliftB{0%,12%{transform:translateX(0)}55%,100%{transform:translateX(40px) translateY(-17px)}}
@keyframes v7Pallet{0%,45%{transform:translate(0)}90%,100%{transform:translate(-65px,-16px)}}
@keyframes v7Route{to{stroke-dashoffset:-62}}
@keyframes v7Pin{50%{opacity:.5}}
.station-v6 .station-stage.paused svg *,.station-v6 .station-shell.paused svg *{animation-play-state:paused!important}
/* Remove programme-ownership label: only the approved Powered By brand is displayed */
.footer-owner{display:flex;justify-content:flex-end;align-items:center;text-align:right}
.footer-owner>span{display:none!important}
.footer-capital-link{display:flex;align-items:center;justify-content:center;width:220px;max-width:100%;padding:7px 4px}
.footer-capital-link img{display:block;width:100%;max-width:220px;height:auto;max-height:65px;object-fit:contain}
/* Bright shared background / typography */
.network-v6 .network-caption{margin-top:8px!important}
@media(max-width:1100px){
 .v7-showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
 .v7-showcase-card{min-height:350px}
 .v7-showcase-image{height:202px;flex-basis:202px}
 .hero-copy #hero-title{font-size:clamp(37px,4.25vw,54px)!important}
 [dir=rtl] .hero-copy #hero-title{font-size:clamp(32px,4vw,48px)!important}
}
@media(max-width:740px){
 .hero-copy #hero-title{font-size:clamp(28px,7vw,41px)!important;line-height:1.27!important}
 [dir=rtl] .hero-copy #hero-title{font-size:clamp(27px,7vw,40px)!important;line-height:1.47!important}
 .network-original-stage{width:100%;margin-inline:auto!important}
 .network-original-stage .network-vector{width:100%!important;height:auto!important}
 .network-original-stage .network-liveness{font-size:10px}
 .v7-showcase-grid{grid-template-columns:1fr;gap:13px}
 .v7-showcase-card{min-height:0;border-radius:18px}
 .v7-showcase-image{height:218px;flex-basis:218px;padding:14px}
 .v7-showcase-body{padding:15px 18px 18px}
 .v7-showcase-body h4{font-size:18px}.v7-showcase-body p{font-size:13px}
 .v7-grid-actions{gap:5px}.v7-grid-actions button{width:33px;height:33px;font-size:22px}.v7-auto-label{font-size:9px}
 .v7-showcase-heading{gap:9px;align-items:flex-start;flex-direction:column}
 .station-v6 .station-topline{padding:11px}
 .station-v6 .station-insight{position:absolute;max-width:123px;padding:6px 8px;border-radius:9px;gap:4px}
 .station-v6 .station-insight b{font-size:8px}.station-v6 .station-insight small{display:none}
 .station-v6 .station-insight-symbol{width:25px;height:25px;flex-basis:25px;font-size:15px}
 .station-v6 .station-stage>svg.station-illustration-v7{min-height:340px!important;height:340px!important;object-fit:contain}
 .footer-owner{justify-content:center}
 .footer-capital-link{width:200px;margin:auto}
}
@media (prefers-reduced-motion:reduce){
 .station-illustration-v7 *, .v7-showcase-card, .v7-showcase-image img,.v7-showcase-progress span{animation:none!important;transition:none!important}
}

/* V7.3 network clean-up */
.network-original-stage{width:min(100%,1240px);padding:2px 0 2px!important}
.network-original-stage .network-vector{aspect-ratio:1672/941!important;max-width:1180px;margin-inline:auto;object-fit:contain!important;object-position:center center;filter:drop-shadow(0 20px 26px rgba(10,82,176,.09))}
.v7-showcase-card[data-showcase-kind="network"] .v7-showcase-image{padding:12px 14px;background:radial-gradient(circle at 50% 44%,#fff,#eef7ff)}
.v7-showcase-card[data-showcase-kind="network"] .v7-showcase-image img{object-fit:contain!important;object-position:center center;transform:none!important}
@media (max-width: 720px){
  .network-original-stage .network-vector{max-width:100%}
  .v7-showcase-card[data-showcase-kind="network"] .v7-showcase-image{padding:10px}
}