/* ---------- CATALOG V7 ---------- */
.catalog-v7{background:radial-gradient(circle at 20% 0%,#16314a 0,#0b1724 38%,#08131f 100%);color:#e9f2f8;min-height:100vh}
.catalog-header-v7{max-width:1240px;margin:0 auto;padding:22px 28px 10px}
.catalog-header-v7 .catalog-nav a{color:#c9d7e4}
.catalog-main-v7{max-width:1240px;margin:0 auto;padding:18px 28px 56px}
.catalog-hero-v7{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(420px,.9fr);gap:28px;align-items:center;padding:22px 0 40px}
.hero-copy-v7 h1{font-size:clamp(44px,5vw,74px);line-height:.98;margin:12px 0 16px;color:#f3f7fb;letter-spacing:-.05em}
.hero-copy-v7 p{max-width:640px;color:#b8c8d5;font-size:18px;line-height:1.6}
.hero-copy-v7 .hero-buttons{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0 20px}
.hero-primary,.hero-secondary{display:inline-flex;align-items:center;gap:10px;padding:14px 20px;border-radius:999px;text-decoration:none;font-weight:650}
.hero-primary{background:#f09d69;color:#0e2434}
.hero-secondary{background:rgba(255,255,255,.05);color:#dbe6ef;border:1px solid rgba(255,255,255,.11)}
.catalog-intro-meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.catalog-intro-meta span{font-size:11px;letter-spacing:.16em;color:#d0dee8;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);padding:10px 13px;border-radius:999px}
.hero-art-v7{position:relative;min-height:480px}
.hero-art-panel{position:absolute;border-radius:24px;border:1px solid rgba(255,255,255,.09);box-shadow:0 35px 90px rgba(0,0,0,.28);overflow:hidden}
.hero-art-panel:before{content:"";position:absolute;inset:0}
.hero-art-rack{inset:24px 120px 90px 0;background:linear-gradient(180deg,#20374a,#122332)}
.hero-art-rack:before{background:
linear-gradient(90deg,transparent 8%,rgba(255,255,255,.05) 8.5%,transparent 9%,transparent 40%,rgba(255,255,255,.05) 40.5%,transparent 41%,transparent 72%,rgba(255,255,255,.05) 72.5%,transparent 73%),
linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,0)),
radial-gradient(circle at 50% 0%,rgba(246,180,126,.12),transparent 30%)}
.hero-art-conveyor{inset:110px 0 0 120px;background:linear-gradient(180deg,#f3f5f7,#ced7de)}
.hero-art-conveyor:before{background:
linear-gradient(180deg,rgba(255,255,255,.46),rgba(255,255,255,0) 22%,rgba(15,33,48,.08) 100%),
linear-gradient(90deg,rgba(255,255,255,.22),rgba(255,255,255,0) 22%,rgba(255,255,255,0) 74%,rgba(255,255,255,.09))}
.art-badge{position:absolute;top:18px;left:18px;z-index:2;background:rgba(8,18,28,.62);color:#ecf3f8;border:1px solid rgba(255,255,255,.12);padding:10px 12px;border-radius:999px;font-size:10px;letter-spacing:.18em}
.art-wire{position:absolute;inset:auto 24px 24px 24px;height:26%;border-radius:16px;background:linear-gradient(180deg,rgba(8,18,28,0),rgba(8,18,28,.25))}
.hero-art-chip{position:absolute;right:18px;top:18px;padding:12px 16px;border-radius:999px;background:#0e2231;border:1px solid rgba(255,255,255,.1);font-size:11px;letter-spacing:.16em;color:#dce7ef}

.catalog-section-v7{padding-top:18px}
.section-heading-v7{display:flex;justify-content:space-between;gap:22px;align-items:end;margin-bottom:28px}
.section-heading-v7 h2{font-size:clamp(30px,3vw,44px);line-height:1.05;margin-top:10px;color:#f2f7fb}
.section-heading-v7 p{max-width:420px;color:#9db2c1}
.demo-grid-v7{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.demo-card-v7{border-radius:22px;overflow:hidden;background:rgba(17,34,48,.7);border:1px solid rgba(255,255,255,.08);box-shadow:0 22px 70px rgba(0,0,0,.24);transition:transform .28s,box-shadow .28s,border-color .28s}
.demo-card-v7:hover{transform:translateY(-8px);border-color:#f0a26c;box-shadow:0 36px 90px rgba(0,0,0,.34)}
.demo-link-v7{text-decoration:none;color:inherit;display:block}
.demo-visual-v7{height:320px;position:relative;overflow:hidden}
.visual-label{position:absolute;top:16px;left:16px;z-index:4;padding:9px 12px;border-radius:999px;font-size:10px;letter-spacing:.16em;background:rgba(8,18,28,.58);color:#eef6fb;border:1px solid rgba(255,255,255,.12)}
.visual-conveyor{background:linear-gradient(180deg,#fbfcfd,#d9e0e6)}
.visual-conveyor:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.5),rgba(255,255,255,0) 30%,rgba(12,26,37,.10) 100%),linear-gradient(90deg,rgba(255,255,255,.22),rgba(255,255,255,0) 22%,rgba(255,255,255,0) 75%,rgba(255,255,255,.07))}
.visual-floor{position:absolute;left:0;right:0;bottom:0;height:42%;background:linear-gradient(180deg,rgba(19,35,48,0),rgba(19,35,48,.10) 42%,rgba(19,35,48,.20))}
.mini-conveyor{position:absolute;left:12%;right:12%;bottom:25%;height:84px;transform:perspective(900px) rotateX(62deg) rotateZ(-12deg)}
.mini-conveyor span{position:absolute;inset:0;border-radius:12px;background:linear-gradient(180deg,#9eabb6,#c9d0d5)}
.mini-conveyor span:nth-child(2){inset:18px 14px;border-radius:30px;background:repeating-linear-gradient(90deg,#7e8790 0 12px,#cdd4d9 12px 20px)}
.mini-conveyor span:nth-child(3){inset:auto -2px 2px -2px;height:18px;background:#195ca7;border-radius:0 0 10px 10px}
.mini-conveyor span:nth-child(4){inset:auto -2px auto -2px;top:2px;height:18px;background:#195ca7;border-radius:10px 10px 0 0}
.visual-rack{background:linear-gradient(180deg,#22384a,#101f2d)}
.visual-rack:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,0)),radial-gradient(circle at 50% 0%,rgba(239,164,109,.14),transparent 34%)}
.rack-bays{position:absolute;left:10%;right:10%;bottom:15%;top:22%;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.rack-bays span{position:relative;border-left:10px solid #2f6fba;border-right:10px solid #2f6fba;background:
repeating-linear-gradient(180deg,transparent 0 32px,#d5782d 32px 42px,transparent 42px 74px);
box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)}
.visual-cabinet{background:linear-gradient(180deg,#edf1f4,#cfd6dc)}
.visual-cabinet:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.46),rgba(255,255,255,0) 28%,rgba(12,26,37,.08) 100%)}
.cabinet-bank{position:absolute;left:18%;right:18%;bottom:18%;top:22%;display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.cabinet-bank span{position:relative;border-radius:8px;background:linear-gradient(180deg,#54626e,#394550);box-shadow:inset 0 0 0 1px rgba(255,255,255,.06),0 18px 40px rgba(0,0,0,.15)}
.cabinet-bank span:before{content:"";position:absolute;left:14%;top:12%;width:72%;height:72%;border:1px solid rgba(255,255,255,.18);border-radius:4px}
.cabinet-bank span:after{content:"";position:absolute;right:14%;top:50%;width:5px;height:24px;transform:translateY(-50%);background:#9fb0bd;border-radius:4px}

.demo-content-v7{padding:20px 20px 22px}
.demo-kicker-v7{display:inline-flex;font-size:10px;letter-spacing:.18em;color:#f0a26c;margin-bottom:8px}
.demo-content-v7 h3{font-size:27px;line-height:1.05;margin-bottom:10px;color:#f2f7fb}
.demo-content-v7 p{color:#acc0cd;line-height:1.58;font-size:15px}
.demo-meta-v7{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}
.demo-meta-v7 span{padding:8px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);color:#dbe5ec;font-size:11px}

/* ---------- DEMO V7 polish ---------- */
.demo-v7 .work-page{max-width:1380px}
.demo-v7 .work-layout{grid-template-columns:minmax(0,1.68fr) minmax(360px,.82fr);gap:20px}
.demo-v7 .stage{box-shadow:0 34px 100px rgba(2,10,18,.26)}
.demo-v7 .stage-head{padding-bottom:20px}
.demo-v7 .stage-subtitle{margin-top:10px;color:#b7c9d7;max-width:700px;line-height:1.5}
.demo-v7 .stage-canvas-wrap{height:clamp(520px,46vw,700px)}
.demo-v7 .stage-canvas-wrap canvas{cursor:grab}
.demo-v7 .stage-canvas-wrap canvas:active{cursor:grabbing}
.demo-v7 .model-hint{left:20px;bottom:20px}
.demo-v7 .surface-note{right:18px;bottom:18px}
.demo-v7 .settings{background:#0f2534;color:#dde8ef;border:1px solid #27465a;box-shadow:0 24px 80px rgba(0,0,0,.2)}
.demo-v7 .settings-head{border-bottom:1px solid rgba(255,255,255,.06)}
.demo-v7 .settings-head p,.demo-v7 .field-note,.demo-v7 .estimator-warning{color:#98afbf}
.demo-v7 .form-section{border-color:rgba(255,255,255,.06)}
.demo-v7 .field select{background:#122a3b;color:#e7f0f5;border:1px solid #24465f}
.demo-v7 .field, .demo-v7 .check-row, .demo-v7 .finish-picker, .demo-v7 .estimate{background:#132d40}
.demo-v7 .check-row, .demo-v7 .estimate, .demo-v7 .finish-picker{border:1px solid rgba(255,255,255,.05)}
.demo-v7 .form-section-title h3,.demo-v7 .settings-head h3,.demo-v7 .estimate-section-title h3{color:#f0f5f8}
.demo-v7 .price-band{background:linear-gradient(180deg,#1d3d53,#133247);border:1px solid rgba(255,255,255,.06)}
.demo-v7 .copy-btn,.demo-v7 .tool-btn{transition:transform .18s, background .18s}
.demo-v7 .copy-btn:hover,.demo-v7 .tool-btn:hover{transform:translateY(-1px)}
.demo-v7 .info-strip{background:#0f2434;color:#dfe8ee;border-color:#27485d}
.demo-v7 .work-footer{background:transparent;color:#9bb0bf;border-top:1px solid rgba(255,255,255,.08)}
.demo-v7 .work-footer a{color:#c7d6e1}
.demo-v7 .stage-canvas-wrap[data-environment="showroom"]{background-image:url('/demos/assets/environments/conveyors-showroom-v4.png?build=20261026-v7')}
.demo-v7 .stage-canvas-wrap[data-environment="warehouse"]{background-image:url('/demos/assets/environments/racks-warehouse-v4.png?build=20261026-v7')}
.demo-v7 .stage-canvas-wrap[data-environment="showroom"]::before{background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,0) 24%,rgba(8,18,28,.08) 100%),linear-gradient(90deg,rgba(255,255,255,.15),rgba(255,255,255,0) 22%,rgba(255,255,255,0) 76%,rgba(255,255,255,.05))}
.demo-v7 .stage-canvas-wrap[data-environment="warehouse"]::before{background:linear-gradient(180deg,rgba(8,18,28,.16),rgba(8,18,28,.04) 38%,rgba(8,18,28,.18) 100%),radial-gradient(circle at 50% 0%,rgba(247,190,142,.10),transparent 30%)}

@media (max-width: 1120px){
  .catalog-hero-v7{grid-template-columns:1fr}
  .hero-art-v7{min-height:360px}
  .demo-grid-v7{grid-template-columns:1fr}
  .section-heading-v7{display:block}
}
@media (max-width: 920px){
  .demo-v7 .work-layout{grid-template-columns:1fr}
  .demo-v7 .stage-canvas-wrap{height:min(68vh,560px)}
  .catalog-header-v7,.catalog-main-v7{padding-left:18px;padding-right:18px}
}