/* Route-scoped LUMORA interior-door configurator styles. */
/* Unutrašnja vrata — kompletan champagne studio u dnevnom režimu. */
html[data-theme="day"] .lumora-interior-config-section {
  background:linear-gradient(180deg,#eee6da 0%,#f6f1e8 46%,#ebe2d5 100%) !important;
}
html[data-theme="day"] .idc {
  --idc-bg:#f4efe6;
  --idc-panel:#fbf8f2;
  --idc-panel-hi:#e9dfcf;
  --idc-line:rgba(54,47,39,.16);
  --idc-muted:#626a75;
  --idc-gold:#a9834c;
  --idc-gold-hi:#7f6033;
  border-color:rgba(169,131,76,.28);
  background:var(--idc-bg);
  color:#1b1f26;
  box-shadow:0 38px 100px rgba(62,47,29,.13);
}
html[data-theme="day"] .idc::before {
  background-image:linear-gradient(rgba(72,59,43,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(72,59,43,.045) 1px,transparent 1px);
}
html[data-theme="day"] .idc-header {
  background:radial-gradient(760px 300px at 24% 20%,rgba(169,131,76,.13),transparent 72%),linear-gradient(115deg,#fbf8f2,#eee6da);
}
html[data-theme="day"] .idc-header :is(h1,h2) { color:#1d2128; }
html[data-theme="day"] .idc-header > div > p:last-child,
html[data-theme="day"] .idc-header dd { color:#5e6570; }
html[data-theme="day"] .idc-collection-switch { background:#e9dfcf; }
html[data-theme="day"] .idc-collection-switch button {
  background:linear-gradient(115deg,#fbf8f2,#eee6da);
  color:#555d68;
}
html[data-theme="day"] .idc-collection-switch button:hover,
html[data-theme="day"] .idc-collection-switch button.is-active {
  background:radial-gradient(circle at 20% 50%,rgba(169,131,76,.16),transparent 40%),linear-gradient(115deg,#fffdf8,#e7dac7);
  color:#6f522c;
}
html[data-theme="day"] .idc-collection-switch small { color:#6c737d; }
html[data-theme="day"] .idc-controls,
html[data-theme="day"] .idc-specification {
  background:linear-gradient(160deg,rgba(251,248,242,.99),rgba(235,226,212,.99));
}
html[data-theme="day"] .idc-controls h3 { color:#22262d; }
html[data-theme="day"] .idc-swatch-grid button {
  background:rgba(255,252,247,.78);
  color:#626872;
}
html[data-theme="day"] .idc-swatch-grid button:hover,
html[data-theme="day"] .idc-swatch-grid button.is-active { color:#6f522c; }
html[data-theme="day"] .idc-swatch-grid i { border-color:rgba(54,47,39,.14); }
html[data-theme="day"] .idc-hardware-grid button { background:#f9f5ed; }
html[data-theme="day"] .idc-hardware-grid button:hover,
html[data-theme="day"] .idc-hardware-grid button.is-active { background:#e9dece; }
html[data-theme="day"] .idc-hardware-grid .idc-hardware-expand { border-color:rgba(151,111,55,.58); background:radial-gradient(circle at 20% 18%,rgba(255,255,255,.74),transparent 34%),repeating-linear-gradient(102deg,rgba(151,111,55,.028) 0 1px,transparent 1px 8px),linear-gradient(145deg,#f7efe1,#dbc29a); box-shadow:0 14px 30px -18px rgba(77,55,27,.55),inset 0 0 0 1px rgba(255,255,255,.58); color:#182238; }
html[data-theme="day"] .idc-hardware-grid .idc-hardware-expand:hover { border-color:rgba(119,80,31,.88); background:radial-gradient(circle at 20% 18%,rgba(255,255,255,.82),transparent 34%),linear-gradient(145deg,#fff8eb,#d6ba8e); box-shadow:0 18px 34px -17px rgba(77,55,27,.56),0 0 22px rgba(169,131,76,.2),inset 0 0 0 1px rgba(255,255,255,.72); }
html[data-theme="day"] .idc-hardware-grid .idc-hardware-expand::before { border-color:rgba(126,87,38,.22); box-shadow:inset 0 0 14px rgba(255,255,255,.4); }
html[data-theme="day"] .idc-hardware-expand > span > b { border-color:rgba(99,67,28,.58); background:linear-gradient(145deg,rgba(255,255,255,.46),rgba(171,124,66,.2)); box-shadow:7px 5px 0 -3px rgba(111,73,29,.13),0 8px 16px rgba(83,57,25,.18),inset 0 0 0 3px rgba(255,250,238,.22); }
html[data-theme="day"] .idc-hardware-expand > span > b::before { border-color:rgba(100,67,27,.18); }
html[data-theme="day"] .idc-hardware-expand > span > b::after { background:#76512a; box-shadow:0 0 7px rgba(118,81,42,.28); }
html[data-theme="day"] .idc-hardware-expand > span > i { border-color:rgba(99,67,28,.55); background:linear-gradient(90deg,#77522c,#c49a61 48%,#81592f); box-shadow:0 5px 10px rgba(83,57,25,.22),0 0 10px rgba(169,131,76,.16); }
html[data-theme="day"] .idc-hardware-expand > span > i::before,
html[data-theme="day"] .idc-hardware-expand > span > i::after { background:linear-gradient(90deg,#b98d55,#6f4b27); }
html[data-theme="day"] .idc-hardware-expand > span > strong { border-color:rgba(100,67,27,.58); background:#f8f0e2; color:#755129; box-shadow:0 0 14px rgba(135,95,43,.22); }
html[data-theme="day"] .idc-hardware-grid .idc-hardware-expand > em { color:#0b162b; text-shadow:0 1px 0 rgba(255,255,255,.5); }
html[data-theme="day"] .idc-hardware-grid .idc-hardware-expand > small { color:#684c2b; }
html[data-theme="day"] .idc-hardware-grid .idc-hardware-expand.is-active,
html[data-theme="day"] .idc-decor-grid .idc-decor-expand.is-active { border-color:rgba(119,80,31,.92); background:radial-gradient(circle at 20% 18%,rgba(255,255,255,.9),transparent 36%),linear-gradient(145deg,#fff8eb,#cfaa73); box-shadow:0 18px 38px -17px rgba(77,55,27,.58),0 0 25px rgba(140,97,43,.28),inset 0 0 0 1px rgba(255,255,255,.78); color:#111a2c; }
html[data-theme="day"] .idc-selected-decor span { color:#6b727c; }
html[data-theme="day"] .idc-selected-decor strong { color:#71552f; }
html[data-theme="day"] .idc-decor-grid button { background:rgba(255,252,247,.82); color:#626872; }
html[data-theme="day"] .idc-decor-grid button:hover,
html[data-theme="day"] .idc-decor-grid button.is-active { color:#6f522c; }
html[data-theme="day"] .idc-decor-grid .idc-decor-expand { border-color:rgba(151,111,55,.58); background:radial-gradient(circle at 20% 18%,rgba(255,255,255,.72),transparent 34%),repeating-linear-gradient(102deg,rgba(151,111,55,.028) 0 1px,transparent 1px 8px),linear-gradient(145deg,#f7efe1,#dbc29a); box-shadow:0 14px 30px -18px rgba(77,55,27,.55),inset 0 0 0 1px rgba(255,255,255,.55); color:#182238; }
html[data-theme="day"] .idc-decor-grid .idc-decor-expand:hover { border-color:rgba(119,80,31,.88); box-shadow:0 18px 34px -17px rgba(77,55,27,.56),0 0 22px rgba(169,131,76,.2),inset 0 0 0 1px rgba(255,255,255,.72); color:#111a2c; }
html[data-theme="day"] .idc-decor-grid .idc-decor-expand::before { border-color:rgba(126,87,38,.22); box-shadow:inset 0 0 14px rgba(255,255,255,.38); }
html[data-theme="day"] .idc-decor-grid .idc-decor-expand > span { border-color:rgba(111,73,29,.48); background:linear-gradient(110deg,#9a7044,#d4b077); box-shadow:5px 4px 0 -1px rgba(111,73,29,.13),-5px -4px 0 -1px rgba(255,255,255,.44),0 8px 17px rgba(83,57,25,.2); }
html[data-theme="day"] .idc-decor-grid .idc-decor-expand > b { color:#0b162b; text-shadow:0 1px 0 rgba(255,255,255,.48); }
html[data-theme="day"] .idc-decor-grid .idc-decor-expand > small { color:#684c2b; }
html[data-theme="day"] .idc-stage {
  background:radial-gradient(circle at 50% 45%,rgba(117,129,156,.14),transparent 39%),radial-gradient(ellipse at 50% 86%,rgba(169,131,76,.16),transparent 33%),linear-gradient(135deg,#f6f1e8,#e8dece);
}
html[data-theme="day"] .idc-stage::before {
  background:linear-gradient(90deg,rgba(93,75,53,.11),transparent 15%,transparent 85%,rgba(93,75,53,.1));
}
html[data-theme="day"] .idc-stage-label strong { color:#59616d; }
html[data-theme="day"] .idc-visual-pending { border-color:rgba(169,131,76,.4); background:radial-gradient(circle at 50% 42%,rgba(169,131,76,.15),transparent 30%),linear-gradient(145deg,rgba(255,253,248,.96),rgba(226,215,198,.96)); box-shadow:0 28px 60px rgba(72,55,34,.14),inset 0 0 0 1px rgba(255,255,255,.45); }
html[data-theme="day"] .idc-visual-pending strong { color:#6f522c; }
html[data-theme="day"] .idc-visual-pending span { color:#646b75; }
html[data-theme="day"] .idc-loupe > span { color:#71552f; }
html[data-theme="day"] .idc-stage-floor { border-color:rgba(169,131,76,.58) transparent; background:radial-gradient(ellipse at center,rgba(255,255,255,.7) 0 2%,rgba(190,148,85,.22) 3% 19%,rgba(101,120,160,.1) 35%,transparent 68%); box-shadow:0 -8px 34px rgba(169,131,76,.2),inset 0 8px 22px rgba(255,255,255,.42); }
html[data-theme="day"] .idc-stage-floor i { border-color:rgba(145,103,51,.3) transparent; }
html[data-theme="day"] .idc-specification header > p { color:#6a717c; }
html[data-theme="day"] .idc-specification h3 { color:#20242b; }
html[data-theme="day"] .idc-specification dt { color:#30353d; }
html[data-theme="day"] .idc-specification dd,
html[data-theme="day"] .idc-technical-note { color:#626a75; }
html[data-theme="day"] .idc-secondary-action { color:#464c55; }
html[data-theme="day"] .idc-secondary-action:hover { color:#6f522c; }
html[data-theme="day"] .idc-privacy { color:#69707a; }
html[data-theme="day"] .idc .idc-project-sales { border-color:rgba(151,111,55,.35); background:radial-gradient(circle at 92% 4%,rgba(174,133,74,.14),transparent 36%),linear-gradient(145deg,rgba(255,252,246,.98),rgba(234,224,209,.96)); box-shadow:0 22px 45px -34px rgba(76,55,30,.48),inset 0 0 0 1px rgba(255,255,255,.65); }
html[data-theme="day"] .idc .idc-project-sales h4 { color:#252931; }
html[data-theme="day"] .idc .idc-project-sales > p:not(.idc-section-number) { color:#626973; }
html[data-theme="day"] .idc .idc-project-sales button { border-color:rgba(130,91,40,.38); background:rgba(169,131,76,.08); color:#6e4d24; }
html[data-theme="day"] .idc-model-rail { background:#e8dece; }
html[data-theme="day"] .idc-model-rail > div:first-child p { color:#23272e; }
html[data-theme="day"] .idc-model-rail button {
  background:linear-gradient(180deg,#fbf8f2,#eee6da);
  color:#565e68;
}
html[data-theme="day"] .idc-model-rail button:hover,
html[data-theme="day"] .idc-model-rail button.is-active {
  background:linear-gradient(180deg,#fffdf8,#e5d8c5);
  color:#6f522c;
}
html[data-theme="day"] .idc-model-rail .idc-model-expand {
  background:radial-gradient(circle at 50% 40%,rgba(169,131,76,.18),transparent 34%),linear-gradient(145deg,#fdfaf4,#e5d8c5);
  color:#6f522c;
  box-shadow:-14px 0 34px rgba(72,55,34,.08);
}
html[data-theme="day"] .idc-model-rail .idc-model-expand.is-active { border-color:rgba(122,84,36,.68); background:radial-gradient(circle at 50% 40%,rgba(169,131,76,.3),transparent 38%),linear-gradient(145deg,#fffaf1,#d8c09a); box-shadow:-14px 0 34px rgba(72,55,34,.1),0 0 28px rgba(140,97,43,.2); }
html[data-theme="day"] .idc-model-rail .idc-model-expand > span strong { color:#8a6738; text-shadow:0 0 20px rgba(169,131,76,.25); }
html[data-theme="day"] .idc-model-overlay { background:rgba(40,31,20,.46); backdrop-filter:blur(18px) saturate(.75); }
html[data-theme="day"] .idc-model-panel { border-color:rgba(152,112,57,.44); background:linear-gradient(145deg,rgba(255,253,248,.99),rgba(231,220,202,.99)); box-shadow:0 42px 120px rgba(56,42,25,.3),0 0 0 1px rgba(255,255,255,.6),inset 0 1px #fff; }
html[data-theme="day"] .idc-model-panel::before { border-color:rgba(152,112,57,.17); background:radial-gradient(circle,rgba(189,151,96,.19),transparent 63%); }
html[data-theme="day"] .idc-model-panel > header { border-color:rgba(152,112,57,.25); background:linear-gradient(90deg,rgba(255,255,255,.55),transparent 58%); }
html[data-theme="day"] .idc-model-panel > header h3 { color:#182035; }
html[data-theme="day"] .idc-model-panel > header div > span { color:#6f7279; }
html[data-theme="day"] .idc-model-panel-close { border-color:rgba(152,112,57,.45); background:rgba(255,253,248,.68); color:#74552d; }
html[data-theme="day"] .idc-model-panel-close:hover { border-color:#9b733d; background:#fffaf1; color:#2b2115; }
html[data-theme="day"] .idc-model-panel-grid { background:rgba(152,112,57,.18); scrollbar-color:#9f7947 rgba(238,228,212,.8); }
html[data-theme="day"] .idc-model-panel-card { background:linear-gradient(160deg,#fffdf8,#eee4d5); color:#606570; }
html[data-theme="day"] .idc-model-panel-card::before { background:radial-gradient(circle at 50% 42%,rgba(169,131,76,.2),transparent 35%); }
html[data-theme="day"] .idc-model-panel-card:hover,html[data-theme="day"] .idc-model-panel-card.is-active { background:linear-gradient(160deg,#fff,#e4d4bd); color:#6d4f29; }
html[data-theme="day"] .idc-model-panel-card > span img { filter:drop-shadow(0 24px 23px rgba(65,45,22,.2)); }
html[data-theme="day"] .idc-model-panel-card > b { color:#1d2536; }
html[data-theme="day"] .idc-model-system-badge { border-color:rgba(141,103,52,.34); background:rgba(255,252,245,.88); color:#70502a; box-shadow:0 8px 24px rgba(73,51,24,.11); }
html[data-theme="day"] .idc-model-system-badge.is-sincro-dekori { border-color:rgba(141,103,52,.46); background:linear-gradient(120deg,rgba(229,209,180,.95),rgba(255,252,245,.9)); color:#5c3d1f; }
html[data-theme="day"] .idc-model-panel-card > .idc-model-preview-finish { color:#91672e; }
html[data-theme="day"] .idc-model-panel-card > em { color:#696d75; }
html[data-theme="day"] .idc-decor-panel-grid { background:rgba(152,112,57,.18); scrollbar-color:#9f7947 rgba(238,228,212,.8); }
html[data-theme="day"] .idc-decor-panel-card { background:linear-gradient(160deg,#fffdf8,#eee4d5); color:#606570; }
html[data-theme="day"] .idc-decor-panel-card:hover,html[data-theme="day"] .idc-decor-panel-card.is-active { background:radial-gradient(circle at 50% 43%,rgba(169,131,76,.17),transparent 36%),linear-gradient(160deg,#fff,#e4d4bd); color:#6d4f29; }
html[data-theme="day"] .idc-decor-panel-card > b { color:#1d2536; }
html[data-theme="day"] .idc-hardware-panel-grid { background:rgba(152,112,57,.18); scrollbar-color:#9f7947 rgba(238,228,212,.8); }
html[data-theme="day"] .idc-hardware-panel-card { background:linear-gradient(160deg,#fffdf8,#eee4d5); color:#606570; }
html[data-theme="day"] .idc-hardware-panel-card:hover,html[data-theme="day"] .idc-hardware-panel-card.is-active { background:radial-gradient(circle at 50% 43%,rgba(169,131,76,.17),transparent 36%),linear-gradient(160deg,#fff,#e4d4bd); color:#6d4f29; }
html[data-theme="day"] .idc-hardware-panel-card > b { color:#1d2536; }
/* ========================================================================== 
   LUMORA unutrašnja vrata — prototip kompozicija, stvarni RAL i okov slojevi
   ========================================================================== */
.idc {
  --idc-bg: #070d1e;
  --idc-panel: #0b1530;
  --idc-panel-hi: #101d3b;
  --idc-line: rgba(80,105,164,.34);
  --idc-muted: #8f9bb4;
  --idc-gold: #c7a064;
  --idc-gold-hi: #e7d0a0;
  position: relative;
  overflow: hidden;
  border: 1px solid var(--idc-line);
  background: var(--idc-bg);
  color: #f4f6fb;
  box-shadow: 0 38px 100px rgba(0,0,0,.34);
  scroll-margin-top: 170px;
}
.lumora-interior-page .lumora-page-hero-compact {
  min-height:0;
  padding-top:clamp(20px,2vw,32px);
  padding-bottom:clamp(20px,2vw,32px);
  border-bottom:1px solid rgba(199,160,100,.34);
  background:radial-gradient(920px 480px at 80% 26%,rgba(51,71,125,.25),transparent 72%),#081024;
}
.lumora-interior-page .lumora-page-hero-compact .breadcrumb { margin-bottom:clamp(12px,1.4vw,20px); }
.lumora-interior-page .lumora-page-hero-compact h1 {
  max-width:900px;
  margin-top:10px;
  font-size:clamp(2.2rem,2.8vw,3.45rem);
  line-height:.98;
}
.lumora-interior-page .lumora-page-hero-compact .hero-lead {
  max-width:820px;
  margin-top:12px;
  font-size:clamp(.84rem,.92vw,.96rem);
}
.lumora-interior-config-section { padding-block: clamp(24px,3vw,48px); border-top: 0 !important; }
.lumora-interior-config-section > .container { width: min(1840px,calc(100% - clamp(24px,4vw,72px))); }
.idc-deferred-boundary { min-height:1427px; }
.idc-deferred-boundary:has(> .idc) { min-height:0; }
.idc-deferred-shell {
  position:relative;
  min-height:inherit;
  overflow:hidden;
  border:1px solid rgba(80,105,164,.34);
  background:radial-gradient(620px 320px at 50% 18%,rgba(199,160,100,.09),transparent 70%),linear-gradient(145deg,#0b1530,#070d1e);
  box-shadow:0 38px 100px rgba(0,0,0,.28);
}
.idc-deferred-shell::before {
  position:absolute;
  inset:0;
  background-image:linear-gradient(rgba(65,89,145,.075) 1px,transparent 1px),linear-gradient(90deg,rgba(65,89,145,.075) 1px,transparent 1px);
  background-size:72px 72px;
  content:"";
  mask-image:linear-gradient(180deg,#000,transparent 70%);
}
.idc-deferred-shell span { position:absolute; top:clamp(42px,5vw,84px); left:clamp(28px,4.5vw,78px); height:8px; border-radius:999px; background:rgba(199,160,100,.28); }
.idc-deferred-shell span:nth-child(1) { width:min(180px,42%); }
.idc-deferred-shell span:nth-child(2) { top:calc(clamp(42px,5vw,84px) + 38px); width:min(560px,68%); height:clamp(38px,5vw,72px); border-radius:0; background:rgba(244,246,251,.055); }
.idc-deferred-shell span:nth-child(3) { top:calc(clamp(42px,5vw,84px) + 132px); width:min(430px,58%); background:rgba(143,155,180,.14); }
.idc-deferred-start {
  position:absolute;
  z-index:2;
  top:calc(clamp(42px,5vw,84px) + 168px);
  left:clamp(28px,4.5vw,78px);
  width:min(290px,calc(100% - clamp(56px,9vw,156px)));
  cursor:pointer;
}
.idc-deferred-start b { font:inherit; }
html[data-theme="day"] .idc-deferred-shell { border-color:rgba(169,131,76,.28); background:radial-gradient(620px 320px at 50% 18%,rgba(169,131,76,.11),transparent 70%),linear-gradient(145deg,#fbf8f2,#eee6da); box-shadow:0 38px 100px rgba(62,47,29,.11); }
html[data-theme="day"] .idc-deferred-shell::before { background-image:linear-gradient(rgba(72,59,43,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(72,59,43,.045) 1px,transparent 1px); }
html[data-theme="day"] .idc-deferred-shell span:nth-child(2) { background:rgba(35,39,46,.06); }
@media (max-width:1100px) { .idc-deferred-boundary { min-height:4196px; } }
@media (max-width:700px) {
  .idc-deferred-boundary { min-height:3757px; }
  .idc-deferred-start { top:calc(clamp(42px,5vw,84px) + 168px); width:calc(100% - 56px); }
}
.idc::before {
  position: absolute;
  inset: 0;
  background-image: linear-gradient(rgba(65,89,145,.075) 1px,transparent 1px),linear-gradient(90deg,rgba(65,89,145,.075) 1px,transparent 1px);
  background-size: 72px 72px;
  content: "";
  mask-image: linear-gradient(180deg,#000,transparent 70%);
  pointer-events: none;
}
.idc button { font-family: inherit; }
.idc-header {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  gap: clamp(30px,5vw,90px);
  align-items: end;
  padding: clamp(42px,5vw,84px) clamp(28px,4.5vw,78px) clamp(32px,3.5vw,58px);
  border-bottom: 1px solid var(--idc-line);
  background: radial-gradient(760px 280px at 24% 20%,rgba(199,160,100,.08),transparent 70%);
}
.idc-header > div { max-width: 850px; }
.idc-eyebrow,.idc-section-number {
  margin: 0 0 16px;
  color: var(--idc-gold);
  font: 600 .68rem var(--mono);
  letter-spacing: .16em;
  text-transform: uppercase;
}
.idc-header :is(h1,h2) {
  display: flex;
  margin: 0;
  flex-direction: column;
  font: 600 clamp(3.3rem,5.15vw,6.6rem)/.86 var(--font-display),system-ui,sans-serif;
  letter-spacing: -.055em;
}
.idc-header :is(h1,h2) .is-champagne { color: var(--idc-gold); }
.idc-header > div > p:last-child { max-width: 720px; margin: 28px 0 0; color: #aab4c9; font-size: clamp(.94rem,1.05vw,1.08rem); line-height: 1.75; }
.idc-header dl { display: grid; min-width: 350px; margin: 0; grid-template-columns: repeat(3,1fr); border: 1px solid var(--idc-line); }
.idc-header dl div { min-width: 112px; padding: 20px 18px; border-right: 1px solid var(--idc-line); }
.idc-header dl div:last-child { border-right: 0; }
.idc-header dt { color: var(--idc-gold); font: 500 1.35rem var(--mono); }
.idc-header dd { margin: 8px 0 0; color: #aeb8cd; font: 600 .66rem var(--mono); letter-spacing: .08em; text-transform: uppercase; }

.idc-collection-switch {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  border-bottom: 1px solid var(--idc-line);
  background: #070e20;
}
.idc-collection-switch button {
  position: relative;
  display: grid;
  min-height: 104px;
  grid-template-columns: auto 1fr auto;
  gap: 18px;
  align-items: center;
  padding: 22px clamp(18px,2.5vw,46px);
  overflow: hidden;
  border: 0;
  border-right: 1px solid var(--idc-line);
  background: linear-gradient(115deg,rgba(15,27,57,.72),rgba(8,16,36,.92));
  color: #aab4c9;
  cursor: pointer;
  text-align: left;
  transition: background .3s ease,color .3s ease;
}
.idc-collection-switch button:last-child { border-right: 0; }
.idc-collection-switch button::before { position: absolute; right: 0; bottom: 0; left: 0; height: 2px; background: linear-gradient(90deg,transparent,var(--idc-gold),transparent); content: ""; opacity: 0; transform: scaleX(.35); transition: opacity .3s ease,transform .45s ease; }
.idc-collection-switch button::after { position: absolute; top: -70%; left: -18%; width: 18%; height: 230%; background: linear-gradient(90deg,transparent,rgba(255,244,216,.13),transparent); content: ""; transform: skewX(-18deg); transition: left .7s ease; }
.idc-collection-switch button:hover::after { left: 115%; }
.idc-collection-switch button:hover,.idc-collection-switch button.is-active { background: radial-gradient(circle at 20% 50%,rgba(199,160,100,.14),transparent 40%),linear-gradient(115deg,#111d38,#091329); color: #f0dfbb; }
.idc-collection-switch button.is-active::before { opacity: 1; transform: scaleX(1); }
.idc-collection-switch i { color: var(--idc-gold); font: .65rem var(--mono); font-style: normal; }
.idc-collection-switch span { display: grid; gap: 5px; }
.idc-collection-switch strong { font-size: .82rem; letter-spacing: .1em; text-transform: uppercase; }
.idc-collection-switch small { color: var(--idc-muted); font: .58rem var(--mono); letter-spacing: .08em; text-transform: uppercase; }
.idc-collection-switch b { color: var(--idc-gold); font-size: 1.05rem; font-weight: 400; }
.idc-collection-switch button > i,.idc-collection-switch button > span,.idc-collection-switch button > b { position: relative; z-index: 2; }
.idc-collection-material { position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; display: block; width: clamp(58px,26%,126px); border-left: 1px solid rgba(211,178,117,.2); text-decoration: none; opacity: .8; pointer-events: none; mask-image: linear-gradient(90deg,transparent 0,#000 42%); }
.idc-collection-material.is-mdf { background: linear-gradient(135deg,#fcfaf5 0 48%,#e5ded2 49% 100%); box-shadow: inset 18px 0 32px rgba(7,14,32,.12); }
.idc-collection-material.is-glass {
  background: linear-gradient(135deg,rgba(225,245,255,.88),rgba(117,157,180,.34) 44%,rgba(246,251,255,.78) 48%,rgba(114,148,169,.3) 54%,rgba(218,241,251,.7));
  box-shadow: inset 18px 0 32px rgba(7,14,32,.13);
}
.idc-collection-material.is-sincro {
  background:
    linear-gradient(90deg,rgba(7,14,32,.08),rgba(7,14,32,.2)),
    repeating-linear-gradient(88deg,rgba(255,240,210,.09) 0 1px,transparent 1px 8px),
    repeating-linear-gradient(96deg,transparent 0 17px,rgba(45,25,12,.14) 18px 20px),
    linear-gradient(105deg,#815633,#bc8d58 38%,#6f492f 72%,#a67545);
  box-shadow: inset 18px 0 32px rgba(7,14,32,.18);
}

.idc-workspace {
  position: relative;
  z-index: 1;
  display: grid;
  min-height: 850px;
  grid-template-columns: minmax(270px,.78fr) minmax(490px,1.34fr) minmax(320px,.88fr);
}
.idc-controls,.idc-specification { background: linear-gradient(160deg,rgba(15,27,57,.98),rgba(8,16,36,.99)); }
.idc-controls { display: grid; align-content: center; gap: 48px; padding: clamp(28px,3vw,50px); border-right: 1px solid var(--idc-line); }
.idc-controls section + section { padding-top: 42px; border-top: 1px solid var(--idc-line); }
.idc-glass-choice { margin-top: 30px; padding-top: 28px; border-top: 1px solid var(--idc-line); }
.idc-glass-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin-top:18px; }
.idc-glass-grid button { display:grid; min-height:82px; grid-template-columns:42px 1fr; gap:12px; align-items:center; padding:12px; border:1px solid var(--idc-line); background:rgba(5,13,31,.46); color:#abb5c9; cursor:pointer; text-align:left; transition:border-color .25s ease,background .25s ease,color .25s ease,transform .25s ease; }
.idc-glass-grid button:hover,.idc-glass-grid button.is-active { border-color:var(--idc-gold); background:linear-gradient(135deg,rgba(28,48,86,.9),rgba(8,18,42,.94)); color:var(--idc-gold-hi); transform:translateY(-2px); }
.idc-glass-grid i { width:42px; aspect-ratio:1; border:1px solid rgba(224,244,255,.48); box-shadow:inset 0 0 18px rgba(255,255,255,.22),0 8px 18px rgba(0,0,0,.2); }
.idc-glass-grid i.is-clear { background:linear-gradient(135deg,rgba(227,247,255,.72),rgba(102,151,178,.2),rgba(246,252,255,.62)); }
.idc-glass-grid i.is-ornament { background:repeating-radial-gradient(circle at 30% 30%,rgba(255,255,255,.65) 0 1px,rgba(141,178,197,.3) 2px 4px),linear-gradient(135deg,rgba(225,241,247,.74),rgba(119,153,169,.42)); }
.idc-glass-grid span { font:650 .62rem/1.35 var(--mono); letter-spacing:.04em; text-transform:uppercase; }
.idc-controls h3 { margin: 0 0 8px; font-size: clamp(1.12rem,1.25vw,1.4rem); font-weight: 650; letter-spacing: .02em; text-transform: uppercase; }
.idc-help { margin: 0 0 18px; color: var(--idc-muted); font-size: .78rem; line-height: 1.65; }
.idc-swatch-grid { display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); gap: 7px; }
.idc-swatch-grid button {
  position: relative;
  display: grid;
  min-width: 0;
  gap: 5px;
  padding: 5px;
  border: 1px solid transparent;
  background: rgba(4,10,24,.64);
  color: #7f8aa2;
  cursor: pointer;
  transition: border-color .2s ease,color .2s ease,transform .2s ease;
}
.idc-swatch-grid button:hover,.idc-swatch-grid button.is-active { border-color: var(--idc-gold); color: var(--idc-gold-hi); transform: translateY(-2px); }
.idc-swatch-grid button.is-active::after { position: absolute; inset: -4px; border: 1px solid rgba(199,160,100,.25); content: ""; }
.idc-swatch-grid i { display: block; aspect-ratio: 1; border: 1px solid rgba(255,255,255,.1); background: var(--idc-swatch); box-shadow: inset 0 0 16px rgba(0,0,0,.16); }
.idc-swatch-grid span { overflow: hidden; font: .55rem var(--mono); letter-spacing: .04em; text-overflow: ellipsis; }
.idc-swatch-grid .idc-other-color > i {
  position: relative;
  overflow: hidden;
  margin: 7%;
  border: 1px solid rgba(255,255,255,.6);
  border-radius: 50%;
  background: conic-gradient(from 0deg,#e4c477 0 12.5%,#b56f55 12.5% 25%,#74567f 25% 37.5%,#55729a 37.5% 50%,#668c78 50% 62.5%,#a4a773 62.5% 75%,#c89a68 75% 87.5%,#ded5c7 87.5% 100%);
  box-shadow: inset 0 0 0 3px rgba(7,13,30,.16),inset 0 0 16px rgba(255,255,255,.24),0 0 14px rgba(199,160,100,.22);
}
.idc-swatch-grid .idc-other-color > i::after,.idc-swatch-grid .idc-other-color > i > b { display:none; }
.idc-swatch-grid .idc-other-color > span { font-size: .48rem; font-weight: 750; }
.idc-selected-decor { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: -3px 0 12px; padding-bottom: 10px; border-bottom: 1px solid var(--idc-line); }
.idc-selected-decor span { color: var(--idc-muted); font: .52rem var(--mono); letter-spacing: .1em; text-transform: uppercase; }
.idc-selected-decor strong { overflow: hidden; color: var(--idc-gold-hi); font-size: .65rem; letter-spacing: .05em; text-overflow: ellipsis; white-space: nowrap; }
.idc-decor-picker { position: relative; isolation: isolate; }
.idc-decor-grid { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 6px; }
.idc-decor-grid button { position: relative; display: grid; min-width: 0; gap: 5px; padding: 4px; border: 1px solid var(--idc-line); background: rgba(4,10,24,.6); color: #8994aa; cursor: pointer; transition: border-color .2s ease,color .2s ease,transform .2s ease; }
.idc-decor-grid button:hover,.idc-decor-grid button.is-active { border-color: var(--idc-gold); color: var(--idc-gold-hi); transform: translateY(-2px); }
.idc-decor-grid button.is-active::after { position: absolute; inset: -3px; border: 1px solid rgba(199,160,100,.22); content: ""; pointer-events: none; }
.idc-decor-grid button > span { position: relative; display: block; aspect-ratio: 1; overflow: hidden; }
.idc-decor-grid img { object-fit: cover; }
.idc-decor-grid b { overflow: hidden; padding-inline: 1px; font: .44rem/1.25 var(--mono); letter-spacing: .02em; text-overflow: ellipsis; white-space: nowrap; }
.idc-decor-grid .idc-decor-expand { position: relative; z-index: 1; display: grid; min-height: 0; align-content: center; justify-items: center; gap: 5px; overflow: hidden; padding: 7px 5px 6px; border-color: rgba(231,208,160,.56); background: radial-gradient(circle at 50% 26%,rgba(199,160,100,.2),transparent 36%),linear-gradient(145deg,#101b35,#050b19); box-shadow: 0 14px 30px -18px rgba(0,0,0,.95),inset 0 0 0 1px rgba(255,255,255,.025); color: var(--idc-gold-hi); isolation: isolate; transform: none; }
.idc-decor-grid .idc-decor-expand:hover { border-color: rgba(238,211,158,.92); box-shadow: 0 18px 36px -17px rgba(0,0,0,.98),0 0 22px rgba(199,160,100,.17),inset 0 0 0 1px rgba(255,255,255,.05); color: #f4dfb4; transform: translateY(-2px); }
.idc-decor-expand::before { position: absolute; z-index: -1; inset: 4px; border: 1px solid rgba(231,208,160,.18); content: ""; box-shadow: inset 0 0 16px rgba(199,160,100,.06); animation: idc-decor-invite-pulse 2.4s ease-in-out infinite; }
.idc-decor-expand::after { position: absolute; z-index: -1; top: -90%; left: -45%; width: 28%; height: 280%; background: linear-gradient(90deg,transparent,rgba(255,244,216,.24),transparent); content: ""; transform: skewX(-18deg); animation: idc-decor-invite-shine 3.8s ease-in-out infinite; }
.idc-decor-grid .idc-decor-expand > span { position:relative; display: grid; width: 44px; height:35px; margin: 2px auto 1px; place-items: center; overflow: visible; border: 1px solid rgba(231,208,160,.48); border-radius:0; background:linear-gradient(110deg,rgba(109,72,37,.72),rgba(206,172,113,.54)); box-shadow: 5px 4px 0 -1px rgba(199,160,100,.16),-5px -4px 0 -1px rgba(231,208,160,.09),0 8px 18px rgba(0,0,0,.24); transform:rotate(-2deg); }
.idc-decor-grid .idc-decor-expand > span::before { position:absolute; inset:4px; border:1px solid rgba(255,244,216,.22); content:""; }
.idc-decor-expand strong { position:relative; z-index:1; color:#fff0cf; font: 300 1.35rem/1 var(--font-display),system-ui,sans-serif; text-shadow:0 2px 10px rgba(0,0,0,.45); transform:rotate(2deg); }
.idc-decor-grid .idc-decor-expand > b { max-width: 100%; overflow: visible; color: var(--idc-gold-hi); font: 820 .58rem/1.12 system-ui,sans-serif; letter-spacing: .015em; text-transform: uppercase; white-space: nowrap; }
.idc-decor-grid .idc-decor-expand > small { color: #aab3c4; font: .34rem/1.2 var(--mono); letter-spacing: .02em; }
@keyframes idc-decor-invite-pulse { 0%,100% { border-color:rgba(231,208,160,.16); box-shadow:0 0 0 4px rgba(199,160,100,.02),inset 0 0 19px rgba(199,160,100,.05); } 50% { border-color:rgba(231,208,160,.52); box-shadow:0 0 0 4px rgba(199,160,100,.055),0 0 22px rgba(199,160,100,.2),inset 0 0 24px rgba(199,160,100,.1); } }
@keyframes idc-decor-invite-shine { 0%,35% { left:-45%; opacity:0; } 58% { opacity:1; } 78%,100% { left:125%; opacity:0; } }
.idc-hardware-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; }
.idc-hardware-grid button { position: relative; min-width: 0; padding: 0; border: 1px solid var(--idc-line); background: #081027; cursor: pointer; transition: border-color .2s ease,background .2s ease,transform .2s ease; }
.idc-hardware-grid button:hover,.idc-hardware-grid button.is-active { border-color: var(--idc-gold); background: #101b36; transform: translateY(-2px); }
.idc-hardware-grid button > i { position: absolute; top: 7px; left: 8px; z-index: 2; color: var(--idc-gold); font: .55rem var(--mono); font-style: normal; }
.idc-hardware-thumb { position: relative; display: block; aspect-ratio: 1; overflow: hidden; background: transparent; isolation: isolate; }
.idc-hardware-thumb::before { position: absolute; z-index: -1; inset: 14%; border: 1px solid rgba(199,160,100,.25); border-radius: 50%; background: #f8f5ed; content: ""; box-shadow: 0 0 0 1px rgba(255,255,255,.28),0 0 18px rgba(199,160,100,.16); }
.idc-hardware-thumb::after { position: absolute; inset: 17%; border: 1px solid rgba(138,111,70,.28); border-radius: 50%; content: ""; pointer-events: none; }
.idc-hardware-thumb img { z-index: 1; object-fit: contain; filter: drop-shadow(0 8px 9px rgba(0,0,0,.2)); transform: none; }
html:not([data-theme="day"]) .idc-hardware-thumb::before { inset: 11%; border-color: rgba(255,249,235,.94); background: #faf7ef; box-shadow: 0 0 0 1px rgba(199,160,100,.5),0 0 0 8px rgba(199,160,100,.1),0 0 22px rgba(231,208,160,.24); }
html:not([data-theme="day"]) .idc-hardware-thumb::after { inset: 14%; border-color: rgba(119,91,50,.38); box-shadow: inset 0 0 12px rgba(199,160,100,.08); }
.idc-hardware-grid .idc-hardware-expand { position:relative; z-index:1; display:grid; min-height:0; align-content:center; justify-items:center; gap:4px; overflow:hidden; padding:6px 4px 5px; border-color:rgba(231,208,160,.58); background:radial-gradient(circle at 50% 30%,rgba(199,160,100,.2),transparent 38%),linear-gradient(145deg,#101b35,#050b19); box-shadow:0 14px 30px -18px rgba(0,0,0,.95),inset 0 0 0 1px rgba(255,255,255,.025); color:var(--idc-gold-hi); isolation:isolate; transform:none; }
.idc-hardware-grid .idc-hardware-expand:hover { border-color:rgba(238,211,158,.92); background:radial-gradient(circle at 50% 30%,rgba(199,160,100,.28),transparent 40%),linear-gradient(145deg,#152342,#071027); box-shadow:0 18px 36px -17px rgba(0,0,0,.98),0 0 22px rgba(199,160,100,.2),inset 0 0 0 1px rgba(255,255,255,.05); transform:translateY(-2px); }
.idc-hardware-expand::before { position:absolute; z-index:-1; inset:4px; border:1px solid rgba(231,208,160,.18); content:""; box-shadow:inset 0 0 16px rgba(199,160,100,.06); animation:idc-decor-invite-pulse 2.4s ease-in-out infinite; }
.idc-hardware-expand::after { position:absolute; z-index:-1; top:-90%; left:-45%; width:28%; height:280%; background:linear-gradient(90deg,transparent,rgba(255,244,216,.24),transparent); content:""; transform:skewX(-18deg); animation:idc-decor-invite-shine 3.8s ease-in-out infinite; }
.idc-hardware-grid .idc-hardware-expand > span { position:relative; display:block; width:58px; height:48px; margin:0 auto 1px; }
.idc-hardware-expand > span > b { position:absolute; top:2px; right:5px; width:31px; height:43px; border:1px solid rgba(247,226,183,.68); background:linear-gradient(145deg,rgba(227,197,143,.2),rgba(70,48,27,.32)); box-shadow:7px 5px 0 -3px rgba(199,160,100,.18),0 8px 18px rgba(0,0,0,.28),inset 0 0 0 3px rgba(4,11,27,.2); transform:perspective(100px) rotateY(-8deg); }
.idc-hardware-expand > span > b::before { position:absolute; inset:5px; border:1px solid rgba(247,226,183,.2); content:""; }
.idc-hardware-expand > span > b::after { position:absolute; top:20px; right:5px; width:3px; height:3px; border-radius:50%; background:#f1d59d; box-shadow:0 0 8px rgba(241,213,157,.42); content:""; }
.idc-hardware-expand > span > i { position:absolute; top:9px; left:14px; z-index:2; width:5px; height:29px; border:1px solid rgba(255,238,201,.72); border-radius:3px; background:linear-gradient(90deg,#7c572f,#edcf95 48%,#8d6539); box-shadow:0 5px 11px rgba(0,0,0,.34),0 0 10px rgba(199,160,100,.2); }
.idc-hardware-expand > span > i::before,.idc-hardware-expand > span > i::after { position:absolute; left:4px; width:11px; height:2px; background:linear-gradient(90deg,#e6c78f,#73502c); content:""; }
.idc-hardware-expand > span > i::before { top:3px; }
.idc-hardware-expand > span > i::after { bottom:3px; }
.idc-hardware-expand > span > strong { position:absolute; z-index:3; right:2px; bottom:0; display:grid; width:19px; height:19px; place-items:center; border:1px solid rgba(255,237,198,.75); border-radius:50%; background:#09142a; color:#f4dca9; font:600 1rem/1 system-ui,sans-serif; box-shadow:0 0 14px rgba(199,160,100,.42); }
.idc-hardware-grid .idc-hardware-expand > em { max-width:100%; color:var(--idc-gold-hi); font:820 .58rem/1.12 system-ui,sans-serif; font-style:normal; letter-spacing:.015em; text-transform:uppercase; white-space:nowrap; }
.idc-hardware-grid .idc-hardware-expand > small { color:#aab3c4; font:.34rem/1.2 var(--mono); letter-spacing:.02em; }
.idc-decor-grid .idc-decor-expand.is-active,
.idc-hardware-grid .idc-hardware-expand.is-active { border-color:rgba(238,211,158,.98); background:radial-gradient(circle at 50% 28%,rgba(199,160,100,.34),transparent 42%),linear-gradient(145deg,#17284a,#071027); box-shadow:0 18px 38px -18px rgba(0,0,0,.98),0 0 28px rgba(199,160,100,.32),inset 0 0 0 1px rgba(255,255,255,.07); color:#f5dfb3; }
.idc-model-rail .idc-model-expand.is-active { border-color:rgba(231,208,160,.78); background:radial-gradient(circle at 50% 40%,rgba(199,160,100,.28),transparent 38%),linear-gradient(145deg,#17284a,#071027); box-shadow:-16px 0 38px rgba(1,5,15,.24),0 0 28px rgba(199,160,100,.24); }
.idc-model-rail .idc-model-expand.is-active::before { border-color:rgba(231,208,160,.62); box-shadow:0 0 0 12px rgba(199,160,100,.05),0 0 48px rgba(199,160,100,.3),inset 0 0 34px rgba(199,160,100,.08); }

.idc-stage {
  position: relative;
  display: grid;
  min-width: 0;
  min-height: 850px;
  place-items: center;
  overflow: hidden;
  background: radial-gradient(circle at 50% 45%,rgba(42,61,112,.44),transparent 38%),radial-gradient(ellipse at 50% 86%,rgba(199,160,100,.1),transparent 32%),#071027;
}
.idc-stage::before { position: absolute; inset: 0; background: linear-gradient(90deg,rgba(3,8,21,.6),transparent 15%,transparent 85%,rgba(3,8,21,.55)); content: ""; pointer-events: none; }
.idc-stage-label { position: absolute; top: 28px; left: 30px; z-index: 4; display: flex; max-width: calc(100% - 60px); gap: 10px; flex-direction: column; }
.idc-stage-label span { color: var(--idc-gold); font: .62rem var(--mono); letter-spacing: .14em; text-transform: uppercase; }
.idc-stage-label strong { overflow: hidden; color: #8e9ab2; font: 500 .62rem var(--mono); letter-spacing: .04em; text-overflow: ellipsis; white-space: nowrap; }
.idc-door-canvas { position: relative; z-index: 2; width: min(94%,680px); aspect-ratio: 1; }
.idc-door-canvas > img { z-index: 2; object-fit: contain; filter: drop-shadow(0 35px 28px rgba(0,0,0,.42)); }
.idc-door-canvas .idc-glass-layer { z-index: 3; filter:none; }
.idc-door-canvas .idc-hardware-layer { z-index: 4; filter: drop-shadow(0 6px 8px rgba(0,0,0,.32)); }
.idc-visual-pending { position: absolute; z-index: 2; inset: 17% 18%; display: grid; place-content: center; justify-items: center; padding: 30px; border: 1px solid rgba(199,160,100,.34); background: radial-gradient(circle at 50% 42%,rgba(199,160,100,.16),transparent 28%),linear-gradient(145deg,rgba(18,31,62,.88),rgba(6,13,30,.95)); text-align: center; box-shadow: 0 28px 60px rgba(0,0,0,.24),inset 0 0 0 1px rgba(255,255,255,.025); }
.idc-visual-pending::before,.idc-visual-pending::after { position: absolute; width: 44px; height: 44px; border-color: var(--idc-gold); border-style: solid; content: ""; opacity: .7; }
.idc-visual-pending::before { top: 12px; left: 12px; border-width: 1px 0 0 1px; }
.idc-visual-pending::after { right: 12px; bottom: 12px; border-width: 0 1px 1px 0; }
.idc-visual-pending > i { width: 56px; height: 82px; margin-bottom: 22px; border: 1px solid var(--idc-gold); background: linear-gradient(145deg,rgba(199,160,100,.2),transparent 48%); box-shadow: 13px 10px 0 -7px rgba(199,160,100,.14),0 0 28px rgba(199,160,100,.18); transform: perspective(120px) rotateY(-8deg); }
.idc-visual-pending strong { color: var(--idc-gold-hi); font: 500 clamp(1.2rem,2vw,1.8rem) var(--font-display),system-ui,sans-serif; letter-spacing: .06em; text-transform: uppercase; }
.idc-visual-pending span { margin-top: 10px; color: var(--idc-muted); font: .56rem var(--mono); letter-spacing: .09em; text-transform: uppercase; }
.idc-loupe { position: absolute; top: 50.6%; left: 71.5%; z-index: 5; display: grid; width: clamp(180px,12vw,215px); place-items: center; transform: translateY(-50%); }
.idc-loupe > div { position: relative; width: clamp(154px,10.5vw,188px); aspect-ratio: 1; overflow: hidden; border: 1px solid var(--idc-gold); border-radius: 50%; background: radial-gradient(circle,#f8f3e9 0 48%,#d5bea0 100%); box-shadow: 0 22px 54px rgba(0,0,0,.42),0 0 0 7px rgba(199,160,100,.1),0 0 0 8px rgba(231,208,160,.32),inset 0 0 34px rgba(255,255,255,.35); }
.idc-loupe img { object-fit: contain; filter: drop-shadow(0 10px 10px rgba(0,0,0,.22)); transform: none; }
.idc-loupe > span { margin-top: 15px; color: var(--idc-gold-hi); font: .57rem var(--mono); letter-spacing: .11em; text-align: center; text-transform: uppercase; }
.idc-stage-floor { position: absolute; z-index: 1; right: 12%; bottom: 0; left: 12%; height: 12%; border: 1px solid rgba(199,160,100,.48); border-right-color: transparent; border-left-color: transparent; border-radius: 50%; background: radial-gradient(ellipse at center,rgba(255,231,181,.28) 0 2%,rgba(199,160,100,.18) 3% 18%,rgba(41,62,111,.13) 34%,transparent 68%); box-shadow: 0 -8px 38px rgba(199,160,100,.2),inset 0 8px 24px rgba(231,208,160,.08); transform: perspective(400px) rotateX(66deg); transform-origin: center; }
.idc-stage-floor::before { position: absolute; top: 50%; left: 50%; width: 8px; height: 8px; border-radius: 50%; background: #f6d99c; box-shadow: 0 0 10px #f6d99c,0 0 30px rgba(199,160,100,.85); content: ""; transform: translate(-50%,-50%); }
.idc-stage-floor i { position: absolute; inset: 14% 8%; border: 1px solid rgba(231,208,160,.34); border-right-color: transparent; border-left-color: transparent; border-radius: 50%; }
.idc-stage-floor i + i { inset: 29% 18%; border-color: rgba(84,113,178,.36) transparent; }

.idc-specification { display: flex; min-width: 0; flex-direction: column; padding: clamp(34px,3.2vw,58px); border-left: 1px solid var(--idc-line); }
.idc-specification header { padding-bottom: 32px; border-bottom: 1px solid var(--idc-line); }
.idc-specification header > p { margin: 0 0 16px; color: #73809b; font: .68rem var(--mono); }
.idc-specification header > p span { color: var(--idc-gold); }
.idc-specification h3 { margin: 0 0 13px; color: #fff; font-size: clamp(2.2rem,3vw,3.5rem); font-weight: 600; letter-spacing: -.035em; }
.idc-specification header small { color: var(--idc-muted); font-size: .78rem; line-height: 1.65; }
.idc-specification > .idc-section-number { margin-top: 34px; }
.idc-specification dl { margin: 0; }
.idc-specification dl > div { display: grid; grid-template-columns: minmax(125px,.9fr) minmax(115px,1.1fr); gap: 16px; padding: 13px 0; border-bottom: 1px solid var(--idc-line); }
.idc-specification dt { color: #d8deea; font-size: .69rem; font-weight: 600; line-height: 1.45; text-transform: uppercase; }
.idc-specification dt i { margin-right: 9px; color: var(--idc-gold); font: .57rem var(--mono); font-style: normal; }
.idc-specification dd { margin: 0; color: #919db5; font-size: .7rem; line-height: 1.5; text-align: right; }
.idc-technical-note { margin: 25px 0; color: #737f96; font-size: .67rem; line-height: 1.65; }
.idc-primary-action,.idc-secondary-action { display: flex; width: 100%; min-height: 55px; align-items: center; justify-content: space-between; padding: 0 18px; cursor: pointer; font-size: .68rem; font-weight: 750; letter-spacing: .1em; text-transform: uppercase; }
.idc-primary-action { position: relative; overflow: hidden; border: 1px solid var(--idc-gold-hi); background: linear-gradient(105deg,#aa8148,#d7b679 52%,#ad844b); color: #071027; box-shadow: 0 15px 36px -22px rgba(199,160,100,.9),inset 0 1px rgba(255,244,217,.5); isolation: isolate; }
.idc-primary-action::before { position: absolute; z-index: -1; top: -60%; bottom: -60%; left: -34%; width: 22%; background: linear-gradient(90deg,transparent,rgba(255,250,232,.72),transparent); content: ""; transform: skewX(-20deg); transition: left .75s cubic-bezier(.18,.72,.2,1); }
.lumora-interior-page--configurator-first .idc-primary-action > span { position:relative; display:block; width:30px; height:30px; flex:0 0 30px; padding:0; border:1px solid currentColor; border-radius:50%; font-size:0; line-height:0; box-shadow:inset 0 0 0 4px rgba(255,255,255,.08); transition:transform .25s ease,box-shadow .25s ease; }
.lumora-interior-page--configurator-first .idc-primary-action > span::before,.lumora-interior-page--configurator-first .idc-primary-action > span::after { position:absolute; top:50%; left:50%; width:10px; height:1px; background:currentColor; content:""; transform:translate(-50%,-50%); transform-origin:center; }
.lumora-interior-page--configurator-first .idc-primary-action > span::after { transform:translate(-50%,-50%) rotate(90deg); }
.lumora-interior-page--configurator-first .idc-primary-action:is(:hover,:focus-visible) > span { transform:rotate(90deg); box-shadow:inset 0 0 0 4px rgba(255,255,255,.12),0 0 18px rgba(255,245,220,.34); }
.lumora-interior-page--configurator-first .idc-primary-action:focus-visible { outline:2px solid var(--idc-gold-hi); outline-offset:3px; }
.idc-secondary-action { margin-top: 8px; border: 1px solid var(--idc-line); background: transparent; color: #b3bdd0; }
.idc-primary-action:hover { background: linear-gradient(105deg,#c39b61,#ead3a5 52%,#c39b61); }
.idc-primary-action:hover::before { left: 116%; }
.idc-secondary-action:hover { border-color: var(--idc-gold); color: var(--idc-gold-hi); }
.idc .idc-project-sales { position: relative; overflow: hidden; margin-top: 30px; padding: 25px 24px 23px; border: 1px solid rgba(199,160,100,.34); background: radial-gradient(circle at 92% 5%,rgba(199,160,100,.16),transparent 35%),linear-gradient(145deg,rgba(20,32,59,.96),rgba(6,13,29,.98)); box-shadow: 0 22px 50px -34px rgba(0,0,0,.95),inset 0 0 0 1px rgba(255,255,255,.018); isolation: isolate; }
.idc .idc-project-sales::before { position:absolute; top:0; left:0; width:38%; height:1px; background:linear-gradient(90deg,var(--idc-gold),rgba(231,208,160,.2),transparent); content:""; }
.idc .idc-project-sales::after { position:absolute; right:-42px; bottom:-64px; width:150px; aspect-ratio:1; border:1px solid rgba(199,160,100,.11); border-radius:50%; box-shadow:0 0 0 25px rgba(199,160,100,.025),0 0 0 50px rgba(199,160,100,.018); content:""; pointer-events:none; }
.idc .idc-project-sales > .idc-section-number { margin: 0 0 13px; }
.idc .idc-project-sales h4 { max-width: 390px; margin: 0; color: #f3f5f9; font-size: 1rem; letter-spacing: .015em; line-height: 1.3; text-transform: uppercase; }
.idc .idc-project-sales > p:not(.idc-section-number) { max-width: 430px; margin: 11px 0 20px; color: #a8b2c5; font-size: .72rem; line-height: 1.72; }
.idc .idc-project-sales button { position:relative; z-index:1; display: inline-flex; align-items: center; gap: 13px; min-height:38px; padding:0 15px; border:1px solid rgba(231,208,160,.42); background:rgba(199,160,100,.06); color: var(--idc-gold-hi); cursor: pointer; font: 700 .59rem var(--mono); letter-spacing: .07em; text-transform: uppercase; transition:border-color .2s ease,background .2s ease,box-shadow .2s ease; }
.idc .idc-project-sales button span { transition: transform .22s ease; }
.idc .idc-project-sales button:hover { border-color:rgba(238,211,158,.88); background:rgba(199,160,100,.12); box-shadow:0 0 24px rgba(199,160,100,.12); }
.idc .idc-project-sales button:hover span { transform: translate(3px,-3px); }
.idc-privacy { align-self: center; margin-top: 16px; color: #68748e; font: .56rem var(--mono); letter-spacing: .08em; text-transform: uppercase; }

.idc-model-rail { position: relative; z-index: 2; display: grid; grid-template-columns: minmax(220px,.65fr) minmax(0,2.35fr); align-items: stretch; border-top: 1px solid var(--idc-line); background: #060c1c; }
.idc-model-rail > div:first-child { display: flex; justify-content: center; padding: 32px clamp(24px,3vw,50px); flex-direction: column; border-right: 1px solid var(--idc-line); }
.idc-model-rail > div:first-child p { margin: 0; font-size: 1.1rem; font-weight: 650; text-transform: uppercase; }
.idc-model-rail > div:first-child small { margin-top: 7px; color: var(--idc-muted); font: .58rem var(--mono); letter-spacing: .08em; text-transform: uppercase; }
.idc-model-strip { display: grid; min-width: 0; grid-template-columns: minmax(0,1fr) clamp(155px,10vw,195px); }
.idc-model-list { display: grid; min-width: 0; grid-template-columns: repeat(5,minmax(0,1fr)); }
.idc-model-rail button { position: relative; display: grid; min-width: 0; min-height: 210px; grid-template-rows: 1fr auto; padding: 15px 16px 18px; border: 0; border-right: 1px solid var(--idc-line); background: #081027; color: #a9b3c8; cursor: pointer; text-align: left; transition: background .25s ease,color .25s ease; }
.idc-model-rail button:last-child { border-right: 0; }
.idc-model-rail button:hover,.idc-model-rail button.is-active { background: linear-gradient(180deg,#12203e,#0a1430); color: var(--idc-gold-hi); }
.idc-model-rail button.is-active::before { position: absolute; top: 0; right: 0; left: 0; height: 2px; background: var(--idc-gold); content: ""; box-shadow: 0 0 24px rgba(199,160,100,.6); }
.idc-model-rail button > span { position: relative; min-height: 145px; overflow: hidden; }
.idc-model-rail button img { object-fit: contain; transition: transform .3s ease; }
.idc-model-rail button img.idc-model-preview-base { z-index:1; }
.idc-model-rail button img.idc-model-preview-glass { z-index:2; filter:none; }
.idc-model-rail button:hover img,.idc-model-rail button.is-active img { transform: scale(1.05); }
.idc-model-rail button > i { position: absolute; top: 16px; left: 17px; z-index: 2; color: var(--idc-gold); font: .62rem var(--mono); font-style: normal; }
.idc-model-rail button > b { font-size: .72rem; letter-spacing: .08em; text-transform: uppercase; }
.idc-model-system-badge { position: absolute; z-index: 4; top: 12px; right: 12px; display: inline-flex; min-height: 22px; align-items: center; padding: 0 8px; border: 1px solid rgba(214,182,121,.28); background: rgba(5,12,29,.76); color: #e7d3aa; font: 600 .43rem var(--mono); letter-spacing: .1em; text-transform: uppercase; backdrop-filter: blur(9px); box-shadow: 0 8px 22px rgba(0,0,0,.15); }
.idc-model-system-badge.is-sincro-dekori { border-color: rgba(214,182,121,.52); background: linear-gradient(120deg,rgba(74,48,27,.88),rgba(19,28,44,.84)); color: #f0d8aa; }
.idc-model-system-badge.is-mdf-staklo { border-color:rgba(165,211,233,.58); background:linear-gradient(120deg,rgba(38,77,101,.88),rgba(12,27,49,.86)); color:#dff6ff; }
.idc-model-placeholder { position: absolute; top: 50%; left: 50%; display: block; width: 48px; height: 84px; border: 1px solid rgba(199,160,100,.7); background: linear-gradient(145deg,rgba(199,160,100,.16),rgba(255,255,255,.015)); box-shadow: 10px 9px 0 -6px rgba(199,160,100,.1),0 0 28px rgba(199,160,100,.12); transform: translate(-50%,-50%) perspective(100px) rotateY(-7deg); }
.idc-model-rail .idc-model-expand { position: relative; z-index: 3; place-items: center; grid-template-rows: 1fr auto auto; overflow: hidden; border-left: 1px solid rgba(199,160,100,.35); border-right: 0; background: radial-gradient(circle at 50% 40%,rgba(199,160,100,.15),transparent 34%),linear-gradient(145deg,#101b35,#070e20); text-align: center; box-shadow: -16px 0 38px rgba(1,5,15,.2); isolation: isolate; }
.idc-model-rail .idc-model-expand::before { position: absolute; z-index: -1; inset: 8%; border: 1px solid rgba(199,160,100,.2); border-radius: 48% 52% 50% 50%; content: ""; box-shadow: 0 0 0 12px rgba(199,160,100,.025),0 0 36px rgba(199,160,100,.14),inset 0 0 30px rgba(199,160,100,.04); transition: border-color .3s ease,box-shadow .3s ease,transform .45s ease; }
.idc-model-rail .idc-model-expand::after { position: absolute; z-index: -1; top: -80%; left: -30%; width: 28%; height: 260%; background: linear-gradient(90deg,transparent,rgba(255,245,218,.18),transparent); content: ""; transform: skewX(-18deg); transition: left .75s ease; pointer-events: none; }
.idc-model-rail .idc-model-expand:hover::before { border-color: rgba(231,208,160,.52); box-shadow: 0 0 0 12px rgba(199,160,100,.04),0 0 48px rgba(199,160,100,.26),inset 0 0 34px rgba(199,160,100,.07); transform: scale(.97); }
.idc-model-rail .idc-model-expand:hover::after { left: 125%; }
.idc-model-rail .idc-model-expand > span { display: grid; min-height: 145px; place-content: center; overflow: visible; }
.idc-model-rail .idc-model-expand > span strong { color: #f0d8a7; font: 300 clamp(2.2rem,3vw,3.5rem)/1 var(--font-display),system-ui,sans-serif; text-shadow: 0 0 18px rgba(199,160,100,.62),0 0 40px rgba(199,160,100,.2); }
.idc-model-rail .idc-model-expand > span small { margin-top: 8px; color: var(--idc-muted); font: .55rem var(--mono); letter-spacing: .14em; }
.idc-model-rail .idc-model-expand > em { margin-top: 6px; color: var(--idc-muted); font: .48rem var(--mono); font-style: normal; letter-spacing: .08em; text-transform: uppercase; }

.idc-model-overlay { position: fixed; z-index: 10020; inset: 0; display: grid; place-items: center; padding: clamp(18px,3vw,48px); background: rgba(1,5,15,.82); backdrop-filter: blur(18px) saturate(.78); animation: idc-model-overlay-in .28s ease both; }
.idc-model-panel { position: relative; display: grid; width: min(1480px,100%); max-height: calc(100dvh - clamp(36px,6vw,96px)); grid-template-rows: auto minmax(0,1fr); overflow: hidden; border: 1px solid rgba(211,178,117,.42); background: linear-gradient(145deg,rgba(17,29,55,.985),rgba(4,10,25,.99)); box-shadow: 0 42px 120px rgba(0,0,0,.58),0 0 0 1px rgba(255,255,255,.025),inset 0 1px rgba(255,244,217,.09); }
.idc-model-panel::before { position: absolute; z-index: 0; top: -46%; left: 12%; width: 62%; aspect-ratio: 1; border: 1px solid rgba(211,178,117,.13); border-radius: 50%; background: radial-gradient(circle,rgba(199,160,100,.12),transparent 63%); content: ""; pointer-events: none; }
.idc-model-panel > header { position: relative; z-index: 1; display: flex; min-height: 126px; align-items: center; justify-content: space-between; gap: 28px; padding: 25px clamp(24px,4vw,60px); border-bottom: 1px solid rgba(211,178,117,.26); background: linear-gradient(90deg,rgba(255,255,255,.035),transparent 58%); }
.idc-model-panel > header p { margin: 0 0 8px; color: var(--idc-gold); font: .58rem var(--mono); letter-spacing: .14em; text-transform: uppercase; }
.idc-model-panel > header h3 { margin: 0; color: #f5f1e8; font: 430 clamp(1.8rem,3vw,3.25rem)/1 var(--font-display),system-ui,sans-serif; letter-spacing: .035em; text-transform: uppercase; }
.idc-model-panel > header div > span { display: block; margin-top: 9px; color: var(--idc-muted); font: .58rem var(--mono); letter-spacing: .11em; text-transform: uppercase; }
.idc-model-panel-close { display: inline-flex; min-height: 52px; align-items: center; gap: 13px; padding: 0 20px; border: 1px solid rgba(211,178,117,.44); background: rgba(5,12,29,.7); color: #e3d6bb; cursor: pointer; font: 650 .58rem var(--mono); letter-spacing: .12em; text-transform: uppercase; transition: border-color .25s ease,background .25s ease,color .25s ease; }
.idc-model-panel-close i { position: relative; display: block; width: 19px; height: 19px; transform: rotate(45deg); }
.idc-model-panel-close i::before,.idc-model-panel-close i::after { position: absolute; top: 50%; left: 50%; background: currentColor; content: ""; transform: translate(-50%,-50%); }
.idc-model-panel-close i::before { width: 18px; height: 1px; }
.idc-model-panel-close i::after { width: 1px; height: 18px; }
.idc-model-panel-close:hover { border-color: var(--idc-gold-hi); background: rgba(199,160,100,.12); color: #fff5df; }
.idc-model-panel-grid { position: relative; z-index: 1; display: grid; min-height: 0; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 1px; overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; background: rgba(211,178,117,.16); scrollbar-color: var(--idc-gold) rgba(4,10,25,.6); }
.idc-model-panel-card { position: relative; display: grid; min-width: 0; min-height: clamp(250px,31vh,390px); grid-template-rows: minmax(160px,1fr) auto auto auto auto; padding: 22px clamp(18px,2vw,30px) 25px; border: 0; background: linear-gradient(160deg,#0d1933,#071027); color: #aab5ca; cursor: pointer; text-align: left; isolation: isolate; transition: background .28s ease,color .28s ease; }
.idc-model-panel-card::before { position: absolute; z-index: -1; inset: 0; background: radial-gradient(circle at 50% 42%,rgba(199,160,100,.14),transparent 33%); content: ""; opacity: 0; transition: opacity .3s ease; }
.idc-model-panel-card::after { position: absolute; top: 0; right: 0; left: 0; height: 2px; background: linear-gradient(90deg,transparent,var(--idc-gold),transparent); content: ""; opacity: 0; box-shadow: 0 0 26px rgba(199,160,100,.62); }
.idc-model-panel-card:hover,.idc-model-panel-card.is-active { background: linear-gradient(160deg,#152543,#09142e); color: #f2e5c8; }
.idc-model-panel-card:hover::before,.idc-model-panel-card.is-active::before,.idc-model-panel-card.is-active::after { opacity: 1; }
.idc-model-panel-card > span { position: relative; min-height: 170px; }
.idc-model-panel-card > span img { object-fit: contain; filter: drop-shadow(0 24px 25px rgba(0,0,0,.28)); transition: transform .38s cubic-bezier(.2,.7,.2,1),filter .3s ease; }
.idc-model-panel-card > span img.idc-model-preview-base { z-index:1; }
.idc-model-panel-card > span img.idc-model-preview-glass { z-index:2; filter:none; }
.idc-model-panel-card:hover > span img { filter: drop-shadow(0 28px 28px rgba(0,0,0,.38)); transform: translateY(-5px) scale(1.035); }
.idc-model-panel-card > i { margin-top: 12px; color: var(--idc-gold); font: .58rem var(--mono); font-style: normal; letter-spacing: .12em; }
.idc-model-panel-card > b { margin-top: 7px; color: #f2f4f8; font-size: .85rem; letter-spacing: .09em; text-transform: uppercase; }
.idc-model-panel-card > .idc-model-preview-finish { margin-top: 7px; color: var(--idc-gold-hi); font: .5rem var(--mono); letter-spacing: .1em; text-decoration: none; text-transform: uppercase; }
.idc-model-panel-card > em { display: -webkit-box; overflow: hidden; margin-top: 8px; color: var(--idc-muted); font-size: .67rem; font-style: normal; line-height: 1.45; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.idc-decor-panel-grid { position: relative; z-index: 1; display: grid; min-height: 0; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 1px; overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; background: rgba(211,178,117,.16); scrollbar-color: var(--idc-gold) rgba(4,10,25,.6); }
.idc-decor-panel-card { position: relative; display: grid; min-width: 0; min-height: clamp(210px,28vh,330px); grid-template-rows: minmax(145px,1fr) auto auto; padding: 18px 20px 21px; border: 0; background: linear-gradient(160deg,#0d1933,#071027); color: #aab5ca; cursor: pointer; text-align: left; isolation: isolate; transition: background .28s ease,color .28s ease; }
.idc-decor-panel-card::after { position: absolute; top: 0; right: 0; left: 0; height: 2px; background: linear-gradient(90deg,transparent,var(--idc-gold),transparent); content: ""; opacity: 0; box-shadow: 0 0 26px rgba(199,160,100,.62); }
.idc-decor-panel-card:hover,.idc-decor-panel-card.is-active { background: radial-gradient(circle at 50% 43%,rgba(199,160,100,.13),transparent 35%),linear-gradient(160deg,#152543,#09142e); color: #f2e5c8; }
.idc-decor-panel-card:hover::after,.idc-decor-panel-card.is-active::after { opacity: 1; }
.idc-decor-panel-card > span { position: relative; min-height: 145px; }
.idc-decor-panel-card img { object-fit: contain; filter: drop-shadow(0 20px 20px rgba(0,0,0,.3)); transition: transform .35s cubic-bezier(.2,.7,.2,1); }
.idc-decor-panel-card:hover img { transform: translateY(-4px) scale(1.035); }
.idc-decor-panel-card > i { margin-top: 11px; color: var(--idc-gold); font: .55rem var(--mono); font-style: normal; letter-spacing: .1em; }
.idc-decor-panel-card > b { margin-top: 6px; overflow: hidden; color: #f2f4f8; font-size: .74rem; letter-spacing: .06em; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap; }
.idc-hardware-panel-grid { position:relative; z-index:1; display:grid; min-height:0; grid-template-columns:repeat(5,minmax(0,1fr)); gap:1px; overflow-x:hidden; overflow-y:auto; overscroll-behavior:contain; background:rgba(211,178,117,.16); scrollbar-color:var(--idc-gold) rgba(4,10,25,.6); }
.idc-hardware-panel-card { position:relative; display:grid; min-width:0; min-height:clamp(220px,29vh,350px); grid-template-rows:minmax(150px,1fr) auto auto; padding:18px 20px 22px; border:0; background:linear-gradient(160deg,#0d1933,#071027); color:#aab5ca; cursor:pointer; text-align:left; isolation:isolate; transition:background .28s ease,color .28s ease; }
.idc-hardware-panel-card::after { position:absolute; top:0; right:0; left:0; height:2px; background:linear-gradient(90deg,transparent,var(--idc-gold),transparent); content:""; opacity:0; box-shadow:0 0 26px rgba(199,160,100,.62); }
.idc-hardware-panel-card:hover,.idc-hardware-panel-card.is-active { background:radial-gradient(circle at 50% 43%,rgba(199,160,100,.13),transparent 36%),linear-gradient(160deg,#152543,#09142e); color:#f2e5c8; }
.idc-hardware-panel-card:hover::after,.idc-hardware-panel-card.is-active::after { opacity:1; }
.idc-hardware-panel-card > .idc-hardware-thumb { min-height:150px; aspect-ratio:auto; }
.idc-hardware-panel-card > .idc-hardware-thumb::before { inset:10%; }
.idc-hardware-panel-card > .idc-hardware-thumb::after { inset:13%; }
.idc-hardware-panel-card:hover img { transform:translateY(-4px) scale(1.035); }
.idc-hardware-panel-card > i { margin-top:11px; color:var(--idc-gold); font:.55rem var(--mono); font-style:normal; letter-spacing:.1em; }
.idc-hardware-panel-card > b { display:-webkit-box; overflow:hidden; margin-top:6px; color:#f2f4f8; font-size:.72rem; line-height:1.35; letter-spacing:.04em; text-transform:uppercase; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
@keyframes idc-model-overlay-in { from { opacity: 0; } to { opacity: 1; } }

@media (max-width:1050px) {
  .idc-model-panel-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .idc-decor-panel-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .idc-hardware-panel-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
}
@media (max-width:720px) {
  .idc-model-overlay { padding:10px; }
  .idc-model-panel { max-height:calc(100dvh - 20px); }
  .idc-model-panel > header { min-height:104px; padding:18px; }
  .idc-model-panel > header h3 { font-size:1.55rem; }
  .idc-model-panel > header div > span,.idc-model-panel-close span { display:none; }
  .idc-model-panel-close { min-width:48px; padding:0 14px; }
  .idc-model-panel-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .idc-decor-panel-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .idc-hardware-panel-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .idc-model-panel-card { min-height:245px; padding:16px 12px 18px; }
  .idc-decor-panel-card { min-height:215px; padding:14px 11px 16px; }
  .idc-hardware-panel-card { min-height:215px; padding:14px 11px 16px; }
  .idc-model-panel-card > span { min-height:150px; }
}

/* Desktop Studio: cijeli konfigurator ostaje u jednom jasnom kadru na FHD/2K, bez skaliranja i gubitka oštrine. */
@media (min-width:1281px) and (min-height:800px) {
  .lumora-interior-config-section { padding-block:18px; }
  .idc-header { align-items:center; padding:28px clamp(34px,3.5vw,58px) 24px; }
  .idc-header :is(h1,h2) { font-size:clamp(3.05rem,3.8vw,4.7rem); line-height:.9; }
  .idc-header > div > p:last-child { margin-top:15px; font-size:.9rem; line-height:1.52; }
  .idc-header dl { min-width:330px; }
  .idc-header dl div { padding:13px 15px; }
  .idc-header dd { margin-top:5px; font-size:.58rem; }
  .idc-workspace { min-height:580px; }
  .idc-controls { align-content:center; gap:18px; padding:22px clamp(20px,2vw,34px); }
  .idc-controls section + section { padding-top:18px; }
  .idc-eyebrow,.idc-section-number { margin-bottom:10px; font-size:.59rem; }
  .idc-controls h3 { margin-bottom:5px; font-size:1.05rem; }
  .idc-help { margin-bottom:10px; font-size:.68rem; line-height:1.45; }
  .idc-swatch-grid { gap:4px; }
  .idc-swatch-grid button { gap:3px; padding:3px; }
  .idc-swatch-grid span { font-size:.49rem; }
  .idc-hardware-grid { gap:5px; }
  .idc-stage { min-height:580px; }
  .idc-stage-label { top:19px; left:22px; }
  .idc-door-canvas { width:min(91%,560px); }
  .idc-loupe { width:164px; }
  .idc-loupe > div { width:140px; }
  .idc-loupe > span { margin-top:10px; font-size:.49rem; }
  .idc-specification { padding:26px clamp(22px,2.4vw,42px); }
  .idc-specification header { padding-bottom:17px; }
  .idc-specification header > p { margin-bottom:9px; }
  .idc-specification h3 { margin-bottom:8px; font-size:clamp(2rem,2.45vw,2.8rem); }
  .idc-specification header small { font-size:.73rem; line-height:1.48; }
  .idc-specification > .idc-section-number { margin-top:18px; }
  .idc-specification dl > div { gap:12px; padding:8px 0; }
  .idc-specification dt { font-size:.68rem; line-height:1.4; }
  .idc-specification dd { color:#aab6cd; font-size:.78rem; line-height:1.45; }
  .idc-technical-note { margin:14px 0; font-size:.63rem; line-height:1.5; }
  .idc-primary-action,.idc-secondary-action { min-height:47px; }
  .idc-privacy { margin-top:10px; }
  .idc-model-rail > div:first-child { padding:26px 34px; }
  .idc-model-rail > div:first-child p { font-size:1.2rem; }
  .idc-model-rail > div:first-child small { margin-top:9px; font-size:.62rem; }
  .idc-model-rail button { min-height:clamp(190px,18vh,230px); padding:14px 15px 17px; }
  .idc-model-rail button > span { min-height:clamp(132px,12.5vh,164px); }
  .idc-model-rail button > b { font-size:.78rem; }
  .idc-model-rail .idc-model-expand > span { min-height:clamp(132px,12.5vh,164px); }
  .idc-model-rail button > i { top:14px; left:15px; }
}

@media (max-width: 1280px) {
  .idc-workspace { grid-template-columns: minmax(270px,.78fr) minmax(430px,1.22fr); }
  .idc-specification { display: grid; grid-column: 1 / -1; grid-template-columns: minmax(250px,.75fr) minmax(360px,1.25fr); gap: 0 50px; border-top: 1px solid var(--idc-line); border-left: 0; }
  .idc-specification header { grid-row: 1 / span 3; padding-right: 42px; border-right: 1px solid var(--idc-line); border-bottom: 0; }
  .idc-specification > .idc-section-number,.idc-specification dl,.idc-specification .idc-technical-note,.idc-specification button,.idc-specification .idc-privacy { grid-column: 2; }
  .idc-specification > .idc-section-number { margin-top: 0; }
  .idc-loupe { left: 70%; width: 160px; }
  .idc-loupe > div { width: 138px; }
}

@media (max-width: 900px) {
  .idc-header { grid-template-columns: 1fr; }
  .idc-header dl { min-width: 0; }
  .idc-collection-switch { grid-template-columns:1fr; }
  .idc-collection-switch button { border-right:0; border-bottom:1px solid var(--idc-line); }
  .idc-collection-switch button:last-child { border-bottom:0; }
  .idc-workspace { display:flex; flex-direction:column; }
  .idc-stage { min-height: min(125vw,720px); order: 1; border-bottom: 1px solid var(--idc-line); }
  .idc-controls { order: 2; border-right: 0; }
  .idc-decor-picker { display: block; }
  .idc-specification { display:flex; order:3; border-top:1px solid var(--idc-line); }
  /* BS/SL/DE master mobile order: stage, controls, models, then specification. */
  html:is([lang="bs"],[lang="sl"],[lang="de"]) .idc { display:flex; flex-direction:column; }
  html:is([lang="bs"],[lang="sl"],[lang="de"]) .idc-workspace { display:contents; }
  html:is([lang="bs"],[lang="sl"],[lang="de"]) .idc-stage { order:1; }
  html:is([lang="bs"],[lang="sl"],[lang="de"]) .idc-controls { order:2; }
  html:is([lang="bs"],[lang="sl"],[lang="de"]) .idc-model-rail { order:3; }
  html:is([lang="bs"],[lang="sl"],[lang="de"]) .idc-specification { order:4; }
  .idc-specification header { padding-right: 0; border-right: 0; border-bottom: 1px solid var(--idc-line); }
  .idc-specification > .idc-section-number { margin-top: 34px; }
  .idc-model-rail { grid-template-columns: 1fr; }
  .idc-model-rail > div:first-child { border-right: 0; border-bottom: 1px solid var(--idc-line); }
  .idc-model-strip { grid-template-columns:minmax(0,1fr) 170px; }
  .idc-model-list { display:flex; overflow-x:auto; scrollbar-width:none; scroll-snap-type:x mandatory; }
  .idc-model-list::-webkit-scrollbar { display:none; }
  .idc-model-list > button { min-width:220px; scroll-snap-align:start; }
}

@media (max-width: 600px) {
  .idc-header { padding: 44px 20px 32px; }
  .idc-header :is(h1,h2) { font-size: clamp(2.42rem,13vw,3.45rem); letter-spacing: -.06em; }
  .idc-header dl { grid-template-columns: 1fr; }
  .idc-header dl div { display: flex; min-width: 0; align-items: center; justify-content: space-between; padding: 13px 15px; border-right: 0; border-bottom: 1px solid var(--idc-line); }
  .idc-header dl div:last-child { border-bottom: 0; }
  .idc-header dd { margin-top: 0; }
  .idc-stage { min-height: 520px; }
  .idc-stage-label { top: 18px; left: 18px; max-width: calc(100% - 36px); }
  .idc-stage-label strong { max-width: 72vw; }
  .idc-door-canvas { width: 112%; }
  .idc-loupe { top: 50.5%; left: 66%; width: 122px; }
  .idc-loupe > div { width: 104px; }
  .idc-loupe > span { font-size: .45rem; }
  .idc-stage-floor { right: 8%; bottom: 0; left: 8%; width: auto; height: 12%; }
  .idc-controls,.idc-specification { padding: 40px 20px; }
  .idc-swatch-grid { grid-template-columns: repeat(6,1fr); }
  .idc-decor-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .idc-swatch-grid button { padding: 3px; }
  .idc-swatch-grid span { font-size: .48rem; }
  .idc-hardware-grid { gap: 6px; }
  .idc-specification dl > div { grid-template-columns: 1fr; gap: 5px; }
  .idc-specification dd { padding-left: 27px; text-align: left; }
  .idc-model-rail > div:first-child { padding: 24px 20px; }
  .idc-model-strip { grid-template-columns:minmax(0,1fr) 132px; }
  .idc-model-list > button { min-width:48vw; }
  .idc-model-rail .idc-model-expand { min-width:132px; padding-inline:8px; }
  .idc-model-rail .idc-model-expand > em { font-size:.4rem; }
}

@media (prefers-reduced-motion: reduce) {
  .idc button,.idc img { transition: none !important; }
  .lumora-interior-page--configurator-first .idc-primary-action > span { transition:none; }
  .lumora-interior-page--configurator-first .idc-primary-action:is(:hover,:focus-visible) > span { transform:none; }
}

/* Unutrašnja vrata: kompaktan, arhitektonski projektni poziv umjesto praznog svijetlog polja. */
.lumora-interior-page > .cta-section { position:relative; overflow:hidden; padding-block:clamp(42px,4vw,64px); isolation:isolate; }
.lumora-interior-page > .cta-section::before { position:absolute; z-index:-1; top:-75%; right:-8%; width:48%; aspect-ratio:1; border:1px solid rgba(199,160,100,.1); border-radius:50%; box-shadow:0 0 0 78px rgba(199,160,100,.025),0 0 0 156px rgba(199,160,100,.018); content:""; }
.lumora-interior-page > .cta-section .cta-inner { position:relative; overflow:hidden; min-height:230px; padding:clamp(34px,4vw,58px); box-shadow:0 35px 85px -58px rgba(0,0,0,.9),inset 0 1px rgba(255,255,255,.035); isolation:isolate; }
.lumora-interior-page > .cta-section .cta-inner::before { position:absolute; z-index:-1; top:0; bottom:0; left:0; width:3px; background:linear-gradient(#e7d0a0,#8b6636); box-shadow:0 0 22px rgba(199,160,100,.45); content:""; }
.lumora-interior-page > .cta-section .cta-inner::after { position:absolute; z-index:-1; top:-120%; right:-8%; width:46%; aspect-ratio:1; border:1px solid rgba(199,160,100,.12); border-radius:50%; box-shadow:0 0 0 54px rgba(199,160,100,.025),0 0 0 108px rgba(199,160,100,.018); content:""; }
.lumora-interior-page > .cta-section .cta-inner h2 { max-width:780px; font-size:clamp(2.15rem,3.55vw,4.35rem); line-height:1.02; letter-spacing:-.035em; }
.lumora-interior-page > .cta-section .button-primary { position:relative; min-width:220px; overflow:hidden; box-shadow:0 18px 40px -24px rgba(199,160,100,.9); }
.lumora-interior-page > .cta-section .button-primary::after { position:absolute; top:-70%; bottom:-70%; left:-40%; width:24%; background:linear-gradient(90deg,transparent,rgba(255,255,255,.62),transparent); content:""; transform:skewX(-20deg); transition:left .7s ease; }
.lumora-interior-page > .cta-section .button-primary:hover::after { left:118%; }
html[data-theme="day"] .lumora-interior-page > .cta-section .cta-inner { border-color:rgba(112,83,46,.25); background:linear-gradient(118deg,rgba(255,253,248,.98),rgba(237,227,212,.92)); box-shadow:0 35px 85px -58px rgba(72,51,26,.48),inset 0 1px #fff; }
html[data-theme="day"] .lumora-interior-page > .cta-section .cta-inner::after { border-color:rgba(112,83,46,.12); }
@media (max-width:760px) {
  .lumora-interior-page > .cta-section .cta-inner { min-height:0; align-items:flex-start; padding:30px 24px; flex-direction:column; }
  .lumora-interior-page > .cta-section .button-primary { width:100%; }
}

/* BS vodi direktno u konfigurator, uz očuvan, server-renderovan naslov stranice. */
.lumora-interior-page--configurator-first .lumora-interior-config-section { padding-top:clamp(26px,3vw,52px); }
.lumora-configurator-first-heading {
  width:min(100% - 40px,1760px);
  margin:0 auto clamp(22px,2.8vw,42px);
  padding:clamp(22px,2.5vw,38px) clamp(20px,3vw,48px);
  border:1px solid rgba(199,160,100,.24);
  background:linear-gradient(120deg,rgba(16,29,57,.96),rgba(7,15,34,.98));
  box-shadow:0 28px 70px -52px rgba(0,0,0,.9),inset 0 1px rgba(255,255,255,.035);
}
.lumora-configurator-first-heading .breadcrumb { margin-bottom:clamp(22px,2vw,32px); }
html[data-theme="night"] .lumora-configurator-first-heading .breadcrumb { color:#8f9bb4; }
.lumora-configurator-first-heading h1 {
  max-width:18ch;
  margin:10px 0 0;
  color:#f4f7fc;
  font-size:clamp(2.5rem,5.2vw,6.1rem);
  font-weight:520;
  line-height:.96;
  letter-spacing:-.045em;
  text-wrap:balance;
}
html[data-theme="day"] .lumora-configurator-first-heading {
  border-color:rgba(126,91,43,.25);
  background:radial-gradient(circle at 92% 0,rgba(199,160,100,.16),transparent 36%),linear-gradient(120deg,#fffdf8,#eee4d5);
  box-shadow:0 28px 70px -52px rgba(75,52,26,.48),inset 0 1px #fff;
}
html[data-theme="day"] .lumora-configurator-first-heading h1 { color:#171b24; }
@media (max-width:760px) {
  .lumora-configurator-first-heading { width:calc(100% - 24px); margin-bottom:18px; padding:22px 18px; }
  .lumora-configurator-first-heading h1 { font-size:clamp(2.2rem,12vw,3.5rem); }
}