/* LAVI v1.31 — official 2-door sliding configurator templates */
.pattern-options{grid-template-columns:repeat(3,minmax(0,1fr))}
.pattern-option{padding:0;overflow:hidden;min-height:0;text-align:inherit}
.pattern-plan-thumb{display:block;aspect-ratio:1.07;background:#f7f6f2;border-bottom:1px solid #ddd;overflow:hidden}
.pattern-plan-thumb img{display:block;width:100%;height:100%;object-fit:contain}
.pattern-option-copy{display:block;padding:12px 13px 14px}
.pattern-option-copy b,.pattern-option-copy strong,.pattern-option-copy small{display:block}
.pattern-option-copy b{font:700 10px/1.2 Arial,sans-serif;letter-spacing:.08em;color:#701d20;margin:0 0 5px}
.pattern-option-copy strong{font-size:14px}
.pattern-option-copy small{font-size:10px;color:#777;margin-top:4px;line-height:1.6}
.pattern-option.active .pattern-plan-thumb{box-shadow:inset 0 0 0 3px #701d20}

.wardrobe-plan{overflow:hidden;position:relative;background:#fff}
.wardrobe-plan>.config-door,.wardrobe-plan .config-panel{min-width:0;min-height:0;max-width:100%;max-height:100%;overflow:hidden}
.wardrobe-plan[data-plan-pattern="cubic"],
.wardrobe-plan[data-plan-pattern="mirror"],
.wardrobe-plan[data-plan-pattern="sprit"]{gap:0!important;background:#fff!important;padding:0!important;border:0!important;isolation:isolate}
.wardrobe-plan[data-plan-pattern="cubic"]::after,
.wardrobe-plan[data-plan-pattern="mirror"]::after,
.wardrobe-plan[data-plan-pattern="sprit"]::after{content:"";position:absolute;inset:0;z-index:5;pointer-events:none;background-repeat:no-repeat;background-position:center;background-size:contain}
.wardrobe-plan[data-plan-pattern="cubic"]::after{background-image:url('../img/door-overlays/2door-plan-a-overlay.png')}
.wardrobe-plan[data-plan-pattern="mirror"]::after{background-image:url('../img/door-overlays/2door-plan-b-overlay.png')}
.wardrobe-plan[data-plan-pattern="sprit"]::after{background-image:url('../img/door-overlays/2door-plan-c-overlay.png')}
.wardrobe-plan[data-plan-pattern="cubic"]>.config-door,
.wardrobe-plan[data-plan-pattern="mirror"]>.config-door,
.wardrobe-plan[data-plan-pattern="sprit"]>.config-door{position:relative;z-index:1;background:transparent!important;gap:0!important}
.wardrobe-plan[data-plan-pattern="cubic"]>.config-door>small,
.wardrobe-plan[data-plan-pattern="mirror"]>.config-door>small,
.wardrobe-plan[data-plan-pattern="sprit"]>.config-door>small{display:none!important}
.wardrobe-plan[data-plan-pattern="cubic"] .config-panel,
.wardrobe-plan[data-plan-pattern="mirror"] .config-panel,
.wardrobe-plan[data-plan-pattern="sprit"] .config-panel{border:0!important;border-radius:0!important;padding:0!important;box-shadow:none!important;outline:0!important;background-clip:padding-box;position:relative}
.wardrobe-plan[data-plan-pattern="cubic"] .config-panel span,
.wardrobe-plan[data-plan-pattern="cubic"] .config-panel b,
.wardrobe-plan[data-plan-pattern="mirror"] .config-panel span,
.wardrobe-plan[data-plan-pattern="mirror"] .config-panel b,
.wardrobe-plan[data-plan-pattern="sprit"] .config-panel span,
.wardrobe-plan[data-plan-pattern="sprit"] .config-panel b{display:none!important}
.wardrobe-plan[data-plan-pattern="cubic"] .config-panel.active,
.wardrobe-plan[data-plan-pattern="mirror"] .config-panel.active,
.wardrobe-plan[data-plan-pattern="sprit"] .config-panel.active{filter:brightness(.94)!important}

@media(max-width:1000px){
  .pattern-options{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
  .pattern-options{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px;overflow:visible!important}
  .pattern-option{min-width:0!important;min-height:0!important;flex:auto!important}
  .pattern-option-copy{padding:8px}
  .pattern-option-copy b{font-size:8px;margin-bottom:3px}
  .pattern-option-copy strong{font-size:10px}
  .pattern-option-copy small{font-size:7px}
}


/* LAVI v1.33 — align door colors inside exact line frames */
.wardrobe-plan[data-plan-pattern="cubic"],
.wardrobe-plan[data-plan-pattern="mirror"],
.wardrobe-plan[data-plan-pattern="sprit"]{
  box-sizing:border-box!important;
  --plan-pad-top:4.6%;
  --plan-pad-right:6.6%;
  --plan-pad-bottom:7.0%;
  --plan-pad-left:6.6%;
  padding:var(--plan-pad-top) var(--plan-pad-right) var(--plan-pad-bottom) var(--plan-pad-left)!important;
}
.wardrobe-plan[data-plan-pattern="mirror"]{
  --plan-pad-left:6.2%;
  --plan-pad-right:7.3%;
  --plan-pad-bottom:6.9%;
}
.wardrobe-plan[data-plan-pattern="sprit"]{
  --plan-pad-bottom:7.4%;
}
.wardrobe-plan[data-plan-pattern="cubic"]>.config-door,
.wardrobe-plan[data-plan-pattern="mirror"]>.config-door,
.wardrobe-plan[data-plan-pattern="sprit"]>.config-door{
  min-height:100%;
  align-self:stretch;
}
.wardrobe-plan[data-plan-pattern="cubic"] .config-panel,
.wardrobe-plan[data-plan-pattern="mirror"] .config-panel,
.wardrobe-plan[data-plan-pattern="sprit"] .config-panel{
  width:100%;
  height:100%;
  box-sizing:border-box;
  background-origin:border-box;
  background-clip:border-box;
}
@media(max-width:700px){
  .wardrobe-plan[data-plan-pattern="cubic"],
  .wardrobe-plan[data-plan-pattern="mirror"],
  .wardrobe-plan[data-plan-pattern="sprit"]{
    --plan-pad-top:4.6%;
    --plan-pad-right:6.7%;
    --plan-pad-bottom:7.1%;
    --plan-pad-left:6.7%;
  }
  .wardrobe-plan[data-plan-pattern="mirror"]{
    --plan-pad-left:6.3%;
    --plan-pad-right:7.4%;
    --plan-pad-bottom:7.0%;
  }
  .wardrobe-plan[data-plan-pattern="sprit"]{--plan-pad-bottom:7.5%;}
}


/* LAVI v1.34 — unified panel lines so colors and frames match exactly */
.wardrobe-plan[data-plan-pattern="cubic"],
.wardrobe-plan[data-plan-pattern="mirror"],
.wardrobe-plan[data-plan-pattern="sprit"]{
  --plan-pad-top:4.65%;
  --plan-pad-right:6.95%;
  --plan-pad-bottom:6.95%;
  --plan-pad-left:6.65%;
  position:relative!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:0!important;
  padding:var(--plan-pad-top) var(--plan-pad-right) var(--plan-pad-bottom) var(--plan-pad-left)!important;
  box-sizing:border-box!important;
  background:#fff!important;
  isolation:isolate;
}
.wardrobe-plan[data-plan-pattern="mirror"]{
  --plan-pad-right:7.25%;
  --plan-pad-left:6.20%;
}
.wardrobe-plan[data-plan-pattern="sprit"]{
  --plan-pad-bottom:7.35%;
}
.wardrobe-plan[data-plan-pattern="cubic"]::after,
.wardrobe-plan[data-plan-pattern="mirror"]::after,
.wardrobe-plan[data-plan-pattern="sprit"]::after{
  content:none!important;
  display:none!important;
}
.wardrobe-plan[data-plan-pattern="cubic"]::before,
.wardrobe-plan[data-plan-pattern="mirror"]::before,
.wardrobe-plan[data-plan-pattern="sprit"]::before{
  content:"";
  position:absolute;
  z-index:2;
  pointer-events:none;
  left:var(--plan-pad-left);
  right:var(--plan-pad-right);
  bottom:1.15%;
  height:0.95%;
  min-height:6px;
  border-radius:1px;
  background:linear-gradient(180deg,#d8d3cb 0%,#9f978e 48%,#e6e1db 100%);
  box-shadow:0 0 0 1px rgba(0,0,0,.20);
}
.wardrobe-plan[data-plan-pattern="cubic"] > .config-door,
.wardrobe-plan[data-plan-pattern="mirror"] > .config-door,
.wardrobe-plan[data-plan-pattern="sprit"] > .config-door{
  position:relative!important;
  z-index:3;
  display:grid!important;
  align-self:stretch!important;
  width:100%!important;
  min-width:0!important;
  min-height:0!important;
  height:100%!important;
  gap:0!important;
  background:transparent!important;
  border-left:2px solid #1d1d1d!important;
  box-sizing:border-box!important;
}
.wardrobe-plan[data-plan-pattern="cubic"] > .config-door:last-child,
.wardrobe-plan[data-plan-pattern="mirror"] > .config-door:last-child,
.wardrobe-plan[data-plan-pattern="sprit"] > .config-door:last-child{
  border-right:2px solid #1d1d1d!important;
}
.wardrobe-plan[data-plan-pattern="cubic"] > .config-door{grid-template-rows:419fr 419fr 421fr!important;}
.wardrobe-plan[data-plan-pattern="mirror"] > .config-door{grid-template-rows:737fr 518fr!important;}
.wardrobe-plan[data-plan-pattern="sprit"] > .config-door{grid-template-rows:737fr 21fr 492fr!important;}
.wardrobe-plan[data-plan-pattern="cubic"] .config-panel,
.wardrobe-plan[data-plan-pattern="mirror"] .config-panel,
.wardrobe-plan[data-plan-pattern="sprit"] .config-panel{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  border:none!important;
  border-radius:0!important;
  margin:0!important;
  padding:0!important;
  outline:0!important;
  box-sizing:border-box!important;
  background-origin:border-box!important;
  background-clip:border-box!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-size:cover!important;
}
.wardrobe-plan[data-plan-pattern="cubic"] .config-panel:nth-child(n+2),
.wardrobe-plan[data-plan-pattern="mirror"] .config-panel:nth-child(2){
  border-top:2px solid #818181!important;
}
.wardrobe-plan[data-plan-pattern="sprit"] .config-panel:nth-child(2){
  border-top:2px solid #818181!important;
  border-bottom:2px solid #818181!important;
}
.wardrobe-plan[data-plan-pattern="sprit"] .config-panel:nth-child(3){
  border-top:0!important;
}
.wardrobe-plan[data-plan-pattern="cubic"] .config-panel.active,
.wardrobe-plan[data-plan-pattern="mirror"] .config-panel.active,
.wardrobe-plan[data-plan-pattern="sprit"] .config-panel.active{
  box-shadow:inset 0 0 0 3px rgba(255,255,255,.92), inset 0 0 0 6px #701d20!important;
}
@media (max-width:700px){
  .wardrobe-plan[data-plan-pattern="cubic"],
  .wardrobe-plan[data-plan-pattern="mirror"],
  .wardrobe-plan[data-plan-pattern="sprit"]{
    --plan-pad-top:4.65%;
    --plan-pad-right:6.95%;
    --plan-pad-bottom:7.05%;
    --plan-pad-left:6.70%;
  }
  .wardrobe-plan[data-plan-pattern="mirror"]{
    --plan-pad-right:7.30%;
    --plan-pad-left:6.25%;
  }
  .wardrobe-plan[data-plan-pattern="sprit"]{--plan-pad-bottom:7.40%;}
  .wardrobe-plan[data-plan-pattern="cubic"] > .config-door,
  .wardrobe-plan[data-plan-pattern="mirror"] > .config-door,
  .wardrobe-plan[data-plan-pattern="sprit"] > .config-door,
  .wardrobe-plan[data-plan-pattern="cubic"] .config-panel:nth-child(n+2),
  .wardrobe-plan[data-plan-pattern="mirror"] .config-panel:nth-child(2),
  .wardrobe-plan[data-plan-pattern="sprit"] .config-panel:nth-child(2){
    border-width:1.5px!important;
  }
}