/* ░░ Pracovný režim — 3D konfigurátor na celú výšku okna ░░
   Výšky: lišta 56 px + pás konfigurátora (.azp-bar) 72 px s 13 px odsadením + riadok päty 36 px.
   Na mobile má konfigurátor vlastné rozloženie na výšku okna (canvas + panel
   s prilepeným tlačidlom), len mu odrátame našu lištu. */

body.pl-app-mode{--pl-appbar:56px;--pl-appfoot:36px;background:var(--pl-bg)}

.pl-appbar{position:sticky;top:0;z-index:50;height:var(--pl-appbar);box-sizing:border-box;
  padding:0 max(16px,env(safe-area-inset-right)) 0 max(16px,env(safe-area-inset-left));
  display:flex;align-items:center;gap:18px;background:var(--pl-dark);color:#fff}
.pl-appbar-logo{display:flex;align-items:center;flex-shrink:0}
.pl-appbar-logo-img{height:30px;width:auto;display:block}
.pl-appbar-back{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px 0 8px;border-radius:9px;
  color:#CFCBC3;font-size:13.5px;font-weight:600;text-decoration:none;border:1px solid #2E2E2E}
.pl-appbar-back:hover{color:#fff;border-color:#4A4A4A}
.pl-appbar-r{margin-left:auto;display:flex;align-items:center;gap:14px}
.pl-appbar-tel{display:flex;align-items:center;gap:9px;color:var(--pl-brand)}
.pl-appbar-tel>span{display:flex;gap:14px}
.pl-appbar-tel a{color:#fff;font-family:var(--pl-display);font-size:14.5px;font-weight:800;white-space:nowrap;text-decoration:none}
.pl-appbar-tel a:hover{color:var(--pl-brand)}
/* košík v lište je nenápadný — červené je len „Do košíka“ konfigurátora pod ním */
.pl-appbar-cart{position:relative;width:42px;height:42px;border-radius:11px;background:transparent;color:#fff;
  border:1px solid #3A3A3A;box-sizing:border-box;display:flex;align-items:center;justify-content:center}
.pl-appbar-cart:hover{border-color:#5A5A5A}
.pl-appbar-cart .pl-cart-btn-n{position:absolute;top:-6px;right:-6px}

.pl-app-main{padding:0}
.pl-app-mode .az-wrapper{max-width:none;padding:0 16px}
/* konfigurátor má v stránke `.az-skin-pletiva .az-app` s rovnakou váhou a neskôr — preto body + wrapper */
body.pl-app-mode .az-wrapper .az-app{height:calc(100dvh - var(--pl-appbar) - 85px - var(--pl-appfoot) - 12px);
  max-height:none;min-height:520px}

.pl-appfoot{height:var(--pl-appfoot);box-sizing:border-box;padding:0 16px;margin-top:12px;
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  font-size:12px;color:var(--pl-muted);border-top:1px solid var(--pl-line)}
.pl-appfoot nav{display:flex;gap:16px;flex-wrap:wrap}
.pl-appfoot a{color:var(--pl-muted);text-decoration:none}
.pl-appfoot a:hover{color:var(--pl-ink);text-decoration:underline}

@media (max-width:1100px){
  .pl-appbar-back span{display:none}
  .pl-appbar-back{padding:0 8px}
}
@media (max-width:920px){
  body.pl-app-mode{--pl-appbar:52px}
  .pl-app-mode .az-wrapper{padding:0}
  /* konfigurátor si na mobile nastavuje výšku 100dvh — odrátame lištu a jeho pás */
  body.pl-app-mode .az-wrapper .az-app{height:calc(100dvh - var(--pl-appbar) - 73px);max-height:none;min-height:0}
  .pl-appbar{gap:10px}
  .pl-appbar-logo-img{height:24px}
  .pl-appbar-tel{gap:6px}
  .pl-appbar-tel>span{flex-direction:column;gap:0}
  .pl-appbar-tel a{font-size:12.5px;line-height:1.25}
  .pl-appfoot{height:auto;padding:12px 16px 16px;flex-direction:column;align-items:flex-start;gap:8px;margin-top:0}
}
@media (max-width:420px){
  .pl-appbar-back{display:none}
}