/* ShinoX approved 7-page storyboard — image-led product categories and designed CTA.
   Original hero media unchanged; SVG artwork explicitly conceptual. */
:root{--brand-deep:#061322;--brand-glow:#17ddc7;--brand-electric:#087cff;--brand-metal:#c8d7e6}
.shinox-visual-categories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:0 0 45px}
.shinox-category-visual{position:relative;display:flex;flex-direction:column;min-width:0;min-height:390px;border:1px solid #4b84935c;overflow:hidden;background:linear-gradient(150deg,#0e2637,#061322);transition:border-color .22s ease,transform .22s ease,box-shadow .22s ease}
.shinox-category-visual:hover{border-color:#17ddc7;transform:translateY(-5px);box-shadow:0 20px 44px #0006,0 0 0 1px #17ddc72d}
.shinox-category-image{aspect-ratio:1.65;background:#081d2e;overflow:hidden;border-bottom:1px solid #7db7c32b}
.shinox-category-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s ease,filter .3s ease}
.shinox-category-visual:hover img{transform:scale(1.045);filter:brightness(1.12)}
.shinox-category-content{display:flex;flex-direction:column;align-items:flex-start;flex:1;padding:23px 24px 26px}
.shinox-category-en{font-size:10px;letter-spacing:.16em;font-weight:600;color:#6edbd4}
.shinox-category-content h3{font-size:clamp(20px,1.8vw,27px);line-height:1.3;margin:11px 0;color:#f3fbff;font-weight:650}
.shinox-category-content p{font-size:13px;line-height:1.75;color:#a9c6d4;flex:1;margin:0 0 21px}
.shinox-pill-link{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;border:1px solid #18DCCD;border-radius:30px;color:#c6fff7;padding:9px 15px 9px 19px;font-size:12px;font-weight:650;transition:background .2s,color .2s}
.shinox-category-visual:hover .shinox-pill-link{background:#17ddc7;color:#05212e}
.shinox-pill-link b{font-size:15px;font-weight:500}
.btn,.head-contact,.route-cta .btn{border-radius:40px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:15px;font-size:13px;font-weight:650;letter-spacing:.025em;box-shadow:inset 0 1px 0 #ffffff17;transition:background .2s,border-color .2s,transform .2s,box-shadow .2s}
.btn:not(.primary),.head-contact{border:1px solid #25d8d8b8;background:linear-gradient(125deg,#061a2ebf,#10314586);color:#e5ffff}
.btn.primary{background:linear-gradient(108deg,#17ddc7,#26b9e7);border:1px solid #50efeb;color:#062330;box-shadow:0 6px 25px #13ccb42e}
.btn:hover,.head-contact:hover{transform:translateY(-2px);box-shadow:0 8px 27px #0006}
.btn.primary:hover{background:linear-gradient(108deg,#45f8e1,#53d5fa)}
.category-nav{gap:10px;flex-wrap:wrap;align-items:center;border:0;padding-bottom:16px}
.category-nav a{display:inline-flex;gap:8px;align-items:center;border-radius:30px;border:1px solid #45778a;padding:12px 16px;background:#0d2737;transition:background .2s,border-color .2s}
.category-nav a:hover,.category-nav a:focus-visible{background:#1e4859;border-color:#17ddc7}
.product-item{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:12px;min-height:155px;padding:24px;background:linear-gradient(145deg,#103047aa,#071725f5);border:1px solid #456f875e;border-radius:9px;transition:transform .2s,border-color .2s,box-shadow .2s}
.product-item:hover{transform:translateY(-3px);border-color:#17ddc7;box-shadow:0 14px 34px #0005}
.product-item h4{font-size:18px;line-height:1.45;margin:0}
.product-item>span{display:inline-flex;align-self:flex-start;align-items:center;gap:19px;border:1px solid #269fab;border-radius:30px;padding:8px 14px;color:#b2f7f0;font-size:12px}
.product-item:hover>span{border-color:#17ddc7;background:#17ddc71e}
@media(max-width:1000px){.shinox-visual-categories{grid-template-columns:repeat(2,minmax(0,1fr))}.shinox-category-visual:last-child{grid-column:span 2}.shinox-category-visual:last-child .shinox-category-image{max-height:280px}}
@media(max-width:650px){.shinox-visual-categories{grid-template-columns:1fr}.shinox-category-visual:last-child{grid-column:auto}.shinox-category-visual{min-height:0}.shinox-category-image,.shinox-category-visual:last-child .shinox-category-image{max-height:none;aspect-ratio:1.75}.shinox-category-content{padding:21px}.shinox-category-content p{margin-bottom:15px}.product-item{min-height:140px;padding:18px}}
@media(prefers-reduced-motion:reduce){.shinox-category-visual,.shinox-category-image img,.btn,.product-item,.head-contact{transition:none}.shinox-category-visual:hover,.product-item:hover,.btn:hover,.head-contact:hover{transform:none}}

/* Owner category artwork: preserve whole equipment rather than clipping the top/bottom. */
#products .shinox-category-image{aspect-ratio:8/5}
#products .shinox-category-image img{object-fit:contain}