/* Premium industrial showroom redesign */
body{background:#eef2f5;color:#13263a}.topbar{position:sticky;top:0;z-index:80;grid-template-columns:minmax(380px,auto) 1fr;min-height:76px;padding:12px clamp(22px,3.2vw,56px);border-bottom:1px solid rgba(140,164,188,.16);background:rgba(6,20,34,.92);box-shadow:0 14px 40px rgba(2,12,22,.22);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.brand{min-height:50px;padding-left:64px;display:flex;flex-direction:column;justify-content:center;font-size:clamp(20px,1.8vw,28px);line-height:1.12;font-weight:900}.brand::before{width:48px;height:48px;border-radius:12px;background:linear-gradient(145deg,#ff8a1f,#e9530d);box-shadow:0 9px 24px rgba(249,115,22,.28),inset 0 1px 0 rgba(255,255,255,.35)}.brand span{margin-top:6px;color:#91a8bd;font-size:11px;font-weight:600;letter-spacing:.13em}.nav{justify-content:flex-end;gap:8px}.nav a,.nav button{min-height:42px;padding:0 15px;border:1px solid rgba(121,151,179,.18);border-radius:10px;background:rgba(20,43,65,.72);color:#cbd9e6;font-size:14px;box-shadow:inset 0 1px 0 rgba(255,255,255,.03);transition:.22s ease}.nav a:hover,.nav button:hover{transform:translateY(-2px);border-color:rgba(251,146,60,.75);background:#183653;box-shadow:0 10px 24px rgba(0,0,0,.2)}.nav .tool{border-color:rgba(249,115,22,.28);background:linear-gradient(135deg,#f97316,#ea580c);box-shadow:0 10px 22px rgba(234,88,12,.22)}.nav button:last-child{border-color:#ffb52e;background:linear-gradient(135deg,#ffb21c,#f59e0b);color:#18212b;box-shadow:0 10px 24px rgba(245,158,11,.2)}.nav #cartCount{min-width:22px;height:22px;display:inline-grid;place-items:center;border-radius:999px;background:rgba(255,255,255,.88);color:#8c4d00;font-size:12px}
.hero{min-height:720px;padding:clamp(64px,7vw,104px) clamp(24px,5vw,84px) 92px;overflow:hidden;isolation:isolate;background-color:#071827;background-blend-mode:multiply}.hero::before{content:"";position:absolute;inset:0;z-index:0;background:radial-gradient(circle at 78% 24%,rgba(35,111,153,.22),transparent 32%),radial-gradient(circle at 10% 90%,rgba(249,115,22,.1),transparent 28%),linear-gradient(98deg,rgba(4,18,31,.98) 0%,rgba(7,27,44,.94) 42%,rgba(6,21,35,.72) 100%);pointer-events:none}.hero::after{z-index:0;opacity:.5;background-size:56px 56px;mask-image:linear-gradient(to right,#000,transparent 82%)}.hero-inner{z-index:2;width:min(1600px,100%);margin:0 auto;grid-template-columns:minmax(510px,.92fr) minmax(570px,1.08fr);gap:clamp(42px,5vw,88px)}.hero-copy{position:relative;padding:14px 0}.hero-copy::before{content:"";position:absolute;left:-30px;top:-46px;width:160px;height:160px;border:1px solid rgba(249,115,22,.15);border-radius:50%;box-shadow:0 0 0 32px rgba(249,115,22,.035);pointer-events:none}.hero-kicker{display:inline-flex;align-items:center;gap:11px;margin-bottom:21px;color:#ff9b45;font-size:12px;font-weight:800;letter-spacing:.22em}.hero-kicker::before{content:"";width:34px;height:2px;background:linear-gradient(90deg,#f97316,#ffc16a);box-shadow:0 0 12px rgba(249,115,22,.65)}h1{max-width:820px;font-size:clamp(46px,var(--hero-title-size,70px),78px);line-height:.98;letter-spacing:-.045em;text-shadow:0 8px 34px rgba(0,0,0,.28)}.hero-title-line:last-child{margin-top:8px;color:#edf5fc}.hero-business{position:relative;max-width:800px;margin-top:34px;padding:22px 26px 22px 29px;border:1px solid rgba(124,159,190,.18);border-left:0;border-radius:14px;background:linear-gradient(110deg,rgba(17,47,72,.86),rgba(12,35,55,.58));box-shadow:0 20px 54px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.05);backdrop-filter:blur(12px)}.hero-business::before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:4px;border-radius:9px;background:linear-gradient(#ffad55,#f45b0b);box-shadow:0 0 16px rgba(249,115,22,.5)}.hero-slogan{width:fit-content;margin-top:16px;padding:7px 14px 7px 7px;gap:13px;border-color:rgba(110,144,175,.28);border-radius:12px;background:rgba(5,22,37,.62);backdrop-filter:blur(10px)}.hero-slogan span{padding:7px 11px;border-radius:7px;background:linear-gradient(135deg,#ff7c20,#e9580d);box-shadow:0 7px 16px rgba(234,88,12,.22)}.hero-slogan strong{font-size:18px;font-weight:700;letter-spacing:.025em}.hero-description{margin-top:17px!important;color:#9fb3c5;font-size:15px!important;font-weight:500!important}.hero-cta{display:flex;flex-wrap:wrap;gap:11px;margin-top:25px}.hero-cta a{min-height:46px;padding:0 19px;display:inline-flex;align-items:center;gap:9px;border-radius:10px;color:#fff;font-size:14px;font-weight:800;text-decoration:none;transition:.22s ease}.hero-cta .cta-primary{background:linear-gradient(135deg,#f97316,#ea580c);box-shadow:0 12px 25px rgba(234,88,12,.26)}.hero-cta .cta-secondary{border:1px solid rgba(145,174,200,.3);background:rgba(15,42,64,.62)}.hero-cta a:hover{transform:translateY(-3px);filter:brightness(1.08)}.hero-proof{display:flex;flex-wrap:wrap;gap:18px;margin-top:25px;color:#8299ad;font-size:12px}.hero-proof span{display:inline-flex;align-items:center;gap:7px}.hero-proof span::before{content:"✓";width:18px;height:18px;display:grid;place-items:center;border:1px solid rgba(249,115,22,.45);border-radius:50%;color:#ff8a2a;font-size:11px}
.hero-media{position:relative;gap:12px;padding:14px;border:1px solid rgba(142,174,202,.24);border-radius:22px;background:linear-gradient(145deg,rgba(27,52,73,.88),rgba(8,25,40,.92));box-shadow:0 42px 90px rgba(0,0,0,.46),inset 0 1px 0 rgba(255,255,255,.08),0 0 0 8px rgba(4,16,28,.34);transform:perspective(1600px) rotateY(-2deg) translateZ(0)}.hero-media::before{content:"SHUOSHIDA / INDUSTRIAL SHOWROOM";position:absolute;left:24px;top:-14px;z-index:3;padding:7px 13px;border:1px solid rgba(249,115,22,.42);border-radius:999px;background:#0b2236;color:#ff9a45;font-size:10px;font-weight:800;letter-spacing:.14em;box-shadow:0 8px 18px rgba(0,0,0,.25)}.hero-photo-grid,.hero-video-grid{gap:12px}.hero-equipment,.hero-video-card{border:1px solid rgba(132,163,190,.22);border-radius:13px;background:#081827;box-shadow:0 15px 30px rgba(0,0,0,.2)}.hero-equipment,.hero-equipment img{height:205px}.hero-equipment img{background:linear-gradient(145deg,#f5f8fa,#dfe7ec)}.hero-equipment figcaption{padding:32px 17px 15px;background:linear-gradient(transparent,rgba(3,14,24,.94))}.hero-equipment figcaption span{color:#ff8f33;font-size:10px}.hero-equipment figcaption strong{font-size:16px}.hero-video-card video{height:220px}.hero-video-info{padding:12px 14px;background:linear-gradient(110deg,#102f49,#0c2438)}.video-placeholder{background:radial-gradient(circle at center,rgba(22,58,84,.7),rgba(5,17,29,.88));color:#b8cad8}
.industry-strip{position:relative;z-index:4;width:min(1450px,calc(100% - 48px));margin:-34px auto 0;padding:0;overflow:hidden;border:1px solid #d8e2ea;border-radius:18px;background:rgba(255,255,255,.96);box-shadow:0 24px 60px rgba(15,36,56,.13)}.industry-strip article{min-height:110px;padding:27px 24px 23px 58px}.industry-strip article::before{left:27px;top:32px;width:12px;height:12px;border-radius:3px;background:linear-gradient(135deg,#ff8b2b,#e95b0a);box-shadow:0 0 0 6px #fff0e5;transform:rotate(45deg)}.industry-strip strong{font-size:17px}.industry-strip span{color:#718195;font-weight:500}.section{padding:82px clamp(24px,5vw,78px);background:#f3f6f8}.section:nth-of-type(even){background:#fff}.section-head{margin-bottom:34px;padding-bottom:19px;border-bottom:1px solid #d7e0e7}.section-head h2{padding-left:20px;font-size:clamp(30px,3vw,42px);letter-spacing:-.035em}.section-head h2::before{top:.12em;width:6px;height:1em;border-radius:6px;background:linear-gradient(#ff8e36,#e85b0d);box-shadow:0 0 0 5px #fff0e6}.hint{margin-top:8px;color:#718093;font-weight:500}.section-grid,.product-grid,.history-grid{gap:clamp(18px,2vw,28px)}.area-card,.item,.history-card{overflow:hidden;border:1px solid #dfe6eb;border-radius:16px;background:#fff;box-shadow:0 16px 40px rgba(13,31,49,.07)}.area-card:hover,.item:hover,.history-card:hover{transform:translateY(-7px);border-color:rgba(249,115,22,.28);box-shadow:0 26px 60px rgba(13,31,49,.14)}.item-media{background:linear-gradient(145deg,#f8fafb,#e9eff3)}.item-body{padding:20px;border-top:0}.tag{border-radius:999px;background:#edf2f6}.cart-add{min-height:42px;border-radius:9px;background:linear-gradient(135deg,#173f60,#0f2b43);box-shadow:0 8px 18px rgba(15,43,67,.18)}.cart-add:hover{background:linear-gradient(135deg,#f97316,#e85b0d)}.contact{overflow:hidden;border-radius:20px;box-shadow:0 28px 70px rgba(13,31,49,.14)}.contact-box{padding:48px;border-radius:0;background:linear-gradient(135deg,#102d46,#071b2d)}.notice{padding:48px;border-radius:0;background:linear-gradient(145deg,#ff8224,#e95b0b)}.cart-panel{border:1px solid rgba(249,115,22,.24);border-top:5px solid #f97316;border-radius:18px;background:rgba(255,255,255,.98);backdrop-filter:blur(18px)}
@media(max-width:1220px){.topbar{grid-template-columns:1fr}.nav{justify-content:flex-start}.hero-inner{grid-template-columns:1fr}.hero-copy{max-width:850px}.hero-media{width:min(900px,100%);transform:none}}@media(max-width:760px){.topbar{position:relative;padding:12px 15px}.brand{min-height:46px;padding-left:55px;font-size:20px}.brand::before{width:42px;height:42px}.nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.nav a,.nav button{justify-content:center;padding:0 8px;font-size:12px}.hero{padding:54px 18px 72px}.hero-inner{gap:46px}.hero-copy{transform:none}.hero-copy::before{display:none}h1{font-size:clamp(38px,12vw,56px)}.hero-title-line{white-space:normal}.hero-business{margin-top:25px;padding:18px 18px 18px 22px;font-size:16px}.hero-slogan{align-items:flex-start}.hero-slogan strong{font-size:16px}.hero-photo-grid,.hero-video-grid{grid-template-columns:1fr}.hero-equipment,.hero-equipment img,.hero-video-card video{height:210px}.hero-media{padding:9px;border-radius:15px}.industry-strip{width:calc(100% - 28px);grid-template-columns:1fr;margin-top:-28px}.industry-strip article{min-height:auto;border-right:0;border-bottom:1px solid #e5ebef}.section{padding:60px 18px}.contact-box,.notice{padding:30px 24px}}
.hero-media .industry-strip{width:100%;margin:0;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid rgba(135,164,188,.22);border-radius:13px;background:rgba(247,250,252,.98);box-shadow:0 12px 28px rgba(0,0,0,.18)}.hero-media .industry-strip article{min-height:84px;padding:17px 12px 15px 41px}.hero-media .industry-strip article::before{left:17px;top:24px;width:9px;height:9px;box-shadow:0 0 0 5px #fff0e5}.hero-media .industry-strip strong{font-size:14px}.hero-media .industry-strip span{margin-top:4px;font-size:11px;line-height:1.45}
@media(max-width:760px){.hero-media .industry-strip{width:100%;grid-template-columns:1fr;margin:0}.hero-media .industry-strip article{min-height:auto}}
.hero-inner{width:min(1760px,100%);grid-template-columns:minmax(450px,.76fr) minmax(720px,1.24fr);gap:clamp(34px,3.5vw,64px)}.hero-media{width:100%;padding:0 16px 16px}.hero-equipment,.hero-equipment img{height:294px}.hero-video-card video{height:324px;min-height:324px}.hero-media .industry-strip article{min-height:96px}
@media(max-width:1220px){.hero-inner{grid-template-columns:1fr}.hero-media{width:min(1040px,100%)}}@media(max-width:760px){.hero-equipment,.hero-equipment img,.hero-video-card video{height:220px}.hero-media{padding:9px}.hero-media .industry-strip article{min-height:auto}}
.hero-copy{max-width:820px}.hero-kicker{margin-bottom:28px}.hero-title-line:last-child{margin-top:16px}.hero-business{display:grid;grid-template-columns:auto 1fr;column-gap:18px;row-gap:9px;align-items:center;margin-top:46px;padding:24px 28px 25px 32px;line-height:1.45}.hero-business .business-label{grid-row:1 / 3;align-self:stretch;display:flex;align-items:center;padding-right:20px;border-right:1px solid rgba(255,255,255,.13);color:#ff8a28;font-size:14px;font-weight:900;letter-spacing:.08em;white-space:nowrap}.hero-business strong{display:block;color:#fff;font-size:clamp(18px,1.5vw,22px);font-weight:800;letter-spacing:.015em}.hero-business small{display:block;color:#a8bdcf;font-size:15px;font-weight:500}.hero-slogan{margin-top:24px}.hero-description{margin-top:25px!important;max-width:700px!important}.hero-cta{margin-top:31px;gap:14px}.hero-proof{margin-top:29px;gap:26px}
@media(max-width:760px){.hero-kicker{margin-bottom:20px}.hero-title-line:last-child{margin-top:8px}.hero-business{grid-template-columns:1fr;gap:10px;margin-top:30px;padding:20px 21px}.hero-business .business-label{grid-row:auto;width:fit-content;padding:0 0 8px;border-right:0;border-bottom:1px solid rgba(255,255,255,.14)}.hero-business strong{font-size:18px}.hero-business small{font-size:14px}.hero-slogan{margin-top:18px}.hero-description{margin-top:20px!important}.hero-cta{margin-top:24px}.hero-proof{margin-top:24px;gap:15px}}
.nav .shop-nav-button{border-color:#facc15;background:linear-gradient(135deg,#facc15,#f59e0b);color:#172033;box-shadow:0 10px 24px rgba(245,158,11,.24)}.nav .shop-nav-button:hover{border-color:#fde047;background:linear-gradient(135deg,#fde047,#fbbf24);color:#111827}
.nav .cart-nav-button{border-color:#324b63;background:linear-gradient(135deg,#17344f,#10283d);color:#e6eef5;box-shadow:none}.nav .cart-nav-button:hover{border-color:#f59e0b;background:#1b3a56;color:#fff}
.hero{padding-top:64px}.hero-inner{align-items:start}.hero-copy{padding-top:6px;transform:translateY(clamp(18px,calc(var(--hero-title-y,0px) + 30px),72px))}.hero-media{align-self:start}
.hero-kicker{margin-bottom:24px}.hero-title-line:last-child{margin-top:12px}.hero-business{margin-top:38px}.hero-slogan{margin-top:22px}.hero-description{margin-top:24px!important}.hero-cta{margin-top:28px}.hero-proof{margin-top:27px}
@media(max-width:760px){.hero-copy{transform:none}.hero{padding-top:46px}}
.hero-copy .industry-strip{width:100%;margin:42px 0 0;grid-template-columns:repeat(4,minmax(0,1fr));border-radius:16px;background:rgba(248,250,252,.97);box-shadow:0 20px 48px rgba(0,0,0,.24)}.hero-copy .industry-strip article{min-height:104px;padding:21px 12px 18px 40px}.hero-copy .industry-strip article::before{left:16px;top:28px;width:9px;height:9px;box-shadow:0 0 0 5px #fff0e5}.hero-copy .industry-strip strong{font-size:14px;line-height:1.35}.hero-copy .industry-strip span{margin-top:6px;font-size:11px;line-height:1.5}
@media(max-width:760px){.hero-copy .industry-strip{grid-template-columns:1fr;margin-top:30px}.hero-copy .industry-strip article{min-height:auto}}
.hero-copy>.industry-strip{width:100%;margin:34px 0 0;grid-template-columns:repeat(2,minmax(0,1fr));overflow:hidden;border:1px solid rgba(150,174,194,.22);border-radius:16px;background:rgba(247,250,252,.98);box-shadow:0 22px 48px rgba(0,0,0,.2)}.hero-copy>.industry-strip article{min-height:96px;padding:22px 18px 19px 51px;border-right:1px solid #dce4ea;border-bottom:1px solid #dce4ea}.hero-copy>.industry-strip article:nth-child(2n){border-right:0}.hero-copy>.industry-strip article:nth-last-child(-n+2){border-bottom:0}.hero-copy>.industry-strip article::before{left:21px;top:29px;width:10px;height:10px;box-shadow:0 0 0 5px #fff0e5}.hero-copy>.industry-strip strong{font-size:15px}.hero-copy>.industry-strip span{margin-top:5px;font-size:12px;line-height:1.5}
@media(max-width:760px){.hero-copy>.industry-strip{grid-template-columns:1fr;margin-top:28px}.hero-copy>.industry-strip article,.hero-copy>.industry-strip article:nth-child(2n),.hero-copy>.industry-strip article:nth-last-child(-n+2){border-right:0;border-bottom:1px solid #dce4ea}.hero-copy>.industry-strip article:last-child{border-bottom:0}}
.hero-inner>.hero-copy{grid-column:1;grid-row:1}.hero-inner>.industry-strip{grid-column:1;grid-row:2;width:100%;margin:34px 0 0;grid-template-columns:repeat(2,minmax(0,1fr));border-radius:16px;background:rgba(248,250,252,.98);box-shadow:0 20px 48px rgba(0,0,0,.22)}.hero-inner>.industry-strip article{min-height:98px;padding:22px 17px 19px 50px}.hero-inner>.industry-strip article::before{left:20px;top:29px;width:10px;height:10px;box-shadow:0 0 0 5px #fff0e5}.hero-inner>.industry-strip strong{font-size:15px}.hero-inner>.industry-strip span{font-size:12px}.hero-inner>.hero-media{grid-column:2;grid-row:1 / span 2}
@media(max-width:1220px){.hero-inner>.hero-copy{grid-column:1;grid-row:1}.hero-inner>.industry-strip{grid-column:1;grid-row:2}.hero-inner>.hero-media{grid-column:1;grid-row:3;margin-top:20px}}@media(max-width:760px){.hero-inner>.industry-strip{grid-template-columns:1fr;margin-top:28px}.hero-inner>.industry-strip article{min-height:auto}}
.hero-inner{column-gap:clamp(34px,3.5vw,64px);row-gap:0}.hero-inner>.industry-strip{margin-top:14px}@media(max-width:760px){.hero-inner>.industry-strip{margin-top:18px}}
.hero-inner>.industry-strip{border:1px solid rgba(116,151,181,.24);background:linear-gradient(135deg,rgba(18,48,72,.9),rgba(7,27,44,.9));box-shadow:0 20px 48px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.05);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.hero-inner>.industry-strip article{border-right-color:rgba(139,166,188,.16);border-bottom-color:rgba(139,166,188,.16);background:transparent}.hero-inner>.industry-strip article::before{background:linear-gradient(135deg,#ff9a44,#f45b0b);box-shadow:0 0 0 5px rgba(249,115,22,.12),0 0 18px rgba(249,115,22,.28)}.hero-inner>.industry-strip strong{color:#edf5fb}.hero-inner>.industry-strip span{color:#91a8bb}
.nav a,.nav button{display:inline-flex;align-items:center;justify-content:center;text-align:center}.nav .cart-nav-button{justify-content:center}
.photo-frame-editable{cursor:context-menu}.photo-frame-editable:hover{outline:2px solid rgba(249,115,22,.52);outline-offset:-2px}
.photo-frame-dialog{width:min(460px,calc(100vw - 28px));padding:0;border:0;border-radius:18px;background:#fff;box-shadow:0 30px 90px rgba(2,12,22,.38)}.photo-frame-dialog::backdrop{background:rgba(3,13,23,.62);backdrop-filter:blur(5px)}.photo-frame-dialog header{padding:20px 22px;background:linear-gradient(135deg,#102f49,#071b2c);color:#fff}.photo-frame-dialog h3{margin:0;font-size:21px}.photo-frame-dialog header p{margin:7px 0 0;color:#9fb5c8;font-size:13px}.photo-frame-form{display:grid;gap:15px;padding:22px}.photo-frame-form label{display:grid;gap:7px;color:#334155;font-size:14px;font-weight:800}.photo-frame-form input{min-height:44px;padding:8px 11px;border:1px solid #cbd5e1;border-radius:9px;font:inherit}.photo-frame-actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.photo-frame-actions button{min-height:43px;border:0;border-radius:9px;font-weight:800;cursor:pointer}.photo-frame-apply{background:#f97316;color:#fff}.photo-frame-reset{background:#e9eef2;color:#1d3449}.photo-frame-close{background:#132f48;color:#fff}
@media(max-width:760px){.photo-frame-actions{grid-template-columns:1fr}}
.nav a,.nav button{display:inline-flex;align-items:center;justify-content:center;text-align:center;line-height:1.2}.nav .cart-nav-button{justify-content:center}