/* KREOBETON Hero 3D / Experiment 21 / izolované štýly. Nedotýka sa Laravel navigácie a obsahu. */
#kb-hero3d{font-family:'Segoe UI',system-ui,-apple-system,sans-serif;color:#282622;-webkit-font-smoothing:antialiased;width:100%;overflow:hidden}
#kb-hero3d, #kb-hero3d *, #kb-hero3d *::before, #kb-hero3d *::after{box-sizing:border-box}
#kb-hero3d button{font:inherit}
#kb-hero3d a{color:inherit}
#kb-hero3d button:focus-visible,#kb-hero3d a:focus-visible{outline:3px solid #aa865a;outline-offset:4px}
#kb-hero3d{
  --paper:#f5f1e9;--paper-light:#fcf9f4;--ink:#282622;--muted:#70675e;
  --accent:#9b7756;--line:#d6cec1;--display:Georgia,"Times New Roman",serif;
  --sans:"Segoe UI",system-ui,-apple-system,sans-serif;
}
#kb-hero3d *{box-sizing:border-box}
#kb-hero3d button:focus-visible,
#kb-hero3d a:focus-visible{outline:3px solid #aa865a;outline-offset:4px}
#kb-hero3d{position:relative;isolation:isolate;padding:0 0 clamp(46px,4.4vw,64px);background:radial-gradient(ellipse 49% 39% at 50% 47%,rgba(255,255,255,.85),transparent 100%),linear-gradient(123deg,#f8f5ef 0%,#f0e9de 56%,#f8f4ed 100%)}
#kb-hero3d .hero-heading{position:relative;z-index:2;text-align:center;padding:clamp(22px,2.1vw,32px) 18px 0;max-width:930px;margin:0 auto}
#kb-hero3d .eyebrow{display:flex;align-items:center;justify-content:center;gap:14px;font-size:9px;letter-spacing:.23em;color:#8d7052;font-weight:750;line-height:1.5}
#kb-hero3d .eyebrow-line{width:28px;height:1px;background:#b1a18c;flex-shrink:0}
#kb-hero3d .hero-heading h1{font:400 clamp(44px,4.8vw,66px)/1.02 var(--display);letter-spacing:-.055em;margin:10px 0 8px;text-wrap:balance}
#kb-hero3d .hero-heading h1 em{font-weight:400;color:#896d4e}
#kb-hero3d .hero-subtitle{font-size:clamp(13px,1.25vw,17px);font-weight:650;line-height:1.5;color:#3f3a34;margin:0 auto}
#kb-hero3d .hero-description{font-size:clamp(11px,1vw,13px);color:#73695e;max-width:535px;line-height:1.55;margin:5px auto 0}
#kb-hero3d .hero-benefits{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 10px;max-width:620px;margin:14px auto 0}
#kb-hero3d .hero-benefits span{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:0 12px;border:1px solid #d7ccbd;background:#fbf8f3cf;border-radius:999px;font-size:10px;font-weight:700;color:#6f6458;letter-spacing:.06em;box-shadow:0 8px 20px #6b543409}
#kb-hero3d .stage-wrap{position:relative;isolation:isolate;width:min(100%,1140px);height:clamp(320px,27vw,370px);margin:18px auto 0;overflow:hidden}
#kb-hero3d .stage-background{position:absolute;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse 26% 58% at 50% 46%,#fffdfaeb,transparent 100%),radial-gradient(ellipse 31% 16% at 50% 92%,#bda5872e,transparent 100%)}
#kb-hero3d .stage-editorial{position:absolute;top:49%;transform:translateY(-50%);z-index:3;pointer-events:none;width:194px;color:#64594b;text-align:left;}
#kb-hero3d .stage-editorial-left{left:clamp(20px,4vw,72px)}
#kb-hero3d .stage-editorial-right{right:clamp(20px,4vw,72px);text-align:left}
#kb-hero3d .editorial-eyebrow{font-size:9px;letter-spacing:.18em;font-weight:800;color:#9b7c5c;margin-bottom:18px;white-space:nowrap}
#kb-hero3d .editorial-index{font-family:var(--display);font-weight:400;font-size:16px;letter-spacing:0;color:#80674c;margin-right:4px}
#kb-hero3d .editorial-photo{width:168px;height:106px;overflow:hidden;border-radius:8px;border:1px solid #d7cbbb;box-shadow:0 13px 28px #6752371a;margin-bottom:14px;background:#b9ab99}
#kb-hero3d .editorial-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:opacity .22s ease}
#kb-hero3d .stage-editorial strong{display:block;font:400 27px/1.04 var(--display);letter-spacing:-.035em;color:#4c4034;max-width:195px}
#kb-hero3d .stage-editorial p{font-size:11px;line-height:1.65;margin:10px 0 0;max-width:182px;color:#817365}
#kb-hero3d .editorial-corner-symbol{display:block;width:54px;height:51px;margin:12px 0 22px;border-right:7px solid #ae9475;border-bottom:7px solid #ae9475;border-radius:0 0 13px 0;transform:rotate(-6deg);box-shadow:4px 4px 0 #eadfd0}
#kb-hero3d .editorial-interaction{display:flex;align-items:center;gap:8px;border-top:1px solid #d2c3b1;margin-top:17px;padding-top:13px;font-size:9px;letter-spacing:.12em;color:#9c7a57;font-weight:800}
#kb-hero3d .editorial-interaction span{font-size:21px;font-weight:400;line-height:1}
#kb-hero3d .stage{position:absolute;inset:0;cursor:grab;touch-action:pan-y;z-index:1}
#kb-hero3d .stage:active{cursor:grabbing}
#kb-hero3d .stage canvas{display:block;width:100%;height:100%;outline:none}
#kb-hero3d .stage-skeleton{position:absolute;top:0;left:50%;transform:translateX(-50%);width:clamp(120px,24vw,285px);height:100%;background:linear-gradient(90deg,transparent,#bfb6a8 35%,#b9afa1 65%,transparent);filter:blur(18px);opacity:.22;pointer-events:none;transition:opacity .5s}
#kb-hero3d .stage-skeleton.is-hidden{opacity:0}
#kb-hero3d .stage-message{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#f5efe7eb;border:1px solid var(--line);color:#61594f;border-radius:12px;font-size:12px;text-align:center;padding:14px 18px;max-width:min(85%,385px);pointer-events:none;box-shadow:0 8px 30px #81735b1c}
#kb-hero3d .stage-message.is-hidden{display:none}
#kb-hero3d .drag-hint{position:absolute;z-index:4;pointer-events:none;bottom:24px;left:50%;transform:translateX(-50%);background:#faf5eedd;backdrop-filter:blur(8px);display:flex;align-items:center;gap:9px;padding:8px 12px;border:1px solid #b8aa9969;border-radius:99px;color:#685e53;font-size:10px;white-space:nowrap;box-shadow:0 7px 20px #77695315;transition:opacity .45s}
#kb-hero3d .drag-hint.is-used{opacity:0}
#kb-hero3d .drag-symbol{font-size:16px;line-height:1}
#kb-hero3d .assembly-progress{position:absolute;z-index:4;pointer-events:none;bottom:8px;left:50%;transform:translateX(-50%);height:4px;width:min(64%,620px);background:#d9cdbf;border-radius:999px;overflow:hidden;box-shadow:inset 0 1px 0 #ffffff8c}
#kb-hero3d .assembly-progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,#8f6d4a 0%,#b1875d 54%,#c09a74 100%);border-radius:999px;transition:width .08s linear}
#kb-hero3d .hero-bottom{position:relative;z-index:5;display:flex;flex-direction:column;align-items:center;padding:0 18px}
#kb-hero3d .material-panel{scroll-margin-top:88px;display:grid;grid-template-columns:minmax(125px,1fr) auto auto;align-items:center;gap:18px;border:1px solid #d5c9b9;border-radius:16px;padding:11px 16px;background:#fbf8f3e8;box-shadow:0 10px 33px #5e4a2e0a;width:min(710px,100%)}
#kb-hero3d .material-panel-label{display:flex;flex-direction:column;gap:5px;text-align:left;min-width:0}
#kb-hero3d .label-top{font-size:8px;font-weight:750;letter-spacing:.15em;color:#968775}
#kb-hero3d .material-panel-label strong{font-size:11px;letter-spacing:.03em;color:#443e36}
#kb-hero3d .switcher{display:flex;align-items:center;justify-content:center;min-width:0}
#kb-hero3d .switcher-options{display:flex;align-items:center;gap:2px;border-radius:99px;background:#eee8df;padding:4px;border:1px solid #ded5c8;max-width:100%}
#kb-hero3d .material-btn{appearance:none;border:0;background:transparent;padding:10px 12px;color:#736a5f;border-radius:99px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:7px;font-weight:750;font-size:11px;transition:background .2s,color .2s,box-shadow .2s;white-space:nowrap}
#kb-hero3d .material-btn:hover{background:#ded4c6}
#kb-hero3d .material-btn.active{background:#302c27;color:#fff9ef;box-shadow:0 3px 12px #33251b24}
#kb-hero3d .material-indicator{width:8px;height:8px;border-radius:3px;box-shadow:inset 0 0 0 1px #0002;flex-shrink:0}
#kb-hero3d .material-indicator.slate{background:#99918d}
#kb-hero3d .material-indicator.sand{background:#b69b7d}
#kb-hero3d .material-indicator.brick{background:#b96f4d}
#kb-hero3d .replay{border:1px solid #d6ccbd;appearance:none;cursor:pointer;background:transparent;border-radius:99px;color:#726659;font-size:10px;font-weight:700;padding:9px 11px;white-space:nowrap;transition:background .2s}
#kb-hero3d .replay:hover{background:#eee8dd}
#kb-hero3d .replay span{font-size:18px;line-height:0;vertical-align:middle;margin-right:3px}
#kb-hero3d .stage-status{display:flex;align-items:center;justify-content:center;gap:10px;min-height:22px;margin:10px 0 14px;color:#8c8175;font-size:10px;letter-spacing:.04em;text-align:center;gap:8px;min-height:18px}
#kb-hero3d .status-line{width:18px;height:1px;background:#c1b5a8;flex-shrink:0}
#kb-hero3d .hero-actions{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;width:100%}
#kb-hero3d .button-primary,
#kb-hero3d .button-secondary{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;min-height:47px;padding:0 22px;border-radius:9px;text-decoration:none;font-size:12px;font-weight:750;transition:transform .18s,background .18s,color .18s}
#kb-hero3d .button-primary{color:#fffaf2;background:#302c27;border:1px solid #302c27;box-shadow:0 8px 22px #36271f17}
#kb-hero3d .button-primary:hover{background:#554433;transform:translateY(-2px)}
#kb-hero3d .button-secondary{color:#5f554b;background:transparent;border:1px solid #c5b8a8}
#kb-hero3d .button-secondary:hover{background:#fff9f0;transform:translateY(-2px)}
#kb-hero3d .button-primary span,
#kb-hero3d .button-secondary span{font-size:16px;font-weight:400}
#kb-hero3d .hero-footnote{color:#948879;text-align:center;letter-spacing:.015em;font-size:10px;line-height:1.5;margin:12px 0 0;max-width:560px}
@media (max-width:1020px){
#kb-hero3d .material-panel{width:min(710px,100%)}
}
@media (max-width:700px){
#kb-hero3d{padding-bottom:52px}
#kb-hero3d .hero-heading{padding:29px 14px 0}
#kb-hero3d .eyebrow{font-size:8px;letter-spacing:.13em;gap:8px}
#kb-hero3d .eyebrow-line{width:18px}
#kb-hero3d .hero-heading h1{font-size:clamp(38px,9vw,57px);margin:13px 0 10px;line-height:1.04}
#kb-hero3d .hero-subtitle{font-size:12px;max-width:310px}
#kb-hero3d .hero-description{font-size:11px;max-width:310px;margin-top:5px}
#kb-hero3d .hero-benefits{gap:7px 8px;margin-top:12px;max-width:310px}
#kb-hero3d .hero-benefits span{min-height:28px;padding:0 10px;font-size:9px}
#kb-hero3d .stage-wrap{height:clamp(315px,92vw,385px);width:100%;margin:16px auto 0}
#kb-hero3d .drag-hint{bottom:19px;padding:7px 10px;font-size:9px}
#kb-hero3d .assembly-progress{width:74%;bottom:10px}
#kb-hero3d .hero-bottom{padding:0 14px}
#kb-hero3d .material-panel{border-radius:15px;grid-template-columns:minmax(0,1fr) auto;gap:9px;padding:11px 12px}
#kb-hero3d .material-panel-label{grid-column:1;grid-row:1;min-width:0;gap:3px}
#kb-hero3d .label-top{font-size:8px}
#kb-hero3d .material-panel-label strong{font-size:10px}
#kb-hero3d .replay{grid-column:2;grid-row:1;padding:8px 10px;font-size:10px}
#kb-hero3d .switcher{grid-column:1/-1;grid-row:2;justify-content:stretch}
#kb-hero3d .switcher-options{width:100%;justify-content:space-between}
#kb-hero3d .material-btn{flex:1;min-width:0;padding:10px 6px;font-size:10px;gap:5px}
#kb-hero3d .material-indicator{width:7px;height:7px}
#kb-hero3d .stage-status{margin:7px 0 13px;font-size:9px;gap:7px;line-height:1.3}
#kb-hero3d .status-line{width:15px}
#kb-hero3d .hero-actions{width:100%;gap:8px}
#kb-hero3d .button-primary,
#kb-hero3d .button-secondary{min-height:44px;padding:0 15px;font-size:11px;gap:14px}
#kb-hero3d .hero-footnote{margin-top:12px;max-width:310px;font-size:9px}
}
@media (max-width:390px){
#kb-hero3d .hero-heading{padding:25px 12px 0}
#kb-hero3d .hero-heading h1{font-size:clamp(37px,11.8vw,43px)}
#kb-hero3d .hero-subtitle{font-size:11px;max-width:285px}
#kb-hero3d .hero-description{font-size:10px;max-width:282px}
#kb-hero3d .hero-benefits{max-width:292px;gap:6px}
#kb-hero3d .hero-benefits span{font-size:8px;padding:0 8px}
#kb-hero3d .stage-wrap{height:clamp(305px,100vw,350px);margin-top:18px}
#kb-hero3d .material-btn{padding:10px 4px;font-size:10px;gap:4px}
#kb-hero3d .material-panel{padding:10px}
#kb-hero3d .hero-actions{flex-direction:column;gap:8px}
#kb-hero3d .button-primary,
#kb-hero3d .button-secondary{width:100%;max-width:330px;min-height:42px}
}
@media (prefers-reduced-motion:reduce){
#kb-hero3d *{transition:none!important;animation:none!important}
}
#kb-hero3d #kb-assembly-count{display:none}
@media (max-width: 900px){
#kb-hero3d .stage-editorial{display:none}
}
@media (min-width: 901px) and (max-width: 1080px){
#kb-hero3d .stage-editorial{width:155px}
#kb-hero3d .stage-editorial-left{left:16px}
#kb-hero3d .stage-editorial-right{right:16px}
#kb-hero3d .editorial-photo{width:137px;height:93px}
#kb-hero3d .stage-editorial strong{font-size:24px}
}
#kb-hero3d .side-viewer-panel{gap:12px}
#kb-hero3d .mini-viewer-shell{width:100%;padding:12px;border-radius:18px;border:1px solid #d8cebf;background:linear-gradient(180deg,#fcf9f4 0%,#f4eee4 100%);box-shadow:0 18px 40px rgba(92,66,32,.08)}
#kb-hero3d .mini-viewer{position:relative;width:100%;aspect-ratio:1/1;border-radius:14px;overflow:hidden;background:radial-gradient(circle at 50% 42%, rgba(255,255,255,.92) 0%, rgba(251,246,237,.96) 45%, rgba(239,231,217,.92) 100%);border:1px solid #e4d9c9}
#kb-hero3d .mini-viewer canvas{display:block;width:100%;height:100%}
#kb-hero3d .mini-viewer::after{content:"Ťahajte myšou";position:absolute;left:50%;bottom:10px;transform:translateX(-50%);padding:5px 10px;border-radius:999px;background:rgba(251,246,237,.92);border:1px solid #dfd2c0;color:#766b5d;font-size:10px;letter-spacing:.04em;pointer-events:none;box-shadow:0 8px 18px rgba(87,61,31,.09)}
#kb-hero3d .side-viewer-panel strong{font-size:20px;line-height:1.08;color:#4c4136}
#kb-hero3d .side-viewer-panel p{margin:0;color:#7e7266;font-size:14px;line-height:1.55;max-width:220px}
#kb-hero3d .stage-editorial-left{justify-items:end}
#kb-hero3d .stage-editorial-right{justify-items:start}
@media (max-width: 980px){
#kb-hero3d .side-viewer-panel{display:none!important}
}
#kb-hero3d .stage-wrap{
  display:grid;
  grid-template-columns:minmax(180px,235px) minmax(370px,520px) minmax(180px,235px);
  gap:clamp(18px,2.5vw,42px);
  align-items:center;
  justify-content:space-between;
  width:min(1240px,calc(100% - 48px));
  max-width:none;
  height:auto;
  min-height:385px;
  margin:20px auto 0;
  overflow:visible;
}
#kb-hero3d .main-viewer{
  grid-column:2;grid-row:1;
  min-width:0;
  width:100%;
  height:clamp(365px,29vw,425px);
  position:relative;
  overflow:hidden;
  isolation:isolate;
}
#kb-hero3d .main-viewer .stage-background{z-index:-1}
#kb-hero3d .main-viewer .stage{position:absolute;inset:0;z-index:1;}
#kb-hero3d .main-viewer .drag-hint{z-index:4}
#kb-hero3d .main-viewer .assembly-progress{z-index:4}
#kb-hero3d .stage-editorial.side-viewer-panel,
#kb-hero3d .stage-editorial-left.side-viewer-panel,
#kb-hero3d .stage-editorial-right.side-viewer-panel{
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:stretch;
  justify-content:flex-start;
  align-self:center;
  left:auto;right:auto;top:auto;bottom:auto;
  margin:0;
  padding:15px;
  width:100%;max-width:100%;min-width:0;
  height:auto;
  transform:none;
  pointer-events:auto;
  text-align:left;
  color:#66584a;
  background:rgba(252,249,244,.88);
  border:1px solid #d7cbb9;
  border-radius:19px;
  box-shadow:0 12px 34px rgba(86,63,38,.065);
}
#kb-hero3d .stage-editorial-left.side-viewer-panel{grid-column:1;grid-row:1}
#kb-hero3d .stage-editorial-right.side-viewer-panel{grid-column:3;grid-row:1}
#kb-hero3d .side-viewer-panel .editorial-eyebrow{margin:0 0 8px;font-size:9px;line-height:1.4}
#kb-hero3d .side-viewer-panel .mini-viewer-shell{
  padding:6px;
  margin:0 0 12px;
  border:1px solid #e0d4c4;
  border-radius:13px;
  background:#f3ece1;
  box-shadow:none;
  width:100%;min-width:0;
}
#kb-hero3d .side-viewer-panel .mini-viewer-shell:before{content:none}
#kb-hero3d .side-viewer-panel .mini-viewer{
  position:relative;
  width:100%;
  aspect-ratio:1.10 / 1;
  min-height:130px;
  overflow:hidden;
  border-radius:9px;
  border:1px solid #e7dccd;
  background:radial-gradient(circle at 50% 42%, #fffaf2 2%, #eee6da 100%);
  isolation:isolate;
}
#kb-hero3d .side-viewer-panel .mini-viewer canvas{
  position:absolute;inset:0;
  display:block;width:100%;height:100%;
  touch-action:none;cursor:grab;
  z-index:1;
}
#kb-hero3d .side-viewer-panel .mini-viewer canvas:active{cursor:grabbing}
#kb-hero3d .side-viewer-panel .mini-viewer:after{
  content:"Ťahajte myšou";
  position:absolute;bottom:7px;left:50%;z-index:3;
  transform:translateX(-50%);
  white-space:nowrap;
  background:#fcf8f1e8;
  border:1px solid #d8cabb;
  border-radius:99px;
  padding:4px 8px;
  font-size:9px;
  color:#77695a;
  pointer-events:none;
}
#kb-hero3d .side-viewer-panel .mini-status{
  position:absolute;inset:0;
  z-index:2;
  display:flex;align-items:center;justify-content:center;
  padding:20px;
  color:#867867;
  font-size:11px;
  text-align:center;
  background:#f4ede2e5;
  pointer-events:none;
}
#kb-hero3d .side-viewer-panel .mini-status[hidden]{display:none}
#kb-hero3d .side-viewer-panel strong{font:400 21px/1.16 var(--display);max-width:100%;letter-spacing:-.025em}
#kb-hero3d .side-viewer-panel p{margin:6px 0 0;max-width:100%;font-size:11px;line-height:1.55;color:#827567}
@media (min-width:981px) and (max-width:1150px){
#kb-hero3d .stage-wrap{grid-template-columns:minmax(165px,205px) minmax(350px,1fr) minmax(165px,205px);gap:18px;width:calc(100% - 34px)}
#kb-hero3d .stage-editorial.side-viewer-panel{padding:10px}
#kb-hero3d .side-viewer-panel .mini-viewer{min-height:125px}
#kb-hero3d .side-viewer-panel strong{font-size:18px}
}
@media (max-width:980px){
#kb-hero3d .stage-wrap{display:block;width:100%;height:auto;min-height:0;margin:16px auto 0;overflow:visible}
#kb-hero3d .stage-editorial.side-viewer-panel{display:none!important}
#kb-hero3d .main-viewer{height:clamp(315px,92vw,390px);width:100%;min-width:0;overflow:hidden}
}
@media (max-width:390px){
#kb-hero3d .main-viewer{height:clamp(305px,100vw,350px)}
}
#kb-hero3d .side-viewer-panel .mini-viewer{aspect-ratio:1.08 / 1}
#kb-hero3d .side-viewer-panel .mini-viewer:after{font-size:9px}

/* Laravel v0.24.19 integration isolation. The rest of the old homepage uses
   site.css, whose generic .hero class is display:flex/min-height:540px. */
#kb-hero3d.hero{display:block;align-items:initial;justify-content:initial;min-height:0;border:0;line-height:normal}
#kb-hero3d .hero-heading h1{max-width:none}
#kb-hero3d .stage-wrap{max-width:100%}
#kb-hero3d .stage-wrap .side-viewer-panel{flex-shrink:0}
#kb-hero3d .material-panel .material-btn{line-height:1.2}
#kb-hero3d .button-primary,#kb-hero3d .button-secondary{text-decoration:none;line-height:1.2}

/* v0.24.20: fast still frame over WebGL while 3D modules and GLB are loading.
   Only fades away after the first genuine WebGL render. No layout shift. */
#kb-hero3d .stage .stage-poster{
  position:absolute;z-index:2;inset:0;margin:auto;
  display:block;width:auto;max-width:100%;height:100%;object-fit:contain;
  /* Keep the lightweight LCP poster visible until the real WebGL frame is painted.
     Never crossfade two differently projected pillars: it looks like a second spin. */
  pointer-events:none;opacity:1;transition:none;
}
#kb-hero3d .stage[data-ready="true"] .stage-poster{
  opacity:0;visibility:hidden;transition:none;
}
#kb-hero3d .stage .stage-message{z-index:3}
#kb-hero3d .stage:not([data-ready="true"]):not(.has-error) .stage-message{opacity:0}
#kb-hero3d .stage.has-error .stage-message{opacity:1}
#kb-hero3d .stage .stage-skeleton{opacity:0}


/* PATCH82: renderer-capability fallback. Hardware-accelerated hero unchanged. */
#kb-hero3d.kb-software-static .stage-wrap{grid-template-columns:minmax(0,520px);justify-content:center}
#kb-hero3d.kb-software-static .main-viewer{grid-column:1;grid-row:1}
#kb-hero3d.kb-software-static .side-viewer-panel,
#kb-hero3d.kb-software-static .drag-hint,
#kb-hero3d.kb-software-static .assembly-progress,
#kb-hero3d.kb-software-static .hero-footnote{display:none!important}
#kb-hero3d.kb-software-static .stage,
#kb-hero3d.kb-software-static .stage:active{cursor:default}
#kb-hero3d.kb-software-static .material-btn:disabled{opacity:.5;cursor:not-allowed}
#kb-hero3d.kb-software-static .replay{background:#f2e9db;color:#51412f}